@dinofront/design_system 0.1.0

package/dist/index.js

@@ -0,0 +1,2663 @@
+import { Children as e, cloneElement as t, createContext as n, createElement as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
+import { AlertCircle as p, AlertTriangle as m, ArrowDown as h, ArrowUp as g, Calendar as _, Check as v, CheckCircle2 as y, ChevronDown as b, ChevronLeft as x, ChevronRight as S, ChevronsUpDown as C, File as w, Info as T, Loader2 as E, Menu as ee, Minus as D, MoreHorizontal as O, Search as k, Sparkles as A, Trash2 as j, UploadCloud as M, User as N, Users as te, X as P, XCircle as F } from "lucide-react";
+import { clsx as I } from "clsx";
+import { twMerge as L } from "tailwind-merge";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { createPortal as V } from "react-dom";
+//#region src/lib/cn.ts
+function H(...e) {
+	return L(I(e));
+}
+//#endregion
+//#region src/components/Accordion/Accordion.tsx
+var ne = n(null);
+function re() {
+	let e = s(ne);
+	if (!e) throw Error("AccordionItem must be used inside <Accordion>");
+	return e;
+}
+function U(e) {
+	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
+}
+var W = i(function({ type: e = "single", defaultValue: t, value: n, onValueChange: r, className: i, children: a, dataTestId: o, ...s }, c) {
+	let [l, u] = f(() => U(t)), d = n !== void 0, p = d ? U(n) : l;
+	return /* @__PURE__ */ z(ne.Provider, {
+		value: {
+			openValues: p,
+			toggle: (t) => {
+				let n;
+				n = e === "single" ? p.includes(t) ? [] : [t] : p.includes(t) ? p.filter((e) => e !== t) : [...p, t], d || u(n), r?.(e === "single" ? n[0] ?? "" : n);
+			}
+		},
+		children: /* @__PURE__ */ z("div", {
+			ref: c,
+			"data-test-id": o,
+			className: H("flex flex-col divide-y divide-border-default border border-border-default rounded-lg overflow-hidden bg-bg-default", i),
+			...s,
+			children: a
+		})
+	});
+}), G = i(function({ value: e, title: t, icon: n, disabled: r, className: i, children: a, dataTestId: o, ...s }, c) {
+	let { openValues: u, toggle: d } = re(), f = u.includes(e), p = l();
+	return /* @__PURE__ */ B("div", {
+		ref: c,
+		"data-test-id": o,
+		"data-state": f ? "open" : "closed",
+		className: H("group", i),
+		...s,
+		children: [/* @__PURE__ */ z("h3", { children: /* @__PURE__ */ B("button", {
+			type: "button",
+			onClick: () => d(e),
+			disabled: r,
+			"aria-expanded": f,
+			"aria-controls": p,
+			className: H("flex w-full items-center justify-between gap-3 px-5 py-4 text-left", "text-p-md font-medium text-fg-default", "hover:bg-bg-container transition-colors", "focus-visible:outline-none focus-visible:bg-bg-container", "disabled:opacity-50 disabled:cursor-not-allowed"),
+			children: [/* @__PURE__ */ B("span", {
+				className: "inline-flex items-center gap-3",
+				children: [n && /* @__PURE__ */ z("span", {
+					className: "inline-flex text-fg-secondary",
+					children: n
+				}), t]
+			}), /* @__PURE__ */ z(b, {
+				className: H("h-5 w-5 shrink-0 text-fg-secondary transition-transform duration-200", f && "rotate-180"),
+				"aria-hidden": !0
+			})]
+		}) }), /* @__PURE__ */ z("div", {
+			id: p,
+			role: "region",
+			hidden: !f,
+			className: "px-5 pb-4 text-p-std text-fg-secondary",
+			children: a
+		})]
+	});
+}), ie = {
+	xs: "h-6 w-6 text-p-xs",
+	sm: "h-8 w-8 text-p-sm",
+	md: "h-10 w-10 text-p-std",
+	lg: "h-12 w-12 text-p-md",
+	xl: "h-16 w-16 text-h-xs",
+	"2xl": "h-20 w-20 text-h-xs"
+}, ae = {
+	xs: "h-1.5 w-1.5",
+	sm: "h-2 w-2",
+	md: "h-2.5 w-2.5",
+	lg: "h-3 w-3",
+	xl: "h-3.5 w-3.5",
+	"2xl": "h-4 w-4"
+}, oe = {
+	online: "bg-green-500",
+	offline: "bg-gray-400 dark:bg-gray-500",
+	away: "bg-yellow-600",
+	busy: "bg-red-600"
+}, se = {
+	xs: "-ml-1.5",
+	sm: "-ml-2",
+	md: "-ml-2.5",
+	lg: "-ml-3",
+	xl: "-ml-4",
+	"2xl": "-ml-5"
+};
+function ce(e) {
+	let t = e.trim().split(/\s+/);
+	return t.length === 0 ? "" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+function le(e) {
+	let t = [
+		"bg-brand-500",
+		"bg-blue-600",
+		"bg-purple-500",
+		"bg-pink-500",
+		"bg-yellow-600",
+		"bg-green-500"
+	], n = 0;
+	for (let t = 0; t < e.length; t++) n = (n << 5) - n + e.charCodeAt(t), n |= 0;
+	return t[Math.abs(n) % t.length];
+}
+var K = i(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape: a = "circle", fallback: o, className: s, dataTestId: c, ...l }, u) {
+	let [d, p] = f(!1), m = !!e && !d, h = n ? ce(n) : "", g = n ? le(n) : "bg-gray-300 dark:bg-gray-600";
+	return /* @__PURE__ */ B("span", {
+		ref: u,
+		"data-test-id": c,
+		className: H("relative inline-flex shrink-0", s),
+		...l,
+		children: [/* @__PURE__ */ z("span", {
+			className: H("inline-flex items-center justify-center overflow-hidden font-semibold text-white select-none", ie[r], a === "circle" ? "rounded-full" : "rounded-md", !m && g),
+			children: m ? /* @__PURE__ */ z("img", {
+				src: e,
+				alt: t ?? n ?? "",
+				onError: () => p(!0),
+				className: "h-full w-full object-cover"
+			}) : n ? h : o ?? /* @__PURE__ */ z(N, { className: "h-1/2 w-1/2 text-white/90" })
+		}), i && /* @__PURE__ */ z("span", {
+			"aria-label": i,
+			className: H("absolute right-0 bottom-0 rounded-full ring-2 ring-white", ae[r], oe[i])
+		})]
+	});
+}), ue = i(function({ size: e = "md", max: t, children: n, className: r, dataTestId: i, ...a }, o) {
+	let s = Array.isArray(n) ? n : [n], c = t === void 0 ? s : s.slice(0, t), l = t === void 0 ? 0 : s.length - t;
+	return /* @__PURE__ */ B("div", {
+		ref: o,
+		"data-test-id": i,
+		className: H("inline-flex items-center", r),
+		...a,
+		children: [c.map((t, n) => /* @__PURE__ */ z("div", {
+			className: H("rounded-full ring-2 ring-white", n > 0 && se[e]),
+			style: { zIndex: c.length - n },
+			children: t
+		}, n)), l > 0 && /* @__PURE__ */ z("div", {
+			className: H("rounded-full ring-2 ring-white", se[e]),
+			children: /* @__PURE__ */ z(K, {
+				size: e,
+				name: `+${l}`
+			})
+		})]
+	});
+}), de = {
+	lg: "h-7 px-2.5 text-p-std gap-1.5 rounded-md",
+	md: "h-6 px-2 text-p-sm gap-1 rounded-md",
+	sm: "h-5 px-1.5 text-p-sm gap-1 rounded",
+	xs: "h-4 px-1 text-p-xs gap-0.5 rounded"
+}, fe = {
+	neutral: "bg-bg-subtle text-fg-default border border-border-default",
+	brand: "bg-brand-20 text-brand-800 border border-brand-100",
+	success: "bg-green-50 text-green-800 border border-green-100",
+	warning: "bg-yellow-50 text-yellow-900 border border-yellow-100",
+	danger: "bg-red-50 text-red-800 border border-red-100",
+	info: "bg-blue-50 text-blue-800 border border-blue-100",
+	privacy: "bg-purple-50 text-purple-800 border border-purple-100"
+}, pe = {
+	neutral: "bg-transparent text-fg-default border border-border-strong",
+	brand: "bg-transparent text-brand-700 border border-brand-500",
+	success: "bg-transparent text-green-700 border border-green-500",
+	warning: "bg-transparent text-yellow-800 border border-yellow-600",
+	danger: "bg-transparent text-red-700 border border-red-500",
+	info: "bg-transparent text-blue-700 border border-blue-500",
+	privacy: "bg-transparent text-purple-700 border border-purple-500"
+}, me = {
+	neutral: "bg-fg-default text-bg-default",
+	brand: "bg-brand-500 text-white",
+	success: "bg-green-600 text-white",
+	warning: "bg-yellow-600 text-gray-900 dark:text-gray-900",
+	danger: "bg-red-700 text-white",
+	info: "bg-blue-600 text-white",
+	privacy: "bg-purple-500 text-white"
+}, he = i(function({ variant: e = "neutral", appearance: t = "filled", size: n = "md", leftIcon: r, rightIcon: i, onDismiss: a, className: o, children: s, dataTestId: c, ...l }, u) {
+	let d = t === "filled" ? fe[e] : t === "outline" ? pe[e] : me[e];
+	return /* @__PURE__ */ B("span", {
+		ref: u,
+		"data-test-id": c,
+		className: H("inline-flex items-center font-medium whitespace-nowrap select-none", de[n], d, o),
+		...l,
+		children: [
+			r && /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0",
+				children: r
+			}),
+			s,
+			i && !a && /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0",
+				children: i
+			}),
+			a && /* @__PURE__ */ z("button", {
+				type: "button",
+				onClick: a,
+				"aria-label": "Dismiss",
+				className: "inline-flex shrink-0 -mr-0.5 rounded-full p-0.5 hover:bg-black/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
+				children: /* @__PURE__ */ z(P, { className: "h-3 w-3" })
+			})
+		]
+	});
+}), ge = {
+	lg: "h-12 px-5 text-p-md gap-2 rounded-lg",
+	md: "h-10 px-4 text-p-std gap-2 rounded-lg",
+	sm: "h-8 px-3 text-p-sm gap-1.5 rounded-md"
+}, _e = {
+	lg: "h-12 w-12 rounded-lg",
+	md: "h-10 w-10 rounded-lg",
+	sm: "h-8 w-8 rounded-md"
+}, ve = {
+	primary: [
+		"bg-brand-500 text-white border border-transparent",
+		"hover:bg-brand-600 active:bg-brand-700",
+		"disabled:bg-bg-subtle disabled:text-fg-disabled disabled:cursor-not-allowed",
+		"focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2"
+	].join(" "),
+	secondary: [
+		"bg-bg-default text-fg-default border border-border-default",
+		"hover:bg-bg-container active:bg-bg-subtle",
+		"disabled:bg-bg-container disabled:text-fg-disabled disabled:cursor-not-allowed",
+		"focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2"
+	].join(" "),
+	tertiary: [
+		"bg-transparent text-fg-default border border-transparent",
+		"hover:bg-bg-subtle active:bg-bg-subtle",
+		"disabled:text-fg-disabled disabled:cursor-not-allowed",
+		"focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2"
+	].join(" "),
+	danger: [
+		"bg-red-700 text-white border border-transparent",
+		"hover:bg-red-800 active:bg-red-900",
+		"disabled:bg-bg-subtle disabled:text-fg-disabled disabled:cursor-not-allowed",
+		"focus-visible:ring-2 focus-visible:ring-red-300 focus-visible:ring-offset-2"
+	].join(" ")
+}, ye = {
+	primary: "bg-brand-700",
+	secondary: "bg-bg-subtle",
+	tertiary: "bg-bg-subtle",
+	danger: "bg-red-900"
+}, be = i(function({ variant: e = "primary", size: t = "md", leftIcon: n, rightIcon: r, loading: i = !1, iconOnly: a = !1, fullWidth: o = !1, pressed: s = !1, disabled: c, className: l, children: u, onClick: d, dataTestId: f, ...p }, m) {
+	return /* @__PURE__ */ z("button", {
+		ref: m,
+		disabled: c || i,
+		"aria-pressed": s,
+		"data-test-id": f,
+		onClick: (e) => {
+			if (s || c || i) {
+				e.preventDefault();
+				return;
+			}
+			d?.(e);
+		},
+		className: H("inline-flex items-center justify-center font-medium transition-colors outline-none", a ? _e[t] : ge[t], ve[e], s && ye[e], o && "w-full", l),
+		...p,
+		children: i ? /* @__PURE__ */ z(E, {
+			className: "h-4 w-4 animate-spin",
+			"aria-hidden": !0
+		}) : /* @__PURE__ */ B(R, { children: [
+			n && /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0",
+				children: n
+			}),
+			u,
+			r && /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0",
+				children: r
+			})
+		] })
+	});
+}), xe = {
+	horizontal: "flex-row [&>*]:rounded-none [&>*:first-child]:rounded-l-lg [&>*:last-child]:rounded-r-lg [&>*:not(:first-child)]:-ml-px",
+	vertical: "flex-col [&>*]:rounded-none [&>*:first-child]:rounded-t-lg [&>*:last-child]:rounded-b-lg [&>*:not(:first-child)]:-mt-px"
+}, Se = i(function({ orientation: e = "horizontal", className: t, children: n, dataTestId: r, ...i }, a) {
+	return /* @__PURE__ */ z("div", {
+		ref: a,
+		role: "group",
+		"data-test-id": r,
+		className: H("inline-flex isolate", xe[e], "[&>*]:relative [&>*:hover]:z-10 [&>*:focus-visible]:z-10", t),
+		...i,
+		children: n
+	});
+}), Ce = {
+	elevated: "bg-bg-default border border-border-default shadow-z1",
+	outlined: "bg-bg-default border border-border-default",
+	filled: "bg-bg-container border border-transparent"
+}, we = {
+	none: "p-0",
+	sm: "p-4",
+	md: "p-5",
+	lg: "p-6"
+}, Te = i(function({ variant: e = "outlined", padding: t = "md", header: n, footer: r, interactive: i = !1, className: a, children: o, dataTestId: s, ...c }, l) {
+	let u = n || r;
+	return /* @__PURE__ */ B("div", {
+		ref: l,
+		"data-test-id": s,
+		className: H("rounded-xl overflow-hidden", Ce[e], i && "transition-all hover:border-brand-500 hover:shadow-z2", !u && we[t], a),
+		...c,
+		children: [
+			n && /* @__PURE__ */ z("div", {
+				className: H("border-b border-border-subtle", we[t]),
+				children: n
+			}),
+			u ? /* @__PURE__ */ z("div", {
+				className: we[t],
+				children: o
+			}) : o,
+			r && /* @__PURE__ */ z("div", {
+				className: H("border-t border-border-subtle", we[t]),
+				children: r
+			})
+		]
+	});
+}), Ee = {
+	md: "h-5 w-5 rounded-sm",
+	sm: "h-4 w-4 rounded-sm"
+}, De = {
+	md: "h-3.5 w-3.5",
+	sm: "h-3 w-3"
+}, Oe = i(function({ size: e = "md", label: t, description: n, indeterminate: r = !1, error: i = !1, id: a, disabled: o, checked: s, defaultChecked: c, className: u, dataTestId: d, ...f }, p) {
+	let m = l(), h = a ?? m;
+	return /* @__PURE__ */ B("label", {
+		htmlFor: h,
+		"data-test-id": d,
+		className: H("inline-flex items-start gap-2.5 group/checkbox", o ? "cursor-not-allowed opacity-60" : "cursor-pointer", u),
+		children: [/* @__PURE__ */ B("span", {
+			className: "relative inline-flex shrink-0 items-center justify-center mt-0.5",
+			children: [/* @__PURE__ */ z("input", {
+				ref: p,
+				id: h,
+				type: "checkbox",
+				checked: s,
+				defaultChecked: c,
+				disabled: o,
+				className: "peer sr-only",
+				"aria-invalid": i || void 0,
+				"aria-checked": r ? "mixed" : void 0,
+				...f
+			}), /* @__PURE__ */ z("span", {
+				className: H("flex items-center justify-center border transition-colors", Ee[e], !r && "bg-bg-default", i ? "border-red-600" : r ? "border-brand-500" : "border-border-strong", !o && !r && (i ? "peer-hover:border-red-700" : "peer-hover:border-fg-tertiary"), "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-1", !r && "peer-checked:bg-brand-500 peer-checked:border-brand-500", r && "bg-brand-500", o && !r && "peer-checked:bg-bg-subtle peer-checked:border-border-strong", !r && "[&_svg]:opacity-0 peer-checked:[&_svg]:opacity-100 [&_svg]:transition-opacity"),
+				children: z(r ? D : v, {
+					className: H(De[e], "text-white"),
+					strokeWidth: 3,
+					"aria-hidden": !0
+				})
+			})]
+		}), (t || n) && /* @__PURE__ */ B("span", {
+			className: "flex flex-col gap-0.5",
+			children: [t && /* @__PURE__ */ z("span", {
+				className: "text-p-std font-medium text-fg-default leading-tight",
+				children: t
+			}), n && /* @__PURE__ */ z("span", {
+				className: "text-p-sm text-fg-secondary leading-snug",
+				children: n
+			})]
+		})]
+	});
+}), ke = {
+	lg: "h-12 text-p-md px-3.5",
+	md: "h-10 text-p-std px-3",
+	sm: "h-8 text-p-sm px-2.5"
+}, Ae = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+], je = [
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa",
+	"Su"
+];
+function Me(e) {
+	return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function Ne(e, t) {
+	return !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function Pe(e) {
+	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${e.getFullYear()}`;
+}
+function Fe(e) {
+	let t = (Me(e).getDay() + 6) % 7, n = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate(), r = [];
+	for (let e = 0; e < t; e++) r.push(null);
+	for (let t = 1; t <= n; t++) r.push(new Date(e.getFullYear(), e.getMonth(), t));
+	for (; r.length % 7 != 0;) r.push(null);
+	return r;
+}
+var Ie = i(function({ value: e, onChange: t, range: n = !1, rangeValue: r, onChangeRange: i, size: a = "md", label: o, placeholder: s = "Select date", fullWidth: u = !1, id: p, className: m, wrapperClassName: h, dataTestId: g }, v) {
+	let y = l(), b = p ?? y, [C, w] = f(!1), [T, E] = f(e ?? r?.start ?? /* @__PURE__ */ new Date()), [ee, D] = f(null), O = d(null);
+	c(() => {
+		if (!C) return;
+		let e = (e) => {
+			O.current && !O.current.contains(e.target) && w(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [C]);
+	let k = n ? r?.start ? `${Pe(r.start)}${r.end ? ` – ${Pe(r.end)}` : ""}` : "" : e ? Pe(e) : "";
+	function A(e) {
+		if (!n) {
+			t?.(e), w(!1);
+			return;
+		}
+		let a = r ?? {
+			start: null,
+			end: null
+		};
+		if (!a.start || a.start && a.end) {
+			i?.({
+				start: e,
+				end: null
+			});
+			return;
+		}
+		if (e < a.start) {
+			i?.({
+				start: e,
+				end: a.start
+			});
+			return;
+		}
+		i?.({
+			start: a.start,
+			end: e
+		}), w(!1);
+	}
+	let j = Fe(T), M = r ?? {
+		start: null,
+		end: null
+	}, N = M.end ?? ee;
+	return /* @__PURE__ */ B("div", {
+		ref: O,
+		"data-test-id": g,
+		className: H("flex flex-col gap-1.5", u && "w-full", h),
+		children: [o && /* @__PURE__ */ z("label", {
+			htmlFor: b,
+			className: "text-p-std font-medium text-fg-default inline-flex",
+			children: o
+		}), /* @__PURE__ */ B("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ B("button", {
+				ref: v,
+				id: b,
+				type: "button",
+				onClick: () => w((e) => !e),
+				className: H("inline-flex items-center gap-2 rounded-lg border border-border-default bg-bg-default text-left transition-colors hover:border-border-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:border-brand-500", u ? "w-full min-w-0" : "min-w-[260px]", ke[a], m),
+				children: [/* @__PURE__ */ z("span", {
+					className: H("flex-1 text-left truncate", k ? "text-fg-default" : "text-fg-tertiary"),
+					children: k || s
+				}), /* @__PURE__ */ z(_, { className: "w-4 h-4 text-fg-secondary" })]
+			}), C && /* @__PURE__ */ B("div", {
+				className: "absolute z-50 mt-1 left-0 rounded-xl border border-border-default bg-bg-default shadow-z3 p-3 w-[300px]",
+				children: [/* @__PURE__ */ B("div", {
+					className: "flex items-center justify-between mb-2",
+					children: [
+						/* @__PURE__ */ z("button", {
+							type: "button",
+							className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
+							onClick: () => E(new Date(T.getFullYear(), T.getMonth() - 1, 1)),
+							"aria-label": "Previous month",
+							children: /* @__PURE__ */ z(x, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ B("div", {
+							className: "text-p-md font-semibold text-fg-default",
+							children: [
+								Ae[T.getMonth()],
+								" ",
+								T.getFullYear()
+							]
+						}),
+						/* @__PURE__ */ z("button", {
+							type: "button",
+							className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
+							onClick: () => E(new Date(T.getFullYear(), T.getMonth() + 1, 1)),
+							"aria-label": "Next month",
+							children: /* @__PURE__ */ z(S, { className: "w-4 h-4" })
+						})
+					]
+				}), /* @__PURE__ */ B("div", {
+					className: "grid grid-cols-7 gap-1 text-center",
+					children: [je.map((e) => /* @__PURE__ */ z("div", {
+						className: "text-p-xs text-fg-tertiary py-1",
+						children: e
+					}, e)), j.map((t, r) => {
+						if (!t) return /* @__PURE__ */ z("div", {}, r);
+						let i = !n && Ne(t, e ?? null), a = n && Ne(t, M.start), o = n && Ne(t, N), s = n && !!M.start && !!N && t > M.start && t < N;
+						return /* @__PURE__ */ z("button", {
+							type: "button",
+							onMouseEnter: () => n && M.start && !M.end && D(t),
+							onClick: () => A(t),
+							className: H("h-8 rounded-md text-p-sm font-medium", i || a || o ? "bg-brand-500 text-white" : s ? "bg-bg-brand-lighter text-brand-700" : "text-fg-default hover:bg-bg-container"),
+							children: t.getDate()
+						}, r);
+					})]
+				})]
+			})]
+		})]
+	});
+}), Le = {
+	sm: "w-[320px]",
+	md: "w-[420px]",
+	lg: "w-[560px]",
+	xl: "w-[720px]"
+}, Re = {
+	sm: "h-[240px]",
+	md: "h-[360px]",
+	lg: "h-[480px]",
+	xl: "h-[600px]"
+}, ze = {
+	right: "inset-y-0 right-0 border-l",
+	left: "inset-y-0 left-0 border-r",
+	top: "inset-x-0 top-0 border-b",
+	bottom: "inset-x-0 bottom-0 border-t"
+};
+function Be(...e) {
+	return (t) => {
+		for (let n of e) n && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+var Ve = i(function({ open: e, onClose: t, side: n = "right", size: r = "md", title: i, description: a, children: o, footer: s, closeOnOverlayClick: l = !0, showClose: u = !0, className: f, dataTestId: p }, m) {
+	let h = d(null);
+	if (c(() => {
+		if (!e) return;
+		let n = (e) => {
+			e.key === "Escape" && t();
+		};
+		document.addEventListener("keydown", n);
+		let r = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.removeEventListener("keydown", n), document.body.style.overflow = r;
+		};
+	}, [e, t]), c(() => {
+		if (!e) return;
+		let t = document.activeElement;
+		return h.current?.focus(), () => t?.focus?.();
+	}, [e]), !e) return null;
+	let g = n === "left" || n === "right", _ = g ? Le[r] : Re[r];
+	return V(/* @__PURE__ */ B("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": i ? "drawer-title" : void 0,
+		"aria-describedby": a ? "drawer-desc" : void 0,
+		className: "fixed inset-0 z-50",
+		"data-test-id": p,
+		children: [/* @__PURE__ */ z("div", {
+			className: "absolute inset-0 bg-black/50",
+			onClick: () => l && t(),
+			"aria-hidden": !0
+		}), /* @__PURE__ */ B("div", {
+			ref: Be(m, h),
+			tabIndex: -1,
+			className: H("absolute bg-bg-default shadow-z5 outline-none flex flex-col", ze[n], g ? `${_} h-full max-w-full` : `${_} w-full max-h-full`, "border-border-default", f),
+			children: [
+				(i || u) && /* @__PURE__ */ B("div", {
+					className: "flex items-start justify-between gap-4 px-6 pt-6 pb-4 border-b border-border-default",
+					children: [/* @__PURE__ */ B("div", {
+						className: "flex-1 min-w-0",
+						children: [i && /* @__PURE__ */ z("h2", {
+							id: "drawer-title",
+							className: "text-h-xs font-semibold text-fg-default",
+							children: i
+						}), a && /* @__PURE__ */ z("p", {
+							id: "drawer-desc",
+							className: "mt-1 text-p-std text-fg-secondary",
+							children: a
+						})]
+					}), u && /* @__PURE__ */ z("button", {
+						type: "button",
+						onClick: t,
+						"aria-label": "Close",
+						className: "-mr-2 -mt-2 p-2 rounded-md text-fg-secondary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
+						children: /* @__PURE__ */ z(P, { className: "h-5 w-5" })
+					})]
+				}),
+				o && /* @__PURE__ */ z("div", {
+					className: "flex-1 overflow-y-auto px-6 py-4",
+					children: o
+				}),
+				s && /* @__PURE__ */ z("div", {
+					className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default bg-bg-container",
+					children: s
+				})
+			]
+		})]
+	}), document.body);
+}), He = n(null);
+function Ue() {
+	let e = s(He);
+	if (!e) throw Error("Dropdown parts must be used inside <DropdownMenu>");
+	return e;
+}
+function We(...e) {
+	return (t) => {
+		for (let n of e) n && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+var Ge = i(function({ children: e, defaultOpen: t = !1, open: n, onOpenChange: r, className: i, dataTestId: a, ...o }, s) {
+	let [l, u] = f(t), p = n !== void 0, m = p ? n : l, h = d(null), g = (e) => {
+		p || u(e), r?.(e);
+	};
+	return c(() => {
+		if (!m) return;
+		let e = (e) => {
+			e.key === "Escape" && g(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [m]), /* @__PURE__ */ z(He.Provider, {
+		value: {
+			open: m,
+			setOpen: g,
+			triggerRef: h
+		},
+		children: /* @__PURE__ */ z("div", {
+			ref: s,
+			"data-test-id": a,
+			className: H("relative inline-block", i),
+			...o,
+			children: e
+		})
+	});
+});
+function Ke({ children: e }) {
+	let { open: n, setOpen: r, triggerRef: i } = Ue();
+	if (!a(e)) return e;
+	let o = e.props ?? {};
+	return t(e, {
+		ref: i,
+		onClick: (e) => {
+			let t = o.onClick;
+			t?.(e), e.defaultPrevented || r(!n);
+		},
+		"aria-haspopup": "menu",
+		"aria-expanded": n
+	});
+}
+var qe = i(function({ children: e, align: t = "start", className: n, dataTestId: r, ...i }, a) {
+	let { open: o, setOpen: s, triggerRef: l } = Ue(), u = d(null);
+	return c(() => {
+		if (!o) return;
+		let e = (e) => {
+			let t = e.target;
+			u.current?.contains(t) || l.current?.contains(t) || s(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		o,
+		s,
+		l
+	]), o ? /* @__PURE__ */ z("div", {
+		ref: We(a, u),
+		role: "menu",
+		"data-test-id": r,
+		className: H("absolute top-full mt-1 min-w-[200px] rounded-lg border border-border-default bg-bg-default shadow-z4 z-50 py-1", t === "end" ? "right-0" : "left-0", n),
+		...i,
+		children: e
+	}) : null;
+}), Je = i(function({ children: e, onSelect: t, disabled: n, icon: r, shortcut: i, destructive: a, checked: o, className: s, dataTestId: c, onClick: l, ...u }, d) {
+	let { setOpen: f } = Ue();
+	return /* @__PURE__ */ B("button", {
+		ref: d,
+		type: "button",
+		role: "menuitem",
+		disabled: n,
+		"data-test-id": c,
+		onClick: (e) => {
+			l?.(e), t?.(), f(!1);
+		},
+		className: H("flex w-full items-center gap-2 px-3 py-2 text-left text-p-std text-fg-default", "hover:bg-bg-subtle focus-visible:outline-none focus-visible:bg-bg-subtle", n && "opacity-50 cursor-not-allowed hover:bg-transparent", a && "text-red-700 hover:bg-red-50", s),
+		...u,
+		children: [
+			o !== void 0 && /* @__PURE__ */ z("span", {
+				className: "w-4 shrink-0",
+				children: o && /* @__PURE__ */ z(v, { className: "h-4 w-4 text-brand-500" })
+			}),
+			r && /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0 text-fg-secondary",
+				children: r
+			}),
+			/* @__PURE__ */ z("span", {
+				className: "flex-1 truncate",
+				children: e
+			}),
+			i && /* @__PURE__ */ z("span", {
+				className: "text-p-sm text-fg-tertiary shrink-0 tabular-nums",
+				children: i
+			})
+		]
+	});
+}), Ye = i(function({ className: e, dataTestId: t, ...n }, r) {
+	return /* @__PURE__ */ z("div", {
+		ref: r,
+		role: "separator",
+		"data-test-id": t,
+		className: H("my-1 h-px bg-border-default", e),
+		...n
+	});
+}), Xe = i(function({ children: e, className: t, dataTestId: n, ...r }, i) {
+	return /* @__PURE__ */ z("div", {
+		ref: i,
+		"data-test-id": n,
+		className: H("px-3 py-1.5 text-p-xs font-semibold uppercase tracking-wider text-fg-tertiary", t),
+		...r,
+		children: e
+	});
+}), Ze = {
+	lg: "h-10 px-3 text-p-std gap-2",
+	md: "h-9 px-2.5 text-p-std gap-1.5",
+	sm: "h-8 px-2 text-p-sm gap-1.5"
+};
+function Qe(...e) {
+	return (t) => {
+		for (let n of e) n && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+var $e = i(function({ label: e, value: t, active: n = !1, size: r = "md", disabled: i, onClear: a, children: o, className: s, dataTestId: l, ...u }, p) {
+	let [m, h] = f(!1), g = d(null);
+	c(() => {
+		if (!m) return;
+		let e = (e) => {
+			g.current?.contains(e.target) || h(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [m]);
+	let _ = n || t !== void 0;
+	return /* @__PURE__ */ B("div", {
+		ref: Qe(p, g),
+		"data-test-id": l,
+		className: H("relative inline-flex", s),
+		...u,
+		children: [/* @__PURE__ */ B("button", {
+			type: "button",
+			disabled: i,
+			onClick: () => h((e) => !e),
+			"aria-haspopup": "dialog",
+			"aria-expanded": m,
+			className: H("inline-flex items-center rounded-full border transition-colors outline-none", Ze[r], _ ? "bg-brand-20 text-brand-800 border-brand-500" : "bg-bg-default text-fg-default border-border-default", !i && "hover:border-border-strong", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", i && "bg-bg-container text-fg-disabled cursor-not-allowed"),
+			children: [
+				/* @__PURE__ */ z("span", {
+					className: "font-medium",
+					children: e
+				}),
+				t !== void 0 && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("span", {
+					className: "mx-0.5 text-fg-tertiary",
+					"aria-hidden": !0,
+					children: "•"
+				}), /* @__PURE__ */ z("span", {
+					className: "font-semibold truncate max-w-[140px]",
+					children: t
+				})] }),
+				_ && a ? /* @__PURE__ */ z("span", {
+					role: "button",
+					tabIndex: 0,
+					"aria-label": "Clear filter",
+					onClick: (e) => {
+						e.stopPropagation(), a();
+					},
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a());
+					},
+					className: "inline-flex items-center justify-center rounded-full p-0.5 hover:bg-black/10",
+					children: /* @__PURE__ */ z(P, { className: "h-3 w-3" })
+				}) : /* @__PURE__ */ z(b, {
+					className: H("h-4 w-4 text-fg-secondary transition-transform", m && "rotate-180"),
+					"aria-hidden": !0
+				})
+			]
+		}), m && o && /* @__PURE__ */ z("div", {
+			className: "absolute left-0 top-full mt-1 min-w-[220px] rounded-lg border border-border-default bg-bg-default shadow-z4 z-50 p-3",
+			children: o
+		})]
+	});
+}), et = {
+	brand: {
+		bg: "bg-bg-brand-lighter",
+		icon: "text-brand-700"
+	},
+	info: {
+		bg: "bg-bg-info-lighter",
+		icon: "text-blue-700"
+	},
+	gray: {
+		bg: "bg-bg-subtle",
+		icon: "text-fg-tertiary"
+	},
+	purple: {
+		bg: "bg-purple-50 dark:bg-purple-900/30",
+		icon: "text-purple-700 dark:text-purple-300"
+	},
+	pink: {
+		bg: "bg-pink-50 dark:bg-pink-900/30",
+		icon: "text-pink-700 dark:text-pink-300"
+	},
+	yellow: {
+		bg: "bg-bg-warning-lighter",
+		icon: "text-yellow-800"
+	},
+	success: {
+		bg: "bg-bg-success-lighter",
+		icon: "text-green-600"
+	},
+	warning: {
+		bg: "bg-bg-warning-lighter",
+		icon: "text-yellow-800"
+	},
+	danger: {
+		bg: "bg-bg-danger-lighter",
+		icon: "text-red-700"
+	}
+}, tt = {
+	sm: {
+		box: "h-8 w-8",
+		icon: "h-4 w-4",
+		radius: "rounded-md"
+	},
+	md: {
+		box: "h-10 w-10",
+		icon: "h-5 w-5",
+		radius: "rounded-lg"
+	},
+	lg: {
+		box: "h-12 w-12",
+		icon: "h-6 w-6",
+		radius: "rounded-lg"
+	},
+	xl: {
+		box: "h-14 w-14",
+		icon: "h-7 w-7",
+		radius: "rounded-xl"
+	}
+}, nt = i(function({ icon: e, tone: t = "gray", size: n = "md", shape: r = "rounded", className: i, dataTestId: a, ...o }, s) {
+	let c = et[t], l = tt[n];
+	return /* @__PURE__ */ z("div", {
+		ref: s,
+		"data-test-id": a,
+		"aria-hidden": !o["aria-label"] || void 0,
+		className: H("inline-flex items-center justify-center shrink-0", l.box, r === "circle" ? "rounded-full" : l.radius, c.bg, i),
+		...o,
+		children: /* @__PURE__ */ z(e, { className: H(l.icon, c.icon) })
+	});
+}), rt = i(function({ icon: e, iconTone: t = "brand", label: n, value: r, action: i, className: a, dataTestId: o, ...s }, c) {
+	return /* @__PURE__ */ B("div", {
+		ref: c,
+		"data-test-id": o,
+		className: H("flex items-start gap-3", a),
+		...s,
+		children: [
+			/* @__PURE__ */ z(nt, {
+				icon: e,
+				tone: t,
+				size: "md"
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ z("div", {
+					className: "text-p-xs font-medium uppercase tracking-widest text-fg-tertiary",
+					children: n
+				}), /* @__PURE__ */ z("div", {
+					className: "text-p-std font-semibold text-fg-default mt-1 break-words",
+					children: r
+				})]
+			}),
+			i && /* @__PURE__ */ z("div", {
+				className: "shrink-0 flex items-center",
+				children: i
+			})
+		]
+	});
+}), it = {
+	success: {
+		container: "bg-green-50 border-green-200",
+		iconColor: "text-green-600",
+		DefaultIcon: y
+	},
+	warning: {
+		container: "bg-yellow-50 border-yellow-200",
+		iconColor: "text-yellow-800",
+		DefaultIcon: m
+	},
+	danger: {
+		container: "bg-red-50 border-red-200",
+		iconColor: "text-red-700",
+		DefaultIcon: F
+	},
+	info: {
+		container: "bg-blue-50 border-blue-200",
+		iconColor: "text-blue-700",
+		DefaultIcon: T
+	},
+	discovery: {
+		container: "bg-purple-50 border-purple-200",
+		iconColor: "text-purple-700",
+		DefaultIcon: A
+	}
+}, at = i(function({ variant: e = "info", title: t, description: n, onDismiss: r, actions: i, icon: a, className: o, dataTestId: s, ...c }, l) {
+	let { container: u, iconColor: d, DefaultIcon: f } = it[e];
+	return /* @__PURE__ */ B("div", {
+		ref: l,
+		role: "alert",
+		"data-test-id": s,
+		className: H("flex gap-3 p-4 border rounded-lg", u, o),
+		...c,
+		children: [
+			/* @__PURE__ */ z("div", {
+				className: H("flex-shrink-0 mt-0.5", d),
+				children: a ?? /* @__PURE__ */ z(f, {
+					className: "h-5 w-5",
+					"aria-hidden": !0
+				})
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					t && /* @__PURE__ */ z("div", {
+						className: "text-p-std font-semibold text-fg-default mb-0.5",
+						children: t
+					}),
+					n && /* @__PURE__ */ z("div", {
+						className: "text-p-std text-fg-secondary",
+						children: n
+					}),
+					i && /* @__PURE__ */ z("div", {
+						className: "mt-3 flex flex-wrap items-center gap-2",
+						children: i
+					})
+				]
+			}),
+			r && /* @__PURE__ */ z("button", {
+				type: "button",
+				onClick: r,
+				"aria-label": "Dismiss",
+				className: "flex-shrink-0 -mr-1 -mt-1 p-1 rounded-md text-fg-secondary hover:text-fg-default hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
+				children: /* @__PURE__ */ z(P, { className: "h-4 w-4" })
+			})
+		]
+	});
+}), ot = {
+	lg: "h-12 text-p-md",
+	md: "h-10 text-p-std",
+	sm: "h-8 text-p-sm"
+}, st = {
+	lg: "pl-10",
+	md: "pl-9",
+	sm: "pl-8"
+}, ct = {
+	lg: "pr-10",
+	md: "pr-9",
+	sm: "pr-8"
+}, lt = {
+	lg: "w-10",
+	md: "w-9",
+	sm: "w-8"
+}, ut = i(function({ label: e, helperText: t, errorText: n, size: r = "md", leftIcon: i, rightIcon: a, leftAddon: o, rightAddon: s, error: c = !1, id: u, disabled: d, className: f, wrapperClassName: m, required: h, dataTestId: g, ..._ }, v) {
+	let y = l(), b = u ?? y, x = n ? `${b}-error` : t ? `${b}-help` : void 0, S = c || !!n;
+	return /* @__PURE__ */ B("div", {
+		className: H("flex flex-col gap-1.5 w-full", m),
+		"data-test-id": g,
+		children: [
+			e && /* @__PURE__ */ B("label", {
+				htmlFor: b,
+				className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
+				children: [e, h && /* @__PURE__ */ z("span", {
+					className: "text-red-600",
+					"aria-hidden": !0,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ B("div", {
+				className: H("flex items-stretch w-full rounded-lg bg-bg-default transition-colors", "border", S ? "border-red-600" : "border-border-default", !d && !S && "hover:border-border-strong", "focus-within:ring-2 focus-within:ring-offset-0", S ? "focus-within:ring-red-300 focus-within:border-red-600" : "focus-within:ring-brand-300 focus-within:border-brand-500", d && "bg-bg-container border-border-default cursor-not-allowed", ot[r]),
+				children: [
+					o && /* @__PURE__ */ z("span", {
+						className: "inline-flex items-center px-3 text-fg-secondary bg-bg-container border-r border-border-default rounded-l-lg whitespace-nowrap",
+						children: o
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "relative flex-1 min-w-0",
+						children: [
+							i && /* @__PURE__ */ z("span", {
+								"aria-hidden": !0,
+								className: H("absolute inset-y-0 left-0 flex items-center justify-center text-fg-secondary pointer-events-none", lt[r]),
+								children: i
+							}),
+							/* @__PURE__ */ z("input", {
+								ref: v,
+								id: b,
+								disabled: d,
+								required: h,
+								"aria-invalid": S || void 0,
+								"aria-describedby": x,
+								className: H("w-full h-full bg-transparent outline-none", "placeholder:text-fg-tertiary text-fg-default", "disabled:cursor-not-allowed disabled:text-fg-disabled", i ? st[r] : "pl-3", a || S ? ct[r] : "pr-3", f),
+								..._
+							}),
+							(a || S) && /* @__PURE__ */ z("span", {
+								"aria-hidden": !0,
+								className: H("absolute inset-y-0 right-0 flex items-center justify-center pointer-events-none", lt[r], S ? "text-red-600" : "text-fg-secondary"),
+								children: S ? /* @__PURE__ */ z(p, { className: "h-4 w-4" }) : a
+							})
+						]
+					}),
+					s && /* @__PURE__ */ z("span", {
+						className: "inline-flex items-center px-3 text-fg-secondary bg-bg-container border-l border-border-default rounded-r-lg whitespace-nowrap",
+						children: s
+					})
+				]
+			}),
+			n ? /* @__PURE__ */ z("p", {
+				id: `${b}-error`,
+				className: "text-p-sm text-red-700",
+				children: n
+			}) : t ? /* @__PURE__ */ z("p", {
+				id: `${b}-help`,
+				className: "text-p-sm text-fg-secondary",
+				children: t
+			}) : null
+		]
+	});
+}), dt = {
+	sm: "max-w-sm",
+	md: "max-w-md",
+	lg: "max-w-lg",
+	xl: "max-w-2xl",
+	"2xl": "max-w-4xl"
+};
+function ft(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
+	};
+}
+var pt = i(function({ open: e, onClose: t, title: n, description: r, children: i, footer: a, size: o = "md", closeOnOverlayClick: s = !0, showClose: l = !0, className: u, dataTestId: f }, p) {
+	let m = d(null);
+	return c(() => {
+		if (!e) return;
+		let n = (e) => {
+			e.key === "Escape" && t();
+		};
+		document.addEventListener("keydown", n);
+		let r = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.removeEventListener("keydown", n), document.body.style.overflow = r;
+		};
+	}, [e, t]), c(() => {
+		if (!e) return;
+		let t = document.activeElement;
+		return m.current?.focus(), () => t?.focus?.();
+	}, [e]), e ? V(/* @__PURE__ */ B("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": n ? "modal-title" : void 0,
+		"aria-describedby": r ? "modal-desc" : void 0,
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		children: [/* @__PURE__ */ z("div", {
+			className: "absolute inset-0 bg-black/50",
+			onClick: () => s && t(),
+			"aria-hidden": !0
+		}), /* @__PURE__ */ B("div", {
+			ref: ft(m, p),
+			tabIndex: -1,
+			"data-test-id": f,
+			className: H("relative w-full bg-bg-default rounded-xl shadow-z5 outline-none flex flex-col max-h-[90vh]", dt[o], u),
+			children: [
+				(n || l) && /* @__PURE__ */ B("div", {
+					className: "flex items-start justify-between gap-4 px-6 pt-6 pb-4",
+					children: [/* @__PURE__ */ B("div", {
+						className: "flex-1 min-w-0",
+						children: [n && /* @__PURE__ */ z("h2", {
+							id: "modal-title",
+							className: "text-h-xs font-semibold text-fg-default",
+							children: n
+						}), r && /* @__PURE__ */ z("p", {
+							id: "modal-desc",
+							className: "mt-1 text-p-std text-fg-secondary",
+							children: r
+						})]
+					}), l && /* @__PURE__ */ z("button", {
+						type: "button",
+						onClick: t,
+						"aria-label": "Close",
+						className: "-mr-2 -mt-2 p-2 rounded-md text-fg-secondary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
+						children: /* @__PURE__ */ z(P, { className: "h-5 w-5" })
+					})]
+				}),
+				i && /* @__PURE__ */ z("div", {
+					className: "px-6 pb-6 overflow-y-auto",
+					children: i
+				}),
+				a && /* @__PURE__ */ z("div", {
+					className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default bg-bg-container rounded-b-xl",
+					children: a
+				})
+			]
+		})]
+	}), document.body) : null;
+}), q = {
+	sm: {
+		box: "px-1.5 py-1.5 gap-1",
+		chip: "h-6 pl-0.5 pr-1.5",
+		chipText: "text-p-xs",
+		input: "h-6 text-p-sm min-w-[100px]",
+		avatar: "xs"
+	},
+	md: {
+		box: "px-2 py-2 gap-1.5",
+		chip: "h-7 pl-1 pr-2",
+		chipText: "text-p-sm",
+		input: "h-7 text-p-std min-w-[120px]",
+		avatar: "xs"
+	},
+	lg: {
+		box: "px-2.5 py-2.5 gap-2",
+		chip: "h-8 pl-1 pr-2.5",
+		chipText: "text-p-std",
+		input: "h-8 text-p-md min-w-[140px]",
+		avatar: "sm"
+	}
+}, mt = i(function({ options: e, value: t, onChange: n, size: r = "md", placeholder: i = "Select…", addMorePlaceholder: a = "Add another…", disabled: o = !1, error: s = !1, label: p, helperText: m, errorText: h, required: g = !1, lockedValues: _ = [], max: v, searchable: y = !0, suggestionsLabel: b = "Suggestions", emptyText: x = "No matches. Try a different search.", id: S, className: C, wrapperClassName: w, dataTestId: T }, E) {
+	let ee = l(), D = S ?? ee, O = `${D}-listbox`, A = s || !!h, [j, M] = f(""), [N, F] = f(!1), [I, L] = f(0), R = d(null), V = d(null), ne = (e) => {
+		V.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
+	}, re = u(() => new Map(e.map((e) => [e.value, e])), [e]), U = u(() => t.map((e) => re.get(e)).filter((e) => !!e), [t, re]), W = u(() => {
+		let n = j.trim().toLowerCase();
+		return e.filter((e) => !t.includes(e.value) && (n === "" || e.label.toLowerCase().includes(n) || (e.description ?? "").toLowerCase().includes(n)));
+	}, [
+		e,
+		t,
+		j
+	]), G = v !== void 0 && t.length >= v;
+	c(() => {
+		if (!N) return;
+		let e = (e) => {
+			R.current && !R.current.contains(e.target) && F(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [N]), c(() => {
+		L((e) => Math.min(e, Math.max(0, W.length - 1)));
+	}, [W.length]);
+	let ie = (e) => {
+		let r = re.get(e);
+		o || G || !r || r.disabled || (n([...t, e]), M(""), L(0), V.current?.focus());
+	}, ae = (e) => {
+		o || _.includes(e) || n(t.filter((t) => t !== e));
+	}, oe = (e) => {
+		if (!W.length) return;
+		let t = I;
+		for (let n = 0; n < W.length && (t = (t + e + W.length) % W.length, W[t]?.disabled); n++);
+		L(t);
+	}, se = (e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), N ? oe(1) : F(!0);
+		else if (e.key === "ArrowUp") e.preventDefault(), oe(-1);
+		else if (e.key === "Enter") N && W[I] && !W[I].disabled && (e.preventDefault(), ie(W[I].value));
+		else if (e.key === "Escape") F(!1);
+		else if (e.key === "Backspace" && j === "" && U.length > 0) {
+			let e = [...U].reverse().find((e) => !_.includes(e.value));
+			e && ae(e.value);
+		}
+	}, ce = h ? `${D}-error` : m ? `${D}-help` : void 0;
+	return /* @__PURE__ */ B("div", {
+		"data-test-id": T,
+		className: H("flex flex-col gap-1.5 w-full", w),
+		children: [
+			p && /* @__PURE__ */ B("label", {
+				htmlFor: D,
+				className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
+				children: [p, g && /* @__PURE__ */ z("span", {
+					className: "text-red-600",
+					"aria-hidden": !0,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ B("div", {
+				ref: R,
+				className: "relative",
+				children: [/* @__PURE__ */ B("div", {
+					className: H("flex flex-wrap items-center rounded-lg border bg-bg-default transition-colors", q[r].box, o ? "opacity-60 cursor-not-allowed border-border-default" : A ? "border-red-500 focus-within:ring-2 focus-within:ring-red-300 focus-within:ring-offset-1 cursor-text" : "border-border-default hover:border-border-strong focus-within:border-fg-tertiary focus-within:ring-2 focus-within:ring-brand-300 focus-within:ring-offset-1 cursor-text", C),
+					onClick: () => !o && V.current?.focus(),
+					children: [U.map((e) => {
+						let t = _.includes(e.value);
+						return /* @__PURE__ */ B("span", {
+							className: H("inline-flex items-center gap-1.5 rounded-full text-fg-default bg-bg-subtle", q[r].chip, q[r].chipText),
+							title: e.description,
+							children: [
+								e.avatarSrc && /* @__PURE__ */ z(K, {
+									src: e.avatarSrc,
+									name: e.label,
+									size: q[r].avatar
+								}),
+								/* @__PURE__ */ z("span", {
+									className: "font-medium",
+									children: e.label
+								}),
+								e.badge && /* @__PURE__ */ z("span", {
+									className: "text-label-xxs uppercase tracking-wider opacity-70",
+									children: e.badge
+								}),
+								!t && !o && /* @__PURE__ */ z("button", {
+									type: "button",
+									onClick: (t) => {
+										t.stopPropagation(), ae(e.value);
+									},
+									"aria-label": `Remove ${e.label}`,
+									className: "-mr-0.5 ml-0.5 text-fg-tertiary hover:text-fg-default p-0.5 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
+									children: /* @__PURE__ */ z(P, { className: "w-3 h-3" })
+								})
+							]
+						}, e.value);
+					}), /* @__PURE__ */ z("input", {
+						ref: ne,
+						id: D,
+						type: "text",
+						role: "combobox",
+						"aria-expanded": N,
+						"aria-controls": O,
+						"aria-autocomplete": "list",
+						"aria-activedescendant": N && W[I] ? `${O}-opt-${I}` : void 0,
+						"aria-invalid": A || void 0,
+						"aria-describedby": ce,
+						value: j,
+						readOnly: !y,
+						disabled: o || G,
+						onChange: (e) => {
+							M(e.target.value), F(!0);
+						},
+						onFocus: () => F(!0),
+						onKeyDown: se,
+						placeholder: U.length === 0 ? i : G ? `Limit ${v} reached` : a,
+						className: H("flex-1 bg-transparent outline-none text-fg-default placeholder:text-fg-tertiary disabled:cursor-not-allowed", !y && "cursor-pointer", q[r].input)
+					})]
+				}), N && !o && !G && /* @__PURE__ */ B("div", {
+					className: "absolute top-full left-0 right-0 mt-1 z-20 max-h-80 overflow-y-auto rounded-lg border border-border-default bg-bg-default shadow-z4",
+					children: [/* @__PURE__ */ B("div", {
+						className: "px-3 py-2 border-b border-border-subtle flex items-center gap-2 text-p-sm text-fg-tertiary",
+						children: [/* @__PURE__ */ z(k, { className: "w-3.5 h-3.5 shrink-0" }), /* @__PURE__ */ z("span", {
+							className: "truncate",
+							children: j ? `Matches for "${j}"` : b
+						})]
+					}), W.length === 0 ? /* @__PURE__ */ B("div", {
+						className: "px-3 py-6 text-center",
+						children: [/* @__PURE__ */ z(te, { className: "w-5 h-5 mx-auto text-fg-tertiary mb-2" }), /* @__PURE__ */ z("span", {
+							className: "text-p-sm text-fg-secondary",
+							children: x
+						})]
+					}) : /* @__PURE__ */ z("ul", {
+						role: "listbox",
+						id: O,
+						className: "py-1",
+						children: W.map((e, t) => /* @__PURE__ */ z("li", {
+							role: "option",
+							id: `${O}-opt-${t}`,
+							"aria-selected": t === I,
+							"aria-disabled": e.disabled || void 0,
+							children: /* @__PURE__ */ B("button", {
+								type: "button",
+								disabled: e.disabled,
+								onMouseEnter: () => L(t),
+								onMouseDown: (t) => {
+									t.preventDefault(), ie(e.value);
+								},
+								className: H("w-full px-3 py-2 flex items-center gap-3 text-left transition", e.disabled ? "opacity-50 cursor-not-allowed" : t === I ? "bg-bg-subtle" : "hover:bg-bg-subtle"),
+								children: [e.avatarSrc && /* @__PURE__ */ z(K, {
+									src: e.avatarSrc,
+									name: e.label,
+									size: "sm"
+								}), /* @__PURE__ */ B("span", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ z("span", {
+										className: "block text-p-std font-medium text-fg-default truncate",
+										children: e.label
+									}), e.description && /* @__PURE__ */ z("span", {
+										className: "block text-p-sm text-fg-secondary truncate",
+										children: e.description
+									})]
+								})]
+							})
+						}, e.value))
+					})]
+				})]
+			}),
+			h ? /* @__PURE__ */ z("p", {
+				id: `${D}-error`,
+				className: "text-p-sm text-red-700",
+				children: h
+			}) : m ? /* @__PURE__ */ z("p", {
+				id: `${D}-help`,
+				className: "text-p-sm text-fg-secondary",
+				children: m
+			}) : null
+		]
+	});
+}), ht = {
+	brand: "bg-brand-500 text-white",
+	danger: "bg-red-600 text-white",
+	success: "bg-green-600 text-white",
+	warning: "bg-yellow-600 text-gray-900 dark:text-gray-900",
+	info: "bg-blue-600 text-white"
+}, gt = {
+	lg: "min-w-[18px] h-[18px] px-1 text-[11px]",
+	sm: "min-w-[14px] h-[14px] px-0.5 text-[10px]"
+}, _t = {
+	lg: "h-2.5 w-2.5",
+	sm: "h-1.5 w-1.5"
+};
+function vt(e, t) {
+	return e > t ? `${t}+` : e >= 1e3 ? `${(e / 1e3).toFixed(0)}K` : String(e);
+}
+var yt = i(function({ count: e = 0, max: t = 99, kind: n = "count", size: r = "lg", variant: i = "danger", children: a, showZero: o = !1, className: s, dataTestId: c, ...l }, u) {
+	let d = n === "dot" || e > 0 || o, f = a != null && a !== !1, p = d ? /* @__PURE__ */ z("span", {
+		ref: u,
+		"data-test-id": c,
+		className: H("inline-flex items-center justify-center rounded-full font-semibold ring-2 ring-white", ht[i], n === "count" ? gt[r] : _t[r], f ? "absolute -top-1 -right-1" : "static", s),
+		...l,
+		children: n === "count" && vt(e, t)
+	}) : null;
+	return f ? /* @__PURE__ */ B("span", {
+		className: "relative inline-flex",
+		children: [a, p]
+	}) : p;
+});
+//#endregion
+//#region src/components/Pagination/Pagination.tsx
+function bt(e, t, n, r) {
+	if (t <= n * 2 + 3 + r * 2) return Array.from({ length: t }, (e, t) => t + 1);
+	let i = Math.max(e - n, r + 2), a = Math.min(e + n, t - r - 1), o = i > r + 2, s = a < t - r - 1, c = Array.from({ length: r }, (e, t) => t + 1), l = Array.from({ length: r }, (e, n) => t - r + 1 + n), u = [];
+	if (o) {
+		u.push("ellipsis-left");
+		for (let e = i; e <= a; e++) u.push(e);
+	} else for (let e = r + 1; e <= a; e++) u.push(e);
+	if (s) u.push("ellipsis-right");
+	else for (let e = a + 1; e <= t - r; e++) u.push(e);
+	return [
+		...c,
+		...u,
+		...l
+	];
+}
+var xt = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300", St = "text-fg-default hover:bg-bg-subtle disabled:text-fg-disabled disabled:hover:bg-transparent disabled:cursor-not-allowed", Ct = i(function({ page: e, pageCount: t, onPageChange: n, siblingCount: r = 1, boundaryCount: i = 1, className: a, dataTestId: o, "aria-label": s, ...c }, l) {
+	let u = bt(e, t, r, i), d = e <= 1, f = e >= t;
+	return /* @__PURE__ */ B("nav", {
+		ref: l,
+		"aria-label": s ?? "Pagination",
+		"data-test-id": o,
+		className: H("inline-flex items-center gap-1", a),
+		...c,
+		children: [
+			/* @__PURE__ */ z("button", {
+				type: "button",
+				onClick: () => !d && n(e - 1),
+				disabled: d,
+				"aria-label": "Previous page",
+				className: H(xt, St),
+				children: /* @__PURE__ */ z(x, { className: "h-4 w-4" })
+			}),
+			u.map((t, r) => {
+				if (t === "ellipsis-left" || t === "ellipsis-right") return /* @__PURE__ */ z("span", {
+					"aria-hidden": !0,
+					className: "inline-flex items-center justify-center w-9 h-9 text-fg-tertiary",
+					children: /* @__PURE__ */ z(O, { className: "h-4 w-4" })
+				}, `${t}-${r}`);
+				let i = t === e;
+				return /* @__PURE__ */ z("button", {
+					type: "button",
+					onClick: () => n(t),
+					"aria-current": i ? "page" : void 0,
+					className: H(xt, i ? "bg-brand-500 text-white font-semibold hover:bg-brand-600" : "text-fg-default hover:bg-bg-subtle"),
+					children: t
+				}, t);
+			}),
+			/* @__PURE__ */ z("button", {
+				type: "button",
+				onClick: () => !f && n(e + 1),
+				disabled: f,
+				"aria-label": "Next page",
+				className: H(xt, St),
+				children: /* @__PURE__ */ z(S, { className: "h-4 w-4" })
+			})
+		]
+	});
+}), wt = {
+	sm: {
+		padding: "px-3 py-2",
+		avatar: "sm",
+		gap: "gap-2.5"
+	},
+	md: {
+		padding: "px-3.5 py-2.5",
+		avatar: "md",
+		gap: "gap-3"
+	}
+}, Tt = {
+	default: "border-border-default bg-bg-default hover:border-fg-tertiary/40",
+	highlight: "border-brand-500 bg-brand-200/15 dark:bg-brand-500/10 ring-1 ring-brand-500/40",
+	warning: "border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20"
+}, Et = i(function({ name: e, role: t, avatar: n, variant: r = "default", size: i = "md", badge: a, onClick: o, className: s, dataTestId: c, ...l }, u) {
+	let d = wt[i], f = Tt[r], p = /* @__PURE__ */ B(R, { children: [
+		/* @__PURE__ */ z(K, {
+			src: n,
+			name: e,
+			size: d.avatar
+		}),
+		/* @__PURE__ */ B("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ z("div", {
+				className: "text-p-std font-semibold text-fg-default truncate leading-tight",
+				children: e
+			}), t && /* @__PURE__ */ z("div", {
+				className: "text-p-sm text-fg-secondary truncate mt-0.5 leading-tight",
+				children: t
+			})]
+		}),
+		a && /* @__PURE__ */ z("span", {
+			className: "shrink-0 self-center",
+			children: a
+		})
+	] }), m = H("relative inline-flex items-center rounded-xl border transition", d.padding, d.gap, f, o && "cursor-pointer hover:shadow-z1", s);
+	return o ? /* @__PURE__ */ z("button", {
+		ref: u,
+		type: "button",
+		onClick: o,
+		"data-test-id": c,
+		className: H(m, "text-left"),
+		...l,
+		children: p
+	}) : /* @__PURE__ */ z("div", {
+		ref: u,
+		"data-test-id": c,
+		className: m,
+		...l,
+		children: p
+	});
+}), Dt = n(null), Ot = i(function({ name: e, value: t, defaultValue: n, onChange: r, disabled: i, size: a = "md", orientation: o = "vertical", children: s, className: c, dataTestId: u }, d) {
+	let f = l(), p = e ?? f;
+	return /* @__PURE__ */ z(Dt.Provider, {
+		value: {
+			name: p,
+			value: t,
+			defaultValue: n,
+			onChange: r,
+			disabled: i,
+			size: a
+		},
+		children: /* @__PURE__ */ z("div", {
+			ref: d,
+			role: "radiogroup",
+			"data-test-id": u,
+			className: H("flex gap-3", o === "vertical" ? "flex-col" : "flex-row flex-wrap items-center gap-4", c),
+			children: s
+		})
+	});
+}), kt = {
+	md: "h-5 w-5",
+	sm: "h-4 w-4"
+}, At = {
+	md: "h-2 w-2",
+	sm: "h-1.5 w-1.5"
+}, jt = i(function({ value: e, size: t, label: n, description: r, error: i = !1, id: a, disabled: o, checked: c, defaultChecked: u, onChange: d, className: f, dataTestId: p, ...m }, h) {
+	let g = s(Dt), _ = l(), v = a ?? _, y = t ?? g?.size ?? "md", b = o ?? g?.disabled, x = g !== null, S = x && g.value !== void 0 ? g.value === e : void 0, C = x && g.defaultValue !== void 0 ? g.defaultValue === e : void 0, w = x ? S : c, T = x ? C : u;
+	return /* @__PURE__ */ B("label", {
+		htmlFor: v,
+		"data-test-id": p,
+		className: H("inline-flex items-start gap-2.5", b ? "cursor-not-allowed opacity-60" : "cursor-pointer", f),
+		children: [/* @__PURE__ */ B("span", {
+			className: "relative inline-flex shrink-0 items-center justify-center mt-0.5",
+			children: [/* @__PURE__ */ z("input", {
+				ref: h,
+				id: v,
+				type: "radio",
+				name: g?.name,
+				value: e,
+				checked: w,
+				defaultChecked: T,
+				disabled: b,
+				onChange: (t) => {
+					g?.onChange?.(e), d?.(t);
+				},
+				className: "peer sr-only",
+				"aria-invalid": i || void 0,
+				...m
+			}), /* @__PURE__ */ z("span", {
+				className: H("flex items-center justify-center rounded-full border bg-bg-default transition-colors", kt[y], i ? "border-red-600" : "border-border-strong", !b && !i && "peer-hover:border-fg-tertiary", "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-1", "peer-checked:border-brand-500", b && "!bg-bg-subtle !border-border-default", "[&>span]:opacity-0 peer-checked:[&>span]:opacity-100"),
+				children: /* @__PURE__ */ z("span", { className: H("rounded-full bg-brand-500 transition-opacity", At[y], b && "!bg-fg-disabled") })
+			})]
+		}), (n || r) && /* @__PURE__ */ B("span", {
+			className: "flex flex-col gap-0.5",
+			children: [n && /* @__PURE__ */ z("span", {
+				className: "text-p-std font-medium text-fg-default leading-tight",
+				children: n
+			}), r && /* @__PURE__ */ z("span", {
+				className: "text-p-sm text-fg-secondary leading-snug",
+				children: r
+			})]
+		})]
+	});
+}), Mt = {
+	lg: "h-12 text-p-md px-3.5",
+	md: "h-10 text-p-std px-3",
+	sm: "h-8 text-p-sm px-2.5"
+}, Nt = i(function({ options: e, value: t, defaultValue: n, onChange: r, placeholder: i = "Select…", label: a, helperText: o, errorText: s, error: u = !1, size: p = "md", disabled: m, id: h, className: g, wrapperClassName: _, dataTestId: y }, x) {
+	let S = l(), C = h ?? S, [w, T] = f(!1), [E, ee] = f(n), D = t !== void 0, O = D ? t : E, k = d(null), [A, j] = f(-1), M = u || !!s, N = e.find((e) => e.value === O), te = (e) => {
+		D || ee(e), r?.(e), T(!1);
+	};
+	return c(() => {
+		if (!w) return;
+		let e = (e) => {
+			k.current?.contains(e.target) || T(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [w]), c(() => {
+		if (w) {
+			let t = e.findIndex((e) => e.value === O);
+			j(t >= 0 ? t : 0);
+		} else j(-1);
+	}, [
+		w,
+		O,
+		e
+	]), /* @__PURE__ */ B("div", {
+		ref: k,
+		"data-test-id": y,
+		className: H("flex flex-col gap-1.5 w-full relative", _),
+		children: [
+			a && /* @__PURE__ */ z("label", {
+				htmlFor: C,
+				className: "text-p-std font-medium text-fg-default inline-flex",
+				children: a
+			}),
+			/* @__PURE__ */ B("button", {
+				ref: x,
+				id: C,
+				type: "button",
+				disabled: m,
+				onClick: () => T((e) => !e),
+				onKeyDown: (t) => {
+					if (!m) if (t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " ") {
+						if (t.preventDefault(), !w) {
+							T(!0);
+							return;
+						}
+						if (t.key === "Enter" || t.key === " ") {
+							let t = e[A];
+							t && !t.disabled && te(t.value);
+							return;
+						}
+						let n = t.key === "ArrowDown" ? 1 : -1, r = A;
+						for (let t = 0; t < e.length && (r = (r + n + e.length) % e.length, e[r]?.disabled); t++);
+						j(r);
+					} else t.key === "Escape" && T(!1);
+				},
+				"aria-haspopup": "listbox",
+				"aria-expanded": w,
+				"aria-invalid": M || void 0,
+				className: H("inline-flex items-center justify-between w-full rounded-lg border bg-bg-default transition-colors outline-none", "text-left", M ? "border-red-600" : "border-border-default", !m && !M && "hover:border-border-strong", "focus-visible:ring-2", M ? "focus-visible:ring-red-300 focus-visible:border-red-600" : "focus-visible:ring-brand-300 focus-visible:border-brand-500", m && "bg-bg-container border-border-default cursor-not-allowed text-fg-disabled", Mt[p], g),
+				children: [/* @__PURE__ */ z("span", {
+					className: H("truncate", !N && "text-fg-tertiary"),
+					children: N ? N.label : i
+				}), /* @__PURE__ */ z(b, {
+					className: H("h-4 w-4 ml-2 shrink-0 text-fg-secondary transition-transform", w && "rotate-180"),
+					"aria-hidden": !0
+				})]
+			}),
+			w && /* @__PURE__ */ z("ul", {
+				role: "listbox",
+				className: "absolute left-0 right-0 top-full mt-1 max-h-60 overflow-y-auto rounded-lg border border-border-default bg-bg-default shadow-z4 z-50 py-1",
+				children: e.map((e, t) => {
+					let n = e.value === O, r = t === A;
+					return /* @__PURE__ */ B("li", {
+						role: "option",
+						"aria-selected": n,
+						"aria-disabled": e.disabled || void 0,
+						onMouseEnter: () => !e.disabled && j(t),
+						onClick: () => !e.disabled && te(e.value),
+						className: H("flex items-center justify-between gap-2 px-3 py-2 text-p-std cursor-pointer select-none", e.disabled && "opacity-50 cursor-not-allowed", r && !e.disabled && "bg-bg-subtle", n && "font-medium"),
+						children: [/* @__PURE__ */ z("span", {
+							className: "truncate",
+							children: e.label
+						}), n && /* @__PURE__ */ z(v, { className: "h-4 w-4 text-brand-500 shrink-0" })]
+					}, e.value);
+				})
+			}),
+			s ? /* @__PURE__ */ z("p", {
+				className: "text-p-sm text-red-700",
+				children: s
+			}) : o ? /* @__PURE__ */ z("p", {
+				className: "text-p-sm text-fg-secondary",
+				children: o
+			}) : null
+		]
+	});
+}), Pt = n(null);
+function Ft() {
+	return s(Pt) ?? {
+		collapsed: !1,
+		toggle: () => {}
+	};
+}
+var It = i(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange: n, children: r, className: i, logo: a, title: o, subtitle: s, dataTestId: c, ...l }, u) {
+	let [d, p] = f(e), m = t !== void 0, h = m ? t : d, g = () => {
+		let e = !h;
+		m || p(e), n?.(e);
+	};
+	return /* @__PURE__ */ z(Pt.Provider, {
+		value: {
+			collapsed: h,
+			toggle: g
+		},
+		children: /* @__PURE__ */ B("aside", {
+			ref: u,
+			"data-test-id": c,
+			className: H("flex flex-col bg-bg-default border-r border-border-default transition-all duration-200", h ? "w-16" : "w-64", i),
+			...l,
+			children: [/* @__PURE__ */ B("div", {
+				className: H("flex items-center gap-3 px-4 py-4 border-b border-border-default", h && "justify-center px-2"),
+				children: [
+					a && /* @__PURE__ */ z("div", {
+						className: "shrink-0",
+						children: a
+					}),
+					!h && /* @__PURE__ */ B("div", {
+						className: "flex flex-col min-w-0",
+						children: [o && /* @__PURE__ */ z("div", {
+							className: "text-p-md font-semibold text-fg-default truncate",
+							children: o
+						}), s && /* @__PURE__ */ z("div", {
+							className: "text-p-sm text-fg-secondary truncate",
+							children: s
+						})]
+					}),
+					/* @__PURE__ */ z("button", {
+						type: "button",
+						onClick: g,
+						"aria-label": h ? "Expand sidebar" : "Collapse sidebar",
+						className: H("ml-auto inline-flex items-center justify-center h-8 w-8 rounded-md text-fg-secondary hover:bg-bg-subtle hover:text-fg-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300", h && "ml-0"),
+						children: /* @__PURE__ */ z(ee, { className: "h-4 w-4" })
+					})
+				]
+			}), /* @__PURE__ */ z("nav", {
+				className: "flex-1 overflow-y-auto p-2 flex flex-col gap-0.5",
+				children: r
+			})]
+		})
+	});
+}), Lt = i(function({ icon: e, label: t, active: n, badge: r, children: i, onClick: a, href: o, className: s, dataTestId: c, ...l }, u) {
+	let { collapsed: d } = Ft(), [p, m] = f(n ?? !1), h = !!i, g = /* @__PURE__ */ B(R, { children: [e && /* @__PURE__ */ z("span", {
+		className: "inline-flex shrink-0",
+		children: e
+	}), !d && /* @__PURE__ */ B(R, { children: [
+		/* @__PURE__ */ z("span", {
+			className: "flex-1 truncate text-left",
+			children: t
+		}),
+		r && /* @__PURE__ */ z("span", {
+			className: "shrink-0",
+			children: r
+		}),
+		h && /* @__PURE__ */ z(S, {
+			className: H("h-4 w-4 shrink-0 text-fg-tertiary transition-transform", p && "rotate-90"),
+			"aria-hidden": !0
+		})
+	] })] }), _ = () => {
+		h && m((e) => !e), a?.();
+	}, v = H("group relative flex items-center gap-3 rounded-md px-3 py-2 text-p-std font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300", d && "px-2 justify-center", n ? "bg-brand-20 text-brand-800 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-5 before:w-0.5 before:rounded-r before:bg-brand-500" : "text-fg-default hover:bg-bg-container", s);
+	return /* @__PURE__ */ B(R, { children: [o ? /* @__PURE__ */ z("a", {
+		ref: u,
+		href: o,
+		onClick: _,
+		"data-test-id": c,
+		className: v,
+		...l,
+		children: g
+	}) : /* @__PURE__ */ z("button", {
+		ref: u,
+		type: "button",
+		onClick: _,
+		"data-test-id": c,
+		className: H(v, "w-full"),
+		...l,
+		children: g
+	}), h && p && !d && /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-0.5 pl-8",
+		children: i
+	})] });
+}), Rt = {
+	success: {
+		container: "bg-gray-900 dark:bg-gray-700 text-white",
+		icon: y
+	},
+	warning: {
+		container: "bg-gray-900 dark:bg-gray-700 text-white",
+		icon: m
+	},
+	danger: {
+		container: "bg-gray-900 dark:bg-gray-700 text-white",
+		icon: F
+	},
+	info: {
+		container: "bg-gray-900 dark:bg-gray-700 text-white",
+		icon: T
+	},
+	neutral: {
+		container: "bg-gray-900 dark:bg-gray-700 text-white",
+		icon: T
+	}
+}, zt = {
+	success: "text-green-400",
+	warning: "text-yellow-300",
+	danger: "text-red-400",
+	info: "text-blue-400",
+	neutral: "text-white/70"
+}, Bt = n(null);
+function Vt() {
+	let e = s(Bt);
+	if (!e) throw Error("useSnackbar must be used inside <SnackbarProvider>");
+	return e;
+}
+function Ht({ children: e, dataTestId: t }) {
+	let [n, r] = f([]), i = d(/* @__PURE__ */ new Map()), a = o((e) => {
+		r((t) => t.filter((t) => t.id !== e));
+		let t = i.current.get(e);
+		t && (clearTimeout(t), i.current.delete(e));
+	}, []), s = o((e) => {
+		let t = e.id ?? Math.random().toString(36).slice(2), n = {
+			duration: 5e3,
+			variant: "neutral",
+			...e,
+			id: t
+		};
+		if (r((e) => [...e, n]), n.duration && n.duration > 0) {
+			let e = setTimeout(() => a(t), n.duration);
+			i.current.set(t, e);
+		}
+		return t;
+	}, [a]);
+	return c(() => {
+		let e = i.current;
+		return () => {
+			e.forEach(clearTimeout), e.clear();
+		};
+	}, []), /* @__PURE__ */ B(Bt.Provider, {
+		value: {
+			show: s,
+			dismiss: a
+		},
+		children: [e, V(/* @__PURE__ */ z("div", {
+			"data-test-id": t,
+			className: "fixed left-1/2 -translate-x-1/2 bottom-6 z-[100] flex flex-col gap-2 w-[min(400px,calc(100vw-2rem))] pointer-events-none",
+			children: n.map((e) => {
+				let { container: t, icon: n } = Rt[e.variant ?? "neutral"];
+				return /* @__PURE__ */ B("div", {
+					role: "status",
+					"data-test-id": e.dataTestId,
+					className: H("pointer-events-auto flex items-center gap-3 px-4 py-3 rounded-lg shadow-z4", t),
+					children: [
+						/* @__PURE__ */ z(n, {
+							className: H("h-5 w-5 shrink-0", zt[e.variant ?? "neutral"]),
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ z("p", {
+							className: "flex-1 text-p-std",
+							children: e.message
+						}),
+						e.action && /* @__PURE__ */ z("button", {
+							type: "button",
+							onClick: () => {
+								e.action?.onClick(), a(e.id);
+							},
+							className: "text-p-std font-semibold text-brand-400 hover:text-brand-300 px-1",
+							children: e.action.label
+						}),
+						/* @__PURE__ */ z("button", {
+							type: "button",
+							onClick: () => a(e.id),
+							"aria-label": "Close",
+							className: "shrink-0 p-1 rounded-md text-white/70 hover:text-white hover:bg-white/10",
+							children: /* @__PURE__ */ z(P, { className: "h-4 w-4" })
+						})
+					]
+				}, e.id);
+			})
+		}), document.body)]
+	});
+}
+//#endregion
+//#region src/components/Status/Status.tsx
+var Ut = {
+	lg: "h-7 px-2.5 text-p-std gap-1.5",
+	md: "h-6 px-2 text-p-sm gap-1.5",
+	sm: "h-5 px-1.5 text-p-sm gap-1"
+}, Wt = {
+	lg: "h-2 w-2",
+	md: "h-1.5 w-1.5",
+	sm: "h-1.5 w-1.5"
+}, Gt = {
+	general: {
+		container: "bg-bg-subtle text-fg-default dark:text-fg-default",
+		dot: "bg-gray-600 dark:bg-gray-400"
+	},
+	info: {
+		container: "bg-bg-info-lighter text-blue-800 dark:text-blue-300",
+		dot: "bg-blue-600"
+	},
+	brand: {
+		container: "bg-bg-brand-lighter text-brand-800 dark:text-brand-500",
+		dot: "bg-brand-500"
+	},
+	danger: {
+		container: "bg-bg-danger-lighter text-red-800 dark:text-red-300",
+		dot: "bg-red-600"
+	},
+	warning: {
+		container: "bg-bg-warning-lighter text-yellow-900 dark:text-yellow-300",
+		dot: "bg-yellow-600"
+	},
+	success: {
+		container: "bg-bg-success-lighter text-green-800 dark:text-green-300",
+		dot: "bg-green-600"
+	},
+	discovery: {
+		container: "bg-purple-50 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300",
+		dot: "bg-purple-500"
+	},
+	disabled: {
+		container: "bg-bg-subtle text-fg-disabled",
+		dot: "bg-border-strong"
+	}
+}, Kt = i(function({ variant: e = "general", size: t = "md", leftIcon: n, rightIcon: r, dot: i = !0, className: a, children: o, dataTestId: s, ...c }, l) {
+	let { container: u, dot: d } = Gt[e];
+	return /* @__PURE__ */ B("span", {
+		ref: l,
+		"data-test-id": s,
+		className: H("inline-flex items-center rounded-full font-medium whitespace-nowrap select-none", Ut[t], u, a),
+		...c,
+		children: [
+			n ? /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0",
+				children: n
+			}) : i ? /* @__PURE__ */ z("span", {
+				className: H("inline-block shrink-0 rounded-full", Wt[t], d),
+				"aria-hidden": !0
+			}) : null,
+			o,
+			r && /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0",
+				children: r
+			})
+		]
+	});
+}), qt = {
+	md: "h-6 w-11",
+	sm: "h-5 w-9"
+}, Jt = {
+	md: "h-5 w-5 peer-checked:translate-x-5",
+	sm: "h-4 w-4 peer-checked:translate-x-4"
+}, Yt = i(function({ size: e = "md", label: t, description: n, labelPosition: r = "right", id: i, disabled: a, checked: o, defaultChecked: s, className: c, dataTestId: u, ...d }, f) {
+	let p = l(), m = i ?? p, h = /* @__PURE__ */ B("span", {
+		className: "relative inline-flex shrink-0",
+		children: [
+			/* @__PURE__ */ z("input", {
+				ref: f,
+				id: m,
+				type: "checkbox",
+				role: "switch",
+				checked: o,
+				defaultChecked: s,
+				disabled: a,
+				className: "peer sr-only",
+				...d
+			}),
+			/* @__PURE__ */ z("span", { className: H("rounded-full bg-gray-300 dark:bg-gray-700 transition-colors", qt[e], "peer-checked:bg-brand-500 dark:peer-checked:bg-brand-500", "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-2", a && "!bg-bg-subtle") }),
+			/* @__PURE__ */ z("span", { className: H("absolute top-0.5 left-0.5 rounded-full bg-white dark:bg-white shadow-z1 transition-transform", Jt[e]) })
+		]
+	});
+	return !t && !n ? /* @__PURE__ */ z("label", {
+		htmlFor: m,
+		"data-test-id": u,
+		className: H("inline-flex", a ? "cursor-not-allowed opacity-60" : "cursor-pointer", c),
+		children: h
+	}) : /* @__PURE__ */ B("label", {
+		htmlFor: m,
+		"data-test-id": u,
+		className: H("inline-flex items-start gap-3", r === "left" && "flex-row-reverse justify-end", a ? "cursor-not-allowed opacity-60" : "cursor-pointer", c),
+		children: [h, /* @__PURE__ */ B("span", {
+			className: "flex flex-col gap-0.5",
+			children: [t && /* @__PURE__ */ z("span", {
+				className: "text-p-std font-medium text-fg-default leading-tight",
+				children: t
+			}), n && /* @__PURE__ */ z("span", {
+				className: "text-p-sm text-fg-secondary leading-snug",
+				children: n
+			})]
+		})]
+	});
+}), Xt = {
+	comfortable: "[&_td]:py-3 [&_th]:py-3",
+	compact: "[&_td]:py-2 [&_th]:py-2"
+}, Zt = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+}, Qt = i(function({ density: e = "comfortable", striped: t = !1, hoverable: n = !0, stickyHeader: r = !1, wrapperClassName: i, className: a, children: o, dataTestId: s, ...c }, l) {
+	return /* @__PURE__ */ z("div", {
+		"data-test-id": s,
+		className: H("w-full overflow-x-auto rounded-lg border border-border-default bg-bg-default", i),
+		children: /* @__PURE__ */ z("table", {
+			ref: l,
+			className: H("w-full border-collapse text-p-std text-fg-default", Xt[e], a),
+			"data-striped": t || void 0,
+			"data-hoverable": n || void 0,
+			"data-sticky": r || void 0,
+			...c,
+			children: o
+		})
+	});
+}), $t = i(function({ className: e, children: t, dataTestId: n, ...r }, i) {
+	return /* @__PURE__ */ z("thead", {
+		ref: i,
+		"data-test-id": n,
+		className: H("bg-bg-container text-p-sm font-semibold text-fg-secondary uppercase tracking-wider", "[[data-sticky]_&]:sticky [[data-sticky]_&]:top-0 [[data-sticky]_&]:z-10", e),
+		...r,
+		children: t
+	});
+}), en = i(function({ className: e, children: t, dataTestId: n, ...r }, i) {
+	return /* @__PURE__ */ z("tbody", {
+		ref: i,
+		"data-test-id": n,
+		className: H("[&>tr]:border-t [&>tr]:border-border-default", "[[data-striped]_&>tr:nth-child(even)]:bg-bg-container", "[[data-hoverable]_&>tr:hover]:bg-bg-container", e),
+		...r,
+		children: t
+	});
+}), tn = i(function({ className: e, children: t, dataTestId: n, ...r }, i) {
+	return /* @__PURE__ */ z("tr", {
+		ref: i,
+		"data-test-id": n,
+		className: e,
+		...r,
+		children: t
+	});
+}), nn = i(function({ sortable: e = !1, sortDir: t = null, onSortChange: n, align: r = "left", className: i, children: a, dataTestId: o, ...s }, c) {
+	let l = /* @__PURE__ */ B(R, { children: [a, e && /* @__PURE__ */ z("span", {
+		className: "inline-flex ml-1 align-middle text-fg-tertiary",
+		children: z(t === "asc" ? g : t === "desc" ? h : C, { className: "h-3.5 w-3.5" })
+	})] });
+	return /* @__PURE__ */ z("th", {
+		ref: c,
+		scope: "col",
+		"data-test-id": o,
+		className: H("px-4 whitespace-nowrap", Zt[r], i),
+		"aria-sort": t === "asc" ? "ascending" : t === "desc" ? "descending" : void 0,
+		...s,
+		children: e ? /* @__PURE__ */ z("button", {
+			type: "button",
+			onClick: () => {
+				n?.(t === "asc" ? "desc" : t === "desc" ? null : "asc");
+			},
+			className: "inline-flex items-center hover:text-fg-default focus-visible:outline-none",
+			children: l
+		}) : l
+	});
+}), rn = i(function({ align: e = "left", className: t, children: n, dataTestId: r, ...i }, a) {
+	return /* @__PURE__ */ z("td", {
+		ref: a,
+		"data-test-id": r,
+		className: H("px-4", Zt[e], t),
+		...i,
+		children: n
+	});
+});
+function an({ columns: e, rows: t, rowKey: n, empty: r = "No results", density: i, striped: a, hoverable: o, sortKey: s, sortDir: c = null, onSortChange: l, onRowClick: u, className: d, dataTestId: f }) {
+	return /* @__PURE__ */ B(Qt, {
+		density: i,
+		striped: a,
+		hoverable: o,
+		className: d,
+		dataTestId: f,
+		children: [/* @__PURE__ */ z($t, { children: /* @__PURE__ */ z(tn, { children: e.map((e) => /* @__PURE__ */ z(nn, {
+			align: e.align,
+			sortable: e.sortable,
+			sortDir: s === e.key ? c : null,
+			onSortChange: (t) => l?.(e.key, t),
+			children: e.header
+		}, e.key)) }) }), /* @__PURE__ */ z(en, { children: t.length === 0 ? /* @__PURE__ */ z(tn, { children: /* @__PURE__ */ z(rn, {
+			colSpan: e.length,
+			className: "text-center text-fg-tertiary py-10",
+			align: "center",
+			children: r
+		}) }) : t.map((t, r) => /* @__PURE__ */ z(tn, {
+			onClick: u ? () => u(t) : void 0,
+			className: u ? "cursor-pointer" : void 0,
+			children: e.map((e) => /* @__PURE__ */ z(rn, {
+				align: e.align,
+				children: e.render ? e.render(t) : e.accessor ? e.accessor(t) : null
+			}, e.key))
+		}, n(t, r))) })]
+	});
+}
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+var on = n(null);
+function sn() {
+	let e = s(on);
+	if (!e) throw Error("Tab components must be used inside <Tabs>");
+	return e;
+}
+function cn(t) {
+	let n = [];
+	e.forEach(t, (e) => {
+		a(e) && n.push(e);
+	});
+	let r = n.find((e) => e.type?.displayName === "TabList");
+	if (!a(r)) return "";
+	let i = e.toArray(r.props.children);
+	for (let e of i) if (a(e)) {
+		let t = e.props.value;
+		if (t !== void 0) return t;
+	}
+	return "";
+}
+var ln = i(function({ defaultValue: e, value: t, onValueChange: n, variant: r = "underline", size: i = "md", className: a, children: o, dataTestId: s, ...c }, l) {
+	let [u, d] = f(() => e ?? cn(o)), p = t !== void 0, m = p ? t : u;
+	return /* @__PURE__ */ z(on.Provider, {
+		value: {
+			value: m,
+			setValue: (e) => {
+				p || d(e), n?.(e);
+			},
+			variant: r,
+			size: i
+		},
+		children: /* @__PURE__ */ z("div", {
+			ref: l,
+			"data-test-id": s,
+			className: H("flex flex-col gap-4", a),
+			...c,
+			children: o
+		})
+	});
+}), un = i(function({ children: e, className: t, dataTestId: n, ...r }, i) {
+	let { variant: a } = sn();
+	return /* @__PURE__ */ z("div", {
+		ref: i,
+		role: "tablist",
+		"data-test-id": n,
+		className: H("inline-flex", a === "underline" && "border-b border-border-default gap-1 w-full", a === "pills" && "gap-1 p-1 rounded-full bg-bg-container", a === "boxed" && "gap-0 rounded-lg border border-border-default overflow-hidden bg-bg-container", t),
+		...r,
+		children: e
+	});
+});
+un.displayName = "TabList";
+var dn = {
+	lg: "h-11 px-4 text-p-md",
+	md: "h-10 px-3 text-p-std",
+	sm: "h-8 px-2.5 text-p-sm"
+}, fn = {
+	underline: {
+		on: "bg-brand-500 text-white",
+		off: "bg-bg-subtle text-fg-secondary"
+	},
+	pills: {
+		on: "bg-brand-500 text-white",
+		off: "bg-bg-subtle text-fg-secondary"
+	},
+	boxed: {
+		on: "bg-brand-500 text-white",
+		off: "bg-bg-subtle text-fg-secondary"
+	}
+}, pn = i(function({ value: e, children: t, disabled: n, icon: r, badge: i, className: a, dataTestId: o, onClick: s, ...c }, l) {
+	let { value: u, setValue: d, variant: f, size: p } = sn(), m = u === e, h = i != null && i !== !1;
+	return /* @__PURE__ */ B("button", {
+		ref: l,
+		type: "button",
+		role: "tab",
+		"aria-selected": m,
+		disabled: n,
+		"data-test-id": o,
+		onClick: (t) => {
+			n || (d(e), s?.(t));
+		},
+		className: H(H("group relative inline-flex items-center justify-center gap-2 font-medium outline-none transition-colors", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1 focus-visible:rounded-md", dn[p], n && "opacity-50 cursor-not-allowed"), f === "underline" ? H("rounded-t-lg", m ? "text-fg-default" : "text-fg-secondary hover:text-fg-default hover:bg-bg-subtle/60") : f === "pills" ? H("rounded-full", m ? "bg-bg-default text-fg-default shadow-z1" : "bg-transparent text-fg-secondary hover:text-fg-default") : H("border-r border-border-default last:border-r-0", m ? "bg-bg-default text-fg-default" : "bg-transparent text-fg-secondary hover:bg-bg-subtle"), a),
+		...c,
+		children: [
+			r && /* @__PURE__ */ z("span", {
+				className: "inline-flex shrink-0",
+				children: r
+			}),
+			/* @__PURE__ */ z("span", {
+				className: "truncate",
+				children: t
+			}),
+			h && /* @__PURE__ */ z("span", {
+				className: H("inline-flex items-center justify-center shrink-0 rounded-full px-1.5 h-5 min-w-[1.25rem]", "text-label-xs font-semibold tabular-nums leading-none transition-colors", m ? fn[f].on : fn[f].off),
+				children: i
+			}),
+			f === "underline" && /* @__PURE__ */ z("span", {
+				"aria-hidden": !0,
+				className: H("pointer-events-none absolute inset-x-0 -bottom-px h-[2px] rounded-full bg-brand-500 transition-opacity duration-150", m ? "opacity-100" : "opacity-0")
+			})
+		]
+	});
+}), mn = i(function({ value: e, children: t, className: n, dataTestId: r, ...i }, a) {
+	let { value: o } = sn();
+	return o === e ? /* @__PURE__ */ z("div", {
+		ref: a,
+		role: "tabpanel",
+		"data-test-id": r,
+		className: n,
+		...i,
+		children: t
+	}) : null;
+}), hn = {
+	"h-xl": "text-h-xl",
+	"h-lg": "text-h-lg",
+	"h-md": "text-h-md",
+	"h-std": "text-h-std",
+	"h-sm": "text-h-sm",
+	"h-xs": "text-h-xs",
+	"p-lg": "text-p-lg",
+	"p-md": "text-p-md",
+	"p-std": "text-p-std",
+	"p-sm": "text-p-sm",
+	"p-xs": "text-p-xs",
+	"label-lg": "text-label-lg",
+	"label-md": "text-label-md",
+	"label-std": "text-label-std",
+	"label-sm": "text-label-sm",
+	"label-xs": "text-label-xs",
+	"label-xxs": "text-label-xxs"
+}, gn = {
+	normal: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, _n = {
+	default: "text-fg-default",
+	secondary: "text-fg-secondary",
+	tertiary: "text-fg-tertiary",
+	disabled: "text-fg-disabled",
+	inverse: "text-fg-inverse",
+	brand: "text-fg-brand",
+	info: "text-fg-info",
+	success: "text-fg-success",
+	warning: "text-fg-warning",
+	danger: "text-fg-danger"
+}, vn = {
+	"h-xl": "h1",
+	"h-lg": "h1",
+	"h-md": "h2",
+	"h-std": "h3",
+	"h-sm": "h4",
+	"h-xs": "h5",
+	"p-lg": "p",
+	"p-md": "p",
+	"p-std": "p",
+	"p-sm": "p",
+	"p-xs": "p",
+	"label-lg": "span",
+	"label-md": "span",
+	"label-std": "span",
+	"label-sm": "span",
+	"label-xs": "span",
+	"label-xxs": "span"
+}, yn = i(function({ variant: e = "p-std", weight: t, color: n = "default", as: i, truncate: a, className: o, children: s, dataTestId: c, ...l }, u) {
+	return r(i ?? vn[e], {
+		ref: u,
+		"data-test-id": c,
+		className: H(hn[e], t && gn[t], _n[n], a && "truncate", o),
+		...l
+	}, s);
+}), bn = i(function({ label: e, helperText: t, errorText: n, error: r = !1, id: i, disabled: a, required: o, maxLength: s, showCount: c = !1, className: u, wrapperClassName: d, value: f, defaultValue: p, rows: m = 4, dataTestId: h, ...g }, _) {
+	let v = l(), y = i ?? v, b = r || !!n, x = n ? `${y}-error` : t ? `${y}-help` : void 0, S = f === void 0 ? p === void 0 ? 0 : String(p).length : String(f).length;
+	return /* @__PURE__ */ B("div", {
+		className: H("flex flex-col gap-1.5 w-full", d),
+		"data-test-id": h,
+		children: [
+			e && /* @__PURE__ */ B("label", {
+				htmlFor: y,
+				className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
+				children: [e, o && /* @__PURE__ */ z("span", {
+					className: "text-red-600",
+					"aria-hidden": !0,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ z("textarea", {
+				ref: _,
+				id: y,
+				disabled: a,
+				required: o,
+				maxLength: s,
+				rows: m,
+				value: f,
+				defaultValue: p,
+				"aria-invalid": b || void 0,
+				"aria-describedby": x,
+				className: H("w-full px-3 py-2.5 rounded-lg border bg-bg-default text-p-std text-fg-default placeholder:text-fg-tertiary outline-none transition-colors resize-y", b ? "border-red-600" : "border-border-default", !a && !b && "hover:border-border-strong", "focus:ring-2", b ? "focus:ring-red-300 focus:border-red-600" : "focus:ring-brand-300 focus:border-brand-500", a && "bg-bg-container border-border-default cursor-not-allowed", u),
+				...g
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ z("div", {
+					className: "flex-1 min-w-0",
+					children: n ? /* @__PURE__ */ z("p", {
+						id: `${y}-error`,
+						className: "text-p-sm text-red-700",
+						children: n
+					}) : t ? /* @__PURE__ */ z("p", {
+						id: `${y}-help`,
+						className: "text-p-sm text-fg-secondary",
+						children: t
+					}) : null
+				}), c && s && /* @__PURE__ */ B("p", {
+					className: "text-p-sm text-fg-tertiary tabular-nums shrink-0",
+					children: [
+						S,
+						"/",
+						s
+					]
+				})]
+			})
+		]
+	});
+}), xn = {
+	lg: "px-3 py-2 text-p-std",
+	sm: "px-2 py-1 text-p-sm"
+}, Sn = {
+	top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+	left: "right-full top-1/2 -translate-y-1/2 mr-2",
+	right: "left-full top-1/2 -translate-y-1/2 ml-2"
+}, Cn = {
+	top: "top-full left-1/2 -translate-x-1/2 border-t-fg-default border-x-transparent border-b-transparent",
+	bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-fg-default border-x-transparent border-t-transparent",
+	left: "left-full top-1/2 -translate-y-1/2 border-l-fg-default border-y-transparent border-r-transparent",
+	right: "right-full top-1/2 -translate-y-1/2 border-r-fg-default border-y-transparent border-l-transparent"
+}, wn = i(function({ content: e, children: n, side: r = "top", size: i = "sm", delay: o = 150, className: s, dataTestId: c }, u) {
+	let [p, m] = f(!1), h = d(null), g = l(), _ = () => {
+		h.current && clearTimeout(h.current), h.current = setTimeout(() => m(!0), o);
+	}, v = () => {
+		h.current && clearTimeout(h.current), m(!1);
+	};
+	if (!a(n)) return n;
+	let y = n.props ?? {};
+	return /* @__PURE__ */ B("span", {
+		ref: u,
+		"data-test-id": c,
+		className: "relative inline-flex",
+		children: [t(n, {
+			onMouseEnter: _,
+			onMouseLeave: v,
+			onFocus: _,
+			onBlur: v,
+			"aria-describedby": p ? g : y["aria-describedby"]
+		}), p && /* @__PURE__ */ B("span", {
+			role: "tooltip",
+			id: g,
+			className: H("absolute z-50 whitespace-nowrap rounded-md bg-fg-default text-bg-default shadow-z3 pointer-events-none select-none", xn[i], Sn[r], s),
+			children: [e, /* @__PURE__ */ z("span", {
+				"aria-hidden": !0,
+				className: H("absolute h-0 w-0 border-4", Cn[r])
+			})]
+		})]
+	});
+}), Tn = i(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFiles: i, disabled: a, className: o, dataTestId: s, ...c }, l) {
+	let u = d(null), [p, m] = f(!1), h = (e) => {
+		if (e.preventDefault(), m(!1), a) return;
+		let t = Array.from(e.dataTransfer.files ?? []);
+		t.length && i?.(t);
+	}, g = r ?? `${e ? e.toUpperCase().replace(/\./g, "") : "Any file"}${n ? `, up to ${n} MB` : ""}`;
+	return /* @__PURE__ */ B("div", {
+		ref: l,
+		onDragOver: (e) => {
+			e.preventDefault(), a || m(!0);
+		},
+		onDragLeave: () => m(!1),
+		onDrop: h,
+		onClick: () => !a && u.current?.click(),
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && !a && (e.preventDefault(), u.current?.click());
+		},
+		"aria-disabled": a || void 0,
+		"data-test-id": s,
+		className: H("flex flex-col items-center justify-center text-center gap-2 px-6 py-8 rounded-lg border-2 border-dashed cursor-pointer transition-colors outline-none", p ? "border-brand-500 bg-brand-20" : "border-border-default bg-bg-container hover:bg-bg-subtle", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", a && "opacity-50 cursor-not-allowed", o),
+		...c,
+		children: [
+			/* @__PURE__ */ z("div", {
+				className: "h-10 w-10 rounded-full bg-bg-default flex items-center justify-center text-fg-secondary shadow-z1",
+				children: /* @__PURE__ */ z(M, { className: "h-5 w-5" })
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "flex flex-col gap-0.5",
+				children: [/* @__PURE__ */ B("p", {
+					className: "text-p-std text-fg-default",
+					children: [/* @__PURE__ */ z("span", {
+						className: "font-semibold text-brand-700",
+						children: "Choose a file"
+					}), " or drag & drop it here."]
+				}), /* @__PURE__ */ z("p", {
+					className: "text-p-sm text-fg-tertiary",
+					children: g
+				})]
+			}),
+			/* @__PURE__ */ z("input", {
+				ref: u,
+				type: "file",
+				accept: e,
+				multiple: t,
+				disabled: a,
+				onChange: (e) => {
+					let t = Array.from(e.target.files ?? []);
+					t.length && i?.(t), e.target.value = "";
+				},
+				className: "sr-only"
+			})
+		]
+	});
+}), En = {
+	processing: "border-border-default bg-bg-default",
+	completed: "border-border-default bg-bg-default",
+	error: "border-red-300 bg-bg-danger-lighter"
+}, Dn = i(function({ name: e, meta: t, status: n = "processing", progress: r = 0, errorText: i, onRetry: a, onRemove: o, className: s, dataTestId: c, ...l }, u) {
+	return /* @__PURE__ */ B("div", {
+		ref: u,
+		"data-test-id": c,
+		className: H("flex items-start gap-3 px-3 py-2.5 rounded-lg border", En[n], s),
+		...l,
+		children: [
+			/* @__PURE__ */ z("div", {
+				className: H("shrink-0 flex items-center justify-center h-9 w-9 rounded-md", n === "error" ? "bg-red-100 dark:bg-red-900/30 text-red-700" : "bg-bg-subtle text-fg-secondary"),
+				children: /* @__PURE__ */ z(w, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ B("div", {
+						className: "flex items-baseline justify-between gap-2",
+						children: [/* @__PURE__ */ z("p", {
+							className: "truncate text-p-std font-medium text-fg-default",
+							children: e
+						}), /* @__PURE__ */ B("div", {
+							className: "flex items-center gap-1 shrink-0",
+							children: [n === "completed" && /* @__PURE__ */ z(y, {
+								className: "h-4 w-4 text-green-600",
+								"aria-label": "Completed"
+							}), n === "error" && /* @__PURE__ */ z(p, {
+								className: "h-4 w-4 text-red-600",
+								"aria-label": "Failed"
+							})]
+						})]
+					}),
+					t && /* @__PURE__ */ z("p", {
+						className: "text-p-sm text-fg-tertiary mt-0.5",
+						children: t
+					}),
+					n === "processing" && /* @__PURE__ */ z("div", {
+						className: "mt-2 h-1 w-full rounded-full bg-bg-subtle overflow-hidden",
+						children: /* @__PURE__ */ z("div", {
+							className: "h-full bg-brand-500 transition-[width] duration-200",
+							style: { width: `${Math.min(100, Math.max(0, r))}%` }
+						})
+					}),
+					n === "error" && i && /* @__PURE__ */ B("p", {
+						className: "text-p-sm text-red-700 mt-1",
+						children: [i, a && /* @__PURE__ */ z("button", {
+							type: "button",
+							onClick: a,
+							className: "ml-2 underline font-medium hover:no-underline",
+							children: "Try again"
+						})]
+					})
+				]
+			}),
+			o && /* @__PURE__ */ z("button", {
+				type: "button",
+				onClick: o,
+				"aria-label": "Remove",
+				className: "shrink-0 p-1 rounded-md text-fg-tertiary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
+				children: z(n === "completed" ? j : P, { className: "h-4 w-4" })
+			})
+		]
+	});
+}), J = {
+	900: "#31531C",
+	800: "#416E26",
+	700: "#518A2F",
+	600: "#61A539",
+	500: "#72BF44",
+	400: "#80C557",
+	300: "#8ECC69",
+	200: "#9CD27C",
+	100: "#AAD98F",
+	50: "#B8DFA2",
+	40: "#CAE7B9",
+	30: "#DBEFD1",
+	20: "#EDF7E8"
+}, Y = {
+	900: "#0e121b",
+	800: "#222530",
+	700: "#2b303b",
+	600: "#525866",
+	500: "#717784",
+	400: "#99a0ae",
+	300: "#cacfd8",
+	200: "#e1e4ea",
+	100: "#f2f5f8",
+	50: "#f5f7fa",
+	20: "#f7f9fc"
+}, X = "#FEFEFE", On = {
+	900: "#0b4627",
+	800: "#0f5c33",
+	700: "#3D8B46",
+	600: "#199754",
+	500: "#1fc16b",
+	400: "#5ed495",
+	300: "#83dfae",
+	200: "#aeeacb",
+	100: "#d0f5e1",
+	50: "#e0faec"
+}, Z = {
+	900: "#2443B8",
+	800: "#2E63D6",
+	700: "#3475E8",
+	600: "#3C88F7",
+	500: "#4396F7",
+	400: "#54A6F8",
+	300: "#71B6F9",
+	200: "#9ACAFA",
+	100: "#C1DEFC",
+	50: "#E6F2FE"
+}, kn = {
+	900: "#081FA6",
+	800: "#0E2AB2",
+	700: "#2431B9",
+	600: "#3838C1",
+	500: "#453DC7",
+	400: "#6559D0",
+	300: "#8377D7",
+	200: "#A89DE2",
+	100: "#CBC4ED",
+	50: "#EAE7F7",
+	20: "#F5F3FB"
+}, An = {
+	900: "#4A0A20",
+	800: "#79012F",
+	700: "#A2023F",
+	600: "#AD0244",
+	500: "#CA024F",
+	400: "#F50260",
+	300: "#FD2779",
+	200: "#FE7DAF",
+	100: "#FEA8C9",
+	50: "#FFD4E4"
+}, Q = {
+	900: "#8b1822",
+	800: "#ad1f2b",
+	700: "#d02533",
+	600: "#e93544",
+	500: "#fb3748",
+	400: "#ff6875",
+	300: "#ff97a0",
+	200: "#ffc0c5",
+	100: "#ffd5d8",
+	50: "#ffebec",
+	20: "#fff4f4"
+}, $ = {
+	900: "#EB7520",
+	800: "#ED912A",
+	700: "#EEA02F",
+	600: "#F0B134",
+	500: "#F1BE39",
+	400: "#F2C74A",
+	300: "#F4D264",
+	200: "#F7DE8E",
+	100: "#FAEBB9",
+	50: "#FDF7E4"
+}, jn = {
+	brand: J,
+	gray: Y,
+	green: On,
+	blue: Z,
+	purple: kn,
+	pink: An,
+	red: Q,
+	yellow: $
+}, Mn = {
+	bgDefault: X,
+	bgContainer: Y[50],
+	bgSubtle: Y[100],
+	bgBrandLighter: J[20],
+	bgInfoLighter: Z[50],
+	bgSuccessLighter: On[50],
+	bgWarningLighter: $[50],
+	bgDangerLighter: Q[50],
+	fgDefault: Y[900],
+	fgSecondary: Y[600],
+	fgTertiary: Y[500],
+	fgDisabled: Y[400],
+	fgInverse: X,
+	fgBrand: J[500],
+	fgInfo: Z[600],
+	fgSuccess: On[600],
+	fgWarning: $[800],
+	fgDanger: Q[800],
+	borderDefault: Y[200],
+	borderSubtle: Y[100],
+	borderStrong: Y[300],
+	borderBrand: J[500],
+	iconPrimary: Y[900],
+	iconSecondary: Y[600],
+	iconInverse: X,
+	iconBrand: J[500],
+	iconInfo: Z[600],
+	iconDanger: Q[800],
+	iconWarning: $[800]
+}, Nn = {
+	...Mn,
+	bgDefault: "#0B1120",
+	bgContainer: "#0F172A",
+	bgSubtle: "#121C30",
+	bgBrandLighter: "rgba(114, 191, 68, 0.15)",
+	bgInfoLighter: "rgba(67, 150, 247, 0.15)",
+	bgSuccessLighter: "rgba(31, 193, 107, 0.15)",
+	bgWarningLighter: "rgba(237, 145, 42, 0.15)",
+	bgDangerLighter: "rgba(230, 27, 0, 0.15)",
+	fgDefault: X,
+	fgSecondary: Y[400],
+	fgTertiary: Y[500],
+	fgDisabled: Y[600],
+	borderDefault: "rgba(255, 255, 255, 0.05)",
+	borderSubtle: "rgba(255, 255, 255, 0.03)",
+	borderStrong: "rgba(255, 255, 255, 0.10)",
+	iconPrimary: X,
+	iconSecondary: Y[400]
+}, Pn = {
+	ps: [
+		"Noto Sans Armenian",
+		"Noto Sans",
+		"ui-sans-serif",
+		"system-ui",
+		"sans-serif"
+	],
+	sans: [
+		"Noto Sans Armenian",
+		"Noto Sans",
+		"ui-sans-serif",
+		"system-ui",
+		"sans-serif"
+	]
+}, Fn = {
+	xl: {
+		fontSize: "64px",
+		lineHeight: "72px"
+	},
+	lg: {
+		fontSize: "48px",
+		lineHeight: "56px"
+	},
+	md: {
+		fontSize: "40px",
+		lineHeight: "48px"
+	},
+	std: {
+		fontSize: "36px",
+		lineHeight: "44px"
+	},
+	sm: {
+		fontSize: "32px",
+		lineHeight: "40px"
+	},
+	xs: {
+		fontSize: "24px",
+		lineHeight: "32px"
+	}
+}, In = {
+	lg: {
+		fontSize: "20px",
+		lineHeight: "28px"
+	},
+	md: {
+		fontSize: "16px",
+		lineHeight: "24px"
+	},
+	std: {
+		fontSize: "14px",
+		lineHeight: "20px"
+	},
+	sm: {
+		fontSize: "12px",
+		lineHeight: "16px"
+	},
+	xs: {
+		fontSize: "10px",
+		lineHeight: "14px"
+	}
+}, Ln = {
+	lg: {
+		fontSize: "20px",
+		lineHeight: "28px"
+	},
+	md: {
+		fontSize: "16px",
+		lineHeight: "24px"
+	},
+	std: {
+		fontSize: "14px",
+		lineHeight: "20px"
+	},
+	sm: {
+		fontSize: "12px",
+		lineHeight: "16px"
+	},
+	xs: {
+		fontSize: "10px",
+		lineHeight: "14px"
+	},
+	xxs: {
+		fontSize: "6px",
+		lineHeight: "6px"
+	}
+}, Rn = {
+	headline: Fn,
+	paragraph: In,
+	label: Ln
+}, zn = {
+	sm: "2rem",
+	md: "2.5rem",
+	lg: "3rem"
+}, Bn = {
+	sm: "0.875rem",
+	md: "1rem",
+	lg: "1.25rem"
+}, Vn = {
+	xs: "2px",
+	sm: "4px",
+	md: "8px",
+	lg: "12px",
+	xl: "16px",
+	"2xl": "20px",
+	"3xl": "24px",
+	full: "9999px"
+}, Hn = {
+	z1: "0 1px 2px 0 rgba(0, 0, 0, 0.06)",
+	z2: "0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.04)",
+	z3: "0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.04)",
+	z4: "0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 12px 16px 0 rgba(0, 0, 0, 0.10), 0 3px 5px 0 rgba(0, 0, 0, 0.12)",
+	z5: "0 8px 16px 0 rgba(0, 0, 0, 0.12), 0 24px 32px 0 rgba(0, 0, 0, 0.12)"
+};
+//#endregion
+export { W as Accordion, G as AccordionItem, K as Avatar, ue as AvatarGroup, he as Badge, be as Button, Se as ButtonGroup, Te as Card, Oe as Checkbox, an as DataTable, Ie as DatePicker, Ve as Drawer, qe as DropdownContent, Je as DropdownItem, Xe as DropdownLabel, Ge as DropdownMenu, Ye as DropdownSeparator, Ke as DropdownTrigger, $e as Filter, nt as IconTile, rt as InfoField, at as InlineAlert, ut as Input, pt as Modal, mt as MultiSelect, yt as NotificationBadge, Ct as Pagination, Et as PersonCard, jt as Radio, Ot as RadioGroup, Nt as Select, It as Sidebar, Lt as SidebarItem, Ht as SnackbarProvider, Kt as Status, Yt as Switch, en as TBody, rn as TD, nn as TH, $t as THead, tn as TR, pn as Tab, un as TabList, mn as TabPanel, Qt as Table, ln as Tabs, yn as Text, bn as TextArea, wn as Tooltip, Tn as Upload, Dn as UploadItem, Z as blue, J as brand, H as cn, jn as colorPrimitives, zn as controlHeight, Nn as darkTheme, Pn as fontFamily, Y as gray, On as green, Fn as headline, Bn as iconSize, Ln as label, Mn as lightTheme, In as paragraph, An as pink, kn as purple, Vn as radius, Q as red, Hn as shadows, Rn as typography, Vt as useSnackbar, X as white, $ as yellow };
+
+//# sourceMappingURL=index.js.map