@ark-ui/solid 5.31.0 → 5.32.0

package/dist/chunk/{JFOWNFC7.jsx → HOPBYFHD.jsx}

@@ -1,3 +1,6 @@
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -37,18 +40,32 @@ function useCollator(props = {}) {
   });
 }
 
+// src/providers/locale/use-date-formatter.ts
+import { DateFormatter } from "@internationalized/date";
+import { createMemo as createMemo3 } from "solid-js";
+function useDateFormatter(props = {}) {
+  const env = useLocaleContext();
+  return createMemo3(() => {
+    const resolvedProps = runIfFn(props);
+    const locale = resolvedProps.locale ?? env().locale;
+    const { locale: _, ...options } = resolvedProps;
+    return new DateFormatter(locale, options);
+  });
+}
+
 // src/providers/locale/use-filter.ts
 import { createFilter } from "@zag-js/i18n-utils";
-import { createMemo as createMemo3 } from "solid-js";
+import { createMemo as createMemo4 } from "solid-js";
 function useFilter(props) {
   const env = useLocaleContext();
-  const locale = createMemo3(() => props.locale ?? env().locale);
-  return createMemo3(() => createFilter({ ...props, locale: locale() }));
+  const locale = createMemo4(() => props.locale ?? env().locale);
+  return createMemo4(() => createFilter({ ...props, locale: locale() }));
 }
 
 export {
   useLocaleContext,
   LocaleProvider,
   useCollator,
+  useDateFormatter,
   useFilter
 };

package/dist/chunk/{A7ULUG37.jsx → HSKAUH3N.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./C56T2HRV.jsx";
+} from "./PPH4D7AF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{YJZT56R5.js → HUB2Z2WJ.js}

@@ -1,5 +1,5 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
 import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{G2UMJWTM.js → IKIPTYFY.js}

@@ -1,5 +1,5 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
 import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{5O3D32XK.jsx → IPJK2PWY.jsx}

@@ -1,21 +1,21 @@
-import {
-  createSplitProps
-} from "./6WEDGJKQ.jsx";
 import {
   listboxAnatomy
 } from "./4WBPEARW.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{GXLS3QZ4.js → IRBAVIVZ.js}

@@ -1,8 +1,9 @@
-import { usePresence, PresenceProvider } from './2WRCIBVP.js';
+import { PresenceProvider } from './JBLHW7IM.js';
+import { usePresence } from './X22PRPOR.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
 import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{2WRCIBVP.js → JBLHW7IM.js}

@@ -1,13 +1,11 @@
+import { usePresence } from './X22PRPOR.js';
 import { composeRefs } from './ROP6QZQ7.js';
