@ark-ui/solid 4.8.0 → 4.9.0

package/dist/chunk/{UXJGHMFS.js → 22UQ4DZC.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QODB3C3M.js';

package/dist/chunk/{D4XLNL66.jsx → 2ILK4IFM.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./TY6NCPFG.jsx";
+} from "./MSHQY44G.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -42,8 +42,14 @@ var FileUploadContext = (props) => props.children(useFileUploadContext());
 // src/components/file-upload/file-upload-dropzone.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var FileUploadDropzone = (props) => {
+  const [dropzoneProps, localProps] = createSplitProps()(props, [
+    "disableClick"
+  ]);
   const fileUpload2 = useFileUploadContext();
-  const mergedProps = mergeProps2(() => fileUpload2().getDropzoneProps(), props);
+  const mergedProps = mergeProps2(
+    () => fileUpload2().getDropzoneProps(dropzoneProps),
+    localProps
+  );
   return <ark.div {...mergedProps} />;
 };
 
@@ -113,20 +119,25 @@ var FileUploadItemPreview = (props) => {
 
 // src/components/file-upload/file-upload-item-preview-image.tsx
 import { mergeProps as mergeProps9 } from "@zag-js/solid";
-import { createEffect, createSignal, onCleanup } from "solid-js";
+import { Show, createEffect, createSignal, onCleanup } from "solid-js";
 var FileUploadItemPreviewImage = (props) => {
   const fileUpload2 = useFileUploadContext();
   const itemProps = useFileUploadItemPropsContext();
   const [url, setUrl] = createSignal("");
   createEffect(() => {
-    const cleanup = fileUpload2().createFileUrl(itemProps.file, (url2) => setUrl(url2));
+    const cleanup = fileUpload2().createFileUrl(
+      itemProps.file,
+      (url2) => setUrl(url2)
+    );
     onCleanup(cleanup);
   });
   const mergedProps = mergeProps9(
     () => fileUpload2().getItemPreviewImageProps({ ...itemProps, url: url() }),
     props
   );
-  return <ark.img {...mergedProps} />;
+  return <Show when={url()}>
+			<ark.img {...mergedProps} />
+		</Show>;
 };
 
 // src/components/file-upload/file-upload-item-size-text.tsx

package/dist/chunk/{JTHKX457.js → 2J42A7KM.js}

@@ -1,21 +1,8 @@
+import { composeRefs } from './XN6EERRM.js';
 import { EnvironmentProvider } from './QODB3C3M.js';
 import { createComponent, use, spread, insert, Portal, template } from 'solid-js/web';
 import { splitProps, createMemo, createSignal, createEffect, onCleanup, Show } from 'solid-js';
 
-// src/utils/compose-refs.ts
-var isRefFn = (ref) => typeof ref === "function";
-function setRef(ref, value) {
-  if (isRefFn(ref)) {
-    ref(value);
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      setRef(ref, node);
-    }
-  };
-}
 var FrameContent = (props) => {
   const {
     onMount,

package/dist/chunk/{MARFWGWI.jsx → 2NEVBQW4.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./TY6NCPFG.jsx";
+} from "./MSHQY44G.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{RCK6LCJM.jsx → 34JAVC2R.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./TY6NCPFG.jsx";
+} from "./MSHQY44G.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{35R4VP6U.js → 3V3HI6QW.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
@@ -7,7 +7,7 @@ import { createContext } from './I5UG2QUO.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 { createSignal, createEffect, onCleanup, createUniqueId, createMemo } from 'solid-js';
+import { createSignal, createEffect, onCleanup, Show, createUniqueId, createMemo } from 'solid-js';
 import * as fileUpload from '@zag-js/file-upload';
 export { anatomy } from '@zag-js/file-upload';
 
@@ -27,8 +27,9 @@ var FileUploadClearTrigger = (props) => {
 // src/components/file-upload/file-upload-context.tsx
 var FileUploadContext = (props) => props.children(useFileUploadContext());
 var FileUploadDropzone = (props) => {
+  const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
   const fileUpload2 = useFileUploadContext();
-  const mergedProps = mergeProps(() => fileUpload2().getDropzoneProps(), props);
+  const mergedProps = mergeProps(() => fileUpload2().getDropzoneProps(dropzoneProps), localProps);
   return createComponent(ark.div, mergedProps);
 };
 var FileUploadHiddenInput = (props) => {
@@ -100,7 +101,14 @@ var FileUploadItemPreviewImage = (props) => {
     ...itemProps,
     url: url()
   }), props);
-  return createComponent(ark.img, mergedProps);
+  return createComponent(Show, {
+    get when() {
+      return url();
+    },
+    get children() {
+      return createComponent(ark.img, mergedProps);
+    }
+  });
 };
 var FileUploadItemSizeText = (props) => {
   const fileUpload2 = useFileUploadContext();

package/dist/chunk/{T6IREKKO.js → 7KPVYYFT.js}

@@ -1,5 +1,5 @@
 import { useControllableState } from './BSPFGETO.js';
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QODB3C3M.js';

package/dist/chunk/ANUFR4QW.jsx

@@ -0,0 +1,36 @@
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+
+// src/components/focus-trap/focus-trap.tsx
+import { trapFocus } from "@zag-js/focus-trap";
+import { createEffect, onCleanup } from "solid-js";
+var FocusTrap = (props) => {
+  let localNode;
+  const [trapProps, localProps] = createSplitProps()(props, [
+    "disabled",
+    "onActivate",
+    "onDeactivate",
+    "initialFocus",
+    "fallbackFocus",
+    "returnFocusOnDeactivate",
+    "setReturnFocus"
+  ]);
+  createEffect(() => {
+    if (!localNode || trapProps.disabled) return;
+    const autoFocusNode = localNode.querySelector("[autofocus], [data-autofocus]");
+    trapProps.initialFocus ||= autoFocusNode ?? void 0;
+    onCleanup(trapFocus(localNode, trapProps));
+  });
+  return <ark.div {...localProps} ref={composeRefs((el) => localNode = el, props.ref)} />;
+};
+
+export {
+  FocusTrap
+};

package/dist/chunk/{G7GWGK6F.js → AWO62YTJ.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QODB3C3M.js';

package/dist/chunk/CIPYIXIW.js

@@ -0,0 +1,227 @@
+import { usePresence, usePresenceContext, splitPresenceProps, PresenceProvider } from './LCESUDZB.js';
+import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
+import { createContext } from './I5UG2QUO.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 { Show, createUniqueId, createMemo } from 'solid-js';
+import * as tour from '@zag-js/tour';
+import { anatomy } from '@zag-js/tour';
+
+// src/components/tour/use-tour-context.ts
+var [TourProvider, useTourContext] = createContext({
+  hookName: "useTourContext",
+  providerName: "<TourProvider />"
+});
+
+// src/components/tour/tour-action-trigger.tsx
+var TourActionTrigger = (props) => {
+  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps(() => tour2().getActionTriggerProps(actionTriggerProps), localProps);
+  return createComponent(ark.button, mergeProps$1(mergedProps, {
+    get children() {
+      return mergedProps.children || actionTriggerProps.action.label;
+    }
+  }));
+};
+
+// src/components/tour/tour-actions.tsx
+var TourActions = (props) => {
+  const tour2 = useTourContext();
+  return props.children(() => tour2().step?.actions ?? []);
+};
+var TourArrow = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps(() => tour2().getArrowProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return tour2().step?.arrow;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var TourArrowTip = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps(() => tour2().getArrowTipProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TourBackdrop = (props) => {
+  const tour2 = useTourContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presence = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: tour2().open
+  })));
+  const mergedProps = mergeProps(() => tour2().getBackdropProps(), () => presence().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        get hidden() {
+          return !tour2().step?.backdrop;
+        }
+      }));
+    }
+  });
+};
+var TourCloseTrigger = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps(() => tour2().getCloseTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+var TourContent = (props) => {
+  const tour2 = useTourContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presence = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: tour2().open
+  })));
+  const mergedProps = mergeProps(() => tour2().getContentProps(), () => presence().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+// src/components/tour/tour-context.tsx
+var TourContext = (props) => props.children(useTourContext());
+var tourAnatomy = anatomy.extendWith("control");
+
+// src/components/tour/tour-control.tsx
+var TourControl = (props) => {
+  const mergedProps = mergeProps(() => tourAnatomy.build().control.attrs, props);
+  return createComponent(ark.div, mergedProps);
+};
+var TourDescription = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps(() => tour2().getDescriptionProps(), props);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return mergedProps.children || tour2().step?.description;
+    }
+  }));
+};
+var TourPositioner = (props) => {
+  const tour2 = useTourContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => tour2().getPositionerProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var TourProgressText = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps(() => tour2().getProgressTextProps(), props);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return mergedProps.children || tour2().getProgressText();
+    }
+  }));
+};
+var TourRoot = (props) => {
+  const [presenceProps, rootProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps(presenceProps, () => ({
+    present: rootProps.tour().open
+  })));
+  return createComponent(TourProvider, {
+    get value() {
+      return rootProps.tour;
+    },
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(PresenceProvider, {
+            value: presence,
+            get children() {
+              return rootProps.children;
+            }
+          });
+        }
+      });
+    }
+  });
+};
+var TourSpotlight = (props) => {
+  const tour2 = useTourContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: tour2().open
+  })));
+  const mergedProps = mergeProps(() => tour2().getSpotlightProps(), () => presenceApi().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        get hidden() {
+          return !tour2().open || !tour2().step?.target?.();
+        }
+      }));
+    }
+  });
+};
+var TourTitle = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps(() => tour2().getTitleProps(), props);
+  return createComponent(ark.h2, mergeProps$1(mergedProps, {
+    get children() {
+      return mergedProps.children || tour2().step?.title;
+    }
+  }));
+};
+var useTour = (props = {}) => {
+  const id = createUniqueId();
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(tour.machine(context()), {
+    context
+  });
+  return createMemo(() => tour.connect(state, send, normalizeProps));
+};
+
+// src/components/tour/tour.ts
+var tour_exports = {};
+__export(tour_exports, {
+  ActionTrigger: () => TourActionTrigger,
+  Actions: () => TourActions,
+  Arrow: () => TourArrow,
+  ArrowTip: () => TourArrowTip,
+  Backdrop: () => TourBackdrop,
+  CloseTrigger: () => TourCloseTrigger,
+  Content: () => TourContent,
+  Context: () => TourContext,
+  Control: () => TourControl,
+  Description: () => TourDescription,
+  Positioner: () => TourPositioner,
+  ProgressText: () => TourProgressText,
+  Root: () => TourRoot,
+  Spotlight: () => TourSpotlight,
+  Title: () => TourTitle
+});
+
+export { TourActionTrigger, TourActions, TourArrow, TourArrowTip, TourBackdrop, TourCloseTrigger, TourContent, TourContext, TourControl, TourDescription, TourPositioner, TourProgressText, TourRoot, TourSpotlight, TourTitle, tourAnatomy, tour_exports, useTour, useTourContext };

