@ark-ui/react 3.3.0 → 3.4.0-1

package/dist/components/color-picker/color-picker-transparency-grid.d.cts

@@ -1,8 +1,9 @@
 import { TransparencyGridProps } from '@zag-js/color-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerTransparencyGridProps extends Assign<HTMLArkProps<'div'>, TransparencyGridProps> {
+export interface ColorPickerTransparencyGridBaseProps extends TransparencyGridProps, PolymorphicProps {
+}
+export interface ColorPickerTransparencyGridProps extends HTMLProps<'div'>, ColorPickerTransparencyGridBaseProps {
 }
 export declare const ColorPickerTransparencyGrid: ForwardRefExoticComponent<ColorPickerTransparencyGridProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-transparency-grid.d.ts

@@ -1,8 +1,9 @@
 import { TransparencyGridProps } from '@zag-js/color-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerTransparencyGridProps extends Assign<HTMLArkProps<'div'>, TransparencyGridProps> {
+export interface ColorPickerTransparencyGridBaseProps extends TransparencyGridProps, PolymorphicProps {
+}
+export interface ColorPickerTransparencyGridProps extends HTMLProps<'div'>, ColorPickerTransparencyGridBaseProps {
 }
 export declare const ColorPickerTransparencyGrid: ForwardRefExoticComponent<ColorPickerTransparencyGridProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-trigger.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerTriggerProps extends HTMLArkProps<'button'> {
+export interface ColorPickerTriggerBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerTriggerProps extends HTMLProps<'button'>, ColorPickerTriggerBaseProps {
 }
 export declare const ColorPickerTrigger: ForwardRefExoticComponent<ColorPickerTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/color-picker/color-picker-trigger.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerTriggerProps extends HTMLArkProps<'button'> {
+export interface ColorPickerTriggerBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerTriggerProps extends HTMLProps<'button'>, ColorPickerTriggerBaseProps {
 }
 export declare const ColorPickerTrigger: ForwardRefExoticComponent<ColorPickerTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/color-picker/color-picker-value-swatch.cjs

@@ -0,0 +1,30 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useColorPickerContext = require('./use-color-picker-context.cjs');
+const useColorPickerSwatchPropsContext = require('./use-color-picker-swatch-props-context.cjs');
+
+const ColorPickerValueSwatch = react.forwardRef(
+  (props, ref) => {
+    const [{ respectAlpha }, localProps] = createSplitProps.createSplitProps()(props, [
+      "respectAlpha"
+    ]);
+    const colorPicker = useColorPickerContext.useColorPickerContext();
+    const swatchProps = {
+      respectAlpha,
+      value: colorPicker.valueAsString
+    };
+    const mergedProps = react$1.mergeProps(colorPicker.getSwatchProps(swatchProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerSwatchPropsContext.ColorPickerSwatchPropsProvider, { value: swatchProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+ColorPickerValueSwatch.displayName = "ColorPickerValueSwatch";
+
+exports.ColorPickerValueSwatch = ColorPickerValueSwatch;

package/dist/components/color-picker/color-picker-value-swatch.d.cts

@@ -0,0 +1,12 @@
+import { SwatchProps } from '@zag-js/color-picker';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface ValueSwatchProps extends Omit<SwatchProps, 'value'> {
+}
+export interface ColorPickerValueSwatchBaseProps extends ValueSwatchProps, PolymorphicProps {
+}
+export interface ColorPickerValueSwatchProps extends HTMLProps<'div'>, ColorPickerValueSwatchBaseProps {
+}
+export declare const ColorPickerValueSwatch: ForwardRefExoticComponent<ColorPickerValueSwatchProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/color-picker/color-picker-value-swatch.d.ts

@@ -0,0 +1,12 @@
+import { SwatchProps } from '@zag-js/color-picker';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface ValueSwatchProps extends Omit<SwatchProps, 'value'> {
+}
+export interface ColorPickerValueSwatchBaseProps extends ValueSwatchProps, PolymorphicProps {
+}
+export interface ColorPickerValueSwatchProps extends HTMLProps<'div'>, ColorPickerValueSwatchBaseProps {
+}
+export declare const ColorPickerValueSwatch: ForwardRefExoticComponent<ColorPickerValueSwatchProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/color-picker/color-picker-value-swatch.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useColorPickerContext } from './use-color-picker-context.js';
+import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context.js';
+
+const ColorPickerValueSwatch = forwardRef(
+  (props, ref) => {
+    const [{ respectAlpha }, localProps] = createSplitProps()(props, [
+      "respectAlpha"
+    ]);
+    const colorPicker = useColorPickerContext();
+    const swatchProps = {
+      respectAlpha,
+      value: colorPicker.valueAsString
+    };
+    const mergedProps = mergeProps(colorPicker.getSwatchProps(swatchProps), localProps);
+    return /* @__PURE__ */ jsx(ColorPickerSwatchPropsProvider, { value: swatchProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+ColorPickerValueSwatch.displayName = "ColorPickerValueSwatch";
+
+export { ColorPickerValueSwatch };

package/dist/components/color-picker/color-picker-value-text.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerValueTextProps extends HTMLArkProps<'span'> {
+export interface ColorPickerValueTextBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerValueTextProps extends HTMLProps<'span'>, ColorPickerValueTextBaseProps {
 }
 export declare const ColorPickerValueText: ForwardRefExoticComponent<ColorPickerValueTextProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-value-text.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerValueTextProps extends HTMLArkProps<'span'> {
+export interface ColorPickerValueTextBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerValueTextProps extends HTMLProps<'span'>, ColorPickerValueTextBaseProps {
 }
 export declare const ColorPickerValueText: ForwardRefExoticComponent<ColorPickerValueTextProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-view.cjs

@@ -6,23 +6,26 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const anatomy = require('@ark-ui/anatomy');
 const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
+const useColorPickerFormatContext = require('./use-color-picker-format-context.cjs');
 
 const ColorPickerView = react.forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext.useColorPickerContext();
-  if (colorPicker.format !== props.format) {
+  const [formatProps, restProps] = createSplitProps.createSplitProps()(props, ["format"]);
+  if (colorPicker.format !== formatProps.format) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerFormatContext.ColorPickerFormatPropsProvider, { value: formatProps, children: /* @__PURE__ */ jsxRuntime.jsx(
     factory.ark.div,
     {
       ref,
       "data-format": props.format,
       ...anatomy.colorPickerAnatomy.build().view.attrs,
-      ...props
+      ...restProps
     }
-  );
+  ) });
 });
 ColorPickerView.displayName = "ColorPickerView";
 

package/dist/components/color-picker/color-picker-view.d.cts

@@ -1,8 +1,13 @@
 import { ColorFormat } from '@zag-js/color-picker';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerViewProps extends HTMLArkProps<'div'> {
+interface FormatOptions {
     format: ColorFormat;
 }
+export interface ColorPickerViewBaseProps extends FormatOptions, PolymorphicProps {
+}
+export interface ColorPickerViewProps extends HTMLProps<'div'>, ColorPickerViewBaseProps {
+}
 export declare const ColorPickerView: ForwardRefExoticComponent<ColorPickerViewProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/color-picker/color-picker-view.d.ts

@@ -1,8 +1,13 @@
 import { ColorFormat } from '@zag-js/color-picker';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerViewProps extends HTMLArkProps<'div'> {
+interface FormatOptions {
     format: ColorFormat;
 }
+export interface ColorPickerViewBaseProps extends FormatOptions, PolymorphicProps {
+}
+export interface ColorPickerViewProps extends HTMLProps<'div'>, ColorPickerViewBaseProps {
+}
 export declare const ColorPickerView: ForwardRefExoticComponent<ColorPickerViewProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/color-picker/color-picker-view.js

@@ -2,23 +2,26 @@
 import { jsx } from 'react/jsx-runtime';
 import { colorPickerAnatomy } from '@ark-ui/anatomy';
 import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
+import { ColorPickerFormatPropsProvider } from './use-color-picker-format-context.js';
 
 const ColorPickerView = forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext();
-  if (colorPicker.format !== props.format) {
+  const [formatProps, restProps] = createSplitProps()(props, ["format"]);
+  if (colorPicker.format !== formatProps.format) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ColorPickerFormatPropsProvider, { value: formatProps, children: /* @__PURE__ */ jsx(
     ark.div,
     {
       ref,
       "data-format": props.format,
       ...colorPickerAnatomy.build().view.attrs,
-      ...props
+      ...restProps
     }
-  );
+  ) });
 });
 ColorPickerView.displayName = "ColorPickerView";
 

package/dist/components/color-picker/color-picker.cjs

@@ -7,26 +7,30 @@ const colorPickerAreaBackground = require('./color-picker-area-background.cjs');
 const colorPickerAreaThumb = require('./color-picker-area-thumb.cjs');
 const colorPickerChannelInput = require('./color-picker-channel-input.cjs');
 const colorPickerChannelSlider = require('./color-picker-channel-slider.cjs');
+const colorPickerChannelSliderLabel = require('./color-picker-channel-slider-label.cjs');
 const colorPickerChannelSliderThumb = require('./color-picker-channel-slider-thumb.cjs');
 const colorPickerChannelSliderTrack = require('./color-picker-channel-slider-track.cjs');
+const colorPickerChannelSliderValueText = require('./color-picker-channel-slider-value-text.cjs');
 const colorPickerContent = require('./color-picker-content.cjs');
 const colorPickerContext = require('./color-picker-context.cjs');
 const colorPickerControl = require('./color-picker-control.cjs');
 const colorPickerEyeDropperTrigger = require('./color-picker-eye-dropper-trigger.cjs');
 const colorPickerFormatSelect = require('./color-picker-format-select.cjs');
 const colorPickerFormatTrigger = require('./color-picker-format-trigger.cjs');
+const colorPickerHiddenInput = require('./color-picker-hidden-input.cjs');
 const colorPickerLabel = require('./color-picker-label.cjs');
 const colorPickerPositioner = require('./color-picker-positioner.cjs');
 const colorPickerRoot = require('./color-picker-root.cjs');
+const colorPickerRootProvider = require('./color-picker-root-provider.cjs');
 const colorPickerSwatch = require('./color-picker-swatch.cjs');
 const colorPickerSwatchGroup = require('./color-picker-swatch-group.cjs');
 const colorPickerSwatchIndicator = require('./color-picker-swatch-indicator.cjs');
 const colorPickerSwatchTrigger = require('./color-picker-swatch-trigger.cjs');
 const colorPickerTransparencyGrid = require('./color-picker-transparency-grid.cjs');
 const colorPickerTrigger = require('./color-picker-trigger.cjs');
+const colorPickerValueSwatch = require('./color-picker-value-swatch.cjs');
 const colorPickerValueText = require('./color-picker-value-text.cjs');
 const colorPickerView = require('./color-picker-view.cjs');
-const colorPickerHiddenInput = require('./color-picker-hidden-input.cjs');
 
 
 
@@ -35,23 +39,27 @@ exports.AreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
 exports.AreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
 exports.ChannelInput = colorPickerChannelInput.ColorPickerChannelInput;
 exports.ChannelSlider = colorPickerChannelSlider.ColorPickerChannelSlider;
+exports.ChannelSliderLabel = colorPickerChannelSliderLabel.ColorPickerChannelSliderLabel;
 exports.ChannelSliderThumb = colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb;
 exports.ChannelSliderTrack = colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack;
+exports.ChannelSliderValueText = colorPickerChannelSliderValueText.ColorPickerChannelSliderValueText;
 exports.Content = colorPickerContent.ColorPickerContent;
 exports.Context = colorPickerContext.ColorPickerContext;
 exports.Control = colorPickerControl.ColorPickerControl;
 exports.EyeDropperTrigger = colorPickerEyeDropperTrigger.ColorPickerEyeDropperTrigger;
 exports.FormatSelect = colorPickerFormatSelect.ColorPickerFormatSelect;
 exports.FormatTrigger = colorPickerFormatTrigger.ColorPickerFormatTrigger;
+exports.HiddenInput = colorPickerHiddenInput.ColorPickerHiddenInput;
 exports.Label = colorPickerLabel.ColorPickerLabel;
 exports.Positioner = colorPickerPositioner.ColorPickerPositioner;
 exports.Root = colorPickerRoot.ColorPickerRoot;
+exports.RootProvider = colorPickerRootProvider.ColorPickerRootProvider;
 exports.Swatch = colorPickerSwatch.ColorPickerSwatch;
 exports.SwatchGroup = colorPickerSwatchGroup.ColorPickerSwatchGroup;
 exports.SwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatchIndicator;
 exports.SwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
 exports.TransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
 exports.Trigger = colorPickerTrigger.ColorPickerTrigger;
+exports.ValueSwatch = colorPickerValueSwatch.ColorPickerValueSwatch;
 exports.ValueText = colorPickerValueText.ColorPickerValueText;
 exports.View = colorPickerView.ColorPickerView;
-exports.HiddenInput = colorPickerHiddenInput.ColorPickerHiddenInput;

package/dist/components/color-picker/color-picker.d.cts

@@ -1,26 +1,30 @@
 export type { ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
-export { ColorPickerArea as Area, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
-export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
-export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';
-export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputProps as ChannelInputProps, } from './color-picker-channel-input';
-export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderProps as ChannelSliderProps, } from './color-picker-channel-slider';
-export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
-export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track';
-export { ColorPickerContent as Content, type ColorPickerContentProps as ContentProps, } from './color-picker-content';
+export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
+export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
+export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';
+export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputBaseProps as ChannelInputBaseProps, type ColorPickerChannelInputProps as ChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, type ColorPickerChannelSliderProps as ChannelSliderProps, } from './color-picker-channel-slider';
+export { ColorPickerChannelSliderLabel as ChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, } from './color-picker-channel-slider-label';
+export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerChannelSliderValueText as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text';
+export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, } from './color-picker-content';
 export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps, } from './color-picker-context';
-export { ColorPickerControl as Control, type ColorPickerControlProps as ControlProps, } from './color-picker-control';
-export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
-export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectProps as FormatSelectProps, } from './color-picker-format-select';
-export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerProps as FormatTriggerProps, } from './color-picker-format-trigger';
-export { ColorPickerLabel as Label, type ColorPickerLabelProps as LabelProps, } from './color-picker-label';
-export { ColorPickerPositioner as Positioner, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner';
-export { ColorPickerRoot as Root, type ColorPickerRootProps as RootProps, } from './color-picker-root';
-export { ColorPickerSwatch as Swatch, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch';
-export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group';
-export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator';
-export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger';
-export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid';
-export { ColorPickerTrigger as Trigger, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger';
-export { ColorPickerValueText as ValueText, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text';
-export { ColorPickerView as View, type ColorPickerViewProps as ViewProps, } from './color-picker-view';
-export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerControl as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, } from './color-picker-control';
+export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, type ColorPickerFormatSelectProps as FormatSelectProps, } from './color-picker-format-select';
+export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, type ColorPickerFormatTriggerProps as FormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerLabel as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, } from './color-picker-label';
+export { ColorPickerPositioner as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner';
+export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, } from './color-picker-root';
+export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, } from './color-picker-root-provider';
+export { ColorPickerSwatch as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch';
+export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group';
+export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator';
+export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger';
+export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid';
+export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger';
+export { ColorPickerValueSwatch as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, } from './color-picker-value-swatch';
+export { ColorPickerValueText as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text';
+export { ColorPickerView as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, } from './color-picker-view';

package/dist/components/color-picker/color-picker.d.ts

@@ -1,26 +1,30 @@
 export type { ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
-export { ColorPickerArea as Area, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
-export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
-export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';
-export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputProps as ChannelInputProps, } from './color-picker-channel-input';
-export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderProps as ChannelSliderProps, } from './color-picker-channel-slider';
-export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
-export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track';
-export { ColorPickerContent as Content, type ColorPickerContentProps as ContentProps, } from './color-picker-content';
+export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
+export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
+export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';
+export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputBaseProps as ChannelInputBaseProps, type ColorPickerChannelInputProps as ChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, type ColorPickerChannelSliderProps as ChannelSliderProps, } from './color-picker-channel-slider';
+export { ColorPickerChannelSliderLabel as ChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, } from './color-picker-channel-slider-label';
+export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerChannelSliderValueText as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text';
+export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, } from './color-picker-content';
 export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps, } from './color-picker-context';
-export { ColorPickerControl as Control, type ColorPickerControlProps as ControlProps, } from './color-picker-control';
-export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
-export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectProps as FormatSelectProps, } from './color-picker-format-select';
-export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerProps as FormatTriggerProps, } from './color-picker-format-trigger';
-export { ColorPickerLabel as Label, type ColorPickerLabelProps as LabelProps, } from './color-picker-label';
-export { ColorPickerPositioner as Positioner, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner';
-export { ColorPickerRoot as Root, type ColorPickerRootProps as RootProps, } from './color-picker-root';
-export { ColorPickerSwatch as Swatch, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch';
-export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group';
-export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator';
-export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger';
-export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid';
-export { ColorPickerTrigger as Trigger, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger';
-export { ColorPickerValueText as ValueText, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text';
-export { ColorPickerView as View, type ColorPickerViewProps as ViewProps, } from './color-picker-view';
-export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerControl as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, } from './color-picker-control';
+export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, type ColorPickerFormatSelectProps as FormatSelectProps, } from './color-picker-format-select';
+export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, type ColorPickerFormatTriggerProps as FormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerLabel as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, } from './color-picker-label';
+export { ColorPickerPositioner as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner';
+export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, } from './color-picker-root';
+export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, } from './color-picker-root-provider';
+export { ColorPickerSwatch as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch';
+export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group';
+export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator';
+export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger';
+export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid';
+export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger';
+export { ColorPickerValueSwatch as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, } from './color-picker-value-swatch';
+export { ColorPickerValueText as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text';
+export { ColorPickerView as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, } from './color-picker-view';

package/dist/components/color-picker/color-picker.js

@@ -3,23 +3,27 @@ export { ColorPickerAreaBackground as AreaBackground } from './color-picker-area
 export { ColorPickerAreaThumb as AreaThumb } from './color-picker-area-thumb.js';
 export { ColorPickerChannelInput as ChannelInput } from './color-picker-channel-input.js';
 export { ColorPickerChannelSlider as ChannelSlider } from './color-picker-channel-slider.js';
+export { ColorPickerChannelSliderLabel as ChannelSliderLabel } from './color-picker-channel-slider-label.js';
 export { ColorPickerChannelSliderThumb as ChannelSliderThumb } from './color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack as ChannelSliderTrack } from './color-picker-channel-slider-track.js';
+export { ColorPickerChannelSliderValueText as ChannelSliderValueText } from './color-picker-channel-slider-value-text.js';
 export { ColorPickerContent as Content } from './color-picker-content.js';
 export { ColorPickerContext as Context } from './color-picker-context.js';
 export { ColorPickerControl as Control } from './color-picker-control.js';
 export { ColorPickerEyeDropperTrigger as EyeDropperTrigger } from './color-picker-eye-dropper-trigger.js';
 export { ColorPickerFormatSelect as FormatSelect } from './color-picker-format-select.js';
 export { ColorPickerFormatTrigger as FormatTrigger } from './color-picker-format-trigger.js';
+export { ColorPickerHiddenInput as HiddenInput } from './color-picker-hidden-input.js';
 export { ColorPickerLabel as Label } from './color-picker-label.js';
 export { ColorPickerPositioner as Positioner } from './color-picker-positioner.js';
 export { ColorPickerRoot as Root } from './color-picker-root.js';
+export { ColorPickerRootProvider as RootProvider } from './color-picker-root-provider.js';
 export { ColorPickerSwatch as Swatch } from './color-picker-swatch.js';
 export { ColorPickerSwatchGroup as SwatchGroup } from './color-picker-swatch-group.js';
 export { ColorPickerSwatchIndicator as SwatchIndicator } from './color-picker-swatch-indicator.js';
 export { ColorPickerSwatchTrigger as SwatchTrigger } from './color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid as TransparencyGrid } from './color-picker-transparency-grid.js';
 export { ColorPickerTrigger as Trigger } from './color-picker-trigger.js';
+export { ColorPickerValueSwatch as ValueSwatch } from './color-picker-value-swatch.js';
 export { ColorPickerValueText as ValueText } from './color-picker-value-text.js';
 export { ColorPickerView as View } from './color-picker-view.js';
-export { ColorPickerHiddenInput as HiddenInput } from './color-picker-hidden-input.js';

package/dist/components/color-picker/index.cjs

@@ -7,8 +7,10 @@ const colorPickerAreaBackground = require('./color-picker-area-background.cjs');
 const colorPickerAreaThumb = require('./color-picker-area-thumb.cjs');
 const colorPickerChannelInput = require('./color-picker-channel-input.cjs');
 const colorPickerChannelSlider = require('./color-picker-channel-slider.cjs');
+const colorPickerChannelSliderLabel = require('./color-picker-channel-slider-label.cjs');
 const colorPickerChannelSliderThumb = require('./color-picker-channel-slider-thumb.cjs');
 const colorPickerChannelSliderTrack = require('./color-picker-channel-slider-track.cjs');
+const colorPickerChannelSliderValueText = require('./color-picker-channel-slider-value-text.cjs');
 const colorPickerContent = require('./color-picker-content.cjs');
 const colorPickerContext = require('./color-picker-context.cjs');
 const colorPickerControl = require('./color-picker-control.cjs');
@@ -26,6 +28,7 @@ const colorPickerSwatchIndicator = require('./color-picker-swatch-indicator.cjs'
 const colorPickerSwatchTrigger = require('./color-picker-swatch-trigger.cjs');
 const colorPickerTransparencyGrid = require('./color-picker-transparency-grid.cjs');
 const colorPickerTrigger = require('./color-picker-trigger.cjs');
+const colorPickerValueSwatch = require('./color-picker-value-swatch.cjs');
 const colorPickerValueText = require('./color-picker-value-text.cjs');
 const colorPickerView = require('./color-picker-view.cjs');
 const useColorPicker = require('./use-color-picker.cjs');
@@ -39,8 +42,10 @@ exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBac
 exports.ColorPickerAreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
 exports.ColorPickerChannelInput = colorPickerChannelInput.ColorPickerChannelInput;
 exports.ColorPickerChannelSlider = colorPickerChannelSlider.ColorPickerChannelSlider;
+exports.ColorPickerChannelSliderLabel = colorPickerChannelSliderLabel.ColorPickerChannelSliderLabel;
 exports.ColorPickerChannelSliderThumb = colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb;
 exports.ColorPickerChannelSliderTrack = colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack;
+exports.ColorPickerChannelSliderValueText = colorPickerChannelSliderValueText.ColorPickerChannelSliderValueText;
 exports.ColorPickerContent = colorPickerContent.ColorPickerContent;
 exports.ColorPickerContext = colorPickerContext.ColorPickerContext;
 exports.ColorPickerControl = colorPickerControl.ColorPickerControl;
@@ -58,6 +63,7 @@ exports.ColorPickerSwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatc
 exports.ColorPickerSwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
 exports.ColorPickerTransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
 exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
+exports.ColorPickerValueSwatch = colorPickerValueSwatch.ColorPickerValueSwatch;
 exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
 exports.ColorPickerView = colorPickerView.ColorPickerView;
 exports.useColorPicker = useColorPicker.useColorPicker;

package/dist/components/color-picker/index.d.cts

@@ -1,30 +1,33 @@
 export type { ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
-export { ColorPickerArea, type ColorPickerAreaProps } from './color-picker-area';
-export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background';
-export { ColorPickerAreaThumb, type ColorPickerAreaThumbProps } from './color-picker-area-thumb';
-export { ColorPickerChannelInput, type ColorPickerChannelInputProps, } from './color-picker-channel-input';
-export { ColorPickerChannelSlider, type ColorPickerChannelSliderProps, } from './color-picker-channel-slider';
-export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
-export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track';
-export { ColorPickerContent, type ColorPickerContentProps } from './color-picker-content';
-export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context';
-export { ColorPickerControl, type ColorPickerControlProps } from './color-picker-control';
-export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
-export { ColorPickerFormatSelect, type ColorPickerFormatSelectProps, } from './color-picker-format-select';
-export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerProps, } from './color-picker-format-trigger';
-export { ColorPickerHiddenInput, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input';
-export { ColorPickerLabel, type ColorPickerLabelProps } from './color-picker-label';
-export { ColorPickerPositioner, type ColorPickerPositionerProps } from './color-picker-positioner';
-export { ColorPickerRoot, type ColorPickerRootProps } from './color-picker-root';
-export { ColorPickerRootProvider, type ColorPickerRootProviderProps, } from './color-picker-root-provider';
-export { ColorPickerSwatch, type ColorPickerSwatchProps } from './color-picker-swatch';
-export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
-export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator';
-export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger';
-export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid';
-export { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
-export { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
-export { ColorPickerView, type ColorPickerViewProps } from './color-picker-view';
+export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, } from './color-picker-area';
+export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background';
+export { ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, } from './color-picker-area-thumb';
+export { ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, type ColorPickerChannelSliderProps, } from './color-picker-channel-slider';
+export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, } from './color-picker-channel-slider-label';
+export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text';
+export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, } from './color-picker-content';
+export { ColorPickerContext, type ColorPickerContextProps, } from './color-picker-context';
+export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, } from './color-picker-control';
+export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, } from './color-picker-format-select';
+export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps, } from './color-picker-label';
+export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, } from './color-picker-positioner';
+export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps, } from './color-picker-root';
+export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, } from './color-picker-root-provider';
+export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps, } from './color-picker-swatch';
+export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
+export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator';
+export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger';
+export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid';
+export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, } from './color-picker-trigger';
+export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, } from './color-picker-value-swatch';
+export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, } from './color-picker-value-text';
+export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, } from './color-picker-view';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
 export * as ColorPicker from './color-picker';