@ark-ui/react 5.16.1 → 5.18.0

package/dist/components/json-tree-view/json-tree-view-root.d.ts

@@ -0,0 +1,15 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { TreeView } from '../tree-view';
+import { JsonTreeViewOptions } from './json-tree-view-props-context';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface JsonTreeViewRootProps extends Omit<TreeView.RootProps<JsonNode>, 'collection'>, JsonTreeViewOptions {
+    /**
+     * The data to display in the tree.
+     */
+    data: unknown;
+    /**
+     * The default expand level.
+     */
+    defaultExpandedDepth?: number;
+}
+export declare const JsonTreeViewRoot: ForwardRefExoticComponent<JsonTreeViewRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,44 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils';
+import { forwardRef, useMemo } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { createTreeCollection } from '../collection/tree-collection.js';
+import { TreeViewRoot } from '../tree-view/tree-view-root.js';
+import { getBranchValues } from './get-branch-value.js';
+import { JsonTreeViewPropsProvider } from './json-tree-view-props-context.js';
+
+const splitJsonTreeViewProps = createSplitProps();
+const JsonTreeViewRoot = forwardRef((props, ref) => {
+  const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+    "maxPreviewItems",
+    "collapseStringsAfterLength",
+    "quotesOnKeys",
+    "groupArraysAfterLength",
+    "showNonenumerable"
+  ]);
+  const { data, defaultExpandedDepth, ...restProps } = localProps;
+  const collection = useMemo(() => {
+    return createTreeCollection({
+      nodeToValue,
+      nodeToString,
+      rootNode: getRootNode(data)
+    });
+  }, [data]);
+  const defaultExpandedValue = useMemo(() => {
+    return defaultExpandedDepth != null ? getBranchValues(collection, defaultExpandedDepth) : void 0;
+  }, [collection, defaultExpandedDepth]);
+  return /* @__PURE__ */ jsx(JsonTreeViewPropsProvider, { value: jsonTreeProps, children: /* @__PURE__ */ jsx(
+    TreeViewRoot,
+    {
+      "data-scope": "json-tree-view",
+      collection,
+      defaultExpandedValue,
+      ...restProps,
+      ref
+    }
+  ) });
+});
+JsonTreeViewRoot.displayName = "JsonTreeViewRoot";
+
+export { JsonTreeViewRoot };

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

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const treeViewTree = require('../tree-view/tree-view-tree.cjs');
+const useTreeViewContext = require('../tree-view/use-tree-view-context.cjs');
+const jsonTreeViewNode = require('./json-tree-view-node.cjs');
+
+const splitTreeNodeProps = createSplitProps.createSplitProps();
+const JsonTreeViewTree = react.forwardRef((props, ref) => {
+  const [nodeProps, treeProps] = splitTreeNodeProps(props, ["arrow", "indentGuide", "renderValue"]);
+  const tree = useTreeViewContext.useTreeViewContext();
+  const children = tree.collection.getNodeChildren(tree.collection.rootNode);
+  return /* @__PURE__ */ jsxRuntime.jsx(treeViewTree.TreeViewTree, { "data-scope": "json-tree-view", ...treeProps, ref, children: children.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(jsonTreeViewNode.JsonTreeViewNode, { node: child, indexPath: [index], ...nodeProps }, index)) });
+});
+JsonTreeViewTree.displayName = "JsonTreeViewTree";
+
+exports.JsonTreeViewTree = JsonTreeViewTree;

package/dist/components/json-tree-view/json-tree-view-tree.d.cts

@@ -0,0 +1,6 @@
+import { TreeView } from '../tree-view';
+import { JsonTreeViewNodeBaseProps } from './json-tree-view-node';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface JsonTreeViewTreeProps extends TreeView.TreeProps, JsonTreeViewNodeBaseProps {
+}
+export declare const JsonTreeViewTree: ForwardRefExoticComponent<JsonTreeViewTreeProps & RefAttributes<HTMLDivElement>>;

