@ark-ui/vue 5.14.2 → 5.15.1

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 (49) hide show
  1. package/dist/components/index.cjs +6 -0
  2. package/dist/components/index.js +3 -0
  3. package/dist/components/listbox/index.cjs +2 -0
  4. package/dist/components/listbox/index.d.cts +1 -0
  5. package/dist/components/listbox/index.d.ts +1 -0
  6. package/dist/components/listbox/index.js +1 -0
  7. package/dist/components/listbox/listbox-item-context.vue.cjs +18 -0
  8. package/dist/components/listbox/listbox-item-context.vue.d.cts +17 -0
  9. package/dist/components/listbox/listbox-item-context.vue.d.ts +17 -0
  10. package/dist/components/listbox/listbox-item-context.vue.js +14 -0
  11. package/dist/components/listbox/listbox-item-context.vue2.cjs +9 -0
  12. package/dist/components/listbox/listbox-item-context.vue2.js +5 -0
  13. package/dist/components/listbox/listbox.cjs +2 -0
  14. package/dist/components/listbox/listbox.d.cts +1 -0
  15. package/dist/components/listbox/listbox.d.ts +1 -0
  16. package/dist/components/listbox/listbox.js +1 -0
  17. package/dist/components/password-input/password-input-context.vue.d.cts +6 -6
  18. package/dist/components/password-input/password-input-context.vue.d.ts +6 -6
  19. package/dist/components/tree-view/index.cjs +4 -0
  20. package/dist/components/tree-view/index.d.cts +2 -0
  21. package/dist/components/tree-view/index.d.ts +2 -0
  22. package/dist/components/tree-view/index.js +2 -0
  23. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.cjs +22 -0
  24. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.cts +22 -0
  25. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.d.ts +22 -0
  26. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue.js +18 -0
  27. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.cjs +9 -0
  28. package/dist/components/tree-view/tree-view-node-checkbox-indicator.vue2.js +5 -0
  29. package/dist/components/tree-view/tree-view-node-checkbox.vue.cjs +31 -0
  30. package/dist/components/tree-view/tree-view-node-checkbox.vue.d.cts +19 -0
  31. package/dist/components/tree-view/tree-view-node-checkbox.vue.d.ts +19 -0
  32. package/dist/components/tree-view/tree-view-node-checkbox.vue.js +27 -0
  33. package/dist/components/tree-view/tree-view-node-checkbox.vue2.cjs +9 -0
  34. package/dist/components/tree-view/tree-view-node-checkbox.vue2.js +5 -0
  35. package/dist/components/tree-view/tree-view-root.vue.cjs +4 -1
  36. package/dist/components/tree-view/tree-view-root.vue.d.cts +6 -3
  37. package/dist/components/tree-view/tree-view-root.vue.d.ts +6 -3
  38. package/dist/components/tree-view/tree-view-root.vue.js +4 -1
  39. package/dist/components/tree-view/tree-view.cjs +4 -0
  40. package/dist/components/tree-view/tree-view.d.cts +2 -0
  41. package/dist/components/tree-view/tree-view.d.ts +2 -0
  42. package/dist/components/tree-view/tree-view.js +2 -0
  43. package/dist/components/tree-view/tree-view.types.d.cts +33 -7
  44. package/dist/components/tree-view/tree-view.types.d.ts +33 -7
  45. package/dist/components/tree-view/use-tree-view.cjs +9 -0
  46. package/dist/components/tree-view/use-tree-view.js +9 -0
  47. package/dist/index.cjs +6 -0
  48. package/dist/index.js +3 -0
  49. package/package.json +55 -55
@@ -285,6 +285,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox/li
285
285
  const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-content.vue.cjs');
286
286
  const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-input.vue.cjs');
287
287
  const listboxItem_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item.vue.cjs');
288
+ const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-context.vue.cjs');
288
289
  const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-group.vue.cjs');
289
290
  const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-group-label.vue.cjs');
290
291
  const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-indicator.vue.cjs');
@@ -659,6 +660,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./tre
659
660
  const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item-text.vue.cjs');
