@ark-ui/vue 5.16.1 → 5.18.0

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsonTreeUtils = require('@zag-js/json-tree-utils');
+const vue = require('vue');
+const treeCollection = require('../collection/tree-collection.cjs');
+const useTreeView = require('../tree-view/use-tree-view.cjs');
+const getBranchValue = require('./get-branch-value.cjs');
+
+const useJsonTreeView = (props) => {
+  const machineProps = vue.computed(() => {
+    const { data, defaultExpandedDepth, ...restProps } = vue.toValue(props);
+    const collection = treeCollection.createTreeCollection({
+      nodeToValue: jsonTreeUtils.nodeToValue,
+      nodeToString: jsonTreeUtils.nodeToString,
+      rootNode: jsonTreeUtils.getRootNode(data)
+    });
+    const defaultExpandedValue = defaultExpandedDepth != null ? getBranchValue.getBranchValues(collection, defaultExpandedDepth) : void 0;
+    return {
+      defaultExpandedValue,
+      ...restProps,
+      collection,
+      typeahead: false
+    };
+  });
+  return useTreeView.useTreeView(machineProps);
+};
+
+exports.useJsonTreeView = useJsonTreeView;

package/dist/components/json-tree-view/use-json-tree-view.d.cts

@@ -0,0 +1,10 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { MaybeRef } from 'vue';
+import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+    data: unknown;
+    defaultExpandedDepth?: number;
+}
+export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+}
+export declare const useJsonTreeView: (props: MaybeRef<UseJsonTreeViewProps>) => UseJsonTreeViewReturn;

package/dist/components/json-tree-view/use-json-tree-view.d.ts

@@ -0,0 +1,10 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { MaybeRef } from 'vue';
+import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+    data: unknown;
+    defaultExpandedDepth?: number;
+}
+export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+}
+export declare const useJsonTreeView: (props: MaybeRef<UseJsonTreeViewProps>) => UseJsonTreeViewReturn;

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

