@threadlabs/looma 0.24.1 → 0.25.0

package/vue/chunks/UiCombobox.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 UiBadge_default } from "./UiBadge.js";
 import { r as vBindControl } from "./control.js";
 import { t as UiTooltip_default } from "./UiTooltip.js";
@@ -36,17 +36,13 @@ var _hoisted_1 = [
 ];
 var _hoisted_2 = ["for"];
 var _hoisted_3 = { class: "control" };
-var _hoisted_4 = {
-	class: "field",
-	ref: "field"
-};
-var _hoisted_5 = { class: "entry" };
-var _hoisted_6 = [
+var _hoisted_4 = { class: "entry" };
+var _hoisted_5 = [
 	"data-index",
 	"disabled",
 	"aria-label"
 ];
-var _hoisted_7 = [
+var _hoisted_6 = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
@@ -57,31 +53,31 @@ var _hoisted_7 = [
 	"readonly",
 	"required"
 ];
-var _hoisted_8 = [
+var _hoisted_7 = [
 	"name",
 	"^value",
 	"disabled"
 ];
-var _hoisted_9 = [
+var _hoisted_8 = [
 	"name",
 	"^value",
 	"disabled"
 ];
-var _hoisted_10 = ["disabled"];
-var _hoisted_11 = ["aria-controls", "disabled"];
-var _hoisted_12 = ["id", "disabled"];
-var _hoisted_13 = ["hidden"];
-var _hoisted_14 = [
+var _hoisted_9 = ["disabled"];
+var _hoisted_10 = ["aria-controls", "disabled"];
+var _hoisted_11 = ["id", "disabled"];
+var _hoisted_12 = ["hidden"];
+var _hoisted_13 = [
 	"id",
 	"aria-label",
 	"aria-busy"
 ];
-var _hoisted_15 = ["role", "aria-label"];
-var _hoisted_16 = {
+var _hoisted_14 = ["role", "aria-label"];
+var _hoisted_15 = {
 	key: 0,
 	class: "group"
 };
-var _hoisted_17 = [
+var _hoisted_16 = [
 	"data-multiple",
 	"id",
 	"aria-selected",
@@ -90,44 +86,46 @@ var _hoisted_17 = [
 	"aria-labelledby",
 	"aria-describedby"
 ];
-var _hoisted_18 = {
+var _hoisted_17 = {
 	key: 0,
 	class: "detail"
 };
-var _hoisted_19 = { class: "line" };
+var _hoisted_18 = { class: "line" };
+var _hoisted_19 = ["id"];
 var _hoisted_20 = ["id"];
 var _hoisted_21 = ["id"];
-var _hoisted_22 = ["id"];
-var _hoisted_23 = {
+var _hoisted_22 = {
 	key: 1,
 	class: "primary"
 };
-var _hoisted_24 = [
+var _hoisted_23 = [
 	"data-multiple",
 	"id",
 	"data-index"
 ];
-var _hoisted_25 = {
+var _hoisted_24 = {
 	key: 1,
 	class: "message"
 };
-var _hoisted_26 = {
+var _hoisted_25 = {
 	key: 2,
 	class: "message"
 };
-var _hoisted_27 = ["id", "hidden"];
-var _hoisted_28 = {
+var _hoisted_26 = ["id", "hidden"];
+var _hoisted_27 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
 };
-var _hoisted_29 = {
-	class: "authored-options",
-	hidden: "",
-	"aria-hidden": "true",
-	ref: "options"
-};
+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/UiCombobox.vue
 var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -251,7 +249,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		"create-item",
 		"selected-values-change"
 	],
-	setup(__props, { expose: __expose, emit: __emit }) {
+	setup(__props, { emit: __emit }) {
 		const propValidityContract = { props: {
 			allowCreate: {
 				type: {
@@ -888,11 +886,11 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const fieldElement = useTemplateRef("field");
-		const inputElement = useTemplateRef("input");
-		const popupElement = useTemplateRef("popup");
-		const listboxElement = useTemplateRef("listbox");
-		const optionsElement = useTemplateRef("options");
+		const fieldElement = useTemplateRef("fieldElement");
+		const inputElement = useTemplateRef("inputElement");
+		const popupElement = useTemplateRef("popupElement");
+		const listboxElement = useTemplateRef("listboxElement");
+		const optionsElement = useTemplateRef("optionsElement");
 		const internalItems = ref([]);
 		const raw = ref("");
 		const display = ref("");
@@ -918,96 +916,96 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const validationStatus = ref("pristine");
 		let guardedPrevious = null;
 		const guarded = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-input'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedPrevious;
 			const candidate = concat(uid.value, "-input");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedPrevious;
 			return guardedPrevious = candidate;
 		});
 		let guardedBindingPrevious = null;
 		const guardedBinding = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-input'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBindingPrevious;
 			const candidate = concat(uid.value, "-input");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
 			return guardedBindingPrevious = candidate;
 		});
 		let guardedBinding2Previous = null;
 		const guardedBinding2 = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBinding2Previous;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-listbox'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBinding2Previous;
 			const candidate = concat(uid.value, "-listbox");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
 			return guardedBinding2Previous = candidate;
 		});
 		let guardedBinding3Previous;
 		const guardedBinding3 = computed(() => {
-			if (!(expanded.value == null || typeof expanded.value === "boolean")) return guardedBinding3Previous;
+			if (!htmlNextAuthoredCheck2(expanded.value == null || typeof expanded.value === "boolean", "expanded:expanded", "./components/ui-combobox/ui-combobox.html: HR007: Reference expanded does not satisfy its declared type.")) return guardedBinding3Previous;
 			return guardedBinding3Previous = expanded.value;
 		});
 		let guardedBinding4Previous;
 		const guardedBinding4 = computed(() => {
-			if (!(validationStatus.value == null || typeof validationStatus.value === "string")) return guardedBinding4Previous;
+			if (!htmlNextAuthoredCheck2(validationStatus.value == null || typeof validationStatus.value === "string", "invalid or validationStatus = 'error':validationStatus", "./components/ui-combobox/ui-combobox.html: HR007: Reference validationStatus does not satisfy its declared type.")) return guardedBinding4Previous;
 			return guardedBinding4Previous = checkedProps.value.invalid || validationStatus.value === "error";
 		});
 		let guardedBinding5Previous;
 		const guardedBinding5 = computed(() => {
-			if (!(validationStatus.value == null || typeof validationStatus.value === "string")) return guardedBinding5Previous;
+			if (!htmlNextAuthoredCheck2(validationStatus.value == null || typeof validationStatus.value === "string", "loading or validationStatus = 'pending':validationStatus", "./components/ui-combobox/ui-combobox.html: HR007: Reference validationStatus does not satisfy its declared type.")) return guardedBinding5Previous;
 			return guardedBinding5Previous = checkedProps.value.loading || validationStatus.value === "pending";
 		});
 		let guardedBinding6Previous;
 		computed(() => {
-			if (!(display.value == null || typeof display.value === "string")) return guardedBinding6Previous;
+			if (!htmlNextAuthoredCheck2(display.value == null || typeof display.value === "string", "display:display", "./components/ui-combobox/ui-combobox.html: HR007: Reference display does not satisfy its declared type.")) return guardedBinding6Previous;
 			return guardedBinding6Previous = display.value;
 		});
 		let guardedBinding7Previous;
 		const guardedBinding7 = computed(() => {
-			if (!(internalItems.value?.["0"] == null || typeof internalItems.value?.["0"] === "object" && internalItems.value?.["0"] !== null && !Array.isArray(internalItems.value?.["0"]))) return guardedBinding7Previous;
+			if (!htmlNextAuthoredCheck2(internalItems.value?.["0"] == null || typeof internalItems.value?.["0"] === "object" && internalItems.value?.["0"] !== null && !Array.isArray(internalItems.value?.["0"]), "required and not (multiple and internalItems.0):internalItems.0", "./components/ui-combobox/ui-combobox.html: HR007: Reference internalItems.0 does not satisfy its declared type.")) return guardedBinding7Previous;
 			return guardedBinding7Previous = checkedProps.value.required && !(checkedProps.value.multiple && internalItems.value[0]);
 		});
 		let guardedBinding8Previous;
 		const guardedBinding8 = computed(() => {
-			if (!(submitted.value == null || typeof submitted.value === "string")) return guardedBinding8Previous;
+			if (!htmlNextAuthoredCheck2(submitted.value == null || typeof submitted.value === "string", "submitted:submitted", "./components/ui-combobox/ui-combobox.html: HR007: Reference submitted does not satisfy its declared type.")) return guardedBinding8Previous;
 			return guardedBinding8Previous = submitted.value;
 		});
 		let guardedBinding9Previous;
 		const guardedBinding9 = computed(() => {
-			if (!((raw.value == null || typeof raw.value === "string") && (selected.value == null || typeof selected.value === "string"))) return guardedBinding9Previous;
+			if (!(htmlNextAuthoredCheck2(raw.value == null || typeof raw.value === "string", "disabled or readonly or (not raw and (multiple or selected = null)):raw", "./components/ui-combobox/ui-combobox.html: HR007: Reference raw does not satisfy its declared type.") && htmlNextAuthoredCheck2(selected.value == null || typeof selected.value === "string" || selected.value === null, "disabled or readonly or (not raw and (multiple or selected = null)):selected", "./components/ui-combobox/ui-combobox.html: HR007: Reference selected does not satisfy its declared type."))) return guardedBinding9Previous;
 			return guardedBinding9Previous = checkedProps.value.disabled || checkedProps.value.readonly || !raw.value && (checkedProps.value.multiple || selected.value === null);
 		});
 		let guardedBinding10Previous = null;
 		const guardedBinding10 = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBinding10Previous;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-listbox'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBinding10Previous;
 			const candidate = concat(uid.value, "-listbox");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding10Previous;
 			return guardedBinding10Previous = candidate;
 		});
 		let guardedBinding11Previous = null;
 		const guardedBinding11 = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBinding11Previous;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-help'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBinding11Previous;
 			const candidate = concat(uid.value, "-help");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding11Previous;
 			return guardedBinding11Previous = candidate;
 		});
 		let guardedBinding12Previous = null;
 		const guardedBinding12 = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBinding12Previous;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-help-text'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBinding12Previous;
 			const candidate = concat(uid.value, "-help-text");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding12Previous;
 			return guardedBinding12Previous = candidate;
 		});
 		let guardedBinding13Previous = null;
 		const guardedBinding13 = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBinding13Previous;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-help'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBinding13Previous;
 			const candidate = concat(uid.value, "-help");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding13Previous;
 			return guardedBinding13Previous = candidate;
 		});
 		let guardedBinding14Previous;
 		const guardedBinding14 = computed(() => {
-			if (!(expanded.value == null || typeof expanded.value === "boolean")) return guardedBinding14Previous;
+			if (!htmlNextAuthoredCheck2(expanded.value == null || typeof expanded.value === "boolean", "not expanded:expanded", "./components/ui-combobox/ui-combobox.html: HR007: Reference expanded does not satisfy its declared type.")) return guardedBinding14Previous;
 			return guardedBinding14Previous = !expanded.value;
 		});
 		let guardedBinding15Previous = null;
 		const guardedBinding15 = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBinding15Previous;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-listbox'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBinding15Previous;
 			const candidate = concat(uid.value, "-listbox");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding15Previous;
 			return guardedBinding15Previous = candidate;
@@ -1020,43 +1018,43 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		let guardedBinding17Previous;
 		const guardedBinding17 = computed(() => {
-			if (!((active.value == null || Number.isInteger(active.value)) && (createIndex.value == null || Number.isInteger(createIndex.value)))) return guardedBinding17Previous;
+			if (!(htmlNextAuthoredCheck2(active.value == null || Number.isInteger(active.value), "createIndex = active:active", "./components/ui-combobox/ui-combobox.html: HR007: Reference active does not satisfy its declared type.") && htmlNextAuthoredCheck2(createIndex.value == null || Number.isInteger(createIndex.value), "createIndex = active:createIndex", "./components/ui-combobox/ui-combobox.html: HR007: Reference createIndex does not satisfy its declared type."))) return guardedBinding17Previous;
 			return guardedBinding17Previous = createIndex.value === active.value;
 		});
 		let guardedBinding18Previous = null;
 		const guardedBinding18 = computed(() => {
-			if (!((createIndex.value == null || Number.isInteger(createIndex.value)) && (uid.value == null || typeof uid.value === "string"))) return guardedBinding18Previous;
+			if (!(htmlNextAuthoredCheck2(createIndex.value == null || Number.isInteger(createIndex.value), "concat(uid, '-option-', createIndex):createIndex", "./components/ui-combobox/ui-combobox.html: HR007: Reference createIndex does not satisfy its declared type.") && htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-option-', createIndex):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type."))) return guardedBinding18Previous;
 			const candidate = concat(uid.value, "-option-", createIndex.value);
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding18Previous;
 			return guardedBinding18Previous = candidate;
 		});
 		let guardedBinding19Previous;
 		const guardedBinding19 = computed(() => {
-			if (!(createIndex.value == null || Number.isInteger(createIndex.value))) return guardedBinding19Previous;
+			if (!htmlNextAuthoredCheck2(createIndex.value == null || Number.isInteger(createIndex.value), "createIndex:createIndex", "./components/ui-combobox/ui-combobox.html: HR007: Reference createIndex does not satisfy its declared type.")) return guardedBinding19Previous;
 			return guardedBinding19Previous = createIndex.value;
 		});
 		let guardedBinding20Previous = null;
 		const guardedBinding20 = computed(() => {
-			if (!(raw.value == null || typeof raw.value === "string")) return guardedBinding20Previous;
+			if (!htmlNextAuthoredCheck2(raw.value == null || typeof raw.value === "string", "concat('Create “', raw, '”'):raw", "./components/ui-combobox/ui-combobox.html: HR007: Reference raw does not satisfy its declared type.")) return guardedBinding20Previous;
 			const candidate = concat("Create “", raw.value, "”");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding20Previous;
 			return guardedBinding20Previous = candidate;
 		});
 		let guardedBinding21Previous;
 		const guardedBinding21 = computed(() => {
-			if (!(message.value == null || typeof message.value === "string")) return guardedBinding21Previous;
+			if (!htmlNextAuthoredCheck2(message.value == null || typeof message.value === "string", "$message:message", "./components/ui-combobox/ui-combobox.html: HR007: Reference message does not satisfy its declared type.")) return guardedBinding21Previous;
 			return guardedBinding21Previous = message.value;
 		});
 		let guardedBinding22Previous = null;
 		const guardedBinding22 = computed(() => {
-			if (!(uid.value == null || typeof uid.value === "string")) return guardedBinding22Previous;
+			if (!htmlNextAuthoredCheck2(uid.value == null || typeof uid.value === "string", "concat(uid, '-validation'):uid", "./components/ui-combobox/ui-combobox.html: HR007: Reference uid does not satisfy its declared type.")) return guardedBinding22Previous;
 			const candidate = concat(uid.value, "-validation");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding22Previous;
 			return guardedBinding22Previous = candidate;
 		});
 		let guardedBinding23Previous;
 		const guardedBinding23 = computed(() => {
-			if (!(statusText.value == null || typeof statusText.value === "string")) return guardedBinding23Previous;
+			if (!htmlNextAuthoredCheck2(statusText.value == null || typeof statusText.value === "string", "$statusText:statusText", "./components/ui-combobox/ui-combobox.html: HR007: Reference statusText does not satisfy its declared type.")) return guardedBinding23Previous;
 			return guardedBinding23Previous = statusText.value;
 		});
 		provide("html-next:ui-combobox:internalItems", internalItems);
@@ -1181,9 +1179,537 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"value"
 			]
 		});
-		const { host, ready } = useComponentHost(() => import("@threadlabs/looma/components/ui-combobox/ui-combobox.js"), {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-combobox/ui-combobox.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				internalItems: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "id",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "value",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "group",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "disabled",
+								type: {
+									kind: "terminal",
+									name: "boolean"
+								},
+								optional: true
+							},
+							{
+								name: "description",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "tag",
+								type: {
+									kind: "object",
+									fields: [
+										{
+											name: "label",
+											type: {
+												kind: "terminal",
+												name: "string"
+											},
+											optional: false
+										},
+										{
+											name: "tone",
+											type: {
+												kind: "constrained",
+												base: {
+													kind: "terminal",
+													name: "keyword"
+												},
+												values: [
+													"neutral",
+													"accent",
+													"info",
+													"success",
+													"warning",
+													"danger"
+												]
+											},
+											optional: true
+										},
+										{
+											name: "color",
+											type: {
+												kind: "terminal",
+												name: "string"
+											},
+											optional: true
+										}
+									],
+									open: false
+								},
+								optional: true
+							}
+						],
+						open: false
+					}
+				},
+				raw: {
+					kind: "terminal",
+					name: "string"
+				},
+				display: {
+					kind: "terminal",
+					name: "string"
+				},
+				selected: {
+					kind: "union",
+					members: [{
+						kind: "terminal",
+						name: "string"
+					}, {
+						kind: "terminal",
+						name: "null"
+					}]
+				},
+				expanded: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				rows: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "id",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "value",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "group",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "disabled",
+								type: {
+									kind: "terminal",
+									name: "boolean"
+								},
+								optional: false
+							},
+							{
+								name: "selected",
+								type: {
+									kind: "terminal",
+									name: "boolean"
+								},
+								optional: false
+							},
+							{
+								name: "description",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "tag",
+								type: {
+									kind: "object",
+									fields: [
+										{
+											name: "label",
+											type: {
+												kind: "terminal",
+												name: "string"
+											},
+											optional: false
+										},
+										{
+											name: "tone",
+											type: {
+												kind: "constrained",
+												base: {
+													kind: "terminal",
+													name: "keyword"
+												},
+												values: [
+													"neutral",
+													"accent",
+													"info",
+													"success",
+													"warning",
+													"danger"
+												]
+											},
+											optional: true
+										},
+										{
+											name: "color",
+											type: {
+												kind: "terminal",
+												name: "string"
+											},
+											optional: true
+										}
+									],
+									open: false
+								},
+								optional: true
+							}
+						],
+						open: false
+					}
+				},
+				active: {
+					kind: "terminal",
+					name: "integer"
+				},
+				helpOpen: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				lookupError: {
+					kind: "terminal",
+					name: "string"
+				},
+				validation: {
+					kind: "object",
+					fields: [
+						{
+							name: "status",
+							type: {
+								kind: "constrained",
+								base: {
+									kind: "terminal",
+									name: "keyword"
+								},
+								values: [
+									"pristine",
+									"pending",
+									"valid",
+									"warning",
+									"error"
+								]
+							},
+							optional: false
+						},
+						{
+							name: "touched",
+							type: {
+								kind: "terminal",
+								name: "boolean"
+							},
+							optional: false
+						},
+						{
+							name: "dirty",
+							type: {
+								kind: "terminal",
+								name: "boolean"
+							},
+							optional: false
+						},
+						{
+							name: "issues",
+							type: {
+								kind: "list",
+								item: {
+									kind: "object",
+									fields: [{
+										name: "message",
+										type: {
+											kind: "terminal",
+											name: "string"
+										},
+										optional: false
+									}],
+									open: false
+								}
+							},
+							optional: false
+						}
+					],
+					open: true
+				},
+				uid: {
+					kind: "terminal",
+					name: "string"
+				},
+				submitted: {
+					kind: "terminal",
+					name: "string"
+				},
+				groups: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "name",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "role",
+								type: {
+									kind: "constrained",
+									base: {
+										kind: "terminal",
+										name: "keyword"
+									},
+									values: ["group", "presentation"]
+								},
+								optional: false
+							},
+							{
+								name: "label",
+								type: {
+									kind: "union",
+									members: [{
+										kind: "terminal",
+										name: "string"
+									}, {
+										kind: "terminal",
+										name: "null"
+									}]
+								},
+								optional: false
+							},
+							{
+								name: "rows",
+								type: {
+									kind: "list",
+									item: {
+										kind: "object",
+										fields: [
+											{
+												name: "id",
+												type: {
+													kind: "terminal",
+													name: "string"
+												},
+												optional: false
+											},
+											{
+												name: "value",
+												type: {
+													kind: "terminal",
+													name: "string"
+												},
+												optional: false
+											},
+											{
+												name: "label",
+												type: {
+													kind: "terminal",
+													name: "string"
+												},
+												optional: false
+											},
+											{
+												name: "group",
+												type: {
+													kind: "terminal",
+													name: "string"
+												},
+												optional: true
+											},
+											{
+												name: "disabled",
+												type: {
+													kind: "terminal",
+													name: "boolean"
+												},
+												optional: false
+											},
+											{
+												name: "selected",
+												type: {
+													kind: "terminal",
+													name: "boolean"
+												},
+												optional: false
+											},
+											{
+												name: "description",
+												type: {
+													kind: "terminal",
+													name: "string"
+												},
+												optional: true
+											},
+											{
+												name: "tag",
+												type: {
+													kind: "object",
+													fields: [
+														{
+															name: "label",
+															type: {
+																kind: "terminal",
+																name: "string"
+															},
+															optional: false
+														},
+														{
+															name: "tone",
+															type: {
+																kind: "constrained",
+																base: {
+																	kind: "terminal",
+																	name: "keyword"
+																},
+																values: [
+																	"neutral",
+																	"accent",
+																	"info",
+																	"success",
+																	"warning",
+																	"danger"
+																]
+															},
+															optional: true
+														},
+														{
+															name: "color",
+															type: {
+																kind: "terminal",
+																name: "string"
+															},
+															optional: true
+														}
+													],
+													open: false
+												},
+												optional: true
+											},
+											{
+												name: "index",
+												type: {
+													kind: "terminal",
+													name: "integer"
+												},
+												optional: false
+											},
+											{
+												name: "labelledBy",
+												type: {
+													kind: "union",
+													members: [{
+														kind: "terminal",
+														name: "string"
+													}, {
+														kind: "terminal",
+														name: "null"
+													}]
+												},
+												optional: false
+											},
+											{
+												name: "detail",
+												type: {
+													kind: "union",
+													members: [{
+														kind: "terminal",
+														name: "string"
+													}, {
+														kind: "terminal",
+														name: "null"
+													}]
+												},
+												optional: false
+											}
+										],
+										open: false
+									}
+								},
+								optional: false
+							}
+						],
+						open: false
+					}
+				},
+				creatable: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				createIndex: {
+					kind: "terminal",
+					name: "integer"
+				},
+				message: {
+					kind: "terminal",
+					name: "string"
+				},
+				statusText: {
+					kind: "terminal",
+					name: "string"
+				},
+				validationStatus: {
+					kind: "terminal",
+					name: "string"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-combobox/ui-combobox.js",
 				definition: "./components/ui-combobox/ui-combobox.html"
@@ -1253,34 +1779,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				validationStatus
 			}
 		});
