@ark-ui/react 3.3.0 → 3.4.0-1

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

@@ -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';

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

@@ -3,8 +3,10 @@ export { ColorPickerAreaBackground } from './color-picker-area-background.js';
 export { ColorPickerAreaThumb } from './color-picker-area-thumb.js';
 export { ColorPickerChannelInput } from './color-picker-channel-input.js';
 export { ColorPickerChannelSlider } from './color-picker-channel-slider.js';
+export { ColorPickerChannelSliderLabel } from './color-picker-channel-slider-label.js';
 export { ColorPickerChannelSliderThumb } from './color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack } from './color-picker-channel-slider-track.js';
+export { ColorPickerChannelSliderValueText } from './color-picker-channel-slider-value-text.js';
 export { ColorPickerContent } from './color-picker-content.js';
 export { ColorPickerContext } from './color-picker-context.js';
 export { ColorPickerControl } from './color-picker-control.js';
@@ -22,6 +24,7 @@ export { ColorPickerSwatchIndicator } from './color-picker-swatch-indicator.js';
 export { ColorPickerSwatchTrigger } from './color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid } from './color-picker-transparency-grid.js';
 export { ColorPickerTrigger } from './color-picker-trigger.js';
+export { ColorPickerValueSwatch } from './color-picker-value-swatch.js';
 export { ColorPickerValueText } from './color-picker-value-text.js';
 export { ColorPickerView } from './color-picker-view.js';
 export { useColorPicker } from './use-color-picker.js';

package/dist/components/color-picker/use-color-picker-format-context.cjs

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ColorPickerFormatPropsProvider, useColorPickerFormatPropsContext] = createContext.createContext({
+  name: "ColorPickerFormatContext",
+  hookName: "useColorPickerFormatPropsContext",
+  providerName: "<ColorPickerFormatPropsProvider />",
+  strict: false
+});
+
+exports.ColorPickerFormatPropsProvider = ColorPickerFormatPropsProvider;
+exports.useColorPickerFormatPropsContext = useColorPickerFormatPropsContext;

package/dist/components/color-picker/use-color-picker-format-context.d.cts

@@ -0,0 +1,7 @@
+import { ColorFormat } from '@zag-js/color-picker';
+import { Provider } from 'react';
+
+export interface UseColorPickerSwatchPropsContext {
+    format: ColorFormat;
+}
+export declare const ColorPickerFormatPropsProvider: Provider<UseColorPickerSwatchPropsContext>, useColorPickerFormatPropsContext: () => UseColorPickerSwatchPropsContext;

package/dist/components/color-picker/use-color-picker-format-context.d.ts

@@ -0,0 +1,7 @@
+import { ColorFormat } from '@zag-js/color-picker';
+import { Provider } from 'react';
+
+export interface UseColorPickerSwatchPropsContext {
+    format: ColorFormat;
+}
+export declare const ColorPickerFormatPropsProvider: Provider<UseColorPickerSwatchPropsContext>, useColorPickerFormatPropsContext: () => UseColorPickerSwatchPropsContext;

package/dist/components/color-picker/use-color-picker-format-context.js

@@ -0,0 +1,11 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [ColorPickerFormatPropsProvider, useColorPickerFormatPropsContext] = createContext({
+  name: "ColorPickerFormatContext",
+  hookName: "useColorPickerFormatPropsContext",
+  providerName: "<ColorPickerFormatPropsProvider />",
+  strict: false
+});
+
+export { ColorPickerFormatPropsProvider, useColorPickerFormatPropsContext };

package/dist/components/combobox/combobox-clear-trigger.d.cts

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

package/dist/components/combobox/combobox-clear-trigger.d.ts

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

package/dist/components/combobox/combobox-content.d.cts

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

package/dist/components/combobox/combobox-content.d.ts

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

package/dist/components/combobox/combobox-control.d.cts

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

package/dist/components/combobox/combobox-control.d.ts

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

