@commercetools/nimbus 3.3.0 → 3.5.0

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

@@ -1,1225 +0,0 @@
-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