@ark-ui/react 4.2.0 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -149,62 +149,63 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.5.6",
-    "@zag-js/accordion": "0.76.0",
-    "@zag-js/anatomy": "0.76.0",
-    "@zag-js/avatar": "0.76.0",
-    "@zag-js/carousel": "0.76.0",
-    "@zag-js/checkbox": "0.76.0",
-    "@zag-js/clipboard": "0.76.0",
-    "@zag-js/collapsible": "0.76.0",
-    "@zag-js/collection": "0.76.0",
-    "@zag-js/color-picker": "0.76.0",
-    "@zag-js/color-utils": "0.76.0",
-    "@zag-js/combobox": "0.76.0",
-    "@zag-js/core": "0.76.0",
-    "@zag-js/date-picker": "0.76.0",
-    "@zag-js/date-utils": "0.76.0",
-    "@zag-js/dialog": "0.76.0",
-    "@zag-js/dom-query": "0.76.0",
-    "@zag-js/editable": "0.76.0",
-    "@zag-js/file-upload": "0.76.0",
-    "@zag-js/file-utils": "0.76.0",
-    "@zag-js/highlight-word": "0.76.0",
-    "@zag-js/hover-card": "0.76.0",
-    "@zag-js/i18n-utils": "0.76.0",
-    "@zag-js/menu": "0.76.0",
-    "@zag-js/number-input": "0.76.0",
-    "@zag-js/pagination": "0.76.0",
-    "@zag-js/pin-input": "0.76.0",
-    "@zag-js/popover": "0.76.0",
-    "@zag-js/presence": "0.76.0",
-    "@zag-js/progress": "0.76.0",
-    "@zag-js/qr-code": "0.76.0",
-    "@zag-js/radio-group": "0.76.0",
-    "@zag-js/rating-group": "0.76.0",
-    "@zag-js/react": "0.76.0",
-    "@zag-js/select": "0.76.0",
-    "@zag-js/signature-pad": "0.76.0",
-    "@zag-js/slider": "0.76.0",
-    "@zag-js/splitter": "0.76.0",
-    "@zag-js/steps": "0.76.0",
-    "@zag-js/switch": "0.76.0",
-    "@zag-js/tabs": "0.76.0",
-    "@zag-js/tags-input": "0.76.0",
-    "@zag-js/time-picker": "0.76.0",
-    "@zag-js/timer": "0.76.0",
-    "@zag-js/toast": "0.76.0",
-    "@zag-js/toggle-group": "0.76.0",
-    "@zag-js/tooltip": "0.76.0",
-    "@zag-js/tree-view": "0.76.0",
-    "@zag-js/types": "0.76.0"
+    "@zag-js/accordion": "0.77.0",
+    "@zag-js/anatomy": "0.77.0",
+    "@zag-js/auto-resize": "0.77.0",
+    "@zag-js/avatar": "0.77.0",
+    "@zag-js/carousel": "0.77.0",
+    "@zag-js/checkbox": "0.77.0",
+    "@zag-js/clipboard": "0.77.0",
+    "@zag-js/collapsible": "0.77.0",
+    "@zag-js/collection": "0.77.0",
+    "@zag-js/color-picker": "0.77.0",
+    "@zag-js/color-utils": "0.77.0",
+    "@zag-js/combobox": "0.77.0",
+    "@zag-js/core": "0.77.0",
+    "@zag-js/date-picker": "0.77.0",
+    "@zag-js/date-utils": "0.77.0",
+    "@zag-js/dialog": "0.77.0",
+    "@zag-js/dom-query": "0.77.0",
+    "@zag-js/editable": "0.77.0",
+    "@zag-js/file-upload": "0.77.0",
+    "@zag-js/file-utils": "0.77.0",
+    "@zag-js/highlight-word": "0.77.0",
+    "@zag-js/hover-card": "0.77.0",
+    "@zag-js/i18n-utils": "0.77.0",
+    "@zag-js/menu": "0.77.0",
+    "@zag-js/number-input": "0.77.0",
+    "@zag-js/pagination": "0.77.0",
+    "@zag-js/pin-input": "0.77.0",
+    "@zag-js/popover": "0.77.0",
+    "@zag-js/presence": "0.77.0",
+    "@zag-js/progress": "0.77.0",
+    "@zag-js/qr-code": "0.77.0",
+    "@zag-js/radio-group": "0.77.0",
+    "@zag-js/rating-group": "0.77.0",
+    "@zag-js/react": "0.77.0",
+    "@zag-js/select": "0.77.0",
+    "@zag-js/signature-pad": "0.77.0",
+    "@zag-js/slider": "0.77.0",
+    "@zag-js/splitter": "0.77.0",
+    "@zag-js/steps": "0.77.0",
+    "@zag-js/switch": "0.77.0",
+    "@zag-js/tabs": "0.77.0",
+    "@zag-js/tags-input": "0.77.0",
+    "@zag-js/time-picker": "0.77.0",
+    "@zag-js/timer": "0.77.0",
+    "@zag-js/toast": "0.77.0",
+    "@zag-js/toggle-group": "0.77.0",
+    "@zag-js/tooltip": "0.77.0",
+    "@zag-js/tree-view": "0.77.0",
+    "@zag-js/types": "0.77.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.3.6",
-    "@storybook/addon-essentials": "8.3.6",
-    "@storybook/react-vite": "8.3.6",
-    "@storybook/react": "8.3.6",
+    "@storybook/addon-a11y": "8.4.2",
+    "@storybook/addon-essentials": "8.4.2",
+    "@storybook/react-vite": "8.4.2",
+    "@storybook/react": "8.4.2",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.1",
     "@testing-library/react": "16.0.1",
