@mortenbrudvik/waveui 0.11.0 → 0.12.0

package/dist/components/input/Combobox.mjs

@@ -6,220 +6,221 @@ import { comboboxClassNames as i } from "../../lib/classNames.mjs";
 import { useEventCallback as ee } from "../../hooks/useEventCallback.mjs";
 import { useControllable as a } from "../../hooks/useControllable.mjs";
 import { isFocused as te } from "../../lib/focus.mjs";
-import { useMergedRefs as ne } from "../../hooks/useMergedRefs.mjs";
-import { useFieldContext as re, useFieldControl as ie } from "../../hooks/useFieldControl.mjs";
-import { collectOptionLabels as ae, useListbox as oe } from "../../hooks/useListbox.mjs";
-import { disabledStyles as se, inputAppearanceClasses as ce, inputFocus as le, inputHeightClasses as ue, inputPaddingClasses as de, inputTextClasses as fe } from "../../lib/styles.mjs";
-import { DismissIcon as pe } from "../../lib/icons.mjs";
-import { useInputLook as me } from "./inputLook.mjs";
-import { isInvalidLook as he } from "./Input.mjs";
-import { useFormReset as ge } from "../../hooks/useFormReset.mjs";
-import { HiddenInput as _e } from "../internal/HiddenInput.mjs";
-import { pickerButtonOffset as ve, pickerEndPadding as ye, pickerGlyphSize as be, pickerIconButtonClasses as xe } from "./pickerStyles.mjs";
-import { PickerExpandButton as Se, showsExpandButton as Ce } from "./Combobox.expand.mjs";
-import { insertedText as we, replacedText as Te } from "./Combobox.text.mjs";
-import { ListboxSurface as Ee, Option as o, OptionGroup as s, useListboxPopup as De } from "./Option.mjs";
-import { PickerAnnouncer as Oe, announceToggle as ke, defaultSelectionLabel as Ae } from "./pickerLabels.mjs";
-import { EMPTY_VALUES as je, resetValues as Me, toValues as Ne, toggleValue as Pe } from "./pickerValues.mjs";
-import * as c from "react";
-import { jsx as l, jsxs as Fe } from "react/jsx-runtime";
+import { useMergedRefs as o } from "../../hooks/useMergedRefs.mjs";
+import { useFieldContext as ne, useFieldControl as re } from "../../hooks/useFieldControl.mjs";
+import { collectOptionLabels as ie, useListbox as ae } from "../../hooks/useListbox.mjs";
+import { disabledStyles as oe, inputAppearanceClasses as se, inputFocus as ce, inputHeightClasses as le, inputPaddingClasses as ue, inputTextClasses as de } from "../../lib/styles.mjs";
+import { DismissIcon as fe } from "../../lib/icons.mjs";
+import { useInputLook as pe } from "./inputLook.mjs";
+import { isInvalidLook as me } from "./Input.mjs";
+import { useFormReset as he } from "../../hooks/useFormReset.mjs";
+import { HiddenInput as ge } from "../internal/HiddenInput.mjs";
+import { pickerButtonOffset as _e, pickerEndPadding as ve, pickerGlyphSize as ye, pickerIconButtonClasses as be } from "./pickerStyles.mjs";
+import { PickerExpandButton as xe, showsExpandButton as Se } from "./Combobox.expand.mjs";
+import { insertedText as Ce, replacedText as we } from "./Combobox.text.mjs";
+import { ListboxSurface as Te, Option as s, OptionGroup as c, useListboxPopup as Ee } from "./Option.mjs";
+import { PickerAnnouncer as De, announceToggle as Oe, defaultSelectionLabel as ke } from "./pickerLabels.mjs";
+import { EMPTY_VALUES as Ae, resetValues as je, toValues as Me, toggleValue as Ne } from "./pickerValues.mjs";
+import * as l from "react";
+import { jsx as u, jsxs as Pe } from "react/jsx-runtime";
 //#region src/components/input/Combobox.tsx
