admin-ui-starter-kit 0.1.4 → 0.4.3

package/dist/_shared/combobox-Cvs70ic4.js

@@ -1,808 +0,0 @@
-import { useStrings as e } from "../lib/strings.js";
-import { s as t } from "./ui-provider-CQJ1glwN.js";
-import { cn as n } from "../lib/utils.js";
-import { t as r } from "./text-qsEg5GdP.js";
-import { t as i } from "./button-cnkCF8q8.js";
-import { t as a } from "./input-DJo8d1Rr.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 te({ 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 R({ 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 z({ className: e, ...t }) {
-	return /* @__PURE__ */ p(b.Group, {
-		"data-slot": "combobox-group",
-		className: n("overflow-hidden p-1", e),
-		...t
-	});
-}
-function B({ 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 V = b.Collection;
-function H({ 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 ne = {
-	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 re({ 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", ne[t], e),
-		"aria-invalid": r || void 0,
-		...i
-	});
-}
-function ie({ 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 ae({ 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 oe({ 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 U({ className: e, ...t }) {
-	return /* @__PURE__ */ p(b.Arrow, {
-		"data-slot": "combobox-arrow",
-		className: n("fill-popover", e),
-		...t
-	});
-}
-var se = b.useFilter, W = {
-	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"
-}, ce = 3, G = 300, K = "sm", le = .8, ue = 100, q = 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 Z(e) {
-	return { [J]: e };
-}
-//#endregion
-//#region src/components/base/combobox/components/loading-more.tsx
-function Q({ 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;
-}
-Q.displayName = "LoadingMore";
-//#endregion
-//#region src/components/base/combobox/components/status-content.tsx
-function de({ 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;
-}
-de.displayName = "StatusContent";
-//#endregion
-//#region src/components/base/combobox/components/combobox-dropdown.tsx
-function fe({ isLoading: e, showStatus: t, showEmpty: n, searchValue: r, 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(R, { children: /* @__PURE__ */ p(de, {
-					isLoading: e,
-					searchValue: r,
-					minSearchLength: a,
-					itemCount: o.length,
-					strings: _
-				}) }),
-				!!n && /* @__PURE__ */ p(te, { children: _.noResults }),
-				/* @__PURE__ */ p(P, {
-					ref: b,
-					children: s ? /* @__PURE__ */ m(f, { children: [Array.from(s.entries()).map(([e, t]) => /* @__PURE__ */ m(z, {
-						className: "combobox-dropdown--component",
-						items: t,
-						children: [/* @__PURE__ */ p(B, { children: typeof h == "function" ? h(e) : e }), /* @__PURE__ */ p(V, { 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(V, { children: (e) => /* @__PURE__ */ p(L, {
-						value: e,
-						size: v,
-						disabled: d?.(e),
-						children: l(e)
-					}, u(e)) })
-				}),
-				/* @__PURE__ */ p(Q, {
-					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(i, {
-						type: "button",
-						variant: "secondary",
-						buttonStyle: "ghost",
-						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), S.onCancel();
-						},
-						children: S.cancelLabel
-					}), /* @__PURE__ */ p(i, {
-						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 });
-}
-fe.displayName = "ComboboxDropdown";
-//#endregion
-//#region src/components/base/combobox/components/error-message.tsx
-var pe = {
-	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", pe[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 $({ 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);
-	}) });
-}
-$.displayName = "HighlightedText";
-//#endregion
-//#region src/components/base/combobox/hooks/use-debounced-search.ts
-function ge({ searchValue: e, onSearch: t, debounceMs: n = 300, minSearchLength: r = 3 }) {
-	let i = u(null);
-	c(() => {
-		if (!t) return;
-		i.current && clearTimeout(i.current);
-		let a = e.trim();
-		return a.length >= r && (i.current = setTimeout(() => {
-			t(a);
-		}, n)), () => {
-			i.current && clearTimeout(i.current);
-		};
-	}, [
-		e,
-		t,
-		n,
-		r
-	]);
-}
-//#endregion
-//#region src/components/base/combobox/hooks/use-grouped-items.ts
-function _e({ 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(W, 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: i, 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 ?? i, k = u(null), A = t.trim();
-	ge({
-		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 = _e({
-		items: M,
-		getItemGroup: x
-	}), P = l(() => !y || !b || A.length < d ? !1 : !be(M, A, i), [
-		y,
-		b,
-		A,
-		d,
-		M,
-		i
-	]), F = l(() => P ? Z(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(r, {
-							tag: "span",
-							weight: "medium",
-							children: t
-						})]
-					})]
-				});
-			}
-			if (h) return h(e);
-			let t = i(e);
-			return T && A ? /* @__PURE__ */ p($, {
-				text: t,
-				highlight: A
-			}) : t;
-		}, [
-			D.createNew,
-			h,
-			i,
-			T,
-			A
-		]),
-		itemToStringLabel: s((e) => Y(e) ? X(e) : i(e), [i]),
-		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: "sm",
-	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: r, size: o, error: s, required: c, disabled: l, className: u, onBlur: d }) {
-	return /* @__PURE__ */ m("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ p(b.Input, {
-			render: /* @__PURE__ */ p(a, {
-				size: o,
-				invalid: s,
-				className: n("pe-16", u)
-			}),
-			placeholder: e,
-			"aria-invalid": s || void 0,
-			"aria-required": c,
-			disabled: l,
-			onBlur: d
-		}), /* @__PURE__ */ m("div", {
-			className: "absolute inset-y-0 end-1 flex items-center gap-1 text-muted-foreground",
-			children: [/* @__PURE__ */ p(b.Clear, { render: /* @__PURE__ */ p(i, {
-				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"
-				})
-			}) }), /* @__PURE__ */ p(b.Trigger, { render: /* @__PURE__ */ p(i, {
-				type: "button",
-				variant: "secondary",
-				buttonStyle: "ghost",
-				size: "icon-xs",
-				className: "size-7 text-muted-foreground hover:text-foreground",
-				"aria-label": r,
-				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: _, renderItem: v, portalContainer: y, name: b, error: S, required: C, onBlur: w, onSearch: T, debounceMs: E, creatable: D, onCreate: O, getItemGroup: k, renderGroupLabel: A, hasMore: j, onLoadMore: M, isLoadingMore: N, getItemDisabled: P, highlightMatch: F, size: I, open: L, onOpenChange: ee }) {
-	let { defaultControlSize: te } = t(), R = Ce(I, te), z = Ee(R), B = xe({
-		items: e,
-		searchValue: a,
-		onSearchValueChange: o,
-		getItemLabel: c,
-		getItemKey: l,
-		isLoading: u,
-		minSearchLength: f,
-		strings: h,
-		renderItem: v,
-		onSearch: T,
-		debounceMs: E,
-		creatable: D,
-		onCreate: O,
-		getItemGroup: k,
-		hasMore: j,
-		onLoadMore: M,
-		isLoadingMore: N,
-		highlightMatch: F,
-		size: R,
-		ensuredItems: r ? [r] : []
-	}), [V, H] = d(!1), ne = s((e) => {
-		H(e), e || o(""), ee?.(e);
-	}, [ee, o]), re = V ? a : r ? B.itemToStringLabel(r) : "", ie = s((e) => {
-		if (e && Y(e)) {
-			let t = X(e);
-			O?.(t);
-			return;
-		}
-		i(e);
-	}, [i, O]);
-	return /* @__PURE__ */ m("div", {
-		className: "enhanced-combobox--component",
-		children: [/* @__PURE__ */ m(x, {
-			items: B.allItems,
-			value: r,
-			onValueChange: ie,
-			inputValue: re,
-			onInputValueChange: (e, { reason: t }) => {
-				if (t === "item-press") {
-					o("");
-					return;
-				}
-				o(e);
-			},
-			itemToStringLabel: B.itemToStringLabel,
-			disabled: g,
-			filter: null,
-			name: b,
-			required: C,
-			open: L,
-			onOpenChange: ne,
-			children: [/* @__PURE__ */ p(De, {
-				placeholder: B.strings.placeholder,
-				clearLabel: B.strings.clear,
-				toggleLabel: B.strings.toggle,
-				className: n(Te[R], _),
-				size: z,
-				error: !!S,
-				required: C,
-				disabled: g,
-				onBlur: w
-			}), /* @__PURE__ */ p(fe, {
-				isLoading: u,
-				showStatus: B.showStatus,
-				showEmpty: B.showEmpty,
-				searchValue: a,
-				minSearchLength: f,
-				items: e,
-				groupedItems: B.groupedItems,
-				createOptionItem: B.createOptionItem,
-				renderItemContent: B.renderItemContent,
-				getItemReactKey: B.getItemReactKey,
-				getItemDisabled: P,
-				renderGroupLabel: A,
-				isLoadingMore: N,
-				strings: B.strings,
-				size: R,
-				portalContainer: y,
-				listRef: B.listRef
-			})]
-		}), /* @__PURE__ */ p(me, {
-			error: S,
-			size: R
-		})]
-	});
-}
-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, error: T, required: E, onBlur: D, onSearch: O, debounceMs: k, creatable: A, onCreate: j, getItemGroup: M, renderGroupLabel: N, hasMore: P, onLoadMore: F, isLoadingMore: I, getItemDisabled: L, highlightMatch: ee, size: te, open: R, onOpenChange: z, closeOnSelect: B = !1, applyButton: V = !1, onApply: H, onCancel: ne }) {
-	let { defaultControlSize: oe } = t(), U = Ce(te, oe), se = Ee(U), W = u(null), ce = h ?? f, [G, K] = d(r), [le, ue] = d(!1), q = R !== void 0, J = q ? R : le;
-	c(() => {
-		V && K(r);
-	}, [V, r]);
-	let Z = s((e) => {
-		q || ue(e), z?.(e);
-	}, [q, z]), Q = xe({
-		items: e,
-		searchValue: a,
-		onSearchValueChange: l,
-		getItemLabel: f,
-		getItemKey: h,
-		isLoading: g,
-		minSearchLength: _,
-		strings: v,
-		renderItem: S,
-		onSearch: O,
-		debounceMs: k,
-		creatable: A,
-		onCreate: j,
-		getItemGroup: M,
-		hasMore: P,
-		onLoadMore: F,
-		isLoadingMore: I,
-		highlightMatch: ee,
-		size: U,
-		ensuredItems: r
-	}), de = s((e) => {
-		let t = [], n = null;
-		for (let r of e) Y(r) ? n = X(r) : t.push(r);
-		n && j?.(n);
-		let r = t.length !== e.length || !n ? t : null;
-		r && (V ? K(r) : i(r)), B && Z(!1);
-	}, [
-		i,
-		j,
-		V,
-		B,
-		Z
-	]), pe = s(() => {
-		V && i(G), H?.(), Z(!1);
-	}, [
-		V,
-		G,
-		H,
-		i,
-		Z
-	]), he = s(() => {
-		V && K(r), ne?.(), Z(!1);
-	}, [
-		V,
-		r,
-		ne,
-		Z
-	]), $ = V ? G : r, ge = $.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: de,
-			inputValue: a,
-			onInputValueChange: (e, { reason: t }) => {
-				if (t === "item-press") {
-					l("");
-					return;
-				}
-				l(e);
-			},
-			itemToStringLabel: Q.itemToStringLabel,
-			disabled: y,
-			filter: null,
-			name: w,
-			required: E,
-			open: J,
-			onOpenChange: (e) => {
-				!e && V && K(r), Z(e);
-			},
-			children: [/* @__PURE__ */ m(re, {
-				ref: W,
-				className: n(o[se], "bg-transparent px-3 py-1 text-sm !shadow-none", b),
-				size: U,
-				error: !!T,
-				children: [$.map((e) => /* @__PURE__ */ p(ie, { children: f(e) }, ce(e))), /* @__PURE__ */ p(ae, {
-					placeholder: ge,
-					"aria-invalid": !!T,
-					"aria-required": E,
-					onBlur: D
-				})]
-			}), /* @__PURE__ */ p(fe, {
-				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: L,
-				renderGroupLabel: N,
-				isLoadingMore: I,
-				strings: Q.strings,
-				size: U,
-				portalContainer: C,
-				listRef: Q.listRef,
-				anchor: W,
-				applyFooter: V ? {
-					applyLabel: Q.strings.apply,
-					cancelLabel: Q.strings.cancel,
-					onApply: pe,
-					onCancel: he
-				} : void 0
-			})]
-		}), /* @__PURE__ */ p(me, {
-			error: T,
-			size: U
-		})]
-	});
-}
-var Ae = Oe, je = ke;
-Oe.displayName = "EnhancedCombobox", ke.displayName = "EnhancedComboboxMultiple";
-//#endregion
-export { ae as A, P as B, Y as C, oe as D, U as E, B as F, R as G, j as H, S as I, se as J, C as K, A as L, V as M, te as N, ie as O, z as P, L as R, X as S, x as T, M as U, N as V, H as W, K as _, xe as a, le as b, ge as c, fe as d, de as f, ce as g, G as h, ke as i, T as j, re as k, $ as l, J as m, je as n, ve as o, Q as p, w as q, Oe as r, _e as s, Ae as t, me as u, q as v, W as w, Z as x, ue as y, ee as z };
-
-//# sourceMappingURL=combobox-Cvs70ic4.js.map