themelia-react-ui 2.0.5 → 3.0.0

package/dist/combobox-DrDXtSSt.js

@@ -0,0 +1,929 @@
+"use client";
+import { C as e, f as t } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { c as i } from "./typography-C0dELqYV.js";
+import { n as a } from "./buttons-pZVgPTZn.js";
+import { t as o } from "./anchored-positioning-1U_eBFNx.js";
+import { t as s } from "./structure-DElaQwwN.js";
+import { n as c } from "./tone-recipes-BPsRAvhu.js";
+import { o as l } from "./surface-recipes-DV6rrOFq.js";
+import { t as ee } from "./feedback-DmqmXKLn.js";
+import { t as u } from "./layer-recipes-CCpklYME.js";
+import { n as d, r as f } from "./field-affordance-recipes-DfbMadot.js";
+import { C as p, S as m, _ as h, a as g, d as _, g as te, h as v, m as y, o as b, s as x, t as S, v as C, w, x as T, y as E } from "./combobox-Dl6f6kHz.js";
+import { l as ne, u as D } from "./form-sizing-DE_dZw32.js";
+import { t as O } from "./input-DfJyrjoR.js";
+import { t as k } from "./scroll-area-B9HKbji0.js";
+import { t as A } from "./use-debounced-callback-Cx1h-hdv.js";
+import * as re from "react";
+import { useCallback as j, useEffect as M, useId as ie, useLayoutEffect as N, useMemo as P, useRef as ae, useState as F } from "react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { ChevronDownIcon as oe, Loader2 as z, PlusIcon as B, XIcon as V } from "lucide-react";
+import { Combobox as se } from "@base-ui/react/combobox";
+//#region src/components/base/combobox/combobox-field.tsx
+function ce({ placeholder: e, clearLabel: t, toggleLabel: n, size: i, error: o, required: s, disabled: c, clearable: l = !0, className: ee, onBlur: u, "aria-invalid": p, "aria-required": m, ...h }) {
+	return /* @__PURE__ */ R("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ L(T, {
+			render: /* @__PURE__ */ L(O, {
+				size: i,
+				invalid: o,
+				className: r(l ? f.clearPadding[i] : f.padding[i], ee)
+			}),
+			placeholder: e,
+			...h,
+			"aria-invalid": p ?? (o || void 0),
+			"aria-required": m ?? s,
+			disabled: c,
+			onBlur: u
+		}), /* @__PURE__ */ R("div", {
+			className: r("absolute inset-y-0 flex items-center gap-space-xs text-muted-foreground", f.track[i]),
+			children: [l ? /* @__PURE__ */ L(se.Clear, { render: /* @__PURE__ */ L(a, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				className: r(d.target, d.focus, d.clear),
+				"aria-label": t,
+				children: /* @__PURE__ */ L(V, {
+					className: d.icon,
+					"aria-hidden": "true"
+				})
+			}) }) : null, /* @__PURE__ */ L(se.Trigger, { render: /* @__PURE__ */ L(a, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				className: r(d.target, d.focus, d.toggle),
+				"aria-label": n,
+				children: /* @__PURE__ */ L(oe, {
+					className: r("shrink-0", f.icon[i]),
+					"aria-hidden": "true"
+				})
+			}) })]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/combobox/combobox.strings.ts
+var H = {
+	placeholder: "Search...",
+	clear: "Clear selection",
+	toggle: "Open options",
+	dismiss: "Dismiss",
+	removeSelection: (e) => `Remove ${e}`,
+	searching: "Loading...",
+	noResults: "No results found.",
+	typeToSearch: "Type at least {min} characters to search...",
+	typeMore: "Type {remaining} more character{s} to search...",
+	createNew: "Create {value}",
+	loadingMore: "Loading...",
+	apply: "Apply",
+	cancel: "Cancel"
+}, U = Symbol("combobox-create-option");
+function W(e) {
+	return typeof e == "object" && !!e && U in e;
+}
+function G(e) {
+	if (!W(e)) throw Error("Item is not a create option");
+	return e[U];
+}
+function le(e) {
+	return { [U]: e };
+}
+//#endregion
+//#region src/components/features/combobox/components/loading-more.tsx
+function ue({ loading: e, text: t, className: n }) {
+	return e ? /* @__PURE__ */ R(s, {
+		direction: "horizontal",
+		gap: "sm",
+		justify: "center",
+		wrap: !1,
+		className: r("loading-more--component", "px-control py-space-xs text-xs text-muted-foreground", n),
+		role: "status",
+		"aria-live": "polite",
+		children: [/* @__PURE__ */ L(z, {
+			className: "size-icon-sm animate-spin",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ L(i, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: "text-inherit",
+			children: t
+		})]
+	}) : null;
+}
+ue.displayName = "LoadingMore";
+//#endregion
+//#region src/components/features/combobox/components/status-content.tsx
+function K({ children: e }) {
+	return /* @__PURE__ */ L(i, {
+		tag: "span",
+		size: "inherit",
+		type: "secondary",
+		className: "text-inherit",
+		children: e
+	});
+}
+function de({ loading: e, searchValue: t, minSearchLength: n, itemCount: r, strings: i }) {
+	let a = t.trim();
+	if (e) return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(z, { className: "size-icon-sm animate-spin" }), /* @__PURE__ */ L(K, { children: i.searching })] });
+	if (a === "") return i.typeToSearch.includes("{min}") ? /* @__PURE__ */ L(K, { children: i.typeToSearch.replace("{min}", String(n)) }) : /* @__PURE__ */ L(K, { children: i.typeToSearch });
+	if (a.length < n) {
+		let e = n - a.length;
+		return i.formatTypeMore ? /* @__PURE__ */ L(K, { children: i.formatTypeMore(e) }) : i.typeMore.includes("{remaining}") || i.typeMore.includes("{s}") ? /* @__PURE__ */ L(K, { children: i.typeMore.replace("{remaining}", String(e)).replace("{s}", e === 1 ? "" : "s") }) : /* @__PURE__ */ L(K, { children: i.typeMore });
+	}
+	return null;
+}
+de.displayName = "StatusContent";
+//#endregion
+//#region src/components/features/combobox/components/combobox-dropdown.tsx
+var fe = {
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+}, pe = {
+	sm: "flex min-h-control-sm items-center justify-center px-row-x py-row-y text-center text-pxs leading-tight text-muted-foreground",
+	md: "flex min-h-control items-center justify-center px-row-x py-row-y text-center text-sm leading-tight text-muted-foreground",
+	lg: "flex min-h-control-lg items-center justify-center px-row-x py-row-y-lg text-center text-sm leading-tight text-muted-foreground"
+};
+function me({ loading: e, showStatus: t, showEmpty: n, searchValue: c, minSearchLength: ee, items: d, groupedItems: f, createOptionItem: _, renderItemContent: v, getItemReactKey: y, getItemDisabled: S, renderGroupLabel: T, loadingMore: ne, strings: D, size: O = "md", portalContainer: A, listRef: re, anchor: j, applyFooter: M }) {
+	let ie = A == null ? void 0 : u.nestedOverlay, N = fe[O];
+	if (!(t || n || d.length > 0 || ne || M)) return null;
+	let P = /* @__PURE__ */ L(p, {
+		anchor: j,
+		className: ie,
+		children: /* @__PURE__ */ R(x, {
+			"aria-busy": e || void 0,
+			className: r("combobox-dropdown--popup"),
+			children: [
+				!!t && /* @__PURE__ */ L(w, {
+					className: "gap-space-sm px-control py-space-xs text-xs text-muted-foreground",
+					children: /* @__PURE__ */ L(de, {
+						loading: e,
+						searchValue: c,
+						minSearchLength: ee,
+						itemCount: d.length,
+						strings: D
+					})
+				}),
+				!!n && /* @__PURE__ */ L(h, {
+					className: pe[O],
+					children: /* @__PURE__ */ L(i, {
+						tag: "span",
+						size: "inherit",
+						type: "secondary",
+						className: "text-inherit",
+						children: D.noResults
+					})
+				}),
+				/* @__PURE__ */ L(k, {
+					viewportRef: re,
+					viewportClassName: o.md,
+					children: /* @__PURE__ */ L(b, {
+						className: "combobox-dropdown--list max-h-none overflow-visible",
+						children: f ? /* @__PURE__ */ R(I, { children: [Array.from(f.entries()).map(([e, t]) => {
+							let n = typeof T == "function" ? T(e) : e;
+							return /* @__PURE__ */ R(C, {
+								className: "combobox-dropdown--group p-0",
+								items: t,
+								children: [/* @__PURE__ */ L(E, { children: typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ L(i, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									weight: "medium",
+									lineHeight: "tight",
+									children: n
+								}) : n }), /* @__PURE__ */ L(te, { children: (e) => /* @__PURE__ */ L(g, {
+									value: e,
+									size: N,
+									disabled: S?.(e),
+									children: v(e)
+								}, y(e)) })]
+							}, e);
+						}), _ != null && /* @__PURE__ */ L(g, {
+							value: _,
+							size: N,
+							children: v(_)
+						}, y(_))] }) : /* @__PURE__ */ L(te, { children: (e) => /* @__PURE__ */ L(g, {
+							value: e,
+							size: N,
+							disabled: S?.(e),
+							children: v(e)
+						}, y(e)) })
+					})
+				}),
+				/* @__PURE__ */ L(ue, {
+					loading: !!ne,
+					text: D.loadingMore
+				}),
+				!!M && /* @__PURE__ */ R(s, {
+					direction: "horizontal",
+					gap: "md",
+					justify: "end",
+					wrap: !1,
+					className: r("px-control py-space-xs", l.footer),
+					children: [/* @__PURE__ */ L(a, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), M.onCancel();
+						},
+						children: M.cancelLabel
+					}), /* @__PURE__ */ L(a, {
+						type: "button",
+						tone: "primary",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), M.onApply();
+						},
+						children: M.applyLabel
+					})]
+				})
+			]
+		})
+	});
+	return A ? /* @__PURE__ */ L(m, {
+		container: A,
+		children: P
+	}) : /* @__PURE__ */ L(m, { children: P });
+}
+me.displayName = "ComboboxDropdown";
+//#endregion
+//#region src/components/features/combobox/components/error-message.tsx
+function he({ id: e, error: t, size: n, className: a }) {
+	return t ? /* @__PURE__ */ L(i, {
+		id: e,
+		tag: "p",
+		size: "xs",
+		type: "error",
+		className: r("error-message--component", a),
+		role: "alert",
+		"aria-live": "polite",
+		children: t
+	}) : null;
+}
+he.displayName = "ErrorMessage";
+//#endregion
+//#region src/components/features/combobox/components/highlighted-text.tsx
+function ge(e) {
+	return e.replace(/[$()*+.?[\\\]^{|}]/g, "\\$&");
+}
+function _e({ text: e, highlight: t, highlightClassName: n = c.match }) {
+	if (!t.trim()) return /* @__PURE__ */ L(i, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "tight",
+		className: "text-inherit",
+		children: e
+	});
+	let r = RegExp(`(${ge(t)})`, "gi"), a = e.split(r), o = 0;
+	return /* @__PURE__ */ L(i, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "tight",
+		className: "text-inherit",
+		children: a.map((e, t) => {
+			let r = t % 2 == 1, i = String(o);
+			return o += e.length, r ? /* @__PURE__ */ L("mark", {
+				className: n,
+				children: e
+			}, i) : /* @__PURE__ */ L(re.Fragment, { children: e }, i);
+		})
+	});
+}
+_e.displayName = "HighlightedText";
+//#endregion
+//#region src/components/features/combobox/hooks/use-debounced-search.ts
+function ve({ searchValue: e, onSearch: t, debounceMs: n = 300, minSearchLength: r = 3 }) {
+	let i = A((e) => {
+		t?.(e);
+	}, n);
+	M(() => {
+		let t = e.trim();
+		if (!(t.length < r)) return i(t), i.cancel;
+	}, [
+		e,
+		r,
+		i
+	]);
+}
+//#endregion
+//#region src/components/features/combobox/hooks/use-grouped-items.ts
+function q({ items: e, getItemGroup: t }) {
+	return P(() => {
+		if (!t) return null;
+		let n = /* @__PURE__ */ new Map();
+		for (let r of e) {
+			let e = t(r), i = n.get(e);
+			i ? i.push(r) : n.set(e, [r]);
+		}
+		return n;
+	}, [e, t]);
+}
+//#endregion
+//#region src/components/features/combobox/hooks/use-load-more.ts
+function J({ hasMore: e, onLoadMore: t, loadingMore: n }) {
+	let r = ae(!1), i = ae(null), a = !!e && !!t && !n, o = A(() => {
+		a && !r.current && (r.current = !0, i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+			r.current = !1, i.current = null;
+		}, 500), t?.());
+	}, 100);
+	return M(() => () => {
+		i.current && clearTimeout(i.current);
+	}, []), {
+		handleScroll: j((e) => {
+			if (!a || r.current) return;
+			let { scrollHeight: t, scrollTop: n, clientHeight: i } = e.target;
+			(n + i) / t >= .8 && o();
+		}, [a, o]),
+		cancelPendingLoad: o.cancel
+	};
+}
+//#endregion
+//#region src/components/features/combobox/hooks/use-combobox-core.tsx
+function ye(e) {
+	return n(H, e);
+}
+function be(e, t, n) {
+	let r = t.toLowerCase();
+	return e.some((e) => n(e).toLowerCase() === r);
+}
+function xe({ items: e, searchValue: t, getItemLabel: n, getItemKey: a, getItemValue: o, loading: s = !1, showListContent: c = !0, minSearchLength: l = 3, strings: ee, renderItem: u, onSearch: d, debounceMs: f = 300, creatable: p, onCreate: m, getItemGroup: h, hasMore: g, onLoadMore: _, loadingMore: te, highlightMatch: v, ensuredItems: y = [] }) {
+	let b = ye(ee), x = a ?? n, S = t.trim(), C = c && (s || S.length < l);
+	ve({
+		searchValue: t,
+		onSearch: d,
+		debounceMs: f,
+		minSearchLength: l
+	});
+	let { handleScroll: w, cancelPendingLoad: T } = J({
+		hasMore: c && !C ? g : !1,
+		onLoadMore: _,
+		loadingMore: te
+	}), E = ae(w);
+	N(() => {
+		E.current = w;
+	}, [w]);
+	let ne = P(() => {
+		let e = null, t = (e) => E.current(e);
+		return {
+			get current() {
+				return e;
+			},
+			set current(n) {
+				e !== n && (e?.removeEventListener("scroll", t), T(), e = n, e?.addEventListener("scroll", t));
+			}
+		};
+	}, [T]), D = P(() => {
+		if (!c || C) return [];
+		if (y.length === 0) return e;
+		let t = [...y];
+		return e.forEach((e) => {
+			let n = x(e);
+			y.some((e) => x(e) === n) || t.push(e);
+		}), t;
+	}, [
+		e,
+		y,
+		x,
+		c,
+		C
+	]), O = q({
+		items: D,
+		getItemGroup: h
+	}), k = P(() => !c || C || !p || !m || S.length < l ? !1 : !be(D, S, n), [
+		p,
+		m,
+		S,
+		l,
+		D,
+		n,
+		c,
+		C
+	]), A = P(() => k ? le(S) : null, [k, S]);
+	return {
+		strings: b,
+		getKey: x,
+		trimmedSearch: S,
+		listRef: ne,
+		baseItems: D,
+		allItems: P(() => A ? [...D, A] : D, [D, A]),
+		groupedItems: O,
+		createOptionItem: A,
+		showStatus: C,
+		showEmpty: c && !s && S.length >= l && e.length === 0 && !k,
+		showCreateOption: k,
+		renderItemContent: j((e) => {
+			if (W(e)) {
+				let t = G(e);
+				return /* @__PURE__ */ R("span", {
+					className: r("combobox-core--component", "flex items-center gap-space-sm"),
+					children: [/* @__PURE__ */ L(B, { className: "size-icon-sm" }), b.createNew.includes("{value}") ? /* @__PURE__ */ L(i, {
+						tag: "span",
+						size: "inherit",
+						weight: "medium",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: b.createNew.replace("{value}", t)
+					}) : /* @__PURE__ */ R("span", {
+						className: "inline-flex items-center gap-space-sm",
+						children: [/* @__PURE__ */ L(i, {
+							tag: "span",
+							size: "inherit",
+							weight: "medium",
+							lineHeight: "tight",
+							className: "text-inherit",
+							children: b.createNew
+						}), /* @__PURE__ */ L(i, {
+							tag: "span",
+							size: "inherit",
+							weight: "medium",
+							lineHeight: "tight",
+							className: "text-inherit",
+							children: t
+						})]
+					})]
+				});
+			}
+			if (u) return u(e);
+			let t = n(e);
+			return v && S ? /* @__PURE__ */ L(_e, {
+				text: t,
+				highlight: S
+			}) : /* @__PURE__ */ L(i, {
+				tag: "span",
+				size: "inherit",
+				weight: "medium",
+				lineHeight: "tight",
+				className: "text-inherit",
+				children: t
+			});
+		}, [
+			b.createNew,
+			u,
+			n,
+			v,
+			S
+		]),
+		itemToStringLabel: j((e) => W(e) ? G(e) : n(e), [n]),
+		itemToStringValue: j((e) => W(e) ? G(e) : (o ?? x)(e), [o, x]),
+		getItemReactKey: j((e) => W(e) ? `__create__:${G(e)}` : String(x(e)), [x]),
+		handleScroll: w
+	};
+}
+//#endregion
+//#region src/components/features/combobox/hooks/use-combobox-state.ts
+function Y(e, t, n) {
+	let [r, i] = F(() => t), a = e !== void 0, o = j((e) => {
+		a || i(() => e), n?.(e);
+	}, [a, n]);
+	return [a ? e : r, o];
+}
+//#endregion
+//#region src/components/features/combobox/combobox.tsx
+function Se(t, n) {
+	return e(t, n, "md");
+}
+var Ce = {
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+};
+function we(e) {
+	return e;
+}
+function Te(e, t) {
+	return [e, t].filter(Boolean).join(" ") || void 0;
+}
+function X({ items: e, value: n, defaultValue: r = null, onValueChange: i, clearSearchOnClose: a = !0, searchValue: o, defaultSearchValue: c = "", onSearchValueChange: l, getItemLabel: ee, getItemKey: u, getItemValue: d, loading: f = !1, showListContent: p = !0, minSearchLength: m = 3, strings: h, disabled: g = !1, className: te, clearable: v = !0, renderItem: y, portalContainer: b, id: x, ref: S, "aria-label": C, "aria-labelledby": w, "aria-describedby": T, "aria-invalid": E, "aria-required": ne, name: D, invalid: O, error: k, required: A, onBlur: re, onSearch: N, debounceMs: P, creatable: F, onCreate: I, getItemGroup: oe, renderGroupLabel: z, hasMore: B, onLoadMore: V, loadingMore: se, getItemDisabled: H, highlightMatch: U, size: le, open: ue, defaultOpen: K = !1, onOpenChange: de }) {
+	let { defaultScale: fe } = t(), pe = Se(le, fe), ge = we(pe), _e = O || k ? !0 : E, ve = !!(_e && _e !== "false"), q = ie(), [J, ye] = Y(n, r, i), [be, Ce] = Y(o, c, l), [X, Ee] = Y(ue, K, de), Z = !g && X, Q = xe({
+		items: e,
+		searchValue: be,
+		onSearchValueChange: Ce,
+		getItemLabel: ee,
+		getItemKey: u,
+		getItemValue: d,
+		loading: f,
+		showListContent: p,
+		minSearchLength: m,
+		strings: h,
+		renderItem: y,
+		onSearch: N,
+		debounceMs: P,
+		creatable: F,
+		onCreate: I,
+		getItemGroup: oe,
+		hasMore: B,
+		onLoadMore: V,
+		loadingMore: se,
+		highlightMatch: U,
+		size: pe,
+		ensuredItems: J === null ? [] : [J]
+	}), De = ae(Z);
+	M(() => {
+		let e = De.current && !Z;
+		De.current = Z, e && a && be !== "" && Ce("");
+	}, [
+		Z,
+		a,
+		be,
+		Ce
+	]);
+	let Oe = Z ? be : J === null ? "" : Q.itemToStringLabel(J), ke = j((e) => {
+		if (e && W(e)) {
+			let t = G(e);
+			I?.(t);
+			return;
+		}
+		ye(e);
+	}, [ye, I]);
+	return /* @__PURE__ */ R(s, {
+		gap: "dense",
+		className: "combobox--component",
+		children: [/* @__PURE__ */ R(_, {
+			dismissLabel: Q.strings.dismiss,
+			items: Q.allItems,
+			value: J,
+			onValueChange: (e, t) => {
+				if (t.reason === "escape-key") {
+					t.allowPropagation();
+					return;
+				}
+				ke(e);
+			},
+			inputValue: Oe,
+			onInputValueChange: (e, t) => {
+				let { reason: n } = t;
+				if (n === "escape-key") {
+					t.allowPropagation();
+					return;
+				}
+				if (n === "item-press") {
+					Ce("");
+					return;
+				}
+				Ce(e);
+			},
+			itemToStringLabel: Q.itemToStringLabel,
+			itemToStringValue: Q.itemToStringValue,
+			disabled: g,
+			filter: null,
+			name: D,
+			required: A,
+			open: Z,
+			onOpenChange: Ee,
+			children: [/* @__PURE__ */ L(ce, {
+				id: x,
+				ref: S,
+				"aria-label": C,
+				"aria-labelledby": w,
+				"aria-describedby": Te(T, k ? q : void 0),
+				"aria-invalid": _e,
+				"aria-required": ne,
+				placeholder: Q.strings.placeholder,
+				clearLabel: Q.strings.clear,
+				toggleLabel: Q.strings.toggle,
+				className: te,
+				size: ge,
+				error: ve,
+				required: A,
+				disabled: g,
+				clearable: v,
+				onBlur: re
+			}), /* @__PURE__ */ L(me, {
+				loading: f,
+				showStatus: Q.showStatus,
+				showEmpty: Q.showEmpty,
+				searchValue: be,
+				minSearchLength: m,
+				items: Q.allItems,
+				groupedItems: Q.groupedItems,
+				createOptionItem: Q.createOptionItem,
+				renderItemContent: Q.renderItemContent,
+				getItemReactKey: Q.getItemReactKey,
+				getItemDisabled: H,
+				renderGroupLabel: z,
+				loadingMore: p && !Q.showStatus ? se : !1,
+				strings: Q.strings,
+				size: pe,
+				portalContainer: b,
+				listRef: Q.listRef
+			})]
+		}), /* @__PURE__ */ L(he, {
+			id: q,
+			error: k,
+			size: pe
+		})]
+	});
+}
+function Ee(e) {
+	return /* @__PURE__ */ L(X, { ...e });
+}
+function Z({ items: e, values: n, defaultValues: a = [], onValuesChange: o, searchValue: c, defaultSearchValue: l = "", onSearchValueChange: ee, getItemLabel: u, getItemKey: d, getItemValue: f, loading: p = !1, minSearchLength: m = 3, strings: h, disabled: g = !1, className: te, renderItem: b, portalContainer: x, id: C, ref: w, "aria-label": T, "aria-labelledby": E, "aria-describedby": O, "aria-invalid": k, "aria-required": A, name: re, invalid: M, error: N, required: P, onBlur: I, onSearch: oe, debounceMs: z, creatable: B, onCreate: V, getItemGroup: se, renderGroupLabel: ce, hasMore: U, onLoadMore: le, loadingMore: ue, getItemDisabled: K, highlightMatch: de, size: fe, open: pe, defaultOpen: ge = !1, onOpenChange: _e, closeOnSelect: ve = !1, applyButton: q = !1, onApply: J, onCancel: ye }) {
+	let { defaultScale: be } = t(), X = Se(fe, be), Ee = we(X), Z = Ce[X], Q = M || N ? !0 : k, De = !!(Q && Q !== "false"), Oe = ie(), ke = ae(null), Ae = d ?? u, [je, Me] = Y(n, a, o), [Ne, Pe] = Y(c, l, ee), [Fe, Ie] = Y(pe, ge, _e), Le = !g && Fe, [Re, ze] = F(null), $ = xe({
+		items: e,
+		searchValue: Ne,
+		onSearchValueChange: Pe,
+		getItemLabel: u,
+		getItemKey: d,
+		getItemValue: f,
+		loading: p,
+		minSearchLength: m,
+		strings: h,
+		renderItem: b,
+		onSearch: oe,
+		debounceMs: z,
+		creatable: B,
+		onCreate: V,
+		getItemGroup: se,
+		hasMore: U,
+		onLoadMore: le,
+		loadingMore: ue,
+		highlightMatch: de,
+		size: X,
+		ensuredItems: je
+	}), Be = j((e) => {
+		let t = [], n = null;
+		for (let r of e) W(r) ? n = G(r) : t.push(r);
+		n === null ? !q || ve ? (ze(null), Me(t)) : ze(t) : V?.(n), ve && Ie(!1);
+	}, [
+		Me,
+		V,
+		q,
+		ve,
+		Ie
+	]), Ve = j(() => {
+		q && Me(Re ?? je), ze(null), J?.(), Ie(!1);
+	}, [
+		q,
+		Re,
+		je,
+		J,
+		Me,
+		Ie
+	]), He = j(() => {
+		ze(null), ye?.(), Ie(!1);
+	}, [ye, Ie]), Ue = q && Re !== null ? Re : je, We = Ue.length > 0 ? void 0 : $.strings.placeholder;
+	return /* @__PURE__ */ R(s, {
+		gap: "dense",
+		className: "combobox--component",
+		children: [/* @__PURE__ */ R(_, {
+			dismissLabel: $.strings.dismiss,
+			items: $.allItems,
+			multiple: !0,
+			value: Ue,
+			onValueChange: (e, t) => {
+				if (t.reason === "escape-key") {
+					t.allowPropagation();
+					return;
+				}
+				Be(e);
+			},
+			inputValue: Ne,
+			onInputValueChange: (e, t) => {
+				let { reason: n } = t;
+				if (n === "escape-key") {
+					t.allowPropagation();
+					return;
+				}
+				if (n === "item-press") {
+					Pe("");
+					return;
+				}
+				Pe(e);
+			},
+			itemToStringLabel: $.itemToStringLabel,
+			itemToStringValue: $.itemToStringValue,
+			disabled: g,
+			filter: null,
+			name: re,
+			required: P,
+			open: Le,
+			onOpenChange: (e, t) => {
+				if (!e && q && !ve && t.reason === "item-press") {
+					t.cancel();
+					return;
+				}
+				e || ze(null), Ie(e);
+			},
+			children: [/* @__PURE__ */ R(y, {
+				ref: ke,
+				className: r(ne[Ee], D[Ee], Ee === "sm" ? "text-pxs" : "text-sm", "bg-transparent !shadow-none", te),
+				size: Z,
+				error: De,
+				children: [Ue.map((e) => /* @__PURE__ */ L(S, {
+					strings: { remove: ($.strings.removeSelection ?? H.removeSelection)(u(e)) },
+					children: /* @__PURE__ */ L(i, {
+						tag: "span",
+						size: "inherit",
+						weight: "medium",
+						lineHeight: "tight",
+						className: "combobox--chip-label text-inherit",
+						children: u(e)
+					})
+				}, Ae(e))), /* @__PURE__ */ L(v, {
+					id: C,
+					ref: w,
+					"aria-label": T,
+					"aria-labelledby": E,
+					"aria-describedby": Te(O, N ? Oe : void 0),
+					placeholder: We,
+					"aria-invalid": Q,
+					"aria-required": A ?? P,
+					onBlur: I
+				})]
+			}), /* @__PURE__ */ L(me, {
+				loading: p,
+				showStatus: $.showStatus,
+				showEmpty: $.showEmpty,
+				searchValue: Ne,
+				minSearchLength: m,
+				items: $.allItems,
+				groupedItems: $.groupedItems,
+				createOptionItem: $.createOptionItem,
+				renderItemContent: $.renderItemContent,
+				getItemReactKey: $.getItemReactKey,
+				getItemDisabled: K,
+				renderGroupLabel: ce,
+				loadingMore: !$.showStatus && ue,
+				strings: $.strings,
+				size: X,
+				portalContainer: x,
+				listRef: $.listRef,
+				anchor: ke,
+				applyFooter: q ? {
+					applyLabel: $.strings.apply,
+					cancelLabel: $.strings.cancel,
+					onApply: Ve,
+					onCancel: He
+				} : void 0
+			})]
+		}), /* @__PURE__ */ L(he, {
+			id: Oe,
+			error: N,
+			size: X
+		})]
+	});
+}
+Ee.displayName = "Combobox", X.displayName = "Combobox", Z.displayName = "MultiCombobox";
+//#endregion
+//#region src/components/features/combobox/async-resource-combobox.tsx
+var Q = {
+	...H,
+	error: "Unable to load options.",
+	retry: "Retry"
+};
+function De(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function Oe({ fetcher: e, value: t, defaultValue: a = null, onValueChange: o, searchValue: c, defaultSearchValue: l = "", onSearchValueChange: u, onAfterFetch: d, onError: f, getKey: p, getLabel: m, getDescription: h, getMeta: g, renderOption: _, limit: te = 10, debounceMs: v = 300, preload: y = !0, minSearchLength: b = 0, errorMessage: x, renderError: S, strings: C, disabled: w, size: T, ref: E, ...ne }) {
+	let D = n(Q, C), [O, k] = Y(t, a, o), [re, ie] = Y(c, l, u), [N, I] = F([]), [oe, z] = F(!1), [B, V] = F(null), [se, ce] = F(0), H = ae(0), U = re.trim(), W = ae(null), G = j((e) => {
+		if (W.current = e, typeof E == "function") return E(e);
+		E && (E.current = e);
+	}, [E]), le = A((t, n) => {
+		z(!0), V(null);
+		let r;
+		try {
+			r = Promise.resolve(e(n));
+		} catch (e) {
+			r = Promise.reject(e);
+		}
+		r.then((e) => {
+			n.signal?.aborted || H.current !== t || (I(e), d?.(e, n));
+		}).catch((e) => {
+			n.signal?.aborted || H.current !== t || (I([]), V({
+				error: e,
+				query: n.query
+			}), f?.(e, n));
+		}).finally(() => {
+			!n.signal?.aborted && H.current === t && z(!1);
+		});
+	}, v);
+	M(() => {
+		if (w) {
+			z(!1);
+			return;
+		}
+		if (!(U.length > 0 ? U.length >= b : y)) {
+			I([]), z(!1), V(null);
+			return;
+		}
+		let e = H.current + 1;
+		H.current = e;
+		let t = new AbortController();
+		return z(!0), V(null), le(e, {
+			query: U,
+			limit: te,
+			signal: t.signal
+		}), () => {
+			le.cancel(), t.abort();
+		};
+	}, [
+		w,
+		te,
+		b,
+		y,
+		se,
+		le,
+		U
+	]);
+	let ue = j(() => {
+		B && (ie(B.query), ce((e) => e + 1), W.current?.focus());
+	}, [B, ie]), K = j((e) => {
+		if (_) return _(e, {
+			query: U,
+			isSelected: O !== null && p(O) === p(e)
+		});
+		let t = h?.(e), n = g?.(e);
+		return /* @__PURE__ */ R(s, {
+			render: /* @__PURE__ */ L("span", {}),
+			direction: "horizontal",
+			gap: "md",
+			wrap: !1,
+			className: "async-resource-combobox--option leading-tight",
+			children: [/* @__PURE__ */ L(i, {
+				type: "inherit",
+				tag: "span",
+				size: T === "sm" ? "pxs" : void 0,
+				weight: "medium",
+				className: "min-w-0 shrink truncate",
+				children: m(e)
+			}), (!!t || !!n) && /* @__PURE__ */ R("span", {
+				className: "inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-muted-foreground",
+				children: [!!t && (De(t) ? /* @__PURE__ */ L(i, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "min-w-0 truncate",
+					children: t
+				}) : t), !!n && (De(n) ? /* @__PURE__ */ L(i, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "min-w-0 truncate",
+					children: n
+				}) : n)]
+			})]
+		});
+	}, [
+		h,
+		p,
+		m,
+		g,
+		_,
+		O,
+		T,
+		U
+	]), de = P(() => {
+		if (B) return x ?? D.error;
+	}, [
+		x,
+		B,
+		D.error
+	]), fe = B !== null, pe = B ? S?.({
+		error: B.error,
+		query: B.query,
+		retry: ue
+	}) ?? /* @__PURE__ */ L(ee, {
+		variant: "inline",
+		title: de,
+		onRetry: ue,
+		retryLabel: D.retry,
+		className: "async-resource-combobox--error mt-space-sm"
+	}) : null;
+	return /* @__PURE__ */ R("div", {
+		"data-component": "async-resource-combobox",
+		"data-slot": "async-resource-combobox",
+		className: r("async-resource-combobox--component", ne.className),
+		children: [/* @__PURE__ */ L(X, {
+			...ne,
+			ref: G,
+			className: void 0,
+			disabled: w,
+			size: T,
+			items: N,
+			value: O,
+			onValueChange: k,
+			clearSearchOnClose: !1,
+			searchValue: re,
+			onSearchValueChange: ie,
+			getItemLabel: m,
+			getItemKey: p,
+			loading: !fe && oe,
+			showListContent: !fe,
+			minSearchLength: b,
+			strings: D,
+			renderItem: K
+		}), pe]
+	});
+}
+Oe.displayName = "AsyncResourceCombobox";
+//#endregion
+export { Z as a, X as i, Q as n, xe as o, Ee as r, H as s, Oe as t };
+
+//# sourceMappingURL=combobox-DrDXtSSt.js.map