admin-ui-starter-kit 0.4.2 → 0.4.4

package/dist/components/composed/analytics/index.js

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n, t as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/button-SuocMQFT.js";
-import { t as a } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
+import { n as r, t as i } from "../../../_shared/heading-HeP06nXG.js";
+import { t as a } from "../../../_shared/smart-card-thLb85Ih.js";
 import { i as o, n as s, r as c, t as l } from "../../../_shared/format-BX3QestD.js";
 import { ChartContainer as u } from "../../base/display/chart.js";
 import { useId as d, useMemo as f } from "react";
@@ -92,9 +92,9 @@ var ee = {
 function ne(e, t) {
 	return e || (t === "up" ? "positive" : t === "down" ? "negative" : "neutral");
 }
-function j({ change: e, trend: r, size: i = "md", variant: a = "default", className: o }) {
-	let s = ne(r, e.direction), c = e.direction === "up" ? v : e.direction === "down" ? g : S, l = ee[s], u = String(e.value), d = e.direction === "up" ? "+" : (e.direction, "");
-	return a === "inline" ? /* @__PURE__ */ h(n, {
+function j({ change: e, trend: n, size: i = "md", variant: a = "default", className: o }) {
+	let s = ne(n, e.direction), c = e.direction === "up" ? v : e.direction === "down" ? g : S, l = ee[s], u = String(e.value), d = e.direction === "up" ? "+" : (e.direction, "");
+	return a === "inline" ? /* @__PURE__ */ h(r, {
 		tag: "span",
 		size: A[i],
 		weight: "medium",
@@ -106,7 +106,7 @@ function j({ change: e, trend: r, size: i = "md", variant: a = "default", classN
 			className: k[i],
 			strokeWidth: 2.5,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ m(n, {
+		}), /* @__PURE__ */ m(r, {
 			tag: "span",
 			size: A[i],
 			weight: "semibold",
@@ -121,14 +121,14 @@ function j({ change: e, trend: r, size: i = "md", variant: a = "default", classN
 				strokeWidth: 2.5,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ m(n, {
+			/* @__PURE__ */ m(r, {
 				tag: "span",
 				size: A[i],
 				weight: "semibold",
 				className: "text-current tabular-nums",
 				children: u
 			}),
-			!!e.label && /* @__PURE__ */ m(n, {
+			!!e.label && /* @__PURE__ */ m(r, {
 				tag: "span",
 				size: A[i],
 				className: "text-current opacity-70",
@@ -143,14 +143,14 @@ function j({ change: e, trend: r, size: i = "md", variant: a = "default", classN
 				strokeWidth: 2.5,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ m(n, {
+			/* @__PURE__ */ m(r, {
 				tag: "span",
 				size: A[i],
 				weight: "semibold",
 				className: "tabular-nums",
 				children: u
 			}),
-			!!e.label && /* @__PURE__ */ m(n, {
+			!!e.label && /* @__PURE__ */ m(r, {
 				tag: "span",
 				size: A[i],
 				type: "secondary",
@@ -325,7 +325,7 @@ var F = {
 	lg: "h-10"
 }, R = 16;
 function z(e) {
-	let { data: r, variant: i = "default", size: a = "md", colorScheme: o = "default", showSparkline: s = !0, showChange: c = !0, showIcon: l = !0, loading: u = !1, error: d = !1, errorLabel: p, progress: h = 0, className: g, "aria-label": _ } = e, v = f(() => D(r), [r]), y = f(() => O(r), [r]);
+	let { data: n, variant: i = "default", size: a = "md", colorScheme: o = "default", showSparkline: s = !0, showChange: c = !0, showIcon: l = !0, loading: u = !1, error: d = !1, errorLabel: p, progress: h = 0, className: g, "aria-label": _ } = e, v = f(() => D(n), [n]), y = f(() => O(n), [n]);
 	if (u) return /* @__PURE__ */ m(P, {
 		variant: i,
 		size: a,
@@ -333,10 +333,10 @@ function z(e) {
 	});
 	if (d) return /* @__PURE__ */ m("div", {
 		className: t("flex items-center justify-center rounded-lg border border-border bg-card p-4 text-muted-foreground", g),
-		children: /* @__PURE__ */ m(n, { children: p ?? E.metricErrorLabel })
+		children: /* @__PURE__ */ m(r, { children: p ?? E.metricErrorLabel })
 	});
 	let b = {
-		data: r,
+		data: n,
 		formattedValue: v,
 		trend: y,
 		size: a,
@@ -344,7 +344,7 @@ function z(e) {
 		showChange: c,
 		showIcon: l,
 		colorScheme: o,
-		ariaLabel: _ ?? r.label,
+		ariaLabel: _ ?? n.label,
 		className: g
 	};
 	switch (i) {
@@ -361,7 +361,7 @@ function z(e) {
 	}
 }
 z.displayName = "Metric";
-function ae({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, showChange: c, showIcon: l, ariaLabel: u, className: d }) {
+function ae({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, showChange: c, showIcon: l, ariaLabel: u, className: d }) {
 	let f = e.icon;
 	return /* @__PURE__ */ h("div", {
 		className: t("flex min-w-0 flex-col gap-1", d),
@@ -372,7 +372,7 @@ function ae({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 				children: [!!l && !!f && /* @__PURE__ */ m(f, {
 					className: "size-3.5 shrink-0",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ m(n, {
+				}), /* @__PURE__ */ m(r, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
@@ -380,11 +380,11 @@ function ae({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 					children: e.label
 				})]
 			}),
-			/* @__PURE__ */ m(r, {
+			/* @__PURE__ */ m(i, {
 				tag: "h5",
 				className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate", ie[o]),
-				title: i,
-				children: i
+				title: n,
+				children: n
 			}),
 			!!c && !!e.change && /* @__PURE__ */ m("div", {
 				className: "min-w-0",
@@ -395,7 +395,7 @@ function ae({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 					variant: "compact"
 				})
 			}),
-			!!e.subtitle && /* @__PURE__ */ m(n, {
+			!!e.subtitle && /* @__PURE__ */ m(r, {
 				size: "xs",
 				type: "secondary",
 				className: "truncate",
@@ -406,7 +406,7 @@ function ae({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 				trend: a,
 				className: t("mt-auto", L[o])
 			}),
-			!!e.footer && /* @__PURE__ */ m(n, {
+			!!e.footer && /* @__PURE__ */ m(r, {
 				size: "xxs",
 				type: "discrete",
 				className: "truncate",
@@ -415,7 +415,7 @@ function ae({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 		]
 	});
 }
-function oe({ data: e, formattedValue: i, trend: o, size: s, showSparkline: c, showChange: l, showIcon: u, ariaLabel: d, className: f }) {
+function oe({ data: e, formattedValue: n, trend: o, size: s, showSparkline: c, showChange: l, showIcon: u, ariaLabel: d, className: f }) {
 	let p = e.icon, g = !!(e.href || e.onClick), _ = s === "sm" ? "sm" : s === "lg" ? "lg" : "base", v = /* @__PURE__ */ h(a, {
 		title: e.label,
 		icon: u && p ? /* @__PURE__ */ m(p, {
@@ -429,10 +429,10 @@ function oe({ data: e, formattedValue: i, trend: o, size: s, showSparkline: c, s
 		children: [
 			/* @__PURE__ */ h("div", {
 				className: "flex items-baseline justify-between gap-3",
-				children: [/* @__PURE__ */ m(r, {
+				children: [/* @__PURE__ */ m(i, {
 					tag: s === "sm" ? "h5" : s === "lg" ? "h3" : "h4",
 					className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none", I[s]),
-					children: i
+					children: n
 				}), !!l && !!e.change && /* @__PURE__ */ m(j, {
 					change: e.change,
 					trend: e.trend,
@@ -440,7 +440,7 @@ function oe({ data: e, formattedValue: i, trend: o, size: s, showSparkline: c, s
 					variant: "badge"
 				})]
 			}),
-			!!e.subtitle && /* @__PURE__ */ m(n, {
+			!!e.subtitle && /* @__PURE__ */ m(r, {
 				type: "secondary",
 				className: "mt-2",
 				children: e.subtitle
@@ -450,7 +450,7 @@ function oe({ data: e, formattedValue: i, trend: o, size: s, showSparkline: c, s
 				trend: o,
 				className: t("mt-3", s === "lg" ? "h-12" : "h-10")
 			}),
-			!!e.footer && /* @__PURE__ */ m(n, {
+			!!e.footer && /* @__PURE__ */ m(r, {
 				size: "xs",
 				type: "secondary",
 				className: "mt-2",
@@ -467,7 +467,7 @@ function oe({ data: e, formattedValue: i, trend: o, size: s, showSparkline: c, s
 		children: v
 	}) : v;
 }
-function se({ data: e, formattedValue: r, size: i, showChange: a, showIcon: o, ariaLabel: s, className: c }) {
+function se({ data: e, formattedValue: n, size: i, showChange: a, showIcon: o, ariaLabel: s, className: c }) {
 	let l = e.icon;
 	return /* @__PURE__ */ h("div", {
 		className: t("flex items-center gap-3", c),
@@ -482,17 +482,17 @@ function se({ data: e, formattedValue: r, size: i, showChange: a, showIcon: o, a
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ m(n, {
+				children: [/* @__PURE__ */ m(r, {
 					size: "xs",
 					type: "secondary",
 					className: "truncate",
 					children: e.label
-				}), /* @__PURE__ */ m(n, {
+				}), /* @__PURE__ */ m(r, {
 					tag: "span",
 					size: i === "sm" ? "sm" : "lg",
 					weight: "bold",
 					className: "block truncate tabular-nums",
-					children: r
+					children: n
 				})]
 			}),
 			!!a && !!e.change && /* @__PURE__ */ m(j, {
@@ -505,23 +505,23 @@ function se({ data: e, formattedValue: r, size: i, showChange: a, showIcon: o, a
 		]
 	});
 }
-function ce({ data: e, formattedValue: r, size: i, showChange: a, ariaLabel: o, className: s }) {
+function ce({ data: e, formattedValue: n, size: i, showChange: a, ariaLabel: o, className: s }) {
 	return /* @__PURE__ */ h("span", {
 		className: t("inline-flex items-baseline gap-2", s),
 		"aria-label": o,
 		children: [
-			/* @__PURE__ */ h(n, {
+			/* @__PURE__ */ h(r, {
 				tag: "span",
 				size: i === "lg" ? "sm" : "xs",
 				type: "secondary",
 				children: [e.label, ":"]
 			}),
-			/* @__PURE__ */ m(n, {
+			/* @__PURE__ */ m(r, {
 				tag: "span",
 				size: i === "lg" ? "sm" : "xs",
 				weight: "semibold",
 				className: "tabular-nums",
-				children: r
+				children: n
 			}),
 			!!a && !!e.change && /* @__PURE__ */ m(j, {
 				change: e.change,
@@ -532,7 +532,7 @@ function ce({ data: e, formattedValue: r, size: i, showChange: a, ariaLabel: o,
 		]
 	});
 }
-function le({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, showChange: c, showIcon: l, colorScheme: u, ariaLabel: d, className: f }) {
+function le({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, showChange: c, showIcon: l, colorScheme: u, ariaLabel: d, className: f }) {
 	let p = e.icon, g = F[u];
 	return /* @__PURE__ */ h("div", {
 		className: t("flex flex-col gap-3 rounded-xl border p-4 shadow-sm", g.border, g.bg, f),
@@ -545,7 +545,7 @@ function le({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 					children: [!!l && !!p && /* @__PURE__ */ m(p, {
 						className: "size-4 shrink-0",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ m(n, {
+					}), /* @__PURE__ */ m(r, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
@@ -558,12 +558,12 @@ function le({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 					variant: "badge"
 				})]
 			}),
-			/* @__PURE__ */ m(r, {
+			/* @__PURE__ */ m(i, {
 				tag: o === "lg" ? "h3" : "h4",
 				className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none", I[o]),
-				children: i
+				children: n
 			}),
-			!!e.subtitle && /* @__PURE__ */ m(n, {
+			!!e.subtitle && /* @__PURE__ */ m(r, {
 				size: "xs",
 				type: "secondary",
 				children: e.subtitle
@@ -573,7 +573,7 @@ function le({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 				trend: a,
 				className: L[o]
 			}),
-			!!e.footer && /* @__PURE__ */ m(n, {
+			!!e.footer && /* @__PURE__ */ m(r, {
 				size: "xxs",
 				type: "discrete",
 				children: e.footer
@@ -581,7 +581,7 @@ function le({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 		]
 	});
 }
-function ue({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, showChange: c, ariaLabel: l, className: u }) {
+function ue({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, showChange: c, ariaLabel: l, className: u }) {
 	let d = e.icon;
 	return /* @__PURE__ */ h("div", {
 		className: t("dark relative flex flex-col overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border", u),
@@ -591,7 +591,7 @@ function ue({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 			children: [
 				/* @__PURE__ */ h("div", {
 					className: "flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ m(n, {
+					children: [/* @__PURE__ */ m(r, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
@@ -607,10 +607,10 @@ function ue({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 				}),
 				/* @__PURE__ */ h("div", {
 					className: "flex items-baseline gap-2.5",
-					children: [/* @__PURE__ */ m(r, {
+					children: [/* @__PURE__ */ m(i, {
 						tag: "h3",
 						className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground", I[o]),
-						children: i
+						children: n
 					}), !!c && !!e.change && /* @__PURE__ */ m(j, {
 						change: e.change,
 						trend: e.trend,
@@ -618,7 +618,7 @@ function ue({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 						variant: "compact"
 					})]
 				}),
-				!!e.subtitle && /* @__PURE__ */ m(n, {
+				!!e.subtitle && /* @__PURE__ */ m(r, {
 					size: "xs",
 					type: "secondary",
 					children: e.subtitle
@@ -631,7 +631,7 @@ function ue({ data: e, formattedValue: i, trend: a, size: o, showSparkline: s, s
 		})]
 	});
 }
-function de({ data: e, formattedValue: i, size: a, showChange: o, colorScheme: s, ariaLabel: c, className: l, progress: u = 0 }) {
+function de({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s, ariaLabel: c, className: l, progress: u = 0 }) {
 	let d = F[s === "default" ? "primary" : s], f = Math.round(Math.min(Math.max(u, 0), 100) / 100 * R);
 	return /* @__PURE__ */ h("div", {
 		className: t("rounded-xl bg-card p-5 shadow-sm border border-border/50", l),
@@ -639,7 +639,7 @@ function de({ data: e, formattedValue: i, size: a, showChange: o, colorScheme: s
 		children: [
 			/* @__PURE__ */ h("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ m(n, {
+				children: [/* @__PURE__ */ m(r, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
@@ -652,11 +652,11 @@ function de({ data: e, formattedValue: i, size: a, showChange: o, colorScheme: s
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "mt-2.5 flex items-baseline gap-2",
-				children: [/* @__PURE__ */ m(r, {
+				children: [/* @__PURE__ */ m(i, {
 					tag: "h3",
 					className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none", I[a]),
-					children: i
-				}), !!e.subtitle && /* @__PURE__ */ m(n, {
+					children: n
+				}), !!e.subtitle && /* @__PURE__ */ m(r, {
 					size: "xs",
 					type: "secondary",
 					children: e.subtitle
@@ -686,7 +686,7 @@ function de({ data: e, formattedValue: i, size: a, showChange: o, colorScheme: s
 				children: [/* @__PURE__ */ m(y, {
 					className: "size-3",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ m(n, {
+				}), /* @__PURE__ */ m(r, {
 					size: "xxs",
 					type: "secondary",
 					children: e.footer
@@ -697,7 +697,7 @@ function de({ data: e, formattedValue: i, size: a, showChange: o, colorScheme: s
 }
 //#endregion
 //#region src/components/composed/analytics/metric-bar/metric-bar.tsx
-function B({ metrics: e, period: r, onPeriodChange: a, variant: o = "default", size: s = "sm", showSparklines: c = !0, showChanges: l = !0, footerText: u, className: d }) {
+function B({ metrics: e, period: i, onPeriodChange: a, variant: o = "default", size: s = "sm", showSparklines: c = !0, showChanges: l = !0, footerText: u, className: d }) {
 	let f = /* @__PURE__ */ m("div", {
 		className: "grid min-w-0 flex-1 grid-cols-1 divide-y divide-border lg:flex lg:items-stretch lg:divide-x lg:divide-y-0",
 		children: e.map((e) => /* @__PURE__ */ m("div", {
@@ -710,20 +710,20 @@ function B({ metrics: e, period: r, onPeriodChange: a, variant: o = "default", s
 				showChange: l
 			})
 		}, e.id))
-	}), g = !!r && /* @__PURE__ */ m("div", {
+	}), g = !!i && /* @__PURE__ */ m("div", {
 		className: "flex shrink-0 items-center border-b border-border px-3 py-2 lg:border-b-0 lg:py-0",
-		children: /* @__PURE__ */ h(i, {
+		children: /* @__PURE__ */ h(n, {
 			variant: "secondary",
 			buttonStyle: "ghost",
 			className: "gap-1.5",
-			onClick: a ? () => a(r.value) : void 0,
+			onClick: a ? () => a(i.value) : void 0,
 			children: [/* @__PURE__ */ m(b, {
 				className: "size-3.5",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ m(n, {
+			}), /* @__PURE__ */ m(r, {
 				size: "xs",
 				weight: "medium",
-				children: r.label
+				children: i.label
 			})]
 		})
 	});
@@ -737,7 +737,7 @@ function B({ metrics: e, period: r, onPeriodChange: a, variant: o = "default", s
 			})] }), f]
 		}), !!u && /* @__PURE__ */ m("div", {
 			className: "rounded-b-radius border-t border-border/50 bg-card px-4 py-2",
-			children: /* @__PURE__ */ m(n, {
+			children: /* @__PURE__ */ m(r, {
 				size: "xxs",
 				type: "discrete",
 				children: u
@@ -753,7 +753,7 @@ function B({ metrics: e, period: r, onPeriodChange: a, variant: o = "default", s
 			})] }), f]
 		}), !!u && /* @__PURE__ */ m("div", {
 			className: "border-t border-border/50 px-4 py-2",
-			children: /* @__PURE__ */ m(n, {
+			children: /* @__PURE__ */ m(r, {
 				size: "xxs",
 				type: "discrete",
 				children: u
@@ -809,8 +809,8 @@ function W(e) {
 	let t = Number(e);
 	return Number.isFinite(t) ? t : null;
 }
-function G({ current: i, previous: o, title: s, currentPeriod: c, previousPeriod: l, className: u, strings: d }) {
-	let f = e(U, d), p = W(i.value), y = W(o.value), b = p !== null && y !== null, S = b ? p - y : 0, C = b && y !== 0 ? Math.round(S / y * 100) : 0, w = S > 0, T = S === 0, E = T ? x : w ? v : g, O = T ? {
+function G({ current: n, previous: o, title: s, currentPeriod: c, previousPeriod: l, className: u, strings: d }) {
+	let f = e(U, d), p = W(n.value), y = W(o.value), b = p !== null && y !== null, S = b ? p - y : 0, C = b && y !== 0 ? Math.round(S / y * 100) : 0, w = S > 0, T = S === 0, E = T ? x : w ? v : g, O = T ? {
 		box: "bg-muted/40",
 		chip: "bg-card text-muted-foreground border border-border/60"
 	} : w ? {
@@ -826,13 +826,13 @@ function G({ current: i, previous: o, title: s, currentPeriod: c, previousPeriod
 		children: [
 			!!(c || l) && /* @__PURE__ */ h("div", {
 				className: "flex flex-wrap items-center gap-1.5",
-				children: [!!c && /* @__PURE__ */ m(n, {
+				children: [!!c && /* @__PURE__ */ m(r, {
 					tag: "span",
 					size: "xxs",
 					weight: "medium",
 					className: "rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground",
 					children: c
-				}), !!l && /* @__PURE__ */ m(n, {
+				}), !!l && /* @__PURE__ */ m(r, {
 					tag: "span",
 					size: "xxs",
 					weight: "medium",
@@ -845,16 +845,16 @@ function G({ current: i, previous: o, title: s, currentPeriod: c, previousPeriod
 				children: [
 					/* @__PURE__ */ h("div", {
 						className: "rounded-lg border border-border/60 bg-card px-3 py-2.5",
-						children: [/* @__PURE__ */ m(n, {
+						children: [/* @__PURE__ */ m(r, {
 							size: "xxs",
 							type: "secondary",
 							weight: "medium",
 							className: "uppercase tracking-wider",
 							children: f.currentLabel
-						}), /* @__PURE__ */ m(r, {
+						}), /* @__PURE__ */ m(i, {
 							tag: "h5",
 							className: "text-xl tabular-nums tracking-tight border-none pb-0",
-							children: D(i)
+							children: D(n)
 						})]
 					}),
 					/* @__PURE__ */ h("div", {
@@ -869,13 +869,13 @@ function G({ current: i, previous: o, title: s, currentPeriod: c, previousPeriod
 					}),
 					/* @__PURE__ */ h("div", {
 						className: "rounded-lg border border-border/60 bg-muted/30 px-3 py-2.5",
-						children: [/* @__PURE__ */ m(n, {
+						children: [/* @__PURE__ */ m(r, {
 							size: "xxs",
 							type: "secondary",
 							weight: "medium",
 							className: "uppercase tracking-wider",
 							children: f.previousLabel
-						}), /* @__PURE__ */ m(r, {
+						}), /* @__PURE__ */ m(i, {
 							tag: "h5",
 							className: "text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground",
 							children: D(o)
@@ -891,7 +891,7 @@ function G({ current: i, previous: o, title: s, currentPeriod: c, previousPeriod
 						className: "size-3",
 						strokeWidth: 2.5,
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ h(n, {
+					}), /* @__PURE__ */ h(r, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
@@ -899,12 +899,12 @@ function G({ current: i, previous: o, title: s, currentPeriod: c, previousPeriod
 						children: [w ? "+" : T ? "" : "−", ((e) => {
 							let t = Math.abs(e);
 							return D({
-								...i,
+								...n,
 								value: t
 							});
 						})(S)]
 					})]
-				}), /* @__PURE__ */ h(n, {
+				}), /* @__PURE__ */ h(r, {
 					size: "xs",
 					type: "secondary",
 					className: t("tabular-nums", w && "text-success", !w && !T && "text-destructive"),
@@ -1080,23 +1080,23 @@ function Se({ kind: e, data: t }) {
 		color: n
 	}) : /* @__PURE__ */ m(xe, { data: t });
 }
-function q({ title: e = "Overview", cells: r, className: i }) {
+function q({ title: e = "Overview", cells: n, className: i }) {
 	return /* @__PURE__ */ m(a, {
 		title: e,
 		className: i,
 		padding: "sm",
 		children: /* @__PURE__ */ m("div", {
 			className: "grid grid-cols-3 grid-rows-2 -m-2",
-			children: r.slice(0, 6).map((e, r) => /* @__PURE__ */ h("div", {
-				className: t("flex flex-col gap-1.5 px-3 py-2.5", r % 3 != 2 && "border-r border-border/50", r < 3 && "border-b border-border/50"),
+			children: n.slice(0, 6).map((e, n) => /* @__PURE__ */ h("div", {
+				className: t("flex flex-col gap-1.5 px-3 py-2.5", n % 3 != 2 && "border-r border-border/50", n < 3 && "border-b border-border/50"),
 				children: [
-					/* @__PURE__ */ m(n, {
+					/* @__PURE__ */ m(r, {
 						size: "xxs",
 						type: "secondary",
 						className: "truncate uppercase tracking-wider",
 						children: e.label
 					}),
-					/* @__PURE__ */ m(n, {
+					/* @__PURE__ */ m(r, {
 						tag: "span",
 						weight: "bold",
 						className: "tabular-nums truncate",
@@ -1105,7 +1105,7 @@ function q({ title: e = "Overview", cells: r, className: i }) {
 					/* @__PURE__ */ m("div", {
 						className: "mt-auto",
 						children: /* @__PURE__ */ m(Se, {
-							kind: e.chart ?? me[r],
+							kind: e.chart ?? me[n],
 							data: e.data
 						})
 					})
@@ -1123,7 +1123,7 @@ var Ce = {
 	warm: "bg-gradient-to-br from-warning via-destructive to-warning",
 	ocean: "bg-gradient-to-br from-info via-primary to-info"
 }, J = "var(--inverse-foreground)", Y = "var(--inverse-muted)";
-function X({ title: e, value: i, change: a, data: o, theme: s = "green", subtitle: c, className: l }) {
+function X({ title: e, value: n, change: a, data: o, theme: s = "green", subtitle: c, className: l }) {
 	let u = `metric-grad-${d().replaceAll(":", "")}`;
 	return /* @__PURE__ */ h("div", {
 		className: t("metric-gradient--component", "relative overflow-hidden rounded-lg p-5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border", Ce[s], l),
@@ -1132,18 +1132,18 @@ function X({ title: e, value: i, change: a, data: o, theme: s = "green", subtitl
 			children: [/* @__PURE__ */ h("div", {
 				className: "min-w-0",
 				children: [
-					/* @__PURE__ */ m(n, {
+					/* @__PURE__ */ m(r, {
 						size: "xs",
 						weight: "medium",
 						className: "uppercase tracking-wider text-inverse-muted",
 						children: e
 					}),
-					!!i && /* @__PURE__ */ m(r, {
+					!!n && /* @__PURE__ */ m(i, {
 						tag: "h3",
 						className: "mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground",
-						children: i
+						children: n
 					}),
-					!!c && /* @__PURE__ */ m(n, {
+					!!c && /* @__PURE__ */ m(r, {
 						size: "xs",
 						className: "mt-1 text-inverse-muted",
 						children: c
@@ -1255,10 +1255,10 @@ function we(e, t) {
 		monthLabels: u
 	};
 }
-function Q({ title: r, description: i, data: o, className: s, strings: c }) {
+function Q({ title: n, description: i, data: o, className: s, strings: c }) {
 	let l = e(E, c), { weeks: u, monthLabels: d } = we(o, l.heatmapMonthNames);
 	return /* @__PURE__ */ h(a, {
-		title: r,
+		title: n,
 		description: i,
 		className: t("activity-heatmap--component", s),
 		children: [/* @__PURE__ */ h("div", {
@@ -1272,7 +1272,7 @@ function Q({ title: r, description: i, data: o, className: s, strings: c }) {
 				children: /* @__PURE__ */ m("div", {
 					className: "relative flex",
 					style: { width: `${u.length * 15}px` },
-					children: d.filter((e, t, n) => t === 0 || e.weekIndex - n[t - 1].weekIndex >= 3).map((e) => /* @__PURE__ */ m(n, {
+					children: d.filter((e, t, n) => t === 0 || e.weekIndex - n[t - 1].weekIndex >= 3).map((e) => /* @__PURE__ */ m(r, {
 						size: "xxs",
 						type: "secondary",
 						className: "absolute leading-none whitespace-nowrap",
@@ -1289,7 +1289,7 @@ function Q({ title: r, description: i, data: o, className: s, strings: c }) {
 					className: "mr-1 flex flex-col gap-[3px]",
 					children: l.heatmapDayLabels.map((e, t) => /* @__PURE__ */ m("div", {
 						className: "flex h-3 w-6 items-center justify-end",
-						children: !!e && /* @__PURE__ */ m(n, {
+						children: !!e && /* @__PURE__ */ m(r, {
 							size: "xxs",
 							type: "secondary",
 							className: "leading-none",
@@ -1313,7 +1313,7 @@ function Q({ title: r, description: i, data: o, className: s, strings: c }) {
 		}), /* @__PURE__ */ h("div", {
 			className: "mt-4 flex items-center justify-end gap-1.5",
 			children: [
-				/* @__PURE__ */ m(n, {
+				/* @__PURE__ */ m(r, {
 					size: "xxs",
 					type: "secondary",
 					children: l.heatmapLegendLess
@@ -1325,7 +1325,7 @@ function Q({ title: r, description: i, data: o, className: s, strings: c }) {
 					3,
 					4
 				].map((e) => /* @__PURE__ */ m("div", { className: t("size-3 rounded-sm", Z[e]) }, `legend-${e}`)),
-				/* @__PURE__ */ m(n, {
+				/* @__PURE__ */ m(r, {
 					size: "xxs",
 					type: "secondary",
 					children: l.heatmapLegendMore