@ark-ui/react 3.13.0 → 4.0.0

package/dist/components/accordion/accordion-item.cjs

@@ -10,6 +10,8 @@ const react = require('react');
 const useAccordionContext = require('./use-accordion-context.cjs');
 const useAccordionItemContext = require('./use-accordion-item-context.cjs');
 const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
+require('@zag-js/color-picker');
+require('@zag-js/date-picker');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');
 

package/dist/components/accordion/accordion-item.js

@@ -6,6 +6,8 @@ import { forwardRef } from 'react';
 import { useAccordionContext } from './use-accordion-context.js';
 import { AccordionItemProvider } from './use-accordion-item-context.js';
 import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
+import '@zag-js/color-picker';
+import '@zag-js/date-picker';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { AccordionItemPropsProvider } from './use-accordion-item-props-context.js';
 

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

@@ -7,8 +7,8 @@ export { AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type Acco
 export { AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, } from './accordion-item-trigger';
 export { AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, } from './accordion-root';
 export { AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, } from './accordion-root-provider';
+export { accordionAnatomy } from './accordion.anatomy';
 export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion';
 export { useAccordionContext, type UseAccordionContext } from './use-accordion-context';
 export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context';
-export { accordionAnatomy } from './accordion.anatomy';
 export * as Accordion from './accordion';

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

@@ -7,8 +7,8 @@ export { AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type Acco
 export { AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, } from './accordion-item-trigger';
 export { AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, } from './accordion-root';
 export { AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, } from './accordion-root-provider';
+export { accordionAnatomy } from './accordion.anatomy';
 export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion';
 export { useAccordionContext, type UseAccordionContext } from './use-accordion-context';
 export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context';
-export { accordionAnatomy } from './accordion.anatomy';
 export * as Accordion from './accordion';

package/dist/components/carousel/index.cjs

@@ -13,9 +13,9 @@ const carouselPrevTrigger = require('./carousel-prev-trigger.cjs');
 const carouselRoot = require('./carousel-root.cjs');
 const carouselRootProvider = require('./carousel-root-provider.cjs');
 const carouselViewport = require('./carousel-viewport.cjs');
+const carousel_anatomy = require('./carousel.anatomy.cjs');
 const useCarousel = require('./use-carousel.cjs');
 const useCarouselContext = require('./use-carousel-context.cjs');
-const carousel_anatomy = require('./carousel.anatomy.cjs');
 const carousel = require('./carousel.cjs');
 
 
@@ -31,7 +31,7 @@ exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselRootProvider = carouselRootProvider.CarouselRootProvider;
 exports.CarouselViewport = carouselViewport.CarouselViewport;
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.Carousel = carousel;

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

@@ -1,16 +1,16 @@
 export type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
 export { CarouselContext, type CarouselContextProps, } from './carousel-context';
-export { CarouselControl, type CarouselControlProps, type CarouselControlBaseProps, } from './carousel-control';
-export { CarouselIndicator, type CarouselIndicatorProps, type CarouselIndicatorBaseProps, } from './carousel-indicator';
-export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, type CarouselIndicatorGroupBaseProps, } from './carousel-indicator-group';
-export { CarouselItem, type CarouselItemProps, type CarouselItemBaseProps, } from './carousel-item';
-export { CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemGroupBaseProps, } from './carousel-item-group';
-export { CarouselNextTrigger, type CarouselNextTriggerProps, type CarouselNextTriggerBaseProps, } from './carousel-next-trigger';
-export { CarouselPrevTrigger, type CarouselPrevTriggerProps, type CarouselPrevTriggerBaseProps, } from './carousel-prev-trigger';
-export { CarouselRoot, type CarouselRootProps, type CarouselRootBaseProps, } from './carousel-root';
-export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRootProviderBaseProps, } from './carousel-root-provider';
-export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
+export { CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, } from './carousel-control';
+export { CarouselIndicator, type CarouselIndicatorBaseProps, type CarouselIndicatorProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, } from './carousel-indicator-group';
+export { CarouselItem, type CarouselItemBaseProps, type CarouselItemProps, } from './carousel-item';
+export { CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, } from './carousel-item-group';
+export { CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, } from './carousel-prev-trigger';
+export { CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, } from './carousel-root';
+export { CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, } from './carousel-root-provider';
+export { CarouselViewport, type CarouselViewportBaseProps, type CarouselViewportProps, } from './carousel-viewport';
+export { carouselAnatomy } from './carousel.anatomy';
 export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
 export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
