@ark-ui/vue 5.17.0 → 5.18.0

package/dist/components/collection/index.cjs

@@ -6,6 +6,7 @@ const gridCollection = require('./grid-collection.cjs');
 const listCollection = require('./list-collection.cjs');
 const treeCollection = require('./tree-collection.cjs');
 const useListCollection = require('./use-list-collection.cjs');
+const useListSelection = require('./use-list-selection.cjs');
 
 
 
@@ -14,3 +15,4 @@ exports.createListCollection = listCollection.createListCollection;
 exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
 exports.createTreeCollection = treeCollection.createTreeCollection;
 exports.useListCollection = useListCollection.useListCollection;
+exports.useListSelection = useListSelection.useListSelection;

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

@@ -2,3 +2,4 @@ export { createGridCollection, type GridCollection, type GridCollectionOptions }
 export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
 export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
 export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
+export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection';

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

@@ -2,3 +2,4 @@ export { createGridCollection, type GridCollection, type GridCollectionOptions }
 export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
 export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
 export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
+export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection';

package/dist/components/collection/index.js

@@ -2,3 +2,4 @@ export { createGridCollection } from './grid-collection.js';
 export { createListCollection } from './list-collection.js';
 export { createFileTreeCollection, createTreeCollection } from './tree-collection.js';
 export { useListCollection } from './use-list-collection.js';
+export { useListSelection } from './use-list-selection.js';

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

@@ -1,4 +1,4 @@
-import { filePathToTree, TreeCollection } from '@zag-js/collection';
+import { TreeCollection, filePathToTree } from '@zag-js/collection';
 
 const createTreeCollection = (options) => new TreeCollection(options);
 const createFileTreeCollection = (paths) => filePathToTree(paths);

package/dist/components/collection/use-list-selection.cjs

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const collection = require('@zag-js/collection');
+const vue = require('vue');
+
+function useListSelection(props) {
+  const resolvedProps = vue.computed(() => {
+    const {
+      collection,
+      selectionMode = "single",
+      deselectable = true,
+      initialSelectedValues = [],
+      resetOnCollectionChange = false
+    } = vue.toValue(props);
+    return { collection, selectionMode, deselectable, initialSelectedValues, resetOnCollectionChange };
+  });
+  const createSelection = (values = []) => {
+    const { selectionMode, deselectable } = resolvedProps.value;
+    const selection2 = new collection.Selection(values);
+    selection2.selectionMode = selectionMode;
+    selection2.deselectable = deselectable;
+    return selection2;
+  };
+  const init = () => {
+    const { initialSelectedValues } = resolvedProps.value;
+    return createSelection(initialSelectedValues);
+  };
+  const selection = vue.shallowRef(init());
+  vue.watch(
+    [() => resolvedProps.value.collection.getValues(), () => resolvedProps.value.resetOnCollectionChange],
+    ([, resetOnCollectionChange]) => {
+      if (resetOnCollectionChange) {
+        selection.value = createSelection();
+      }
+    }
+  );
+  const selectedValues = vue.computed(() => Array.from(selection.value));
+  const isEmpty = vue.computed(() => selection.value.isEmpty());
+  const firstSelectedValue = vue.computed(() => {
+    const { collection } = resolvedProps.value;
+    return selection.value.firstSelectedValue(collection);
+  });
+  const lastSelectedValue = vue.computed(() => {
+    const { collection } = resolvedProps.value;
+    return selection.value.lastSelectedValue(collection);
+  });
+  return {
+    selectedValues,
+    isEmpty,
+    firstSelectedValue,
+    lastSelectedValue,
+    isSelected: (value) => {
+      return selection.value.isSelected(value);
+    },
+    isAllSelected: () => {
+      const { collection } = resolvedProps.value;
+      const allValues = collection.getValues();
+      return allValues.length > 0 && allValues.every((value) => selection.value.isSelected(value));
+    },
+    isSomeSelected: () => {
+      const { collection } = resolvedProps.value;
+      const allValues = collection.getValues();
+      return allValues.some((value) => selection.value.isSelected(value));
+    },
+    canSelect: (value) => {
+      const { collection } = resolvedProps.value;
+      return selection.value.canSelect(collection, value);
+    },
+    select: (value, forceToggle) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.select(collection, value, forceToggle);
+    },
+    deselect: (value) => {
+      selection.value = selection.value.deselect(value);
+    },
+    toggle: (value) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.toggleSelection(collection, value);
+    },
+    replace: (value) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.replaceSelection(collection, value);
+    },
+    extend: (anchorValue, targetValue) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.extendSelection(collection, anchorValue, targetValue);
+    },
+    setSelectedValues: (values) => {
+      selection.value = selection.value.setSelection(values);
+    },
+    clear: () => {
+      selection.value = selection.value.clearSelection();
+    },
+    resetSelection: () => {
+      selection.value = createSelection();
+    },
+    setSelection: (newSelection) => {
+      selection.value = selection.value.setSelection(newSelection);
+    },
+    setSelectionMode: (mode) => {
+      const newSelection = selection.value.copy();
+      newSelection.selectionMode = mode;
+      selection.value = newSelection;
+    },
+    setDeselectable: (deselectable) => {
+      const newSelection = selection.value.copy();
+      newSelection.deselectable = deselectable;
+      selection.value = newSelection;
+    }
+  };
+}
+
+exports.useListSelection = useListSelection;