package/dist/chunk/{6L7HNED6.jsx → CQN5S4C3.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./TY6NCPFG.jsx";
+} from "./MSHQY44G.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/DOBZPYAN.jsx

@@ -0,0 +1,18 @@
+// src/utils/compose-refs.ts
+var isRefFn = (ref) => typeof ref === "function";
+function setRef(ref, value) {
+  if (isRefFn(ref)) {
+    ref(value);
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      setRef(ref, node);
+    }
+  };
+}
+
+export {
+  composeRefs
+};

package/dist/chunk/{MZPPLECL.js → DUDD2T7G.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QODB3C3M.js';

package/dist/chunk/{VIUEKSBO.js → DUYGPLFV.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QODB3C3M.js';

package/dist/chunk/{YCESXPIN.jsx → EHJDQTTW.jsx}

@@ -1,3 +1,6 @@
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   EnvironmentProvider
 } from "./5O4RWSWO.jsx";
@@ -13,21 +16,6 @@ import {
 } from "solid-js";
 import { Portal } from "solid-js/web";
 
-// src/utils/compose-refs.ts
-var isRefFn = (ref) => typeof ref === "function";
-function setRef(ref, value) {
-  if (isRefFn(ref)) {
-    ref(value);
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      setRef(ref, node);
-    }
-  };
-}
-
 // src/components/frame/frame-content.tsx
 import { createEffect, onCleanup } from "solid-js";
 var FrameContent = (props) => {

package/dist/chunk/{VZFG6XYZ.js → FDN5MSFM.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './QODB3C3M.js';

package/dist/chunk/{GVRRR27D.jsx → FS3LMJ37.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./TY6NCPFG.jsx";
+} from "./MSHQY44G.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";