@threadlabs/looma 0.28.5 → 0.28.7

package/vue/chunks/UiInputGroup.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiInputGroup.vue?vue&type=script&setup=true&lang.ts
@@ -132,28 +131,10 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-input-group> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-input-group> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-input-group");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.variant && "variant",
@@ -192,12 +173,12 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}, name)
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-input-group" }, nativeAttrs(_ctx.$attrs), {
-				"data-action-position": reflectedProp("actionPosition", "action-position", checkedProps.value.actionPosition, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-multiline": reflectedProp("multiline", "multiline", checkedProps.value.multiline, void 0, false),
-				"data-prefix-kind": reflectedProp("prefixKind", "prefix-kind", checkedProps.value.prefixKind, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-input-group" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-action-position": unref(reflectedProp)("actionPosition", "action-position", checkedProps.value.actionPosition, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-multiline": unref(reflectedProp)("multiline", "multiline", checkedProps.value.multiline, void 0, false),
+				"data-prefix-kind": unref(reflectedProp)("prefixKind", "prefix-kind", checkedProps.value.prefixKind, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-input-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -212,6 +193,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9e6e0392"]]);
+}), [["__scopeId", "data-v-8b90cc23"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiList.js

@@ -1,7 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as preserveRootFocus } from "./host.js";
+import { h as preserveRootFocus, i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+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",
@@ -116,29 +115,10 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationInstance = getCurrentInstance();
+		const reflectedProp = useReflectedProp();
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== (checkedProps.value.as === "ol" ? "ol" : "ul"))) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-list> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-list> has an incompatible root."
-			})
-		});
+		checkHydratedRoot(checkedProps.value.as === "ol" ? "ol" : "ul", "ui-list");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.as && "as",
@@ -153,12 +133,12 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		return (_ctx, _cache) => {
 			return checkedProps.value.as === "ol" ? withDirectives((openBlock(), createElementBlock("ol", mergeProps({
 				key: 0,
-				"data-component": "ui-list"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
-				"data-layout": reflectedProp("layout", "layout", checkedProps.value.layout, void 0, false),
-				"data-markers": reflectedProp("markers", "markers", checkedProps.value.markers, void 0, false),
+				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-ui-list-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -166,13 +146,13 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: { ...props }
 			}]]) : withDirectives((openBlock(), createElementBlock("ul", mergeProps({
 				key: 1,
-				"data-component": "ui-list",
+				class: "ui-list",
 				role: "list"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
-				"data-layout": reflectedProp("layout", "layout", checkedProps.value.layout, void 0, false),
-				"data-markers": reflectedProp("markers", "markers", checkedProps.value.markers, void 0, false),
+			}, 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-ui-list-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)), [[unref(vPropValidity), {
@@ -181,6 +161,6 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0caad414"]]);
+}), [["__scopeId", "data-v-4ed3243c"]]);
 //#endregion
 export { UiList_default as t };

package/vue/chunks/UiListItem.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-current",
@@ -152,26 +152,8 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationNode = getCurrentInstance()?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-list-item> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-list-item> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("li", "ui-list-item");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.variant && "variant",
@@ -184,14 +166,14 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ "data-component": "ui-list-item" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ class: "ui-list-item" }, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-current": checkedProps.value.current ?? void 0,
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
-				"data-highlighted": reflectedProp("highlighted", "highlighted", checkedProps.value.highlighted, void 0, false),
-				"data-leading-interactive": reflectedProp("leadingInteractive", "leading-interactive", checkedProps.value.leadingInteractive, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				"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-state": hostState.value || void 0
 			}), [
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading")]),
@@ -203,6 +185,6 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2363907e"]]);
+}), [["__scopeId", "data-v-8c851f73"]]);
 //#endregion
 export { UiListItem_default as t };

package/vue/chunks/UiListbox.js

@@ -1,8 +1,7 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as uniqueKeys, a as concat, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiScrollArea_default } from "./UiScrollArea.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiListbox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"tabindex",
@@ -40,14 +39,6 @@ var _hoisted_6 = [
 	"^checked",
 	"disabled"
 ];
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiListbox.vue
 var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -228,42 +219,7 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const KeyedFailure = defineComponent({
-			props: { error: {
-				type: null,
-				required: true
-			} },
-			setup(props) {
-				return () => {
-					throw props.error;
-				};
-			}
-		});
-		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
-			let last = [];
-			return () => {
-				try {
-					last = slots.default?.() ?? [];
-					return last;
-				} catch (error) {
-					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
-					if (typeof window === "undefined") throw error;
-					return [...last, h(KeyedFailure, { error })];
-				}
-			};
-		} });
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -287,35 +243,13 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				false: "0"
 			}, concat(checkedProps.value.disabled)));
 		});
