@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiActionBar.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/UiActionBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "bar" };
 var _hoisted_2 = { class: "tertiary" };
@@ -11,27 +11,15 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	inheritAttrs: false,
 	__name: "UiActionBar",
 	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 !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-action-bar> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-action-bar> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-action-bar");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-action-bar" }, nativeAttrs(_ctx.$attrs)), [createElementVNode("div", _hoisted_1, [
+			return openBlock(), createElementBlock("div", mergeProps({ class: "ui-action-bar" }, unref(nativeAttrs)(_ctx.$attrs)), [createElementVNode("div", _hoisted_1, [
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "tertiary", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "secondary", {}, void 0, true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "primary", {}, void 0, true)])
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-93af3d07"]]);
+}), [["__scopeId", "data-v-acb39d80"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.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, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAffordanceScope.vue?vue&type=script&setup=true&lang.ts
@@ -66,30 +65,12 @@ var UiAffordanceScope_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 reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
 		const engaged = ref(false);
 		provide("html-next:ui-affordance-scope:engaged", engaged);
-		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-affordance-scope> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-affordance-scope> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("span", "ui-affordance-scope");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			engaged.value && "engaged",
@@ -122,9 +103,9 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			state: { engaged }
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-affordance-scope" }, nativeAttrs(_ctx.$attrs), {
-				"data-guide": reflectedProp("guide", "guide", checkedProps.value.guide, void 0, false),
-				"data-near-radius": reflectedProp("nearRadius", "near-radius", checkedProps.value.nearRadius, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-affordance-scope" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-guide": unref(reflectedProp)("guide", "guide", checkedProps.value.guide, void 0, false),
+				"data-near-radius": unref(reflectedProp)("nearRadius", "near-radius", checkedProps.value.nearRadius, void 0, false),
 				"data-ui-affordance-scope-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -134,6 +115,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0fdbcd5f"]]);
+}), [["__scopeId", "data-v-a532020d"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.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 { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
@@ -19,14 +18,6 @@ var _hoisted_2 = ["src", "hidden"];
 var _hoisted_3 = ["aria-hidden", "hidden"];
 var _hoisted_4 = ["hidden"];
 var _hoisted_5 = ["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/UiAvatar.vue
 var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -203,18 +194,7 @@ var UiAvatar_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 root = ref(null);
 		const imageElement = useTemplateRef("imageElement");
@@ -222,48 +202,11 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const hasAuthoredImage = ref(false);
 		const initials = ref("?");
 		const showGlyph = ref(false);
-		let guardedPrevious;
-		const guarded = computed(() => {
-			if (!(htmlNextAuthoredCheck2(hasAuthoredImage.value == null || typeof hasAuthoredImage.value === "boolean", "$hasAuthoredImage or not $hasImage:hasAuthoredImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasAuthoredImage does not satisfy its declared type.") && htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "$hasAuthoredImage or not $hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type."))) return guardedPrevious;
-			return guardedPrevious = hasAuthoredImage.value || !hasImage.value;
-		});
-		let guardedBindingPrevious;
-		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "$hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBindingPrevious;
-			return guardedBindingPrevious = hasImage.value;
-		});
-		let guardedBinding2Previous;
-		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "$hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBinding2Previous;
-			return guardedBinding2Previous = hasImage.value;
-		});
-		let guardedBinding3Previous;
-		const guardedBinding3 = computed(() => {
-			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "$showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding3Previous;
-			return guardedBinding3Previous = showGlyph.value;
-		});
-		let guardedBinding4Previous;
-		const guardedBinding4 = computed(() => {
-			if (!htmlNextAuthoredCheck2(initials.value == null || typeof initials.value === "string", "$initials:initials", "./components/ui-avatar/ui-avatar.html: HR007: Reference initials does not satisfy its declared type.")) return guardedBinding4Previous;
-			return guardedBinding4Previous = initials.value;
-		});
-		let guardedBinding5Previous;
-		const guardedBinding5 = computed(() => {
-			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "not $showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding5Previous;
-			return guardedBinding5Previous = !showGlyph.value;
-		});
 		provide("html-next:ui-avatar:hasImage", hasImage);
 		provide("html-next:ui-avatar:hasAuthoredImage", hasAuthoredImage);
 		provide("html-next:ui-avatar:initials", initials);
 		provide("html-next:ui-avatar:showGlyph", showGlyph);
