themelia-react-ui 2.0.6 → 3.0.0

package/dist/combobox-C2JiSQPc.js

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