themelia-react-ui 2.0.5 → 3.0.0

package/dist/combobox-BwzoXFSG.js

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