@ark-ui/solid 5.3.1 → 5.4.0

package/dist/chunk/{DVSH7A7L.jsx → 2H2BP2D4.jsx}

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

package/dist/chunk/{XF64K6LQ.js → 2HLGNCOQ.js}

@@ -1,4 +1,4 @@
-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';

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/{FEUZDHU2.jsx → 4QD4ZSJK.jsx}

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

package/dist/chunk/{UN6AEOOQ.jsx → 5EMVTPVL.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PHH4JVAQ.jsx";
+} from "./PSNFSH4B.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -15,16 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -130,17 +130,22 @@ var MenuIndicator = (props) => {
 
 // src/components/menu/menu-item.tsx
 import { mergeProps as mergeProps7 } from "@zag-js/solid";
-import { createMemo as createMemo2 } from "solid-js";
+import { createEffect, createMemo as createMemo2, onCleanup } from "solid-js";
 var MenuItem = (props) => {
   const [itemProps, localProps] = createSplitProps()(props, [
     "closeOnSelect",
     "disabled",
     "value",
-    "valueText"
+    "valueText",
+    "onSelect"
   ]);
   const context = useMenuContext();
   const mergedProps = mergeProps7(() => context().getItemProps(itemProps), localProps);
   const itemState = createMemo2(() => context().getItemState(itemProps));
+  createEffect(() => {
+    const cleanup = context().addItemListener({ id: itemState().id, onSelect: itemProps.onSelect });
+    onCleanup(() => cleanup?.());
+  });
   return <MenuItemProvider value={itemState}>
       <ark.div {...mergedProps} />
     </MenuItemProvider>;
@@ -339,13 +344,13 @@ var MenuRoot = (props) => {
 
 // src/components/menu/menu-root-provider.tsx
 import { mergeProps as mergeProps16 } from "@zag-js/solid";
-import { createEffect } from "solid-js";
+import { createEffect as createEffect2 } from "solid-js";
 var MenuRootProvider = (props) => {
   const parentApi = useMenuContext();
   const parentMachine = useMenuMachineContext();
   const [presenceProps, menuProps] = splitPresenceProps(props);
   const presenceApi = usePresence(mergeProps16(presenceProps, () => ({ present: menuProps.value.api().open })));
-  createEffect(() => {
+  createEffect2(() => {
     if (!parentMachine) return;
     parentApi?.().setChild(menuProps.value.service);
     menuProps.value.api().setParent(parentMachine);

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/{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/{JDKXSGP6.jsx → AD2EIGNX.jsx}

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

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

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

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

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

package/dist/chunk/{XQTUHUMS.jsx → BFPOA7P4.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./4HPQVVRP.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PHH4JVAQ.jsx";
-import {
-  useFieldContext
-} from "./5KEAUWCK.jsx";
+} from "./PSNFSH4B.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -18,16 +18,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{RIHGRA4D.js → BT2NIRPC.js}

@@ -1,4 +1,4 @@
-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';

package/dist/chunk/{T7DC3WIE.js → C5HFE3OV.js}

@@ -1,4 +1,4 @@
-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';

package/dist/chunk/{WXY3QNZF.js → CCJXFSD4.js}

@@ -9,7 +9,7 @@ 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/{JBBHDVFZ.jsx → CHLRHJV2.jsx}

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

package/dist/chunk/{GP7PBPSV.js → CSQ4G2ZR.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './CIIDKCDP.js';
+import { useFieldContext } from './UL6NTZA6.js';
 import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

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

@@ -1,4 +1,4 @@
-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';

package/dist/chunk/{ORM2J7MT.jsx → DV4N466N.jsx}

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

package/dist/chunk/{4GAEMXVU.jsx → E3OI2TND.jsx}

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

package/dist/chunk/{BLTYQMQJ.jsx → EDWTEZRE.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./4HPQVVRP.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PHH4JVAQ.jsx";
-import {
-  useFieldContext
-} from "./5KEAUWCK.jsx";
+} from "./PSNFSH4B.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -18,16 +18,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./HD73LMEZ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{TDJM3IRG.jsx → EEG3DZXG.jsx}

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

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

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

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

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

package/dist/chunk/{FMI5WHH2.js → IXXDQXSI.js}

@@ -1,4 +1,4 @@
-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';

package/dist/chunk/{4G65Z7EU.jsx → JN5MJP56.jsx}

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

package/dist/chunk/{R6OIHEOD.jsx → JRMTU7C7.jsx}

@@ -3,7 +3,7 @@ import {
 } from "./DOBZPYAN.jsx";
 import {
   EnvironmentProvider
-} from "./HD73LMEZ.jsx";
+} from "./D2Z5BEON.jsx";
 
 // src/components/frame/frame.tsx
 import { Show, createEffect as createEffect2, createMemo, createSignal, onCleanup as onCleanup2, splitProps } from "solid-js";

package/dist/chunk/{SDD2HKR3.js → LUMJHQNS.js}

@@ -4,7 +4,7 @@ import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1, template, spread } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { Show, createMemo } from 'solid-js';
+import { splitProps, Show, createMemo } from 'solid-js';
 import * as toggle from '@zag-js/toggle';
 import { createAnatomy } from '@zag-js/anatomy';
 
@@ -26,11 +26,7 @@ var [ToggleProvider, useToggleContext] = createContext({
 // src/components/toggle/toggle-context.tsx
 var ToggleContext = (props) => props.children(useToggleContext());
 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 createComponent(ark.div, mergeProps$1(mergedProps, {
@@ -39,8 +35,12 @@ var ToggleIndicator = (props) => {
         get when() {
           return toggle2().pressed;
         },
-        fallback,
-        children
+        get fallback() {
+          return baseProps.fallback;
+        },
+        get children() {
+          return baseProps.children;
+        }
       });
     }
   }));