themelia-react-ui 2.0.4 → 2.0.6

package/dist/combobox-C2JiSQPc.js

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