@ark-ui/react 4.1.2 → 4.3.0

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

@@ -1,7 +1,8 @@
 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 extends Optional<Omit<treeView.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Context, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
     /**
      * The initial selected items of the tree view.
      * Use this when you do not need to control the state of the tree view.
@@ -12,7 +13,11 @@ export interface UseTreeViewProps extends Optional<Omit<treeView.Context, 'dir'
      * Use this when you do not need to control the state of the tree view.
      */
     defaultExpandedValue?: treeView.Context['expandedValue'];
+    /**
+     * The collection of tree nodes
+     */
+    collection: TreeCollection<T>;
 }
-export interface UseTreeViewReturn extends treeView.Api<PropTypes> {
+export interface UseTreeViewReturn<T extends TreeNode> extends treeView.Api<PropTypes, T> {
 }
-export declare const useTreeView: (props?: UseTreeViewProps) => UseTreeViewReturn;
+export declare const useTreeView: <T extends unknown>(props: UseTreeViewProps<T>) => UseTreeViewReturn<T>;

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

@@ -1,31 +1,41 @@
 'use client';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as treeView from '@zag-js/tree-view';
-import { useId } from 'react';
+import { useId, useEffect } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
 
-const useTreeView = (props = {}) => {
-  const { getRootNode } = useEnvironmentContext();
-  const { dir } = useLocaleContext();
+const useTreeView = (props) => {
+  const { collection, ...treeViewProps } = props;
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
   const initialContext = {
     id: useId(),
-    dir,
-    getRootNode,
+    dir: locale.dir,
+    getRootNode: environment.getRootNode,
     selectedValue: props.defaultSelectedValue,
     expandedValue: props.defaultExpandedValue,
-    ...props
+    collection,
+    ...treeViewProps
   };
-  const context = {
-    ...initialContext,
-    selectedValue: props.selectedValue,
-    expandedValue: props.expandedValue,
-    onFocusChange: useEvent(props.onFocusChange, { sync: true }),
-    onExpandedChange: useEvent(props.onExpandedChange),
-    onSelectionChange: useEvent(props.onSelectionChange)
-  };
-  const [state, send] = useMachine(treeView.machine(initialContext), { context });
+  const context = (() => {
+    const { collection: _, ...restProps } = initialContext;
+    return {
+      ...restProps,
+      selectedValue: props.selectedValue,
+      expandedValue: props.expandedValue,
+      onFocusChange: useEvent(props.onFocusChange),
+      onExpandedChange: useEvent(props.onExpandedChange, { sync: true }),
+      onSelectionChange: useEvent(props.onSelectionChange, { sync: true })
+    };
+  })();
+  const [state, send, service] = useMachine(treeView.machine(initialContext), {
+    context
+  });
+  useEffect(() => {
+    service.setContext({ collection });
+  }, [collection]);
   return treeView.connect(state, send, normalizeProps);
 };
 

package/dist/index.cjs

@@ -51,6 +51,7 @@ const useCheckboxContext = require('./components/checkbox/use-checkbox-context.c
 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 clientOnly = require('./components/client-only/client-only.cjs');
 const clipboardContext = require('./components/clipboard/clipboard-context.cjs');
 const clipboardControl = require('./components/clipboard/clipboard-control.cjs');
 const clipboardIndicator = require('./components/clipboard/clipboard-indicator.cjs');
@@ -194,6 +195,7 @@ const fieldRoot = require('./components/field/field-root.cjs');
 const fieldRootProvider = require('./components/field/field-root-provider.cjs');
 const fieldSelect = require('./components/field/field-select.cjs');
 const fieldTextarea = require('./components/field/field-textarea.cjs');
+const fieldRequiredIndicator = require('./components/field/field-required-indicator.cjs');
 const field_anatomy = require('./components/field/field.anatomy.cjs');
 const useFieldContext = require('./components/field/use-field-context.cjs');
 const field = require('./components/field/field.cjs');
@@ -421,6 +423,7 @@ const useSignaturePadContext = require('./components/signature-pad/use-signature
 const signaturePad$1 = require('./components/signature-pad/signature-pad.cjs');
 const sliderContext = require('./components/slider/slider-context.cjs');
 const sliderControl = require('./components/slider/slider-control.cjs');
+const sliderDraggingIndicator = require('./components/slider/slider-dragging-indicator.cjs');
 const sliderHiddenInput = require('./components/slider/slider-hidden-input.cjs');
 const sliderLabel = require('./components/slider/slider-label.cjs');
 const sliderMarker = require('./components/slider/slider-marker.cjs');
@@ -564,21 +567,20 @@ const tooltip$1 = require('./components/tooltip/tooltip.cjs');
 const treeViewBranch = require('./components/tree-view/tree-view-branch.cjs');
 const treeViewBranchContent = require('./components/tree-view/tree-view-branch-content.cjs');
 const treeViewBranchControl = require('./components/tree-view/tree-view-branch-control.cjs');
+const treeViewBranchIndentGuide = require('./components/tree-view/tree-view-branch-indent-guide.cjs');
 const treeViewBranchIndicator = require('./components/tree-view/tree-view-branch-indicator.cjs');
 const treeViewBranchText = require('./components/tree-view/tree-view-branch-text.cjs');
 const treeViewBranchTrigger = require('./components/tree-view/tree-view-branch-trigger.cjs');
-const treeViewContext = require('./components/tree-view/tree-view-context.cjs');
 const treeViewItem = require('./components/tree-view/tree-view-item.cjs');
-const treeViewItemContext = require('./components/tree-view/tree-view-item-context.cjs');
 const treeViewItemIndicator = require('./components/tree-view/tree-view-item-indicator.cjs');
 const treeViewItemText = require('./components/tree-view/tree-view-item-text.cjs');
 const treeViewLabel = require('./components/tree-view/tree-view-label.cjs');
+const treeViewNodeContext = require('./components/tree-view/tree-view-node-context.cjs');
+const treeViewNodeProvider = require('./components/tree-view/tree-view-node-provider.cjs');
 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 useTreeViewContext = require('./components/tree-view/use-tree-view-context.cjs');
-const useTreeViewItemContext = require('./components/tree-view/use-tree-view-item-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');
@@ -667,6 +669,7 @@ exports.useCheckboxContext = useCheckboxContext.useCheckboxContext;
 exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
 exports.useCheckboxGroupContext = useCheckboxGroupContext.useCheckboxGroupContext;
 exports.Checkbox = checkbox;
+exports.ClientOnly = clientOnly.ClientOnly;
 exports.ClipboardContext = clipboardContext.ClipboardContext;
 exports.ClipboardControl = clipboardControl.ClipboardControl;
 exports.ClipboardIndicator = clipboardIndicator.ClipboardIndicator;
@@ -724,6 +727,7 @@ exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
 exports.createListCollection = collection.createListCollection;
+exports.createTreeCollection = collection.createTreeCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
@@ -817,6 +821,7 @@ exports.FieldRoot = fieldRoot.FieldRoot;
 exports.FieldRootProvider = fieldRootProvider.FieldRootProvider;
 exports.FieldSelect = fieldSelect.FieldSelect;
 exports.FieldTextarea = fieldTextarea.FieldTextarea;
+exports.FieldRequiredIndicator = fieldRequiredIndicator.FieldRequiredIndicator;
 exports.fieldAnatomy = field_anatomy.fieldAnatomy;
 exports.useFieldContext = useFieldContext.useFieldContext;
 exports.Field = field;
@@ -1045,6 +1050,7 @@ exports.useSignaturePadContext = useSignaturePadContext.useSignaturePadContext;
 exports.SignaturePad = signaturePad$1;
 exports.SliderContext = sliderContext.SliderContext;
 exports.SliderControl = sliderControl.SliderControl;
+exports.SliderDraggingIndicator = sliderDraggingIndicator.SliderDraggingIndicator;
 exports.SliderHiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.SliderLabel = sliderLabel.SliderLabel;
 exports.SliderMarker = sliderMarker.SliderMarker;
@@ -1191,21 +1197,20 @@ exports.Tooltip = tooltip$1;
 exports.TreeViewBranch = treeViewBranch.TreeViewBranch;
 exports.TreeViewBranchContent = treeViewBranchContent.TreeViewBranchContent;
 exports.TreeViewBranchControl = treeViewBranchControl.TreeViewBranchControl;
+exports.TreeViewBranchIndentGuide = treeViewBranchIndentGuide.TreeViewBranchIndentGuide;
 exports.TreeViewBranchIndicator = treeViewBranchIndicator.TreeViewBranchIndicator;
 exports.TreeViewBranchText = treeViewBranchText.TreeViewBranchText;
 exports.TreeViewBranchTrigger = treeViewBranchTrigger.TreeViewBranchTrigger;
-exports.TreeViewContext = treeViewContext.TreeViewContext;
 exports.TreeViewItem = treeViewItem.TreeViewItem;
-exports.TreeViewItemContext = treeViewItemContext.TreeViewItemContext;
 exports.TreeViewItemIndicator = treeViewItemIndicator.TreeViewItemIndicator;
 exports.TreeViewItemText = treeViewItemText.TreeViewItemText;
 exports.TreeViewLabel = treeViewLabel.TreeViewLabel;
+exports.TreeViewNodeContext = treeViewNodeContext.TreeViewNodeContext;
+exports.TreeViewNodeProvider = treeViewNodeProvider.TreeViewNodeProvider;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
-exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
-exports.useTreeViewItemContext = useTreeViewItemContext.useTreeViewItemContext;
 exports.TreeView = treeView$1;
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;

package/dist/index.js

@@ -51,6 +51,7 @@ 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 { ClientOnly } from './components/client-only/client-only.js';
 export { ClipboardContext } from './components/clipboard/clipboard-context.js';
 export { ClipboardControl } from './components/clipboard/clipboard-control.js';
 export { ClipboardIndicator } from './components/clipboard/clipboard-indicator.js';
@@ -107,7 +108,7 @@ export { useColorPicker } from './components/color-picker/use-color-picker.js';
 export { useColorPickerContext } from './components/color-picker/use-color-picker-context.js';
 import * as colorPicker from './components/color-picker/color-picker.js';
 export { colorPicker as ColorPicker };
-export { createListCollection } from './components/collection.js';
+export { createListCollection, createTreeCollection } from './components/collection.js';
 export { ComboboxClearTrigger } from './components/combobox/combobox-clear-trigger.js';
 export { ComboboxContent } from './components/combobox/combobox-content.js';
 export { ComboboxContext } from './components/combobox/combobox-context.js';
@@ -201,6 +202,7 @@ export { FieldRoot } from './components/field/field-root.js';
 export { FieldRootProvider } from './components/field/field-root-provider.js';
 export { FieldSelect } from './components/field/field-select.js';
 export { FieldTextarea } from './components/field/field-textarea.js';
+export { FieldRequiredIndicator } from './components/field/field-required-indicator.js';
 export { fieldAnatomy } from './components/field/field.anatomy.js';
 export { useFieldContext } from './components/field/use-field-context.js';
 import * as field from './components/field/field.js';
@@ -445,6 +447,7 @@ 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 { SliderDraggingIndicator } from './components/slider/slider-dragging-indicator.js';
 export { SliderHiddenInput } from './components/slider/slider-hidden-input.js';
 export { SliderLabel } from './components/slider/slider-label.js';
 export { SliderMarker } from './components/slider/slider-marker.js';
@@ -600,21 +603,20 @@ export { tooltip as Tooltip };
 export { TreeViewBranch } from './components/tree-view/tree-view-branch.js';
 export { TreeViewBranchContent } from './components/tree-view/tree-view-branch-content.js';
 export { TreeViewBranchControl } from './components/tree-view/tree-view-branch-control.js';
+export { TreeViewBranchIndentGuide } from './components/tree-view/tree-view-branch-indent-guide.js';
 export { TreeViewBranchIndicator } from './components/tree-view/tree-view-branch-indicator.js';
 export { TreeViewBranchText } from './components/tree-view/tree-view-branch-text.js';
 export { TreeViewBranchTrigger } from './components/tree-view/tree-view-branch-trigger.js';
-export { TreeViewContext } from './components/tree-view/tree-view-context.js';
 export { TreeViewItem } from './components/tree-view/tree-view-item.js';
-export { TreeViewItemContext } from './components/tree-view/tree-view-item-context.js';
 export { TreeViewItemIndicator } from './components/tree-view/tree-view-item-indicator.js';
 export { TreeViewItemText } from './components/tree-view/tree-view-item-text.js';
 export { TreeViewLabel } from './components/tree-view/tree-view-label.js';
+export { TreeViewNodeContext } from './components/tree-view/tree-view-node-context.js';
+export { TreeViewNodeProvider } from './components/tree-view/tree-view-node-provider.js';
 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 { useTreeViewContext } from './components/tree-view/use-tree-view-context.js';
-export { useTreeViewItemContext } from './components/tree-view/use-tree-view-item-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,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "4.1.2",
+  "version": "4.3.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -149,86 +149,87 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.5.6",
-    "@zag-js/accordion": "0.74.2",
-    "@zag-js/anatomy": "0.74.2",
-    "@zag-js/avatar": "0.74.2",
-    "@zag-js/carousel": "0.74.2",
-    "@zag-js/checkbox": "0.74.2",
-    "@zag-js/clipboard": "0.74.2",
-    "@zag-js/collapsible": "0.74.2",
-    "@zag-js/collection": "0.74.2",
-    "@zag-js/color-picker": "0.74.2",
-    "@zag-js/color-utils": "0.74.2",
-    "@zag-js/combobox": "0.74.2",
-    "@zag-js/core": "0.74.2",
-    "@zag-js/date-picker": "0.74.2",
-    "@zag-js/date-utils": "0.74.2",
-    "@zag-js/dialog": "0.74.2",
-    "@zag-js/dom-query": "0.74.2",
-    "@zag-js/editable": "0.74.2",
-    "@zag-js/file-upload": "0.74.2",
-    "@zag-js/file-utils": "0.74.2",
-    "@zag-js/highlight-word": "0.74.2",
-    "@zag-js/hover-card": "0.74.2",
-    "@zag-js/i18n-utils": "0.74.2",
-    "@zag-js/menu": "0.74.2",
-    "@zag-js/number-input": "0.74.2",
-    "@zag-js/pagination": "0.74.2",
-    "@zag-js/pin-input": "0.74.2",
-    "@zag-js/popover": "0.74.2",
-    "@zag-js/presence": "0.74.2",
-    "@zag-js/progress": "0.74.2",
-    "@zag-js/qr-code": "0.74.2",
-    "@zag-js/radio-group": "0.74.2",
-    "@zag-js/rating-group": "0.74.2",
-    "@zag-js/react": "0.74.2",
-    "@zag-js/select": "0.74.2",
-    "@zag-js/signature-pad": "0.74.2",
-    "@zag-js/slider": "0.74.2",
-    "@zag-js/splitter": "0.74.2",
-    "@zag-js/steps": "0.74.2",
-    "@zag-js/switch": "0.74.2",
-    "@zag-js/tabs": "0.74.2",
-    "@zag-js/tags-input": "0.74.2",
-    "@zag-js/time-picker": "0.74.2",
-    "@zag-js/timer": "0.74.2",
-    "@zag-js/toast": "0.74.2",
-    "@zag-js/toggle-group": "0.74.2",
-    "@zag-js/tooltip": "0.74.2",
-    "@zag-js/tree-view": "0.74.2",
-    "@zag-js/types": "0.74.2"
+    "@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.3",
+    "@biomejs/biome": "1.9.4",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.3.5",
-    "@storybook/addon-essentials": "8.3.5",
-    "@storybook/react-vite": "8.3.5",
-    "@storybook/react": "8.3.5",
+    "@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.5.0",
+    "@testing-library/jest-dom": "6.6.1",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@types/react": "18.3.11",
+    "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
-    "@vitejs/plugin-react": "4.3.2",
-    "@zag-js/stringify-state": "0.74.2",
+    "@vitejs/plugin-react": "4.3.3",
+    "@zag-js/stringify-state": "0.77.0",
     "clean-package": "2.2.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
-    "lucide-react": "0.452.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.0",
-    "release-it": "17.8.2",
+    "react-hook-form": "7.53.1",
+    "release-it": "17.10.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.3.5",
+    "storybook": "8.4.2",
     "typescript": "5.6.3",
-    "vite": "5.4.8",
-    "vite-plugin-dts": "4.2.4",
-    "vitest": "2.1.2",
+    "vite": "5.4.10",
+    "vite-plugin-dts": "4.3.0",
+    "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 };