@ark-ui/solid 4.10.2 → 5.1.0

package/dist/components/carousel/index.js

@@ -1 +1 @@
-export { carousel_exports as Carousel, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, anatomy as carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/Q7NPTAJI.js';
+export { carousel_exports as Carousel, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, anatomy as carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/QBFJVUX3.js';

package/dist/components/carousel/index.jsx

@@ -14,14 +14,14 @@ import {
   carousel_exports,
   useCarousel,
   useCarouselContext
-} from "../../chunk/2HTNQLGP.jsx";
+} from "../../chunk/CHLRHJV2.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   carousel_exports as Carousel,

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

@@ -4,20 +4,15 @@ export { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as C
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-interface UseCheckboxProps extends Optional<Omit<checkbox$1.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The checked state of the checkbox when it is first rendered.
-     * Use this when you do not need to control the state of the checkbox.
-     */
-    defaultChecked?: checkbox$1.Context['checked'];
+interface UseCheckboxProps extends Optional<Omit<checkbox$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseCheckboxReturn extends Accessor<checkbox$1.Api<PropTypes>> {
 }
-declare const useCheckbox: (ownProps?: UseCheckboxProps) => UseCheckboxReturn;
+declare const useCheckbox: (ownProps?: MaybeAccessor<UseCheckboxProps>) => UseCheckboxReturn;
 
 interface UseCheckboxContext extends UseCheckboxReturn {
 }
@@ -131,7 +126,7 @@ interface CheckboxRootProviderProps extends HTMLProps<'label'>, RootProviderProp
 }
 declare const CheckboxRootProvider: (props: CheckboxRootProviderProps) => solid_js.JSX.Element;
 
-declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "group" | "root" | "control" | "indicator">;
+declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "group" | "indicator" | "control">;
 
 interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {
 }

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/34MDPAG6.js';
+export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/7RR233CD.js';

package/dist/components/checkbox/index.jsx

@@ -13,17 +13,17 @@ import {
   useCheckboxContext,
   useCheckboxGroup,
   useCheckboxGroupContext
-} from "../../chunk/7YIHAT7J.jsx";
-import "../../chunk/52WUF3CY.jsx";
-import "../../chunk/P7I44WC4.jsx";
-import "../../chunk/RZBYC7DR.jsx";
+} from "../../chunk/V564AMKR.jsx";
+import "../../chunk/UCYPIMZC.jsx";
+import "../../chunk/ZYF7GVNI.jsx";
+import "../../chunk/DOBZPYAN.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   checkbox_exports as Checkbox,

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

@@ -4,14 +4,14 @@ export { CopyStatusDetails as ClipboardCopyStatusDetails, anatomy as clipboardAn
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 
-interface UseClipboardProps extends Optional<Omit<clipboard$1.Context, 'dir' | 'getRootNode'>, 'id'> {
+interface UseClipboardProps extends Optional<Omit<clipboard$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseClipboardReturn extends Accessor<clipboard$1.Api<PropTypes>> {
 }
-declare const useClipboard: (props?: UseClipboardProps) => UseClipboardReturn;
+declare const useClipboard: (props?: MaybeAccessor<UseClipboardProps>) => UseClipboardReturn;
 
 interface UseClipboardContext extends UseClipboardReturn {
 }

package/dist/components/clipboard/index.js

@@ -1 +1 @@
-export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, anatomy as clipboardAnatomy, useClipboard, useClipboardContext } from '../../chunk/5CYHETDY.js';
+export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, anatomy as clipboardAnatomy, useClipboard, useClipboardContext } from '../../chunk/EWPKE75H.js';

package/dist/components/clipboard/index.jsx

@@ -12,14 +12,14 @@ import {
   clipboard_exports,
   useClipboard,
   useClipboardContext
-} from "../../chunk/IQJBNZOX.jsx";
+} from "../../chunk/5T73FAJY.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   clipboard_exports as Clipboard,

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

