@ark-ui/react 3.2.0 → 3.3.0

package/dist/components/tabs/tab-content.js

@@ -15,7 +15,8 @@ const TabContent = forwardRef((props, ref) => {
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value
+    present: tabs.value === props.value,
+    immediate: true
   });
   const mergedProps = mergeProps(
     tabs.getContentProps(contentProps),

package/dist/components/tree-view/use-tree-view-depth-context.d.cts

@@ -1,4 +1,3 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export type UseTreeViewDepthContext = number;
 export declare const TreeViewDepthProvider: Provider<number>, useTreeViewDepthContext: () => number;

package/dist/components/tree-view/use-tree-view-depth-context.d.ts

@@ -1,4 +1,3 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export type UseTreeViewDepthContext = number;
 export declare const TreeViewDepthProvider: Provider<number>, useTreeViewDepthContext: () => number;

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

@@ -42,6 +42,8 @@ const useTreeView = (props = {}) => {
   };
   const context = {
     ...initialContext,
+    selectedValue: props.selectedValue,
+    expandedValue: props.expandedValue,
     onFocusChange: useEvent.useEvent(props.onFocusChange, { sync: true }),
     onExpandedChange: useEvent.useEvent(props.onExpandedChange),
     onSelectionChange: useEvent.useEvent(props.onSelectionChange)

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

@@ -19,6 +19,8 @@ const useTreeView = (props = {}) => {
   };
   const context = {
     ...initialContext,
+    selectedValue: props.selectedValue,
+    expandedValue: props.expandedValue,
     onFocusChange: useEvent(props.onFocusChange, { sync: true }),
     onExpandedChange: useEvent(props.onExpandedChange),
     onSelectionChange: useEvent(props.onSelectionChange)

package/dist/index.cjs

@@ -38,6 +38,7 @@ const useCarouselContext = require('./components/carousel/use-carousel-context.c
 const carousel = require('./components/carousel/carousel.cjs');
 const checkboxContext = require('./components/checkbox/checkbox-context.cjs');
 const checkboxControl = require('./components/checkbox/checkbox-control.cjs');
+const checkboxGroup = require('./components/checkbox/checkbox-group.cjs');
 const checkboxHiddenInput = require('./components/checkbox/checkbox-hidden-input.cjs');
 const checkboxIndicator = require('./components/checkbox/checkbox-indicator.cjs');
 const checkboxLabel = require('./components/checkbox/checkbox-label.cjs');
@@ -45,6 +46,8 @@ const checkboxRoot = require('./components/checkbox/checkbox-root.cjs');
 const checkboxRootProvider = require('./components/checkbox/checkbox-root-provider.cjs');
 const useCheckbox = require('./components/checkbox/use-checkbox.cjs');
 const useCheckboxContext = require('./components/checkbox/use-checkbox-context.cjs');
+const useCheckboxGroup = require('./components/checkbox/use-checkbox-group.cjs');
+const useCheckboxGroupContext = require('./components/checkbox/use-checkbox-group-context.cjs');
 const checkbox = require('./components/checkbox/checkbox.cjs');
 const clipboardContext = require('./components/clipboard/clipboard-context.cjs');
 const clipboardControl = require('./components/clipboard/clipboard-control.cjs');
@@ -106,6 +109,7 @@ const comboboxItemGroupLabel = require('./components/combobox/combobox-item-grou
 const comboboxItemIndicator = require('./components/combobox/combobox-item-indicator.cjs');
 const comboboxItemText = require('./components/combobox/combobox-item-text.cjs');
 const comboboxLabel = require('./components/combobox/combobox-label.cjs');
+const comboboxList = require('./components/combobox/combobox-list.cjs');
 const comboboxPositioner = require('./components/combobox/combobox-positioner.cjs');
 const comboboxRoot = require('./components/combobox/combobox-root.cjs');
 const comboboxRootProvider = require('./components/combobox/combobox-root-provider.cjs');
@@ -294,6 +298,15 @@ const progressView = require('./components/progress/progress-view.cjs');
 const useProgress = require('./components/progress/use-progress.cjs');
 const useProgressContext = require('./components/progress/use-progress-context.cjs');
 const progress = require('./components/progress/progress.cjs');
+const qrCodeContext = require('./components/qr-code/qr-code-context.cjs');
+const qrCodeFrame = require('./components/qr-code/qr-code-frame.cjs');
+const qrCodeOverlay = require('./components/qr-code/qr-code-overlay.cjs');
+const qrCodePattern = require('./components/qr-code/qr-code-pattern.cjs');
+const qrCodeRoot = require('./components/qr-code/qr-code-root.cjs');
+const qrCodeRootProvider = require('./components/qr-code/qr-code-root-provider.cjs');
+const useQrCode = require('./components/qr-code/use-qr-code.cjs');
+const useQrCodeContext = require('./components/qr-code/use-qr-code-context.cjs');
+const qrCode = require('./components/qr-code/qr-code.cjs');
 const radioGroupContext = require('./components/radio-group/radio-group-context.cjs');
 const radioGroupIndicator = require('./components/radio-group/radio-group-indicator.cjs');
 const radioGroupItem = require('./components/radio-group/radio-group-item.cjs');
@@ -347,6 +360,7 @@ const selectItemGroupLabel = require('./components/select/select-item-group-labe
 const selectItemIndicator = require('./components/select/select-item-indicator.cjs');
 const selectItemText = require('./components/select/select-item-text.cjs');
 const selectLabel = require('./components/select/select-label.cjs');
+const selectList = require('./components/select/select-list.cjs');
 const selectPositioner = require('./components/select/select-positioner.cjs');
 const selectRoot = require('./components/select/select-root.cjs');
 const selectRootProvider = require('./components/select/select-root-provider.cjs');
@@ -356,6 +370,17 @@ const useSelect = require('./components/select/use-select.cjs');
 const useSelectContext = require('./components/select/use-select-context.cjs');
 const useSelectItemContext = require('./components/select/use-select-item-context.cjs');
 const select = require('./components/select/select.cjs');
+const signaturePadClearTrigger = require('./components/signature-pad/signature-pad-clear-trigger.cjs');
+const signaturePadContext = require('./components/signature-pad/signature-pad-context.cjs');
+const signaturePadControl = require('./components/signature-pad/signature-pad-control.cjs');
+const signaturePadGuide = require('./components/signature-pad/signature-pad-guide.cjs');
+const signaturePadLabel = require('./components/signature-pad/signature-pad-label.cjs');
+const signaturePadRoot = require('./components/signature-pad/signature-pad-root.cjs');
+const signaturePadRootProvider = require('./components/signature-pad/signature-pad-root-provider.cjs');
+const signaturePadSegment = require('./components/signature-pad/signature-pad-segment.cjs');
+const useSignaturePad = require('./components/signature-pad/use-signature-pad.cjs');
+const useSignaturePadContext = require('./components/signature-pad/use-signature-pad-context.cjs');
+const signaturePad = require('./components/signature-pad/signature-pad.cjs');
 const sliderContext = require('./components/slider/slider-context.cjs');
 const sliderControl = require('./components/slider/slider-control.cjs');
 const sliderHiddenInput = require('./components/slider/slider-hidden-input.cjs');
@@ -507,6 +532,7 @@ exports.useCarouselContext = useCarouselContext.useCarouselContext;
 exports.Carousel = carousel;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
+exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
 exports.CheckboxHiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
 exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
@@ -514,6 +540,8 @@ exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
 exports.CheckboxRootProvider = checkboxRootProvider.CheckboxRootProvider;
 exports.useCheckbox = useCheckbox.useCheckbox;
 exports.useCheckboxContext = useCheckboxContext.useCheckboxContext;
+exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
+exports.useCheckboxGroupContext = useCheckboxGroupContext.useCheckboxGroupContext;
 exports.Checkbox = checkbox;
 exports.ClipboardContext = clipboardContext.ClipboardContext;
 exports.ClipboardControl = clipboardControl.ClipboardControl;
@@ -575,6 +603,7 @@ exports.ComboboxItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
 exports.ComboboxItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
 exports.ComboboxItemText = comboboxItemText.ComboboxItemText;
 exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
+exports.ComboboxList = comboboxList.ComboboxList;
 exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
 exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
 exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
@@ -765,6 +794,15 @@ exports.ProgressView = progressView.ProgressView;
 exports.useProgress = useProgress.useProgress;
 exports.useProgressContext = useProgressContext.useProgressContext;
 exports.Progress = progress;
+exports.QrCodeContext = qrCodeContext.QrCodeContext;
+exports.QrCodeFrame = qrCodeFrame.QrCodeFrame;
+exports.QrCodeOverlay = qrCodeOverlay.QrCodeOverlay;
+exports.QrCodePattern = qrCodePattern.QrCodePattern;
+exports.QrCodeRoot = qrCodeRoot.QrCodeRoot;
+exports.QrCodeRootProvider = qrCodeRootProvider.QrCodeRootProvider;
+exports.useQrCode = useQrCode.useQrCode;
+exports.useQrCodeContext = useQrCodeContext.useQrCodeContext;
+exports.QrCode = qrCode;
 exports.RadioGroupContext = radioGroupContext.RadioGroupContext;
 exports.RadioGroupIndicator = radioGroupIndicator.RadioGroupIndicator;
 exports.RadioGroupItem = radioGroupItem.RadioGroupItem;
@@ -818,6 +856,7 @@ exports.SelectItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
 exports.SelectItemIndicator = selectItemIndicator.SelectItemIndicator;
 exports.SelectItemText = selectItemText.SelectItemText;
 exports.SelectLabel = selectLabel.SelectLabel;
+exports.SelectList = selectList.SelectList;
 exports.SelectPositioner = selectPositioner.SelectPositioner;
 exports.SelectRoot = selectRoot.SelectRoot;
 exports.SelectRootProvider = selectRootProvider.SelectRootProvider;
@@ -827,6 +866,17 @@ exports.useSelect = useSelect.useSelect;
 exports.useSelectContext = useSelectContext.useSelectContext;
 exports.useSelectItemContext = useSelectItemContext.useSelectItemContext;
 exports.Select = select;
+exports.SignaturePadClearTrigger = signaturePadClearTrigger.SignaturePadClearTrigger;
+exports.SignaturePadContext = signaturePadContext.SignaturePadContext;
+exports.SignaturePadControl = signaturePadControl.SignaturePadControl;
+exports.SignaturePadGuide = signaturePadGuide.SignaturePadGuide;
+exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
+exports.SignaturePadRoot = signaturePadRoot.SignaturePadRoot;
+exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProvider;
+exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;
+exports.useSignaturePad = useSignaturePad.useSignaturePad;
+exports.useSignaturePadContext = useSignaturePadContext.useSignaturePadContext;
+exports.SignaturePad = signaturePad;
 exports.SliderContext = sliderContext.SliderContext;
 exports.SliderControl = sliderControl.SliderControl;
 exports.SliderHiddenInput = sliderHiddenInput.SliderHiddenInput;

package/dist/index.js

@@ -37,6 +37,7 @@ import * as carousel from './components/carousel/carousel.js';
 export { carousel as Carousel };
 export { CheckboxContext } from './components/checkbox/checkbox-context.js';
 export { CheckboxControl } from './components/checkbox/checkbox-control.js';
+export { CheckboxGroup } from './components/checkbox/checkbox-group.js';
 export { CheckboxHiddenInput } from './components/checkbox/checkbox-hidden-input.js';
 export { CheckboxIndicator } from './components/checkbox/checkbox-indicator.js';
 export { CheckboxLabel } from './components/checkbox/checkbox-label.js';
@@ -44,6 +45,8 @@ export { CheckboxRoot } from './components/checkbox/checkbox-root.js';
 export { CheckboxRootProvider } from './components/checkbox/checkbox-root-provider.js';
 export { useCheckbox } from './components/checkbox/use-checkbox.js';
 export { useCheckboxContext } from './components/checkbox/use-checkbox-context.js';
+export { useCheckboxGroup } from './components/checkbox/use-checkbox-group.js';
+export { useCheckboxGroupContext } from './components/checkbox/use-checkbox-group-context.js';
 import * as checkbox from './components/checkbox/checkbox.js';
 export { checkbox as Checkbox };
 export { ClipboardContext } from './components/clipboard/clipboard-context.js';
@@ -109,6 +112,7 @@ export { ComboboxItemGroupLabel } from './components/combobox/combobox-item-grou
 export { ComboboxItemIndicator } from './components/combobox/combobox-item-indicator.js';
 export { ComboboxItemText } from './components/combobox/combobox-item-text.js';
 export { ComboboxLabel } from './components/combobox/combobox-label.js';
+export { ComboboxList } from './components/combobox/combobox-list.js';
 export { ComboboxPositioner } from './components/combobox/combobox-positioner.js';
 export { ComboboxRoot } from './components/combobox/combobox-root.js';
 export { ComboboxRootProvider } from './components/combobox/combobox-root-provider.js';
@@ -310,6 +314,16 @@ export { useProgress } from './components/progress/use-progress.js';
 export { useProgressContext } from './components/progress/use-progress-context.js';
 import * as progress from './components/progress/progress.js';
 export { progress as Progress };
+export { QrCodeContext } from './components/qr-code/qr-code-context.js';
+export { QrCodeFrame } from './components/qr-code/qr-code-frame.js';
+export { QrCodeOverlay } from './components/qr-code/qr-code-overlay.js';
+export { QrCodePattern } from './components/qr-code/qr-code-pattern.js';
+export { QrCodeRoot } from './components/qr-code/qr-code-root.js';
+export { QrCodeRootProvider } from './components/qr-code/qr-code-root-provider.js';
+export { useQrCode } from './components/qr-code/use-qr-code.js';
+export { useQrCodeContext } from './components/qr-code/use-qr-code-context.js';
+import * as qrCode from './components/qr-code/qr-code.js';
+export { qrCode as QrCode };
 export { RadioGroupContext } from './components/radio-group/radio-group-context.js';
 export { RadioGroupIndicator } from './components/radio-group/radio-group-indicator.js';
 export { RadioGroupItem } from './components/radio-group/radio-group-item.js';
@@ -366,6 +380,7 @@ export { SelectItemGroupLabel } from './components/select/select-item-group-labe
 export { SelectItemIndicator } from './components/select/select-item-indicator.js';
 export { SelectItemText } from './components/select/select-item-text.js';
 export { SelectLabel } from './components/select/select-label.js';
+export { SelectList } from './components/select/select-list.js';
 export { SelectPositioner } from './components/select/select-positioner.js';
 export { SelectRoot } from './components/select/select-root.js';
 export { SelectRootProvider } from './components/select/select-root-provider.js';
@@ -376,6 +391,18 @@ export { useSelectContext } from './components/select/use-select-context.js';
 export { useSelectItemContext } from './components/select/use-select-item-context.js';
 import * as select from './components/select/select.js';
 export { select as Select };
+export { SignaturePadClearTrigger } from './components/signature-pad/signature-pad-clear-trigger.js';
+export { SignaturePadContext } from './components/signature-pad/signature-pad-context.js';
+export { SignaturePadControl } from './components/signature-pad/signature-pad-control.js';
+export { SignaturePadGuide } from './components/signature-pad/signature-pad-guide.js';
+export { SignaturePadLabel } from './components/signature-pad/signature-pad-label.js';
+export { SignaturePadRoot } from './components/signature-pad/signature-pad-root.js';
+export { SignaturePadRootProvider } from './components/signature-pad/signature-pad-root-provider.js';
+export { SignaturePadSegment } from './components/signature-pad/signature-pad-segment.js';
+export { useSignaturePad } from './components/signature-pad/use-signature-pad.js';
+export { useSignaturePadContext } from './components/signature-pad/use-signature-pad-context.js';
+import * as signaturePad from './components/signature-pad/signature-pad.js';
+export { signaturePad as SignaturePad };
 export { SliderContext } from './components/slider/slider-context.js';
 export { SliderControl } from './components/slider/slider-control.js';
 export { SliderHiddenInput } from './components/slider/slider-hidden-input.js';

package/dist/providers/environment/use-environment-context.d.cts

@@ -1,5 +1,4 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export type RootNode = ShadowRoot | Document | Node;
 export interface EnvironmentContext {
     /**

package/dist/providers/environment/use-environment-context.d.ts

@@ -1,5 +1,4 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export type RootNode = ShadowRoot | Document | Node;
 export interface EnvironmentContext {
     /**

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

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

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

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

package/dist/utils/create-context.d.cts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface CreateContextOptions<T> {
     strict?: boolean;
     hookName?: string;

package/dist/utils/create-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface CreateContextOptions<T> {
     strict?: boolean;
     hookName?: string;

package/dist/utils/render-strategy.d.cts

@@ -1,5 +1,4 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export interface RenderStrategyProps {
     /**
      * Whether to enable lazy mounting

package/dist/utils/render-strategy.d.ts

@@ -1,5 +1,4 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export interface RenderStrategyProps {
     /**
      * Whether to enable lazy mounting

package/dist/utils/use-controllable-state.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useControllableState(props) {
+  const { value, onChange, defaultValue } = props;
+  const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
+  const controlled = value !== void 0;
+  const currentValue = controlled ? value : uncontrolledValue;
+  const setValue = react.useCallback(
+    (value2) => {
+      if (controlled) {
+        return onChange?.(value2);
+      }
+      setUncontrolledValue(value2);
+      return onChange?.(value2);
+    },
+    [controlled, onChange]
+  );
+  return [currentValue, setValue];
+}
+
+exports.useControllableState = useControllableState;

package/dist/utils/use-controllable-state.d.cts

@@ -1,6 +1,6 @@
 export interface UseControllableStateProps<T> {
     value?: T;
-    onChange?: (value: T) => void;
     defaultValue?: T;
+    onChange?: (value: T) => void;
 }
 export declare function useControllableState<T>(props: UseControllableStateProps<T>): readonly [T, (value: T) => void | undefined];

package/dist/utils/use-controllable-state.d.ts

@@ -1,6 +1,6 @@
 export interface UseControllableStateProps<T> {
     value?: T;
-    onChange?: (value: T) => void;
     defaultValue?: T;
+    onChange?: (value: T) => void;
 }
 export declare function useControllableState<T>(props: UseControllableStateProps<T>): readonly [T, (value: T) => void | undefined];

package/dist/utils/use-controllable-state.js

@@ -0,0 +1,22 @@
+'use client';
+import { useState, useCallback } from 'react';
+
+function useControllableState(props) {
+  const { value, onChange, defaultValue } = props;
+  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+  const controlled = value !== void 0;
+  const currentValue = controlled ? value : uncontrolledValue;
+  const setValue = useCallback(
+    (value2) => {
+      if (controlled) {
+        return onChange?.(value2);
+      }
+      setUncontrolledValue(value2);
+      return onChange?.(value2);
+    },
+    [controlled, onChange]
+  );
+  return [currentValue, setValue];
+}
+
+export { useControllableState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -27,6 +27,7 @@
     "rating group",
     "segment group",
     "select",
+    "signature pad",
     "slider",
     "splitter",
     "switch",
@@ -319,6 +320,17 @@
         "default": "./dist/components/progress/index.cjs"
       }
     },
+    "./qr-code": {
+      "source": "./src/components/qr-code/index.ts",
+      "import": {
+        "types": "./dist/components/qr-code/index.d.ts",
+        "default": "./dist/components/qr-code/index.js"
+      },
+      "require": {
+        "types": "./dist/components/qr-code/index.d.cts",
+        "default": "./dist/components/qr-code/index.cjs"
+      }
+    },
     "./radio-group": {
       "source": "./src/components/radio-group/index.ts",
       "import": {
@@ -363,6 +375,17 @@
         "default": "./dist/components/select/index.cjs"
       }
     },
+    "./signature-pad": {
+      "source": "./src/components/signature-pad/index.ts",
+      "import": {
+        "types": "./dist/components/signature-pad/index.d.ts",
+        "default": "./dist/components/signature-pad/index.js"
+      },
+      "require": {
+        "types": "./dist/components/signature-pad/index.d.cts",
+        "default": "./dist/components/signature-pad/index.cjs"
+      }
+    },
     "./slider": {
       "source": "./src/components/slider/index.ts",
       "import": {
@@ -499,67 +522,68 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ark-ui/anatomy": "^3.2.0",
-    "@zag-js/accordion": "0.54.0",
-    "@zag-js/avatar": "0.54.0",
-    "@zag-js/carousel": "0.54.0",
-    "@zag-js/checkbox": "0.54.0",
-    "@zag-js/clipboard": "0.54.0",
-    "@zag-js/collapsible": "0.54.0",
-    "@zag-js/color-picker": "0.54.0",
-    "@zag-js/color-utils": "0.54.0",
-    "@zag-js/combobox": "0.54.0",
-    "@zag-js/core": "0.54.0",
-    "@zag-js/date-picker": "0.54.0",
-    "@zag-js/date-utils": "0.54.0",
-    "@zag-js/dom-query": "0.54.0",
-    "@zag-js/dialog": "0.54.0",
-    "@zag-js/editable": "0.54.0",
-    "@zag-js/file-upload": "0.54.0",
-    "@zag-js/file-utils": "0.54.0",
-    "@zag-js/hover-card": "0.54.0",
-    "@zag-js/i18n-utils": "0.54.0",
-    "@zag-js/menu": "0.54.0",
-    "@zag-js/number-input": "0.54.0",
-    "@zag-js/pagination": "0.54.0",
-    "@zag-js/pin-input": "0.54.0",
-    "@zag-js/popover": "0.54.0",
-    "@zag-js/presence": "0.54.0",
-    "@zag-js/progress": "0.54.0",
-    "@zag-js/radio-group": "0.54.0",
-    "@zag-js/rating-group": "0.54.0",
-    "@zag-js/react": "0.54.0",
-    "@zag-js/select": "0.54.0",
-    "@zag-js/slider": "0.54.0",
-    "@zag-js/splitter": "0.54.0",
-    "@zag-js/switch": "0.54.0",
-    "@zag-js/tabs": "0.54.0",
-    "@zag-js/tags-input": "0.54.0",
-    "@zag-js/toast": "0.54.0",
-    "@zag-js/toggle-group": "0.54.0",
-    "@zag-js/tooltip": "0.54.0",
-    "@zag-js/tree-view": "0.54.0",
-    "@zag-js/types": "0.54.0"
+    "@ark-ui/anatomy": "^3.3.1",
+    "@zag-js/accordion": "0.56.1",
+    "@zag-js/avatar": "0.56.1",
+    "@zag-js/carousel": "0.56.1",
+    "@zag-js/checkbox": "0.56.1",
+    "@zag-js/clipboard": "0.56.1",
+    "@zag-js/collapsible": "0.56.1",
+    "@zag-js/color-picker": "0.56.1",
+    "@zag-js/color-utils": "0.56.1",
+    "@zag-js/combobox": "0.56.1",
+    "@zag-js/core": "0.56.1",
+    "@zag-js/date-picker": "0.56.1",
+    "@zag-js/date-utils": "0.56.1",
+    "@zag-js/dom-query": "0.56.1",
+    "@zag-js/dialog": "0.56.1",
+    "@zag-js/editable": "0.56.1",
+    "@zag-js/file-upload": "0.56.1",
+    "@zag-js/file-utils": "0.56.1",
+    "@zag-js/hover-card": "0.56.1",
+    "@zag-js/i18n-utils": "0.56.1",
+    "@zag-js/menu": "0.56.1",
+    "@zag-js/number-input": "0.56.1",
+    "@zag-js/pagination": "0.56.1",
+    "@zag-js/pin-input": "0.56.1",
+    "@zag-js/popover": "0.56.1",
+    "@zag-js/presence": "0.56.1",
+    "@zag-js/progress": "0.56.1",
+    "@zag-js/qr-code": "0.56.1",
+    "@zag-js/radio-group": "0.56.1",
+    "@zag-js/rating-group": "0.56.1",
+    "@zag-js/react": "0.56.1",
+    "@zag-js/select": "0.56.1",
+    "@zag-js/signature-pad": "0.56.1",
+    "@zag-js/slider": "0.56.1",
+    "@zag-js/splitter": "0.56.1",
+    "@zag-js/switch": "0.56.1",
+    "@zag-js/tabs": "0.56.1",
+    "@zag-js/tags-input": "0.56.1",
+    "@zag-js/toast": "0.56.1",
+    "@zag-js/toggle-group": "0.56.1",
+    "@zag-js/tooltip": "0.56.1",
+    "@zag-js/tree-view": "0.56.1",
+    "@zag-js/types": "0.56.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.8.0",
+    "@biomejs/biome": "1.8.1",
     "@release-it/keep-a-changelog": "5.0.0",
     "@storybook/addon-a11y": "8.1.6",
     "@storybook/addon-essentials": "8.1.6",
     "@storybook/react-vite": "8.1.6",
     "@storybook/react": "8.1.6",
     "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/jest-dom": "6.4.6",
     "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
-    "@types/testing-library__jest-dom": "5.14.9",
-    "@vitejs/plugin-react": "4.3.0",
+    "@vitejs/plugin-react": "4.3.1",
     "globby": "14.0.1",
     "jsdom": "24.1.0",
-    "lucide-react": "0.383.0",
+    "lucide-react": "0.394.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
@@ -568,9 +592,10 @@
     "resize-observer-polyfill": "1.5.1",
     "storybook": "8.1.6",
     "typescript": "5.4.5",
-    "vite": "5.2.12",
+    "vite": "5.2.13",
     "vite-plugin-dts": "3.9.1",
-    "vitest": "1.6.0"
+    "vitest": "1.6.0",
+    "vitest-axe": "1.0.0-pre.3"
   },
   "peerDependencies": {
     "react": ">=18.0.0",