@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiCombobox.js

@@ -1,10 +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 { _ as useComponentHost, a as concat, g as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp, y as warnUnless } from "./_plugin-vue_export-helper.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";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiCombobox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-allow-create",
@@ -119,14 +118,6 @@ var _hoisted_27 = {
 	"aria-live": "polite",
 	"aria-atomic": "true"
 };
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiCombobox.vue
 var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -867,42 +858,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const KeyedFailure = defineComponent({
-			props: { error: {
-				type: null,
-				required: true
-			} },
-			setup(props) {
-				return () => {
-					throw props.error;
-				};
-			}
-		});
-		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
-			let last = [];
-			return () => {
-				try {
-					last = slots.default?.() ?? [];
-					return last;
-				} catch (error) {
-					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
-					if (typeof window === "undefined") throw error;
-					return [...last, h(KeyedFailure, { error })];
-				}
-			};
-		} });
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -936,146 +892,90 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const validationStatus = ref("pristine");
 		let guardedPrevious = null;
 		const guarded = computed(() => {
-			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 (!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 (!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 (!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;
+			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;
 		const guardedBinding4 = computed(() => {
-			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";
+			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);
 		});
-		let guardedBinding5Previous;
+		let guardedBinding5Previous = null;
 		const guardedBinding5 = computed(() => {
-			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";
+			const candidate = concat(uid.value, "-listbox");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
+			return guardedBinding5Previous = candidate;
 		});
-		let guardedBinding6Previous;
-		computed(() => {
-			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 guardedBinding6Previous = null;
+		const guardedBinding6 = computed(() => {
+			const candidate = concat(uid.value, "-help");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding6Previous;
+			return guardedBinding6Previous = candidate;
 		});
-		let guardedBinding7Previous;
+		let guardedBinding7Previous = null;
 		const guardedBinding7 = computed(() => {
-			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]);
+			const candidate = concat(uid.value, "-help-text");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding7Previous;
+			return guardedBinding7Previous = candidate;
 		});
-		let guardedBinding8Previous;
+		let guardedBinding8Previous = null;
 		const guardedBinding8 = computed(() => {
-			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;
+			const candidate = concat(uid.value, "-help");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding8Previous;
+			return guardedBinding8Previous = candidate;
 		});
-		let guardedBinding9Previous;
+		let guardedBinding9Previous = null;
 		const guardedBinding9 = computed(() => {
-			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);
+			const candidate = concat(uid.value, "-listbox");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding9Previous;
+			return guardedBinding9Previous = candidate;
 		});
 		let guardedBinding10Previous = null;
 		const guardedBinding10 = computed(() => {
-			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");
+			const candidate = concat(checkedProps.value.label, " suggestions");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding10Previous;
 			return guardedBinding10Previous = candidate;
 		});
-		let guardedBinding11Previous = null;
+		let guardedBinding11Previous;
 		const guardedBinding11 = computed(() => {
-			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;
+			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;
 		});
 		let guardedBinding12Previous = null;
 		const guardedBinding12 = computed(() => {
-			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");
+			const candidate = concat(uid.value, "-option-", createIndex.value);
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding12Previous;
 			return guardedBinding12Previous = candidate;
 		});
 		let guardedBinding13Previous = null;
 		const guardedBinding13 = computed(() => {
-			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");
+			const candidate = concat("Create “", raw.value, "”");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding13Previous;
 			return guardedBinding13Previous = candidate;
 		});
-		let guardedBinding14Previous;
+		let guardedBinding14Previous = null;
 		const guardedBinding14 = computed(() => {
-			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 (!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;
-		});
-		let guardedBinding16Previous = null;
-		const guardedBinding16 = computed(() => {
-			const candidate = concat(checkedProps.value.label, " suggestions");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding16Previous;
-			return guardedBinding16Previous = candidate;
-		});
-		let guardedBinding17Previous;
-		const guardedBinding17 = computed(() => {
-			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 (!(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 (!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 (!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 (!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 (!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 (!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;
+			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);
@@ -1095,14 +995,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		provide("html-next:ui-combobox:message", message);
 		provide("html-next:ui-combobox:statusText", statusText);
 		provide("html-next:ui-combobox:validationStatus", validationStatus);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-combobox> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-combobox> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-combobox");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
@@ -1800,67 +1693,34 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				validationStatus
 			}
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
-		function uniqueKeys(items, keyOf) {
-			const seen = /* @__PURE__ */ new Set();
-			for (let index = 0; index < items.length; index += 1) {
-				const key = keyOf(items[index], index, {
-					index,
-					first: index === 0,
-					last: index === items.length - 1,
-					count: items.length
-				});
-				if (seen.has(key)) {
-					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
-					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR004",
-							message
-						})
-					});
-				}
-				seen.add(key);
-			}
-			return items;
-		}
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-combobox" }, nativeAttrs(_ctx.$attrs), {
-				"data-allow-create": reflectedProp("allowCreate", "allow-create", checkedProps.value.allowCreate, void 0, false),
-				"data-allow-free-text": reflectedProp("allowFreeText", "allow-free-text", checkedProps.value.allowFreeText, void 0, false),
-				"data-auto-highlight": reflectedProp("autoHighlight", "auto-highlight", checkedProps.value.autoHighlight, void 0, false),
-				"data-clear-query-on-blur": reflectedProp("clearQueryOnBlur", "clear-query-on-blur", checkedProps.value.clearQueryOnBlur, void 0, false),
-				"data-clearable": reflectedProp("clearable", "clearable", checkedProps.value.clearable, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-disclosure": reflectedProp("disclosure", "disclosure", checkedProps.value.disclosure, void 0, false),
-				"data-filter": reflectedProp("filter", "filter", checkedProps.value.filter, void 0, false),
-				"data-help": reflectedProp("help", "help", checkedProps.value.help, void 0, false),
-				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
-				"data-items": reflectedProp("items", "items", checkedProps.value.items, void 0, false),
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-label-visibility": reflectedProp("labelVisibility", "label-visibility", checkedProps.value.labelVisibility, void 0, false),
-				"data-loading": reflectedProp("loading", "loading", checkedProps.value.loading, void 0, false),
-				"data-multiple": reflectedProp("multiple", "multiple", checkedProps.value.multiple, void 0, false),
-				"data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false),
-				"data-open-on-focus": reflectedProp("openOnFocus", "open-on-focus", checkedProps.value.openOnFocus, void 0, false),
-				"data-placeholder": reflectedProp("placeholder", "placeholder", checkedProps.value.placeholder, void 0, false),
-				"data-query": reflectedProp("query", "query", checkedProps.value.query, void 0, false),
-				"data-readonly": reflectedProp("readonly", "readonly", checkedProps.value.readonly, void 0, false),
-				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
-				"data-select-on-tab": reflectedProp("selectOnTab", "select-on-tab", checkedProps.value.selectOnTab, void 0, false),
-				"data-selected-values": reflectedProp("selectedValues", "selected-values", checkedProps.value.selectedValues, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-token-separators": reflectedProp("tokenSeparators", "token-separators", checkedProps.value.tokenSeparators, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-combobox" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-allow-create": unref(reflectedProp)("allowCreate", "allow-create", checkedProps.value.allowCreate, void 0, false),
+				"data-allow-free-text": unref(reflectedProp)("allowFreeText", "allow-free-text", checkedProps.value.allowFreeText, void 0, false),
+				"data-auto-highlight": unref(reflectedProp)("autoHighlight", "auto-highlight", checkedProps.value.autoHighlight, void 0, false),
+				"data-clear-query-on-blur": unref(reflectedProp)("clearQueryOnBlur", "clear-query-on-blur", checkedProps.value.clearQueryOnBlur, void 0, false),
+				"data-clearable": unref(reflectedProp)("clearable", "clearable", checkedProps.value.clearable, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-disclosure": unref(reflectedProp)("disclosure", "disclosure", checkedProps.value.disclosure, void 0, false),
+				"data-filter": unref(reflectedProp)("filter", "filter", checkedProps.value.filter, void 0, false),
+				"data-help": unref(reflectedProp)("help", "help", checkedProps.value.help, void 0, false),
+				"data-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-items": unref(reflectedProp)("items", "items", checkedProps.value.items, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-label-visibility": unref(reflectedProp)("labelVisibility", "label-visibility", checkedProps.value.labelVisibility, void 0, false),
+				"data-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
+				"data-multiple": unref(reflectedProp)("multiple", "multiple", checkedProps.value.multiple, void 0, false),
+				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-open-on-focus": unref(reflectedProp)("openOnFocus", "open-on-focus", checkedProps.value.openOnFocus, void 0, false),
+				"data-placeholder": unref(reflectedProp)("placeholder", "placeholder", checkedProps.value.placeholder, void 0, false),
+				"data-query": unref(reflectedProp)("query", "query", checkedProps.value.query, void 0, false),
+				"data-readonly": unref(reflectedProp)("readonly", "readonly", checkedProps.value.readonly, void 0, false),
+				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-select-on-tab": unref(reflectedProp)("selectOnTab", "select-on-tab", checkedProps.value.selectOnTab, void 0, false),
+				"data-selected-values": unref(reflectedProp)("selectedValues", "selected-values", checkedProps.value.selectedValues, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-token-separators": unref(reflectedProp)("tokenSeparators", "token-separators", checkedProps.value.tokenSeparators, void 0, false),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-combobox-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -1877,7 +1737,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					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) => {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(internalItems.value, (item, index, loop) => item.id), (item, index) => {
 								return openBlock(), createElementBlock("button", {
 									key: item.id,
 									class: "item",
@@ -1885,8 +1745,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 									tabindex: "-1",
 									"data-index": index,
 									disabled: checkedProps.value.disabled || checkedProps.value.readonly || item.disabled,
-									"aria-label": concat(item.label, ", press Delete or Backspace to remove")
-								}, [renderSlot(_ctx.$slots, concat("item-", item.id), {}, () => [createVNode(UiBadge_default, null, {
+									"aria-label": unref(concat)(item.label, ", press Delete or Backspace to remove")
+								}, [renderSlot(_ctx.$slots, unref(concat)("item-", item.id), {}, () => [createVNode(UiBadge_default, { class: "ui-badge" }, {
 									default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 									_: 2
 								}, 1024)], true)], 8, _hoisted_5);
@@ -1899,13 +1759,13 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							autocomplete: "off",
 							id: guardedBinding.value,
 							"aria-controls": guardedBinding2.value,
-							"aria-expanded": guardedBinding3.value,
-							"aria-invalid": guardedBinding4.value,
-							"aria-busy": guardedBinding5.value,
+							"aria-expanded": expanded.value,
+							"aria-invalid": checkedProps.value.invalid || validationStatus.value === "error",
+							"aria-busy": checkedProps.value.loading || validationStatus.value === "pending",
 							placeholder: checkedProps.value.placeholder ?? void 0,
 							disabled: checkedProps.value.disabled ?? void 0,
 							readonly: checkedProps.value.readonly ?? void 0,
-							required: guardedBinding7.value,
+							required: guardedBinding3.value,
 							ref_key: "inputElement",
 							ref: inputElement
 						}, null, 8, _hoisted_6), [[unref(vBindControl), {
@@ -1920,11 +1780,11 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						key: 0,
 						type: "hidden",
 						name: checkedProps.value.name ?? void 0,
-						"^value": guardedBinding8.value,
+						"^value": submitted.value,
 						disabled: checkedProps.value.disabled ?? void 0
 					}, 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) => {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(internalItems.value, (item, index, loop) => item.id), (item) => {
 							return openBlock(), createElementBlock("input", {
 								key: item.id,
 								type: "hidden",
@@ -1940,7 +1800,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						type: "button",
 						"data-combobox-action": "clear",
 						"aria-label": "Clear",
-						disabled: guardedBinding9.value
+						disabled: guardedBinding4.value
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
@@ -1956,7 +1816,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"data-combobox-action": "disclosure",
 						tabindex: "-1",
 						"aria-label": "Show suggestions",
-						"aria-controls": guardedBinding10.value,
+						"aria-controls": guardedBinding5.value,
 						disabled: checkedProps.value.disabled || checkedProps.value.readonly
 					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
 						class: "affordance-icon",
@@ -1973,7 +1833,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					class: "help",
 					type: "button",
 					"aria-label": "Help",
-					id: guardedBinding11.value,
+					id: guardedBinding6.value,
 					disabled: checkedProps.value.disabled ?? void 0
 				}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
 					class: "help-icon",
@@ -1995,60 +1855,62 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)]),
 				checkedProps.value.help ? (openBlock(), createBlock(UiTooltip_default, {
 					key: 0,
+					class: "ui-tooltip",
 					trigger: "click",
-					id: guardedBinding12.value,
-					for: guardedBinding13.value
+					id: guardedBinding7.value,
+					for: guardedBinding8.value
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(checkedProps.value.help), 1)]),
 					_: 1
 				}, 8, ["id", "for"])) : createCommentVNode("v-if", true),
 				createElementVNode("div", {
 					class: "popup",
-					hidden: guardedBinding14.value,
+					hidden: !expanded.value,
 					ref_key: "popupElement",
 					ref: popupElement
 				}, [createElementVNode("div", {
 					role: "listbox",
-					id: guardedBinding15.value,
-					"aria-label": guardedBinding16.value,
+					id: guardedBinding9.value,
+					"aria-label": guardedBinding10.value,
 					"aria-busy": checkedProps.value.loading ?? void 0,
 					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) => {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(groups.value, (group, indexLoop, loop) => group.name), (group) => {
 							return openBlock(), createElementBlock("div", {
 								key: group.name,
 								role: group.role,
 								"aria-label": group.label ?? void 0
 							}, [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) => {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(group.rows, (row, indexLoop2, loop) => row.id), (row) => {
 									return openBlock(), createElementBlock("div", {
 										key: row.id,
 										class: normalizeClass(["option", { active: row.index === active.value }]),
 										role: "option",
 										"data-ui-choice-option": "",
 										"data-multiple": checkedProps.value.multiple ? "" : void 0,
-										id: concat(uid.value, "-option-", row.index),
+										id: unref(concat)(uid.value, "-option-", row.index),
 										"aria-selected": row.selected,
 										"aria-disabled": row.disabled,
 										"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_17, [createElementVNode("span", _hoisted_18, [createElementVNode("span", {
+									}, [renderSlot(_ctx.$slots, unref(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")
+										id: unref(concat)(uid.value, "-option-", row.index, "-label")
 									}, toDisplayString(row.label), 9, _hoisted_19), row.tag ? (openBlock(), createBlock(UiBadge_default, {
 										key: 0,
+										class: "ui-badge",
 										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_20)]),
+										default: withCtx(() => [createElementVNode("span", { id: unref(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")
+										id: unref(concat)(uid.value, "-option-", row.index, "-description")
 									}, 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
@@ -2058,25 +1920,25 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}),
 					creatable.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
-						class: normalizeClass(["option", { active: guardedBinding17.value }]),
+						class: normalizeClass(["option", { active: guardedBinding11.value }]),
 						role: "option",
 						"data-ui-choice-option": "",
 						"aria-selected": "false",
 						"data-multiple": checkedProps.value.multiple ? "" : void 0,
-						id: guardedBinding18.value,
-						"data-index": guardedBinding19.value
-					}, 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),
+						id: guardedBinding12.value,
+						"data-index": createIndex.value
+					}, toDisplayString(guardedBinding13.value), 11, _hoisted_23)) : createCommentVNode("v-if", true),
+					message.value ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(message.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,
+					id: guardedBinding14.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_26),
-				createElementVNode("div", _hoisted_27, toDisplayString(guardedBinding23.value), 1),
+				createElementVNode("div", _hoisted_27, toDisplayString(statusText.value), 1),
 				createElementVNode("div", {
 					class: "authored-options",
 					hidden: "",
@@ -2090,6 +1952,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7a56e205"]]);
+}), [["__scopeId", "data-v-4ba65c2d"]]);
 //#endregion
 export { UiCombobox_default as t };