-		let guardedBindingPrevious;
-		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(validationError.value == null || typeof validationError.value === "boolean", "$invalid or $validationError:validationError", "./components/ui-listbox/ui-listbox.html: HR007: Reference validationError does not satisfy its declared type.")) return guardedBindingPrevious;
-			return guardedBindingPrevious = checkedProps.value.invalid || validationError.value;
-		});
-		let guardedBinding2Previous;
-		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hasSelection.value == null || typeof hasSelection.value === "boolean", "$required and not $hasSelection and not $disabled:hasSelection", "./components/ui-listbox/ui-listbox.html: HR007: Reference hasSelection does not satisfy its declared type.")) return guardedBinding2Previous;
-			return guardedBinding2Previous = checkedProps.value.required && !hasSelection.value && !checkedProps.value.disabled;
-		});
-		let guardedBinding3Previous;
-		const guardedBinding3 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hasSelection.value == null || typeof hasSelection.value === "boolean", "$hasSelection:hasSelection", "./components/ui-listbox/ui-listbox.html: HR007: Reference hasSelection does not satisfy its declared type.")) return guardedBinding3Previous;
-			return guardedBinding3Previous = hasSelection.value ? true : void 0;
-		});
 		provide("html-next:ui-listbox:choices", choices);
 		provide("html-next:ui-listbox:selection", selection);
 		provide("html-next:ui-listbox:hasSelection", hasSelection);
 		provide("html-next:ui-listbox:active", active);
 		provide("html-next:ui-listbox:uid", uid);
 		provide("html-next:ui-listbox:validationError", validationError);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-listbox> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-listbox> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-listbox");
 		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (typeof detail["value"] === "string" || detail["value"] === null) && Array.isArray(detail["values"]) && detail["values"].every((item) => typeof item === "string") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer") && Object.keys(detail).every((key) => [
 			"value",
 			"values",
@@ -440,78 +374,42 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				validationError
 			}
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function attribute(value) {
-			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
-			return value === true ? "" : text(value);
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
-		function uniqueKeys(items, keyOf) {
-			const seen = /* @__PURE__ */ new Set();
-			for (let index = 0; index < items.length; index += 1) {
-				const key = keyOf(items[index], index, {
-					index,
-					first: index === 0,
-					last: index === items.length - 1,
-					count: items.length
-				});
-				if (seen.has(key)) {
-					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
-					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR004",
-							message
-						})
-					});
-				}
-				seen.add(key);
-			}
-			return items;
-		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-listbox",
+				class: "ui-listbox",
 				role: "listbox"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				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": guardedBinding.value,
-				style: { "--_rows": checkedProps.value.rows ?? void 0 },
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
-				"data-multiple": reflectedProp("multiple", "multiple", checkedProps.value.multiple, void 0, false),
-				"data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false),
-				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
-				"data-rows": reflectedProp("rows", "rows", checkedProps.value.rows, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, false),
-				"data-values": reflectedProp("values", "values", checkedProps.value.values, void 0, false),
+				"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),
 				ref_key: "root",
 				ref: root
 			}), [
 				createElementVNode("div", _hoisted_2, [createVNode(UiScrollArea_default, {
+					class: "ui-scroll-area",
 					ref_key: "choicesElement",
 					ref: choicesElement
 				}, {
 					default: withCtx(() => [createVNode(unref(KeyedBoundary), null, {
-						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(choices.value, (choice, index, loop) => choice.index), (choice) => {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(choices.value, (choice, index, loop) => choice.index), (choice) => {
 							return openBlock(), createElementBlock("div", {
 								key: choice.index,
 								class: normalizeClass(["option", { active: choice.index === active.value }]),
 								role: "option",
 								"data-ui-choice-option": "",
 								"data-multiple": checkedProps.value.multiple ? "" : void 0,
-								id: concat(uid.value, "-option-", choice.index),
+								id: unref(concat)(uid.value, "-option-", choice.index),
 								"data-index": choice.index,
 								"aria-selected": choice.selected,
 								"aria-disabled": choice.disabled
@@ -545,8 +443,8 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					type: "checkbox",
 					"aria-hidden": "true",
 					tabindex: "-1",
-					required: guardedBinding2.value,
-					"^checked": guardedBinding3.value,
+					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
@@ -557,6 +455,6 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e7a8688c"]]);
+}), [["__scopeId", "data-v-93820102"]]);
 //#endregion
 export { UiListbox_default as t };

package/vue/chunks/UiMenu.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenu.vue?vue&type=script&setup=true&lang.ts
@@ -174,31 +173,13 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const internalOpen = ref(false);
 		provide("html-next:ui-menu:internalOpen", internalOpen);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-menu> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-menu> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-menu");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
@@ -266,17 +247,17 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-menu",
+				class: "ui-menu",
 				role: "menu",
 				"aria-orientation": "vertical"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
-				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
-				"data-icons": reflectedProp("icons", "icons", checkedProps.value.icons, void 0, false),
-				"data-inline": reflectedProp("inline", "inline", checkedProps.value.inline, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
-				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+			}, 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-ui-menu-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -286,6 +267,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b6bd5ab3"]]);
+}), [["__scopeId", "data-v-1ded0073"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
+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_2 = {
@@ -37,39 +37,21 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationNode = getCurrentInstance()?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-menu-group> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-menu-group> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("div", "ui-menu-group");
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-menu-group",
+				class: "ui-menu-group",
 				role: "group"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-label": checkedProps.value.label ?? void 0,
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false)
+				"data-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-af3ae8c5"]]);
+}), [["__scopeId", "data-v-d68e51f2"]]);
 //#endregion
 export { UiMenuGroup_default as t };