@threadlabs/looma 0.30.1 → 0.30.3

package/vue/chunks/UiCombobox.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, a as concat, b as useScopedSlotName, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, x as warnUnless, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } 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";
@@ -139,110 +139,33 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiCombobox",
 	props: {
-		allowCreate: {
-			type: null,
-			default: false
-		},
-		allowFreeText: {
-			type: null,
-			default: false
-		},
-		autoHighlight: {
-			type: null,
-			default: "none"
-		},
-		clearQueryOnBlur: {
-			type: null,
-			default: false
-		},
-		clearable: {
-			type: null,
-			default: false
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		disclosure: {
-			type: null,
-			default: false
-		},
-		filter: {
-			type: null,
-			default: "label"
-		},
-		help: {
-			type: null,
-			default: ""
-		},
-		invalid: {
-			type: null,
-			default: false
-		},
-		items: {
-			type: null,
-			default: null
-		},
-		label: {
-			type: null,
-			default: ""
-		},
-		labelVisibility: {
-			type: null,
-			default: "visible"
-		},
-		loading: {
-			type: null,
-			default: false
-		},
-		multiple: {
-			type: null,
-			default: false
-		},
-		name: {
-			type: null,
-			default: ""
-		},
-		openOnFocus: {
-			type: null,
-			default: false
-		},
-		placeholder: {
-			type: null,
-			default: ""
-		},
-		query: {
-			type: null,
-			default: null
-		},
-		readonly: {
-			type: null,
-			default: false
-		},
-		required: {
-			type: null,
-			default: false
-		},
-		selectOnTab: {
-			type: null,
-			default: false
-		},
-		selectedValues: {
-			type: null,
-			default: null
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		tokenSeparators: {
-			type: null,
-			default: null
-		},
-		value: {
-			type: null,
-			default: null
-		}
+		allowCreate: { type: null },
+		allowFreeText: { type: null },
+		autoHighlight: { type: null },
+		clearQueryOnBlur: { type: null },
+		clearable: { type: null },
+		disabled: { type: null },
+		disclosure: { type: null },
+		filter: { type: null },
+		help: { type: null },
+		invalid: { type: null },
+		items: { type: null },
+		label: { type: null },
+		labelVisibility: { type: null },
+		loading: { type: null },
+		multiple: { type: null },
+		name: { type: null },
+		openOnFocus: { type: null },
+		placeholder: { type: null },
+		query: { type: null },
+		readonly: { type: null },
+		required: { type: null },
+		selectOnTab: { type: null },
+		selectedValues: { type: null },
+		size: { type: null },
+		tokenSeparators: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:query",
@@ -631,7 +554,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			allowCreate: false,
 			allowFreeText: false,
 			autoHighlight: "none",
@@ -658,217 +581,275 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			size: "md",
 			tokenSeparators: null,
 			value: null
-		};
-		const checkedProps = computed(() => ({
-			allowCreate: checkedProp(props["allowCreate"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "allowCreate", acceptedProps),
-			allowFreeText: checkedProp(props["allowFreeText"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "allowFreeText", acceptedProps),
-			autoHighlight: checkedProp(props["autoHighlight"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "autoHighlight", acceptedProps),
-			clearQueryOnBlur: checkedProp(props["clearQueryOnBlur"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "clearQueryOnBlur", acceptedProps),
-			clearable: checkedProp(props["clearable"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "clearable", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			disclosure: checkedProp(props["disclosure"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disclosure", acceptedProps),
-			filter: checkedProp(props["filter"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "filter", acceptedProps),
-			help: checkedProp(props["help"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "help", acceptedProps),
-			invalid: checkedProp(props["invalid"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "invalid", acceptedProps),
-			items: checkedProp(props["items"], {
-				kind: "list",
-				item: {
-					kind: "object",
-					fields: [
-						{
-							name: "id",
-							type: {
-								kind: "terminal",
-								name: "string"
+		}, {
+			allowCreate: false,
+			allowFreeText: false,
+			autoHighlight: "none",
+			clearQueryOnBlur: false,
+			clearable: false,
+			disabled: false,
+			disclosure: false,
+			filter: "label",
+			help: "",
+			invalid: false,
+			label: "",
+			labelVisibility: "visible",
+			loading: false,
+			multiple: false,
+			name: "",
+			openOnFocus: false,
+			placeholder: "",
+			readonly: false,
+			required: false,
+			selectOnTab: false,
+			size: "md"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "allowCreate": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "allowFreeText": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "autoHighlight": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "clearQueryOnBlur": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "clearable": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "disclosure": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "filter": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "help": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "invalid": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "items": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "id",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
 							},
-							optional: false
-						},
-						{
-							name: "value",
-							type: {
-								kind: "terminal",
-								name: "string"
+							{
+								name: "value",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
 							},
-							optional: false
-						},
-						{
-							name: "label",
-							type: {
-								kind: "terminal",
-								name: "string"
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
 							},
-							optional: false
-						},
-						{
-							name: "group",
-							type: {
-								kind: "terminal",
-								name: "string"
+							{
+								name: "group",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
 							},
-							optional: true
-						},
-						{
-							name: "disabled",
-							type: {
-								kind: "terminal",
-								name: "boolean"
+							{
+								name: "disabled",
+								type: {
+									kind: "terminal",
+									name: "boolean"
+								},
+								optional: true
 							},
-							optional: true
-						},
-						{
-							name: "description",
-							type: {
-								kind: "terminal",
-								name: "string"
+							{
+								name: "description",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
 							},
-							optional: true
-						},
-						{
-							name: "tag",
-							type: {
-								kind: "object",
-								fields: [
-									{
-										name: "label",
-										type: {
-											kind: "terminal",
-											name: "string"
-										},
-										optional: false
-									},
-									{
-										name: "tone",
-										type: {
-											kind: "constrained",
-											base: {
+							{
+								name: "tag",
+								type: {
+									kind: "object",
+									fields: [
+										{
+											name: "label",
+											type: {
 												kind: "terminal",
-												name: "keyword"
+												name: "string"
 											},
-											values: [
-												"neutral",
-												"accent",
-												"info",
-												"success",
-												"warning",
-												"danger"
-											]
+											optional: false
 										},
-										optional: true
-									},
-									{
-										name: "color",
-										type: {
-											kind: "terminal",
-											name: "string"
+										{
+											name: "tone",
+											type: {
+												kind: "constrained",
+												base: {
+													kind: "terminal",
+													name: "keyword"
+												},
+												values: [
+													"neutral",
+													"accent",
+													"info",
+													"success",
+													"warning",
+													"danger"
+												]
+											},
+											optional: true
 										},
-										optional: true
-									}
-								],
-								open: false
-							},
-							optional: true
-						}
-					],
-					open: false
-				}
-			}, false, "items", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			labelVisibility: checkedProp(props["labelVisibility"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "labelVisibility", acceptedProps),
-			loading: checkedProp(props["loading"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "loading", acceptedProps),
-			multiple: checkedProp(props["multiple"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "multiple", acceptedProps),
-			name: checkedProp(props["name"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "name", acceptedProps),
-			openOnFocus: checkedProp(props["openOnFocus"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "openOnFocus", acceptedProps),
-			placeholder: checkedProp(props["placeholder"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "placeholder", acceptedProps),
-			query: checkedProp(props["query"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "query", acceptedProps),
-			readonly: checkedProp(props["readonly"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "readonly", acceptedProps),
-			required: checkedProp(props["required"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "required", acceptedProps),
-			selectOnTab: checkedProp(props["selectOnTab"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "selectOnTab", acceptedProps),
-			selectedValues: checkedProp(props["selectedValues"], {
-				kind: "list",
-				item: {
+										{
+											name: "color",
+											type: {
+												kind: "terminal",
+												name: "string"
+											},
+											optional: true
+										}
+									],
+									open: false
+								},
+								optional: true
+							}
+						],
+						open: false
+					}
+				}, true, true);
+				case "label": return checkPropInput(value, {
 					kind: "terminal",
 					name: "string"
-				}
-			}, false, "selectedValues", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			tokenSeparators: checkedProp(props["tokenSeparators"], {
-				kind: "list",
-				item: {
+				}, true, true);
+				case "labelVisibility": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "loading": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "multiple": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "name": return checkPropInput(value, {
 					kind: "terminal",
 					name: "string"
-				}
-			}, false, "tokenSeparators", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps)
-		}));
+				}, true, true);
+				case "openOnFocus": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "placeholder": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "query": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "readonly": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "required": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "selectOnTab": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "selectedValues": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "terminal",
+						name: "string"
+					}
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "tokenSeparators": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "terminal",
+						name: "string"
+					}
+				}, true, true);
+				case "value": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				allowCreate: propInputs.value("allowCreate", props["allowCreate"], props[BINDING_INPUTS_PROP]),
+				allowFreeText: propInputs.value("allowFreeText", props["allowFreeText"], props[BINDING_INPUTS_PROP]),
+				autoHighlight: propInputs.value("autoHighlight", props["autoHighlight"], props[BINDING_INPUTS_PROP]),
+				clearQueryOnBlur: propInputs.value("clearQueryOnBlur", props["clearQueryOnBlur"], props[BINDING_INPUTS_PROP]),
+				clearable: propInputs.value("clearable", props["clearable"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				disclosure: propInputs.value("disclosure", props["disclosure"], props[BINDING_INPUTS_PROP]),
+				filter: propInputs.value("filter", props["filter"], props[BINDING_INPUTS_PROP]),
+				help: propInputs.value("help", props["help"], props[BINDING_INPUTS_PROP]),
+				invalid: propInputs.value("invalid", props["invalid"], props[BINDING_INPUTS_PROP]),
+				items: propInputs.value("items", props["items"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				labelVisibility: propInputs.value("labelVisibility", props["labelVisibility"], props[BINDING_INPUTS_PROP]),
+				loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
+				multiple: propInputs.value("multiple", props["multiple"], props[BINDING_INPUTS_PROP]),
+				name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
+				openOnFocus: propInputs.value("openOnFocus", props["openOnFocus"], props[BINDING_INPUTS_PROP]),
+				placeholder: propInputs.value("placeholder", props["placeholder"], props[BINDING_INPUTS_PROP]),
+				query: propInputs.value("query", props["query"], props[BINDING_INPUTS_PROP]),
+				readonly: propInputs.value("readonly", props["readonly"], props[BINDING_INPUTS_PROP]),
+				required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP]),
+				selectOnTab: propInputs.value("selectOnTab", props["selectOnTab"], props[BINDING_INPUTS_PROP]),
+				selectedValues: propInputs.value("selectedValues", props["selectedValues"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				tokenSeparators: propInputs.value("tokenSeparators", props["tokenSeparators"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -928,70 +909,65 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			if (!warnUnless(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 guardedBinding3Previous;
 			return guardedBinding3Previous = checkedProps.value.required && !(checkedProps.value.multiple && internalItems.value[0]);
 		});
-		let guardedBinding4Previous;
+		let guardedBinding4Previous = null;
 		const guardedBinding4 = computed(() => {
-			if (!warnUnless(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 guardedBinding4Previous;
-			return guardedBinding4Previous = checkedProps.value.disabled || checkedProps.value.readonly || !raw.value && (checkedProps.value.multiple || selected.value === null);
+			const candidate = concat(uid.value, "-listbox");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding4Previous;
+			return guardedBinding4Previous = candidate;
 		});
 		let guardedBinding5Previous = null;
 		const guardedBinding5 = computed(() => {
-			const candidate = concat(uid.value, "-listbox");
+			const candidate = concat(uid.value, "-help");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
 			return guardedBinding5Previous = candidate;
 		});
 		let guardedBinding6Previous = null;
 		const guardedBinding6 = computed(() => {
-			const candidate = concat(uid.value, "-help");
+			const candidate = concat(uid.value, "-help-text");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding6Previous;
 			return guardedBinding6Previous = candidate;
 		});
 		let guardedBinding7Previous = null;
 		const guardedBinding7 = computed(() => {
-			const candidate = concat(uid.value, "-help-text");
+			const candidate = concat(uid.value, "-help");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding7Previous;
 			return guardedBinding7Previous = candidate;
 		});
 		let guardedBinding8Previous = null;
 		const guardedBinding8 = computed(() => {
-			const candidate = concat(uid.value, "-help");
+			const candidate = concat(uid.value, "-listbox");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding8Previous;
 			return guardedBinding8Previous = candidate;
 		});
 		let guardedBinding9Previous = null;
 		const guardedBinding9 = computed(() => {
-			const candidate = concat(uid.value, "-listbox");
+			const candidate = concat(checkedProps.value.label, " suggestions");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding9Previous;
 			return guardedBinding9Previous = candidate;
 		});
-		let guardedBinding10Previous = null;
+		let guardedBinding10Previous;
 		const guardedBinding10 = computed(() => {
-			const candidate = concat(checkedProps.value.label, " suggestions");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding10Previous;
-			return guardedBinding10Previous = candidate;
+			if (!warnUnless(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.")) return guardedBinding10Previous;
+			return guardedBinding10Previous = createIndex.value === active.value;
 		});
-		let guardedBinding11Previous;
+		let guardedBinding11Previous = null;
 		const guardedBinding11 = computed(() => {
-			if (!warnUnless(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.")) return guardedBinding11Previous;
-			return guardedBinding11Previous = createIndex.value === active.value;
+			const candidate = concat(uid.value, "-option-", createIndex.value);
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding11Previous;
+			return guardedBinding11Previous = candidate;
 		});
 		let guardedBinding12Previous = null;
 		const guardedBinding12 = computed(() => {
-			const candidate = concat(uid.value, "-option-", createIndex.value);
+			const candidate = concat("Create “", raw.value, "”");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding12Previous;
 			return guardedBinding12Previous = candidate;
 		});
 		let guardedBinding13Previous = null;
 		const guardedBinding13 = computed(() => {
-			const candidate = concat("Create “", raw.value, "”");
+			const candidate = concat(uid.value, "-validation");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding13Previous;
 			return guardedBinding13Previous = candidate;
 		});
-		let guardedBinding14Previous = null;
-		const guardedBinding14 = computed(() => {
-			const candidate = concat(uid.value, "-validation");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding14Previous;
-			return guardedBinding14Previous = candidate;
-		});
 		provide("html-next:ui-combobox:internalItems", internalItems);
 		provide("html-next:ui-combobox:raw", raw);
 		provide("html-next:ui-combobox:display", display);
@@ -1026,7 +1002,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			"display",
 			"trigger"
 		].includes(key));
-		const isValueChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (typeof detail["value"] === "string" || detail["value"] === null) && typeof detail["query"] === "string" && (detail["option"] !== null && typeof detail["option"] === "object" && !Array.isArray(detail["option"]) && typeof detail["option"]["id"] === "string" && typeof detail["option"]["value"] === "string" && typeof detail["option"]["label"] === "string" && (detail["option"]["group"] === void 0 || typeof detail["option"]["group"] === "string") && (detail["option"]["disabled"] === void 0 || typeof detail["option"]["disabled"] === "boolean") && (detail["option"]["description"] === void 0 || typeof detail["option"]["description"] === "string") && (detail["option"]["tag"] === void 0 || detail["option"]["tag"] !== null && typeof detail["option"]["tag"] === "object" && !Array.isArray(detail["option"]["tag"]) && typeof detail["option"]["tag"]["label"] === "string" && (detail["option"]["tag"]["tone"] === void 0 || detail["option"]["tag"]["tone"] === "neutral" || detail["option"]["tag"]["tone"] === "accent" || detail["option"]["tag"]["tone"] === "info" || detail["option"]["tag"]["tone"] === "success" || detail["option"]["tag"]["tone"] === "warning" || detail["option"]["tag"]["tone"] === "danger") && (detail["option"]["tag"]["color"] === void 0 || typeof detail["option"]["tag"]["color"] === "string") && Object.keys(detail["option"]["tag"]).every((key) => [
+		const isValueChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["value"] == null || typeof detail["value"] === "string") && typeof detail["query"] === "string" && (detail["option"] == null || detail["option"] !== null && typeof detail["option"] === "object" && !Array.isArray(detail["option"]) && typeof detail["option"]["id"] === "string" && typeof detail["option"]["value"] === "string" && typeof detail["option"]["label"] === "string" && (detail["option"]["group"] == null || typeof detail["option"]["group"] === "string") && (detail["option"]["disabled"] == null || typeof detail["option"]["disabled"] === "boolean") && (detail["option"]["description"] == null || typeof detail["option"]["description"] === "string") && (detail["option"]["tag"] == null || detail["option"]["tag"] !== null && typeof detail["option"]["tag"] === "object" && !Array.isArray(detail["option"]["tag"]) && typeof detail["option"]["tag"]["label"] === "string" && (detail["option"]["tag"]["tone"] == null || detail["option"]["tag"]["tone"] === "neutral" || detail["option"]["tag"]["tone"] === "accent" || detail["option"]["tag"]["tone"] === "info" || detail["option"]["tag"]["tone"] === "success" || detail["option"]["tag"]["tone"] === "warning" || detail["option"]["tag"]["tone"] === "danger") && (detail["option"]["tag"]["color"] == null || typeof detail["option"]["tag"]["color"] === "string") && Object.keys(detail["option"]["tag"]).every((key) => [
 			"label",
 			"tone",
 			"color"
@@ -1038,14 +1014,14 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			"disabled",
 			"description",
 			"tag"
-		].includes(key)) || detail["option"] === null) && (detail["kind"] === "selection" || detail["kind"] === "clear" || detail["kind"] === "free-entry" || detail["kind"] === "create") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+		].includes(key))) && (detail["kind"] === "selection" || detail["kind"] === "clear" || detail["kind"] === "free-entry" || detail["kind"] === "create") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"value",
 			"query",
 			"option",
 			"kind",
 			"trigger"
 		].includes(key));
-		const isItemsChangeDetail = (detail) => Array.isArray(detail) && detail.every((item) => item !== null && typeof item === "object" && !Array.isArray(item) && typeof item["id"] === "string" && typeof item["value"] === "string" && typeof item["label"] === "string" && (item["group"] === void 0 || typeof item["group"] === "string") && (item["disabled"] === void 0 || typeof item["disabled"] === "boolean") && (item["description"] === void 0 || typeof item["description"] === "string") && (item["tag"] === void 0 || item["tag"] !== null && typeof item["tag"] === "object" && !Array.isArray(item["tag"]) && typeof item["tag"]["label"] === "string" && (item["tag"]["tone"] === void 0 || item["tag"]["tone"] === "neutral" || item["tag"]["tone"] === "accent" || item["tag"]["tone"] === "info" || item["tag"]["tone"] === "success" || item["tag"]["tone"] === "warning" || item["tag"]["tone"] === "danger") && (item["tag"]["color"] === void 0 || typeof item["tag"]["color"] === "string") && Object.keys(item["tag"]).every((key) => [
+		const isItemsChangeDetail = (detail) => Array.isArray(detail) && detail.every((item) => item !== null && typeof item === "object" && !Array.isArray(item) && typeof item["id"] === "string" && typeof item["value"] === "string" && typeof item["label"] === "string" && (item["group"] == null || typeof item["group"] === "string") && (item["disabled"] == null || typeof item["disabled"] === "boolean") && (item["description"] == null || typeof item["description"] === "string") && (item["tag"] == null || item["tag"] !== null && typeof item["tag"] === "object" && !Array.isArray(item["tag"]) && typeof item["tag"]["label"] === "string" && (item["tag"]["tone"] == null || item["tag"]["tone"] === "neutral" || item["tag"]["tone"] === "accent" || item["tag"]["tone"] === "info" || item["tag"]["tone"] === "success" || item["tag"]["tone"] === "warning" || item["tag"]["tone"] === "danger") && (item["tag"]["color"] == null || typeof item["tag"]["color"] === "string") && Object.keys(item["tag"]).every((key) => [
 			"label",
 			"tone",
 			"color"
@@ -1058,18 +1034,18 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			"description",
 			"tag"
 		].includes(key)));
-		const isValidationChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["status"] === "pristine" || detail["status"] === "pending" || detail["status"] === "valid" || detail["status"] === "warning" || detail["status"] === "error") && typeof detail["touched"] === "boolean" && typeof detail["dirty"] === "boolean" && Array.isArray(detail["issues"]) && detail["issues"].every((item) => item !== null && typeof item === "object" && !Array.isArray(item) && typeof item["message"] === "string" && (item["path"] === void 0 || Array.isArray(item["path"]) && item["path"].every((item) => true)) && (item["severity"] === void 0 || item["severity"] === "error" || item["severity"] === "warning") && Object.keys(item).every((key) => [
+		const isValidationChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["status"] === "pristine" || detail["status"] === "pending" || detail["status"] === "valid" || detail["status"] === "warning" || detail["status"] === "error") && typeof detail["touched"] === "boolean" && typeof detail["dirty"] === "boolean" && Array.isArray(detail["issues"]) && detail["issues"].every((item) => item !== null && typeof item === "object" && !Array.isArray(item) && typeof item["message"] === "string" && (item["path"] == null || Array.isArray(item["path"]) && item["path"].every((item) => true)) && (item["severity"] == null || item["severity"] === "error" || item["severity"] === "warning") && Object.keys(item).every((key) => [
 			"message",
 			"path",
 			"severity"
-		].includes(key))) && (detail["output"] === void 0 || true) && Object.keys(detail).every((key) => [
+		].includes(key))) && (detail["output"] == null || true) && Object.keys(detail).every((key) => [
 			"status",
 			"touched",
 			"dirty",
 			"issues",
 			"output"
 		].includes(key));
-		const isAddItemDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && detail["item"] !== null && typeof detail["item"] === "object" && !Array.isArray(detail["item"]) && typeof detail["item"]["id"] === "string" && typeof detail["item"]["value"] === "string" && typeof detail["item"]["label"] === "string" && (detail["item"]["group"] === void 0 || typeof detail["item"]["group"] === "string") && (detail["item"]["disabled"] === void 0 || typeof detail["item"]["disabled"] === "boolean") && (detail["item"]["description"] === void 0 || typeof detail["item"]["description"] === "string") && (detail["item"]["tag"] === void 0 || detail["item"]["tag"] !== null && typeof detail["item"]["tag"] === "object" && !Array.isArray(detail["item"]["tag"]) && typeof detail["item"]["tag"]["label"] === "string" && (detail["item"]["tag"]["tone"] === void 0 || detail["item"]["tag"]["tone"] === "neutral" || detail["item"]["tag"]["tone"] === "accent" || detail["item"]["tag"]["tone"] === "info" || detail["item"]["tag"]["tone"] === "success" || detail["item"]["tag"]["tone"] === "warning" || detail["item"]["tag"]["tone"] === "danger") && (detail["item"]["tag"]["color"] === void 0 || typeof detail["item"]["tag"]["color"] === "string") && Object.keys(detail["item"]["tag"]).every((key) => [
+		const isAddItemDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && detail["item"] !== null && typeof detail["item"] === "object" && !Array.isArray(detail["item"]) && typeof detail["item"]["id"] === "string" && typeof detail["item"]["value"] === "string" && typeof detail["item"]["label"] === "string" && (detail["item"]["group"] == null || typeof detail["item"]["group"] === "string") && (detail["item"]["disabled"] == null || typeof detail["item"]["disabled"] === "boolean") && (detail["item"]["description"] == null || typeof detail["item"]["description"] === "string") && (detail["item"]["tag"] == null || detail["item"]["tag"] !== null && typeof detail["item"]["tag"] === "object" && !Array.isArray(detail["item"]["tag"]) && typeof detail["item"]["tag"]["label"] === "string" && (detail["item"]["tag"]["tone"] == null || detail["item"]["tag"]["tone"] === "neutral" || detail["item"]["tag"]["tone"] === "accent" || detail["item"]["tag"]["tone"] === "info" || detail["item"]["tag"]["tone"] === "success" || detail["item"]["tag"]["tone"] === "warning" || detail["item"]["tag"]["tone"] === "danger") && (detail["item"]["tag"]["color"] == null || typeof detail["item"]["tag"]["color"] === "string") && Object.keys(detail["item"]["tag"]).every((key) => [
 			"label",
 			"tone",
 			"color"
@@ -1223,14 +1199,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					name: "string"
 				},
 				selected: {
-					kind: "union",
-					members: [{
-						kind: "terminal",
-						name: "string"
-					}, {
-						kind: "terminal",
-						name: "null"
-					}]
+					kind: "terminal",
+					name: "string"
 				},
 				expanded: {
 					kind: "terminal",
@@ -1453,16 +1423,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							{
 								name: "label",
 								type: {
-									kind: "union",
-									members: [{
-										kind: "terminal",
-										name: "string"
-									}, {
-										kind: "terminal",
-										name: "null"
-									}]
+									kind: "terminal",
+									name: "string"
 								},
-								optional: false
+								optional: true
 							},
 							{
 								name: "rows",
@@ -1583,30 +1547,18 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 											{
 												name: "labelledBy",
 												type: {
-													kind: "union",
-													members: [{
-														kind: "terminal",
-														name: "string"
-													}, {
-														kind: "terminal",
-														name: "null"
-													}]
+													kind: "terminal",
+													name: "string"
 												},
-												optional: false
+												optional: true
 											},
 											{
 												name: "detail",
 												type: {
-													kind: "union",
-													members: [{
-														kind: "terminal",
-														name: "string"
-													}, {
-														kind: "terminal",
-														name: "null"
-													}]
+													kind: "terminal",
+													name: "string"
 												},
-												optional: false
+												optional: true
 											},
 											{
 												name: "option",
@@ -1750,11 +1702,36 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					name: "string"
 				}
 			}[name], keys),
+			initials: {
+				internalItems: [],
+				raw: "",
+				display: "",
+				expanded: false,
+				rows: [],
+				helpOpen: false,
+				lookupError: "",
+				validation: {
+					status: "pristine",
+					touched: false,
+					dirty: false,
+					issues: []
+				},
+				uid: "",
+				submitted: "",
+				groups: [],
+				creatable: false,
+				createIndex: 0,
+				message: "",
+				statusText: "",
+				validationStatus: "pristine"
+			},
 			controllerSource: {
 				specifier: "../components/ui-combobox/ui-combobox.js",
 				definition: "./components/ui-combobox/ui-combobox.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -1948,7 +1925,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"data-combobox-action": "clear",
 						"aria-label": "Clear",
 						"data-hn-ui-combobox": "",
-						disabled: guardedBinding4.value
+						disabled: checkedProps.value.disabled || checkedProps.value.readonly || !raw.value && (checkedProps.value.multiple || selected.value === null)
 					}, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
@@ -1970,7 +1947,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						tabindex: "-1",
 						"aria-label": "Show suggestions",
 						"data-hn-ui-combobox": "",
-						"aria-controls": guardedBinding5.value,
+						"aria-controls": guardedBinding4.value,
 						disabled: checkedProps.value.disabled || checkedProps.value.readonly
 					}, [..._cache[7] || (_cache[7] = [createElementVNode("svg", {
 						class: "affordance-icon",
@@ -1992,7 +1969,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					type: "button",
 					"aria-label": "Help",
 					"data-hn-ui-combobox": "",
-					id: guardedBinding6.value,
+					id: guardedBinding5.value,
 					disabled: checkedProps.value.disabled ?? void 0
 				}, [..._cache[11] || (_cache[11] = [createElementVNode("svg", {
 					class: "help-icon",
@@ -2024,8 +2001,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					key: 0,
 					class: "ui-tooltip",
 					trigger: "click",
-					id: guardedBinding7.value,
-					for: guardedBinding8.value
+					id: guardedBinding6.value,
+					for: guardedBinding7.value
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(checkedProps.value.help), 1)]),
 					_: 1
@@ -2039,8 +2016,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				}, [createElementVNode("div", {
 					role: "listbox",
 					"data-hn-ui-combobox": "",
-					id: guardedBinding9.value,
-					"aria-label": guardedBinding10.value,
+					id: guardedBinding8.value,
+					"aria-label": guardedBinding9.value,
 					"aria-busy": checkedProps.value.loading ?? void 0,
 					ref_key: "listboxElement",
 					ref: listboxElement
@@ -2051,7 +2028,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								key: group.name,
 								"data-hn-ui-combobox": "",
 								role: group.role,
-								"aria-label": group.label ?? void 0
+								"aria-label": group.label
 							}, [
 								group.name ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true),
 								_cache[17] || (_cache[17] = createTextVNode(toDisplayString(" "), -1)),
@@ -2068,8 +2045,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 											"aria-selected": row.selected,
 											"aria-disabled": row.disabled,
 											"data-index": row.index,
-											"aria-labelledby": row.labelledBy ?? void 0,
-											"aria-describedby": row.detail ?? void 0
+											"aria-labelledby": row.labelledBy,
+											"aria-describedby": row.detail
 										}, [renderSlot(_ctx.$slots, unref(scopedSlotName)("option"), { option: row.option }, () => [
 											_cache[14] || (_cache[14] = createTextVNode(toDisplayString(" "), -1)),
 											row.detail ? (openBlock(), createElementBlock("span", _hoisted_17, [
@@ -2115,15 +2092,15 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					_cache[19] || (_cache[19] = createTextVNode(toDisplayString(" "), -1)),
 					creatable.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
-						class: normalizeClass(["option", { active: guardedBinding11.value }]),
+						class: normalizeClass(["option", { active: guardedBinding10.value }]),
 						role: "option",
 						"data-ui-choice-option": "",
 						"aria-selected": "false",
 						"data-hn-ui-combobox": "",
 						"data-multiple": checkedProps.value.multiple ? "" : void 0,
-						id: guardedBinding12.value,
+						id: guardedBinding11.value,
 						"data-index": createIndex.value
-					}, toDisplayString(guardedBinding13.value), 11, _hoisted_23)) : createCommentVNode("v-if", true),
+					}, toDisplayString(guardedBinding12.value), 11, _hoisted_23)) : createCommentVNode("v-if", true),
 					_cache[20] || (_cache[20] = createTextVNode(toDisplayString(" "), -1)),
 					message.value ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true),
 					_cache[21] || (_cache[21] = createTextVNode(toDisplayString(" "), -1)),
@@ -2132,7 +2109,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				createElementVNode("div", {
 					class: "message",
 					"data-hn-ui-combobox": "",
-					id: guardedBinding14.value,
+					id: guardedBinding13.value,
 					hidden: !validation.value.issues.length
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(validation.value.issues, (issue, indexLoop3) => {
 					return openBlock(), createElementBlock("div", {
@@ -2155,6 +2132,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6b338e00"]]);
+}), [["__scopeId", "data-v-fe47c20a"]]);
 //#endregion
 export { UiCombobox_default as t };