@threadlabs/looma 0.28.12 → 0.28.14

package/vue/chunks/UiCombobox.js

@@ -6,37 +6,43 @@ import { t as UiTooltip_default } from "./UiTooltip.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiCombobox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-allow-create",
-	"data-allow-free-text",
-	"data-auto-highlight",
-	"data-clear-query-on-blur",
-	"data-clearable",
-	"data-disabled",
-	"data-disclosure",
-	"data-filter",
-	"data-help",
-	"data-invalid",
-	"data-items",
-	"data-label",
-	"data-label-visibility",
-	"data-loading",
-	"data-multiple",
-	"data-name",
-	"data-open-on-focus",
-	"data-placeholder",
-	"data-query",
-	"data-readonly",
-	"data-required",
-	"data-select-on-tab",
-	"data-selected-values",
-	"data-size",
-	"data-token-separators",
-	"data-value",
+	"data-ui-combobox-prop-allow-create",
+	"data-ui-combobox-prop-allow-free-text",
+	"data-ui-combobox-prop-auto-highlight",
+	"data-ui-combobox-prop-clear-query-on-blur",
+	"data-ui-combobox-prop-clearable",
+	"data-ui-combobox-prop-disabled",
+	"data-ui-combobox-prop-disclosure",
+	"data-ui-combobox-prop-filter",
+	"data-ui-combobox-prop-help",
+	"data-ui-combobox-prop-invalid",
+	"data-ui-combobox-prop-items",
+	"data-ui-combobox-prop-label",
+	"data-ui-combobox-prop-label-visibility",
+	"data-ui-combobox-prop-loading",
+	"data-ui-combobox-prop-multiple",
+	"data-ui-combobox-prop-name",
+	"data-ui-combobox-prop-open-on-focus",
+	"data-ui-combobox-prop-placeholder",
+	"data-ui-combobox-prop-query",
+	"data-ui-combobox-prop-readonly",
+	"data-ui-combobox-prop-required",
+	"data-ui-combobox-prop-select-on-tab",
+	"data-ui-combobox-prop-selected-values",
+	"data-ui-combobox-prop-size",
+	"data-ui-combobox-prop-token-separators",
+	"data-ui-combobox-prop-value",
 	"data-ui-combobox-state"
 ];
 var _hoisted_2 = ["for"];