-var u = /* @__PURE__ */ new Set(["historyUndo", "historyRedo"]);
-function Ie(e, t) {
+var d = /* @__PURE__ */ new Set(["historyUndo", "historyRedo"]);
+function Fe(e, t) {
 	return (e.textValue ?? e.label).toLowerCase().includes(t.toLowerCase());
 }
-var d = (o) => {
-	let { multiselect: s = !1, value: d, defaultValue: f, onValueChange: Le, onOptionSelect: p, open: Re, defaultOpen: ze, onOpenChange: Be, placeholder: Ve, disabled: m = !1, size: He, appearance: Ue, freeform: We = !1, filter: Ge, query: Ke, defaultQuery: qe, onQueryChange: Je, onActiveOptionChange: Ye, disabledOptionsFocusable: Xe = !1, name: Ze, form: h, required: Qe, autoComplete: $e = "off", autoCapitalize: et, autoCorrect: tt, maxLength: nt, readOnly: g, clearable: rt = !1, expandIcon: it, labels: _, inputMode: at, spellCheck: ot, enterKeyHint: st, autoFocus: ct, tabIndex: lt, id: ut, "aria-label": dt, "aria-labelledby": ft, "aria-describedby": pt, "aria-invalid": mt, "aria-required": ht, "aria-errormessage": gt, "aria-details": _t, onFocus: vt, onBlur: yt, onKeyDown: bt, onKeyUp: xt, controlRef: St, className: Ct, children: v, ref: wt, ...Tt } = o;
-	p !== void 0 && t("Combobox", "onOptionSelect", "onValueChange");
-	let y = We && !s, Et = We && s;
-	c.useEffect(() => {
+var f = (s) => {
+	let { multiselect: c = !1, value: f, defaultValue: p, onValueChange: Ie, onOptionSelect: m, open: Le, defaultOpen: Re, onOpenChange: ze, placeholder: Be, disabled: h = !1, size: Ve, positioning: He, appearance: Ue, freeform: g = !1, filter: We, query: Ge, defaultQuery: Ke, onQueryChange: qe, onActiveOptionChange: Je, disabledOptionsFocusable: Ye = !1, name: Xe, form: Ze, required: Qe, autoComplete: $e = "off", autoCapitalize: et, autoCorrect: tt, maxLength: nt, readOnly: _, clearable: rt = !1, expandIcon: it, labels: v, inputMode: at, spellCheck: ot, enterKeyHint: st, autoFocus: ct, tabIndex: lt, id: ut, "aria-label": dt, "aria-labelledby": ft, "aria-describedby": pt, "aria-invalid": mt, "aria-required": ht, "aria-errormessage": gt, "aria-details": _t, onFocus: vt, onBlur: yt, onKeyDown: bt, onKeyUp: xt, controlRef: St, className: Ct, children: y, ref: wt, ...Tt } = s;
+	m !== void 0 && t("Combobox", "onOptionSelect", "onValueChange");
+	let b = g && !c, Et = g && c;
+	l.useEffect(() => {
 		Et && n("Combobox:freeform-multiselect", "Combobox: `freeform` is not available with `multiselect`: a multi-select Combobox selects options only.");
 	}, [Et]);
-	let Dt = y && (Ke !== void 0 || qe !== void 0);
-	c.useEffect(() => {
+	let Dt = b && (Ge !== void 0 || Ke !== void 0);
+	l.useEffect(() => {
 		Dt && n("Combobox:query-freeform", "Combobox: `query` and `defaultQuery` are not used with `freeform`: the typed text is the value (`value`, `onValueChange`).");
 	}, [Dt]);
-	let b = re(), Ot = (Qe ?? b?.required ?? !1) && !g, x = ie({
+	let Ot = ne(), kt = (Qe ?? Ot?.required ?? !1) && !_, x = re({
 		id: ut,
 		"aria-label": dt,
 		"aria-labelledby": ft,
 		"aria-describedby": pt,
 		"aria-invalid": mt,
 		"aria-required": ht ?? Qe
-	}), kt = he(!1, x["aria-invalid"]), { size: S, appearance: C } = me(He, Ue), [At, w] = a(d, f ?? (s ? je : ""), (e) => {
-		Le?.(typeof e == "string" ? e : [...e]);
-	}), T = Ne(At), E = s ? "" : At, D = !m && !g, [O, k] = a(Re, (ze ?? !1) && D, Be), A = O && D, [jt, j] = a(y ? void 0 : Ke, D ? qe ?? "" : "", y ? void 0 : Je), [Mt, M] = c.useState(!1), [N, P] = c.useState(null), F = y ? N : D && (Mt || jt !== "") ? jt : null, [I, Nt] = c.useState(D ? "unlocked" : "mounted-locked");
-	D && I !== "unlocked" ? Nt("unlocked") : !D && I === "unlocked" && (Nt("locked"), M(!1), P(null)), c.useEffect(() => {
-		I === "locked" && j("");
-	}, [I, j]);
-	let Pt = !D && O;
-	c.useEffect(() => {
-		Pt && k(!1);
-	}, [Pt, k]);
-	let [Ft, L] = c.useState(null), It = c.useRef(null), R = c.useRef(null), Lt = c.useMemo(() => ae(v), [v]), z = F ?? "", Rt = c.useMemo(() => z ? (e) => (Ge ?? Ie)(e, z) : void 0, [z, Ge]), B = (e) => {
-		y ? P(e) : (M(!0), j(e));
+	}), At = me(!1, x["aria-invalid"]), { size: S, appearance: C } = pe(Ve, Ue), [jt, w] = a(f, p ?? (c ? Ae : ""), (e) => {
+		Ie?.(typeof e == "string" ? e : [...e]);
+	}), T = Me(jt), E = c ? "" : jt, D = !h && !_, [Mt, O] = a(Le, (Re ?? !1) && D, ze), k = Mt && D, [Nt, A] = a(b ? void 0 : Ge, D ? Ke ?? "" : "", b ? void 0 : qe), [Pt, j] = l.useState(!1), [M, N] = l.useState(null), P = b ? M : D && (Pt || Nt !== "") ? Nt : null, [F, Ft] = l.useState(D ? "unlocked" : "mounted-locked");
+	D && F !== "unlocked" ? Ft("unlocked") : !D && F === "unlocked" && (Ft("locked"), j(!1), N(null)), l.useEffect(() => {
+		F === "locked" && A("");
+	}, [F, A]);
+	let It = !D && Mt;
+	l.useEffect(() => {
+		It && O(!1);
+	}, [It, O]);
+	let [Lt, I] = l.useState(null), Rt = l.useRef(null), L = l.useRef(null), zt = l.useMemo(() => ie(y), [y]), R = P ?? "", Bt = l.useMemo(() => R ? (e) => (We ?? Fe)(e, R) : void 0, [R, We]), z = (e) => {
+		b ? N(e) : (j(!0), A(e));
+	}, B = () => {
+		b ? N(null) : (j(!1), A(""));
+	}, Vt = (e) => {
+		I(e), w(e), m?.(e);
 	}, V = () => {
-		y ? P(null) : (M(!1), j(""));
-	}, zt = (e) => {
-		L(e), w(e), p?.(e);
-	}, H = () => {
-		k(!1), V();
-	}, U;
-	y ? U = () => {
-		P(null), zt("");
-	} : F && (U = V);
-	let W = oe({
-		open: A,
+		O(!1), B();
+	}, H;
+	b ? H = () => {
+		N(null), Vt("");
+	} : P && (H = B);
+	let U = ae({
+		open: k,
 		onOpenChange: (e) => {
-			e ? k(!0) : H();
+			e ? O(!0) : V();
 		},
 		mode: "editable",
-		multiselect: s,
-		disabledOptionsFocusable: Xe,
+		multiselect: c,
+		disabledOptionsFocusable: Ye,
 		selectedValues: T,
 		onSelect: (e, t) => {
-			if (!s) {
-				w(e), p?.(e), V(), L(null);
+			if (!c) {
+				w(e), m?.(e), B(), I(null);
 				return;
 			}
-			let { values: n, added: r } = Pe(T, e);
-			w(n), p?.(e), ke(_, t?.item.label ?? Lt.get(e) ?? e, r, n.length), V();
+			let { values: n, added: r } = Ne(T, e);
+			w(n), m?.(e), Oe(v, t?.item.label ?? zt.get(e) ?? e, r, n.length), B();
 		},
-		filter: Rt,
-		autoHighlight: !y && F ? "first" : !1,
-		onActiveValueChange: Ye,
+		filter: Bt,
+		autoHighlight: !b && P ? "first" : !1,
+		onActiveValueChange: Je,
 		idPrefix: "combobox-listbox",
-		onClearDraft: U
-	}), Bt = (e) => W.getItem(e)?.label ?? Lt.get(e), G = "";
-	if (s) {
-		let e = T.map(Bt).filter((e) => e !== void 0);
-		e.length > 0 && (G = (_?.selection ?? Ae)(e));
+		onClearDraft: H
+	}), Ht = (e) => U.getItem(e)?.label ?? zt.get(e), W = "";
+	if (c) {
+		let e = T.map(Ht).filter((e) => e !== void 0);
+		e.length > 0 && (W = (v?.selection ?? ke)(e));
 	}
-	let K = s && F === null && G !== "", Vt = E ? Bt(E) : void 0, q;
-	q = s ? F ?? G : y ? E === Ft ? E : Vt ?? E : F ?? Vt ?? "", y && N !== null && N !== q && P(q);
-	let J = A && W.items.length > 0, Ht = _?.noMatches ?? "No matches", Y = A && (J || !!F), Ut = Y && !J, { layerId: Wt, setReference: Gt, surfaceRef: Kt, floatingProps: qt } = De({
-		open: A,
-		surfaceOpen: Y,
-		onDismiss: H,
-		rootRef: It,
-		anchorRef: R
-	}), Jt = ne(It, wt), Yt = ne(R, St, Gt);
-	ge(R, () => {
-		w(s ? (e) => Me(e, f) : f ?? ""), V(), L(null);
-	}, h);
-	let X = c.useRef(!1), Xt = (e) => {
-		X.current = K && !te(e.currentTarget);
-	}, Zt = (e) => {
-		K && e.currentTarget.select();
-	}, Qt = (e) => {
-		X.current && (X.current = !1, e.preventDefault());
+	let G = c && P === null && W !== "", Ut = E ? Ht(E) : void 0, K;
+	K = c ? P ?? W : b ? E === Lt ? E : Ut ?? E : P ?? Ut ?? "", b && M !== null && M !== K && N(K);
+	let q = k && U.items.length > 0, Wt = v?.noMatches ?? "No matches", J = k && (q || !!P), Gt = J && !q, { layerId: Kt, setReference: qt, surfaceRef: Jt, floatingProps: Yt } = Ee({
+		positioning: He,
+		open: k,
+		surfaceOpen: J,
+		onDismiss: V,
+		rootRef: Rt,
+		anchorRef: L
+	}), Xt = o(Rt, wt), Zt = o(L, St, qt);
+	he(L, () => {
+		w(c ? (e) => je(e, p) : p ?? ""), B(), I(null);
+	}, Ze);
+	let Y = l.useRef(!1), Qt = (e) => {
+		Y.current = G && !te(e.currentTarget);
+	}, $t = (e) => {
+		G && e.currentTarget.select();
+	}, en = (e) => {
+		Y.current && (Y.current = !1, e.preventDefault());
 	};
-	c.useLayoutEffect(() => {
-		let e = R.current;
-		K && e && te(e) && e.select();
-	}, [K, G]);
-	let Z = c.useRef(null), $t = c.useRef(null), Q = ee((e) => {
+	l.useLayoutEffect(() => {
+		let e = L.current;
+		G && e && te(e) && e.select();
+	}, [G, W]);
+	let X = l.useRef(null), tn = l.useRef(null), Z = ee((e) => {
 		let t = e.currentTarget;
-		K && t.value === G && (Z.current = null, !u.has(e.inputType ?? "") && ($t.current = e, B(G), A || k(!0)));
+		G && t.value === W && (X.current = null, !d.has(e.inputType ?? "") && (tn.current = e, z(W), k || O(!0)));
 	});
-	c.useEffect(() => {
-		let e = R.current;
-		if (!s || !e) return;
+	l.useEffect(() => {
+		let e = L.current;
+		if (!c || !e) return;
 		let t = (t) => {
 			let { inputType: n } = t, { selectionStart: r, selectionEnd: i } = e;
-			Z.current = {
+			X.current = {
 				inputType: n,
-				range: n === "insertFromDrop" || u.has(n) || r === null || i === null ? null : [r, i]
+				range: n === "insertFromDrop" || d.has(n) || r === null || i === null ? null : [r, i]
 			};
 		};
-		return e.addEventListener("beforeinput", t), e.addEventListener("input", Q), () => {
-			e.removeEventListener("beforeinput", t), e.removeEventListener("input", Q);
+		return e.addEventListener("beforeinput", t), e.addEventListener("input", Z), () => {
+			e.removeEventListener("beforeinput", t), e.removeEventListener("input", Z);
 		};
-	}, [s, Q]);
-	let en = (e) => {
-		if (e.key === "Escape" && A && !Y && !e.nativeEvent.isComposing) {
-			H(), U && e.currentTarget.value !== "" && (e.preventDefault(), U());
+	}, [c, Z]);
+	let nn = (e) => {
+		if (e.key === "Escape" && k && !J && !e.nativeEvent.isComposing) {
+			V(), H && e.currentTarget.value !== "" && (e.preventDefault(), H());
 			return;
 		}
-		W.onKeyDown(e);
-	}, tn = (e) => {
-		if (e.nativeEvent === $t.current) return;
-		let t = e.target.value, n = Z.current;
-		Z.current = null;
+		U.onKeyDown(e);
+	}, rn = (e) => {
+		if (e.nativeEvent === tn.current) return;
+		let t = e.target.value, n = X.current;
+		X.current = null;
 		let r = n && n.inputType === e.nativeEvent.inputType ? n : null;
-		if (!s) B(t);
-		else if (t === G && (r === null || u.has(r.inputType))) V();
-		else if (K) {
+		if (!c) z(t);
+		else if (t === W && (r === null || d.has(r.inputType))) B();
+		else if (G) {
 			let e = r?.range;
-			B((e && Te(G, t, e[0], e[1])) ?? we(G, t));
-		} else B(t);
-		A || k(!0), y && zt(t);
-	}, nn = () => {
-		D && (A ? H() : k(!0), R.current?.focus());
-	}, rn = () => {
-		w(s ? je : ""), L(null), V(), k(!1), R.current?.focus();
-	}, $ = Ce(it), an = rt && (s ? T.length > 0 : E !== "") && !g, on = x["aria-label"] === void 0 ? x["aria-labelledby"] ?? b?.labelId : x["aria-labelledby"];
-	return /* @__PURE__ */ Fe("div", {
+			z((e && we(W, t, e[0], e[1])) ?? Ce(W, t));
+		} else z(t);
+		k || O(!0), b && Vt(t);
+	}, an = () => {
+		D && (k ? V() : O(!0), L.current?.focus());
+	}, on = () => {
+		w(c ? Ae : ""), I(null), B(), O(!1), L.current?.focus();
+	}, Q = Se(it), $ = rt && (c ? T.length > 0 : E !== "") && !_, sn = x["aria-label"] === void 0 ? x["aria-labelledby"] ?? Ot?.labelId : x["aria-labelledby"];
+	return /* @__PURE__ */ Pe("div", {
 		"data-size": S,
 		"data-appearance": C,
 		...Tt,
-		ref: Jt,
+		ref: Xt,
 		className: e(i.root, "relative inline-flex flex-col", Ct),
 		children: [
-			s && /* @__PURE__ */ l(Oe, {}),
-			/* @__PURE__ */ Fe("div", {
+			c && /* @__PURE__ */ u(De, {}),
+			/* @__PURE__ */ Pe("div", {
 				className: "relative flex items-center",
 				children: [
-					/* @__PURE__ */ l("input", {
+					/* @__PURE__ */ u("input", {
 						type: "text",
 						autoComplete: $e,
 						...x,
-						...W.getComboboxProps(),
-						"aria-expanded": J,
+						...U.getComboboxProps(),
+						"aria-expanded": q,
 						"aria-errormessage": gt,
 						"aria-details": _t,
-						ref: Yt,
-						disabled: m,
-						readOnly: g,
-						placeholder: s && G !== "" ? void 0 : Ve,
+						ref: Zt,
+						disabled: h,
+						readOnly: _,
+						placeholder: c && W !== "" ? void 0 : Be,
 						autoCapitalize: et,
 						autoCorrect: tt,
-						maxLength: K ? void 0 : nt,
+						maxLength: G ? void 0 : nt,
 						inputMode: at,
 						spellCheck: ot,
 						enterKeyHint: st,
 						autoFocus: ct,
 						tabIndex: lt,
-						value: q,
-						onChange: tn,
+						value: K,
+						onChange: rn,
 						onClick: () => {
-							!A && D && k(!0);
+							!k && D && O(!0);
 						},
-						onMouseDown: Xt,
-						onMouseUp: Qt,
-						onKeyDown: r(bt, g ? void 0 : en),
-						onKeyUp: r(xt, W.onKeyUp),
-						onFocus: r(vt, Zt),
-						onBlur: r(yt, V, { checkDefaultPrevented: !1 }),
-						className: e(i.input, ue[S], "w-full", de[S], fe[S], ce[C], "text-foreground placeholder:text-muted-foreground", le, se, kt && "border-destructive", ye(Number(an) + Number($), S))
+						onMouseDown: Qt,
+						onMouseUp: en,
+						onKeyDown: r(bt, _ ? void 0 : nn),
+						onKeyUp: r(xt, U.onKeyUp),
+						onFocus: r(vt, $t),
+						onBlur: r(yt, B, { checkDefaultPrevented: !1 }),
+						className: e(i.input, le[S], "w-full", ue[S], de[S], se[C], "text-foreground placeholder:text-muted-foreground", ce, oe, At && "border-destructive", ve(Number($) + Number(Q), S))
 					}),
-					an && /* @__PURE__ */ l("button", {
+					$ && /* @__PURE__ */ u("button", {
 						type: "button",
-						"aria-label": _?.clear ?? "Clear selection",
-						disabled: m,
+						"aria-label": v?.clear ?? "Clear selection",
+						disabled: h,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: rn,
-						className: e(i.clearButton, xe(S, C), ve(S, $ ? 2 : 1), "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100"),
-						children: /* @__PURE__ */ l(pe, { size: be(S, "icon") })
+						onClick: on,
+						className: e(i.clearButton, be(S, C), _e(S, Q ? 2 : 1), "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100"),
+						children: /* @__PURE__ */ u(fe, { size: ye(S, "icon") })
 					}),
-					$ && /* @__PURE__ */ l(Se, {
+					Q && /* @__PURE__ */ u(xe, {
 						component: "Combobox",
 						expandIcon: it,
-						label: _?.expand ?? "Show options",
-						expanded: J,
-						listboxId: W.listboxId,
-						disabled: m || !!g,
-						onToggle: nn,
+						label: v?.expand ?? "Show options",
+						expanded: q,
+						listboxId: U.listboxId,
+						disabled: h || !!_,
+						onToggle: an,
 						size: S,
 						appearance: C,
 						className: i.expandButton,
@@ -227,47 +228,47 @@ var d = (o) => {
 					})
 				]
 			}),
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ u("span", {
 				role: "status",
 				className: "sr-only",
-				children: Ut && Ht
+				children: Gt && Wt
 			}),
-			/* @__PURE__ */ l(Ee, {
-				listbox: W,
-				layerId: Wt,
-				surfaceRef: Kt,
-				floatingProps: qt,
-				open: A,
-				expanded: J,
+			/* @__PURE__ */ u(Te, {
+				listbox: U,
+				layerId: Kt,
+				surfaceRef: Jt,
+				floatingProps: Yt,
+				open: k,
+				expanded: q,
 				listClassName: i.listbox,
 				surfaceClassName: i.surface,
-				emptyContent: F ? /* @__PURE__ */ l("div", {
+				emptyContent: P ? /* @__PURE__ */ u("div", {
 					"aria-hidden": "true",
 					className: e(i.emptyMessage, "px-3 py-1.5 text-body-1 text-muted-foreground"),
-					children: Ht
+					children: Wt
 				}) : void 0,
 				"aria-label": x["aria-label"],
-				"aria-labelledby": on,
-				children: v
+				"aria-labelledby": sn,
+				children: y
 			}),
-			/* @__PURE__ */ l(_e, {
-				name: Ze,
-				form: h,
-				disabled: m,
-				value: s ? T : E,
+			/* @__PURE__ */ u(ge, {
+				name: Xe,
+				form: Ze,
+				disabled: h,
+				value: c ? T : E,
 				type: "text",
-				required: Ot,
-				onInvalid: () => R.current?.focus()
+				required: kt,
+				onInvalid: () => L.current?.focus()
 			})
 		]
 	});
 };
-d.displayName = "Combobox";
-var f = o, Le = s, p = /* @__PURE__ */ Object.assign(d, {
-	Option: o,
-	OptionGroup: s
+f.displayName = "Combobox";
+var p = s, Ie = c, m = /* @__PURE__ */ Object.assign(f, {
+	Option: s,
+	OptionGroup: c
 });
 //#endregion
-export { p as Combobox, f as ComboboxOption, Le as ComboboxOptionGroup, o as Option, s as OptionGroup };
+export { m as Combobox, p as ComboboxOption, Ie as ComboboxOptionGroup, s as Option, c as OptionGroup };
 
 //# sourceMappingURL=Combobox.mjs.map