@ark-ui/react 4.0.0 → 4.1.1

package/dist/components/toggle/toggle.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const toggleContext = require('./toggle-context.cjs');
+const toggleIndicator = require('./toggle-indicator.cjs');
+const toggleRoot = require('./toggle-root.cjs');
+const toggle_anatomy = require('./toggle.anatomy.cjs');
+
+
+
+exports.Context = toggleContext.ToggleContext;
+exports.Indicator = toggleIndicator.ToggleIndicator;
+exports.Root = toggleRoot.ToggleRoot;
+exports.toggleAnatomy = toggle_anatomy.toggleAnatomy;

package/dist/components/toggle/toggle.d.cts

@@ -0,0 +1,4 @@
+export { ToggleContext as Context, type ToggleContextProps as ContextProps } from './toggle-context';
+export { ToggleIndicator as Indicator, type ToggleIndicatorProps as IndicatorProps, type ToggleIndicatorBaseProps as IndicatorBaseProps, } from './toggle-indicator';
+export { ToggleRoot as Root, type ToggleRootBaseProps as RootBaseProps, type ToggleRootProps as RootProps, } from './toggle-root';
+export { toggleAnatomy } from './toggle.anatomy';

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,4 @@
+export { ToggleContext as Context, type ToggleContextProps as ContextProps } from './toggle-context';
+export { ToggleIndicator as Indicator, type ToggleIndicatorProps as IndicatorProps, type ToggleIndicatorBaseProps as IndicatorBaseProps, } from './toggle-indicator';
+export { ToggleRoot as Root, type ToggleRootBaseProps as RootBaseProps, type ToggleRootProps as RootProps, } from './toggle-root';
+export { toggleAnatomy } from './toggle.anatomy';

package/dist/components/toggle/toggle.js

@@ -0,0 +1,4 @@
+export { ToggleContext as Context } from './toggle-context.js';
+export { ToggleIndicator as Indicator } from './toggle-indicator.js';
+export { ToggleRoot as Root } from './toggle-root.js';
+export { toggleAnatomy } from './toggle.anatomy.js';

package/dist/components/toggle/use-toggle-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ToggleProvider, useToggleContext] = createContext.createContext({
+  name: "ToggleContext",
+  hookName: "useToggleContext",
+  providerName: "<ToggleProvider />"
+});
+
+exports.ToggleProvider = ToggleProvider;
+exports.useToggleContext = useToggleContext;

package/dist/components/toggle/use-toggle-context.d.cts

@@ -0,0 +1,5 @@
+import { UseToggleReturn } from './use-toggle';
+import { Provider } from 'react';
+export interface UseToggleContext extends UseToggleReturn {
+}
+export declare const ToggleProvider: Provider<UseToggleContext>, useToggleContext: () => UseToggleContext;

package/dist/components/toggle/use-toggle-context.d.ts

@@ -0,0 +1,5 @@
+import { UseToggleReturn } from './use-toggle';
+import { Provider } from 'react';
+export interface UseToggleContext extends UseToggleReturn {
+}
+export declare const ToggleProvider: Provider<UseToggleContext>, useToggleContext: () => UseToggleContext;

package/dist/components/toggle/use-toggle-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [ToggleProvider, useToggleContext] = createContext({
+  name: "ToggleContext",
+  hookName: "useToggleContext",
+  providerName: "<ToggleProvider />"
+});
+
+export { ToggleProvider, useToggleContext };

package/dist/components/toggle/use-toggle.cjs

@@ -0,0 +1,48 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domQuery = require('@zag-js/dom-query');
+const useControllableState = require('../../utils/use-controllable-state.cjs');
+const toggle_anatomy = require('./toggle.anatomy.cjs');
+
+function useToggle(props) {
+  const { defaultPressed, pressed, onPressedChange, disabled } = props;
+  const [pressedState, setPressedState] = useControllableState.useControllableState({
+    defaultValue: !!defaultPressed,
+    value: pressed,
+    onChange: onPressedChange
+  });
+  return {
+    pressed: pressedState,
+    disabled: !!disabled,
+    setPressed: setPressedState,
+    getRootProps() {
+      return {
+        ...toggle_anatomy.parts.root.attrs,
+        type: "button",
+        disabled,
+        "aria-pressed": pressedState,
+        "data-state": pressedState ? "on" : "off",
+        "data-pressed": domQuery.dataAttr(pressedState),
+        "data-disabled": domQuery.dataAttr(disabled),
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (disabled) return;
+          setPressedState(!pressedState);
+        }
+      };
+    },
+    getIndicatorProps() {
+      return {
+        ...toggle_anatomy.parts.indicator.attrs,
+        "data-disabled": domQuery.dataAttr(disabled),
+        "data-pressed": domQuery.dataAttr(pressedState),
+        "data-state": pressedState ? "on" : "off"
+      };
+    }
+  };
+}
+
+exports.useToggle = useToggle;

