@ark-ui/react 5.34.0 → 5.35.0

package/dist/components/index.js

@@ -37,6 +37,7 @@ export { avatar as Avatar };
 export { DrawerBackdrop } from './drawer/drawer-backdrop.js';
 export { DrawerCloseTrigger } from './drawer/drawer-close-trigger.js';
 export { DrawerContent } from './drawer/drawer-content.js';
+export { DrawerDescription } from './drawer/drawer-description.js';
 export { DrawerContext } from './drawer/drawer-context.js';
 export { DrawerPositioner } from './drawer/drawer-positioner.js';
 export { DrawerGrabber } from './drawer/drawer-grabber.js';
@@ -48,6 +49,7 @@ export { DrawerTrigger } from './drawer/drawer-trigger.js';
 export { DrawerIndent } from './drawer/drawer-indent.js';
 export { DrawerIndentBackground } from './drawer/drawer-indent-background.js';
 export { DrawerStack } from './drawer/drawer-stack.js';
+export { DrawerSwipeArea } from './drawer/drawer-swipe-area.js';
 export { useDrawer } from './drawer/use-drawer.js';
 export { useDrawerContext } from './drawer/use-drawer-context.js';
 export { useDrawerStackContext } from './drawer/use-drawer-stack-context.js';

package/dist/components/listbox/listbox-input.cjs

@@ -12,7 +12,7 @@ const useListboxContext = require('./use-listbox-context.cjs');
 
 const splitInputProps = createSplitProps.createSplitProps();
 const ListboxInput = react.forwardRef((props, ref) => {
-  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight"]);
+  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight", "keyboardPriority"]);
   const listbox = useListboxContext.useListboxContext();
   const mergedProps = react$1.mergeProps(listbox.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });

package/dist/components/listbox/listbox-input.js

@@ -8,7 +8,7 @@ import { useListboxContext } from './use-listbox-context.js';
 
 const splitInputProps = createSplitProps();
 const ListboxInput = forwardRef((props, ref) => {
-  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight"]);
+  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight", "keyboardPriority"]);
   const listbox = useListboxContext();
   const mergedProps = mergeProps(listbox.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });

package/dist/components/navigation-menu/navigation-menu-root.cjs

@@ -26,6 +26,7 @@ const NavigationMenuRoot = react.forwardRef((props, ref) => {
     "onValueChange",
     "openDelay",
     "orientation",
+    "translations",
     "value"
   ]);
   const navigationMenu = useNavigationMenu.useNavigationMenu(useNavigationMenuProps);

package/dist/components/navigation-menu/navigation-menu-root.js

@@ -22,6 +22,7 @@ const NavigationMenuRoot = forwardRef((props, ref) => {
     "onValueChange",
     "openDelay",
     "orientation",
+    "translations",
     "value"
   ]);
   const navigationMenu = useNavigationMenu(useNavigationMenuProps);

package/dist/components/pin-input/pin-input-root.cjs

@@ -15,6 +15,7 @@ const splitRootProps = createSplitProps.createSplitProps();
 const PinInputRoot = react.forwardRef((props, ref) => {
   const [usePinInputProps, localProps] = splitRootProps(props, [
     "autoFocus",
+    "autoSubmit",
     "blurOnComplete",
     "count",
     "defaultValue",
@@ -33,6 +34,7 @@ const PinInputRoot = react.forwardRef((props, ref) => {
     "placeholder",
     "readOnly",
     "required",
+    "sanitizeValue",
     "selectOnFocus",
     "translations",
     "type",

package/dist/components/pin-input/pin-input-root.js

@@ -11,6 +11,7 @@ const splitRootProps = createSplitProps();
 const PinInputRoot = forwardRef((props, ref) => {
   const [usePinInputProps, localProps] = splitRootProps(props, [
     "autoFocus",
+    "autoSubmit",
     "blurOnComplete",
     "count",
     "defaultValue",
@@ -29,6 +30,7 @@ const PinInputRoot = forwardRef((props, ref) => {
     "placeholder",
     "readOnly",
     "required",
+    "sanitizeValue",
     "selectOnFocus",
     "translations",
     "type",

package/dist/components/select/select-root.cjs

@@ -45,6 +45,7 @@ const SelectImpl = (props, ref) => {
     "readOnly",
     "required",
     "scrollToIndexFn",
+    "translations",
     "autoComplete",
     "value"
   ]);

package/dist/components/select/select-root.js

@@ -41,6 +41,7 @@ const SelectImpl = (props, ref) => {
     "readOnly",
     "required",
     "scrollToIndexFn",
+    "translations",
     "autoComplete",
     "value"
   ]);

package/dist/components/tags-input/tags-input-root.cjs

@@ -15,6 +15,7 @@ const splitTagsInputProps = createSplitProps.createSplitProps();
 const TagsInputRoot = react.forwardRef((props, ref) => {
   const [useTagsInputProps, localProps] = splitTagsInputProps(props, [
     "addOnPaste",
+    "allowDuplicates",
     "allowOverflow",
     "autoFocus",
     "blurBehavior",

package/dist/components/tags-input/tags-input-root.js

@@ -11,6 +11,7 @@ const splitTagsInputProps = createSplitProps();
 const TagsInputRoot = forwardRef((props, ref) => {
   const [useTagsInputProps, localProps] = splitTagsInputProps(props, [
     "addOnPaste",
+    "allowDuplicates",
     "allowOverflow",
     "autoFocus",
     "blurBehavior",

package/dist/components/timer/timer-root.cjs

@@ -21,6 +21,7 @@ const TimerRoot = react.forwardRef((props, ref) => {
     "countdown",
     "startMs",
     "targetMs",
+    "translations",
     "onComplete",
     "onTick"
   ]);

package/dist/components/timer/timer-root.js

@@ -17,6 +17,7 @@ const TimerRoot = forwardRef((props, ref) => {
     "countdown",
     "startMs",
     "targetMs",
+    "translations",
     "onComplete",
     "onTick"
   ]);

package/dist/components/tour/tour.anatomy.d.cts

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

package/dist/components/tour/tour.anatomy.d.ts

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

package/dist/components/tree-view/tree-view-root.cjs

@@ -40,6 +40,7 @@ const TreeViewImpl = (props, ref) => {
     "scrollToIndexFn",
     "selectedValue",
     "selectionMode",
+    "translations",
     "typeahead"
   ]);
   const treeView = useTreeView.useTreeView(useTreeViewProps);

package/dist/components/tree-view/tree-view-root.js

@@ -36,6 +36,7 @@ const TreeViewImpl = (props, ref) => {
     "scrollToIndexFn",
     "selectedValue",
     "selectionMode",
+    "translations",
     "typeahead"
   ]);
   const treeView = useTreeView(useTreeViewProps);

package/dist/index.cjs

@@ -38,6 +38,7 @@ const avatar = require('./components/avatar/avatar.cjs');
 const drawerBackdrop = require('./components/drawer/drawer-backdrop.cjs');
 const drawerCloseTrigger = require('./components/drawer/drawer-close-trigger.cjs');
 const drawerContent = require('./components/drawer/drawer-content.cjs');
+const drawerDescription = require('./components/drawer/drawer-description.cjs');
 const drawerContext = require('./components/drawer/drawer-context.cjs');
 const drawerPositioner = require('./components/drawer/drawer-positioner.cjs');
 const drawerGrabber = require('./components/drawer/drawer-grabber.cjs');
@@ -49,6 +50,7 @@ const drawerTrigger = require('./components/drawer/drawer-trigger.cjs');
 const drawerIndent = require('./components/drawer/drawer-indent.cjs');
 const drawerIndentBackground = require('./components/drawer/drawer-indent-background.cjs');
 const drawerStack = require('./components/drawer/drawer-stack.cjs');
+const drawerSwipeArea = require('./components/drawer/drawer-swipe-area.cjs');
 const useDrawer = require('./components/drawer/use-drawer.cjs');
 const useDrawerContext = require('./components/drawer/use-drawer-context.cjs');
 const useDrawerStackContext = require('./components/drawer/use-drawer-stack-context.cjs');
@@ -755,6 +757,8 @@ const useTreeViewNodeContext = require('./components/tree-view/use-tree-view-nod
 const treeView = 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 useFocusVisible = require('./providers/interaction/use-focus-visible.cjs');
+const useInteractionModality = require('./providers/interaction/use-interaction-modality.cjs');
 const localeProvider = require('./providers/locale/locale-provider.cjs');
 const useCollator = require('./providers/locale/use-collator.cjs');
 const useDateFormatter = require('./providers/locale/use-date-formatter.cjs');
@@ -838,6 +842,7 @@ exports.Avatar = avatar;
 exports.DrawerBackdrop = drawerBackdrop.DrawerBackdrop;
 exports.DrawerCloseTrigger = drawerCloseTrigger.DrawerCloseTrigger;
 exports.DrawerContent = drawerContent.DrawerContent;
+exports.DrawerDescription = drawerDescription.DrawerDescription;
 exports.DrawerContext = drawerContext.DrawerContext;
 exports.DrawerPositioner = drawerPositioner.DrawerPositioner;
 exports.DrawerGrabber = drawerGrabber.DrawerGrabber;
@@ -849,6 +854,7 @@ exports.DrawerTrigger = drawerTrigger.DrawerTrigger;
 exports.DrawerIndent = drawerIndent.DrawerIndent;
 exports.DrawerIndentBackground = drawerIndentBackground.DrawerIndentBackground;
 exports.DrawerStack = drawerStack.DrawerStack;
+exports.DrawerSwipeArea = drawerSwipeArea.DrawerSwipeArea;
 exports.useDrawer = useDrawer.useDrawer;
 exports.useDrawerContext = useDrawerContext.useDrawerContext;
 exports.useDrawerStackContext = useDrawerStackContext.useDrawerStackContext;
@@ -1582,6 +1588,8 @@ exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
 exports.TreeView = treeView;
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
+exports.useFocusVisible = useFocusVisible.useFocusVisible;
+exports.useInteractionModality = useInteractionModality.useInteractionModality;
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useCollator = useCollator.useCollator;
 exports.useDateFormatter = useDateFormatter.useDateFormatter;

package/dist/index.js

@@ -37,6 +37,7 @@ export { avatar as Avatar };
 export { DrawerBackdrop } from './components/drawer/drawer-backdrop.js';
 export { DrawerCloseTrigger } from './components/drawer/drawer-close-trigger.js';
 export { DrawerContent } from './components/drawer/drawer-content.js';
+export { DrawerDescription } from './components/drawer/drawer-description.js';
 export { DrawerContext } from './components/drawer/drawer-context.js';
 export { DrawerPositioner } from './components/drawer/drawer-positioner.js';
 export { DrawerGrabber } from './components/drawer/drawer-grabber.js';
@@ -48,6 +49,7 @@ export { DrawerTrigger } from './components/drawer/drawer-trigger.js';
 export { DrawerIndent } from './components/drawer/drawer-indent.js';
 export { DrawerIndentBackground } from './components/drawer/drawer-indent-background.js';
 export { DrawerStack } from './components/drawer/drawer-stack.js';
+export { DrawerSwipeArea } from './components/drawer/drawer-swipe-area.js';
 export { useDrawer } from './components/drawer/use-drawer.js';
 export { useDrawerContext } from './components/drawer/use-drawer-context.js';
 export { useDrawerStackContext } from './components/drawer/use-drawer-stack-context.js';
@@ -803,6 +805,8 @@ import * as treeView from './components/tree-view/tree-view.js';
 export { treeView as TreeView };
 export { EnvironmentProvider } from './providers/environment/environment-provider.js';
 export { useEnvironmentContext } from './providers/environment/use-environment-context.js';
+export { useFocusVisible } from './providers/interaction/use-focus-visible.js';
+export { useInteractionModality } from './providers/interaction/use-interaction-modality.js';
 export { LocaleProvider } from './providers/locale/locale-provider.js';
 export { useCollator } from './providers/locale/use-collator.js';
 export { useDateFormatter } from './providers/locale/use-date-formatter.js';

package/dist/providers/index.cjs

@@ -4,6 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const environmentProvider = require('./environment/environment-provider.cjs');
 const useEnvironmentContext = require('./environment/use-environment-context.cjs');
+const useFocusVisible = require('./interaction/use-focus-visible.cjs');
+const useInteractionModality = require('./interaction/use-interaction-modality.cjs');
 const localeProvider = require('./locale/locale-provider.cjs');
 const useCollator = require('./locale/use-collator.cjs');
 const useDateFormatter = require('./locale/use-date-formatter.cjs');
@@ -14,6 +16,8 @@ const useLocaleContext = require('./locale/use-locale-context.cjs');
 
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
+exports.useFocusVisible = useFocusVisible.useFocusVisible;
+exports.useInteractionModality = useInteractionModality.useInteractionModality;
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useCollator = useCollator.useCollator;
 exports.useDateFormatter = useDateFormatter.useDateFormatter;

package/dist/providers/index.d.cts

@@ -1,2 +1,3 @@
 export * from './environment';
+export * from './interaction';
 export * from './locale';

package/dist/providers/index.d.ts

@@ -1,2 +1,3 @@
 export * from './environment';
+export * from './interaction';
 export * from './locale';

package/dist/providers/index.js

@@ -1,5 +1,7 @@
 export { EnvironmentProvider } from './environment/environment-provider.js';
 export { useEnvironmentContext } from './environment/use-environment-context.js';
+export { useFocusVisible } from './interaction/use-focus-visible.js';
+export { useInteractionModality } from './interaction/use-interaction-modality.js';
 export { LocaleProvider } from './locale/locale-provider.js';
 export { useCollator } from './locale/use-collator.js';
 export { useDateFormatter } from './locale/use-date-formatter.js';

package/dist/providers/interaction/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useFocusVisible = require('./use-focus-visible.cjs');
+const useInteractionModality = require('./use-interaction-modality.cjs');
+
+
+
+exports.useFocusVisible = useFocusVisible.useFocusVisible;
+exports.useInteractionModality = useInteractionModality.useInteractionModality;

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

@@ -0,0 +1,2 @@
+export { useFocusVisible, type UseFocusVisibleProps } from './use-focus-visible';
+export { useInteractionModality, type Modality } from './use-interaction-modality';

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

@@ -0,0 +1,2 @@
+export { useFocusVisible, type UseFocusVisibleProps } from './use-focus-visible';
+export { useInteractionModality, type Modality } from './use-interaction-modality';

package/dist/providers/interaction/index.js

@@ -0,0 +1,2 @@
+export { useFocusVisible } from './use-focus-visible.js';
+export { useInteractionModality } from './use-interaction-modality.js';

package/dist/providers/interaction/use-focus-visible.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const focusVisible = require('@zag-js/focus-visible');
+const react = require('react');
+const useEnvironmentContext = require('../environment/use-environment-context.cjs');
+
+function useFocusVisible(props = {}) {
+  const { isTextInput, autoFocus } = props;
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const subscribe = react.useCallback(
+    (onStoreChange) => focusVisible.trackFocusVisible({
+      root: getRootNode(),
+      isTextInput,
+      autoFocus,
+      onChange: onStoreChange
+    }),
+    [getRootNode, isTextInput, autoFocus]
+  );
+  const getSnapshot = react.useCallback(() => autoFocus || focusVisible.isFocusVisible(), [autoFocus]);
+  return react.useSyncExternalStore(subscribe, getSnapshot, () => false);
+}
+
+exports.useFocusVisible = useFocusVisible;

package/dist/providers/interaction/use-focus-visible.d.cts

@@ -0,0 +1,5 @@
+export interface UseFocusVisibleProps {
+    isTextInput?: boolean;
+    autoFocus?: boolean;
+}
+export declare function useFocusVisible(props?: UseFocusVisibleProps): boolean;

package/dist/providers/interaction/use-focus-visible.d.ts

@@ -0,0 +1,5 @@
+export interface UseFocusVisibleProps {
+    isTextInput?: boolean;
+    autoFocus?: boolean;
+}
+export declare function useFocusVisible(props?: UseFocusVisibleProps): boolean;

package/dist/providers/interaction/use-focus-visible.js

@@ -0,0 +1,22 @@
+'use client';
+import { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';
+import { useCallback, useSyncExternalStore } from 'react';
+import { useEnvironmentContext } from '../environment/use-environment-context.js';
+
+function useFocusVisible(props = {}) {
+  const { isTextInput, autoFocus } = props;
+  const { getRootNode } = useEnvironmentContext();
+  const subscribe = useCallback(
+    (onStoreChange) => trackFocusVisible({
+      root: getRootNode(),
+      isTextInput,
+      autoFocus,
+      onChange: onStoreChange
+    }),
+    [getRootNode, isTextInput, autoFocus]
+  );
+  const getSnapshot = useCallback(() => autoFocus || isFocusVisible(), [autoFocus]);
+  return useSyncExternalStore(subscribe, getSnapshot, () => false);
+}
+
+export { useFocusVisible };

package/dist/providers/interaction/use-interaction-modality.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const focusVisible = require('@zag-js/focus-visible');
+const react = require('react');
+const useEnvironmentContext = require('../environment/use-environment-context.cjs');
+
+function useInteractionModality() {
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  return react.useSyncExternalStore(
+    react.useCallback((onChange) => focusVisible.trackInteractionModality({ root: getRootNode(), onChange }), [getRootNode]),
+    focusVisible.getInteractionModality,
+    () => null
+  );
+}
+
+exports.useInteractionModality = useInteractionModality;

package/dist/providers/interaction/use-interaction-modality.d.cts

@@ -0,0 +1,3 @@
+import { Modality } from '@zag-js/focus-visible';
+export type { Modality };
+export declare function useInteractionModality(): Modality | null;

package/dist/providers/interaction/use-interaction-modality.d.ts

@@ -0,0 +1,3 @@
+import { Modality } from '@zag-js/focus-visible';
+export type { Modality };
+export declare function useInteractionModality(): Modality | null;

package/dist/providers/interaction/use-interaction-modality.js

@@ -0,0 +1,15 @@
+'use client';
+import { trackInteractionModality, getInteractionModality } from '@zag-js/focus-visible';
+import { useSyncExternalStore, useCallback } from 'react';
+import { useEnvironmentContext } from '../environment/use-environment-context.js';
+
+function useInteractionModality() {
+  const { getRootNode } = useEnvironmentContext();
+  return useSyncExternalStore(
+    useCallback((onChange) => trackInteractionModality({ root: getRootNode(), onChange }), [getRootNode]),
+    getInteractionModality,
+    () => null
+  );
+}
+
+export { useInteractionModality };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.34.0",
+  "version": "5.35.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,85 +141,85 @@
     "typecheck": "tsc",
     "storybook": "storybook dev -p 6006",
     "prepack": "clean-package",
-    "postpack": "clean-package restore",
-    "release-it": "release-it --config ../../release-it.json"
+    "postpack": "clean-package restore"
   },
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
   "dependencies": {
-    "@internationalized/date": "3.11.0",
-    "@zag-js/accordion": "1.35.2",
-    "@zag-js/anatomy": "1.35.2",
-    "@zag-js/angle-slider": "1.35.2",
-    "@zag-js/async-list": "1.35.2",
-    "@zag-js/auto-resize": "1.35.2",
-    "@zag-js/avatar": "1.35.2",
-    "@zag-js/carousel": "1.35.2",
-    "@zag-js/cascade-select": "1.35.2",
-    "@zag-js/checkbox": "1.35.2",
-    "@zag-js/clipboard": "1.35.2",
-    "@zag-js/collapsible": "1.35.2",
-    "@zag-js/collection": "1.35.2",
-    "@zag-js/color-picker": "1.35.2",
-    "@zag-js/color-utils": "1.35.2",
-    "@zag-js/combobox": "1.35.2",
-    "@zag-js/core": "1.35.2",
-    "@zag-js/date-picker": "1.35.2",
-    "@zag-js/date-utils": "1.35.2",
-    "@zag-js/dialog": "1.35.2",
-    "@zag-js/dom-query": "1.35.2",
-    "@zag-js/drawer": "1.35.2",
-    "@zag-js/editable": "1.35.2",
-    "@zag-js/file-upload": "1.35.2",
-    "@zag-js/file-utils": "1.35.2",
-    "@zag-js/floating-panel": "1.35.2",
-    "@zag-js/focus-trap": "1.35.2",
-    "@zag-js/highlight-word": "1.35.2",
-    "@zag-js/hover-card": "1.35.2",
-    "@zag-js/i18n-utils": "1.35.2",
-    "@zag-js/image-cropper": "1.35.2",
-    "@zag-js/json-tree-utils": "1.35.2",
-    "@zag-js/listbox": "1.35.2",
-    "@zag-js/marquee": "1.35.2",
-    "@zag-js/menu": "1.35.2",
-    "@zag-js/navigation-menu": "1.35.2",
-    "@zag-js/number-input": "1.35.2",
-    "@zag-js/pagination": "1.35.2",
-    "@zag-js/password-input": "1.35.2",
-    "@zag-js/pin-input": "1.35.2",
-    "@zag-js/popover": "1.35.2",
-    "@zag-js/presence": "1.35.2",
-    "@zag-js/progress": "1.35.2",
-    "@zag-js/qr-code": "1.35.2",
-    "@zag-js/radio-group": "1.35.2",
-    "@zag-js/rating-group": "1.35.2",
-    "@zag-js/react": "1.35.2",
-    "@zag-js/scroll-area": "1.35.2",
-    "@zag-js/select": "1.35.2",
-    "@zag-js/signature-pad": "1.35.2",
-    "@zag-js/slider": "1.35.2",
-    "@zag-js/splitter": "1.35.2",
-    "@zag-js/steps": "1.35.2",
-    "@zag-js/switch": "1.35.2",
-    "@zag-js/tabs": "1.35.2",
-    "@zag-js/tags-input": "1.35.2",
-    "@zag-js/timer": "1.35.2",
-    "@zag-js/toast": "1.35.2",
-    "@zag-js/toggle": "1.35.2",
-    "@zag-js/toggle-group": "1.35.2",
-    "@zag-js/tooltip": "1.35.2",
-    "@zag-js/tour": "1.35.2",
-    "@zag-js/tree-view": "1.35.2",
-    "@zag-js/types": "1.35.2",
-    "@zag-js/utils": "1.35.2"
+    "@internationalized/date": "3.12.0",
+    "@zag-js/accordion": "1.38.2",
+    "@zag-js/anatomy": "1.38.2",
+    "@zag-js/angle-slider": "1.38.2",
+    "@zag-js/async-list": "1.38.2",
+    "@zag-js/auto-resize": "1.38.2",
+    "@zag-js/avatar": "1.38.2",
+    "@zag-js/carousel": "1.38.2",
+    "@zag-js/cascade-select": "1.38.2",
+    "@zag-js/checkbox": "1.38.2",
+    "@zag-js/clipboard": "1.38.2",
+    "@zag-js/collapsible": "1.38.2",
+    "@zag-js/collection": "1.38.2",
+    "@zag-js/color-picker": "1.38.2",
+    "@zag-js/color-utils": "1.38.2",
+    "@zag-js/combobox": "1.38.2",
+    "@zag-js/core": "1.38.2",
+    "@zag-js/date-picker": "1.38.2",
+    "@zag-js/date-utils": "1.38.2",
+    "@zag-js/dialog": "1.38.2",
+    "@zag-js/dom-query": "1.38.2",
+    "@zag-js/drawer": "1.38.2",
+    "@zag-js/editable": "1.38.2",
+    "@zag-js/file-upload": "1.38.2",
+    "@zag-js/focus-visible": "1.38.2",
+    "@zag-js/file-utils": "1.38.2",
+    "@zag-js/floating-panel": "1.38.2",
+    "@zag-js/focus-trap": "1.38.2",
+    "@zag-js/highlight-word": "1.38.2",
+    "@zag-js/hover-card": "1.38.2",
+    "@zag-js/i18n-utils": "1.38.2",
+    "@zag-js/image-cropper": "1.38.2",
+    "@zag-js/json-tree-utils": "1.38.2",
+    "@zag-js/listbox": "1.38.2",
+    "@zag-js/marquee": "1.38.2",
+    "@zag-js/menu": "1.38.2",
+    "@zag-js/navigation-menu": "1.38.2",
+    "@zag-js/number-input": "1.38.2",
+    "@zag-js/pagination": "1.38.2",
+    "@zag-js/password-input": "1.38.2",
+    "@zag-js/pin-input": "1.38.2",
+    "@zag-js/popover": "1.38.2",
+    "@zag-js/presence": "1.38.2",
+    "@zag-js/progress": "1.38.2",
+    "@zag-js/qr-code": "1.38.2",
+    "@zag-js/radio-group": "1.38.2",
+    "@zag-js/rating-group": "1.38.2",
+    "@zag-js/react": "1.38.2",
+    "@zag-js/scroll-area": "1.38.2",
+    "@zag-js/select": "1.38.2",
+    "@zag-js/signature-pad": "1.38.2",
+    "@zag-js/slider": "1.38.2",
+    "@zag-js/splitter": "1.38.2",
+    "@zag-js/steps": "1.38.2",
+    "@zag-js/switch": "1.38.2",
+    "@zag-js/tabs": "1.38.2",
+    "@zag-js/tags-input": "1.38.2",
+    "@zag-js/timer": "1.38.2",
+    "@zag-js/toast": "1.38.2",
+    "@zag-js/toggle": "1.38.2",
+    "@zag-js/toggle-group": "1.38.2",
+    "@zag-js/tooltip": "1.38.2",
+    "@zag-js/tour": "1.38.2",
+    "@zag-js/tree-view": "1.38.2",
+    "@zag-js/types": "1.38.2",
+    "@zag-js/utils": "1.38.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.4",
-    "@storybook/addon-a11y": "10.2.10",
-    "@storybook/react-vite": "10.2.10",
-    "@tanstack/react-virtual": "3.13.18",
+    "@biomejs/biome": "2.4.9",
+    "@storybook/addon-a11y": "10.3.3",
+    "@storybook/react-vite": "10.3.3",
+    "@tanstack/react-virtual": "3.13.23",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
@@ -234,15 +234,15 @@
     "globby": "16.1.1",
     "happy-dom": "20.7.0",
     "image-conversion": "2.1.1",
-    "lucide-react": "0.575.0",
+    "lucide-react": "1.7.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.71.2",
+    "react-hook-form": "7.72.0",
     "react-shadow": "20.6.0",
     "react-use": "17.6.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "10.2.10",
+    "storybook": "10.3.3",
     "typescript": "5.9.3",
     "vite": "7.3.1",
     "vite-plugin-dts": "4.5.4",