@threadlabs/looma 0.24.0 → 0.25.0

package/vue/chunks/UiContainer.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/UiContainer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -106,6 +106,6 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-90aaf320"]]);
+}), [["__scopeId", "data-v-37bee5c1"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

@@ -1,15 +1,9 @@
 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/UiContextMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-for", "data-open"];
-var _hoisted_2 = {
-	class: "menu",
-	role: "menu",
-	"aria-orientation": "vertical",
-	ref: "menu"
-};
 //#endregion
 //#region .build/vue/UiContextMenu.vue
 var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -88,7 +82,7 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const menuElement = useTemplateRef("menu");
+		const menuElement = useTemplateRef("menuElement");
 		const internalOpen = ref(false);
 		provide("html-next:ui-context-menu:internalOpen", internalOpen);
 		const hydrationNode = hydrationInstance?.vnode.el;
@@ -120,6 +114,10 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		useComponentHost(() => import("@threadlabs/looma/components/ui-context-menu/ui-context-menu.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalOpen: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-context-menu/ui-context-menu.js",
 				definition: "./components/ui-context-menu/ui-context-menu.html"
@@ -144,12 +142,18 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
 				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: "menu",
+				role: "menu",
+				"aria-orientation": "vertical",
+				ref_key: "menuElement",
+				ref: menuElement
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cab9d016"]]);
+}), [["__scopeId", "data-v-99d234f4"]]);
 //#endregion
 export { UiContextMenu_default as t };

package/vue/chunks/UiCover.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/UiCover.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-size", "data-ui-cover-state"];
@@ -66,6 +66,6 @@ var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9008ca0c"]]);
+}), [["__scopeId", "data-v-53c1daf0"]]);
 //#endregion
 export { UiCover_default as t };

package/vue/chunks/UiDescriptionItem.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/UiDescriptionItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-term"];
@@ -60,6 +60,6 @@ var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-30920087"]]);
+}), [["__scopeId", "data-v-cc61fece"]]);
 //#endregion
 export { UiDescriptionItem_default as t };

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

package/vue/chunks/UiDialog.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 { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiDialog.vue?vue&type=script&setup=true&lang.ts
@@ -20,12 +20,14 @@ var _hoisted_2 = {
 	key: 0,
 	class: "title"
 };
-var _hoisted_3 = {
-	class: "close",
-	type: "button",
-	"aria-label": "Close",
-	ref: "close"
-};
+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/UiDialog.vue
 var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -226,12 +228,12 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const closeElement = useTemplateRef("close");
+		const closeElement = useTemplateRef("closeElement");
 		const internalOpen = ref(false);
 		const accessibleLabel = ref("Dialog");
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!(accessibleLabel.value == null || typeof accessibleLabel.value === "string")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(accessibleLabel.value == null || typeof accessibleLabel.value === "string", "accessibleLabel:accessibleLabel", "./components/ui-dialog/ui-dialog.html: HR007: Reference accessibleLabel does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = accessibleLabel.value;
 		});
 		provide("html-next:ui-dialog:internalOpen", internalOpen);
@@ -270,6 +272,16 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		useComponentHost(() => import("@threadlabs/looma/components/ui-dialog/ui-dialog.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				internalOpen: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				accessibleLabel: {
+					kind: "terminal",
+					name: "string"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-dialog/ui-dialog.js",
 				definition: "./components/ui-dialog/ui-dialog.html"
@@ -315,7 +327,13 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("header", null, [checkedProps.value.label ? (openBlock(), createElementBlock("h2", _hoisted_2, toDisplayString(checkedProps.value.label), 1)) : createCommentVNode("v-if", true), createElementVNode("button", _hoisted_3, null, 512)]),
+				createElementVNode("header", null, [checkedProps.value.label ? (openBlock(), createElementBlock("h2", _hoisted_2, toDisplayString(checkedProps.value.label), 1)) : createCommentVNode("v-if", true), createElementVNode("button", {
+					class: "close",
+					type: "button",
+					"aria-label": "Close",
+					ref_key: "closeElement",
+					ref: closeElement
+				}, null, 512)]),
 				createVNode(UiScrollArea_default, { class: "body" }, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
@@ -327,6 +345,6 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-bc2dedbb"]]);
+}), [["__scopeId", "data-v-6e13d748"]]);
 //#endregion
 export { UiDialog_default as t };

