@ark-ui/solid 5.0.0 → 5.1.0

package/dist/chunk/{WPEIDU6T.jsx → Z254KIAA.jsx}

@@ -6,13 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./BPYAMTER.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -115,7 +118,7 @@ import { mergeProps as mergeProps7 } from "@zag-js/solid";
 import * as segmentGroup from "@zag-js/radio-group";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useSegmentGroup = (props = {}) => {
+var useSegmentGroup = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
@@ -123,7 +126,7 @@ var useSegmentGroup = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
   const service = useMachine(segmentGroup.machine, machineProps);
   return createMemo2(() => segmentGroup.connect(service, normalizeProps));

package/dist/chunk/{YS6KIHEB.js → Z2TDX72A.js}

@@ -1,8 +1,9 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
 import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -28,7 +29,7 @@ var AvatarImage = (props) => {
   const mergedProps = mergeProps(() => context().getImageProps(), props);
   return createComponent(ark.img, mergedProps);
 };
-var useAvatar = (props = {}) => {
+var useAvatar = (props) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
@@ -36,7 +37,7 @@ var useAvatar = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
   const service = useMachine(avatar.machine, machineProps);
   return createMemo(() => avatar.connect(service, normalizeProps));

package/dist/chunk/{O62NKGT4.js → ZGXZNLX2.js}

@@ -1,10 +1,11 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './WRLQ7Y6E.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './OY4ARTMM.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
 import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -74,7 +75,7 @@ var DialogPositioner = (props) => {
     }
   });
 };