660
661
  const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-item.vue.cjs');
661
662
  const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-label.vue.cjs');
663
+ const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox.vue.cjs');
664
+ const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox-indicator.vue.cjs');
662
665
  const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-context.vue.cjs');
663
666
  const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-provider.vue.cjs');
664
667
  const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-root-provider.vue.cjs');
@@ -999,6 +1002,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
999
1002
  exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
1000
1003
  exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
1001
1004
  exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
1005
+ exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
1002
1006
  exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
1003
1007
  exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
1004
1008
  exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
@@ -1377,6 +1381,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
1377
1381
  exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
1378
1382
  exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
1379
1383
  exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
1384
+ exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
1385
+ exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
1380
1386
  exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
1381
1387
  exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
1382
1388
  exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -299,6 +299,7 @@ export { default as ListboxContext } from './listbox/listbox-context.vue.js';
299
299
  export { default as ListboxContent } from './listbox/listbox-content.vue.js';
300
300
  export { default as ListboxInput } from './listbox/listbox-input.vue.js';
301
301
  export { default as ListboxItem } from './listbox/listbox-item.vue.js';
302
+ export { default as ListboxItemContext } from './listbox/listbox-item-context.vue.js';
302
303
  export { default as ListboxItemGroup } from './listbox/listbox-item-group.vue.js';
303
304
  export { default as ListboxItemGroupLabel } from './listbox/listbox-item-group-label.vue.js';
304
305
  export { default as ListboxItemIndicator } from './listbox/listbox-item-indicator.vue.js';
@@ -700,6 +701,8 @@ export { default as TreeViewItemIndicator } from './tree-view/tree-view-item-ind
700
701
  export { default as TreeViewItemText } from './tree-view/tree-view-item-text.vue.js';
701
702
  export { default as TreeViewItem } from './tree-view/tree-view-item.vue.js';
702
703
  export { default as TreeViewLabel } from './tree-view/tree-view-label.vue.js';
704
+ export { default as TreeViewNodeCheckbox } from './tree-view/tree-view-node-checkbox.vue.js';
705
+ export { default as TreeViewNodeCheckboxIndicator } from './tree-view/tree-view-node-checkbox-indicator.vue.js';
703
706
  export { default as TreeViewNodeContext } from './tree-view/tree-view-node-context.vue.js';
704
707
  export { default as TreeViewNodeProvider } from './tree-view/tree-view-node-provider.vue.js';
705
708
  export { default as TreeViewRootProvider } from './tree-view/tree-view-root-provider.vue.js';
@@ -7,6 +7,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox-co
7
7
  const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox-content.vue.cjs');
8
8
  const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox-input.vue.cjs');
9
9
  const listboxItem_vue_vue_type_script_setup_true_lang = require('./listbox-item.vue.cjs');
10
+ const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
10
11
  const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox-item-group.vue.cjs');
11
12
  const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox-item-group-label.vue.cjs');
12
13
  const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox-item-indicator.vue.cjs');
@@ -28,6 +29,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
28
29
  exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
29
30
  exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
30
31
  exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
32
+ exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
31
33
  exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
32
34
  exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
33
35
  exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
@@ -4,6 +4,7 @@ export { default as ListboxContext, type ListboxContextProps } from './listbox-c
4
4
  export { default as ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, } from './listbox-content.vue';
