@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/combobox-DaF9zUNv.es.js

@@ -0,0 +1,1229 @@
+import { i as e, n as t } from "./CollectionBuilder-B3luBZew.es.js";
+import { i as n } from "./mergeProps-CLXn4wzB.es.js";
+import { a as r, n as i, o as a, r as o, t as s } from "./ListBox-CJTUBWMn.es.js";
+import { d as c, u as l } from "./Dialog-qQ2By0Vs.es.js";
+import { t as u } from "./Header-CC2zjZEx.es.js";
+import { n as d, t as f } from "./tag-group-6P5GzZF6.es.js";
+import { n as p, t as m } from "./utils-BUIM0pi9.es.js";
+import { n as ee } from "./Autocomplete-ll_Sdk1P.es.js";
+import { t as te } from "./Label-CcmSinzN.es.js";
+import { t as h } from "./Button-CzLVFwIM.es.js";
+import { n as ne } from "./Text-D69yGnui.es.js";
+import { n as re } from "./Group-CBFwo9Qg.es.js";
+import { n as g, t as _ } from "./Input-CPmAmiZk.es.js";
+import { t as ie } from "./useListState-C3PpeNbK.es.js";
+import { n as v } from "./useListData-BAaPEdNC.es.js";
+import { t as y } from "./adornment-content-DNbC2yFP.es.js";
+import { t as b } from "./check-BZu0WlMW.es.js";
+import { t as x } from "./close-CzuqwrnN.es.js";
+import { t as S } from "./keyboard-arrow-down-ksw3ME7J.es.js";
+import { n as ae, t as C } from "./normalize-messages-migTwRpM.es.js";
+import { t as oe } from "./icon-button-fydMHcRi.es.js";
+import { t as w } from "./loading-spinner-C_zmjMXE.es.js";
+import { t as T } from "./extract-style-props-YWZOestG.es.js";
+import { cloneElement as E, createContext as D, isValidElement as se, useCallback as O, useContext as k, useEffect as A, useMemo as j, useReducer as ce, useRef as M, useState as N } from "react";
+import { Fragment as le, jsx as P, jsxs as ue } from "react/jsx-runtime";
+import { createSlotRecipeContext as de, useSlotRecipe as fe } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria-components@1.22.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/ComboBox.mjs
+var pe = /*#__PURE__*/ D(null);
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.51.0_react@19.2.0/node_modules/react-stately/dist/private/data/useAsyncList.mjs
+function F(e, t) {
+	let n;
+	switch (e.state) {
+		case "idle":
+		case "error": switch (t.type) {
+			case "loading":
+			case "loadingMore":
+			case "sorting":
+			case "filtering": return {
+				...e,
+				filterText: t.filterText ?? e.filterText,
+				state: t.type,
+				items: t.type === "loading" ? [] : e.items,
+				sortDescriptor: t.sortDescriptor ?? e.sortDescriptor,
+				abortController: t.abortController
+			};
+			case "update": return {
+				...e,
+				...t.updater?.(e)
+			};
+			case "success":
+			case "error": return e;
+			default: throw Error(`Invalid action "${t.type}" in state "${e.state}"`);
+		}
+		case "loading":
+		case "sorting":
+		case "filtering": switch (t.type) {
+			case "success": return t.abortController === e.abortController ? (n = t.selectedKeys ?? e.selectedKeys, {
+				...e,
+				filterText: t.filterText ?? e.filterText,
+				state: "idle",
+				items: [...t.items ?? []],
+				selectedKeys: n === "all" ? "all" : new Set(n),
+				sortDescriptor: t.sortDescriptor ?? e.sortDescriptor,
+				abortController: void 0,
+				cursor: t.cursor
+			}) : e;
+			case "error": return t.abortController === e.abortController ? {
+				...e,
+				state: "error",
+				error: t.error,
+				abortController: void 0
+			} : e;
+			case "loading":
+			case "loadingMore":
+			case "sorting":
+			case "filtering": return e.abortController?.abort("aborting current load and starting new one"), {
+				...e,
+				filterText: t.filterText ?? e.filterText,
+				state: t.type,
+				items: t.type === "loading" ? [] : e.items,
+				abortController: t.abortController
+			};
+			case "update": return {
+				...e,
+				...t.updater?.(e)
+			};
+			default: throw Error(`Invalid action "${t.type}" in state "${e.state}"`);
+		}
+		case "loadingMore": switch (t.type) {
+			case "success": return n = e.selectedKeys === "all" || t.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([...e.selectedKeys, ...t.selectedKeys ?? []]), {
+				...e,
+				state: "idle",
+				items: [...e.items, ...t.items ?? []],
+				selectedKeys: n,
+				sortDescriptor: t.sortDescriptor ?? e.sortDescriptor,
+				abortController: void 0,
+				cursor: t.cursor
+			};
+			case "error": return t.abortController === e.abortController ? {
+				...e,
+				state: "error",
+				error: t.error
+			} : e;
+			case "loading":
+			case "sorting":
+			case "filtering": return e.abortController?.abort(), {
+				...e,
+				filterText: t.filterText ?? e.filterText,
+				state: t.type,
+				items: t.type === "loading" ? [] : e.items,
+				abortController: t.abortController
+			};
+			case "loadingMore": return t.abortController?.abort(), e;
+			case "update": return {
+				...e,
+				...t.updater?.(e)
+			};
+			default: throw Error(`Invalid action "${t.type}" in state "${e.state}"`);
+		}
+		default: throw Error(`Invalid state "${e.state}"`);
+	}
+}
+function I(e) {
+	let { load: t, sort: n, initialSelectedKeys: r, initialSortDescriptor: i, getKey: a = (e) => e.id || e.key, initialFilterText: o = "" } = e, [s, c] = ce(F, {
+		state: "idle",
+		error: void 0,
+		items: [],
+		selectedKeys: r === "all" ? "all" : new Set(r),
+		sortDescriptor: i,
+		filterText: o
+	}), l = async (e, n) => {
+		let r = new AbortController();
+		try {
+			c({
+				...e,
+				abortController: r
+			});
+			let i = e.filterText ?? s.filterText, a = await n({
+				items: s.items.slice(),
+				selectedKeys: s.selectedKeys,
+				sortDescriptor: e.sortDescriptor ?? s.sortDescriptor,
+				signal: r.signal,
+				cursor: e.type === "loadingMore" ? s.cursor : void 0,
+				filterText: i,
+				loadingState: s.state
+			}), o = a.filterText ?? i;
+			c({
+				type: "success",
+				...a,
+				abortController: r
+			}), o && o !== i && !r.signal.aborted && l({
+				type: "filtering",
+				filterText: o
+			}, t);
+		} catch (e) {
+			c({
+				type: "error",
+				error: e,
+				abortController: r
+			});
+		}
+	}, u = M(!1);
+	return A(() => {
+		u.current ||= (l({ type: "loading" }, t), !0);
+	}, []), {
+		items: s.items,
+		selectedKeys: s.selectedKeys,
+		sortDescriptor: s.sortDescriptor,
+		isLoading: s.state === "loading" || s.state === "loadingMore" || s.state === "sorting" || s.state === "filtering",
+		loadingState: s.state,
+		error: s.error,
+		filterText: s.filterText,
+		getItem(e) {
+			return s.items.find((t) => a(t) === e);
+		},
+		reload() {
+			l({ type: "loading" }, t);
+		},
+		loadMore() {
+			s.state !== "loading" && s.state !== "loadingMore" && s.state !== "filtering" && s.cursor != null && l({ type: "loadingMore" }, t);
+		},
+		sort(e) {
+			l({
+				type: "sorting",
+				sortDescriptor: e
+			}, n || t);
+		},
+		...v({
+			...e,
+			getKey: a,
+			cursor: s.cursor
+		}, (e) => {
+			c({
+				type: "update",
+				updater: e
+			});
+		}),
+		setFilterText(e) {
+			l({
+				type: "filtering",
+				filterText: e
+			}, t);
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/use-debounce@10.1.1_react@19.2.0/node_modules/use-debounce/dist/index.module.js
+function me(e, t, n, r) {
+	var i = this, a = M(null), o = M(0), s = M(0), c = M(null), l = M([]), u = M(), d = M(), f = M(e), p = M(!0), m = M(), ee = M();
+	f.current = e;
+	var te = typeof window < "u", h = !t && t !== 0 && te;
+	if (typeof e != "function") throw TypeError("Expected a function");
+	t = +t || 0;
+	var ne = !!(n ||= {}).leading, re = !("trailing" in n) || !!n.trailing, g = !!n.flushOnExit && re, _ = "maxWait" in n, ie = "debounceOnServer" in n && !!n.debounceOnServer, v = _ ? Math.max(+n.maxWait || 0, t) : null, y = j(function() {
+		var e = function(e) {
+			var t = l.current, n = u.current;
+			return l.current = u.current = null, o.current = e, s.current = s.current || e, d.current = f.current.apply(n, t);
+		}, n = function(e, t) {
+			h && cancelAnimationFrame(c.current), c.current = h ? requestAnimationFrame(e) : setTimeout(e, t);
+		}, y = function(e) {
+			if (!p.current) return !1;
+			var n = e - a.current;
+			return !a.current || n >= t || n < 0 || _ && e - o.current >= v;
+		}, b = function(t) {
+			return c.current = null, re && l.current ? e(t) : (l.current = u.current = null, d.current);
+		}, x = function e() {
+			var r = Date.now();
+			if (ne && s.current === o.current && S(), y(r)) return b(r);
+			if (p.current) {
+				var i = t - (r - a.current);
+				n(e, _ ? Math.min(i, v - (r - o.current)) : i);
+			}
+		}, S = function() {
+			r && r({});
+		}, ae = function() {
+			if (te || ie) {
+				var r, s = Date.now(), f = y(s);
+				if (l.current = [].slice.call(arguments), u.current = i, a.current = s, g && !m.current && (m.current = function() {
+					globalThis.document?.visibilityState === "hidden" && ee.current.flush();
+				}, (r = globalThis.document) == null || r.addEventListener == null || r.addEventListener("visibilitychange", m.current)), f) {
+					if (!c.current && p.current) return o.current = a.current, n(x, t), ne ? e(a.current) : d.current;
+					if (_) return n(x, t), e(a.current);
+				}
+				return c.current || n(x, t), d.current;
+			}
+		};
+		return ae.cancel = function() {
+			var e = c.current;
+			e && (h ? cancelAnimationFrame(c.current) : clearTimeout(c.current)), o.current = 0, l.current = a.current = u.current = c.current = null, e && r && r({});
+		}, ae.isPending = function() {
+			return !!c.current;
+		}, ae.flush = function() {
+			return c.current ? b(Date.now()) : d.current;
+		}, ae;
+	}, [
+		ne,
+		_,
+		t,
+		v,
+		re,
+		g,
+		h,
+		te,
+		ie,
+		r
+	]);
+	return ee.current = y, A(function() {
+		return p.current = !0, function() {
+			var e;
+			g && ee.current.flush(), m.current &&= ((e = globalThis.document) == null || e.removeEventListener == null || e.removeEventListener("visibilitychange", m.current), null), p.current = !1;
+		};
+	}, [g]), y;
+}
+//#endregion
+//#region src/components/combobox/combobox.slots.tsx
+var { withProvider: he, withContext: L } = de({ key: "nimbusCombobox" }), ge = he("div", "root"), _e = L("div", "trigger"), R = L("div", "leadingElement"), ve = L("div", "trailingElement"), z = L("div", "content"), ye = L("div", "tagGroup"), be = L("div", "input"), xe = L("div", "popover"), Se = L("div", "listBox"), B = L("div", "section"), Ce = L("div", "option"), we = L("div", "optionIndicator"), V = L("div", "optionContent"), Te = {
+	en: C({
+		clearSelection: "Clear selection",
+		options: "Options menu",
+		selectedValues: "Selected values",
+		toggleOptions: "Toggle options"
+	}),
+	de: C({
+		clearSelection: "Auswahl löschen",
+		options: "Optionsmenü",
+		selectedValues: "Ausgewählte Werte",
+		toggleOptions: "Optionen anzeigen/ verbergen"
+	}),
+	es: C({
+		clearSelection: "Borrar selección",
+		options: "Menú de opciones",
+		selectedValues: "Valores seleccionados",
+		toggleOptions: "Opciones de conmutación"
+	}),
+	"fr-FR": C({
+		clearSelection: "Effacer la sélection",
+		options: "Menu d'options",
+		selectedValues: "Valeurs sélectionnées",
+		toggleOptions: "Basculer les options"
+	}),
+	"pt-BR": C({
+		clearSelection: "Limpar seleção",
+		options: "Menu de opções",
+		selectedValues: "Selecionar valores",
+		toggleOptions: "Alternar opções"
+	})
+};
+//#endregion
+//#region src/components/combobox/utils/collection.ts
+function Ee(e) {
+	if (typeof e == "string" || typeof e == "number") return e;
+	if ("id" in e) return e.id;
+	throw Error("ComboBox - Item must have an 'id' property or provide getKey function");
+}
+function H(e) {
+	if (typeof e == "string") return e;
+	if ("name" in e) return String(e.name);
+	if ("label" in e) return String(e.label);
+	throw Error("ComboBox - Item must have 'name' or 'label' property, or provide a getTextValue function");
+}
+function De(e) {
+	return {
+		id: e,
+		name: e
+	};
+}
+//#endregion
+//#region src/components/combobox/utils/selection.ts
+var Oe = (e) => e ? e instanceof Set ? e : new Set(Array.isArray(e) ? e : [e]) : /* @__PURE__ */ new Set(), ke = (e) => Array.from(e), U = D(null), Ae = () => {
+	let e = k(U);
+	if (!e) throw Error("Nimbus - ComboBox components must be used within ComboBox.Root");
+	return e;
+}, je = (e) => {
+	let { name: t, form: n, selectedKeys: r, selectionMode: i, formValue: a, allowsCustomOptions: o, collection: s, inputValue: c } = e, l = j(() => {
+		if (i === "single") {
+			let e = Array.from(r)[0];
+			return e ? a === "text" || o ? Array.from(s).find((t) => t.key === e)?.textValue || c || "" : String(e) : "";
+		}
+		{
+			let e = Array.from(r);
+			return a === "text" || o ? e.map((e) => Array.from(s).find((t) => t.key === e)?.textValue || "").filter(Boolean).join(",") : e.join(",");
+		}
+	}, [
+		i,
+		r,
+		a,
+		o,
+		s,
+		c
+	]);
+	return t ? /* @__PURE__ */ P("input", {
+		type: "hidden",
+		name: t,
+		form: typeof n == "string" ? n : void 0,
+		value: l
+	}) : null;
+};
+je.displayName = "ComboBoxHiddenInput";
+//#endregion
+//#region src/components/combobox/components/combobox.root.tsx
+function W(e) {
+	let n;
+	[e, n] = p(e, null, pe);
+	let { selectionMode: r = "single", size: i = "md", getKey: a = Ee, getTextValue: s = H, children: c, leadingElement: l, trailingElement: u, inputValue: f, onInputChange: ee, isLoading: te, allowsEmptyMenu: ne, renderEmptyState: re, async: g, filter: ie, allowsCustomOptions: v = !1, isDisabled: y = !1, isInvalid: b = !1, isRequired: x = !1, isReadOnly: S = !1 } = e, [ae, C] = fe({ key: "nimbusCombobox" }).splitVariantProps(e), [oe, w] = T(C), E = M(null), D = M(null), [se, k] = N([]), A = I({
+		getKey: a,
+		async load({ signal: e, filterText: t }) {
+			if (!g) return { items: [] };
+			let n = g.minSearchLength ?? 0;
+			if (!t || t.length < n) return { items: [] };
+			try {
+				return { items: await g.load(t, e) };
+			} catch (e) {
+				if (e.name === "AbortError") throw e;
+				let t = e;
+				return g.onError?.(t), { items: [] };
+			}
+		}
+	}), [ce, le] = N(f), [ue, de] = N(!1), [F, he] = N([]), L = me((e) => {
+		de(!1), A.setFilterText(e);
+	}, g?.debounce ?? 300), _e = O((e) => {
+		le(e), de(!0), L(e);
+	}, [L]), R = g ? ce : f, ve = g ? _e : ee, z = g ? ue || A.loadingState === "loading" || A.loadingState === "loadingMore" || A.loadingState === "filtering" : te, ye = g || v ? !0 : ne, be = O(() => z ? R?.length ? `loading results for "${R}"` : "loading results" : R?.length && g?.minSearchLength && R.length >= g.minSearchLength ? `no results for "${R}"` : g?.minSearchLength ? `enter at least ${g?.minSearchLength} characters` : "type to search", [
+		g?.minSearchLength,
+		z,
+		R
+	]), xe = O(() => z ? R?.length ? `loading results for "${R}"` : "loading results" : "hit \"enter\" to create an option", [z, R]), Se = (v ? xe : g ? be : void 0) ?? re, B = j(() => {
+		let t = g ? Array.from(A.items) : e.items, n = t ? Array.from(t) : [], i = new Set(n.map((e) => a(e))), o = [...se.filter((e) => !i.has(a(e))), ...n];
+		if (g && r === "multiple" && F.length > 0) {
+			let e = new Set(o.map((e) => a(e)));
+			o = [...F.filter((t) => !e.has(a(t))), ...o];
+		}
+		return o;
+	}, [
+		g,
+		A.items,
+		e.items,
+		se,
+		F,
+		r,
+		a
+	]), Ce = j(() => ({
+		selectionMode: r,
+		size: i,
+		getKey: a,
+		getTextValue: s,
+		leadingElement: l,
+		trailingElement: u,
+		triggerRef: E,
+		inputRef: D,
+		isLoading: z,
+		isDisabled: y,
+		isRequired: x,
+		isInvalid: b,
+		isReadOnly: S
+	}), [
+		r,
+		a,
+		s,
+		l,
+		u,
+		E,
+		D,
+		z,
+		i,
+		y,
+		x,
+		b,
+		S
+	]), we = j(() => {
+		if (B) return Array.from(B).map((e) => {
+			let t = "id" in e, n = "textValue" in e;
+			return t && n ? e : {
+				...e,
+				...t ? {} : { id: a(e) },
+				...n ? {} : { textValue: s(e) }
+			};
+		});
+	}, [
+		B,
+		a,
+		s
+	]), V = j(() => /* @__PURE__ */ P(U.Provider, {
+		value: Ce,
+		children: /* @__PURE__ */ P(o.Provider, {
+			value: { items: we },
+			children: typeof c == "function" ? c({
+				isOpen: !1,
+				isDisabled: y,
+				isInvalid: b,
+				isRequired: x,
+				isReadOnly: S,
+				defaultChildren: null
+			}) : c
+		})
+	}), [
+		c,
+		y,
+		b,
+		S,
+		x,
+		we,
+		Ce
+	]);
+	return /* @__PURE__ */ P(m, {
+		values: [
+			[h, {}],
+			[_, {}],
+			[d, {}]
+		],
+		children: /* @__PURE__ */ P(U.Provider, {
+			value: Ce,
+			children: /* @__PURE__ */ P(ge, {
+				ref: n,
+				...ae,
+				...oe,
+				size: i,
+				"data-disabled": y,
+				"data-invalid": b,
+				"data-required": x,
+				"data-readonly": S,
+				"data-open": e.isOpen,
+				role: "group",
+				children: /* @__PURE__ */ P(t, {
+					content: V,
+					children: (e) => /* @__PURE__ */ P(Me, {
+						...w,
+						size: i,
+						filter: ie,
+						selectionMode: r,
+						inputValue: R,
+						onInputChange: ve,
+						getKey: a,
+						getTextValue: s,
+						allowsEmptyMenu: ye,
+						renderEmptyState: Se,
+						isDisabled: y,
+						isRequired: x,
+						isInvalid: b,
+						isReadOnly: S,
+						collection: e,
+						allowsCustomOptions: v,
+						asyncConfig: g,
+						onAsyncSelectedItemsChange: g && r === "multiple" ? he : void 0,
+						onAddCustomItem: k,
+						onAddAsyncSelectedItem: he
+					})
+				})
+			})
+		})
+	});
+}
+W.displayName = "ComboBox.Root";
+var Me = (e) => {
+	let t = ae(Te), { selectionMode: r = "single", items: a, collection: s, getKey: l = Ee, children: u, selectedKeys: f = [], onSelectionChange: p, disabledKeys: g, inputValue: v = "", onInputChange: y, filter: b, placeholder: x, menuTrigger: S = "input", shouldCloseOnBlur: C = !0, shouldCloseOnSelect: oe = !0, isOpen: w, defaultOpen: T = !1, onOpenChange: E, allowsEmptyMenu: D = !1, renderEmptyState: se, allowsCustomOptions: k = !1, isValidNewOption: ce, getNewOptionData: le = De, onCreateOption: de, "aria-label": fe, "aria-labelledby": pe, "aria-describedby": F, isDisabled: I = !1, isRequired: me = !1, isInvalid: he = !1, isReadOnly: L = !1, shouldFocusWrap: ge = !0, autoFocus: _e = !1, name: R, formValue: ve, validationBehavior: z = "aria", form: ye, validate: be, isLoading: xe, asyncConfig: Se, onAsyncSelectedItemsChange: B, onAddCustomItem: Ce, onAddAsyncSelectedItem: we } = e, { triggerRef: V, inputRef: H } = Ae(), U = n(), W = n(), Me = M(null), Ne = M(null), Pe = Array.isArray(f) ? f.join("\0") : String(f ?? ""), Fe = j(() => Oe(f), [Pe]), Ie = !!p, [Le, Re] = N(Fe), G = Ie ? Fe : Le, K = y !== void 0, [ze, q] = N(() => {
+		if (v) return v;
+		if (K || r !== "single") return "";
+		let e = Array.from(G);
+		if (e.length === 0) return "";
+		let t = e[0];
+		return s.getItem(t)?.textValue ?? "";
+	}), J = K ? v : ze, Y = M(J), [Be, Ve] = N(T), X = w ?? Be, [He, Ue] = N(null), Z = O((e) => {
+		w === void 0 && Ve(e), E?.(e);
+	}, [w, E]), We = j(() => {
+		if (r !== "single") return;
+		let e = Array.from(G);
+		if (e.length !== 0) return s.getItem(e[0])?.textValue;
+	}, [
+		r,
+		G,
+		s
+	]), Ge = j(() => {
+		if (J.trim() === "" || r === "single" && We === J) return s;
+		if (b) {
+			let e = Array.from(s), t = Array.from(b(e, J)), n = new Set(t.map((e) => e.key));
+			return s.filter?.((e, t) => n.has(t.key)) ?? s;
+		}
+		let e = J.toLowerCase();
+		return s.filter?.((t) => t.toLowerCase().includes(e)) ?? s;
+	}, [
+		s,
+		J,
+		b,
+		r,
+		We
+	]), Ke = j(() => r === "multiple" ? Array.from(G).map((e) => s.getItem(e)?.value).filter((e) => e !== void 0) : [], [
+		r,
+		G,
+		s
+	]), [qe, Je] = N(null), Ye = O(() => {
+		let e = w === void 0 ? !X : !w;
+		w === void 0 ? Ve((e) => !e) : E?.(!w), e && (H.current?.focus(), Ue("first"));
+	}, [
+		w,
+		X,
+		E,
+		H
+	]), Xe = O((e) => {
+		K || q(e), y?.(e), S === "input" && e !== Y.current && Z(!0), Y.current = e;
+	}, [
+		K,
+		y,
+		S,
+		Z
+	]), Ze = O(() => {
+		let e = V.current?.querySelector("[class*=\"nimbus-combobox__content\"]");
+		e && requestAnimationFrame(() => {
+			e.scrollTop = e.scrollHeight;
+		});
+	}, [V]), Q = O((e, t) => {
+		let n = e === "all" ? new Set(Array.from(s).map((e) => e.key)) : e, i = t ?? G, a = n.size > 0 && Array.from(n).every((e) => i.has(e)) && n.size < i.size;
+		if (r === "multiple" && n.size === 1 && !a) {
+			let e = Array.from(n)[0], t = i.has(e), r = new Set(i);
+			t ? r.delete(e) : r.add(e), n = r;
+		}
+		let o = ke(n);
+		if (p ? p(o) : Re(n), Se && r === "multiple" && B) {
+			let e = Array.from(n).map((e) => s.getItem(e)?.value).filter((e) => e !== void 0);
+			B(e);
+		}
+		if (r === "multiple" && n.size > i.size && Ze(), r === "single") {
+			let e = Array.from(n)[0];
+			if (e !== null) {
+				let t = s.getItem(e)?.textValue ?? "";
+				K || (q(t), Y.current = t), y?.(t);
+			}
+			oe && Z(!1);
+		}
+	}, [
+		s,
+		r,
+		G,
+		p,
+		y,
+		oe,
+		Z,
+		K,
+		Se,
+		B,
+		Ze
+	]), $ = ie({
+		selectionMode: r,
+		collection: Ge,
+		selectedKeys: G,
+		onSelectionChange: Q,
+		disabledKeys: g
+	}), Qe = O(() => {
+		Q(/* @__PURE__ */ new Set()), K || (q(""), Y.current = ""), y?.(""), Z(!0), requestAnimationFrame(() => {
+			H.current?.focus();
+		});
+	}, [
+		Q,
+		K,
+		y,
+		Z,
+		H
+	]), $e = O((e) => {
+		Ce?.((t) => [...t, e]), Se && r === "multiple" && we?.((t) => [...t, e]);
+		let t = l(e), n = G;
+		if (r === "single") Q(/* @__PURE__ */ new Set([t]), n);
+		else {
+			let e = new Set(n);
+			e.add(t), Q(e, n);
+		}
+	}, [
+		Ce,
+		Se,
+		r,
+		we,
+		l,
+		G,
+		Q
+	]), et = O(() => {
+		if (!k) return !1;
+		let e = J.trim();
+		if (!e || Array.from(s).some((t) => t.textValue?.toLowerCase() === e.toLowerCase()) || ce && !ce(e)) return !1;
+		let t = le(e);
+		return $e(t), r === "multiple" ? (K || (q(""), Y.current = ""), y?.("")) : (K || (q(e), Y.current = e), y?.(e)), de?.(t), !0;
+	}, [
+		k,
+		le,
+		ce,
+		J,
+		s,
+		r,
+		y,
+		de,
+		$e,
+		K,
+		q,
+		Y
+	]), tt = O((e) => {
+		if (I || L) return;
+		let t = G, n = new Set(t);
+		e.forEach((e) => n.delete(e)), Q(n, t), n.size === 0 && H.current?.focus();
+	}, [
+		G,
+		Q,
+		I,
+		L,
+		H
+	]), nt = O((e) => {
+		switch (e.key) {
+			case "ArrowDown":
+				if (e.preventDefault(), !X) Z(!0), Ue("first");
+				else {
+					let e = $.selectionManager.focusedKey, t = e ? $.collection.getKeyAfter(e) : $.collection.getFirstKey();
+					$.selectionManager.setFocusedKey(t ?? $.collection.getFirstKey());
+				}
+				break;
+			case "ArrowUp":
+				if (e.preventDefault(), !X) Z(!0), Ue("last");
+				else {
+					let e = $.selectionManager.focusedKey, t = e ? $.collection.getKeyBefore(e) : $.collection.getLastKey();
+					$.selectionManager.setFocusedKey(t ?? $.collection.getLastKey());
+				}
+				break;
+			case "Enter":
+				if (X && $.selectionManager.focusedKey) {
+					e.preventDefault();
+					let t = $.selectionManager.focusedKey;
+					if (r === "multiple") {
+						let e = new Set(G);
+						e.has(t) ? e.delete(t) : e.add(t), Q(e);
+					} else Q(/* @__PURE__ */ new Set([t])), $.selectionManager.setFocusedKey(null);
+				} else X && !$.selectionManager.focusedKey && k && et() && e.preventDefault();
+				break;
+			case "Escape":
+				X && (e.preventDefault(), Z(!1), $.selectionManager.setFocusedKey(null));
+				break;
+			case "Home":
+				if (X) {
+					e.preventDefault();
+					let t = $.collection.getFirstKey();
+					$.selectionManager.setFocusedKey(t);
+				}
+				break;
+			case "End":
+				if (X) {
+					e.preventDefault();
+					let t = $.collection.getLastKey();
+					$.selectionManager.setFocusedKey(t);
+				}
+				break;
+			case "Backspace": if (J === "") {
+				let t = Array.from(G);
+				if (t.length > 0) {
+					if (e.preventDefault(), r === "single") Q(/* @__PURE__ */ new Set());
+					else {
+						let e = new Set(t);
+						e.delete(t[t.length - 1]), Q(e);
+					}
+				}
+			}
+		}
+	}, [
+		X,
+		$.selectionManager,
+		$.collection,
+		Q,
+		Z,
+		Ue,
+		r,
+		J,
+		G,
+		k,
+		et
+	]), rt = O(() => {
+		S === "focus" && !I && !L && Z(!0), r === "single" && J && H.current && H.current.select();
+	}, [
+		S,
+		I,
+		L,
+		Z,
+		r,
+		J,
+		H
+	]), it = O(() => {
+		C && setTimeout(() => {
+			let e = document.activeElement, t = V.current?.contains(e), n = Ne.current?.contains(e);
+			!t && !n && Z(!1);
+		}, 150);
+	}, [
+		C,
+		Z,
+		V,
+		Ne
+	]), at = M(null), ot = M(!1);
+	A(() => {
+		_e && H.current && !I && H.current.focus();
+	}, [
+		_e,
+		I,
+		H
+	]);
+	let st = M(X);
+	A(() => {
+		w === void 0 && st.current !== X && (st.current = X, E?.(X));
+	}, [
+		X,
+		w,
+		E
+	]), A(() => {
+		if (r !== "single") return;
+		let e = Array.from($.selectionManager.selectedKeys), t = e.length > 0 ? e[0] : null, n = t === null ? null : $.collection.getItem(t), i = n !== null;
+		if (t === at.current && (ot.current || t === null) || (at.current = t, ot.current = i, t !== null && !n)) return;
+		let a = n?.textValue ?? "";
+		K ? y?.(a) : (q(a), Y.current = a);
+	}, [
+		r,
+		$.selectionManager.selectedKeys,
+		$.collection,
+		K,
+		y
+	]), A(() => {
+		if (X && He) {
+			let e = He === "first" ? $.collection.getFirstKey() : $.collection.getLastKey();
+			$.selectionManager.setFocusedKey(e ?? null), Ue(null);
+		}
+	}, [
+		X,
+		He,
+		$.collection,
+		$.selectionManager
+	]), A(() => {
+		X ? $.selectionManager.setFocused(!0) : ($.selectionManager.setFocused(!1), $.selectionManager.setFocusedKey(null));
+	}, [X, $.selectionManager]);
+	let ct = M(!1);
+	A(() => {
+		$.collection.size > 0 && (ct.current = !0);
+	}, [$.collection.size]), A(() => {
+		X && !D && (xe || ct.current && ($.collection.size > 0 || Z(!1)));
+	}, [
+		X,
+		D,
+		xe,
+		$.collection.size,
+		Z,
+		J
+	]), A(() => {
+		let e = V.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.offsetWidth;
+			Je(`${t}px`);
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => {
+			n.disconnect();
+		};
+	}, [V]);
+	let lt = j(() => ({
+		ref: H,
+		role: "combobox",
+		"aria-autocomplete": "list",
+		"aria-controls": r === "multiple" ? `${W} ${U}` : U,
+		"aria-expanded": X,
+		"aria-activedescendant": $.selectionManager.focusedKey ? `${U}-option-${$.selectionManager.focusedKey}` : void 0,
+		"aria-describedby": r === "multiple" ? `${W} ${F ?? ""}` : F,
+		"aria-label": fe,
+		"aria-labelledby": pe,
+		value: J,
+		onChange: (e) => Xe(e.target.value),
+		onKeyDown: nt,
+		onFocus: rt,
+		onBlur: it,
+		disabled: I,
+		readOnly: L,
+		required: me,
+		"aria-invalid": he,
+		placeholder: x,
+		name: R,
+		form: ye,
+		validationbehavior: z,
+		validate: be
+	}), [
+		H,
+		r,
+		W,
+		U,
+		X,
+		$.selectionManager.focusedKey,
+		F,
+		fe,
+		pe,
+		J,
+		Xe,
+		nt,
+		rt,
+		it,
+		I,
+		L,
+		me,
+		he,
+		x,
+		R,
+		ye,
+		z,
+		be
+	]), ut = j(() => ({
+		id: W,
+		"aria-label": t.format("selectedValues"),
+		items: Ke,
+		onRemove: tt
+	}), [
+		W,
+		t,
+		Ke,
+		tt
+	]), dt = G.size > 0, ft = j(() => ({ slots: {
+		toggle: {
+			onPress: Ye,
+			"aria-label": t.format("toggleOptions"),
+			isDisabled: I || L,
+			isPressed: X
+		},
+		clear: {
+			onPress: Qe,
+			"aria-label": t.format("clearSelection"),
+			style: dt ? void 0 : { display: "none" },
+			isDisabled: I || L || !dt
+		}
+	} }), [
+		Ye,
+		t,
+		I,
+		L,
+		X,
+		Qe,
+		dt
+	]), pt = O((e) => {
+		e || Z(!1);
+	}, [Z]), mt = j(() => ({ "--nimbus-combobox-trigger-width": qe }), [qe]), ht = j(() => ({
+		isOpen: X,
+		onOpenChange: pt,
+		ref: Ne,
+		triggerRef: V,
+		scrollRef: Me,
+		isNonModal: !0,
+		trigger: "ComboBox",
+		placement: "bottom start",
+		style: mt,
+		clearContexts: [
+			te,
+			h,
+			_,
+			re,
+			ne
+		]
+	}), [
+		X,
+		pt,
+		Ne,
+		V,
+		Me,
+		mt
+	]), gt = j(() => ({ shouldUseVirtualFocus: !0 }), []), _t = j(() => ({
+		items: a,
+		id: U,
+		ref: Me,
+		renderEmptyState: se,
+		shouldFocusWrap: ge,
+		"aria-label": t.format("options")
+	}), [
+		a,
+		U,
+		Me,
+		se,
+		ge,
+		t
+	]);
+	return /* @__PURE__ */ ue(m, {
+		values: [
+			[_, lt],
+			[d, ut],
+			[h, ft],
+			[c, ht],
+			[ee, gt],
+			[o, _t],
+			[i, $]
+		],
+		children: [/* @__PURE__ */ P(je, {
+			name: R,
+			form: ye,
+			selectedKeys: G,
+			selectionMode: r,
+			formValue: ve,
+			allowsCustomOptions: k,
+			collection: $.collection,
+			inputValue: J
+		}), u]
+	});
+}, Ne = (e) => {
+	let [t, n] = T(e), r = k(_), { inputRef: i } = Ae(), a = "", o = "";
+	r && typeof r == "object" && "value" in r && (a = r.value || "", o = r.placeholder || "");
+	let s = Math.max(a.length || o.length || 1, 1);
+	return /* @__PURE__ */ P(be, {
+		asChild: !0,
+		...t,
+		children: /* @__PURE__ */ P(g, {
+			ref: i,
+			...n,
+			size: s,
+			"data-empty": !(a.length || o.length)
+		})
+	});
+};
+Ne.displayName = "ComboBox.Input";
+//#endregion
+//#region src/components/combobox/components/combobox.leading-element.tsx
+var Pe = ({ children: e }) => /* @__PURE__ */ P(R, { children: e }), Fe = ({ children: e }) => /* @__PURE__ */ P(ve, { children: /* @__PURE__ */ P(y, { children: e }) }), Ie = (e) => {
+	let { selectionMode: t, size: n, getKey: r, getTextValue: i, isDisabled: a, isReadOnly: o } = Ae(), [s, c] = T(e), l = k(d), u = (l && "items" in l ? l.items : void 0) ?? [];
+	return t === "multiple" ? /* @__PURE__ */ P(ye, {
+		...s,
+		...c,
+		asChild: !0,
+		children: /* @__PURE__ */ P(f.Root, {
+			size: n,
+			children: /* @__PURE__ */ P(f.TagList, {
+				items: u,
+				display: "contents",
+				children: (e) => {
+					let t = r(e), n = i(e);
+					return /* @__PURE__ */ P(f.Tag, {
+						id: t,
+						textValue: n,
+						isDisabled: a || o,
+						maxW: "100%",
+						children: n
+					});
+				}
+			})
+		})
+	}) : null;
+};
+Ie.displayName = "ComboBox.TagGroup";
+//#endregion
+//#region src/components/combobox/components/combobox.trigger.tsx
+var Le = ({ children: e, ...t }) => {
+	let { triggerRef: n, leadingElement: r, trailingElement: i, inputRef: a, isLoading: o, isDisabled: s } = Ae();
+	return /* @__PURE__ */ ue(_e, {
+		ref: n,
+		onClick: (e) => {
+			!s && e.target instanceof HTMLElement && !e.target.closest("button") && a.current?.focus();
+		},
+		...t,
+		children: [
+			r && /* @__PURE__ */ P(Pe, { children: r }),
+			/* @__PURE__ */ ue(z, { children: [/* @__PURE__ */ P(Ie, {}), /* @__PURE__ */ P(Ne, {})] }),
+			i && /* @__PURE__ */ P(Fe, { children: i }),
+			/* @__PURE__ */ P(oe, {
+				slot: "clear",
+				size: "2xs",
+				variant: "ghost",
+				colorPalette: "primary",
+				children: /* @__PURE__ */ P(x, {})
+			}),
+			/* @__PURE__ */ P(oe, {
+				slot: "toggle",
+				size: "2xs",
+				variant: "ghost",
+				colorPalette: "neutral",
+				excludeFromTabOrder: !0,
+				children: o ? /* @__PURE__ */ P(w, {
+					size: "xs",
+					margin: "50"
+				}) : /* @__PURE__ */ P(S, {})
+			}),
+			e
+		]
+	});
+};
+Le.displayName = "ComboBox.Trigger";
+//#endregion
+//#region src/components/combobox/components/combobox.popover.tsx
+var Re = ({ children: e, ref: t, ...n }) => {
+	let [r, i] = T(n);
+	return /* @__PURE__ */ P(xe, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ P(l, {
+			ref: t,
+			isNonModal: !0,
+			...i,
+			children: e
+		})
+	});
+};
+Re.displayName = "ComboBox.Popover";
+//#endregion
+//#region src/components/combobox/components/combobox.listbox.tsx
+function G({ children: e, ref: t, ...n }) {
+	let [r, i] = T(n), a = typeof e == "function" ? (t) => {
+		let n = e(t), r = t;
+		return se(n) && (r.id || r.textValue) ? E(n, {
+			...n.props,
+			...r.id ? { id: r.id } : {},
+			...r.textValue ? { textValue: r.textValue } : {}
+		}) : n;
+	} : e;
+	return /* @__PURE__ */ P(Se, {
+		...r,
+		ref: t,
+		asChild: !0,
+		children: /* @__PURE__ */ P(s, {
+			...i,
+			children: a
+		})
+	});
+}
+G.displayName = "ComboBox.ListBox";
+//#endregion
+//#region src/components/combobox/components/combobox.option.tsx
+function K({ children: e, ref: t, ...n }) {
+	let { textValue: i, ...a } = n, [o, s] = T(a), c = i ?? (typeof e == "string" ? e : void 0);
+	return /* @__PURE__ */ P(Ce, {
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ P(r, {
+			ref: t,
+			...s,
+			textValue: c,
+			children: (t) => {
+				let n = typeof e == "function" ? e({ ...t }) : e;
+				return t.selectionMode === "multiple" ? /* @__PURE__ */ ue(le, { children: [/* @__PURE__ */ P(we, { children: /* @__PURE__ */ P("span", {
+					"data-selected": t.isSelected,
+					children: t.isSelected && /* @__PURE__ */ P(b, {})
+				}) }), /* @__PURE__ */ P(V, { children: n })] }) : /* @__PURE__ */ P(le, { children: n });
+			}
+		})
+	});
+}
+K.displayName = "ComboBox.Option";
+//#endregion
+//#region src/components/combobox/components/combobox.section.tsx
+function ze({ children: t, label: n, items: r, ref: i, ...o }) {
+	if (r && typeof t != "function") throw Error("ComboBox.Section: When \"items\" is provided, \"children\" must be a function");
+	return /* @__PURE__ */ ue(a, {
+		ref: i,
+		...o,
+		children: [n && /* @__PURE__ */ P(B, {
+			asChild: !0,
+			children: /* @__PURE__ */ P(u, { children: n })
+		}), r ? /* @__PURE__ */ P(e, {
+			items: r,
+			children: (e) => typeof t == "function" ? t(e) : null
+		}) : t]
+	});
+}
+ze.displayName = "ComboBox.Section";
+//#endregion
+//#region src/components/combobox/utils/filters.ts
+function q(e, t) {
+	if (!t.trim()) return e;
+	let n = t.toLowerCase(), r = [];
+	for (let t of e) t.textValue.toLowerCase().includes(n) && r.push(t);
+	return r;
+}
+function J(e, t) {
+	if (!t.trim()) return e;
+	let n = t.toLowerCase(), r = [];
+	for (let t of e) t.textValue.toLowerCase().startsWith(n) && r.push(t);
+	return r;
+}
+function Y(e, t) {
+	if (!t.trim()) return e;
+	let n = [];
+	for (let r of e) r.textValue.includes(t) && n.push(r);
+	return n;
+}
+function Be(e, t) {
+	if (!t.trim()) return e;
+	let n = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), r = RegExp(`\\b${n}`, "i"), i = [];
+	for (let t of e) r.test(t.textValue) && i.push(t);
+	return i;
+}
+function Ve(e, t) {
+	if (!t.trim()) return e;
+	let n = t.toLowerCase(), r = [];
+	for (let t of e) {
+		let e = t.textValue.toLowerCase(), i = 0;
+		for (let t = 0; t < e.length && i < n.length; t++) e[t] === n[i] && i++;
+		i === n.length && r.push(t);
+	}
+	return r;
+}
+function X(e) {
+	return (t, n) => {
+		if (!n.trim()) return t;
+		let r = n.toLowerCase(), i = [];
+		for (let n of t) {
+			let t = n.value;
+			t && e.some((e) => {
+				let n = e.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, t);
+				return n != null && String(n).toLowerCase().includes(r);
+			}) && i.push(n);
+		}
+		return i;
+	};
+}
+function He(e) {
+	return (t, n) => {
+		if (!n.trim()) return t;
+		let r = [];
+		for (let i of t) {
+			let t = e(i, n);
+			t > 0 && r.push({
+				node: i,
+				score: t
+			});
+		}
+		return r.sort((e, t) => t.score - e.score), r.map((e) => e.node);
+	};
+}
+function Ue(e = q) {
+	return (t, n) => {
+		if (!n.trim()) return t;
+		let r = n.split(/\s+/).filter((e) => e.length > 0);
+		if (r.length === 0) return t;
+		let i = /* @__PURE__ */ new Set();
+		for (let n of r) {
+			let r = e(t, n);
+			for (let e of r) i.add(e.key);
+		}
+		let a = [];
+		for (let e of t) i.has(e.key) && a.push(e);
+		return a;
+	};
+}
+function Z(e) {
+	return (t, n) => {
+		if (!n.trim()) return t;
+		let r = [], i = null, a = [], o = () => {
+			i && a.length > 0 && (r.push(i), r.push(...a)), a.length = 0;
+		};
+		for (let r of t) if (r.type === "section") o(), i = r;
+		else {
+			let t = Array.from(e([r], n));
+			t.length > 0 && a.push(...t);
+		}
+		return o(), r;
+	};
+}
+//#endregion
+//#region src/components/combobox/combobox.tsx
+var We = {
+	Root: W,
+	Trigger: Le,
+	Popover: Re,
+	ListBox: G,
+	Option: K,
+	Section: ze,
+	filters: {
+		filterByText: q,
+		filterByStartsWith: J,
+		filterByCaseSensitive: Y,
+		filterByWordBoundary: Be,
+		filterByFuzzy: Ve,
+		createMultiPropertyFilter: X,
+		createRankedFilter: He,
+		createMultiTermFilter: Ue,
+		createSectionAwareFilter: Z
+	}
+};
+//#endregion
+export { We as t };
+
+//# sourceMappingURL=combobox-DaF9zUNv.es.js.map