-import { splitRenderStrategyProps } from './GUFIKGZ6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { useMachine, normalizeProps, mergeProps } from '@zag-js/solid';
-import { createSignal, createMemo, createEffect, Show } from 'solid-js';
-import * as presence from '@zag-js/presence';
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
 
 // src/components/presence/split-presence-props.ts
 var splitPresenceProps = (props) => createSplitProps()(props, [
@@ -18,29 +16,6 @@ var splitPresenceProps = (props) => createSplitProps()(props, [
   "skipAnimationOnMount",
   "unmountOnExit"
 ]);
-var usePresence = (props) => {
-  const [renderStrategyProps, localProps] = splitRenderStrategyProps(runIfFn(props));
-  const [wasEverPresent, setWasEverPresent] = createSignal(false);
-  const service = useMachine(presence.machine, props);
-  const api = createMemo(() => presence.connect(service, normalizeProps));
-  createEffect(() => {
-    const present = api().present;
-    if (present) setWasEverPresent(true);
-  });
-  const setNode = (node) => {
-    if (!node) return;
-    service.send({ type: "NODE.SET", node });
-  };
-  return createMemo(() => ({
-    unmounted: !api().present && !wasEverPresent() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().present && wasEverPresent(),
-    present: api().present,
-    ref: setNode,
-    presenceProps: {
-      hidden: !api().present,
-      "data-state": api().skip && localProps.skipAnimationOnMount ? void 0 : localProps.present ? "open" : "closed"
-    }
-  }));
-};
 
 // src/components/presence/presence.tsx
 var Presence = (props) => {
@@ -70,4 +45,4 @@ var [PresenceProvider, usePresenceContext] = createContext({
   providerName: "<PresenceProvider />"
 });
 
-export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };
+export { Presence, PresenceProvider, splitPresenceProps, usePresenceContext };

package/dist/chunk/{BV6RNXMH.js → JLP6NZTO.js}

@@ -1,9 +1,10 @@
-import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './2WRCIBVP.js';
+import { splitPresenceProps, PresenceProvider, usePresenceContext } from './JBLHW7IM.js';
+import { usePresence } from './X22PRPOR.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { tourAnatomy } from './NYBIYPS4.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './GUFIKGZ6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
 import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{RBYLWQEE.js → JR3CTJ4R.js}

@@ -1,6 +1,6 @@
 import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
 import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/KWLZPDF4.jsx

@@ -0,0 +1,6 @@
+// src/components/drawer/drawer.anatomy.ts
+import { anatomy } from "@zag-js/drawer";
+
+export {
+  anatomy
+};

package/dist/chunk/{CGB5YI3F.jsx → LBXPKVCB.jsx}

@@ -1,6 +1,6 @@
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/LRDE5RNI.js

@@ -0,0 +1,239 @@
+import { usePresenceContext, splitPresenceProps, PresenceProvider } from './JBLHW7IM.js';
+import { usePresence } from './X22PRPOR.js';
+import { composeRefs } from './ROP6QZQ7.js';
+import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { useLocaleContext } from './EM5SH6A3.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
+import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
+import { createContext } from './THN5C4U6.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createContext as createContext$1, createMemo, Show, createUniqueId, useContext } from 'solid-js';
+import * as drawer from '@zag-js/drawer';
+import { createStore, reconcile } from 'solid-js/store';
+
+// src/components/drawer/use-drawer-context.ts
+var [DrawerProvider, useDrawerContext] = createContext({
+  hookName: "useDrawerContext",
+  providerName: "<DrawerProvider />"
+});
+
+// src/components/drawer/drawer-backdrop.tsx
+var DrawerBackdrop = (props) => {
+  const drawer3 = useDrawerContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presence = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: drawer3().open
+  })));
+  const mergedProps = mergeProps(() => drawer3().getBackdropProps(), () => presence().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presence().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
+    }
+  });
+};
+var DrawerCloseTrigger = (props) => {
+  const context = useDrawerContext();
+  const mergedProps = mergeProps(() => context().getCloseTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+var DrawerContent = (props) => {
+  const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+  const drawer3 = useDrawerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => drawer3().getContentProps({
+    draggable: true,
+    ...contentProps
+  }), () => presence().presenceProps, localProps);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presence().ref, localProps.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
+    }
+  });
+};
+
+// src/components/drawer/drawer-context.tsx
+var DrawerContext = (props) => props.children(useDrawerContext());
+var DrawerPositioner = (props) => {
+  const drawer3 = useDrawerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => drawer3().getPositionerProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return !presence().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var DrawerGrabber = (props) => {
+  const drawer3 = useDrawerContext();
+  const mergedProps = mergeProps(() => drawer3().getGrabberProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var DrawerGrabberIndicator = (props) => {
+  const drawer3 = useDrawerContext();
+  const mergedProps = mergeProps(() => drawer3().getGrabberIndicatorProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var DrawerStackStoreContext = createContext$1();
+var DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
+var useDrawerStackStore = () => useContext(DrawerStackStoreContext);
+
+// src/components/drawer/use-drawer.ts
+var useDrawer = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const stack = useDrawerStackStore();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    stack,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(drawer.machine, machineProps);
+  return createMemo(() => drawer.connect(service, normalizeProps));
+};
+
+// src/components/drawer/drawer-root.tsx
+var DrawerRoot = (props) => {
+  const [presenceProps, drawerProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const [useDrawerProps, localProps] = createSplitProps()(drawerProps, ["id", "ids", "open", "defaultOpen", "onOpenChange", "closeOnInteractOutside", "closeOnEscape", "snapPoints", "swipeDirection", "snapToSequentialPoints", "swipeVelocityThreshold", "closeThreshold", "preventDragOnScroll", "stack", "snapPoint", "defaultSnapPoint", "onSnapPointChange", "modal", "trapFocus", "restoreFocus", "preventScroll", "initialFocusEl", "finalFocusEl", "role", "onInteractOutside", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onRequestDismiss"]);
+  const drawer3 = useDrawer(useDrawerProps);
+  const presence = usePresence(mergeProps(presenceProps, () => ({
+    present: drawer3().open
+  })));
+  return createComponent(DrawerProvider, {
+    value: drawer3,
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(PresenceProvider, {
+            value: presence,
+            get children() {
+              return localProps.children;
+            }
+          });
+        }
+      });
+    }
+  });
+};
+var DrawerRootProvider = (props) => {
+  const [presenceProps, drawerProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps(() => ({
+    present: drawerProps.value().open
+  }), presenceProps));
+  return createComponent(DrawerProvider, {
+    get value() {
+      return drawerProps.value;
+    },
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(PresenceProvider, {
+            value: presence,
+            get children() {
+              return drawerProps.children;
+            }
+          });
+        }
+      });
+    }
+  });
+};
+var DrawerTitle = (props) => {
+  const drawer3 = useDrawerContext();
+  const mergedProps = mergeProps(() => drawer3().getTitleProps(), props);
+  return createComponent(ark.h2, mergedProps);
+};
+var DrawerTrigger = (props) => {
+  const drawer3 = useDrawerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => drawer3().getTriggerProps(), () => ({
+    "aria-controls": presence().unmounted && null
+  }), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+// src/components/drawer/use-drawer-stack-context.ts
+var [DrawerStackProvider, useDrawerStackContext] = createContext({
+  hookName: "useDrawerStackContext",
+  providerName: "<DrawerStackProvider />"
+});
+
+// src/components/drawer/drawer-indent.tsx
+var DrawerIndent = (props) => {
+  const stackApi = useDrawerStackContext();
+  const mergedProps = mergeProps(() => stackApi().getIndentProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var DrawerIndentBackground = (props) => {
+  const stackApi = useDrawerStackContext();
+  const mergedProps = mergeProps(() => stackApi().getIndentBackgroundProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var DrawerStack = (props) => {
+  const stack = drawer.createStack();
+  const [snapshot, setSnapshot] = createStore(stack.getSnapshot());
+  stack.subscribe(() => setSnapshot(reconcile(stack.getSnapshot())));
+  const stackApi = createMemo(() => drawer.connectStack(snapshot, normalizeProps));
+  return createComponent(DrawerStackStoreProvider, {
+    value: stack,
+    get children() {
+      return createComponent(DrawerStackProvider, {
+        value: stackApi,
+        get children() {
+          return props.children;
+        }
+      });
+    }
+  });
+};
+
+// src/components/drawer/drawer.ts
+var drawer_exports = {};
+__export(drawer_exports, {
+  Backdrop: () => DrawerBackdrop,
+  CloseTrigger: () => DrawerCloseTrigger,
+  Content: () => DrawerContent,
+  Context: () => DrawerContext,
+  Grabber: () => DrawerGrabber,
+  GrabberIndicator: () => DrawerGrabberIndicator,
+  Indent: () => DrawerIndent,
+  IndentBackground: () => DrawerIndentBackground,
+  Positioner: () => DrawerPositioner,
+  Root: () => DrawerRoot,
+  RootProvider: () => DrawerRootProvider,
+  Stack: () => DrawerStack,
+  Title: () => DrawerTitle,
+  Trigger: () => DrawerTrigger
+});
+
+export { DrawerBackdrop, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerGrabber, DrawerGrabberIndicator, DrawerIndent, DrawerIndentBackground, DrawerPositioner, DrawerRoot, DrawerRootProvider, DrawerStack, DrawerTitle, DrawerTrigger, drawer_exports, useDrawer, useDrawerContext, useDrawerStackContext };

package/dist/chunk/{AOAGDS53.jsx → M2R7NELL.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{DON7WJR6.jsx → MLPK6MO2.jsx}

@@ -4,15 +4,15 @@ import {
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{2TPQPUX6.jsx → MU5CM6ZP.jsx}

@@ -4,15 +4,15 @@ import {
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{XTL34GZH.js → N2ACHFKW.js}

@@ -1,6 +1,6 @@
 import { carouselAnatomy } from './OENRIKKR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
 import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/NEU4F4NG.jsx

@@ -0,0 +1,52 @@
+import {
+  usePresence
+} from "./OEGORBLT.jsx";
+import {
+  composeRefs
+} from "./PT2CJE3O.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  createContext
+} from "./UZJJWJQM.jsx";
+
+// src/components/presence/presence.tsx
+import { mergeProps } from "@zag-js/solid";
+import { Show } from "solid-js";
+
+// src/components/presence/split-presence-props.ts
+var splitPresenceProps = (props) => createSplitProps()(props, [
+  "immediate",
+  "lazyMount",
+  "onExitComplete",
+  "present",
+  "skipAnimationOnMount",
+  "unmountOnExit"
+]);
+
+// src/components/presence/presence.tsx
+var Presence = (props) => {
+  const [presenceProps, localProps] = splitPresenceProps(props);
+  const api = usePresence(presenceProps);
+  const mergedProps = mergeProps(() => api().presenceProps, localProps);
+  return <Show when={!api().unmounted}>
+      <ark.div {...mergedProps} ref={composeRefs(api().ref, props.ref)} data-scope="presence" data-part="root" />
+    </Show>;
+};
+
+// src/components/presence/use-presence-context.ts
+var [PresenceProvider, usePresenceContext] = createContext({
+  hookName: "usePresenceContext",
+  providerName: "<PresenceProvider />"
+});
+
+export {
+  splitPresenceProps,
+  Presence,
+  PresenceProvider,
+  usePresenceContext
+};