package/dist/components/collection/use-list-selection.d.cts

@@ -0,0 +1,104 @@
+import { SelectionMode } from '@zag-js/collection';
+import { MaybeRef, Ref } from 'vue';
+import { CollectionItem, ListCollection } from './list-collection';
+export interface UseListSelectionProps<T extends CollectionItem> {
+    /**
+     * The selection mode.
+     */
+    selectionMode?: SelectionMode;
+    /**
+     * Whether the selection is deselectable.
+     */
+    deselectable?: boolean;
+    /**
+     * The initial selected values.
+     */
+    initialSelectedValues?: string[];
+    /**
+     * Whether to reset the selection when the collection changes.
+     */
+    resetOnCollectionChange?: boolean;
+    /**
+     * The collection to use.
+     */
+    collection: ListCollection<T>;
+}
+export declare function useListSelection<T extends CollectionItem>(props: MaybeRef<UseListSelectionProps<T>>): UseListSelectionReturn;
+export interface UseListSelectionReturn {
+    /**
+     * The selected values as an array.
+     */
+    selectedValues: Ref<string[]>;
+    /**
+     * Whether the selection is empty.
+     */
+    isEmpty: Ref<boolean>;
+    /**
+     * The first selected value.
+     */
+    firstSelectedValue: Ref<string | null>;
+    /**
+     * The last selected value.
+     */
+    lastSelectedValue: Ref<string | null>;
+    /**
+     * Check if a value is selected.
+     */
+    isSelected: (value: string | null) => boolean;
+    /**
+     * Check if a value can be selected.
+     */
+    canSelect: (value: string) => boolean;
+    /**
+     * Select a value.
+     */
+    select: (value: string, forceToggle?: boolean) => void;
+    /**
+     * Deselect a value.
+     */
+    deselect: (value: string) => void;
+    /**
+     * Toggle selection of a value.
+     */
+    toggle: (value: string) => void;
+    /**
+     * Replace the selection with a single value.
+     */
+    replace: (value: string | null) => void;
+    /**
+     * Extend the selection from anchor to target.
+     */
+    extend: (anchorValue: string, targetValue: string) => void;
+    /**
+     * Set the selected values.
+     */
+    setSelectedValues: (values: string[]) => void;
+    /**
+     * Clear the selection.
+     */
+    clear: () => void;
+    /**
+     * Clear all selections.
+     */
+    resetSelection: () => void;
+    /**
+     * Returns true if all items from the collection are selected.
+     */
+    isAllSelected: () => boolean;
+    /**
+     * Returns true if at least one item from the collection is selected.
+     */
+    isSomeSelected: () => boolean;
+    /**
+     * Set the selection to a specific array of items.
+     */
+    setSelection: (selection: string[]) => void;
+    /**
+     * Set the selection mode.
+     */
+    setSelectionMode: (mode: SelectionMode) => void;
+    /**
+     * Set whether the selection is deselectable.
+     */
+    setDeselectable: (deselectable: boolean) => void;
+}

package/dist/components/collection/use-list-selection.d.ts