package/dist/components/json-tree-view/json-tree-view-tree.d.ts

@@ -0,0 +1,6 @@
+import { TreeView } from '../tree-view';
+import { JsonTreeViewNodeBaseProps } from './json-tree-view-node';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface JsonTreeViewTreeProps extends TreeView.TreeProps, JsonTreeViewNodeBaseProps {
+}
+export declare const JsonTreeViewTree: ForwardRefExoticComponent<JsonTreeViewTreeProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { TreeViewTree } from '../tree-view/tree-view-tree.js';
+import { useTreeViewContext } from '../tree-view/use-tree-view-context.js';
+import { JsonTreeViewNode } from './json-tree-view-node.js';
+
+const splitTreeNodeProps = createSplitProps();
+const JsonTreeViewTree = forwardRef((props, ref) => {
+  const [nodeProps, treeProps] = splitTreeNodeProps(props, ["arrow", "indentGuide", "renderValue"]);
+  const tree = useTreeViewContext();
+  const children = tree.collection.getNodeChildren(tree.collection.rootNode);
+  return /* @__PURE__ */ jsx(TreeViewTree, { "data-scope": "json-tree-view", ...treeProps, ref, children: children.map((child, index) => /* @__PURE__ */ jsx(JsonTreeViewNode, { node: child, indexPath: [index], ...nodeProps }, index)) });
+});
+JsonTreeViewTree.displayName = "JsonTreeViewTree";
+
+export { JsonTreeViewTree };

package/dist/components/json-tree-view/json-tree-view-value-node.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const JsonTreeViewValueNode = (props) => {
+  const { node, renderValue } = props;
+  if (node.type === "text") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderValue?.(node) ?? node.value });
+  }
+  const Element = node.tagName;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Element,
+    {
+      "data-root": node.properties.root ? "" : void 0,
+      "data-type": node.properties.nodeType,
+      "data-kind": node.properties.kind,
+      suppressHydrationWarning: true,
+      children: node.children.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(JsonTreeViewValueNode, { node: child, renderValue }, index))
+    }
+  );
+};
+
+exports.JsonTreeViewValueNode = JsonTreeViewValueNode;

package/dist/components/json-tree-view/json-tree-view-value-node.d.cts

@@ -0,0 +1,7 @@
+import { JsonNodeHastElement } from '@zag-js/json-tree-utils';
+interface JsonTreeViewValueNodeProps {
+    node: JsonNodeHastElement;
+    renderValue?: (node: JsonNodeHastElement) => React.ReactNode;
+}
+export declare const JsonTreeViewValueNode: (props: JsonTreeViewValueNodeProps) => React.ReactNode;
+export {};

package/dist/components/json-tree-view/json-tree-view-value-node.d.ts

@@ -0,0 +1,7 @@
+import { JsonNodeHastElement } from '@zag-js/json-tree-utils';
+interface JsonTreeViewValueNodeProps {
+    node: JsonNodeHastElement;
+    renderValue?: (node: JsonNodeHastElement) => React.ReactNode;
+}
+export declare const JsonTreeViewValueNode: (props: JsonTreeViewValueNodeProps) => React.ReactNode;
+export {};

package/dist/components/json-tree-view/json-tree-view-value-node.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const JsonTreeViewValueNode = (props) => {
+  const { node, renderValue } = props;
+  if (node.type === "text") {
+    return /* @__PURE__ */ jsx(Fragment, { children: renderValue?.(node) ?? node.value });
+  }
+  const Element = node.tagName;
+  return /* @__PURE__ */ jsx(
+    Element,
+    {
+      "data-root": node.properties.root ? "" : void 0,
+      "data-type": node.properties.nodeType,
+      "data-kind": node.properties.kind,
+      suppressHydrationWarning: true,
+      children: node.children.map((child, index) => /* @__PURE__ */ jsx(JsonTreeViewValueNode, { node: child, renderValue }, index))
+    }
+  );
+};
+
+export { JsonTreeViewValueNode };

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsonTreeViewRoot = require('./json-tree-view-root.cjs');
+const jsonTreeViewRootProvider = require('./json-tree-view-root-provider.cjs');
+const jsonTreeViewTree = require('./json-tree-view-tree.cjs');
+
+
+
+exports.Root = jsonTreeViewRoot.JsonTreeViewRoot;
+exports.RootProvider = jsonTreeViewRootProvider.JsonTreeViewRootProvider;
+exports.Tree = jsonTreeViewTree.JsonTreeViewTree;

