@ark-ui/vue 5.14.2 → 5.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/components/index.cjs +4 -0
  2. package/dist/components/index.js +2 -0
  3. package/dist/components/password-input/password-input-context.vue.d.cts +6 -6
  4. package/dist/components/password-input/password-input-context.vue.d.ts +6 -6
  5. package/dist/components/tree-view/index.cjs +4 -0
  6. package/dist/components/tree-view/index.d.cts +2 -0
  7. package/dist/components/tree-view/index.d.ts +2 -0
  8. package/dist/components/tree-view/index.js +2 -0
  9. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.cjs +22 -0
  10. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.cts +22 -0
  11. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.ts +22 -0
  12. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.js +18 -0
  13. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.cjs +9 -0
  14. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.js +5 -0
  15. package/dist/components/tree-view/tree-view-node-checkbox.vue.cjs +31 -0
  16. package/dist/components/tree-view/tree-view-node-checkbox.vue.d.cts +19 -0
  17. package/dist/components/tree-view/tree-view-node-checkbox.vue.d.ts +19 -0
  18. package/dist/components/tree-view/tree-view-node-checkbox.vue.js +27 -0
  19. package/dist/components/tree-view/tree-view-node-checkbox.vue2.cjs +9 -0
  20. package/dist/components/tree-view/tree-view-node-checkbox.vue2.js +5 -0
  21. package/dist/components/tree-view/tree-view-root.vue.cjs +4 -1
  22. package/dist/components/tree-view/tree-view-root.vue.d.cts +6 -3
  23. package/dist/components/tree-view/tree-view-root.vue.d.ts +6 -3
  24. package/dist/components/tree-view/tree-view-root.vue.js +4 -1
  25. package/dist/components/tree-view/tree-view.cjs +4 -0
  26. package/dist/components/tree-view/tree-view.d.cts +2 -0
  27. package/dist/components/tree-view/tree-view.d.ts +2 -0
  28. package/dist/components/tree-view/tree-view.js +2 -0
  29. package/dist/components/tree-view/tree-view.types.d.cts +33 -7
  30. package/dist/components/tree-view/tree-view.types.d.ts +33 -7
  31. package/dist/components/tree-view/use-tree-view.cjs +9 -0
  32. package/dist/components/tree-view/use-tree-view.js +9 -0
  33. package/dist/index.cjs +4 -0
  34. package/dist/index.js +2 -0
  35. package/package.json +55 -55
@@ -659,6 +659,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
659
659
  const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item-text.vue.cjs');
660
660
  const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item.vue.cjs');
661
661
  const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-label.vue.cjs');
662
+ const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox.vue.cjs');
663
+ const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox-indicator.vue.cjs');
662
664
  const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-context.vue.cjs');
663
665
  const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-provider.vue.cjs');
664
666
  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_
1377
1379
  exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
1378
1380
  exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
1379
1381
  exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
1382
+ exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
1383
+ exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
1380
1384
  exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
1381
1385
  exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
1382
1386
  exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -700,6 +700,8 @@ export { default as TreeViewItemIndicator } from './tree-view/tree-view-item-ind
700
700
  export { default as TreeViewItemText } from './tree-view/tree-view-item-text.vue.js';
701
701
  export { default as TreeViewItem } from './tree-view/tree-view-item.vue.js';
702
702
  export { default as TreeViewLabel } from './tree-view/tree-view-label.vue.js';
703
+ export { default as TreeViewNodeCheckbox } from './tree-view/tree-view-node-checkbox.vue.js';
704
+ export { default as TreeViewNodeCheckboxIndicator } from './tree-view/tree-view-node-checkbox-indicator.vue.js';
703
705
  export { default as TreeViewNodeContext } from './tree-view/tree-view-node-context.vue.js';
704
706
  export { default as TreeViewNodeProvider } from './tree-view/tree-view-node-provider.vue.js';
705
707
  export { default as TreeViewRootProvider } from './tree-view/tree-view-root-provider.vue.js';
@@ -12,19 +12,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
12
12
  setVisible(value: boolean): void;
13
13
  toggleVisible(): void;
