@threadlabs/looma 0.28.13 → 0.28.14

package/vue/chunks/UiScrollArea.js

@@ -3,11 +3,11 @@ import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiScrollArea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-fill",
-	"data-orientation",
-	"data-padding",
-	"data-size",
-	"data-trim",
+	"data-ui-scroll-area-prop-fill",
+	"data-ui-scroll-area-prop-orientation",
+	"data-ui-scroll-area-prop-padding",
+	"data-ui-scroll-area-prop-size",
+	"data-ui-scroll-area-prop-trim",
 	"data-ui-scroll-area-state"
 ];
 //#endregion
@@ -143,7 +143,7 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const root = ref(null);
 		const contentElement = useTemplateRef("contentElement");
 		checkHydratedRoot("div", "ui-scroll-area");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.fill && "fill",
 			checkedProps.value.trim && "trim",
@@ -183,24 +183,27 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-scroll-area" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
-				"data-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
-				"data-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-scroll-area": "",
+				"data-ui-scroll-area-prop-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
+				"data-ui-scroll-area-prop-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-ui-scroll-area-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
+				"data-ui-scroll-area-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-scroll-area-prop-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-ui-scroll-area-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", {
 				class: "content",
+				"data-hn-ui-scroll-area": "",
 				ref_key: "contentElement",
 				ref: contentElement
-			}, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1ada0d49"]]);
+}), [["__scopeId", "data-v-1ee8d12c"]]);
 //#endregion
 export { UiScrollArea_default as t };

package/vue/chunks/UiSearchResultRow.js

@@ -5,17 +5,35 @@ import { computed, createElementBlock, createElementVNode, defineComponent, merg
 var _hoisted_1 = [
 	"disabled",
 	"aria-current",
-	"data-density",
-	"data-disabled",
-	"data-selected",
+	"data-ui-search-result-row-prop-density",
+	"data-ui-search-result-row-prop-disabled",
+	"data-ui-search-result-row-prop-selected",
 	"data-ui-search-result-row-state"
 ];
-var _hoisted_2 = { class: "leading" };
-var _hoisted_3 = { class: "content" };
-var _hoisted_4 = { class: "title" };
-var _hoisted_5 = { class: "meta" };
-var _hoisted_6 = { class: "excerpt" };
-var _hoisted_7 = { class: "trailing" };
+var _hoisted_2 = {
+	class: "leading",
+	"data-hn-ui-search-result-row": ""
+};
+var _hoisted_3 = {
+	class: "content",
+	"data-hn-ui-search-result-row": ""
+};
+var _hoisted_4 = {
+	class: "title",
+	"data-hn-ui-search-result-row": ""
+};
+var _hoisted_5 = {
+	class: "meta",
+	"data-hn-ui-search-result-row": ""
+};
+var _hoisted_6 = {
+	class: "excerpt",
+	"data-hn-ui-search-result-row": ""
+};
+var _hoisted_7 = {
+	class: "trailing",
+	"data-hn-ui-search-result-row": ""
+};
 //#endregion
 //#region .build/vue/UiSearchResultRow.vue
 var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -95,7 +113,7 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("button", "ui-search-result-row");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
 			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
@@ -106,26 +124,28 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				class: "ui-search-result-row",
 				type: "button"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-search-result-row": "",
 				disabled: checkedProps.value.disabled ?? void 0,
 				"aria-current": checkedProps.value.selected ?? void 0,
-				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
-				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-selected": unref(reflectedProp)("selected", "selected", checkedProps.value.selected, void 0, false),
+				"data-ui-search-result-row-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-search-result-row-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-search-result-row-prop-selected": unref(reflectedProp)("selected", "selected", checkedProps.value.selected, void 0, false),
 				"data-ui-search-result-row-state": hostState.value || void 0
 			}), [
-				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading")]),
+				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_3, [
-					createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "title")]),
-					createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "meta")]),
-					createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "excerpt")])
+					createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "title", {}, void 0, true)]),
+					createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "meta", {}, void 0, true)]),
+					createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "excerpt", {}, void 0, true)])
 				]),