@@ -3,9 +3,9 @@ import { OpenChangeDetails } from '@zag-js/collapsible';
 export { OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
 
 interface CollapsibleContentBaseProps extends PolymorphicProps<'div'> {
@@ -14,12 +14,7 @@ interface CollapsibleContentProps extends HTMLProps<'div'>, CollapsibleContentBa
 }
 declare const CollapsibleContent: (props: CollapsibleContentProps) => solid_js.JSX.Element;
 
-interface UseCollapsibleProps extends Optional<Omit<collapsible$1.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'>, RenderStrategyProps {
-    /**
-     * The initial open state of the collapsible when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: collapsible$1.Context['open'];
+interface UseCollapsibleProps extends Optional<Omit<collapsible$1.Props, 'dir' | 'getRootNode'>, 'id'>, RenderStrategyProps {
 }
 interface UseCollapsibleReturn extends Accessor<collapsible$1.Api<PropTypes> & {
     /**
@@ -28,7 +23,7 @@ interface UseCollapsibleReturn extends Accessor<collapsible$1.Api<PropTypes> & {
     unmounted?: boolean;
 }> {
 }
-declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;
+declare const useCollapsible: (props?: MaybeAccessor<UseCollapsibleProps>) => UseCollapsibleReturn;
 
 interface UseCollapsibleContext extends UseCollapsibleReturn {
 }

package/dist/components/collapsible/index.js

@@ -1 +1 @@
-export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/3HMZSTYX.js';
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/B246J3FR.js';

package/dist/components/collapsible/index.jsx

@@ -8,15 +8,15 @@ import {
   collapsible_exports,
   useCollapsible,
   useCollapsibleContext
-} from "../../chunk/B7LE23PE.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/WNIFZKTJ.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   collapsible_exports as Collapsible,

package/dist/components/collection.d.ts

@@ -1,9 +1,9 @@
-import { CollectionOptions, ListCollection, TreeCollectionOptions, TreeCollection, FilePathTreeNode } from '@zag-js/collection';
+import { CollectionItem, CollectionOptions, ListCollection, TreeCollection, FilePathTreeNode, TreeNode, TreeCollectionOptions } from '@zag-js/collection';
 export { CollectionItem, ListCollection, TreeCollection, TreeNode } from '@zag-js/collection';
 
-declare const createListCollection: <T extends unknown>(options: CollectionOptions<T>) => ListCollection<T>;
+declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
 
-declare const createTreeCollection: <T extends unknown>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
 declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
 
 export { createFileTreeCollection, createListCollection, createTreeCollection };

package/dist/components/collection.js

@@ -1 +1 @@
-export { createFileTreeCollection, createListCollection, createTreeCollection } from '../chunk/CTTG4GSG.js';
+export { createFileTreeCollection, createListCollection, createTreeCollection } from '../chunk/OAPCRIL5.js';

package/dist/components/collection.jsx

@@ -2,7 +2,7 @@ import {
   createFileTreeCollection,
   createListCollection,
   createTreeCollection
-} from "../chunk/JHG4EID2.jsx";
+} from "../chunk/MOG4V2NQ.jsx";
 import "../chunk/7IUG3E2V.jsx";
 export {
   createFileTreeCollection,

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

@@ -3,10 +3,10 @@ import { AreaProps, ChannelInputProps, ChannelProps, SwatchProps, SwatchTriggerP
 export { Color, ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, parse as parseColor } from '@zag-js/color-picker';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, A as Assign } from '../../types-B277wCdv.js';
-import { U as UsePresenceProps } from '../../use-presence-Ct1onT3-.js';
+import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-CxryXVkR.js';
+import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
@@ -71,21 +71,11 @@ interface ColorPickerContentProps extends HTMLProps<'div'>, ColorPickerContentBa
 }
 declare const ColorPickerContent: (props: ColorPickerContentProps) => solid_js.JSX.Element;
 
-interface UseColorPickerProps extends Optional<Omit<colorPicker$1.Context, 'dir' | 'getRootNode' | 'open.controlled'>, '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.
-     */
-    defaultOpen?: colorPicker$1.Context['open'];
-    /**
-     * 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?: colorPicker$1.Context['value'];
+interface UseColorPickerProps extends Optional<Omit<colorPicker$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseColorPickerReturn extends Accessor<colorPicker$1.Api<PropTypes>> {
 }
-declare const useColorPicker: (props?: UseColorPickerProps) => UseColorPickerReturn;
+declare const useColorPicker: (props?: MaybeAccessor<UseColorPickerProps>) => UseColorPickerReturn;
 
 interface UseColorPickerContext extends UseColorPickerReturn {
 }
@@ -212,7 +202,7 @@ interface ColorPickerViewProps extends HTMLProps<'div'>, ColorPickerViewBaseProp
 }
 declare const ColorPickerView: (props: ColorPickerViewProps) => solid_js.JSX.Element;
 
-declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "area" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "area" | "view" | "content" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 
 declare const colorPicker_Color: typeof Color;
 declare const colorPicker_ColorFormat: typeof ColorFormat;

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

@@ -1 +1 @@
-export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/WPFSEVTX.js';
+export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/I2RQ2435.js';

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

@@ -33,18 +33,19 @@ import {
   parse,
   useColorPicker,
   useColorPickerContext
-} from "../../chunk/WM2IZOYM.jsx";
-import "../../chunk/E72NMPSK.jsx";
-import "../../chunk/P7I44WC4.jsx";
-import "../../chunk/RZBYC7DR.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/72UBZBQP.jsx";
+import "../../chunk/UCYPIMZC.jsx";
+import "../../chunk/ZYF7GVNI.jsx";
+import "../../chunk/DOBZPYAN.jsx";
+import "../../chunk/A4744EEE.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   color_picker_exports as ColorPicker,

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

@@ -4,12 +4,12 @@ export { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueCha
 export { createListCollection } from '../collection.js';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
-import { C as CollectionItem, O as Optional } from '../../types-B277wCdv.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { C as CollectionItem, O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
 import { PropTypes } from '@zag-js/solid';
 import { ListCollection, CollectionItem as CollectionItem$1 } from '@zag-js/collection';
 export { CollectionItem, ListCollection } from '@zag-js/collection';
-import { U as UsePresenceProps } from '../../use-presence-Ct1onT3-.js';
+import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
 
@@ -25,17 +25,7 @@ interface ComboboxContentProps extends HTMLProps<'div'>, ComboboxContentBaseProp
 }
 declare const ComboboxContent: (props: ComboboxContentProps) => solid_js.JSX.Element;
 
-interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combobox$1.Context<T>, 'collection' | 'dir' | 'getRootNode' | '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.
-     */
-    defaultOpen?: combobox$1.Context['open'];
-    /**
-     * The initial value of the combobox when it is first rendered.
-     * Use when you do not need to control the state of the combobox.
-     */
-    defaultValue?: combobox$1.Context<T>['value'];
+interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combobox$1.Props<T>, 'collection' | 'dir' | 'getRootNode'>, 'id'> {
     /**
      * The collection of items
      */
@@ -43,7 +33,7 @@ interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combo
 }
 interface UseComboboxReturn<T extends CollectionItem> extends Accessor<combobox$1.Api<PropTypes, T>> {
 }
-declare const useCombobox: <T extends CollectionItem>(props: UseComboboxProps<T>) => UseComboboxReturn<T>;
+declare const useCombobox: <T extends CollectionItem>(props: MaybeAccessor<UseComboboxProps<T>>) => UseComboboxReturn<T>;
 
 interface UseComboboxContext<T extends CollectionItem> extends UseComboboxReturn<T> {
 }

package/dist/components/combobox/index.js

@@ -1,2 +1,2 @@
-export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/PSLLOEMD.js';
-export { createListCollection } from '../../chunk/CTTG4GSG.js';
+export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/VLQWCBZM.js';
+export { createListCollection } from '../../chunk/OAPCRIL5.js';

package/dist/components/combobox/index.jsx

@@ -21,21 +21,22 @@ import {
   useCombobox,
   useComboboxContext,
   useComboboxItemContext
-} from "../../chunk/CCA5XJM6.jsx";
-import "../../chunk/E72NMPSK.jsx";
-import "../../chunk/P7I44WC4.jsx";
-import "../../chunk/RZBYC7DR.jsx";
-import "../../chunk/5ONYCKM3.jsx";
-import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
+} from "../../chunk/MERJALY6.jsx";
+import "../../chunk/UCYPIMZC.jsx";
+import "../../chunk/ZYF7GVNI.jsx";
+import "../../chunk/DOBZPYAN.jsx";
+import "../../chunk/A4744EEE.jsx";
 import {
   createListCollection
-} from "../../chunk/JHG4EID2.jsx";
+} from "../../chunk/MOG4V2NQ.jsx";
+import "../../chunk/NEBB7COJ.jsx";
+import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   combobox_exports as Combobox,

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

