@threadlabs/looma 0.24.1 → 0.25.1

package/vue/chunks/UiFormField.js

@@ -1,6 +1,6 @@
 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 vPropValidity, n as propValidityState, t as checkedProp } from "./props.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/UiFormField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -156,6 +156,6 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5657caf2"]]);
+}), [["__scopeId", "data-v-26c1f517"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiGrid.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -133,6 +133,6 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d93161bb"]]);
+}), [["__scopeId", "data-v-8a8b6015"]]);
 //#endregion
 export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderList, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiIcon.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-name"];
@@ -1221,6 +1221,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ab00ba4f"]]);
+}), [["__scopeId", "data-v-bf7b9190"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -1,6 +1,6 @@
 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 vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiIconButton.vue?vue&type=script&setup=true&lang.ts
@@ -345,6 +345,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-539c5c85"]]);
+}), [["__scopeId", "data-v-521a280a"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiImage.js

@@ -1,6 +1,6 @@
 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 vPropValidity, n as propValidityState, t as checkedProp } from "./props.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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiImage.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -13,17 +13,13 @@ var _hoisted_1 = [
 	"data-width",
 	"data-ui-image-state"
 ];
-var _hoisted_2 = {
-	class: "frame",
-	ref: "frame"
-};
-var _hoisted_3 = [
+var _hoisted_2 = [
 	"src",
 	"alt",
 	"width",
 	"height"
 ];
-var _hoisted_4 = ["hidden"];
+var _hoisted_3 = ["hidden"];
 //#endregion
 //#region .build/vue/UiImage.vue
 var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -200,7 +196,7 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const frameElement = useTemplateRef("frame");
+		const frameElement = useTemplateRef("frameElement");
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "figure")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-image> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -265,13 +261,17 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				"data-ui-image-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_2, [
+			}), [createElementVNode("div", {
+				class: "frame",
+				ref_key: "frameElement",
+				ref: frameElement
+			}, [
 				renderSlot(_ctx.$slots, "media", {}, () => [createElementVNode("img", {
 					src: checkedProps.value.src ?? void 0,
 					alt: checkedProps.value.alt ?? void 0,
 					width: checkedProps.value.width ?? void 0,
 					height: checkedProps.value.height ?? void 0
-				}, null, 8, _hoisted_3)]),
+				}, null, 8, _hoisted_2)]),
 				createElementVNode("div", {
 					class: "handles",
 					hidden: !(checkedProps.value.selected && checkedProps.value.resizable)
@@ -300,7 +300,7 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 						"data-corner": "bottom-right",
 						"aria-label": "Resize image from bottom right"
 					}, null, -1)
-				])], 8, _hoisted_4),
+				])], 8, _hoisted_3),
 				renderSlot(_ctx.$slots, "controls")
 			], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -308,6 +308,6 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2895fbac"]]);
+}), [["__scopeId", "data-v-96e140ae"]]);
 //#endregion
 export { UiImage_default as t };

package/vue/chunks/UiInput.js

@@ -1,6 +1,6 @@
 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 vPropValidity, n as propValidityState, r as selectedPropNode, t as checkedProp } from "./props.js";
+import { a as vPropValidity, i as selectedPropNode, n as checkedProp, r as propValidityState } from "./props.js";
 import { n as readBoundControl, r as vBindControl } from "./control.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiInput.vue?vue&type=script&setup=true&lang.ts
@@ -120,7 +120,7 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "type" },
-				description: "The native input mode. Number and range modes accept numeric values; the other supported modes accept strings.",
+				description: "The native input mode. Number and range modes accept numeric values; the other supported modes accept strings. File inputs expose selected files through\n      the native change event's target.files. Their value can only be set to an empty string to clear the selection.",
 				values: [
 					"text",
 					"search",
@@ -135,7 +135,8 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 					"datetime-local",
 					"number",
 					"range",
-					"color"
+					"color",
+					"file"
 				],
 				default: "text"
 			},
@@ -241,6 +242,13 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 								kind: "terminal",
 								name: "string"
 							}
+						},
+						{
+							value: "file",
+							type: {
+								kind: "terminal",
+								name: "string"
+							}
 						}
 					]
 				},
@@ -347,6 +355,13 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 								kind: "terminal",
 								name: "string"
 							}
+						},
+						{
+							value: "file",
+							type: {
+								kind: "terminal",
+								name: "string"
+							}
 						}
 					]
 				}
@@ -488,6 +503,13 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 						kind: "terminal",
 						name: "string"
 					}
