@ark-ui/solid 4.7.0 → 4.9.0

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

@@ -1,8 +1,8 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.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';

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/{LMMNUVZG.jsx → F3QPTRGW.jsx}

@@ -10,12 +10,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -313,6 +313,7 @@ var MenuRoot = (props) => {
     "onPointerDownOutside",
     "onSelect",
     "open",
+    "navigate",
     "positioning",
     "typeahead"
   ]);

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

@@ -1,8 +1,8 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.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';

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

@@ -1,18 +1,18 @@
 import {
   useFieldContext
-} from "./TY6NCPFG.jsx";
+} from "./MSHQY44G.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";

package/dist/chunk/FVMQXW27.jsx

@@ -0,0 +1,265 @@
+import {
+  PresenceProvider,
+  splitPresenceProps,
+  usePresence,
+  usePresenceContext
+} from "./E72NMPSK.jsx";
+import {
+  RenderStrategyProvider,
+  splitRenderStrategyProps,
+  useRenderStrategyContext
+} from "./5ONYCKM3.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/tour/tour-action-trigger.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// 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 <ark.button {...mergedProps}>
+      {mergedProps.children || actionTriggerProps.action.label}
+    </ark.button>;
+};
+
+// src/components/tour/tour-actions.tsx
+var TourActions = (props) => {
+  const tour2 = useTourContext();
+  return props.children(() => tour2().step?.actions ?? []);
+};
+
+// src/components/tour/tour-arrow.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { Show } from "solid-js";
+var TourArrow = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps2(() => tour2().getArrowProps(), props);
+  return <Show when={tour2().step?.arrow}>
+      <ark.div {...mergedProps} />
+    </Show>;
+};
+
+// src/components/tour/tour-arrow-tip.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var TourArrowTip = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps3(() => tour2().getArrowTipProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tour/tour-backdrop.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { Show as Show2 } from "solid-js";
+var TourBackdrop = (props) => {
+  const tour2 = useTourContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presence = usePresence(mergeProps4(renderStrategyProps, () => ({ present: tour2().open })));
+  const mergedProps = mergeProps4(
+    () => tour2().getBackdropProps(),
+    () => presence().presenceProps,
+    props
+  );
+  return <Show2 when={!presence().unmounted}>
+      <ark.div {...mergedProps} hidden={!tour2().step?.backdrop} />
+    </Show2>;
+};
+
+// src/components/tour/tour-close-trigger.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var TourCloseTrigger = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps5(() => tour2().getCloseTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/tour/tour-content.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+import { Show as Show3 } from "solid-js";
+var TourContent = (props) => {
+  const tour2 = useTourContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presence = usePresence(mergeProps6(renderStrategyProps, () => ({ present: tour2().open })));
+  const mergedProps = mergeProps6(
+    () => tour2().getContentProps(),
+    () => presence().presenceProps,
+    props
+  );
+  return <Show3 when={!presence().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show3>;
+};
+
+// src/components/tour/tour-context.tsx
+var TourContext = (props) => props.children(useTourContext());
+
+// src/components/tour/tour-control.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+
+// src/components/tour/tour.anatomy.ts
+import { anatomy } from "@zag-js/tour";
+var tourAnatomy = anatomy.extendWith("control");
+
+// src/components/tour/tour-control.tsx
+var TourControl = (props) => {
+  const mergedProps = mergeProps7(() => tourAnatomy.build().control.attrs, props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/tour/tour-description.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var TourDescription = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps8(() => tour2().getDescriptionProps(), props);
+  return <ark.div {...mergedProps}>{mergedProps.children || tour2().step?.description}</ark.div>;
+};
+
+// src/components/tour/tour-positioner.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+import { Show as Show4 } from "solid-js";
+var TourPositioner = (props) => {
+  const tour2 = useTourContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps9(() => tour2().getPositionerProps(), props);
+  return <Show4 when={!presence().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show4>;
+};
+
+// src/components/tour/tour-progress-text.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var TourProgressText = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps10(() => tour2().getProgressTextProps(), props);
+  return <ark.div {...mergedProps}>
+			{mergedProps.children || tour2().getProgressText()}
+		</ark.div>;
+};
+
+// src/components/tour/tour-root.tsx
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
+var TourRoot = (props) => {
+  const [presenceProps, rootProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(
+    mergeProps11(presenceProps, () => ({ present: rootProps.tour().open }))
+  );
+  return <TourProvider value={rootProps.tour}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{rootProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </TourProvider>;
+};
+
+// src/components/tour/tour-spotlight.tsx
+import { mergeProps as mergeProps12 } from "@zag-js/solid";
+import { Show as Show5 } from "solid-js";
+var TourSpotlight = (props) => {
+  const tour2 = useTourContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps12(renderStrategyProps, () => ({ present: tour2().open })));
+  const mergedProps = mergeProps12(
+    () => tour2().getSpotlightProps(),
+    () => presenceApi().presenceProps,
+    props
+  );
+  return <Show5 when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} hidden={!tour2().open || !tour2().step?.target?.()} />
+    </Show5>;
+};
+
+// src/components/tour/tour-title.tsx
+import { mergeProps as mergeProps13 } from "@zag-js/solid";
+var TourTitle = (props) => {
+  const tour2 = useTourContext();
+  const mergedProps = mergeProps13(() => tour2().getTitleProps(), props);
+  return <ark.h2 {...mergedProps}>{mergedProps.children || tour2().step?.title}</ark.h2>;
+};
+
+// src/components/tour/use-tour.ts
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import * as tour from "@zag-js/tour";
+import { createMemo, createUniqueId } from "solid-js";
+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 {
+  useTourContext,
+  TourActionTrigger,
+  TourActions,
+  TourArrow,
+  TourArrowTip,
+  TourBackdrop,
+  TourCloseTrigger,
+  TourContent,
+  TourContext,
+  tourAnatomy,
+  TourControl,
+  TourDescription,
+  TourPositioner,
+  TourProgressText,
+  TourRoot,
+  TourSpotlight,
+  TourTitle,
+  useTour,
+  tour_exports
+};

package/dist/chunk/{CUHGQRR2.jsx → GWNETTAV.jsx}

@@ -1,24 +1,24 @@
-import {
-  useFieldContext
-} from "./TY6NCPFG.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
 } from "./E72NMPSK.jsx";
+import {
+  useFieldContext
+} from "./MSHQY44G.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -256,6 +256,7 @@ var ComboboxRoot = (props) => {
     "loopFocus",
     "multiple",
     "name",
+    "navigate",
     "onFocusOutside",
     "onHighlightChange",
     "onInputValueChange",

package/dist/chunk/{R5ZNIQWU.jsx → HU7FZMJI.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -26,32 +26,48 @@ var [QrCodeProvider, useQrCodeContext] = createContext({
 // src/components/qr-code/qr-code-context.ts
 var QrCodeContext = (props) => props.children(useQrCodeContext());
 
-// src/components/qr-code/qr-code-frame.tsx
+// src/components/qr-code/qr-code-download-trigger.tsx
 import { mergeProps } from "@zag-js/solid";
+var QrCodeDownloadTrigger = (props) => {
+  const [downloadTriggerProps, localProps] = createSplitProps()(props, [
+    "fileName",
+    "mimeType",
+    "quality"
+  ]);
+  const qrCode2 = useQrCodeContext();
+  const mergedProps = mergeProps(
+    () => qrCode2().getDownloadTriggerProps(downloadTriggerProps),
+    localProps
+  );
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/qr-code/qr-code-frame.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var QrCodeFrame = (props) => {
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps(() => qrCode2().getFrameProps(), props);
+  const mergedProps = mergeProps2(() => qrCode2().getFrameProps(), props);
   return <ark.svg {...mergedProps} />;
 };
 
 // src/components/qr-code/qr-code-overlay.tsx
-import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var QrCodeOverlay = (props) => {
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps2(() => qrCode2().getOverlayProps(), props);
+  const mergedProps = mergeProps3(() => qrCode2().getOverlayProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/qr-code/qr-code-pattern.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
 var QrCodePattern = (props) => {
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps3(() => qrCode2().getPatternProps(), props);
+  const mergedProps = mergeProps4(() => qrCode2().getPatternProps(), props);
   return <ark.path {...mergedProps} />;
 };
 
 // src/components/qr-code/qr-code-root.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 
 // src/components/qr-code/use-qr-code.ts
 import * as qrCode from "@zag-js/qr-code";
@@ -65,6 +81,7 @@ var useQrCode = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
+    value: props.defaultValue,
     ...props
   }));
   const [state, send] = useMachine(qrCode.machine(context()), {
@@ -76,23 +93,25 @@ var useQrCode = (props = {}) => {
 // src/components/qr-code/qr-code-root.tsx
 var QrCodeRoot = (props) => {
   const [useQrCodeProps, restProps] = createSplitProps()(props, [
+    "defaultValue",
     "encoding",
     "id",
     "ids",
+    "onValueChange",
     "value"
   ]);
   const api = useQrCode(useQrCodeProps);
-  const mergedProps = mergeProps4(() => api().getRootProps(), restProps);
+  const mergedProps = mergeProps5(() => api().getRootProps(), restProps);
   return <QrCodeProvider value={api}>
       <ark.div {...mergedProps} />
     </QrCodeProvider>;
 };
 
 // src/components/qr-code/qr-code-root-provider.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var QrCodeRootProvider = (props) => {
   const [{ value: qrCode2 }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps5(() => qrCode2().getRootProps(), localProps);
+  const mergedProps = mergeProps6(() => qrCode2().getRootProps(), localProps);
   return <QrCodeProvider value={qrCode2}>
       <ark.div {...mergedProps} />
     </QrCodeProvider>;
@@ -105,6 +124,7 @@ import { anatomy } from "@zag-js/qr-code";
 var qr_code_exports = {};
 __export(qr_code_exports, {
   Context: () => QrCodeContext,
+  DownloadTrigger: () => QrCodeDownloadTrigger,
   Frame: () => QrCodeFrame,
   Overlay: () => QrCodeOverlay,
   Pattern: () => QrCodePattern,
@@ -115,6 +135,7 @@ __export(qr_code_exports, {
 export {
   useQrCodeContext,
   QrCodeContext,
+  QrCodeDownloadTrigger,
   QrCodeFrame,
   QrCodeOverlay,
   QrCodePattern,

package/dist/chunk/IL7WZATP.js

@@ -0,0 +1,25 @@
+import { composeRefs } from './XN6EERRM.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { createComponent, mergeProps } from 'solid-js/web';
+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 createComponent(ark.div, mergeProps(localProps, {
+    ref(r$) {
+      var _ref$ = composeRefs((el) => localNode = el, props.ref);
+      typeof _ref$ === "function" && _ref$(r$);
+    }
+  }));
+};
+
+export { FocusTrap };

package/dist/chunk/{QX424BJV.jsx → IQJBNZOX.jsx}

@@ -115,6 +115,14 @@ var ClipboardTrigger = (props) => {
   return <ark.button {...mergedProps} />;
 };
 
+// src/components/clipboard/clipboard-value-text.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var ClipboardValueText = (props) => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps8(props);
+  return <ark.span {...mergedProps}>{props.children || api().value}</ark.span>;
+};
+
 // src/components/clipboard/clipboard.anatomy.ts
 import { anatomy } from "@zag-js/clipboard";
 
@@ -128,7 +136,8 @@ __export(clipboard_exports, {
   Label: () => ClipboardLabel,
   Root: () => ClipboardRoot,
   RootProvider: () => ClipboardRootProvider,
-  Trigger: () => ClipboardTrigger
+  Trigger: () => ClipboardTrigger,
+  ValueText: () => ClipboardValueText
 });
 
 export {
@@ -142,6 +151,7 @@ export {
   ClipboardRoot,
   ClipboardRootProvider,
   ClipboardTrigger,
+  ClipboardValueText,
   anatomy,
   clipboard_exports
 };

package/dist/chunk/{LNX6MNBX.js → MJNR43Q5.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './PBJ7MGGS.js';
+import { useFieldContext } from './632HFNZF.js';
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.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, effect, template } from 'solid-js/web';