@threadlabs/looma 0.24.1 → 0.25.1

package/vue/chunks/UiNavItem.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, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiNavItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -357,6 +357,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d6216e47"]]);
+}), [["__scopeId", "data-v-a0604b7d"]]);
 //#endregion
 export { UiNavItem_default as t };

package/vue/chunks/UiPageHeader.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/UiPageHeader.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-align", "data-ui-page-header-state"];
@@ -80,6 +80,6 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a7e33d0c"]]);
+}), [["__scopeId", "data-v-04be009f"]]);
 //#endregion
 export { UiPageHeader_default as t };

package/vue/chunks/UiPopover.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/UiPopover.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -177,6 +177,10 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		useComponentHost(() => import("@threadlabs/looma/components/ui-popover/ui-popover.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalOpen: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-popover/ui-popover.js",
 				definition: "./components/ui-popover/ui-popover.html"
@@ -214,6 +218,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-92ec9841"]]);
+}), [["__scopeId", "data-v-04c57007"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadio.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 { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiRadio.vue?vue&type=script&setup=true&lang.ts
@@ -21,11 +21,14 @@ var _hoisted_2 = [
 ];
 var _hoisted_3 = { class: "text" };
 var _hoisted_4 = { class: "label" };
-var _hoisted_5 = {
-	class: "description",
-	"aria-hidden": "true",
-	ref: "description"
-};
+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/UiRadio.vue
 var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -184,12 +187,12 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const inputElement = useTemplateRef("input");
-		const descriptionElement = useTemplateRef("description");
+		const inputElement = useTemplateRef("inputElement");
+		const descriptionElement = useTemplateRef("descriptionElement");
 		const internalChecked = ref(false);
 		let guardedPrevious;
 		computed(() => {
-			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(internalChecked.value == null || typeof internalChecked.value === "boolean", "internalChecked:internalChecked", "./components/ui-radio/ui-radio.html: HR007: Reference internalChecked does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = internalChecked.value;
 		});
 		provide("html-next:ui-radio:internalChecked", internalChecked);
@@ -219,6 +222,10 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		useComponentHost(() => import("@threadlabs/looma/components/ui-radio/ui-radio.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalChecked: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-radio/ui-radio.js",
 				definition: "./components/ui-radio/ui-radio.html"
@@ -264,19 +271,25 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				required: checkedProps.value.required ?? void 0,
 				"^value": checkedProps.value.value ?? void 0,
 				name: checkedProps.value.name ?? void 0,
-				ref: "input"
+				ref_key: "inputElement",
+				ref: inputElement
 			}, null, 8, _hoisted_2), [[unref(vBindControl), {
 				tag: "input",
 				name: "checked",
 				value: internalChecked.value,
 				nativeProperty: true,
 				defaultChecked: false
-			}]]), 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)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", {
+				class: "description",
+				"aria-hidden": "true",
+				ref_key: "descriptionElement",
+				ref: descriptionElement
+			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-39392095"]]);
+}), [["__scopeId", "data-v-287fc6f6"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiRadioGroup.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, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -225,6 +225,10 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		useComponentHost(() => import("@threadlabs/looma/components/ui-radio-group/ui-radio-group.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalValue: {
+				kind: "terminal",
+				name: "string"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-radio-group/ui-radio-group.js",
 				definition: "./components/ui-radio-group/ui-radio-group.html"
@@ -274,6 +278,6 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9a3dc67f"]]);
+}), [["__scopeId", "data-v-5c2af410"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiReel.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/UiReel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -139,6 +139,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-69e266a6"]]);
+}), [["__scopeId", "data-v-24184476"]]);
 //#endregion
 export { UiReel_default as t };

package/vue/chunks/UiScrollArea.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/UiScrollArea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -8,10 +8,6 @@ var _hoisted_1 = [
 	"data-size",
 	"data-ui-scroll-area-state"
 ];
-var _hoisted_2 = {
-	class: "content",
-	ref: "content"
-};
 //#endregion
 //#region .build/vue/UiScrollArea.vue
 var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -90,7 +86,7 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		}
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
-		const contentElement = useTemplateRef("content");
+		const contentElement = useTemplateRef("contentElement");
 		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-scroll-area> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -134,12 +130,16 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"data-ui-scroll-area-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [createElementVNode("div", {
