admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/_shared/combobox-Dc4vaeGt.js

@@ -0,0 +1,927 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-C8Ot88lS.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./button-BGKY8UY0.js";
+import { n as i } from "./heading-HeP06nXG.js";
+import { t as a } from "./input-C7t-RHYq.js";
+import { t as o } from "./form-sizing-D74IS9KG.js";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { CheckIcon as h, ChevronDownIcon as g, Loader2 as _, PlusIcon as v, XIcon as y } from "lucide-react";
+import { Combobox as b } from "@base-ui/react/combobox";
+//#region src/components/ui/combobox.tsx
+var x = b.Root;
+function S({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Input, {
+		"data-slot": "combobox-input",
+		className: n("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-10 w-full min-w-0 rounded-md border bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive", e),
+		...t
+	});
+}
+function C({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ m(b.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: n("border-input file:text-foreground placeholder:text-muted-foreground flex h-10 w-full items-center justify-between rounded-md border bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive", "[&>span]:line-clamp-1", e),
+		...r,
+		children: [t, /* @__PURE__ */ p(b.Icon, {
+			className: "flex",
+			children: /* @__PURE__ */ p(g, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function w({ placeholder: e, ...t }) {
+	return /* @__PURE__ */ p(b.Value, {
+		"data-slot": "combobox-value",
+		placeholder: !!e && /* @__PURE__ */ p("span", {
+			className: "text-muted-foreground",
+			children: e
+		}),
+		...t
+	});
+}
+function T({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Clear, {
+		"data-slot": "combobox-clear",
+		className: n("absolute right-8 top-1/2 -translate-y-1/2 rounded-sm opacity-50 ring-offset-background transition-opacity", "hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:pointer-events-none", e),
+		...t,
+		children: /* @__PURE__ */ p(y, { className: "size-4" })
+	});
+}
+var E = {
+	sm: "h-8 text-xs pl-2 pr-8",
+	md: "h-10 text-sm pl-3 pr-10",
+	lg: "h-12 text-base pl-4 pr-12"
+}, D = {
+	sm: "pr-14",
+	md: "pr-16",
+	lg: "pr-20"
+}, O = {
+	sm: "right-1",
+	md: "right-2",
+	lg: "right-3"
+}, k = {
+	sm: "size-3",
+	md: "size-4",
+	lg: "size-5"
+};
+function A({ className: e, showClear: t = !1, size: r = "md", error: i, ...a }) {
+	return /* @__PURE__ */ m("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ p(b.Input, {
+			"data-slot": "combobox-input",
+			className: n("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-md border bg-background shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive", E[r], t && D[r], e),
+			"aria-invalid": i || void 0,
+			...a
+		}), /* @__PURE__ */ m("div", {
+			className: n("absolute top-1/2 -translate-y-1/2 flex items-center gap-1 text-muted-foreground", O[r]),
+			children: [!!t && /* @__PURE__ */ p(b.Clear, {
+				"data-slot": "combobox-clear",
+				className: "rounded-sm p-1 opacity-50 hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+				children: /* @__PURE__ */ p(y, { className: k[r] })
+			}), /* @__PURE__ */ p(b.Trigger, {
+				className: "rounded-sm p-1 hover:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+				children: /* @__PURE__ */ p(g, { className: k[r] })
+			})]
+		})]
+	});
+}
+var j = b.Portal;
+function M({ className: e, sideOffset: t = 4, ...r }) {
+	return /* @__PURE__ */ p(b.Positioner, {
+		"data-slot": "combobox-positioner",
+		sideOffset: t,
+		className: n("z-50 outline-none", e),
+		...r
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Popup, {
+		"data-slot": "combobox-popup",
+		className: n("w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]", "overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "origin-[var(--transform-origin)]", "data-[starting-style]:opacity-0 data-[starting-style]:scale-95", "data-[ending-style]:opacity-0 data-[ending-style]:scale-95", "transition-[opacity,transform] duration-150", e),
+		...t
+	});
+}
+function P({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.List, {
+		"data-slot": "combobox-list",
+		className: n("max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-1", "outline-none empty:hidden", e),
+		...t
+	});
+}
+var F = {
+	sm: "py-1 px-2 text-xs gap-2",
+	md: "py-1.5 px-2.5 text-sm gap-2",
+	lg: "py-2 px-3 text-base gap-2.5"
+}, I = {
+	sm: "size-3",
+	md: "size-4",
+	lg: "size-5"
+};
+function L({ className: e, children: t, size: r = "md", ...i }) {
+	return /* @__PURE__ */ m(b.Item, {
+		"data-slot": "combobox-item",
+		className: n("flex w-full cursor-default select-none items-center justify-between rounded-sm outline-none", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", F[r], e),
+		...i,
+		children: [/* @__PURE__ */ p("span", {
+			className: "flex min-w-0 flex-1 items-center gap-2 truncate",
+			children: t
+		}), /* @__PURE__ */ p(b.ItemIndicator, {
+			className: n("flex shrink-0 items-center justify-center text-muted-foreground", I[r]),
+			children: /* @__PURE__ */ p(h, { className: I[r] })
+		})]
+	});
+}
+function ee({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ p(b.ItemIndicator, {
+		"data-slot": "combobox-item-indicator",
+		className: n(e),
+		...r,
+		children: t ?? /* @__PURE__ */ p(h, { className: "size-4" })
+	});
+}
+function R({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ p(b.Empty, {
+		"data-slot": "combobox-empty",
+		className: n("py-6 text-center text-sm text-muted-foreground empty:hidden", e),
+		...r,
+		children: t
+	});
+}
+function z({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Status, {
+		"data-slot": "combobox-status",
+		className: n("flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground empty:hidden", e),
+		...t
+	});
+}
+function B({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Group, {
+		"data-slot": "combobox-group",
+		className: n("overflow-hidden p-1", e),
+		...t
+	});
+}
+function V({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.GroupLabel, {
+		"data-slot": "combobox-group-label",
+		className: n("px-2 py-1.5 text-xs font-medium text-muted-foreground", e),
+		...t
+	});
+}
+var H = b.Collection;
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Separator, {
+		"data-slot": "combobox-separator",
+		className: n("-mx-1 my-1 h-px bg-muted", e),
+		...t
+	});
+}
+var W = {
+	sm: "min-h-8 gap-1 px-2 py-1 text-xs",
+	md: "min-h-10 gap-1.5 px-3 py-2 text-sm",
+	lg: "min-h-12 gap-2 px-4 py-2.5 text-base"
+};
+function G({ className: e, size: t = "md", error: r, ...i }) {
+	return /* @__PURE__ */ p(b.Chips, {
+		"data-slot": "combobox-chips",
+		className: n("flex flex-wrap items-center rounded-md border border-input bg-background ring-offset-background shadow-xs transition-[color,box-shadow] outline-none", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15", W[t], e),
+		"aria-invalid": r || void 0,
+		...i
+	});
+}
+function te({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ m(b.Chip, {
+		"data-slot": "combobox-chip",
+		className: n("inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-1 text-xs font-medium text-secondary-foreground", "data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground", "focus-within:bg-primary focus-within:text-primary-foreground", e),
+		...r,
+		children: [t, /* @__PURE__ */ p(b.ChipRemove, {
+			className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+			children: /* @__PURE__ */ p(y, { className: "size-3" })
+		})]
+	});
+}
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Input, {
+		"data-slot": "combobox-chips-input",
+		className: n("min-w-[80px] flex-1 bg-transparent outline-none placeholder:text-muted-foreground", e),
+		...t
+	});
+}
+function re({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Backdrop, {
+		"data-slot": "combobox-backdrop",
+		className: n("fixed inset-0 z-50 bg-black/80", "data-[starting-style]:opacity-0 data-[ending-style]:opacity-0", "transition-opacity duration-150", e),
+		...t
+	});
+}
+function ie({ className: e, ...t }) {
+	return /* @__PURE__ */ p(b.Arrow, {
+		"data-slot": "combobox-arrow",
+		className: n("fill-popover", e),
+		...t
+	});
+}
+var K = b.useFilter, ae = {
+	placeholder: "Search...",
+	clear: "Clear selection",
+	toggle: "Open options",
+	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"
+}, oe = 3, se = 300, ce = "sm", le = .8, q = 100, ue = 500, J = Symbol("enhanced-combobox-create-option");
+function Y(e) {
+	return typeof e == "object" && !!e && J in e;
+}
+function X(e) {
+	if (!Y(e)) throw Error("Item is not a create option");
+	return e[J];
+}
+function de(e) {
+	return { [J]: e };
+}
+//#endregion
+//#region src/components/base/combobox/components/loading-more.tsx
+function fe({ isLoading: e, text: t, className: r }) {
+	return e ? /* @__PURE__ */ m("div", {
+		className: n("loading-more--component", "flex items-center justify-center gap-2 py-2 text-sm text-muted-foreground", r),
+		role: "status",
+		"aria-live": "polite",
+		children: [/* @__PURE__ */ p(_, {
+			className: "size-4 animate-spin",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ p("span", { children: t })]
+	}) : null;
+}
+fe.displayName = "LoadingMore";
+//#endregion
+//#region src/components/base/combobox/components/status-content.tsx
+function Z({ isLoading: e, searchValue: t, minSearchLength: n, itemCount: r, strings: i }) {
+	let a = t.trim();
+	if (e) return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(_, { className: "size-4 animate-spin" }), i.searching] });
+	if (a === "") return i.typeToSearch.includes("{min}") ? i.typeToSearch.replace("{min}", String(n)) : i.typeToSearch;
+	if (a.length < n) {
+		let e = n - a.length;
+		return i.typeMore.includes("{remaining}") || i.typeMore.includes("{s}") ? i.typeMore.replace("{remaining}", String(e)).replace("{s}", e === 1 ? "" : "s") : i.typeMore;
+	}
+	return null;
+}
+Z.displayName = "StatusContent";
+//#endregion
+//#region src/components/base/combobox/components/combobox-dropdown.tsx
+function pe({ isLoading: e, showStatus: t, showEmpty: n, searchValue: i, minSearchLength: a, items: o, groupedItems: s, createOptionItem: c, renderItemContent: l, getItemReactKey: u, getItemDisabled: d, renderGroupLabel: h, isLoadingMore: g, strings: _, size: v = "sm", portalContainer: y, listRef: b, anchor: x, applyFooter: S }) {
+	let C = /* @__PURE__ */ p(M, {
+		anchor: x,
+		className: y == null ? void 0 : "z-[100]",
+		children: /* @__PURE__ */ m(N, {
+			"aria-busy": e || void 0,
+			children: [
+				!!t && /* @__PURE__ */ p(z, { children: /* @__PURE__ */ p(Z, {
+					isLoading: e,
+					searchValue: i,
+					minSearchLength: a,
+					itemCount: o.length,
+					strings: _
+				}) }),
+				!!n && /* @__PURE__ */ p(R, { children: _.noResults }),
+				/* @__PURE__ */ p(P, {
+					ref: b,
+					children: s ? /* @__PURE__ */ m(f, { children: [Array.from(s.entries()).map(([e, t]) => /* @__PURE__ */ m(B, {
+						className: "combobox-dropdown--component",
+						items: t,
+						children: [/* @__PURE__ */ p(V, { children: typeof h == "function" ? h(e) : e }), /* @__PURE__ */ p(H, { children: (e) => /* @__PURE__ */ p(L, {
+							value: e,
+							size: v,
+							disabled: d?.(e),
+							children: l(e)
+						}, u(e)) })]
+					}, e)), c != null && /* @__PURE__ */ p(L, {
+						value: c,
+						size: v,
+						children: l(c)
+					}, u(c))] }) : /* @__PURE__ */ p(H, { children: (e) => /* @__PURE__ */ p(L, {
+						value: e,
+						size: v,
+						disabled: d?.(e),
+						children: l(e)
+					}, u(e)) })
+				}),
+				/* @__PURE__ */ p(fe, {
+					isLoading: !!g,
+					text: _.loadingMore
+				}),
+				!!S && /* @__PURE__ */ m("div", {
+					className: "flex items-center justify-end gap-2 border-t border-border/60 px-2 py-1.5",
+					children: [/* @__PURE__ */ p(r, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "ghost",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), S.onCancel();
+						},
+						children: S.cancelLabel
+					}), /* @__PURE__ */ p(r, {
+						type: "button",
+						variant: "primary",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), S.onApply();
+						},
+						children: S.applyLabel
+					})]
+				})
+			]
+		})
+	});
+	return y ? /* @__PURE__ */ p(j, {
+		container: y,
+		children: C
+	}) : /* @__PURE__ */ p(j, { children: C });
+}
+pe.displayName = "ComboboxDropdown";
+//#endregion
+//#region src/components/base/combobox/components/error-message.tsx
+var Q = {
+	sm: "text-xs mt-1",
+	md: "text-sm mt-1.5",
+	lg: "text-base mt-2"
+};
+function me({ error: e, size: t, className: r }) {
+	return e ? /* @__PURE__ */ p("p", {
+		className: n("error-message--component", "text-destructive", Q[t], r),
+		role: "alert",
+		"aria-live": "polite",
+		children: e
+	}) : null;
+}
+me.displayName = "ErrorMessage";
+//#endregion
+//#region src/components/base/combobox/components/highlighted-text.tsx
+function he(e) {
+	return e.replace(/[$()*+.?[\\\]^{|}]/g, "\\$&");
+}
+function ge({ text: e, highlight: t, highlightClassName: n = "rounded-sm bg-warning/20 px-0.5 text-warning-foreground dark:bg-warning/25" }) {
+	if (!t.trim()) return e;
+	let r = RegExp(`(${he(t)})`, "gi"), i = e.split(r), a = 0;
+	return /* @__PURE__ */ p(f, { children: i.map((e, t) => {
+		let r = t % 2 == 1, i = String(a);
+		return a += e.length, r ? /* @__PURE__ */ p("mark", {
+			className: n,
+			children: e
+		}, i) : /* @__PURE__ */ p("span", { children: e }, i);
+	}) });
+}
+ge.displayName = "HighlightedText";
+//#endregion
+//#region src/components/base/combobox/hooks/use-debounced-search.ts
+function _e({ searchValue: e, onSearch: t, debounceMs: n = 300, minSearchLength: r = 3 }) {
+	let i = u(null), a = u(t);
+	c(() => {
+		a.current = t;
+	}, [t]), c(() => {
+		if (!a.current) return;
+		i.current && clearTimeout(i.current);
+		let t = e.trim();
+		return t.length >= r && (i.current = setTimeout(() => {
+			a.current?.(t);
+		}, n)), () => {
+			i.current && clearTimeout(i.current);
+		};
+	}, [
+		e,
+		n,
+		r
+	]);
+}
+//#endregion
+//#region src/components/base/combobox/hooks/use-grouped-items.ts
+function $({ items: e, getItemGroup: t }) {
+	return l(() => {
+		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/base/combobox/hooks/use-load-more.ts
+function ve({ hasMore: e, onLoadMore: t, isLoadingMore: n }) {
+	let r = u(!1), i = u(null), a = s((a) => {
+		if (!e || !t || n || r.current) return;
+		let { scrollHeight: o, scrollTop: s, clientHeight: c } = a.target;
+		(s + c) / o >= .8 && (i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+			r.current = !0, t(), setTimeout(() => {
+				r.current = !1;
+			}, 500);
+		}, 100));
+	}, [
+		e,
+		t,
+		n
+	]);
+	return c(() => () => {
+		i.current && clearTimeout(i.current);
+	}, []), { handleScroll: a };
+}
+//#endregion
+//#region src/components/base/combobox/hooks/use-enhanced-combobox-core.tsx
+function ye(t) {
+	return e(ae, t);
+}
+function be(e, t, n) {
+	let r = t.toLowerCase();
+	return e.some((e) => n(e).toLowerCase() === r);
+}
+function xe({ items: e, searchValue: t, getItemLabel: r, getItemKey: a, isLoading: o = !1, minSearchLength: d = 3, strings: f, renderItem: h, onSearch: g, debounceMs: _ = 300, creatable: y, onCreate: b, getItemGroup: x, hasMore: S, onLoadMore: C, isLoadingMore: w, highlightMatch: T, ensuredItems: E = [] }) {
+	let D = ye(f), O = a ?? r, k = u(null), A = t.trim();
+	_e({
+		searchValue: t,
+		onSearch: g,
+		debounceMs: _,
+		minSearchLength: d
+	});
+	let { handleScroll: j } = ve({
+		hasMore: S,
+		onLoadMore: C,
+		isLoadingMore: w
+	});
+	c(() => {
+		let e = k.current;
+		if (!(!e || !S || !C)) return e.addEventListener("scroll", j), () => e.removeEventListener("scroll", j);
+	}, [
+		j,
+		S,
+		C
+	]);
+	let M = l(() => {
+		if (E.length === 0) return e;
+		let t = [...E];
+		return e.forEach((e) => {
+			let n = O(e);
+			E.some((e) => O(e) === n) || t.push(e);
+		}), t;
+	}, [
+		e,
+		E,
+		O
+	]), N = $({
+		items: M,
+		getItemGroup: x
+	}), P = l(() => !y || !b || A.length < d ? !1 : !be(M, A, r), [
+		y,
+		b,
+		A,
+		d,
+		M,
+		r
+	]), F = l(() => P ? de(A) : null, [P, A]);
+	return {
+		strings: D,
+		getKey: O,
+		trimmedSearch: A,
+		listRef: k,
+		baseItems: M,
+		allItems: l(() => F ? [...M, F] : M, [M, F]),
+		groupedItems: N,
+		createOptionItem: F,
+		showStatus: o || A.length < d,
+		showEmpty: !o && A.length >= d && e.length === 0 && !P,
+		showCreateOption: P,
+		renderItemContent: s((e) => {
+			if (Y(e)) {
+				let t = X(e);
+				return /* @__PURE__ */ m("span", {
+					className: n("use-enhanced-combobox-core--component", "flex items-center gap-2"),
+					children: [/* @__PURE__ */ p(v, { className: "size-4" }), D.createNew.includes("{value}") ? D.createNew.replace("{value}", t) : /* @__PURE__ */ m("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ p("span", { children: D.createNew }), /* @__PURE__ */ p(i, {
+							tag: "span",
+							weight: "medium",
+							children: t
+						})]
+					})]
+				});
+			}
+			if (h) return h(e);
+			let t = r(e);
+			return T && A ? /* @__PURE__ */ p(ge, {
+				text: t,
+				highlight: A
+			}) : t;
+		}, [
+			D.createNew,
+			h,
+			r,
+			T,
+			A
+		]),
+		itemToStringLabel: s((e) => Y(e) ? X(e) : r(e), [r]),
+		getItemReactKey: s((e) => Y(e) ? `__create__:${X(e)}` : String(O(e)), [O]),
+		handleScroll: j
+	};
+}
+//#endregion
+//#region src/components/base/combobox/enhanced-combobox.tsx
+var Se = {
+	sm: "md",
+	base: "md",
+	lg: "lg"
+};
+function Ce(e, t) {
+	return e ?? Se[t ?? "sm"] ?? "sm";
+}
+var we = {
+	sm: "sm",
+	md: "base",
+	lg: "lg"
+}, Te = {
+	sm: "pe-14",
+	md: "pe-16",
+	lg: "pe-20"
+};
+function Ee(e) {
+	return we[e];
+}
+function De({ placeholder: e, clearLabel: t, toggleLabel: i, size: o, error: s, required: c, disabled: l, clearable: u = !0, className: d, onBlur: f }) {
+	return /* @__PURE__ */ m("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ p(b.Input, {
+			render: /* @__PURE__ */ p(a, {
+				size: o,
+				invalid: s,
+				className: n("pe-16", d)
+			}),
+			placeholder: e,
+			"aria-invalid": s || void 0,
+			"aria-required": c,
+			disabled: l,
+			onBlur: f
+		}), /* @__PURE__ */ m("div", {
+			className: "absolute inset-y-0 end-1 flex items-center gap-1 text-muted-foreground",
+			children: [u ? /* @__PURE__ */ p(b.Clear, { render: /* @__PURE__ */ p(r, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-xs",
+				className: "size-7 text-muted-foreground hover:text-foreground",
+				"aria-label": t,
+				children: /* @__PURE__ */ p(y, {
+					className: "size-3.5",
+					"aria-hidden": "true"
+				})
+			}) }) : null, /* @__PURE__ */ p(b.Trigger, { render: /* @__PURE__ */ p(r, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-xs",
+				className: "size-7 text-muted-foreground hover:text-foreground",
+				"aria-label": i,
+				children: /* @__PURE__ */ p(g, {
+					className: "size-3.5",
+					"aria-hidden": "true"
+				})
+			}) })]
+		})]
+	});
+}
+function Oe({ items: e, selectedValue: r, onSelectedValueChange: i, searchValue: a, onSearchValueChange: o, getItemLabel: c, getItemKey: l, isLoading: u = !1, minSearchLength: f = 3, strings: h, disabled: g = !1, className: _, clearable: v = !0, renderItem: y, portalContainer: b, name: S, invalid: C, error: w, required: T, onBlur: E, onSearch: D, debounceMs: O, creatable: k, onCreate: A, getItemGroup: j, renderGroupLabel: M, hasMore: N, onLoadMore: P, isLoadingMore: F, getItemDisabled: I, highlightMatch: L, size: ee, open: R, onOpenChange: z }) {
+	let { defaultControlSize: B } = t(), V = Ce(ee, B), H = Ee(V), U = C || !!w, W = xe({
+		items: e,
+		searchValue: a,
+		onSearchValueChange: o,
+		getItemLabel: c,
+		getItemKey: l,
+		isLoading: u,
+		minSearchLength: f,
+		strings: h,
+		renderItem: y,
+		onSearch: D,
+		debounceMs: O,
+		creatable: k,
+		onCreate: A,
+		getItemGroup: j,
+		hasMore: N,
+		onLoadMore: P,
+		isLoadingMore: F,
+		highlightMatch: L,
+		size: V,
+		ensuredItems: r ? [r] : []
+	}), [G, te] = d(!1), ne = s((e) => {
+		te(e), e || o(""), z?.(e);
+	}, [z, o]), re = G ? a : r ? W.itemToStringLabel(r) : "", ie = s((e) => {
+		if (e && Y(e)) {
+			let t = X(e);
+			A?.(t);
+			return;
+		}
+		i(e);
+	}, [i, A]);
+	return /* @__PURE__ */ m("div", {
+		className: "enhanced-combobox--component",
+		children: [/* @__PURE__ */ m(x, {
+			items: W.allItems,
+			value: r,
+			onValueChange: ie,
+			inputValue: re,
+			onInputValueChange: (e, { reason: t }) => {
+				if (t === "item-press") {
+					o("");
+					return;
+				}
+				o(e);
+			},
+			itemToStringLabel: W.itemToStringLabel,
+			disabled: g,
+			filter: null,
+			name: S,
+			required: T,
+			open: R,
+			onOpenChange: ne,
+			children: [/* @__PURE__ */ p(De, {
+				placeholder: W.strings.placeholder,
+				clearLabel: W.strings.clear,
+				toggleLabel: W.strings.toggle,
+				className: n(Te[V], _),
+				size: H,
+				error: U,
+				required: T,
+				disabled: g,
+				clearable: v,
+				onBlur: E
+			}), /* @__PURE__ */ p(pe, {
+				isLoading: u,
+				showStatus: W.showStatus,
+				showEmpty: W.showEmpty,
+				searchValue: a,
+				minSearchLength: f,
+				items: e,
+				groupedItems: W.groupedItems,
+				createOptionItem: W.createOptionItem,
+				renderItemContent: W.renderItemContent,
+				getItemReactKey: W.getItemReactKey,
+				getItemDisabled: I,
+				renderGroupLabel: M,
+				isLoadingMore: F,
+				strings: W.strings,
+				size: V,
+				portalContainer: b,
+				listRef: W.listRef
+			})]
+		}), /* @__PURE__ */ p(me, {
+			error: w,
+			size: V
+		})]
+	});
+}
+function ke({ items: e, selectedValues: r, onSelectedValuesChange: i, searchValue: a, onSearchValueChange: l, getItemLabel: f, getItemKey: h, isLoading: g = !1, minSearchLength: _ = 3, strings: v, disabled: y = !1, className: b, renderItem: S, portalContainer: C, name: w, invalid: T, error: E, required: D, onBlur: O, onSearch: k, debounceMs: A, creatable: j, onCreate: M, getItemGroup: N, renderGroupLabel: P, hasMore: F, onLoadMore: I, isLoadingMore: L, getItemDisabled: ee, highlightMatch: R, size: z, open: B, onOpenChange: V, closeOnSelect: H = !1, applyButton: U = !1, onApply: W, onCancel: re }) {
+	let { defaultControlSize: ie } = t(), K = Ce(z, ie), ae = Ee(K), oe = T || !!E, se = u(null), ce = h ?? f, [le, q] = d(r), [ue, J] = d(!1), de = B !== void 0, fe = de ? B : ue;
+	c(() => {
+		U && q(r);
+	}, [U, r]);
+	let Z = s((e) => {
+		de || J(e), V?.(e);
+	}, [de, V]), Q = xe({
+		items: e,
+		searchValue: a,
+		onSearchValueChange: l,
+		getItemLabel: f,
+		getItemKey: h,
+		isLoading: g,
+		minSearchLength: _,
+		strings: v,
+		renderItem: S,
+		onSearch: k,
+		debounceMs: A,
+		creatable: j,
+		onCreate: M,
+		getItemGroup: N,
+		hasMore: F,
+		onLoadMore: I,
+		isLoadingMore: L,
+		highlightMatch: R,
+		size: K,
+		ensuredItems: r
+	}), he = s((e) => {
+		let t = [], n = null;
+		for (let r of e) Y(r) ? n = X(r) : t.push(r);
+		n && M?.(n);
+		let r = t.length !== e.length || !n ? t : null;
+		r && (U ? q(r) : i(r)), H && Z(!1);
+	}, [
+		i,
+		M,
+		U,
+		H,
+		Z
+	]), ge = s(() => {
+		U && i(le), W?.(), Z(!1);
+	}, [
+		U,
+		le,
+		W,
+		i,
+		Z
+	]), _e = s(() => {
+		U && q(r), re?.(), Z(!1);
+	}, [
+		U,
+		r,
+		re,
+		Z
+	]), $ = U ? le : r, ve = $.length > 0 ? void 0 : Q.strings.placeholder;
+	return /* @__PURE__ */ m("div", {
+		className: "enhanced-combobox--component",
+		children: [/* @__PURE__ */ m(x, {
+			items: Q.allItems,
+			multiple: !0,
+			value: $,
+			onValueChange: he,
+			inputValue: a,
+			onInputValueChange: (e, { reason: t }) => {
+				if (t === "item-press") {
+					l("");
+					return;
+				}
+				l(e);
+			},
+			itemToStringLabel: Q.itemToStringLabel,
+			disabled: y,
+			filter: null,
+			name: w,
+			required: D,
+			open: fe,
+			onOpenChange: (e) => {
+				!e && U && q(r), Z(e);
+			},
+			children: [/* @__PURE__ */ m(G, {
+				ref: se,
+				className: n(o[ae], "bg-transparent px-3 py-1 text-sm !shadow-none", b),
+				size: K,
+				error: oe,
+				children: [$.map((e) => /* @__PURE__ */ p(te, { children: f(e) }, ce(e))), /* @__PURE__ */ p(ne, {
+					placeholder: ve,
+					"aria-invalid": oe || void 0,
+					"aria-required": D,
+					onBlur: O
+				})]
+			}), /* @__PURE__ */ p(pe, {
+				isLoading: g,
+				showStatus: Q.showStatus,
+				showEmpty: Q.showEmpty,
+				searchValue: a,
+				minSearchLength: _,
+				items: e,
+				groupedItems: Q.groupedItems,
+				createOptionItem: Q.createOptionItem,
+				renderItemContent: Q.renderItemContent,
+				getItemReactKey: Q.getItemReactKey,
+				getItemDisabled: ee,
+				renderGroupLabel: P,
+				isLoadingMore: L,
+				strings: Q.strings,
+				size: K,
+				portalContainer: C,
+				listRef: Q.listRef,
+				anchor: se,
+				applyFooter: U ? {
+					applyLabel: Q.strings.apply,
+					cancelLabel: Q.strings.cancel,
+					onApply: ge,
+					onCancel: _e
+				} : void 0
+			})]
+		}), /* @__PURE__ */ p(me, {
+			error: E,
+			size: K
+		})]
+	});
+}
+var Ae = Oe, je = ke;
+Oe.displayName = "EnhancedCombobox", ke.displayName = "EnhancedComboboxMultiple";
+//#endregion
+//#region src/components/base/combobox/async-resource-combobox.tsx
+var Me = {
+	...ae,
+	error: "Unable to load options."
+};
+function Ne({ fetcher: t, value: r, defaultValue: a = null, onValueChange: o, onAfterFetch: f, onError: h, getKey: g, getLabel: _, getDescription: v, getMeta: y, renderOption: b, limit: x = 10, debounceMs: S = 300, preload: C = !0, minSearchLength: w = 0, errorMessage: T, strings: E, disabled: D, ...O }) {
+	let k = e(Me, E), A = r !== void 0, [j, M] = d(a), N = A ? r : j, [P, F] = d(""), [I, L] = d([]), [ee, R] = d(!1), [z, B] = d(null), V = u(0), H = P.trim(), U = s((e) => {
+		A || M(e), o?.(e);
+	}, [A, o]);
+	c(() => {
+		if (D) return;
+		if (!(H.length > 0 ? H.length >= w : C)) {
+			L([]), R(!1), B(null);
+			return;
+		}
+		let e = V.current + 1;
+		V.current = e;
+		let n = new AbortController(), r = {
+			query: H,
+			limit: x,
+			signal: n.signal
+		}, i = window.setTimeout(() => {
+			R(!0), B(null), t(r).then((t) => {
+				n.signal.aborted || V.current !== e || (L(t), f?.(t, r));
+			}).catch((t) => {
+				n.signal.aborted || V.current !== e || (L([]), B(t), h?.(t, r));
+			}).finally(() => {
+				!n.signal.aborted && V.current === e && R(!1);
+			});
+		}, S);
+		return () => {
+			window.clearTimeout(i), n.abort();
+		};
+	}, [
+		S,
+		D,
+		t,
+		x,
+		w,
+		f,
+		h,
+		C,
+		H
+	]);
+	let W = s((e) => {
+		if (b) return b(e, {
+			query: H,
+			isSelected: N ? g(N) === g(e) : !1
+		});
+		let t = v?.(e), n = y?.(e);
+		return /* @__PURE__ */ m("span", {
+			className: "async-resource-combobox--option grid min-w-0 gap-0.5",
+			children: [/* @__PURE__ */ p(i, {
+				tag: "span",
+				weight: "medium",
+				className: "truncate",
+				children: _(e)
+			}), (!!t || !!n) && /* @__PURE__ */ m("span", {
+				className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
+				children: [!!t && /* @__PURE__ */ p(i, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "truncate",
+					children: t
+				}), !!n && /* @__PURE__ */ p(i, {
+					tag: "span",
+					size: "xxs",
+					type: "secondary",
+					className: "truncate opacity-75",
+					children: n
+				})]
+			})]
+		});
+	}, [
+		v,
+		g,
+		_,
+		y,
+		b,
+		N,
+		H
+	]), G = l(() => {
+		if (z) return T ?? k.error;
+	}, [
+		z,
+		T,
+		k.error
+	]);
+	return /* @__PURE__ */ m("div", {
+		"data-component": "async-resource-combobox",
+		"data-slot": "async-resource-combobox",
+		className: n("async-resource-combobox--component", O.className),
+		children: [/* @__PURE__ */ p(Oe, {
+			...O,
+			className: void 0,
+			disabled: D,
+			items: I,
+			selectedValue: N ?? null,
+			onSelectedValueChange: U,
+			searchValue: P,
+			onSearchValueChange: F,
+			getItemLabel: _,
+			getItemKey: g,
+			isLoading: ee,
+			minSearchLength: w,
+			strings: k,
+			renderItem: W,
+			error: typeof G == "string" ? G : void 0
+		}), G && typeof G != "string" && /* @__PURE__ */ p("div", {
+			className: "async-resource-combobox--error mt-1.5",
+			children: G
+		})]
+	});
+}
+Ne.displayName = "AsyncResourceCombobox";
+//#endregion
+export { te as A, L as B, de as C, x as D, ae as E, R as F, M as G, P as H, B as I, C as J, U as K, V as L, ne as M, T as N, ie as O, H as P, S as R, le as S, Y as T, N as U, ee as V, j as W, K as X, w as Y, se as _, Oe as a, ue as b, ve as c, ge as d, me as f, J as g, fe as h, je as i, G as j, re as k, $ as l, Z as m, Me as n, ke as o, pe as p, z as q, Ae as r, xe as s, Ne as t, _e as u, oe as v, X as w, q as x, ce as y, A as z };
+
+//# sourceMappingURL=combobox-Dc4vaeGt.js.map