@ark-ui/react 5.11.0 → 5.12.0

package/dist/components/index.cjs

@@ -664,6 +664,7 @@ 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 useTreeView = require('./tree-view/use-tree-view.cjs');
+const useTreeViewNodeContext = require('./tree-view/use-tree-view-node-context.cjs');
 const treeView$1 = require('./tree-view/tree-view.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
@@ -1380,6 +1381,7 @@ exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
+exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
 exports.TreeView = treeView$1;
 Object.defineProperty(exports, "accordionAnatomy", {
 	enumerable: true,

package/dist/components/index.js

@@ -705,6 +705,7 @@ 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 { useTreeView } from './tree-view/use-tree-view.js';
+export { useTreeViewNodeContext } from './tree-view/use-tree-view-node-context.js';
 import * as treeView from './tree-view/tree-view.js';
 export { treeView as TreeView };
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';

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

@@ -21,6 +21,7 @@ const treeViewRoot = require('./tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view-tree.cjs');
 const useTreeView = require('./use-tree-view.cjs');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
 const treeView$1 = require('./tree-view.cjs');
 const treeView = require('@zag-js/tree-view');
 
@@ -46,6 +47,7 @@ exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
+exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
 exports.TreeView = treeView$1;
 Object.defineProperty(exports, "treeViewAnatomy", {
   enumerable: true,

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -19,4 +19,5 @@ export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeView
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
+export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context';
 export * as TreeView from './tree-view';

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -19,4 +19,5 @@ export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeView
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
+export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context';
 export * as TreeView from './tree-view';

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

@@ -17,6 +17,7 @@ export { TreeViewRoot } from './tree-view-root.js';
 export { TreeViewRootProvider } from './tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view-tree.js';
 export { useTreeView } from './use-tree-view.js';
+export { useTreeViewNodeContext } from './use-tree-view-node-context.js';
 import * as treeView from './tree-view.js';
 export { treeView as TreeView };
 export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';

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

@@ -9,20 +9,21 @@ const react = require('react');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
 const TreeViewBranch = react.forwardRef((props, ref) => {
   const treeView = useTreeViewContext.useTreeViewContext();
   const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const nodeState = useTreeViewNodeContext.useTreeViewNodeContext();
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
-  const node = treeView.getNodeState(nodeProps);
   const mergedProps = react$1.mergeProps(treeView.getBranchProps(nodeProps), props);
   const branchContentProps = treeView.getBranchContentProps(nodeProps);
   return /* @__PURE__ */ jsxRuntime.jsx(
     collapsibleRoot.CollapsibleRoot,
     {
       ref,
-      open: node.expanded,
+      open: nodeState.expanded,
       ids: { content: branchContentProps.id },
       ...renderStrategyProps,
       ...mergedProps

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

@@ -5,20 +5,21 @@ import { forwardRef } from 'react';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
+import { useTreeViewNodeContext } from './use-tree-view-node-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
 const TreeViewBranch = forwardRef((props, ref) => {
   const treeView = useTreeViewContext();
   const nodeProps = useTreeViewNodePropsContext();
+  const nodeState = useTreeViewNodeContext();
   const renderStrategyProps = useRenderStrategyPropsContext();
-  const node = treeView.getNodeState(nodeProps);
   const mergedProps = mergeProps(treeView.getBranchProps(nodeProps), props);
   const branchContentProps = treeView.getBranchContentProps(nodeProps);
   return /* @__PURE__ */ jsx(
     CollapsibleRoot,
     {
       ref,
-      open: node.expanded,
+      open: nodeState.expanded,
       ids: { content: branchContentProps.id },
       ...renderStrategyProps,
       ...mergedProps

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

@@ -5,11 +5,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const createSplitProps = require('../../utils/create-split-props.cjs');
+const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
 function TreeViewNodeProvider(props) {
   const [nodeProps, localProps] = createSplitProps.createSplitProps()(props, ["indexPath", "node"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodePropsContext.TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children });
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeState = treeView.getNodeState(nodeProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodeContext.TreeViewNodeStateProvider, { value: nodeState, children: /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodePropsContext.TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children }) });
 }
 
 exports.TreeViewNodeProvider = TreeViewNodeProvider;

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

@@ -1,11 +1,15 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { createSplitProps } from '../../utils/create-split-props.js';
+import { useTreeViewContext } from './use-tree-view-context.js';
+import { TreeViewNodeStateProvider } from './use-tree-view-node-context.js';
 import { TreeViewNodePropsProvider } from './use-tree-view-node-props-context.js';
 
 function TreeViewNodeProvider(props) {
   const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
-  return /* @__PURE__ */ jsx(TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children });
+  const treeView = useTreeViewContext();
+  const nodeState = treeView.getNodeState(nodeProps);
+  return /* @__PURE__ */ jsx(TreeViewNodeStateProvider, { value: nodeState, children: /* @__PURE__ */ jsx(TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children }) });
 }
 
 export { TreeViewNodeProvider };

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

@@ -28,7 +28,9 @@ const TreeViewImpl = (props, ref) => {
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead"
+    "typeahead",
+    "loadChildren",
+    "onLoadChildrenComplete"
   ]);
   const treeView = useTreeView.useTreeView(useTreeViewProps);
   const mergedProps = react$1.mergeProps(treeView.getRootProps(), localProps);

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

@@ -24,7 +24,9 @@ const TreeViewImpl = (props, ref) => {
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead"
+    "typeahead",
+    "loadChildren",
+    "onLoadChildrenComplete"
   ]);
   const treeView = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps(treeView.getRootProps(), localProps);

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const createContext = require('../../utils/create-context.cjs');
 
-const [TreeViewNodeProvider, useTreeViewNodeContext] = createContext.createContext({
+const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext.createContext({
   name: "TreeViewNodeContext",
   hookName: "useTreeViewNodeContext",
   providerName: "<TreeViewNodeProvider />"
 });
 
-exports.TreeViewNodeProvider = TreeViewNodeProvider;
+exports.TreeViewNodeStateProvider = TreeViewNodeStateProvider;
 exports.useTreeViewNodeContext = useTreeViewNodeContext;

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

@@ -2,4 +2,4 @@ import { NodeState } from '@zag-js/tree-view';
 import { Provider } from 'react';
 export interface UseTreeViewNodeContext extends NodeState {
 }
-export declare const TreeViewNodeProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;
+export declare const TreeViewNodeStateProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;

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

@@ -2,4 +2,4 @@ import { NodeState } from '@zag-js/tree-view';
 import { Provider } from 'react';
 export interface UseTreeViewNodeContext extends NodeState {
 }
-export declare const TreeViewNodeProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;
+export declare const TreeViewNodeStateProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;

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

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

package/dist/index.cjs

@@ -664,6 +664,7 @@ 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 useTreeView = require('./components/tree-view/use-tree-view.cjs');
+const useTreeViewNodeContext = require('./components/tree-view/use-tree-view-node-context.cjs');
 const treeView$1 = require('./components/tree-view/tree-view.cjs');
 const environmentProvider = require('./providers/environment/environment-provider.cjs');
 const useEnvironmentContext = require('./providers/environment/use-environment-context.cjs');
@@ -1385,6 +1386,7 @@ exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
+exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
 exports.TreeView = treeView$1;
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;

package/dist/index.js

@@ -705,6 +705,7 @@ 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 { useTreeView } from './components/tree-view/use-tree-view.js';
+export { useTreeViewNodeContext } from './components/tree-view/use-tree-view-node-context.js';
 import * as treeView from './components/tree-view/tree-view.js';
 export { treeView as TreeView };
 export { EnvironmentProvider } from './providers/environment/environment-provider.js';

package/package.json

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