+				class: "content",
+				ref_key: "contentElement",
+				ref: contentElement
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cda8f5cb"]]);
+}), [["__scopeId", "data-v-7357ecdb"]]);
 //#endregion
 export { UiScrollArea_default as t };

package/vue/chunks/UiSearchResultRow.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/UiSearchResultRow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -144,6 +144,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2a874cfc"]]);
+}), [["__scopeId", "data-v-d72f6448"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSearchShell.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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSearchShell.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -126,7 +126,7 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const dialogElement = useTemplateRef("dialog");
+		const dialogElement = useTemplateRef("dialogElement");
 		const internalOpen = ref(false);
 		provide("html-next:ui-search-shell:internalOpen", internalOpen);
 		const hydrationNode = hydrationInstance?.vnode.el;
@@ -149,6 +149,10 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		useComponentHost(() => import("@threadlabs/looma/components/ui-search-shell/ui-search-shell.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalOpen: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-search-shell/ui-search-shell.js",
 				definition: "./components/ui-search-shell/ui-search-shell.html"
@@ -182,7 +186,8 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				ref: root
 			}), [createElementVNode("dialog", {
 				"aria-label": checkedProps.value.label ?? void 0,
-				ref: "dialog"
+				ref_key: "dialogElement",
+				ref: dialogElement
 			}, [createElementVNode("div", _hoisted_3, [
 				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "search")]),
 				createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "status")]),
@@ -194,6 +199,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d317023c"]]);
+}), [["__scopeId", "data-v-a7c1863a"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSection.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, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -138,6 +138,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-bea5b33d"]]);
+}), [["__scopeId", "data-v-684c0522"]]);
 //#endregion
 export { UiSection_default as t };

package/vue/chunks/UiSelect.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 { n as readBoundControl, r as vBindControl, t as SelectedOptions } from "./control.js";
 import { computed, createElementBlock, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiSelect.vue?vue&type=script&setup=true&lang.ts
@@ -211,7 +211,8 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), [createVNode(unref(SelectedOptions), {
 				value: model.value,
 				multiple: false,
-				"native-property": false
+				"native-property": false,
+				"optional-value": true
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
@@ -222,10 +223,11 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				tag: "select",
 				name: "value",
 				value: model.value,
+				optionalValue: true,
 				defaultValue: ""
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-53af9970"]]);
+}), [["__scopeId", "data-v-27061170"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSeparator.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, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSeparator.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -148,6 +148,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a49de10a"]]);
+}), [["__scopeId", "data-v-7fa20c48"]]);
 //#endregion
 export { UiSeparator_default as t };

package/vue/chunks/UiSidebar.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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSidebar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -18,6 +18,14 @@ var _hoisted_1 = [
 var _hoisted_2 = { class: "viewport" };
 var _hoisted_3 = { class: "content" };
 var _hoisted_4 = ["aria-label", "hidden"];
+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/UiSidebar.vue
 var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -234,13 +242,13 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const resizerElement = useTemplateRef("resizer");
+		const resizerElement = useTemplateRef("resizerElement");
 		const internalCollapsed = ref(false);
 		const drawer = ref(false);
 		const resizing = ref(false);
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!((drawer.value == null || typeof drawer.value === "boolean") && (internalCollapsed.value == null || typeof internalCollapsed.value === "boolean"))) return guardedPrevious;
+			if (!(htmlNextAuthoredCheck2(drawer.value == null || typeof drawer.value === "boolean", "not resizable or drawer or internalCollapsed:drawer", "./components/ui-sidebar/ui-sidebar.html: HR007: Reference drawer does not satisfy its declared type.") && htmlNextAuthoredCheck2(internalCollapsed.value == null || typeof internalCollapsed.value === "boolean", "not resizable or drawer or internalCollapsed:internalCollapsed", "./components/ui-sidebar/ui-sidebar.html: HR007: Reference internalCollapsed does not satisfy its declared type."))) return guardedPrevious;
 			return guardedPrevious = !checkedProps.value.resizable || drawer.value || internalCollapsed.value;
 		});
 		provide("html-next:ui-sidebar:internalCollapsed", internalCollapsed);
