@ark-ui/solid 5.31.0 → 5.32.0

package/dist/providers/index.d.ts

@@ -1,4 +1,6 @@
 export { EnvironmentContext, EnvironmentProvider, EnvironmentProviderProps, RootNode, EnvironmentContext as UseEnvironmentContext, useEnvironmentContext } from './environment/index.js';
-export { LocaleProvider, LocaleProviderProps, UseCollatorProps, UseFilterProps, UseFilterReturn, UseLocaleContext, useCollator, useFilter, useLocaleContext } from './locale/index.js';
+export { LocaleProvider, LocaleProviderProps, UseCollatorProps, UseDateFormatterProps, UseDateFormatterReturn, UseFilterProps, UseFilterReturn, UseLocaleContext, useCollator, useDateFormatter, useFilter, useLocaleContext } from './locale/index.js';
 import 'solid-js';
+import '@internationalized/date';
+import '../types-Sr_80hg9.js';
 import '@zag-js/i18n-utils';

package/dist/providers/index.js

@@ -1,2 +1,2 @@
-export { LocaleProvider, useCollator, useFilter, useLocaleContext } from '../chunk/RVOPDSQY.js';
+export { LocaleProvider, useCollator, useDateFormatter, useFilter, useLocaleContext } from '../chunk/EM5SH6A3.js';
 export { EnvironmentProvider, useEnvironmentContext } from '../chunk/3P5T77QU.js';

package/dist/providers/index.jsx

@@ -3,20 +3,22 @@ import {
   EnvironmentProvider,
   useEnvironmentContext
 } from "../chunk/HDGILMRT.jsx";
-import "../chunk/KGOB2IMX.jsx";
-import "../chunk/UFYZ7HLU.jsx";
 import {
   LocaleProvider,
   useCollator,
+  useDateFormatter,
   useFilter,
   useLocaleContext
-} from "../chunk/JFOWNFC7.jsx";
+} from "../chunk/HOPBYFHD.jsx";
+import "../chunk/KGOB2IMX.jsx";
+import "../chunk/UFYZ7HLU.jsx";
 import "../chunk/UZJJWJQM.jsx";
 import "../chunk/7IUG3E2V.jsx";
 export {
   EnvironmentProvider,
   LocaleProvider,
   useCollator,
+  useDateFormatter,
   useEnvironmentContext,
   useFilter,
   useLocaleContext

package/dist/providers/locale/index.d.ts

@@ -1,5 +1,7 @@
 import * as solid_js from 'solid-js';
 import { ParentProps, Accessor } from 'solid-js';
+import { DateFormatter } from '@internationalized/date';
+import { M as MaybeAccessor } from '../../types-Sr_80hg9.js';
 import { FilterOptions, FilterReturn, Locale } from '@zag-js/i18n-utils';
 
 interface LocaleProviderProps extends ParentProps {
@@ -18,6 +20,13 @@ interface UseCollatorReturn extends Accessor<Intl.Collator> {
 }
 declare function useCollator(props?: UseCollatorProps): UseCollatorReturn;
 
+interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+interface UseDateFormatterReturn extends Accessor<DateFormatter> {
+}
+declare function useDateFormatter(props?: MaybeAccessor<UseDateFormatterProps>): UseDateFormatterReturn;
+
 interface UseFilterProps extends FilterOptions {
 }
 declare function useFilter(props: UseFilterProps): UseFilterReturn;
@@ -28,4 +37,4 @@ interface UseLocaleContext extends Accessor<Locale> {
 }
 declare const useLocaleContext: () => UseLocaleContext;
 
-export { LocaleProvider, type LocaleProviderProps, type UseCollatorProps, type UseFilterProps, type UseFilterReturn, type UseLocaleContext, useCollator, useFilter, useLocaleContext };
+export { LocaleProvider, type LocaleProviderProps, type UseCollatorProps, type UseDateFormatterProps, type UseDateFormatterReturn, type UseFilterProps, type UseFilterReturn, type UseLocaleContext, useCollator, useDateFormatter, useFilter, useLocaleContext };

package/dist/providers/locale/index.js

@@ -1 +1 @@
-export { LocaleProvider, useCollator, useFilter, useLocaleContext } from '../../chunk/RVOPDSQY.js';
+export { LocaleProvider, useCollator, useDateFormatter, useFilter, useLocaleContext } from '../../chunk/EM5SH6A3.js';

package/dist/providers/locale/index.jsx

@@ -1,14 +1,17 @@
 import {
   LocaleProvider,
   useCollator,
+  useDateFormatter,
   useFilter,
   useLocaleContext
-} from "../../chunk/JFOWNFC7.jsx";
+} from "../../chunk/HOPBYFHD.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/UZJJWJQM.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   LocaleProvider,
   useCollator,
+  useDateFormatter,
   useFilter,
   useLocaleContext
 };

