@box-kite/react 2.2.14 → 2.2.16

package/components/combobox.mjs

@@ -1,17 +1,18 @@
 "use client";
-import { n as e } from "../effects.mjs";
-import t from "../box.mjs";
-import { a as n, i as r, r as i, t as a } from "../behavior.mjs";
-import { t as o } from "../identity.mjs";
-import { a as s } from "../reporting.mjs";
-import { Path as c, Svg as l } from "./svg.mjs";
-import u from "./flex.mjs";
-import d from "./overlay.mjs";
-import f from "./presence.mjs";
-import { forwardRef as p, useCallback as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { l as e } from "../platform.mjs";
+import { n as t } from "../effects.mjs";
+import n from "../box.mjs";
+import { a as r, i, r as a, t as o } from "../behavior.mjs";
+import { t as s } from "../identity.mjs";
+import { a as c } from "../reporting.mjs";
+import { Path as l, Svg as u } from "./svg.mjs";
+import d from "./flex.mjs";
+import f from "./overlay.mjs";
+import p from "./presence.mjs";
+import { forwardRef as m, useCallback as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/utils/combobox/comboboxUtils.ts
-var x;
+var S;
 (function(e) {
 	function t(e, t) {
 		return typeof e == "function" ? e(t) : t[e];
@@ -78,20 +79,20 @@ var x;
 		return (i === "last" ? s[s.length - 1] : s[0]) ?? -1;
 	}
 	e.activeIndexFor = m;
-})(x ||= {});
-var S = x;
+})(S ||= {});
+var C = S;
 //#endregion
 //#region src/components/combobox/comboboxChips.tsx