-		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-avatar> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-avatar> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("span", "ui-avatar");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
@@ -328,15 +271,15 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-avatar" }, nativeAttrs(_ctx.$attrs), {
-				"data-active": reflectedProp("active", "active", checkedProps.value.active, void 0, false),
-				"data-alt": reflectedProp("alt", "alt", checkedProps.value.alt, void 0, false),
-				"data-decorative": reflectedProp("decorative", "decorative", checkedProps.value.decorative, void 0, false),
-				"data-fallback": reflectedProp("fallback", "fallback", checkedProps.value.fallback, void 0, false),
-				"data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false),
-				"data-shape": reflectedProp("shape", "shape", checkedProps.value.shape, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-src": reflectedProp("src", "src", checkedProps.value.src, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-avatar" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-active": unref(reflectedProp)("active", "active", checkedProps.value.active, void 0, false),
+				"data-alt": unref(reflectedProp)("alt", "alt", checkedProps.value.alt, void 0, false),
+				"data-decorative": unref(reflectedProp)("decorative", "decorative", checkedProps.value.decorative, void 0, false),
+				"data-fallback": unref(reflectedProp)("fallback", "fallback", checkedProps.value.fallback, void 0, false),
+				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-src": unref(reflectedProp)("src", "src", checkedProps.value.src, void 0, false),
 				"data-ui-avatar-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -347,21 +290,24 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					alt: "",
 					"aria-hidden": "true",
 					src: checkedProps.value.src ?? void 0,
-					hidden: guarded.value,
+					hidden: hasAuthoredImage.value || !hasImage.value,
 					ref_key: "imageElement",
 					ref: imageElement
 				}, null, 8, _hoisted_2),
 				createElementVNode("span", {
 					class: "fallback",
-					"aria-hidden": guardedBinding.value,
-					hidden: guardedBinding2.value
-				}, [createElementVNode("span", { hidden: guardedBinding3.value }, toDisplayString(guardedBinding4.value), 9, _hoisted_4), createElementVNode("span", { hidden: guardedBinding5.value }, [createVNode(UiIcon_default, { name: "user-round" })], 8, _hoisted_5)], 8, _hoisted_3)
+					"aria-hidden": hasImage.value,
+					hidden: hasImage.value
+				}, [createElementVNode("span", { hidden: showGlyph.value }, toDisplayString(initials.value), 9, _hoisted_4), createElementVNode("span", { hidden: !showGlyph.value }, [createVNode(UiIcon_default, {
+					class: "ui-icon",
+					name: "user-round"
+				})], 8, _hoisted_5)], 8, _hoisted_3)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-03720dc1"]]);
+}), [["__scopeId", "data-v-35a9bbd0"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.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, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts
@@ -13,14 +12,6 @@ var _hoisted_1 = [
 	"data-ui-avatar-group-state"
 ];
 var _hoisted_2 = ["hidden", "aria-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/UiAvatarGroup.vue
 var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -139,48 +130,15 @@ var UiAvatarGroup_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 reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
 		const overflowElement = useTemplateRef("overflowElement");
 		const overflowCount = ref(0);
 		const overflowAnnouncement = ref("");
-		let guardedPrevious;
-		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(overflowCount.value == null || Number.isInteger(overflowCount.value), "not $overflowCount:overflowCount", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.")) return guardedPrevious;
-			return guardedPrevious = !overflowCount.value;
-		});
-		let guardedBindingPrevious;
-		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === "string", "$overflowAnnouncement:overflowAnnouncement", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowAnnouncement does not satisfy its declared type.")) return guardedBindingPrevious;
-			return guardedBindingPrevious = overflowAnnouncement.value;
-		});
-		let guardedBinding2Previous;
-		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(overflowCount.value == null || Number.isInteger(overflowCount.value), "$overflowCount:overflowCount", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.")) return guardedBinding2Previous;
-			return guardedBinding2Previous = overflowCount.value;
-		});
 		provide("html-next:ui-avatar-group:overflowCount", overflowCount);
 		provide("html-next:ui-avatar-group:overflowAnnouncement", overflowAnnouncement);
