@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiToast.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
@@ -77,30 +76,12 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const actionElement = useTemplateRef("actionElement");
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-toast> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-toast> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-toast");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
 		const isDismissDetail = (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) => [
@@ -129,25 +110,17 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}, name),
 			refs: { action: actionElement }
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function attribute(value) {
-			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
-			return value === true ? "" : text(value);
-		}
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-toast" }, nativeAttrs(_ctx.$attrs), {
-				role: attribute({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-toast" }, unref(nativeAttrs)(_ctx.$attrs), {
+				role: unref(attribute)({
 					neutral: "status",
 					info: "status",
 					success: "status",
 					warning: "status",
 					danger: "alert"
 				}[checkedProps.value.tone]),
-				"data-duration": reflectedProp("duration", "duration", checkedProps.value.duration, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-duration": unref(reflectedProp)("duration", "duration", checkedProps.value.duration, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-ui-toast-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -159,13 +132,16 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 					ref: actionElement
 				}, [renderSlot(_ctx.$slots, "action", {}, void 0, true)], 512),
 				createVNode(UiIconButton_default, {
-					class: "dismiss",
+					class: "ui-icon-button dismiss",
 					size: "sm",
 					variant: "ghost",
 					label: "Dismiss notification",
 					round: true
 				}, {
-					default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
+					default: withCtx(() => [createVNode(UiIcon_default, {
+						class: "ui-icon",
+						name: "x"
+					})]),
 					_: 1
 				})
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -174,6 +150,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0812e30e"]]);
+}), [["__scopeId", "data-v-f4302a0f"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -1,9 +1,8 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as useComponentHost, a as concat, g as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiToastRegion.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-duration",
@@ -87,55 +86,13 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const KeyedFailure = defineComponent({
-			props: { error: {
-				type: null,
-				required: true
-			} },
-			setup(props) {
-				return () => {
-					throw props.error;
-				};
-			}
-		});
-		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
-			let last = [];
-			return () => {
-				try {
-					last = slots.default?.() ?? [];
-					return last;
-				} catch (error) {
-					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
-					if (typeof window === "undefined") throw error;
-					return [...last, h(KeyedFailure, { error })];
-				}
-			};
-		} });
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const toasts = ref([]);
 		provide("html-next:ui-toast-region:toasts", toasts);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-toast-region> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-toast-region> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-toast-region");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.placement && "placement", checkedProps.value.placement != null && `placement=${encodeURIComponent(checkedProps.value.placement)}`].filter(Boolean).join(" "));
 		const isDismissDetail = (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) => [
@@ -239,54 +196,21 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}, name),
 			state: { toasts }
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
-		function uniqueKeys(items, keyOf) {
-			const seen = /* @__PURE__ */ new Set();
-			for (let index = 0; index < items.length; index += 1) {
-				const key = keyOf(items[index], index, {
-					index,
-					first: index === 0,
-					last: index === items.length - 1,
-					count: items.length
-				});
-				if (seen.has(key)) {
-					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
-					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR004",
-							message
-						})
-					});
-				}
-				seen.add(key);
-			}
-			return items;
-		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-toast-region",
+				class: "ui-toast-region",
 				role: "region",
 				"aria-label": "Notifications",
 				"aria-live": "polite",
 				popover: "manual"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-duration": reflectedProp("duration", "duration", checkedProps.value.duration, void 0, false),
-				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-duration": unref(reflectedProp)("duration", "duration", checkedProps.value.duration, void 0, false),
+				"data-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
 				"data-ui-toast-region-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [renderSlot(_ctx.$slots, "default"), createVNode(unref(KeyedBoundary), null, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(toasts.value, (toast, index, loop) => toast.id), (toast) => {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(toasts.value, (toast, index, loop) => toast.id), (toast) => {
 					return openBlock(), createElementBlock("div", {
 						key: toast.id,
 						class: normalizeClass(["toast", { closing: toast.closing }]),
@@ -297,12 +221,16 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 						class: "dismiss",
 						"data-toast": toast.id
 					}, [createVNode(UiIconButton_default, {
+						class: "ui-icon-button",
 						size: "sm",
 						variant: "ghost",
 						round: true,
-						label: concat("Dismiss ", toast.message)
+						label: unref(concat)("Dismiss ", toast.message)
 					}, {
-						default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
+						default: withCtx(() => [createVNode(UiIcon_default, {
+							class: "ui-icon",
+							name: "x"
+						})]),
 						_: 1
 					}, 8, ["label"])], 8, _hoisted_4)], 10, _hoisted_2);
 				}), 128))]),
@@ -313,6 +241,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1a7d67f7"]]);
+}), [["__scopeId", "data-v-eacc5283"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTooltip.vue?vue&type=script&setup=true&lang.ts
@@ -16,14 +15,6 @@ var _hoisted_1 = [
 ];
 var _hoisted_2 = { class: "surface" };
 var _hoisted_3 = { class: "shortcut" };
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiTooltip.vue
 var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -201,36 +192,13 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const internalOpen = ref(false);
-		let guardedPrevious;
-		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(internalOpen.value == null || typeof internalOpen.value === "boolean", "not $internalOpen:internalOpen", "./components/ui-tooltip/ui-tooltip.html: HR007: Reference internalOpen does not satisfy its declared type.")) return guardedPrevious;
-			return guardedPrevious = !internalOpen.value;
-		});
 		provide("html-next:ui-tooltip:internalOpen", internalOpen);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-tooltip> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-tooltip> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("span", "ui-tooltip");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.inverse && "inverse"].filter(Boolean).join(" "));
 		const isOpenDetail = (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) => [
@@ -279,17 +247,17 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
-				"data-component": "ui-tooltip",
+				class: "ui-tooltip",
 				role: "tooltip"
-			}, nativeAttrs(_ctx.$attrs), {
-				hidden: guarded.value,
-				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
-				"data-hide-delay": reflectedProp("hideDelay", "hide-delay", checkedProps.value.hideDelay, void 0, false),
-				"data-inverse": reflectedProp("inverse", "inverse", checkedProps.value.inverse, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
-				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
-				"data-show-delay": reflectedProp("showDelay", "show-delay", checkedProps.value.showDelay, void 0, false),
-				"data-trigger": reflectedProp("trigger", "trigger", checkedProps.value.trigger, void 0, false),
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				hidden: !internalOpen.value,
+				"data-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-hide-delay": unref(reflectedProp)("hideDelay", "hide-delay", checkedProps.value.hideDelay, void 0, false),
+				"data-inverse": unref(reflectedProp)("inverse", "inverse", checkedProps.value.inverse, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
+				"data-show-delay": unref(reflectedProp)("showDelay", "show-delay", checkedProps.value.showDelay, void 0, false),
+				"data-trigger": unref(reflectedProp)("trigger", "trigger", checkedProps.value.trigger, void 0, false),
 				"data-ui-tooltip-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -299,6 +267,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4a6fb61a"]]);
+}), [["__scopeId", "data-v-2432cd9d"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -1,5 +1,5 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot } from "vue";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
 //#region .build/vue/UiTopBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "leading" };
 var _hoisted_2 = { class: "title" };
@@ -11,21 +11,9 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	inheritAttrs: false,
 	__name: "UiTopBar",
 	setup(__props) {
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const hydrationNode = getCurrentInstance()?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "header")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-top-bar> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-top-bar> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("header", "ui-top-bar");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", mergeProps({ "data-component": "ui-top-bar" }, nativeAttrs(_ctx.$attrs)), [
+			return openBlock(), createElementBlock("header", mergeProps({ class: "ui-top-bar" }, unref(nativeAttrs)(_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)]),
@@ -33,6 +21,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-a631d5b4"]]);
+}), [["__scopeId", "data-v-c64e8e40"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTree.vue?vue&type=script&setup=true&lang.ts
@@ -179,29 +178,11 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-tree> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-tree> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-tree");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.marquee && "marquee",
@@ -267,16 +248,16 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-tree",
+				class: "ui-tree",
 				role: "tree"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
-				"data-hover-expand-delay": reflectedProp("hoverExpandDelay", "hover-expand-delay", checkedProps.value.hoverExpandDelay, void 0, false),
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-marquee": reflectedProp("marquee", "marquee", checkedProps.value.marquee, void 0, false),
-				"data-max-depth": reflectedProp("maxDepth", "max-depth", checkedProps.value.maxDepth, void 0, false),
-				"data-move-activation": reflectedProp("moveActivation", "move-activation", checkedProps.value.moveActivation, void 0, false),
-				"data-selection": reflectedProp("selection", "selection", checkedProps.value.selection, void 0, false),
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-hover-expand-delay": unref(reflectedProp)("hoverExpandDelay", "hover-expand-delay", checkedProps.value.hoverExpandDelay, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-marquee": unref(reflectedProp)("marquee", "marquee", checkedProps.value.marquee, void 0, false),
+				"data-max-depth": unref(reflectedProp)("maxDepth", "max-depth", checkedProps.value.maxDepth, void 0, false),
+				"data-move-activation": unref(reflectedProp)("moveActivation", "move-activation", checkedProps.value.moveActivation, void 0, false),
+				"data-selection": unref(reflectedProp)("selection", "selection", checkedProps.value.selection, void 0, false),
 				"data-ui-tree-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -286,6 +267,6 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-36f0ce4e"]]);
+}), [["__scopeId", "data-v-3f08970d"]]);
 //#endregion
 export { UiTree_default as t };