@ark-ui/vue 5.14.1 → 5.15.0

package/dist/components/index.cjs

@@ -659,6 +659,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
 const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item-text.vue.cjs');
 const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item.vue.cjs');
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-label.vue.cjs');
+const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox.vue.cjs');
+const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox-indicator.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-root-provider.vue.cjs');
@@ -1377,6 +1379,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
 exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;

package/dist/components/index.js

@@ -700,6 +700,8 @@ export { default as TreeViewItemIndicator } from './tree-view/tree-view-item-ind
 export { default as TreeViewItemText } from './tree-view/tree-view-item-text.vue.js';
 export { default as TreeViewItem } from './tree-view/tree-view-item.vue.js';
 export { default as TreeViewLabel } from './tree-view/tree-view-label.vue.js';
+export { default as TreeViewNodeCheckbox } from './tree-view/tree-view-node-checkbox.vue.js';
+export { default as TreeViewNodeCheckboxIndicator } from './tree-view/tree-view-node-checkbox-indicator.vue.js';
 export { default as TreeViewNodeContext } from './tree-view/tree-view-node-context.vue.js';
 export { default as TreeViewNodeProvider } from './tree-view/tree-view-node-provider.vue.js';
 export { default as TreeViewRootProvider } from './tree-view/tree-view-root-provider.vue.js';

package/dist/components/password-input/password-input-context.vue.d.cts

@@ -12,19 +12,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
         setVisible(value: boolean): void;
         toggleVisible(): void;
         getRootProps(): HTMLAttributes & {
-            key?: string | number | symbol;
-            ref?: VNodeRef;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
         };
         getLabelProps(): LabelHTMLAttributes & ReservedProps;
         getInputProps(): InputHTMLAttributes & ReservedProps;
         getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
         getIndicatorProps(): HTMLAttributes & {
-            key?: string | number | symbol;
-            ref?: VNodeRef;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
         };
         getControlProps(): HTMLAttributes & {
-            key?: string | number | symbol;
-            ref?: VNodeRef;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
         };
     }): any;
 }>;

package/dist/components/password-input/password-input-context.vue.d.ts

@@ -12,19 +12,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
         setVisible(value: boolean): void;
         toggleVisible(): void;
         getRootProps(): HTMLAttributes & {
-            key?: string | number | symbol;
-            ref?: VNodeRef;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
         };
         getLabelProps(): LabelHTMLAttributes & ReservedProps;
         getInputProps(): InputHTMLAttributes & ReservedProps;
         getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
         getIndicatorProps(): HTMLAttributes & {
-            key?: string | number | symbol;
-            ref?: VNodeRef;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
         };
         getControlProps(): HTMLAttributes & {
-            key?: string | number | symbol;
-            ref?: VNodeRef;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
         };
     }): any;
 }>;

package/dist/components/tree-view/index.cjs

