@threadlabs/looma 0.28.13 → 0.28.15

package/vue/chunks/UiMeter.js

@@ -10,15 +10,15 @@ var _hoisted_1 = [
 	"aria-valuetext",
 	"aria-label",
 	"data-ui-meter-segments",
-	"data-label",
-	"data-max",
-	"data-parts",
-	"data-segments",
-	"data-size",
-	"data-tone",
-	"data-value",
-	"data-value-text",
-	"data-variant",
+	"data-ui-meter-prop-label",
+	"data-ui-meter-prop-max",
+	"data-ui-meter-prop-parts",
+	"data-ui-meter-prop-segments",
+	"data-ui-meter-prop-size",
+	"data-ui-meter-prop-tone",
+	"data-ui-meter-prop-value",
+	"data-ui-meter-prop-value-text",
+	"data-ui-meter-prop-variant",
 	"data-ui-meter-state"
 ];
 //#endregion
@@ -467,7 +467,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return guardedBinding7Previous = candidate;
 		});
 		checkHydratedRoot("span", "ui-meter");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
@@ -478,6 +478,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-meter" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
 				role: guarded.value,
 				"aria-valuemin": guardedBinding.value,
 				"aria-valuemax": guardedBinding2.value,
@@ -485,21 +486,21 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				"aria-valuetext": guardedBinding4.value,
 				"aria-label": guardedBinding5.value,
 				"data-ui-meter-segments": guardedBinding6.value,
-				"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-parts": unref(reflectedProp)("parts", "parts", checkedProps.value.parts, void 0, false),
-				"data-segments": unref(reflectedProp)("segments", "segments", checkedProps.value.segments, 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-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
-				"data-value-text": unref(reflectedProp)("valueText", "value-text", checkedProps.value.valueText, void 0, false),
-				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-ui-meter-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-meter-prop-max": unref(reflectedProp)("max", "max", checkedProps.value.max, void 0, false),
+				"data-ui-meter-prop-parts": unref(reflectedProp)("parts", "parts", checkedProps.value.parts, void 0, false),
+				"data-ui-meter-prop-segments": unref(reflectedProp)("segments", "segments", checkedProps.value.segments, void 0, false),
+				"data-ui-meter-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-meter-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-meter-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-ui-meter-prop-value-text": unref(reflectedProp)("valueText", "value-text", checkedProps.value.valueText, void 0, false),
+				"data-ui-meter-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-meter-state": hostState.value || void 0
 			}), [checkedProps.value.variant === "progress" ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: "fill",
 				style: normalizeStyle({ "inline-size": guardedBinding7.value })
-			}, null, 4)) : createCommentVNode("v-if", true), checkedProps.value.variant === "distribution" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(checkedProps.value.parts, (part, index) => {
+			}, null, 4)) : createCommentVNode("v-if", true), checkedProps.value.variant === "distribution" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(checkedProps.value.parts ?? [], (part, index) => {
 				return openBlock(), createElementBlock(Fragment, { key: index }, [part.value > 0 && unref(decimalSubtract)(part.value, part.value) === 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: "part",
@@ -515,6 +516,6 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4b7c5237"]]);
+}), [["__scopeId", "data-v-5b0c8336"]]);
 //#endregion
 export { UiMeter_default as t };

package/vue/chunks/UiNavItem.js

@@ -7,36 +7,66 @@ var _hoisted_1 = [
 	"target",
 	"rel",
 	"aria-current",
-	"data-as",
-	"data-current",
-	"data-density",
-	"data-href",
-	"data-rel",
-	"data-target",
-	"data-variant",
+	"data-ui-nav-item-prop-as",
+	"data-ui-nav-item-prop-current",
+	"data-ui-nav-item-prop-density",
+	"data-ui-nav-item-prop-href",
+	"data-ui-nav-item-prop-rel",
+	"data-ui-nav-item-prop-target",
+	"data-ui-nav-item-prop-variant",
 	"data-ui-nav-item-state"
 ];
-var _hoisted_2 = { class: "leading" };
-var _hoisted_3 = { class: "content" };
-var _hoisted_4 = { class: "label" };
-var _hoisted_5 = { class: "description" };
-var _hoisted_6 = { class: "trailing" };
+var _hoisted_2 = {
+	class: "leading",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_3 = {
+	class: "content",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_4 = {
+	class: "label",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_5 = {
+	class: "description",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_6 = {
+	class: "trailing",
+	"data-hn-ui-nav-item": ""
+};
 var _hoisted_7 = [
 	"aria-current",
-	"data-as",
-	"data-current",
-	"data-density",
-	"data-href",
-	"data-rel",
-	"data-target",
-	"data-variant",
+	"data-ui-nav-item-prop-as",
+	"data-ui-nav-item-prop-current",
+	"data-ui-nav-item-prop-density",
+	"data-ui-nav-item-prop-href",
+	"data-ui-nav-item-prop-rel",
+	"data-ui-nav-item-prop-target",
+	"data-ui-nav-item-prop-variant",
 	"data-ui-nav-item-state"
 ];
-var _hoisted_8 = { class: "leading" };
-var _hoisted_9 = { class: "content" };
-var _hoisted_10 = { class: "label" };
-var _hoisted_11 = { class: "description" };
-var _hoisted_12 = { class: "trailing" };
+var _hoisted_8 = {
+	class: "leading",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_9 = {
+	class: "content",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_10 = {
+	class: "label",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_11 = {
+	class: "description",
+	"data-hn-ui-nav-item": ""
+};
+var _hoisted_12 = {
+	class: "trailing",
+	"data-hn-ui-nav-item": ""
+};
 //#endregion
 //#region .build/vue/UiNavItem.vue
 var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -258,7 +288,7 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}, concat(checkedProps.value.current)));
 		});
 		checkHydratedRoot(checkedProps.value.as === "a" ? "a" : "button", "ui-nav-item");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.variant && "variant",
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
@@ -270,23 +300,26 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				key: 0,
 				class: "ui-nav-item"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-nav-item": "",
 				href: checkedProps.value.href ?? void 0,
 				target: checkedProps.value.target ?? void 0,
 				rel: checkedProps.value.rel ?? void 0,
 				"aria-current": guarded.value,
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
-				"data-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
-				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
-				"data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
-				"data-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
-				"data-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
-				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-ui-nav-item-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-nav-item-prop-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
+				"data-ui-nav-item-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-nav-item-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-ui-nav-item-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
+				"data-ui-nav-item-prop-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
+				"data-ui-nav-item-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-nav-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
 				_cache[0] || (_cache[0] = createElementVNode("span", {
 					class: "indicator",
-					"aria-hidden": "true"
+					"aria-hidden": "true",
+					"data-hn-ui-nav-item": ""
 				}, null, -1)),
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
 				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)])]),
