@ark-ui/react 5.7.0 → 5.9.0

package/dist/components/date-picker/date-picker-root.cjs

@@ -18,10 +18,10 @@ const DatePickerRoot = react.forwardRef((props, ref) => {
   const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
   const [useDatePickerProps, localProps] = createSplitProps.createSplitProps()(datePickerProps, [
     "closeOnSelect",
+    "defaultFocusedValue",
     "defaultOpen",
     "defaultValue",
     "defaultView",
-    "defaultFocusedValue",
     "disabled",
     "fixedWeeks",
     "focusedValue",
@@ -29,7 +29,6 @@ const DatePickerRoot = react.forwardRef((props, ref) => {
     "id",
     "ids",
     "isDateUnavailable",
-    "isDateUnavailable",
     "locale",
     "max",
     "maxView",
@@ -42,6 +41,7 @@ const DatePickerRoot = react.forwardRef((props, ref) => {
     "onValueChange",
     "onViewChange",
     "open",
+    "outsideDaySelectable",
     "parse",
     "placeholder",
     "positioning",

package/dist/components/date-picker/date-picker-root.js

@@ -14,10 +14,10 @@ const DatePickerRoot = forwardRef((props, ref) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
   const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, [
     "closeOnSelect",
+    "defaultFocusedValue",
     "defaultOpen",
     "defaultValue",
     "defaultView",
-    "defaultFocusedValue",
     "disabled",
     "fixedWeeks",
     "focusedValue",
@@ -25,7 +25,6 @@ const DatePickerRoot = forwardRef((props, ref) => {
     "id",
     "ids",
     "isDateUnavailable",
-    "isDateUnavailable",
     "locale",
     "max",
     "maxView",
@@ -38,6 +37,7 @@ const DatePickerRoot = forwardRef((props, ref) => {
     "onValueChange",
     "onViewChange",
     "open",
+    "outsideDaySelectable",
     "parse",
     "placeholder",
     "positioning",

package/dist/components/format/format-byte.cjs

@@ -9,9 +9,11 @@ const react = require('react');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
 
 const FormatByte = (props) => {
-  const { value, ...intlOptions } = props;
   const { locale } = useLocaleContext.useLocaleContext();
-  const text = react.useMemo(() => i18nUtils.formatBytes(value, locale, intlOptions), [value, locale, intlOptions]);
+  const text = react.useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return i18nUtils.formatBytes(value, locale, intlOptions);
+  }, [props, locale]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
 };
 FormatByte.displayName = "FormatByte";

package/dist/components/format/format-byte.js

@@ -5,9 +5,11 @@ import { useMemo } from 'react';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 
 const FormatByte = (props) => {
-  const { value, ...intlOptions } = props;
   const { locale } = useLocaleContext();
-  const text = useMemo(() => formatBytes(value, locale, intlOptions), [value, locale, intlOptions]);
+  const text = useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return formatBytes(value, locale, intlOptions);
+  }, [props, locale]);
   return /* @__PURE__ */ jsx(Fragment, { children: text });
 };
 FormatByte.displayName = "FormatByte";

package/dist/components/format/format-number.cjs

@@ -9,9 +9,11 @@ const react = require('react');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
 
 const FormatNumber = (props) => {
-  const { value, ...intlOptions } = props;
   const { locale } = useLocaleContext.useLocaleContext();
-  const text = react.useMemo(() => i18nUtils.formatNumber(value, locale, intlOptions), [value, locale, intlOptions]);
+  const text = react.useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return i18nUtils.formatNumber(value, locale, intlOptions);
+  }, [props, locale]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
 };
 FormatNumber.displayName = "FormatNumber";

package/dist/components/format/format-number.js

@@ -5,9 +5,11 @@ import { useMemo } from 'react';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 
 const FormatNumber = (props) => {
-  const { value, ...intlOptions } = props;
   const { locale } = useLocaleContext();
-  const text = useMemo(() => formatNumber(value, locale, intlOptions), [value, locale, intlOptions]);
+  const text = useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return formatNumber(value, locale, intlOptions);
+  }, [props, locale]);
   return /* @__PURE__ */ jsx(Fragment, { children: text });
 };
 FormatNumber.displayName = "FormatNumber";

package/dist/components/format/format-relative-time.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const i18nUtils = require('@zag-js/i18n-utils');
+const react = require('react');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+const FormatRelativeTime = (props) => {
+  const { locale } = useLocaleContext.useLocaleContext();
+  const text = react.useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return i18nUtils.formatRelativeTime(value, locale, intlOptions);
+  }, [props, locale]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
+};
+FormatRelativeTime.displayName = "FormatRelativeTime";
+
+exports.FormatRelativeTime = FormatRelativeTime;

package/dist/components/format/format-relative-time.d.cts

@@ -0,0 +1,10 @@
+export interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+    /**
+     * The date to format
+     */
+    value: Date;
+}
+export declare const FormatRelativeTime: {
+    (props: FormatRelativeTimeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/format/format-relative-time.d.ts

@@ -0,0 +1,10 @@
+export interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+    /**
+     * The date to format
+     */
+    value: Date;
+}
+export declare const FormatRelativeTime: {
+    (props: FormatRelativeTimeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/format/format-relative-time.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { formatRelativeTime } from '@zag-js/i18n-utils';
+import { useMemo } from 'react';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const FormatRelativeTime = (props) => {
+  const { locale } = useLocaleContext();
+  const text = useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return formatRelativeTime(value, locale, intlOptions);
+  }, [props, locale]);
+  return /* @__PURE__ */ jsx(Fragment, { children: text });
+};
+FormatRelativeTime.displayName = "FormatRelativeTime";
+
+export { FormatRelativeTime };

package/dist/components/format/format.cjs

@@ -4,8 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const formatByte = require('./format-byte.cjs');
 const formatNumber = require('./format-number.cjs');
+const formatRelativeTime = require('./format-relative-time.cjs');
 
 
 
 exports.Byte = formatByte.FormatByte;
 exports.Number = formatNumber.FormatNumber;
+exports.RelativeTime = formatRelativeTime.FormatRelativeTime;

package/dist/components/format/format.d.cts

@@ -1,2 +1,3 @@
 export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte';
 export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number';
+export { FormatRelativeTime as RelativeTime, type FormatRelativeTimeProps as RelativeTimeProps, } from './format-relative-time';

package/dist/components/format/format.d.ts

@@ -1,2 +1,3 @@
 export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte';
 export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number';
+export { FormatRelativeTime as RelativeTime, type FormatRelativeTimeProps as RelativeTimeProps, } from './format-relative-time';

package/dist/components/format/format.js

@@ -1,2 +1,3 @@
 export { FormatByte as Byte } from './format-byte.js';
 export { FormatNumber as Number } from './format-number.js';
+export { FormatRelativeTime as RelativeTime } from './format-relative-time.js';

package/dist/components/format/index.cjs

@@ -4,10 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const formatByte = require('./format-byte.cjs');
 const formatNumber = require('./format-number.cjs');
+const formatRelativeTime = require('./format-relative-time.cjs');
 const format = require('./format.cjs');
 
 
 
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
+exports.FormatRelativeTime = formatRelativeTime.FormatRelativeTime;
 exports.Format = format;

package/dist/components/format/index.d.cts

@@ -1,3 +1,4 @@
 export { FormatByte, type FormatByteProps } from './format-byte';
 export { FormatNumber, type FormatNumberProps } from './format-number';
+export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time';
 export * as Format from './format';

package/dist/components/format/index.d.ts

@@ -1,3 +1,4 @@
 export { FormatByte, type FormatByteProps } from './format-byte';
 export { FormatNumber, type FormatNumberProps } from './format-number';
+export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time';
 export * as Format from './format';

package/dist/components/format/index.js

@@ -1,4 +1,5 @@
 export { FormatByte } from './format-byte.js';
 export { FormatNumber } from './format-number.js';
+export { FormatRelativeTime } from './format-relative-time.js';
 import * as format from './format.js';
 export { format as Format };

package/dist/components/index.cjs

@@ -262,6 +262,7 @@ const floatingPanel$1 = require('./floating-panel/floating-panel.cjs');
 const focusTrap = require('./focus-trap/focus-trap.cjs');
 const formatByte = require('./format/format-byte.cjs');
 const formatNumber = require('./format/format-number.cjs');
+const formatRelativeTime = require('./format/format-relative-time.cjs');
 const format = require('./format/format.cjs');
 const frame = require('./frame/frame.cjs');
 const highlight = require('./highlight/highlight.cjs');
@@ -960,6 +961,7 @@ exports.FloatingPanel = floatingPanel$1;
 exports.FocusTrap = focusTrap.FocusTrap;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
+exports.FormatRelativeTime = formatRelativeTime.FormatRelativeTime;
 exports.Format = format;
 exports.Frame = frame.Frame;
 exports.Highlight = highlight.Highlight;

package/dist/components/index.js

@@ -274,6 +274,7 @@ export { floatingPanel as FloatingPanel };
 export { FocusTrap } from './focus-trap/focus-trap.js';
 export { FormatByte } from './format/format-byte.js';
 export { FormatNumber } from './format/format-number.js';
+export { FormatRelativeTime } from './format/format-relative-time.js';
 import * as format from './format/format.js';
 export { format as Format };
 export { Frame } from './frame/frame.js';

package/dist/index.cjs

@@ -262,6 +262,7 @@ const floatingPanel$1 = require('./components/floating-panel/floating-panel.cjs'
 const focusTrap = require('./components/focus-trap/focus-trap.cjs');
 const formatByte = require('./components/format/format-byte.cjs');
 const formatNumber = require('./components/format/format-number.cjs');
+const formatRelativeTime = require('./components/format/format-relative-time.cjs');
 const format = require('./components/format/format.cjs');
 const frame = require('./components/frame/frame.cjs');
 const highlight = require('./components/highlight/highlight.cjs');
@@ -655,6 +656,7 @@ const treeView$1 = require('./components/tree-view/tree-view.cjs');
 const environmentProvider = require('./providers/environment/environment-provider.cjs');
 const useEnvironmentContext = require('./providers/environment/use-environment-context.cjs');
 const localeProvider = require('./providers/locale/locale-provider.cjs');
+const useFilter = require('./providers/locale/use-filter.cjs');
 const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
@@ -964,6 +966,7 @@ exports.FloatingPanel = floatingPanel$1;
 exports.FocusTrap = focusTrap.FocusTrap;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
+exports.FormatRelativeTime = formatRelativeTime.FormatRelativeTime;
 exports.Format = format;
 exports.Frame = frame.Frame;
 exports.Highlight = highlight.Highlight;
@@ -1361,6 +1364,7 @@ exports.TreeView = treeView$1;
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
+exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;
 Object.defineProperty(exports, "accordionAnatomy", {
 	enumerable: true,

package/dist/index.js

@@ -274,6 +274,7 @@ export { floatingPanel as FloatingPanel };
 export { FocusTrap } from './components/focus-trap/focus-trap.js';
 export { FormatByte } from './components/format/format-byte.js';
 export { FormatNumber } from './components/format/format-number.js';
+export { FormatRelativeTime } from './components/format/format-relative-time.js';
 import * as format from './components/format/format.js';
 export { format as Format };
 export { Frame } from './components/frame/frame.js';
@@ -696,6 +697,7 @@ export { treeView as TreeView };
 export { EnvironmentProvider } from './providers/environment/environment-provider.js';
 export { useEnvironmentContext } from './providers/environment/use-environment-context.js';
 export { LocaleProvider } from './providers/locale/locale-provider.js';
+export { useFilter } from './providers/locale/use-filter.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';

package/dist/providers/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const environmentProvider = require('./environment/environment-provider.cjs');
 const useEnvironmentContext = require('./environment/use-environment-context.cjs');
 const localeProvider = require('./locale/locale-provider.cjs');
+const useFilter = require('./locale/use-filter.cjs');
 const useLocaleContext = require('./locale/use-locale-context.cjs');
 
 
@@ -12,4 +13,5 @@ const useLocaleContext = require('./locale/use-locale-context.cjs');
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
+exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/index.js

@@ -1,4 +1,5 @@
 export { EnvironmentProvider } from './environment/environment-provider.js';
 export { useEnvironmentContext } from './environment/use-environment-context.js';
 export { LocaleProvider } from './locale/locale-provider.js';
+export { useFilter } from './locale/use-filter.js';
 export { useLocaleContext } from './locale/use-locale-context.js';

package/dist/providers/locale/index.cjs

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const localeProvider = require('./locale-provider.cjs');
+const useFilter = require('./use-filter.cjs');
 const useLocaleContext = require('./use-locale-context.cjs');
 
 
 
 exports.LocaleProvider = localeProvider.LocaleProvider;
+exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

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

@@ -1,2 +1,3 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
+export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

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

@@ -1,2 +1,3 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
+export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/providers/locale/index.js

@@ -1,2 +1,3 @@
 export { LocaleProvider } from './locale-provider.js';
+export { useFilter } from './use-filter.js';
 export { useLocaleContext } from './use-locale-context.js';

package/dist/providers/locale/use-filter.cjs

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const i18nUtils = require('@zag-js/i18n-utils');
+const react = require('react');
+const useLocaleContext = require('./use-locale-context.cjs');
+
+function useFilter(props) {
+  const env = useLocaleContext.useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return react.useMemo(() => i18nUtils.createFilter({ ...props, locale }), [locale, props]);
+}
+
+exports.useFilter = useFilter;

package/dist/providers/locale/use-filter.d.cts

@@ -0,0 +1,6 @@
+import { FilterOptions, FilterReturn } from '@zag-js/i18n-utils';
+export interface UseFilterProps extends FilterOptions {
+}
+export declare function useFilter(props: UseFilterProps): UseFilterReturn;
+export interface UseFilterReturn extends FilterReturn {
+}

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

@@ -0,0 +1,6 @@
+import { FilterOptions, FilterReturn } from '@zag-js/i18n-utils';
+export interface UseFilterProps extends FilterOptions {
+}
+export declare function useFilter(props: UseFilterProps): UseFilterReturn;
+export interface UseFilterReturn extends FilterReturn {
+}

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.7.0",
+  "version": "5.9.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -150,62 +150,62 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.0",
-    "@zag-js/accordion": "1.11.0",
-    "@zag-js/angle-slider": "1.11.0",
-    "@zag-js/anatomy": "1.11.0",
-    "@zag-js/auto-resize": "1.11.0",
-    "@zag-js/avatar": "1.11.0",
-    "@zag-js/carousel": "1.11.0",
-    "@zag-js/checkbox": "1.11.0",
-    "@zag-js/clipboard": "1.11.0",
-    "@zag-js/collapsible": "1.11.0",
-    "@zag-js/collection": "1.11.0",
-    "@zag-js/color-picker": "1.11.0",
-    "@zag-js/color-utils": "1.11.0",
-    "@zag-js/combobox": "1.11.0",
-    "@zag-js/core": "1.11.0",
-    "@zag-js/date-picker": "1.11.0",
-    "@zag-js/date-utils": "1.11.0",
-    "@zag-js/dialog": "1.11.0",
-    "@zag-js/dom-query": "1.11.0",
-    "@zag-js/editable": "1.11.0",
-    "@zag-js/file-upload": "1.11.0",
-    "@zag-js/file-utils": "1.11.0",
-    "@zag-js/focus-trap": "1.11.0",
-    "@zag-js/floating-panel": "1.11.0",
-    "@zag-js/highlight-word": "1.11.0",
-    "@zag-js/hover-card": "1.11.0",
-    "@zag-js/i18n-utils": "1.11.0",
-    "@zag-js/listbox": "1.11.0",
-    "@zag-js/menu": "1.11.0",
-    "@zag-js/number-input": "1.11.0",
-    "@zag-js/pagination": "1.11.0",
-    "@zag-js/pin-input": "1.11.0",
-    "@zag-js/popover": "1.11.0",
-    "@zag-js/presence": "1.11.0",
-    "@zag-js/progress": "1.11.0",
-    "@zag-js/qr-code": "1.11.0",
-    "@zag-js/radio-group": "1.11.0",
-    "@zag-js/rating-group": "1.11.0",
-    "@zag-js/react": "1.11.0",
-    "@zag-js/select": "1.11.0",
-    "@zag-js/signature-pad": "1.11.0",
-    "@zag-js/slider": "1.11.0",
-    "@zag-js/splitter": "1.11.0",
-    "@zag-js/steps": "1.11.0",
-    "@zag-js/switch": "1.11.0",
-    "@zag-js/tabs": "1.11.0",
-    "@zag-js/tags-input": "1.11.0",
-    "@zag-js/time-picker": "1.11.0",
-    "@zag-js/timer": "1.11.0",
-    "@zag-js/toast": "1.11.0",
-    "@zag-js/toggle": "1.11.0",
-    "@zag-js/toggle-group": "1.11.0",
-    "@zag-js/tooltip": "1.11.0",
-    "@zag-js/tour": "1.11.0",
-    "@zag-js/tree-view": "1.11.0",
-    "@zag-js/types": "1.11.0",
-    "@zag-js/utils": "1.11.0"
+    "@zag-js/accordion": "1.12.0",
+    "@zag-js/angle-slider": "1.12.0",
+    "@zag-js/anatomy": "1.12.0",
+    "@zag-js/auto-resize": "1.12.0",
+    "@zag-js/avatar": "1.12.0",
+    "@zag-js/carousel": "1.12.0",
+    "@zag-js/checkbox": "1.12.0",
+    "@zag-js/clipboard": "1.12.0",
+    "@zag-js/collapsible": "1.12.0",
+    "@zag-js/collection": "1.12.0",
+    "@zag-js/color-picker": "1.12.0",
+    "@zag-js/color-utils": "1.12.0",
+    "@zag-js/combobox": "1.12.0",
+    "@zag-js/core": "1.12.0",
+    "@zag-js/date-picker": "1.12.0",
+    "@zag-js/date-utils": "1.12.0",
+    "@zag-js/dialog": "1.12.0",
+    "@zag-js/dom-query": "1.12.0",
+    "@zag-js/editable": "1.12.0",
+    "@zag-js/file-upload": "1.12.0",
+    "@zag-js/file-utils": "1.12.0",
+    "@zag-js/focus-trap": "1.12.0",
+    "@zag-js/floating-panel": "1.12.0",
+    "@zag-js/highlight-word": "1.12.0",
+    "@zag-js/hover-card": "1.12.0",
+    "@zag-js/i18n-utils": "1.12.0",
+    "@zag-js/listbox": "1.12.0",
+    "@zag-js/menu": "1.12.0",
+    "@zag-js/number-input": "1.12.0",
+    "@zag-js/pagination": "1.12.0",
+    "@zag-js/pin-input": "1.12.0",
+    "@zag-js/popover": "1.12.0",
+    "@zag-js/presence": "1.12.0",
+    "@zag-js/progress": "1.12.0",
+    "@zag-js/qr-code": "1.12.0",
+    "@zag-js/radio-group": "1.12.0",
+    "@zag-js/rating-group": "1.12.0",
+    "@zag-js/react": "1.12.0",
+    "@zag-js/select": "1.12.0",
+    "@zag-js/signature-pad": "1.12.0",
+    "@zag-js/slider": "1.12.0",
+    "@zag-js/splitter": "1.12.0",
+    "@zag-js/steps": "1.12.0",
+    "@zag-js/switch": "1.12.0",
+    "@zag-js/tabs": "1.12.0",
+    "@zag-js/tags-input": "1.12.0",
+    "@zag-js/time-picker": "1.12.0",
+    "@zag-js/timer": "1.12.0",
+    "@zag-js/toast": "1.12.0",
+    "@zag-js/toggle": "1.12.0",
+    "@zag-js/toggle-group": "1.12.0",
+    "@zag-js/tooltip": "1.12.0",
+    "@zag-js/tour": "1.12.0",
+    "@zag-js/tree-view": "1.12.0",
+    "@zag-js/types": "1.12.0",
+    "@zag-js/utils": "1.12.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -219,24 +219,24 @@
     "@testing-library/user-event": "14.6.1",
     "@types/jsdom": "21.1.7",
     "@types/react": "19.1.2",
-    "@types/react-dom": "19.1.2",
+    "@types/react-dom": "19.1.3",
     "@vitejs/plugin-react": "4.4.1",
-    "@zag-js/stringify-state": "1.11.0",
+    "@zag-js/stringify-state": "1.12.0",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
-    "happy-dom": "17.4.4",
-    "lucide-react": "0.501.0",
+    "happy-dom": "17.4.6",
+    "lucide-react": "0.507.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.56.0",
+    "react-hook-form": "7.56.2",
     "resize-observer-polyfill": "1.5.1",
     "storybook": "8.6.12",
     "typescript": "5.8.3",
-    "vite": "6.3.2",
+    "vite": "6.3.5",
     "vite-plugin-dts": "4.5.3",
-    "vitest": "3.1.1",
-    "@vitest/coverage-v8": "3.1.1",
+    "vitest": "3.1.2",
+    "@vitest/coverage-v8": "3.1.2",
     "vitest-axe": "1.0.0-pre.5"
   },
   "peerDependencies": {