@ark-ui/react 5.14.2 → 5.15.1

package/dist/components/index.cjs

@@ -281,10 +281,11 @@ const hoverCardTrigger = require('./hover-card/hover-card-trigger.cjs');
 const useHoverCard = require('./hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./hover-card/hover-card.cjs');
-const listboxContext = require('./listbox/listbox-context.cjs');
 const listboxContent = require('./listbox/listbox-content.cjs');
+const listboxContext = require('./listbox/listbox-context.cjs');
 const listboxInput = require('./listbox/listbox-input.cjs');
 const listboxItem = require('./listbox/listbox-item.cjs');
+const listboxItemContext = require('./listbox/listbox-item-context.cjs');
 const listboxItemGroup = require('./listbox/listbox-item-group.cjs');
 const listboxItemGroupLabel = require('./listbox/listbox-item-group-label.cjs');
 const listboxItemIndicator = require('./listbox/listbox-item-indicator.cjs');
@@ -666,6 +667,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');
@@ -997,10 +1000,11 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
-exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxContent = listboxContent.ListboxContent;
+exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;
+exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
 exports.ListboxItemGroup = listboxItemGroup.ListboxItemGroup;
 exports.ListboxItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
 exports.ListboxItemIndicator = listboxItemIndicator.ListboxItemIndicator;
@@ -1386,6 +1390,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

@@ -295,10 +295,11 @@ export { useHoverCard } from './hover-card/use-hover-card.js';
 export { useHoverCardContext } from './hover-card/use-hover-card-context.js';
 import * as hoverCard from './hover-card/hover-card.js';
 export { hoverCard as HoverCard };
-export { ListboxContext } from './listbox/listbox-context.js';
 export { ListboxContent } from './listbox/listbox-content.js';
+export { ListboxContext } from './listbox/listbox-context.js';
 export { ListboxInput } from './listbox/listbox-input.js';
 export { ListboxItem } from './listbox/listbox-item.js';
+export { ListboxItemContext } from './listbox/listbox-item-context.js';
 export { ListboxItemGroup } from './listbox/listbox-item-group.js';
 export { ListboxItemGroupLabel } from './listbox/listbox-item-group-label.js';
 export { ListboxItemIndicator } from './listbox/listbox-item-indicator.js';
@@ -707,6 +708,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/listbox/index.cjs

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const listCollection = require('../collection/list-collection.cjs');
-const listboxContext = require('./listbox-context.cjs');
 const listboxContent = require('./listbox-content.cjs');
+const listboxContext = require('./listbox-context.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
+const listboxItemContext = require('./listbox-item-context.cjs');
 const listboxItemGroup = require('./listbox-item-group.cjs');
 const listboxItemGroupLabel = require('./listbox-item-group-label.cjs');
 const listboxItemIndicator = require('./listbox-item-indicator.cjs');
@@ -24,10 +25,11 @@ const listbox = require('@zag-js/listbox');
 
 
 exports.createListCollection = listCollection.createListCollection;
-exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxContent = listboxContent.ListboxContent;
+exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;
+exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
 exports.ListboxItemGroup = listboxItemGroup.ListboxItemGroup;
 exports.ListboxItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
 exports.ListboxItemIndicator = listboxItemIndicator.ListboxItemIndicator;

package/dist/components/listbox/index.d.cts

@@ -1,9 +1,10 @@
 export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox';
 export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
-export { ListboxContext, type ListboxContextProps } from './listbox-context';
 export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
+export { ListboxContext, type ListboxContextProps } from './listbox-context';
 export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
 export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';
+export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context';
 export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group';
 export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label';
 export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';

package/dist/components/listbox/index.d.ts

@@ -1,9 +1,10 @@
 export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox';
 export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
-export { ListboxContext, type ListboxContextProps } from './listbox-context';
 export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
+export { ListboxContext, type ListboxContextProps } from './listbox-context';
 export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
 export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';
+export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context';
 export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group';
 export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label';
 export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';

package/dist/components/listbox/index.js

@@ -1,8 +1,9 @@
 export { createListCollection } from '../collection/list-collection.js';
-export { ListboxContext } from './listbox-context.js';
 export { ListboxContent } from './listbox-content.js';
+export { ListboxContext } from './listbox-context.js';
 export { ListboxInput } from './listbox-input.js';
 export { ListboxItem } from './listbox-item.js';
+export { ListboxItemContext } from './listbox-item-context.js';
 export { ListboxItemGroup } from './listbox-item-group.js';
 export { ListboxItemGroupLabel } from './listbox-item-group-label.js';
 export { ListboxItemIndicator } from './listbox-item-indicator.js';

package/dist/components/listbox/listbox-item-context.cjs

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

package/dist/components/listbox/listbox-item-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseListboxItemContext } from './use-listbox-item-context';
+export interface ListboxItemContextProps {
+    children: (context: UseListboxItemContext) => ReactNode;
+}
+export declare const ListboxItemContext: (props: ListboxItemContextProps) => ReactNode;

package/dist/components/listbox/listbox-item-context.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseListboxItemContext } from './use-listbox-item-context';
+export interface ListboxItemContextProps {
+    children: (context: UseListboxItemContext) => ReactNode;
+}
+export declare const ListboxItemContext: (props: ListboxItemContextProps) => ReactNode;