5
5
  export { default as ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.vue';
6
6
  export { default as ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.vue';
7
+ export { default as ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.vue';
7
8
  export { default as ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps, } from './listbox-item-group.vue';
8
9
  export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label.vue';
9
10
  export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';
@@ -4,6 +4,7 @@ export { default as ListboxContext, type ListboxContextProps } from './listbox-c
4
4
  export { default as ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, } from './listbox-content.vue';
5
5
  export { default as ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.vue';
6
6
  export { default as ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.vue';
7
+ export { default as ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.vue';
7
8
  export { default as ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps, } from './listbox-item-group.vue';
8
9
  export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label.vue';
9
10
  export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';
@@ -3,6 +3,7 @@ export { default as ListboxContext } from './listbox-context.vue.js';
3
3
  export { default as ListboxContent } from './listbox-content.vue.js';
4
4
  export { default as ListboxInput } from './listbox-input.vue.js';
5
5
  export { default as ListboxItem } from './listbox-item.vue.js';
6
+ export { default as ListboxItemContext } from './listbox-item-context.vue.js';
6
7
  export { default as ListboxItemGroup } from './listbox-item-group.vue.js';
7
8
  export { default as ListboxItemGroupLabel } from './listbox-item-group-label.vue.js';
8
9
  export { default as ListboxItemIndicator } from './listbox-item-indicator.vue.js';
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const useListboxItemContext = require('./use-listbox-item-context.cjs');
7
+
8
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
9
+ __name: "listbox-item-context",
10
+ setup(__props) {
11
+ const context = useListboxItemContext.useListboxItemContext();
12
+ return (_ctx, _cache) => {
13
+ return vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(context))));
14
+ };
15
+ }
16
+ });
17
+
18
+ exports.default = _sfc_main;
@@ -0,0 +1,17 @@
1
+ import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { UseListboxItemContext } from './use-listbox-item-context';
3
+ export interface ListboxItemContextProps extends SlotsType<{
4
+ default: UnwrapRef<UseListboxItemContext>;
5
+ }> {
6
+ }
7
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
8
+ default(context: UnwrapRef<UseListboxItemContext>): unknown;
9
+ }> & {
10
+ default(context: UnwrapRef<UseListboxItemContext>): unknown;
11
+ }>;
12
+ export default _default;
13
+ type __VLS_WithTemplateSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -0,0 +1,17 @@
1
+ import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { UseListboxItemContext } from './use-listbox-item-context';
3
+ export interface ListboxItemContextProps extends SlotsType<{
4
+ default: UnwrapRef<UseListboxItemContext>;
5
+ }> {
6
+ }
7
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
8
+ default(context: UnwrapRef<UseListboxItemContext>): unknown;
9
+ }> & {
10
+ default(context: UnwrapRef<UseListboxItemContext>): unknown;
11
+ }>;
12
+ export default _default;
13
+ type __VLS_WithTemplateSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -0,0 +1,14 @@
1
+ import { defineComponent, renderSlot, normalizeProps, guardReactiveProps, unref } from 'vue';
2
+ import { useListboxItemContext } from './use-listbox-item-context.js';
3
+
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "listbox-item-context",
6
+ setup(__props) {
7
+ const context = useListboxItemContext();
8
+ return (_ctx, _cache) => {
9
+ return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(context))));
10
+ };
11
+ }
12
+ });
13
+
14
+ 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 listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './listbox-item-context.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox-context.vue.cjs');
6
6
  const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox-content.vue.cjs');
7
7
  const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox-input.vue.cjs');
8
+ const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
8
9
  const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox-item-group-label.vue.cjs');
9
10
  const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox-item-group.vue.cjs');
10
11
  const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox-item-indicator.vue.cjs');
