@threadlabs/looma 0.28.13 → 0.28.15

package/vue/chunks/UiList.js

@@ -3,17 +3,17 @@ import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-as",
-	"data-density",
-	"data-layout",
-	"data-markers",
+	"data-ui-list-prop-as",
+	"data-ui-list-prop-density",
+	"data-ui-list-prop-layout",
+	"data-ui-list-prop-markers",
 	"data-ui-list-state"
 ];
 var _hoisted_2 = [
-	"data-as",
-	"data-density",
-	"data-layout",
-	"data-markers",
+	"data-ui-list-prop-as",
+	"data-ui-list-prop-density",
+	"data-ui-list-prop-layout",
+	"data-ui-list-prop-markers",
 	"data-ui-list-state"
 ];
 //#endregion
@@ -119,7 +119,7 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
 		checkHydratedRoot(checkedProps.value.as === "ol" ? "ol" : "ul", "ui-list");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.as && "as",
 			checkedProps.value.as != null && `as=${encodeURIComponent(checkedProps.value.as)}`,
@@ -135,13 +135,15 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				key: 0,
 				class: "ui-list"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, 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-markers": unref(reflectedProp)("markers", "markers", checkedProps.value.markers, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-list": "",
+				"data-ui-list-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-list-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-list-prop-layout": unref(reflectedProp)("layout", "layout", checkedProps.value.layout, void 0, false),
+				"data-ui-list-prop-markers": unref(reflectedProp)("markers", "markers", checkedProps.value.markers, void 0, false),
 				"data-ui-list-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [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 }
 			}]]) : withDirectives((openBlock(), createElementBlock("ul", mergeProps({
@@ -149,18 +151,20 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				class: "ui-list",
 				role: "list"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, 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-markers": unref(reflectedProp)("markers", "markers", checkedProps.value.markers, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-list": "",
+				"data-ui-list-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-list-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-list-prop-layout": unref(reflectedProp)("layout", "layout", checkedProps.value.layout, void 0, false),
+				"data-ui-list-prop-markers": unref(reflectedProp)("markers", "markers", checkedProps.value.markers, void 0, false),
 				"data-ui-list-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)), [[unref(vPropValidity), {
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_2)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4ed3243c"]]);
+}), [["__scopeId", "data-v-73c12bc1"]]);
 //#endregion
 export { UiList_default as t };

package/vue/chunks/UiListItem.js

@@ -4,19 +4,34 @@ import { computed, createElementBlock, createElementVNode, defineComponent, merg
 //#region .build/vue/UiListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-current",
-	"data-align",
-	"data-current",
-	"data-highlighted",
-	"data-leading-interactive",
-	"data-variant",
-	"data-wrap",
+	"data-ui-list-item-prop-align",
+	"data-ui-list-item-prop-current",
+	"data-ui-list-item-prop-highlighted",
+	"data-ui-list-item-prop-leading-interactive",
+	"data-ui-list-item-prop-variant",
+	"data-ui-list-item-prop-wrap",
 	"data-ui-list-item-state"
 ];
-var _hoisted_2 = { class: "leading" };
-var _hoisted_3 = { class: "content" };
-var _hoisted_4 = { class: "title" };
-var _hoisted_5 = { class: "description" };
-var _hoisted_6 = { class: "trailing" };
+var _hoisted_2 = {
+	class: "leading",
+	"data-hn-ui-list-item": ""
+};
+var _hoisted_3 = {
+	class: "content",
+	"data-hn-ui-list-item": ""
+};
+var _hoisted_4 = {
+	class: "title",
+	"data-hn-ui-list-item": ""
+};
+var _hoisted_5 = {
+	class: "description",
+	"data-hn-ui-list-item": ""
+};
+var _hoisted_6 = {
+	class: "trailing",
+	"data-hn-ui-list-item": ""
+};
 //#endregion
 //#region .build/vue/UiListItem.vue
 var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -154,7 +169,7 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("li", "ui-list-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)}`,
@@ -167,24 +182,26 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ class: "ui-list-item" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-list-item": "",
 				"aria-current": checkedProps.value.current ?? void 0,
-				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
-				"data-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
-				"data-highlighted": unref(reflectedProp)("highlighted", "highlighted", checkedProps.value.highlighted, void 0, false),
-				"data-leading-interactive": unref(reflectedProp)("leadingInteractive", "leading-interactive", checkedProps.value.leadingInteractive, void 0, false),
-				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				"data-ui-list-item-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-ui-list-item-prop-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
+				"data-ui-list-item-prop-highlighted": unref(reflectedProp)("highlighted", "highlighted", checkedProps.value.highlighted, void 0, false),
+				"data-ui-list-item-prop-leading-interactive": unref(reflectedProp)("leadingInteractive", "leading-interactive", checkedProps.value.leadingInteractive, void 0, false),
+				"data-ui-list-item-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-ui-list-item-prop-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-list-item-state": hostState.value || void 0
 			}), [
-				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading")]),
-				createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description")])]),
-				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "trailing")])
+				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)])]),
+				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "trailing", {}, void 0, true)])
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8c851f73"]]);
+}), [["__scopeId", "data-v-12b89f39"]]);
 //#endregion
 export { UiListItem_default as t };

