@ark-ui/react 5.14.1 → 5.15.0

package/dist/components/listbox/listbox-value-text.d.cts

@@ -4,7 +4,7 @@ export interface ListboxValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is listboxed.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface ListboxValueTextProps extends HTMLProps<'span'>, ListboxValueTextBaseProps {
 }

package/dist/components/listbox/listbox-value-text.d.ts

@@ -4,7 +4,7 @@ export interface ListboxValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is listboxed.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface ListboxValueTextProps extends HTMLProps<'span'>, ListboxValueTextBaseProps {
 }

package/dist/components/menu/menu-item.d.cts

@@ -6,7 +6,7 @@ interface ItemBaseProps extends ItemProps {
     /**
      * The function to call when the item is selected
      */
-    onSelect?: VoidFunction;
+    onSelect?: VoidFunction | undefined;
 }
 export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps {
 }

package/dist/components/menu/menu-item.d.ts

@@ -6,7 +6,7 @@ interface ItemBaseProps extends ItemProps {
     /**
      * The function to call when the item is selected
      */
-    onSelect?: VoidFunction;
+    onSelect?: VoidFunction | undefined;
 }
 export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps {
 }

package/dist/components/menu/menu-root-provider.d.cts

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/menu/menu-root-provider.d.ts

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/menu/menu-root.d.cts

@@ -4,6 +4,6 @@ import { UseMenuProps } from './use-menu';
 export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRoot: (props: MenuRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/menu/menu-root.d.ts

@@ -4,6 +4,6 @@ import { UseMenuProps } from './use-menu';
 export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRoot: (props: MenuRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/menu/use-menu-item-group-context.d.cts

@@ -4,7 +4,7 @@ export interface ValueChangeDetails {
 }
 export interface UseMenuItemGroupContext {
     id: string;
-    value?: string;
-    onValueChange?: (e: ValueChangeDetails) => void;
+    value?: string | undefined;
+    onValueChange?: ((e: ValueChangeDetails) => void) | undefined;
 }
 export declare const MenuItemGroupProvider: Provider<UseMenuItemGroupContext>, useMenuItemGroupContext: () => UseMenuItemGroupContext;

package/dist/components/menu/use-menu-item-group-context.d.ts

@@ -4,7 +4,7 @@ export interface ValueChangeDetails {
 }
 export interface UseMenuItemGroupContext {
     id: string;
-    value?: string;
-    onValueChange?: (e: ValueChangeDetails) => void;
+    value?: string | undefined;
+    onValueChange?: ((e: ValueChangeDetails) => void) | undefined;
 }
 export declare const MenuItemGroupProvider: Provider<UseMenuItemGroupContext>, useMenuItemGroupContext: () => UseMenuItemGroupContext;

package/dist/components/popover/popover-root-provider.d.cts

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/popover/popover-root-provider.d.ts

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/popover/popover-root.d.cts

@@ -4,6 +4,6 @@ import { UsePopoverProps } from './use-popover';
 export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {
 }
 export interface PopoverRootProps extends PopoverRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRoot: (props: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/popover-root.d.ts

@@ -4,6 +4,6 @@ import { UsePopoverProps } from './use-popover';
 export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {
 }
 export interface PopoverRootProps extends PopoverRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRoot: (props: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/portal/portal.d.cts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, RefObject } from 'react';
 export interface PortalProps {
-    disabled?: boolean;
-    container?: RefObject<HTMLElement | null>;
+    disabled?: boolean | undefined;
+    container?: RefObject<HTMLElement | null> | undefined;
 }
 export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/portal/portal.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, RefObject } from 'react';
 export interface PortalProps {
-    disabled?: boolean;
-    container?: RefObject<HTMLElement | null>;
+    disabled?: boolean | undefined;
+    container?: RefObject<HTMLElement | null> | undefined;
 }
 export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/presence/use-presence.d.cts

@@ -6,7 +6,7 @@ export interface UsePresenceProps extends Optional<presence.Props, 'present'>, R
      * Whether to allow the initial presence animation.
      * @default false
      */
-    skipAnimationOnMount?: boolean;
+    skipAnimationOnMount?: boolean | undefined;
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
 export declare const usePresence: (props?: UsePresenceProps) => {

package/dist/components/presence/use-presence.d.ts

@@ -6,7 +6,7 @@ export interface UsePresenceProps extends Optional<presence.Props, 'present'>, R
      * Whether to allow the initial presence animation.
      * @default false
      */
-    skipAnimationOnMount?: boolean;
+    skipAnimationOnMount?: boolean | undefined;
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
 export declare const usePresence: (props?: UsePresenceProps) => {

package/dist/components/select/select-value-text.d.cts

@@ -4,7 +4,7 @@ export interface SelectValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is selected.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {
 }

package/dist/components/select/select-value-text.d.ts

@@ -4,7 +4,7 @@ export interface SelectValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is selected.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {
 }

package/dist/components/toggle/toggle-indicator.d.cts

@@ -4,7 +4,7 @@ export interface ToggleIndicatorBaseProps {
     /**
      * The fallback content to render when the toggle is not pressed.
      */
-    fallback?: React.ReactNode;
+    fallback?: React.ReactNode | undefined;
 }
 export interface ToggleIndicatorProps extends HTMLArkProps<'div'>, ToggleIndicatorBaseProps {
 }

package/dist/components/toggle/toggle-indicator.d.ts

@@ -4,7 +4,7 @@ export interface ToggleIndicatorBaseProps {
     /**
      * The fallback content to render when the toggle is not pressed.
      */
-    fallback?: React.ReactNode;
+    fallback?: React.ReactNode | undefined;
 }
 export interface ToggleIndicatorProps extends HTMLArkProps<'div'>, ToggleIndicatorBaseProps {
 }

package/dist/components/tooltip/tooltip-root-provider.d.cts

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tooltip/tooltip-root-provider.d.ts

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tooltip/tooltip-root.d.cts

@@ -4,6 +4,6 @@ import { UseTooltipProps } from './use-tooltip';
 export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {
 }
 export interface TooltipRootProps extends TooltipRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRoot: (props: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/tooltip-root.d.ts

@@ -4,6 +4,6 @@ import { UseTooltipProps } from './use-tooltip';
 export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {
 }
 export interface TooltipRootProps extends TooltipRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRoot: (props: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/tour-root.d.cts

@@ -5,6 +5,6 @@ export interface TourRootBaseProps extends UsePresenceProps {
     tour: UseTourReturn;
 }
 export interface TourRootProps extends TourRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TourRoot: (props: TourRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/tour-root.d.ts

@@ -5,6 +5,6 @@ export interface TourRootBaseProps extends UsePresenceProps {
     tour: UseTourReturn;
 }
 export interface TourRootProps extends TourRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TourRoot: (props: TourRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, NodeState as TreeViewNodeState, NodeProps as TreeViewNodeProps, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, NodeState as TreeViewNodeState, NodeProps as TreeViewNodeProps, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -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-node-provider.d.cts

@@ -3,6 +3,6 @@ export interface TreeViewNodeProviderBaseProps<T> extends NodeProps {
     node: T;
 }
 export interface TreeViewNodeProviderProps<T> extends TreeViewNodeProviderBaseProps<T> {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,6 @@ export interface TreeViewNodeProviderBaseProps<T> extends NodeProps {
     node: T;
 }
 export interface TreeViewNodeProviderProps<T> extends TreeViewNodeProviderBaseProps<T> {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import("react/jsx-runtime").JSX.Element;

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

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

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