package/dist/components/toggle/use-toggle.d.cts

@@ -0,0 +1,35 @@
+export interface UseToggleProps {
+    /**
+     * Whether the toggle is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The default pressed state of the toggle.
+     */
+    defaultPressed?: boolean;
+    /**
+     * The pressed state of the toggle.
+     */
+    pressed?: boolean;
+    /**
+     * Event handler called when the pressed state of the toggle changes.
+     */
+    onPressedChange?: (pressed: boolean) => void;
+}
+export interface UseToggleReturn {
+    /**
+     * Whether the toggle is pressed.
+     */
+    pressed: boolean;
+    /**
+     * Whether the toggle is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Sets the pressed state of the toggle.
+     */
+    setPressed(pressed: boolean): void;
+    getRootProps(): React.ComponentProps<'button'>;
+    getIndicatorProps(): React.ComponentProps<'div'>;
+}
+export declare function useToggle(props: UseToggleProps): UseToggleReturn;

package/dist/components/toggle/use-toggle.d.ts

@@ -0,0 +1,35 @@
+export interface UseToggleProps {
+    /**
+     * Whether the toggle is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The default pressed state of the toggle.
+     */
+    defaultPressed?: boolean;
+    /**
+     * The pressed state of the toggle.
+     */
+    pressed?: boolean;
+    /**
+     * Event handler called when the pressed state of the toggle changes.
+     */
+    onPressedChange?: (pressed: boolean) => void;
+}
+export interface UseToggleReturn {
+    /**
+     * Whether the toggle is pressed.
+     */
+    pressed: boolean;
+    /**
+     * Whether the toggle is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Sets the pressed state of the toggle.
+     */
+    setPressed(pressed: boolean): void;
+    getRootProps(): React.ComponentProps<'button'>;
+    getIndicatorProps(): React.ComponentProps<'div'>;
+}
+export declare function useToggle(props: UseToggleProps): UseToggleReturn;

package/dist/components/toggle/use-toggle.js

@@ -0,0 +1,44 @@
+'use client';
+import { dataAttr } from '@zag-js/dom-query';
+import { useControllableState } from '../../utils/use-controllable-state.js';
+import { parts } from './toggle.anatomy.js';
+
+function useToggle(props) {
+  const { defaultPressed, pressed, onPressedChange, disabled } = props;
+  const [pressedState, setPressedState] = useControllableState({
+    defaultValue: !!defaultPressed,
+    value: pressed,
+    onChange: onPressedChange
+  });
+  return {
+    pressed: pressedState,
+    disabled: !!disabled,
+    setPressed: setPressedState,
+    getRootProps() {
+      return {
+        ...parts.root.attrs,
+        type: "button",
+        disabled,
+        "aria-pressed": pressedState,
+        "data-state": pressedState ? "on" : "off",
+        "data-pressed": dataAttr(pressedState),
+        "data-disabled": dataAttr(disabled),
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (disabled) return;
+          setPressedState(!pressedState);
+        }
+      };
+    },
+    getIndicatorProps() {
+      return {
+        ...parts.indicator.attrs,
+        "data-disabled": dataAttr(disabled),
+        "data-pressed": dataAttr(pressedState),
+        "data-state": pressedState ? "on" : "off"
+      };
+    }
+  };
+}
+
+export { useToggle };