@@ -277,6 +285,20 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		useComponentHost(() => import("@threadlabs/looma/components/ui-sidebar/ui-sidebar.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				internalCollapsed: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				drawer: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				resizing: {
+					kind: "terminal",
+					name: "boolean"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-sidebar/ui-sidebar.js",
 				definition: "./components/ui-sidebar/ui-sidebar.html"
@@ -331,7 +353,8 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"data-ui-affordance": "resize",
 				"aria-label": checkedProps.value.resizeLabel ?? void 0,
 				hidden: guarded.value,
-				ref: "resizer"
+				ref_key: "resizerElement",
+				ref: resizerElement
 			}, [..._cache[0] || (_cache[0] = [createElementVNode("span", {
 				class: "guide",
 				"aria-hidden": "true"
@@ -341,6 +364,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ce0201a7"]]);
+}), [["__scopeId", "data-v-0f49678d"]]);
 //#endregion
 export { UiSidebar_default as t };

package/vue/chunks/UiSpinner.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, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSpinner.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -201,6 +201,6 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1012d0f2"]]);
+}), [["__scopeId", "data-v-fb67873c"]]);
 //#endregion
 export { UiSpinner_default as t };

package/vue/chunks/UiStack.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/UiStack.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -142,6 +142,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dc2b61ac"]]);
+}), [["__scopeId", "data-v-8129c161"]]);
 //#endregion
 export { UiStack_default as t };

package/vue/chunks/UiStatusMessage.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 { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiStatusMessage.vue?vue&type=script&setup=true&lang.ts
@@ -176,6 +176,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b0e54e56"]]);
+}), [["__scopeId", "data-v-71e4de69"]]);
 //#endregion
 export { UiStatusMessage_default as t };

package/vue/chunks/UiSwitch.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 { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitch.vue?vue&type=script&setup=true&lang.ts
@@ -21,11 +21,14 @@ var _hoisted_2 = [
 ];
 var _hoisted_3 = { class: "text" };
 var _hoisted_4 = { class: "label" };
-var _hoisted_5 = {
-	class: "description",
-	"aria-hidden": "true",
-	ref: "description"
-};
+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/UiSwitch.vue
 var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -184,12 +187,12 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const inputElement = useTemplateRef("input");
-		const descriptionElement = useTemplateRef("description");
+		const inputElement = useTemplateRef("inputElement");
+		const descriptionElement = useTemplateRef("descriptionElement");
 		const internalChecked = ref(false);
 		let guardedPrevious;
 		computed(() => {
-			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(internalChecked.value == null || typeof internalChecked.value === "boolean", "internalChecked:internalChecked", "./components/ui-switch/ui-switch.html: HR007: Reference internalChecked does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = internalChecked.value;
 		});
 		provide("html-next:ui-switch:internalChecked", internalChecked);
@@ -219,6 +222,10 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		useComponentHost(() => import("@threadlabs/looma/components/ui-switch/ui-switch.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalChecked: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-switch/ui-switch.js",
 				definition: "./components/ui-switch/ui-switch.html"
@@ -265,19 +272,25 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				required: checkedProps.value.required ?? void 0,
 				name: checkedProps.value.name ?? void 0,
 				"^value": checkedProps.value.value ?? void 0,
-				ref: "input"
+				ref_key: "inputElement",
+				ref: inputElement
 			}, null, 8, _hoisted_2), [[unref(vBindControl), {
 				tag: "input",
 				name: "checked",
 				value: internalChecked.value,
 				nativeProperty: true,
 				defaultChecked: false
-			}]]), 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)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", {
+				class: "description",
+				"aria-hidden": "true",
+				ref_key: "descriptionElement",
+				ref: descriptionElement
+			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c140f23c"]]);
+}), [["__scopeId", "data-v-c6fc4d66"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiSwitcher.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, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitcher.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -158,6 +158,10 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		useComponentHost(() => import("@threadlabs/looma/components/ui-switcher/ui-switcher.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { overLimit: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-switcher/ui-switcher.js",
 				definition: "./components/ui-switcher/ui-switcher.html"
@@ -195,6 +199,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ec03b6e1"]]);
+}), [["__scopeId", "data-v-37d30d5e"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTable.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, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -127,6 +127,6 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a72b1c84"]]);
+}), [["__scopeId", "data-v-93c9ac9c"]]);
 //#endregion
 export { UiTable_default as t };