-export { carouselAnatomy } from './carousel.anatomy';
 export * as Carousel from './carousel';

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

@@ -1,16 +1,16 @@
 export type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
 export { CarouselContext, type CarouselContextProps, } from './carousel-context';
-export { CarouselControl, type CarouselControlProps, type CarouselControlBaseProps, } from './carousel-control';
-export { CarouselIndicator, type CarouselIndicatorProps, type CarouselIndicatorBaseProps, } from './carousel-indicator';
-export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, type CarouselIndicatorGroupBaseProps, } from './carousel-indicator-group';
-export { CarouselItem, type CarouselItemProps, type CarouselItemBaseProps, } from './carousel-item';
-export { CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemGroupBaseProps, } from './carousel-item-group';
-export { CarouselNextTrigger, type CarouselNextTriggerProps, type CarouselNextTriggerBaseProps, } from './carousel-next-trigger';
-export { CarouselPrevTrigger, type CarouselPrevTriggerProps, type CarouselPrevTriggerBaseProps, } from './carousel-prev-trigger';
-export { CarouselRoot, type CarouselRootProps, type CarouselRootBaseProps, } from './carousel-root';
-export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRootProviderBaseProps, } from './carousel-root-provider';
-export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
+export { CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, } from './carousel-control';
+export { CarouselIndicator, type CarouselIndicatorBaseProps, type CarouselIndicatorProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, } from './carousel-indicator-group';
+export { CarouselItem, type CarouselItemBaseProps, type CarouselItemProps, } from './carousel-item';
+export { CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, } from './carousel-item-group';
+export { CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, } from './carousel-prev-trigger';
+export { CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, } from './carousel-root';
+export { CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, } from './carousel-root-provider';
+export { CarouselViewport, type CarouselViewportBaseProps, type CarouselViewportProps, } from './carousel-viewport';
+export { carouselAnatomy } from './carousel.anatomy';
 export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
 export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
-export { carouselAnatomy } from './carousel.anatomy';
 export * as Carousel from './carousel';

package/dist/components/carousel/index.js

@@ -9,8 +9,8 @@ export { CarouselPrevTrigger } from './carousel-prev-trigger.js';
 export { CarouselRoot } from './carousel-root.js';
 export { CarouselRootProvider } from './carousel-root-provider.js';
 export { CarouselViewport } from './carousel-viewport.js';
+export { carouselAnatomy } from './carousel.anatomy.js';
 export { useCarousel } from './use-carousel.js';
 export { useCarouselContext } from './use-carousel-context.js';
-export { carouselAnatomy } from './carousel.anatomy.js';
 import * as carousel from './carousel.js';
 export { carousel as Carousel };

package/dist/components/checkbox/index.cjs

@@ -10,11 +10,11 @@ const checkboxIndicator = require('./checkbox-indicator.cjs');
 const checkboxLabel = require('./checkbox-label.cjs');
 const checkboxRoot = require('./checkbox-root.cjs');
 const checkboxRootProvider = require('./checkbox-root-provider.cjs');
+const checkbox_anatomy = require('./checkbox.anatomy.cjs');
 const useCheckbox = require('./use-checkbox.cjs');
 const useCheckboxContext = require('./use-checkbox-context.cjs');
 const useCheckboxGroup = require('./use-checkbox-group.cjs');
 const useCheckboxGroupContext = require('./use-checkbox-group-context.cjs');
-const checkbox_anatomy = require('./checkbox.anatomy.cjs');
 const checkbox = require('./checkbox.cjs');
 
 
@@ -27,9 +27,9 @@ exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
 exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
 exports.CheckboxRootProvider = checkboxRootProvider.CheckboxRootProvider;