package/dist/components/tooltip/tooltip-content.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useTooltipContext = require('./use-tooltip-context.cjs');
@@ -13,11 +14,11 @@ const useTooltipContext = require('./use-tooltip-context.cjs');
 const TooltipContent = react.forwardRef((props, ref) => {
   const tooltip = useTooltipContext.useTooltipContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(tooltip.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(tooltip.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
 });
 TooltipContent.displayName = "TooltipContent";
 

package/dist/components/tooltip/tooltip-content.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useTooltipContext } from './use-tooltip-context.js';
@@ -9,11 +10,11 @@ import { useTooltipContext } from './use-tooltip-context.js';
 const TooltipContent = forwardRef((props, ref) => {
   const tooltip = useTooltipContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(tooltip.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(tooltip.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
 });
 TooltipContent.displayName = "TooltipContent";
 

package/dist/index.cjs

@@ -498,6 +498,7 @@ const useTagsInput = require('./components/tags-input/use-tags-input.cjs');
 const useTagsInputContext = require('./components/tags-input/use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./components/tags-input/use-tags-input-item-context.cjs');
 const tagsInput$1 = require('./components/tags-input/tags-input.cjs');
+const date = require('@internationalized/date');
 const timePickerCell = require('./components/time-picker/time-picker-cell.cjs');
 const timePickerClearTrigger = require('./components/time-picker/time-picker-clear-trigger.cjs');
 const timePickerColumn = require('./components/time-picker/time-picker-column.cjs');
@@ -535,6 +536,13 @@ const toastTitle = require('./components/toast/toast-title.cjs');
 const toaster = require('./components/toast/toaster.cjs');
 const useToastContext = require('./components/toast/use-toast-context.cjs');
 const toast$1 = require('./components/toast/toast.cjs');
+const toggleContext = require('./components/toggle/toggle-context.cjs');
+const toggleIndicator = require('./components/toggle/toggle-indicator.cjs');
+const toggleRoot = require('./components/toggle/toggle-root.cjs');
+const toggle_anatomy = require('./components/toggle/toggle.anatomy.cjs');
+const useToggle = require('./components/toggle/use-toggle.cjs');
+const useToggleContext = require('./components/toggle/use-toggle-context.cjs');
+const toggle = require('./components/toggle/toggle.cjs');
 const toggleGroupContext = require('./components/toggle-group/toggle-group-context.cjs');
 const toggleGroupItem = require('./components/toggle-group/toggle-group-item.cjs');
 const toggleGroupRoot = require('./components/toggle-group/toggle-group-root.cjs');
@@ -1114,6 +1122,10 @@ exports.useTagsInput = useTagsInput.useTagsInput;
 exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
 exports.TagsInput = tagsInput$1;
+Object.defineProperty(exports, "parseTime", {
+	enumerable: true,
+	get: () => date.parseTime
+});
 exports.TimePickerCell = timePickerCell.TimePickerCell;
 exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
 exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
@@ -1151,6 +1163,13 @@ exports.ToastTitle = toastTitle.ToastTitle;
 exports.Toaster = toaster.Toaster;
 exports.useToastContext = useToastContext.useToastContext;
 exports.Toast = toast$1;
+exports.ToggleContext = toggleContext.ToggleContext;
+exports.ToggleIndicator = toggleIndicator.ToggleIndicator;
+exports.ToggleRoot = toggleRoot.ToggleRoot;
+exports.toggleAnatomy = toggle_anatomy.toggleAnatomy;
+exports.useToggle = useToggle.useToggle;
+exports.useToggleContext = useToggleContext.useToggleContext;
+exports.Toggle = toggle;
 exports.ToggleGroupContext = toggleGroupContext.ToggleGroupContext;
 exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
 exports.ToggleGroupRoot = toggleGroupRoot.ToggleGroupRoot;

package/dist/index.js

@@ -528,6 +528,7 @@ export { useTagsInputContext } from './components/tags-input/use-tags-input-cont
 export { useTagsInputItemContext } from './components/tags-input/use-tags-input-item-context.js';
 import * as tagsInput from './components/tags-input/tags-input.js';
 export { tagsInput as TagsInput };
+export { parseTime } from '@internationalized/date';
 export { TimePickerCell } from './components/time-picker/time-picker-cell.js';
 export { TimePickerClearTrigger } from './components/time-picker/time-picker-clear-trigger.js';
 export { TimePickerColumn } from './components/time-picker/time-picker-column.js';
@@ -568,6 +569,14 @@ export { Toaster } from './components/toast/toaster.js';
 export { useToastContext } from './components/toast/use-toast-context.js';
 import * as toast from './components/toast/toast.js';
 export { toast as Toast };
+export { ToggleContext } from './components/toggle/toggle-context.js';
+export { ToggleIndicator } from './components/toggle/toggle-indicator.js';
+export { ToggleRoot } from './components/toggle/toggle-root.js';
+export { toggleAnatomy } from './components/toggle/toggle.anatomy.js';
+export { useToggle } from './components/toggle/use-toggle.js';
+export { useToggleContext } from './components/toggle/use-toggle-context.js';
+import * as toggle from './components/toggle/toggle.js';
+export { toggle as Toggle };
 export { ToggleGroupContext } from './components/toggle-group/toggle-group-context.js';
 export { ToggleGroupItem } from './components/toggle-group/toggle-group-item.js';
 export { ToggleGroupRoot } from './components/toggle-group/toggle-group-root.js';

package/dist/utils/compose-refs.d.cts

@@ -1,3 +1,3 @@
-type PossibleRef<T> = React.Ref<T> | undefined;
-export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
+type PossibleRef<T> = React.Ref<T | null> | undefined;
+export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
 export {};

package/dist/utils/compose-refs.d.ts

@@ -1,3 +1,3 @@
-type PossibleRef<T> = React.Ref<T> | undefined;
-export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
+type PossibleRef<T> = React.Ref<T | null> | undefined;
+export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "4.0.0",
+  "version": "4.1.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -62,7 +62,6 @@
   ],
   "exports": {
     ".": {
-      "source": "./src/index.ts",
       "import": {
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
@@ -73,7 +72,6 @@
       }
     },
     "./collection": {
-      "source": "./src/components/collection.ts",
       "import": {
         "types": "./dist/components/collection.d.ts",
         "default": "./dist/components/collection.js"
@@ -84,7 +82,6 @@
       }
     },
     "./factory": {
-      "source": "./src/components/factory.ts",
       "import": {
         "types": "./dist/components/factory.d.ts",
         "default": "./dist/components/factory.js"
@@ -95,7 +92,6 @@
       }
     },
     "./environment": {
-      "source": "./src/providers/environment/index.ts",
       "import": {
         "types": "./dist/providers/environment/index.d.ts",
         "default": "./dist/providers/environment/index.js"
@@ -106,7 +102,6 @@
       }
     },
     "./locale": {
-      "source": "./src/providers/locale/index.ts",
       "import": {
         "types": "./dist/providers/locale/index.d.ts",
         "default": "./dist/providers/locale/index.js"
@@ -117,7 +112,6 @@
       }
     },
     "./*": {
-      "source": "./src/components/*/index.ts",
       "import": {
         "types": "./dist/components/*/index.d.ts",
         "default": "./dist/components/*/index.js"
@@ -135,93 +129,106 @@
     "test:ci": "vitest --run",
     "typecheck": "tsc",
     "storybook": "storybook dev -p 6006",
-    "release-it": "release-it --config ../../release-it.json"
+    "release-it": "release-it --config ../../release-it.json",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "clean-package": {
+    "remove": [
+      "exports.\\..source",
+      "exports.\\./collection.source",
+      "exports.\\./factory.source",
+      "exports.\\./environment.source",
+      "exports.\\./locale.source",
+      "exports.\\./*.source"
+    ]
   },
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
   "dependencies": {
-    "@internationalized/date": "3.5.5",
-    "@zag-js/accordion": "0.71.0",
-    "@zag-js/anatomy": "0.71.0",
-    "@zag-js/avatar": "0.71.0",
-    "@zag-js/carousel": "0.71.0",
-    "@zag-js/checkbox": "0.71.0",
-    "@zag-js/clipboard": "0.71.0",
-    "@zag-js/collapsible": "0.71.0",
-    "@zag-js/collection": "0.71.0",
-    "@zag-js/color-picker": "0.71.0",
-    "@zag-js/color-utils": "0.71.0",
-    "@zag-js/combobox": "0.71.0",
-    "@zag-js/core": "0.71.0",
-    "@zag-js/date-picker": "0.71.0",
-    "@zag-js/date-utils": "0.71.0",
-    "@zag-js/dialog": "0.71.0",
-    "@zag-js/dom-query": "0.71.0",
-    "@zag-js/editable": "0.71.0",
-    "@zag-js/file-upload": "0.71.0",
-    "@zag-js/file-utils": "0.71.0",
-    "@zag-js/highlight-word": "0.71.0",
-    "@zag-js/hover-card": "0.71.0",
-    "@zag-js/i18n-utils": "0.71.0",
-    "@zag-js/menu": "0.71.0",
-    "@zag-js/number-input": "0.71.0",
-    "@zag-js/pagination": "0.71.0",
-    "@zag-js/pin-input": "0.71.0",
-    "@zag-js/popover": "0.71.0",
-    "@zag-js/presence": "0.71.0",
-    "@zag-js/progress": "0.71.0",
-    "@zag-js/qr-code": "0.71.0",
-    "@zag-js/radio-group": "0.71.0",
-    "@zag-js/rating-group": "0.71.0",
-    "@zag-js/react": "0.71.0",
-    "@zag-js/select": "0.71.0",
-    "@zag-js/signature-pad": "0.71.0",
-    "@zag-js/slider": "0.71.0",
-    "@zag-js/splitter": "0.71.0",
-    "@zag-js/steps": "0.71.0",
-    "@zag-js/switch": "0.71.0",
-    "@zag-js/tabs": "0.71.0",
-    "@zag-js/tags-input": "0.71.0",
-    "@zag-js/time-picker": "0.71.0",
-    "@zag-js/timer": "0.71.0",
-    "@zag-js/toast": "0.71.0",
-    "@zag-js/toggle-group": "0.71.0",
-    "@zag-js/tooltip": "0.71.0",
-    "@zag-js/tree-view": "0.71.0",
-    "@zag-js/types": "0.71.0"
+    "@internationalized/date": "3.5.6",
+    "@zag-js/accordion": "0.74.2",
+    "@zag-js/anatomy": "0.74.2",
+    "@zag-js/avatar": "0.74.2",
+    "@zag-js/carousel": "0.74.2",
+    "@zag-js/checkbox": "0.74.2",
+    "@zag-js/clipboard": "0.74.2",
+    "@zag-js/collapsible": "0.74.2",
+    "@zag-js/collection": "0.74.2",
+    "@zag-js/color-picker": "0.74.2",
+    "@zag-js/color-utils": "0.74.2",
+    "@zag-js/combobox": "0.74.2",
+    "@zag-js/core": "0.74.2",
+    "@zag-js/date-picker": "0.74.2",
+    "@zag-js/date-utils": "0.74.2",
+    "@zag-js/dialog": "0.74.2",
+    "@zag-js/dom-query": "0.74.2",
+    "@zag-js/editable": "0.74.2",
+    "@zag-js/file-upload": "0.74.2",
+    "@zag-js/file-utils": "0.74.2",
+    "@zag-js/highlight-word": "0.74.2",
+    "@zag-js/hover-card": "0.74.2",
+    "@zag-js/i18n-utils": "0.74.2",
+    "@zag-js/menu": "0.74.2",
+    "@zag-js/number-input": "0.74.2",
+    "@zag-js/pagination": "0.74.2",
+    "@zag-js/pin-input": "0.74.2",
+    "@zag-js/popover": "0.74.2",
+    "@zag-js/presence": "0.74.2",
+    "@zag-js/progress": "0.74.2",
+    "@zag-js/qr-code": "0.74.2",
+    "@zag-js/radio-group": "0.74.2",
+    "@zag-js/rating-group": "0.74.2",
+    "@zag-js/react": "0.74.2",
+    "@zag-js/select": "0.74.2",
+    "@zag-js/signature-pad": "0.74.2",
+    "@zag-js/slider": "0.74.2",
+    "@zag-js/splitter": "0.74.2",
+    "@zag-js/steps": "0.74.2",
+    "@zag-js/switch": "0.74.2",
+    "@zag-js/tabs": "0.74.2",
+    "@zag-js/tags-input": "0.74.2",
+    "@zag-js/time-picker": "0.74.2",
+    "@zag-js/timer": "0.74.2",
+    "@zag-js/toast": "0.74.2",
+    "@zag-js/toggle-group": "0.74.2",
+    "@zag-js/tooltip": "0.74.2",
+    "@zag-js/tree-view": "0.74.2",
+    "@zag-js/types": "0.74.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.2",
+    "@biomejs/biome": "1.9.3",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.3.3",
-    "@storybook/addon-essentials": "8.3.3",
-    "@storybook/react-vite": "8.3.3",
-    "@storybook/react": "8.3.3",
+    "@storybook/addon-a11y": "8.3.5",
+    "@storybook/addon-essentials": "8.3.5",
+    "@storybook/react-vite": "8.3.5",
+    "@storybook/react": "8.3.5",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.5.0",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@types/react": "18.3.9",
+    "@types/react": "18.3.11",
     "@types/react-dom": "18.3.0",
-    "@vitejs/plugin-react": "4.3.1",
-    "@zag-js/stringify-state": "0.71.0",
+    "@vitejs/plugin-react": "4.3.2",
+    "@zag-js/stringify-state": "0.74.2",
+    "clean-package": "2.2.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
-    "lucide-react": "0.446.0",
+    "lucide-react": "0.451.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.53.0",
-    "release-it": "17.6.0",
+    "release-it": "17.8.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.3.3",
-    "typescript": "5.6.2",
+    "storybook": "8.3.5",
+    "typescript": "5.6.3",
     "vite": "5.4.8",
-    "vite-plugin-dts": "4.2.2",
-    "vitest": "2.1.1",
+    "vite-plugin-dts": "4.2.3",
+    "vitest": "2.1.2",
     "vitest-axe": "1.0.0-pre.3"
   },
   "peerDependencies": {