@ark-ui/solid 5.1.0 → 5.2.0

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

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PHH4JVAQ.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -12,16 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./D2Z5BEON.jsx";
+} from "./HD73LMEZ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -62,7 +65,7 @@ var HoverCardContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{FUS6GOJL.jsx → 2ZNYOQIC.jsx}

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

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

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

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

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

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

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PHH4JVAQ.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -12,16 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./D2Z5BEON.jsx";
+} from "./HD73LMEZ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -62,7 +65,7 @@ var TooltipContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{Y7EY3OTU.jsx → 53HPEI6C.jsx}

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PHH4JVAQ.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -17,16 +20,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./D2Z5BEON.jsx";
+} from "./HD73LMEZ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -86,7 +89,7 @@ var TourBackdrop = (props) => {
     props
   );
   return <Show2 when={!presence().unmounted}>
-      <ark.div {...mergedProps} hidden={!tour2().step?.backdrop} />
+      <ark.div {...mergedProps} hidden={!tour2().step?.backdrop} ref={composeRefs(presence().ref, props.ref)} />
     </Show2>;
 };
 
@@ -111,7 +114,7 @@ var TourContent = (props) => {
     props
   );
   return <Show3 when={!presence().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
     </Show3>;
 };
 
@@ -185,7 +188,11 @@ var TourSpotlight = (props) => {
     props
   );
   return <Show5 when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} hidden={!tour2().open || !tour2().step?.target?.()} />
+      <ark.div
+    {...mergedProps}
+    hidden={!tour2().open || !tour2().step?.target?.()}
+    ref={composeRefs(presenceApi().ref, props.ref)}
+  />
     </Show5>;
 };
 

package/dist/chunk/{KFJJXGK6.js → 5GDLVWNX.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './KVVYU5Z3.js';
+import { useFieldContext } from './CIIDKCDP.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';

package/dist/chunk/{UCYPIMZC.jsx → 5KEAUWCK.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldsetContext
-} from "./ZYF7GVNI.jsx";
+} from "./NLXZ3NC4.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -293,6 +293,7 @@ export {
   FieldLabel,
   FieldRequiredIndicator,
   fieldAnatomy,
+  useField,
   FieldRoot,
   FieldRootProvider,
   FieldSelect,

package/dist/chunk/{ZGXZNLX2.js → 5N6RITOU.js}

@@ -1,4 +1,5 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './OY4ARTMM.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -7,7 +8,7 @@ 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 { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { Show, createUniqueId, createMemo } from 'solid-js';
 import * as dialog from '@zag-js/dialog';
@@ -32,7 +33,12 @@ var DialogBackdrop = (props) => {
       return !presenceApi().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };
@@ -50,7 +56,12 @@ var DialogContent = (props) => {
       return !presenceApi().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

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

@@ -1,5 +1,6 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './OY4ARTMM.js';
-import { useFieldContext } from './KVVYU5Z3.js';
+import { useFieldContext } from './CIIDKCDP.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';
@@ -34,7 +35,12 @@ var SelectContent = (props) => {
       return !presenceApi().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/{72UBZBQP.jsx → 7XUWO7NR.jsx}

@@ -1,12 +1,15 @@
-import {
-  useFieldContext
-} from "./UCYPIMZC.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PHH4JVAQ.jsx";
+import {
+  useFieldContext
+} from "./5KEAUWCK.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -15,16 +18,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./D2Z5BEON.jsx";
+} from "./HD73LMEZ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -167,7 +170,7 @@ var ColorPickerContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{IYMTFLF3.jsx → BJVPZDAL.jsx}

@@ -1,12 +1,15 @@
-import {
-  useFieldContext
-} from "./UCYPIMZC.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PHH4JVAQ.jsx";
+import {
+  useFieldContext
+} from "./5KEAUWCK.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -15,16 +18,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./D2Z5BEON.jsx";
+} from "./HD73LMEZ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -57,7 +60,7 @@ var SelectContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{LK5627GR.js → BPPSBY3Z.js}