@@ -299,20 +332,23 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				class: "ui-nav-item",
 				type: "button"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-nav-item": "",
 				"aria-current": guardedBinding.value,
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
-				"data-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
-				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
-				"data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
-				"data-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
-				"data-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
-				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-ui-nav-item-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-nav-item-prop-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
+				"data-ui-nav-item-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-nav-item-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-ui-nav-item-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
+				"data-ui-nav-item-prop-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
+				"data-ui-nav-item-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-nav-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
 				_cache[1] || (_cache[1] = createElementVNode("span", {
 					class: "indicator",
-					"aria-hidden": "true"
+					"aria-hidden": "true",
+					"data-hn-ui-nav-item": ""
 				}, null, -1)),
 				createElementVNode("span", _hoisted_8, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_9, [createElementVNode("span", _hoisted_10, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_11, [renderSlot(_ctx.$slots, "description", {}, void 0, true)])]),
@@ -323,6 +359,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7f0c9819"]]);
+}), [["__scopeId", "data-v-fa6599e9"]]);
 //#endregion
 export { UiNavItem_default as t };

package/vue/chunks/UiPageHeader.js

@@ -2,13 +2,31 @@ import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helpe
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiPageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-align", "data-ui-page-header-state"];
-var _hoisted_2 = { class: "leading" };
-var _hoisted_3 = { class: "copy" };
-var _hoisted_4 = { class: "eyebrow" };
-var _hoisted_5 = { class: "title" };
-var _hoisted_6 = { class: "description" };
-var _hoisted_7 = { class: "actions" };
+var _hoisted_1 = ["data-ui-page-header-prop-align", "data-ui-page-header-state"];
+var _hoisted_2 = {
+	class: "leading",
+	"data-hn-ui-page-header": ""
+};
+var _hoisted_3 = {
+	class: "copy",
+	"data-hn-ui-page-header": ""
+};
+var _hoisted_4 = {
+	class: "eyebrow",
+	"data-hn-ui-page-header": ""
+};
+var _hoisted_5 = {
+	class: "title",
+	"data-hn-ui-page-header": ""
+};
+var _hoisted_6 = {
+	class: "description",
+	"data-hn-ui-page-header": ""
+};
+var _hoisted_7 = {
+	class: "actions",
+	"data-hn-ui-page-header": ""
+};
 //#endregion
 //#region .build/vue/UiPageHeader.vue
 var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -42,11 +60,13 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("header", "ui-page-header");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [checkedProps.value.align && "align", checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("header", mergeProps({ class: "ui-page-header" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-page-header": "",
+				"data-ui-page-header-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
 				"data-ui-page-header-state": hostState.value || void 0
 			}), [
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
@@ -62,6 +82,6 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-727f7493"]]);
+}), [["__scopeId", "data-v-1e310bb3"]]);
 //#endregion
 export { UiPageHeader_default as t };

package/vue/chunks/UiPopover.js

@@ -3,13 +3,16 @@ import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acce
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiPopover.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-for",
-	"data-open",
-	"data-placement",
-	"data-size",
+	"data-ui-popover-prop-for",
+	"data-ui-popover-prop-open",
+	"data-ui-popover-prop-placement",
+	"data-ui-popover-prop-size",
 	"data-ui-popover-state"
 ];
-var _hoisted_2 = { class: "surface" };
+var _hoisted_2 = {
+	class: "surface",
+	"data-hn-ui-popover": ""
+};
 //#endregion
 //#region .build/vue/UiPopover.vue
 var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -137,7 +140,7 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const internalOpen = ref(false);
 		provide("html-next:ui-popover:internalOpen", internalOpen);
 		checkHydratedRoot("span", "ui-popover");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			internalOpen.value && "internalOpen",
 			checkedProps.value.size && "size",
@@ -186,10 +189,12 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-popover" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
-				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
-				"data-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-popover": "",
+				"data-ui-popover-prop-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-ui-popover-prop-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-ui-popover-prop-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
+				"data-ui-popover-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-popover-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -199,6 +204,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ce1971f3"]]);
+}), [["__scopeId", "data-v-b7a8154e"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadio.js

@@ -4,12 +4,12 @@ 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/UiRadio.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-checked",
-	"data-disabled",
-	"data-name",
-	"data-required",
-	"data-size",
-	"data-value",
+	"data-ui-radio-prop-checked",
+	"data-ui-radio-prop-disabled",
+	"data-ui-radio-prop-name",
+	"data-ui-radio-prop-required",
+	"data-ui-radio-prop-size",
+	"data-ui-radio-prop-value",
 	"data-ui-radio-state"
 ];
 var _hoisted_2 = [
@@ -18,8 +18,14 @@ var _hoisted_2 = [
 	"^value",
 	"name"
 ];
-var _hoisted_3 = { class: "text" };
-var _hoisted_4 = { class: "label" };
+var _hoisted_3 = {
+	class: "text",
+	"data-hn-ui-radio": ""
+};
+var _hoisted_4 = {
+	class: "label",
+	"data-hn-ui-radio": ""
+};
 //#endregion
 //#region .build/vue/UiRadio.vue
 var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -172,7 +178,7 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const internalChecked = ref(false);
 		provide("html-next:ui-radio:internalChecked", internalChecked);
 		checkHydratedRoot("label", "ui-radio");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.disabled && "disabled",
 			checkedProps.value.size && "size",
@@ -224,17 +230,20 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("label", mergeProps({ class: "ui-radio" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
-				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
-				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-radio": "",
+				"data-ui-radio-prop-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-ui-radio-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-radio-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-radio-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-ui-radio-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-radio-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-radio-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [withDirectives(createElementVNode("input", {
 				type: "radio",
+				"data-hn-ui-radio": "",
 				disabled: checkedProps.value.disabled ?? void 0,
 				required: checkedProps.value.required ?? void 0,
 				"^value": checkedProps.value.value ?? void 0,
@@ -250,6 +259,7 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", {
 				class: "description",
 				"aria-hidden": "true",
+				"data-hn-ui-radio": "",
 				ref_key: "descriptionElement",
 				ref: descriptionElement
 			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -258,6 +268,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-502a1e4a"]]);
+}), [["__scopeId", "data-v-66a7b2a5"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiRadioGroup.js

@@ -6,14 +6,14 @@ var _hoisted_1 = [
 	"aria-required",
 	"aria-invalid",
 	"disabled",
-	"data-disabled",
-	"data-invalid",
-	"data-label",
-	"data-label-visibility",
-	"data-name",
-	"data-orientation",
-	"data-required",
-	"data-value",
+	"data-ui-radio-group-prop-disabled",
+	"data-ui-radio-group-prop-invalid",
+	"data-ui-radio-group-prop-label",
+	"data-ui-radio-group-prop-label-visibility",
+	"data-ui-radio-group-prop-name",
+	"data-ui-radio-group-prop-orientation",
+	"data-ui-radio-group-prop-required",
+	"data-ui-radio-group-prop-value",
 	"data-ui-radio-group-state"
 ];
 //#endregion
@@ -201,7 +201,7 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const internalValue = ref("");
 		provide("html-next:ui-radio-group:internalValue", internalValue);
 		checkHydratedRoot("fieldset", "ui-radio-group");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.invalid && "invalid",
 			checkedProps.value.orientation && "orientation",
@@ -262,26 +262,31 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				class: "ui-radio-group",
 				role: "radiogroup"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-radio-group": "",
 				"aria-required": checkedProps.value.required ?? void 0,
 				"aria-invalid": checkedProps.value.invalid ?? void 0,
 				disabled: checkedProps.value.disabled ?? void 0,
-				"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-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
-				"data-label-visibility": unref(reflectedProp)("labelVisibility", "label-visibility", checkedProps.value.labelVisibility, void 0, false),
-				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
-				"data-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
-				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-ui-radio-group-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-radio-group-prop-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-ui-radio-group-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-radio-group-prop-label-visibility": unref(reflectedProp)("labelVisibility", "label-visibility", checkedProps.value.labelVisibility, void 0, false),
+				"data-ui-radio-group-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-radio-group-prop-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-ui-radio-group-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-ui-radio-group-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-radio-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("legend", { class: normalizeClass({ "sr-only": checkedProps.value.labelVisibility === "sr-only" }) }, toDisplayString(checkedProps.value.label), 3), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [createElementVNode("legend", {
+				"data-hn-ui-radio-group": "",
+				class: normalizeClass({ "sr-only": checkedProps.value.labelVisibility === "sr-only" })
+			}, toDisplayString(checkedProps.value.label), 3), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b26d4760"]]);
+}), [["__scopeId", "data-v-575ed595"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiReel.js

@@ -3,9 +3,9 @@ import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiReel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-gap",
-	"data-item-width",
-	"data-snap",
+	"data-ui-reel-prop-gap",
+	"data-ui-reel-prop-item-width",
+	"data-ui-reel-prop-snap",
 	"data-ui-reel-state"
 ];
 //#endregion
@@ -96,7 +96,7 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-reel");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.gap && "gap",
 			checkedProps.value.gap != null && `gap=${encodeURIComponent(checkedProps.value.gap)}`,
@@ -111,16 +111,18 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				role: "region",
 				tabindex: "0"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
-				"data-item-width": unref(reflectedProp)("itemWidth", "item-width", checkedProps.value.itemWidth, void 0, false),
-				"data-snap": unref(reflectedProp)("snap", "snap", checkedProps.value.snap, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-reel": "",
+				"data-ui-reel-prop-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-ui-reel-prop-item-width": unref(reflectedProp)("itemWidth", "item-width", checkedProps.value.itemWidth, void 0, false),
+				"data-ui-reel-prop-snap": unref(reflectedProp)("snap", "snap", checkedProps.value.snap, void 0, false),
 				"data-ui-reel-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d2bd6269"]]);
+}), [["__scopeId", "data-v-8444852c"]]);
 //#endregion
 export { UiReel_default as t };