-				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "trailing")])
+				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "trailing", {}, void 0, true)])
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-475aa1ba"]]);
+}), [["__scopeId", "data-v-d426c69c"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSearchShell.js

@@ -3,17 +3,32 @@ 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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSearchShell.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-dismissible",
-	"data-label",
-	"data-modal",
-	"data-open"
+	"data-ui-search-shell-prop-dismissible",
+	"data-ui-search-shell-prop-label",
+	"data-ui-search-shell-prop-modal",
+	"data-ui-search-shell-prop-open"
 ];
 var _hoisted_2 = ["aria-label"];
-var _hoisted_3 = { class: "panel" };
-var _hoisted_4 = { class: "search" };
-var _hoisted_5 = { class: "status" };
-var _hoisted_6 = { class: "body" };
-var _hoisted_7 = { class: "actions" };
+var _hoisted_3 = {
+	class: "panel",
+	"data-hn-ui-search-shell": ""
+};
+var _hoisted_4 = {
+	class: "search",
+	"data-hn-ui-search-shell": ""
+};
+var _hoisted_5 = {
+	class: "status",
+	"data-hn-ui-search-shell": ""
+};
+var _hoisted_6 = {
+	class: "body",
+	"data-hn-ui-search-shell": ""
+};
+var _hoisted_7 = {
+	class: "actions",
+	"data-hn-ui-search-shell": ""
+};
 //#endregion
 //#region .build/vue/UiSearchShell.vue
 var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -159,27 +174,30 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-search-shell" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-dismissible": unref(reflectedProp)("dismissible", "dismissible", checkedProps.value.dismissible, void 0, false),
-				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
-				"data-modal": unref(reflectedProp)("modal", "modal", checkedProps.value.modal, void 0, false),
-				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-search-shell": "",
+				"data-ui-search-shell-prop-dismissible": unref(reflectedProp)("dismissible", "dismissible", checkedProps.value.dismissible, void 0, false),
+				"data-ui-search-shell-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-search-shell-prop-modal": unref(reflectedProp)("modal", "modal", checkedProps.value.modal, void 0, false),
+				"data-ui-search-shell-prop-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("dialog", {
+				"data-hn-ui-search-shell": "",
 				"aria-label": checkedProps.value.label ?? void 0,
 				ref_key: "dialogElement",
 				ref: dialogElement
 			}, [createElementVNode("div", _hoisted_3, [
-				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "search")]),
-				createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "status")]),
-				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "body")]),
-				createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "footer")])
+				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "search", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "status", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "body", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)])
 			])], 8, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ec3010bd"]]);
+}), [["__scopeId", "data-v-e95db506"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSection.js

@@ -3,17 +3,32 @@ import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-heading",
-	"data-tone",
-	"data-variant",
+	"data-ui-section-prop-heading",
+	"data-ui-section-prop-tone",
+	"data-ui-section-prop-variant",
 	"data-ui-section-state"
 ];
-var _hoisted_2 = { class: "head" };
-var _hoisted_3 = { class: "copy" };
+var _hoisted_2 = {
+	class: "head",
+	"data-hn-ui-section": ""
+};
+var _hoisted_3 = {
+	class: "copy",
+	"data-hn-ui-section": ""
+};
 var _hoisted_4 = ["hidden"];
-var _hoisted_5 = { class: "description" };
-var _hoisted_6 = { class: "actions" };
-var _hoisted_7 = { class: "body" };
+var _hoisted_5 = {
+	class: "description",
+	"data-hn-ui-section": ""
+};
+var _hoisted_6 = {
+	class: "actions",
+	"data-hn-ui-section": ""
+};
+var _hoisted_7 = {
+	class: "body",
+	"data-hn-ui-section": ""
+};
 //#endregion
 //#region .build/vue/UiSection.vue
 var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -98,7 +113,7 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("section", "ui-section");
-		/** 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)}`,
@@ -107,12 +122,15 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("section", mergeProps({ class: "ui-section" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-heading": unref(reflectedProp)("heading", "heading", checkedProps.value.heading, 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-hn": "",
+				"data-hn-ui-section": "",
+				"data-ui-section-prop-heading": unref(reflectedProp)("heading", "heading", checkedProps.value.heading, void 0, false),
+				"data-ui-section-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-section-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-section-state": hostState.value || void 0
 			}), [createElementVNode("span", _hoisted_2, [createElementVNode("span", _hoisted_3, [createElementVNode("h2", {
 				class: "heading",
+				"data-hn-ui-section": "",
 				hidden: !checkedProps.value.heading
 			}, toDisplayString(checkedProps.value.heading), 9, _hoisted_4), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)])]), createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])]), createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -120,6 +138,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d31964a4"]]);
+}), [["__scopeId", "data-v-44de84d0"]]);
 //#endregion
 export { UiSection_default as t };

package/vue/chunks/UiSelect.js

@@ -7,11 +7,11 @@ var _hoisted_1 = [
 	"disabled",
 	"required",
 	"aria-invalid",
-	"data-disabled",
-	"data-invalid",
-	"data-required",
-	"data-size",
-	"data-value",
+	"data-ui-select-prop-disabled",
+	"data-ui-select-prop-invalid",
+	"data-ui-select-prop-required",
+	"data-ui-select-prop-size",
+	"data-ui-select-prop-value",
 	"data-ui-select-state"
 ];
 //#endregion
@@ -147,7 +147,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		const root = ref(null);
 		checkHydratedRoot("select", "ui-select");
-		/** 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)}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-select/ui-select.js"), {
@@ -177,14 +177,16 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("select", mergeProps({ class: "ui-select" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-select": "",
 				disabled: checkedProps.value.disabled ?? void 0,
 				required: checkedProps.value.required ?? void 0,
 				"aria-invalid": checkedProps.value.invalid ?? 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-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-ui-select-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-select-prop-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-ui-select-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-ui-select-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-select-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				onChange: _cache[0] || (_cache[0] = ($event) => model.value = unref(readBoundControl)($event.currentTarget)),
 				"data-ui-select-state": hostState.value || void 0,
 				ref_key: "root",
@@ -209,6 +211,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-fab99282"]]);
+}), [["__scopeId", "data-v-adb7acdb"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSeparator.js

@@ -4,10 +4,10 @@ import { computed, createElementBlock, defineComponent, mergeProps, openBlock, u
 //#region .build/vue/UiSeparator.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-orientation",
-	"data-emphasis",
-	"data-orientation",
-	"data-selectable",
-	"data-selected",
+	"data-ui-separator-prop-emphasis",
+	"data-ui-separator-prop-orientation",
+	"data-ui-separator-prop-selectable",
+	"data-ui-separator-prop-selected",
 	"data-ui-separator-state"
 ];
 //#endregion
@@ -109,7 +109,7 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("hr", "ui-separator");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.emphasis && "emphasis",
 			checkedProps.value.emphasis != null && `emphasis=${encodeURIComponent(checkedProps.value.emphasis)}`,
@@ -118,11 +118,12 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("hr", mergeProps({ class: "ui-separator" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
 				"aria-orientation": checkedProps.value.orientation ?? void 0,
-				"data-emphasis": unref(reflectedProp)("emphasis", "emphasis", checkedProps.value.emphasis, void 0, false),
-				"data-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
-				"data-selectable": unref(reflectedProp)("selectable", "selectable", checkedProps.value.selectable, void 0, false),
-				"data-selected": unref(reflectedProp)("selected", "selected", checkedProps.value.selected, void 0, false),
+				"data-ui-separator-prop-emphasis": unref(reflectedProp)("emphasis", "emphasis", checkedProps.value.emphasis, void 0, false),
+				"data-ui-separator-prop-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-ui-separator-prop-selectable": unref(reflectedProp)("selectable", "selectable", checkedProps.value.selectable, void 0, false),
+				"data-ui-separator-prop-selected": unref(reflectedProp)("selected", "selected", checkedProps.value.selected, void 0, false),
 				"data-ui-separator-state": hostState.value || void 0
 			}), null, 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -130,6 +131,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1dc09131"]]);
+}), [["__scopeId", "data-v-ca7102c6"]]);
 //#endregion
 export { UiSeparator_default as t };

package/vue/chunks/UiSidebar.js

@@ -3,19 +3,25 @@ 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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSidebar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-breakpoint",
-	"data-collapsed",
-	"data-max-width",
-	"data-min-width",
-	"data-resizable",
-	"data-resize-label",
-	"data-resize-step",
-	"data-side",
-	"data-width",
+	"data-ui-sidebar-prop-breakpoint",
+	"data-ui-sidebar-prop-collapsed",
+	"data-ui-sidebar-prop-max-width",
+	"data-ui-sidebar-prop-min-width",
+	"data-ui-sidebar-prop-resizable",
+	"data-ui-sidebar-prop-resize-label",
+	"data-ui-sidebar-prop-resize-step",
+	"data-ui-sidebar-prop-side",
+	"data-ui-sidebar-prop-width",
 	"data-ui-sidebar-state"
 ];
-var _hoisted_2 = { class: "viewport" };
-var _hoisted_3 = { class: "content" };
+var _hoisted_2 = {
+	class: "viewport",
+	"data-hn-ui-sidebar": ""
+};
+var _hoisted_3 = {
+	class: "content",
+	"data-hn-ui-sidebar": ""
+};
 var _hoisted_4 = ["aria-label", "hidden"];
 //#endregion
 //#region .build/vue/UiSidebar.vue
@@ -230,7 +236,7 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		provide("html-next:ui-sidebar:drawer", drawer);
 		provide("html-next:ui-sidebar:resizing", resizing);
 		checkHydratedRoot("aside", "ui-sidebar");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.side && "side",
 			checkedProps.value.side != null && `side=${encodeURIComponent(checkedProps.value.side)}`,
@@ -301,15 +307,17 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("aside", mergeProps({ class: "ui-sidebar" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-breakpoint": unref(reflectedProp)("breakpoint", "breakpoint", checkedProps.value.breakpoint, void 0, false),
-				"data-collapsed": unref(reflectedProp)("collapsed", "collapsed", checkedProps.value.collapsed, void 0, false),
-				"data-max-width": unref(reflectedProp)("maxWidth", "max-width", checkedProps.value.maxWidth, void 0, false),
-				"data-min-width": unref(reflectedProp)("minWidth", "min-width", checkedProps.value.minWidth, void 0, false),
-				"data-resizable": unref(reflectedProp)("resizable", "resizable", checkedProps.value.resizable, void 0, false),
-				"data-resize-label": unref(reflectedProp)("resizeLabel", "resize-label", checkedProps.value.resizeLabel, void 0, false),
-				"data-resize-step": unref(reflectedProp)("resizeStep", "resize-step", checkedProps.value.resizeStep, void 0, false),
-				"data-side": unref(reflectedProp)("side", "side", checkedProps.value.side, void 0, false),
-				"data-width": unref(reflectedProp)("width", "width", checkedProps.value.width, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-sidebar": "",
+				"data-ui-sidebar-prop-breakpoint": unref(reflectedProp)("breakpoint", "breakpoint", checkedProps.value.breakpoint, void 0, false),
+				"data-ui-sidebar-prop-collapsed": unref(reflectedProp)("collapsed", "collapsed", checkedProps.value.collapsed, void 0, false),
+				"data-ui-sidebar-prop-max-width": unref(reflectedProp)("maxWidth", "max-width", checkedProps.value.maxWidth, void 0, false),
+				"data-ui-sidebar-prop-min-width": unref(reflectedProp)("minWidth", "min-width", checkedProps.value.minWidth, void 0, false),
+				"data-ui-sidebar-prop-resizable": unref(reflectedProp)("resizable", "resizable", checkedProps.value.resizable, void 0, false),
+				"data-ui-sidebar-prop-resize-label": unref(reflectedProp)("resizeLabel", "resize-label", checkedProps.value.resizeLabel, void 0, false),
+				"data-ui-sidebar-prop-resize-step": unref(reflectedProp)("resizeStep", "resize-step", checkedProps.value.resizeStep, void 0, false),
+				"data-ui-sidebar-prop-side": unref(reflectedProp)("side", "side", checkedProps.value.side, void 0, false),
+				"data-ui-sidebar-prop-width": unref(reflectedProp)("width", "width", checkedProps.value.width, void 0, false),
 				"data-ui-sidebar-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -319,19 +327,21 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"aria-orientation": "vertical",
 				tabindex: "0",
 				"data-ui-affordance": "resize",
+				"data-hn-ui-sidebar": "",
 				"aria-label": checkedProps.value.resizeLabel ?? void 0,
 				hidden: !checkedProps.value.resizable || drawer.value || internalCollapsed.value,
 				ref_key: "resizerElement",
 				ref: resizerElement
 			}, [..._cache[0] || (_cache[0] = [createElementVNode("span", {
 				class: "guide",
-				"aria-hidden": "true"
+				"aria-hidden": "true",
+				"data-hn-ui-sidebar": ""
 			}, null, -1)])], 8, _hoisted_4)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d781964e"]]);
+}), [["__scopeId", "data-v-4f4a2a59"]]);
 //#endregion
 export { UiSidebar_default as t };

package/vue/chunks/UiSpinner.js

@@ -7,8 +7,8 @@ var _hoisted_1 = [
 	"aria-label",
 	"aria-live",
 	"aria-hidden",
-	"data-label",
-	"data-size",
+	"data-ui-spinner-prop-label",
+	"data-ui-spinner-prop-size",
 	"data-ui-spinner-state"
 ];
 //#endregion
@@ -133,16 +133,17 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}, concat(checkedProps.value.label !== "")));
 		});
 		checkHydratedRoot("span", "ui-spinner");
-		/** 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)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-spinner ring" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
 				role: guarded.value,
 				"aria-label": guardedBinding.value,
 				"aria-live": guardedBinding2.value,
 				"aria-hidden": guardedBinding3.value,
-				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-spinner-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-spinner-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-spinner-state": hostState.value || void 0
 			}), [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 				viewBox: "0 0 50 50",
@@ -165,6 +166,6 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b1af5e74"]]);
+}), [["__scopeId", "data-v-2ac18d52"]]);
 //#endregion
 export { UiSpinner_default as t };

package/vue/chunks/UiStack.js

@@ -3,11 +3,11 @@ 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/UiStack.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-align",
-	"data-fill",
-	"data-gap",
-	"data-height",
-	"data-justify",
+	"data-ui-stack-prop-align",
+	"data-ui-stack-prop-fill",
+	"data-ui-stack-prop-gap",
+	"data-ui-stack-prop-height",
+	"data-ui-stack-prop-justify",
 	"data-ui-stack-state"
 ];
 //#endregion
@@ -142,7 +142,7 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-stack");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.fill && "fill",
 			checkedProps.value.height && "height",
@@ -156,12 +156,14 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-stack" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-stack": "",
 				style: { "--ui-stack-height": checkedProps.value.height?.toString() },
-				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
-				"data-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
-				"data-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
-				"data-height": unref(reflectedProp)("height", "height", checkedProps.value.height, void 0, false),
-				"data-justify": unref(reflectedProp)("justify", "justify", checkedProps.value.justify, void 0, false),
+				"data-ui-stack-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-ui-stack-prop-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
+				"data-ui-stack-prop-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-ui-stack-prop-height": unref(reflectedProp)("height", "height", checkedProps.value.height, void 0, false),
+				"data-ui-stack-prop-justify": unref(reflectedProp)("justify", "justify", checkedProps.value.justify, void 0, false),
 				"data-ui-stack-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -169,6 +171,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-12a17b88"]]);
+}), [["__scopeId", "data-v-6caafa95"]]);
 //#endregion
 export { UiStack_default as t };