@@ -1,4 +1,5 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './OY4ARTMM.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';
@@ -34,7 +35,12 @@ var DatePickerContent = (props) => {
       return !presenceApi().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/BUX3MXSX.js

@@ -0,0 +1,40 @@
+import { ark } from './EPLBB4QN.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
+import { createComponent, mergeProps } from 'solid-js/web';
+import { downloadFile } from '@zag-js/file-utils';
+import { splitProps } from 'solid-js';
+
+function DownloadTrigger(props) {
+  const [downloadProps, restProps] = splitProps(props, ["fileName", "data", "mimeType", "onClick"]);
+  const env = useEnvironmentContext();
+  const download = (data) => {
+    downloadFile({
+      file: data,
+      name: downloadProps.fileName,
+      type: downloadProps.mimeType,
+      win: env().getWindow()
+    });
+  };
+  const handleClick = (e) => {
+    if (typeof downloadProps.onClick === "function") {
+      downloadProps.onClick(e);
+    }
+    if (e.defaultPrevented) return;
+    if (typeof downloadProps.data === "function") {
+      const maybePromise = downloadProps.data();
+      if (maybePromise instanceof Promise) {
+        maybePromise.then((data) => download(data));
+      } else {
+        download(maybePromise);
+      }
+    } else {
+      download(downloadProps.data);
+    }
+  };
+  return createComponent(ark.button, mergeProps(restProps, {
+    type: "button",
+    onClick: handleClick
+  }));
+}
+
+export { DownloadTrigger };

package/dist/chunk/{KVVYU5Z3.js → CIIDKCDP.js}

@@ -265,4 +265,4 @@ __export(field_exports, {
   Textarea: () => FieldTextarea
 });
 
-export { FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, field_exports, useFieldContext };
+export { FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, field_exports, useField, useFieldContext };

package/dist/chunk/{WNIFZKTJ.jsx → DQKYYDJY.jsx}

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

package/dist/chunk/{3FYZXSQZ.jsx → DQTWKOSF.jsx}

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PHH4JVAQ.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -12,16 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./D2Z5BEON.jsx";
+} from "./HD73LMEZ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -78,7 +81,7 @@ var PopoverContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{MDJAL2LV.jsx → DVSH7A7L.jsx}

@@ -6,16 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./D2Z5BEON.jsx";
+} from "./HD73LMEZ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -32,7 +32,7 @@ var SplitterContext = (props) => props.children(useSplitterContext());
 // src/components/splitter/splitter-panel.tsx
 import { mergeProps } from "@zag-js/solid";
 var SplitterPanel = (props) => {
-  const [panelProps, restProps] = createSplitProps()(props, ["id", "snapSize"]);
+  const [panelProps, restProps] = createSplitProps()(props, ["id"]);
   const api = useSplitterContext();
   const mergedProps = mergeProps(() => api().getPanelProps(panelProps), restProps);
   return <ark.div {...mergedProps} />;
@@ -41,7 +41,7 @@ var SplitterPanel = (props) => {
 // src/components/splitter/splitter-resize-trigger.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var SplitterResizeTrigger = (props) => {
-  const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id", "step"]);
+  const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id"]);
   const api = useSplitterContext();
   const mergedProps = mergeProps2(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
   return <ark.button {...mergedProps} />;
@@ -74,9 +74,15 @@ var SplitterRoot = (props) => {
     "defaultSize",
     "id",
     "ids",
-    "onSizeChange",
-    "onSizeChangeEnd",
+    "keyboardResizeBy",
+    "nonce",
+    "onCollapse",
+    "onExpand",
+    "onResize",
+    "onResizeEnd",
+    "onResizeStart",
     "orientation",
+    "panels",
     "size"
   ]);
   const api = useSplitter(useSplitterProps);

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

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

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

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

package/dist/chunk/{4QFED3VE.js → FMI5WHH2.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './KVVYU5Z3.js';
+import { useFieldContext } from './CIIDKCDP.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';

package/dist/chunk/{TRUQMF25.js → FZIYLDQP.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './KVVYU5Z3.js';
+import { useFieldContext } from './CIIDKCDP.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';