14
14
  getRootProps(): HTMLAttributes & {
15
- key?: string | number | symbol;
16
- ref?: VNodeRef;
15
+ key?: string | number | symbol | undefined;
16
+ ref?: VNodeRef | undefined;
17
17
  };
18
18
  getLabelProps(): LabelHTMLAttributes & ReservedProps;
19
19
  getInputProps(): InputHTMLAttributes & ReservedProps;
20
20
  getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
21
21
  getIndicatorProps(): HTMLAttributes & {
22
- key?: string | number | symbol;
23
- ref?: VNodeRef;
22
+ key?: string | number | symbol | undefined;
23
+ ref?: VNodeRef | undefined;
24
24
  };
25
25
  getControlProps(): HTMLAttributes & {
26
- key?: string | number | symbol;
27
- ref?: VNodeRef;
26
+ key?: string | number | symbol | undefined;
27
+ ref?: VNodeRef | undefined;
28
28
  };
29
29
  }): any;
30
30
  }>;
@@ -12,19 +12,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
12
12
  setVisible(value: boolean): void;
13
13
  toggleVisible(): void;
14
14
  getRootProps(): HTMLAttributes & {
15
- key?: string | number | symbol;
16
- ref?: VNodeRef;
15
+ key?: string | number | symbol | undefined;
16
+ ref?: VNodeRef | undefined;
17
17
  };
18
18
  getLabelProps(): LabelHTMLAttributes & ReservedProps;
19
19
  getInputProps(): InputHTMLAttributes & ReservedProps;
20
20
  getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
21
21
  getIndicatorProps(): HTMLAttributes & {
22
- key?: string | number | symbol;
23
- ref?: VNodeRef;
22
+ key?: string | number | symbol | undefined;
23
+ ref?: VNodeRef | undefined;
24
24
  };
25
25
  getControlProps(): HTMLAttributes & {
26
- key?: string | number | symbol;
27
- ref?: VNodeRef;
26
+ key?: string | number | symbol | undefined;
27
+ ref?: VNodeRef | undefined;
28
28
  };
29
29
  }): any;
30
30
  }>;
@@ -15,6 +15,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
15
15
  const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view-item-text.vue.cjs');
16
16
  const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view-item.vue.cjs');
17
17
  const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view-label.vue.cjs');
18
+ const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
19
+ const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
18
20
  const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view-node-context.vue.cjs');
19
21
  const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-node-provider.vue.cjs');
20
22
  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_
42
44
  exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
43
45
  exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
44
46
  exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
47
+ exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
48
+ exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
45
49
  exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
46
50
  exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