-		__expose({
-			validate: async (...args) => {
-				const controllerModule = await ready();
-				if (controllerModule === void 0) throw new TypeError("Controller method `validate` is not ready for <ui-combobox>.");
-				const method = Reflect.get(controllerModule, "validate");
-				if (typeof method !== "function") throw Object.assign(/* @__PURE__ */ new Error("HJ003: Controller does not export method `validate`."), {
-					name: "HtmlDiagnosticError",
-					diagnostic: Object.freeze({
-						code: "HJ003",
-						message: "Controller does not export method `validate`."
-					})
-				});
-				return method(host, ...args);
-			},
-			focusInput: async (...args) => {
-				const controllerModule = await ready();
-				if (controllerModule === void 0) throw new TypeError("Controller method `focusInput` is not ready for <ui-combobox>.");
-				const method = Reflect.get(controllerModule, "focusInput");
-				if (typeof method !== "function") throw Object.assign(/* @__PURE__ */ new Error("HJ003: Controller does not export method `focusInput`."), {
-					name: "HtmlDiagnosticError",
-					diagnostic: Object.freeze({
-						code: "HJ003",
-						message: "Controller does not export method `focusInput`."
-					})
-				});
-				return method(host, ...args);
-			}
-		});
 		function text(value) {
 			if (Array.isArray(value)) return value.map(text).join(" ");
 			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
@@ -1349,8 +1847,12 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					for: guarded.value,
 					class: normalizeClass({ "sr-only": checkedProps.value.labelVisibility === "sr-only" })
 				}, [createTextVNode(toDisplayString(checkedProps.value.label), 1), checkedProps.value.required ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" *")], 64)) : createCommentVNode("v-if", true)], 10, _hoisted_2),