@@ -3,10 +3,10 @@ import { InputProps, PresetTriggerProps, TableProps, DayTableCellProps, TableCel
 export { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, DateValue, parse as parseDate } from '@zag-js/date-picker';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, A as Assign } from '../../types-B277wCdv.js';
-import { U as UsePresenceProps } from '../../use-presence-Ct1onT3-.js';
+import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-CxryXVkR.js';
+import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
@@ -23,23 +23,11 @@ interface DatePickerContentProps extends HTMLProps<'div'>, DatePickerContentBase
 }
 declare const DatePickerContent: (props: DatePickerContentProps) => solid_js.JSX.Element;
 
-interface UseDatePickerProps extends Optional<Omit<datePicker$1.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
-    /**
-     * The initial open state of the date picker when it is first rendered.
-     */
-    defaultOpen?: datePicker$1.Context['open'];
-    /**
-     * The initial value of the date picker when it is first rendered.
-     */
-    defaultValue?: datePicker$1.Context['value'];
-    /**
-     * The initial view of the date picker when it is first rendered.
-     */
-    defaultView?: datePicker$1.Context['view'];
+interface UseDatePickerProps extends Optional<Omit<datePicker$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseDatePickerReturn extends Accessor<datePicker$1.Api<PropTypes>> {
 }
