@threadlabs/looma 0.28.5 → 0.28.6

package/vue/chunks/UiText.js

@@ -1,7 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as preserveRootFocus } from "./host.js";
+import { h as preserveRootFocus, 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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiText.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-align",
@@ -429,29 +428,10 @@ var UiText_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 hydrationInstance = getCurrentInstance();
+		const reflectedProp = useReflectedProp();
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== (checkedProps.value.as === "span" ? "span" : checkedProps.value.as === "div" ? "div" : checkedProps.value.as === "small" ? "small" : checkedProps.value.as === "strong" ? "strong" : checkedProps.value.as === "label" ? "label" : checkedProps.value.as === "h2" ? "h2" : checkedProps.value.as === "h3" ? "h3" : checkedProps.value.as === "h4" ? "h4" : checkedProps.value.as === "h5" ? "h5" : checkedProps.value.as === "h6" ? "h6" : "p"))) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-text> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-text> has an incompatible root."
-			})
-		});
+		checkHydratedRoot(checkedProps.value.as === "span" ? "span" : checkedProps.value.as === "div" ? "div" : checkedProps.value.as === "small" ? "small" : checkedProps.value.as === "strong" ? "strong" : checkedProps.value.as === "label" ? "label" : checkedProps.value.as === "h2" ? "h2" : checkedProps.value.as === "h3" ? "h3" : checkedProps.value.as === "h4" ? "h4" : checkedProps.value.as === "h5" ? "h5" : checkedProps.value.as === "h6" ? "h6" : "p", "ui-text");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.grow && "grow",
@@ -475,19 +455,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		return (_ctx, _cache) => {
 			return checkedProps.value.as === "span" ? withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				key: 0,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -495,19 +475,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "div" ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				key: 1,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)), [[unref(vPropValidity), {
@@ -515,19 +495,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "small" ? withDirectives((openBlock(), createElementBlock("small", mergeProps({
 				key: 2,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3)), [[unref(vPropValidity), {
@@ -535,19 +515,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "strong" ? withDirectives((openBlock(), createElementBlock("strong", mergeProps({
 				key: 3,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_4)), [[unref(vPropValidity), {
@@ -555,19 +535,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "label" ? withDirectives((openBlock(), createElementBlock("label", mergeProps({
 				key: 4,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_5)), [[unref(vPropValidity), {
@@ -575,19 +555,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "h2" ? withDirectives((openBlock(), createElementBlock("h2", mergeProps({
 				key: 5,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_6)), [[unref(vPropValidity), {
@@ -595,19 +575,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "h3" ? withDirectives((openBlock(), createElementBlock("h3", mergeProps({
 				key: 6,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_7)), [[unref(vPropValidity), {
@@ -615,19 +595,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "h4" ? withDirectives((openBlock(), createElementBlock("h4", mergeProps({
 				key: 7,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_8)), [[unref(vPropValidity), {
@@ -635,19 +615,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "h5" ? withDirectives((openBlock(), createElementBlock("h5", mergeProps({
 				key: 8,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_9)), [[unref(vPropValidity), {
@@ -655,19 +635,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : checkedProps.value.as === "h6" ? withDirectives((openBlock(), createElementBlock("h6", mergeProps({
 				key: 9,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_10)), [[unref(vPropValidity), {
@@ -675,19 +655,19 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : withDirectives((openBlock(), createElementBlock("p", mergeProps({
 				key: 10,
-				"data-component": "ui-text"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
-				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
-				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_11)), [[unref(vPropValidity), {
@@ -696,6 +676,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a12d976f"]]);
+}), [["__scopeId", "data-v-82763e55"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.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 } from "./control.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withDirectives } from "vue";
@@ -220,18 +219,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		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({
@@ -239,14 +227,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			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 !== "textarea")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-textarea> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-textarea> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("textarea", "ui-textarea");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
@@ -286,25 +267,25 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, name)
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("textarea", mergeProps({ "data-component": "ui-textarea" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("textarea", mergeProps({ class: "ui-textarea" }, unref(nativeAttrs)(_ctx.$attrs), {
 				disabled: checkedProps.value.disabled ?? void 0,
 				readonly: checkedProps.value.readonly ?? void 0,
 				required: checkedProps.value.required ?? void 0,
 				"aria-invalid": checkedProps.value.invalid ?? void 0,
 				rows: checkedProps.value.rows ?? void 0,
 				style: {
-					"--_rows": checkedProps.value.rows ?? void 0,
-					"--_max-rows": checkedProps.value.maxRows ?? void 0
+					"--_rows": checkedProps.value.rows?.toString(),
+					"--_max-rows": checkedProps.value.maxRows?.toString()
 				},
-				"data-autosize": reflectedProp("autosize", "autosize", checkedProps.value.autosize, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
-				"data-max-rows": reflectedProp("maxRows", "max-rows", checkedProps.value.maxRows, void 0, false),
-				"data-readonly": reflectedProp("readonly", "readonly", checkedProps.value.readonly, void 0, false),
-				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
-				"data-rows": reflectedProp("rows", "rows", checkedProps.value.rows, 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-autosize": unref(reflectedProp)("autosize", "autosize", checkedProps.value.autosize, 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-max-rows": unref(reflectedProp)("maxRows", "max-rows", checkedProps.value.maxRows, void 0, false),
+				"data-readonly": unref(reflectedProp)("readonly", "readonly", checkedProps.value.readonly, void 0, false),
+				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-rows": unref(reflectedProp)("rows", "rows", checkedProps.value.rows, 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),
 				onInput: _cache[0] || (_cache[0] = ($event) => model.value = unref(readBoundControl)($event.currentTarget)),
 				"data-ui-textarea-state": hostState.value || void 0,
 				ref_key: "root",
@@ -321,6 +302,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ac090878"]]);
+}), [["__scopeId", "data-v-9cda2f5d"]]);
 //#endregion
 export { UiTextarea_default as t };