package/dist/swap.anatomy-BTCTOTbL.d.ts

@@ -0,0 +1,5 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const swapAnatomy: _zag_js_anatomy.Anatomy<"root" | "indicator">;
+
+export { swapAnatomy as s };

package/dist/{tour.anatomy-BwE3XSIU.d.ts → tour.anatomy-B2Ub0NWQ.d.ts}

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-declare const tourAnatomy: _zag_js_anatomy.AnatomyInstance<"title" | "content" | "control" | "backdrop" | "closeTrigger" | "progressText" | "positioner" | "description" | "arrow" | "actionTrigger" | "arrowTip" | "spotlight">;
+declare const tourAnatomy: _zag_js_anatomy.AnatomyInstance<"title" | "content" | "control" | "backdrop" | "positioner" | "closeTrigger" | "progressText" | "description" | "arrow" | "actionTrigger" | "arrowTip" | "spotlight">;
 
 export { tourAnatomy as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/solid",
   "type": "module",
-  "version": "5.31.0",
+  "version": "5.32.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -113,78 +113,79 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.33.1",
-    "@zag-js/anatomy": "1.33.1",
-    "@zag-js/angle-slider": "1.33.1",
-    "@zag-js/async-list": "1.33.1",
-    "@zag-js/auto-resize": "1.33.1",
-    "@zag-js/avatar": "1.33.1",
-    "@zag-js/bottom-sheet": "1.33.1",
-    "@zag-js/carousel": "1.33.1",
-    "@zag-js/checkbox": "1.33.1",
-    "@zag-js/clipboard": "1.33.1",
-    "@zag-js/collapsible": "1.33.1",
-    "@zag-js/collection": "1.33.1",
-    "@zag-js/color-picker": "1.33.1",
-    "@zag-js/color-utils": "1.33.1",
-    "@zag-js/combobox": "1.33.1",
-    "@zag-js/core": "1.33.1",
-    "@zag-js/date-picker": "1.33.1",
-    "@zag-js/date-utils": "1.33.1",
-    "@zag-js/dialog": "1.33.1",
-    "@zag-js/dom-query": "1.33.1",
-    "@zag-js/editable": "1.33.1",
-    "@zag-js/file-upload": "1.33.1",
-    "@zag-js/file-utils": "1.33.1",
-    "@zag-js/floating-panel": "1.33.1",
-    "@zag-js/focus-trap": "1.33.1",
-    "@zag-js/highlight-word": "1.33.1",
-    "@zag-js/hover-card": "1.33.1",
-    "@zag-js/image-cropper": "1.33.1",
-    "@zag-js/i18n-utils": "1.33.1",
-    "@zag-js/json-tree-utils": "1.33.1",
-    "@zag-js/listbox": "1.33.1",
-    "@zag-js/marquee": "1.33.1",
-    "@zag-js/menu": "1.33.1",
-    "@zag-js/navigation-menu": "1.33.1",
-    "@zag-js/number-input": "1.33.1",
-    "@zag-js/pagination": "1.33.1",
-    "@zag-js/password-input": "1.33.1",
-    "@zag-js/pin-input": "1.33.1",
-    "@zag-js/popover": "1.33.1",
-    "@zag-js/presence": "1.33.1",
-    "@zag-js/progress": "1.33.1",
-    "@zag-js/qr-code": "1.33.1",
-    "@zag-js/radio-group": "1.33.1",
-    "@zag-js/rating-group": "1.33.1",
-    "@zag-js/scroll-area": "1.33.1",
-    "@zag-js/select": "1.33.1",
-    "@zag-js/signature-pad": "1.33.1",
-    "@zag-js/slider": "1.33.1",
-    "@zag-js/solid": "1.33.1",
-    "@zag-js/splitter": "1.33.1",
-    "@zag-js/steps": "1.33.1",
-    "@zag-js/switch": "1.33.1",
-    "@zag-js/tabs": "1.33.1",
-    "@zag-js/tags-input": "1.33.1",
-    "@zag-js/timer": "1.33.1",
-    "@zag-js/toast": "1.33.1",
-    "@zag-js/toggle": "1.33.1",
-    "@zag-js/toggle-group": "1.33.1",
-    "@zag-js/tooltip": "1.33.1",
-    "@zag-js/tour": "1.33.1",
-    "@zag-js/tree-view": "1.33.1",
-    "@zag-js/types": "1.33.1",
-    "@zag-js/utils": "1.33.1"
+    "@internationalized/date": "3.11.0",
+    "@zag-js/accordion": "1.34.1",
+    "@zag-js/anatomy": "1.34.1",
+    "@zag-js/angle-slider": "1.34.1",
+    "@zag-js/async-list": "1.34.1",
+    "@zag-js/auto-resize": "1.34.1",
+    "@zag-js/avatar": "1.34.1",
+    "@zag-js/carousel": "1.34.1",
+    "@zag-js/cascade-select": "1.34.1",
+    "@zag-js/checkbox": "1.34.1",
+    "@zag-js/clipboard": "1.34.1",
+    "@zag-js/collapsible": "1.34.1",
+    "@zag-js/collection": "1.34.1",
+    "@zag-js/color-picker": "1.34.1",
+    "@zag-js/color-utils": "1.34.1",
+    "@zag-js/combobox": "1.34.1",
+    "@zag-js/core": "1.34.1",
+    "@zag-js/date-picker": "1.34.1",
+    "@zag-js/date-utils": "1.34.1",
+    "@zag-js/dialog": "1.34.1",
+    "@zag-js/dom-query": "1.34.1",
+    "@zag-js/drawer": "1.34.1",
+    "@zag-js/editable": "1.34.1",
+    "@zag-js/file-upload": "1.34.1",
+    "@zag-js/file-utils": "1.34.1",
+    "@zag-js/floating-panel": "1.34.1",
+    "@zag-js/focus-trap": "1.34.1",
+    "@zag-js/highlight-word": "1.34.1",
+    "@zag-js/hover-card": "1.34.1",
+    "@zag-js/i18n-utils": "1.34.1",
+    "@zag-js/image-cropper": "1.34.1",
+    "@zag-js/json-tree-utils": "1.34.1",
+    "@zag-js/listbox": "1.34.1",
+    "@zag-js/marquee": "1.34.1",
+    "@zag-js/menu": "1.34.1",
+    "@zag-js/navigation-menu": "1.34.1",
+    "@zag-js/number-input": "1.34.1",
+    "@zag-js/pagination": "1.34.1",
+    "@zag-js/password-input": "1.34.1",
+    "@zag-js/pin-input": "1.34.1",
+    "@zag-js/popover": "1.34.1",
+    "@zag-js/presence": "1.34.1",
+    "@zag-js/progress": "1.34.1",
+    "@zag-js/qr-code": "1.34.1",
+    "@zag-js/radio-group": "1.34.1",
+    "@zag-js/rating-group": "1.34.1",
+    "@zag-js/scroll-area": "1.34.1",
+    "@zag-js/select": "1.34.1",
+    "@zag-js/signature-pad": "1.34.1",
+    "@zag-js/slider": "1.34.1",
+    "@zag-js/solid": "1.34.1",
+    "@zag-js/splitter": "1.34.1",
+    "@zag-js/steps": "1.34.1",
+    "@zag-js/switch": "1.34.1",
+    "@zag-js/tabs": "1.34.1",
+    "@zag-js/tags-input": "1.34.1",
+    "@zag-js/timer": "1.34.1",
+    "@zag-js/toast": "1.34.1",
+    "@zag-js/toggle": "1.34.1",
+    "@zag-js/toggle-group": "1.34.1",
+    "@zag-js/tooltip": "1.34.1",
+    "@zag-js/tour": "1.34.1",
+    "@zag-js/tree-view": "1.34.1",
+    "@zag-js/types": "1.34.1",
+    "@zag-js/utils": "1.34.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.8",
+    "@biomejs/biome": "2.4.4",
     "@modular-forms/solid": "0.25.1",
     "@solidjs/testing-library": "0.8.10",
-    "@storybook/addon-a11y": "10.1.11",
-    "@storybook/addon-links": "10.1.11",
-    "@storybook/addon-vitest": "10.1.11",
+    "@storybook/addon-a11y": "10.2.10",
+    "@storybook/addon-links": "10.2.10",
+    "@storybook/addon-vitest": "10.2.10",
     "@tanstack/solid-virtual": "3.13.18",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
@@ -194,13 +195,13 @@
     "check-password-strength": "3.0.0",
     "clean-package": "2.2.0",
     "esbuild-plugin-solid": "0.6.0",
-    "globby": "16.1.0",
+    "globby": "16.1.1",
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
-    "lucide-solid": "0.555.0",
+    "lucide-solid": "0.575.0",
     "resize-observer-polyfill": "1.5.1",
-    "solid-js": "1.9.10",
-    "storybook": "10.1.11",
+    "solid-js": "1.9.11",
+    "storybook": "10.2.10",
     "storybook-solidjs-vite": "10.0.9",
     "tsup": "8.5.1",
     "typescript": "5.9.3",
@@ -213,7 +214,7 @@
     "solid-js": ">=1.6.0"
   },
   "overrides": {
-    "solid-js": "1.9.10"
+    "solid-js": "1.9.11"
   },
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/chunk/2R6SK2X3.js

