@ark-ui/react 5.20.0 → 5.22.0

package/dist/providers/locale/use-collator.d.ts

@@ -0,0 +1,4 @@
+export interface UseCollatorProps extends Intl.CollatorOptions {
+    locale?: string;
+}
+export declare function useCollator(props?: UseCollatorProps): Intl.Collator;

package/dist/providers/locale/use-collator.js

@@ -0,0 +1,15 @@
+'use client';
+import { createCollator } from '@zag-js/i18n-utils';
+import { useLocaleContext } from './use-locale-context.js';
+import { useMemo } from 'react';
+
+function useCollator(props = {}) {
+  const env = useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return useMemo(() => {
+    const { locale: _, ...options } = props;
+    return createCollator(locale, options);
+  }, [locale, props]);
+}
+
+export { useCollator };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.20.0",
+  "version": "5.22.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,83 +141,84 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.21.7",
-    "@zag-js/anatomy": "1.21.7",
-    "@zag-js/angle-slider": "1.21.7",
-    "@zag-js/auto-resize": "1.21.7",
-    "@zag-js/avatar": "1.21.7",
-    "@zag-js/carousel": "1.21.7",
-    "@zag-js/checkbox": "1.21.7",
-    "@zag-js/clipboard": "1.21.7",
-    "@zag-js/collapsible": "1.21.7",
-    "@zag-js/collection": "1.21.7",
-    "@zag-js/color-picker": "1.21.7",
-    "@zag-js/color-utils": "1.21.7",
-    "@zag-js/combobox": "1.21.7",
-    "@zag-js/core": "1.21.7",
-    "@zag-js/date-picker": "1.21.7",
-    "@zag-js/date-utils": "1.21.7",
-    "@zag-js/dialog": "1.21.7",
-    "@zag-js/dom-query": "1.21.7",
-    "@zag-js/editable": "1.21.7",
-    "@zag-js/file-upload": "1.21.7",
-    "@zag-js/file-utils": "1.21.7",
-    "@zag-js/floating-panel": "1.21.7",
-    "@zag-js/focus-trap": "1.21.7",
-    "@zag-js/highlight-word": "1.21.7",
-    "@zag-js/hover-card": "1.21.7",
-    "@zag-js/i18n-utils": "1.21.7",
-    "@zag-js/json-tree-utils": "1.21.7",
-    "@zag-js/listbox": "1.21.7",
-    "@zag-js/menu": "1.21.7",
-    "@zag-js/number-input": "1.21.7",
-    "@zag-js/pagination": "1.21.7",
-    "@zag-js/password-input": "1.21.7",
-    "@zag-js/pin-input": "1.21.7",
-    "@zag-js/popover": "1.21.7",
-    "@zag-js/presence": "1.21.7",
-    "@zag-js/progress": "1.21.7",
-    "@zag-js/qr-code": "1.21.7",
-    "@zag-js/radio-group": "1.21.7",
-    "@zag-js/rating-group": "1.21.7",
-    "@zag-js/react": "1.21.7",
-    "@zag-js/scroll-area": "1.21.7",
-    "@zag-js/select": "1.21.7",
-    "@zag-js/signature-pad": "1.21.7",
-    "@zag-js/slider": "1.21.7",
-    "@zag-js/splitter": "1.21.7",
-    "@zag-js/steps": "1.21.7",
-    "@zag-js/switch": "1.21.7",
-    "@zag-js/tabs": "1.21.7",
-    "@zag-js/tags-input": "1.21.7",
-    "@zag-js/time-picker": "1.21.7",
-    "@zag-js/timer": "1.21.7",
-    "@zag-js/toast": "1.21.7",
-    "@zag-js/toggle": "1.21.7",
-    "@zag-js/toggle-group": "1.21.7",
-    "@zag-js/tooltip": "1.21.7",
-    "@zag-js/tour": "1.21.7",
-    "@zag-js/tree-view": "1.21.7",
-    "@zag-js/types": "1.21.7",
-    "@zag-js/utils": "1.21.7"
+    "@zag-js/accordion": "1.22.1",
+    "@zag-js/anatomy": "1.22.1",
+    "@zag-js/angle-slider": "1.22.1",
+    "@zag-js/async-list": "1.22.1",
+    "@zag-js/auto-resize": "1.22.1",
+    "@zag-js/avatar": "1.22.1",
+    "@zag-js/carousel": "1.22.1",
+    "@zag-js/checkbox": "1.22.1",
+    "@zag-js/clipboard": "1.22.1",
+    "@zag-js/collapsible": "1.22.1",
+    "@zag-js/collection": "1.22.1",
+    "@zag-js/color-picker": "1.22.1",
+    "@zag-js/color-utils": "1.22.1",
+    "@zag-js/combobox": "1.22.1",
+    "@zag-js/core": "1.22.1",
+    "@zag-js/date-picker": "1.22.1",
+    "@zag-js/date-utils": "1.22.1",
+    "@zag-js/dialog": "1.22.1",
+    "@zag-js/dom-query": "1.22.1",
+    "@zag-js/editable": "1.22.1",
+    "@zag-js/file-upload": "1.22.1",
+    "@zag-js/file-utils": "1.22.1",
+    "@zag-js/floating-panel": "1.22.1",
+    "@zag-js/focus-trap": "1.22.1",
+    "@zag-js/highlight-word": "1.22.1",
+    "@zag-js/hover-card": "1.22.1",
+    "@zag-js/i18n-utils": "1.22.1",
+    "@zag-js/json-tree-utils": "1.22.1",
+    "@zag-js/listbox": "1.22.1",
+    "@zag-js/menu": "1.22.1",
+    "@zag-js/number-input": "1.22.1",
+    "@zag-js/pagination": "1.22.1",
+    "@zag-js/password-input": "1.22.1",
+    "@zag-js/pin-input": "1.22.1",
+    "@zag-js/popover": "1.22.1",
+    "@zag-js/presence": "1.22.1",
+    "@zag-js/progress": "1.22.1",
+    "@zag-js/qr-code": "1.22.1",
+    "@zag-js/radio-group": "1.22.1",
+    "@zag-js/rating-group": "1.22.1",
+    "@zag-js/react": "1.22.1",
+    "@zag-js/scroll-area": "1.22.1",
+    "@zag-js/select": "1.22.1",
+    "@zag-js/signature-pad": "1.22.1",
+    "@zag-js/slider": "1.22.1",
+    "@zag-js/splitter": "1.22.1",
+    "@zag-js/steps": "1.22.1",
+    "@zag-js/switch": "1.22.1",
+    "@zag-js/tabs": "1.22.1",
+    "@zag-js/tags-input": "1.22.1",
+    "@zag-js/time-picker": "1.22.1",
+    "@zag-js/timer": "1.22.1",
+    "@zag-js/toast": "1.22.1",
+    "@zag-js/toggle": "1.22.1",
+    "@zag-js/toggle-group": "1.22.1",
+    "@zag-js/tooltip": "1.22.1",
+    "@zag-js/tour": "1.22.1",
+    "@zag-js/tree-view": "1.22.1",
+    "@zag-js/types": "1.22.1",
+    "@zag-js/utils": "1.22.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.2.0",
-    "@storybook/addon-a11y": "9.1.2",
-    "@storybook/react-vite": "9.1.2",
+    "@biomejs/biome": "2.2.2",
+    "@storybook/addon-a11y": "9.1.3",
+    "@storybook/react-vite": "9.1.3",
     "@testing-library/dom": "10.4.1",
-    "@testing-library/jest-dom": "6.7.0",
+    "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/jsdom": "21.1.7",
-    "@types/react": "19.1.10",
+    "@types/react": "19.1.11",
     "@types/react-dom": "19.1.7",
-    "@vitejs/plugin-react": "5.0.0",
+    "@vitejs/plugin-react": "5.0.1",
     "clean-package": "2.2.0",
     "image-conversion": "2.1.1",
     "globby": "14.1.0",
     "happy-dom": "18.0.1",
-    "lucide-react": "0.540.0",
+    "lucide-react": "0.541.0",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-shadow": "20.6.0",
@@ -225,9 +226,9 @@
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.62.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.1.2",
+    "storybook": "9.1.3",
     "typescript": "5.9.2",
-    "vite": "7.1.2",
+    "vite": "7.1.3",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",

package/dist/utils/use-debounce.cjs

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = react.useState(value);
-  react.useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-}
-
-exports.useDebounce = useDebounce;

package/dist/utils/use-debounce.js

@@ -1,17 +0,0 @@
-'use client';
-import { useState, useEffect } from 'react';
-
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-}
-
-export { useDebounce };