@sprawlify/vue 0.0.67 → 0.0.70

package/dist/tree-view-CzfDgztL.js

@@ -0,0 +1,737 @@
+import { t as __exportAll } from "./chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "./core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "./providers-DNBWT-O_.js";
+import { t as createContext } from "./create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "./use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "./factory-Co08Aw8u.js";
+import { t as cleanProps } from "./clean-props-ChPEW0vT.js";
+import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "./use-render-strategy-DMa_QmB6.js";
+import { t as createSplitProps } from "./create-split-props-BDJ_VWs3.js";
+import { t as collapsible_exports } from "./collapsible-D1Mx4C0H.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as treeView from "@sprawlify/primitives/machines/tree-view";
+import { anatomy as treeViewAnatomy } from "@sprawlify/primitives/machines/tree-view";
+
+//#region src/components/tree-view/use-tree-view-context.ts
+const [TreeViewProvider, useTreeViewContext] = createContext("TreeViewContext");
+
+//#endregion
+//#region src/components/tree-view/use-tree-view-node-props-context.ts
+const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext("TreeViewNodePropsContext");
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-content.vue?vue&type=script&setup=true&lang.ts
+var tree_view_branch_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-branch-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const splitVisibilityProps = createSplitProps();
+		const treeView = useTreeViewContext();
+		const ndoeProps = useTreeViewNodePropsContext();
+		const branchContentProps = computed(() => {
+			const [, ownProps] = splitVisibilityProps(treeView.value.getBranchContentProps(ndoeProps), ["hidden", "data-state"]);
+			return ownProps;
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(collapsible_exports).Content, mergeProps(branchContentProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-content.vue
+var tree_view_branch_content_default = tree_view_branch_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-control.vue?vue&type=script&setup=true&lang.ts
+var tree_view_branch_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-branch-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const ndoeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getBranchControlProps(unref(ndoeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-control.vue
+var tree_view_branch_control_default = tree_view_branch_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indent-guide.vue?vue&type=script&setup=true&lang.ts
+var tree_view_branch_indent_guide_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-branch-indent-guide",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getBranchIndentGuideProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indent-guide.vue
+var tree_view_branch_indent_guide_default = tree_view_branch_indent_guide_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indicator.vue?vue&type=script&setup=true&lang.ts
+var tree_view_branch_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-branch-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getBranchIndicatorProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indicator.vue
+var tree_view_branch_indicator_default = tree_view_branch_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-text.vue?vue&type=script&setup=true&lang.ts
+var tree_view_branch_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-branch-text",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(treeView).getBranchTextProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-text.vue
+var tree_view_branch_text_default = tree_view_branch_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-trigger.vue?vue&type=script&setup=true&lang.ts
+var tree_view_branch_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-branch-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getBranchTriggerProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-trigger.vue
+var tree_view_branch_trigger_default = tree_view_branch_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/use-tree-view-node-context.ts
+const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext("TreeViewNodeContext");
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch.vue?vue&type=script&setup=true&lang.ts
+var tree_view_branch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-branch",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		const nodeState = useTreeViewNodeContext();
+		const renderStrategyProps = useRenderStrategyProps();
+		const branchContentProps = computed(() => treeView.value.getBranchContentProps(nodeProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(collapsible_exports).Root, mergeProps({
+				open: unref(nodeState).expanded,
+				ids: { content: branchContentProps.value.id }
+			}, unref(treeView).getBranchProps(unref(nodeProps)), {
+				"lazy-mount": unref(renderStrategyProps).lazyMount,
+				"unmount-on-exit": unref(renderStrategyProps).unmountOnExit,
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"open",
+				"ids",
+				"lazy-mount",
+				"unmount-on-exit",
+				"as-child"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch.vue
+var tree_view_branch_default = tree_view_branch_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-context.vue?vue&type=script&setup=true&lang.ts
+var tree_view_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-context",
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(treeView))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-context.vue
+var tree_view_context_default = tree_view_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-indicator.vue?vue&type=script&setup=true&lang.ts
+var tree_view_item_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-item-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getItemIndicatorProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-indicator.vue
+var tree_view_item_indicator_default = tree_view_item_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-text.vue?vue&type=script&setup=true&lang.ts
+var tree_view_item_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-item-text",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(treeView).getItemTextProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-text.vue
+var tree_view_item_text_default = tree_view_item_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-item.vue?vue&type=script&setup=true&lang.ts
+var tree_view_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-item",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getItemProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-item.vue
+var tree_view_item_default = tree_view_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-label.vue?vue&type=script&setup=true&lang.ts
+var tree_view_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).h3, mergeProps(unref(treeView).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-label.vue
+var tree_view_label_default = tree_view_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-checkbox.vue?vue&type=script&setup=true&lang.ts
+var tree_view_node_checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-node-checkbox",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(treeView).getNodeCheckboxProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-checkbox.vue
+var tree_view_node_checkbox_default = tree_view_node_checkbox_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-checkbox-indicator.vue?vue&type=script&setup=true&lang.ts
+var tree_view_node_checkbox_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-node-checkbox-indicator",
+	props: {
+		indeterminate: {
+			type: null,
+			required: false
+		},
+		fallback: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const nodeState = useTreeViewNodeContext();
+		return (_ctx, _cache) => {
+			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 });
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-checkbox-indicator.vue
+var tree_view_node_checkbox_indicator_default = tree_view_node_checkbox_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-rename-input.vue?vue&type=script&setup=true&lang.ts
+var tree_view_node_rename_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-node-rename-input",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		const nodeProps = useTreeViewNodePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).input, mergeProps(unref(treeView).getNodeRenameInputProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-rename-input.vue
+var tree_view_node_rename_input_default = tree_view_node_rename_input_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-context.vue?vue&type=script&setup=true&lang.ts
+var tree_view_node_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-node-context",
+	setup(__props) {
+		const item = useTreeViewNodeContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(item))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-context.vue
+var tree_view_node_context_default = tree_view_node_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-provider.vue?vue&type=script&setup=true&lang.ts
+var tree_view_node_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-node-provider",
+	props: {
+		node: {
+			type: null,
+			required: true
+		},
+		indexPath: {
+			type: Array,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const treeView = useTreeViewContext();
+		TreeViewNodeStateProvider(computed(() => treeView.value.getNodeState(props)));
+		TreeViewNodePropsProvider(props);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-provider.vue
+var tree_view_node_provider_default = tree_view_node_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-root-provider.vue?vue&type=script&setup=true&lang.ts
+var tree_view_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const treeView = computed(() => props.value);
+		TreeViewProvider(treeView);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(treeView.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-root-provider.vue
+var tree_view_root_provider_default = tree_view_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/use-tree-view.ts
+const useTreeView = (props, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onFocusChange: (details) => {
+				emit?.("focusChange", details);
+				emit?.("update:focusedValue", details.focusedValue);
+				localeProps.onFocusChange?.(details);
+			},
+			onExpandedChange: (details) => {
+				emit?.("expandedChange", details);
+				emit?.("update:expandedValue", details.expandedValue);
+				localeProps.onExpandedChange?.(details);
+			},
+			onSelectionChange: (details) => {
+				emit?.("selectionChange", details);
+				emit?.("update:selectedValue", details.selectedValue);
+				localeProps.onSelectionChange?.(details);
+			},
+			onCheckedChange: (details) => {
+				emit?.("checkedChange", details);
+				emit?.("update:checkedValue", details.checkedValue);
+				localeProps.onCheckedChange?.(details);
+			},
+			onLoadChildrenComplete: (details) => {
+				emit?.("loadChildrenComplete", details);
+				localeProps.onLoadChildrenComplete?.(details);
+			},
+			onLoadChildrenError: (details) => {
+				emit?.("loadChildrenError", details);
+				localeProps.onLoadChildrenError?.(details);
+			},
+			onRenameStart: (details) => {
+				emit?.("renameStart", details);
+				localeProps.onRenameStart?.(details);
+			},
+			onBeforeRename: (details) => {
+				emit?.("beforeRename", details);
+				return localeProps.onBeforeRename?.(details) ?? true;
+			},
+			onRenameComplete: (details) => {
+				emit?.("renameComplete", details);
+				localeProps.onRenameComplete?.(details);
+			}
+		};
+	});
+	const service = useMachine(treeView.machine, context);
+	return computed(() => treeView.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/tree-view/tree-view-root.vue?vue&type=script&setup=true&lang.ts
+var tree_view_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		collection: {
+			type: null,
+			required: true
+		},
+		defaultExpandedValue: {
+			type: Array,
+			required: false
+		},
+		defaultSelectedValue: {
+			type: Array,
+			required: false
+		},
+		defaultCheckedValue: {
+			type: Array,
+			required: false
+		},
+		defaultFocusedValue: {
+			type: String,
+			required: false
+		},
+		checkedValue: {
+			type: Array,
+			required: false
+		},
+		expandOnClick: {
+			type: Boolean,
+			required: false
+		},
+		expandedValue: {
+			type: Array,
+			required: false
+		},
+		focusedValue: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		selectedValue: {
+			type: Array,
+			required: false
+		},
+		selectionMode: {
+			type: String,
+			required: false
+		},
+		typeahead: {
+			type: Boolean,
+			required: false
+		},
+		loadChildren: {
+			type: Function,
+			required: false
+		},
+		canRename: {
+			type: Function,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		expandOnClick: void 0,
+		typeahead: void 0,
+		lazyMount: void 0,
+		unmountOnExit: void 0,
+		asChild: void 0
+	}),
+	emits: [
+		"expandedChange",
+		"focusChange",
+		"selectionChange",
+		"checkedChange",
+		"loadChildrenComplete",
+		"loadChildrenError",
+		"renameStart",
+		"beforeRename",
+		"renameComplete",
+		"update:expandedValue",
+		"update:focusedValue",
+		"update:selectedValue",
+		"update:checkedValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const treeView = useTreeView(props, __emit);
+		TreeViewProvider(treeView);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-root.vue
+var tree_view_root_default = tree_view_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view-tree.vue?vue&type=script&setup=true&lang.ts
+var tree_view_tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-view-tree",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const treeView = useTreeViewContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(treeView).getTreeProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-tree.vue
+var tree_view_tree_default = tree_view_tree_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tree-view/tree-view.ts
+var tree_view_exports = /* @__PURE__ */ __exportAll({
+	Branch: () => tree_view_branch_default,
+	BranchContent: () => tree_view_branch_content_default,
+	BranchControl: () => tree_view_branch_control_default,
+	BranchIndentGuide: () => tree_view_branch_indent_guide_default,
+	BranchIndicator: () => tree_view_branch_indicator_default,
+	BranchText: () => tree_view_branch_text_default,
+	BranchTrigger: () => tree_view_branch_trigger_default,
+	Context: () => tree_view_context_default,
+	Item: () => tree_view_item_default,
+	ItemIndicator: () => tree_view_item_indicator_default,
+	ItemText: () => tree_view_item_text_default,
+	Label: () => tree_view_label_default,
+	NodeCheckbox: () => tree_view_node_checkbox_default,
+	NodeCheckboxIndicator: () => tree_view_node_checkbox_indicator_default,
+	NodeContext: () => tree_view_node_context_default,
+	NodeProvider: () => tree_view_node_provider_default,
+	NodeRenameInput: () => tree_view_node_rename_input_default,
+	Root: () => tree_view_root_default,
+	RootProvider: () => tree_view_root_provider_default,
+	Tree: () => tree_view_tree_default
+});
+
+//#endregion
+export { tree_view_branch_control_default as C, tree_view_branch_indent_guide_default as S, useTreeViewContext as T, tree_view_branch_default as _, useTreeView as a, tree_view_branch_text_default as b, tree_view_node_context_default as c, tree_view_node_checkbox_default as d, tree_view_label_default as f, tree_view_context_default as g, tree_view_item_indicator_default as h, tree_view_root_default as i, tree_view_node_rename_input_default as l, tree_view_item_text_default as m, treeViewAnatomy as n, tree_view_root_provider_default as o, tree_view_item_default as p, tree_view_tree_default as r, tree_view_node_provider_default as s, tree_view_exports as t, tree_view_node_checkbox_indicator_default as u, useTreeViewNodeContext as v, tree_view_branch_content_default as w, tree_view_branch_indicator_default as x, tree_view_branch_trigger_default as y };