@ark-ui/react 5.14.2 → 5.15.0

package/dist/components/index.cjs

@@ -666,6 +666,8 @@ const treeViewNodeProvider = require('./tree-view/tree-view-node-provider.cjs');
 const treeViewRoot = require('./tree-view/tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view/tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view/tree-view-tree.cjs');
+const treeViewNodeCheckbox = require('./tree-view/tree-view-node-checkbox.cjs');
+const treeViewNodeCheckboxIndicator = require('./tree-view/tree-view-node-checkbox-indicator.cjs');
 const useTreeView = require('./tree-view/use-tree-view.cjs');
 const useTreeViewContext = require('./tree-view/use-tree-view-context.cjs');
 const useTreeViewNodeContext = require('./tree-view/use-tree-view-node-context.cjs');
@@ -1386,6 +1388,8 @@ exports.TreeViewNodeProvider = treeViewNodeProvider.TreeViewNodeProvider;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
+exports.TreeViewNodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
+exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;
 exports.useTreeView = useTreeView.useTreeView;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;

package/dist/components/index.js

@@ -707,6 +707,8 @@ export { TreeViewNodeProvider } from './tree-view/tree-view-node-provider.js';
 export { TreeViewRoot } from './tree-view/tree-view-root.js';
 export { TreeViewRootProvider } from './tree-view/tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view/tree-view-tree.js';
+export { TreeViewNodeCheckbox } from './tree-view/tree-view-node-checkbox.js';
+export { TreeViewNodeCheckboxIndicator } from './tree-view/tree-view-node-checkbox-indicator.js';
 export { useTreeView } from './tree-view/use-tree-view.js';
 export { useTreeViewContext } from './tree-view/use-tree-view-context.js';
 export { useTreeViewNodeContext } from './tree-view/use-tree-view-node-context.js';

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

@@ -20,6 +20,8 @@ const treeViewNodeProvider = require('./tree-view-node-provider.cjs');
 const treeViewRoot = require('./tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view-tree.cjs');
+const treeViewNodeCheckbox = require('./tree-view-node-checkbox.cjs');
+const treeViewNodeCheckboxIndicator = require('./tree-view-node-checkbox-indicator.cjs');
 const useTreeView = require('./use-tree-view.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
@@ -47,6 +49,8 @@ exports.TreeViewNodeProvider = treeViewNodeProvider.TreeViewNodeProvider;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
+exports.TreeViewNodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
+exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;
 exports.useTreeView = useTreeView.useTreeView;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;

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

@@ -17,6 +17,8 @@ export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeView
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';
 export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
+export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox';
+export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
 export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';

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

@@ -17,6 +17,8 @@ export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeView
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';
 export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
+export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox';
+export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
 export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';

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

@@ -16,6 +16,8 @@ export { TreeViewNodeProvider } from './tree-view-node-provider.js';
 export { TreeViewRoot } from './tree-view-root.js';
 export { TreeViewRootProvider } from './tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view-tree.js';
+export { TreeViewNodeCheckbox } from './tree-view-node-checkbox.js';
+export { TreeViewNodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.js';
 export { useTreeView } from './use-tree-view.js';
 export { useTreeViewContext } from './use-tree-view-context.js';
 export { useTreeViewNodeContext } from './use-tree-view-node-context.js';

package/dist/components/tree-view/tree-view-node-checkbox-indicator.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
+
+const TreeViewNodeCheckboxIndicator = (props) => {
+  const { children, indeterminate, fallback } = props;
+  const nodeState = useTreeViewNodeContext.useTreeViewNodeContext();
+  const checkedState = nodeState.checked;
+  if (checkedState === "indeterminate" && indeterminate) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: indeterminate });
+  }
+  if (checkedState === true && children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+};
+TreeViewNodeCheckboxIndicator.displayName = "TreeViewNodeCheckboxIndicator";
+
+exports.TreeViewNodeCheckboxIndicator = TreeViewNodeCheckboxIndicator;

package/dist/components/tree-view/tree-view-node-checkbox-indicator.d.cts

@@ -0,0 +1,12 @@
+import { HTMLProps } from '../factory';
+export interface TreeViewNodeCheckboxIndicatorBaseProps {
+    children?: React.ReactNode | undefined;
+    indeterminate?: React.ReactNode | undefined;
+    fallback?: React.ReactNode | undefined;
+}
+export interface TreeViewNodeCheckboxIndicatorProps extends HTMLProps<'span'>, TreeViewNodeCheckboxIndicatorBaseProps {
+}
+export declare const TreeViewNodeCheckboxIndicator: {
+    (props: TreeViewNodeCheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/tree-view/tree-view-node-checkbox-indicator.d.ts

@@ -0,0 +1,12 @@
+import { HTMLProps } from '../factory';
+export interface TreeViewNodeCheckboxIndicatorBaseProps {
+    children?: React.ReactNode | undefined;
+    indeterminate?: React.ReactNode | undefined;
+    fallback?: React.ReactNode | undefined;
+}
+export interface TreeViewNodeCheckboxIndicatorProps extends HTMLProps<'span'>, TreeViewNodeCheckboxIndicatorBaseProps {
+}
+export declare const TreeViewNodeCheckboxIndicator: {
+    (props: TreeViewNodeCheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/tree-view/tree-view-node-checkbox-indicator.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useTreeViewNodeContext } from './use-tree-view-node-context.js';
+
+const TreeViewNodeCheckboxIndicator = (props) => {
+  const { children, indeterminate, fallback } = props;
+  const nodeState = useTreeViewNodeContext();
+  const checkedState = nodeState.checked;
+  if (checkedState === "indeterminate" && indeterminate) {
+    return /* @__PURE__ */ jsx(Fragment, { children: indeterminate });
+  }
+  if (checkedState === true && children) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+};
+TreeViewNodeCheckboxIndicator.displayName = "TreeViewNodeCheckboxIndicator";
+
+export { TreeViewNodeCheckboxIndicator };

package/dist/components/tree-view/tree-view-node-checkbox.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+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 factory = require('../factory.cjs');
+const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
+
+const TreeViewNodeCheckbox = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const mergedProps = react$1.mergeProps(treeView.getNodeCheckboxProps(nodeProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
+});
+TreeViewNodeCheckbox.displayName = "TreeViewNodeCheckbox";
+
+exports.TreeViewNodeCheckbox = TreeViewNodeCheckbox;

package/dist/components/tree-view/tree-view-node-checkbox.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
+}
+export interface TreeViewNodeCheckboxProps extends HTMLProps<'span'>, TreeViewNodeCheckboxBaseProps {
+}
+export declare const TreeViewNodeCheckbox: ForwardRefExoticComponent<TreeViewNodeCheckboxProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/tree-view/tree-view-node-checkbox.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
+}
+export interface TreeViewNodeCheckboxProps extends HTMLProps<'span'>, TreeViewNodeCheckboxBaseProps {
+}
+export declare const TreeViewNodeCheckbox: ForwardRefExoticComponent<TreeViewNodeCheckboxProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/tree-view/tree-view-node-checkbox.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useTreeViewContext } from './use-tree-view-context.js';
+import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
+
+const TreeViewNodeCheckbox = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(treeView.getNodeCheckboxProps(nodeProps), props);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
+});
+TreeViewNodeCheckbox.displayName = "TreeViewNodeCheckbox";
+
+export { TreeViewNodeCheckbox };

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

@@ -15,22 +15,27 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
 const TreeViewImpl = (props, ref) => {
   const [renderStrategyProps, treeViewProps] = renderStrategy.splitRenderStrategyProps(props);
   const [useTreeViewProps, localProps] = createSplitProps.createSplitProps()(treeViewProps, [
+    "checkedValue",
     "collection",
+    "defaultCheckedValue",
     "defaultExpandedValue",
+    "defaultFocusedValue",
     "defaultSelectedValue",
     "expandedValue",
     "expandOnClick",
     "focusedValue",
     "id",
     "ids",
+    "loadChildren",
+    "onCheckedChange",
     "onExpandedChange",
     "onFocusChange",
+    "onLoadChildrenComplete",
+    "onLoadChildrenError",
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead",
-    "loadChildren",
-    "onLoadChildrenComplete"
+    "typeahead"
   ]);
   const treeView = useTreeView.useTreeView(useTreeViewProps);
   const mergedProps = react$1.mergeProps(treeView.getRootProps(), localProps);

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

@@ -11,22 +11,27 @@ import { TreeViewProvider } from './use-tree-view-context.js';
 const TreeViewImpl = (props, ref) => {
   const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
   const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
+    "checkedValue",
     "collection",
+    "defaultCheckedValue",
     "defaultExpandedValue",
+    "defaultFocusedValue",
     "defaultSelectedValue",
     "expandedValue",
     "expandOnClick",
     "focusedValue",
     "id",
     "ids",
+    "loadChildren",
+    "onCheckedChange",
     "onExpandedChange",
     "onFocusChange",
+    "onLoadChildrenComplete",
+    "onLoadChildrenError",
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead",
-    "loadChildren",
-    "onLoadChildrenComplete"
+    "typeahead"
   ]);
   const treeView = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps(treeView.getRootProps(), localProps);

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

@@ -19,6 +19,8 @@ const treeViewNodeProvider = require('./tree-view-node-provider.cjs');
 const treeViewRoot = require('./tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view-tree.cjs');
+const treeViewNodeCheckbox = require('./tree-view-node-checkbox.cjs');
+const treeViewNodeCheckboxIndicator = require('./tree-view-node-checkbox-indicator.cjs');
 
 
 