-function C(e) {
+function ee(e) {
 	let { selection: t, def: n, display: r, removeLabel: i, onRemove: a, disabled: o, variant: s } = e;
-	return /* @__PURE__ */ y(v, { children: t.map((e) => {
-		let t = S.labelOf(n, e);
-		return /* @__PURE__ */ b(u, {
+	return /* @__PURE__ */ b(y, { children: t.map((e) => {
+		let t = C.labelOf(n, e);
+		return /* @__PURE__ */ x(d, {
 			component: "combobox.chip",
 			variant: s,
 			ai: "center",
 			gap: 1,
-			children: [r?.(e) ?? t, !o && /* @__PURE__ */ y(u, {
+			children: [r?.(e) ?? t, !o && /* @__PURE__ */ b(d, {
 				tag: "button",
 				component: "combobox.remove",
 				variant: s,
@@ -106,11 +107,11 @@ function C(e) {
 						t.stopPropagation(), a(e, t);
 					}
 				},
-				children: /* @__PURE__ */ y(l, {
+				children: /* @__PURE__ */ b(u, {
 					viewBox: "0 0 24 24",
 					width: "0.625rem",
 					props: { fill: "none" },
-					children: /* @__PURE__ */ y(c, {
+					children: /* @__PURE__ */ b(l, {
 						d: "M6 6 18 18M18 6 6 18",
 						stroke: "currentColor",
 						strokeWidth: 3,
@@ -118,7 +119,7 @@ function C(e) {
 					})
 				})
 			})]
-		}, S.keyOf(n, e));
+		}, C.keyOf(n, e));
 	}) });
 }
 //#endregion
@@ -155,25 +156,25 @@ var w;
 var T = w;
 //#endregion
 //#region src/react/hooks/useVirtualization.ts
-function ee(t) {
-	let { count: r, scrollerRef: i, itemHeight: a, viewHeight: o, overscan: s, threshold: c, enabled: l, activeIndex: u } = t, [d, f] = _({
+function te(e) {
+	let { count: n, scrollerRef: i, itemHeight: a, viewHeight: o, overscan: s, threshold: c, enabled: l, activeIndex: u } = e, [d, f] = v({
 		top: 0,
 		at: -1
-	}), [p, h] = _({
+	}), [p, m] = v({
 		itemHeight: 0,
 		viewHeight: 0
-	}), v = g(null), y = m((e) => {
-		v.current = e;
-	}, []), b = T.shouldVirtualize(r, l, c), x = n(() => {
-		let e = i.current, t = v.current;
+	}), g = _(null), y = h((e) => {
+		g.current = e;
+	}, []), b = T.shouldVirtualize(n, l, c), x = r(() => {
+		let e = i.current, t = g.current;
 		if (!e || !t) return;
 		let n = t.children, r = n[0], a = n[1], o = a ? a.offsetTop - r.offsetTop : r?.offsetHeight ?? 0, s = e.clientHeight;
-		h((e) => e.itemHeight === o && e.viewHeight === s ? e : {
+		m((e) => e.itemHeight === o && e.viewHeight === s ? e : {
 			itemHeight: o,
 			viewHeight: s
 		});
 	});
-	e(() => {
+	t(() => {
 		if (!b || (x(), typeof ResizeObserver > "u")) return;
 		let e = i.current;
 		if (!e) return;
@@ -181,17 +182,17 @@ function ee(t) {
 		return t.observe(e), () => t.disconnect();
 	}, [
 		b,
-		r,
+		n,
 		x,
 		i
 	]);
-	let S = n((e) => {
+	let S = r((e) => {
 		f({
 			top: e.currentTarget.scrollTop,
 			at: u ?? -1
 		});
 	}), C = T.windowFor({
-		count: r,
+		count: n,
 		itemHeight: a ?? (p.itemHeight > 0 ? p.itemHeight : T.DEFAULT_ITEM_HEIGHT),
 		viewHeight: o ?? (p.viewHeight > 0 ? p.viewHeight : T.DEFAULT_VIEW_HEIGHT),
 		scrollTop: d.top,
@@ -205,7 +206,7 @@ function ee(t) {
 		onScroll: S
 	} : {
 		startIndex: 0,
-		endIndex: r,
+		endIndex: n,
 		offsetY: 0,
 		totalHeight: 0,
 		virtualized: b,
@@ -215,7 +216,7 @@ function ee(t) {
 }
 //#endregion
 //#region src/components/combobox/comboboxListbox.tsx
-function te(e, t, n, r) {
+function ne(e, t, n, r) {
 	return e ? {
 		role: "listbox",
 		"aria-labelledby": r,
@@ -223,19 +224,19 @@ function te(e, t, n, r) {
 		...n ? { "aria-busy": !0 } : {}
 	} : { role: "status" };
 }
-function ne(e) {
-	let { presence: n, rows: r, def: i, display: a, selection: o, multiple: s, activeIndex: c, optionId: l, rowRef: f, onSelect: p } = e, { anchorRef: h, popupRef: v, listboxId: x, labelledBy: C, loading: w, loadingText: T, emptyText: ne, createLabel: re, variant: E, itemsProps: D } = e, { virtualize: O } = e, { present: ie, ref: ae, props: k } = n, A = (e) => S.keyOf(i, e), [oe, j] = _(!1), M = m((e) => j(e === "top"), []), N = g(null), se = m((e) => {
-		N.current = e, ae(e);
-	}, [ae]), ce = typeof O == "object" ? O : {}, { virtualized: P, startIndex: le, endIndex: ue, offsetY: de, totalHeight: fe, contentRef: pe, onScroll: F } = ee({
+function re(e) {
+	let { presence: t, rows: r, def: i, display: a, selection: o, multiple: s, activeIndex: c, optionId: l, rowRef: u, onSelect: p } = e, { anchorRef: m, popupRef: g, listboxId: y, labelledBy: S, loading: ee, loadingText: w, emptyText: T, createLabel: re, variant: E, itemsProps: D } = e, { virtualize: O } = e, { present: k, ref: ie, props: ae } = t, A = (e) => C.keyOf(i, e), [j, oe] = v(!1), M = h((e) => oe(e === "top"), []), N = _(null), se = h((e) => {
+		N.current = e, ie(e);
+	}, [ie]), ce = typeof O == "object" ? O : {}, { virtualized: P, startIndex: F, endIndex: le, offsetY: ue, totalHeight: de, contentRef: fe, onScroll: pe } = te({
 		count: r.length,
 		scrollerRef: N,
 		enabled: typeof O == "boolean" ? O : void 0,
 		activeIndex: c,
 		...ce
-	}), I = P ? r.slice(le, ue) : r, L = (e, t) => {
-		let n = P ? le + t : t, s = e.kind === "option" && S.isSelected(o, e.row, A), d = S.isRowDisabled(i, e);
-		return /* @__PURE__ */ y(u, {
-			ref: f(n),
+	}), I = P ? r.slice(F, le) : r, L = (e, t) => {
+		let n = P ? F + t : t, s = e.kind === "option" && C.isSelected(o, e.row, A), f = C.isRowDisabled(i, e);
+		return /* @__PURE__ */ b(d, {
+			ref: u(n),
 			component: "combobox.item",
 			variant: [E, {
 				create: e.kind === "create",
@@ -251,76 +252,76 @@ function ne(e) {
 					"aria-setsize": r.length,
 					"aria-posinset": n + 1
 				} : {},
-				...d ? { "aria-disabled": !0 } : {},
+				...f ? { "aria-disabled": !0 } : {},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: (e) => !d && p(n, e)
+				onClick: (e) => !f && p(n, e)
 			},
-			children: e.kind === "create" ? re(e.query) : a?.(e.row) ?? S.labelOf(i, e.row)
+			children: e.kind === "create" ? re(e.query) : a?.(e.row) ?? C.labelOf(i, e.row)
 		}, e.kind === "option" ? A(e.row) : "create");
 	};
-	return /* @__PURE__ */ y(d, {
-		ref: v,
-		anchor: h,
+	return /* @__PURE__ */ b(f, {
+		ref: g,
+		anchor: m,
 		side: "bottom",
 		align: "start",
 		offset: .5,
 		matchWidth: !0,
 		onSideChange: M,
-		children: /* @__PURE__ */ b(t, {
+		children: /* @__PURE__ */ x(n, {
 			ref: se,
 			component: "combobox.items",
 			...D,
 			variant: [E, {
-				closed: !ie && !oe,
-				closedUp: !ie && oe
+				closed: !k && !j,
+				closedUp: !k && j
 			}],
-			id: x,
+			id: y,
 			props: {
-				...te(r.length > 0, s, w === !0, C),
-				...k,
-				...P ? { onScroll: F } : {}
+				...ne(r.length > 0, s, ee === !0, S),
+				...ae,
+				...P ? { onScroll: pe } : {}
 			},
-			children: [P ? /* @__PURE__ */ y(t, {
-				ref: pe,
+			children: [P ? /* @__PURE__ */ b(n, {
+				ref: fe,
 				component: "combobox.window",
 				variant: E,
 				style: {
-					height: fe,
-					paddingTop: de
+					height: de,
+					paddingTop: ue
 				},
 				children: I.map(L)
-			}) : I.map(L), r.length === 0 && /* @__PURE__ */ y(t, {
+			}) : I.map(L), r.length === 0 && /* @__PURE__ */ b(n, {
 				component: "combobox.message",
 				variant: E,
-				children: w ? T : ne
+				children: ee ? w : T
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/combobox.tsx
-var re = /* @__PURE__ */ new Set([
+var E = /* @__PURE__ */ new Set([
 	" ",
 	"Home",
 	"End",
 	"ArrowLeft",
 	"ArrowRight"
 ]);
-function E(d, p) {
-	let { data: x, def: w, label: T, labelProps: ee, placeholder: te, name: E, disabled: D, props: O, itemsProps: ie, hideIcon: ae, filter: k = S.filterRows, loading: A, loadingText: oe = "Loading...", emptyText: j = "No results", createRow: M, createLabel: N = (e) => `Create "${e}"`, removeLabel: se = (e) => `Remove ${e}`, virtualize: ce, query: P, defaultQuery: le, onQueryChange: ue, open: de, defaultOpen: fe, onOpenChange: pe, multiple: F = !1, value: I, defaultValue: L, onValueChange: me, ...R } = d, z = o("combobox"), he = R.id ?? `${z}-field`, ge = `${z}-listbox`, _e = `${z}-label`, B = T != null && T !== !1, ve = m((e) => `${z}-option-${e}`, [z]), V = g(null), ye = g(null), H = g(null), be = m((e) => {
-		H.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-	}, [p]), xe = n((e, t) => {
-		me?.(F ? e : e[0] ?? null, t);
-	}), Se = h(() => I === void 0 ? void 0 : S.toArray(I), [I]), [U, Ce] = s({
+function D(f, m) {
+	let { data: S, def: w, label: T, labelProps: te, placeholder: ne, name: D, disabled: O, props: k, itemsProps: ie, hideIcon: ae, filter: A = C.filterRows, loading: j, loadingText: oe = "Loading...", emptyText: M = "No results", createRow: N, createLabel: se = (e) => `Create "${e}"`, removeLabel: ce = (e) => `Remove ${e}`, virtualize: P, query: F, defaultQuery: le, onQueryChange: ue, open: de, defaultOpen: fe, onOpenChange: pe, multiple: I = !1, value: L, defaultValue: me, onValueChange: he, ...R } = f, z = s("combobox"), B = R.id ?? `${z}-field`, ge = `${z}-listbox`, V = `${z}-label`, H = T != null && T !== !1, _e = h((e) => `${z}-option-${e}`, [z]), U = _(null), ve = _(null), ye = _(null), be = h((t) => {
+		ye.current = t, e(m, t);
+	}, [m]), xe = r((e, t) => {
+		he?.(I ? e : e[0] ?? null, t);
+	}), Se = g(() => L === void 0 ? void 0 : C.toArray(L), [L]), [W, Ce] = c({
 		value: Se,
-		defaultValue: () => S.toArray(L),
+		defaultValue: () => C.toArray(me),
 		onChange: xe,
 		interaction: {
 			component: "combobox",
 			type: "valueChange",
 			content: ["value"]
 		}
-	}), [W, G] = s({
+	}), [G, K] = c({
 		value: de,
 		defaultValue: fe ?? !1,
 		onChange: pe,
@@ -328,165 +329,165 @@ function E(d, p) {
 			component: "combobox",
 			type: "openChange"
 		}
-	}), [we, K] = r({
-		value: P,
+	}), [we, q] = i({
+		value: F,
 		defaultValue: le ?? "",
 		onChange: ue
-	}), [q, J] = _(!1), Y = m((e) => S.keyOf(w, e), [w]), Te = F || U[0] === void 0 ? "" : S.labelOf(w, U[0]), X = q || we !== "" ? we : Te, Z = h(() => S.rowsFor({
-		data: x,
+	}), [Te, J] = v(!1), Y = h((e) => C.keyOf(w, e), [w]), Ee = I || W[0] === void 0 ? "" : C.labelOf(w, W[0]), X = Te || we !== "" ? we : Ee, Z = g(() => C.rowsFor({
+		data: S,
 		def: w,
 		query: X,
-		filter: k,
-		typed: q,
-		createRow: M
+		filter: A,
+		typed: Te,
+		createRow: N
 	}), [
-		x,
+		S,
 		w,
 		X,
-		k,
-		q,
-		M
-	]), Ee = m((e) => Z[e] ? S.isRowDisabled(w, Z[e]) : !1, [Z, w]), De = n((e, t) => {
-		G(!1, {
+		A,
+		Te,
+		N
+	]), De = h((e) => Z[e] ? C.isRowDisabled(w, Z[e]) : !1, [Z, w]), Oe = r((e, t) => {
+		K(!1, {
 			reason: e,
 			event: t
-		}), e !== "escape" && (J(!1), K("", {
+		}), e !== "escape" && (J(!1), q("", {
 			reason: "close",
 			event: t
 		}));
-	}), Q = n((e, t) => {
+	}), Q = r((e, t) => {
 		let n = Z[e];
-		if (!n || Ee(e)) return;
-		let r = n.kind === "create" ? M?.(n.query) : n.row;
+		if (!n || De(e)) return;
+		let r = n.kind === "create" ? N?.(n.query) : n.row;
 		if (r == null) return;
-		let i = S.isSelected(U, r, Y), a = n.kind === "create" ? "create" : i && F ? "deselect" : "select";
-		Ce(S.toggle(U, r, F, Y), {
+		let i = C.isSelected(W, r, Y), a = n.kind === "create" ? "create" : i && I ? "deselect" : "select";
+		Ce(C.toggle(W, r, I, Y), {
 			reason: a,
 			event: t
-		}), J(!1), K("", {
+		}), J(!1), q("", {
 			reason: "select",
 			event: t
-		}), F || G(!1, {
+		}), I || K(!1, {
 			reason: "select",
 			event: t
 		});
-	}), Oe = a({
+	}), ke = o({
 		count: Z.length,
 		focusItems: !1,
 		defaultActiveIndex: -1,
-		isDisabled: Ee,
+		isDisabled: De,
 		onSelect: Q
-	}), { activeIndex: $, setActiveIndex: ke, activeItem: Ae } = Oe;
-	i({
-		enabled: W,
-		inside: [V, ye],
-		onDismiss: (e, t) => De(e === "escape" ? "escape" : "outside-pointer", t)
-	}), e(() => {
-		!W || $ === -1 || Ae()?.scrollIntoView?.({ block: "nearest" });
+	}), { activeIndex: $, setActiveIndex: Ae, activeItem: je } = ke;
+	a({
+		enabled: G,
+		inside: [U, ve],
+		onDismiss: (e, t) => Oe(e === "escape" ? "escape" : "outside-pointer", t)
+	}), t(() => {
+		!G || $ === -1 || je()?.scrollIntoView?.({ block: "nearest" });
 	}, [
-		W,
+		G,
 		$,
-		Ae
+		je
 	]);
-	let je = (e, t, n) => {
-		G(!0, {
+	let Me = (e, t, n) => {
+		K(!0, {
 			reason: n,
 			event: t
 		});
-		let r = e === "none" ? -1 : S.activeIndexFor(Z, U, w, e);
-		ke(r, {
+		let r = e === "none" ? -1 : C.activeIndexFor(Z, W, w, e);
+		Ae(r, {
 			reason: "programmatic",
 			event: t
 		});
-	}, Me = n((e) => {
-		J(!0), K(e.target.value, {
+	}, Ne = r((e) => {
+		J(!0), q(e.target.value, {
 			reason: "input",
 			event: e
-		}), W || G(!0, {
+		}), G || K(!0, {
 			reason: "input",
 			event: e
-		}), ke(-1, {
+		}), Ae(-1, {
 			reason: "programmatic",
 			event: e
 		});
-	}), Ne = n((e, t) => {
-		Ce(U.filter((t) => Y(t) !== Y(e)), {
+	}), Pe = r((e, t) => {
+		Ce(W.filter((t) => Y(t) !== Y(e)), {
 			reason: "remove",
 			event: t
 		});
-	}), Pe = (e) => {
+	}), Fe = (e) => {
 		let { key: t } = e;
 		if (t === "ArrowDown" || t === "ArrowUp") {
-			e.preventDefault(), je(t === "ArrowUp" ? "last" : e.altKey ? "none" : "first", e, "trigger");
+			e.preventDefault(), Me(t === "ArrowUp" ? "last" : e.altKey ? "none" : "first", e, "trigger");
 			return;
 		}
-		t === "Escape" && X !== "" && (J(!0), K("", {
+		t === "Escape" && X !== "" && (J(!0), q("", {
 			reason: "clear",
 			event: e
 		}));
-	}, Fe = n((e) => {
-		if (O?.onKeyDown?.(e), !(e.defaultPrevented || D)) {
-			if (e.key === "Backspace" && F && X === "" && U.length > 0) {
-				Ne(U[U.length - 1], e);
+	}, Ie = r((e) => {
+		if (k?.onKeyDown?.(e), !(e.defaultPrevented || O)) {
+			if (e.key === "Backspace" && I && X === "" && W.length > 0) {
+				Pe(W[W.length - 1], e);
 				return;
 			}
-			if (!W) {
-				Pe(e);
+			if (!G) {
+				Fe(e);
 				return;
 			}
 			if (e.key === "Tab") {
-				$ !== -1 && Q($, e), De("tab", e);
+				$ !== -1 && Q($, e), Oe("tab", e);
 				return;
 			}
 			if (e.altKey && e.key === "ArrowUp") {
-				e.preventDefault(), $ === -1 ? De("trigger", e) : Q($, e);
+				e.preventDefault(), $ === -1 ? Oe("trigger", e) : Q($, e);
 				return;
 			}
-			if (re.has(e.key)) {
-				ke(-1, {
+			if (E.has(e.key)) {
+				Ae(-1, {
 					reason: "programmatic",
 					event: e
 				});
 				return;
 			}
-			Oe.onKeyDown(e);
+			ke.onKeyDown(e);
 		}
-	}), Ie = n((e) => {
-		!D && !W && je("first", e, "trigger");
-	}), Le = n((e) => {
-		D || e.target === H.current || (e.preventDefault(), H.current?.focus(), W || je("first", e, "trigger"));
-	}), Re = Z.length > 0 || A === !0 || j !== null, ze = W && $ !== -1 && Z.length > 0 ? ve($) : void 0, Be = /* @__PURE__ */ y(t, {
+	}), Le = r((e) => {
+		!O && !G && Me("first", e, "trigger");
+	}), Re = r((e) => {
+		O || e.target === ye.current || (e.preventDefault(), ye.current?.focus(), G || Me("first", e, "trigger"));
+	}), ze = Z.length > 0 || j === !0 || M !== null, Be = G && $ !== -1 && Z.length > 0 ? _e($) : void 0, Ve = /* @__PURE__ */ b(n, {
 		tag: "input",
 		component: "combobox.field",
 		ref: be,
-		id: he,
-		disabled: D,
+		id: B,
+		disabled: O,
 		props: {
-			...O,
+			...k,
 			role: "combobox",
 			"aria-autocomplete": "list",
-			"aria-expanded": W,
-			"aria-controls": W && Re ? ge : void 0,
-			"aria-activedescendant": ze,
-			"aria-labelledby": B ? _e : O?.["aria-labelledby"],
+			"aria-expanded": G,
+			"aria-controls": G && ze ? ge : void 0,
+			"aria-activedescendant": Be,
+			"aria-labelledby": H ? V : k?.["aria-labelledby"],
 			autoComplete: "off",
 			spellCheck: !1,
 			type: "text",
 			value: X,
-			placeholder: te,
-			onChange: Me,
-			onKeyDown: Fe,
-			onClick: Ie
+			placeholder: ne,
+			onChange: Ne,
+			onKeyDown: Ie,
+			onClick: Le
 		}
-	}), Ve = !ae && /* @__PURE__ */ y(u, {
+	}), He = !ae && /* @__PURE__ */ b(d, {
 		component: "combobox.icon",
-		rotate: W ? 180 : 0,
+		rotate: G ? 180 : 0,
 		props: { "aria-hidden": !0 },
-		children: /* @__PURE__ */ y(l, {
+		children: /* @__PURE__ */ b(u, {
 			viewBox: "0 0 10 6",
 			width: "0.6rem",
 			props: { fill: "none" },
-			children: /* @__PURE__ */ y(c, {
+			children: /* @__PURE__ */ b(l, {
 				d: "m1 1 4 4 4-4",
 				stroke: "currentColor",
 				strokeWidth: 2,
@@ -494,80 +495,80 @@ function E(d, p) {
 				strokeLinejoin: "round"
 			})
 		})
-	}), He = E === void 0 ? null : U.map((e) => /* @__PURE__ */ y(t, {
+	}), Ue = D === void 0 ? null : W.map((e) => /* @__PURE__ */ b(n, {
 		tag: "input",
 		props: {
 			type: "hidden",
-			name: E,
+			name: D,
 			value: String(Y(e))
 		}
-	}, Y(e))), Ue = Re && /* @__PURE__ */ y(f, {
-		present: W,
-		children: (e) => /* @__PURE__ */ y(ne, {
+	}, Y(e))), We = ze && /* @__PURE__ */ b(p, {
+		present: G,
+		children: (e) => /* @__PURE__ */ b(re, {
 			presence: e,
 			rows: Z,
 			def: w,
 			display: w.display,
-			selection: U,
-			multiple: F,
+			selection: W,
+			multiple: I,
 			activeIndex: $,
-			optionId: ve,
-			rowRef: (e) => Oe.itemProps(e).ref,
+			optionId: _e,
+			rowRef: (e) => ke.itemProps(e).ref,
 			onSelect: Q,
-			anchorRef: V,
-			popupRef: ye,
+			anchorRef: U,
+			popupRef: ve,
 			listboxId: ge,
-			labelledBy: B ? _e : he,
-			loading: A,
+			labelledBy: H ? V : B,
+			loading: j,
 			loadingText: oe,
-			emptyText: j,
-			createLabel: N,
-			virtualize: ce,
+			emptyText: M,
+			createLabel: se,
+			virtualize: P,
 			variant: R.variant,
 			itemsProps: ie
 		})
-	}), We = /* @__PURE__ */ b(u, {
-		ref: V,
+	}), Ge = /* @__PURE__ */ x(d, {
+		ref: U,
 		component: "combobox",
 		ai: "center",
 		gap: 1,
 		flexWrap: "wrap",
 		...R,
-		props: { onPointerDown: Le },
+		props: { onPointerDown: Re },
 		children: [
-			He,
-			F && /* @__PURE__ */ y(C, {
-				selection: U,
+			Ue,
+			I && /* @__PURE__ */ b(ee, {
+				selection: W,
 				def: w,
 				display: w.display,
-				removeLabel: se,
-				onRemove: Ne,
-				disabled: D,
+				removeLabel: ce,
+				onRemove: Pe,
+				disabled: O,
 				variant: R.variant
 			}),
-			Be,
-			Ve
+			Ve,
+			He
 		]
 	});
-	return B ? /* @__PURE__ */ b(u, {
+	return H ? /* @__PURE__ */ x(d, {
 		d: "column",
 		gap: 1,
 		width: "fit-content",
 		children: [
-			/* @__PURE__ */ y(t, {
+			/* @__PURE__ */ b(n, {
 				tag: "label",
 				component: "combobox.label",
-				id: _e,
-				...ee,
-				props: { htmlFor: he },
+				id: V,
+				...te,
+				props: { htmlFor: B },
 				children: T
 			}),
-			We,
-			Ue
+			Ge,
+			We
 		]
-	}) : /* @__PURE__ */ b(v, { children: [We, Ue] });
+	}) : /* @__PURE__ */ x(y, { children: [Ge, We] });
 }
-var D = p(E);
-D.displayName = "Combobox";
+var O = m(D);
+O.displayName = "Combobox";
 //#endregion
-export { S as ComboboxUtils, D as default };
+export { C as ComboboxUtils, O as default };