@@ -0,0 +1,26 @@
+import { getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils';
+import { computed, toValue } from 'vue';
+import { createTreeCollection } from '../collection/tree-collection.js';
+import { useTreeView } from '../tree-view/use-tree-view.js';
+import { getBranchValues } from './get-branch-value.js';
+
+const useJsonTreeView = (props) => {
+  const machineProps = computed(() => {
+    const { data, defaultExpandedDepth, ...restProps } = toValue(props);
+    const collection = createTreeCollection({
+      nodeToValue,
+      nodeToString,
+      rootNode: getRootNode(data)
+    });
+    const defaultExpandedValue = defaultExpandedDepth != null ? getBranchValues(collection, defaultExpandedDepth) : void 0;
+    return {
+      defaultExpandedValue,
+      ...restProps,
+      collection,
+      typeahead: false
+    };
+  });
+  return useTreeView(machineProps);
+};
+
+export { useJsonTreeView };

package/dist/components/listbox/listbox-item-group.vue.cjs

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const listbox = useListboxContext.useListboxContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     useListboxItemGroupPropsContext.ListboxItemGroupPropsProvider({ id });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/listbox/listbox-item-group.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const listbox = useListboxContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     ListboxItemGroupPropsProvider({ id });
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/menu/menu-item-group.vue.cjs

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const menu = useMenuContext.useMenuContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     const itemGroupProps = vue.computed(() => ({ id }));
     useMenuItemGroupContext.MenuItemGroupProvider(itemGroupProps);
     useForwardExpose.useForwardExpose();

package/dist/components/menu/menu-item-group.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const menu = useMenuContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     const itemGroupProps = computed(() => ({ id }));
     MenuItemGroupProvider(itemGroupProps);
     useForwardExpose();

package/dist/components/menu/menu-radio-item-group.vue.cjs

@@ -20,7 +20,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emits = __emit;
     const menu = useMenuContext.useMenuContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     const itemGroupProps = vue.computed(() => ({
       id,
       value: props.modelValue,

package/dist/components/menu/menu-radio-item-group.vue.js

@@ -16,7 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const menu = useMenuContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     const itemGroupProps = computed(() => ({
       id,
       value: props.modelValue,

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

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

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

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

package/dist/components/select/select-item-group.vue.cjs

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const select = useSelectContext.useSelectContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     useSelectItemGroupPropsContext.SelectItemGroupPropsProvider({ id });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/select/select-item-group.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const select = useSelectContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     SelectItemGroupPropsProvider({ id });
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/signature-pad/signature-pad-root.vue.cjs

@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeDefaults({
     disabled: { type: Boolean },
     drawing: {},
+    defaultPaths: {},
     id: {},
     ids: {},
     name: {},
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     disabled: void 0,
     required: void 0
   }),
-  emits: ["draw", "drawEnd"],
+  emits: ["update:paths", "draw", "drawEnd"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/signature-pad/signature-pad-root.vue.d.cts

@@ -13,9 +13,11 @@ HTMLAttributes {
 export interface SignaturePadRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<SignaturePadRootBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:paths": (paths: string[]) => any;
     draw: (details: DrawDetails) => any;
     drawEnd: (details: DrawEndDetails) => any;
 }, string, PublicProps, Readonly<SignaturePadRootBaseProps> & Readonly<{
+    "onUpdate:paths"?: ((paths: string[]) => any) | undefined;
     onDraw?: ((details: DrawDetails) => any) | undefined;
     onDrawEnd?: ((details: DrawEndDetails) => any) | undefined;
 }>, {

package/dist/components/signature-pad/signature-pad-root.vue.d.ts

@@ -13,9 +13,11 @@ HTMLAttributes {
 export interface SignaturePadRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<SignaturePadRootBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:paths": (paths: string[]) => any;
     draw: (details: DrawDetails) => any;
     drawEnd: (details: DrawEndDetails) => any;
 }, string, PublicProps, Readonly<SignaturePadRootBaseProps> & Readonly<{
+    "onUpdate:paths"?: ((paths: string[]) => any) | undefined;
     onDraw?: ((details: DrawDetails) => any) | undefined;
     onDrawEnd?: ((details: DrawEndDetails) => any) | undefined;
 }>, {

package/dist/components/signature-pad/signature-pad-root.vue.js

@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     disabled: { type: Boolean },
     drawing: {},
+    defaultPaths: {},
     id: {},
     ids: {},
     name: {},
@@ -21,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: void 0,
     required: void 0
   }),
-  emits: ["draw", "drawEnd"],
+  emits: ["update:paths", "draw", "drawEnd"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/signature-pad/signature-pad.types.d.cts

@@ -9,6 +9,10 @@ export interface RootProps {
      * @default '{ size: 2, simulatePressure: true }'
      */
     drawing?: signaturePad.DrawingOptions;
+    /**
+     * The default paths of the signature pad.
+     */
+    defaultPaths?: string[];
     /**
      * The unique identifier of the machine.
      */
@@ -40,6 +44,10 @@ export interface RootProps {
     translations?: signaturePad.IntlTranslations;
 }
 export type RootEmits = {
+    /**
+     * Callback when the paths change.
+     */
+    'update:paths': [paths: string[]];
     /**
      * Callback when the signature pad is drawing.
      */

package/dist/components/signature-pad/signature-pad.types.d.ts

@@ -9,6 +9,10 @@ export interface RootProps {
      * @default '{ size: 2, simulatePressure: true }'
      */
     drawing?: signaturePad.DrawingOptions;
+    /**
+     * The default paths of the signature pad.
+     */
+    defaultPaths?: string[];
     /**
      * The unique identifier of the machine.
      */
@@ -40,6 +44,10 @@ export interface RootProps {
     translations?: signaturePad.IntlTranslations;
 }
 export type RootEmits = {
+    /**
+     * Callback when the paths change.
+     */
+    'update:paths': [paths: string[]];
     /**
      * Callback when the signature pad is drawing.
      */

package/dist/components/signature-pad/use-signature-pad.cjs

@@ -49,6 +49,7 @@ const useSignaturePad = (props = {}, emit) => {
       getRootNode: env?.value.getRootNode,
       ...cleanProps.cleanProps(localProps),
       onDraw: (details) => {
+        emit?.("update:paths", details.paths);
         emit?.("draw", details);
         localProps.onDraw?.(details);
       },

package/dist/components/signature-pad/use-signature-pad.js

@@ -26,6 +26,7 @@ const useSignaturePad = (props = {}, emit) => {
       getRootNode: env?.value.getRootNode,
       ...cleanProps(localProps),
       onDraw: (details) => {
+        emit?.("update:paths", details.paths);
         emit?.("draw", details);
         localProps.onDraw?.(details);
       },

package/dist/components/tabs/tabs-root.vue.d.cts

@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TabsRootProps,
     onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    deselectable: boolean;
     composite: boolean;
     loopFocus: boolean;
-    deselectable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/tabs/tabs-root.vue.d.ts

@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TabsRootProps,
     onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    deselectable: boolean;
     composite: boolean;
     loopFocus: boolean;
-    deselectable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/toggle-group/toggle-group-root.vue.d.cts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ToggleGroupRoot
 }>, {
     disabled: boolean;
     multiple: boolean;
-    loopFocus: boolean;
     deselectable: boolean;
+    loopFocus: boolean;
     rovingFocus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/toggle-group/toggle-group-root.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ToggleGroupRoot
 }>, {
     disabled: boolean;
     multiple: boolean;
-    loopFocus: boolean;
     deselectable: boolean;
+    loopFocus: boolean;
     rovingFocus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

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

@@ -32,7 +32,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     asChild: { type: Boolean }
   }, {
     expandOnClick: void 0,
-    typeahead: void 0
+    typeahead: void 0,
+    lazyMount: void 0,
+    unmountOnExit: void 0,
+    asChild: void 0
   }),
   emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {

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

@@ -28,7 +28,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     asChild: { type: Boolean }
   }, {
     expandOnClick: void 0,
-    typeahead: void 0
+    typeahead: void 0,
+    lazyMount: void 0,
+    unmountOnExit: void 0,
+    asChild: void 0
   }),
   emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {

package/dist/index.cjs

@@ -52,6 +52,7 @@ const carousel$1 = require('./components/carousel/carousel.cjs');
 const checkboxContext_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-context.vue.cjs');
 const checkboxControl_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-control.vue.cjs');
 const checkboxGroup_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-group.vue.cjs');
+const checkboxGroupProvider_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-group-provider.vue.cjs');
 const checkboxHiddenInput_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-hidden-input.vue.cjs');
 const checkboxIndicator_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-indicator.vue.cjs');
 const checkboxLabel_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-label.vue.cjs');
@@ -281,6 +282,11 @@ const hoverCardTrigger_vue_vue_type_script_setup_true_lang = require('./componen
 const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
+const jsonTreeViewRoot_vue_vue_type_script_setup_true_lang = require('./components/json-tree-view/json-tree-view-root.vue.cjs');
+const jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./components/json-tree-view/json-tree-view-root-provider.vue.cjs');
+const jsonTreeViewTree_vue_vue_type_script_setup_true_lang = require('./components/json-tree-view/json-tree-view-tree.vue.cjs');
+const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.cjs');
+const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const listboxContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-context.vue.cjs');
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-content.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-input.vue.cjs');
@@ -770,6 +776,7 @@ exports.Carousel = carousel$1;
 exports.CheckboxContext = checkboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxControl = checkboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxGroup = checkboxGroup_vue_vue_type_script_setup_true_lang.default;
+exports.CheckboxGroupProvider = checkboxGroupProvider_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxHiddenInput = checkboxHiddenInput_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxIndicator = checkboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxLabel = checkboxLabel_vue_vue_type_script_setup_true_lang.default;
@@ -1007,6 +1014,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/index.js

@@ -52,6 +52,7 @@ export { carousel as Carousel };
 export { default as CheckboxContext } from './components/checkbox/checkbox-context.vue.js';
 export { default as CheckboxControl } from './components/checkbox/checkbox-control.vue.js';
 export { default as CheckboxGroup } from './components/checkbox/checkbox-group.vue.js';
+export { default as CheckboxGroupProvider } from './components/checkbox/checkbox-group-provider.vue.js';
 export { default as CheckboxHiddenInput } from './components/checkbox/checkbox-hidden-input.vue.js';
 export { default as CheckboxIndicator } from './components/checkbox/checkbox-indicator.vue.js';
 export { default as CheckboxLabel } from './components/checkbox/checkbox-label.vue.js';
@@ -295,6 +296,12 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
 export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
 import * as hoverCard from './components/hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { default as JsonTreeViewRoot } from './components/json-tree-view/json-tree-view-root.vue.js';
+export { default as JsonTreeViewRootProvider } from './components/json-tree-view/json-tree-view-root-provider.vue.js';
+export { default as JsonTreeViewTree } from './components/json-tree-view/json-tree-view-tree.vue.js';
+export { useJsonTreeView } from './components/json-tree-view/use-json-tree-view.js';
+import * as jsonTreeView from './components/json-tree-view/json-tree-view.js';
+export { jsonTreeView as JsonTreeView };
 export { default as ListboxContext } from './components/listbox/listbox-context.vue.js';
 export { default as ListboxContent } from './components/listbox/listbox-content.vue.js';
 export { default as ListboxInput } from './components/listbox/listbox-input.vue.js';