package/dist/components/combobox/combobox-input.d.cts

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

package/dist/components/combobox/combobox-input.d.ts

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

package/dist/components/combobox/combobox-item-group-label.d.cts

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

package/dist/components/combobox/combobox-item-group-label.d.ts

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

package/dist/components/combobox/combobox-item-group.d.cts

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

package/dist/components/combobox/combobox-item-group.d.ts

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

package/dist/components/combobox/combobox-item-indicator.d.cts

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

package/dist/components/combobox/combobox-item-indicator.d.ts

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

package/dist/components/combobox/combobox-item-text.d.cts

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

package/dist/components/combobox/combobox-item-text.d.ts

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

package/dist/components/combobox/combobox-item.d.cts

@@ -1,8 +1,9 @@
 import { ItemProps } from '@zag-js/combobox';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ComboboxItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface ComboboxItemProps extends HTMLProps<'div'>, ComboboxItemBaseProps {
 }
 export declare const ComboboxItem: ForwardRefExoticComponent<ComboboxItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/combobox/combobox-item.d.ts

@@ -1,8 +1,9 @@
 import { ItemProps } from '@zag-js/combobox';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ComboboxItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface ComboboxItemProps extends HTMLProps<'div'>, ComboboxItemBaseProps {
 }
 export declare const ComboboxItem: ForwardRefExoticComponent<ComboboxItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/combobox/combobox-label.d.cts

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

package/dist/components/combobox/combobox-label.d.ts

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

package/dist/components/combobox/combobox-list.d.cts

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

package/dist/components/combobox/combobox-list.d.ts

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

package/dist/components/combobox/combobox-positioner.d.cts

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

package/dist/components/combobox/combobox-positioner.d.ts

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

package/dist/components/combobox/combobox-root-provider.d.cts

@@ -1,13 +1,15 @@
 import { JSX, RefAttributes } from 'react';
 import { CollectionItem } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxReturn } from './use-combobox';
 
 interface RootProviderProps<T extends CollectionItem> {
     value: UseComboboxReturn<T>;
 }
-export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps {
+}
+export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }
 export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const ComboboxRootProvider: ComboboxComponent;

package/dist/components/combobox/combobox-root-provider.d.ts

@@ -1,13 +1,15 @@
 import { JSX, RefAttributes } from 'react';
 import { CollectionItem } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxReturn } from './use-combobox';
 
 interface RootProviderProps<T extends CollectionItem> {
     value: UseComboboxReturn<T>;
 }
-export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps {
+}
+export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }
 export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const ComboboxRootProvider: ComboboxComponent;

package/dist/components/combobox/combobox-root.d.cts

@@ -1,10 +1,12 @@
 import { JSX, RefAttributes } from 'react';
 import { Assign, CollectionItem } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxProps } from './use-combobox';
 
-export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, UseComboboxProps<T>>, UsePresenceProps {
+export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComboboxProps<T>, UsePresenceProps, PolymorphicProps {
+}
+export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
 export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const ComboboxRoot: ComboboxComponent;

package/dist/components/combobox/combobox-root.d.ts

@@ -1,10 +1,12 @@
 import { JSX, RefAttributes } from 'react';
 import { Assign, CollectionItem } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxProps } from './use-combobox';
 
-export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, UseComboboxProps<T>>, UsePresenceProps {
+export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComboboxProps<T>, UsePresenceProps, PolymorphicProps {
+}
+export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
 export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const ComboboxRoot: ComboboxComponent;

package/dist/components/combobox/combobox-trigger.d.cts

@@ -1,8 +1,9 @@
 import { TriggerProps } from '@zag-js/combobox';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ComboboxTriggerProps extends Assign<HTMLArkProps<'button'>, TriggerProps> {
+export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps {
+}
+export interface ComboboxTriggerProps extends HTMLProps<'button'>, ComboboxTriggerBaseProps {
 }
 export declare const ComboboxTrigger: ForwardRefExoticComponent<ComboboxTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/combobox/combobox-trigger.d.ts

@@ -1,8 +1,9 @@
 import { TriggerProps } from '@zag-js/combobox';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ComboboxTriggerProps extends Assign<HTMLArkProps<'button'>, TriggerProps> {
+export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps {
+}
+export interface ComboboxTriggerProps extends HTMLProps<'button'>, ComboboxTriggerBaseProps {
 }
 export declare const ComboboxTrigger: ForwardRefExoticComponent<ComboboxTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/combobox/combobox.d.cts

@@ -1,19 +1,19 @@
 export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/combobox';
 export type { CollectionItem } from '../../types';
-export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, } from './combobox-clear-trigger';
-export { ComboboxContent as Content, type ComboboxContentProps as ContentProps, } from './combobox-content';
+export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger';
+export { ComboboxContent as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content';
 export { ComboboxContext as Context, type ComboboxContextProps as ContextProps, } from './combobox-context';
-export { ComboboxControl as Control, type ComboboxControlProps as ControlProps, } from './combobox-control';
-export { ComboboxInput as Input, type ComboboxInputProps as InputProps } from './combobox-input';
-export { ComboboxItem as Item, type ComboboxItemProps as ItemProps } from './combobox-item';
+export { ComboboxControl as Control, type ComboboxControlProps as ControlProps, type ComboboxControlBaseProps as ControlBaseProps, } from './combobox-control';
+export { ComboboxInput as Input, type ComboboxInputProps as InputProps, type ComboboxInputBaseProps as InputBaseProps, } from './combobox-input';
+export { ComboboxItem as Item, type ComboboxItemProps as ItemProps, type ComboboxItemBaseProps as ItemBaseProps, } from './combobox-item';
 export { ComboboxItemContext as ItemContext, type ComboboxItemContextProps as ItemContextProps, } from './combobox-item-context';
-export { ComboboxItemGroup as ItemGroup, type ComboboxItemGroupProps as ItemGroupProps, } from './combobox-item-group';
-export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, } from './combobox-item-group-label';
-export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, } from './combobox-item-indicator';
-export { ComboboxItemText as ItemText, type ComboboxItemTextProps as ItemTextProps, } from './combobox-item-text';
-export { ComboboxLabel as Label, type ComboboxLabelProps as LabelProps } from './combobox-label';
-export { ComboboxList as List, type ComboboxListProps as ListProps } from './combobox-list';
-export { ComboboxPositioner as Positioner, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
-export { ComboboxRoot as Root, type ComboboxRootProps as RootProps } from './combobox-root';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
-export { ComboboxTrigger as Trigger, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';
+export { ComboboxItemGroup as ItemGroup, type ComboboxItemGroupProps as ItemGroupProps, type ComboboxItemGroupBaseProps as ItemGroupBaseProps, } from './combobox-item-group';
+export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, type ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, } from './combobox-item-group-label';
+export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, type ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './combobox-item-indicator';
+export { ComboboxItemText as ItemText, type ComboboxItemTextProps as ItemTextProps, type ComboboxItemTextBaseProps as ItemTextBaseProps, } from './combobox-item-text';
+export { ComboboxLabel as Label, type ComboboxLabelProps as LabelProps, type ComboboxLabelBaseProps as LabelBaseProps, } from './combobox-label';
+export { ComboboxList as List, type ComboboxListProps as ListProps, type ComboboxListBaseProps as ListBaseProps, } from './combobox-list';
+export { ComboboxPositioner as Positioner, type ComboboxPositionerProps as PositionerProps, type ComboboxPositionerBaseProps as PositionerBaseProps, } from './combobox-positioner';
+export { ComboboxRoot as Root, type ComboboxRootProps as RootProps, type ComboboxRootBaseProps as RootBaseProps, } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, } from './combobox-root-provider';
+export { ComboboxTrigger as Trigger, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerBaseProps as TriggerBaseProps, } from './combobox-trigger';