-declare const useDatePicker: (props?: UseDatePickerProps) => UseDatePickerReturn;
+declare const useDatePicker: (props?: MaybeAccessor<UseDatePickerProps>) => UseDatePickerReturn;
 
 interface UseDatePickerContext extends UseDatePickerReturn {
 }
@@ -198,7 +186,7 @@ interface DatePickerYearSelectProps extends HTMLProps<'select'>, DatePickerYearS
 }
 declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => solid_js.JSX.Element;
 
-declare const datePickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "input" | "table" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;
+declare const datePickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "input" | "root" | "table" | "view" | "content" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
 
 declare const datePicker_DateValue: typeof DateValue;
 declare const datePicker_FocusChangeDetails: typeof FocusChangeDetails;

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

@@ -1 +1 @@
-export { date_picker_exports as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, datePickerAnatomy, parse as parseDate, useDatePicker, useDatePickerContext } from '../../chunk/5EVN6V64.js';
+export { date_picker_exports as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, datePickerAnatomy, parse as parseDate, useDatePicker, useDatePickerContext } from '../../chunk/LK5627GR.js';

package/dist/components/date-picker/index.jsx

@@ -30,16 +30,16 @@ import {
   parse,
   useDatePicker,
   useDatePickerContext
-} from "../../chunk/WKVZFHUH.jsx";
-import "../../chunk/E72NMPSK.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/CABZW4BQ.jsx";
+import "../../chunk/A4744EEE.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   date_picker_exports as DatePicker,

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

@@ -3,10 +3,10 @@ import { OpenChangeDetails } from '@zag-js/dialog';
 export { OpenChangeDetails as DialogOpenChangeDetails, anatomy as dialogAnatomy } from '@zag-js/dialog';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