-				createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [
-					createElementVNode("div", _hoisted_5, [
+				createElementVNode("div", _hoisted_3, [createElementVNode("div", {
+					class: "field",
+					ref_key: "fieldElement",
+					ref: fieldElement
+				}, [
+					createElementVNode("div", _hoisted_4, [
 						renderSlot(_ctx.$slots, "start", {}, void 0, true),
 						checkedProps.value.multiple ? (openBlock(), createBlock(unref(KeyedBoundary), { key: 0 }, {
 							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(internalItems.value, (item, index, loop) => item.id), (item, index) => {
@@ -1365,7 +1867,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								}, [renderSlot(_ctx.$slots, concat("item-", item.id), {}, () => [createVNode(UiBadge_default, null, {
 									default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 									_: 2
-								}, 1024)], true)], 8, _hoisted_6);
+								}, 1024)], true)], 8, _hoisted_5);
 							}), 128))]),
 							_: 3
 						})) : createCommentVNode("v-if", true),
@@ -1382,8 +1884,9 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							disabled: checkedProps.value.disabled ?? void 0,
 							readonly: checkedProps.value.readonly ?? void 0,
 							required: guardedBinding7.value,
-							ref: "input"
-						}, null, 8, _hoisted_7), [[unref(vBindControl), {
+							ref_key: "inputElement",
+							ref: inputElement
+						}, null, 8, _hoisted_6), [[unref(vBindControl), {
 							tag: "input",
 							name: "value",
 							value: display.value,
@@ -1397,7 +1900,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						name: checkedProps.value.name ?? void 0,
 						"^value": guardedBinding8.value,
 						disabled: checkedProps.value.disabled ?? void 0
-					}, null, 8, _hoisted_8)) : createCommentVNode("v-if", true),
+					}, null, 8, _hoisted_7)) : createCommentVNode("v-if", true),
 					checkedProps.value.name && checkedProps.value.multiple ? (openBlock(), createBlock(unref(KeyedBoundary), { key: 1 }, {
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(internalItems.value, (item, index, loop) => item.id), (item) => {
 							return openBlock(), createElementBlock("input", {
@@ -1406,7 +1909,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								name: checkedProps.value.name ?? void 0,
 								"^value": item.value,
 								disabled: checkedProps.value.disabled ?? void 0
-							}, null, 8, _hoisted_9);
+							}, null, 8, _hoisted_8);
 						}), 128))]),
 						_: 1
 					})) : createCommentVNode("v-if", true),