+				},
+				{
+					value: "file",
+					type: {
+						kind: "terminal",
+						name: "string"
+					}
 				}
 			]), false, "value", acceptedProps),
 			modelValue: checkedProp(props.modelValue, selectedPropNode(checkedProp(props["type"], {
@@ -591,6 +613,13 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 						kind: "terminal",
 						name: "string"
 					}
+				},
+				{
+					value: "file",
+					type: {
+						kind: "terminal",
+						name: "string"
+					}
 				}
 			]), false, "modelValue", acceptedProps)
 		}));
@@ -686,10 +715,11 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				tag: "input",
 				name: "value",
 				value: model.value,
+				optionalValue: true,
 				defaultValue: ""
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7f73e77c"]]);
+}), [["__scopeId", "data-v-830c805d"]]);
 //#endregion
 export { UiInput_default as t };

package/vue/chunks/UiInputGroup.js

@@ -1,10 +1,11 @@
 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 vPropValidity, n as propValidityState, t as checkedProp } from "./props.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
 var _hoisted_1 = [
 	"data-disabled",
+	"data-multiline",
 	"data-prefix-kind",
 	"data-ui-input-group-state"
 ];
@@ -22,6 +23,10 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			type: null,
 			default: false
 		},
+		multiline: {
+			type: null,
+			default: false
+		},
 		prefixKind: {
 			type: null,
 			default: "text"
@@ -39,6 +44,16 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				description: "Fades the group's framing to match a disabled input inside it. Disable the input itself too.",
 				default: false
 			},
