@ark-ui/solid 5.1.1 → 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/{MKI4DBPU.jsx → 2ZNYOQIC.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./JC46XP74.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/{WIVJD73Q.jsx → 4G65Z7EU.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./JC46XP74.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/{JC46XP74.jsx → 5KEAUWCK.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldsetContext
-} from "./ZYF7GVNI.jsx";
+} from "./NLXZ3NC4.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

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/{MOQT5762.js → 7QS2CMYY.js}

@@ -1,5 +1,6 @@
 import { useFieldContext } from './CIIDKCDP.js';
-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 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/{DJ375Z4C.jsx → 7XUWO7NR.jsx}

@@ -1,12 +1,15 @@
-import {
-  useFieldContext
-} from "./JC46XP74.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/{LJAETAOB.jsx → BJVPZDAL.jsx}

@@ -1,12 +1,15 @@
-import {
-  useFieldContext
-} from "./JC46XP74.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/{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/{BOR2APHS.jsx → DXGRBGHM.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./JC46XP74.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/{DU2LAUIJ.jsx → FEUZDHU2.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./JC46XP74.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/{GLMPR4B7.js → GP7PBPSV.js}

@@ -1,5 +1,6 @@
 import { useFieldContext } from './CIIDKCDP.js';
-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 ComboboxContent = (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/{S6TQNQE6.js → HRBMLTL6.js}

@@ -1,5 +1,6 @@
 import { useFieldContext } from './CIIDKCDP.js';
-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';
@@ -126,7 +127,12 @@ var ColorPickerContent = (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$);
+        }
+      }));
     }
   });
 };