@box-kite/react 2.2.7 → 2.2.8

package/components/calendar.mjs

@@ -1,15 +1,16 @@
 "use client";
-import { d as e } from "../platform.mjs";
+import { p as e } from "../platform.mjs";
 import t from "../box.mjs";
 import { a as n, i as r } from "../behavior.mjs";
 import { t as i } from "../identity.mjs";
 import { C as a, G as o, Q as s, S as c, U as l, V as ee, W as u, Z as te, f as d, q as f, t as p, w as m, x as ne } from "../dates.mjs";
 import { N as re, x as ie } from "../date-math.mjs";
-import { Path as ae, Svg as oe } from "./svg.mjs";
-import { n as se } from "../date-environment.mjs";
-import ce from "./visuallyHidden.mjs";
-import { useEffect as le, useMemo as ue, useRef as de, useState as h } from "react";
-import { Fragment as fe, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { a as ae, i as oe } from "../reporting.mjs";
+import { Path as se, Svg as ce } from "./svg.mjs";
+import { n as le } from "../date-environment.mjs";
+import ue from "./visuallyHidden.mjs";
+import { useEffect as de, useMemo as fe, useRef as pe, useState as h } from "react";
+import { Fragment as me, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/utils/date/calendarModel.ts
 function v(e) {
 	let t = d(e);
@@ -21,7 +22,7 @@ function y(e) {
 		...ee
 	});
 }
-function pe(e, t, n) {
+function he(e, t, n) {
 	let r = {
 		year: e,
 		month: t,
@@ -42,7 +43,7 @@ function pe(e, t, n) {
 		};
 	});
 }
-function me(e, t, n, r) {
+function ge(e, t, n, r) {
 	let i = r.rtl ? "ArrowLeft" : "ArrowRight", a = r.rtl ? "ArrowRight" : "ArrowLeft";
 	switch (t) {
 		case i: return l(e, 1);
@@ -56,7 +57,7 @@ function me(e, t, n, r) {
 		default: return null;
 	}
 }
-function he(e, t) {
+function _e(e, t) {
 	return t.min != null && f(e) < f(t.min) || t.max != null && f(e) > f(t.max);
 }
 function b(e, t) {
@@ -65,12 +66,12 @@ function b(e, t) {
 function x(e, t) {
 	return f(e) <= f(t) ? [e, t] : [t, e];
 }
-function ge(e, t, n) {
+function ve(e, t, n) {
 	if (!t || !n) return t && f(e) === f(t) ? "start" : null;
 	let [r, i] = x(t, n), a = f(e);
 	return a === f(r) ? "start" : a === f(i) ? "end" : a > f(r) && a < f(i) ? "middle" : null;
 }
-function _e(e, t, n) {
+function ye(e, t, n) {
 	let [r, i] = x(e, t);
 	for (let e = f(r); e <= f(i); e++) if (n(y(l({
 		year: 1970,
@@ -81,87 +82,96 @@ function _e(e, t, n) {
 }
 //#endregion
 //#region src/components/calendar.tsx
-var S = "data-date", C = 12;
-function w(e, t) {
+var be = "data-date", S = 12;
+function C(e, t) {
 	return e !== null && t !== null && f(e) === f(t);
 }
-function T(o) {
-	let { mode: s = "single", value: l, defaultValue: ee = null, onValueChange: te, min: d, max: f, isDateUnavailable: m, locale: ae, zone: oe, firstDayOfWeek: T, months: D = 1, weekNumbers: k = !1, showOutsideDays: be = !0, focusedDate: xe, defaultFocusedDate: Se, onFocusedDateChange: Ce, disabled: A = !1, readOnly: we = !1, autoFocus: Te = !1, label: j, previousLabel: Ee = "Previous", nextLabel: De = "Next", props: Oe, ...ke } = o, M = se({
-		locale: ae,
-		zone: oe
-	}), { locale: N } = M, P = v(re(M.zone)), F = T ?? c(N).firstDay, I = (e) => ve(N).format(e), L = s === "range", R = ue(() => ({
+function xe(o) {
+	let { mode: s = "single", value: l, defaultValue: ee = null, onValueChange: te, min: d, max: f, isDateUnavailable: m, locale: se, zone: ce, firstDayOfWeek: xe, months: T = 1, weekNumbers: D = !1, showOutsideDays: we = !0, focusedDate: Te, defaultFocusedDate: Ee, onFocusedDateChange: De, disabled: O = !1, readOnly: Oe = !1, autoFocus: ke = !1, label: Ae, previousLabel: je = "Previous", nextLabel: Me = "Next", props: Ne, ...Pe } = o, k = le({
+		locale: se,
+		zone: ce
+	}), { locale: A } = k, j = v(re(k.zone)), M = xe ?? c(A).firstDay, N = (e) => Se(A).format(e), P = s === "range", F = fe(() => ({
 		min: v(d),
 		max: v(f)
-	}), [d, f]), [z, Ae] = r({
+	}), [d, f]), [I, Fe] = ae({
 		value: l,
 		defaultValue: ee,
 		onChange: (e, t) => {
-			te?.(e, L ? t : {
+			te?.(e, P ? t : {
 				...t,
-				...ie(e, M.zone)
+				...ie(e, k.zone)
 			});
+		},
+		interaction: {
+			component: "calendar",
+			type: "valueChange",
+			content: ["value"]
 		}
-	}), je = L ? null : v(z), B = L && z ? z : null, [V, H] = h(null), [Me, U] = h(null), Ne = y(b(v(Se) ?? je ?? v(B?.start) ?? P, R)), [Pe, W] = r({
-		value: xe,
-		defaultValue: Ne,
-		onChange: Ce
-	}), G = v(Pe) ?? P, [K, Fe] = h("day"), [q, Ie] = h(() => E(G)), J = q;
-	(E(G) < q || E(G) > q + D - 1) && (J = E(G) < q ? E(G) : E(G) - D + 1, Ie(J));
-	let Le = de(null), Y = de(Te), Re = i("calendar");
-	le(() => {
-		Y.current && (Y.current = !1, Le.current?.querySelector(`[${S}="${Pe}"]`)?.focus());
+	}), Ie = P ? null : v(I), L = P && I ? I : null, [R, z] = h(null), [Le, B] = h(null), Re = y(b(v(Ee) ?? Ie ?? v(L?.start) ?? j, F)), [ze, V] = r({
+		value: Te,
+		defaultValue: Re,
+		onChange: De
+	}), H = v(ze) ?? j, [U, Be] = h("day"), W = oe("calendar"), [G, Ve] = h(() => w(H)), K = G;
+	(w(H) < G || w(H) > G + T - 1) && (K = w(H) < G ? w(H) : w(H) - T + 1, Ve(K));
+	let He = pe(null), q = pe(ke), Ue = i("calendar");
+	de(() => {
+		q.current && (q.current = !1, He.current?.querySelector(`[${be}="${ze}"]`)?.focus());
 	});
-	let ze = (e) => he(e, R), Be = (e) => m?.(y(e)) ?? !1, X = (e, t, n) => {
-		Y.current = n, W(y(b(e, R)), { reason: t });
-	}, Ve = (e, t) => {
-		if (A || we || ze(e) || Be(e)) return;
-		if (X(e, "keyboard", !1), !L) {
-			Ae(y(e), {
+	let We = (e) => _e(e, F), Ge = (e) => m?.(y(e)) ?? !1, J = (e, t, n) => {
+		q.current = n, V(y(b(e, F)), { reason: t });
+	}, Ke = (e, t) => {
+		if (O || Oe || We(e) || Ge(e)) return;
+		if (J(e, "select", !1), !P) {
+			Fe(y(e), {
 				reason: "select",
 				event: t
 			});
 			return;
 		}
-		if (!V) {
-			H(e), U(e);
+		if (!R) {
+			z(e), B(e);
 			return;
 		}
-		let [n, r] = x(V, e);
-		H(null), U(null), !(m && _e(n, r, m)) && Ae({
+		let [n, r] = x(R, e);
+		z(null), B(null), !(m && ye(n, r, m)) && Fe({
 			start: y(n),
 			end: y(r)
 		}, {
 			reason: "select",
 			event: t
 		});
-	}, He = n((t) => {
-		if (A) return;
+	}, qe = n((t) => {
+		if (O) return;
 		if (t.key === "Enter" || t.key === " ") {
-			t.preventDefault(), Ve(G, t);
+			t.preventDefault(), Ke(H, t);
 			return;
 		}
-		if (t.key === "Escape" && V) {
-			t.preventDefault(), t.stopPropagation(), H(null), U(null);
+		if (t.key === "Escape" && R) {
+			t.preventDefault(), t.stopPropagation(), z(null), B(null);
 			return;
 		}
-		let n = me(G, t.key, t.shiftKey, {
+		let n = ge(H, t.key, t.shiftKey, {
 			rtl: e(t.currentTarget),
-			firstDay: F
+			firstDay: M
+		});
+		n && (t.preventDefault(), J(n, "keyboard", !0), R && B(b(n, F)));
+	}), Je = (e) => {
+		let t = u(H, e * (U === "day" ? T : U === "month" ? 12 : 144));
+		U === "day" && Ve(K + e * T), J(t, "navigate", !1), W("pageChange", y(t), {
+			reason: e === 1 ? "next" : "previous",
+			content: ["value"]
 		});
-		n && (t.preventDefault(), X(n, "keyboard", !0), V && U(b(n, R)));
-	}), Ue = (e) => {
-		K === "day" ? (Ie(J + e * D), X(u(G, e * D), "navigate", !1)) : X(u(G, e * (K === "month" ? 12 : 144)), "navigate", !1);
-	}, Z = Array.from({ length: D }, (e, t) => ({
-		year: Math.floor((J + t) / 12),
-		month: (J + t) % 12 + 1,
+	}, Y = Array.from({ length: T }, (e, t) => ({
+		year: Math.floor((K + t) / 12),
+		month: (K + t) % 12 + 1,
 		day: 1
-	})), Q = `${Re}-title`, We = K === "day" && D > 1, Ge = K === "day" ? Z.map((e) => p(y(e), {
-		locale: N,
+	})), X = `${Ue}-title`, Ye = U === "day" && T > 1, Xe = U === "day" ? Y.map((e) => p(y(e), {
+		locale: A,
 		month: "long",
 		year: "numeric"
-	})).join(" – ") : K === "month" ? I(G.year) : `${I(O(G.year))} – ${I(O(G.year) + C - 1)}`, Ke = a(N, "short"), qe = Ke.some((e) => e.length > 4) ? a(N, "narrow") : Ke, Je = a(N, "long"), Ye = Array.from({ length: 7 }, (e, t) => (F + t) % 7), Xe = V ? Me ?? V : null, Ze = V ?? v(B?.start), $ = V ? Xe : v(B?.end), Qe = (e) => {
-		let n = v(e.date), r = ze(n), i = Be(n), a = L ? ge(n, Ze, $) : null, o = L ? a !== null : w(n, je), s = w(n, P), c = w(n, G);
-		return e.outside && (!be || D > 1) ? /* @__PURE__ */ g(t, {
+	})).join(" – ") : U === "month" ? N(H.year) : `${N(E(H.year))} – ${N(E(H.year) + S - 1)}`, Z = a(A, "short"), Ze = Z.some((e) => e.length > 4) ? a(A, "narrow") : Z, Qe = a(A, "long"), $e = Array.from({ length: 7 }, (e, t) => (M + t) % 7), et = R ? Le ?? R : null, Q = R ?? v(L?.start), $ = R ? et : v(L?.end), tt = (e) => {
+		let n = v(e.date), r = We(n), i = Ge(n), a = P ? ve(n, Q, $) : null, o = P ? a !== null : C(n, Ie), s = C(n, j), c = C(n, H);
+		return e.outside && (!we || T > 1) ? /* @__PURE__ */ g(t, {
 			tag: "td",
 			component: "calendar.cell",
 			display: "table-cell",
@@ -173,14 +183,14 @@ function T(o) {
 			p: 0,
 			py: .5,
 			variant: {
-				rangeStart: a === "start" && $ !== null && !w(Ze, $),
+				rangeStart: a === "start" && $ !== null && !C(Q, $),
 				rangeEnd: a === "end",
 				rangeMiddle: a === "middle"
 			},
 			props: {
 				role: "gridcell",
 				"aria-selected": o || void 0,
-				"aria-disabled": r || A || void 0,
+				"aria-disabled": r || O || void 0,
 				"aria-current": s ? "date" : void 0
 			},
 			children: /* @__PURE__ */ g(t, {
@@ -198,23 +208,23 @@ function T(o) {
 					today: s,
 					selected: o && a !== "middle",
 					outside: e.outside,
-					blocked: r || A,
+					blocked: r || O,
 					unavailable: i
 				},
 				props: {
-					[S]: e.date,
-					tabIndex: c && !r && !A ? 0 : -1,
+					[be]: e.date,
+					tabIndex: c && !r && !O ? 0 : -1,
 					"aria-label": p(e.date, {
-						locale: N,
+						locale: A,
 						dateStyle: "full"
 					}),
-					onClick: (e) => Ve(n, e),
-					onPointerEnter: () => V && U(n)
+					onClick: (e) => Ke(n, e),
+					onPointerEnter: () => R && B(n)
 				},
-				children: I(e.day)
+				children: N(e.day)
 			})
 		}, e.date);
-	}, $e = (t, n, r, i, a, o) => {
+	}, nt = (t, n, r, i, a, o) => {
 		let s = e(t.currentTarget), c = {
 			ArrowUp: -r,
 			ArrowDown: r,
@@ -222,34 +232,34 @@ function T(o) {
 			[s ? "ArrowLeft" : "ArrowRight"]: 1
 		};
 		t.key === "Enter" || t.key === " " ? (t.preventDefault(), i(o)) : t.key in c && (t.preventDefault(), a(Math.max(0, Math.min(n - 1, o + c[t.key])), t.currentTarget.parentElement));
-	}, et = () => {
-		let e = ne(N, "short"), n = O(G.year), r = K === "month" ? e.map((e, t) => ({
+	}, rt = () => {
+		let e = ne(A, "short"), n = E(H.year), r = U === "month" ? e.map((e, t) => ({
 			label: e,
-			active: t + 1 === G.month,
-			current: P.year === G.year && P.month === t + 1
-		})) : Array.from({ length: C }, (e, t) => ({
-			label: I(n + t),
-			active: n + t === G.year,
-			current: P.year === n + t
-		})), i = (e) => K === "month" ? {
-			...G,
+			active: t + 1 === H.month,
+			current: j.year === H.year && j.month === t + 1
+		})) : Array.from({ length: S }, (e, t) => ({
+			label: N(n + t),
+			active: n + t === H.year,
+			current: j.year === n + t
+		})), i = (e) => U === "month" ? {
+			...H,
 			month: e + 1,
 			day: 1
 		} : {
-			...G,
+			...H,
 			year: n + e,
 			day: 1
 		}, a = (e) => {
 			let t = i(e);
-			Y.current = !0, W(y(b({
+			q.current = !0, V(y(b({
 				...t,
-				day: Math.min(G.day, 28)
-			}, R)), { reason: "navigate" }), Fe(K === "year" ? "month" : "day");
+				day: Math.min(H.day, 28)
+			}, F)), { reason: "navigate" }), Be(U === "year" ? "month" : "day"), W("viewChange", U === "year" ? "month" : "day", { reason: "zoom-in" });
 		}, o = (e, t) => {
 			let n = i(e);
-			W(y({
+			V(y({
 				...n,
-				day: Math.min(G.day, 28)
+				day: Math.min(H.day, 28)
 			}), { reason: "keyboard" }), t?.querySelector(`[data-zoom="${e}"]`)?.focus();
 		};
 		return /* @__PURE__ */ g(t, {
@@ -258,7 +268,7 @@ function T(o) {
 			gap: 1,
 			props: {
 				role: "group",
-				"aria-labelledby": Q
+				"aria-labelledby": X
 			},
 			children: r.map((e, n) => /* @__PURE__ */ g(t, {
 				tag: "button",
@@ -269,21 +279,21 @@ function T(o) {
 				},
 				py: 2,
 				borderRadius: 2,
-				disabled: A,
+				disabled: O,
 				props: {
 					type: "button",
 					"data-zoom": n,
 					tabIndex: e.active ? 0 : -1,
 					"aria-pressed": e.active,
 					onClick: () => a(n),
-					onKeyDown: (e) => $e(e, r.length, 3, a, o, n)
+					onKeyDown: (e) => nt(e, r.length, 3, a, o, n)
 				},
 				children: e.label
 			}, e.label))
 		});
-	}, tt = (e, n) => {
-		let r = pe(e.year, e.month, F), i = p(y(e), {
-			locale: N,
+	}, it = (e, n) => {
+		let r = he(e.year, e.month, M), i = p(y(e), {
+			locale: A,
 			month: "long",
 			year: "numeric"
 		});
@@ -295,10 +305,10 @@ function T(o) {
 			},
 			props: {
 				role: "grid",
-				"aria-label": D > 1 ? i : void 0,
-				"aria-labelledby": D > 1 ? void 0 : Q,
-				"aria-readonly": we || void 0,
-				onKeyDown: He
+				"aria-label": T > 1 ? i : void 0,
+				"aria-labelledby": T > 1 ? void 0 : X,
+				"aria-readonly": Oe || void 0,
+				onKeyDown: qe
 			},
 			children: [/* @__PURE__ */ g(t, {
 				tag: "thead",
@@ -306,12 +316,12 @@ function T(o) {
 				children: /* @__PURE__ */ _(t, {
 					tag: "tr",
 					display: "table-row",
-					children: [k && /* @__PURE__ */ g(t, {
+					children: [D && /* @__PURE__ */ g(t, {
 						tag: "th",
 						display: "table-cell",
 						component: "calendar.weekday",
 						props: { "aria-hidden": !0 }
-					}), Ye.map((e) => /* @__PURE__ */ g(t, {
+					}), $e.map((e) => /* @__PURE__ */ g(t, {
 						tag: "th",
 						display: "table-cell",
 						component: "calendar.weekday",
@@ -319,9 +329,9 @@ function T(o) {
 						fontSize: 12,
 						props: {
 							scope: "col",
-							abbr: Je[e]
+							abbr: Qe[e]
 						},
-						children: qe[e]
+						children: Ze[e]
 					}, e))]
 				})
 			}), /* @__PURE__ */ g(t, {
@@ -330,30 +340,30 @@ function T(o) {
 				children: r.map((e) => /* @__PURE__ */ _(t, {
 					tag: "tr",
 					display: "table-row",
-					children: [k && /* @__PURE__ */ g(t, {
+					children: [D && /* @__PURE__ */ g(t, {
 						tag: "td",
 						display: "table-cell",
 						component: "calendar.weekNumber",
 						fontSize: 11,
 						textAlign: "center",
 						props: { role: "rowheader" },
-						children: I(e.week)
-					}), e.days.map(Qe)]
+						children: N(e.week)
+					}), e.days.map(tt)]
 				}, e.days[0].date))
 			})]
 		}, n);
 	};
 	return /* @__PURE__ */ _(t, {
-		ref: Le,
+		ref: He,
 		component: "calendar",
 		display: "inline-block",
-		...ke,
-		variant: [ke.variant, { disabled: A }],
+		...Pe,
+		variant: [Pe.variant, { disabled: O }],
 		props: {
-			role: j ? "group" : void 0,
-			"aria-label": j,
-			...Oe,
-			onPointerLeave: () => V && U(V)
+			role: Ae ? "group" : void 0,
+			"aria-label": Ae,
+			...Ne,
+			onPointerLeave: () => R && B(R)
 		},
 		children: [/* @__PURE__ */ _(t, {
 			position: "relative",
@@ -372,18 +382,18 @@ function T(o) {
 					width: 8,
 					height: 8,
 					borderRadius: 2,
-					disabled: A,
+					disabled: O,
 					props: {
 						type: "button",
-						"aria-label": Ee,
-						onClick: () => Ue(-1)
+						"aria-label": je,
+						onClick: () => Je(-1)
 					},
-					children: /* @__PURE__ */ g(ye, { direction: -1 })
+					children: /* @__PURE__ */ g(Ce, { direction: -1 })
 				}),
-				We ? /* @__PURE__ */ _(fe, { children: [/* @__PURE__ */ g(t, {
+				Ye ? /* @__PURE__ */ _(me, { children: [/* @__PURE__ */ g(t, {
 					display: "flex",
 					gap: 4,
-					children: Z.map((e) => /* @__PURE__ */ g(t, {
+					children: Y.map((e) => /* @__PURE__ */ g(t, {
 						flex1: !0,
 						textAlign: "center",
 						py: 1.5,
@@ -391,15 +401,15 @@ function T(o) {
 						fontWeight: 600,
 						props: { "aria-hidden": !0 },
 						children: p(y(e), {
-							locale: N,
+							locale: A,
 							month: "long",
 							year: "numeric"
 						})
 					}, y(e)))
-				}), /* @__PURE__ */ g(ce, {
-					id: Q,
+				}), /* @__PURE__ */ g(ue, {
+					id: X,
 					props: { "aria-live": "polite" },
-					children: Ge
+					children: Xe
 				})] }) : /* @__PURE__ */ g(t, {
 					display: "flex",
 					jc: "center",
@@ -411,14 +421,16 @@ function T(o) {
 						px: 3,
 						borderRadius: 2,
 						fontSize: 14,
-						id: Q,
-						disabled: A || K === "year",
+						id: X,
+						disabled: O || U === "year",
 						props: {
 							type: "button",
 							"aria-live": "polite",
-							onClick: () => Fe(K === "day" ? "month" : "year")
+							onClick: () => {
+								Be(U === "day" ? "month" : "year"), W("viewChange", U === "day" ? "month" : "year", { reason: "zoom-out" });
+							}
 						},
-						children: Ge
+						children: Xe
 					})
 				}),
 				/* @__PURE__ */ g(t, {
@@ -433,42 +445,42 @@ function T(o) {
 					width: 8,
 					height: 8,
 					borderRadius: 2,
-					disabled: A,
+					disabled: O,
 					props: {
 						type: "button",
-						"aria-label": De,
-						onClick: () => Ue(1)
+						"aria-label": Me,
+						onClick: () => Je(1)
 					},
-					children: /* @__PURE__ */ g(ye, { direction: 1 })
+					children: /* @__PURE__ */ g(Ce, { direction: 1 })
 				})
 			]
-		}), K === "day" ? /* @__PURE__ */ g(t, {
+		}), U === "day" ? /* @__PURE__ */ g(t, {
 			display: "flex",
 			gap: 4,
 			ai: "start",
-			children: Z.map(tt)
-		}) : et()]
+			children: Y.map(it)
+		}) : rt()]
 	});
 }
-function E(e) {
+function w(e) {
 	return e.year * 12 + e.month - 1;
 }
-var D = /* @__PURE__ */ new Map();
-function ve(e) {
-	let t = D.get(e);
-	return t || (t = new Intl.NumberFormat(e, { useGrouping: !1 }), D.set(e, t)), t;
+var T = /* @__PURE__ */ new Map();
+function Se(e) {
+	let t = T.get(e);
+	return t || (t = new Intl.NumberFormat(e, { useGrouping: !1 }), T.set(e, t)), t;
 }
-function O(e) {
-	return e - (e % C + C) % C;
+function E(e) {
+	return e - (e % S + S) % S;
 }
-function ye({ direction: e }) {
-	return /* @__PURE__ */ g(oe, {
+function Ce({ direction: e }) {
+	return /* @__PURE__ */ g(ce, {
 		viewBox: "0 0 16 16",
 		width: "1rem",
 		height: "1rem",
 		rtl: { flip: "xAxis" },
 		props: { fill: "none" },
-		children: /* @__PURE__ */ g(ae, {
+		children: /* @__PURE__ */ g(se, {
 			d: e === 1 ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5",
 			stroke: "currentColor",
 			strokeWidth: 2,
@@ -477,7 +489,7 @@ function ye({ direction: e }) {
 		})
 	});
 }
-var k = T;
-k.displayName = "Calendar";
+var D = xe;
+D.displayName = "Calendar";
 //#endregion
-export { k as default };
+export { D as default };

package/components/combobox.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../effects.cjs"),t=require("../box.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("./svg.cjs"),a=require("./flex.cjs"),o=require("./overlay.cjs"),s=require("./presence.cjs");let c=require("react"),l=require("react/jsx-runtime");var u;(function(e){function t(e,t){return typeof e==`function`?e(t):t[e]}e.read=t;function n(e,n){let r=t(e.label,n);return r==null?``:String(r)}e.labelOf=n;function r(e,r){return e.key===void 0?n(e,r):t(e.key,r)}e.keyOf=r;function i(e,n){return e.disabled!==void 0&&t(e.disabled,n)===!0}e.isDisabled=i;let a=/\p{M}/gu;function o(e){return e.normalize(`NFD`).replace(a,``).toLowerCase()}e.normalize=o;function s(e,t){return o(e).includes(o(t))}e.matches=s;function c(e,t,n){return t===``?e:e.filter(e=>s(n(e),t))}e.filterRows=c;function l(e){return e==null?[]:Array.isArray(e)?e:[e]}e.toArray=l;function u(e,t,n){let r=n(t);return e.some(e=>n(e)===r)}e.isSelected=u;function d(e,t,n,r){return n?u(e,t,r)?e.filter(e=>r(e)!==r(t)):[...e,t]:[t]}e.toggle=d;function f(e){let{data:t,def:r,query:i,filter:a,typed:s,createRow:c}=e,l=e=>n(r,e),u=(!s||a===!1?t:a(t,i,l)).map(e=>({kind:`option`,row:e}));return c&&i!==``&&!t.some(e=>o(l(e))===o(i))&&c(i)!==null&&u.push({kind:`create`,query:i}),u}e.rowsFor=f;function p(e,t){return t.kind===`option`&&i(e,t.row)}e.isRowDisabled=p;function m(e,t,n,i=`first`){let a=e=>r(n,e),o=e.findIndex(e=>e.kind===`option`&&u(t,e.row,a));if(o!==-1&&!p(n,e[o]))return o;let s=e.map((e,t)=>p(n,e)?-1:t).filter(e=>e!==-1);return(i===`last`?s[s.length-1]:s[0])??-1}e.activeIndexFor=m})(u||={});var d=u;function f(e){let{selection:t,def:n,display:r,removeLabel:o,onRemove:s,disabled:c,variant:u}=e;return(0,l.jsx)(l.Fragment,{children:t.map(e=>{let t=d.labelOf(n,e);return(0,l.jsxs)(a.default,{component:`combobox.chip`,variant:u,ai:`center`,gap:1,children:[r?.(e)??t,!c&&(0,l.jsx)(a.default,{tag:`button`,component:`combobox.remove`,variant:u,ai:`center`,jc:`center`,props:{type:`button`,tabIndex:-1,"aria-label":o(t),onMouseDown:e=>e.preventDefault(),onClick:t=>{t.stopPropagation(),s(e,t)}},children:(0,l.jsx)(i.Svg,{viewBox:`0 0 24 24`,width:`0.625rem`,props:{fill:`none`},children:(0,l.jsx)(i.Path,{d:`M6 6 18 18M18 6 6 18`,stroke:`currentColor`,strokeWidth:3,strokeLinecap:`round`})})})]},d.keyOf(n,e))})})}var p;(function(e){let t=e.DEFAULT_OVERSCAN=4,n=e.DEFAULT_THRESHOLD=100;e.DEFAULT_ITEM_HEIGHT=36,e.DEFAULT_VIEW_HEIGHT=248;function r(e,t,n){return Math.min(Math.max(e,t),n)}function i(e,t,r=n){return t??e>r}e.shouldVirtualize=i;function a(e){let{count:n,itemHeight:i,viewHeight:a,scrollTop:o,overscan:s=t,activeIndex:c=-1}=e;if(n<=0||i<=0)return{startIndex:0,endIndex:Math.max(0,n),offsetY:0,totalHeight:0};let l=Math.max(1,Math.ceil(a/i)),u=Math.min(n,l+s*2),d=n-u,f=r(Math.floor(o/i)-s,0,d);return c>=0&&c<n&&(c<f?f=r(c-s,0,d):c>=f+u&&(f=r(c+1+s-u,0,d))),{startIndex:f,endIndex:f+u,offsetY:f*i,totalHeight:n*i}}e.windowFor=a})(p||={});var m=p;function h(t){let{count:r,scrollerRef:i,itemHeight:a,viewHeight:o,overscan:s,threshold:l,enabled:u,activeIndex:d}=t,[f,p]=(0,c.useState)({top:0,at:-1}),[h,g]=(0,c.useState)({itemHeight:0,viewHeight:0}),_=(0,c.useRef)(null),v=(0,c.useCallback)(e=>{_.current=e},[]),y=m.shouldVirtualize(r,u,l),b=n.a(()=>{let e=i.current,t=_.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;g(e=>e.itemHeight===o&&e.viewHeight===s?e:{itemHeight:o,viewHeight:s})});e.n(()=>{if(!y||(b(),typeof ResizeObserver>`u`))return;let e=i.current;if(!e)return;let t=new ResizeObserver(b);return t.observe(e),()=>t.disconnect()},[y,r,b,i]);let x=n.a(e=>{p({top:e.currentTarget.scrollTop,at:d??-1})}),S=m.windowFor({count:r,itemHeight:a??(h.itemHeight>0?h.itemHeight:m.DEFAULT_ITEM_HEIGHT),viewHeight:o??(h.viewHeight>0?h.viewHeight:m.DEFAULT_VIEW_HEIGHT),scrollTop:f.top,overscan:s,activeIndex:d===f.at?-1:d});return y?{...S,virtualized:y,contentRef:v,onScroll:x}:{startIndex:0,endIndex:r,offsetY:0,totalHeight:0,virtualized:y,contentRef:v,onScroll:x}}function g(e,t,n,r){return e?{role:`listbox`,"aria-labelledby":r,...t?{"aria-multiselectable":!0}:{},...n?{"aria-busy":!0}:{}}:{role:`status`}}function _(e){let{presence:n,rows:r,def:i,display:s,selection:u,multiple:f,activeIndex:p,optionId:m,rowRef:_,onSelect:v}=e,{anchorRef:y,popupRef:b,listboxId:x,labelledBy:S,loading:C,loadingText:ee,emptyText:w,createLabel:te,variant:T,itemsProps:ne}=e,{virtualize:E}=e,{present:D,ref:O,props:re}=n,k=e=>d.keyOf(i,e),[A,ie]=(0,c.useState)(!1),ae=(0,c.useCallback)(e=>ie(e===`top`),[]),j=(0,c.useRef)(null),oe=(0,c.useCallback)(e=>{j.current=e,O(e)},[O]),M=typeof E==`object`?E:{},{virtualized:N,startIndex:P,endIndex:se,offsetY:F,totalHeight:I,contentRef:L,onScroll:R}=h({count:r.length,scrollerRef:j,enabled:typeof E==`boolean`?E:void 0,activeIndex:p,...M}),z=N?r.slice(P,se):r,B=(e,t)=>{let n=N?P+t:t,o=e.kind===`option`&&d.isSelected(u,e.row,k),c=d.isRowDisabled(i,e);return(0,l.jsx)(a.default,{ref:_(n),component:`combobox.item`,variant:[T,{create:e.kind===`create`,highlighted:n===p}],selected:o,ai:`center`,gap:2,id:m(n),props:{role:`option`,...N?{"aria-setsize":r.length,"aria-posinset":n+1}:{},...c?{"aria-disabled":!0}:{},onMouseDown:e=>e.preventDefault(),onClick:e=>!c&&v(n,e)},children:e.kind===`create`?te(e.query):s?.(e.row)??d.labelOf(i,e.row)},e.kind===`option`?k(e.row):`create`)};return(0,l.jsx)(o.default,{ref:b,anchor:y,side:`bottom`,align:`start`,offset:.5,matchWidth:!0,onSideChange:ae,children:(0,l.jsxs)(t.default,{ref:oe,component:`combobox.items`,...ne,variant:[T,{closed:!D&&!A,closedUp:!D&&A}],id:x,props:{...g(r.length>0,f,C===!0,S),...re,...N?{onScroll:R}:{}},children:[N?(0,l.jsx)(t.default,{ref:L,component:`combobox.window`,variant:T,style:{height:I,paddingTop:F},children:z.map(B)}):z.map(B),r.length===0&&(0,l.jsx)(t.default,{component:`combobox.message`,variant:T,children:C?ee:w})]})})}var v=new Set([` `,`Home`,`End`,`ArrowLeft`,`ArrowRight`]);function y(o,u){let{data:p,def:m,label:h,labelProps:g,placeholder:y,name:b,disabled:x,props:S,itemsProps:C,hideIcon:ee,filter:w=d.filterRows,loading:te,loadingText:T=`Loading...`,emptyText:ne=`No results`,createRow:E,createLabel:D=e=>`Create "${e}"`,removeLabel:O=e=>`Remove ${e}`,virtualize:re,query:k,defaultQuery:A,onQueryChange:ie,open:ae,defaultOpen:j,onOpenChange:oe,multiple:M=!1,value:N,defaultValue:P,onValueChange:se,...F}=o,I=r.t(`combobox`),L=F.id??`${I}-field`,R=`${I}-listbox`,z=`${I}-label`,B=h!=null&&h!==!1,ce=(0,c.useCallback)(e=>`${I}-option-${e}`,[I]),V=(0,c.useRef)(null),le=(0,c.useRef)(null),H=(0,c.useRef)(null),ue=(0,c.useCallback)(e=>{H.current=e,typeof u==`function`?u(e):u&&(u.current=e)},[u]),de=n.a((e,t)=>{se?.(M?e:e[0]??null,t)}),fe=(0,c.useMemo)(()=>N===void 0?void 0:d.toArray(N),[N]),[U,pe]=n.i({value:fe,defaultValue:()=>d.toArray(P),onChange:de}),[W,G]=n.i({value:ae,defaultValue:j??!1,onChange:oe}),[me,K]=n.i({value:k,defaultValue:A??``,onChange:ie}),[q,J]=(0,c.useState)(!1),Y=(0,c.useCallback)(e=>d.keyOf(m,e),[m]),he=M||U[0]===void 0?``:d.labelOf(m,U[0]),X=q||me!==``?me:he,Z=(0,c.useMemo)(()=>d.rowsFor({data:p,def:m,query:X,filter:w,typed:q,createRow:E}),[p,m,X,w,q,E]),ge=(0,c.useCallback)(e=>Z[e]?d.isRowDisabled(m,Z[e]):!1,[Z,m]),_e=n.a((e,t)=>{G(!1,{reason:e,event:t}),e!==`escape`&&(J(!1),K(``,{reason:`close`,event:t}))}),Q=n.a((e,t)=>{let n=Z[e];if(!n||ge(e))return;let r=n.kind===`create`?E?.(n.query):n.row;if(r==null)return;let i=d.isSelected(U,r,Y),a=n.kind===`create`?`create`:i&&M?`deselect`:`select`;pe(d.toggle(U,r,M,Y),{reason:a,event:t}),J(!1),K(``,{reason:`select`,event:t}),M||G(!1,{reason:`select`,event:t})}),ve=n.t({count:Z.length,focusItems:!1,defaultActiveIndex:-1,isDisabled:ge,onSelect:Q}),{activeIndex:$,setActiveIndex:ye,activeItem:be}=ve;n.r({enabled:W,inside:[V,le],onDismiss:(e,t)=>_e(e===`escape`?`escape`:`outside-pointer`,t)}),e.n(()=>{!W||$===-1||be()?.scrollIntoView?.({block:`nearest`})},[W,$,be]);let xe=(e,t,n)=>{G(!0,{reason:n,event:t});let r=e===`none`?-1:d.activeIndexFor(Z,U,m,e);ye(r,{reason:`programmatic`,event:t})},Se=n.a(e=>{J(!0),K(e.target.value,{reason:`input`,event:e}),W||G(!0,{reason:`input`,event:e}),ye(-1,{reason:`programmatic`,event:e})}),Ce=n.a((e,t)=>{pe(U.filter(t=>Y(t)!==Y(e)),{reason:`remove`,event:t})}),we=e=>{let{key:t}=e;if(t===`ArrowDown`||t===`ArrowUp`){e.preventDefault(),xe(t===`ArrowUp`?`last`:e.altKey?`none`:`first`,e,`trigger`);return}t===`Escape`&&X!==``&&(J(!0),K(``,{reason:`clear`,event:e}))},Te=n.a(e=>{if(S?.onKeyDown?.(e),!(e.defaultPrevented||x)){if(e.key===`Backspace`&&M&&X===``&&U.length>0){Ce(U[U.length-1],e);return}if(!W){we(e);return}if(e.key===`Tab`){$!==-1&&Q($,e),_e(`tab`,e);return}if(e.altKey&&e.key===`ArrowUp`){e.preventDefault(),$===-1?_e(`trigger`,e):Q($,e);return}if(v.has(e.key)){ye(-1,{reason:`programmatic`,event:e});return}ve.onKeyDown(e)}}),Ee=n.a(e=>{!x&&!W&&xe(`first`,e,`trigger`)}),De=n.a(e=>{x||e.target===H.current||(e.preventDefault(),H.current?.focus(),W||xe(`first`,e,`trigger`))}),Oe=Z.length>0||te===!0||ne!==null,ke=W&&$!==-1&&Z.length>0?ce($):void 0,Ae=(0,l.jsx)(t.default,{tag:`input`,component:`combobox.field`,ref:ue,id:L,disabled:x,props:{...S,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":W,"aria-controls":W&&Oe?R:void 0,"aria-activedescendant":ke,"aria-labelledby":B?z:S?.[`aria-labelledby`],autoComplete:`off`,spellCheck:!1,type:`text`,value:X,placeholder:y,onChange:Se,onKeyDown:Te,onClick:Ee}}),je=!ee&&(0,l.jsx)(a.default,{component:`combobox.icon`,rotate:W?180:0,props:{"aria-hidden":!0},children:(0,l.jsx)(i.Svg,{viewBox:`0 0 10 6`,width:`0.6rem`,props:{fill:`none`},children:(0,l.jsx)(i.Path,{d:`m1 1 4 4 4-4`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})})}),Me=b===void 0?null:U.map(e=>(0,l.jsx)(t.default,{tag:`input`,props:{type:`hidden`,name:b,value:String(Y(e))}},Y(e))),Ne=Oe&&(0,l.jsx)(s.default,{present:W,children:e=>(0,l.jsx)(_,{presence:e,rows:Z,def:m,display:m.display,selection:U,multiple:M,activeIndex:$,optionId:ce,rowRef:e=>ve.itemProps(e).ref,onSelect:Q,anchorRef:V,popupRef:le,listboxId:R,labelledBy:B?z:L,loading:te,loadingText:T,emptyText:ne,createLabel:D,virtualize:re,variant:F.variant,itemsProps:C})}),Pe=(0,l.jsxs)(a.default,{ref:V,component:`combobox`,ai:`center`,gap:1,flexWrap:`wrap`,...F,props:{onPointerDown:De},children:[Me,M&&(0,l.jsx)(f,{selection:U,def:m,display:m.display,removeLabel:O,onRemove:Ce,disabled:x,variant:F.variant}),Ae,je]});return B?(0,l.jsxs)(a.default,{d:`column`,gap:1,width:`fit-content`,children:[(0,l.jsx)(t.default,{tag:`label`,component:`combobox.label`,id:z,...g,props:{htmlFor:L},children:h}),Pe,Ne]}):(0,l.jsxs)(l.Fragment,{children:[Pe,Ne]})}var b=(0,c.forwardRef)(y);b.displayName=`Combobox`,exports.ComboboxUtils=d,exports.default=b;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../effects.cjs"),t=require("../box.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("../reporting.cjs"),a=require("./svg.cjs"),o=require("./flex.cjs"),s=require("./overlay.cjs"),c=require("./presence.cjs");let l=require("react"),u=require("react/jsx-runtime");var d;(function(e){function t(e,t){return typeof e==`function`?e(t):t[e]}e.read=t;function n(e,n){let r=t(e.label,n);return r==null?``:String(r)}e.labelOf=n;function r(e,r){return e.key===void 0?n(e,r):t(e.key,r)}e.keyOf=r;function i(e,n){return e.disabled!==void 0&&t(e.disabled,n)===!0}e.isDisabled=i;let a=/\p{M}/gu;function o(e){return e.normalize(`NFD`).replace(a,``).toLowerCase()}e.normalize=o;function s(e,t){return o(e).includes(o(t))}e.matches=s;function c(e,t,n){return t===``?e:e.filter(e=>s(n(e),t))}e.filterRows=c;function l(e){return e==null?[]:Array.isArray(e)?e:[e]}e.toArray=l;function u(e,t,n){let r=n(t);return e.some(e=>n(e)===r)}e.isSelected=u;function d(e,t,n,r){return n?u(e,t,r)?e.filter(e=>r(e)!==r(t)):[...e,t]:[t]}e.toggle=d;function f(e){let{data:t,def:r,query:i,filter:a,typed:s,createRow:c}=e,l=e=>n(r,e),u=(!s||a===!1?t:a(t,i,l)).map(e=>({kind:`option`,row:e}));return c&&i!==``&&!t.some(e=>o(l(e))===o(i))&&c(i)!==null&&u.push({kind:`create`,query:i}),u}e.rowsFor=f;function p(e,t){return t.kind===`option`&&i(e,t.row)}e.isRowDisabled=p;function m(e,t,n,i=`first`){let a=e=>r(n,e),o=e.findIndex(e=>e.kind===`option`&&u(t,e.row,a));if(o!==-1&&!p(n,e[o]))return o;let s=e.map((e,t)=>p(n,e)?-1:t).filter(e=>e!==-1);return(i===`last`?s[s.length-1]:s[0])??-1}e.activeIndexFor=m})(d||={});var f=d;function p(e){let{selection:t,def:n,display:r,removeLabel:i,onRemove:s,disabled:c,variant:l}=e;return(0,u.jsx)(u.Fragment,{children:t.map(e=>{let t=f.labelOf(n,e);return(0,u.jsxs)(o.default,{component:`combobox.chip`,variant:l,ai:`center`,gap:1,children:[r?.(e)??t,!c&&(0,u.jsx)(o.default,{tag:`button`,component:`combobox.remove`,variant:l,ai:`center`,jc:`center`,props:{type:`button`,tabIndex:-1,"aria-label":i(t),onMouseDown:e=>e.preventDefault(),onClick:t=>{t.stopPropagation(),s(e,t)}},children:(0,u.jsx)(a.Svg,{viewBox:`0 0 24 24`,width:`0.625rem`,props:{fill:`none`},children:(0,u.jsx)(a.Path,{d:`M6 6 18 18M18 6 6 18`,stroke:`currentColor`,strokeWidth:3,strokeLinecap:`round`})})})]},f.keyOf(n,e))})})}var m;(function(e){let t=e.DEFAULT_OVERSCAN=4,n=e.DEFAULT_THRESHOLD=100;e.DEFAULT_ITEM_HEIGHT=36,e.DEFAULT_VIEW_HEIGHT=248;function r(e,t,n){return Math.min(Math.max(e,t),n)}function i(e,t,r=n){return t??e>r}e.shouldVirtualize=i;function a(e){let{count:n,itemHeight:i,viewHeight:a,scrollTop:o,overscan:s=t,activeIndex:c=-1}=e;if(n<=0||i<=0)return{startIndex:0,endIndex:Math.max(0,n),offsetY:0,totalHeight:0};let l=Math.max(1,Math.ceil(a/i)),u=Math.min(n,l+s*2),d=n-u,f=r(Math.floor(o/i)-s,0,d);return c>=0&&c<n&&(c<f?f=r(c-s,0,d):c>=f+u&&(f=r(c+1+s-u,0,d))),{startIndex:f,endIndex:f+u,offsetY:f*i,totalHeight:n*i}}e.windowFor=a})(m||={});var h=m;function g(t){let{count:r,scrollerRef:i,itemHeight:a,viewHeight:o,overscan:s,threshold:c,enabled:u,activeIndex:d}=t,[f,p]=(0,l.useState)({top:0,at:-1}),[m,g]=(0,l.useState)({itemHeight:0,viewHeight:0}),_=(0,l.useRef)(null),v=(0,l.useCallback)(e=>{_.current=e},[]),y=h.shouldVirtualize(r,u,c),b=n.a(()=>{let e=i.current,t=_.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;g(e=>e.itemHeight===o&&e.viewHeight===s?e:{itemHeight:o,viewHeight:s})});e.n(()=>{if(!y||(b(),typeof ResizeObserver>`u`))return;let e=i.current;if(!e)return;let t=new ResizeObserver(b);return t.observe(e),()=>t.disconnect()},[y,r,b,i]);let x=n.a(e=>{p({top:e.currentTarget.scrollTop,at:d??-1})}),S=h.windowFor({count:r,itemHeight:a??(m.itemHeight>0?m.itemHeight:h.DEFAULT_ITEM_HEIGHT),viewHeight:o??(m.viewHeight>0?m.viewHeight:h.DEFAULT_VIEW_HEIGHT),scrollTop:f.top,overscan:s,activeIndex:d===f.at?-1:d});return y?{...S,virtualized:y,contentRef:v,onScroll:x}:{startIndex:0,endIndex:r,offsetY:0,totalHeight:0,virtualized:y,contentRef:v,onScroll:x}}function _(e,t,n,r){return e?{role:`listbox`,"aria-labelledby":r,...t?{"aria-multiselectable":!0}:{},...n?{"aria-busy":!0}:{}}:{role:`status`}}function v(e){let{presence:n,rows:r,def:i,display:a,selection:c,multiple:d,activeIndex:p,optionId:m,rowRef:h,onSelect:v}=e,{anchorRef:y,popupRef:b,listboxId:x,labelledBy:S,loading:C,loadingText:ee,emptyText:te,createLabel:w,variant:T,itemsProps:ne}=e,{virtualize:E}=e,{present:D,ref:O,props:re}=n,k=e=>f.keyOf(i,e),[A,ie]=(0,l.useState)(!1),ae=(0,l.useCallback)(e=>ie(e===`top`),[]),j=(0,l.useRef)(null),oe=(0,l.useCallback)(e=>{j.current=e,O(e)},[O]),se=typeof E==`object`?E:{},{virtualized:M,startIndex:N,endIndex:ce,offsetY:le,totalHeight:P,contentRef:F,onScroll:I}=g({count:r.length,scrollerRef:j,enabled:typeof E==`boolean`?E:void 0,activeIndex:p,...se}),L=M?r.slice(N,ce):r,R=(e,t)=>{let n=M?N+t:t,s=e.kind===`option`&&f.isSelected(c,e.row,k),l=f.isRowDisabled(i,e);return(0,u.jsx)(o.default,{ref:h(n),component:`combobox.item`,variant:[T,{create:e.kind===`create`,highlighted:n===p}],selected:s,ai:`center`,gap:2,id:m(n),props:{role:`option`,...M?{"aria-setsize":r.length,"aria-posinset":n+1}:{},...l?{"aria-disabled":!0}:{},onMouseDown:e=>e.preventDefault(),onClick:e=>!l&&v(n,e)},children:e.kind===`create`?w(e.query):a?.(e.row)??f.labelOf(i,e.row)},e.kind===`option`?k(e.row):`create`)};return(0,u.jsx)(s.default,{ref:b,anchor:y,side:`bottom`,align:`start`,offset:.5,matchWidth:!0,onSideChange:ae,children:(0,u.jsxs)(t.default,{ref:oe,component:`combobox.items`,...ne,variant:[T,{closed:!D&&!A,closedUp:!D&&A}],id:x,props:{..._(r.length>0,d,C===!0,S),...re,...M?{onScroll:I}:{}},children:[M?(0,u.jsx)(t.default,{ref:F,component:`combobox.window`,variant:T,style:{height:P,paddingTop:le},children:L.map(R)}):L.map(R),r.length===0&&(0,u.jsx)(t.default,{component:`combobox.message`,variant:T,children:C?ee:te})]})})}var y=new Set([` `,`Home`,`End`,`ArrowLeft`,`ArrowRight`]);function b(s,d){let{data:m,def:h,label:g,labelProps:_,placeholder:b,name:x,disabled:S,props:C,itemsProps:ee,hideIcon:te,filter:w=f.filterRows,loading:T,loadingText:ne=`Loading...`,emptyText:E=`No results`,createRow:D,createLabel:O=e=>`Create "${e}"`,removeLabel:re=e=>`Remove ${e}`,virtualize:k,query:A,defaultQuery:ie,onQueryChange:ae,open:j,defaultOpen:oe,onOpenChange:se,multiple:M=!1,value:N,defaultValue:ce,onValueChange:le,...P}=s,F=r.t(`combobox`),I=P.id??`${F}-field`,L=`${F}-listbox`,R=`${F}-label`,z=g!=null&&g!==!1,ue=(0,l.useCallback)(e=>`${F}-option-${e}`,[F]),B=(0,l.useRef)(null),de=(0,l.useRef)(null),V=(0,l.useRef)(null),fe=(0,l.useCallback)(e=>{V.current=e,typeof d==`function`?d(e):d&&(d.current=e)},[d]),pe=n.a((e,t)=>{le?.(M?e:e[0]??null,t)}),me=(0,l.useMemo)(()=>N===void 0?void 0:f.toArray(N),[N]),[H,he]=i.a({value:me,defaultValue:()=>f.toArray(ce),onChange:pe,interaction:{component:`combobox`,type:`valueChange`,content:[`value`]}}),[U,W]=i.a({value:j,defaultValue:oe??!1,onChange:se,interaction:{component:`combobox`,type:`openChange`}}),[ge,G]=n.i({value:A,defaultValue:ie??``,onChange:ae}),[K,q]=(0,l.useState)(!1),J=(0,l.useCallback)(e=>f.keyOf(h,e),[h]),_e=M||H[0]===void 0?``:f.labelOf(h,H[0]),Y=K||ge!==``?ge:_e,X=(0,l.useMemo)(()=>f.rowsFor({data:m,def:h,query:Y,filter:w,typed:K,createRow:D}),[m,h,Y,w,K,D]),ve=(0,l.useCallback)(e=>X[e]?f.isRowDisabled(h,X[e]):!1,[X,h]),Z=n.a((e,t)=>{W(!1,{reason:e,event:t}),e!==`escape`&&(q(!1),G(``,{reason:`close`,event:t}))}),Q=n.a((e,t)=>{let n=X[e];if(!n||ve(e))return;let r=n.kind===`create`?D?.(n.query):n.row;if(r==null)return;let i=f.isSelected(H,r,J),a=n.kind===`create`?`create`:i&&M?`deselect`:`select`;he(f.toggle(H,r,M,J),{reason:a,event:t}),q(!1),G(``,{reason:`select`,event:t}),M||W(!1,{reason:`select`,event:t})}),ye=n.t({count:X.length,focusItems:!1,defaultActiveIndex:-1,isDisabled:ve,onSelect:Q}),{activeIndex:$,setActiveIndex:be,activeItem:xe}=ye;n.r({enabled:U,inside:[B,de],onDismiss:(e,t)=>Z(e===`escape`?`escape`:`outside-pointer`,t)}),e.n(()=>{!U||$===-1||xe()?.scrollIntoView?.({block:`nearest`})},[U,$,xe]);let Se=(e,t,n)=>{W(!0,{reason:n,event:t});let r=e===`none`?-1:f.activeIndexFor(X,H,h,e);be(r,{reason:`programmatic`,event:t})},Ce=n.a(e=>{q(!0),G(e.target.value,{reason:`input`,event:e}),U||W(!0,{reason:`input`,event:e}),be(-1,{reason:`programmatic`,event:e})}),we=n.a((e,t)=>{he(H.filter(t=>J(t)!==J(e)),{reason:`remove`,event:t})}),Te=e=>{let{key:t}=e;if(t===`ArrowDown`||t===`ArrowUp`){e.preventDefault(),Se(t===`ArrowUp`?`last`:e.altKey?`none`:`first`,e,`trigger`);return}t===`Escape`&&Y!==``&&(q(!0),G(``,{reason:`clear`,event:e}))},Ee=n.a(e=>{if(C?.onKeyDown?.(e),!(e.defaultPrevented||S)){if(e.key===`Backspace`&&M&&Y===``&&H.length>0){we(H[H.length-1],e);return}if(!U){Te(e);return}if(e.key===`Tab`){$!==-1&&Q($,e),Z(`tab`,e);return}if(e.altKey&&e.key===`ArrowUp`){e.preventDefault(),$===-1?Z(`trigger`,e):Q($,e);return}if(y.has(e.key)){be(-1,{reason:`programmatic`,event:e});return}ye.onKeyDown(e)}}),De=n.a(e=>{!S&&!U&&Se(`first`,e,`trigger`)}),Oe=n.a(e=>{S||e.target===V.current||(e.preventDefault(),V.current?.focus(),U||Se(`first`,e,`trigger`))}),ke=X.length>0||T===!0||E!==null,Ae=U&&$!==-1&&X.length>0?ue($):void 0,je=(0,u.jsx)(t.default,{tag:`input`,component:`combobox.field`,ref:fe,id:I,disabled:S,props:{...C,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":U,"aria-controls":U&&ke?L:void 0,"aria-activedescendant":Ae,"aria-labelledby":z?R:C?.[`aria-labelledby`],autoComplete:`off`,spellCheck:!1,type:`text`,value:Y,placeholder:b,onChange:Ce,onKeyDown:Ee,onClick:De}}),Me=!te&&(0,u.jsx)(o.default,{component:`combobox.icon`,rotate:U?180:0,props:{"aria-hidden":!0},children:(0,u.jsx)(a.Svg,{viewBox:`0 0 10 6`,width:`0.6rem`,props:{fill:`none`},children:(0,u.jsx)(a.Path,{d:`m1 1 4 4 4-4`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})})}),Ne=x===void 0?null:H.map(e=>(0,u.jsx)(t.default,{tag:`input`,props:{type:`hidden`,name:x,value:String(J(e))}},J(e))),Pe=ke&&(0,u.jsx)(c.default,{present:U,children:e=>(0,u.jsx)(v,{presence:e,rows:X,def:h,display:h.display,selection:H,multiple:M,activeIndex:$,optionId:ue,rowRef:e=>ye.itemProps(e).ref,onSelect:Q,anchorRef:B,popupRef:de,listboxId:L,labelledBy:z?R:I,loading:T,loadingText:ne,emptyText:E,createLabel:O,virtualize:k,variant:P.variant,itemsProps:ee})}),Fe=(0,u.jsxs)(o.default,{ref:B,component:`combobox`,ai:`center`,gap:1,flexWrap:`wrap`,...P,props:{onPointerDown:Oe},children:[Ne,M&&(0,u.jsx)(p,{selection:H,def:h,display:h.display,removeLabel:re,onRemove:we,disabled:S,variant:P.variant}),je,Me]});return z?(0,u.jsxs)(o.default,{d:`column`,gap:1,width:`fit-content`,children:[(0,u.jsx)(t.default,{tag:`label`,component:`combobox.label`,id:R,..._,props:{htmlFor:I},children:g}),Fe,Pe]}):(0,u.jsxs)(u.Fragment,{children:[Fe,Pe]})}var x=(0,l.forwardRef)(b);x.displayName=`Combobox`,exports.ComboboxUtils=f,exports.default=x;