+exports.checkboxAnatomy = checkbox_anatomy.checkboxAnatomy;
 exports.useCheckbox = useCheckbox.useCheckbox;
 exports.useCheckboxContext = useCheckboxContext.useCheckboxContext;
 exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
 exports.useCheckboxGroupContext = useCheckboxGroupContext.useCheckboxGroupContext;
-exports.checkboxAnatomy = checkbox_anatomy.checkboxAnatomy;
 exports.Checkbox = checkbox;

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

@@ -1,15 +1,15 @@
 export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
 export { CheckboxContext, type CheckboxContextProps, } from './checkbox-context';
-export { CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control';
-export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps, } from './checkbox-group';
-export { CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input';
-export { CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator';
-export { CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps, } from './checkbox-label';
-export { CheckboxRoot, type CheckboxRootProps, type CheckboxRootBaseProps, } from './checkbox-root';
-export { CheckboxRootProvider, type CheckboxRootProviderProps, type CheckboxRootProviderBaseProps, } from './checkbox-root-provider';
+export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps, } from './checkbox-control';
+export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps, } from './checkbox-group';
+export { CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps, } from './checkbox-indicator';
+export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps, } from './checkbox-label';
+export { CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps, } from './checkbox-root';
+export { CheckboxRootProvider, type CheckboxRootProviderBaseProps, type CheckboxRootProviderProps, } from './checkbox-root-provider';
+export { checkboxAnatomy } from './checkbox.anatomy';
 export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
 export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';
 export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context';
-export { checkboxAnatomy } from './checkbox.anatomy';
 export * as Checkbox from './checkbox';

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

@@ -1,15 +1,15 @@
 export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
 export { CheckboxContext, type CheckboxContextProps, } from './checkbox-context';
-export { CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control';
-export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps, } from './checkbox-group';
-export { CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input';
-export { CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator';
-export { CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps, } from './checkbox-label';
-export { CheckboxRoot, type CheckboxRootProps, type CheckboxRootBaseProps, } from './checkbox-root';
-export { CheckboxRootProvider, type CheckboxRootProviderProps, type CheckboxRootProviderBaseProps, } from './checkbox-root-provider';
+export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps, } from './checkbox-control';
+export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps, } from './checkbox-group';
+export { CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps, } from './checkbox-indicator';
+export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps, } from './checkbox-label';
+export { CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps, } from './checkbox-root';
+export { CheckboxRootProvider, type CheckboxRootProviderBaseProps, type CheckboxRootProviderProps, } from './checkbox-root-provider';
+export { checkboxAnatomy } from './checkbox.anatomy';
 export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
 export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';
 export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context';
-export { checkboxAnatomy } from './checkbox.anatomy';
 export * as Checkbox from './checkbox';

package/dist/components/checkbox/index.js

@@ -6,10 +6,10 @@ export { CheckboxIndicator } from './checkbox-indicator.js';
 export { CheckboxLabel } from './checkbox-label.js';
 export { CheckboxRoot } from './checkbox-root.js';
 export { CheckboxRootProvider } from './checkbox-root-provider.js';
+export { checkboxAnatomy } from './checkbox.anatomy.js';
 export { useCheckbox } from './use-checkbox.js';
 export { useCheckboxContext } from './use-checkbox-context.js';
 export { useCheckboxGroup } from './use-checkbox-group.js';
 export { useCheckboxGroupContext } from './use-checkbox-group-context.js';
-export { checkboxAnatomy } from './checkbox.anatomy.js';
 import * as checkbox from './checkbox.js';
 export { checkbox as Checkbox };

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

@@ -1,13 +1,13 @@
 export type { CopyStatusDetails as ClipboardCopyStatusDetails } from '@zag-js/clipboard';
 export { ClipboardContext, type ClipboardContextProps, } from './clipboard-context';
-export { ClipboardControl, type ClipboardControlProps, type ClipboardControlBaseProps, } from './clipboard-control';
-export { ClipboardIndicator, type ClipboardIndicatorProps, type ClipboardIndicatorBaseProps, } from './clipboard-indicator';
-export { ClipboardInput, type ClipboardInputProps, type ClipboardInputBaseProps, } from './clipboard-input';
-export { ClipboardLabel, type ClipboardLabelProps, type ClipboardLabelBaseProps, } from './clipboard-label';
-export { ClipboardRoot, type ClipboardRootProps, type ClipboardRootBaseProps, } from './clipboard-root';
-export { ClipboardRootProvider, type ClipboardRootProviderProps, type ClipboardRootProviderBaseProps, } from './clipboard-root-provider';
-export { ClipboardTrigger, type ClipboardTriggerProps, type ClipboardTriggerBaseProps, } from './clipboard-trigger';
+export { ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps, } from './clipboard-control';
+export { ClipboardIndicator, type ClipboardIndicatorBaseProps, type ClipboardIndicatorProps, } from './clipboard-indicator';
+export { ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps, } from './clipboard-input';
+export { ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps, } from './clipboard-label';
+export { ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps, } from './clipboard-root';
+export { ClipboardRootProvider, type ClipboardRootProviderBaseProps, type ClipboardRootProviderProps, } from './clipboard-root-provider';
+export { ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps, } from './clipboard-trigger';
+export { clipboardAnatomy } from './clipboard.anatomy';
 export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard';
 export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context';
-export { clipboardAnatomy } from './clipboard.anatomy';
 export * as Clipboard from './clipboard';

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

@@ -1,13 +1,13 @@
 export type { CopyStatusDetails as ClipboardCopyStatusDetails } from '@zag-js/clipboard';
 export { ClipboardContext, type ClipboardContextProps, } from './clipboard-context';
-export { ClipboardControl, type ClipboardControlProps, type ClipboardControlBaseProps, } from './clipboard-control';
-export { ClipboardIndicator, type ClipboardIndicatorProps, type ClipboardIndicatorBaseProps, } from './clipboard-indicator';
-export { ClipboardInput, type ClipboardInputProps, type ClipboardInputBaseProps, } from './clipboard-input';
-export { ClipboardLabel, type ClipboardLabelProps, type ClipboardLabelBaseProps, } from './clipboard-label';
-export { ClipboardRoot, type ClipboardRootProps, type ClipboardRootBaseProps, } from './clipboard-root';
-export { ClipboardRootProvider, type ClipboardRootProviderProps, type ClipboardRootProviderBaseProps, } from './clipboard-root-provider';
-export { ClipboardTrigger, type ClipboardTriggerProps, type ClipboardTriggerBaseProps, } from './clipboard-trigger';
+export { ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps, } from './clipboard-control';
+export { ClipboardIndicator, type ClipboardIndicatorBaseProps, type ClipboardIndicatorProps, } from './clipboard-indicator';
+export { ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps, } from './clipboard-input';
+export { ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps, } from './clipboard-label';
+export { ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps, } from './clipboard-root';
+export { ClipboardRootProvider, type ClipboardRootProviderBaseProps, type ClipboardRootProviderProps, } from './clipboard-root-provider';
+export { ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps, } from './clipboard-trigger';
+export { clipboardAnatomy } from './clipboard.anatomy';
 export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard';
 export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context';
-export { clipboardAnatomy } from './clipboard.anatomy';
 export * as Clipboard from './clipboard';

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

@@ -1,10 +1,10 @@
 export type { OpenChangeDetails as CollapsibleOpenChangeDetails } from '@zag-js/collapsible';
-export { CollapsibleContent, type CollapsibleContentProps, type CollapsibleContentBaseProps, } from './collapsible-content';
+export { CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, } from './collapsible-content';
 export { CollapsibleContext, type CollapsibleContextProps, } from './collapsible-context';
-export { CollapsibleRoot, type CollapsibleRootProps, type CollapsibleRootBaseProps, } from './collapsible-root';
-export { CollapsibleRootProvider, type CollapsibleRootProviderProps, type CollapsibleRootProviderBaseProps, } from './collapsible-root-provider';
-export { CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleTriggerBaseProps, } from './collapsible-trigger';
+export { CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, } from './collapsible-root';
+export { CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, } from './collapsible-root-provider';
+export { CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, } from './collapsible-trigger';
+export { collapsibleAnatomy } from './collapsible.anatomy';
 export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn, } from './use-collapsible';
 export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context';