@@ -39,3 +41,5 @@ exports.NodeProvider = treeViewNodeProvider.TreeViewNodeProvider;
 exports.Root = treeViewRoot.TreeViewRoot;
 exports.RootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.Tree = treeViewTree.TreeViewTree;
+exports.NodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
+exports.NodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;

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

@@ -16,3 +16,5 @@ export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProp
 export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootProps as RootProps, } from './tree-view-root';
 export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree';
+export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox';
+export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';

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

@@ -16,3 +16,5 @@ export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProp
 export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootProps as RootProps, } from './tree-view-root';
 export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree';
+export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox';
+export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';

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

@@ -15,3 +15,5 @@ export { TreeViewNodeProvider as NodeProvider } from './tree-view-node-provider.
 export { TreeViewRoot as Root } from './tree-view-root.js';
 export { TreeViewRootProvider as RootProvider } from './tree-view-root-provider.js';
 export { TreeViewTree as Tree } from './tree-view-tree.js';
+export { TreeViewNodeCheckbox as NodeCheckbox } from './tree-view-node-checkbox.js';
+export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.js';

package/dist/index.cjs

@@ -666,6 +666,8 @@ const treeViewNodeProvider = require('./components/tree-view/tree-view-node-prov
 const treeViewRoot = require('./components/tree-view/tree-view-root.cjs');
 const treeViewRootProvider = require('./components/tree-view/tree-view-root-provider.cjs');
 const treeViewTree = require('./components/tree-view/tree-view-tree.cjs');
+const treeViewNodeCheckbox = require('./components/tree-view/tree-view-node-checkbox.cjs');
+const treeViewNodeCheckboxIndicator = require('./components/tree-view/tree-view-node-checkbox-indicator.cjs');
 const useTreeView = require('./components/tree-view/use-tree-view.cjs');
 const useTreeViewContext = require('./components/tree-view/use-tree-view-context.cjs');
 const useTreeViewNodeContext = require('./components/tree-view/use-tree-view-node-context.cjs');
@@ -1391,6 +1393,8 @@ exports.TreeViewNodeProvider = treeViewNodeProvider.TreeViewNodeProvider;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
+exports.TreeViewNodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
+exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;
 exports.useTreeView = useTreeView.useTreeView;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;

package/dist/index.js

@@ -707,6 +707,8 @@ export { TreeViewNodeProvider } from './components/tree-view/tree-view-node-prov
 export { TreeViewRoot } from './components/tree-view/tree-view-root.js';
 export { TreeViewRootProvider } from './components/tree-view/tree-view-root-provider.js';
 export { TreeViewTree } from './components/tree-view/tree-view-tree.js';
+export { TreeViewNodeCheckbox } from './components/tree-view/tree-view-node-checkbox.js';
+export { TreeViewNodeCheckboxIndicator } from './components/tree-view/tree-view-node-checkbox-indicator.js';
 export { useTreeView } from './components/tree-view/use-tree-view.js';
 export { useTreeViewContext } from './components/tree-view/use-tree-view-context.js';
 export { useTreeViewNodeContext } from './components/tree-view/use-tree-view-node-context.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.14.2",
+  "version": "5.15.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,63 +141,63 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.15.7",
-    "@zag-js/angle-slider": "1.15.7",
-    "@zag-js/anatomy": "1.15.7",
-    "@zag-js/auto-resize": "1.15.7",
-    "@zag-js/avatar": "1.15.7",
-    "@zag-js/carousel": "1.15.7",
-    "@zag-js/checkbox": "1.15.7",
-    "@zag-js/clipboard": "1.15.7",
-    "@zag-js/collapsible": "1.15.7",
-    "@zag-js/collection": "1.15.7",
-    "@zag-js/color-picker": "1.15.7",
-    "@zag-js/color-utils": "1.15.7",
-    "@zag-js/combobox": "1.15.7",
-    "@zag-js/core": "1.15.7",
-    "@zag-js/date-picker": "1.15.7",
-    "@zag-js/date-utils": "1.15.7",
-    "@zag-js/dialog": "1.15.7",
-    "@zag-js/dom-query": "1.15.7",
-    "@zag-js/editable": "1.15.7",
-    "@zag-js/file-upload": "1.15.7",
-    "@zag-js/file-utils": "1.15.7",
-    "@zag-js/focus-trap": "1.15.7",
-    "@zag-js/floating-panel": "1.15.7",
-    "@zag-js/highlight-word": "1.15.7",
-    "@zag-js/hover-card": "1.15.7",
-    "@zag-js/i18n-utils": "1.15.7",
-    "@zag-js/listbox": "1.15.7",
-    "@zag-js/menu": "1.15.7",
-    "@zag-js/number-input": "1.15.7",
-    "@zag-js/pagination": "1.15.7",
-    "@zag-js/password-input": "1.15.7",
-    "@zag-js/pin-input": "1.15.7",
-    "@zag-js/popover": "1.15.7",
-    "@zag-js/presence": "1.15.7",
-    "@zag-js/progress": "1.15.7",
-    "@zag-js/qr-code": "1.15.7",
-    "@zag-js/radio-group": "1.15.7",
-    "@zag-js/rating-group": "1.15.7",
-    "@zag-js/react": "1.15.7",
-    "@zag-js/select": "1.15.7",
-    "@zag-js/signature-pad": "1.15.7",
-    "@zag-js/slider": "1.15.7",
-    "@zag-js/splitter": "1.15.7",
-    "@zag-js/steps": "1.15.7",
-    "@zag-js/switch": "1.15.7",
-    "@zag-js/tabs": "1.15.7",
-    "@zag-js/tags-input": "1.15.7",
-    "@zag-js/time-picker": "1.15.7",
-    "@zag-js/timer": "1.15.7",
-    "@zag-js/toast": "1.15.7",
-    "@zag-js/toggle": "1.15.7",
-    "@zag-js/toggle-group": "1.15.7",
-    "@zag-js/tooltip": "1.15.7",
-    "@zag-js/tour": "1.15.7",
-    "@zag-js/tree-view": "1.15.7",
-    "@zag-js/types": "1.15.7",
-    "@zag-js/utils": "1.15.7"
+    "@zag-js/accordion": "1.17.0",
+    "@zag-js/angle-slider": "1.17.0",
+    "@zag-js/anatomy": "1.17.0",
+    "@zag-js/auto-resize": "1.17.0",
+    "@zag-js/avatar": "1.17.0",
+    "@zag-js/carousel": "1.17.0",
+    "@zag-js/checkbox": "1.17.0",
+    "@zag-js/clipboard": "1.17.0",
+    "@zag-js/collapsible": "1.17.0",
+    "@zag-js/collection": "1.17.0",
+    "@zag-js/color-picker": "1.17.0",
+    "@zag-js/color-utils": "1.17.0",
+    "@zag-js/combobox": "1.17.0",
+    "@zag-js/core": "1.17.0",
+    "@zag-js/date-picker": "1.17.0",
+    "@zag-js/date-utils": "1.17.0",
+    "@zag-js/dialog": "1.17.0",
+    "@zag-js/dom-query": "1.17.0",
+    "@zag-js/editable": "1.17.0",
+    "@zag-js/file-upload": "1.17.0",
+    "@zag-js/file-utils": "1.17.0",
+    "@zag-js/focus-trap": "1.17.0",
+    "@zag-js/floating-panel": "1.17.0",
+    "@zag-js/highlight-word": "1.17.0",
+    "@zag-js/hover-card": "1.17.0",
+    "@zag-js/i18n-utils": "1.17.0",
+    "@zag-js/listbox": "1.17.0",
+    "@zag-js/menu": "1.17.0",
+    "@zag-js/number-input": "1.17.0",
+    "@zag-js/pagination": "1.17.0",
+    "@zag-js/password-input": "1.17.0",
+    "@zag-js/pin-input": "1.17.0",
+    "@zag-js/popover": "1.17.0",
+    "@zag-js/presence": "1.17.0",
+    "@zag-js/progress": "1.17.0",
+    "@zag-js/qr-code": "1.17.0",
+    "@zag-js/radio-group": "1.17.0",
+    "@zag-js/rating-group": "1.17.0",
+    "@zag-js/react": "1.17.0",
+    "@zag-js/select": "1.17.0",
+    "@zag-js/signature-pad": "1.17.0",
+    "@zag-js/slider": "1.17.0",
+    "@zag-js/splitter": "1.17.0",
+    "@zag-js/steps": "1.17.0",
+    "@zag-js/switch": "1.17.0",
+    "@zag-js/tabs": "1.17.0",
+    "@zag-js/tags-input": "1.17.0",
+    "@zag-js/time-picker": "1.17.0",
+    "@zag-js/timer": "1.17.0",
+    "@zag-js/toast": "1.17.0",
+    "@zag-js/toggle": "1.17.0",
+    "@zag-js/toggle-group": "1.17.0",
+    "@zag-js/tooltip": "1.17.0",
+    "@zag-js/tour": "1.17.0",
+    "@zag-js/tree-view": "1.17.0",
+    "@zag-js/types": "1.17.0",
+    "@zag-js/utils": "1.17.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -211,7 +211,7 @@
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
     "@vitejs/plugin-react": "4.5.2",
-    "@zag-js/stringify-state": "1.15.7",
+    "@zag-js/stringify-state": "1.17.0",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "happy-dom": "18.0.1",