package/dist/components/json-tree-view/json-tree-view.d.cts

@@ -0,0 +1,3 @@
+export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps } from './json-tree-view-root';
+export { JsonTreeViewRootProvider as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, } from './json-tree-view-root-provider';
+export { JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps } from './json-tree-view-tree';

package/dist/components/json-tree-view/json-tree-view.d.ts

@@ -0,0 +1,3 @@
+export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps } from './json-tree-view-root';
+export { JsonTreeViewRootProvider as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, } from './json-tree-view-root-provider';
+export { JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps } from './json-tree-view-tree';

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

@@ -0,0 +1,3 @@
+export { JsonTreeViewRoot as Root } from './json-tree-view-root.js';
+export { JsonTreeViewRootProvider as RootProvider } from './json-tree-view-root-provider.js';
+export { JsonTreeViewTree as Tree } from './json-tree-view-tree.js';

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

@@ -0,0 +1,32 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsonTreeUtils = require('@zag-js/json-tree-utils');
+const react = require('react');
+const treeCollection = require('../collection/tree-collection.cjs');
+const useTreeView = require('../tree-view/use-tree-view.cjs');
+const getBranchValue = require('./get-branch-value.cjs');
+
+const useJsonTreeView = (props) => {
+  const { data, defaultExpandedDepth = 1, ...restProps } = props;
+  const collection = react.useMemo(() => {
+    return treeCollection.createTreeCollection({
+      nodeToValue: jsonTreeUtils.nodeToValue,
+      nodeToString: jsonTreeUtils.nodeToString,
+      rootNode: jsonTreeUtils.getRootNode(data)
+    });
+  }, [data]);
+  const defaultExpandedValue = react.useMemo(() => {
+    return defaultExpandedDepth != null ? getBranchValue.getBranchValues(collection, defaultExpandedDepth) : void 0;
+  }, [collection, defaultExpandedDepth]);
+  return useTreeView.useTreeView({
+    defaultExpandedValue,
+    ...restProps,
+    collection,
+    typeahead: false
+  });
+};
+
+exports.useJsonTreeView = useJsonTreeView;

package/dist/components/json-tree-view/use-json-tree-view.d.cts

@@ -0,0 +1,9 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+    data: unknown;
+    defaultExpandedDepth?: number;
+}
+export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+}
+export declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseTreeViewReturn<JsonNode<any>>;

package/dist/components/json-tree-view/use-json-tree-view.d.ts

@@ -0,0 +1,9 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+    data: unknown;
+    defaultExpandedDepth?: number;
+}
+export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+}
+export declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseTreeViewReturn<JsonNode<any>>;

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