@@ -0,0 +1,104 @@
+import { SelectionMode } from '@zag-js/collection';
+import { MaybeRef, Ref } from 'vue';
+import { CollectionItem, ListCollection } from './list-collection';
+export interface UseListSelectionProps<T extends CollectionItem> {
+    /**
+     * The selection mode.
+     */
+    selectionMode?: SelectionMode;
+    /**
+     * Whether the selection is deselectable.
+     */
+    deselectable?: boolean;
+    /**
+     * The initial selected values.
+     */
+    initialSelectedValues?: string[];
+    /**
+     * Whether to reset the selection when the collection changes.
+     */
+    resetOnCollectionChange?: boolean;
+    /**
+     * The collection to use.
+     */
+    collection: ListCollection<T>;
+}
+export declare function useListSelection<T extends CollectionItem>(props: MaybeRef<UseListSelectionProps<T>>): UseListSelectionReturn;
+export interface UseListSelectionReturn {
+    /**
+     * The selected values as an array.
+     */
+    selectedValues: Ref<string[]>;
+    /**
+     * Whether the selection is empty.
+     */
+    isEmpty: Ref<boolean>;
+    /**
+     * The first selected value.
+     */
+    firstSelectedValue: Ref<string | null>;
+    /**
+     * The last selected value.
+     */
+    lastSelectedValue: Ref<string | null>;
+    /**
+     * Check if a value is selected.
+     */
+    isSelected: (value: string | null) => boolean;
+    /**
+     * Check if a value can be selected.
+     */
+    canSelect: (value: string) => boolean;
+    /**
+     * Select a value.
+     */
+    select: (value: string, forceToggle?: boolean) => void;
+    /**
+     * Deselect a value.
+     */
+    deselect: (value: string) => void;
+    /**
+     * Toggle selection of a value.
+     */
+    toggle: (value: string) => void;
+    /**
+     * Replace the selection with a single value.
+     */
+    replace: (value: string | null) => void;
+    /**
+     * Extend the selection from anchor to target.
+     */
+    extend: (anchorValue: string, targetValue: string) => void;
+    /**
+     * Set the selected values.
+     */
+    setSelectedValues: (values: string[]) => void;
+    /**
+     * Clear the selection.
+     */
+    clear: () => void;
+    /**
+     * Clear all selections.
+     */
+    resetSelection: () => void;
+    /**
+     * Returns true if all items from the collection are selected.
+     */
+    isAllSelected: () => boolean;
+    /**
+     * Returns true if at least one item from the collection is selected.
+     */
+    isSomeSelected: () => boolean;
+    /**
+     * Set the selection to a specific array of items.
+     */
+    setSelection: (selection: string[]) => void;
+    /**
+     * Set the selection mode.
+     */
+    setSelectionMode: (mode: SelectionMode) => void;
+    /**
+     * Set whether the selection is deselectable.
+     */
+    setDeselectable: (deselectable: boolean) => void;
+}

package/dist/components/collection/use-list-selection.js

@@ -0,0 +1,111 @@
+import { Selection } from '@zag-js/collection';
+import { computed, toValue, shallowRef, watch } from 'vue';
+
+function useListSelection(props) {
+  const resolvedProps = computed(() => {
+    const {
+      collection,
+      selectionMode = "single",
+      deselectable = true,
+      initialSelectedValues = [],
+      resetOnCollectionChange = false
+    } = toValue(props);
+    return { collection, selectionMode, deselectable, initialSelectedValues, resetOnCollectionChange };
+  });
+  const createSelection = (values = []) => {
+    const { selectionMode, deselectable } = resolvedProps.value;
+    const selection2 = new Selection(values);
+    selection2.selectionMode = selectionMode;
+    selection2.deselectable = deselectable;
+    return selection2;
+  };
+  const init = () => {
+    const { initialSelectedValues } = resolvedProps.value;
+    return createSelection(initialSelectedValues);
+  };
+  const selection = shallowRef(init());
+  watch(
+    [() => resolvedProps.value.collection.getValues(), () => resolvedProps.value.resetOnCollectionChange],
+    ([, resetOnCollectionChange]) => {
+      if (resetOnCollectionChange) {
+        selection.value = createSelection();
+      }
+    }
+  );
+  const selectedValues = computed(() => Array.from(selection.value));
+  const isEmpty = computed(() => selection.value.isEmpty());
+  const firstSelectedValue = computed(() => {
+    const { collection } = resolvedProps.value;
+    return selection.value.firstSelectedValue(collection);
+  });
+  const lastSelectedValue = computed(() => {
+    const { collection } = resolvedProps.value;
+    return selection.value.lastSelectedValue(collection);
+  });
+  return {
+    selectedValues,
+    isEmpty,
+    firstSelectedValue,
+    lastSelectedValue,
+    isSelected: (value) => {
+      return selection.value.isSelected(value);
+    },
+    isAllSelected: () => {
+      const { collection } = resolvedProps.value;
+      const allValues = collection.getValues();
+      return allValues.length > 0 && allValues.every((value) => selection.value.isSelected(value));
+    },
+    isSomeSelected: () => {
+      const { collection } = resolvedProps.value;
+      const allValues = collection.getValues();
+      return allValues.some((value) => selection.value.isSelected(value));
+    },
+    canSelect: (value) => {
+      const { collection } = resolvedProps.value;
+      return selection.value.canSelect(collection, value);
+    },
+    select: (value, forceToggle) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.select(collection, value, forceToggle);
+    },
+    deselect: (value) => {
+      selection.value = selection.value.deselect(value);
+    },
+    toggle: (value) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.toggleSelection(collection, value);
+    },
+    replace: (value) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.replaceSelection(collection, value);
+    },
+    extend: (anchorValue, targetValue) => {
+      const { collection } = resolvedProps.value;
+      selection.value = selection.value.extendSelection(collection, anchorValue, targetValue);
+    },
+    setSelectedValues: (values) => {
+      selection.value = selection.value.setSelection(values);
+    },
+    clear: () => {
+      selection.value = selection.value.clearSelection();
+    },
+    resetSelection: () => {
+      selection.value = createSelection();
+    },
+    setSelection: (newSelection) => {
+      selection.value = selection.value.setSelection(newSelection);
+    },
+    setSelectionMode: (mode) => {
+      const newSelection = selection.value.copy();
+      newSelection.selectionMode = mode;
+      selection.value = newSelection;
+    },
+    setDeselectable: (deselectable) => {
+      const newSelection = selection.value.copy();
+      newSelection.deselectable = deselectable;
+      selection.value = newSelection;
+    }
+  };
+}
+
+export { useListSelection };

