@ark-ui/react 3.3.0 → 3.4.0-1

package/dist/components/color-picker/color-picker-channel-slider-thumb.d.cts

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

package/dist/components/color-picker/color-picker-channel-slider-thumb.d.ts

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

package/dist/components/color-picker/color-picker-channel-slider-thumb.js

@@ -5,11 +5,14 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
+import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.js';
 
 const ColorPickerChannelSliderThumb = forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext();
   const channelProps = useColorPickerChannelPropsContext();
-  const mergedProps = mergeProps(colorPicker.getChannelSliderThumbProps(channelProps), props);
+  const formatProps = useColorPickerFormatPropsContext();
+  const channelSliderProps = { ...channelProps, ...formatProps };
+  const mergedProps = mergeProps(colorPicker.getChannelSliderThumbProps(channelSliderProps), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 ColorPickerChannelSliderThumb.displayName = "ColorPickerChannelSliderThumb";

package/dist/components/color-picker/color-picker-channel-slider-track.cjs

@@ -9,11 +9,14 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useColorPickerChannelPropsContext = require('./use-color-picker-channel-props-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
+const useColorPickerFormatContext = require('./use-color-picker-format-context.cjs');
 
 const ColorPickerChannelSliderTrack = react.forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext.useColorPickerContext();
   const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
-  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderTrackProps(channelProps), props);
+  const formatProps = useColorPickerFormatContext.useColorPickerFormatPropsContext();
+  const channelSliderProps = { ...channelProps, ...formatProps };
+  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderTrackProps(channelSliderProps), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 ColorPickerChannelSliderTrack.displayName = "ColorPickerChannelSliderTrack";

package/dist/components/color-picker/color-picker-channel-slider-track.d.cts

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

package/dist/components/color-picker/color-picker-channel-slider-track.d.ts

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

package/dist/components/color-picker/color-picker-channel-slider-track.js

@@ -5,11 +5,14 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
+import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.js';
 
 const ColorPickerChannelSliderTrack = forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext();
   const channelProps = useColorPickerChannelPropsContext();
-  const mergedProps = mergeProps(colorPicker.getChannelSliderTrackProps(channelProps), props);
+  const formatProps = useColorPickerFormatPropsContext();
+  const channelSliderProps = { ...channelProps, ...formatProps };
+  const mergedProps = mergeProps(colorPicker.getChannelSliderTrackProps(channelSliderProps), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 ColorPickerChannelSliderTrack.displayName = "ColorPickerChannelSliderTrack";

package/dist/components/color-picker/color-picker-channel-slider-value-text.cjs

@@ -0,0 +1,23 @@
+'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 useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const factory = require('../factory.cjs');
+const useColorPickerChannelPropsContext = require('./use-color-picker-channel-props-context.cjs');
+const useColorPickerContext = require('./use-color-picker-context.cjs');
+
+const ColorPickerChannelSliderValueText = react.forwardRef((props, ref) => {
+  const { locale } = useLocaleContext.useLocaleContext();
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderValueTextProps(channelProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: props.children || colorPicker.getChannelValueText(channelProps.channel, locale) });
+});
+ColorPickerChannelSliderValueText.displayName = "ColorPickerChannelSliderValueText";
+
+exports.ColorPickerChannelSliderValueText = ColorPickerChannelSliderValueText;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerChannelSliderValueTextProps extends HTMLProps<'span'>, ColorPickerChannelSliderValueTextBaseProps {
+}
+export declare const ColorPickerChannelSliderValueText: ForwardRefExoticComponent<ColorPickerChannelSliderValueTextProps & RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerChannelSliderValueTextProps extends HTMLProps<'span'>, ColorPickerChannelSliderValueTextBaseProps {
+}
+export declare const ColorPickerChannelSliderValueText: ForwardRefExoticComponent<ColorPickerChannelSliderValueTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/color-picker/color-picker-channel-slider-value-text.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { ark } from '../factory.js';
+import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.js';
+import { useColorPickerContext } from './use-color-picker-context.js';
+
+const ColorPickerChannelSliderValueText = forwardRef((props, ref) => {
+  const { locale } = useLocaleContext();
+  const colorPicker = useColorPickerContext();
+  const channelProps = useColorPickerChannelPropsContext();
+  const mergedProps = mergeProps(colorPicker.getChannelSliderValueTextProps(channelProps), props);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: props.children || colorPicker.getChannelValueText(channelProps.channel, locale) });
+});
+ColorPickerChannelSliderValueText.displayName = "ColorPickerChannelSliderValueText";
+
+export { ColorPickerChannelSliderValueText };

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