47
51
  exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -12,6 +12,8 @@ export { default as TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps,
12
12
  export { default as TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text.vue';
13
13
  export { default as TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.vue';
14
14
  export { default as TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.vue';
15
+ export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox.vue';
16
+ export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
15
17
  export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
16
18
  export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
17
19
  export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
@@ -12,6 +12,8 @@ export { default as TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps,
12
12
  export { default as TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text.vue';
13
13
  export { default as TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.vue';
14
14
  export { default as TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.vue';
15
+ export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox.vue';
16
+ export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
15
17
  export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
16
18
  export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
17
19
  export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
@@ -11,6 +11,8 @@ export { default as TreeViewItemIndicator } from './tree-view-item-indicator.vue
11
11
  export { default as TreeViewItemText } from './tree-view-item-text.vue.js';
12
12
  export { default as TreeViewItem } from './tree-view-item.vue.js';
13
13
  export { default as TreeViewLabel } from './tree-view-label.vue.js';
14
+ export { default as TreeViewNodeCheckbox } from './tree-view-node-checkbox.vue.js';
15
+ export { default as TreeViewNodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.vue.js';
14
16
  export { default as TreeViewNodeContext } from './tree-view-node-context.vue.js';
15
17
  export { default as TreeViewNodeProvider } from './tree-view-node-provider.vue.js';
16
18
  export { default as TreeViewRootProvider } from './tree-view-root-provider.vue.js';
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
7
+
8
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
9
+ __name: "tree-view-node-checkbox-indicator",
10
+ props: {
11
+ indeterminate: {},
12
+ fallback: {}
13
+ },
14
+ setup(__props) {
15
+ const nodeState = useTreeViewNodeContext.useTreeViewNodeContext();
16
+ return (_ctx, _cache) => {
17
+ 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 });
18
+ };
19
+ }
20
+ });
21
+
22
+ exports.default = _sfc_main;
@@ -0,0 +1,22 @@
1
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ export interface TreeViewNodeCheckboxIndicatorBaseProps {
3
+ indeterminate?: unknown;
4
+ fallback?: unknown;
5
+ }
6
+ export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {
7
+ }
8
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
9
+ default(): void;
10
+ indeterminate(): void;
11
+ fallback(): void;
12
+ }> & {
13
+ default(): void;
14
+ indeterminate(): void;
15
+ fallback(): void;
16
+ }>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -0,0 +1,22 @@
1
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ export interface TreeViewNodeCheckboxIndicatorBaseProps {
3
+ indeterminate?: unknown;
4
+ fallback?: unknown;
5
+ }
6
+ export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {
7
+ }
8
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
9
+ default(): void;
10
+ indeterminate(): void;
11
+ fallback(): void;
12
+ }> & {
13
+ default(): void;
14
+ indeterminate(): void;
15
+ fallback(): void;
16
+ }>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -0,0 +1,18 @@
1
+ import { defineComponent, renderSlot, unref } from 'vue';
2
+ import { useTreeViewNodeContext } from './use-tree-view-node-context.js';
3
+
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "tree-view-node-checkbox-indicator",
6
+ props: {
7
+ indeterminate: {},
8
+ fallback: {}
9
+ },
10
+ setup(__props) {
11
+ const nodeState = useTreeViewNodeContext();
12
+ return (_ctx, _cache) => {
13
+ 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 });
14
+ };
15
+ }
16
+ });
17
+
18
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './tree-view-node-checkbox-indicator.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,31 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
7
+ const factory = require('../factory.cjs');
8
+ const useTreeViewContext = require('./use-tree-view-context.cjs');
9
+ const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "tree-view-node-checkbox",
13
+ props: {
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const treeView = useTreeViewContext.useTreeViewContext();
18
+ const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
19
+ useForwardExpose.useForwardExpose();
20
+ return (_ctx, _cache) => {
21
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(treeView).getNodeCheckboxProps(vue.unref(nodeProps)), { "as-child": _ctx.asChild }), {
22
+ default: vue.withCtx(() => [
23
+ vue.renderSlot(_ctx.$slots, "default")
24
+ ]),
25
+ _: 3
26
+ }, 16, ["as-child"]);
27
+ };
28
+ }
29
+ });
30
+
31
+ exports.default = _sfc_main;
@@ -0,0 +1,19 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TreeViewNodeCheckboxProps extends TreeViewNodeCheckboxBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
12
+ default?(_: {}): any;
13
+ }>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,19 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TreeViewNodeCheckboxProps extends TreeViewNodeCheckboxBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
12
+ default?(_: {}): any;
13
+ }>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,27 @@
1
+ import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
3
+ import { ark } from '../factory.js';
4
+ import { useTreeViewContext } from './use-tree-view-context.js';
5
+ import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "tree-view-node-checkbox",
9
+ props: {
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const treeView = useTreeViewContext();
14
+ const nodeProps = useTreeViewNodePropsContext();
15
+ useForwardExpose();
16
+ return (_ctx, _cache) => {
17
+ return openBlock(), createBlock(unref(ark).span, mergeProps(unref(treeView).getNodeCheckboxProps(unref(nodeProps)), { "as-child": _ctx.asChild }), {
18
+ default: withCtx(() => [
19
+ renderSlot(_ctx.$slots, "default")
20
+ ]),
21
+ _: 3
22
+ }, 16, ["as-child"]);
23
+ };
24
+ }
25
+ });
26
+
27
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './tree-view-node-checkbox.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -15,6 +15,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
15
15
  collection: {},
16
16
  defaultExpandedValue: {},
17
17
  defaultSelectedValue: {},
18
+ defaultCheckedValue: {},
19
+ defaultFocusedValue: {},
20
+ checkedValue: {},
18
21
  expandOnClick: { type: Boolean },
19
22
  expandedValue: {},
20
23
  focusedValue: {},
@@ -31,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
31
34
  expandOnClick: void 0,
