admin-ui-starter-kit 0.1.3 → 0.1.4

package/dist/_shared/display-Cuj4td-V.js

@@ -0,0 +1,1237 @@
+import { useStrings as e } from "../lib/strings.js";
+import { m as t } from "./ui-provider-CQJ1glwN.js";
+import { cn as n } from "../lib/utils.js";
+import { n as r, t as i } from "./text-qsEg5GdP.js";
+import { t as a } from "./heading-CrNpYcUr.js";
+import { t as o } from "./badge-BK5VvEgg.js";
+import { t as s } from "./slot-C5EJicOc.js";
+import { i as c, n as l, t as u } from "./tooltip-CLr_sPX8.js";
+import { r as d, t as f } from "./alert-DQ-tV8b-.js";
+import { n as p, r as m } from "./form-field-BNuCBym1.js";
+import { t as h } from "./copyable-D7WhgEzJ.js";
+import { a as g, i as _, o as v, r as y, t as b } from "./avatar-CBi4LGxy.js";
+import * as x from "react";
+import S, { forwardRef as C, useCallback as w, useEffect as T, useId as E, useMemo as D, useState as O } from "react";
+import { format as k } from "date-fns";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { AlertTriangle as N, BadgeCheck as P, CheckCircle2 as F, CircleAlert as I, Clock as L, ExternalLink as ee, Info as te, RotateCcw as ne, Search as re, ShieldAlert as R, X as ie, XCircle as ae } from "lucide-react";
+import { cva as oe } from "class-variance-authority";
+import * as z from "recharts";
+import { Collapsible as B } from "@base-ui/react/collapsible";
+import { Progress as V } from "@base-ui/react/progress";
+import { formatHex as H, oklch as U } from "culori";
+import se from "qrcode";
+//#region src/components/base/display/notification-banner.tsx
+var ce = {
+	info: {
+		wrapper: "border-info/30 bg-info/5",
+		iconRing: "bg-info/15",
+		iconColor: "text-info",
+		title: "text-info",
+		close: "text-info/70 hover:text-info hover:bg-info/10"
+	},
+	success: {
+		wrapper: "border-success/30 bg-success/5",
+		iconRing: "bg-success/15",
+		iconColor: "text-success",
+		title: "text-success",
+		close: "text-success/70 hover:text-success hover:bg-success/10"
+	},
+	error: {
+		wrapper: "border-destructive/30 bg-destructive/5",
+		iconRing: "bg-destructive/15",
+		iconColor: "text-destructive",
+		title: "text-destructive",
+		close: "text-destructive/70 hover:text-destructive hover:bg-destructive/10"
+	},
+	warning: {
+		wrapper: "border-warning/40 bg-warning/10",
+		iconRing: "bg-warning/20",
+		iconColor: "text-warning-foreground",
+		title: "text-warning-foreground",
+		close: "text-warning-foreground/70 hover:text-warning-foreground hover:bg-warning/20"
+	}
+}, le = {
+	info: te,
+	success: P,
+	error: I,
+	warning: N
+};
+function ue({ html: e }) {
+	return S.createElement("span", { dangerouslySetInnerHTML: { __html: e } });
+}
+function W({ type: e = "info", dismissible: t = !1, title: a, message: o, onDismiss: s, children: c, asHTML: l = !1, dismissAriaLabel: u = "Dismiss notification", className: d }) {
+	let f = ce[e], p = le[e], m = S.useMemo(() => r(o ?? (typeof c == "string" ? c : "")), [c, o]), h = !!a;
+	return /* @__PURE__ */ M("div", {
+		role: "status",
+		className: n("notification-banner--component", "flex w-full items-start gap-3 rounded-lg border px-4 py-3", "animate-in fade-in-0 slide-in-from-bottom-1 duration-200", f.wrapper, d),
+		children: [
+			/* @__PURE__ */ j("span", {
+				"aria-hidden": "true",
+				className: n("mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-full", f.iconRing, f.iconColor),
+				children: /* @__PURE__ */ j(p, { className: "size-4" })
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "min-w-0 flex-1",
+				children: [h && /* @__PURE__ */ j(i, {
+					tag: "div",
+					weight: "semibold",
+					className: "leading-snug text-foreground",
+					children: a
+				}), /* @__PURE__ */ M(i, {
+					tag: "div",
+					type: h ? "secondary" : "main",
+					className: n("break-words leading-snug", h && "mt-0.5"),
+					children: [!!l && /* @__PURE__ */ j(ue, { html: m }), !l && (o ?? c)]
+				})]
+			}),
+			!!t && /* @__PURE__ */ j("button", {
+				type: "button",
+				"aria-label": u,
+				onClick: s,
+				className: n("-mr-1 inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", f.close),
+				children: /* @__PURE__ */ j(ie, { className: "size-4" })
+			})
+		]
+	});
+}
+W.displayName = "NotificationBanner";
+//#endregion
+//#region src/components/base/display/placeholder-pattern.tsx
+function G({ className: e }) {
+	let t = E();
+	return /* @__PURE__ */ M("svg", {
+		className: n("placeholder-pattern--component", e),
+		fill: "none",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ j("defs", { children: /* @__PURE__ */ j("pattern", {
+			id: t,
+			x: "0",
+			y: "0",
+			width: "10",
+			height: "10",
+			patternUnits: "userSpaceOnUse",
+			children: /* @__PURE__ */ j("path", {
+				d: "M-3 13 15-5M-5 5l18-18M-1 21 17 3",
+				stroke: "currentColor",
+				strokeWidth: "0.75",
+				strokeLinecap: "square",
+				vectorEffect: "non-scaling-stroke"
+			})
+		}) }), /* @__PURE__ */ j("rect", {
+			stroke: "none",
+			fill: `url(#${t})`,
+			width: "100%",
+			height: "100%"
+		})]
+	});
+}
+G.displayName = "PlaceholderPattern";
+//#endregion
+//#region src/components/base/display/show-if.tsx
+function K({ when: e, children: t, fallback: n = null }) {
+	return e ? t : n || null;
+}
+K.displayName = "ShowIf";
+//#endregion
+//#region src/components/base/display/throttle-alert.tsx
+var de = {
+	maxAttempts: "Max attempts",
+	tryAgainIn: "Try again in"
+};
+function q({ message: t, attempts: r, remaining: a, className: o, strings: s }) {
+	let c = e(de, s);
+	return /* @__PURE__ */ M("div", {
+		role: "alert",
+		className: n("throttle-alert--component", "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3", o),
+		children: [/* @__PURE__ */ j("span", {
+			"aria-hidden": "true",
+			className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-full bg-destructive/15 text-destructive",
+			children: /* @__PURE__ */ j(R, { className: "size-4" })
+		}), /* @__PURE__ */ M("div", {
+			className: "min-w-0 flex-1 space-y-1.5",
+			children: [/* @__PURE__ */ j(i, {
+				weight: "medium",
+				className: "text-destructive leading-snug",
+				children: t
+			}), /* @__PURE__ */ M("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-destructive/80",
+				children: [/* @__PURE__ */ M("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ j(ne, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ j("span", { children: c.maxAttempts }),
+						/* @__PURE__ */ j("span", {
+							className: "font-semibold tabular-nums text-destructive",
+							children: r
+						})
+					]
+				}), /* @__PURE__ */ M("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ j(L, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ j("span", { children: c.tryAgainIn }),
+						/* @__PURE__ */ j("span", {
+							className: "font-semibold tabular-nums text-destructive",
+							children: a
+						})
+					]
+				})]
+			})]
+		})]
+	});
+}
+q.displayName = "ThrottleAlert";
+//#endregion
+//#region src/components/base/display/visually-hidden.tsx
+function J({ children: e, className: t }) {
+	return /* @__PURE__ */ j("span", {
+		className: n("visually-hidden--component", "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", "[clip:rect(0,0,0,0)]", t),
+		children: e
+	});
+}
+J.displayName = "VisuallyHidden";
+//#endregion
+//#region src/components/base/display/stacked-avatars.tsx
+var Y = [
+	"from-blue-500 to-cyan-500",
+	"from-violet-500 to-fuchsia-500",
+	"from-amber-500 to-rose-500",
+	"from-emerald-500 to-teal-500",
+	"from-sky-500 to-indigo-500",
+	"from-orange-500 to-pink-500"
+];
+function fe(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 pe(e, t) {
+	return typeof t == "number" ? Y[t % Y.length] : Y[(typeof e == "number" ? e : Array.from(e).reduce((e, t) => e + t.charCodeAt(0), 0)) % Y.length];
+}
+function X({ users: e, max: t = 4, size: r = "default", className: a, showOverflow: o = !0, overflowFormatter: s, avatarClassName: c }) {
+	let l = e.slice(0, t), u = Math.max(0, e.length - t);
+	return /* @__PURE__ */ M(_, {
+		className: n("stacked-avatars--component", a),
+		children: [l.map((e, t) => {
+			let i = fe(e.name), a = pe(e.id ?? e.name ?? t, e.tone);
+			return /* @__PURE__ */ M(b, {
+				size: r,
+				className: n("ring-background", c),
+				title: e.name,
+				children: [e.imageUrl ? /* @__PURE__ */ j(v, {
+					src: e.imageUrl,
+					alt: e.name
+				}) : null, /* @__PURE__ */ j(y, {
+					className: n("bg-gradient-to-br text-white", a),
+					children: i
+				})]
+			}, e.id ?? `${e.name}-${t}`);
+		}), !!o && u > 0 && /* @__PURE__ */ j(g, { children: /* @__PURE__ */ j(i, {
+			size: "xs",
+			weight: "semibold",
+			children: s ? s(u) : `+${u}`
+		}) })]
+	});
+}
+X.displayName = "StackedAvatars";
+//#endregion
+//#region src/components/base/display/date-block.tsx
+var Z = { separator: "·" }, me = {
+	default: {
+		bg: "bg-card",
+		text: "text-foreground",
+		border: "border-border",
+		accent: "text-foreground"
+	},
+	muted: {
+		bg: "bg-muted/50",
+		text: "text-foreground",
+		border: "border-border",
+		accent: "text-foreground"
+	},
+	primary: {
+		bg: "bg-primary/10",
+		text: "text-foreground",
+		border: "border-primary/30",
+		accent: "text-primary"
+	},
+	success: {
+		bg: "bg-success/10",
+		text: "text-foreground",
+		border: "border-success/30",
+		accent: "text-success"
+	},
+	warning: {
+		bg: "bg-warning/15",
+		text: "text-foreground",
+		border: "border-warning/40",
+		accent: "text-warning-foreground"
+	},
+	destructive: {
+		bg: "bg-destructive/10",
+		text: "text-foreground",
+		border: "border-destructive/30",
+		accent: "text-destructive"
+	},
+	info: {
+		bg: "bg-info/10",
+		text: "text-foreground",
+		border: "border-info/30",
+		accent: "text-info"
+	}
+};
+function he(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function ge({ date: t, time: r, locale: a, layout: o = "stacked", timePlacement: s, tone: c = "default", boxed: l, showMonth: u = !0, dayFormat: d = "d", weekdayFormat: f = "EEE", monthFormat: p = "MMM", className: m, strings: h }) {
+	let g = he(t), _ = e(Z, h), v = me[c], y = !Number.isNaN(g.getTime()), b = y ? k(g, f, a ? { locale: a } : void 0) : "", x = y ? k(g, d, a ? { locale: a } : void 0) : "", S = y ? k(g, p, a ? { locale: a } : void 0) : "", C = s ?? (o === "inline" ? "inline" : "below"), w = l ?? o === "stacked";
+	return o === "inline" ? /* @__PURE__ */ M("span", {
+		className: n("date-block--component", "inline-flex items-center gap-1.5 tabular-nums", w && n("rounded-md border px-2 py-1", v.bg, v.border), m),
+		children: [
+			/* @__PURE__ */ j(i, {
+				size: "xs",
+				weight: "semibold",
+				className: n(v.accent, "uppercase tracking-wide"),
+				children: b
+			}),
+			/* @__PURE__ */ j(i, {
+				weight: "semibold",
+				children: x
+			}),
+			!!u && /* @__PURE__ */ j(i, {
+				size: "xs",
+				type: "secondary",
+				className: "uppercase tracking-wide",
+				children: S
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(i, {
+				size: "xs",
+				type: "discrete",
+				"aria-hidden": !0,
+				children: _.separator
+			}), /* @__PURE__ */ j(i, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			})] })
+		]
+	}) : /* @__PURE__ */ M("div", {
+		className: n("inline-flex flex-col items-center gap-0.5", m),
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: n("flex flex-col items-center justify-center leading-none tabular-nums", w && n("size-14 rounded-md border px-2 py-1.5", v.bg, v.border)),
+				children: [
+					/* @__PURE__ */ j(i, {
+						size: "xxs",
+						weight: "semibold",
+						className: n(v.accent, "uppercase tracking-wider"),
+						children: b
+					}),
+					/* @__PURE__ */ j(i, {
+						size: "base",
+						weight: "semibold",
+						className: n(v.text, "leading-none"),
+						children: x
+					}),
+					!!u && /* @__PURE__ */ j(i, {
+						size: "xxs",
+						type: "secondary",
+						className: "uppercase tracking-wider",
+						children: S
+					})
+				]
+			}),
+			!!r && C === "below" && /* @__PURE__ */ j(i, {
+				size: "xxs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ j(i, {
+				size: "xxs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			})
+		]
+	});
+}
+ge.displayName = "DateBlock";
+//#endregion
+//#region src/components/ui/chart.tsx
+var _e = {
+	light: "",
+	dark: ".dark"
+}, ve = x.createContext(null);
+function ye() {
+	let e = x.useContext(ve);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+function be({ id: e, className: t, children: r, config: i, ...a }) {
+	let o = x.useId(), s = `chart-${e || o.replace(/:/g, "")}`;
+	return /* @__PURE__ */ j(ve.Provider, {
+		value: { config: i },
+		children: /* @__PURE__ */ M("div", {
+			"data-slot": "chart",
+			"data-chart": s,
+			className: n("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", t),
+			...a,
+			children: [/* @__PURE__ */ j(xe, {
+				id: s,
+				config: i
+			}), /* @__PURE__ */ j(z.ResponsiveContainer, { children: r })]
+		})
+	});
+}
+var xe = ({ id: e, config: t }) => {
+	let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
+	return n.length ? /* @__PURE__ */ j("style", { dangerouslySetInnerHTML: { __html: Object.entries(_e).map(([t, r]) => `
+${r} [data-chart=${e}] {
+${n.map(([e, n]) => {
+		let r = n.theme?.[t] || n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
+}
+`).join("\n") } }) : null;
+}, Se = z.Tooltip;
+function Ce({ active: e, payload: t, className: r, indicator: i = "dot", hideLabel: a = !1, hideIndicator: o = !1, label: s, labelFormatter: c, labelClassName: l, formatter: u, color: d, nameKey: f, labelKey: p }) {
+	let { config: m } = ye(), h = x.useMemo(() => {
+		if (a || !t?.length) return null;
+		let [e] = t, r = Q(m, e, `${p || e?.dataKey || e?.name || "value"}`), i = !p && typeof s == "string" ? m[s]?.label || s : r?.label;
+		return c ? /* @__PURE__ */ j("div", {
+			className: n("font-medium", l),
+			children: c(i, t)
+		}) : i ? /* @__PURE__ */ j("div", {
+			className: n("font-medium", l),
+			children: i
+		}) : null;
+	}, [
+		s,
+		c,
+		t,
+		a,
+		l,
+		m,
+		p
+	]);
+	if (!e || !t?.length) return null;
+	let g = t.length === 1 && i !== "dot";
+	return /* @__PURE__ */ M("div", {
+		className: n("border-border/50 bg-background gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl grid min-w-32 items-start", r),
+		children: [!g && h, /* @__PURE__ */ j("div", {
+			className: "grid gap-1.5",
+			children: t.filter((e) => e.type !== "none").map((e, t) => {
+				let r = Q(m, e, `${f || e.name || e.dataKey || "value"}`), a = typeof e.payload?.fill == "string" ? e.payload.fill : void 0, s = d || a || e.color || e.fill;
+				return /* @__PURE__ */ M("div", {
+					className: n("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", i === "dot" && "items-center"),
+					children: [!o && /* @__PURE__ */ j("div", {
+						className: n("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", i === "dot" && "size-2.5", i === "line" && "h-3 w-1", i === "dashed" && "h-0 w-0 border-[1.5px] border-dashed bg-transparent"),
+						style: {
+							"--color-bg": s,
+							"--color-border": s
+						}
+					}), u && e.value !== void 0 && e.name !== void 0 ? u(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
+						className: "text-muted-foreground",
+						children: r?.label ?? e.name
+					}), e.value !== void 0 && /* @__PURE__ */ j("span", {
+						className: "ml-auto font-mono font-medium tabular-nums text-foreground",
+						children: Array.isArray(e.value) ? e.value.join(" - ") : e.value
+					})] })]
+				}, e.dataKey);
+			})
+		})]
+	});
+}
+var we = z.Legend;
+function Te({ className: e, hideIcon: t = !1, payload: r, verticalAlign: i = "bottom", nameKey: a }) {
+	let { config: o } = ye();
+	return r?.length ? /* @__PURE__ */ j("div", {
+		className: n("flex items-center justify-center gap-4", i === "top" ? "pb-3" : "pt-3", e),
+		children: r.filter((e) => e.type !== "none").map((e) => {
+			let r = `${a || e.dataKey || "value"}`, i = Q(o, e, r);
+			return /* @__PURE__ */ M("div", {
+				className: n("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [i?.icon && !t ? /* @__PURE__ */ j(i.icon, {}) : /* @__PURE__ */ j("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: e.color }
+				}), i?.label]
+			}, Array.isArray(e.value) ? e.value.join("-") : e.value ?? r);
+		})
+	}) : null;
+}
+function Q(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
+	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
+}
+//#endregion
+//#region src/components/ui/collapsible.tsx
+function Ee({ ...e }) {
+	return /* @__PURE__ */ j(B.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function De({ asChild: e = !1, nativeButton: t, render: n, children: r, ...i }) {
+	let a = e ? /* @__PURE__ */ j(s, {}) : void 0, o = typeof n == "function" ? ((e, t) => {
+		let { nativeButton: r, ...i } = e;
+		return n(i, t);
+	}) : n, c = !0;
+	e && x.isValidElement(r) && (c = typeof r.type == "string" ? r.type === "button" : !("href" in (r.props ?? {})));
+	let l = t ?? (e ? c : !0);
+	return /* @__PURE__ */ j(B.Trigger, {
+		"data-slot": "collapsible-trigger",
+		render: a ?? o,
+		nativeButton: l,
+		...i,
+		children: r
+	});
+}
+function Oe({ ...e }) {
+	return /* @__PURE__ */ j(B.Panel, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+//#region src/components/base/display/money-input.tsx
+var ke = "—", Ae = (e) => typeof e == "string" ? e.trim() : "";
+function je({ money: e, currency: t = "EUR", onChangeData: r, recordCurrency: a, label: o, hint: s, helperText: c, error: l, required: u, invalid: h, showMigrationWarning: g = !0, migrationWarningMessage: _, showOriginalHint: v = !0, className: y, onChange: b, onCurrencyChange: x, ...S }) {
+	let C = a ?? e?.recordCurrency ?? void 0, T = D(() => C !== void 0 && C !== t, [C, t]), E = D(() => v ? Ae(e?.pair?.formatted) : "", [v, e?.pair?.formatted]), O = E.length > 0 && !l, k = T && g, A = w((e) => {
+		b?.(e);
+		let n = Number.parseFloat(e.target.value);
+		r?.({
+			amount: Number.isFinite(n) ? n : 0,
+			currency: t
+		});
+	}, [
+		b,
+		r,
+		t
+	]), P = w((e) => {
+		x?.(e);
+		let t = Number.parseFloat(String(S.value ?? ""));
+		r?.({
+			amount: Number.isFinite(t) ? t : 0,
+			currency: e
+		});
+	}, [
+		x,
+		r,
+		S.value
+	]), F = h ?? !!l, I = /* @__PURE__ */ j(m, {
+		...S,
+		currency: t,
+		onChange: A,
+		onCurrencyChange: P,
+		invalid: F
+	}), L = o || s || c || l || u ? /* @__PURE__ */ j(p, {
+		label: o,
+		hint: s,
+		helperText: c,
+		error: l,
+		required: u,
+		children: I
+	}) : I;
+	return /* @__PURE__ */ M("div", {
+		className: n("money-input--component", "space-y-2", y),
+		children: [
+			L,
+			!!O && /* @__PURE__ */ M("div", {
+				className: "flex items-center gap-1.5 text-muted-foreground",
+				children: [/* @__PURE__ */ j(te, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ j(i, {
+					size: "xs",
+					type: "secondary",
+					children: E || ke
+				})]
+			}),
+			!!k && /* @__PURE__ */ M(f, {
+				className: "border-warning/50 bg-warning/5 py-2",
+				children: [/* @__PURE__ */ j(N, { className: "h-4 w-4 text-warning" }), /* @__PURE__ */ j(d, {
+					className: "text-warning-foreground text-xs",
+					children: _ ?? `Currency will be converted from ${C ?? ""} to ${t}.`
+				})]
+			})
+		]
+	});
+}
+je.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+var Me = {
+	true: "Yes",
+	false: "No"
+};
+function Ne({ label: t, value: r = !1, trueLabel: a, falseLabel: s, showIcon: c = !0, trueVariant: l = "success", falseVariant: u = "secondary", className: d, badgeClassName: f, strings: p }) {
+	let m = e(Me, p), h = !!r, g = h ? F : ae, _ = h ? l : u, v = (h ? a : s) ?? (h ? m.true : m.false);
+	return /* @__PURE__ */ M("div", {
+		className: n("boolean-indicator--component", "flex items-center justify-between rounded-md border border-border/60 bg-muted/30 px-3 py-2", d),
+		children: [/* @__PURE__ */ j(i, {
+			size: "xs",
+			type: "secondary",
+			className: "uppercase tracking-wide",
+			children: t
+		}), /* @__PURE__ */ M(o, {
+			variant: _,
+			size: "sm",
+			className: n("whitespace-nowrap", f),
+			children: [!!c && /* @__PURE__ */ j(g, { className: "h-3.5 w-3.5" }), v]
+		})]
+	});
+}
+Ne.displayName = "BooleanIndicator";
+//#endregion
+//#region src/components/ui/progress.tsx
+function Pe({ className: e, children: t, value: r, ...i }) {
+	return /* @__PURE__ */ M(V.Root, {
+		value: r,
+		"data-slot": "progress",
+		className: n("flex flex-wrap gap-3", e),
+		...i,
+		children: [t, /* @__PURE__ */ j(Fe, { children: /* @__PURE__ */ j(Ie, {}) })]
+	});
+}
+function Fe({ className: e, ...t }) {
+	return /* @__PURE__ */ j(V.Track, {
+		className: n("bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden", e),
+		"data-slot": "progress-track",
+		...t
+	});
+}
+function Ie({ className: e, ...t }) {
+	return /* @__PURE__ */ j(V.Indicator, {
+		"data-slot": "progress-indicator",
+		className: n("bg-primary h-full transition-all", e),
+		...t
+	});
+}
+function Le({ className: e, ...t }) {
+	return /* @__PURE__ */ j(V.Label, {
+		className: n("text-sm font-medium", e),
+		"data-slot": "progress-label",
+		...t
+	});
+}
+function Re({ className: e, ...t }) {
+	return /* @__PURE__ */ j(V.Value, {
+		className: n("text-muted-foreground ml-auto text-sm tabular-nums", e),
+		"data-slot": "progress-value",
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/display/qr-code.tsx
+var ze = /oklch\\(([.\\d-]+)\\s+([.\\d]+)\\s+([.\\d]+)\\)/;
+function Be(e, t) {
+	let n = e.match(ze);
+	return n ? {
+		l: Number.parseFloat(n[1]),
+		c: Number.parseFloat(n[2]),
+		h: Number.parseFloat(n[3])
+	} : {
+		l: t[0],
+		c: t[1],
+		h: t[2]
+	};
+}
+function Ve({ data: e, foreground: t, background: r, robustness: i = "M", className: a, ...o }) {
+	let [s, c] = O(null);
+	return T(() => {
+		(async () => {
+			try {
+				let n = String(e ?? "").trim();
+				if (!n) {
+					c(null);
+					return;
+				}
+				let a = getComputedStyle(document.documentElement), o = t ?? a.getPropertyValue("--foreground"), s = r ?? a.getPropertyValue("--background"), l = Be(o, [
+					.21,
+					.006,
+					285.885
+				]), u = Be(s, [
+					.985,
+					0,
+					0
+				]);
+				c(await se.toString(n, {
+					type: "svg",
+					color: {
+						dark: H(U({
+							mode: "oklch",
+							...l
+						})),
+						light: H(U({
+							mode: "oklch",
+							...u
+						}))
+					},
+					width: 200,
+					errorCorrectionLevel: i,
+					margin: 0
+				}));
+			} catch {
+				c("");
+			}
+		})();
+	}, [
+		e,
+		t,
+		r,
+		i
+	]), s ? /* @__PURE__ */ j("div", {
+		className: n("qr-code--component", "size-full", "[&_svg]:size-full", a),
+		dangerouslySetInnerHTML: { __html: s },
+		...o
+	}) : null;
+}
+Ve.displayName = "QRCode";
+//#endregion
+//#region src/components/ui/empty.tsx
+function He({ className: e, ...t }) {
+	return /* @__PURE__ */ j("div", {
+		"data-slot": "empty",
+		className: n("gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance", e),
+		...t
+	});
+}
+function Ue({ className: e, ...t }) {
+	return /* @__PURE__ */ j("div", {
+		"data-slot": "empty-header",
+		className: n("gap-2 flex max-w-sm flex-col items-center", e),
+		...t
+	});
+}
+var We = oe("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Ge({ className: e, variant: t = "default", ...r }) {
+	return /* @__PURE__ */ j("div", {
+		"data-slot": "empty-icon",
+		"data-variant": t,
+		className: n(We({
+			variant: t,
+			className: e
+		})),
+		...r
+	});
+}
+function Ke({ className: e, ...t }) {
+	return /* @__PURE__ */ j("div", {
+		"data-slot": "empty-content",
+		className: n("gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/display/empty-state/empty-state.strings.ts
+var qe = {
+	title: "Nothing here yet",
+	description: "Once data lands, it will show up in this view.",
+	ariaLabel: "Empty state"
+}, Je = {
+	compact: "py-6",
+	base: "py-12",
+	loose: "py-16"
+}, Ye = {
+	none: "default",
+	icon: "icon",
+	"icon-soft": "icon",
+	illustration: "default"
+}, Xe = {
+	none: void 0,
+	icon: void 0,
+	"icon-soft": "bg-muted/40 text-muted-foreground",
+	illustration: "mb-4"
+}, Ze = C(function({ title: t, description: r, media: o, mediaVariant: s = "none", renderMedia: c, actions: l, footer: u, padding: d = "base", border: f = !1, className: p, strings: m, ariaLabel: h }, g) {
+	let _ = e(qe, m), v = t ?? _.title, y = r === !1 ? null : r ?? _.description, b = c ? c({ mediaVariant: s }) : o, x = !!b;
+	return /* @__PURE__ */ M(He, {
+		ref: g,
+		role: "status",
+		"aria-label": h ?? _.ariaLabel,
+		className: n("empty-state--component", Je[d], f ? "border border-dashed" : "border-0", p),
+		children: [/* @__PURE__ */ M(Ue, { children: [
+			!!x && /* @__PURE__ */ j(Ge, {
+				variant: Ye[s],
+				className: Xe[s],
+				children: b
+			}),
+			/* @__PURE__ */ j(a, {
+				tag: "h3",
+				className: "border-0 pb-0 text-base",
+				"data-slot": "empty-title",
+				children: v
+			}),
+			!!y && /* @__PURE__ */ j(i, {
+				size: "xs",
+				type: "secondary",
+				className: "leading-relaxed [&>a]:text-primary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline",
+				"data-slot": "empty-description",
+				children: y
+			})
+		] }), (!!l || !!u) && /* @__PURE__ */ M(Ke, { children: [!!l && /* @__PURE__ */ j("div", {
+			className: "flex flex-wrap items-center justify-center gap-2",
+			children: l
+		}), !!u && /* @__PURE__ */ j("div", {
+			className: "text-xs text-muted-foreground",
+			children: u
+		})] })]
+	});
+});
+Ze.displayName = "EmptyState";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/document-stack.tsx
+function $({ className: e }) {
+	return /* @__PURE__ */ M("div", {
+		className: n("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ M("div", {
+			className: "bg-muted/70 dark:bg-muted/40 border-border/50 absolute left-1 top-1 flex h-20 w-20 -rotate-6 flex-col gap-1.5 rounded-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ j("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ j("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ j("div", { className: "bg-muted/60 h-1.5 w-9 rounded" })
+			]
+		}), /* @__PURE__ */ M("div", {
+			className: "bg-background border-border absolute right-1 top-2 flex h-20 w-20 rotate-3 flex-col gap-1.5 rounded-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ j("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ j("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ j("div", { className: "bg-muted/60 h-1.5 w-9 rounded" }),
+				/* @__PURE__ */ M("div", {
+					className: "mt-auto flex items-center gap-1",
+					children: [/* @__PURE__ */ j("div", { className: "bg-success size-1.5 rounded-full" }), /* @__PURE__ */ j("div", { className: "bg-muted/60 h-1.5 w-8 rounded" })]
+				})
+			]
+		})]
+	});
+}
+$.displayName = "DocumentStackIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/inbox-clean.tsx
+function Qe({ className: e }) {
+	return /* @__PURE__ */ M("div", {
+		className: n("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ j("div", {
+			className: "bg-success/12 border-success/30 absolute left-1/2 top-0 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border",
+			children: /* @__PURE__ */ j("svg", {
+				viewBox: "0 0 16 16",
+				className: "text-success size-3.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ j("path", { d: "M3 8l3 3 7-7" })
+			})
+		}), /* @__PURE__ */ M("div", {
+			className: "bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-lg border shadow-sm",
+			children: [/* @__PURE__ */ j("div", { className: "bg-muted/30 h-3 rounded-t-lg" }), /* @__PURE__ */ M("div", {
+				className: "flex flex-1 items-center justify-between px-3",
+				children: [/* @__PURE__ */ M("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ j("div", { className: "bg-muted/60 h-1.5 w-12 rounded" }), /* @__PURE__ */ j("div", { className: "bg-muted/40 h-1.5 w-8 rounded" })]
+				}), /* @__PURE__ */ j("div", { className: "bg-muted/40 size-3 rounded-full" })]
+			})]
+		})]
+	});
+}
+Qe.displayName = "InboxCleanIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/search-glass.tsx
+function $e({ className: e }) {
+	return /* @__PURE__ */ j("div", {
+		className: n("flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ j(re, { className: "size-8 text-muted-foreground" })
+	});
+}
+$e.displayName = "SearchGlassIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/stacked-cards.tsx
+function et({ className: e }) {
+	return /* @__PURE__ */ M("div", {
+		className: n("relative h-24 w-52", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ j("div", { className: "bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-lg border" }),
+			/* @__PURE__ */ j("div", { className: "bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-lg border" }),
+			/* @__PURE__ */ M("div", {
+				className: "bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-lg border px-4 shadow-sm",
+				children: [/* @__PURE__ */ j("div", { className: "bg-muted size-8 shrink-0 rounded" }), /* @__PURE__ */ M("div", {
+					className: "flex flex-1 flex-col gap-1.5",
+					children: [/* @__PURE__ */ j("div", { className: "bg-muted h-2.5 w-3/4 rounded" }), /* @__PURE__ */ j("div", { className: "bg-muted/60 h-2 w-1/2 rounded" })]
+				})]
+			}),
+			/* @__PURE__ */ j("div", { className: "from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b" })
+		]
+	});
+}
+et.displayName = "StackedCardsIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/users-circle.tsx
+function tt({ className: e }) {
+	return /* @__PURE__ */ M("div", {
+		className: n("relative flex h-24 w-32 items-center justify-center", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ j("div", { className: "bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2" }),
+			/* @__PURE__ */ j("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
+			/* @__PURE__ */ j("div", { className: "bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2" })
+		]
+	});
+}
+tt.displayName = "UsersCircleIllustration";
+//#endregion
+//#region src/components/base/display/fields/email-display.tsx
+var nt = { copySuccess: "Email copied to clipboard" };
+function rt({ email: r, copyable: a = !0, copySuccessMessage: o, emptyLabel: s = "—", clickable: c = !0, strings: l, size: u, type: d = "main", tag: f = "span", className: p, ...m }) {
+	let { defaultTextSize: g } = t(), _ = u ?? g ?? "sm", v = e(nt, {
+		...o ? { copySuccess: o } : {},
+		...l
+	});
+	if (!r || r.trim().length === 0) return /* @__PURE__ */ j(i, {
+		size: _,
+		type: "secondary",
+		tag: f,
+		className: n("email-display--component", p),
+		...m,
+		children: s
+	});
+	let y = /* @__PURE__ */ j(i, {
+		size: _,
+		type: d,
+		tag: "span",
+		className: n("font-medium", "decoration-dotted decoration-border underline underline-offset-4", "transition-colors duration-200", c ? "hover:decoration-current" : null, p),
+		children: r
+	});
+	if (a) {
+		let e = /* @__PURE__ */ j(h, {
+			value: r,
+			displayValue: y,
+			successMessage: v.copySuccess,
+			className: "-mx-0"
+		});
+		return c ? /* @__PURE__ */ j("a", {
+			href: `mailto:${r}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return c ? /* @__PURE__ */ j("a", {
+		href: `mailto:${r}`,
+		className: "inline-flex items-center no-underline",
+		children: y
+	}) : y;
+}
+rt.displayName = "EmailDisplay";
+//#endregion
+//#region src/components/base/display/fields/phone-display.tsx
+var it = { copySuccess: "Phone number copied to clipboard" };
+function at(e) {
+	return e.replace(/[\s().-]/g, "");
+}
+function ot({ phone: r, copyable: a = !0, copySuccessMessage: o, emptyLabel: s = "—", clickable: c = !0, strings: l, size: u, type: d = "main", tag: f = "span", className: p, ...m }) {
+	let { defaultTextSize: g } = t(), _ = u ?? g ?? "sm", v = e(it, {
+		...o ? { copySuccess: o } : {},
+		...l
+	});
+	if (!r || r.trim().length === 0) return /* @__PURE__ */ j(i, {
+		size: _,
+		type: "secondary",
+		tag: f,
+		className: n("phone-display--component", p),
+		...m,
+		children: s
+	});
+	let y = /* @__PURE__ */ j(i, {
+		size: _,
+		type: d,
+		tag: "span",
+		className: n("font-medium", "decoration-dotted decoration-border underline underline-offset-4", "transition-colors duration-200", c ? "hover:decoration-current" : null, p),
+		children: r
+	});
+	if (a) {
+		let e = /* @__PURE__ */ j(h, {
+			value: r,
+			displayValue: y,
+			successMessage: v.copySuccess,
+			className: "-mx-0"
+		});
+		return c ? /* @__PURE__ */ j("a", {
+			href: `tel:${at(r)}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return c ? /* @__PURE__ */ j("a", {
+		href: `tel:${at(r)}`,
+		className: "inline-flex items-center no-underline",
+		children: y
+	}) : y;
+}
+ot.displayName = "PhoneDisplay";
+//#endregion
+//#region src/components/base/display/fields/url-display.tsx
+var st = {
+	copySuccess: "URL copied to clipboard",
+	httpWarning: "This URL uses HTTP which is not secure"
+};
+function ct(e) {
+	try {
+		return new URL(e).protocol === "http:";
+	} catch {
+		return e.toLowerCase().startsWith("http://");
+	}
+}
+function lt(e, t, n) {
+	if (!t || e.length <= n) return e;
+	try {
+		let t = new URL(e), r = t.hostname, i = n - r.length - 5;
+		return i > 10 ? `${r}${t.pathname.slice(0, i)}...` : `${e.slice(0, n - 3)}...`;
+	} catch {
+		return `${e.slice(0, n - 3)}...`;
+	}
+}
+function ut({ url: r, copyable: a = !0, copySuccessMessage: o, emptyLabel: s = "—", clickable: d = !0, truncate: f = !1, maxLength: p = 50, showExternalIcon: m = !0, httpWarningMessage: g, strings: _, size: v, type: y = "main", tag: b = "span", className: x, ...S }) {
+	let { defaultTextSize: C } = t(), w = v ?? C ?? "sm", T = e(st, {
+		...o ? { copySuccess: o } : {},
+		...g ? { httpWarning: g } : {},
+		..._
+	});
+	if (!r || r.trim().length === 0) return /* @__PURE__ */ j(i, {
+		size: w,
+		type: "secondary",
+		tag: b,
+		className: n("url-display--component", x),
+		...S,
+		children: s
+	});
+	let E = ct(r), D = lt(r, f, p), O = f && r.length > p, k = /* @__PURE__ */ M(i, {
+		size: w,
+		type: y,
+		tag: "span",
+		className: "inline-flex items-center gap-1.5",
+		children: [
+			!!E && /* @__PURE__ */ M(u, { children: [/* @__PURE__ */ j(c, { render: (e) => {
+				let { type: t, disabled: r, className: i, ...a } = e;
+				return /* @__PURE__ */ j("span", {
+					...a,
+					tabIndex: 0,
+					role: "img",
+					"aria-label": T.httpWarning,
+					className: n("inline-flex items-center text-warning", i),
+					children: /* @__PURE__ */ j(R, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					})
+				});
+			} }), /* @__PURE__ */ j(l, {
+				side: "top",
+				className: "max-w-xs",
+				children: /* @__PURE__ */ j(i, {
+					size: "xs",
+					children: T.httpWarning
+				})
+			})] }),
+			/* @__PURE__ */ j("span", {
+				className: n("decoration-dotted underline underline-offset-4", "transition-colors duration-200", E ? "decoration-warning" : "decoration-border", d ? "hover:decoration-current" : null),
+				title: O && r || void 0,
+				children: D
+			}),
+			!!d && !!m && /* @__PURE__ */ j(ee, { className: "size-3 text-muted-foreground" })
+		]
+	});
+	if (a) {
+		let e = /* @__PURE__ */ j(h, {
+			value: r,
+			displayValue: k,
+			successMessage: T.copySuccess,
+			className: n("-mx-0", x)
+		});
+		return d ? /* @__PURE__ */ j("a", {
+			href: r,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return d ? /* @__PURE__ */ j("a", {
+		href: r,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "inline-flex items-center no-underline",
+		children: k
+	}) : k;
+}
+ut.displayName = "UrlDisplay";
+//#endregion
+//#region src/components/base/display/inline-stat/inline-stat.tsx
+function dt({ label: e, value: t, layout: r = "between", mono: a = !1, className: o, labelClassName: s, valueClassName: c }) {
+	return r === "stacked" ? /* @__PURE__ */ M("div", {
+		className: n("inline-stat--component", "flex flex-col gap-0.5", o),
+		children: [/* @__PURE__ */ j(i, {
+			tag: "span",
+			size: "xxs",
+			type: "secondary",
+			className: s,
+			children: e
+		}), /* @__PURE__ */ j(i, {
+			tag: "span",
+			className: n(a && "tabular-nums", c),
+			children: t
+		})]
+	}) : /* @__PURE__ */ M("div", {
+		className: n("flex items-center gap-2", r === "between" ? "justify-between" : "justify-start", o),
+		children: [/* @__PURE__ */ j(i, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: s,
+			children: e
+		}), /* @__PURE__ */ j(i, {
+			tag: "span",
+			className: n(a && "tabular-nums", c),
+			children: t
+		})]
+	});
+}
+dt.displayName = "InlineStat";
+//#endregion
+//#region src/components/base/display/numeric-value/numeric-value.tsx
+var ft = "—", pt = (e, t, n) => {
+	if (e == null || e === "") return null;
+	if (typeof e == "string") return e;
+	if (Number.isNaN(e)) return null;
+	try {
+		return new Intl.NumberFormat(t, n).format(e);
+	} catch {
+		return String(e);
+	}
+};
+function mt({ value: e, align: r = "right", locale: a, formatOptions: o, emptyLabel: s = ft, size: c, weight: l, type: u, className: d, ...f }) {
+	let { defaultTextSize: p } = t(), m = c ?? p ?? "sm", h = pt(e, a, o), g = r === "right" ? "text-right" : r === "center" ? "text-center" : "text-left";
+	return h === null ? /* @__PURE__ */ j(i, {
+		size: m,
+		weight: l,
+		type: u ?? "secondary",
+		className: n("numeric-value--component", "tabular-nums", g, d),
+		...f,
+		children: s
+	}) : /* @__PURE__ */ j(i, {
+		size: m,
+		weight: l,
+		type: u,
+		className: n("tabular-nums", g, d),
+		...f,
+		children: h
+	});
+}
+mt.displayName = "NumericValue";
+//#endregion
+//#region src/components/base/display/user-cell/user-cell.tsx
+var ht = {
+	sm: {
+		avatar: "size-7",
+		gap: "gap-2",
+		nameSize: "sm",
+		subtitleSize: "xs"
+	},
+	base: {
+		avatar: "size-9",
+		gap: "gap-3",
+		nameSize: "sm",
+		subtitleSize: "xs"
+	},
+	lg: {
+		avatar: "size-11",
+		gap: "gap-3",
+		nameSize: "base",
+		subtitleSize: "sm"
+	}
+};
+function gt({ name: e, subtitle: t, avatarUrl: r, avatarAlt: a, initials: o, avatar: s, trailing: c, size: l = "base", className: u }) {
+	let d = ht[l], f = s ?? /* @__PURE__ */ M(b, {
+		className: d.avatar,
+		children: [!!r && /* @__PURE__ */ j(v, {
+			src: r,
+			alt: a ?? (typeof e == "string" ? e : void 0)
+		}), !!o && /* @__PURE__ */ j(y, { children: o })]
+	});
+	return /* @__PURE__ */ M("div", {
+		className: n("user-cell--component", "flex items-center", d.gap, u),
+		children: [
+			f,
+			/* @__PURE__ */ M("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ j(i, {
+					size: d.nameSize,
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!t && /* @__PURE__ */ j(i, {
+					size: d.subtitleSize,
+					type: "secondary",
+					className: "truncate",
+					children: t
+				})]
+			}),
+			!!c && /* @__PURE__ */ j("div", {
+				className: "shrink-0",
+				children: c
+			})
+		]
+	});
+}
+gt.displayName = "UserCell";
+//#endregion
+//#region src/components/base/display/section-header/section-header.tsx
+function _t({ title: e, description: t, badge: r, action: a, dense: o = !1, className: s }) {
+	return /* @__PURE__ */ M("div", {
+		className: n("section-header--component", "flex items-start justify-between", o ? "gap-2" : "gap-3", s),
+		children: [/* @__PURE__ */ M("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ M("div", {
+				className: n("flex items-center", o ? "gap-1.5" : "gap-2"),
+				children: [/* @__PURE__ */ j(i, {
+					size: o ? "xs" : "sm",
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!r && /* @__PURE__ */ j("span", {
+					className: "shrink-0",
+					children: r
+				})]
+			}), !!t && /* @__PURE__ */ j(i, {
+				size: o ? "xxs" : "xs",
+				type: "secondary",
+				className: o ? "mt-0.5" : "mt-1",
+				children: t
+			})]
+		}), !!a && /* @__PURE__ */ j("div", {
+			className: "shrink-0",
+			children: a
+		})]
+	});
+}
+_t.displayName = "SectionHeader";
+//#endregion
+export { Se as A, Ee as C, we as D, be as E, J as F, q as I, K as L, ge as M, Z as N, Te as O, X as P, G as R, je as S, De as T, Ie as _, ut as a, Re as b, tt as c, Qe as d, $ as f, Pe as g, Ve as h, dt as i, Ce as j, xe as k, et as l, qe as m, gt as n, ot as o, Ze as p, mt as r, rt as s, _t as t, $e as u, Le as v, Oe as w, Ne as x, Fe as y, W as z };
+
+//# sourceMappingURL=display-Cuj4td-V.js.map