@ark-ui/react 2.0.2 → 2.1.1

package/tree-view/tree-view-branch-trigger.d.ts

@@ -1,8 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchTriggerProps extends Assign<HTMLArkProps<'div'>, BranchProps> {
+export interface TreeViewBranchTriggerProps extends HTMLArkProps<'div'> {
 }
 export declare const TreeViewBranchTrigger: ForwardRefExoticComponent<TreeViewBranchTriggerProps & RefAttributes<HTMLDivElement>>;

package/tree-view/tree-view-branch-trigger.mjs

@@ -2,19 +2,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
+import { useTreeViewBranchContext } from './tree-view-branch-context.mjs';
 import { useTreeViewContext } from './tree-view-context.mjs';
 
 const TreeViewBranchTrigger = forwardRef(
   (props, ref) => {
-    const [branchProps, { ...localProps }] = createSplitProps()(props, [
-      "depth",
-      "id",
-      "disabled"
-    ]);
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(api.getBranchTriggerProps(branchProps), localProps);
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(api.getBranchTriggerProps(branchProps), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -9,19 +9,22 @@ const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
 const runIfFn = require('../run-if-fn.cjs');
+const treeViewBranchContext = require('./tree-view-branch-context.cjs');
 const treeViewContext = require('./tree-view-context.cjs');
+const treeViewDepthContext = require('./tree-view-depth-context.cjs');
 
 const TreeViewBranch = react.forwardRef((props, ref) => {
-  const [branchProps, { children, ...localProps }] = createSplitProps.createSplitProps()(props, [
-    "depth",
-    "id",
-    "disabled"
+  const [itemProps, { children, ...localProps }] = createSplitProps.createSplitProps()(props, [
+    "disabled",
+    "id"
   ]);
   const api = treeViewContext.useTreeViewContext();
+  const depth = treeViewDepthContext.useTreeViewDepthContext();
+  const branchProps = { ...itemProps, depth };
   const mergedProps = react$1.mergeProps(api.getBranchProps(branchProps), localProps);
   const branchState = api.getBranchState(branchProps);
   const view = runIfFn.runIfFn(children, branchState);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: view });
+  return /* @__PURE__ */ jsxRuntime.jsx(treeViewDepthContext.TreeViewDepthProvider, { value: depth + 1, children: /* @__PURE__ */ jsxRuntime.jsx(treeViewBranchContext.TreeViewBranchProvider, { value: branchProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: view }) }) });
 });
 TreeViewBranch.displayName = "TreeViewBranch";
 

package/tree-view/tree-view-branch.d.ts

@@ -1,9 +1,10 @@
+import type { BranchState } from '@zag-js/tree-view';
 import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type BranchProps, type BranchState } from './tree-view-context';
+import { type ItemProps } from './tree-view-branch-context';
 export interface TreeViewBranchProps extends Assign<Assign<HTMLArkProps<'li'>, {
     children?: ReactNode | ((state: BranchState) => ReactNode);
-}>, BranchProps> {
+}>, ItemProps> {
 }
 export declare const TreeViewBranch: ForwardRefExoticComponent<TreeViewBranchProps & RefAttributes<HTMLLIElement>>;

package/tree-view/tree-view-branch.mjs

@@ -5,19 +5,22 @@ import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
+import { TreeViewBranchProvider } from './tree-view-branch-context.mjs';
 import { useTreeViewContext } from './tree-view-context.mjs';
+import { useTreeViewDepthContext, TreeViewDepthProvider } from './tree-view-depth-context.mjs';
 
 const TreeViewBranch = forwardRef((props, ref) => {
-  const [branchProps, { children, ...localProps }] = createSplitProps()(props, [
-    "depth",
-    "id",
-    "disabled"
+  const [itemProps, { children, ...localProps }] = createSplitProps()(props, [
+    "disabled",
+    "id"
   ]);
   const api = useTreeViewContext();
+  const depth = useTreeViewDepthContext();
+  const branchProps = { ...itemProps, depth };
   const mergedProps = mergeProps(api.getBranchProps(branchProps), localProps);
   const branchState = api.getBranchState(branchProps);
   const view = runIfFn(children, branchState);
-  return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: view });
+  return /* @__PURE__ */ jsx(TreeViewDepthProvider, { value: depth + 1, children: /* @__PURE__ */ jsx(TreeViewBranchProvider, { value: branchProps, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: view }) }) });
 });
 TreeViewBranch.displayName = "TreeViewBranch";
 

package/tree-view/tree-view-context.d.ts

@@ -1,22 +1,6 @@
 import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseTreeViewReturn } from './use-tree-view';
