@threadlabs/looma 0.24.1 → 0.25.1

package/vue/chunks/UiAffordanceScope.js

@@ -1,6 +1,6 @@
 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 { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.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
 var _hoisted_1 = [
@@ -100,6 +100,10 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		useComponentHost(() => import("@threadlabs/looma/components/ui-affordance-scope/ui-affordance-scope.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { engaged: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-affordance-scope/ui-affordance-scope.js",
 				definition: "./components/ui-affordance-scope/ui-affordance-scope.html"
@@ -130,6 +134,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c541c0bf"]]);
+}), [["__scopeId", "data-v-4483d92e"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -1,6 +1,6 @@
 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 { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.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";
 //#region .build/vue/UiAvatar.vue?vue&type=script&setup=true&lang.ts
@@ -19,6 +19,14 @@ 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({
@@ -209,39 +217,39 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		}
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
-		const imageElement = useTemplateRef("image");
+		const imageElement = useTemplateRef("imageElement");
 		const hasImage = ref(false);
 		const hasAuthoredImage = ref(false);
 		const initials = ref("?");
 		const showGlyph = ref(false);
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!((hasAuthoredImage.value == null || typeof hasAuthoredImage.value === "boolean") && (hasImage.value == null || typeof hasImage.value === "boolean"))) return guardedPrevious;
+			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 (!(hasImage.value == null || typeof hasImage.value === "boolean")) return guardedBindingPrevious;
+			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 (!(hasImage.value == null || typeof hasImage.value === "boolean")) return guardedBinding2Previous;
+			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 (!(showGlyph.value == null || typeof showGlyph.value === "boolean")) return guardedBinding3Previous;
+			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 (!(initials.value == null || typeof initials.value === "string")) return guardedBinding4Previous;
+			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 (!(showGlyph.value == null || typeof showGlyph.value === "boolean")) return guardedBinding5Previous;
+			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);
@@ -269,6 +277,24 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		useComponentHost(() => import("@threadlabs/looma/components/ui-avatar/ui-avatar.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				hasImage: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				hasAuthoredImage: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				initials: {
+					kind: "terminal",
+					name: "string"
+				},
+				showGlyph: {
+					kind: "terminal",
+					name: "boolean"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-avatar/ui-avatar.js",
 				definition: "./components/ui-avatar/ui-avatar.html"
@@ -322,7 +348,8 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					"aria-hidden": "true",
 					src: checkedProps.value.src ?? void 0,
 					hidden: guarded.value,
-					ref: "image"
+					ref_key: "imageElement",
+					ref: imageElement
 				}, null, 8, _hoisted_2),
 				createElementVNode("span", {
 					class: "fallback",
@@ -335,6 +362,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5b9584a4"]]);
+}), [["__scopeId", "data-v-b539c7e9"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -1,6 +1,6 @@
 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 { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.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
 var _hoisted_1 = [
@@ -13,6 +13,14 @@ 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({
@@ -145,22 +153,22 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		}
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
-		const overflowElement = useTemplateRef("overflow");
+		const overflowElement = useTemplateRef("overflowElement");
 		const overflowCount = ref(0);
 		const overflowAnnouncement = ref("");
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!(overflowCount.value == null || Number.isInteger(overflowCount.value))) return guardedPrevious;
+			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 (!(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === "string")) return guardedBindingPrevious;
+			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 (!(overflowCount.value == null || Number.isInteger(overflowCount.value))) return guardedBinding2Previous;
+			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);
@@ -179,6 +187,16 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		useComponentHost(() => import("@threadlabs/looma/components/ui-avatar-group/ui-avatar-group.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				overflowCount: {
+					kind: "terminal",
+					name: "integer"
+				},
+				overflowAnnouncement: {
+					kind: "terminal",
+					name: "string"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-avatar-group/ui-avatar-group.js",
 				definition: "./components/ui-avatar-group/ui-avatar-group.html"
@@ -225,13 +243,14 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				role: "img",
 				hidden: guarded.value,
 				"aria-label": guardedBinding.value,
-				ref: "overflow"
+				ref_key: "overflowElement",
+				ref: overflowElement
 			}, toDisplayString("+" + (guardedBinding2.value ?? "")), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-85029628"]]);
+}), [["__scopeId", "data-v-7e72d264"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -169,6 +169,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9da6c6bc"]]);
+}), [["__scopeId", "data-v-b1009c5d"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
@@ -108,6 +108,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a24a4f55"]]);
+}), [["__scopeId", "data-v-fc0641df"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "data-label"];
@@ -64,6 +64,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0cddfec8"]]);
+}), [["__scopeId", "data-v-e86cf7cf"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };

package/vue/chunks/UiButton.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus, r as useComponentHost, t as createDispatch } from "./host.js";
-import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
@@ -755,6 +755,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ecae2439"]]);
+}), [["__scopeId", "data-v-5c174bca"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-tone", "data-ui-callout-state"];
@@ -160,6 +160,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3384cc00"]]);
+}), [["__scopeId", "data-v-317e6e6e"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCard.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus } from "./host.js";
-import { i as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -267,6 +267,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-397f2e1f"]]);
+}), [["__scopeId", "data-v-fa2ae386"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.js

@@ -1,6 +1,6 @@
 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 { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.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";
 //#region .build/vue/UiCheckbox.vue?vue&type=script&setup=true&lang.ts
@@ -25,11 +25,14 @@ var _hoisted_2 = [
 ];
 var _hoisted_3 = { class: "text" };
 var _hoisted_4 = { class: "label" };
-var _hoisted_5 = {
-	class: "description",
-	"aria-hidden": "true",
-	ref: "description"
-};
+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/UiCheckbox.vue
 var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -226,12 +229,12 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const inputElement = useTemplateRef("input");
-		const descriptionElement = useTemplateRef("description");
+		const inputElement = useTemplateRef("inputElement");
+		const descriptionElement = useTemplateRef("descriptionElement");
 		const internalChecked = ref(false);
 		let guardedPrevious;
 		computed(() => {
-			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(internalChecked.value == null || typeof internalChecked.value === "boolean", "internalChecked:internalChecked", "./components/ui-checkbox/ui-checkbox.html: HR007: Reference internalChecked does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = internalChecked.value;
 		});
 		provide("html-next:ui-checkbox:internalChecked", internalChecked);
@@ -262,6 +265,10 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		useComponentHost(() => import("@threadlabs/looma/components/ui-checkbox/ui-checkbox.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalChecked: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-checkbox/ui-checkbox.js",
 				definition: "./components/ui-checkbox/ui-checkbox.html"
@@ -313,19 +320,25 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				required: checkedProps.value.required ?? void 0,
 				name: checkedProps.value.name ?? void 0,
 				"^value": checkedProps.value.value ?? void 0,
-				ref: "input"
+				ref_key: "inputElement",
+				ref: inputElement
 			}, null, 40, _hoisted_2), [[unref(vBindControl), {
 				tag: "input",
 				name: "checked",
 				value: internalChecked.value,
 				nativeProperty: true,
 				defaultChecked: false
-			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", {
+				class: "description",
+				"aria-hidden": "true",
+				ref_key: "descriptionElement",
+				ref: descriptionElement
+			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-158b8c9b"]]);
+}), [["__scopeId", "data-v-ce204e6e"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCluster.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -164,6 +164,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dde65f80"]]);
+}), [["__scopeId", "data-v-fafdad21"]]);
 //#endregion
 export { UiCluster_default as t };