-var _hoisted_3 = { class: "control" };
-var _hoisted_4 = { class: "entry" };
+var _hoisted_3 = {
+	class: "control",
+	"data-hn-ui-combobox": ""
+};
+var _hoisted_4 = {
+	class: "entry",
+	"data-hn-ui-combobox": ""
+};
 var _hoisted_5 = [
 	"data-index",
 	"disabled",
@@ -75,7 +81,8 @@ var _hoisted_13 = [
 var _hoisted_14 = ["role", "aria-label"];
 var _hoisted_15 = {
 	key: 0,
-	class: "group"
+	class: "group",
+	"data-hn-ui-combobox": ""
 };
 var _hoisted_16 = [
 	"data-multiple",
@@ -88,15 +95,20 @@ var _hoisted_16 = [
 ];
 var _hoisted_17 = {
 	key: 0,
-	class: "detail"
+	class: "detail",
+	"data-hn-ui-combobox": ""
+};
+var _hoisted_18 = {
+	class: "line",
+	"data-hn-ui-combobox": ""
 };
-var _hoisted_18 = { class: "line" };
 var _hoisted_19 = ["id"];
 var _hoisted_20 = ["id"];
 var _hoisted_21 = ["id"];
 var _hoisted_22 = {
 	key: 1,
-	class: "primary"
+	class: "primary",
+	"data-hn-ui-combobox": ""
 };
 var _hoisted_23 = [
 	"data-multiple",
@@ -105,18 +117,21 @@ var _hoisted_23 = [
 ];
 var _hoisted_24 = {
 	key: 1,
-	class: "message"
+	class: "message",
+	"data-hn-ui-combobox": ""
 };
 var _hoisted_25 = {
 	key: 2,
-	class: "message"
+	class: "message",
+	"data-hn-ui-combobox": ""
 };
 var _hoisted_26 = ["id", "hidden"];
 var _hoisted_27 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite",
-	"aria-atomic": "true"
+	"aria-atomic": "true",
+	"data-hn-ui-combobox": ""
 };
 //#endregion
 //#region .build/vue/UiCombobox.vue
@@ -996,7 +1011,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		provide("html-next:ui-combobox:statusText", statusText);
 		provide("html-next:ui-combobox:validationStatus", validationStatus);
 		checkHydratedRoot("div", "ui-combobox");
-		/** 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)}`,
@@ -1695,42 +1710,46 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-combobox" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-allow-create": unref(reflectedProp)("allowCreate", "allow-create", checkedProps.value.allowCreate, void 0, false),
-				"data-allow-free-text": unref(reflectedProp)("allowFreeText", "allow-free-text", checkedProps.value.allowFreeText, void 0, false),
-				"data-auto-highlight": unref(reflectedProp)("autoHighlight", "auto-highlight", checkedProps.value.autoHighlight, void 0, false),
-				"data-clear-query-on-blur": unref(reflectedProp)("clearQueryOnBlur", "clear-query-on-blur", checkedProps.value.clearQueryOnBlur, void 0, false),
-				"data-clearable": unref(reflectedProp)("clearable", "clearable", checkedProps.value.clearable, void 0, false),
-				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-disclosure": unref(reflectedProp)("disclosure", "disclosure", checkedProps.value.disclosure, void 0, false),
-				"data-filter": unref(reflectedProp)("filter", "filter", checkedProps.value.filter, void 0, false),
-				"data-help": unref(reflectedProp)("help", "help", checkedProps.value.help, void 0, false),
-				"data-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
-				"data-items": unref(reflectedProp)("items", "items", checkedProps.value.items, 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-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
-				"data-multiple": unref(reflectedProp)("multiple", "multiple", checkedProps.value.multiple, void 0, false),
-				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
-				"data-open-on-focus": unref(reflectedProp)("openOnFocus", "open-on-focus", checkedProps.value.openOnFocus, void 0, false),
-				"data-placeholder": unref(reflectedProp)("placeholder", "placeholder", checkedProps.value.placeholder, void 0, false),
-				"data-query": unref(reflectedProp)("query", "query", checkedProps.value.query, void 0, false),
-				"data-readonly": unref(reflectedProp)("readonly", "readonly", checkedProps.value.readonly, void 0, false),
-				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
-				"data-select-on-tab": unref(reflectedProp)("selectOnTab", "select-on-tab", checkedProps.value.selectOnTab, void 0, false),
-				"data-selected-values": unref(reflectedProp)("selectedValues", "selected-values", checkedProps.value.selectedValues, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-token-separators": unref(reflectedProp)("tokenSeparators", "token-separators", checkedProps.value.tokenSeparators, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-combobox": "",
+				"data-ui-combobox-prop-allow-create": unref(reflectedProp)("allowCreate", "allow-create", checkedProps.value.allowCreate, void 0, false),
+				"data-ui-combobox-prop-allow-free-text": unref(reflectedProp)("allowFreeText", "allow-free-text", checkedProps.value.allowFreeText, void 0, false),
+				"data-ui-combobox-prop-auto-highlight": unref(reflectedProp)("autoHighlight", "auto-highlight", checkedProps.value.autoHighlight, void 0, false),
+				"data-ui-combobox-prop-clear-query-on-blur": unref(reflectedProp)("clearQueryOnBlur", "clear-query-on-blur", checkedProps.value.clearQueryOnBlur, void 0, false),
+				"data-ui-combobox-prop-clearable": unref(reflectedProp)("clearable", "clearable", checkedProps.value.clearable, void 0, false),
+				"data-ui-combobox-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-combobox-prop-disclosure": unref(reflectedProp)("disclosure", "disclosure", checkedProps.value.disclosure, void 0, false),
+				"data-ui-combobox-prop-filter": unref(reflectedProp)("filter", "filter", checkedProps.value.filter, void 0, false),
+				"data-ui-combobox-prop-help": unref(reflectedProp)("help", "help", checkedProps.value.help, void 0, false),
+				"data-ui-combobox-prop-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-ui-combobox-prop-items": unref(reflectedProp)("items", "items", checkedProps.value.items, void 0, false),
+				"data-ui-combobox-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-combobox-prop-label-visibility": unref(reflectedProp)("labelVisibility", "label-visibility", checkedProps.value.labelVisibility, void 0, false),
+				"data-ui-combobox-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
+				"data-ui-combobox-prop-multiple": unref(reflectedProp)("multiple", "multiple", checkedProps.value.multiple, void 0, false),
+				"data-ui-combobox-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-combobox-prop-open-on-focus": unref(reflectedProp)("openOnFocus", "open-on-focus", checkedProps.value.openOnFocus, void 0, false),
+				"data-ui-combobox-prop-placeholder": unref(reflectedProp)("placeholder", "placeholder", checkedProps.value.placeholder, void 0, false),
+				"data-ui-combobox-prop-query": unref(reflectedProp)("query", "query", checkedProps.value.query, void 0, false),
+				"data-ui-combobox-prop-readonly": unref(reflectedProp)("readonly", "readonly", checkedProps.value.readonly, void 0, false),
+				"data-ui-combobox-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-ui-combobox-prop-select-on-tab": unref(reflectedProp)("selectOnTab", "select-on-tab", checkedProps.value.selectOnTab, void 0, false),
+				"data-ui-combobox-prop-selected-values": unref(reflectedProp)("selectedValues", "selected-values", checkedProps.value.selectedValues, void 0, false),
+				"data-ui-combobox-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-combobox-prop-token-separators": unref(reflectedProp)("tokenSeparators", "token-separators", checkedProps.value.tokenSeparators, void 0, false),
+				"data-ui-combobox-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-combobox-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [
 				createElementVNode("label", {
+					"data-hn-ui-combobox": "",
 					for: guarded.value,
 					class: normalizeClass({ "sr-only": checkedProps.value.labelVisibility === "sr-only" })
 				}, [createTextVNode(toDisplayString(checkedProps.value.label), 1), checkedProps.value.required ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" *")], 64)) : createCommentVNode("v-if", true)], 10, _hoisted_2),
 				createElementVNode("div", _hoisted_3, [createElementVNode("div", {
 					class: "field",
+					"data-hn-ui-combobox": "",
 					ref_key: "fieldElement",
 					ref: fieldElement
 				}, [
@@ -1743,6 +1762,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 									class: "item",
 									type: "button",
 									tabindex: "-1",
+									"data-hn-ui-combobox": "",
 									"data-index": index,
 									disabled: checkedProps.value.disabled || checkedProps.value.readonly || item.disabled,
 									"aria-label": unref(concat)(item.label, ", press Delete or Backspace to remove")
@@ -1757,6 +1777,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							role: "combobox",
 							"aria-autocomplete": "list",
 							autocomplete: "off",
+							"data-hn-ui-combobox": "",
 							id: guardedBinding.value,
 							"aria-controls": guardedBinding2.value,
 							"aria-expanded": expanded.value,
@@ -1779,6 +1800,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					checkedProps.value.name && !checkedProps.value.multiple ? (openBlock(), createElementBlock("input", {
 						key: 0,
 						type: "hidden",
+						"data-hn-ui-combobox": "",
 						name: checkedProps.value.name ?? void 0,
 						"^value": submitted.value,
 						disabled: checkedProps.value.disabled ?? void 0
@@ -1788,6 +1810,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							return openBlock(), createElementBlock("input", {
 								key: item.id,
 								type: "hidden",
+								"data-hn-ui-combobox": "",
 								name: checkedProps.value.name ?? void 0,
 								"^value": item.value,
 								disabled: checkedProps.value.disabled ?? void 0
@@ -1800,6 +1823,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						type: "button",
 						"data-combobox-action": "clear",
 						"aria-label": "Clear",
+						"data-hn-ui-combobox": "",
 						disabled: guardedBinding4.value
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						class: "affordance-icon",
@@ -1808,14 +1832,19 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						fill: "none",
 						stroke: "currentColor",
 						"stroke-width": "2",
-						"stroke-linecap": "round"
-					}, [createElementVNode("path", { d: "M7 7l10 10M17 7 7 17" })], -1)])], 8, _hoisted_9)) : createCommentVNode("v-if", true),
+						"stroke-linecap": "round",
+						"data-hn-ui-combobox": ""
+					}, [createElementVNode("path", {
+						d: "M7 7l10 10M17 7 7 17",
+						"data-hn-ui-combobox": ""
+					})], -1)])], 8, _hoisted_9)) : createCommentVNode("v-if", true),
 					checkedProps.value.disclosure ? (openBlock(), createElementBlock("button", {
 						key: 3,
 						type: "button",
 						"data-combobox-action": "disclosure",
 						tabindex: "-1",
 						"aria-label": "Show suggestions",
+						"data-hn-ui-combobox": "",
 						"aria-controls": guardedBinding5.value,
 						disabled: checkedProps.value.disabled || checkedProps.value.readonly
 					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
@@ -1826,13 +1855,18 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						stroke: "currentColor",
 						"stroke-width": "2.25",
 						"stroke-linecap": "round",
-						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true)
+						"stroke-linejoin": "round",
+						"data-hn-ui-combobox": ""
+					}, [createElementVNode("path", {
+						d: "m6 9 6 6 6-6",
+						"data-hn-ui-combobox": ""
+					})], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true)
 				], 512), checkedProps.value.help ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "help",
 					type: "button",
 					"aria-label": "Help",
+					"data-hn-ui-combobox": "",
 					id: guardedBinding6.value,
 					disabled: checkedProps.value.disabled ?? void 0
 				}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
@@ -1843,15 +1877,23 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					stroke: "currentColor",
 					"stroke-width": "2",
 					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
+					"stroke-linejoin": "round",
+					"data-hn-ui-combobox": ""
 				}, [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
-						r: "10"
+						r: "10",
+						"data-hn-ui-combobox": ""
+					}),
+					createElementVNode("path", {
+						d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3",
+						"data-hn-ui-combobox": ""
 					}),
-					createElementVNode("path", { d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3" }),
-					createElementVNode("path", { d: "M12 17h.01" })
+					createElementVNode("path", {
+						d: "M12 17h.01",
+						"data-hn-ui-combobox": ""
+					})
 				], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)]),
 				checkedProps.value.help ? (openBlock(), createBlock(UiTooltip_default, {
 					key: 0,
@@ -1865,11 +1907,13 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				}, 8, ["id", "for"])) : createCommentVNode("v-if", true),
 				createElementVNode("div", {
 					class: "popup",
+					"data-hn-ui-combobox": "",
 					hidden: !expanded.value,
 					ref_key: "popupElement",
 					ref: popupElement
 				}, [createElementVNode("div", {
 					role: "listbox",
+					"data-hn-ui-combobox": "",
 					id: guardedBinding9.value,
 					"aria-label": guardedBinding10.value,
 					"aria-busy": checkedProps.value.loading ?? void 0,
@@ -1880,6 +1924,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(groups.value, (group, indexLoop, loop) => group.name), (group) => {
 							return openBlock(), createElementBlock("div", {
 								key: group.name,
+								"data-hn-ui-combobox": "",
 								role: group.role,
 								"aria-label": group.label ?? void 0
 							}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), createVNode(unref(KeyedBoundary), null, {
@@ -1889,6 +1934,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 										class: normalizeClass(["option", { active: row.index === active.value }]),
 										role: "option",
 										"data-ui-choice-option": "",
+										"data-hn-ui-combobox": "",
 										"data-multiple": checkedProps.value.multiple ? "" : void 0,
 										id: unref(concat)(uid.value, "-option-", row.index),
 										"aria-selected": row.selected,
@@ -1898,6 +1944,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 										"aria-describedby": row.detail ?? void 0
 									}, [renderSlot(_ctx.$slots, unref(concat)("option-", row.id), {}, () => [row.detail ? (openBlock(), createElementBlock("span", _hoisted_17, [createElementVNode("span", _hoisted_18, [createElementVNode("span", {
 										class: "primary",
+										"data-hn-ui-combobox": "",
 										id: unref(concat)(uid.value, "-option-", row.index, "-label")
 									}, toDisplayString(row.label), 9, _hoisted_19), row.tag ? (openBlock(), createBlock(UiBadge_default, {
 										key: 0,
@@ -1905,11 +1952,15 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 										tone: row.tag?.tone,
 										style: normalizeStyle({ "--ui-badge-color": row.tag?.color ?? void 0 })
 									}, {
-										default: withCtx(() => [createElementVNode("span", { id: unref(concat)(uid.value, "-option-", row.index, "-tag") }, toDisplayString(row.tag?.label), 9, _hoisted_20)]),
+										default: withCtx(() => [createElementVNode("span", {
+											"data-hn-ui-combobox": "",
+											id: unref(concat)(uid.value, "-option-", row.index, "-tag")
+										}, toDisplayString(row.tag?.label), 9, _hoisted_20)]),
 										_: 2
 									}, 1032, ["tone", "style"])) : createCommentVNode("v-if", true)]), row.description ? (openBlock(), createElementBlock("span", {
 										key: 0,
 										class: "description",
+										"data-hn-ui-combobox": "",
 										id: unref(concat)(uid.value, "-option-", row.index, "-description")
 									}, toDisplayString(row.description), 9, _hoisted_21)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), !row.detail ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(row.label), 1)) : createCommentVNode("v-if", true)], true)], 10, _hoisted_16);
 								}), 128))]),
@@ -1924,6 +1975,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						role: "option",
 						"data-ui-choice-option": "",
 						"aria-selected": "false",
+						"data-hn-ui-combobox": "",
 						"data-multiple": checkedProps.value.multiple ? "" : void 0,
 						id: guardedBinding12.value,
 						"data-index": createIndex.value
@@ -1933,16 +1985,21 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				], 8, _hoisted_13), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_12),
 				createElementVNode("div", {
 					class: "message",
+					"data-hn-ui-combobox": "",
 					id: guardedBinding14.value,
 					hidden: !validation.value.issues.length
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(validation.value.issues, (issue, indexLoop3) => {
-					return openBlock(), createElementBlock("div", { key: indexLoop3 }, toDisplayString(issue.message), 1);
+					return openBlock(), createElementBlock("div", {
+						key: indexLoop3,
+						"data-hn-ui-combobox": ""
+					}, toDisplayString(issue.message), 1);
 				}), 128))], 8, _hoisted_26),
 				createElementVNode("div", _hoisted_27, toDisplayString(statusText.value), 1),
 				createElementVNode("div", {
 					class: "authored-options",
 					hidden: "",
 					"aria-hidden": "true",
+					"data-hn-ui-combobox": "",
 					ref_key: "optionsElement",
 					ref: optionsElement
 				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
@@ -1952,6 +2009,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4ba65c2d"]]);
+}), [["__scopeId", "data-v-759ccf30"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiContainer.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/UiContainer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-fill",
-	"data-gutters",
-	"data-measure",
+	"data-ui-container-prop-fill",
+	"data-ui-container-prop-gutters",
+	"data-ui-container-prop-measure",
 	"data-ui-container-state"
 ];
 //#endregion
@@ -90,7 +90,7 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-container");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.measure && "measure",
 			checkedProps.value.measure != null && `measure=${encodeURIComponent(checkedProps.value.measure)}`,
@@ -100,9 +100,11 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-container" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
-				"data-gutters": unref(reflectedProp)("gutters", "gutters", checkedProps.value.gutters, void 0, false),
-				"data-measure": unref(reflectedProp)("measure", "measure", checkedProps.value.measure, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-container": "",
+				"data-ui-container-prop-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
+				"data-ui-container-prop-gutters": unref(reflectedProp)("gutters", "gutters", checkedProps.value.gutters, void 0, false),
+				"data-ui-container-prop-measure": unref(reflectedProp)("measure", "measure", checkedProps.value.measure, void 0, false),
 				"data-ui-container-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -110,6 +112,6 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9931d50c"]]);
+}), [["__scopeId", "data-v-ad40fbce"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

@@ -2,7 +2,7 @@ import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _pl
 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, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-for", "data-open"];
+var _hoisted_1 = ["data-ui-context-menu-prop-for", "data-ui-context-menu-prop-open"];
 //#endregion
 //#region .build/vue/UiContextMenu.vue
 var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -119,14 +119,17 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-context-menu" }, 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-hn": "",
+				"data-hn-ui-context-menu": "",
+				"data-ui-context-menu-prop-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-ui-context-menu-prop-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", {
 				class: "menu",
 				role: "menu",
 				"aria-orientation": "vertical",
+				"data-hn-ui-context-menu": "",
 				ref_key: "menuElement",
 				ref: menuElement
 			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -135,6 +138,6 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5e77f429"]]);
+}), [["__scopeId", "data-v-8cf01d50"]]);
 //#endregion
 export { UiContextMenu_default as t };

package/vue/chunks/UiCover.js

@@ -2,7 +2,7 @@ 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, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCover.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-size", "data-ui-cover-state"];
+var _hoisted_1 = ["data-ui-cover-prop-size", "data-ui-cover-state"];
 //#endregion
 //#region .build/vue/UiCover.vue
 var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -36,18 +36,20 @@ var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-cover");
-		/** 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("div", mergeProps({ class: "ui-cover" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-cover": "",
+				"data-ui-cover-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-cover-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-f7b5c239"]]);
+}), [["__scopeId", "data-v-b5102113"]]);
 //#endregion
 export { UiCover_default as t };

package/vue/chunks/UiDescriptionItem.js

@@ -2,7 +2,9 @@ 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, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDescriptionItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-term"];
+var _hoisted_1 = ["data-ui-description-item-prop-term"];
+var _hoisted_2 = { "data-hn-ui-description-item": "" };
+var _hoisted_3 = { "data-hn-ui-description-item": "" };
 //#endregion
 //#region .build/vue/UiDescriptionItem.vue
 var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -36,12 +38,16 @@ var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-description-item");
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-description-item" }, unref(nativeAttrs)(_ctx.$attrs), { "data-term": unref(reflectedProp)("term", "term", checkedProps.value.term, void 0, false) }), [createElementVNode("dt", null, toDisplayString(checkedProps.value.term), 1), createElementVNode("dd", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-description-item" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-description-item": "",
+				"data-ui-description-item-prop-term": unref(reflectedProp)("term", "term", checkedProps.value.term, void 0, false)
+			}), [createElementVNode("dt", _hoisted_2, toDisplayString(checkedProps.value.term), 1), createElementVNode("dd", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d4fe3b1c"]]);
+}), [["__scopeId", "data-v-dff73750"]]);
 //#endregion
 export { UiDescriptionItem_default as t };

package/vue/chunks/UiDescriptionList.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/UiDescriptionList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-columns",
-	"data-density",
-	"data-layout",
+	"data-ui-description-list-prop-columns",
+	"data-ui-description-list-prop-density",
+	"data-ui-description-list-prop-layout",
 	"data-ui-description-list-state"
 ];
 //#endregion
@@ -97,7 +97,7 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("dl", "ui-description-list");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.layout && "layout",
 			checkedProps.value.layout != null && `layout=${encodeURIComponent(checkedProps.value.layout)}`,
@@ -108,9 +108,11 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("dl", mergeProps({ class: "ui-description-list" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-columns": unref(reflectedProp)("columns", "columns", checkedProps.value.columns, void 0, false),
-				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
-				"data-layout": unref(reflectedProp)("layout", "layout", checkedProps.value.layout, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-description-list": "",
+				"data-ui-description-list-prop-columns": unref(reflectedProp)("columns", "columns", checkedProps.value.columns, void 0, false),
+				"data-ui-description-list-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-description-list-prop-layout": unref(reflectedProp)("layout", "layout", checkedProps.value.layout, void 0, false),
 				"data-ui-description-list-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -118,6 +120,6 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-333713ed"]]);
+}), [["__scopeId", "data-v-02bc630f"]]);
 //#endregion
 export { UiDescriptionList_default as t };