@ark-ui/react 3.12.0 → 4.0.0-0

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

@@ -2,72 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const colorPickerArea = require('./color-picker-area.cjs');
-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 colorPicker = require('@zag-js/color-picker');
+const colorPicker_anatomy = require('./color-picker.anatomy.cjs');
 const useColorPicker = require('./use-color-picker.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
-const colorPicker_anatomy = require('./color-picker.anatomy.cjs');
-const colorPicker = require('./color-picker.cjs');
+const colorPicker$1 = require('./color-picker.cjs');
 
 
 
-exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
-exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
-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;
-exports.ColorPickerEyeDropperTrigger = colorPickerEyeDropperTrigger.ColorPickerEyeDropperTrigger;
-exports.ColorPickerFormatSelect = colorPickerFormatSelect.ColorPickerFormatSelect;
-exports.ColorPickerFormatTrigger = colorPickerFormatTrigger.ColorPickerFormatTrigger;
-exports.ColorPickerHiddenInput = colorPickerHiddenInput.ColorPickerHiddenInput;
-exports.ColorPickerLabel = colorPickerLabel.ColorPickerLabel;
-exports.ColorPickerPositioner = colorPickerPositioner.ColorPickerPositioner;
-exports.ColorPickerRoot = colorPickerRoot.ColorPickerRoot;
-exports.ColorPickerRootProvider = colorPickerRootProvider.ColorPickerRootProvider;
-exports.ColorPickerSwatch = colorPickerSwatch.ColorPickerSwatch;
-exports.ColorPickerSwatchGroup = colorPickerSwatchGroup.ColorPickerSwatchGroup;
-exports.ColorPickerSwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatchIndicator;
-exports.ColorPickerSwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
-exports.ColorPickerTransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
-exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
-exports.ColorPickerValueSwatch = colorPickerValueSwatch.ColorPickerValueSwatch;
-exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
-exports.ColorPickerView = colorPickerView.ColorPickerView;
+Object.defineProperty(exports, "parseColor", {
+  enumerable: true,
+  get: () => colorPicker.parse
+});
+exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
-exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
-exports.ColorPicker = colorPicker;
+exports.ColorPicker = colorPicker$1;

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

@@ -1,34 +1,5 @@
-export type { ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
-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 { parse as parseColor } from '@zag-js/color-picker';
+export { colorPickerAnatomy } from './color-picker.anatomy';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
-export { colorPickerAnatomy } from './color-picker.anatomy';
 export * as ColorPicker from './color-picker';

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

@@ -1,34 +1,5 @@
-export type { ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
-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 { parse as parseColor } from '@zag-js/color-picker';
+export { colorPickerAnatomy } from './color-picker.anatomy';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
-export { colorPickerAnatomy } from './color-picker.anatomy';
 export * as ColorPicker from './color-picker';

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

@@ -1,34 +1,6 @@
-export { ColorPickerArea } from './color-picker-area.js';
-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';
-export { ColorPickerEyeDropperTrigger } from './color-picker-eye-dropper-trigger.js';
-export { ColorPickerFormatSelect } from './color-picker-format-select.js';
-export { ColorPickerFormatTrigger } from './color-picker-format-trigger.js';
-export { ColorPickerHiddenInput } from './color-picker-hidden-input.js';
-export { ColorPickerLabel } from './color-picker-label.js';
-export { ColorPickerPositioner } from './color-picker-positioner.js';
-export { ColorPickerRoot } from './color-picker-root.js';
-export { ColorPickerRootProvider } from './color-picker-root-provider.js';
-export { ColorPickerSwatch } from './color-picker-swatch.js';
-export { ColorPickerSwatchGroup } from './color-picker-swatch-group.js';
-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 { parse as parseColor } from '@zag-js/color-picker';
+export { colorPickerAnatomy } from './color-picker.anatomy.js';
 export { useColorPicker } from './use-color-picker.js';
 export { useColorPickerContext } from './use-color-picker-context.js';
-export { colorPickerAnatomy } from './color-picker.anatomy.js';
 import * as colorPicker from './color-picker.js';
 export { colorPicker as ColorPicker };

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

@@ -47,12 +47,12 @@ const useColorPicker = (props) => {
     getRootNode,
     open: props.defaultOpen,
     "open.controlled": props.open !== void 0,
-    ...props,
-    value: props.value ? colorPicker__namespace.parse(props.value) : props.defaultValue ? colorPicker__namespace.parse(props.defaultValue) : void 0
+    value: props.defaultValue,
+    ...props
   };
   const context = {
     ...initialContext,
-    value: props.value ? colorPicker__namespace.parse(props.value) : void 0,
+    value: props.value,
     onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
     onValueChangeEnd: useEvent.useEvent(props.onValueChangeEnd)
   };

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

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as colorPicker from '@zag-js/color-picker';
-export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'value' | 'open.controlled' | 'dir' | 'getRootNode'>, 'id'> {
+export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'open.controlled' | 'dir' | 'getRootNode'>, 'id'> {
     /**
      * The initial open state of the color picker when it is first rendered.
      * Use when you do not need to control its open state.
@@ -11,11 +11,7 @@ export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context,
      * The initial value of the color picker when it is first rendered.
      * Use when you do not need to control the state of the color picker.
      */
-    defaultValue?: string;
-    /**
-     * The current value of the color picker.
-     */
-    value?: string;
+    defaultValue?: colorPicker.Context['value'];
 }
 export interface UseColorPickerReturn extends colorPicker.Api<PropTypes> {
 }

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

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as colorPicker from '@zag-js/color-picker';
-export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'value' | 'open.controlled' | 'dir' | 'getRootNode'>, 'id'> {
+export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'open.controlled' | 'dir' | 'getRootNode'>, 'id'> {
     /**
      * The initial open state of the color picker when it is first rendered.
      * Use when you do not need to control its open state.
@@ -11,11 +11,7 @@ export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context,
      * The initial value of the color picker when it is first rendered.
      * Use when you do not need to control the state of the color picker.
      */
-    defaultValue?: string;
-    /**
-     * The current value of the color picker.
-     */
-    value?: string;
+    defaultValue?: colorPicker.Context['value'];
 }
 export interface UseColorPickerReturn extends colorPicker.Api<PropTypes> {
 }

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

@@ -24,12 +24,12 @@ const useColorPicker = (props) => {
     getRootNode,
     open: props.defaultOpen,
     "open.controlled": props.open !== void 0,
-    ...props,
-    value: props.value ? colorPicker.parse(props.value) : props.defaultValue ? colorPicker.parse(props.defaultValue) : void 0
+    value: props.defaultValue,
+    ...props
   };
   const context = {
     ...initialContext,
-    value: props.value ? colorPicker.parse(props.value) : void 0,
+    value: props.value,
     onValueChange: useEvent(props.onValueChange, { sync: true }),
     onValueChangeEnd: useEvent(props.onValueChangeEnd)
   };

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseComboboxContext } from './use-combobox-context';
 export interface ComboboxContextProps<T extends CollectionItem> {
     children: (context: UseComboboxContext<T>) => ReactNode;
 }
-export declare const ComboboxContext: <T extends CollectionItem>(props: ComboboxContextProps<T>) => ReactNode;
+export declare const ComboboxContext: <T extends unknown>(props: ComboboxContextProps<T>) => ReactNode;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseComboboxContext } from './use-combobox-context';
 export interface ComboboxContextProps<T extends CollectionItem> {
     children: (context: UseComboboxContext<T>) => ReactNode;
 }
-export declare const ComboboxContext: <T extends CollectionItem>(props: ComboboxContextProps<T>) => ReactNode;
+export declare const ComboboxContext: <T extends unknown>(props: ComboboxContextProps<T>) => ReactNode;

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

@@ -1,5 +1,5 @@
 import { JSX, RefAttributes } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxReturn } from './use-combobox';

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

@@ -1,5 +1,5 @@
 import { JSX, RefAttributes } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxReturn } from './use-combobox';

package/dist/components/combobox/combobox-root.cjs

@@ -21,6 +21,7 @@ const ComboboxImpl = (props, ref) => {
     "autoFocus",
     "closeOnSelect",
     "composite",
+    "collection",
     "defaultOpen",
     "defaultValue",
     "disabled",
@@ -33,10 +34,6 @@ const ComboboxImpl = (props, ref) => {
     "inputBehavior",
     "inputValue",
     "invalid",
-    "isItemDisabled",
-    "items",
-    "itemToString",
-    "itemToValue",
     "loopFocus",
     "multiple",
     "name",

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

@@ -1,5 +1,6 @@
 import { JSX, RefAttributes } from 'react';
-import { Assign, CollectionItem } from '../../types';
+import { Assign } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxProps } from './use-combobox';

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

@@ -1,5 +1,6 @@
 import { JSX, RefAttributes } from 'react';
-import { Assign, CollectionItem } from '../../types';
+import { Assign } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseComboboxProps } from './use-combobox';

package/dist/components/combobox/combobox-root.js

@@ -17,6 +17,7 @@ const ComboboxImpl = (props, ref) => {
     "autoFocus",
     "closeOnSelect",
     "composite",
+    "collection",
     "defaultOpen",
     "defaultValue",
     "disabled",
@@ -29,10 +30,6 @@ const ComboboxImpl = (props, ref) => {
     "inputBehavior",
     "inputValue",
     "invalid",
-    "isItemDisabled",
-    "items",
-    "itemToString",
-    "itemToValue",
     "loopFocus",
     "multiple",
     "name",

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

@@ -1,5 +1,5 @@
 export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/combobox';
-export type { CollectionItem } from '../../types';
+export type { CollectionItem } from '../collection';
 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';

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

@@ -1,5 +1,5 @@
 export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/combobox';
-export type { CollectionItem } from '../../types';
+export type { CollectionItem } from '../collection';
 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';

package/dist/components/combobox/index.cjs

@@ -2,23 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const comboboxClearTrigger = require('./combobox-clear-trigger.cjs');
-const comboboxContent = require('./combobox-content.cjs');
-const comboboxContext = require('./combobox-context.cjs');
-const comboboxControl = require('./combobox-control.cjs');
-const comboboxInput = require('./combobox-input.cjs');
-const comboboxItem = require('./combobox-item.cjs');
-const comboboxItemContext = require('./combobox-item-context.cjs');
-const comboboxItemGroup = require('./combobox-item-group.cjs');
-const comboboxItemGroupLabel = require('./combobox-item-group-label.cjs');
-const comboboxItemIndicator = require('./combobox-item-indicator.cjs');
-const comboboxItemText = require('./combobox-item-text.cjs');
-const comboboxLabel = require('./combobox-label.cjs');
-const comboboxList = require('./combobox-list.cjs');
-const comboboxPositioner = require('./combobox-positioner.cjs');
-const comboboxRoot = require('./combobox-root.cjs');
-const comboboxRootProvider = require('./combobox-root-provider.cjs');
-const comboboxTrigger = require('./combobox-trigger.cjs');
+const collection = require('../collection.cjs');
 const useCombobox = require('./use-combobox.cjs');
 const useComboboxContext = require('./use-combobox-context.cjs');
 const useComboboxItemContext = require('./use-combobox-item-context.cjs');
@@ -27,28 +11,12 @@ const combobox = require('@zag-js/combobox');
 
 
 
-exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
-exports.ComboboxContent = comboboxContent.ComboboxContent;
-exports.ComboboxContext = comboboxContext.ComboboxContext;
-exports.ComboboxControl = comboboxControl.ComboboxControl;
-exports.ComboboxInput = comboboxInput.ComboboxInput;
-exports.ComboboxItem = comboboxItem.ComboboxItem;
-exports.ComboboxItemContext = comboboxItemContext.ComboboxItemContext;
-exports.ComboboxItemGroup = comboboxItemGroup.ComboboxItemGroup;
-exports.ComboboxItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
-exports.ComboboxItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
-exports.ComboboxItemText = comboboxItemText.ComboboxItemText;
-exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
-exports.ComboboxList = comboboxList.ComboboxList;
-exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
-exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
-exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
-exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
+exports.createListCollection = collection.createListCollection;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
 exports.Combobox = combobox$1;
 Object.defineProperty(exports, "comboboxAnatomy", {
-  enumerable: true,
-  get: () => combobox.anatomy
+	enumerable: true,
+	get: () => combobox.anatomy
 });

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

@@ -1,24 +1,6 @@
-export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
-export type { CollectionItem as ComboboxCollectionItem } from '../../types';
-export { ComboboxClearTrigger, type ComboboxClearTriggerProps, type ComboboxClearTriggerBaseProps, } from './combobox-clear-trigger';
-export { ComboboxContent, type ComboboxContentProps, type ComboboxContentBaseProps, } from './combobox-content';
-export { ComboboxContext, type ComboboxContextProps, } from './combobox-context';
-export { ComboboxControl, type ComboboxControlProps, type ComboboxControlBaseProps, } from './combobox-control';
-export { ComboboxInput, type ComboboxInputProps, type ComboboxInputBaseProps, } from './combobox-input';
-export { ComboboxItem, type ComboboxItemProps, type ComboboxItemBaseProps, } from './combobox-item';
-export { ComboboxItemContext, type ComboboxItemContextProps, } from './combobox-item-context';
-export { ComboboxItemGroup, type ComboboxItemGroupProps, type ComboboxItemGroupBaseProps, } from './combobox-item-group';
-export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, type ComboboxItemGroupLabelBaseProps, } from './combobox-item-group-label';
-export { ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemIndicatorBaseProps, } from './combobox-item-indicator';
-export { ComboboxItemText, type ComboboxItemTextProps, type ComboboxItemTextBaseProps, } from './combobox-item-text';
-export { ComboboxLabel, type ComboboxLabelProps, type ComboboxLabelBaseProps, } from './combobox-label';
-export { ComboboxList, type ComboboxListProps, type ComboboxListBaseProps, } from './combobox-list';
-export { ComboboxPositioner, type ComboboxPositionerProps, type ComboboxPositionerBaseProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootProps, type ComboboxRootBaseProps, } from './combobox-root';
-export { ComboboxRootProvider, type ComboboxRootProviderProps, type ComboboxRootProviderBaseProps, } from './combobox-root-provider';
-export { ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerBaseProps, } from './combobox-trigger';
+export { createListCollection, type CollectionItem } from '../collection';
+export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';
 export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context';
-export { comboboxAnatomy } from './combobox.anatomy';
 export * as Combobox from './combobox';

package/dist/components/combobox/index.d.ts

@@ -1,24 +1,6 @@
-export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
-export type { CollectionItem as ComboboxCollectionItem } from '../../types';
-export { ComboboxClearTrigger, type ComboboxClearTriggerProps, type ComboboxClearTriggerBaseProps, } from './combobox-clear-trigger';
-export { ComboboxContent, type ComboboxContentProps, type ComboboxContentBaseProps, } from './combobox-content';
-export { ComboboxContext, type ComboboxContextProps, } from './combobox-context';
-export { ComboboxControl, type ComboboxControlProps, type ComboboxControlBaseProps, } from './combobox-control';
-export { ComboboxInput, type ComboboxInputProps, type ComboboxInputBaseProps, } from './combobox-input';
-export { ComboboxItem, type ComboboxItemProps, type ComboboxItemBaseProps, } from './combobox-item';
-export { ComboboxItemContext, type ComboboxItemContextProps, } from './combobox-item-context';
-export { ComboboxItemGroup, type ComboboxItemGroupProps, type ComboboxItemGroupBaseProps, } from './combobox-item-group';
-export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, type ComboboxItemGroupLabelBaseProps, } from './combobox-item-group-label';
-export { ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemIndicatorBaseProps, } from './combobox-item-indicator';
-export { ComboboxItemText, type ComboboxItemTextProps, type ComboboxItemTextBaseProps, } from './combobox-item-text';
-export { ComboboxLabel, type ComboboxLabelProps, type ComboboxLabelBaseProps, } from './combobox-label';
-export { ComboboxList, type ComboboxListProps, type ComboboxListBaseProps, } from './combobox-list';
-export { ComboboxPositioner, type ComboboxPositionerProps, type ComboboxPositionerBaseProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootProps, type ComboboxRootBaseProps, } from './combobox-root';
-export { ComboboxRootProvider, type ComboboxRootProviderProps, type ComboboxRootProviderBaseProps, } from './combobox-root-provider';
-export { ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerBaseProps, } from './combobox-trigger';
+export { createListCollection, type CollectionItem } from '../collection';
+export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';
 export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context';
-export { comboboxAnatomy } from './combobox.anatomy';
 export * as Combobox from './combobox';

package/dist/components/combobox/index.js

@@ -1,20 +1,4 @@
-export { ComboboxClearTrigger } from './combobox-clear-trigger.js';
-export { ComboboxContent } from './combobox-content.js';
-export { ComboboxContext } from './combobox-context.js';
-export { ComboboxControl } from './combobox-control.js';
-export { ComboboxInput } from './combobox-input.js';
-export { ComboboxItem } from './combobox-item.js';
-export { ComboboxItemContext } from './combobox-item-context.js';
-export { ComboboxItemGroup } from './combobox-item-group.js';
-export { ComboboxItemGroupLabel } from './combobox-item-group-label.js';
-export { ComboboxItemIndicator } from './combobox-item-indicator.js';
-export { ComboboxItemText } from './combobox-item-text.js';
-export { ComboboxLabel } from './combobox-label.js';
-export { ComboboxList } from './combobox-list.js';
-export { ComboboxPositioner } from './combobox-positioner.js';
-export { ComboboxRoot } from './combobox-root.js';
-export { ComboboxRootProvider } from './combobox-root-provider.js';
-export { ComboboxTrigger } from './combobox-trigger.js';
+export { createListCollection } from '../collection.js';
 export { useCombobox } from './use-combobox.js';
 export { useComboboxContext } from './use-combobox-context.js';
 export { useComboboxItemContext } from './use-combobox-item-context.js';

package/dist/components/combobox/use-combobox-context.d.cts

@@ -1,4 +1,4 @@
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseComboboxReturn } from './use-combobox';
 import { Provider } from 'react';
 export interface UseComboboxContext<T extends CollectionItem> extends UseComboboxReturn<T> {

package/dist/components/combobox/use-combobox-context.d.ts

@@ -1,4 +1,4 @@
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseComboboxReturn } from './use-combobox';
 import { Provider } from 'react';
 export interface UseComboboxContext<T extends CollectionItem> extends UseComboboxReturn<T> {

package/dist/components/combobox/use-combobox.cjs

@@ -8,7 +8,6 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const createSplitProps = require('../../utils/create-split-props.cjs');
 const useEvent = require('../../utils/use-event.cjs');
 const useFieldContext = require('../field/use-field-context.cjs');
 
@@ -32,16 +31,7 @@ function _interopNamespaceDefault(e) {
 const combobox__namespace = /*#__PURE__*/_interopNamespaceDefault(combobox);
 
 const useCombobox = (props) => {
-  const [collectionOptions, comboboxProps] = createSplitProps.createSplitProps()(props, [
-    "isItemDisabled",
-    "itemToValue",
-    "itemToString",
-    "items"
-  ]);
-  const collection = react.useMemo(
-    () => combobox__namespace.collection(collectionOptions),
-    Object.values(collectionOptions)
-  );
+  const { collection, ...comboboxProps } = props;
   const { dir } = useLocaleContext.useLocaleContext();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const field = useFieldContext.useFieldContext();

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

@@ -1,8 +1,8 @@
-import { CollectionOptions } from '@zag-js/combobox';
 import { PropTypes } from '@zag-js/react';
-import { CollectionItem, Optional } from '../../types';
+import { Optional } from '../../types';
+import { CollectionItem, ListCollection } from '../collection';
 import * as combobox from '@zag-js/combobox';
-export interface UseComboboxProps<T extends CollectionItem> extends CollectionOptions<T>, Optional<Omit<combobox.Context<T>, 'dir' | 'getRootNode' | 'collection' | 'open.controlled'>, 'id'> {
+export interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combobox.Context<T>, 'dir' | 'getRootNode' | 'collection' | 'open.controlled'>, 'id'> {
     /**
      * The initial open state of the combobox when it is first rendered.
      * Use when you do not need to control its open state.
@@ -13,7 +13,11 @@ export interface UseComboboxProps<T extends CollectionItem> extends CollectionOp
      * Use when you do not need to control the state of the combobox.
      */
     defaultValue?: combobox.Context<T>['value'];
+    /**
+     * The collection of items
+     */
+    collection: ListCollection<T>;
 }
 export interface UseComboboxReturn<T extends CollectionItem> extends combobox.Api<PropTypes, T> {
 }
-export declare const useCombobox: <T extends CollectionItem>(props: UseComboboxProps<T>) => UseComboboxReturn<T>;
+export declare const useCombobox: <T extends unknown>(props: UseComboboxProps<T>) => UseComboboxReturn<T>;