@@ -10,6 +10,7 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useColorPickerChannelPropsContext = require('./use-color-picker-channel-props-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
+const useColorPickerFormatContext = require('./use-color-picker-format-context.cjs');
 
 const ColorPickerChannelSlider = react.forwardRef(
   (props, ref) => {
@@ -18,7 +19,12 @@ const ColorPickerChannelSlider = react.forwardRef(
       "orientation"
     ]);
     const colorPicker = useColorPickerContext.useColorPickerContext();
-    const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderProps(channelProps), localProps);
+    const formatProps = useColorPickerFormatContext.useColorPickerFormatPropsContext();
+    const channelSliderProps = { ...channelProps, ...formatProps };
+    const mergedProps = react$1.mergeProps(
+      colorPicker.getChannelSliderProps(channelSliderProps),
+      localProps
+    );
     return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerChannelPropsContext.ColorPickerChannelPropsProvider, { value: channelProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
   }
 );

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

@@ -1,8 +1,9 @@
 import { ChannelProps } 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 ColorPickerChannelSliderProps extends Assign<HTMLArkProps<'div'>, ChannelProps> {
+export interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps {
+}
+export interface ColorPickerChannelSliderProps extends HTMLProps<'div'>, ColorPickerChannelSliderBaseProps {
 }
 export declare const ColorPickerChannelSlider: ForwardRefExoticComponent<ColorPickerChannelSliderProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
 import { ChannelProps } 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 ColorPickerChannelSliderProps extends Assign<HTMLArkProps<'div'>, ChannelProps> {
+export interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps {
+}
+export interface ColorPickerChannelSliderProps extends HTMLProps<'div'>, ColorPickerChannelSliderBaseProps {
 }
 export declare const ColorPickerChannelSlider: ForwardRefExoticComponent<ColorPickerChannelSliderProps & RefAttributes<HTMLDivElement>>;

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

@@ -6,6 +6,7 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { ColorPickerChannelPropsProvider } from './use-color-picker-channel-props-context.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
+import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.js';
 
 const ColorPickerChannelSlider = forwardRef(
   (props, ref) => {
@@ -14,7 +15,12 @@ const ColorPickerChannelSlider = forwardRef(
       "orientation"
     ]);
     const colorPicker = useColorPickerContext();
-    const mergedProps = mergeProps(colorPicker.getChannelSliderProps(channelProps), localProps);
+    const formatProps = useColorPickerFormatPropsContext();
+    const channelSliderProps = { ...channelProps, ...formatProps };
+    const mergedProps = mergeProps(
+      colorPicker.getChannelSliderProps(channelSliderProps),
+      localProps
+    );
     return /* @__PURE__ */ jsx(ColorPickerChannelPropsProvider, { value: channelProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
   }
 );

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerFormatSelectProps extends HTMLArkProps<'select'> {
+export interface ColorPickerFormatSelectBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerFormatSelectProps extends HTMLProps<'select'>, ColorPickerFormatSelectBaseProps {
 }
 export declare const ColorPickerFormatSelect: ForwardRefExoticComponent<ColorPickerFormatSelectProps & RefAttributes<HTMLSelectElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerFormatSelectProps extends HTMLArkProps<'select'> {
+export interface ColorPickerFormatSelectBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerFormatSelectProps extends HTMLProps<'select'>, ColorPickerFormatSelectBaseProps {
 }
 export declare const ColorPickerFormatSelect: ForwardRefExoticComponent<ColorPickerFormatSelectProps & RefAttributes<HTMLSelectElement>>;

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

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

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

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

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerHiddenInputProps extends HTMLArkProps<'input'> {
+export interface ColorPickerHiddenInputBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerHiddenInputProps extends HTMLProps<'input'>, ColorPickerHiddenInputBaseProps {
 }
 export declare const ColorPickerHiddenInput: ForwardRefExoticComponent<ColorPickerHiddenInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerHiddenInputProps extends HTMLArkProps<'input'> {
+export interface ColorPickerHiddenInputBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerHiddenInputProps extends HTMLProps<'input'>, ColorPickerHiddenInputBaseProps {
 }
 export declare const ColorPickerHiddenInput: ForwardRefExoticComponent<ColorPickerHiddenInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerLabelProps extends HTMLArkProps<'label'> {
+export interface ColorPickerLabelBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerLabelProps extends HTMLProps<'label'>, ColorPickerLabelBaseProps {
 }
 export declare const ColorPickerLabel: ForwardRefExoticComponent<ColorPickerLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerLabelProps extends HTMLArkProps<'label'> {
+export interface ColorPickerLabelBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerLabelProps extends HTMLProps<'label'>, ColorPickerLabelBaseProps {
 }
 export declare const ColorPickerLabel: ForwardRefExoticComponent<ColorPickerLabelProps & RefAttributes<HTMLLabelElement>>;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseColorPickerReturn } from './use-color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
@@ -6,7 +6,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseColorPickerReturn;
 }
-export interface ColorPickerRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, UsePresenceProps {
+export interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
+}
+export interface ColorPickerRootProviderProps extends HTMLProps<'div'>, ColorPickerRootProviderBaseProps {
 }
 export declare const ColorPickerRootProvider: ForwardRefExoticComponent<ColorPickerRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,4 +1,4 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseColorPickerReturn } from './use-color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
@@ -6,7 +6,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseColorPickerReturn;
 }
-export interface ColorPickerRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, UsePresenceProps {
+export interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
+}
+export interface ColorPickerRootProviderProps extends HTMLProps<'div'>, ColorPickerRootProviderBaseProps {
 }
 export declare const ColorPickerRootProvider: ForwardRefExoticComponent<ColorPickerRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,9 +1,11 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseColorPickerProps } from './use-color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerRootProps extends Assign<HTMLArkProps<'div'>, UseColorPickerProps>, UsePresenceProps {
+export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps {
+}
+export interface ColorPickerRootProps extends Assign<HTMLProps<'div'>, ColorPickerRootBaseProps> {
 }
 export declare const ColorPickerRoot: ForwardRefExoticComponent<ColorPickerRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,11 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseColorPickerProps } from './use-color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerRootProps extends Assign<HTMLArkProps<'div'>, UseColorPickerProps>, UsePresenceProps {
+export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps {
+}
+export interface ColorPickerRootProps extends Assign<HTMLProps<'div'>, ColorPickerRootBaseProps> {
 }
 export declare const ColorPickerRoot: ForwardRefExoticComponent<ColorPickerRootProps & RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,10 @@
 import { SwatchTriggerProps } 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 ColorPickerSwatchTriggerProps extends Assign<HTMLArkProps<'button'>, SwatchTriggerProps> {
+export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps {
+}
+export interface ColorPickerSwatchTriggerProps extends Assign<HTMLProps<'button'>, ColorPickerSwatchTriggerBaseProps> {
 }
 export declare const ColorPickerSwatchTrigger: ForwardRefExoticComponent<ColorPickerSwatchTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,10 @@
 import { SwatchTriggerProps } 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 ColorPickerSwatchTriggerProps extends Assign<HTMLArkProps<'button'>, SwatchTriggerProps> {
+export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps {
+}
+export interface ColorPickerSwatchTriggerProps extends Assign<HTMLProps<'button'>, ColorPickerSwatchTriggerBaseProps> {
 }
 export declare const ColorPickerSwatchTrigger: ForwardRefExoticComponent<ColorPickerSwatchTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,9 @@
 import { SwatchProps } 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 ColorPickerSwatchProps extends Assign<HTMLArkProps<'div'>, SwatchProps> {
+export interface ColorPickerSwatchBaseProps extends SwatchProps, PolymorphicProps {
+}
+export interface ColorPickerSwatchProps extends HTMLProps<'div'>, ColorPickerSwatchBaseProps {
 }
 export declare const ColorPickerSwatch: ForwardRefExoticComponent<ColorPickerSwatchProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
 import { SwatchProps } 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 ColorPickerSwatchProps extends Assign<HTMLArkProps<'div'>, SwatchProps> {
+export interface ColorPickerSwatchBaseProps extends SwatchProps, PolymorphicProps {
+}
+export interface ColorPickerSwatchProps extends HTMLProps<'div'>, ColorPickerSwatchBaseProps {
 }
 export declare const ColorPickerSwatch: ForwardRefExoticComponent<ColorPickerSwatchProps & RefAttributes<HTMLDivElement>>;