package/vue/chunks/UiListbox.js

@@ -9,16 +9,19 @@ var _hoisted_1 = [
 	"aria-disabled",
 	"aria-required",
 	"aria-invalid",
-	"data-disabled",
-	"data-invalid",
-	"data-multiple",
-	"data-name",
-	"data-required",
-	"data-rows",
-	"data-value",
-	"data-values"
+	"data-ui-listbox-prop-disabled",
+	"data-ui-listbox-prop-invalid",
+	"data-ui-listbox-prop-multiple",
+	"data-ui-listbox-prop-name",
+	"data-ui-listbox-prop-required",
+	"data-ui-listbox-prop-rows",
+	"data-ui-listbox-prop-value",
+	"data-ui-listbox-prop-values"
 ];
-var _hoisted_2 = { class: "choices" };
+var _hoisted_2 = {
+	class: "choices",
+	"data-hn-ui-listbox": ""
+};
 var _hoisted_3 = [
 	"data-multiple",
 	"id",
@@ -26,15 +29,16 @@ var _hoisted_3 = [
 	"aria-selected",
 	"aria-disabled"
 ];
-var _hoisted_4 = [
+var _hoisted_4 = { "data-hn-ui-listbox": "" };
+var _hoisted_5 = [
 	"size",
 	"multiple",
 	"disabled",
 	"required",
 	"name"
 ];
-var _hoisted_5 = ["name", "^value"];
-var _hoisted_6 = [
+var _hoisted_6 = ["name", "^value"];
+var _hoisted_7 = [
 	"required",
 	"^checked",
 	"disabled"
@@ -379,20 +383,22 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				class: "ui-listbox",
 				role: "listbox"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-listbox": "",
 				tabindex: guarded.value,
 				"aria-multiselectable": checkedProps.value.multiple ?? void 0,
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
 				"aria-required": checkedProps.value.required ?? void 0,
 				"aria-invalid": checkedProps.value.invalid || validationError.value,
 				style: { "--_rows": checkedProps.value.rows?.toString() },
-				"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-multiple": unref(reflectedProp)("multiple", "multiple", checkedProps.value.multiple, 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-rows": unref(reflectedProp)("rows", "rows", checkedProps.value.rows, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
-				"data-values": unref(reflectedProp)("values", "values", checkedProps.value.values, void 0, false),
+				"data-ui-listbox-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-listbox-prop-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-ui-listbox-prop-multiple": unref(reflectedProp)("multiple", "multiple", checkedProps.value.multiple, void 0, false),
+				"data-ui-listbox-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-listbox-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-ui-listbox-prop-rows": unref(reflectedProp)("rows", "rows", checkedProps.value.rows, void 0, false),
+				"data-ui-listbox-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-ui-listbox-prop-values": unref(reflectedProp)("values", "values", checkedProps.value.values, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
@@ -408,12 +414,13 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 								class: normalizeClass(["option", { active: choice.index === active.value }]),
 								role: "option",
 								"data-ui-choice-option": "",
+								"data-hn-ui-listbox": "",
 								"data-multiple": checkedProps.value.multiple ? "" : void 0,
 								id: unref(concat)(uid.value, "-option-", choice.index),
 								"data-index": choice.index,
 								"aria-selected": choice.selected,
 								"aria-disabled": choice.disabled
-							}, [createElementVNode("span", null, toDisplayString(choice.label), 1)], 10, _hoisted_3);
+							}, [createElementVNode("span", _hoisted_4, toDisplayString(choice.label), 1)], 10, _hoisted_3);
 						}), 128))]),
 						_: 1
 					})]),
