admin-ui-starter-kit 0.6.9 → 0.7.0

package/dist/_shared/combobox-D9tU_83-.js

@@ -1,954 +0,0 @@
-import { useStrings as e } from "../lib/strings.js";
-import { o as t } from "./ui-provider-Dz2qXgZQ.js";
-import { cn as n } from "../lib/utils.js";
-import { t as r } from "./button-Be2ayMxF.js";
-import { s as i } from "./typography-5bLhAYaK.js";
-import { t as a } from "./input-CzJzVyQ0.js";
-import { a as o, c as s, l as c } from "./form-sizing-DWjJsQSR.js";
-import { t as l } from "./scroll-area-B32KwU9k.js";
-import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CheckIcon as v, ChevronDownIcon as y, Loader2 as b, PlusIcon as x, XIcon as S } from "lucide-react";
-import { Combobox as C } from "@base-ui/react/combobox";
-//#region src/components/ui/combobox.tsx
-var w = C.Root;
-function T({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.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 E({ className: e, children: t, ...r }) {
-	return /* @__PURE__ */ _(C.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__ */ g(C.Icon, {
-			className: "flex",
-			children: /* @__PURE__ */ g(y, { className: "size-4 opacity-50" })
-		})]
-	});
-}
-function D({ placeholder: e, ...t }) {
-	return /* @__PURE__ */ g(C.Value, {
-		"data-slot": "combobox-value",
-		placeholder: !!e && /* @__PURE__ */ g("span", {
-			className: "text-muted-foreground",
-			children: e
-		}),
-		...t
-	});
-}
-function O({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.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__ */ g(S, { className: "size-4" })
-	});
-}
-var k = {
-	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"
-}, A = {
-	sm: "pr-14",
-	md: "pr-16",
-	lg: "pr-20"
-}, j = {
-	sm: "right-1",
-	md: "right-2",
-	lg: "right-3"
-}, M = {
-	sm: "size-3",
-	md: "size-4",
-	lg: "size-5"
-};
-function N({ className: e, showClear: t = !1, size: r = "md", error: i, ...a }) {
-	return /* @__PURE__ */ _("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ g(C.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", k[r], t && A[r], e),
-			"aria-invalid": i || void 0,
-			...a
-		}), /* @__PURE__ */ _("div", {
-			className: n("absolute top-1/2 -translate-y-1/2 flex items-center gap-1 text-muted-foreground", j[r]),
-			children: [!!t && /* @__PURE__ */ g(C.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__ */ g(S, { className: M[r] })
-			}), /* @__PURE__ */ g(C.Trigger, {
-				className: "rounded-sm p-1 hover:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-				children: /* @__PURE__ */ g(y, { className: M[r] })
-			})]
-		})]
-	});
-}
-var P = C.Portal;
-function F({ className: e, sideOffset: t = 4, ...r }) {
-	return /* @__PURE__ */ g(C.Positioner, {
-		"data-slot": "combobox-positioner",
-		sideOffset: t,
-		className: n("z-50 outline-none", e),
-		...r
-	});
-}
-function I({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.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 L({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.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 R = {
-	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"
-}, z = {
-	sm: "size-3",
-	md: "size-4",
-	lg: "size-5"
-};
-function B({ className: e, children: t, size: r = "md", ...i }) {
-	return /* @__PURE__ */ _(C.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", R[r], e),
-		...i,
-		children: [/* @__PURE__ */ g("span", {
-			className: "flex min-w-0 flex-1 items-center gap-2 truncate",
-			children: t
-		}), /* @__PURE__ */ g(C.ItemIndicator, {
-			className: n("flex shrink-0 items-center justify-center text-muted-foreground", z[r]),
-			children: /* @__PURE__ */ g(v, { className: z[r] })
-		})]
-	});
-}
-function V({ className: e, children: t, ...r }) {
-	return /* @__PURE__ */ g(C.ItemIndicator, {
-		"data-slot": "combobox-item-indicator",
-		className: n(e),
-		...r,
-		children: t ?? /* @__PURE__ */ g(v, { className: "size-4" })
-	});
-}
-function H({ className: e, children: t, ...r }) {
-	return /* @__PURE__ */ g(C.Empty, {
-		"data-slot": "combobox-empty",
-		className: n("py-6 text-center text-sm text-muted-foreground empty:hidden", e),
-		...r,
-		children: t
-	});
-}
-function U({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.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 W({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.Group, {
-		"data-slot": "combobox-group",
-		className: n("overflow-hidden p-1", e),
-		...t
-	});
-}
-function G({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.GroupLabel, {
-		"data-slot": "combobox-group-label",
-		className: n("px-2 py-1.5 text-xs font-medium text-muted-foreground", e),
-		...t
-	});
-}
-var K = C.Collection;
-function ee({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.Separator, {
-		"data-slot": "combobox-separator",
-		className: n("-mx-1 my-1 h-px bg-muted", e),
-		...t
-	});
-}
-var te = {
-	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 ne({ className: e, size: t = "md", error: r, ...i }) {
-	return /* @__PURE__ */ g(C.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", te[t], e),
-		"aria-invalid": r || void 0,
-		...i
-	});
-}
-function re({ className: e, children: t, ...r }) {
-	return /* @__PURE__ */ _(C.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__ */ g(C.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__ */ g(S, { className: "size-3" })
-		})]
-	});
-}
-function ie({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.Input, {
-		"data-slot": "combobox-chips-input",
-		className: n("min-w-[80px] flex-1 bg-transparent outline-none placeholder:text-muted-foreground", e),
-		...t
-	});
-}
-function q({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.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 ae({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C.Arrow, {
-		"data-slot": "combobox-arrow",
-		className: n("fill-popover", e),
-		...t
-	});
-}
-var oe = C.useFilter, J = {
-	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"
-}, se = 3, ce = 300, le = "default", ue = .8, de = 100, fe = 500, Y = Symbol("enhanced-combobox-create-option");
-function X(e) {
-	return typeof e == "object" && !!e && Y in e;
-}
-function Z(e) {
-	if (!X(e)) throw Error("Item is not a create option");
-	return e[Y];
-}
-function pe(e) {
-	return { [Y]: e };
-}
-//#endregion
-//#region src/components/base/combobox/components/loading-more.tsx
-function Q({ isLoading: e, text: t, className: r }) {
-	return e ? /* @__PURE__ */ _("div", {
-		className: n("loading-more--component", "flex items-center justify-center gap-space-sm px-control py-space-xs text-xs text-muted-foreground", r),
-		role: "status",
-		"aria-live": "polite",
-		children: [/* @__PURE__ */ g(b, {
-			className: "size-icon-sm animate-spin",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ g("span", { children: t })]
-	}) : null;
-}
-Q.displayName = "LoadingMore";
-//#endregion
-//#region src/components/base/combobox/components/status-content.tsx
-function $({ isLoading: e, searchValue: t, minSearchLength: n, itemCount: r, strings: i }) {
-	let a = t.trim();
-	if (e) return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(b, { className: "size-icon-sm 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;
-}
-$.displayName = "StatusContent";
-//#endregion
-//#region src/components/base/combobox/components/combobox-dropdown.tsx
-var me = {
-	small: "sm",
-	default: "md"
-}, he = {
-	small: "min-h-control-sm gap-space-lg rounded-md px-row-x py-row-y text-xs leading-tight [&>span:first-child]:gap-space-lg [&>span:first-child]:text-xs",
-	default: "min-h-control gap-space-lg rounded-md px-row-x py-row-y text-sm leading-tight [&>span:first-child]:gap-space-lg [&>span:first-child]:text-sm"
-}, ge = "px-row-x py-row-y text-xs font-medium uppercase tracking-wide text-muted-foreground";
-function _e({ isLoading: e, showStatus: t, showEmpty: n, searchValue: i, minSearchLength: a, items: o, groupedItems: s, createOptionItem: c, renderItemContent: u, getItemReactKey: d, getItemDisabled: f, renderGroupLabel: p, isLoadingMore: m, strings: v, size: y = le, portalContainer: b, listRef: x, anchor: S, applyFooter: C }) {
-	let w = b == null ? void 0 : "z-[100]", T = me[y], E = /* @__PURE__ */ g(F, {
-		anchor: S,
-		className: w,
-		children: /* @__PURE__ */ _(I, {
-			"aria-busy": e || void 0,
-			className: "combobox-dropdown--popup rounded-radius border-border/70 shadow-sm",
-			children: [
-				!!t && /* @__PURE__ */ g(U, {
-					className: "gap-space-sm px-control py-space-xs text-xs text-muted-foreground",
-					children: /* @__PURE__ */ g($, {
-						isLoading: e,
-						searchValue: i,
-						minSearchLength: a,
-						itemCount: o.length,
-						strings: v
-					})
-				}),
-				!!n && /* @__PURE__ */ g(H, {
-					className: "px-control py-space-xs text-center text-xs text-muted-foreground",
-					children: v.noResults
-				}),
-				/* @__PURE__ */ g(l, {
-					viewportRef: x,
-					className: "max-h-[min(20rem,var(--available-height))]",
-					children: /* @__PURE__ */ g(L, {
-						className: "combobox-dropdown--list max-h-none overflow-visible p-space-sm",
-						children: s ? /* @__PURE__ */ _(h, { children: [Array.from(s.entries()).map(([e, t]) => /* @__PURE__ */ _(W, {
-							className: "combobox-dropdown--group p-0",
-							items: t,
-							children: [/* @__PURE__ */ g(G, {
-								className: ge,
-								children: typeof p == "function" ? p(e) : e
-							}), /* @__PURE__ */ g(K, { children: (e) => /* @__PURE__ */ g(B, {
-								value: e,
-								size: T,
-								className: he[y],
-								disabled: f?.(e),
-								children: u(e)
-							}, d(e)) })]
-						}, e)), c != null && /* @__PURE__ */ g(B, {
-							value: c,
-							size: T,
-							className: he[y],
-							children: u(c)
-						}, d(c))] }) : /* @__PURE__ */ g(K, { children: (e) => /* @__PURE__ */ g(B, {
-							value: e,
-							size: T,
-							className: he[y],
-							disabled: f?.(e),
-							children: u(e)
-						}, d(e)) })
-					})
-				}),
-				/* @__PURE__ */ g(Q, {
-					isLoading: !!m,
-					text: v.loadingMore
-				}),
-				!!C && /* @__PURE__ */ _("div", {
-					className: "flex items-center justify-end gap-space-md border-t border-border/60 px-control py-space-xs",
-					children: [/* @__PURE__ */ g(r, {
-						type: "button",
-						variant: "secondary",
-						buttonStyle: "ghost",
-						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), C.onCancel();
-						},
-						children: C.cancelLabel
-					}), /* @__PURE__ */ g(r, {
-						type: "button",
-						variant: "primary",
-						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), C.onApply();
-						},
-						children: C.applyLabel
-					})]
-				})
-			]
-		})
-	});
-	return b ? /* @__PURE__ */ g(P, {
-		container: b,
-		children: E
-	}) : /* @__PURE__ */ g(P, { children: E });
-}
-_e.displayName = "ComboboxDropdown";
-//#endregion
-//#region src/components/base/combobox/components/error-message.tsx
-var ve = {
-	small: "text-xs mt-space-sm",
-	default: "text-sm mt-space-md"
-};
-function ye({ error: e, size: t, className: r }) {
-	return e ? /* @__PURE__ */ g("p", {
-		className: n("error-message--component", "text-destructive", ve[t], r),
-		role: "alert",
-		"aria-live": "polite",
-		children: e
-	}) : null;
-}
-ye.displayName = "ErrorMessage";
-//#endregion
-//#region src/components/base/combobox/components/highlighted-text.tsx
-function be(e) {
-	return e.replace(/[$()*+.?[\\\]^{|}]/g, "\\$&");
-}
-function xe({ 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(`(${be(t)})`, "gi"), i = e.split(r), a = 0;
-	return /* @__PURE__ */ g(h, { children: i.map((e, t) => {
-		let r = t % 2 == 1, i = String(a);
-		return a += e.length, r ? /* @__PURE__ */ g("mark", {
-			className: n,
-			children: e
-		}, i) : /* @__PURE__ */ g("span", { children: e }, i);
-	}) });
-}
-xe.displayName = "HighlightedText";
-//#endregion
-//#region src/components/base/combobox/hooks/use-debounced-search.ts
-function Se({ searchValue: e, onSearch: t, debounceMs: n = 300, minSearchLength: r = 3 }) {
-	let i = p(null), a = p(t);
-	d(() => {
-		a.current = t;
-	}, [t]), d(() => {
-		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 Ce({ items: e, getItemGroup: t }) {
-	return f(() => {
-		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 we({ hasMore: e, onLoadMore: t, isLoadingMore: n }) {
-	let r = p(!1), i = p(null), a = u((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 d(() => () => {
-		i.current && clearTimeout(i.current);
-	}, []), { handleScroll: a };
-}
-//#endregion
-//#region src/components/base/combobox/hooks/use-enhanced-combobox-core.tsx
-function Te(t) {
-	return e(J, t);
-}
-function Ee(e, t, n) {
-	let r = t.toLowerCase();
-	return e.some((e) => n(e).toLowerCase() === r);
-}
-function De({ items: e, searchValue: t, getItemLabel: r, getItemKey: a, isLoading: o = !1, minSearchLength: s = 3, strings: c, renderItem: l, onSearch: m, debounceMs: h = 300, creatable: v, onCreate: y, getItemGroup: b, hasMore: S, onLoadMore: C, isLoadingMore: w, highlightMatch: T, ensuredItems: E = [] }) {
-	let D = Te(c), O = a ?? r, k = p(null), A = t.trim();
-	Se({
-		searchValue: t,
-		onSearch: m,
-		debounceMs: h,
-		minSearchLength: s
-	});
-	let { handleScroll: j } = we({
-		hasMore: S,
-		onLoadMore: C,
-		isLoadingMore: w
-	});
-	d(() => {
-		let e = k.current;
-		if (!(!e || !S || !C)) return e.addEventListener("scroll", j), () => e.removeEventListener("scroll", j);
-	}, [
-		j,
-		S,
-		C
-	]);
-	let M = f(() => {
-		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 = Ce({
-		items: M,
-		getItemGroup: b
-	}), P = f(() => !v || !y || A.length < s ? !1 : !Ee(M, A, r), [
-		v,
-		y,
-		A,
-		s,
-		M,
-		r
-	]), F = f(() => P ? pe(A) : null, [P, A]);
-	return {
-		strings: D,
-		getKey: O,
-		trimmedSearch: A,
-		listRef: k,
-		baseItems: M,
-		allItems: f(() => F ? [...M, F] : M, [M, F]),
-		groupedItems: N,
-		createOptionItem: F,
-		showStatus: o || A.length < s,
-		showEmpty: !o && A.length >= s && e.length === 0 && !P,
-		showCreateOption: P,
-		renderItemContent: u((e) => {
-			if (X(e)) {
-				let t = Z(e);
-				return /* @__PURE__ */ _("span", {
-					className: n("use-enhanced-combobox-core--component", "flex items-center gap-space-sm text-xs"),
-					children: [/* @__PURE__ */ g(x, { className: "size-icon-sm" }), D.createNew.includes("{value}") ? D.createNew.replace("{value}", t) : /* @__PURE__ */ _("span", {
-						className: "inline-flex items-center gap-space-sm",
-						children: [/* @__PURE__ */ g("span", { children: D.createNew }), /* @__PURE__ */ g(i, {
-							tag: "span",
-							size: "xs",
-							weight: "medium",
-							className: "text-xs",
-							children: t
-						})]
-					})]
-				});
-			}
-			if (l) return l(e);
-			let t = r(e);
-			return T && A ? /* @__PURE__ */ g(xe, {
-				text: t,
-				highlight: A
-			}) : t;
-		}, [
-			D.createNew,
-			l,
-			r,
-			T,
-			A
-		]),
-		itemToStringLabel: u((e) => X(e) ? Z(e) : r(e), [r]),
-		getItemReactKey: u((e) => X(e) ? `__create__:${Z(e)}` : String(O(e)), [O]),
-		handleScroll: j
-	};
-}
-//#endregion
-//#region src/components/base/combobox/enhanced-combobox.tsx
-var Oe = {
-	small: "small",
-	default: "default"
-};
-function ke(e, t) {
-	return e ?? Oe[t ?? "default"] ?? "default";
-}
-var Ae = {
-	small: "small",
-	default: "default"
-}, je = {
-	small: "pe-control-actions-sm",
-	default: "pe-control-actions"
-}, Me = {
-	small: "sm",
-	default: "md"
-};
-function Ne(e) {
-	return Ae[e];
-}
-function Pe({ placeholder: e, clearLabel: t, toggleLabel: i, size: s, error: c, required: l, disabled: u, clearable: d = !0, className: f, onBlur: p }) {
-	return /* @__PURE__ */ _("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ g(C.Input, {
-			render: /* @__PURE__ */ g(a, {
-				size: s,
-				invalid: c,
-				className: n(je[s], f)
-			}),
-			placeholder: e,
-			"aria-invalid": c || void 0,
-			"aria-required": l,
-			disabled: u,
-			onBlur: p
-		}), /* @__PURE__ */ _("div", {
-			className: "absolute inset-y-0 end-1 flex items-center gap-1 text-muted-foreground",
-			children: [d ? /* @__PURE__ */ g(C.Clear, { render: /* @__PURE__ */ g(r, {
-				type: "button",
-				variant: "secondary",
-				buttonStyle: "ghost",
-				size: "icon-small",
-				className: "size-control-clear text-muted-foreground hover:text-foreground",
-				"aria-label": t,
-				children: /* @__PURE__ */ g(S, {
-					className: o[s],
-					"aria-hidden": "true"
-				})
-			}) }) : null, /* @__PURE__ */ g(C.Trigger, { render: /* @__PURE__ */ g(r, {
-				type: "button",
-				variant: "secondary",
-				buttonStyle: "ghost",
-				size: "icon-small",
-				className: "size-control-clear text-muted-foreground hover:text-foreground",
-				"aria-label": i,
-				children: /* @__PURE__ */ g(y, {
-					className: o[s],
-					"aria-hidden": "true"
-				})
-			}) })]
-		})]
-	});
-}
-function Fe({ items: e, selectedValue: n, onSelectedValueChange: r, searchValue: i, onSearchValueChange: a, getItemLabel: o, getItemKey: s, isLoading: c = !1, minSearchLength: l = 3, strings: d, disabled: f = !1, className: p, clearable: h = !0, renderItem: v, portalContainer: y, name: b, invalid: x, error: S, required: C, onBlur: T, onSearch: E, debounceMs: D, creatable: O, onCreate: k, getItemGroup: A, renderGroupLabel: j, hasMore: M, onLoadMore: N, isLoadingMore: P, getItemDisabled: F, highlightMatch: I, size: L, open: R, onOpenChange: z }) {
-	let { defaultControlSize: B } = t(), V = ke(L, B), H = Ne(V), U = x || !!S, W = De({
-		items: e,
-		searchValue: i,
-		onSearchValueChange: a,
-		getItemLabel: o,
-		getItemKey: s,
-		isLoading: c,
-		minSearchLength: l,
-		strings: d,
-		renderItem: v,
-		onSearch: E,
-		debounceMs: D,
-		creatable: O,
-		onCreate: k,
-		getItemGroup: A,
-		hasMore: M,
-		onLoadMore: N,
-		isLoadingMore: P,
-		highlightMatch: I,
-		size: V,
-		ensuredItems: n ? [n] : []
-	}), [G, K] = m(!1), ee = u((e) => {
-		K(e), e || a(""), z?.(e);
-	}, [z, a]), te = G ? i : n ? W.itemToStringLabel(n) : "", ne = u((e) => {
-		if (e && X(e)) {
-			let t = Z(e);
-			k?.(t);
-			return;
-		}
-		r(e);
-	}, [r, k]);
-	return /* @__PURE__ */ _("div", {
-		className: "enhanced-combobox--component",
-		children: [/* @__PURE__ */ _(w, {
-			items: W.allItems,
-			value: n,
-			onValueChange: ne,
-			inputValue: te,
-			onInputValueChange: (e, { reason: t }) => {
-				if (t === "item-press") {
-					a("");
-					return;
-				}
-				a(e);
-			},
-			itemToStringLabel: W.itemToStringLabel,
-			disabled: f,
-			filter: null,
-			name: b,
-			required: C,
-			open: R,
-			onOpenChange: ee,
-			children: [/* @__PURE__ */ g(Pe, {
-				placeholder: W.strings.placeholder,
-				clearLabel: W.strings.clear,
-				toggleLabel: W.strings.toggle,
-				className: p,
-				size: H,
-				error: U,
-				required: C,
-				disabled: f,
-				clearable: h,
-				onBlur: T
-			}), /* @__PURE__ */ g(_e, {
-				isLoading: c,
-				showStatus: W.showStatus,
-				showEmpty: W.showEmpty,
-				searchValue: i,
-				minSearchLength: l,
-				items: e,
-				groupedItems: W.groupedItems,
-				createOptionItem: W.createOptionItem,
-				renderItemContent: W.renderItemContent,
-				getItemReactKey: W.getItemReactKey,
-				getItemDisabled: F,
-				renderGroupLabel: j,
-				isLoadingMore: P,
-				strings: W.strings,
-				size: V,
-				portalContainer: y,
-				listRef: W.listRef
-			})]
-		}), /* @__PURE__ */ g(ye, {
-			error: S,
-			size: V
-		})]
-	});
-}
-function Ie({ items: e, selectedValues: r, onSelectedValuesChange: i, searchValue: a, onSearchValueChange: o, getItemLabel: l, getItemKey: f, isLoading: h = !1, minSearchLength: v = 3, strings: y, disabled: b = !1, className: x, renderItem: S, portalContainer: C, name: T, invalid: E, error: D, required: O, onBlur: k, onSearch: A, debounceMs: j, creatable: M, onCreate: N, getItemGroup: P, renderGroupLabel: F, hasMore: I, onLoadMore: L, isLoadingMore: R, getItemDisabled: z, highlightMatch: B, size: V, open: H, onOpenChange: U, closeOnSelect: W = !1, applyButton: G = !1, onApply: K, onCancel: ee }) {
-	let { defaultControlSize: te } = t(), q = ke(V, te), ae = Ne(q), oe = Me[q], J = E || !!D, se = p(null), ce = f ?? l, [le, ue] = m(r), [de, fe] = m(!1), Y = H !== void 0, pe = Y ? H : de;
-	d(() => {
-		G && ue(r);
-	}, [G, r]);
-	let Q = u((e) => {
-		Y || fe(e), U?.(e);
-	}, [Y, U]), $ = De({
-		items: e,
-		searchValue: a,
-		onSearchValueChange: o,
-		getItemLabel: l,
-		getItemKey: f,
-		isLoading: h,
-		minSearchLength: v,
-		strings: y,
-		renderItem: S,
-		onSearch: A,
-		debounceMs: j,
-		creatable: M,
-		onCreate: N,
-		getItemGroup: P,
-		hasMore: I,
-		onLoadMore: L,
-		isLoadingMore: R,
-		highlightMatch: B,
-		size: q,
-		ensuredItems: r
-	}), me = u((e) => {
-		let t = [], n = null;
-		for (let r of e) X(r) ? n = Z(r) : t.push(r);
-		n && N?.(n);
-		let r = t.length !== e.length || !n ? t : null;
-		r && (G ? ue(r) : i(r)), W && Q(!1);
-	}, [
-		i,
-		N,
-		G,
-		W,
-		Q
-	]), he = u(() => {
-		G && i(le), K?.(), Q(!1);
-	}, [
-		G,
-		le,
-		K,
-		i,
-		Q
-	]), ge = u(() => {
-		G && ue(r), ee?.(), Q(!1);
-	}, [
-		G,
-		r,
-		ee,
-		Q
-	]), ve = G ? le : r, be = ve.length > 0 ? void 0 : $.strings.placeholder;
-	return /* @__PURE__ */ _("div", {
-		className: "enhanced-combobox--component",
-		children: [/* @__PURE__ */ _(w, {
-			items: $.allItems,
-			multiple: !0,
-			value: ve,
-			onValueChange: me,
-			inputValue: a,
-			onInputValueChange: (e, { reason: t }) => {
-				if (t === "item-press") {
-					o("");
-					return;
-				}
-				o(e);
-			},
-			itemToStringLabel: $.itemToStringLabel,
-			disabled: b,
-			filter: null,
-			name: T,
-			required: O,
-			open: pe,
-			onOpenChange: (e) => {
-				!e && G && ue(r), Q(e);
-			},
-			children: [/* @__PURE__ */ _(ne, {
-				ref: se,
-				className: n(s[ae], c[ae], ae === "small" ? "text-xs" : "text-sm", "bg-transparent !shadow-none", x),
-				size: oe,
-				error: J,
-				children: [ve.map((e) => /* @__PURE__ */ g(re, { children: l(e) }, ce(e))), /* @__PURE__ */ g(ie, {
-					placeholder: be,
-					"aria-invalid": J || void 0,
-					"aria-required": O,
-					onBlur: k
-				})]
-			}), /* @__PURE__ */ g(_e, {
-				isLoading: h,
-				showStatus: $.showStatus,
-				showEmpty: $.showEmpty,
-				searchValue: a,
-				minSearchLength: v,
-				items: e,
-				groupedItems: $.groupedItems,
-				createOptionItem: $.createOptionItem,
-				renderItemContent: $.renderItemContent,
-				getItemReactKey: $.getItemReactKey,
-				getItemDisabled: z,
-				renderGroupLabel: F,
-				isLoadingMore: R,
-				strings: $.strings,
-				size: q,
-				portalContainer: C,
-				listRef: $.listRef,
-				anchor: se,
-				applyFooter: G ? {
-					applyLabel: $.strings.apply,
-					cancelLabel: $.strings.cancel,
-					onApply: he,
-					onCancel: ge
-				} : void 0
-			})]
-		}), /* @__PURE__ */ g(ye, {
-			error: D,
-			size: q
-		})]
-	});
-}
-var Le = Fe, Re = Ie;
-Fe.displayName = "EnhancedCombobox", Ie.displayName = "EnhancedComboboxMultiple";
-//#endregion
-//#region src/components/base/combobox/async-resource-combobox.tsx
-var ze = {
-	...J,
-	error: "Unable to load options."
-};
-function Be({ fetcher: t, value: r, defaultValue: a = null, onValueChange: o, onAfterFetch: s, onError: c, getKey: l, getLabel: h, 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(ze, E), A = r !== void 0, [j, M] = m(a), N = A ? r : j, [P, F] = m(""), [I, L] = m([]), [R, z] = m(!1), [B, V] = m(null), H = p(0), U = P.trim(), W = u((e) => {
-		A || M(e), o?.(e);
-	}, [A, o]);
-	d(() => {
-		if (D) return;
-		if (!(U.length > 0 ? U.length >= w : C)) {
-			L([]), z(!1), V(null);
-			return;
-		}
-		let e = H.current + 1;
-		H.current = e;
-		let n = new AbortController(), r = {
-			query: U,
-			limit: x,
-			signal: n.signal
-		}, i = window.setTimeout(() => {
-			z(!0), V(null), t(r).then((t) => {
-				n.signal.aborted || H.current !== e || (L(t), s?.(t, r));
-			}).catch((t) => {
-				n.signal.aborted || H.current !== e || (L([]), V(t), c?.(t, r));
-			}).finally(() => {
-				!n.signal.aborted && H.current === e && z(!1);
-			});
-		}, S);
-		return () => {
-			window.clearTimeout(i), n.abort();
-		};
-	}, [
-		S,
-		D,
-		t,
-		x,
-		w,
-		s,
-		c,
-		C,
-		U
-	]);
-	let G = u((e) => {
-		if (b) return b(e, {
-			query: U,
-			isSelected: N ? l(N) === l(e) : !1
-		});
-		let t = v?.(e), n = y?.(e);
-		return /* @__PURE__ */ _("span", {
-			className: "async-resource-combobox--option flex min-w-0 items-center gap-space-md text-xs leading-tight",
-			children: [/* @__PURE__ */ g(i, {
-				tag: "span",
-				size: "inherit",
-				weight: "medium",
-				className: "min-w-0 shrink truncate",
-				children: h(e)
-			}), (!!t || !!n) && /* @__PURE__ */ _("span", {
-				className: "inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-xs text-muted-foreground",
-				children: [!!t && /* @__PURE__ */ g(i, {
-					tag: "span",
-					size: "inherit",
-					type: "secondary",
-					className: "min-w-0 truncate",
-					children: t
-				}), !!n && /* @__PURE__ */ g(i, {
-					tag: "span",
-					size: "inherit",
-					type: "secondary",
-					className: "min-w-0 truncate opacity-75",
-					children: n
-				})]
-			})]
-		});
-	}, [
-		v,
-		l,
-		h,
-		y,
-		b,
-		N,
-		U
-	]), K = f(() => {
-		if (B) return T ?? k.error;
-	}, [
-		B,
-		T,
-		k.error
-	]);
-	return /* @__PURE__ */ _("div", {
-		"data-component": "async-resource-combobox",
-		"data-slot": "async-resource-combobox",
-		className: n("async-resource-combobox--component", O.className),
-		children: [/* @__PURE__ */ g(Fe, {
-			...O,
-			className: void 0,
-			disabled: D,
-			items: I,
-			selectedValue: N ?? null,
-			onSelectedValueChange: W,
-			searchValue: P,
-			onSearchValueChange: F,
-			getItemLabel: h,
-			getItemKey: l,
-			isLoading: R,
-			minSearchLength: w,
-			strings: k,
-			renderItem: G,
-			error: typeof K == "string" ? K : void 0
-		}), K && typeof K != "string" && /* @__PURE__ */ g("div", {
-			className: "async-resource-combobox--error mt-1.5",
-			children: K
-		})]
-	});
-}
-Be.displayName = "AsyncResourceCombobox";
-//#endregion
-export { re as A, B, pe as C, w as D, J as E, H as F, F as G, L as H, W as I, E as J, ee as K, G as L, ie as M, O as N, ae as O, K as P, T as R, ue as S, X as T, I as U, V, P as W, oe as X, D as Y, ce as _, Fe as a, fe as b, we as c, xe as d, ye as f, Y as g, Q as h, Re as i, ne as j, q as k, Ce as l, $ as m, ze as n, Ie as o, _e as p, U as q, Le as r, De as s, Be as t, Se as u, se as v, Z as w, de as x, le as y, N as z };
-
-//# sourceMappingURL=combobox-D9tU_83-.js.map