-import { U as UsePresenceProps } from '../../use-presence-Ct1onT3-.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
 
@@ -28,16 +28,11 @@ interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {
 }
 declare const DialogContent: (props: DialogContentProps) => solid_js.JSX.Element;
 
-interface UseDialogProps extends Optional<Omit<dialog$1.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
-    /**
-     * The initial open state of the dialog when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: dialog$1.Context['open'];
+interface UseDialogProps extends Optional<Omit<dialog$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseDialogReturn extends Accessor<dialog$1.Api<PropTypes>> {
 }
-declare const useDialog: (props?: UseDialogProps) => UseDialogReturn;
+declare const useDialog: (props?: MaybeAccessor<UseDialogProps>) => UseDialogReturn;
 
 interface UseDialogContext extends UseDialogReturn {
 }

package/dist/components/dialog/index.js

@@ -1 +1 @@
-export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, anatomy as dialogAnatomy, useDialog, useDialogContext } from '../../chunk/6YQ3EF2J.js';
+export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, anatomy as dialogAnatomy, useDialog, useDialogContext } from '../../chunk/ZGXZNLX2.js';

package/dist/components/dialog/index.jsx

@@ -13,16 +13,16 @@ import {
   dialog_exports,
   useDialog,
   useDialogContext
-} from "../../chunk/IZC6PKGT.jsx";
-import "../../chunk/E72NMPSK.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/65SQKHCI.jsx";
+import "../../chunk/A4744EEE.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   dialog_exports as Dialog,

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

@@ -3,9 +3,9 @@ import { ValueChangeDetails } from '@zag-js/editable';
 export { EditChangeDetails as EditableEditChangeDetails, ValueChangeDetails as EditableValueChangeDetails, anatomy as editableAnatomy } from '@zag-js/editable';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
 
 interface EditableAreaBaseProps extends PolymorphicProps<'div'> {
 }
@@ -19,21 +19,11 @@ interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancel
 }
 declare const EditableCancelTrigger: (props: EditableCancelTriggerProps) => solid_js.JSX.Element;
 
-interface UseEditableProps extends Optional<Omit<editable$1.Context, 'dir' | 'getRootNode' | 'edit.controlled'>, 'id'> {
-    /**
-     * The initial edit state of the editable when it is first rendered.
-     * Use when you do not need to control its edit state.
-     */
-    defaultEdit?: editable$1.Context['edit'];
-    /**
-     * The initial value of the editable when it is first rendered.
-     * Use when you do not need to control the state of the editable.
-     */
-    defaultValue?: editable$1.Context['value'];
+interface UseEditableProps extends Optional<Omit<editable$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseEditableReturn extends Accessor<editable$1.Api<PropTypes>> {
 }
-declare const useEditable: (props?: UseEditableProps) => Accessor<editable$1.Api<PropTypes>>;
+declare const useEditable: (props?: MaybeAccessor<UseEditableProps>) => Accessor<editable$1.Api<PropTypes>>;
 
 interface UseEditableContext extends UseEditableReturn {
 }

package/dist/components/editable/index.js

@@ -1 +1 @@
-export { editable_exports as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, anatomy as editableAnatomy, useEditable, useEditableContext } from '../../chunk/MMS6MJ72.js';
+export { editable_exports as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, anatomy as editableAnatomy, useEditable, useEditableContext } from '../../chunk/KFJJXGK6.js';

package/dist/components/editable/index.jsx

@@ -14,16 +14,17 @@ import {
   editable_exports,
   useEditable,
   useEditableContext
-} from "../../chunk/MQDN267C.jsx";
-import "../../chunk/P7I44WC4.jsx";
-import "../../chunk/RZBYC7DR.jsx";
+} from "../../chunk/3VO34CGN.jsx";
+import "../../chunk/UCYPIMZC.jsx";
+import "../../chunk/ZYF7GVNI.jsx";
+import "../../chunk/DOBZPYAN.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   editable_exports as Editable,