@@ -422,6 +429,7 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				createElementVNode("select", {
 					class: "fallback",
 					"aria-label": "Choices",
+					"data-hn-ui-listbox": "",
 					size: checkedProps.value.rows ?? void 0,
 					multiple: checkedProps.value.multiple ?? void 0,
 					disabled: checkedProps.value.disabled ?? void 0,
@@ -429,32 +437,34 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					name: checkedProps.value.name ?? void 0,
 					ref_key: "optionsElement",
 					ref: optionsElement
-				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_4),
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_5),
 				checkedProps.value.name && !checkedProps.value.disabled ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selection.value, (selected, indexLoop) => {
 					return openBlock(), createElementBlock("input", {
 						key: indexLoop,
 						type: "hidden",
+						"data-hn-ui-listbox": "",
 						name: checkedProps.value.name ?? void 0,
 						"^value": selected
-					}, null, 8, _hoisted_5);
+					}, null, 8, _hoisted_6);
 				}), 128)) : createCommentVNode("v-if", true),
 				createElementVNode("input", {
 					class: "validity",
 					type: "checkbox",
 					"aria-hidden": "true",
 					tabindex: "-1",
+					"data-hn-ui-listbox": "",
 					required: checkedProps.value.required && !hasSelection.value && !checkedProps.value.disabled,
 					"^checked": hasSelection.value ? true : void 0,
 					disabled: checkedProps.value.disabled ?? void 0,
 					ref_key: "validityElement",
 					ref: validityElement
-				}, null, 8, _hoisted_6)
+				}, null, 8, _hoisted_7)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-93820102"]]);
+}), [["__scopeId", "data-v-c2c11402"]]);
 //#endregion
 export { UiListbox_default as t };

package/vue/chunks/UiMenu.js

@@ -3,16 +3,19 @@ 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/UiMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-density",
-	"data-for",
-	"data-icons",
-	"data-inline",
-	"data-open",
-	"data-placement",
-	"data-size",
+	"data-ui-menu-prop-density",
+	"data-ui-menu-prop-for",
+	"data-ui-menu-prop-icons",
+	"data-ui-menu-prop-inline",
+	"data-ui-menu-prop-open",
+	"data-ui-menu-prop-placement",
+	"data-ui-menu-prop-size",
 	"data-ui-menu-state"
 ];
-var _hoisted_2 = { class: "surface" };
+var _hoisted_2 = {
+	class: "surface",
+	"data-hn-ui-menu": ""
+};
 //#endregion
 //#region .build/vue/UiMenu.vue
 var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -180,7 +183,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const internalOpen = ref(false);
 		provide("html-next:ui-menu:internalOpen", internalOpen);
 		checkHydratedRoot("div", "ui-menu");