32
35
  typeahead: void 0
33
36
  }),
34
- emits: ["expandedChange", "focusChange", "selectionChange", "loadChildrenComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue"],
37
+ emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
35
38
  setup(__props, { emit: __emit }) {
36
39
  const props = __props;
37
40
  const emits = __emit;
@@ -3,7 +3,7 @@ import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps
3
3
  import { TreeNode } from '../collection';
4
4
  import { PolymorphicProps } from '../factory';
5
5
  import { RootProps } from './tree-view.types';
6
- import { FocusChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails } from '@zag-js/tree-view';
6
+ import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
7
7
  export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
8
8
  }
9
9
  export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>,
@@ -16,19 +16,22 @@ export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
16
16
  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<{
17
17
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
18
18
  readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
19
+ readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
19
20
  readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
20
21
  readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
21
22
  readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
22
23
  readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
24
+ readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
23
25
  readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
24
26
  readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
25
- } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onUpdate:expandedValue" | "onUpdate:selectedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
27
+ readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
28
+ } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
26
29
  expose(exposed: ShallowUnwrapRef<{}>): void;
27
30
  attrs: any;
28
31
  slots: {
29
32
  default?(_: {}): any;
30
33
  };
31
- 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);
34
+ 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);
32
35
  }>) => VNode & {
33
36
  __ctx?: Awaited<typeof __VLS_setup>;
34
37
  };
@@ -3,7 +3,7 @@ import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps
3
3
  import { TreeNode } from '../collection';
4
4
  import { PolymorphicProps } from '../factory';
5
5
  import { RootProps } from './tree-view.types';
6
- import { FocusChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails } from '@zag-js/tree-view';
6
+ import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
7
7
  export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
8
8
  }
9
9
  export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>,
@@ -16,19 +16,22 @@ export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
16
16
  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<{
17
17
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
18
18
  readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
19
+ readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
19
20
  readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
20
21
  readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
21
22
  readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
22
23
  readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
24
+ readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
23
25
  readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
24
26
  readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
25
- } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onUpdate:expandedValue" | "onUpdate:selectedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
27
+ readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
28
+ } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
26
29
  expose(exposed: ShallowUnwrapRef<{}>): void;
27
30
  attrs: any;
28
31
  slots: {
29
32
  default?(_: {}): any;
30
33
  };
31
- 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);
34
+ 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);
32
35
  }>) => VNode & {
33
36
  __ctx?: Awaited<typeof __VLS_setup>;
34
37
  };
@@ -11,6 +11,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
11
11
  collection: {},
12
12
  defaultExpandedValue: {},
13
13
  defaultSelectedValue: {},
14
+ defaultCheckedValue: {},
15
+ defaultFocusedValue: {},
16
+ checkedValue: {},
14
17
  expandOnClick: { type: Boolean },
15
18
  expandedValue: {},
16
19
  focusedValue: {},
@@ -27,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
27
30
  expandOnClick: void 0,
28
31
  typeahead: void 0
29
32
  }),