+			multiline: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "multiline" },
+				description: "Groups a Textarea with an action below its text inside the shared frame.",
+				default: false
+			},
 			prefixKind: {
 				type: {
 					kind: "terminal",
@@ -54,6 +69,7 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const props = __props;
 		const acceptedProps = {
 			disabled: false,
+			multiline: false,
 			prefixKind: "text"
 		};
 		const checkedProps = computed(() => ({
@@ -61,6 +77,10 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				kind: "terminal",
 				name: "boolean"
 			}, false, "disabled", acceptedProps),
+			multiline: checkedProp(props["multiline"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "multiline", acceptedProps),
 			prefixKind: checkedProp(props["prefixKind"], {
 				kind: "terminal",
 				name: "keyword"
@@ -96,7 +116,8 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const hostState = computed(() => [
 			checkedProps.value.disabled && "disabled",
 			checkedProps.value.prefixKind && "prefixKind",
-			checkedProps.value.prefixKind != null && `prefixKind=${encodeURIComponent(checkedProps.value.prefixKind)}`
+			checkedProps.value.prefixKind != null && `prefixKind=${encodeURIComponent(checkedProps.value.prefixKind)}`,
+			checkedProps.value.multiline && "multiline"
 		].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-input-group/ui-input-group.js"), {
@@ -112,7 +133,11 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
 				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
 			},
-			propNames: ["disabled", "prefixKind"],
+			propNames: [
+				"disabled",
+				"multiline",
+				"prefixKind"
+			],
 			propValidity: (name) => propValidityState({
 				contract: propValidityContract,
 				values: { ...props }
@@ -121,6 +146,7 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-input-group" }, nativeAttrs(_ctx.$attrs), {
 				"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-ui-input-group-state": hostState.value || void 0,
 				ref_key: "root",
@@ -136,6 +162,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7a86d183"]]);
+}), [["__scopeId", "data-v-875c0c72"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiList.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus } from "./host.js";
-import { i as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -181,6 +181,6 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ee66c038"]]);
+}), [["__scopeId", "data-v-84229332"]]);
 //#endregion
 export { UiList_default as t };

package/vue/chunks/UiListItem.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -157,6 +157,6 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-bd2447f9"]]);
+}), [["__scopeId", "data-v-9f16562f"]]);
 //#endregion
 export { UiListItem_default as t };

package/vue/chunks/UiListbox.js

@@ -1,6 +1,6 @@
 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 vPropValidity, n as propValidityState, t as checkedProp } from "./props.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";
 //#region .build/vue/UiListbox.vue?vue&type=script&setup=true&lang.ts
@@ -39,6 +39,14 @@ var _hoisted_5 = [
 	"^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({
@@ -258,9 +266,9 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const choicesElement = useTemplateRef("choices");
-		const optionsElement = useTemplateRef("options");
-		const validityElement = useTemplateRef("validity");
+		const choicesElement = useTemplateRef("choicesElement");
+		const optionsElement = useTemplateRef("optionsElement");
+		const validityElement = useTemplateRef("validityElement");
 		const choices = ref([]);
 		const selection = ref([]);
 		const hasSelection = ref(false);
@@ -280,17 +288,17 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!(validationError.value == null || typeof validationError.value === "boolean")) return guardedBindingPrevious;
+			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 (!(hasSelection.value == null || typeof hasSelection.value === "boolean")) return guardedBinding2Previous;
+			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 (!(hasSelection.value == null || typeof hasSelection.value === "boolean")) return guardedBinding3Previous;
+			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);
@@ -319,6 +327,80 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		useComponentHost(() => import("@threadlabs/looma/components/ui-listbox/ui-listbox.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				choices: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "value",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "disabled",
+								type: {
+									kind: "terminal",
+									name: "boolean"
+								},
+								optional: false
+							},
+							{
+								name: "selected",
+								type: {
+									kind: "terminal",
+									name: "boolean"
+								},
+								optional: false
+							},
+							{
+								name: "index",
+								type: {
+									kind: "terminal",
+									name: "integer"
+								},
+								optional: false
+							}
+						],
+						open: false
+					}
+				},
+				selection: {
+					kind: "list",
+					item: {
+						kind: "terminal",
+						name: "string"
+					}
+				},
+				hasSelection: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				active: {
+					kind: "terminal",
+					name: "integer"
+				},
+				uid: {
+					kind: "terminal",
+					name: "string"
+				},
+				validationError: {
+					kind: "terminal",
+					name: "boolean"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-listbox/ui-listbox.js",
 				definition: "./components/ui-listbox/ui-listbox.html"
@@ -418,8 +500,8 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [
 				createVNode(UiScrollArea_default, {
 					class: "choices",
-					ref_key: "choices",
-					ref: choices
+					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) => {
@@ -447,7 +529,8 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					disabled: checkedProps.value.disabled ?? void 0,
 					required: checkedProps.value.required ?? void 0,
 					name: checkedProps.value.name ?? void 0,
-					ref: "options"
+					ref_key: "optionsElement",
+					ref: optionsElement
 				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_3),
 				checkedProps.value.name && !checkedProps.value.disabled ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selection.value, (selected, indexLoop) => {
 					return openBlock(), createElementBlock("input", {
@@ -465,7 +548,8 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					required: guardedBinding2.value,
 					"^checked": guardedBinding3.value,
 					disabled: checkedProps.value.disabled ?? void 0,
-					ref: "validity"
+					ref_key: "validityElement",
+					ref: validityElement
 				}, null, 8, _hoisted_5)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -473,6 +557,6 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0f4506dc"]]);
+}), [["__scopeId", "data-v-3c582809"]]);
 //#endregion
 export { UiListbox_default as t };

package/vue/chunks/UiMenu.js

@@ -1,6 +1,6 @@
 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 vPropValidity, n as propValidityState, t as checkedProp } from "./props.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
 var _hoisted_1 = [
@@ -214,6 +214,10 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		useComponentHost(() => import("@threadlabs/looma/components/ui-menu/ui-menu.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalOpen: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-menu/ui-menu.js",
 				definition: "./components/ui-menu/ui-menu.html"
@@ -259,6 +263,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b23f52c2"]]);
+}), [["__scopeId", "data-v-1df65074"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiMenuGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "data-label"];
@@ -70,6 +70,6 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f3d61376"]]);
+}), [["__scopeId", "data-v-408d382d"]]);
 //#endregion
 export { UiMenuGroup_default as t };

package/vue/chunks/UiMenuItem.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus, r as useComponentHost, t as createDispatch } from "./host.js";
-import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenuItem.vue?vue&type=script&setup=true&lang.ts
@@ -39,6 +39,14 @@ var _hoisted_7 = {
 	class: "shortcut",
 	"aria-hidden": "true"
 };
+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/UiMenuItem.vue
 var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -194,7 +202,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(internalChecked.value == null || typeof internalChecked.value === "boolean", "{ action: null, checkbox: internalChecked, radio: internalChecked }[type]:internalChecked", "./components/ui-menu-item/ui-menu-item.html: HR007: Reference internalChecked does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = typeof {
 				action: null,
 				checkbox: internalChecked.value,
@@ -237,6 +245,10 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		useComponentHost(() => import("@threadlabs/looma/components/ui-menu-item/ui-menu-item.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalChecked: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-menu-item/ui-menu-item.js",
 				definition: "./components/ui-menu-item/ui-menu-item.html"
@@ -325,6 +337,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-eaccd603"]]);
+}), [["__scopeId", "data-v-758b033a"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiMeter.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, normalizeStyle, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMeter.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -635,6 +635,6 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5c9a13df"]]);
+}), [["__scopeId", "data-v-9c9cee82"]]);
 //#endregion
 export { UiMeter_default as t };