package/dist/components/file-upload/file-upload-root.vue.cjs

@@ -12,6 +12,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "file-upload-root",
   props: /* @__PURE__ */ vue.mergeDefaults({
     accept: {},
+    defaultAcceptedFiles: {},
     allowDrop: { type: Boolean },
     capture: {},
     directory: { type: Boolean },
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     preventDocumentDrop: void 0,
     required: void 0
   }),
-  emits: ["fileAccept", "fileChange", "fileReject"],
+  emits: ["update:acceptedFiles", "fileAccept", "fileChange", "fileReject"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/file-upload/file-upload-root.vue.d.cts

@@ -13,10 +13,12 @@ HTMLAttributes {
 export interface FileUploadRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:acceptedFiles": (files: File[]) => any;
     fileAccept: (details: FileAcceptDetails) => any;
     fileChange: (details: FileChangeDetails) => any;
     fileReject: (details: FileRejectDetails) => any;
 }, string, PublicProps, Readonly<FileUploadRootProps> & Readonly<{
+    "onUpdate:acceptedFiles"?: ((files: File[]) => any) | undefined;
     onFileAccept?: ((details: FileAcceptDetails) => any) | undefined;
     onFileChange?: ((details: FileChangeDetails) => any) | undefined;
     onFileReject?: ((details: FileRejectDetails) => any) | undefined;

package/dist/components/file-upload/file-upload-root.vue.d.ts

@@ -13,10 +13,12 @@ HTMLAttributes {
 export interface FileUploadRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:acceptedFiles": (files: File[]) => any;
     fileAccept: (details: FileAcceptDetails) => any;
     fileChange: (details: FileChangeDetails) => any;
     fileReject: (details: FileRejectDetails) => any;
 }, string, PublicProps, Readonly<FileUploadRootProps> & Readonly<{
+    "onUpdate:acceptedFiles"?: ((files: File[]) => any) | undefined;
     onFileAccept?: ((details: FileAcceptDetails) => any) | undefined;
     onFileChange?: ((details: FileChangeDetails) => any) | undefined;
     onFileReject?: ((details: FileRejectDetails) => any) | undefined;

package/dist/components/file-upload/file-upload-root.vue.js

@@ -8,6 +8,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "file-upload-root",
   props: /* @__PURE__ */ mergeDefaults({
     accept: {},
+    defaultAcceptedFiles: {},
     allowDrop: { type: Boolean },
     capture: {},
     directory: { type: Boolean },
@@ -34,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     preventDocumentDrop: void 0,
     required: void 0
   }),
-  emits: ["fileAccept", "fileChange", "fileReject"],
+  emits: ["update:acceptedFiles", "fileAccept", "fileChange", "fileReject"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/file-upload/file-upload.types.d.cts

@@ -4,6 +4,10 @@ export interface RootProps {
      * The accept file types
      */
     accept?: Record<string, string[]> | fileUpload.FileMimeType | fileUpload.FileMimeType[];
+    /**
+     * The default accepted files
+     */
+    defaultAcceptedFiles?: File[];
     /**
      * Whether to allow drag and drop in the dropzone element
      * @default true
@@ -92,6 +96,10 @@ export interface RootProps {
     transformFiles?: (files: File[]) => Promise<File[]>;
 }
 export type RootEmits = {
+    /**
+     * Function called when the accepted files change
+     */
+    'update:acceptedFiles': [files: File[]];
     /**
      * Function called when the file is accepted
      */

package/dist/components/file-upload/file-upload.types.d.ts

@@ -4,6 +4,10 @@ export interface RootProps {
      * The accept file types
      */
     accept?: Record<string, string[]> | fileUpload.FileMimeType | fileUpload.FileMimeType[];
+    /**
+     * The default accepted files
+     */
+    defaultAcceptedFiles?: File[];
     /**
      * Whether to allow drag and drop in the dropzone element
      * @default true
@@ -92,6 +96,10 @@ export interface RootProps {
     transformFiles?: (files: File[]) => Promise<File[]>;
 }
 export type RootEmits = {
+    /**
+     * Function called when the accepted files change
+     */
+    'update:acceptedFiles': [files: File[]];
     /**
      * Function called when the file is accepted
      */

package/dist/components/file-upload/use-file-upload.cjs

@@ -50,6 +50,7 @@ const useFileUpload = (props = {}, emit) => {
       getRootNode: env?.value.getRootNode,
       ...cleanProps.cleanProps(localeProps),
       onFileChange: (details) => {
+        emit?.("update:acceptedFiles", details.acceptedFiles);
         emit?.("fileChange", details);
         localeProps.onFileChange?.(details);
       },

package/dist/components/file-upload/use-file-upload.js

@@ -27,6 +27,7 @@ const useFileUpload = (props = {}, emit) => {
       getRootNode: env?.value.getRootNode,
       ...cleanProps(localeProps),
       onFileChange: (details) => {
+        emit?.("update:acceptedFiles", details.acceptedFiles);
         emit?.("fileChange", details);
         localeProps.onFileChange?.(details);
       },

package/dist/components/index.cjs

@@ -282,6 +282,11 @@ const hoverCardTrigger_vue_vue_type_script_setup_true_lang = require('./hover-ca
 const useHoverCard = require('./hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./hover-card/hover-card.cjs');
+const jsonTreeViewRoot_vue_vue_type_script_setup_true_lang = require('./json-tree-view/json-tree-view-root.vue.cjs');
+const jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./json-tree-view/json-tree-view-root-provider.vue.cjs');
+const jsonTreeViewTree_vue_vue_type_script_setup_true_lang = require('./json-tree-view/json-tree-view-tree.vue.cjs');
+const useJsonTreeView = require('./json-tree-view/use-json-tree-view.cjs');
+const jsonTreeView = require('./json-tree-view/json-tree-view.cjs');
 const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-context.vue.cjs');
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-content.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-input.vue.cjs');
@@ -1000,6 +1005,11 @@ exports.HoverCardTrigger = hoverCardTrigger_vue_vue_type_script_setup_true_lang.
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.JsonTreeViewRoot = jsonTreeViewRoot_vue_vue_type_script_setup_true_lang.default;
+exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.JsonTreeViewTree = jsonTreeViewTree_vue_vue_type_script_setup_true_lang.default;
+exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
+exports.JsonTreeView = jsonTreeView;
 exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;

package/dist/components/index.d.cts

@@ -22,6 +22,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './json-tree-view';
 export * from './listbox';
 export * from './menu';
 export * from './number-input';

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './json-tree-view';
 export * from './listbox';
 export * from './menu';
 export * from './number-input';

package/dist/components/index.js

@@ -296,6 +296,12 @@ export { useHoverCard } from './hover-card/use-hover-card.js';
 export { useHoverCardContext } from './hover-card/use-hover-card-context.js';
 import * as hoverCard from './hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { default as JsonTreeViewRoot } from './json-tree-view/json-tree-view-root.vue.js';
+export { default as JsonTreeViewRootProvider } from './json-tree-view/json-tree-view-root-provider.vue.js';
+export { default as JsonTreeViewTree } from './json-tree-view/json-tree-view-tree.vue.js';
+export { useJsonTreeView } from './json-tree-view/use-json-tree-view.js';
+import * as jsonTreeView from './json-tree-view/json-tree-view.js';
+export { jsonTreeView as JsonTreeView };
 export { default as ListboxContext } from './listbox/listbox-context.vue.js';
 export { default as ListboxContent } from './listbox/listbox-content.vue.js';
 export { default as ListboxInput } from './listbox/listbox-input.vue.js';