@@ -15,6 +15,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
 const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view-item-text.vue.cjs');
 const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view-item.vue.cjs');
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view-label.vue.cjs');
+const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
+const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-root-provider.vue.cjs');
@@ -42,6 +44,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
 exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;

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 { default as TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content.vue';
 export { default as TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control.vue';
@@ -12,6 +12,8 @@ export { default as TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps,
 export { default as TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text.vue';
 export { default as TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.vue';
 export { default as TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.vue';
+export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox.vue';
+export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
 export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
 export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';

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 { default as TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content.vue';
 export { default as TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control.vue';
@@ -12,6 +12,8 @@ export { default as TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps,
 export { default as TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text.vue';
 export { default as TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.vue';
 export { default as TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.vue';
+export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox.vue';
+export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
 export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
 export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';

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

@@ -11,6 +11,8 @@ export { default as TreeViewItemIndicator } from './tree-view-item-indicator.vue
 export { default as TreeViewItemText } from './tree-view-item-text.vue.js';
 export { default as TreeViewItem } from './tree-view-item.vue.js';
 export { default as TreeViewLabel } from './tree-view-label.vue.js';
+export { default as TreeViewNodeCheckbox } from './tree-view-node-checkbox.vue.js';
+export { default as TreeViewNodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.vue.js';
 export { default as TreeViewNodeContext } from './tree-view-node-context.vue.js';
 export { default as TreeViewNodeProvider } from './tree-view-node-provider.vue.js';
 export { default as TreeViewRootProvider } from './tree-view-root-provider.vue.js';

package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "tree-view-node-checkbox-indicator",
+  props: {
+    indeterminate: {},
+    fallback: {}
+  },
+  setup(__props) {
+    const nodeState = useTreeViewNodeContext.useTreeViewNodeContext();
+    return (_ctx, _cache) => {
+      return vue.unref(nodeState).checked === "indeterminate" ? vue.renderSlot(_ctx.$slots, "indeterminate", { key: 0 }) : vue.unref(nodeState).checked === true ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.renderSlot(_ctx.$slots, "fallback", { key: 2 });
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.cts

@@ -0,0 +1,22 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface TreeViewNodeCheckboxIndicatorBaseProps {
+    indeterminate?: unknown;
+    fallback?: unknown;
+}
+export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    default(): void;
+    indeterminate(): void;
+    fallback(): void;
+}> & {
+    default(): void;
+    indeterminate(): void;
+    fallback(): void;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.ts

@@ -0,0 +1,22 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface TreeViewNodeCheckboxIndicatorBaseProps {
+    indeterminate?: unknown;
+    fallback?: unknown;
+}
+export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    default(): void;
+    indeterminate(): void;
+    fallback(): void;
+}> & {
+    default(): void;
+    indeterminate(): void;
+    fallback(): void;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.js

@@ -0,0 +1,18 @@
+import { defineComponent, renderSlot, unref } from 'vue';
+import { useTreeViewNodeContext } from './use-tree-view-node-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tree-view-node-checkbox-indicator",
+  props: {
+    indeterminate: {},
+    fallback: {}
+  },
+  setup(__props) {
+    const nodeState = useTreeViewNodeContext();
+    return (_ctx, _cache) => {
+      return unref(nodeState).checked === "indeterminate" ? renderSlot(_ctx.$slots, "indeterminate", { key: 0 }) : unref(nodeState).checked === true ? renderSlot(_ctx.$slots, "default", { key: 1 }) : renderSlot(_ctx.$slots, "fallback", { key: 2 });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
+
+
+
+exports.default = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tree-view-node-checkbox-indicator.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tree-view/tree-view-node-checkbox.vue.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const factory = require('../factory.cjs');
+const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "tree-view-node-checkbox",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const treeView = useTreeViewContext.useTreeViewContext();
+    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(treeView).getNodeCheckboxProps(vue.unref(nodeProps)), { "as-child": _ctx.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/tree-view/tree-view-node-checkbox.vue.d.cts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
+}
+export interface TreeViewNodeCheckboxProps extends TreeViewNodeCheckboxBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tree-view/tree-view-node-checkbox.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
+}
+export interface TreeViewNodeCheckboxProps extends TreeViewNodeCheckboxBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tree-view/tree-view-node-checkbox.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { ark } from '../factory.js';
+import { useTreeViewContext } from './use-tree-view-context.js';
+import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tree-view-node-checkbox",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const treeView = useTreeViewContext();
+    const nodeProps = useTreeViewNodePropsContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(treeView).getNodeCheckboxProps(unref(nodeProps)), { "as-child": _ctx.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tree-view/tree-view-node-checkbox.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
+
+
+
+exports.default = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tree-view/tree-view-node-checkbox.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tree-view-node-checkbox.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tree-view/tree-view-root.vue.cjs

@@ -15,6 +15,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     collection: {},
     defaultExpandedValue: {},
     defaultSelectedValue: {},
+    defaultCheckedValue: {},
+    defaultFocusedValue: {},
+    checkedValue: {},
     expandOnClick: { type: Boolean },
     expandedValue: {},
     focusedValue: {},
@@ -31,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     expandOnClick: void 0,
     typeahead: void 0
   }),
-  emits: ["expandedChange", "focusChange", "selectionChange", "loadChildrenComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue"],
+  emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/tree-view/tree-view-root.vue.d.cts

@@ -3,7 +3,7 @@ import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps
 import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './tree-view.types';
-import { FocusChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails } from '@zag-js/tree-view';
+import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
 export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>, 
@@ -16,19 +16,22 @@ export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
+        readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
         readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
         readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
         readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
         readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
+        readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
         readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
         readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onUpdate:expandedValue" | "onUpdate:selectedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
+        readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void);
+    emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tree-view/tree-view-root.vue.d.ts

@@ -3,7 +3,7 @@ import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps
 import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './tree-view.types';
-import { FocusChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails } from '@zag-js/tree-view';
+import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
 export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>, 
@@ -16,19 +16,22 @@ export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
+        readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
         readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
         readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
         readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
         readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
+        readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
         readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
         readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onUpdate:expandedValue" | "onUpdate:selectedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
+        readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void);
+    emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tree-view/tree-view-root.vue.js

@@ -11,6 +11,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     collection: {},
     defaultExpandedValue: {},
     defaultSelectedValue: {},
+    defaultCheckedValue: {},
+    defaultFocusedValue: {},
+    checkedValue: {},
     expandOnClick: { type: Boolean },
     expandedValue: {},
     focusedValue: {},
@@ -27,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     expandOnClick: void 0,
     typeahead: void 0
   }),
-  emits: ["expandedChange", "focusChange", "selectionChange", "loadChildrenComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue"],
+  emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

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

@@ -14,6 +14,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
 const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view-item-text.vue.cjs');
 const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view-item.vue.cjs');
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view-label.vue.cjs');
+const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
+const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-root-provider.vue.cjs');
@@ -34,6 +36,8 @@ exports.ItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_true_lan
 exports.ItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
 exports.Item = treeViewItem_vue_vue_type_script_setup_true_lang.default;
 exports.Label = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
+exports.NodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
+exports.NodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.NodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
 exports.NodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
 exports.RootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;

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 { default as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content.vue';
 export { default as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control.vue';
 export { default as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, } from './tree-view-branch-indent-guide.vue';
@@ -11,6 +11,8 @@ export { default as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIn
 export { default as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.vue';
 export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.vue';
 export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
+export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
+export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
 export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
 export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';

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 { default as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content.vue';
 export { default as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control.vue';
 export { default as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, } from './tree-view-branch-indent-guide.vue';
@@ -11,6 +11,8 @@ export { default as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIn
 export { default as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.vue';
 export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.vue';
 export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
+export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
+export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
 export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
 export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';

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

@@ -10,6 +10,8 @@ export { default as ItemIndicator } from './tree-view-item-indicator.vue.js';
 export { default as ItemText } from './tree-view-item-text.vue.js';
 export { default as Item } from './tree-view-item.vue.js';
 export { default as Label } from './tree-view-label.vue.js';
+export { default as NodeCheckbox } from './tree-view-node-checkbox.vue.js';
+export { default as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.vue.js';
 export { default as NodeContext } from './tree-view-node-context.vue.js';
 export { default as NodeProvider } from './tree-view-node-provider.vue.js';
 export { default as RootProvider } from './tree-view-root-provider.vue.js';

package/dist/components/tree-view/tree-view.types.d.cts

@@ -6,22 +6,36 @@ export interface RootProps<T extends TreeNode> {
      */
     collection: TreeCollection<T>;
     /**
-     * The initial expanded node ids when rendered.
-     * Use when you don't need to control the expanded node ids.
+     * The initial expanded node values when rendered.
+     * Use when you don't need to control the expanded node values.
      */
     defaultExpandedValue?: string[];
     /**
-     * The initial selected node ids when rendered.
-     * Use when you don't need to control the selected node ids.
+     * The initial selected node values when rendered.
+     * Use when you don't need to control the selected node values.
      */
     defaultSelectedValue?: string[];
+    /**
+     * The initial checked node values when rendered.
+     * Use when you don't need to control the checked node values.
+     */
+    defaultCheckedValue?: string[];
+    /**
+     * The initial focused node value when rendered.
+     * Use when you don't need to control the focused node value.
+     */
+    defaultFocusedValue?: string;
+    /**
+     * The controlled checked node values
+     */
+    checkedValue?: string[];
     /**
      * Whether clicking on a branch should open it or not
      * @default true
      */
     expandOnClick?: boolean;
     /**
-     * The controlled expanded node ids
+     * The controlled expanded node values
      */
     expandedValue?: string[];
     /**
@@ -42,7 +56,7 @@ export interface RootProps<T extends TreeNode> {
         node(value: string): string;
     }>;
     /**
-     * The controlled selected node ids
+     * The controlled selected node values
      */
     selectedValue?: string[];
     /**
@@ -77,9 +91,17 @@ export type RootEmits<T extends TreeNode> = {
      */
     selectionChange: [details: treeView.SelectionChangeDetails];
     /**
-     * A function that is called when the children are loaded.
+     * Called when the checked value changes
+     */
+    checkedChange: [details: treeView.CheckedChangeDetails];
+    /**
+     * A function that is called when the children are loaded successfully.
      */
     loadChildrenComplete: [details: treeView.LoadChildrenCompleteDetails<T>];
+    /**
+     * A function that is called when there is an error loading the children.
+     */
+    loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
     /**
      * Called when the expanded value changes
      */
@@ -92,4 +114,8 @@ export type RootEmits<T extends TreeNode> = {
      * Called when the selected value changes
      */
     'update:selectedValue': [value: string[]];
+    /**
+     * Called when the checked value changes
+     */
+    'update:checkedValue': [value: string[]];
 };

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

@@ -6,22 +6,36 @@ export interface RootProps<T extends TreeNode> {
      */
     collection: TreeCollection<T>;
     /**
-     * The initial expanded node ids when rendered.
-     * Use when you don't need to control the expanded node ids.
+     * The initial expanded node values when rendered.
+     * Use when you don't need to control the expanded node values.
      */
     defaultExpandedValue?: string[];
     /**
-     * The initial selected node ids when rendered.
-     * Use when you don't need to control the selected node ids.
+     * The initial selected node values when rendered.
+     * Use when you don't need to control the selected node values.
      */
     defaultSelectedValue?: string[];
+    /**
+     * The initial checked node values when rendered.
+     * Use when you don't need to control the checked node values.
+     */
+    defaultCheckedValue?: string[];
+    /**
+     * The initial focused node value when rendered.
+     * Use when you don't need to control the focused node value.
+     */
+    defaultFocusedValue?: string;
+    /**
+     * The controlled checked node values
+     */
+    checkedValue?: string[];
     /**
      * Whether clicking on a branch should open it or not
      * @default true
      */
     expandOnClick?: boolean;
     /**
-     * The controlled expanded node ids
+     * The controlled expanded node values
      */
     expandedValue?: string[];
     /**
@@ -42,7 +56,7 @@ export interface RootProps<T extends TreeNode> {
         node(value: string): string;
     }>;
     /**
-     * The controlled selected node ids
+     * The controlled selected node values
      */
     selectedValue?: string[];
     /**
@@ -77,9 +91,17 @@ export type RootEmits<T extends TreeNode> = {
      */
     selectionChange: [details: treeView.SelectionChangeDetails];
     /**
-     * A function that is called when the children are loaded.
+     * Called when the checked value changes
+     */
+    checkedChange: [details: treeView.CheckedChangeDetails];
+    /**
+     * A function that is called when the children are loaded successfully.
      */
     loadChildrenComplete: [details: treeView.LoadChildrenCompleteDetails<T>];
+    /**
+     * A function that is called when there is an error loading the children.
+     */
+    loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
     /**
      * Called when the expanded value changes
      */
@@ -92,4 +114,8 @@ export type RootEmits<T extends TreeNode> = {
      * Called when the selected value changes
      */
     'update:selectedValue': [value: string[]];
+    /**
+     * Called when the checked value changes
+     */
+    'update:checkedValue': [value: string[]];
 };

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

@@ -54,9 +54,18 @@ const useTreeView = (props, emit) => {
         emit?.("update:selectedValue", details.selectedValue);
         localeProps.onSelectionChange?.(details);
       },
+      onCheckedChange: (details) => {
+        emit?.("checkedChange", details);
+        emit?.("update:checkedValue", details.checkedValue);
+        localeProps.onCheckedChange?.(details);
+      },
       onLoadChildrenComplete: (details) => {
         emit?.("loadChildrenComplete", details);
         localeProps.onLoadChildrenComplete?.(details);
+      },
+      onLoadChildrenError: (details) => {
+        emit?.("loadChildrenError", details);
+        localeProps.onLoadChildrenError?.(details);
       }
     };
   });

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

@@ -31,9 +31,18 @@ const useTreeView = (props, emit) => {
         emit?.("update:selectedValue", details.selectedValue);
         localeProps.onSelectionChange?.(details);
       },
+      onCheckedChange: (details) => {
+        emit?.("checkedChange", details);
+        emit?.("update:checkedValue", details.checkedValue);
+        localeProps.onCheckedChange?.(details);
+      },
       onLoadChildrenComplete: (details) => {
         emit?.("loadChildrenComplete", details);
         localeProps.onLoadChildrenComplete?.(details);
+      },
+      onLoadChildrenError: (details) => {
+        emit?.("loadChildrenError", details);
+        localeProps.onLoadChildrenError?.(details);
       }
     };
   });

package/dist/index.cjs

@@ -659,6 +659,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./com
 const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item-text.vue.cjs');
 const treeViewItem_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item.vue.cjs');
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-label.vue.cjs');
+const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox.vue.cjs');
+const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox-indicator.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-root-provider.vue.cjs');
@@ -1386,6 +1388,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
 exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;

package/dist/index.js

@@ -700,6 +700,8 @@ export { default as TreeViewItemIndicator } from './components/tree-view/tree-vi
 export { default as TreeViewItemText } from './components/tree-view/tree-view-item-text.vue.js';
 export { default as TreeViewItem } from './components/tree-view/tree-view-item.vue.js';
 export { default as TreeViewLabel } from './components/tree-view/tree-view-label.vue.js';
+export { default as TreeViewNodeCheckbox } from './components/tree-view/tree-view-node-checkbox.vue.js';
+export { default as TreeViewNodeCheckboxIndicator } from './components/tree-view/tree-view-node-checkbox-indicator.vue.js';
 export { default as TreeViewNodeContext } from './components/tree-view/tree-view-node-context.vue.js';
 export { default as TreeViewNodeProvider } from './components/tree-view/tree-view-node-provider.vue.js';
 export { default as TreeViewRootProvider } from './components/tree-view/tree-view-root-provider.vue.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.14.1",
+  "version": "5.15.0",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -140,60 +140,60 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.15.5",
-    "@zag-js/angle-slider": "1.15.5",
-    "@zag-js/anatomy": "1.15.5",
-    "@zag-js/auto-resize": "1.15.5",
-    "@zag-js/avatar": "1.15.5",
-    "@zag-js/carousel": "1.15.5",
-    "@zag-js/checkbox": "1.15.5",
-    "@zag-js/clipboard": "1.15.5",
-    "@zag-js/collapsible": "1.15.5",
-    "@zag-js/collection": "1.15.5",
-    "@zag-js/color-picker": "1.15.5",
-    "@zag-js/combobox": "1.15.5",
-    "@zag-js/date-picker": "1.15.5",
-    "@zag-js/dialog": "1.15.5",
-    "@zag-js/dom-query": "1.15.5",
-    "@zag-js/editable": "1.15.5",
-    "@zag-js/file-upload": "1.15.5",
-    "@zag-js/file-utils": "1.15.5",
-    "@zag-js/focus-trap": "1.15.5",
-    "@zag-js/floating-panel": "1.15.5",
-    "@zag-js/highlight-word": "1.15.5",
-    "@zag-js/hover-card": "1.15.5",
-    "@zag-js/i18n-utils": "1.15.5",
-    "@zag-js/listbox": "1.15.5",
-    "@zag-js/menu": "1.15.5",
-    "@zag-js/number-input": "1.15.5",
-    "@zag-js/pagination": "1.15.5",
-    "@zag-js/pin-input": "1.15.5",
-    "@zag-js/popover": "1.15.5",
-    "@zag-js/presence": "1.15.5",
-    "@zag-js/progress": "1.15.5",
-    "@zag-js/qr-code": "1.15.5",
-    "@zag-js/radio-group": "1.15.5",
-    "@zag-js/rating-group": "1.15.5",
-    "@zag-js/select": "1.15.5",
-    "@zag-js/signature-pad": "1.15.5",
-    "@zag-js/slider": "1.15.5",
-    "@zag-js/splitter": "1.15.5",
-    "@zag-js/switch": "1.15.5",
-    "@zag-js/tabs": "1.15.5",
-    "@zag-js/tags-input": "1.15.5",
-    "@zag-js/time-picker": "1.15.5",
-    "@zag-js/timer": "1.15.5",
-    "@zag-js/toast": "1.15.5",
-    "@zag-js/toggle": "1.15.5",
-    "@zag-js/toggle-group": "1.15.5",
-    "@zag-js/tooltip": "1.15.5",
-    "@zag-js/tour": "1.15.5",
-    "@zag-js/tree-view": "1.15.5",
-    "@zag-js/types": "1.15.5",
-    "@zag-js/utils": "1.15.5",
-    "@zag-js/steps": "1.15.5",
-    "@zag-js/store": "1.15.5",
-    "@zag-js/vue": "1.15.5"
+    "@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/combobox": "1.17.0",
+    "@zag-js/date-picker": "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/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/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/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",
+    "@zag-js/steps": "1.17.0",
+    "@zag-js/store": "1.17.0",
+    "@zag-js/vue": "1.17.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",