@@ -1 +0,0 @@
-export { anatomy } from '@zag-js/bottom-sheet';

package/dist/chunk/52P3DPTR.js

@@ -1,178 +0,0 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './2WRCIBVP.js';
-import { composeRefs } from './ROP6QZQ7.js';
-import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
-import { createSplitProps } from './ZMHI4GDJ.js';
-import { useLocaleContext } from './RVOPDSQY.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, useMachine, normalizeProps } from '@zag-js/solid';
-import { Show, createUniqueId, createMemo } from 'solid-js';
-import * as bottomSheet from '@zag-js/bottom-sheet';
-
-// src/components/bottom-sheet/use-bottom-sheet-context.ts
-var [BottomSheetProvider, useBottomSheetContext] = createContext({
-  hookName: "useBottomSheetContext",
-  providerName: "<BottomSheetProvider />"
-});
-
-// src/components/bottom-sheet/bottom-sheet-backdrop.tsx
-var BottomSheetBackdrop = (props) => {
-  const bottomSheet2 = useBottomSheetContext();
-  const renderStrategyProps = useRenderStrategyContext();
-  const presence = usePresence(mergeProps(renderStrategyProps, () => ({
-    present: bottomSheet2().open
-  })));
-  const mergedProps = mergeProps(() => bottomSheet2().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 BottomSheetCloseTrigger = (props) => {
-  const context = useBottomSheetContext();
-  const mergedProps = mergeProps(() => context().getCloseTriggerProps(), props);
-  return createComponent(ark.button, mergedProps);
-};
-var BottomSheetContent = (props) => {
-  const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
-  const bottomSheet2 = useBottomSheetContext();
-  const presence = usePresenceContext();
-  const mergedProps = mergeProps(() => bottomSheet2().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/bottom-sheet/bottom-sheet-context.tsx
-var BottomSheetContext = (props) => props.children(useBottomSheetContext());
-var BottomSheetGrabber = (props) => {
-  const bottomSheet2 = useBottomSheetContext();
-  const mergedProps = mergeProps(() => bottomSheet2().getGrabberProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-var BottomSheetGrabberIndicator = (props) => {
-  const bottomSheet2 = useBottomSheetContext();
-  const mergedProps = mergeProps(() => bottomSheet2().getGrabberIndicatorProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-var useBottomSheet = (props) => {
-  const locale = useLocaleContext();
-  const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const machineProps = createMemo(() => ({
-    id,
-    dir: locale().dir,
-    getRootNode: environment().getRootNode,
-    ...runIfFn(props)
-  }));
-  const service = useMachine(bottomSheet.machine, machineProps);
-  return createMemo(() => bottomSheet.connect(service, normalizeProps));
-};
-
-// src/components/bottom-sheet/bottom-sheet-root.tsx
-var BottomSheetRoot = (props) => {
-  const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
-  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
-  const [useBottomSheetProps, localProps] = createSplitProps()(bottomSheetProps, ["id", "ids", "open", "defaultOpen", "onOpenChange", "closeOnInteractOutside", "closeOnEscape", "snapPoints", "swipeVelocityThreshold", "closeThreshold", "preventDragOnScroll", "activeSnapPoint", "defaultActiveSnapPoint", "onActiveSnapPointChange", "modal", "trapFocus", "restoreFocus", "preventScroll", "initialFocusEl", "finalFocusEl", "role", "onInteractOutside", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onRequestDismiss"]);
-  const bottomSheet2 = useBottomSheet(useBottomSheetProps);
-  const presence = usePresence(mergeProps(presenceProps, () => ({
-    present: bottomSheet2().open
-  })));
-  return createComponent(BottomSheetProvider, {
-    value: bottomSheet2,
-    get children() {
-      return createComponent(RenderStrategyProvider, {
-        value: renderStrategyProps,
-        get children() {
-          return createComponent(PresenceProvider, {
-            value: presence,
-            get children() {
-              return localProps.children;
-            }
-          });
-        }
-      });
-    }
-  });
-};
-var BottomSheetRootProvider = (props) => {
-  const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
-  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
-  const presence = usePresence(mergeProps(() => ({
-    present: bottomSheetProps.value().open
-  }), presenceProps));
-  return createComponent(BottomSheetProvider, {
-    get value() {
-      return bottomSheetProps.value;
-    },
-    get children() {
-      return createComponent(RenderStrategyProvider, {
-        value: renderStrategyProps,
-        get children() {
-          return createComponent(PresenceProvider, {
-            value: presence,
-            get children() {
-              return bottomSheetProps.children;
-            }
-          });
-        }
-      });
-    }
-  });
-};
-var BottomSheetTitle = (props) => {
-  const bottomSheet2 = useBottomSheetContext();
-  const mergedProps = mergeProps(() => bottomSheet2().getTitleProps(), props);
-  return createComponent(ark.h2, mergedProps);
-};
-var BottomSheetTrigger = (props) => {
-  const bottomSheet2 = useBottomSheetContext();
-  const presence = usePresenceContext();
-  const mergedProps = mergeProps(() => bottomSheet2().getTriggerProps(), () => ({
-    "aria-controls": presence().unmounted && null
-  }), props);
-  return createComponent(ark.button, mergedProps);
-};
-
-// src/components/bottom-sheet/bottom-sheet.ts
-var bottom_sheet_exports = {};
-__export(bottom_sheet_exports, {
-  Backdrop: () => BottomSheetBackdrop,
-  CloseTrigger: () => BottomSheetCloseTrigger,
-  Content: () => BottomSheetContent,
-  Context: () => BottomSheetContext,
-  Grabber: () => BottomSheetGrabber,
-  GrabberIndicator: () => BottomSheetGrabberIndicator,
-  Root: () => BottomSheetRoot,
-  RootProvider: () => BottomSheetRootProvider,
-  Title: () => BottomSheetTitle,
-  Trigger: () => BottomSheetTrigger
-});
-
-export { BottomSheetBackdrop, BottomSheetCloseTrigger, BottomSheetContent, BottomSheetContext, BottomSheetGrabber, BottomSheetGrabberIndicator, BottomSheetRoot, BottomSheetRootProvider, BottomSheetTitle, BottomSheetTrigger, bottom_sheet_exports, useBottomSheet, useBottomSheetContext };