-var useDialog = (props = {}) => {
+var useDialog = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
@@ -82,7 +83,7 @@ var useDialog = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
   const service = useMachine(dialog.machine, machineProps);
   return createMemo(() => dialog.connect(service, normalizeProps));

package/dist/chunk/{R6RE56DG.jsx → ZJM2GZS7.jsx}

@@ -1,6 +1,9 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 
 // src/components/highlight/highlight.tsx
 import { For, Show } from "solid-js";
@@ -9,7 +12,7 @@ import { For, Show } from "solid-js";
 import { highlightWord } from "@zag-js/highlight-word";
 import { createMemo } from "solid-js";
 var useHighlight = (props) => {
-  return createMemo(() => highlightWord(props));
+  return createMemo(() => highlightWord(runIfFn(props)));
 };
 
 // src/components/highlight/highlight.tsx

package/dist/chunk/{A4HLKXDW.js → ZOGAU3AQ.js}

@@ -1,8 +1,9 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
 import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -39,7 +40,7 @@ var QrCodePattern = (props) => {
   const mergedProps = mergeProps(() => qrCode2().getPatternProps(), props);
   return createComponent(ark.path, mergedProps);
 };
-var useQrCode = (props = {}) => {
+var useQrCode = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
@@ -47,7 +48,7 @@ var useQrCode = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
   const service = useMachine(qrCode.machine, machineProps);
   return createMemo(() => qrCode.connect(service, normalizeProps));

package/dist/chunk/{USV2CYTP.jsx → ZPSBF7S2.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./XHA6B6L2.jsx";
+} from "./UCYPIMZC.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./BPYAMTER.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -70,7 +73,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as pinInput from "@zag-js/pin-input";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var usePinInput = (props = {}) => {
+var usePinInput = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
@@ -87,7 +90,7 @@ var usePinInput = (props = {}) => {
     invalid: field?.().invalid,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
   const service = useMachine(pinInput.machine, machineProps);
   return createMemo(() => pinInput.connect(service, normalizeProps));

package/dist/chunk/{SBLZHOW2.jsx → ZYF7GVNI.jsx}

@@ -7,6 +7,9 @@ import {
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -49,11 +52,11 @@ var FieldsetLegend = (props) => {
 };
 
 // src/components/fieldset/fieldset-root.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 
 // src/components/fieldset/use-fieldset.ts
 import { getWindow } from "@zag-js/dom-query";
-import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import { createEffect, createMemo, createSignal, createUniqueId, mergeProps as mergeProps4, onCleanup } from "solid-js";
 
 // src/components/fieldset/fieldset.anatomy.ts
 import { createAnatomy } from "@zag-js/anatomy";
@@ -62,9 +65,9 @@ var parts = fieldsetAnatomy.build();
 
 // src/components/fieldset/use-fieldset.ts
 var useFieldset = (props) => {
-  const { disabled = false, invalid = false } = props;
+  const mergedProps = mergeProps4({ disabled: false, invalid: false }, runIfFn(props));
   let rootRef;
-  const id = props.id ?? createUniqueId();
+  const id = mergedProps.id ?? createUniqueId();
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
   const [hasErrorText, setHasErrorText] = createSignal(false);
@@ -84,19 +87,19 @@ var useFieldset = (props) => {
     onCleanup(() => observer.disconnect());
   });
   const labelIds = [];
-  if (hasErrorText() && invalid) labelIds.push(errorTextId);
+  if (hasErrorText() && mergedProps.invalid) labelIds.push(errorTextId);
   if (hasHelperText()) labelIds.push(helperTextId);
   const getRootProps = () => ({
     ...parts.root.attrs,
-    disabled,
-    "data-disabled": dataAttr(disabled),
-    "data-invalid": dataAttr(invalid),
+    disabled: mergedProps.disabled,
+    "data-disabled": dataAttr(mergedProps.disabled),
+    "data-invalid": dataAttr(mergedProps.invalid),
     "aria-describedby": labelIds.join(" ") || void 0
   });
   const getLegendProps = () => ({
     ...parts.legend.attrs,
-    "data-disabled": dataAttr(disabled),
-    "data-invalid": dataAttr(invalid)
+    "data-disabled": dataAttr(mergedProps.disabled),
+    "data-invalid": dataAttr(mergedProps.invalid)
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
@@ -111,8 +114,8 @@ var useFieldset = (props) => {
     refs: {
       rootRef
     },
-    disabled,
-    invalid,
+    disabled: mergedProps.disabled,
+    invalid: mergedProps.invalid,
     getRootProps,
     getLegendProps,
     getHelperTextProps,
@@ -125,7 +128,7 @@ var dataAttr = (condition) => condition ? "" : void 0;
 var FieldsetRoot = (props) => {
   const [useFieldsetProps, localProps] = createSplitProps()(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset(useFieldsetProps);
-  const mergedProps = mergeProps4(() => fieldset().getRootProps(), localProps);
+  const mergedProps = mergeProps5(() => fieldset().getRootProps(), localProps);
   return <FieldsetProvider value={fieldset}>
       <ark.fieldset {...mergedProps} />
     </FieldsetProvider>;
@@ -133,10 +136,10 @@ var FieldsetRoot = (props) => {
 FieldsetRoot.displayName = "FieldsetRoot";
 
 // src/components/fieldset/fieldset-root-provider.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var FieldsetRootProvider = (props) => {
   const [{ value: fieldset }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps5(() => fieldset().getRootProps(), localProps);
+  const mergedProps = mergeProps6(() => fieldset().getRootProps(), localProps);
   return <FieldsetProvider value={fieldset}>
       <ark.fieldset {...mergedProps} />
     </FieldsetProvider>;

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

@@ -4,7 +4,7 @@ export { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails a
 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 { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
 
@@ -12,7 +12,7 @@ interface UseAccordionProps extends Optional<Omit<accordion$1.Props, 'dir' | 'ge
 }
 interface UseAccordionReturn extends Accessor<accordion$1.Api<PropTypes>> {
 }
-declare const useAccordion: (props?: UseAccordionProps) => UseAccordionReturn;
+declare const useAccordion: (props?: MaybeAccessor<UseAccordionProps>) => UseAccordionReturn;
 
 interface UseAccordionContext extends UseAccordionReturn {
 }

package/dist/components/accordion/index.js

@@ -1 +1 @@
-export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/DVI7TRLG.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/QTSWXPKO.js';

package/dist/components/accordion/index.jsx

@@ -12,15 +12,16 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/YE6V66JY.jsx";
-import "../../chunk/H5QZC4VW.jsx";
+} from "../../chunk/CSDXHOTM.jsx";
+import "../../chunk/WNIFZKTJ.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/RCXMZN3G.jsx";
 import "../../chunk/TVCIHLER.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   accordion_exports as Accordion,

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

@@ -4,14 +4,14 @@ export { StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnat
 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 { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 
 interface UseAvatarProps extends Optional<Omit<avatar$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseAvatarReturn extends Accessor<avatar$1.Api<PropTypes>> {
 }
-declare const useAvatar: (props?: UseAvatarProps) => UseAvatarReturn;
+declare const useAvatar: (props?: MaybeAccessor<UseAvatarProps>) => UseAvatarReturn;
 
 interface UseAvatarContext extends UseAvatarReturn {
 }

package/dist/components/avatar/index.js

@@ -1 +1 @@
-export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/YS6KIHEB.js';
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/Z2TDX72A.js';

package/dist/components/avatar/index.jsx

@@ -8,13 +8,14 @@ import {
   avatar_exports,
   useAvatar,
   useAvatarContext
-} from "../../chunk/H7SWP54F.jsx";
+} from "../../chunk/MA35L6TV.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/RCXMZN3G.jsx";
 import "../../chunk/TVCIHLER.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   avatar_exports as Avatar,

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

@@ -5,7 +5,7 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-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 CarouselAutoplayTriggerBaseProps extends PolymorphicProps<'button'> {
 }
@@ -17,7 +17,7 @@ interface UseCarouselProps extends Optional<Omit<carousel$1.Props, 'dir' | 'getR
 }
 interface UseCarouselReturn extends Accessor<carousel$1.Api<PropTypes>> {
 }
-declare const useCarousel: (props: UseCarouselProps) => UseCarouselReturn;
+declare const useCarousel: (props: MaybeAccessor<UseCarouselProps>) => UseCarouselReturn;
 
 interface UseCarouselContext extends UseCarouselReturn {
 }

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/NNZQ2FQW.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,13 +14,14 @@ import {
   carousel_exports,
   useCarousel,
   useCarouselContext
-} from "../../chunk/676ULDTZ.jsx";
+} from "../../chunk/CHLRHJV2.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/RCXMZN3G.jsx";
 import "../../chunk/TVCIHLER.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   carousel_exports as Carousel,

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

@@ -4,7 +4,7 @@ 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 { 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';
 
@@ -12,7 +12,7 @@ interface UseCheckboxProps extends Optional<Omit<checkbox$1.Props, 'dir' | 'getR
 }
 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 {
 }

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/WT3OTYHP.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,16 +13,17 @@ import {
   useCheckboxContext,
   useCheckboxGroup,
   useCheckboxGroupContext
-} from "../../chunk/4D76BVTD.jsx";
-import "../../chunk/XHA6B6L2.jsx";
-import "../../chunk/SBLZHOW2.jsx";
+} from "../../chunk/V564AMKR.jsx";
+import "../../chunk/UCYPIMZC.jsx";
+import "../../chunk/ZYF7GVNI.jsx";
 import "../../chunk/DOBZPYAN.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/RCXMZN3G.jsx";
 import "../../chunk/TVCIHLER.jsx";
+import "../../chunk/KGOB2IMX.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 { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 
 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/UIAQFG6P.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,13 +12,14 @@ import {
   clipboard_exports,
   useClipboard,
   useClipboardContext
-} from "../../chunk/PES3MXH3.jsx";
+} from "../../chunk/5T73FAJY.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/RCXMZN3G.jsx";
 import "../../chunk/TVCIHLER.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   clipboard_exports as Clipboard,

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

@@ -5,7 +5,7 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-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'> {
@@ -23,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/PL4PGQFF.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,14 +8,15 @@ import {
   collapsible_exports,
   useCollapsible,
   useCollapsibleContext
-} from "../../chunk/H5QZC4VW.jsx";
+} from "../../chunk/WNIFZKTJ.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/RCXMZN3G.jsx";
 import "../../chunk/TVCIHLER.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   collapsible_exports as Collapsible,

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

@@ -5,8 +5,8 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-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-C07V_WCb.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';
@@ -75,7 +75,7 @@ interface UseColorPickerProps extends Optional<Omit<colorPicker$1.Props, 'dir' |
 }
 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 {
 }

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/LFWIA7VB.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/RG3IJESS.jsx";
-import "../../chunk/XHA6B6L2.jsx";
-import "../../chunk/SBLZHOW2.jsx";
+} from "../../chunk/72UBZBQP.jsx";
+import "../../chunk/UCYPIMZC.jsx";
+import "../../chunk/ZYF7GVNI.jsx";
 import "../../chunk/DOBZPYAN.jsx";
-import "../../chunk/2FYSIKNK.jsx";
+import "../../chunk/A4744EEE.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/RCXMZN3G.jsx";
 import "../../chunk/TVCIHLER.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   color_picker_exports as ColorPicker,

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

@@ -5,11 +5,11 @@ export { createListCollection } from '../collection.js';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
-import { C as CollectionItem, O as Optional } from '../../types-B277wCdv.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-C07V_WCb.js';
+import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
 
@@ -33,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/QKFZ3XTM.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';