@@ -0,0 +1,28 @@
+'use client';
+import { getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils';
+import { useMemo } from 'react';
+import { createTreeCollection } from '../collection/tree-collection.js';
+import { useTreeView } from '../tree-view/use-tree-view.js';
+import { getBranchValues } from './get-branch-value.js';
+
+const useJsonTreeView = (props) => {
+  const { data, defaultExpandedDepth = 1, ...restProps } = props;
+  const collection = useMemo(() => {
+    return createTreeCollection({
+      nodeToValue,
+      nodeToString,
+      rootNode: getRootNode(data)
+    });
+  }, [data]);
+  const defaultExpandedValue = useMemo(() => {
+    return defaultExpandedDepth != null ? getBranchValues(collection, defaultExpandedDepth) : void 0;
+  }, [collection, defaultExpandedDepth]);
+  return useTreeView({
+    defaultExpandedValue,
+    ...restProps,
+    collection,
+    typeahead: false
+  });
+};
+
+export { useJsonTreeView };

package/dist/components/signature-pad/signature-pad-root.cjs

@@ -15,12 +15,14 @@ const SignaturePadRoot = react.forwardRef((props, ref) => {
   const [useSignaturePadProps, localProps] = createSplitProps.createSplitProps()(props, [
     "id",
     "ids",
+    "defaultPaths",
     "drawing",
     "disabled",
     "readOnly",
     "name",
     "onDraw",
     "onDrawEnd",
+    "paths",
     "readOnly",
     "required",
     "translations"

package/dist/components/signature-pad/signature-pad-root.js

@@ -11,12 +11,14 @@ const SignaturePadRoot = forwardRef((props, ref) => {
   const [useSignaturePadProps, localProps] = createSplitProps()(props, [
     "id",
     "ids",
+    "defaultPaths",
     "drawing",
     "disabled",
     "readOnly",
     "name",
     "onDraw",
     "onDrawEnd",
+    "paths",
     "readOnly",
     "required",
     "translations"

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

@@ -2,7 +2,7 @@ import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import { TreeCollection, TreeNode } from '../collection';
 import * as treeView from '@zag-js/tree-view';
-export interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Props, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
+export interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Props<T>, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
     /**
      * The collection of tree nodes
      */

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

@@ -2,7 +2,7 @@ import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import { TreeCollection, TreeNode } from '../collection';
 import * as treeView from '@zag-js/tree-view';
-export interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Props, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
+export interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Props<T>, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
     /**
      * The collection of tree nodes
      */

package/dist/index.cjs

@@ -52,6 +52,7 @@ const carousel$1 = 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 checkboxGroupProvider = require('./components/checkbox/checkbox-group-provider.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');
@@ -323,6 +324,11 @@ const useMenu = require('./components/menu/use-menu.cjs');
 const useMenuContext = require('./components/menu/use-menu-context.cjs');
 const useMenuItemContext = require('./components/menu/use-menu-item-context.cjs');
 const menu$1 = require('./components/menu/menu.cjs');
+const jsonTreeViewRoot = require('./components/json-tree-view/json-tree-view-root.cjs');
+const jsonTreeViewRootProvider = require('./components/json-tree-view/json-tree-view-root-provider.cjs');
+const jsonTreeViewTree = require('./components/json-tree-view/json-tree-view-tree.cjs');
+const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.cjs');
+const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const numberInputContext = require('./components/number-input/number-input-context.cjs');
 const numberInputControl = require('./components/number-input/number-input-control.cjs');
 const numberInputDecrementTrigger = require('./components/number-input/number-input-decrement-trigger.cjs');
@@ -768,6 +774,7 @@ exports.Carousel = carousel$1;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
+exports.CheckboxGroupProvider = checkboxGroupProvider.CheckboxGroupProvider;
 exports.CheckboxHiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
 exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
@@ -1047,6 +1054,11 @@ exports.useMenu = useMenu.useMenu;
 exports.useMenuContext = useMenuContext.useMenuContext;
 exports.useMenuItemContext = useMenuItemContext.useMenuItemContext;
 exports.Menu = menu$1;
+exports.JsonTreeViewRoot = jsonTreeViewRoot.JsonTreeViewRoot;
+exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider.JsonTreeViewRootProvider;
+exports.JsonTreeViewTree = jsonTreeViewTree.JsonTreeViewTree;
+exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
+exports.JsonTreeView = jsonTreeView;
 exports.NumberInputContext = numberInputContext.NumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
 exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;

package/dist/index.js

@@ -52,6 +52,7 @@ 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 { CheckboxGroupProvider } from './components/checkbox/checkbox-group-provider.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';
@@ -339,6 +340,12 @@ export { useMenuContext } from './components/menu/use-menu-context.js';
 export { useMenuItemContext } from './components/menu/use-menu-item-context.js';
 import * as menu from './components/menu/menu.js';
 export { menu as Menu };
+export { JsonTreeViewRoot } from './components/json-tree-view/json-tree-view-root.js';
+export { JsonTreeViewRootProvider } from './components/json-tree-view/json-tree-view-root-provider.js';
+export { JsonTreeViewTree } from './components/json-tree-view/json-tree-view-tree.js';
+export { useJsonTreeView } from './components/json-tree-view/use-json-tree-view.js';
+import * as jsonTreeView from './components/json-tree-view/json-tree-view.js';
+export { jsonTreeView as JsonTreeView };
 export { NumberInputContext } from './components/number-input/number-input-context.js';
 export { NumberInputControl } from './components/number-input/number-input-control.js';
 export { NumberInputDecrementTrigger } from './components/number-input/number-input-decrement-trigger.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.16.1",
+  "version": "5.18.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,68 +141,69 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.18.2",
-    "@zag-js/angle-slider": "1.18.2",
-    "@zag-js/anatomy": "1.18.2",
-    "@zag-js/auto-resize": "1.18.2",
-    "@zag-js/avatar": "1.18.2",
-    "@zag-js/carousel": "1.18.2",
-    "@zag-js/checkbox": "1.18.2",
-    "@zag-js/clipboard": "1.18.2",
-    "@zag-js/collapsible": "1.18.2",
-    "@zag-js/collection": "1.18.2",
-    "@zag-js/color-picker": "1.18.2",
-    "@zag-js/color-utils": "1.18.2",
-    "@zag-js/combobox": "1.18.2",
-    "@zag-js/core": "1.18.2",
-    "@zag-js/date-picker": "1.18.2",
-    "@zag-js/date-utils": "1.18.2",
-    "@zag-js/dialog": "1.18.2",
-    "@zag-js/dom-query": "1.18.2",
-    "@zag-js/editable": "1.18.2",
-    "@zag-js/file-upload": "1.18.2",
-    "@zag-js/file-utils": "1.18.2",
-    "@zag-js/focus-trap": "1.18.2",
-    "@zag-js/floating-panel": "1.18.2",
-    "@zag-js/highlight-word": "1.18.2",
-    "@zag-js/hover-card": "1.18.2",
-    "@zag-js/i18n-utils": "1.18.2",
-    "@zag-js/listbox": "1.18.2",
-    "@zag-js/menu": "1.18.2",
-    "@zag-js/number-input": "1.18.2",
-    "@zag-js/pagination": "1.18.2",
-    "@zag-js/password-input": "1.18.2",
-    "@zag-js/pin-input": "1.18.2",
-    "@zag-js/popover": "1.18.2",
-    "@zag-js/presence": "1.18.2",
-    "@zag-js/progress": "1.18.2",
-    "@zag-js/qr-code": "1.18.2",
-    "@zag-js/radio-group": "1.18.2",
-    "@zag-js/rating-group": "1.18.2",
-    "@zag-js/react": "1.18.2",
-    "@zag-js/select": "1.18.2",
-    "@zag-js/signature-pad": "1.18.2",
-    "@zag-js/slider": "1.18.2",
-    "@zag-js/splitter": "1.18.2",
-    "@zag-js/steps": "1.18.2",
-    "@zag-js/switch": "1.18.2",
-    "@zag-js/tabs": "1.18.2",
-    "@zag-js/tags-input": "1.18.2",
-    "@zag-js/time-picker": "1.18.2",
-    "@zag-js/timer": "1.18.2",
-    "@zag-js/toast": "1.18.2",
-    "@zag-js/toggle": "1.18.2",
-    "@zag-js/toggle-group": "1.18.2",
-    "@zag-js/tooltip": "1.18.2",
-    "@zag-js/tour": "1.18.2",
-    "@zag-js/tree-view": "1.18.2",
-    "@zag-js/types": "1.18.2",
-    "@zag-js/utils": "1.18.2"
+    "@zag-js/accordion": "1.20.0",
+    "@zag-js/angle-slider": "1.20.0",
+    "@zag-js/anatomy": "1.20.0",
+    "@zag-js/auto-resize": "1.20.0",
+    "@zag-js/avatar": "1.20.0",
+    "@zag-js/carousel": "1.20.0",
+    "@zag-js/checkbox": "1.20.0",
+    "@zag-js/clipboard": "1.20.0",
+    "@zag-js/collapsible": "1.20.0",
+    "@zag-js/collection": "1.20.0",
+    "@zag-js/color-picker": "1.20.0",
+    "@zag-js/color-utils": "1.20.0",
+    "@zag-js/combobox": "1.20.0",
+    "@zag-js/core": "1.20.0",
+    "@zag-js/date-picker": "1.20.0",
+    "@zag-js/date-utils": "1.20.0",
+    "@zag-js/dialog": "1.20.0",
+    "@zag-js/dom-query": "1.20.0",
+    "@zag-js/editable": "1.20.0",
+    "@zag-js/file-upload": "1.20.0",
+    "@zag-js/file-utils": "1.20.0",
+    "@zag-js/focus-trap": "1.20.0",
+    "@zag-js/floating-panel": "1.20.0",
+    "@zag-js/highlight-word": "1.20.0",
+    "@zag-js/hover-card": "1.20.0",
+    "@zag-js/i18n-utils": "1.20.0",
+    "@zag-js/json-tree-utils": "1.20.0",
+    "@zag-js/listbox": "1.20.0",
+    "@zag-js/menu": "1.20.0",
+    "@zag-js/number-input": "1.20.0",
+    "@zag-js/pagination": "1.20.0",
+    "@zag-js/password-input": "1.20.0",
+    "@zag-js/pin-input": "1.20.0",
+    "@zag-js/popover": "1.20.0",
+    "@zag-js/presence": "1.20.0",
+    "@zag-js/progress": "1.20.0",
+    "@zag-js/qr-code": "1.20.0",
+    "@zag-js/radio-group": "1.20.0",
+    "@zag-js/rating-group": "1.20.0",
+    "@zag-js/react": "1.20.0",
+    "@zag-js/select": "1.20.0",
+    "@zag-js/signature-pad": "1.20.0",
+    "@zag-js/slider": "1.20.0",
+    "@zag-js/splitter": "1.20.0",
+    "@zag-js/steps": "1.20.0",
+    "@zag-js/switch": "1.20.0",
+    "@zag-js/tabs": "1.20.0",
+    "@zag-js/tags-input": "1.20.0",
+    "@zag-js/time-picker": "1.20.0",
+    "@zag-js/timer": "1.20.0",
+    "@zag-js/toast": "1.20.0",
+    "@zag-js/toggle": "1.20.0",
+    "@zag-js/toggle-group": "1.20.0",
+    "@zag-js/tooltip": "1.20.0",
+    "@zag-js/tour": "1.20.0",
+    "@zag-js/tree-view": "1.20.0",
+    "@zag-js/types": "1.20.0",
+    "@zag-js/utils": "1.20.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@storybook/addon-a11y": "9.0.15",
-    "@storybook/react-vite": "9.0.15",
+    "@storybook/addon-a11y": "9.0.18",
+    "@storybook/react-vite": "9.0.18",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
@@ -210,7 +211,7 @@
     "@types/jsdom": "21.1.7",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
-    "@vitejs/plugin-react": "4.6.0",
+    "@vitejs/plugin-react": "4.7.0",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "happy-dom": "18.0.1",
@@ -220,11 +221,11 @@
     "react-shadow": "20.6.0",
     "react-use": "17.6.0",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.57.0",
+    "react-hook-form": "7.60.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.0.15",
+    "storybook": "9.0.18",
     "typescript": "5.8.3",
-    "vite": "7.0.2",
+    "vite": "7.0.5",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",