@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiSelect.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 { n as readBoundControl, r as vBindControl, t as SelectedOptions } from "./control.js";
 import { computed, createElementBlock, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
@@ -139,18 +138,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		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 model = computed({
@@ -158,14 +146,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			set: (value) => emit("update:modelValue", value)
 		});
 		const root = ref(null);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "select")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-select> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-select> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("select", "ui-select");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
@@ -195,15 +176,15 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, name)
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("select", mergeProps({ "data-component": "ui-select" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("select", mergeProps({ class: "ui-select" }, unref(nativeAttrs)(_ctx.$attrs), {
 				disabled: checkedProps.value.disabled ?? void 0,
 				required: checkedProps.value.required ?? void 0,
 				"aria-invalid": checkedProps.value.invalid ?? void 0,
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
-				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				onChange: _cache[0] || (_cache[0] = ($event) => model.value = unref(readBoundControl)($event.currentTarget)),
 				"data-ui-select-state": hostState.value || void 0,
 				ref_key: "root",
@@ -228,6 +209,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-395cd822"]]);
+}), [["__scopeId", "data-v-fab99282"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSeparator.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, 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 } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSeparator.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-orientation",
@@ -107,26 +107,8 @@ var UiSeparator_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 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 hydrationNode = getCurrentInstance()?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "hr")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-separator> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-separator> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("hr", "ui-separator");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.emphasis && "emphasis",
@@ -135,12 +117,12 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			checkedProps.value.selected && "selected"
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("hr", mergeProps({ "data-component": "ui-separator" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("hr", mergeProps({ class: "ui-separator" }, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-orientation": checkedProps.value.orientation ?? void 0,
-				"data-emphasis": reflectedProp("emphasis", "emphasis", checkedProps.value.emphasis, void 0, false),
-				"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
-				"data-selectable": reflectedProp("selectable", "selectable", checkedProps.value.selectable, void 0, false),
-				"data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
+				"data-emphasis": unref(reflectedProp)("emphasis", "emphasis", checkedProps.value.emphasis, void 0, false),
+				"data-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-selectable": unref(reflectedProp)("selectable", "selectable", checkedProps.value.selectable, void 0, false),
+				"data-selected": unref(reflectedProp)("selected", "selected", checkedProps.value.selected, void 0, false),
 				"data-ui-separator-state": hostState.value || void 0
 			}), null, 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -148,6 +130,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-91bdfad3"]]);
+}), [["__scopeId", "data-v-1dc09131"]]);
 //#endregion
 export { UiSeparator_default as t };

package/vue/chunks/UiSidebar.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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSidebar.vue?vue&type=script&setup=true&lang.ts
@@ -18,14 +17,6 @@ var _hoisted_1 = [
 var _hoisted_2 = { class: "viewport" };
 var _hoisted_3 = { class: "content" };
 var _hoisted_4 = ["aria-label", "hidden"];
-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/UiSidebar.vue
 var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -227,18 +218,7 @@ var UiSidebar_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);
@@ -246,22 +226,10 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const internalCollapsed = ref(false);
 		const drawer = ref(false);
 		const resizing = ref(false);
-		let guardedPrevious;
-		const guarded = computed(() => {
-			if (!(htmlNextAuthoredCheck2(drawer.value == null || typeof drawer.value === "boolean", "not $resizable or $drawer or $internalCollapsed:drawer", "./components/ui-sidebar/ui-sidebar.html: HR007: Reference drawer does not satisfy its declared type.") && htmlNextAuthoredCheck2(internalCollapsed.value == null || typeof internalCollapsed.value === "boolean", "not $resizable or $drawer or $internalCollapsed:internalCollapsed", "./components/ui-sidebar/ui-sidebar.html: HR007: Reference internalCollapsed does not satisfy its declared type."))) return guardedPrevious;
-			return guardedPrevious = !checkedProps.value.resizable || drawer.value || internalCollapsed.value;
-		});
 		provide("html-next:ui-sidebar:internalCollapsed", internalCollapsed);
 		provide("html-next:ui-sidebar:drawer", drawer);
 		provide("html-next:ui-sidebar:resizing", resizing);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "aside")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-sidebar> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-sidebar> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("aside", "ui-sidebar");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.side && "side",
@@ -332,16 +300,16 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("aside", mergeProps({ "data-component": "ui-sidebar" }, nativeAttrs(_ctx.$attrs), {
-				"data-breakpoint": reflectedProp("breakpoint", "breakpoint", checkedProps.value.breakpoint, void 0, false),
-				"data-collapsed": reflectedProp("collapsed", "collapsed", checkedProps.value.collapsed, void 0, false),
-				"data-max-width": reflectedProp("maxWidth", "max-width", checkedProps.value.maxWidth, void 0, false),
-				"data-min-width": reflectedProp("minWidth", "min-width", checkedProps.value.minWidth, void 0, false),
-				"data-resizable": reflectedProp("resizable", "resizable", checkedProps.value.resizable, void 0, false),
-				"data-resize-label": reflectedProp("resizeLabel", "resize-label", checkedProps.value.resizeLabel, void 0, false),
-				"data-resize-step": reflectedProp("resizeStep", "resize-step", checkedProps.value.resizeStep, void 0, false),
-				"data-side": reflectedProp("side", "side", checkedProps.value.side, void 0, false),
-				"data-width": reflectedProp("width", "width", checkedProps.value.width, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("aside", mergeProps({ class: "ui-sidebar" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-breakpoint": unref(reflectedProp)("breakpoint", "breakpoint", checkedProps.value.breakpoint, void 0, false),
+				"data-collapsed": unref(reflectedProp)("collapsed", "collapsed", checkedProps.value.collapsed, void 0, false),
+				"data-max-width": unref(reflectedProp)("maxWidth", "max-width", checkedProps.value.maxWidth, void 0, false),
+				"data-min-width": unref(reflectedProp)("minWidth", "min-width", checkedProps.value.minWidth, void 0, false),
+				"data-resizable": unref(reflectedProp)("resizable", "resizable", checkedProps.value.resizable, void 0, false),
+				"data-resize-label": unref(reflectedProp)("resizeLabel", "resize-label", checkedProps.value.resizeLabel, void 0, false),
+				"data-resize-step": unref(reflectedProp)("resizeStep", "resize-step", checkedProps.value.resizeStep, void 0, false),
+				"data-side": unref(reflectedProp)("side", "side", checkedProps.value.side, void 0, false),
+				"data-width": unref(reflectedProp)("width", "width", checkedProps.value.width, void 0, false),
 				"data-ui-sidebar-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -352,7 +320,7 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				tabindex: "0",
 				"data-ui-affordance": "resize",
 				"aria-label": checkedProps.value.resizeLabel ?? void 0,
-				hidden: guarded.value,
+				hidden: !checkedProps.value.resizable || drawer.value || internalCollapsed.value,
 				ref_key: "resizerElement",
 				ref: resizerElement
 			}, [..._cache[0] || (_cache[0] = [createElementVNode("span", {
@@ -364,6 +332,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2a2e6016"]]);
+}), [["__scopeId", "data-v-d781964e"]]);
 //#endregion
 export { UiSidebar_default as t };

package/vue/chunks/UiSpinner.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { a as concat, i as checkHydratedRoot, 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 } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSpinner.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"role",
@@ -69,19 +69,7 @@ var UiSpinner_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 hydrationInstance = getCurrentInstance();
+		const reflectedProp = useReflectedProp();
 		let guardedPrevious = null;
 		const guarded = computed(() => {
 			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
@@ -144,41 +132,17 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				false: "true"
 			}, concat(checkedProps.value.label !== "")));
 		});
-		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-spinner> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-spinner> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("span", "ui-spinner");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
-		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);
-		}
-		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("");
-		}
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
-				"data-component": "ui-spinner",
-				class: "ring"
-			}, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-spinner ring" }, unref(nativeAttrs)(_ctx.$attrs), {
 				role: guarded.value,
 				"aria-label": guardedBinding.value,
 				"aria-live": guardedBinding2.value,
 				"aria-hidden": guardedBinding3.value,
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-spinner-state": hostState.value || void 0
 			}), [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 				viewBox: "0 0 50 50",
@@ -201,6 +165,6 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6551ff4d"]]);
+}), [["__scopeId", "data-v-b1af5e74"]]);
 //#endregion
 export { UiSpinner_default as t };

package/vue/chunks/UiStack.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, 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 } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiStack.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-align",
@@ -140,26 +140,8 @@ var UiStack_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 hydrationNode = getCurrentInstance()?.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-stack> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-stack> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("div", "ui-stack");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.fill && "fill",
@@ -173,13 +155,13 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			checkedProps.value.justify != null && `justify=${encodeURIComponent(checkedProps.value.justify)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-stack" }, nativeAttrs(_ctx.$attrs), {
-				style: { "--ui-stack-height": checkedProps.value.height ?? void 0 },
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-fill": reflectedProp("fill", "fill", checkedProps.value.fill, void 0, false),
-				"data-gap": reflectedProp("gap", "gap", checkedProps.value.gap, void 0, false),
-				"data-height": reflectedProp("height", "height", checkedProps.value.height, void 0, false),
-				"data-justify": reflectedProp("justify", "justify", checkedProps.value.justify, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-stack" }, unref(nativeAttrs)(_ctx.$attrs), {
+				style: { "--ui-stack-height": checkedProps.value.height?.toString() },
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
+				"data-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-height": unref(reflectedProp)("height", "height", checkedProps.value.height, void 0, false),
+				"data-justify": unref(reflectedProp)("justify", "justify", checkedProps.value.justify, void 0, false),
 				"data-ui-stack-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -187,6 +169,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-10ce261e"]]);
+}), [["__scopeId", "data-v-12a17b88"]]);
 //#endregion
 export { UiStack_default as t };

package/vue/chunks/UiStatusMessage.js

@@ -1,7 +1,7 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { a as concat, i as checkHydratedRoot, 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 } from "./props.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiStatusMessage.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"role",
@@ -100,19 +100,7 @@ var UiStatusMessage_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 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 hydrationInstance = getCurrentInstance();
+		const reflectedProp = useReflectedProp();
 		let guardedPrevious = null;
 		const guarded = computed(() => {
 			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
@@ -124,14 +112,7 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				false: "status"
 			}, concat(checkedProps.value.kind === "error")));
 		});
-		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-status-message> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-status-message> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-status-message");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.kind && "kind",
@@ -139,29 +120,16 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			checkedProps.value.layout && "layout",
 			checkedProps.value.layout != null && `layout=${encodeURIComponent(checkedProps.value.layout)}`
 		].filter(Boolean).join(" "));
-		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);
-		}
-		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("");
-		}
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-status-message" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-status-message" }, unref(nativeAttrs)(_ctx.$attrs), {
 				role: guarded.value,
-				"data-heading": reflectedProp("heading", "heading", checkedProps.value.heading, void 0, false),
-				"data-kind": reflectedProp("kind", "kind", checkedProps.value.kind, void 0, false),
-				"data-layout": reflectedProp("layout", "layout", checkedProps.value.layout, void 0, false),
+				"data-heading": unref(reflectedProp)("heading", "heading", checkedProps.value.heading, void 0, false),
+				"data-kind": unref(reflectedProp)("kind", "kind", checkedProps.value.kind, void 0, false),
+				"data-layout": unref(reflectedProp)("layout", "layout", checkedProps.value.layout, void 0, false),
 				"data-ui-status-message-state": hostState.value || void 0
 			}), [
 				createVNode(UiSpinner_default, {
+					class: "ui-spinner",
 					size: "sm",
 					hidden: checkedProps.value.kind !== "loading"
 				}, null, 8, ["hidden"]),
@@ -176,6 +144,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8783f735"]]);
+}), [["__scopeId", "data-v-0700f9fb"]]);
 //#endregion
 export { UiStatusMessage_default as t };

package/vue/chunks/UiSwitch.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 { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
@@ -21,14 +20,6 @@ var _hoisted_2 = [
 ];
 var _hoisted_3 = { class: "text" };
 var _hoisted_4 = { class: "label" };
-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/UiSwitch.vue
 var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -172,38 +163,15 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		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 inputElement = useTemplateRef("inputElement");
 		const descriptionElement = useTemplateRef("descriptionElement");
 		const internalChecked = ref(false);
-		let guardedPrevious;
-		computed(() => {
-			if (!htmlNextAuthoredCheck2(internalChecked.value == null || typeof internalChecked.value === "boolean", "$internalChecked:internalChecked", "./components/ui-switch/ui-switch.html: HR007: Reference internalChecked does not satisfy its declared type.")) return guardedPrevious;
-			return guardedPrevious = internalChecked.value;
-		});
 		provide("html-next:ui-switch:internalChecked", internalChecked);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "label")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-switch> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-switch> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("label", "ui-switch");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.disabled && "disabled",
@@ -255,13 +223,13 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			state: { internalChecked }
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("label", mergeProps({ "data-component": "ui-switch" }, nativeAttrs(_ctx.$attrs), {
-				"data-checked": reflectedProp("checked", "checked", checkedProps.value.checked, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false),
-				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("label", mergeProps({ class: "ui-switch" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-switch-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -291,6 +259,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0e78d118"]]);
+}), [["__scopeId", "data-v-ebf64e70"]]);
 //#endregion
 export { UiSwitch_default as t };