@@ -1424,7 +1927,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						stroke: "currentColor",
 						"stroke-width": "2",
 						"stroke-linecap": "round"
-					}, [createElementVNode("path", { d: "M7 7l10 10M17 7 7 17" })], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true),
+					}, [createElementVNode("path", { d: "M7 7l10 10M17 7 7 17" })], -1)])], 8, _hoisted_9)) : createCommentVNode("v-if", true),
 					checkedProps.value.disclosure ? (openBlock(), createElementBlock("button", {
 						key: 3,
 						type: "button",
@@ -1442,7 +1945,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"stroke-width": "2.25",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)
+					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true)
 				], 512), checkedProps.value.help ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "help",
@@ -1467,7 +1970,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}),
 					createElementVNode("path", { d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3" }),
 					createElementVNode("path", { d: "M12 17h.01" })
-				], -1)])], 8, _hoisted_12)) : createCommentVNode("v-if", true)]),
+				], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)]),
 				checkedProps.value.help ? (openBlock(), createBlock(UiTooltip_default, {
 					key: 0,
 					trigger: "click",
@@ -1480,13 +1983,15 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				createElementVNode("div", {
 					class: "popup",
 					hidden: guardedBinding14.value,
-					ref: "popup"
+					ref_key: "popupElement",
+					ref: popupElement
 				}, [createElementVNode("div", {
 					role: "listbox",
 					id: guardedBinding15.value,
 					"aria-label": guardedBinding16.value,
 					"aria-busy": checkedProps.value.loading ?? void 0,
-					ref: "listbox"
+					ref_key: "listboxElement",
+					ref: listboxElement
 				}, [
 					createVNode(unref(KeyedBoundary), null, {
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(groups.value, (group, indexLoop, loop) => group.name), (group) => {
@@ -1494,7 +1999,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								key: group.name,
 								role: group.role,
 								"aria-label": group.label ?? void 0
-							}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), createVNode(unref(KeyedBoundary), null, {
+							}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), createVNode(unref(KeyedBoundary), null, {
 								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(group.rows, (row, indexLoop2, loop) => row.id), (row) => {
 									return openBlock(), createElementBlock("div", {
 										key: row.id,
@@ -1508,24 +2013,24 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 										"data-index": row.index,
 										"aria-labelledby": row.labelledBy ?? void 0,
 										"aria-describedby": row.detail ?? void 0
-									}, [renderSlot(_ctx.$slots, concat("option-", row.id), {}, () => [row.detail ? (openBlock(), createElementBlock("span", _hoisted_18, [createElementVNode("span", _hoisted_19, [createElementVNode("span", {
+									}, [renderSlot(_ctx.$slots, concat("option-", row.id), {}, () => [row.detail ? (openBlock(), createElementBlock("span", _hoisted_17, [createElementVNode("span", _hoisted_18, [createElementVNode("span", {
 										class: "primary",
 										id: concat(uid.value, "-option-", row.index, "-label")
-									}, toDisplayString(row.label), 9, _hoisted_20), row.tag ? (openBlock(), createBlock(UiBadge_default, {
+									}, toDisplayString(row.label), 9, _hoisted_19), row.tag ? (openBlock(), createBlock(UiBadge_default, {
 										key: 0,
 										tone: row.tag?.tone,
 										style: normalizeStyle({ "--ui-badge-color": row.tag?.color ?? void 0 })
 									}, {
-										default: withCtx(() => [createElementVNode("span", { id: concat(uid.value, "-option-", row.index, "-tag") }, toDisplayString(row.tag?.label), 9, _hoisted_21)]),
+										default: withCtx(() => [createElementVNode("span", { id: concat(uid.value, "-option-", row.index, "-tag") }, toDisplayString(row.tag?.label), 9, _hoisted_20)]),
 										_: 2
 									}, 1032, ["tone", "style"])) : createCommentVNode("v-if", true)]), row.description ? (openBlock(), createElementBlock("span", {
 										key: 0,
 										class: "description",
 										id: concat(uid.value, "-option-", row.index, "-description")
-									}, toDisplayString(row.description), 9, _hoisted_22)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), !row.detail ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(row.label), 1)) : createCommentVNode("v-if", true)], true)], 10, _hoisted_17);
+									}, toDisplayString(row.description), 9, _hoisted_21)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), !row.detail ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(row.label), 1)) : createCommentVNode("v-if", true)], true)], 10, _hoisted_16);
 								}), 128))]),
 								_: 2
-							}, 1024)], 8, _hoisted_15);
+							}, 1024)], 8, _hoisted_14);
 						}), 128))]),
 						_: 3
 					}),
