"use strict";
import '../color-input-group/index.js';
import { ColorFieldRoot } from './color-field.js';
export { colorFieldVariants } from '@heroui/styles';
import { ColorInputGroupSuffix, ColorInputGroupPrefix, ColorInputGroupInput, ColorInputGroupRoot } from '../color-input-group/color-input-group.js';

/* -------------------------------------------------------------------------------------------------
 * Compound Component
 * -----------------------------------------------------------------------------------------------*/
const ColorField = Object.assign(ColorFieldRoot, {
  Root: ColorFieldRoot,
  Group: ColorInputGroupRoot,
  Input: ColorInputGroupInput,
  Prefix: ColorInputGroupPrefix,
  Suffix: ColorInputGroupSuffix
});

export { ColorField, ColorFieldRoot };