package/vue/chunks/UiDisclosure.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, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDisclosure.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -29,6 +29,14 @@ var _hoisted_6 = {
 };
 var _hoisted_7 = ["id"];
 var _hoisted_8 = { class: "panel-inner" };
+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/UiDisclosure.vue
 var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -241,35 +249,36 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const headingElement = useTemplateRef("heading");
-		const triggerElement = useTemplateRef("trigger");
-		const panelElement = useTemplateRef("panel");
+		const headingElement = useTemplateRef("headingElement");
+		const triggerElement = useTemplateRef("triggerElement");
+		const panelElement = useTemplateRef("panelElement");
 		const internalOpen = ref(false);
 		const contentId = ref("");
 		const headingRole = ref(null);
 		const headingAriaLevel = ref(null);
+		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!(headingRole.value == null || true));
-			return headingRole.value ?? void 0;
+			if (!htmlNextAuthoredCheck2(headingRole.value == null || true, "headingRole:headingRole", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference headingRole does not satisfy its declared type.")) return guardedPrevious;
+			return guardedPrevious = headingRole.value ?? void 0;
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!(headingAriaLevel.value == null || Number.isInteger(headingAriaLevel.value))) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(headingAriaLevel.value == null || Number.isInteger(headingAriaLevel.value), "headingAriaLevel:headingAriaLevel", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference headingAriaLevel does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = headingAriaLevel.value ?? void 0;
 		});
 		let guardedBinding2Previous;
 		const guardedBinding2 = computed(() => {
-			if (!(contentId.value == null || typeof contentId.value === "string")) return guardedBinding2Previous;
+			if (!htmlNextAuthoredCheck2(contentId.value == null || typeof contentId.value === "string", "contentId:contentId", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference contentId does not satisfy its declared type.")) return guardedBinding2Previous;
 			return guardedBinding2Previous = contentId.value;
 		});
 		let guardedBinding3Previous;
 		const guardedBinding3 = computed(() => {
-			if (!(internalOpen.value == null || typeof internalOpen.value === "boolean")) return guardedBinding3Previous;
+			if (!htmlNextAuthoredCheck2(internalOpen.value == null || typeof internalOpen.value === "boolean", "internalOpen:internalOpen", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference internalOpen does not satisfy its declared type.")) return guardedBinding3Previous;
 			return guardedBinding3Previous = internalOpen.value;
 		});
 		let guardedBinding4Previous;
 		const guardedBinding4 = computed(() => {
-			if (!(contentId.value == null || typeof contentId.value === "string")) return guardedBinding4Previous;
+			if (!htmlNextAuthoredCheck2(contentId.value == null || typeof contentId.value === "string", "contentId:contentId", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference contentId does not satisfy its declared type.")) return guardedBinding4Previous;
 			return guardedBinding4Previous = contentId.value;
 		});
 		provide("html-next:ui-disclosure:internalOpen", internalOpen);
@@ -308,6 +317,24 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		useComponentHost(() => import("@threadlabs/looma/components/ui-disclosure/ui-disclosure.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				internalOpen: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				contentId: {
+					kind: "terminal",
+					name: "string"
+				},
+				headingRole: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				headingAriaLevel: {
+					kind: "terminal",
+					name: "integer"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-disclosure/ui-disclosure.js",
 				definition: "./components/ui-disclosure/ui-disclosure.html"
@@ -363,14 +390,16 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				class: "heading",
 				role: guarded.value,
 				"aria-level": guardedBinding.value,
-				ref: "heading"
+				ref_key: "headingElement",
+				ref: headingElement
 			}, [createElementVNode("button", {
 				class: "trigger",
 				type: "button",
 				"aria-controls": guardedBinding2.value,
 				"aria-expanded": guardedBinding3.value,
 				disabled: checkedProps.value.disabled ?? void 0,
-				ref: "trigger"
+				ref_key: "triggerElement",
+				ref: triggerElement
 			}, [
 				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "summary", {}, () => [createTextVNode(toDisplayString(checkedProps.value.summary), 1)], true)]),
@@ -378,13 +407,14 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			], 8, _hoisted_3)], 8, _hoisted_2), createElementVNode("div", {
 				class: "panel",
 				id: guardedBinding4.value,
-				ref: "panel"
+				ref_key: "panelElement",
+				ref: panelElement
 			}, [createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_7)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-72c1da77"]]);
+}), [["__scopeId", "data-v-dd324043"]]);
 //#endregion
 export { UiDisclosure_default as t };

package/vue/chunks/UiEditable.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, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditable.vue?vue&type=script&setup=true&lang.ts
@@ -44,6 +44,14 @@ var _hoisted_9 = {
 	class: "cancel",
 	type: "button"
 };
+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/UiEditable.vue
 var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -294,24 +302,24 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const previewElement = useTemplateRef("preview");
-		const inputElement = useTemplateRef("input");
+		const previewElement = useTemplateRef("previewElement");
+		const inputElement = useTemplateRef("inputElement");
 		const internalEdit = ref(false);
 		const internalValue = ref("");
 		const draft = ref("");
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!(internalValue.value == null || typeof internalValue.value === "string")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(internalValue.value == null || typeof internalValue.value === "string", "$internalValue:internalValue", "./components/ui-editable/ui-editable.html: HR007: Reference internalValue does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = internalValue.value;
 		});
 		let guardedBindingPrevious;
 		computed(() => {
-			if (!(draft.value == null || typeof draft.value === "string")) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(draft.value == null || typeof draft.value === "string", "draft:draft", "./components/ui-editable/ui-editable.html: HR007: Reference draft does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = draft.value;
 		});
 		let guardedBinding2Previous;
 		const guardedBinding2 = computed(() => {
-			if (!(internalEdit.value == null || typeof internalEdit.value === "boolean")) return guardedBinding2Previous;
+			if (!htmlNextAuthoredCheck2(internalEdit.value == null || typeof internalEdit.value === "boolean", "disabled or not internalEdit:internalEdit", "./components/ui-editable/ui-editable.html: HR007: Reference internalEdit does not satisfy its declared type.")) return guardedBinding2Previous;
 			return guardedBinding2Previous = checkedProps.value.disabled || !internalEdit.value;
 		});
 		provide("html-next:ui-editable:internalEdit", internalEdit);
@@ -349,6 +357,20 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		useComponentHost(() => import("@threadlabs/looma/components/ui-editable/ui-editable.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				internalEdit: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				internalValue: {
+					kind: "terminal",
+					name: "string"
+				},
+				draft: {
+					kind: "terminal",
+					name: "string"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-editable/ui-editable.js",
 				definition: "./components/ui-editable/ui-editable.html"
@@ -406,7 +428,8 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				class: "preview",
 				type: "button",
 				disabled: checkedProps.value.disabled ?? void 0,
-				ref: "preview"
+				ref_key: "previewElement",
+				ref: previewElement
 			}, [createElementVNode("span", _hoisted_4, toDisplayString(guarded.value), 1), checkedProps.value.hint ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.hint), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_3), withDirectives(createElementVNode("input", {
 				class: "input",
 				type: "text",
@@ -414,7 +437,8 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				placeholder: checkedProps.value.placeholder ?? void 0,
 				required: checkedProps.value.required ?? void 0,
 				disabled: guardedBinding2.value,
-				ref: "input"
+				ref_key: "inputElement",
+				ref: inputElement
 			}, null, 8, _hoisted_6), [[unref(vBindControl), {
 				tag: "input",
 				name: "value",
@@ -427,6 +451,6 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b8452f56"]]);
+}), [["__scopeId", "data-v-36433c42"]]);
 //#endregion
 export { UiEditable_default as t };

package/vue/chunks/UiEditorInsertTableGrid.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 { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorInsertTableGrid.vue?vue&type=script&setup=true&lang.ts
@@ -20,10 +20,14 @@ var _hoisted_3 = [
 	"tabindex"
 ];
 var _hoisted_4 = { class: "header" };
-var _hoisted_5 = {
-	type: "checkbox",
-	ref: "header"
-};
+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/UiEditorInsertTableGrid.vue
 var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -159,8 +163,8 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const gridElement = useTemplateRef("grid");
-		const headerElement = useTemplateRef("header");
+		const gridElement = useTemplateRef("gridElement");
+		const headerElement = useTemplateRef("headerElement");
 		const cells = ref([]);
 		const rows = ref(8);
 		const cols = ref(8);
@@ -168,22 +172,22 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		const withHeaderRow = ref(false);
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!(hint.value == null || typeof hint.value === "string")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(hint.value == null || typeof hint.value === "string", "$hint:hint", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference hint does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = hint.value;
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!(rows.value == null || Number.isInteger(rows.value))) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(rows.value == null || Number.isInteger(rows.value), "rows:rows", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference rows does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = rows.value;
 		});
 		let guardedBinding2Previous;
 		const guardedBinding2 = computed(() => {
-			if (!(cols.value == null || Number.isInteger(cols.value))) return guardedBinding2Previous;
+			if (!htmlNextAuthoredCheck2(cols.value == null || Number.isInteger(cols.value), "cols:cols", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference cols does not satisfy its declared type.")) return guardedBinding2Previous;
 			return guardedBinding2Previous = cols.value;
 		});
 		let guardedBinding3Previous;
 		computed(() => {
-			if (!(withHeaderRow.value == null || typeof withHeaderRow.value === "boolean")) return guardedBinding3Previous;
+			if (!htmlNextAuthoredCheck2(withHeaderRow.value == null || typeof withHeaderRow.value === "boolean", "withHeaderRow:withHeaderRow", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference withHeaderRow does not satisfy its declared type.")) return guardedBinding3Previous;
 			return guardedBinding3Previous = withHeaderRow.value;
 		});
 		provide("html-next:ui-editor-insert-table-grid:cells", cells);
@@ -208,6 +212,81 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				cells: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "key",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "row",
+								type: {
+									kind: "terminal",
+									name: "integer"
+								},
+								optional: false
+							},
+							{
+								name: "col",
+								type: {
+									kind: "terminal",
+									name: "integer"
+								},
+								optional: false
+							},
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "selected",
+								type: {
+									kind: "terminal",
+									name: "boolean"
+								},
+								optional: false
+							},
+							{
+								name: "tabIndex",
+								type: {
+									kind: "terminal",
+									name: "integer"
+								},
+								optional: false
+							}
+						],
+						open: false
+					}
+				},
+				rows: {
+					kind: "terminal",
+					name: "integer"
+				},
+				cols: {
+					kind: "terminal",
+					name: "integer"
+				},
+				hint: {
+					kind: "terminal",
+					name: "string"
+				},
+				withHeaderRow: {
+					kind: "terminal",
+					name: "boolean"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js",
 				definition: "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html"
@@ -286,7 +365,8 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 						"--_rows": guardedBinding.value,
 						"--_cols": guardedBinding2.value
 					}),
-					ref: "grid"
+					ref_key: "gridElement",
+					ref: gridElement
 				}, [createVNode(unref(KeyedBoundary), null, {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(cells.value, (cell, index, loop) => cell.key), (cell) => {
 						return openBlock(), createElementBlock("button", {
@@ -302,7 +382,11 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 					}), 128))]),
 					_: 1
 				})], 4),
-				createElementVNode("label", _hoisted_4, [withDirectives(createElementVNode("input", _hoisted_5, null, 512), [[unref(vBindControl), {
+				createElementVNode("label", _hoisted_4, [withDirectives(createElementVNode("input", {
+					type: "checkbox",
+					ref_key: "headerElement",
+					ref: headerElement
+				}, null, 512), [[unref(vBindControl), {
 					tag: "input",
 					name: "checked",
 					value: withHeaderRow.value,
@@ -315,6 +399,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0bf7197a"]]);
+}), [["__scopeId", "data-v-a66391fa"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };