@ark-ui/solid 5.31.0 → 5.33.0

package/dist/chunk/{XMIVUAEB.jsx → BKN7PQAU.jsx}

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

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

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

package/dist/chunk/{V6TUJPSE.jsx → BNSRP6TN.jsx}

@@ -1,6 +1,9 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
@@ -10,9 +13,6 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

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

@@ -1,15 +1,15 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

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

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

package/dist/chunk/{CTYC3XVM.js → CVZHE2SA.js}

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

package/dist/chunk/DIPPYNXP.jsx

@@ -0,0 +1,306 @@
+import {
+  PresenceProvider,
+  splitPresenceProps,
+  usePresenceContext
+} from "./NEU4F4NG.jsx";
+import {
+  usePresence
+} from "./OEGORBLT.jsx";
+import {
+  composeRefs
+} from "./PT2CJE3O.jsx";
+import {
+  RenderStrategyProvider,
+  splitRenderStrategyProps,
+  useRenderStrategyContext
+} from "./VNMGX67M.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  createContext
+} from "./UZJJWJQM.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/drawer/drawer-backdrop.tsx
+import { mergeProps } from "@zag-js/solid";
+import { Show } from "solid-js";
+
+// 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 <Show when={!presence().unmounted}>
+      <ark.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
+    </Show>;
+};
+
+// src/components/drawer/drawer-close-trigger.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var DrawerCloseTrigger = (props) => {
+  const context = useDrawerContext();
+  const mergedProps = mergeProps2(() => context().getCloseTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/drawer/drawer-content.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { Show as Show2 } from "solid-js";
+var DrawerContent = (props) => {
+  const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+  const drawer3 = useDrawerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps3(
+    () => drawer3().getContentProps({ draggable: true, ...contentProps }),
+    () => presence().presenceProps,
+    localProps
+  );
+  return <Show2 when={!presence().unmounted}>
+      <ark.div {...mergedProps} ref={composeRefs(presence().ref, localProps.ref)} />
+    </Show2>;
+};
+
+// src/components/drawer/drawer-context.tsx
+var DrawerContext = (props) => props.children(useDrawerContext());
+
+// src/components/drawer/drawer-positioner.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { Show as Show3 } from "solid-js";
+var DrawerPositioner = (props) => {
+  const drawer3 = useDrawerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps4(() => drawer3().getPositionerProps(), props);
+  return <Show3 when={!presence().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show3>;
+};
+
+// src/components/drawer/drawer-grabber.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var DrawerGrabber = (props) => {
+  const drawer3 = useDrawerContext();
+  const mergedProps = mergeProps5(() => drawer3().getGrabberProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/drawer/drawer-grabber-indicator.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var DrawerGrabberIndicator = (props) => {
+  const drawer3 = useDrawerContext();
+  const mergedProps = mergeProps6(() => drawer3().getGrabberIndicatorProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/drawer/drawer-root.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+
+// src/components/drawer/use-drawer.ts
+import * as drawer from "@zag-js/drawer";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+
+// src/components/drawer/use-drawer-stack-store.ts
+import { createContext as createSolidContext, useContext } from "solid-js";
+var DrawerStackStoreContext = createSolidContext();
+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(mergeProps7(presenceProps, () => ({ present: drawer3().open })));
+  return <DrawerProvider value={drawer3}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DrawerProvider>;
+};
+
+// src/components/drawer/drawer-root-provider.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var DrawerRootProvider = (props) => {
+  const [presenceProps, drawerProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps8(() => ({ present: drawerProps.value().open }), presenceProps));
+  return <DrawerProvider value={drawerProps.value}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{drawerProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DrawerProvider>;
+};
+
+// src/components/drawer/drawer-title.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var DrawerTitle = (props) => {
+  const drawer3 = useDrawerContext();
+  const mergedProps = mergeProps9(() => drawer3().getTitleProps(), props);
+  return <ark.h2 {...mergedProps} />;
+};
+
+// src/components/drawer/drawer-trigger.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var DrawerTrigger = (props) => {
+  const drawer3 = useDrawerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps10(
+    () => drawer3().getTriggerProps(),
+    () => ({ "aria-controls": presence().unmounted && null }),
+    props
+  );
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/drawer/drawer-indent.tsx
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
+
+// 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 = mergeProps11(() => stackApi().getIndentProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/drawer/drawer-indent-background.tsx
+import { mergeProps as mergeProps12 } from "@zag-js/solid";
+var DrawerIndentBackground = (props) => {
+  const stackApi = useDrawerStackContext();
+  const mergedProps = mergeProps12(() => stackApi().getIndentBackgroundProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/drawer/drawer-stack.tsx
+import * as drawer2 from "@zag-js/drawer";
+import { normalizeProps as normalizeProps2 } from "@zag-js/solid";
+import { createMemo as createMemo2 } from "solid-js";
+import { createStore, reconcile } from "solid-js/store";
+var DrawerStack = (props) => {
+  const stack = drawer2.createStack();
+  const [snapshot, setSnapshot] = createStore(stack.getSnapshot());
+  stack.subscribe(() => setSnapshot(reconcile(stack.getSnapshot())));
+  const stackApi = createMemo2(() => drawer2.connectStack(snapshot, normalizeProps2));
+  return <DrawerStackStoreProvider value={stack}>
+      <DrawerStackProvider value={stackApi}>{props.children}</DrawerStackProvider>
+    </DrawerStackStoreProvider>;
+};
+
+// 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 {
+  useDrawerContext,
+  DrawerBackdrop,
+  DrawerCloseTrigger,
+  DrawerContent,
+  DrawerContext,
+  DrawerPositioner,
+  DrawerGrabber,
+  DrawerGrabberIndicator,
+  useDrawer,
+  DrawerRoot,
+  DrawerRootProvider,
+  DrawerTitle,
+  DrawerTrigger,
+  useDrawerStackContext,
+  DrawerIndent,
+  DrawerIndentBackground,
+  DrawerStack,
+  drawer_exports
+};

package/dist/chunk/{RVOPDSQY.js → EM5SH6A3.js}

@@ -1,7 +1,9 @@
+import { runIfFn } from './DT73WLR4.js';
 import { createContext } from './THN5C4U6.js';
 import { createComponent } from 'solid-js/web';
 import { isRTL, createCollator, createFilter } from '@zag-js/i18n-utils';
 import { createMemo } from 'solid-js';
+import { DateFormatter } from '@internationalized/date';
 
 // src/providers/locale/use-locale-context.ts
 var [LocaleContextProvider, useLocaleContext] = createContext({
@@ -32,10 +34,19 @@ function useCollator(props = {}) {
     return createCollator(locale(), options);
   });
 }
+function useDateFormatter(props = {}) {
+  const env = useLocaleContext();
+  return createMemo(() => {
+    const resolvedProps = runIfFn(props);
+    const locale = resolvedProps.locale ?? env().locale;
+    const { locale: _, ...options } = resolvedProps;
+    return new DateFormatter(locale, options);
+  });
+}
 function useFilter(props) {
   const env = useLocaleContext();
   const locale = createMemo(() => props.locale ?? env().locale);
   return createMemo(() => createFilter({ ...props, locale: locale() }));
 }
 
-export { LocaleProvider, useCollator, useFilter, useLocaleContext };
+export { LocaleProvider, useCollator, useDateFormatter, useFilter, useLocaleContext };

package/dist/chunk/{VQAY7ALM.js → EWZDTHD5.js}

@@ -1,7 +1,8 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './2WRCIBVP.js';
+import { usePresenceContext, splitPresenceProps, PresenceProvider } from './JBLHW7IM.js';
+import { usePresence } from './X22PRPOR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.js';
 import { useEnvironmentContext } from './3P5T77QU.js';
+import { useLocaleContext } from './EM5SH6A3.js';
 import { runIfFn } from './DT73WLR4.js';
 import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';

package/dist/chunk/{NT6ZYH25.js → EZUEPSKL.js}

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

package/dist/chunk/{YTEBGEQ4.jsx → FPLD7TDU.jsx}

@@ -1,9 +1,11 @@
 import {
   PresenceProvider,
   splitPresenceProps,
-  usePresence,
   usePresenceContext
-} from "./VTTFCXVC.jsx";
+} from "./NEU4F4NG.jsx";
+import {
+  usePresence
+} from "./OEGORBLT.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -12,12 +14,15 @@ import {
   splitRenderStrategyProps,
   useRenderStrategyContext
 } from "./VNMGX67M.jsx";
+import {
+  tourAnatomy
+} from "./YNAVZVCW.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
-  tourAnatomy
-} from "./YNAVZVCW.jsx";
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
@@ -27,9 +32,6 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{DM5NMT5Y.jsx → GOIBDXMD.jsx}

@@ -1,9 +1,11 @@
 import {
   PresenceProvider,
   splitPresenceProps,
-  usePresence,
   usePresenceContext
-} from "./VTTFCXVC.jsx";
+} from "./NEU4F4NG.jsx";
+import {
+  usePresence
+} from "./OEGORBLT.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -15,6 +17,9 @@ import {
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
@@ -24,9 +29,6 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{UGSFGPFW.jsx → GUAJ4JKS.jsx}

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

package/dist/chunk/{RY7KBPRA.jsx → GVJQBGKQ.jsx}

@@ -1,6 +1,9 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
@@ -10,9 +13,6 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{YRAJJHEJ.jsx → H72X6NDR.jsx}

@@ -1,9 +1,12 @@
 import {
   useFieldsetContext
-} from "./TEKM4RER.jsx";
+} from "./AIK4SKXT.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useLocaleContext
+} from "./HOPBYFHD.jsx";
 import {
   useEnvironmentContext
 } from "./HDGILMRT.jsx";
@@ -13,9 +16,6 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -104,7 +104,7 @@ import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var RadioGroupLabel = (props) => {
   const radioGroup = useRadioGroupContext();
   const mergedProps = mergeProps6(() => radioGroup().getLabelProps(), props);
-  return <ark.label {...mergedProps} />;
+  return <ark.span {...mergedProps} />;
 };
 
 // src/components/radio-group/radio-group-root.tsx

package/dist/chunk/{VUOC2LCL.js → HBI6JRIQ.js}

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

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

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

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
 };