-export { collapsibleAnatomy } from './collapsible.anatomy';
 export * as Collapsible from './collapsible';

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

@@ -1,10 +1,10 @@
 export type { OpenChangeDetails as CollapsibleOpenChangeDetails } from '@zag-js/collapsible';
-export { CollapsibleContent, type CollapsibleContentProps, type CollapsibleContentBaseProps, } from './collapsible-content';
+export { CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, } from './collapsible-content';
 export { CollapsibleContext, type CollapsibleContextProps, } from './collapsible-context';
-export { CollapsibleRoot, type CollapsibleRootProps, type CollapsibleRootBaseProps, } from './collapsible-root';
-export { CollapsibleRootProvider, type CollapsibleRootProviderProps, type CollapsibleRootProviderBaseProps, } from './collapsible-root-provider';
-export { CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleTriggerBaseProps, } from './collapsible-trigger';
+export { CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, } from './collapsible-root';
+export { CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, } from './collapsible-root-provider';
+export { CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, } from './collapsible-trigger';
+export { collapsibleAnatomy } from './collapsible.anatomy';
 export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn, } from './use-collapsible';
 export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context';
-export { collapsibleAnatomy } from './collapsible.anatomy';
 export * as Collapsible from './collapsible';

package/dist/components/collection.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const collection = require('@zag-js/collection');
+const core = require('@zag-js/core');
+
+const createListCollection = (options) => core.ref(new collection.ListCollection(options));
+
+exports.createListCollection = createListCollection;

package/dist/components/collection.d.cts

@@ -0,0 +1,3 @@
+import { CollectionOptions, ListCollection } from '@zag-js/collection';
+export type { CollectionItem, ListCollection } from '@zag-js/collection';
+export declare const createListCollection: <T extends unknown>(options: CollectionOptions<T>) => ListCollection<T>;

package/dist/components/collection.d.ts

@@ -0,0 +1,3 @@
+import { CollectionOptions, ListCollection } from '@zag-js/collection';
+export type { CollectionItem, ListCollection } from '@zag-js/collection';
+export declare const createListCollection: <T extends unknown>(options: CollectionOptions<T>) => ListCollection<T>;

package/dist/components/collection.js

@@ -0,0 +1,6 @@
+import { ListCollection } from '@zag-js/collection';
+import { ref } from '@zag-js/core';
+
+const createListCollection = (options) => ref(new ListCollection(options));
+
+export { createListCollection };

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

@@ -1,4 +1,4 @@
-export type { ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
+export type { Color, ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
 export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
 export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
 export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';

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

@@ -1,4 +1,4 @@
-export type { ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
+export type { Color, ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
 export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
 export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
 export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const colorPicker = require('@zag-js/color-picker');
 const colorPickerArea = require('./color-picker-area.cjs');
 const colorPickerAreaBackground = require('./color-picker-area-background.cjs');
 const colorPickerAreaThumb = require('./color-picker-area-thumb.cjs');
@@ -31,13 +32,17 @@ 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_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');
 
 
 
+Object.defineProperty(exports, "parseColor", {
+  enumerable: true,
+  get: () => colorPicker.parse
+});
 exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
 exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
 exports.ColorPickerAreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
@@ -67,7 +72,7 @@ exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
 exports.ColorPickerValueSwatch = colorPickerValueSwatch.ColorPickerValueSwatch;
 exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
 exports.ColorPickerView = colorPickerView.ColorPickerView;
+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,4 +1,5 @@
-export type { ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
+export { parse as parseColor } from '@zag-js/color-picker';
+export type { Color, 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';
@@ -28,7 +29,7 @@ export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerT
 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 { 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,4 +1,5 @@
-export type { ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
+export { parse as parseColor } from '@zag-js/color-picker';
+export type { Color, 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';
@@ -28,7 +29,7 @@ export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerT
 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 { 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,3 +1,4 @@
+export { parse as parseColor } from '@zag-js/color-picker';
 export { ColorPickerArea } from './color-picker-area.js';
 export { ColorPickerAreaBackground } from './color-picker-area-background.js';
 export { ColorPickerAreaThumb } from './color-picker-area-thumb.js';
@@ -27,8 +28,8 @@ 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 { 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';