-		/** 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)}`,
@@ -251,13 +254,15 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				role: "menu",
 				"aria-orientation": "vertical"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
-				"data-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
-				"data-icons": unref(reflectedProp)("icons", "icons", checkedProps.value.icons, void 0, false),
-				"data-inline": unref(reflectedProp)("inline", "inline", checkedProps.value.inline, 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-menu": "",
+				"data-ui-menu-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-menu-prop-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-ui-menu-prop-icons": unref(reflectedProp)("icons", "icons", checkedProps.value.icons, void 0, false),
+				"data-ui-menu-prop-inline": unref(reflectedProp)("inline", "inline", checkedProps.value.inline, void 0, false),
+				"data-ui-menu-prop-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-ui-menu-prop-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
+				"data-ui-menu-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-menu-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -267,6 +272,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1ded0073"]]);
+}), [["__scopeId", "data-v-0a6f9b10"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.js

@@ -2,10 +2,11 @@ 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, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenuGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "data-label"];
+var _hoisted_1 = ["aria-label", "data-ui-menu-group-prop-label"];
 var _hoisted_2 = {
 	key: 0,
-	class: "heading"
+	class: "heading",
+	"data-hn-ui-menu-group": ""
 };
 //#endregion
 //#region .build/vue/UiMenuGroup.vue
@@ -44,14 +45,16 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				class: "ui-menu-group",
 				role: "group"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-menu-group": "",
 				"aria-label": checkedProps.value.label ?? void 0,
-				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false)
+				"data-ui-menu-group-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false)
 			}), [checkedProps.value.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(checkedProps.value.label), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d68e51f2"]]);
+}), [["__scopeId", "data-v-53ba201a"]]);
 //#endregion
 export { UiMenuGroup_default as t };

package/vue/chunks/UiMenuItem.js

@@ -5,48 +5,61 @@ import { computed, createBlock, createCommentVNode, createElementBlock, createEl
 //#region .build/vue/UiMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-disabled",
-	"href",
-	"data-checked",
-	"data-disabled",
-	"data-href",
-	"data-tone",
-	"data-type",
 	"data-value",
+	"href",
+	"data-ui-menu-item-prop-checked",
+	"data-ui-menu-item-prop-disabled",
+	"data-ui-menu-item-prop-href",
+	"data-ui-menu-item-prop-tone",
+	"data-ui-menu-item-prop-type",
+	"data-ui-menu-item-prop-value",
 	"data-ui-menu-item-state"
 ];
 var _hoisted_2 = {
 	class: "icon",
-	"aria-hidden": "true"
+	"aria-hidden": "true",
+	"data-hn-ui-menu-item": ""
+};
+var _hoisted_3 = {
+	class: "label",
+	"data-hn-ui-menu-item": ""
 };
-var _hoisted_3 = { class: "label" };
 var _hoisted_4 = {
 	class: "shortcut",
-	"aria-hidden": "true"
+	"aria-hidden": "true",
+	"data-hn-ui-menu-item": ""
 };
 var _hoisted_5 = [
 	"role",
 	"aria-checked",
 	"aria-disabled",
-	"data-checked",
-	"data-disabled",
-	"data-href",
-	"data-tone",
-	"data-type",
 	"data-value",
+	"data-ui-menu-item-prop-checked",
+	"data-ui-menu-item-prop-disabled",
+	"data-ui-menu-item-prop-href",
+	"data-ui-menu-item-prop-tone",
+	"data-ui-menu-item-prop-type",
+	"data-ui-menu-item-prop-value",
 	"data-ui-menu-item-state"
 ];
 var _hoisted_6 = {
 	class: "indicator",
-	"aria-hidden": "true"
+	"aria-hidden": "true",
+	"data-hn-ui-menu-item": ""
 };
 var _hoisted_7 = {
 	class: "icon",
-	"aria-hidden": "true"
+	"aria-hidden": "true",
+	"data-hn-ui-menu-item": ""
+};
+var _hoisted_8 = {
+	class: "label",
+	"data-hn-ui-menu-item": ""
 };
-var _hoisted_8 = { class: "label" };
 var _hoisted_9 = {
 	class: "shortcut",
-	"aria-hidden": "true"
+	"aria-hidden": "true",
+	"data-hn-ui-menu-item": ""
 };
 //#endregion
 //#region .build/vue/UiMenuItem.vue
@@ -212,7 +225,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		provide("html-next:ui-menu-item:internalChecked", internalChecked);
 		checkHydratedRoot(checkedProps.value.href && checkedProps.value.type === "action" ? "a" : "div", "ui-menu-item");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.tone && "tone",
 			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
@@ -271,20 +284,23 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				role: "menuitem",
 				tabindex: "-1"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-menu-item": "",
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
+				"data-value": checkedProps.value.value ?? void 0,
 				href: guarded.value,
-				"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-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
-				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, true),
+				"data-ui-menu-item-prop-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-ui-menu-item-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-menu-item-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-ui-menu-item-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-menu-item-prop-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
+				"data-ui-menu-item-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-menu-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
-				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon")]),
-				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")]),
-				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "shortcut")])
+				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
@@ -293,6 +309,8 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				class: "ui-menu-item",
 				tabindex: "-1"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-menu-item": "",
 				role: unref(attribute)({
 					action: "menuitem",
 					checkbox: "menuitemcheckbox",
@@ -312,12 +330,13 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					radio: internalChecked.value
 				}[checkedProps.value.type]),
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
-				"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-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
-				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, true),
+				"data-value": checkedProps.value.value ?? void 0,
+				"data-ui-menu-item-prop-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-ui-menu-item-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-menu-item-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-ui-menu-item-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-menu-item-prop-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
+				"data-ui-menu-item-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-menu-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
@@ -326,15 +345,15 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					class: "ui-icon",
 					name: "check"
 				})) : createCommentVNode("v-if", true)]),
-				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "icon")]),
-				createElementVNode("span", _hoisted_8, [renderSlot(_ctx.$slots, "default")]),
-				createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "shortcut")])
+				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])
 			], 16, _hoisted_5)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-50b6e1bc"]]);
+}), [["__scopeId", "data-v-623006f4"]]);
 //#endregion
 export { UiMenuItem_default as t };