@threadlabs/looma 0.3.1 → 0.5.0

package/vue/chunks/UiToastRegion.js

@@ -0,0 +1,227 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as UiIconButton_default } from "./UiIconButton.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, watchEffect, withCtx } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-toast-region/ui-toast-region.js";
+//#region .build/vue/UiToastRegion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "role"];
+var _hoisted_2 = { class: "message" };
+var _hoisted_3 = ["data-toast"];
+//#endregion
+//#region .build/vue/UiToastRegion.vue
+var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiToastRegion",
+	props: {
+		auto: {
+			type: [Boolean, null],
+			default: false
+		},
+		duration: { default: 5e3 },
+		message: { default: "Notification" },
+		open: {
+			type: [Boolean, null],
+			default: false
+		}
+	},
+	emits: ["close", "dismiss"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const hn = {
+			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
+			n: (v) => typeof v === "number" && v === v ? v : void 0,
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
+			call: (fn, ...args) => {
+				if (fn === "format") {
+					let index = 1;
+					return typeof args[0] === "string" ? args[0].replace(/%s/g, () => index < args.length ? hn.text(args[index++]) : "%s") : void 0;
+				}
+				const n = args.map(hn.n);
+				if (n.some((value) => value === void 0)) return void 0;
+				const v = n;
+				switch (fn) {
+					case "abs": return v.length === 1 ? Math.abs(v[0]) : void 0;
+					case "round": return v.length === 1 ? Math.round(v[0]) : void 0;
+					case "min": return v.length > 0 ? Math.min(...v) : void 0;
+					case "max": return v.length > 0 ? Math.max(...v) : void 0;
+					case "clamp": return v.length === 3 ? Math.min(Math.max(v[0], v[1]), v[2]) : void 0;
+				}
+			},
+			shape: (items, where, sort, limit) => {
+				let list = Array.isArray(items) ? items.slice() : [];
+				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
+				if (sort.length > 0) {
+					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
+					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
+					list.sort((a, b) => {
+						for (const key of sort) {
+							const descending = key.startsWith("-");
+							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
+							if (order !== 0) return descending ? -order : order;
+						}
+						return 0;
+					});
+				}
+				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
+			}
+		};
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const refs = {};
+		const state_internalOpen = ref(false);
+		const state_toasts = ref([]);
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			const declared = {
+				"close": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				},
+				"dismiss": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				}
+			};
+			const checks = {
+				"close": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "timeout" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"open",
+					"reason",
+					"trigger"
+				].includes(key)),
+				"dismiss": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && (detail["reason"] === "action" || detail["reason"] === "timeout") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"id",
+					"reason",
+					"trigger"
+				].includes(key))
+			};
+			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
+			emit(name, detail);
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				...declared[name],
+				detail
+			})) ?? true;
+		};
+		function read(name) {
+			if (name === "internalOpen") return state_internalOpen.value;
+			if (name === "toasts") return state_toasts.value;
+			return props[name];
+		}
+		function write(name, value) {
+			if (name === "internalOpen") {
+				state_internalOpen.value = value;
+				return true;
+			}
+			if (name === "toasts") {
+				state_toasts.value = value;
+				return true;
+			}
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		let ready;
+		onMounted(() => {
+			ready = Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		__expose({ show: async (...args) => {
+			await ready;
+			return controllerModule["show"](host, ...args);
+		} });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				"data-component": "ui-toast-region",
+				role: "region",
+				"aria-label": "Notifications",
+				"aria-live": "polite",
+				popover: "manual"
+			}, _ctx.$attrs, {
+				ref_key: "root",
+				ref: root
+			}), [renderSlot(_ctx.$slots, "default"), (openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_toasts.value, void 0, [], void 0), (toast, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: toast?.id,
+					class: normalizeClass(["toast", { "closing": hn.t(toast?.closing) }]),
+					id: hn.attr(toast?.id),
+					role: hn.attr(toast?.role)
+				}, [createElementVNode("span", _hoisted_2, toDisplayString(hn.text(toast?.message)), 1), createElementVNode("span", {
+					class: "dismiss",
+					"data-toast": hn.attr(toast?.id)
+				}, [createVNode(UiIconButton_default, {
+					size: "sm",
+					variant: "ghost",
+					round: true,
+					label: hn.call("format", "Dismiss %s", toast?.message)
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: "M18 6 6 18M6 6l12 12" })], -1)])]),
+					_: 1
+				}, 8, ["label"])], 8, _hoisted_3)], 10, _hoisted_1);
+			}), 128))], 16);
+		};
+	}
+}), [["__scopeId", "data-v-b607cf88"]]);
+//#endregion
+export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -0,0 +1,163 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-tooltip/ui-tooltip.js";
+//#region .build/vue/UiTooltip.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["hidden", "data-ui-tooltip-state"];
+var _hoisted_2 = { class: "surface" };
+//#endregion
+//#region .build/vue/UiTooltip.vue
+var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiTooltip",
+	props: {
+		for: { default: "" },
+		hideDelay: { default: 100 },
+		inverse: {
+			type: [Boolean, null],
+			default: false
+		},
+		open: {
+			type: [Boolean, null],
+			default: false
+		},
+		placement: { default: "top-start" },
+		showDelay: { default: 500 }
+	},
+	emits: ["open", "close"],
+	setup(__props, { emit: __emit }) {
+		const hn = {
+			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v)
+		};
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const refs = {};
+		const state_internalOpen = ref(false);
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			const declared = {
+				"open": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				},
+				"close": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				}
+			};
+			const checks = {
+				"open": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"open",
+					"reason",
+					"trigger"
+				].includes(key)),
+				"close": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"open",
+					"reason",
+					"trigger"
+				].includes(key))
+			};
+			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
+			emit(name, detail);
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				...declared[name],
+				detail
+			})) ?? true;
+		};
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => ["inverse", "placement"].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			if (name === "internalOpen") return state_internalOpen.value;
+			return props[name];
+		}
+		function write(name, value) {
+			if (name === "internalOpen") {
+				state_internalOpen.value = value;
+				return true;
+			}
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps({
+				"data-component": "ui-tooltip",
+				role: "tooltip"
+			}, _ctx.$attrs, {
+				hidden: hn.attr(!hn.t(state_internalOpen.value)),
+				"data-ui-tooltip-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-df5715b2"]]);
+//#endregion
+export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -0,0 +1,25 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+//#region .build/vue/UiTopBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "leading" };
+var _hoisted_2 = { class: "title" };
+var _hoisted_3 = { class: "search" };
+var _hoisted_4 = { class: "actions" };
+//#endregion
+//#region .build/vue/UiTopBar.vue
+var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiTopBar",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", mergeProps({ "data-component": "ui-top-bar" }, _ctx.$attrs), [
+				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "search", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])
+			], 16);
+		};
+	}
+}), [["__scopeId", "data-v-ee7c5f3c"]]);
+//#endregion
+export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -0,0 +1,140 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-tree/ui-tree.js";
+//#endregion
+//#region .build/vue/UiTree.vue
+var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiTree",
+	props: {
+		hoverExpandDelay: { default: 700 },
+		label: { default: "Tree" },
+		maxDepth: { default: 0 }
+	},
+	emits: ["reorder", "reorder-rejected"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const refs = {};
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			const declared = {
+				"reorder": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				},
+				"reorder-rejected": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				}
+			};
+			const checks = {
+				"reorder": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["sourceId"] === "string" && typeof detail["targetId"] === "string" && (detail["position"] === "before" || detail["position"] === "inside" || detail["position"] === "after") && typeof detail["sourceType"] === "string" && typeof detail["targetType"] === "string" && typeof detail["sourceScope"] === "string" && typeof detail["targetScope"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"sourceId",
+					"targetId",
+					"position",
+					"sourceType",
+					"targetType",
+					"sourceScope",
+					"targetScope",
+					"trigger"
+				].includes(key)),
+				"reorder-rejected": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["sourceId"] === "string" && typeof detail["targetId"] === "string" && (detail["position"] === "before" || detail["position"] === "inside" || detail["position"] === "after") && detail["reason"] === "max-depth" && Number.isInteger(detail["maxDepth"]) && Number.isInteger(detail["resultingDepth"]) && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"sourceId",
+					"targetId",
+					"position",
+					"reason",
+					"maxDepth",
+					"resultingDepth",
+					"trigger"
+				].includes(key))
+			};
+			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
+			emit(name, detail);
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				...declared[name],
+				detail
+			})) ?? true;
+		};
+		function read(name) {
+			return props[name];
+		}
+		function write(name, value) {
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				"data-component": "ui-tree",
+				role: "tree"
+			}, _ctx.$attrs, {
+				ref_key: "root",
+				ref: root
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16);
+		};
+	}
+}), [["__scopeId", "data-v-fbd119c9"]]);
+//#endregion
+export { UiTree_default as t };