package/dist/components/listbox/listbox-item-context.js

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

package/dist/components/listbox/listbox.cjs

@@ -6,6 +6,7 @@ const listboxContext = require('./listbox-context.cjs');
 const listboxContent = require('./listbox-content.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
+const listboxItemContext = require('./listbox-item-context.cjs');
 const listboxItemGroup = require('./listbox-item-group.cjs');
 const listboxItemGroupLabel = require('./listbox-item-group-label.cjs');
 const listboxItemIndicator = require('./listbox-item-indicator.cjs');
@@ -21,6 +22,7 @@ exports.Context = listboxContext.ListboxContext;
 exports.Content = listboxContent.ListboxContent;
 exports.Input = listboxInput.ListboxInput;
 exports.Item = listboxItem.ListboxItem;
+exports.ItemContext = listboxItemContext.ListboxItemContext;
 exports.ItemGroup = listboxItemGroup.ListboxItemGroup;
 exports.ItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
 exports.ItemIndicator = listboxItemIndicator.ListboxItemIndicator;

package/dist/components/listbox/listbox.d.cts

@@ -3,6 +3,7 @@ export { ListboxContext as Context, type ListboxContextProps as ContextProps } f
 export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
 export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
 export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
+export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';
 export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group';
 export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label';
 export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';

package/dist/components/listbox/listbox.d.ts

@@ -3,6 +3,7 @@ export { ListboxContext as Context, type ListboxContextProps as ContextProps } f
 export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
 export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
 export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
+export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';
 export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group';
 export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label';
 export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';

package/dist/components/listbox/listbox.js

@@ -2,6 +2,7 @@ export { ListboxContext as Context } from './listbox-context.js';
 export { ListboxContent as Content } from './listbox-content.js';
 export { ListboxInput as Input } from './listbox-input.js';
 export { ListboxItem as Item } from './listbox-item.js';
+export { ListboxItemContext as ItemContext } from './listbox-item-context.js';
 export { ListboxItemGroup as ItemGroup } from './listbox-item-group.js';
 export { ListboxItemGroupLabel as ItemGroupLabel } from './listbox-item-group-label.js';
 export { ListboxItemIndicator as ItemIndicator } from './listbox-item-indicator.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

@@ -281,10 +281,11 @@ const hoverCardTrigger = require('./components/hover-card/hover-card-trigger.cjs
 const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
-const listboxContext = require('./components/listbox/listbox-context.cjs');
 const listboxContent = require('./components/listbox/listbox-content.cjs');
+const listboxContext = require('./components/listbox/listbox-context.cjs');
 const listboxInput = require('./components/listbox/listbox-input.cjs');
 const listboxItem = require('./components/listbox/listbox-item.cjs');
+const listboxItemContext = require('./components/listbox/listbox-item-context.cjs');
 const listboxItemGroup = require('./components/listbox/listbox-item-group.cjs');
 const listboxItemGroupLabel = require('./components/listbox/listbox-item-group-label.cjs');
 const listboxItemIndicator = require('./components/listbox/listbox-item-indicator.cjs');
@@ -666,6 +667,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');
@@ -1002,10 +1005,11 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
-exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxContent = listboxContent.ListboxContent;
+exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;
+exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
 exports.ListboxItemGroup = listboxItemGroup.ListboxItemGroup;
 exports.ListboxItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
 exports.ListboxItemIndicator = listboxItemIndicator.ListboxItemIndicator;
@@ -1391,6 +1395,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

@@ -295,10 +295,11 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
 export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
 import * as hoverCard from './components/hover-card/hover-card.js';
 export { hoverCard as HoverCard };
-export { ListboxContext } from './components/listbox/listbox-context.js';
 export { ListboxContent } from './components/listbox/listbox-content.js';
+export { ListboxContext } from './components/listbox/listbox-context.js';
 export { ListboxInput } from './components/listbox/listbox-input.js';
 export { ListboxItem } from './components/listbox/listbox-item.js';
+export { ListboxItemContext } from './components/listbox/listbox-item-context.js';
 export { ListboxItemGroup } from './components/listbox/listbox-item-group.js';
 export { ListboxItemGroupLabel } from './components/listbox/listbox-item-group-label.js';
 export { ListboxItemIndicator } from './components/listbox/listbox-item-indicator.js';
@@ -707,6 +708,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.1",
   "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",

package/dist/components/accordion/examples/context/focusedValue.d.cts

@@ -1 +0,0 @@
-export declare const ContextFocusedValue: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/examples/context/focusedValue.d.ts

@@ -1 +0,0 @@
-export declare const ContextFocusedValue: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/examples/context/getItemState.d.cts

@@ -1 +0,0 @@
-export declare const ContextGetItemState: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/examples/context/getItemState.d.ts

@@ -1 +0,0 @@
-export declare const ContextGetItemState: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/examples/context/setValue.d.cts

@@ -1 +0,0 @@
-export declare const ContextSetValue: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/examples/context/setValue.d.ts

@@ -1 +0,0 @@
-export declare const ContextSetValue: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/examples/context/value.d.cts

@@ -1 +0,0 @@
-export declare const ContextValue: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/examples/context/value.d.ts

@@ -1 +0,0 @@
-export declare const ContextValue: () => import("react/jsx-runtime").JSX.Element;