admin-ui-starter-kit 0.1.0

package/dist/_shared/display-DUpkE2aS.js

@@ -0,0 +1,1462 @@
+import { useStrings as e } from "../lib/strings.js";
+import { m as t } from "./ui-provider-4qKSKMPd.js";
+import { cn as n } from "../lib/utils.js";
+import { n as r, t as i } from "./text-DIxMTECE.js";
+import { o as a } from "./typography-BtPQBvSm.js";
+import { t as o } from "./badge-BbUN6W7E.js";
+import { t as s } from "./button-Ck2qS42n.js";
+import { t as c } from "./slot-CrS_VEVl.js";
+import { i as l, n as u, t as d } from "./tooltip-CEqxHWxQ.js";
+import { r as f, t as p } from "./alert-BKUmOI2e.js";
+import { t as m } from "./copyable-JgsTp6ev.js";
+import { t as h } from "./separator-BazqiQ9s.js";
+import { n as g, r as _ } from "./form-field-rOj3cm6C.js";
+import { a as v, i as y, o as b, r as x, t as S } from "./avatar-CNzG6jSZ.js";
+import * as C from "react";
+import w, { forwardRef as T, useCallback as E, useEffect as D, useId as O, useMemo as k, useState as A } from "react";
+import { format as j } from "date-fns";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { AlertTriangle as F, BadgeCheck as I, CheckCircle2 as L, CircleAlert as ee, Clock as te, ExternalLink as ne, Info as R, RotateCcw as re, Search as ie, ShieldAlert as ae, X as oe, XCircle as se } from "lucide-react";
+import { cva as ce } 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 le from "qrcode";
+//#region src/components/base/display/notification-banner.tsx
+var ue = {
+	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"
+	}
+}, de = {
+	info: R,
+	success: I,
+	error: ee,
+	warning: F
+};
+function fe({ html: e }) {
+	return w.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 = ue[e], p = de[e], m = w.useMemo(() => r(o ?? (typeof c == "string" ? c : "")), [c, o]), h = !!a;
+	return /* @__PURE__ */ P("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__ */ N("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__ */ N(p, { className: "size-4" })
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "min-w-0 flex-1",
+				children: [h && /* @__PURE__ */ N(i, {
+					tag: "div",
+					weight: "semibold",
+					className: "leading-snug text-foreground",
+					children: a
+				}), /* @__PURE__ */ P(i, {
+					tag: "div",
+					type: h ? "secondary" : "main",
+					className: n("break-words leading-snug", h && "mt-0.5"),
+					children: [!!l && /* @__PURE__ */ N(fe, { html: m }), !l && (o ?? c)]
+				})]
+			}),
+			!!t && /* @__PURE__ */ N("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__ */ N(oe, { className: "size-4" })
+			})
+		]
+	});
+}
+W.displayName = "NotificationBanner";
+//#endregion
+//#region src/components/base/display/placeholder-pattern.tsx
+function G({ className: e }) {
+	let t = O();
+	return /* @__PURE__ */ P("svg", {
+		className: n("placeholder-pattern--component", e),
+		fill: "none",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ N("defs", { children: /* @__PURE__ */ N("pattern", {
+			id: t,
+			x: "0",
+			y: "0",
+			width: "10",
+			height: "10",
+			patternUnits: "userSpaceOnUse",
+			children: /* @__PURE__ */ N("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__ */ N("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 pe = {
+	maxAttempts: "Max attempts",
+	tryAgainIn: "Try again in"
+};
+function q({ message: t, attempts: r, remaining: a, className: o, strings: s }) {
+	let c = e(pe, s);
+	return /* @__PURE__ */ P("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__ */ N("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__ */ N(ae, { className: "size-4" })
+		}), /* @__PURE__ */ P("div", {
+			className: "min-w-0 flex-1 space-y-1.5",
+			children: [/* @__PURE__ */ N(i, {
+				weight: "medium",
+				className: "text-destructive leading-snug",
+				children: t
+			}), /* @__PURE__ */ P("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-destructive/80",
+				children: [/* @__PURE__ */ P("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ N(re, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ N("span", { children: c.maxAttempts }),
+						/* @__PURE__ */ N("span", {
+							className: "font-semibold tabular-nums text-destructive",
+							children: r
+						})
+					]
+				}), /* @__PURE__ */ P("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ N(te, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ N("span", { children: c.tryAgainIn }),
+						/* @__PURE__ */ N("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__ */ N("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 me(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 he(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__ */ P(y, {
+		className: n("stacked-avatars--component", a),
+		children: [l.map((e, t) => {
+			let i = me(e.name), a = he(e.id ?? e.name ?? t, e.tone);
+			return /* @__PURE__ */ P(S, {
+				size: r,
+				className: n("ring-background", c),
+				title: e.name,
+				children: [e.imageUrl ? /* @__PURE__ */ N(b, {
+					src: e.imageUrl,
+					alt: e.name
+				}) : null, /* @__PURE__ */ N(x, {
+					className: n("bg-gradient-to-br text-white", a),
+					children: i
+				})]
+			}, e.id ?? `${e.name}-${t}`);
+		}), !!o && u > 0 && /* @__PURE__ */ N(v, { children: /* @__PURE__ */ N(i, {
+			size: "xs",
+			weight: "semibold",
+			children: s ? s(u) : `+${u}`
+		}) })]
+	});
+}
+X.displayName = "StackedAvatars";
+//#endregion
+//#region src/components/base/display/date-block.tsx
+var ge = { separator: "·" }, _e = {
+	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 ve(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function ye({ 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 = ve(t), _ = e(ge, h), v = _e[c], y = !Number.isNaN(g.getTime()), b = y ? j(g, f, a ? { locale: a } : void 0) : "", x = y ? j(g, d, a ? { locale: a } : void 0) : "", S = y ? j(g, p, a ? { locale: a } : void 0) : "", C = s ?? (o === "inline" ? "inline" : "below"), w = l ?? o === "stacked";
+	return o === "inline" ? /* @__PURE__ */ P("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__ */ N(i, {
+				size: "xs",
+				weight: "semibold",
+				className: n(v.accent, "uppercase tracking-wide"),
+				children: b
+			}),
+			/* @__PURE__ */ N(i, {
+				weight: "semibold",
+				children: x
+			}),
+			!!u && /* @__PURE__ */ N(i, {
+				size: "xs",
+				type: "secondary",
+				className: "uppercase tracking-wide",
+				children: S
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(i, {
+				size: "xs",
+				type: "discrete",
+				"aria-hidden": !0,
+				children: _.separator
+			}), /* @__PURE__ */ N(i, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			})] })
+		]
+	}) : /* @__PURE__ */ P("div", {
+		className: n("inline-flex flex-col items-center gap-0.5", m),
+		children: [
+			/* @__PURE__ */ P("div", {
+				className: n("flex flex-col items-center justify-center leading-none tabular-nums", w && n("rounded-md border px-2.5 py-1.5 min-w-[3rem]", v.bg, v.border)),
+				children: [
+					/* @__PURE__ */ N(i, {
+						size: "xxs",
+						weight: "semibold",
+						className: n(v.accent, "uppercase tracking-wider"),
+						children: b
+					}),
+					/* @__PURE__ */ N(i, {
+						size: "lg",
+						weight: "semibold",
+						className: n(v.text, "leading-none"),
+						children: x
+					}),
+					!!u && /* @__PURE__ */ N(i, {
+						size: "xxs",
+						type: "secondary",
+						className: "uppercase tracking-wider",
+						children: S
+					})
+				]
+			}),
+			!!r && C === "below" && /* @__PURE__ */ N(i, {
+				size: "xxs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ N(i, {
+				size: "xxs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			})
+		]
+	});
+}
+ye.displayName = "DateBlock";
+//#endregion
+//#region src/components/ui/chart.tsx
+var be = {
+	light: "",
+	dark: ".dark"
+}, xe = C.createContext(null);
+function Se() {
+	let e = C.useContext(xe);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+function Ce({ id: e, className: t, children: r, config: i, ...a }) {
+	let o = C.useId(), s = `chart-${e || o.replace(/:/g, "")}`;
+	return /* @__PURE__ */ N(xe.Provider, {
+		value: { config: i },
+		children: /* @__PURE__ */ P("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__ */ N(we, {
+				id: s,
+				config: i
+			}), /* @__PURE__ */ N(z.ResponsiveContainer, { children: r })]
+		})
+	});
+}
+var we = ({ id: e, config: t }) => {
+	let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
+	return n.length ? /* @__PURE__ */ N("style", { dangerouslySetInnerHTML: { __html: Object.entries(be).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;
+}, Te = z.Tooltip;
+function Ee({ 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 } = Se(), h = C.useMemo(() => {
+		if (a || !t?.length) return null;
+		let [e] = t, r = Z(m, e, `${p || e?.dataKey || e?.name || "value"}`), i = !p && typeof s == "string" ? m[s]?.label || s : r?.label;
+		return c ? /* @__PURE__ */ N("div", {
+			className: n("font-medium", l),
+			children: c(i, t)
+		}) : i ? /* @__PURE__ */ N("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__ */ P("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__ */ N("div", {
+			className: "grid gap-1.5",
+			children: t.filter((e) => e.type !== "none").map((e, t) => {
+				let r = Z(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__ */ P("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__ */ N("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__ */ P(M, { children: [/* @__PURE__ */ N("span", {
+						className: "text-muted-foreground",
+						children: r?.label ?? e.name
+					}), e.value !== void 0 && /* @__PURE__ */ N("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 De = z.Legend;
+function Oe({ className: e, hideIcon: t = !1, payload: r, verticalAlign: i = "bottom", nameKey: a }) {
+	let { config: o } = Se();
+	return r?.length ? /* @__PURE__ */ N("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 = Z(o, e, r);
+			return /* @__PURE__ */ P("div", {
+				className: n("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [i?.icon && !t ? /* @__PURE__ */ N(i.icon, {}) : /* @__PURE__ */ N("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 Z(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 ke({ ...e }) {
+	return /* @__PURE__ */ N(B.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function Ae({ asChild: e = !1, nativeButton: t, render: n, children: r, ...i }) {
+	let a = e ? /* @__PURE__ */ N(c, {}) : void 0, o = typeof n == "function" ? ((e, t) => {
+		let { nativeButton: r, ...i } = e;
+		return n(i, t);
+	}) : n, s = !0;
+	e && C.isValidElement(r) && (s = typeof r.type == "string" ? r.type === "button" : !("href" in (r.props ?? {})));
+	let l = t ?? (e ? s : !0);
+	return /* @__PURE__ */ N(B.Trigger, {
+		"data-slot": "collapsible-trigger",
+		render: a ?? o,
+		nativeButton: l,
+		...i,
+		children: r
+	});
+}
+function je({ ...e }) {
+	return /* @__PURE__ */ N(B.Panel, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+//#region src/components/base/display/money-input.tsx
+var Me = "—", Ne = (e) => typeof e == "string" ? e.trim() : "";
+function Pe({ money: e, currency: t = "EUR", onChangeData: r, recordCurrency: a, label: o, hint: s, helperText: c, error: l, required: u, invalid: d, showMigrationWarning: m = !0, migrationWarningMessage: h, showOriginalHint: v = !0, className: y, onChange: b, onCurrencyChange: x, ...S }) {
+	let C = a ?? e?.recordCurrency ?? void 0, w = k(() => C !== void 0 && C !== t, [C, t]), T = k(() => v ? Ne(e?.pair?.formatted) : "", [v, e?.pair?.formatted]), D = T.length > 0 && !l, O = w && m, A = E((e) => {
+		b?.(e);
+		let n = Number.parseFloat(e.target.value);
+		r?.({
+			amount: Number.isFinite(n) ? n : 0,
+			currency: t
+		});
+	}, [
+		b,
+		r,
+		t
+	]), j = E((e) => {
+		x?.(e);
+		let t = Number.parseFloat(String(S.value ?? ""));
+		r?.({
+			amount: Number.isFinite(t) ? t : 0,
+			currency: e
+		});
+	}, [
+		x,
+		r,
+		S.value
+	]), M = d ?? !!l, I = /* @__PURE__ */ N(_, {
+		...S,
+		currency: t,
+		onChange: A,
+		onCurrencyChange: j,
+		invalid: M
+	}), L = o || s || c || l || u ? /* @__PURE__ */ N(g, {
+		label: o,
+		hint: s,
+		helperText: c,
+		error: l,
+		required: u,
+		children: I
+	}) : I;
+	return /* @__PURE__ */ P("div", {
+		className: n("money-input--component", "space-y-2", y),
+		children: [
+			L,
+			!!D && /* @__PURE__ */ P("div", {
+				className: "flex items-center gap-1.5 text-muted-foreground",
+				children: [/* @__PURE__ */ N(R, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ N(i, {
+					size: "xs",
+					type: "secondary",
+					children: T || Me
+				})]
+			}),
+			!!O && /* @__PURE__ */ P(p, {
+				className: "border-warning/50 bg-warning/5 py-2",
+				children: [/* @__PURE__ */ N(F, { className: "h-4 w-4 text-warning" }), /* @__PURE__ */ N(f, {
+					className: "text-warning-foreground text-xs",
+					children: h ?? `Currency will be converted from ${C ?? ""} to ${t}.`
+				})]
+			})
+		]
+	});
+}
+Pe.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+var Fe = {
+	true: "Yes",
+	false: "No"
+};
+function Ie({ 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(Fe, p), h = !!r, g = h ? L : se, _ = h ? l : u, v = (h ? a : s) ?? (h ? m.true : m.false);
+	return /* @__PURE__ */ P("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__ */ N(i, {
+			size: "xs",
+			type: "secondary",
+			className: "uppercase tracking-wide",
+			children: t
+		}), /* @__PURE__ */ P(o, {
+			variant: _,
+			size: "sm",
+			className: n("whitespace-nowrap", f),
+			children: [!!c && /* @__PURE__ */ N(g, { className: "h-3.5 w-3.5" }), v]
+		})]
+	});
+}
+Ie.displayName = "BooleanIndicator";
+//#endregion
+//#region src/components/ui/progress.tsx
+function Le({ className: e, children: t, value: r, ...i }) {
+	return /* @__PURE__ */ P(V.Root, {
+		value: r,
+		"data-slot": "progress",
+		className: n("flex flex-wrap gap-3", e),
+		...i,
+		children: [t, /* @__PURE__ */ N(Re, { children: /* @__PURE__ */ N(ze, {}) })]
+	});
+}
+function Re({ className: e, ...t }) {
+	return /* @__PURE__ */ N(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 ze({ className: e, ...t }) {
+	return /* @__PURE__ */ N(V.Indicator, {
+		"data-slot": "progress-indicator",
+		className: n("bg-primary h-full transition-all", e),
+		...t
+	});
+}
+function Be({ className: e, ...t }) {
+	return /* @__PURE__ */ N(V.Label, {
+		className: n("text-sm font-medium", e),
+		"data-slot": "progress-label",
+		...t
+	});
+}
+function Ve({ className: e, ...t }) {
+	return /* @__PURE__ */ N(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 He = /oklch\\(([.\\d-]+)\\s+([.\\d]+)\\s+([.\\d]+)\\)/;
+function Ue(e, t) {
+	let n = e.match(He);
+	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 We({ data: e, foreground: t, background: r, robustness: i = "M", className: a, ...o }) {
+	let [s, c] = A(null);
+	return D(() => {
+		(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 = Ue(o, [
+					.21,
+					.006,
+					285.885
+				]), u = Ue(s, [
+					.985,
+					0,
+					0
+				]);
+				c(await le.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__ */ N("div", {
+		className: n("qr-code--component", "size-full", "[&_svg]:size-full", a),
+		dangerouslySetInnerHTML: { __html: s },
+		...o
+	}) : null;
+}
+We.displayName = "QRCode";
+//#endregion
+//#region src/components/ui/empty.tsx
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ N("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 Ke({ className: e, ...t }) {
+	return /* @__PURE__ */ N("div", {
+		"data-slot": "empty-header",
+		className: n("gap-2 flex max-w-sm flex-col items-center", e),
+		...t
+	});
+}
+var qe = ce("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 Je({ className: e, variant: t = "default", ...r }) {
+	return /* @__PURE__ */ N("div", {
+		"data-slot": "empty-icon",
+		"data-variant": t,
+		className: n(qe({
+			variant: t,
+			className: e
+		})),
+		...r
+	});
+}
+function Ye({ className: e, ...t }) {
+	return /* @__PURE__ */ N("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 Xe = {
+	title: "Nothing here yet",
+	description: "Once data lands, it will show up in this view.",
+	ariaLabel: "Empty state"
+}, Ze = {
+	compact: "py-6",
+	base: "py-12",
+	loose: "py-16"
+}, Qe = {
+	none: "default",
+	icon: "icon",
+	"icon-soft": "icon",
+	illustration: "default"
+}, $e = {
+	none: void 0,
+	icon: void 0,
+	"icon-soft": "bg-muted/40 text-muted-foreground",
+	illustration: "mb-4"
+}, et = T(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(Xe, m), v = t ?? _.title, y = r === !1 ? null : r ?? _.description, b = c ? c({ mediaVariant: s }) : o, x = !!b;
+	return /* @__PURE__ */ P(Ge, {
+		ref: g,
+		role: "status",
+		"aria-label": h ?? _.ariaLabel,
+		className: n("empty-state--component", Ze[d], f ? "border border-dashed" : "border-0", p),
+		children: [/* @__PURE__ */ P(Ke, { children: [
+			!!x && /* @__PURE__ */ N(Je, {
+				variant: Qe[s],
+				className: $e[s],
+				children: b
+			}),
+			/* @__PURE__ */ N(a, {
+				tag: "h3",
+				className: "border-0 pb-0 text-base",
+				"data-slot": "empty-title",
+				children: v
+			}),
+			!!y && /* @__PURE__ */ N(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__ */ P(Ye, { children: [!!l && /* @__PURE__ */ N("div", {
+			className: "flex flex-wrap items-center justify-center gap-2",
+			children: l
+		}), !!u && /* @__PURE__ */ N("div", {
+			className: "text-xs text-muted-foreground",
+			children: u
+		})] })]
+	});
+});
+et.displayName = "EmptyState";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/document-stack.tsx
+function tt({ className: e }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ P("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__ */ N("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ N("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ N("div", { className: "bg-muted/60 h-1.5 w-9 rounded" })
+			]
+		}), /* @__PURE__ */ P("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__ */ N("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ N("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ N("div", { className: "bg-muted/60 h-1.5 w-9 rounded" }),
+				/* @__PURE__ */ P("div", {
+					className: "mt-auto flex items-center gap-1",
+					children: [/* @__PURE__ */ N("div", { className: "bg-success size-1.5 rounded-full" }), /* @__PURE__ */ N("div", { className: "bg-muted/60 h-1.5 w-8 rounded" })]
+				})
+			]
+		})]
+	});
+}
+tt.displayName = "DocumentStackIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/inbox-clean.tsx
+function nt({ className: e }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ N("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__ */ N("svg", {
+				viewBox: "0 0 16 16",
+				className: "text-success size-3.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ N("path", { d: "M3 8l3 3 7-7" })
+			})
+		}), /* @__PURE__ */ P("div", {
+			className: "bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-lg border shadow-sm",
+			children: [/* @__PURE__ */ N("div", { className: "bg-muted/30 h-3 rounded-t-lg" }), /* @__PURE__ */ P("div", {
+				className: "flex flex-1 items-center justify-between px-3",
+				children: [/* @__PURE__ */ P("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ N("div", { className: "bg-muted/60 h-1.5 w-12 rounded" }), /* @__PURE__ */ N("div", { className: "bg-muted/40 h-1.5 w-8 rounded" })]
+				}), /* @__PURE__ */ N("div", { className: "bg-muted/40 size-3 rounded-full" })]
+			})]
+		})]
+	});
+}
+nt.displayName = "InboxCleanIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/search-glass.tsx
+function rt({ className: e }) {
+	return /* @__PURE__ */ N("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__ */ N(ie, { className: "size-8 text-muted-foreground" })
+	});
+}
+rt.displayName = "SearchGlassIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/stacked-cards.tsx
+function it({ className: e }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("relative h-24 w-52", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ N("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__ */ N("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__ */ P("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__ */ N("div", { className: "bg-muted size-8 shrink-0 rounded" }), /* @__PURE__ */ P("div", {
+					className: "flex flex-1 flex-col gap-1.5",
+					children: [/* @__PURE__ */ N("div", { className: "bg-muted h-2.5 w-3/4 rounded" }), /* @__PURE__ */ N("div", { className: "bg-muted/60 h-2 w-1/2 rounded" })]
+				})]
+			}),
+			/* @__PURE__ */ N("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" })
+		]
+	});
+}
+it.displayName = "StackedCardsIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/users-circle.tsx
+function at({ className: e }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("relative flex h-24 w-32 items-center justify-center", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ N("div", { className: "bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2" }),
+			/* @__PURE__ */ N("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
+			/* @__PURE__ */ N("div", { className: "bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2" })
+		]
+	});
+}
+at.displayName = "UsersCircleIllustration";
+//#endregion
+//#region src/components/base/display/fields/email-display.tsx
+var ot = { copySuccess: "Email copied to clipboard" };
+function st({ email: r, copyable: a = !0, copySuccessMessage: o, emptyLabel: s = "—", clickable: c = !0, strings: l, size: u, type: d = "main", tag: f = "span", className: p, ...h }) {
+	let { defaultTextSize: g } = t(), _ = u ?? g ?? "sm", v = e(ot, {
+		...o ? { copySuccess: o } : {},
+		...l
+	});
+	if (!r || r.trim().length === 0) return /* @__PURE__ */ N(i, {
+		size: _,
+		type: "secondary",
+		tag: f,
+		className: n("email-display--component", p),
+		...h,
+		children: s
+	});
+	let y = /* @__PURE__ */ N(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__ */ N(m, {
+			value: r,
+			displayValue: y,
+			successMessage: v.copySuccess,
+			className: "-mx-0"
+		});
+		return c ? /* @__PURE__ */ N("a", {
+			href: `mailto:${r}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return c ? /* @__PURE__ */ N("a", {
+		href: `mailto:${r}`,
+		className: "inline-flex items-center no-underline",
+		children: y
+	}) : y;
+}
+st.displayName = "EmailDisplay";
+//#endregion
+//#region src/components/base/display/fields/phone-display.tsx
+var ct = { copySuccess: "Phone number copied to clipboard" };
+function lt(e) {
+	return e.replace(/[\s().-]/g, "");
+}
+function ut({ phone: r, copyable: a = !0, copySuccessMessage: o, emptyLabel: s = "—", clickable: c = !0, strings: l, size: u, type: d = "main", tag: f = "span", className: p, ...h }) {
+	let { defaultTextSize: g } = t(), _ = u ?? g ?? "sm", v = e(ct, {
+		...o ? { copySuccess: o } : {},
+		...l
+	});
+	if (!r || r.trim().length === 0) return /* @__PURE__ */ N(i, {
+		size: _,
+		type: "secondary",
+		tag: f,
+		className: n("phone-display--component", p),
+		...h,
+		children: s
+	});
+	let y = /* @__PURE__ */ N(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__ */ N(m, {
+			value: r,
+			displayValue: y,
+			successMessage: v.copySuccess,
+			className: "-mx-0"
+		});
+		return c ? /* @__PURE__ */ N("a", {
+			href: `tel:${lt(r)}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return c ? /* @__PURE__ */ N("a", {
+		href: `tel:${lt(r)}`,
+		className: "inline-flex items-center no-underline",
+		children: y
+	}) : y;
+}
+ut.displayName = "PhoneDisplay";
+//#endregion
+//#region src/components/base/display/fields/url-display.tsx
+var dt = {
+	copySuccess: "URL copied to clipboard",
+	httpWarning: "This URL uses HTTP which is not secure"
+};
+function ft(e) {
+	try {
+		return new URL(e).protocol === "http:";
+	} catch {
+		return e.toLowerCase().startsWith("http://");
+	}
+}
+function pt(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 Q({ url: r, copyable: a = !0, copySuccessMessage: o, emptyLabel: s = "—", clickable: c = !0, truncate: f = !1, maxLength: p = 50, showExternalIcon: h = !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(dt, {
+		...o ? { copySuccess: o } : {},
+		...g ? { httpWarning: g } : {},
+		..._
+	});
+	if (!r || r.trim().length === 0) return /* @__PURE__ */ N(i, {
+		size: w,
+		type: "secondary",
+		tag: b,
+		className: n("url-display--component", x),
+		...S,
+		children: s
+	});
+	let E = ft(r), D = pt(r, f, p), O = f && r.length > p, k = /* @__PURE__ */ P(i, {
+		size: w,
+		type: y,
+		tag: "span",
+		className: "inline-flex items-center gap-1.5",
+		children: [
+			!!E && /* @__PURE__ */ P(d, { children: [/* @__PURE__ */ N(l, { render: (e) => {
+				let { type: t, disabled: r, className: i, ...a } = e;
+				return /* @__PURE__ */ N("span", {
+					...a,
+					tabIndex: 0,
+					role: "img",
+					"aria-label": T.httpWarning,
+					className: n("inline-flex items-center text-warning", i),
+					children: /* @__PURE__ */ N(ae, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					})
+				});
+			} }), /* @__PURE__ */ N(u, {
+				side: "top",
+				className: "max-w-xs",
+				children: /* @__PURE__ */ N(i, {
+					size: "xs",
+					children: T.httpWarning
+				})
+			})] }),
+			/* @__PURE__ */ N("span", {
+				className: n("decoration-dotted underline underline-offset-4", "transition-colors duration-200", E ? "decoration-warning" : "decoration-border", c ? "hover:decoration-current" : null),
+				title: O && r || void 0,
+				children: D
+			}),
+			!!c && !!h && /* @__PURE__ */ N(ne, { className: "size-3 text-muted-foreground" })
+		]
+	});
+	if (a) {
+		let e = /* @__PURE__ */ N(m, {
+			value: r,
+			displayValue: k,
+			successMessage: T.copySuccess,
+			className: n("-mx-0", x)
+		});
+		return c ? /* @__PURE__ */ N("a", {
+			href: r,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return c ? /* @__PURE__ */ N("a", {
+		href: r,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "inline-flex items-center no-underline",
+		children: k
+	}) : k;
+}
+Q.displayName = "UrlDisplay";
+//#endregion
+//#region src/components/base/display/metadata/metadata-list.strings.ts
+var mt = {
+	formatInfoAriaLabel: (e) => `${e} info`,
+	infoFallback: "Info"
+}, ht = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+	4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+}, gt = {
+	start: "justify-start",
+	end: "justify-end",
+	center: "justify-center",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, _t = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	baseline: "items-baseline"
+}, $ = (e, t) => e.id ? e.id : `metadata-${typeof e.label == "string" ? e.label : `${t}`}-${t}`;
+function vt({ items: t, columns: r = 2, dense: o = !1, emptyLabel: c = "—", title: f, titleSeparator: p = !1, className: m, gapClassName: g, labelClassName: _, valueClassName: v, descriptionClassName: y, layout: b = "vertical", justify: x = "start", align: S = "center", separator: C = ": ", itemSeparator: T = !1, wrap: E = !0, strings: D }) {
+	let O = e(mt, D), k = w.useMemo(() => t.filter(Boolean), [t]);
+	if (w.useEffect(() => {}, [b, k]), k.length === 0) return null;
+	let A = ht[r] ?? ht[2], j = g ?? (o ? "gap-4" : "gap-6"), M = o ? "text-xxs" : "text-xs", F = "text-sm", I = f != null, L = I && p;
+	if (b === "horizontal") {
+		let e = gt[x] ?? gt.start, t = _t[S] ?? _t.center, r = typeof T == "string" ? T : T ? " | " : "", p = o ? "gap-2" : "gap-3", g = E ? "flex-wrap" : "flex-nowrap";
+		return /* @__PURE__ */ P("div", {
+			className: n("metadata-list--component", "metadata-list-container space-y-3", m),
+			children: [
+				!!I && /* @__PURE__ */ N(a, {
+					tag: "h6",
+					className: "font-medium text-muted-foreground uppercase tracking-wide",
+					children: f
+				}),
+				!!L && /* @__PURE__ */ N(h, { className: "my-3" }),
+				/* @__PURE__ */ N("div", {
+					className: n("flex", g, e, t, p),
+					children: k.map((e, t) => {
+						let a = $(e, t), f = e.emptyLabel ?? c, p = e.value ?? f, m = e.icon, h = e.tooltip !== null && e.tooltip !== void 0, g = typeof e.render == "function", y = r && t < k.length - 1;
+						return /* @__PURE__ */ P(w.Fragment, { children: [/* @__PURE__ */ P("div", {
+							className: "flex items-center gap-1.5",
+							children: [
+								!!m && /* @__PURE__ */ N(m, { className: n("flex-shrink-0", o ? "h-3 w-3" : "h-3.5 w-3.5", "text-muted-foreground") }),
+								/* @__PURE__ */ N(i, {
+									size: "xs",
+									type: "secondary",
+									className: n("metadata--field tracking-wide whitespace-nowrap", M, _),
+									children: e.label
+								}),
+								!!h && /* @__PURE__ */ P(d, { children: [/* @__PURE__ */ N(l, { render: (t) => /* @__PURE__ */ N(s, {
+									...t,
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-xs",
+									className: n("inline-flex items-center", t.className),
+									"aria-label": typeof e.label == "string" ? O.formatInfoAriaLabel(e.label) : O.infoFallback,
+									children: /* @__PURE__ */ N(R, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+								}) }), /* @__PURE__ */ N(u, {
+									side: "top",
+									align: "start",
+									className: "max-w-xs",
+									children: /* @__PURE__ */ N(i, {
+										type: "inverse",
+										size: "xs",
+										children: e.tooltip
+									})
+								})] }),
+								/* @__PURE__ */ N(i, {
+									size: "xs",
+									type: "secondary",
+									children: C
+								}),
+								g ? e.render?.(e) : /* @__PURE__ */ N(i, {
+									weight: "medium",
+									className: n(F, v),
+									children: p
+								})
+							]
+						}), !!y && /* @__PURE__ */ N(i, {
+							size: "xs",
+							type: "secondary",
+							children: r
+						})] }, a);
+					})
+				})
+			]
+		});
+	}
+	if (b === "rows") {
+		let e = o ? "py-1.5" : "py-2.5";
+		return /* @__PURE__ */ P("div", {
+			className: n("metadata-list-container", m),
+			children: [
+				!!I && /* @__PURE__ */ N(a, {
+					tag: "h6",
+					className: "font-medium text-muted-foreground uppercase tracking-wide mb-2",
+					children: f
+				}),
+				!!L && /* @__PURE__ */ N(h, { className: "mb-2" }),
+				/* @__PURE__ */ N("dl", {
+					className: "divide-y divide-border/50",
+					children: k.map((t, r) => {
+						let a = $(t, r), f = t.emptyLabel ?? c, p = t.value ?? f, m = t.icon, h = t.tooltip !== null && t.tooltip !== void 0, g = typeof t.render == "function";
+						return /* @__PURE__ */ P("div", {
+							className: n("grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]", e),
+							children: [/* @__PURE__ */ P("dt", {
+								className: "flex items-center gap-1.5 min-w-0",
+								children: [
+									!!m && /* @__PURE__ */ N(m, { className: n("flex-shrink-0 text-muted-foreground", o ? "h-3 w-3" : "h-3.5 w-3.5") }),
+									/* @__PURE__ */ N(i, {
+										type: "secondary",
+										className: n("truncate", _),
+										children: t.label
+									}),
+									!!h && /* @__PURE__ */ P(d, { children: [/* @__PURE__ */ N(l, { render: (e) => /* @__PURE__ */ N(s, {
+										...e,
+										type: "button",
+										variant: "secondary",
+										buttonStyle: "ghost",
+										size: "icon-xs",
+										className: n("inline-flex items-center", e.className),
+										"aria-label": typeof t.label == "string" ? O.formatInfoAriaLabel(t.label) : O.infoFallback,
+										children: /* @__PURE__ */ N(R, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+									}) }), /* @__PURE__ */ N(u, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ N(i, {
+											type: "inverse",
+											size: "xs",
+											children: t.tooltip
+										})
+									})] })
+								]
+							}), /* @__PURE__ */ P("dd", {
+								className: "min-w-0",
+								children: [g ? t.render?.(t) : /* @__PURE__ */ N(i, {
+									weight: "medium",
+									className: n("break-words", v),
+									children: p
+								}), !!t.description && /* @__PURE__ */ N(i, {
+									size: "xs",
+									type: "secondary",
+									className: n("mt-0.5", y),
+									children: t.description
+								})]
+							})]
+						}, a);
+					})
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ P("div", {
+		className: n("metadata-list-container space-y-3", m),
+		children: [
+			!!I && /* @__PURE__ */ N(a, {
+				tag: "h6",
+				className: "font-medium text-muted-foreground uppercase tracking-wide",
+				children: f
+			}),
+			!!L && /* @__PURE__ */ N(h, { className: "my-3" }),
+			/* @__PURE__ */ N("div", {
+				className: n("grid", A, j),
+				children: k.map((e, t) => {
+					let r = $(e, t), a = e.emptyLabel ?? c, f = e.value ?? a, p = e.icon, m = e.tooltip !== null && e.tooltip !== void 0, h = typeof e.render == "function";
+					return /* @__PURE__ */ P("div", {
+						className: "space-y-1",
+						children: [
+							/* @__PURE__ */ P("div", {
+								className: "flex items-center gap-1.5",
+								children: [
+									!!p && /* @__PURE__ */ N(p, { className: n("flex-shrink-0", o ? "h-3 w-3" : "h-3.5 w-3.5", "text-muted-foreground") }),
+									/* @__PURE__ */ N(i, {
+										size: "xs",
+										type: "secondary",
+										className: n(" tracking-wide", M, _),
+										children: e.label
+									}),
+									!!m && /* @__PURE__ */ P(d, { children: [/* @__PURE__ */ N(l, { render: (t) => /* @__PURE__ */ N(s, {
+										...t,
+										type: "button",
+										variant: "secondary",
+										buttonStyle: "ghost",
+										size: "icon-xs",
+										className: n("inline-flex items-center", t.className),
+										"aria-label": typeof e.label == "string" ? O.formatInfoAriaLabel(e.label) : O.infoFallback,
+										children: /* @__PURE__ */ N(R, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+									}) }), /* @__PURE__ */ N(u, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ N(i, {
+											type: "inverse",
+											size: "xs",
+											children: e.tooltip
+										})
+									})] })
+								]
+							}),
+							h ? e.render?.(e) : /* @__PURE__ */ N(i, {
+								weight: "medium",
+								className: n(F, v),
+								children: f
+							}),
+							!!e.description && /* @__PURE__ */ N(i, {
+								size: "xs",
+								type: "secondary",
+								className: n(y),
+								children: e.description
+							})
+						]
+					}, r);
+				})
+			})
+		]
+	});
+}
+vt.displayName = "MetadataList";
+//#endregion
+//#region src/components/base/display/inline-stat/inline-stat.tsx
+function yt({ label: e, value: t, layout: r = "between", mono: a = !1, className: o, labelClassName: s, valueClassName: c }) {
+	return r === "stacked" ? /* @__PURE__ */ P("div", {
+		className: n("inline-stat--component", "flex flex-col gap-0.5", o),
+		children: [/* @__PURE__ */ N(i, {
+			tag: "span",
+			size: "xxs",
+			type: "secondary",
+			className: s,
+			children: e
+		}), /* @__PURE__ */ N(i, {
+			tag: "span",
+			className: n(a && "tabular-nums", c),
+			children: t
+		})]
+	}) : /* @__PURE__ */ P("div", {
+		className: n("flex items-center gap-2", r === "between" ? "justify-between" : "justify-start", o),
+		children: [/* @__PURE__ */ N(i, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: s,
+			children: e
+		}), /* @__PURE__ */ N(i, {
+			tag: "span",
+			className: n(a && "tabular-nums", c),
+			children: t
+		})]
+	});
+}
+yt.displayName = "InlineStat";
+//#endregion
+//#region src/components/base/display/numeric-value/numeric-value.tsx
+var bt = "—", xt = (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 St({ value: e, align: r = "right", locale: a, formatOptions: o, emptyLabel: s = bt, size: c, weight: l, type: u, className: d, ...f }) {
+	let { defaultTextSize: p } = t(), m = c ?? p ?? "sm", h = xt(e, a, o), g = r === "right" ? "text-right" : r === "center" ? "text-center" : "text-left";
+	return h === null ? /* @__PURE__ */ N(i, {
+		size: m,
+		weight: l,
+		type: u ?? "secondary",
+		className: n("numeric-value--component", "tabular-nums", g, d),
+		...f,
+		children: s
+	}) : /* @__PURE__ */ N(i, {
+		size: m,
+		weight: l,
+		type: u,
+		className: n("tabular-nums", g, d),
+		...f,
+		children: h
+	});
+}
+St.displayName = "NumericValue";
+//#endregion
+//#region src/components/base/display/user-cell/user-cell.tsx
+var Ct = {
+	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 wt({ name: e, subtitle: t, avatarUrl: r, avatarAlt: a, initials: o, avatar: s, trailing: c, size: l = "base", className: u }) {
+	let d = Ct[l], f = s ?? /* @__PURE__ */ P(S, {
+		className: d.avatar,
+		children: [!!r && /* @__PURE__ */ N(b, {
+			src: r,
+			alt: a ?? (typeof e == "string" ? e : void 0)
+		}), !!o && /* @__PURE__ */ N(x, { children: o })]
+	});
+	return /* @__PURE__ */ P("div", {
+		className: n("user-cell--component", "flex items-center", d.gap, u),
+		children: [
+			f,
+			/* @__PURE__ */ P("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ N(i, {
+					size: d.nameSize,
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!t && /* @__PURE__ */ N(i, {
+					size: d.subtitleSize,
+					type: "secondary",
+					className: "truncate",
+					children: t
+				})]
+			}),
+			!!c && /* @__PURE__ */ N("div", {
+				className: "shrink-0",
+				children: c
+			})
+		]
+	});
+}
+wt.displayName = "UserCell";
+//#endregion
+//#region src/components/base/display/section-header/section-header.tsx
+function Tt({ title: e, description: t, badge: r, action: a, dense: o = !1, className: s }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("section-header--component", "flex items-start justify-between", o ? "gap-2" : "gap-3", s),
+		children: [/* @__PURE__ */ P("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ P("div", {
+				className: n("flex items-center", o ? "gap-1.5" : "gap-2"),
+				children: [/* @__PURE__ */ N(i, {
+					size: o ? "xs" : "sm",
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!r && /* @__PURE__ */ N("span", {
+					className: "shrink-0",
+					children: r
+				})]
+			}), !!t && /* @__PURE__ */ N(i, {
+				size: o ? "xxs" : "xs",
+				type: "secondary",
+				className: o ? "mt-0.5" : "mt-1",
+				children: t
+			})]
+		}), !!a && /* @__PURE__ */ N("div", {
+			className: "shrink-0",
+			children: a
+		})]
+	});
+}
+Tt.displayName = "SectionHeader";
+//#endregion
+export { we as A, W as B, Pe as C, Ce as D, Ae as E, X as F, J as I, q as L, Ee as M, ye as N, De as O, ge as P, K as R, Ie as S, je as T, Le as _, vt as a, Re as b, st as c, rt as d, nt as f, We as g, Xe as h, yt as i, Te as j, Oe as k, at as l, et as m, wt as n, Q as o, tt as p, St as r, ut as s, Tt as t, it as u, ze as v, ke as w, Ve as x, Be as y, G as z };
+
+//# sourceMappingURL=display-DUpkE2aS.js.map