@@ -1538,25 +2043,31 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"data-multiple": checkedProps.value.multiple ? "" : void 0,
 						id: guardedBinding18.value,
 						"data-index": guardedBinding19.value
-					}, toDisplayString(guardedBinding20.value), 11, _hoisted_24)) : createCommentVNode("v-if", true),
-					message.value ? (openBlock(), createElementBlock("div", _hoisted_25, toDisplayString(guardedBinding21.value), 1)) : createCommentVNode("v-if", true),
-					!checkedProps.value.loading && !rows.value[0] && !creatable.value && !lookupError.value ? (openBlock(), createElementBlock("div", _hoisted_26, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[3] || (_cache[3] = createTextVNode("No suggestions.", -1))], true)])) : createCommentVNode("v-if", true)
-				], 8, _hoisted_14), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_13),
+					}, toDisplayString(guardedBinding20.value), 11, _hoisted_23)) : createCommentVNode("v-if", true),
+					message.value ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(guardedBinding21.value), 1)) : createCommentVNode("v-if", true),
+					!checkedProps.value.loading && !rows.value[0] && !creatable.value && !lookupError.value ? (openBlock(), createElementBlock("div", _hoisted_25, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[3] || (_cache[3] = createTextVNode("No suggestions.", -1))], true)])) : createCommentVNode("v-if", true)
+				], 8, _hoisted_13), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_12),
 				createElementVNode("div", {
 					class: "message",
 					id: guardedBinding22.value,
 					hidden: !validation.value.issues.length
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(validation.value.issues, (issue, indexLoop3) => {
 					return openBlock(), createElementBlock("div", { key: indexLoop3 }, toDisplayString(issue.message), 1);
-				}), 128))], 8, _hoisted_27),
-				createElementVNode("div", _hoisted_28, toDisplayString(guardedBinding23.value), 1),
-				createElementVNode("div", _hoisted_29, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
+				}), 128))], 8, _hoisted_26),
+				createElementVNode("div", _hoisted_27, toDisplayString(guardedBinding23.value), 1),
+				createElementVNode("div", {
+					class: "authored-options",
+					hidden: "",
+					"aria-hidden": "true",
+					ref_key: "optionsElement",
+					ref: optionsElement
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cd8b1cd3"]]);
+}), [["__scopeId", "data-v-593d9db1"]]);
 //#endregion
 export { UiCombobox_default as t };