-export interface ItemProps {
-    depth: number;
-    id: string;
-    disabled?: boolean;
-}
-export interface BranchProps extends ItemProps {
-}
-export interface ItemState {
-    id: string;
-    isDisabled: boolean;
-    isSelected: boolean;
-    isFocused: boolean;
-}
-export interface BranchState extends ItemState {
-    isExpanded: boolean;
-}
 export interface TreeViewContext extends UseTreeViewReturn {
 }
 export declare const TreeViewProvider: Provider<TreeViewContext>, useTreeViewContext: () => TreeViewContext;

package/tree-view/tree-view-depth-context.cjs

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

package/tree-view/tree-view-depth-context.d.ts

@@ -0,0 +1,4 @@
+import { Provider } from 'react';
+/// <reference types="react" />
+export type TreeViewDepthContext = number;
+export declare const TreeViewDepthProvider: Provider<number>, useTreeViewDepthContext: () => number;

package/tree-view/tree-view-depth-context.mjs

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

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

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

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

@@ -0,0 +1,8 @@
+import { Provider } from 'react';
+/// <reference types="react" />
+import type { ItemProps as ZagItemProps } from '@zag-js/tree-view';
+export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
+}
+export interface TreeViewItemContext extends ZagItemProps {
+}
+export declare const TreeViewItemProvider: Provider<TreeViewItemContext>, useTreeViewItemContext: () => TreeViewItemContext;

package/tree-view/tree-view-item-context.mjs

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

package/tree-view/tree-view-item-indicator.cjs

@@ -0,0 +1,23 @@
+'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 treeViewContext = require('./tree-view-context.cjs');
+const treeViewItemContext = require('./tree-view-item-context.cjs');
+
+const TreeViewItemIndicator = react.forwardRef(
+  (props, ref) => {
+    const api = treeViewContext.useTreeViewContext();
+    const itemProps = treeViewItemContext.useTreeViewItemContext();
+    const mergedProps = react$1.mergeProps(api.getItemIndicatorProps(itemProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+TreeViewItemIndicator.displayName = "TreeViewItemIndicator";
+
+exports.TreeViewItemIndicator = TreeViewItemIndicator;

package/tree-view/tree-view-item-indicator.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface TreeViewItemIndicatorProps extends HTMLArkProps<'div'> {
+}
+export declare const TreeViewItemIndicator: ForwardRefExoticComponent<TreeViewItemIndicatorProps & RefAttributes<HTMLDivElement>>;

package/tree-view/tree-view-item-indicator.mjs

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useTreeViewContext } from './tree-view-context.mjs';
+import { useTreeViewItemContext } from './tree-view-item-context.mjs';
+
+const TreeViewItemIndicator = forwardRef(
+  (props, ref) => {
+    const api = useTreeViewContext();
+    const itemProps = useTreeViewItemContext();
+    const mergedProps = mergeProps(api.getItemIndicatorProps(itemProps), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+TreeViewItemIndicator.displayName = "TreeViewItemIndicator";
+
+export { TreeViewItemIndicator };

package/tree-view/tree-view-item-text.cjs

@@ -4,25 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const anatomy = require('@ark-ui/anatomy');
 const react$1 = require('@zag-js/react');
 const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
 const treeViewContext = require('./tree-view-context.cjs');
+const treeViewItemContext = require('./tree-view-item-context.cjs');
 
 const TreeViewItemText = react.forwardRef((props, ref) => {
-  const [itemProps, { ...localProps }] = createSplitProps.createSplitProps()(props, [
-    "depth",
-    "id",
-    "disabled"
-  ]);
   const api = treeViewContext.useTreeViewContext();
-  const mergedProps = react$1.mergeProps(
-    api.getItemProps(itemProps),
-    anatomy.treeViewAnatomy.build().itemText.attrs,
-    localProps
-  );
+  const itemProps = treeViewItemContext.useTreeViewItemContext();
+  const mergedProps = react$1.mergeProps(api.getItemTextProps(itemProps), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
 });
 TreeViewItemText.displayName = "TreeViewItemText";

package/tree-view/tree-view-item-text.d.ts

@@ -1,8 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type ItemProps } from './tree-view-context';
-export interface TreeViewItemTextProps extends Assign<HTMLArkProps<'span'>, ItemProps> {
+export interface TreeViewItemTextProps extends HTMLArkProps<'span'> {
 }
 export declare const TreeViewItemText: ForwardRefExoticComponent<TreeViewItemTextProps & RefAttributes<HTMLSpanElement>>;

package/tree-view/tree-view-item-text.mjs

@@ -1,24 +1,15 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { treeViewAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
 import { useTreeViewContext } from './tree-view-context.mjs';
+import { useTreeViewItemContext } from './tree-view-item-context.mjs';
 
 const TreeViewItemText = forwardRef((props, ref) => {
-  const [itemProps, { ...localProps }] = createSplitProps()(props, [
-    "depth",
-    "id",
-    "disabled"
-  ]);
   const api = useTreeViewContext();
-  const mergedProps = mergeProps(
-    api.getItemProps(itemProps),
-    treeViewAnatomy.build().itemText.attrs,
-    localProps
-  );
+  const itemProps = useTreeViewItemContext();
+  const mergedProps = mergeProps(api.getItemTextProps(itemProps), props);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
 });
 TreeViewItemText.displayName = "TreeViewItemText";

package/tree-view/tree-view-item.cjs

@@ -10,18 +10,21 @@ const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
 const runIfFn = require('../run-if-fn.cjs');
 const treeViewContext = require('./tree-view-context.cjs');
+const treeViewDepthContext = require('./tree-view-depth-context.cjs');
+const treeViewItemContext = require('./tree-view-item-context.cjs');
 
 const TreeViewItem = react.forwardRef((props, ref) => {
-  const [itemProps, { children, ...localProps }] = createSplitProps.createSplitProps()(props, [
-    "depth",
+  const [{ id, disabled }, { children, ...localProps }] = createSplitProps.createSplitProps()(props, [
     "id",
     "disabled"
   ]);
   const api = treeViewContext.useTreeViewContext();
+  const depth = treeViewDepthContext.useTreeViewDepthContext();
+  const itemProps = { id, disabled, depth };
   const mergedProps = react$1.mergeProps(api.getItemProps(itemProps), localProps);
   const itemState = api.getItemState(itemProps);
   const view = runIfFn.runIfFn(children, itemState);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: view });
+  return /* @__PURE__ */ jsxRuntime.jsx(treeViewItemContext.TreeViewItemProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: view }) });
 });
 TreeViewItem.displayName = "TreeViewItem";
 

package/tree-view/tree-view-item.d.ts

@@ -1,7 +1,8 @@
+import type { ItemState } from '@zag-js/tree-view';
 import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type ItemProps, type ItemState } from './tree-view-context';
+import { type ItemProps } from './tree-view-item-context';
 export interface TreeViewItemProps extends Assign<Assign<HTMLArkProps<'li'>, {
     children?: ReactNode | ((state: ItemState) => ReactNode);
 }>, ItemProps> {

package/tree-view/tree-view-item.mjs

@@ -6,18 +6,21 @@ import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
 import { useTreeViewContext } from './tree-view-context.mjs';
+import { useTreeViewDepthContext } from './tree-view-depth-context.mjs';
+import { TreeViewItemProvider } from './tree-view-item-context.mjs';
 
 const TreeViewItem = forwardRef((props, ref) => {
-  const [itemProps, { children, ...localProps }] = createSplitProps()(props, [
-    "depth",
+  const [{ id, disabled }, { children, ...localProps }] = createSplitProps()(props, [
     "id",
     "disabled"
   ]);
   const api = useTreeViewContext();
+  const depth = useTreeViewDepthContext();
+  const itemProps = { id, disabled, depth };
   const mergedProps = mergeProps(api.getItemProps(itemProps), localProps);
   const itemState = api.getItemState(itemProps);
   const view = runIfFn(children, itemState);
-  return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: view });
+  return /* @__PURE__ */ jsx(TreeViewItemProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: view }) });
 });
 TreeViewItem.displayName = "TreeViewItem";
 

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

@@ -13,7 +13,7 @@ const treeViewContext = require('./tree-view-context.cjs');
 const useTreeView = require('./use-tree-view.cjs');
 
 const TreeViewRoot = react.forwardRef((props, ref) => {
-  const [useTreeViewProps, { children, ...divProps }] = createSplitProps.createSplitProps()(
+  const [useTreeViewProps, { children, ...localProps }] = createSplitProps.createSplitProps()(
     props,
     [
       "defaultFocusedId",
@@ -31,7 +31,7 @@ const TreeViewRoot = react.forwardRef((props, ref) => {
     ]
   );
   const api = useTreeView.useTreeView(useTreeViewProps);
-  const mergedProps = react$1.mergeProps(api.rootProps, divProps);
+  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
   const view = runIfFn.runIfFn(children, api);
   return /* @__PURE__ */ jsxRuntime.jsx(treeViewContext.TreeViewProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
 });

package/tree-view/tree-view-root.mjs

@@ -9,7 +9,7 @@ import { TreeViewProvider } from './tree-view-context.mjs';
 import { useTreeView } from './use-tree-view.mjs';
 
 const TreeViewRoot = forwardRef((props, ref) => {
-  const [useTreeViewProps, { children, ...divProps }] = createSplitProps()(
+  const [useTreeViewProps, { children, ...localProps }] = createSplitProps()(
     props,
     [
       "defaultFocusedId",
@@ -27,7 +27,7 @@ const TreeViewRoot = forwardRef((props, ref) => {
     ]
   );
   const api = useTreeView(useTreeViewProps);
-  const mergedProps = mergeProps(api.rootProps, divProps);
+  const mergedProps = mergeProps(api.rootProps, localProps);
   const view = runIfFn(children, api);
   return /* @__PURE__ */ jsx(TreeViewProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
 });

package/tree-view/tree-view-tree.cjs

@@ -8,11 +8,12 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
 const treeViewContext = require('./tree-view-context.cjs');
+const treeViewDepthContext = require('./tree-view-depth-context.cjs');
 
 const TreeViewTree = react.forwardRef((props, ref) => {
   const api = treeViewContext.useTreeViewContext();
   const mergedProps = react$1.mergeProps(api.treeProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxRuntime.jsx(treeViewDepthContext.TreeViewDepthProvider, { value: 1, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref }) });
 });
 TreeViewTree.displayName = "TreeViewTree";
 

package/tree-view/tree-view-tree.mjs

@@ -4,11 +4,12 @@ import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
 import { useTreeViewContext } from './tree-view-context.mjs';
+import { TreeViewDepthProvider } from './tree-view-depth-context.mjs';
 
 const TreeViewTree = forwardRef((props, ref) => {
   const api = useTreeViewContext();
   const mergedProps = mergeProps(api.treeProps, props);
-  return /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsx(TreeViewDepthProvider, { value: 1, children: /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref }) });
 });
 TreeViewTree.displayName = "TreeViewTree";
 

package/tree-view/tree-view.cjs

@@ -9,6 +9,7 @@ const treeViewBranchIndicator = require('./tree-view-branch-indicator.cjs');
 const treeViewBranchText = require('./tree-view-branch-text.cjs');
 const treeViewBranchTrigger = require('./tree-view-branch-trigger.cjs');
 const treeViewItem = require('./tree-view-item.cjs');
+const treeViewItemIndicator = require('./tree-view-item-indicator.cjs');
 const treeViewItemText = require('./tree-view-item-text.cjs');
 const treeViewLabel = require('./tree-view-label.cjs');
 const treeViewRoot = require('./tree-view-root.cjs');
@@ -23,6 +24,7 @@ exports.BranchIndicator = treeViewBranchIndicator.TreeViewBranchIndicator;
 exports.BranchText = treeViewBranchText.TreeViewBranchText;
 exports.BranchTrigger = treeViewBranchTrigger.TreeViewBranchTrigger;
 exports.Item = treeViewItem.TreeViewItem;
+exports.ItemIndicator = treeViewItemIndicator.TreeViewItemIndicator;
 exports.ItemText = treeViewItemText.TreeViewItemText;
 exports.Label = treeViewLabel.TreeViewLabel;
 exports.Root = treeViewRoot.TreeViewRoot;

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

@@ -5,8 +5,9 @@ import { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-i
 import { TreeViewBranchText as BranchText } from './tree-view-branch-text';
 import { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger';
 import { TreeViewItem as Item } from './tree-view-item';
+import { TreeViewItemIndicator as ItemIndicator } from './tree-view-item-indicator';
 import { TreeViewItemText as ItemText } from './tree-view-item-text';
 import { TreeViewLabel as Label } from './tree-view-label';
 import { TreeViewRoot as Root } from './tree-view-root';
 import { TreeViewTree as Tree } from './tree-view-tree';
-export { Branch, BranchContent, BranchControl, BranchIndicator, BranchText, BranchTrigger, Item, ItemText, Label, Root, Tree, };
+export { Branch, BranchContent, BranchControl, BranchIndicator, BranchText, BranchTrigger, Item, ItemIndicator, ItemText, Label, Root, Tree, };

package/tree-view/tree-view.mjs

@@ -5,6 +5,7 @@ export { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-i
 export { TreeViewBranchText as BranchText } from './tree-view-branch-text.mjs';
 export { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger.mjs';
 export { TreeViewItem as Item } from './tree-view-item.mjs';
+export { TreeViewItemIndicator as ItemIndicator } from './tree-view-item-indicator.mjs';
 export { TreeViewItemText as ItemText } from './tree-view-item-text.mjs';
 export { TreeViewLabel as Label } from './tree-view-label.mjs';
 export { TreeViewRoot as Root } from './tree-view-root.mjs';