@commercetools/nimbus 3.2.0 → 3.3.0

package/dist/chunks/combobox-BW_VrIHV.esm.js

@@ -0,0 +1,1225 @@
+import { i as e, n as t } from "./CollectionBuilder-CrO7xw2e.esm.js";
+import { i as n } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { a as r, i, n as a, r as o, t as s } from "./ListBox-DlI6zwM7.esm.js";
+import { d as c } from "./Dialog-tQOfG_On.esm.js";
+import { t as l } from "./Header-CdFIlJp5.esm.js";
+import { n as u, t as d } from "./tag-group-DJ2Eyzr6.esm.js";
+import { n as f, t as p } from "./utils-BYIK8Yf2.esm.js";
+import { n as m } from "./Autocomplete-CdgicXR5.esm.js";
+import { t as ee } from "./Label-CMtaxHxv.esm.js";
+import { t as te } from "./Button-FcraQeen.esm.js";
+import { n as ne } from "./Text-B7tENZ_I.esm.js";
+import { n as re } from "./Group-D4Vbo9q9.esm.js";
+import { n as h, t as g } from "./Input-C_pdDok9.esm.js";
+import { t as _ } from "./useListState-BiT-W669.esm.js";
+import { n as v } from "./useListData-DuxgfYcG.esm.js";
+import { t as y } from "./icon-button-6dtfz6Yf.esm.js";
+import { t as b } from "./loading-spinner-CTPm1sYC.esm.js";
+import { n as x, t as S } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as ie } from "./popover-CwdOyGHr.esm.js";
+import { t as C } from "./extract-style-props-BPnHKmWR.esm.js";
+import { cloneElement as ae, createContext as oe, isValidElement as w, useCallback as T, useContext as se, useEffect as E, useMemo as D, useReducer as O, useRef as k, useState as A } from "react";
+import { Fragment as ce, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Check as le, Close as N, KeyboardArrowDown as ue } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as de, useSlotRecipe as fe } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria-components@1.19.0_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__*/ oe(null);
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.48.0_react@19.2.0/node_modules/react-stately/dist/private/data/useAsyncList.mjs
+function me(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 he(e) {
+	let { load: t, sort: n, initialSelectedKeys: r, initialSortDescriptor: i, getKey: a = (e) => e.id || e.key, initialFilterText: o = "" } = e, [s, c] = O(me, {
+		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 = k(!1);
+	return E(() => {
+		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 P(e, t, n, r) {
+	var i = this, a = k(null), o = k(0), s = k(0), c = k(null), l = k([]), u = k(), d = k(), f = k(e), p = k(!0), m = k(), ee = k();
+	f.current = e;
+	var te = typeof window < "u", ne = !t && t !== 0 && te;
+	if (typeof e != "function") throw TypeError("Expected a function");
+	t = +t || 0;
+	var re = !!(n ||= {}).leading, h = !("trailing" in n) || !!n.trailing, g = !!n.flushOnExit && h, _ = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, y = _ ? Math.max(+n.maxWait || 0, t) : null, b = D(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) {
+			ne && cancelAnimationFrame(c.current), c.current = ne ? requestAnimationFrame(e) : setTimeout(e, t);
+		}, b = function(e) {
+			if (!p.current) return !1;
+			var n = e - a.current;
+			return !a.current || n >= t || n < 0 || _ && e - o.current >= y;
+		}, x = function(t) {
+			return c.current = null, h && l.current ? e(t) : (l.current = u.current = null, d.current);
+		}, S = function e() {
+			var r = Date.now();
+			if (re && s.current === o.current && ie(), b(r)) return x(r);
+			if (p.current) {
+				var i = t - (r - a.current);
+				n(e, _ ? Math.min(i, y - (r - o.current)) : i);
+			}
+		}, ie = function() {
+			r && r({});
+		}, C = function() {
+			if (te || v) {
+				var r, s = Date.now(), f = b(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(S, t), re ? e(a.current) : d.current;
+					if (_) return n(S, t), e(a.current);
+				}
+				return c.current || n(S, t), d.current;
+			}
+		};
+		return C.cancel = function() {
+			var e = c.current;
+			e && (ne ? cancelAnimationFrame(c.current) : clearTimeout(c.current)), o.current = 0, l.current = a.current = u.current = c.current = null, e && r && r({});
+		}, C.isPending = function() {
+			return !!c.current;
+		}, C.flush = function() {
+			return c.current ? x(Date.now()) : d.current;
+		}, C;
+	}, [
+		re,
+		_,
+		t,
+		y,
+		h,
+		g,
+		ne,
+		te,
+		v,
+		r
+	]);
+	return ee.current = b, E(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]), b;
+}
+//#endregion
+//#region src/components/combobox/combobox.slots.tsx
+var { withProvider: ge, withContext: F } = de({ key: "nimbusCombobox" }), I = ge("div", "root"), _e = F("div", "trigger"), L = F("div", "leadingElement"), ve = F("div", "content"), R = F("div", "tagGroup"), ye = F("div", "input"), be = F("div", "popover"), xe = F("div", "listBox"), Se = F("div", "section"), z = F("div", "option"), B = F("div", "optionIndicator"), Ce = F("div", "optionContent"), we = {
+	en: S({
+		clearSelection: "Clear selection",
+		options: "Options menu",
+		selectedValues: "Selected values",
+		toggleOptions: "Toggle options"
+	}),
+	de: S({
+		clearSelection: "Auswahl löschen",
+		options: "Optionsmenü",
+		selectedValues: "Ausgewählte Werte",
+		toggleOptions: "Optionen anzeigen/ verbergen"
+	}),
+	es: S({
+		clearSelection: "Borrar selección",
+		options: "Menú de opciones",
+		selectedValues: "Valores seleccionados",
+		toggleOptions: "Opciones de conmutación"
+	}),
+	"fr-FR": S({
+		clearSelection: "Effacer la sélection",
+		options: "Menu d'options",
+		selectedValues: "Valeurs sélectionnées",
+		toggleOptions: "Basculer les options"
+	}),
+	"pt-BR": S({
+		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 Te(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 Ee(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), V = oe(null), Ae = () => {
+	let e = se(V);
+	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 = D(() => {
+		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) : "";
+		} else {
+			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__ */ j("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 H(e) {
+	let n;
+	[e, n] = f(e, null, pe);
+	let { selectionMode: r = "single", size: i = "md", getKey: a = Te, getTextValue: s = Ee, children: c, leadingElement: l, inputValue: d, onInputChange: m, isLoading: ee, allowsEmptyMenu: ne, renderEmptyState: re, async: h, filter: _, allowsCustomOptions: v = !1, isDisabled: y = !1, isInvalid: b = !1, isRequired: x = !1, isReadOnly: S = !1 } = e, [ie, ae] = fe({ key: "nimbusCombobox" }).splitVariantProps(e), [oe, w] = C(ae), se = k(null), E = k(null), [O, ce] = A([]), M = he({
+		getKey: a,
+		async load({ signal: e, filterText: t }) {
+			if (!h) return { items: [] };
+			let n = h.minSearchLength ?? 0;
+			if (!t || t.length < n) return { items: [] };
+			try {
+				return { items: await h.load(t, e) };
+			} catch (e) {
+				if (e.name === "AbortError") throw e;
+				let t = e;
+				return h.onError?.(t), { items: [] };
+			}
+		}
+	}), [le, N] = A(d), [ue, de] = A(!1), [me, ge] = A([]), F = P((e) => {
+		de(!1), M.setFilterText(e);
+	}, h?.debounce ?? 300), _e = T((e) => {
+		N(e), de(!0), F(e);
+	}, [F]), L = h ? le : d, ve = h ? _e : m, R = h ? ue || M.loadingState === "loading" || M.loadingState === "loadingMore" || M.loadingState === "filtering" : ee, ye = h || v ? !0 : ne, be = T(() => R ? L?.length ? `loading results for "${L}"` : "loading results" : L?.length && h?.minSearchLength && L.length >= h.minSearchLength ? `no results for "${L}"` : h?.minSearchLength ? `enter at least ${h?.minSearchLength} characters` : "type to search", [
+		h?.minSearchLength,
+		R,
+		L
+	]), xe = T(() => R ? L?.length ? `loading results for "${L}"` : "loading results" : "hit \"enter\" to create an option", [R, L]), Se = (v ? xe : h ? be : void 0) ?? re, z = D(() => {
+		let t = h ? Array.from(M.items) : e.items, n = t ? Array.from(t) : [], i = new Set(n.map((e) => a(e))), o = [...O.filter((e) => !i.has(a(e))), ...n];
+		if (h && r === "multiple" && me.length > 0) {
+			let e = new Set(o.map((e) => a(e)));
+			o = [...me.filter((t) => !e.has(a(t))), ...o];
+		}
+		return o;
+	}, [
+		h,
+		M.items,
+		e.items,
+		O,
+		me,
+		r,
+		a
+	]), B = D(() => ({
+		selectionMode: r,
+		size: i,
+		getKey: a,
+		getTextValue: s,
+		leadingElement: l,
+		triggerRef: se,
+		inputRef: E,
+		isLoading: R,
+		isDisabled: y,
+		isRequired: x,
+		isInvalid: b,
+		isReadOnly: S
+	}), [
+		r,
+		a,
+		s,
+		l,
+		se,
+		E,
+		R,
+		i,
+		y,
+		x,
+		b,
+		S
+	]), Ce = D(() => {
+		if (z) return Array.from(z).map((e) => {
+			let t = "id" in e, n = "textValue" in e;
+			return t && n ? e : {
+				...e,
+				...t ? {} : { id: a(e) },
+				...n ? {} : { textValue: s(e) }
+			};
+		});
+	}, [
+		z,
+		a,
+		s
+	]), we = D(() => /* @__PURE__ */ j(V.Provider, {
+		value: B,
+		children: /* @__PURE__ */ j(o.Provider, {
+			value: { items: Ce },
+			children: typeof c == "function" ? c({
+				isOpen: !1,
+				isDisabled: y,
+				isInvalid: b,
+				isRequired: x,
+				isReadOnly: S,
+				defaultChildren: null
+			}) : c
+		})
+	}), [
+		c,
+		y,
+		b,
+		S,
+		x,
+		Ce,
+		B
+	]);
+	return /* @__PURE__ */ j(p, {
+		values: [
+			[te, {}],
+			[g, {}],
+			[u, {}]
+		],
+		children: /* @__PURE__ */ j(V.Provider, {
+			value: B,
+			children: /* @__PURE__ */ j(I, {
+				ref: n,
+				...ie,
+				...oe,
+				size: i,
+				"data-disabled": y,
+				"data-invalid": b,
+				"data-required": x,
+				"data-readonly": S,
+				"data-open": e.isOpen,
+				role: "group",
+				children: /* @__PURE__ */ j(t, {
+					content: we,
+					children: (e) => /* @__PURE__ */ j(U, {
+						...w,
+						size: i,
+						filter: _,
+						selectionMode: r,
+						inputValue: L,
+						onInputChange: ve,
+						getKey: a,
+						getTextValue: s,
+						allowsEmptyMenu: ye,
+						renderEmptyState: Se,
+						isDisabled: y,
+						isRequired: x,
+						isInvalid: b,
+						isReadOnly: S,
+						collection: e,
+						allowsCustomOptions: v,
+						asyncConfig: h,
+						onAsyncSelectedItemsChange: h && r === "multiple" ? ge : void 0,
+						onAddCustomItem: ce,
+						onAddAsyncSelectedItem: ge
+					})
+				})
+			})
+		})
+	});
+}
+H.displayName = "ComboBox.Root";
+var U = (e) => {
+	let t = x(we), { selectionMode: r = "single", items: i, collection: s, getKey: l = Te, children: d, selectedKeys: f = [], onSelectionChange: h, disabledKeys: v, inputValue: y = "", onInputChange: b, filter: S, placeholder: ie, menuTrigger: C = "input", shouldCloseOnBlur: ae = !0, shouldCloseOnSelect: oe = !0, isOpen: w, defaultOpen: se = !1, onOpenChange: O, allowsEmptyMenu: ce = !1, renderEmptyState: le, allowsCustomOptions: N = !1, isValidNewOption: ue, getNewOptionData: de = De, onCreateOption: fe, "aria-label": pe, "aria-labelledby": me, "aria-describedby": he, isDisabled: P = !1, isRequired: ge = !1, isInvalid: F = !1, isReadOnly: I = !1, shouldFocusWrap: _e = !0, autoFocus: L = !1, name: ve, formValue: R, validationBehavior: ye = "aria", form: be, validate: xe, isLoading: Se, asyncConfig: z, onAsyncSelectedItemsChange: B, onAddCustomItem: Ce, onAddAsyncSelectedItem: Ee } = e, { triggerRef: V, inputRef: H } = Ae(), U = n(), W = n(), Me = k(null), Ne = k(null), Pe = D(() => Oe(f), [Array.isArray(f) ? f.join("\0") : String(f ?? "")]), Fe = !!h, [Ie, Le] = A(Pe), G = Fe ? Pe : Ie, K = b !== void 0, [Re, q] = A(() => {
+		if (y) return y;
+		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 ? y : Re, Y = k(J), [ze, Be] = A(se), X = w ?? ze, [Ve, He] = A(null), Z = T((e) => {
+		w === void 0 && Be(e), O?.(e);
+	}, [w, O]), Ue = D(() => {
+		if (r !== "single") return;
+		let e = Array.from(G);
+		if (e.length !== 0) return s.getItem(e[0])?.textValue;
+	}, [
+		r,
+		G,
+		s
+	]), We = D(() => {
+		if (J.trim() === "" || r === "single" && Ue === J) return s;
+		if (S) {
+			let e = Array.from(s), t = Array.from(S(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,
+		S,
+		r,
+		Ue
+	]), Ge = D(() => r === "multiple" ? Array.from(G).map((e) => s.getItem(e)?.value).filter((e) => e !== void 0) : [], [
+		r,
+		G,
+		s
+	]), [Ke, qe] = A(null), Je = T(() => {
+		let e = w === void 0 ? !X : !w;
+		w === void 0 ? Be((e) => !e) : O?.(!w), e && (H.current?.focus(), He("first"));
+	}, [
+		w,
+		X,
+		O,
+		H
+	]), Ye = T((e) => {
+		K || q(e), b?.(e), C === "input" && e !== Y.current && Z(!0), Y.current = e;
+	}, [
+		K,
+		b,
+		C,
+		Z
+	]), Xe = T(() => {
+		let e = V.current?.querySelector("[class*=\"nimbus-combobox__content\"]");
+		e && requestAnimationFrame(() => {
+			e.scrollTop = e.scrollHeight;
+		});
+	}, [V]), Q = T((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 (h ? h(o) : Le(n), z && 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 && Xe(), r === "single") {
+			let e = Array.from(n)[0];
+			if (e !== null) {
+				let t = s.getItem(e)?.textValue ?? "";
+				K || (q(t), Y.current = t), b?.(t);
+			}
+			oe && Z(!1);
+		}
+	}, [
+		s,
+		r,
+		G,
+		h,
+		b,
+		oe,
+		Z,
+		K,
+		z,
+		B,
+		Xe
+	]), $ = _({
+		selectionMode: r,
+		collection: We,
+		selectedKeys: G,
+		onSelectionChange: Q,
+		disabledKeys: v
+	}), Ze = T(() => {
+		Q(/* @__PURE__ */ new Set()), K || (q(""), Y.current = ""), b?.(""), Z(!0), requestAnimationFrame(() => {
+			H.current?.focus();
+		});
+	}, [
+		Q,
+		K,
+		b,
+		Z,
+		H
+	]), Qe = T((e) => {
+		Ce?.((t) => [...t, e]), z && r === "multiple" && Ee?.((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,
+		z,
+		r,
+		Ee,
+		l,
+		G,
+		Q
+	]), $e = T(() => {
+		if (!N) return !1;
+		let e = J.trim();
+		if (!e || Array.from(s).some((t) => t.textValue?.toLowerCase() === e.toLowerCase()) || ue && !ue(e)) return !1;
+		let t = de(e);
+		return Qe(t), r === "multiple" ? (K || (q(""), Y.current = ""), b?.("")) : (K || (q(e), Y.current = e), b?.(e)), fe?.(t), !0;
+	}, [
+		N,
+		de,
+		ue,
+		J,
+		s,
+		r,
+		b,
+		fe,
+		Qe,
+		K,
+		q,
+		Y
+	]), et = T((e) => {
+		if (P || I) 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,
+		P,
+		I,
+		H
+	]), tt = T((e) => {
+		switch (e.key) {
+			case "ArrowDown":
+				if (e.preventDefault(), !X) Z(!0), He("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), He("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 && N && $e() && 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);
+					}
+				}
+				break;
+			default: break;
+		}
+	}, [
+		X,
+		$.selectionManager,
+		$.collection,
+		Q,
+		Z,
+		He,
+		r,
+		J,
+		G,
+		N,
+		$e
+	]), nt = T(() => {
+		C === "focus" && !P && !I && Z(!0), r === "single" && J && H.current && H.current.select();
+	}, [
+		C,
+		P,
+		I,
+		Z,
+		r,
+		J,
+		H
+	]), rt = T(() => {
+		ae && setTimeout(() => {
+			let e = document.activeElement, t = V.current?.contains(e), n = Ne.current?.contains(e);
+			!t && !n && Z(!1);
+		}, 150);
+	}, [
+		ae,
+		Z,
+		V,
+		Ne
+	]), it = k(null), at = k(!1);
+	E(() => {
+		L && H.current && !P && H.current.focus();
+	}, [
+		L,
+		P,
+		H
+	]);
+	let ot = k(X);
+	E(() => {
+		w === void 0 && ot.current !== X && (ot.current = X, O?.(X));
+	}, [
+		X,
+		w,
+		O
+	]), E(() => {
+		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 === it.current && (at.current || t === null) || (it.current = t, at.current = i, t !== null && !n)) return;
+		let a = n?.textValue ?? "";
+		K ? b?.(a) : (q(a), Y.current = a);
+	}, [
+		r,
+		$.selectionManager.selectedKeys,
+		$.collection,
+		K,
+		b
+	]), E(() => {
+		if (X && Ve) {
+			let e = Ve === "first" ? $.collection.getFirstKey() : $.collection.getLastKey();
+			$.selectionManager.setFocusedKey(e ?? null), He(null);
+		}
+	}, [
+		X,
+		Ve,
+		$.collection,
+		$.selectionManager
+	]), E(() => {
+		X ? $.selectionManager.setFocused(!0) : ($.selectionManager.setFocused(!1), $.selectionManager.setFocusedKey(null));
+	}, [X, $.selectionManager]);
+	let st = k(!1);
+	E(() => {
+		$.collection.size > 0 && (st.current = !0);
+	}, [$.collection.size]), E(() => {
+		!X || ce || Se || st.current && ($.collection.size > 0 || Z(!1));
+	}, [
+		X,
+		ce,
+		Se,
+		$.collection.size,
+		Z,
+		J
+	]), E(() => {
+		let e = V.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.offsetWidth;
+			qe(`${t}px`);
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => {
+			n.disconnect();
+		};
+	}, [V]);
+	let ct = D(() => ({
+		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} ${he ?? ""}` : he,
+		"aria-label": pe,
+		"aria-labelledby": me,
+		value: J,
+		onChange: (e) => Ye(e.target.value),
+		onKeyDown: tt,
+		onFocus: nt,
+		onBlur: rt,
+		disabled: P,
+		readOnly: I,
+		required: ge,
+		"aria-invalid": F,
+		placeholder: ie,
+		name: ve,
+		form: be,
+		validationbehavior: ye,
+		validate: xe
+	}), [
+		H,
+		r,
+		W,
+		U,
+		X,
+		$.selectionManager.focusedKey,
+		he,
+		pe,
+		me,
+		J,
+		Ye,
+		tt,
+		nt,
+		rt,
+		P,
+		I,
+		ge,
+		F,
+		ie,
+		ve,
+		be,
+		ye,
+		xe
+	]), lt = D(() => ({
+		id: W,
+		"aria-label": t.format("selectedValues"),
+		items: Ge,
+		onRemove: et
+	}), [
+		W,
+		t,
+		Ge,
+		et
+	]), ut = G.size > 0, dt = D(() => ({ slots: {
+		toggle: {
+			onPress: Je,
+			"aria-label": t.format("toggleOptions"),
+			isDisabled: P || I,
+			isPressed: X
+		},
+		clear: {
+			onPress: Ze,
+			"aria-label": t.format("clearSelection"),
+			style: ut ? void 0 : { display: "none" },
+			isDisabled: P || I || !ut
+		}
+	} }), [
+		Je,
+		t,
+		P,
+		I,
+		X,
+		Ze,
+		ut
+	]), ft = T((e) => {
+		e || Z(!1);
+	}, [Z]), pt = D(() => ({ "--nimbus-combobox-trigger-width": Ke }), [Ke]), mt = D(() => ({
+		isOpen: X,
+		onOpenChange: ft,
+		ref: Ne,
+		triggerRef: V,
+		scrollRef: Me,
+		isNonModal: !0,
+		trigger: "ComboBox",
+		placement: "bottom start",
+		style: pt,
+		clearContexts: [
+			ee,
+			te,
+			g,
+			re,
+			ne
+		]
+	}), [
+		X,
+		ft,
+		Ne,
+		V,
+		Me,
+		pt
+	]), ht = D(() => ({ shouldUseVirtualFocus: !0 }), []), gt = D(() => ({
+		items: i,
+		id: U,
+		ref: Me,
+		renderEmptyState: le,
+		shouldFocusWrap: _e,
+		"aria-label": t.format("options")
+	}), [
+		i,
+		U,
+		Me,
+		le,
+		_e,
+		t
+	]);
+	return /* @__PURE__ */ M(p, {
+		values: [
+			[g, ct],
+			[u, lt],
+			[te, dt],
+			[c, mt],
+			[m, ht],
+			[o, gt],
+			[a, $]
+		],
+		children: [/* @__PURE__ */ j(je, {
+			name: ve,
+			form: be,
+			selectedKeys: G,
+			selectionMode: r,
+			formValue: R,
+			allowsCustomOptions: N,
+			collection: $.collection,
+			inputValue: J
+		}), d]
+	});
+}, W = (e) => {
+	let [t, n] = C(e), r = se(g), { 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__ */ j(ye, {
+		asChild: !0,
+		...t,
+		children: /* @__PURE__ */ j(h, {
+			ref: i,
+			...n,
+			size: s,
+			"data-empty": !(a.length || o.length)
+		})
+	});
+};
+W.displayName = "ComboBox.Input";
+//#endregion
+//#region src/components/combobox/components/combobox.leading-element.tsx
+var Me = ({ children: e }) => /* @__PURE__ */ j(L, { children: e }), Ne = (e) => {
+	let { selectionMode: t, size: n, getKey: r, getTextValue: i, isDisabled: a, isReadOnly: o } = Ae(), [s, c] = C(e), l = se(u), f = (l && "items" in l ? l.items : void 0) ?? [];
+	return t === "multiple" ? /* @__PURE__ */ j(R, {
+		...s,
+		...c,
+		asChild: !0,
+		children: /* @__PURE__ */ j(d.Root, {
+			size: n,
+			children: /* @__PURE__ */ j(d.TagList, {
+				items: f,
+				display: "contents",
+				children: (e) => {
+					let t = r(e), n = i(e);
+					return /* @__PURE__ */ j(d.Tag, {
+						id: t,
+						textValue: n,
+						isDisabled: a || o,
+						maxW: "100%",
+						children: n
+					});
+				}
+			})
+		})
+	}) : null;
+};
+Ne.displayName = "ComboBox.TagGroup";
+//#endregion
+//#region src/components/combobox/components/combobox.trigger.tsx
+var Pe = ({ children: e, ...t }) => {
+	let { triggerRef: n, leadingElement: r, inputRef: i, isLoading: a, isDisabled: o } = Ae();
+	return /* @__PURE__ */ M(_e, {
+		ref: n,
+		onClick: (e) => {
+			!o && e.target instanceof HTMLElement && !e.target.closest("button") && i.current?.focus();
+		},
+		...t,
+		children: [
+			r && /* @__PURE__ */ j(Me, { children: r }),
+			/* @__PURE__ */ M(ve, { children: [/* @__PURE__ */ j(Ne, {}), /* @__PURE__ */ j(W, {})] }),
+			/* @__PURE__ */ j(y, {
+				slot: "clear",
+				size: "2xs",
+				variant: "ghost",
+				colorPalette: "primary",
+				children: /* @__PURE__ */ j(N, {})
+			}),
+			/* @__PURE__ */ j(y, {
+				slot: "toggle",
+				size: "2xs",
+				variant: "ghost",
+				colorPalette: "neutral",
+				excludeFromTabOrder: !0,
+				children: a ? /* @__PURE__ */ j(b, {
+					size: "xs",
+					margin: "50"
+				}) : /* @__PURE__ */ j(ue, {})
+			}),
+			e
+		]
+	});
+};
+Pe.displayName = "ComboBox.Trigger";
+//#endregion
+//#region src/components/combobox/components/combobox.popover.tsx
+var Fe = ({ children: e, ref: t, ...n }) => {
+	let [r, i] = C(n);
+	return /* @__PURE__ */ j(be, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ j(ie, {
+			ref: t,
+			isNonModal: !0,
+			autoFocus: !1,
+			...i,
+			children: e
+		})
+	});
+};
+Fe.displayName = "ComboBox.Popover";
+//#endregion
+//#region src/components/combobox/components/combobox.listbox.tsx
+function Ie({ children: e, ref: t, ...n }) {
+	let [r, i] = C(n), a = typeof e == "function" ? (t) => {
+		let n = e(t), r = t;
+		return w(n) && (r.id || r.textValue) ? ae(n, {
+			...n.props,
+			...r.id ? { id: r.id } : {},
+			...r.textValue ? { textValue: r.textValue } : {}
+		}) : n;
+	} : e;
+	return /* @__PURE__ */ j(xe, {
+		...r,
+		ref: t,
+		asChild: !0,
+		children: /* @__PURE__ */ j(s, {
+			...i,
+			children: a
+		})
+	});
+}
+Ie.displayName = "ComboBox.ListBox";
+//#endregion
+//#region src/components/combobox/components/combobox.option.tsx
+function Le({ children: e, ref: t, ...n }) {
+	let { textValue: r, ...a } = n, [o, s] = C(a), c = r ?? (typeof e == "string" ? e : void 0);
+	return /* @__PURE__ */ j(z, {
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ j(i, {
+			ref: t,
+			...s,
+			textValue: c,
+			children: (t) => {
+				let n = typeof e == "function" ? e({ ...t }) : e;
+				return t.selectionMode === "multiple" ? /* @__PURE__ */ M(ce, { children: [/* @__PURE__ */ j(B, { children: /* @__PURE__ */ j("span", {
+					"data-selected": t.isSelected,
+					children: t.isSelected && /* @__PURE__ */ j(le, {})
+				}) }), /* @__PURE__ */ j(Ce, { children: n })] }) : /* @__PURE__ */ j(ce, { children: n });
+			}
+		})
+	});
+}
+Le.displayName = "ComboBox.Option";
+//#endregion
+//#region src/components/combobox/components/combobox.section.tsx
+function G({ children: t, label: n, items: i, ref: a, ...o }) {
+	if (i && typeof t != "function") throw Error("ComboBox.Section: When \"items\" is provided, \"children\" must be a function");
+	return /* @__PURE__ */ M(r, {
+		ref: a,
+		...o,
+		children: [n && /* @__PURE__ */ j(Se, {
+			asChild: !0,
+			children: /* @__PURE__ */ j(l, { children: n })
+		}), i ? /* @__PURE__ */ j(e, {
+			items: i,
+			children: (e) => typeof t == "function" ? t(e) : null
+		}) : t]
+	});
+}
+G.displayName = "ComboBox.Section";
+//#endregion
+//#region src/components/combobox/utils/filters.ts
+function K(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 Re(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 q(e, t) {
+	if (!t.trim()) return e;
+	let n = [];
+	for (let r of e) r.textValue.includes(t) && n.push(r);
+	return n;
+}
+function J(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 Y(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 ze(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 Be(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 X(e = K) {
+	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 Ve(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 He = {
+	Root: H,
+	Trigger: Pe,
+	Popover: Fe,
+	ListBox: Ie,
+	Option: Le,
+	Section: G,
+	filters: {
+		filterByText: K,
+		filterByStartsWith: Re,
+		filterByCaseSensitive: q,
+		filterByWordBoundary: J,
+		filterByFuzzy: Y,
+		createMultiPropertyFilter: ze,
+		createRankedFilter: Be,
+		createMultiTermFilter: X,
+		createSectionAwareFilter: Ve
+	}
+};
+//#endregion
+export { He as t };
+
+//# sourceMappingURL=combobox-BW_VrIHV.esm.js.map