@ark-ui/vue 5.17.0 → 5.18.1

package/dist/components/json-tree-view/json-tree-view-root-provider.vue2.cjs

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

package/dist/components/json-tree-view/json-tree-view-root-provider.vue2.js

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

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

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const jsonTreeUtils = require('@zag-js/json-tree-utils');
+const createSplitProps = require('../create-split-props.cjs');
+const treeCollection = require('../collection/tree-collection.cjs');
+const treeView = require('../tree-view/tree-view.cjs');
+const getBranchValue = require('./get-branch-value.cjs');
+const jsonTreeViewPropsContext = require('./json-tree-view-props-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "json-tree-view-root",
+  props: /* @__PURE__ */ vue.mergeDefaults({
+    data: {},
+    defaultExpandedDepth: {},
+    quotesOnKeys: { type: Boolean },
+    maxPreviewItems: {},
+    collapseStringsAfterLength: {},
+    groupArraysAfterLength: {},
+    showNonenumerable: { type: Boolean },
+    defaultExpandedValue: {},
+    defaultSelectedValue: {},
+    defaultCheckedValue: {},
+    defaultFocusedValue: {},
+    checkedValue: {},
+    expandOnClick: { type: Boolean },
+    expandedValue: {},
+    focusedValue: {},
+    id: {},
+    ids: {},
+    selectedValue: {},
+    selectionMode: {},
+    typeahead: { type: Boolean },
+    loadChildren: { type: Function },
+    lazyMount: { type: Boolean },
+    unmountOnExit: { type: Boolean },
+    asChild: { type: Boolean }
+  }, {
+    expandOnClick: void 0,
+    typeahead: void 0,
+    lazyMount: void 0,
+    unmountOnExit: void 0,
+    asChild: void 0,
+    showNonenumerable: void 0,
+    quotesOnKeys: void 0
+  }),
+  setup(__props) {
+    const props = __props;
+    const splitJsonTreeViewProps = createSplitProps.createSplitProps();
+    const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+      "maxPreviewItems",
+      "collapseStringsAfterLength",
+      "quotesOnKeys",
+      "groupArraysAfterLength",
+      "showNonenumerable"
+    ]);
+    const { data, defaultExpandedDepth, ...restProps } = localProps;
+    const collection = vue.computed(() => {
+      return treeCollection.createTreeCollection({
+        nodeToValue: jsonTreeUtils.nodeToValue,
+        nodeToString: jsonTreeUtils.nodeToString,
+        rootNode: jsonTreeUtils.getRootNode(data)
+      });
+    });
+    const defaultExpandedValue = vue.computed(() => {
+      const expandedValue = defaultExpandedDepth != null ? getBranchValue.getBranchValues(collection.value, defaultExpandedDepth) : void 0;
+      return props.defaultExpandedValue || expandedValue;
+    });
+    jsonTreeViewPropsContext.JsonTreeViewPropsProvider(vue.computed(() => jsonTreeProps));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(treeView).Root, vue.mergeProps({ "data-scope": "json-tree-view" }, restProps, {
+        collection: collection.value,
+        defaultExpandedValue: defaultExpandedValue.value,
+        typeahead: false
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["collection", "defaultExpandedValue"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,37 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TreeViewRootBaseProps } from '../tree-view';
+import { JsonTreeViewOptions } from './json-tree-view-props-context';
+export interface JsonTreeViewRootBaseProps extends JsonTreeViewOptions, Omit<TreeViewRootBaseProps<JsonNode>, 'collection'> {
+    /**
+     * The data to display in the tree.
+     */
+    data: object;
+    /**
+     * The default expand level.
+     */
+    defaultExpandedDepth?: number;
+}
+export interface JsonTreeViewRootProps extends JsonTreeViewRootBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<JsonTreeViewRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<JsonTreeViewRootProps> & Readonly<{}>, {
+    asChild: boolean;
+    lazyMount: boolean;
+    unmountOnExit: boolean;
+    expandOnClick: boolean;
+    typeahead: boolean;
+    showNonenumerable: boolean;
+    quotesOnKeys: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,37 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TreeViewRootBaseProps } from '../tree-view';
+import { JsonTreeViewOptions } from './json-tree-view-props-context';
+export interface JsonTreeViewRootBaseProps extends JsonTreeViewOptions, Omit<TreeViewRootBaseProps<JsonNode>, 'collection'> {
+    /**
+     * The data to display in the tree.
+     */
+    data: object;
+    /**
+     * The default expand level.
+     */
+    defaultExpandedDepth?: number;
+}
+export interface JsonTreeViewRootProps extends JsonTreeViewRootBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<JsonTreeViewRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<JsonTreeViewRootProps> & Readonly<{}>, {
+    asChild: boolean;
+    lazyMount: boolean;
+    unmountOnExit: boolean;
+    expandOnClick: boolean;
+    typeahead: boolean;
+    showNonenumerable: boolean;
+    quotesOnKeys: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,83 @@
+import { defineComponent, mergeDefaults, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils';
+import { createSplitProps } from '../create-split-props.js';
+import { createTreeCollection } from '../collection/tree-collection.js';
+import * as treeView from '../tree-view/tree-view.js';
+import { getBranchValues } from './get-branch-value.js';
+import { JsonTreeViewPropsProvider } from './json-tree-view-props-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "json-tree-view-root",
+  props: /* @__PURE__ */ mergeDefaults({
+    data: {},
+    defaultExpandedDepth: {},
+    quotesOnKeys: { type: Boolean },
+    maxPreviewItems: {},
+    collapseStringsAfterLength: {},
+    groupArraysAfterLength: {},
+    showNonenumerable: { type: Boolean },
+    defaultExpandedValue: {},
+    defaultSelectedValue: {},
+    defaultCheckedValue: {},
+    defaultFocusedValue: {},
+    checkedValue: {},
+    expandOnClick: { type: Boolean },
+    expandedValue: {},
+    focusedValue: {},
+    id: {},
+    ids: {},
+    selectedValue: {},
+    selectionMode: {},
+    typeahead: { type: Boolean },
+    loadChildren: { type: Function },
+    lazyMount: { type: Boolean },
+    unmountOnExit: { type: Boolean },
+    asChild: { type: Boolean }
+  }, {
+    expandOnClick: void 0,
+    typeahead: void 0,
+    lazyMount: void 0,
+    unmountOnExit: void 0,
+    asChild: void 0,
+    showNonenumerable: void 0,
+    quotesOnKeys: void 0
+  }),
+  setup(__props) {
+    const props = __props;
+    const splitJsonTreeViewProps = createSplitProps();
+    const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+      "maxPreviewItems",
+      "collapseStringsAfterLength",
+      "quotesOnKeys",
+      "groupArraysAfterLength",
+      "showNonenumerable"
+    ]);
+    const { data, defaultExpandedDepth, ...restProps } = localProps;
+    const collection = computed(() => {
+      return createTreeCollection({
+        nodeToValue,
+        nodeToString,
+        rootNode: getRootNode(data)
+      });
+    });
+    const defaultExpandedValue = computed(() => {
+      const expandedValue = defaultExpandedDepth != null ? getBranchValues(collection.value, defaultExpandedDepth) : void 0;
+      return props.defaultExpandedValue || expandedValue;
+    });
+    JsonTreeViewPropsProvider(computed(() => jsonTreeProps));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(treeView).Root, mergeProps({ "data-scope": "json-tree-view" }, restProps, {
+        collection: collection.value,
+        defaultExpandedValue: defaultExpandedValue.value,
+        typeahead: false
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["collection", "defaultExpandedValue"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/json-tree-view/json-tree-view-root.vue2.cjs

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

package/dist/components/json-tree-view/json-tree-view-root.vue2.js

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

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

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const createSplitProps = require('../create-split-props.cjs');
+const treeViewTree_vue_vue_type_script_setup_true_lang = require('../tree-view/tree-view-tree.vue.cjs');
+const useTreeViewContext = require('../tree-view/use-tree-view-context.cjs');
+const jsonTreeViewNode_vue_vue_type_script_setup_true_lang = require('./json-tree-view-node.vue.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "json-tree-view-tree",
+  props: {
+    asChild: { type: Boolean },
+    indentGuide: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const splitTreeNodeProps = createSplitProps.createSplitProps();
+    const [nodeProps, treeProps] = splitTreeNodeProps(props, ["indentGuide"]);
+    const tree = useTreeViewContext.useTreeViewContext();
+    const children = vue.computed(() => tree.value.collection.getNodeChildren(tree.value.collection.rootNode));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(treeViewTree_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({ "data-scope": "json-tree-view" }, vue.unref(treeProps)), {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(children.value, (child, index) => {
+            return vue.openBlock(), vue.createBlock(jsonTreeViewNode_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
+              key: index,
+              node: child,
+              "index-path": [index]
+            }, { ref_for: true }, vue.unref(nodeProps)), {
+              arrow: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "arrow")
+              ]),
+              indentGuide: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "indentGuide")
+              ]),
+              renderValue: vue.withCtx(({ node: childNode }) => [
+                vue.renderSlot(_ctx.$slots, "renderValue", { node: childNode })
+              ]),
+              _: 2
+            }, 1040, ["node", "index-path"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,27 @@
+import { JsonNodeHastElement } from '@zag-js/json-tree-utils';
+import { TreeViewTreeProps } from '../tree-view/tree-view-tree.vue';
+import { JsonTreeViewNodeBaseProps } from './json-tree-view-node.vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface JsonTreeViewTreeBaseProps extends JsonTreeViewNodeBaseProps {
+}
+export interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewTreeBaseProps {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<JsonTreeViewTreeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<JsonTreeViewTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    arrow(): unknown;
+    indentGuide(): unknown;
+    renderValue(props: {
+        node: JsonNodeHastElement;
+    }): unknown;
+}> & {
+    arrow(): unknown;
+    indentGuide(): unknown;
+    renderValue(props: {
+        node: JsonNodeHastElement;
+    }): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+import { JsonNodeHastElement } from '@zag-js/json-tree-utils';
+import { TreeViewTreeProps } from '../tree-view/tree-view-tree.vue';
+import { JsonTreeViewNodeBaseProps } from './json-tree-view-node.vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface JsonTreeViewTreeBaseProps extends JsonTreeViewNodeBaseProps {
+}
+export interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewTreeBaseProps {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<JsonTreeViewTreeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<JsonTreeViewTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    arrow(): unknown;
+    indentGuide(): unknown;
+    renderValue(props: {
+        node: JsonNodeHastElement;
+    }): unknown;
+}> & {
+    arrow(): unknown;
+    indentGuide(): unknown;
+    renderValue(props: {
+        node: JsonNodeHastElement;
+    }): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,47 @@
+import { defineComponent, computed, createBlock, openBlock, mergeProps, unref, withCtx, createElementBlock, Fragment, renderList, renderSlot } from 'vue';
+import { createSplitProps } from '../create-split-props.js';
+import _sfc_main$1 from '../tree-view/tree-view-tree.vue.js';
+import { useTreeViewContext } from '../tree-view/use-tree-view-context.js';
+import _sfc_main$2 from './json-tree-view-node.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "json-tree-view-tree",
+  props: {
+    asChild: { type: Boolean },
+    indentGuide: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const splitTreeNodeProps = createSplitProps();
+    const [nodeProps, treeProps] = splitTreeNodeProps(props, ["indentGuide"]);
+    const tree = useTreeViewContext();
+    const children = computed(() => tree.value.collection.getNodeChildren(tree.value.collection.rootNode));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ "data-scope": "json-tree-view" }, unref(treeProps)), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(children.value, (child, index) => {
+            return openBlock(), createBlock(_sfc_main$2, mergeProps({
+              key: index,
+              node: child,
+              "index-path": [index]
+            }, { ref_for: true }, unref(nodeProps)), {
+              arrow: withCtx(() => [
+                renderSlot(_ctx.$slots, "arrow")
+              ]),
+              indentGuide: withCtx(() => [
+                renderSlot(_ctx.$slots, "indentGuide")
+              ]),
+              renderValue: withCtx(({ node: childNode }) => [
+                renderSlot(_ctx.$slots, "renderValue", { node: childNode })
+              ]),
+              _: 2
+            }, 1040, ["node", "index-path"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

package/dist/components/json-tree-view/json-tree-view-value-node.vue.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "json-tree-view-value-node",
+  props: {
+    node: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_JsonTreeViewValueNode = vue.resolveComponent("JsonTreeViewValueNode", true);
+      return _ctx.node.type === "text" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        _ctx.$slots.renderValue ? vue.renderSlot(_ctx.$slots, "renderValue", {
+          key: 0,
+          node: _ctx.node
+        }, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.node.value), 1)
+        ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          vue.createTextVNode(vue.toDisplayString(_ctx.node.value), 1)
+        ], 64))
+      ], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.node.tagName), {
+        key: 1,
+        "data-root": _ctx.node.properties.root ? "" : void 0,
+        "data-type": _ctx.node.properties.nodeType,
+        "data-kind": _ctx.node.properties.kind
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.children, (child, index) => {
+            return vue.openBlock(), vue.createBlock(_component_JsonTreeViewValueNode, {
+              key: index,
+              node: child
+            }, {
+              renderValue: vue.withCtx(({ node: childNode }) => [
+                vue.renderSlot(_ctx.$slots, "renderValue", { node: childNode })
+              ]),
+              _: 2
+            }, 1032, ["node"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 8, ["data-root", "data-type", "data-kind"]));
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,28 @@
+import { JsonNodeHastElement } from '@zag-js/json-tree-utils';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface JsonTreeViewValueNodeProps {
+    node: JsonNodeHastElement;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        renderValue?(props: {
+            node: JsonNodeHastElement;
+        }): unknown;
+    }> & {
+        renderValue?(props: {
+            node: JsonNodeHastElement;
+        }): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<JsonTreeViewValueNodeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<JsonTreeViewValueNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,28 @@
+import { JsonNodeHastElement } from '@zag-js/json-tree-utils';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface JsonTreeViewValueNodeProps {
+    node: JsonNodeHastElement;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        renderValue?(props: {
+            node: JsonNodeHastElement;
+        }): unknown;
+    }> & {
+        renderValue?(props: {
+            node: JsonNodeHastElement;
+        }): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<JsonTreeViewValueNodeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<JsonTreeViewValueNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/json-tree-view/json-tree-view-value-node.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent, resolveComponent, createElementBlock, createBlock, openBlock, Fragment, renderSlot, createTextVNode, toDisplayString, resolveDynamicComponent, withCtx, renderList } from 'vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "json-tree-view-value-node",
+  props: {
+    node: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_JsonTreeViewValueNode = resolveComponent("JsonTreeViewValueNode", true);
+      return _ctx.node.type === "text" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _ctx.$slots.renderValue ? renderSlot(_ctx.$slots, "renderValue", {
+          key: 0,
+          node: _ctx.node
+        }, () => [
+          createTextVNode(toDisplayString(_ctx.node.value), 1)
+        ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(_ctx.node.value), 1)
+        ], 64))
+      ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.node.tagName), {
+        key: 1,
+        "data-root": _ctx.node.properties.root ? "" : void 0,
+        "data-type": _ctx.node.properties.nodeType,
+        "data-kind": _ctx.node.properties.kind
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, (child, index) => {
+            return openBlock(), createBlock(_component_JsonTreeViewValueNode, {
+              key: index,
+              node: child
+            }, {
+              renderValue: withCtx(({ node: childNode }) => [
+                renderSlot(_ctx.$slots, "renderValue", { node: childNode })
+              ]),
+              _: 2
+            }, 1032, ["node"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 8, ["data-root", "data-type", "data-kind"]));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/json-tree-view/json-tree-view-value-node.vue2.cjs

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

package/dist/components/json-tree-view/json-tree-view-value-node.vue2.js

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

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsonTreeViewRoot_vue_vue_type_script_setup_true_lang = require('./json-tree-view-root.vue.cjs');
+const jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./json-tree-view-root-provider.vue.cjs');
+const jsonTreeViewTree_vue_vue_type_script_setup_true_lang = require('./json-tree-view-tree.vue.cjs');
+
+
+
+exports.Root = jsonTreeViewRoot_vue_vue_type_script_setup_true_lang.default;
+exports.RootProvider = jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.Tree = jsonTreeViewTree_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,3 @@
+export { default as Root, type JsonTreeViewRootBaseProps as RootBaseProps, type JsonTreeViewRootProps as RootProps, } from './json-tree-view-root.vue';
+export { default as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, } from './json-tree-view-root-provider.vue';
+export { default as Tree, type JsonTreeViewTreeBaseProps as TreeBaseProps, type JsonTreeViewTreeProps as TreeProps, } from './json-tree-view-tree.vue';

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

@@ -0,0 +1,3 @@
+export { default as Root, type JsonTreeViewRootBaseProps as RootBaseProps, type JsonTreeViewRootProps as RootProps, } from './json-tree-view-root.vue';
+export { default as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, } from './json-tree-view-root-provider.vue';
+export { default as Tree, type JsonTreeViewTreeBaseProps as TreeBaseProps, type JsonTreeViewTreeProps as TreeProps, } from './json-tree-view-tree.vue';

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

@@ -0,0 +1,3 @@
+export { default as Root } from './json-tree-view-root.vue.js';
+export { default as RootProvider } from './json-tree-view-root-provider.vue.js';
+export { default as Tree } from './json-tree-view-tree.vue.js';