-		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-avatar-group> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-avatar-group> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-avatar-group");
 		/** 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);
@@ -226,31 +184,31 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-avatar-group",
+				class: "ui-avatar-group",
 				role: "group"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-label": checkedProps.value.label ?? void 0,
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-max": reflectedProp("max", "max", checkedProps.value.max, void 0, false),
-				"data-overflow-label": reflectedProp("overflowLabel", "overflow-label", checkedProps.value.overflowLabel, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-total": reflectedProp("total", "total", checkedProps.value.total, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-max": unref(reflectedProp)("max", "max", checkedProps.value.max, void 0, false),
+				"data-overflow-label": unref(reflectedProp)("overflowLabel", "overflow-label", checkedProps.value.overflowLabel, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-total": unref(reflectedProp)("total", "total", checkedProps.value.total, void 0, false),
 				"data-ui-avatar-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
 				class: "overflow",
 				role: "img",
-				hidden: guarded.value,
-				"aria-label": guardedBinding.value,
+				hidden: !overflowCount.value,
+				"aria-label": overflowAnnouncement.value,
 				ref_key: "overflowElement",
 				ref: overflowElement
-			}, toDisplayString("+" + (guardedBinding2.value ?? "")), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}, "+" + toDisplayString(overflowCount.value), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e0fcebcf"]]);
+}), [["__scopeId", "data-v-5e2aa6c5"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.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, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-shape",
@@ -137,26 +137,8 @@ var UiBadge_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 !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-badge> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-badge> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("span", "ui-badge");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
@@ -169,11 +151,11 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			checkedProps.value.shape != null && `shape=${encodeURIComponent(checkedProps.value.shape)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-badge" }, nativeAttrs(_ctx.$attrs), {
-				"data-shape": reflectedProp("shape", "shape", checkedProps.value.shape, 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-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-badge" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, 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-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-badge-state": hostState.value || void 0
 			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon")]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -181,6 +163,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9a500035"]]);
+}), [["__scopeId", "data-v-dcfe59e7"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.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 UiIcon_default } from "./UiIcon.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-current",
@@ -43,19 +43,7 @@ var UiBreadcrumbItem_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])({
@@ -73,41 +61,23 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 				false: null
 			}, concat(checkedProps.value.current)));
 		});
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-breadcrumb-item> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-breadcrumb-item> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("li", "ui-breadcrumb-item");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.current && "current"].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("li", mergeProps({ "data-component": "ui-breadcrumb-item" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ class: "ui-breadcrumb-item" }, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-current": guarded.value,
-				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
+				"data-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
 				"data-ui-breadcrumb-item-state": hostState.value || void 0
-			}), [createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, { name: "chevron-right" })]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, {
+				class: "ui-icon",
+				name: "chevron-right"
+			})]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-148f1982"]]);
+}), [["__scopeId", "data-v-0626068f"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.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, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "data-label"];
 var _hoisted_2 = { role: "list" };
@@ -34,36 +34,18 @@ var UiBreadcrumbs_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 !== "nav")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-breadcrumbs> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-breadcrumbs> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("nav", "ui-breadcrumbs");
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("nav", mergeProps({ "data-component": "ui-breadcrumbs" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("nav", mergeProps({ class: "ui-breadcrumbs" }, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-label": checkedProps.value.label ?? void 0,
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false)
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false)
 			}), [createElementVNode("ol", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-978ebab2"]]);
+}), [["__scopeId", "data-v-0c4dea62"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };