@ark-ui/solid 5.3.1 → 5.5.0

package/dist/chunk/{NQLZI36R.jsx → 2ZIPSG6O.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{OPRWSVMJ.jsx → 3GZBI3C7.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{JDKXSGP6.jsx → 3RSBQIQ3.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{5KEAUWCK.jsx → 4HPQVVRP.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldsetContext
-} from "./NLXZ3NC4.jsx";
+} from "./ZYF7GVNI.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -246,27 +246,22 @@ var FieldSelect = (props) => {
 // src/components/field/field-textarea.tsx
 import { autoresizeTextarea } from "@zag-js/auto-resize";
 import { mergeProps as mergeProps10 } from "@zag-js/solid";
-import { createEffect } from "solid-js";
+import { onCleanup as onCleanup2, onMount as onMount2, splitProps } from "solid-js";
 var FieldTextarea = (props) => {
   const field = useFieldContext();
   let textareaRef;
-  const { autoresize, ...textareaProps } = props;
+  const [autoresizeProps, textareaProps] = splitProps(props, ["autoresize"]);
   const mergedProps = mergeProps10(
     () => field?.().getTextareaProps(),
-    () => ({ style: { resize: autoresize ? "none" : void 0 } }),
+    () => ({ style: { resize: autoresizeProps.autoresize ? "none" : void 0 } }),
     textareaProps
   );
-  createEffect(() => {
-    if (!autoresize) return;
+  onMount2(() => {
+    if (!autoresizeProps.autoresize) return;
     const cleanup = autoresizeTextarea(textareaRef);
-    return cleanup;
+    onCleanup2(() => cleanup?.());
   });
-  return <ark.textarea
-    {...mergedProps}
-    ref={(el) => {
-      textareaRef = el;
-    }}
-  />;
+  return <ark.textarea {...mergedProps} ref={composeRefs((el) => textareaRef = el, props.ref)} />;
 };
 
 // src/components/field/field.ts

package/dist/chunk/{TDJM3IRG.jsx → 5EV3OVL7.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{WXY3QNZF.js → 5FWNSCWP.js}

@@ -1,15 +1,15 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JSBTYBVG.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { createEffect, onMount, createUniqueId, createMemo, Show } from 'solid-js';
+import { createEffect, onMount, createUniqueId, createMemo, Show, onCleanup } from 'solid-js';
 import * as menu from '@zag-js/menu';
 export { anatomy } from '@zag-js/menu';
 
@@ -97,10 +97,17 @@ var MenuIndicator = (props) => {
   return createComponent(ark.div, mergedProps);
 };
 var MenuItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["closeOnSelect", "disabled", "value", "valueText"]);
+  const [itemProps, localProps] = createSplitProps()(props, ["closeOnSelect", "disabled", "value", "valueText", "onSelect"]);
   const context = useMenuContext();
   const mergedProps = mergeProps(() => context().getItemProps(itemProps), localProps);
   const itemState = createMemo(() => context().getItemState(itemProps));
+  createEffect(() => {
+    const cleanup = context().addItemListener({
+      id: itemState().id,
+      onSelect: itemProps.onSelect
+    });
+    onCleanup(() => cleanup?.());
+  });
   return createComponent(MenuItemProvider, {
     value: itemState,
     get children() {

package/dist/chunk/{356AM4NT.jsx → 5T73FAJY.jsx}

@@ -6,13 +6,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{T7DC3WIE.js → 5X7KNFCM.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './CIIDKCDP.js';
+import { useFieldContext } from './UL6NTZA6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

package/dist/chunk/{LYAU75M2.jsx → 64OEA2DF.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./5KEAUWCK.jsx";
+} from "./4HPQVVRP.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{XF64K6LQ.js → 6NYYJAMS.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './CIIDKCDP.js';
+import { useFieldContext } from './UL6NTZA6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

package/dist/chunk/{YGOJI6HV.js → 6VPRFZA4.js}

@@ -1,9 +1,9 @@
-import { collapsible_exports } from './DW4NU34Z.js';
+import { collapsible_exports } from './OE7Y5R5I.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

package/dist/chunk/{JSBTYBVG.js → 7S3N5UQH.js}

@@ -10,9 +10,16 @@ import { createSignal, createMemo, createEffect, Show } from 'solid-js';
 import * as presence from '@zag-js/presence';
 
 // src/components/presence/split-presence-props.ts
-var splitPresenceProps = (props) => createSplitProps()(props, ["immediate", "lazyMount", "onExitComplete", "present", "unmountOnExit"]);
+var splitPresenceProps = (props) => createSplitProps()(props, [
+  "immediate",
+  "lazyMount",
+  "onExitComplete",
+  "present",
+  "skipAnimationOnMount",
+  "unmountOnExit"
+]);
 var usePresence = (props) => {
-  const [renderStrategyProps, context] = splitRenderStrategyProps(runIfFn(props));
+  const [renderStrategyProps, localProps] = splitRenderStrategyProps(runIfFn(props));
   const [wasEverPresent, setWasEverPresent] = createSignal(false);
   const service = useMachine(presence.machine, props);
   const api = createMemo(() => presence.connect(service, normalizeProps));
@@ -26,7 +33,7 @@ var usePresence = (props) => {
     ref: api().setNode,
     presenceProps: {
       hidden: !api().present,
-      "data-state": context.present ? "open" : "closed"
+      "data-state": api().skip && localProps.skipAnimationOnMount ? void 0 : localProps.present ? "open" : "closed"
     }
   }));
 };

package/dist/chunk/{QYAKJNEK.jsx → A3VC6L75.jsx}

@@ -3,7 +3,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./HD73LMEZ.jsx";
+} from "./D2Z5BEON.jsx";
 
 // src/components/download-trigger/download-trigger.tsx
 import { downloadFile } from "@zag-js/file-utils";

package/dist/chunk/{JZ7ZQZT4.jsx → A6A626ZB.jsx}

@@ -31,17 +31,14 @@ var ToggleContext = (props) => props.children(useToggleContext());
 
 // src/components/toggle/toggle-indicator.tsx
 import { mergeProps } from "@zag-js/solid";
-import { Show } from "solid-js";
+import { Show, splitProps } from "solid-js";
 var ToggleIndicator = (props) => {
-  const { children, fallback, ...restProps } = props;
+  const [baseProps, restProps] = splitProps(props, ["children", "fallback"]);
   const toggle2 = useToggleContext();
   const mergedProps = mergeProps(() => toggle2().getIndicatorProps(), restProps);
   return <ark.div {...mergedProps}>
-      {
-    /* @ts-ignore */
-  }
-      <Show when={toggle2().pressed} fallback={fallback}>
-        {children}
+      <Show when={toggle2().pressed} fallback={baseProps.fallback}>
+        {baseProps.children}
       </Show>
     </ark.div>;
 };

package/dist/chunk/{ZVGO7HAT.jsx → ASFHFF7Y.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PHH4JVAQ.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -18,18 +18,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{DXGRBGHM.jsx → BWOFNO5N.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./5KEAUWCK.jsx";
+} from "./4HPQVVRP.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{KMH2DP4D.jsx → BZLIWOGC.jsx}

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./YXY2VFNT.jsx";
+} from "./FUGFSIYK.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{2FDSOAL6.jsx → CLX4TELO.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PHH4JVAQ.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{LJ6EHJR3.jsx → CMXNP72H.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./5KEAUWCK.jsx";
+} from "./4HPQVVRP.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{QVLKI3LC.jsx → D4UVDNW5.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{V5BZ3V7L.jsx → ENH3JQLY.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{YQSWID53.jsx → EX2VGSCG.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./5KEAUWCK.jsx";
+} from "./4HPQVVRP.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{JBBHDVFZ.jsx → FHEJON2W.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{U67NSVQP.js → FPYZVUFW.js}

@@ -1,9 +1,9 @@
-import { useCollapsibleContext, collapsible_exports } from './DW4NU34Z.js';
+import { useCollapsibleContext, collapsible_exports } from './OE7Y5R5I.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

package/dist/chunk/{YXY2VFNT.jsx → FUGFSIYK.jsx}

@@ -7,18 +7,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{MBJCX2DE.js → FVIF7LDE.js}

@@ -1,8 +1,8 @@
-import { useFieldContext } from './CIIDKCDP.js';
+import { useFieldContext } from './UL6NTZA6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

package/dist/chunk/{7QS2CMYY.js → GA7FOJZW.js}

@@ -1,10 +1,10 @@
-import { useFieldContext } from './CIIDKCDP.js';
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { useFieldContext } from './UL6NTZA6.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';