30
- emits: ["expandedChange", "focusChange", "selectionChange", "loadChildrenComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue"],
33
+ emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
31
34
  setup(__props, { emit: __emit }) {
32
35
  const props = __props;
33
36
  const emits = __emit;
@@ -14,6 +14,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
14
14
  const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view-item-text.vue.cjs');
15
15
  const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view-item.vue.cjs');
16
16
  const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view-label.vue.cjs');
17
+ const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
18
+ const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
17
19
  const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view-node-context.vue.cjs');
18
20
  const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-node-provider.vue.cjs');
19
21
  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
34
36
  exports.ItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
35
37
  exports.Item = treeViewItem_vue_vue_type_script_setup_true_lang.default;
36
38
  exports.Label = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
39
+ exports.NodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
40
+ exports.NodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
37
41
  exports.NodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
38
42
  exports.NodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
39
43
  exports.RootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -11,6 +11,8 @@ export { default as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIn
11
11
  export { default as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.vue';
12
12
  export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.vue';
13
13
  export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
14
+ export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
15
+ export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
14
16
  export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
15
17
  export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
16
18
  export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
@@ -11,6 +11,8 @@ export { default as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIn
11
11
  export { default as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.vue';
12
12
  export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.vue';
13
13
  export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
14
+ export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
15
+ export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
14
16
  export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
15
17
  export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
16
18
  export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
@@ -10,6 +10,8 @@ export { default as ItemIndicator } from './tree-view-item-indicator.vue.js';
10
10
  export { default as ItemText } from './tree-view-item-text.vue.js';
11
11
  export { default as Item } from './tree-view-item.vue.js';
12
12
  export { default as Label } from './tree-view-label.vue.js';
13
+ export { default as NodeCheckbox } from './tree-view-node-checkbox.vue.js';
14
+ export { default as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.vue.js';
13
15
  export { default as NodeContext } from './tree-view-node-context.vue.js';
14
16
  export { default as NodeProvider } from './tree-view-node-provider.vue.js';
15
17
  export { default as RootProvider } from './tree-view-root-provider.vue.js';
@@ -6,22 +6,36 @@ export interface RootProps<T extends TreeNode> {
6
6
  */
7
7
  collection: TreeCollection<T>;
8
8
  /**
9
- * The initial expanded node ids when rendered.
10
- * Use when you don't need to control the expanded node ids.
9
+ * The initial expanded node values when rendered.
10
+ * Use when you don't need to control the expanded node values.
11
11
  */
12
12
  defaultExpandedValue?: string[];
13
13
  /**
14
- * The initial selected node ids when rendered.
15
- * Use when you don't need to control the selected node ids.
14
+ * The initial selected node values when rendered.
15
+ * Use when you don't need to control the selected node values.
16
16
  */
17
17
  defaultSelectedValue?: string[];
18
+ /**
19
+ * The initial checked node values when rendered.
20
+ * Use when you don't need to control the checked node values.
21
+ */
22
+ defaultCheckedValue?: string[];
23
+ /**
24
+ * The initial focused node value when rendered.
25
+ * Use when you don't need to control the focused node value.
26
+ */
27
+ defaultFocusedValue?: string;
28
+ /**
29
+ * The controlled checked node values
30
+ */
31
+ checkedValue?: string[];
18
32
  /**
19
33
  * Whether clicking on a branch should open it or not
20
34
  * @default true
21
35
  */
22
36
  expandOnClick?: boolean;
23
37
  /**
24
- * The controlled expanded node ids
38
+ * The controlled expanded node values
25
39
  */
26
40
  expandedValue?: string[];
27
41
  /**
@@ -42,7 +56,7 @@ export interface RootProps<T extends TreeNode> {
42
56
  node(value: string): string;
43
57
  }>;
44
58
  /**
45
- * The controlled selected node ids
59
+ * The controlled selected node values
46
60
  */
47
61
  selectedValue?: string[];
48
62
  /**
@@ -77,9 +91,17 @@ export type RootEmits<T extends TreeNode> = {
77
91
  */
78
92
  selectionChange: [details: treeView.SelectionChangeDetails];
79
93
  /**
80
- * A function that is called when the children are loaded.
94
+ * Called when the checked value changes
95
+ */
96
+ checkedChange: [details: treeView.CheckedChangeDetails];
97
+ /**
98
+ * A function that is called when the children are loaded successfully.
81
99
  */
82
100
  loadChildrenComplete: [details: treeView.LoadChildrenCompleteDetails<T>];
101
+ /**
102
+ * A function that is called when there is an error loading the children.
103
+ */
104
+ loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
83
105
  /**
84
106
  * Called when the expanded value changes
85
107
  */
@@ -92,4 +114,8 @@ export type RootEmits<T extends TreeNode> = {
92
114
  * Called when the selected value changes
93
115
  */
94
116
  'update:selectedValue': [value: string[]];
117
+ /**
118
+ * Called when the checked value changes
119
+ */
120
+ 'update:checkedValue': [value: string[]];
95
121
  };
@@ -6,22 +6,36 @@ export interface RootProps<T extends TreeNode> {
6
6
  */
7
7
  collection: TreeCollection<T>;
8
8
  /**
9
- * The initial expanded node ids when rendered.
10
- * Use when you don't need to control the expanded node ids.
9
+ * The initial expanded node values when rendered.
10
+ * Use when you don't need to control the expanded node values.
11
11
  */
12
12
  defaultExpandedValue?: string[];
13
13
  /**
14
- * The initial selected node ids when rendered.
15
- * Use when you don't need to control the selected node ids.
14
+ * The initial selected node values when rendered.
15
+ * Use when you don't need to control the selected node values.
16
16
  */
17
17
  defaultSelectedValue?: string[];
18
+ /**
19
+ * The initial checked node values when rendered.
20
+ * Use when you don't need to control the checked node values.
21
+ */
22
+ defaultCheckedValue?: string[];
23
+ /**
24
+ * The initial focused node value when rendered.
25
+ * Use when you don't need to control the focused node value.
26
+ */
27
+ defaultFocusedValue?: string;
28
+ /**
29
+ * The controlled checked node values
30
+ */
31
+ checkedValue?: string[];
18
32
  /**
19
33
  * Whether clicking on a branch should open it or not
20
34
  * @default true
21
35
  */
22
36
  expandOnClick?: boolean;
23
37
  /**
24
- * The controlled expanded node ids
38
+ * The controlled expanded node values
25
39
  */
26
40
  expandedValue?: string[];
27
41
  /**
@@ -42,7 +56,7 @@ export interface RootProps<T extends TreeNode> {
42
56
  node(value: string): string;
43
57
  }>;
44
58
  /**
45
- * The controlled selected node ids
59
+ * The controlled selected node values
46
60
  */
47
61
  selectedValue?: string[];
48
62
  /**
@@ -77,9 +91,17 @@ export type RootEmits<T extends TreeNode> = {
77
91
  */
78
92
  selectionChange: [details: treeView.SelectionChangeDetails];
79
93
  /**
80
- * A function that is called when the children are loaded.
94
+ * Called when the checked value changes
95
+ */
96
+ checkedChange: [details: treeView.CheckedChangeDetails];
97
+ /**
98
+ * A function that is called when the children are loaded successfully.
81
99
  */
82
100
  loadChildrenComplete: [details: treeView.LoadChildrenCompleteDetails<T>];
101
+ /**
102
+ * A function that is called when there is an error loading the children.
103
+ */
104
+ loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
83
105
  /**
84
106
  * Called when the expanded value changes
85
107
  */
@@ -92,4 +114,8 @@ export type RootEmits<T extends TreeNode> = {
92
114
  * Called when the selected value changes
93
115
  */
94
116
  'update:selectedValue': [value: string[]];
117
+ /**
118
+ * Called when the checked value changes
119
+ */
120
+ 'update:checkedValue': [value: string[]];
95
121
  };
@@ -54,9 +54,18 @@ const useTreeView = (props, emit) => {
54
54
  emit?.("update:selectedValue", details.selectedValue);
55
55
  localeProps.onSelectionChange?.(details);
56
56
  },
57
+ onCheckedChange: (details) => {
58
+ emit?.("checkedChange", details);
59
+ emit?.("update:checkedValue", details.checkedValue);
60
+ localeProps.onCheckedChange?.(details);
61
+ },
57
62
  onLoadChildrenComplete: (details) => {
58
63
  emit?.("loadChildrenComplete", details);
59
64
  localeProps.onLoadChildrenComplete?.(details);
65
+ },
66
+ onLoadChildrenError: (details) => {
67
+ emit?.("loadChildrenError", details);
68
+ localeProps.onLoadChildrenError?.(details);
60
69
  }
61
70
  };
62
71
  });
@@ -31,9 +31,18 @@ const useTreeView = (props, emit) => {
31
31
  emit?.("update:selectedValue", details.selectedValue);
32
32
  localeProps.onSelectionChange?.(details);
33
33
  },
34
+ onCheckedChange: (details) => {
35
+ emit?.("checkedChange", details);
36
+ emit?.("update:checkedValue", details.checkedValue);
37
+ localeProps.onCheckedChange?.(details);
38
+ },
34
39
  onLoadChildrenComplete: (details) => {
35
40
  emit?.("loadChildrenComplete", details);
36
41
  localeProps.onLoadChildrenComplete?.(details);
42
+ },
43
+ onLoadChildrenError: (details) => {
44
+ emit?.("loadChildrenError", details);
45
+ localeProps.onLoadChildrenError?.(details);
37
46
  }
38
47
  };
39
48
  });
package/dist/index.cjs CHANGED
@@ -659,6 +659,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./com
659
659
  const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item-text.vue.cjs');
660
660
  const treeViewItem_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item.vue.cjs');
661
661
  const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-label.vue.cjs');
662
+ const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox.vue.cjs');
663
+ const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox-indicator.vue.cjs');
662
664
  const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-context.vue.cjs');
663
665
  const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-provider.vue.cjs');
664
666
  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_
1386
1388
  exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
1387
1389
  exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
1388
1390
  exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
1391
+ exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
1392
+ exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
1389
1393
  exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
1390
1394
  exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
1391
1395
  exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
package/dist/index.js CHANGED
@@ -700,6 +700,8 @@ export { default as TreeViewItemIndicator } from './components/tree-view/tree-vi
700
700
  export { default as TreeViewItemText } from './components/tree-view/tree-view-item-text.vue.js';
701
701
  export { default as TreeViewItem } from './components/tree-view/tree-view-item.vue.js';
702
702
  export { default as TreeViewLabel } from './components/tree-view/tree-view-label.vue.js';
703
+ export { default as TreeViewNodeCheckbox } from './components/tree-view/tree-view-node-checkbox.vue.js';
704
+ export { default as TreeViewNodeCheckboxIndicator } from './components/tree-view/tree-view-node-checkbox-indicator.vue.js';
703
705
  export { default as TreeViewNodeContext } from './components/tree-view/tree-view-node-context.vue.js';
704
706
  export { default as TreeViewNodeProvider } from './components/tree-view/tree-view-node-provider.vue.js';
705
707
  export { default as TreeViewRootProvider } from './components/tree-view/tree-view-root-provider.vue.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/vue",
3
3
  "type": "module",
4
- "version": "5.14.2",
4
+ "version": "5.15.0",
5
5
  "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -140,60 +140,60 @@
140
140
  "sideEffects": false,
141
141
  "dependencies": {
142
142
  "@internationalized/date": "3.8.2",
143
- "@zag-js/accordion": "1.15.7",
144
- "@zag-js/angle-slider": "1.15.7",
145
- "@zag-js/anatomy": "1.15.7",
146
- "@zag-js/auto-resize": "1.15.7",
147
- "@zag-js/avatar": "1.15.7",
148
- "@zag-js/carousel": "1.15.7",
149
- "@zag-js/checkbox": "1.15.7",
150
- "@zag-js/clipboard": "1.15.7",
151
- "@zag-js/collapsible": "1.15.7",
152
- "@zag-js/collection": "1.15.7",
153
- "@zag-js/color-picker": "1.15.7",
154
- "@zag-js/combobox": "1.15.7",
155
- "@zag-js/date-picker": "1.15.7",
156
- "@zag-js/dialog": "1.15.7",
157
- "@zag-js/dom-query": "1.15.7",
158
- "@zag-js/editable": "1.15.7",
159
- "@zag-js/file-upload": "1.15.7",
160
- "@zag-js/file-utils": "1.15.7",
161
- "@zag-js/focus-trap": "1.15.7",
162
- "@zag-js/floating-panel": "1.15.7",
163
- "@zag-js/highlight-word": "1.15.7",
164
- "@zag-js/hover-card": "1.15.7",
165
- "@zag-js/i18n-utils": "1.15.7",
166
- "@zag-js/listbox": "1.15.7",
167
- "@zag-js/menu": "1.15.7",
168
- "@zag-js/number-input": "1.15.7",
169
- "@zag-js/pagination": "1.15.7",
170
- "@zag-js/pin-input": "1.15.7",
171
- "@zag-js/popover": "1.15.7",
172
- "@zag-js/presence": "1.15.7",
173
- "@zag-js/progress": "1.15.7",
174
- "@zag-js/qr-code": "1.15.7",
175
- "@zag-js/radio-group": "1.15.7",
176
- "@zag-js/rating-group": "1.15.7",
177
- "@zag-js/select": "1.15.7",
178
- "@zag-js/signature-pad": "1.15.7",
179
- "@zag-js/slider": "1.15.7",
180
- "@zag-js/splitter": "1.15.7",
181
- "@zag-js/switch": "1.15.7",
182
- "@zag-js/tabs": "1.15.7",
183
- "@zag-js/tags-input": "1.15.7",
184
- "@zag-js/time-picker": "1.15.7",
185
- "@zag-js/timer": "1.15.7",
186
- "@zag-js/toast": "1.15.7",
187
- "@zag-js/toggle": "1.15.7",
188
- "@zag-js/toggle-group": "1.15.7",
189
- "@zag-js/tooltip": "1.15.7",
190
- "@zag-js/tour": "1.15.7",
191
- "@zag-js/tree-view": "1.15.7",
192
- "@zag-js/types": "1.15.7",
193
- "@zag-js/utils": "1.15.7",
194
- "@zag-js/steps": "1.15.7",
195
- "@zag-js/store": "1.15.7",
196
- "@zag-js/vue": "1.15.7"
143
+ "@zag-js/accordion": "1.17.0",
144
+ "@zag-js/angle-slider": "1.17.0",
145
+ "@zag-js/anatomy": "1.17.0",
146
+ "@zag-js/auto-resize": "1.17.0",
147
+ "@zag-js/avatar": "1.17.0",
148
+ "@zag-js/carousel": "1.17.0",
149
+ "@zag-js/checkbox": "1.17.0",
150
+ "@zag-js/clipboard": "1.17.0",
151
+ "@zag-js/collapsible": "1.17.0",
152
+ "@zag-js/collection": "1.17.0",
153
+ "@zag-js/color-picker": "1.17.0",
154
+ "@zag-js/combobox": "1.17.0",
155
+ "@zag-js/date-picker": "1.17.0",
156
+ "@zag-js/dialog": "1.17.0",
157
+ "@zag-js/dom-query": "1.17.0",
158
+ "@zag-js/editable": "1.17.0",
159
+ "@zag-js/file-upload": "1.17.0",
160
+ "@zag-js/file-utils": "1.17.0",
161
+ "@zag-js/focus-trap": "1.17.0",
162
+ "@zag-js/floating-panel": "1.17.0",
163
+ "@zag-js/highlight-word": "1.17.0",
164
+ "@zag-js/hover-card": "1.17.0",
165
+ "@zag-js/i18n-utils": "1.17.0",
166
+ "@zag-js/listbox": "1.17.0",
167
+ "@zag-js/menu": "1.17.0",
168
+ "@zag-js/number-input": "1.17.0",
169
+ "@zag-js/pagination": "1.17.0",
170
+ "@zag-js/pin-input": "1.17.0",
171
+ "@zag-js/popover": "1.17.0",
172
+ "@zag-js/presence": "1.17.0",
173
+ "@zag-js/progress": "1.17.0",
174
+ "@zag-js/qr-code": "1.17.0",
175
+ "@zag-js/radio-group": "1.17.0",
176
+ "@zag-js/rating-group": "1.17.0",
177
+ "@zag-js/select": "1.17.0",
178
+ "@zag-js/signature-pad": "1.17.0",
179
+ "@zag-js/slider": "1.17.0",
180
+ "@zag-js/splitter": "1.17.0",
181
+ "@zag-js/switch": "1.17.0",
182
+ "@zag-js/tabs": "1.17.0",
183
+ "@zag-js/tags-input": "1.17.0",
184
+ "@zag-js/time-picker": "1.17.0",
185
+ "@zag-js/timer": "1.17.0",
186
+ "@zag-js/toast": "1.17.0",
187
+ "@zag-js/toggle": "1.17.0",
188
+ "@zag-js/toggle-group": "1.17.0",
189
+ "@zag-js/tooltip": "1.17.0",
190
+ "@zag-js/tour": "1.17.0",
191
+ "@zag-js/tree-view": "1.17.0",
192
+ "@zag-js/types": "1.17.0",
193
+ "@zag-js/utils": "1.17.0",
194
+ "@zag-js/steps": "1.17.0",
195
+ "@zag-js/store": "1.17.0",
196
+ "@zag-js/vue": "1.17.0"
197
197
  },
198
198
  "devDependencies": {
199
199
  "@biomejs/biome": "1.9.4",