@@ -213,22 +214,22 @@
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "4.3.3",
-    "@zag-js/stringify-state": "0.76.0",
+    "@zag-js/stringify-state": "0.77.0",
     "clean-package": "2.2.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
-    "lucide-react": "0.453.0",
+    "lucide-react": "0.456.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.53.1",
     "release-it": "17.10.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.3.6",
+    "storybook": "8.4.2",
     "typescript": "5.6.3",
     "vite": "5.4.10",
     "vite-plugin-dts": "4.3.0",
-    "vitest": "2.1.3",
+    "vitest": "2.1.4",
     "vitest-axe": "1.0.0-pre.3"
   },
   "peerDependencies": {

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

@@ -1,10 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const useTreeViewItemContext = require('./use-tree-view-item-context.cjs');
-
-const TreeViewItemContext = (props) => props.children(useTreeViewItemContext.useTreeViewItemContext());
-
-exports.TreeViewItemContext = TreeViewItemContext;

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

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { UseTreeViewItemContext } from './use-tree-view-item-context';
-export interface TreeViewItemContextProps {
-    children: (context: UseTreeViewItemContext) => ReactNode;
-}
-export declare const TreeViewItemContext: (props: TreeViewItemContextProps) => ReactNode;

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

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { UseTreeViewItemContext } from './use-tree-view-item-context';
-export interface TreeViewItemContextProps {
-    children: (context: UseTreeViewItemContext) => ReactNode;
-}
-export declare const TreeViewItemContext: (props: TreeViewItemContextProps) => ReactNode;

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

@@ -1,6 +0,0 @@
-'use client';
-import { useTreeViewItemContext } from './use-tree-view-item-context.js';
-
-const TreeViewItemContext = (props) => props.children(useTreeViewItemContext());
-
-export { TreeViewItemContext };

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

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

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

@@ -1,7 +0,0 @@
-import { ItemProps as ZagItemProps } from '@zag-js/tree-view';
-import { Provider } from 'react';
-export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
-}
-export interface UseTreeViewBranchContext extends ZagItemProps {
-}
-export declare const TreeViewBranchProvider: Provider<UseTreeViewBranchContext>, useTreeViewBranchContext: () => UseTreeViewBranchContext;

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

@@ -1,7 +0,0 @@
-import { ItemProps as ZagItemProps } from '@zag-js/tree-view';
-import { Provider } from 'react';
-export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
-}
-export interface UseTreeViewBranchContext extends ZagItemProps {
-}
-export declare const TreeViewBranchProvider: Provider<UseTreeViewBranchContext>, useTreeViewBranchContext: () => UseTreeViewBranchContext;

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

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

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

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

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

@@ -1,3 +0,0 @@
-import { Provider } from '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,3 +0,0 @@
-import { Provider } from 'react';
-export type UseTreeViewDepthContext = number;
-export declare const TreeViewDepthProvider: Provider<number>, useTreeViewDepthContext: () => number;

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

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

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

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

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

@@ -1,5 +0,0 @@
-import { ItemState } from '@zag-js/tree-view';
-import { Provider } from 'react';
-export interface UseTreeViewItemContext extends ItemState {
-}
-export declare const TreeViewItemProvider: Provider<UseTreeViewItemContext>, useTreeViewItemContext: () => UseTreeViewItemContext;

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

@@ -1,5 +0,0 @@
-import { ItemState } from '@zag-js/tree-view';
-import { Provider } from 'react';
-export interface UseTreeViewItemContext extends ItemState {
-}
-export declare const TreeViewItemProvider: Provider<UseTreeViewItemContext>, useTreeViewItemContext: () => UseTreeViewItemContext;

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

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

package/dist/components/tree-view/use-tree-view-item-props-context.cjs

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

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

@@ -1,5 +0,0 @@
-import { ItemProps } from '@zag-js/tree-view';
-import { Provider } from 'react';
-export interface UseTreeViewItemPropsContext extends Omit<ItemProps, 'depth'> {
-}
-export declare const TreeViewItemPropsProvider: Provider<ItemProps>, useTreeViewItemPropsContext: () => ItemProps;

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

@@ -1,5 +0,0 @@
-import { ItemProps } from '@zag-js/tree-view';
-import { Provider } from 'react';
-export interface UseTreeViewItemPropsContext extends Omit<ItemProps, 'depth'> {
-}
-export declare const TreeViewItemPropsProvider: Provider<ItemProps>, useTreeViewItemPropsContext: () => ItemProps;

package/dist/components/tree-view/use-tree-view-item-props-context.js

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