@@ -20,6 +21,7 @@ const listboxValueText_vue_vue_type_script_setup_true_lang = require('./listbox-
20
21
  exports.Context = listboxContext_vue_vue_type_script_setup_true_lang.default;
21
22
  exports.Content = listboxContent_vue_vue_type_script_setup_true_lang.default;
22
23
  exports.Input = listboxInput_vue_vue_type_script_setup_true_lang.default;
24
+ exports.ItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
23
25
  exports.ItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
24
26
  exports.ItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
25
27
  exports.ItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, Se
2
2
  export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
3
3
  export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
4
4
  export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
5
+ export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
5
6
  export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';
6
7
  export { default as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group.vue';
7
8
  export { default as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator.vue';
@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, Se
2
2
  export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
3
3
  export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
4
4
  export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
5
+ export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
5
6
  export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';
6
7
  export { default as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group.vue';
7
8
  export { default as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator.vue';
@@ -1,6 +1,7 @@
1
1
  export { default as Context } from './listbox-context.vue.js';
2
2
  export { default as Content } from './listbox-content.vue.js';
3
3
  export { default as Input } from './listbox-input.vue.js';
4
+ export { default as ItemContext } from './listbox-item-context.vue.js';
4
5
  export { default as ItemGroupLabel } from './listbox-item-group-label.vue.js';
5
6
  export { default as ItemGroup } from './listbox-item-group.vue.js';
6
7
  export { default as ItemIndicator } from './listbox-item-indicator.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
@@ -285,6 +285,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./components
285
285
  const listboxContent_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-content.vue.cjs');
286
286
  const listboxInput_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-input.vue.cjs');
287
287
  const listboxItem_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item.vue.cjs');
288
+ const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-context.vue.cjs');
288
289
  const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-group.vue.cjs');
289
290
  const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-group-label.vue.cjs');
290
291
  const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-indicator.vue.cjs');
@@ -659,6 +660,8 @@ const treeViewItemIndicator_vue_vue_type_script_setup_true_lang = require('./com
659
660
  const treeViewItemText_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item-text.vue.cjs');
660
661
  const treeViewItem_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-item.vue.cjs');
661
662
  const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-label.vue.cjs');
663
+ const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox.vue.cjs');
664
+ const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox-indicator.vue.cjs');
662
665
  const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-context.vue.cjs');
663
666
  const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-provider.vue.cjs');
664
667
  const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-root-provider.vue.cjs');
@@ -1008,6 +1011,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
1008
1011
  exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
1009
1012
  exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
1010
1013
  exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
1014
+ exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
1011
1015
  exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
1012
1016
  exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
1013
1017
  exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
@@ -1386,6 +1390,8 @@ exports.TreeViewItemIndicator = treeViewItemIndicator_vue_vue_type_script_setup_
1386
1390
  exports.TreeViewItemText = treeViewItemText_vue_vue_type_script_setup_true_lang.default;
1387
1391
  exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
1388
1392
  exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
1393
+ exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
1394
+ exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
1389
1395
  exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
1390
1396
  exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
1391
1397
  exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
package/dist/index.js CHANGED
@@ -299,6 +299,7 @@ export { default as ListboxContext } from './components/listbox/listbox-context.
299
299
  export { default as ListboxContent } from './components/listbox/listbox-content.vue.js';
300
300
  export { default as ListboxInput } from './components/listbox/listbox-input.vue.js';
301
301
  export { default as ListboxItem } from './components/listbox/listbox-item.vue.js';
302
+ export { default as ListboxItemContext } from './components/listbox/listbox-item-context.vue.js';
302
303
  export { default as ListboxItemGroup } from './components/listbox/listbox-item-group.vue.js';
303
304
  export { default as ListboxItemGroupLabel } from './components/listbox/listbox-item-group-label.vue.js';
304
305
  export { default as ListboxItemIndicator } from './components/listbox/listbox-item-indicator.vue.js';
@@ -700,6 +701,8 @@ export { default as TreeViewItemIndicator } from './components/tree-view/tree-vi
700
701
  export { default as TreeViewItemText } from './components/tree-view/tree-view-item-text.vue.js';
701
702
  export { default as TreeViewItem } from './components/tree-view/tree-view-item.vue.js';
702
703
  export { default as TreeViewLabel } from './components/tree-view/tree-view-label.vue.js';
704
+ export { default as TreeViewNodeCheckbox } from './components/tree-view/tree-view-node-checkbox.vue.js';
705
+ export { default as TreeViewNodeCheckboxIndicator } from './components/tree-view/tree-view-node-checkbox-indicator.vue.js';
703
706
  export { default as TreeViewNodeContext } from './components/tree-view/tree-view-node-context.vue.js';
704
707
  export { default as TreeViewNodeProvider } from './components/tree-view/tree-view-node-provider.vue.js';
705
708
  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.1",
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",