themelia-react-ui 1.0.2 → 2.0.1

package/dist/blocks/analytics.js

@@ -1,24 +1,28 @@
 "use client";
-import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-BvH9PSmq.js";
-import { o as n } from "../text.styles-Q4sGAIgA.js";
-import { a as r, i, r as a } from "../typography-BxQgiZyw.js";
-import { t as o } from "../button-BZDasD04.js";
-import { r as s, t as c } from "../structure-CRdqVawd.js";
-import { t as l } from "../smart-card-DjGVV2xr.js";
-import { r as u } from "../skeleton-3F0uhYn3.js";
-import { i as d, n as f, r as p, t as m } from "../format-iamDSqs2.js";
-import { _ as h, g } from "../primitives-C7ff0QaI.js";
-import { t as _ } from "../badge-CzId1Wlm.js";
-import { t as v } from "../chart-Bsc5BICK.js";
-import { n as y } from "../display-CS6Hbk18.js";
-import { n as ee, t as b } from "../usage-card-VyJLUwRr.js";
-import { useId as x, useMemo as S, useSyncExternalStore as C } from "react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { ArrowDown as D, ArrowRight as te, ArrowUp as O, ArrowUpRight as ne, Calendar as re, Equal as ie, Minus as ae } from "lucide-react";
-import { Area as k, AreaChart as A, ResponsiveContainer as j } from "recharts";
+import { c as e, u as t } from "../ui-provider-1D_NSYzO.js";
+import { useStrings as n } from "../lib/strings.js";
+import { t as r } from "../utils-l5LpDw2z.js";
+import { n as i } from "../buttons-SbIcm1HJ.js";
+import { a, o, s } from "../typography-DTRkE9zL.js";
+import { o as c } from "../text.styles-g4He6UIW.js";
+import { t as l } from "../focus-recipes-B653VaLq.js";
+import { r as u, t as d } from "../structure-DC2dygdA.js";
+import { n as f, r as p } from "../tone-recipes-CPoExcTE.js";
+import { t as m } from "../smart-card-lFKxn5Hu.js";
+import { r as h } from "../skeleton-Cz890JZF.js";
+import { a as g, i as _, r as v } from "../value-typography-b8wpz1eX.js";
+import { _ as y, g as b } from "../primitives-B-CkiEMU.js";
+import { a as x } from "../number-DMhe-Vsk.js";
+import { t as S } from "../badge-MrKVNzW9.js";
+import { t as C } from "../chart-QfrARkXl.js";
+import { n as w } from "../display-DsQTVzMz.js";
+import { n as T, t as ee } from "../usage-card-obRaBskq.js";
+import { useId as E, useMemo as D, useSyncExternalStore as te } from "react";
+import { Fragment as ne, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { ArrowDown as A, ArrowRight as re, ArrowUp as j, ArrowUpRight as ie, Calendar as ae, Equal as oe, Minus as se } from "lucide-react";
+import { Area as M, AreaChart as N, ResponsiveContainer as P } from "recharts";
 //#region src/components/blocks/analytics/analytics.strings.ts
-var M = {
+var F = {
 	metricErrorLabel: "Unable to load metric",
 	comparisonTitle: "Comparison",
 	heatmapDayLabels: [
@@ -49,34 +53,36 @@ var M = {
 };
 //#endregion
 //#region src/components/blocks/analytics/format-metric-value.ts
-function N(e) {
+function I(e, t = {}) {
 	if (e.value === null || e.value === void 0) return "—";
-	let t = e.value, n = typeof t == "number" ? t : null;
+	let n = e.value, r = typeof n == "number" ? n : null, { locale: i } = t;
 	switch (e.valueType) {
-		case "currency": return n === null ? String(t) : m(n, {
-			currency: e.currency,
-			currencyDisplay: "code"
-		}).replace(/\u00a0/g, " ");
-		case "percentage": return n === null ? String(t) : d(n);
-		case "duration": return n === null ? String(t) : f(n);
-		case "number": return n === null ? String(t) : p(n);
-		default: return String(t);
+		case "currency": return r === null ? String(n) : x({
+			amount: r,
+			currency: e.currency ?? t.defaultCurrency ?? "USD",
+			locale: i,
+			formatMode: t.moneyFormatMode ?? "with_code"
+		}) ?? "—";
+		case "percentage": return r === null ? String(n) : g(r, { locale: i });
+		case "duration": return r === null ? String(n) : v(r, { locale: i });
+		case "number": return r === null ? String(n) : _(r, { locale: i });
+		default: return String(n);
 	}
 }
-function P(e) {
+function L(e) {
 	return e.trend ? e.trend : e.change?.direction === "up" ? "positive" : e.change?.direction === "down" ? "negative" : "neutral";
 }
 //#endregion
 //#region src/components/blocks/analytics/atoms/metric-trend-chip.tsx
-var oe = {
+var ce = {
 	positive: {
 		text: "text-success",
-		badge: "bg-success/10 text-success",
+		badge: `${p.success.tint} ${p.success.ink}`,
 		arrow: "text-success"
 	},
 	negative: {
 		text: "text-destructive",
-		badge: "bg-destructive/10 text-destructive",
+		badge: `${p.destructive.tint} ${p.destructive.ink}`,
 		arrow: "text-destructive"
 	},
 	neutral: {
@@ -84,130 +90,130 @@ var oe = {
 		badge: "bg-muted text-muted-foreground",
 		arrow: "text-muted-foreground"
 	}
-}, F = {
+}, R = {
 	sm: "size-icon-sm",
 	md: "size-icon-md",
 	lg: "size-icon"
-}, I = {
+}, z = {
 	sm: "xxs",
 	md: "xs",
 	lg: "sm"
-}, se = {
+}, le = {
 	sm: "px-space-sm py-space-2xs",
 	md: "px-space-md py-space-2xs",
 	lg: "px-space-md py-space-xs"
 };
-function ce(e, t) {
+function ue(e, t) {
 	return e || (t === "up" ? "positive" : t === "down" ? "negative" : "neutral");
 }
-function L({ change: e, trend: n, size: i = "md", variant: a = "default", className: o }) {
-	let s = ce(n, e.direction), c = e.direction === "up" ? O : e.direction === "down" ? D : ae, l = oe[s], u = String(e.value), d = e.direction === "up" ? "+" : (e.direction, "");
-	return a === "inline" ? /* @__PURE__ */ E(h, {
-		size: I[i],
+function B({ change: e, trend: t, size: n = "md", variant: i = "default", className: a }) {
+	let o = ue(t, e.direction), c = e.direction === "up" ? j : e.direction === "down" ? A : se, l = ce[o], u = String(e.value), d = e.direction === "up" ? "+" : (e.direction, "");
+	return i === "inline" ? /* @__PURE__ */ k(y, {
+		size: z[n],
 		weight: "medium",
-		className: t("metric-trend-chip--component", l.text, "tabular-nums", o),
+		className: r("metric-trend-chip--component", l.text, "tabular-nums", a),
 		children: [d, u]
-	}) : a === "compact" ? /* @__PURE__ */ E("span", {
-		className: t("inline-flex items-center gap-space-2xs", l.text, o),
-		children: [/* @__PURE__ */ T(c, {
-			className: F[i],
+	}) : i === "compact" ? /* @__PURE__ */ k("span", {
+		className: r("inline-flex items-center gap-space-2xs", l.text, a),
+		children: [/* @__PURE__ */ O(c, {
+			className: R[n],
 			strokeWidth: 2.5,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ T(h, {
-			size: I[i],
+		}), /* @__PURE__ */ O(y, {
+			size: z[n],
 			weight: "semibold",
 			className: "text-current tabular-nums",
 			children: u
 		})]
-	}) : a === "badge" ? /* @__PURE__ */ E("span", {
-		className: t("inline-flex items-center gap-space-xs rounded-radius", l.badge, se[i], o),
+	}) : i === "badge" ? /* @__PURE__ */ k("span", {
+		className: r("inline-flex items-center gap-space-xs rounded-radius", l.badge, le[n], a),
 		children: [
-			/* @__PURE__ */ T(c, {
-				className: F[i],
+			/* @__PURE__ */ O(c, {
+				className: R[n],
 				strokeWidth: 2.5,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ T(h, {
-				size: I[i],
+			/* @__PURE__ */ O(y, {
+				size: z[n],
 				weight: "semibold",
 				className: "text-current tabular-nums",
 				children: u
 			}),
-			!!e.label && /* @__PURE__ */ T(r, {
+			!!e.label && /* @__PURE__ */ O(s, {
 				tag: "span",
-				size: I[i],
+				size: z[n],
 				className: "text-current opacity-70",
 				children: e.label
 			})
 		]
-	}) : /* @__PURE__ */ E("span", {
-		className: t("inline-flex items-center gap-space-xs", l.text, o),
+	}) : /* @__PURE__ */ k("span", {
+		className: r("inline-flex items-center gap-space-xs", l.text, a),
 		children: [
-			/* @__PURE__ */ T(c, {
-				className: F[i],
+			/* @__PURE__ */ O(c, {
+				className: R[n],
 				strokeWidth: 2.5,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ T(h, {
-				size: I[i],
+			/* @__PURE__ */ O(y, {
+				size: z[n],
 				weight: "semibold",
 				className: "tabular-nums",
 				children: u
 			}),
-			!!e.label && /* @__PURE__ */ T(r, {
+			!!e.label && /* @__PURE__ */ O(s, {
 				tag: "span",
-				size: I[i],
+				size: z[n],
 				type: "secondary",
 				children: e.label
 			})
 		]
 	});
 }
-L.displayName = "MetricTrendChip";
+B.displayName = "MetricTrendChip";
 //#endregion
 //#region src/lib/use-prefers-reduced-motion.ts
-var R = "(prefers-reduced-motion: reduce)";
-function le(e) {
+var V = "(prefers-reduced-motion: reduce)";
+function de(e) {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
-	let t = window.matchMedia(R);
+	let t = window.matchMedia(V);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function ue() {
-	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(R).matches;
+function fe() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(V).matches;
 }
-function de() {
+function pe() {
 	return !0;
 }
-function z() {
-	return C(le, ue, de);
+function H() {
+	return te(de, fe, pe);
 }
 //#endregion
 //#region src/components/blocks/analytics/atoms/metric-sparkline.tsx
-var fe = {
+var me = {
 	positive: "var(--success)",
 	negative: "var(--destructive)",
 	neutral: "var(--muted-foreground)"
 };
-function B({ data: e, trend: n = "neutral", color: r, className: i, animated: a = !0, "aria-label": o = "Trend sparkline" }) {
-	let s = x(), c = z(), l = S(() => `metric-spark-${s.replaceAll(":", "")}`, [s]), u = r ?? fe[n], d = S(() => !Array.isArray(e) || e.length === 0 ? [] : e.map((e, t) => ({
+function U({ data: e, trend: t = "neutral", color: n, className: i, animated: a = !0, "aria-label": o = "Trend sparkline" }) {
+	let s = E(), c = H(), l = D(() => `metric-spark-${s.replaceAll(":", "")}`, [s]), u = n ?? me[t], d = D(() => !Array.isArray(e) || e.length === 0 ? [] : e.map((e, t) => ({
 		i: t,
 		v: e
 	})), [e]);
-	return d.length === 0 ? /* @__PURE__ */ T("div", {
-		className: t("metric-sparkline--component", "h-full w-full", i),
+	return d.length === 0 ? /* @__PURE__ */ O("div", {
+		className: r("metric-sparkline--component", "h-full w-full", i),
 		"aria-hidden": "true"
-	}) : /* @__PURE__ */ T("div", {
-		className: t("metric-sparkline--component h-full w-full", i),
+	}) : /* @__PURE__ */ O("div", {
+		className: r("metric-sparkline--component h-full w-full", i),
 		role: "img",
 		"aria-label": o,
-		children: /* @__PURE__ */ T(j, {
+		children: /* @__PURE__ */ O(P, {
 			width: "100%",
 			height: "100%",
 			initialDimension: {
 				width: 1,
 				height: 1
 			},
-			children: /* @__PURE__ */ E(A, {
+			children: /* @__PURE__ */ k(N, {
 				data: d,
 				margin: {
 					top: 2,
@@ -215,22 +221,22 @@ function B({ data: e, trend: n = "neutral", color: r, className: i, animated: a
 					bottom: 0,
 					left: 0
 				},
-				children: [/* @__PURE__ */ T("defs", { children: /* @__PURE__ */ E("linearGradient", {
+				children: [/* @__PURE__ */ O("defs", { children: /* @__PURE__ */ k("linearGradient", {
 					id: l,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ T("stop", {
+					children: [/* @__PURE__ */ O("stop", {
 						offset: "0%",
 						stopColor: u,
 						stopOpacity: .25
-					}), /* @__PURE__ */ T("stop", {
+					}), /* @__PURE__ */ O("stop", {
 						offset: "100%",
 						stopColor: u,
 						stopOpacity: 0
 					})]
-				}) }), /* @__PURE__ */ T(k, {
+				}) }), /* @__PURE__ */ O(M, {
 					type: "monotone",
 					dataKey: "v",
 					stroke: u,
@@ -245,61 +251,75 @@ function B({ data: e, trend: n = "neutral", color: r, className: i, animated: a
 		})
 	});
 }
-B.displayName = "MetricSparkline";
+U.displayName = "MetricSparkline";
 //#endregion
 //#region src/components/blocks/analytics/atoms/metric-skeleton.tsx
-var V = ({ className: e }) => /* @__PURE__ */ T(u, { className: e });
-function H({ variant: e = "default", size: n = "md", className: r }) {
+var W = ({ className: e }) => /* @__PURE__ */ O(h, { className: e });
+function G({ variant: e = "default", size: t = "md", className: n }) {
 	let i = "p-surface";
-	return e === "card" ? /* @__PURE__ */ E(l, {
-		className: t("metric-skeleton--component", r),
+	return e === "card" ? /* @__PURE__ */ k(m, {
+		className: r("metric-skeleton--component", n),
 		"aria-busy": "true",
 		"aria-live": "polite",
 		children: [
-			/* @__PURE__ */ T(V, { className: "h-3 w-24" }),
-			/* @__PURE__ */ T(V, { className: t("mt-space-lg", n === "lg" ? "h-9 w-40" : "h-7 w-32") }),
-			/* @__PURE__ */ T(V, { className: "mt-space-md h-3 w-20" }),
-			/* @__PURE__ */ T(V, { className: "mt-space-lg h-8 w-full" })
+			/* @__PURE__ */ O(W, { className: "h-3 w-24" }),
+			/* @__PURE__ */ O(W, { className: r("mt-space-lg", t === "lg" ? "h-9 w-40" : "h-7 w-32") }),
+			/* @__PURE__ */ O(W, { className: "mt-space-md h-3 w-20" }),
+			/* @__PURE__ */ O(W, { className: "mt-space-lg h-8 w-full" })
 		]
-	}) : e === "bordered" || e === "accent" || e === "colored" ? /* @__PURE__ */ E("div", {
-		className: t("metric-skeleton--component", "rounded-radius border border-border bg-card shadow-sm", i, r),
+	}) : e === "bordered" || e === "accent" || e === "colored" ? /* @__PURE__ */ k("div", {
+		className: r("metric-skeleton--component", "rounded-radius border border-border bg-card shadow-sm", i, n),
 		"aria-busy": "true",
 		"aria-live": "polite",
 		children: [
-			/* @__PURE__ */ T(V, { className: "h-3 w-24" }),
-			/* @__PURE__ */ T(V, { className: t("mt-space-lg", n === "lg" ? "h-9 w-40" : "h-7 w-32") }),
-			/* @__PURE__ */ T(V, { className: "mt-space-md h-3 w-20" }),
-			/* @__PURE__ */ T(V, { className: "mt-space-lg h-8 w-full" })
+			/* @__PURE__ */ O(W, { className: "h-3 w-24" }),
+			/* @__PURE__ */ O(W, { className: r("mt-space-lg", t === "lg" ? "h-9 w-40" : "h-7 w-32") }),
+			/* @__PURE__ */ O(W, { className: "mt-space-md h-3 w-20" }),
+			/* @__PURE__ */ O(W, { className: "mt-space-lg h-8 w-full" })
 		]
-	}) : e === "compact" ? /* @__PURE__ */ E("div", {
-		className: t("flex items-center gap-space-lg", r),
+	}) : e === "compact" ? /* @__PURE__ */ k("div", {
+		className: r("flex items-center gap-space-lg", n),
 		"aria-busy": "true",
 		children: [
-			/* @__PURE__ */ T(V, { className: "size-9 rounded-radius" }),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ O(W, { className: "size-9 rounded-radius" }),
+			/* @__PURE__ */ k("div", {
 				className: "flex-1 space-y-space-sm",
-				children: [/* @__PURE__ */ T(V, { className: "h-3 w-20" }), /* @__PURE__ */ T(V, { className: "h-4 w-28" })]
+				children: [/* @__PURE__ */ O(W, { className: "h-3 w-20" }), /* @__PURE__ */ O(W, { className: "h-4 w-28" })]
 			}),
-			/* @__PURE__ */ T(V, { className: "h-5 w-12 rounded-full" })
+			/* @__PURE__ */ O(W, { className: "h-5 w-12 rounded-full" })
 		]
-	}) : e === "minimal" ? /* @__PURE__ */ E("div", {
-		className: t("inline-flex items-baseline gap-space-md", r),
+	}) : e === "minimal" ? /* @__PURE__ */ k("div", {
+		className: r("inline-flex items-baseline gap-space-md", n),
 		"aria-busy": "true",
-		children: [/* @__PURE__ */ T(V, { className: "h-3 w-12" }), /* @__PURE__ */ T(V, { className: "h-3 w-16" })]
-	}) : /* @__PURE__ */ E("div", {
-		className: t("flex flex-col gap-space-sm", i, r),
+		children: [/* @__PURE__ */ O(W, { className: "h-3 w-12" }), /* @__PURE__ */ O(W, { className: "h-3 w-16" })]
+	}) : /* @__PURE__ */ k("div", {
+		className: r("flex flex-col gap-space-sm", i, n),
 		"aria-busy": "true",
 		children: [
-			/* @__PURE__ */ T(V, { className: "h-3 w-20" }),
-			/* @__PURE__ */ T(V, { className: "h-5 w-28" }),
-			/* @__PURE__ */ T(V, { className: "mt-1 h-6 w-full" })
+			/* @__PURE__ */ O(W, { className: "h-3 w-20" }),
+			/* @__PURE__ */ O(W, { className: "h-5 w-28" }),
+			/* @__PURE__ */ O(W, { className: "mt-1 h-6 w-full" })
 		]
 	});
 }
-H.displayName = "MetricSkeleton";
+G.displayName = "MetricSkeleton";
+//#endregion
+//#region src/components/blocks/analytics/use-metric-format-options.ts
+function K() {
+	let { locale: n } = e(), { defaultCurrency: r, formatMode: i } = t();
+	return D(() => ({
+		locale: n,
+		defaultCurrency: r,
+		moneyFormatMode: i
+	}), [
+		n,
+		r,
+		i
+	]);
+}
 //#endregion
 //#region src/components/blocks/analytics/metric/metric.tsx
-var pe = {
+var q = {
 	default: {
 		border: "border-border",
 		bg: "bg-card",
@@ -308,110 +328,110 @@ var pe = {
 		ring: "ring-border"
 	},
 	primary: {
-		border: "border-primary/25",
-		bg: "bg-primary/5",
-		bar: "bg-primary",
-		dot: "bg-primary",
-		ring: "ring-primary/20"
+		border: p.primary.edge,
+		bg: p.primary.wash,
+		bar: p.primary.solid,
+		dot: p.primary.solid,
+		ring: p.primary.halo
 	},
 	success: {
-		border: "border-success/30",
-		bg: "bg-success/5",
-		bar: "bg-success",
-		dot: "bg-success",
-		ring: "ring-success/20"
+		border: p.success.edge,
+		bg: p.success.wash,
+		bar: p.success.solid,
+		dot: p.success.solid,
+		ring: p.success.halo
 	},
 	warning: {
-		border: "border-warning/40",
-		bg: "bg-warning/10",
-		bar: "bg-warning",
-		dot: "bg-warning",
-		ring: "ring-warning/30"
+		border: p.warning.edge,
+		bg: p.warning.wash,
+		bar: p.warning.solid,
+		dot: p.warning.solid,
+		ring: p.warning.halo
 	},
 	danger: {
-		border: "border-destructive/30",
-		bg: "bg-destructive/5",
-		bar: "bg-destructive",
-		dot: "bg-destructive",
-		ring: "ring-destructive/20"
+		border: p.destructive.edge,
+		bg: p.destructive.wash,
+		bar: p.destructive.solid,
+		dot: p.destructive.solid,
+		ring: p.destructive.halo
 	},
 	info: {
-		border: "border-info/30",
-		bg: "bg-info/5",
-		bar: "bg-info",
-		dot: "bg-info",
-		ring: "ring-info/20"
+		border: p.info.edge,
+		bg: p.info.wash,
+		bar: p.info.solid,
+		dot: p.info.solid,
+		ring: p.info.halo
 	}
-}, me = {
+}, he = {
 	sm: "text-sm",
 	md: "text-base",
 	lg: "text-base"
-}, U = {
+}, J = {
 	sm: "2xl",
 	md: "2xl",
 	lg: "3xl"
-}, he = {
+}, ge = {
 	sm: "@max-[11rem]/metric-card:text-xl",
 	md: "@max-[11rem]/metric-card:text-xl",
 	lg: "@max-[16rem]/metric-card:text-2xl @max-[11rem]/metric-card:text-xl"
-}, W = {
+}, Y = {
 	sm: "h-control-sm",
 	md: "h-control",
 	lg: "h-control-lg"
-}, G = 16;
-function K(e) {
-	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: f, progress: p = 0, className: m, "aria-label": h } = e, g = t("metric--component", m), _ = S(() => N(n), [n]), v = S(() => P(n), [n]);
-	if (u) return /* @__PURE__ */ T(H, {
-		variant: i,
-		size: a,
+}, X = 16;
+function Z(e) {
+	let { data: t, variant: n = "default", size: i = "md", colorScheme: a = "default", showSparkline: o = !0, showChange: c = !0, showIcon: l = !0, loading: u = !1, error: d = !1, errorLabel: f, progress: p = 0, className: m, "aria-label": h } = e, g = r("metric--component", m), _ = K(), v = D(() => I(t, _), [t, _]), y = D(() => L(t), [t]);
+	if (u) return /* @__PURE__ */ O(G, {
+		variant: n,
+		size: i,
 		className: g
 	});
-	if (d) return /* @__PURE__ */ T("div", {
-		className: t("flex items-center justify-center rounded-radius border border-border bg-card text-card-foreground", "p-surface", g),
-		children: /* @__PURE__ */ T(r, { children: f ?? M.metricErrorLabel })
+	if (d) return /* @__PURE__ */ O("div", {
+		className: r("flex items-center justify-center rounded-radius border border-border bg-card text-card-foreground", "p-surface", g),
+		children: /* @__PURE__ */ O(s, { children: f ?? F.metricErrorLabel })
 	});
-	let y = {
-		data: n,
-		formattedValue: _,
-		trend: v,
-		size: a,
-		showSparkline: s,
+	let b = {
+		data: t,
+		formattedValue: v,
+		trend: y,
+		size: i,
+		showSparkline: o,
 		showChange: c,
 		showIcon: l,
-		colorScheme: o,
-		ariaLabel: h ?? n.label,
+		colorScheme: a,
+		ariaLabel: h ?? t.label,
 		className: g
 	};
-	switch (i) {
-		case "card": return /* @__PURE__ */ T(_e, { ...y });
-		case "compact": return /* @__PURE__ */ T(ve, { ...y });
-		case "minimal": return /* @__PURE__ */ T(ye, { ...y });
-		case "bordered": return /* @__PURE__ */ T(be, { ...y });
-		case "accent": return /* @__PURE__ */ T(xe, { ...y });
-		case "colored": return /* @__PURE__ */ T(Se, {
-			...y,
+	switch (n) {
+		case "card": return /* @__PURE__ */ O(ve, { ...b });
+		case "compact": return /* @__PURE__ */ O(ye, { ...b });
+		case "minimal": return /* @__PURE__ */ O(be, { ...b });
+		case "bordered": return /* @__PURE__ */ O(xe, { ...b });
+		case "accent": return /* @__PURE__ */ O(Se, { ...b });
+		case "colored": return /* @__PURE__ */ O(Ce, {
+			...b,
 			progress: p
 		});
-		default: return /* @__PURE__ */ T(ge, { ...y });
+		default: return /* @__PURE__ */ O(_e, { ...b });
 	}
 }
-K.displayName = "Metric";
-function ge({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, showChange: l, showIcon: u, ariaLabel: d, className: f }) {
+Z.displayName = "Metric";
+function _e({ data: e, formattedValue: t, trend: n, size: i, showSparkline: a, showChange: c, showIcon: l, ariaLabel: u, className: f }) {
 	let p = e.icon;
-	return /* @__PURE__ */ E(c, {
+	return /* @__PURE__ */ k(d, {
 		gap: "xs",
 		className: f,
-		"aria-label": d,
+		"aria-label": u,
 		children: [
-			/* @__PURE__ */ E(c, {
+			/* @__PURE__ */ k(d, {
 				direction: "horizontal",
 				align: "center",
 				gap: "sm",
 				className: "min-w-0 text-muted-foreground",
-				children: [!!u && !!p && /* @__PURE__ */ T(p, {
+				children: [!!l && !!p && /* @__PURE__ */ O(p, {
 					className: "size-icon-md shrink-0",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ T(r, {
+				}), /* @__PURE__ */ O(s, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
@@ -419,33 +439,33 @@ function ge({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, s
 					children: e.label
 				})]
 			}),
-			/* @__PURE__ */ T(i, {
+			/* @__PURE__ */ O(o, {
 				tag: "h5",
-				className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate", me[o]),
-				title: n,
-				children: n
+				className: r("font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate", he[i]),
+				title: t,
+				children: t
 			}),
-			!!l && !!e.change && /* @__PURE__ */ T("div", {
+			!!c && !!e.change && /* @__PURE__ */ O("div", {
 				className: "min-w-0",
-				children: /* @__PURE__ */ T(L, {
+				children: /* @__PURE__ */ O(B, {
 					change: e.change,
 					trend: e.trend,
-					size: o,
+					size: i,
 					variant: "compact"
 				})
 			}),
-			!!e.subtitle && /* @__PURE__ */ T(r, {
+			!!e.subtitle && /* @__PURE__ */ O(s, {
 				size: "xs",
 				type: "secondary",
 				className: "truncate",
 				children: e.subtitle
 			}),
-			!!s && !!e.sparkline?.length && /* @__PURE__ */ T(B, {
+			!!a && !!e.sparkline?.length && /* @__PURE__ */ O(U, {
 				data: e.sparkline,
-				trend: a,
-				className: t("mt-auto", W[o])
+				trend: n,
+				className: r("mt-auto", Y[i])
 			}),
-			!!e.footer && /* @__PURE__ */ T(r, {
+			!!e.footer && /* @__PURE__ */ O(s, {
 				size: "xs",
 				type: "discrete",
 				className: "truncate",
@@ -454,64 +474,64 @@ function ge({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, s
 		]
 	});
 }
-function _e({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, showChange: u, showIcon: d, ariaLabel: f, className: p }) {
-	let m = e.icon, h = !!(e.href || e.onClick);
-	return /* @__PURE__ */ E(l, {
-		title: /* @__PURE__ */ T(r, {
+function ve({ data: e, formattedValue: t, trend: n, size: i, showSparkline: a, showChange: c, showIcon: u, ariaLabel: f, className: p }) {
+	let h = e.icon, g = !!(e.href || e.onClick);
+	return /* @__PURE__ */ k(m, {
+		title: /* @__PURE__ */ O(s, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
 			weight: "medium",
 			children: e.label
 		}),
-		icon: d && m ? /* @__PURE__ */ T(m, {
+		icon: u && h ? /* @__PURE__ */ O(h, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}) : null,
 		tooltip: e.tooltip,
-		className: t("@container/metric-card", h && "relative transition-shadow hover:shadow-md [&_.card--tooltip-trigger]:relative [&_.card--tooltip-trigger]:z-10", p),
+		className: r("@container/metric-card", g && "relative transition-shadow hover:shadow-md [&_.card--tooltip-trigger]:relative [&_.card--tooltip-trigger]:z-10", p),
 		"aria-label": f,
-		children: [h && (e.href ? /* @__PURE__ */ T("a", {
+		children: [g && (e.href ? /* @__PURE__ */ O("a", {
 			href: e.href,
 			onClick: e.onClick,
 			"aria-label": f,
-			className: "metric--action absolute inset-0 z-0 rounded-radius focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"
-		}) : /* @__PURE__ */ T("button", {
+			className: `metric--action absolute inset-0 z-0 rounded-radius focus-visible:outline-none ${l.inset}`
+		}) : /* @__PURE__ */ O("button", {
 			type: "button",
 			onClick: e.onClick,
 			"aria-label": f,
-			className: "metric--action absolute inset-0 z-0 m-0 cursor-pointer rounded-radius border-0 bg-transparent p-0 font-sans focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"
-		})), /* @__PURE__ */ E(c, {
+			className: `metric--action absolute inset-0 z-0 m-0 cursor-pointer rounded-radius border-0 bg-transparent p-0 font-sans focus-visible:outline-none ${l.inset}`
+		})), /* @__PURE__ */ k(d, {
 			gap: "normal",
 			children: [
-				/* @__PURE__ */ E(c, {
+				/* @__PURE__ */ k(d, {
 					direction: "horizontal",
 					align: "baseline",
 					justify: "between",
 					gap: "sm",
-					children: [/* @__PURE__ */ T(i, {
-						tag: o === "sm" ? "h5" : o === "lg" ? "h3" : "h4",
-						size: U[o],
-						className: t("max-w-full break-words tabular-nums", he[o]),
-						children: n
-					}), !!u && !!e.change && /* @__PURE__ */ T(L, {
+					children: [/* @__PURE__ */ O(o, {
+						tag: i === "sm" ? "h5" : i === "lg" ? "h3" : "h4",
+						size: J[i],
+						className: r("max-w-full break-words tabular-nums", ge[i]),
+						children: t
+					}), !!c && !!e.change && /* @__PURE__ */ O(B, {
 						change: e.change,
 						trend: e.trend,
-						size: o,
+						size: i,
 						variant: "badge",
 						className: "@max-[16rem]/metric-card:px-space-xs"
 					})]
 				}),
-				!!e.subtitle && /* @__PURE__ */ T(r, {
+				!!e.subtitle && /* @__PURE__ */ O(s, {
 					type: "secondary",
 					children: e.subtitle
 				}),
-				!!s && !!e.sparkline?.length && /* @__PURE__ */ T(B, {
+				!!a && !!e.sparkline?.length && /* @__PURE__ */ O(U, {
 					data: e.sparkline,
-					trend: a,
-					className: o === "lg" ? "h-control-lg" : "h-control"
+					trend: n,
+					className: i === "lg" ? "h-control-lg" : "h-control"
 				}),
-				!!e.footer && /* @__PURE__ */ T(r, {
+				!!e.footer && /* @__PURE__ */ O(s, {
 					size: "xs",
 					type: "secondary",
 					children: e.footer
@@ -520,61 +540,61 @@ function _e({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, s
 		})]
 	});
 }
-function ve({ data: e, formattedValue: n, size: i, showChange: a, showIcon: o, ariaLabel: s, className: c }) {
+function ye({ data: e, formattedValue: t, size: n, showChange: i, showIcon: a, ariaLabel: o, className: c }) {
 	let l = e.icon;
-	return /* @__PURE__ */ E("div", {
-		className: t("flex items-center gap-space-lg", c),
-		"aria-label": s,
+	return /* @__PURE__ */ k("div", {
+		className: r("flex items-center gap-space-lg", c),
+		"aria-label": o,
 		children: [
-			!!o && !!l && /* @__PURE__ */ T("span", {
-				className: "inline-flex size-avatar shrink-0 items-center justify-center rounded-radius bg-muted/60 text-muted-foreground",
-				children: /* @__PURE__ */ T(l, {
+			!!a && !!l && /* @__PURE__ */ O("span", {
+				className: "inline-flex size-avatar shrink-0 items-center justify-center rounded-radius bg-foreground/8 text-muted-foreground",
+				children: /* @__PURE__ */ O(l, {
 					className: "size-icon",
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ k("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ T(r, {
+				children: [/* @__PURE__ */ O(s, {
 					size: "xs",
 					type: "secondary",
 					className: "truncate",
 					children: e.label
-				}), /* @__PURE__ */ T(h, {
-					size: i === "sm" ? "sm" : "base",
+				}), /* @__PURE__ */ O(y, {
+					size: n === "sm" ? "sm" : "base",
 					weight: "bold",
 					className: "block truncate tabular-nums",
-					children: n
+					children: t
 				})]
 			}),
-			!!a && !!e.change && /* @__PURE__ */ T(L, {
+			!!i && !!e.change && /* @__PURE__ */ O(B, {
 				change: e.change,
 				trend: e.trend,
-				size: i,
+				size: n,
 				variant: "badge",
 				className: "shrink-0"
 			})
 		]
 	});
 }
-function ye({ data: e, formattedValue: n, size: i, showChange: a, ariaLabel: o, className: s }) {
-	return /* @__PURE__ */ E("span", {
-		className: t("inline-flex items-baseline gap-space-md", s),
-		"aria-label": o,
+function be({ data: e, formattedValue: t, size: n, showChange: i, ariaLabel: a, className: o }) {
+	return /* @__PURE__ */ k("span", {
+		className: r("inline-flex items-baseline gap-space-md", o),
+		"aria-label": a,
 		children: [
-			/* @__PURE__ */ E(r, {
+			/* @__PURE__ */ k(s, {
 				tag: "span",
-				size: i === "lg" ? "sm" : "xs",
+				size: n === "lg" ? "sm" : "xs",
 				type: "secondary",
 				children: [e.label, ":"]
 			}),
-			/* @__PURE__ */ T(h, {
-				size: i === "lg" ? "sm" : "xs",
+			/* @__PURE__ */ O(y, {
+				size: n === "lg" ? "sm" : "xs",
 				weight: "semibold",
 				className: "tabular-nums",
-				children: n
+				children: t
 			}),
-			!!a && !!e.change && /* @__PURE__ */ T(L, {
+			!!i && !!e.change && /* @__PURE__ */ O(B, {
 				change: e.change,
 				trend: e.trend,
 				size: "sm",
@@ -583,53 +603,53 @@ function ye({ data: e, formattedValue: n, size: i, showChange: a, ariaLabel: o,
 		]
 	});
 }
-function be({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, showChange: l, showIcon: u, colorScheme: d, ariaLabel: f, className: p }) {
-	let m = e.icon, h = pe[d];
-	return /* @__PURE__ */ E(c, {
+function xe({ data: e, formattedValue: t, trend: n, size: i, showSparkline: a, showChange: c, showIcon: l, colorScheme: u, ariaLabel: f, className: p }) {
+	let m = e.icon, h = q[u];
+	return /* @__PURE__ */ k(d, {
 		gap: "lg",
-		className: t("rounded-radius border shadow-sm", "p-surface", h.border, h.bg, p),
+		className: r("rounded-radius border shadow-sm", "p-surface", h.border, h.bg, p),
 		"aria-label": f,
 		children: [
-			/* @__PURE__ */ E(c, {
+			/* @__PURE__ */ k(d, {
 				direction: "horizontal",
 				align: "center",
 				justify: "between",
 				gap: "md",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "flex items-center gap-space-md text-muted-foreground",
-					children: [!!u && !!m && /* @__PURE__ */ T(m, {
+					children: [!!l && !!m && /* @__PURE__ */ O(m, {
 						className: "size-icon shrink-0",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ T(r, {
+					}), /* @__PURE__ */ O(s, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						children: e.label
 					})]
-				}), !!l && !!e.change && /* @__PURE__ */ T(L, {
+				}), !!c && !!e.change && /* @__PURE__ */ O(B, {
 					change: e.change,
 					trend: e.trend,
-					size: o,
+					size: i,
 					variant: "badge"
 				})]
 			}),
-			/* @__PURE__ */ T(i, {
-				tag: o === "lg" ? "h3" : "h4",
-				size: U[o],
+			/* @__PURE__ */ O(o, {
+				tag: i === "lg" ? "h3" : "h4",
+				size: J[i],
 				className: "tabular-nums",
-				children: n
+				children: t
 			}),
-			!!e.subtitle && /* @__PURE__ */ T(r, {
+			!!e.subtitle && /* @__PURE__ */ O(s, {
 				size: "xs",
 				type: "secondary",
 				children: e.subtitle
 			}),
-			!!s && !!e.sparkline?.length && /* @__PURE__ */ T(B, {
+			!!a && !!e.sparkline?.length && /* @__PURE__ */ O(U, {
 				data: e.sparkline,
-				trend: a,
-				className: W[o]
+				trend: n,
+				className: Y[i]
 			}),
-			!!e.footer && /* @__PURE__ */ T(r, {
+			!!e.footer && /* @__PURE__ */ O(s, {
 				size: "xs",
 				type: "discrete",
 				children: e.footer
@@ -637,89 +657,89 @@ function be({ data: e, formattedValue: n, trend: a, size: o, showSparkline: s, s
 		]
 	});
 }
-function xe({ data: e, formattedValue: n, trend: o, size: s, showSparkline: l, showChange: u, ariaLabel: d, className: f }) {
-	let p = e.icon;
-	return /* @__PURE__ */ E(c, {
+function Se({ data: e, formattedValue: t, trend: n, size: i, showSparkline: c, showChange: l, showIcon: u, ariaLabel: f, className: p }) {
+	let m = e.icon;
+	return /* @__PURE__ */ k(d, {
 		gap: "none",
-		className: t("dark relative overflow-hidden rounded-radius bg-card text-card-foreground shadow-sm ring-1 ring-border", f),
-		"aria-label": d,
-		children: [/* @__PURE__ */ E(c, {
+		className: r("dark relative overflow-hidden rounded-radius bg-card text-card-foreground shadow-sm ring-1 ring-border", p),
+		"aria-label": f,
+		children: [/* @__PURE__ */ k(d, {
 			gap: "md",
 			className: "p-surface",
 			children: [
-				/* @__PURE__ */ E(c, {
+				/* @__PURE__ */ k(d, {
 					direction: "horizontal",
 					align: "center",
 					justify: "between",
 					gap: "lg",
-					children: [/* @__PURE__ */ T(a, { children: e.label }), !!p && /* @__PURE__ */ T("span", {
-						className: "inline-flex size-avatar-sm items-center justify-center rounded-radius bg-foreground/[0.08]",
-						children: /* @__PURE__ */ T(p, {
+					children: [/* @__PURE__ */ O(a, { children: e.label }), !!u && !!m && /* @__PURE__ */ O("span", {
+						className: "inline-flex size-avatar-sm items-center justify-center rounded-radius bg-foreground/8",
+						children: /* @__PURE__ */ O(m, {
 							className: "size-icon-md text-muted-foreground",
 							"aria-hidden": "true"
 						})
 					})]
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ k("div", {
 					className: "flex items-baseline gap-space-md",
-					children: [/* @__PURE__ */ T(i, {
+					children: [/* @__PURE__ */ O(o, {
 						tag: "h3",
-						size: U[s],
+						size: J[i],
 						className: "tabular-nums",
-						children: n
-					}), !!u && !!e.change && /* @__PURE__ */ T(L, {
+						children: t
+					}), !!l && !!e.change && /* @__PURE__ */ O(B, {
 						change: e.change,
 						trend: e.trend,
-						size: s,
+						size: i,
 						variant: "compact"
 					})]
 				}),
-				!!e.subtitle && /* @__PURE__ */ T(r, {
+				!!e.subtitle && /* @__PURE__ */ O(s, {
 					size: "xs",
 					type: "secondary",
 					children: e.subtitle
 				})
 			]
-		}), !!l && !!e.sparkline?.length && /* @__PURE__ */ T(B, {
+		}), !!c && !!e.sparkline?.length && /* @__PURE__ */ O(U, {
 			data: e.sparkline,
-			trend: o,
+			trend: n,
 			className: "h-control-lg w-full"
 		})]
 	});
 }
-function Se({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s, ariaLabel: c, className: l, progress: u = 0 }) {
-	let d = pe[s === "default" ? "primary" : s], f = Math.round(Math.min(Math.max(u, 0), 100) / 100 * G);
-	return /* @__PURE__ */ E("div", {
-		className: t("rounded-radius bg-card shadow-sm border border-border/50", "p-surface", l),
+function Ce({ data: e, formattedValue: t, size: n, showChange: i, colorScheme: a, ariaLabel: c, className: l, progress: u = 0 }) {
+	let d = q[a === "default" ? "primary" : a], f = Math.round(Math.min(Math.max(u, 0), 100) / 100 * X);
+	return /* @__PURE__ */ k("div", {
+		className: r("rounded-radius bg-card shadow-sm border border-border", "p-surface", l),
 		"aria-label": c,
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex items-center gap-space-md",
-				children: [/* @__PURE__ */ T(r, {
+				children: [/* @__PURE__ */ O(s, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					className: "truncate",
 					children: e.label
-				}), /* @__PURE__ */ T("span", {
-					className: t("size-1.5 rounded-full shrink-0", d.dot),
+				}), /* @__PURE__ */ O("span", {
+					className: r("size-1.5 rounded-full shrink-0", d.dot),
 					"aria-hidden": "true"
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ k("div", {
 				className: "mt-space-md flex items-baseline gap-space-md",
-				children: [/* @__PURE__ */ T(i, {
+				children: [/* @__PURE__ */ O(o, {
 					tag: "h3",
-					size: U[a],
+					size: J[n],
 					className: "tabular-nums",
-					children: n
-				}), !!e.subtitle && /* @__PURE__ */ T(r, {
+					children: t
+				}), !!e.subtitle && /* @__PURE__ */ O(s, {
 					size: "xs",
 					type: "secondary",
 					children: e.subtitle
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ O("div", {
 				className: "mt-space-xl flex items-center gap-space-2xs",
 				role: "progressbar",
 				"aria-label": `${e.label} progress`,
@@ -727,23 +747,23 @@ function Se({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
 				"aria-valuetext": `${u}%`,
-				children: Array.from({ length: G }, (e, n) => /* @__PURE__ */ T("div", { className: t("h-6 w-1.5 rounded-radius-sm transition-colors", n < f ? d.bar : "bg-muted") }, `seg-${n}`))
+				children: Array.from({ length: X }, (e, t) => /* @__PURE__ */ O("div", { className: r("h-6 w-1.5 rounded-radius-sm transition-colors", t < f ? d.bar : "bg-muted") }, `seg-${t}`))
 			}),
-			!!o && !!e.change && /* @__PURE__ */ T("div", {
+			!!i && !!e.change && /* @__PURE__ */ O("div", {
 				className: "mt-space-lg",
-				children: /* @__PURE__ */ T(L, {
+				children: /* @__PURE__ */ O(B, {
 					change: e.change,
 					trend: e.trend,
-					size: a,
+					size: n,
 					variant: "default"
 				})
 			}),
-			!!e.footer && /* @__PURE__ */ E("div", {
+			!!e.footer && /* @__PURE__ */ k("div", {
 				className: "mt-space-md inline-flex items-center gap-space-xs text-muted-foreground",
-				children: [/* @__PURE__ */ T(ne, {
+				children: [/* @__PURE__ */ O(ie, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ T(r, {
+				}), /* @__PURE__ */ O(s, {
 					size: "xs",
 					type: "secondary",
 					children: e.footer
@@ -754,64 +774,64 @@ function Se({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s
 }
 //#endregion
 //#region src/components/blocks/analytics/metric-bar/metric-bar.tsx
-function q({ metrics: e, period: n, onPeriodChange: i, variant: a = "default", size: s = "sm", showSparklines: c = !0, showChanges: l = !0, footerText: u, className: d }) {
-	let f = /* @__PURE__ */ T("div", {
+function Q({ metrics: e, period: t, onPeriodChange: n, variant: a = "default", size: o = "sm", showSparklines: c = !0, showChanges: l = !0, footerText: u, className: d }) {
+	let f = /* @__PURE__ */ O("div", {
 		className: "grid min-w-0 flex-1 grid-cols-1 divide-y divide-border @xl/metric-bar:flex @xl/metric-bar:items-stretch @xl/metric-bar:divide-x @xl/metric-bar:divide-y-0",
-		children: e.map((e) => /* @__PURE__ */ T("div", {
+		children: e.map((e) => /* @__PURE__ */ O("div", {
 			className: "flex min-w-0 flex-col px-surface py-row-y @xl/metric-bar:min-w-36 @xl/metric-bar:flex-1",
-			children: /* @__PURE__ */ T(K, {
+			children: /* @__PURE__ */ O(Z, {
 				data: e,
 				variant: "default",
-				size: s,
+				size: o,
 				showSparkline: c,
 				showChange: l,
 				className: "flex-1"
 			})
 		}, e.id))
-	}), p = !!n && /* @__PURE__ */ T("div", {
+	}), p = !!t && /* @__PURE__ */ O("div", {
 		className: "flex shrink-0 items-center border-b border-border px-row-x py-row-y @xl/metric-bar:border-b-0 @xl/metric-bar:py-0",
-		children: /* @__PURE__ */ E(o, {
+		children: /* @__PURE__ */ k(i, {
 			tone: "secondary",
 			buttonStyle: "ghost",
 			className: "gap-space-sm",
-			onClick: i ? () => i(n.value) : void 0,
-			children: [/* @__PURE__ */ T(re, {
+			onClick: n ? () => n(t.value) : void 0,
+			children: [/* @__PURE__ */ O(ae, {
 				className: "size-icon-md",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ T(r, {
+			}), /* @__PURE__ */ O(s, {
 				size: "inherit",
 				weight: "medium",
-				children: n.label
+				children: t.label
 			})]
 		})
 	});
-	return a === "gradient" ? /* @__PURE__ */ E("div", {
-		className: t("metric-bar--component @container/metric-bar", "w-full", "rounded-radius bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-px", d),
-		children: [/* @__PURE__ */ E("div", {
+	return a === "gradient" ? /* @__PURE__ */ k("div", {
+		className: r("metric-bar--component @container/metric-bar", "w-full", "rounded-radius bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-px", d),
+		children: [/* @__PURE__ */ k("div", {
 			className: "flex min-w-0 flex-col overflow-hidden rounded-radius bg-card @xl/metric-bar:flex-row",
-			children: [p && /* @__PURE__ */ E(w, { children: [p, /* @__PURE__ */ T("div", {
+			children: [p && /* @__PURE__ */ k(ne, { children: [p, /* @__PURE__ */ O("div", {
 				className: "hidden w-px bg-border @xl/metric-bar:block",
 				"aria-hidden": "true"
 			})] }), f]
-		}), !!u && /* @__PURE__ */ T("div", {
-			className: "rounded-b-radius border-t border-border/50 bg-card px-surface py-row-y",
-			children: /* @__PURE__ */ T(r, {
+		}), !!u && /* @__PURE__ */ O("div", {
+			className: "rounded-b-radius border-t border-border/60 bg-card px-surface py-row-y",
+			children: /* @__PURE__ */ O(s, {
 				size: "xs",
 				type: "discrete",
 				children: u
 			})
 		})]
-	}) : /* @__PURE__ */ E("div", {
-		className: t("metric-bar--component @container/metric-bar flex w-full flex-col overflow-hidden rounded-radius border border-border bg-card shadow-sm", d),
-		children: [/* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ k("div", {
+		className: r("metric-bar--component @container/metric-bar flex w-full flex-col overflow-hidden rounded-radius border border-border bg-card shadow-sm", d),
+		children: [/* @__PURE__ */ k("div", {
 			className: "flex min-w-0 flex-col overflow-hidden @xl/metric-bar:flex-row",
-			children: [p && /* @__PURE__ */ E(w, { children: [p, /* @__PURE__ */ T("div", {
+			children: [p && /* @__PURE__ */ k(ne, { children: [p, /* @__PURE__ */ O("div", {
 				className: "hidden w-px bg-border @xl/metric-bar:block",
 				"aria-hidden": "true"
 			})] }), f]
-		}), !!u && /* @__PURE__ */ T("div", {
-			className: "border-t border-border/50 px-surface py-row-y",
-			children: /* @__PURE__ */ T(r, {
+		}), !!u && /* @__PURE__ */ O("div", {
+			className: "border-t border-border/60 px-surface py-row-y",
+			children: /* @__PURE__ */ O(s, {
 				size: "xs",
 				type: "discrete",
 				children: u
@@ -819,205 +839,194 @@ function q({ metrics: e, period: n, onPeriodChange: i, variant: a = "default", s
 		})]
 	});
 }
-q.displayName = "MetricBar";
+Q.displayName = "MetricBar";
 //#endregion
 //#region src/components/blocks/analytics/metric-grid/metric-grid.tsx
-var J = {
+var we = {
 	1: "grid-cols-1",
 	2: "grid-cols-1 @md/metric-grid:grid-cols-2",
 	3: "grid-cols-1 @md/metric-grid:grid-cols-2 @3xl/metric-grid:grid-cols-3",
 	4: "grid-cols-1 @md/metric-grid:grid-cols-2 @5xl/metric-grid:grid-cols-4",
 	6: "grid-cols-1 @md/metric-grid:grid-cols-2 @3xl/metric-grid:grid-cols-3 @7xl/metric-grid:grid-cols-6"
 };
-function Ce(e) {
-	return J[e <= 1 ? 1 : e === 2 ? 2 : e === 3 ? 3 : e <= 4 || e > 6 ? 4 : 6];
+function Te(e) {
+	return we[e <= 1 ? 1 : e === 2 ? 2 : e === 3 ? 3 : e <= 4 || e > 6 ? 4 : 6];
 }
-function Y({ metrics: e, variant: n = "card", size: r = "md", colorScheme: i = "default", columns: a = "auto", gap: o = "xl", showSparklines: c = !0, showChanges: l = !0, showIcons: u = !0, loading: d = !1, className: f }) {
-	let p = a === "auto" ? Ce(e.length) : J[a];
-	return /* @__PURE__ */ T("div", {
-		className: t("metric-grid--component @container/metric-grid", f),
-		children: /* @__PURE__ */ T(s, {
+function Ee({ metrics: e, variant: t = "card", size: n = "md", colorScheme: i = "default", columns: a = "auto", gap: o = "xl", showSparklines: s = !0, showChanges: c = !0, showIcons: l = !0, loading: d = !1, className: f }) {
+	let p = a === "auto" ? Te(e.length) : we[a];
+	return /* @__PURE__ */ O("div", {
+		className: r("metric-grid--component @container/metric-grid", f),
+		children: /* @__PURE__ */ O(u, {
 			columns: 1,
 			gap: o,
-			className: t("metric-grid--grid", p),
-			children: e.map((e) => /* @__PURE__ */ T(K, {
+			className: r("metric-grid--grid", p),
+			children: e.map((e) => /* @__PURE__ */ O(Z, {
 				data: e,
-				variant: n,
-				size: r,
+				variant: t,
+				size: n,
 				colorScheme: i,
-				showSparkline: c,
-				showChange: l,
-				showIcon: u,
+				showSparkline: s,
+				showChange: c,
+				showIcon: l,
 				loading: d
 			}, e.id))
 		})
 	});
 }
-Y.displayName = "MetricGrid";
+Ee.displayName = "MetricGrid";
 //#endregion
 //#region src/components/blocks/analytics/metric-comparison/metric-comparison.tsx
-var X = {
+var De = {
 	title: "Comparison",
 	currentLabel: "This period",
 	previousLabel: "Previous period",
 	suffix: "vs previous"
 };
-function Z(e) {
+function Oe(e) {
 	if (e == null) return null;
 	if (typeof e == "number") return e;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : null;
 }
-function Q({ current: n, previous: o, title: s, currentPeriod: l, previousPeriod: u, className: d, strings: f }) {
-	let p = e(X, f), m = Z(n.value), g = Z(o.value), v = m !== null && g !== null, y = v ? m - g : 0, ee = v && g !== 0 ? Math.round(y / g * 100) : 0, b = y > 0, x = y === 0, S = x ? ie : b ? O : D, C = x ? {
-		box: "bg-muted/40",
-		badge: "secondary"
-	} : b ? {
-		box: "bg-success/10",
-		badge: "success"
-	} : {
-		box: "bg-destructive/10",
-		badge: "destructive"
-	};
-	return /* @__PURE__ */ E(c, {
+function ke({ current: e, previous: t, title: i, currentPeriod: c, previousPeriod: l, className: u, strings: f }) {
+	let p = n(De, f), m = K(), h = Oe(e.value), g = Oe(t.value), _ = h !== null && g !== null, v = _ ? h - g : 0, b = _ && g !== 0 ? Math.round(v / g * 100) : 0, x = v > 0, C = v === 0, w = C ? oe : x ? j : A, T = C ? "secondary" : x ? "success" : "destructive";
+	return /* @__PURE__ */ k(d, {
 		"data-component": "metric-comparison",
 		"data-slot": "metric-comparison",
 		gap: "md",
-		className: t("metric-comparison--component @container/metric-comparison", d),
-		"aria-label": s ?? p.title,
+		className: r("metric-comparison--component @container/metric-comparison", u),
+		"aria-label": i ?? p.title,
 		children: [
-			!!(l || u) && /* @__PURE__ */ E(c, {
+			!!(c || l) && /* @__PURE__ */ k(d, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
 				gap: "sm",
-				children: [!!l && /* @__PURE__ */ T(_, {
+				children: [!!c && /* @__PURE__ */ O(S, {
 					tone: "secondary",
 					inline: !0,
-					children: l
-				}), !!u && /* @__PURE__ */ T(_, {
+					children: c
+				}), !!l && /* @__PURE__ */ O(S, {
 					tone: "secondary",
 					inline: !0,
-					children: u
+					children: l
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ k("div", {
 				className: "grid items-stretch gap-space-md grid-cols-1 @md/metric-comparison:grid-cols-[1fr_auto_1fr]",
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ k("div", {
 						className: "rounded-radius border border-border/60 bg-card p-surface",
-						children: [/* @__PURE__ */ T(a, { children: p.currentLabel }), /* @__PURE__ */ T(i, {
+						children: [/* @__PURE__ */ O(a, { children: p.currentLabel }), /* @__PURE__ */ O(o, {
 							tag: "h5",
 							className: "text-base tabular-nums tracking-tight border-none pb-0",
-							children: N(n)
+							children: I(e, m)
 						})]
 					}),
-					/* @__PURE__ */ E("div", {
-						className: "flex items-center justify-center text-muted-foreground/60",
-						children: [/* @__PURE__ */ T(te, {
+					/* @__PURE__ */ k("div", {
+						className: "flex items-center justify-center text-muted-foreground",
+						children: [/* @__PURE__ */ O(re, {
 							className: "hidden size-icon @md/metric-comparison:block",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ T(D, {
+						}), /* @__PURE__ */ O(A, {
 							className: "size-icon @md/metric-comparison:hidden",
 							"aria-hidden": "true"
 						})]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ k("div", {
 						className: "rounded-radius border border-border/60 bg-muted/30 p-surface",
-						children: [/* @__PURE__ */ T(a, { children: p.previousLabel }), /* @__PURE__ */ T(i, {
+						children: [/* @__PURE__ */ O(a, { children: p.previousLabel }), /* @__PURE__ */ O(o, {
 							tag: "h5",
 							className: "text-base tabular-nums tracking-tight border-none pb-0 text-muted-foreground",
-							children: N(o)
+							children: I(t, m)
 						})]
 					})
 				]
 			}),
-			!!v && /* @__PURE__ */ T("div", {
-				className: t("rounded-radius p-surface", C.box),
-				children: /* @__PURE__ */ E(c, {
-					direction: "horizontal",
-					wrap: !0,
-					align: "center",
-					gap: "md",
-					children: [/* @__PURE__ */ E(_, {
-						tone: C.badge,
-						size: "sm",
-						inline: !0,
-						children: [/* @__PURE__ */ T(S, {
-							className: "size-icon-sm",
-							strokeWidth: 2.5,
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ E(h, {
-							size: "inherit",
-							weight: "semibold",
-							className: "tabular-nums text-inherit",
-							children: [b ? "+" : x ? "" : "−", ((e) => {
-								let t = Math.abs(e);
-								return N({
-									...n,
-									value: t
-								});
-							})(y)]
-						})]
-					}), /* @__PURE__ */ E(r, {
-						size: "xs",
-						type: "secondary",
-						className: t("tabular-nums", b && "text-success", !b && !x && "text-destructive"),
-						children: [
-							b ? "+" : x ? "" : "−",
-							Math.abs(ee),
-							"% ",
-							p.suffix
-						]
+			!!_ && /* @__PURE__ */ k(d, {
+				direction: "horizontal",
+				wrap: !0,
+				align: "center",
+				gap: "md",
+				className: "metric-comparison--delta",
+				children: [/* @__PURE__ */ k(S, {
+					tone: T,
+					size: "sm",
+					inline: !0,
+					children: [/* @__PURE__ */ O(w, {
+						className: "size-icon-sm",
+						strokeWidth: 2.5,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ k(y, {
+						size: "inherit",
+						weight: "semibold",
+						className: "tabular-nums text-inherit",
+						children: [x ? "+" : C ? "" : "−", ((t) => {
+							let n = Math.abs(t);
+							return I({
+								...e,
+								value: n
+							}, m);
+						})(v)]
 					})]
-				})
+				}), /* @__PURE__ */ k(s, {
+					size: "xs",
+					type: "secondary",
+					className: "tabular-nums",
+					children: [
+						x ? "+" : C ? "" : "−",
+						Math.abs(b),
+						"% ",
+						p.suffix
+					]
+				})]
 			})
 		]
 	});
 }
-Q.displayName = "MetricComparison";
+ke.displayName = "MetricComparison";
 //#endregion
 //#region src/components/blocks/analytics/metric-micro-grid/metric-micro-grid.tsx
-var we = [
+var Ae = [
 	"bars",
 	"line",
 	"dots",
 	"progress",
 	"area",
 	"pie"
-], Te = {
-	bars: "var(--primary)",
-	line: "var(--info)",
-	dots: "var(--warning)",
-	progress: "var(--success)",
-	area: "var(--primary)",
-	pie: "var(--success)"
-}, Ee = [
-	"var(--success)",
-	"var(--info)",
-	"var(--warning)"
+], je = {
+	bars: "var(--chart-1)",
+	line: "var(--chart-1)",
+	dots: "var(--chart-1)",
+	progress: "var(--chart-1)",
+	area: "var(--chart-1)",
+	pie: "var(--chart-1)"
+}, Me = [
+	"var(--chart-1)",
+	"var(--chart-2)",
+	"var(--chart-3)"
 ];
-function De({ data: e, color: n }) {
-	let r = Math.max(...e, 1);
-	return /* @__PURE__ */ T("div", {
-		className: t("metric-micro-grid--component", "flex h-5 items-end gap-space-2xs"),
-		children: e.slice(0, 6).map((e, t) => /* @__PURE__ */ T("div", {
+function Ne({ data: e, color: t }) {
+	let n = Math.max(...e, 1);
+	return /* @__PURE__ */ O("div", {
+		className: r("metric-micro-grid--component", "flex h-5 items-end gap-space-2xs"),
+		children: e.slice(0, 6).map((e, r) => /* @__PURE__ */ O("div", {
 			className: "flex-1 rounded-t-radius-sm",
 			style: {
-				height: `${e / r * 100}%`,
-				backgroundColor: n,
+				height: `${e / n * 100}%`,
+				backgroundColor: t,
 				opacity: .8
 			}
-		}, `bar-${t}`))
+		}, `bar-${r}`))
 	});
 }
-function Oe({ data: e, color: t }) {
+function Pe({ data: e, color: t }) {
 	let n = Math.max(...e, 1), r = Math.min(...e), i = n - r || 1, a = e.slice(0, 6);
-	return /* @__PURE__ */ T("svg", {
+	return /* @__PURE__ */ O("svg", {
 		viewBox: "0 0 60 16",
 		className: "h-5 w-full",
 		preserveAspectRatio: "none",
-		children: /* @__PURE__ */ T("polyline", {
+		children: /* @__PURE__ */ O("polyline", {
 			fill: "none",
 			stroke: t,
 			strokeWidth: "1.5",
@@ -1027,12 +1036,12 @@ function Oe({ data: e, color: t }) {
 		})
 	});
 }
-function ke({ data: e, color: t }) {
+function Fe({ data: e, color: t }) {
 	let n = Math.max(...e, 1);
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "flex h-5 items-end justify-around",
 		"data-intrinsic-geometry": !0,
-		children: e.slice(0, 5).map((e, r) => /* @__PURE__ */ T("div", {
+		children: e.slice(0, 5).map((e, r) => /* @__PURE__ */ O("div", {
 			className: "h-1.5 w-1.5 rounded-full",
 			style: {
 				marginBottom: `${e / n * 12}px`,
@@ -1041,11 +1050,11 @@ function ke({ data: e, color: t }) {
 		}, `dot-${r}`))
 	});
 }
-function Ae({ data: e, color: t }) {
+function Ie({ data: e, color: t }) {
 	let n = e[0] ?? 0, r = e[1] ?? 100, i = Math.min(n / r * 100, 100);
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "h-1.5 w-full overflow-hidden rounded-full bg-muted",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ O("div", {
 			className: "h-full rounded-full transition-[width,background-color] motion-reduce:transition-none",
 			style: {
 				width: `${i}%`,
@@ -1054,21 +1063,21 @@ function Ae({ data: e, color: t }) {
 		})
 	});
 }
-function je({ data: e, color: t }) {
-	let n = x(), r = z(), i = `micro-area-${n.replaceAll(":", "")}`, a = e.map((e, t) => ({
+function Le({ data: e, color: t }) {
+	let n = E(), r = H(), i = `micro-area-${n.replaceAll(":", "")}`, a = e.map((e, t) => ({
 		i: t,
 		v: e
 	}));
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "h-5 w-full",
-		children: /* @__PURE__ */ T(j, {
+		children: /* @__PURE__ */ O(P, {
 			width: "100%",
 			height: "100%",
 			initialDimension: {
 				width: 1,
 				height: 1
 			},
-			children: /* @__PURE__ */ E(A, {
+			children: /* @__PURE__ */ k(N, {
 				data: a,
 				margin: {
 					top: 0,
@@ -1076,22 +1085,22 @@ function je({ data: e, color: t }) {
 					bottom: 0,
 					left: 0
 				},
-				children: [/* @__PURE__ */ T("defs", { children: /* @__PURE__ */ E("linearGradient", {
+				children: [/* @__PURE__ */ O("defs", { children: /* @__PURE__ */ k("linearGradient", {
 					id: i,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ T("stop", {
+					children: [/* @__PURE__ */ O("stop", {
 						offset: "0%",
 						stopColor: t,
 						stopOpacity: .3
-					}), /* @__PURE__ */ T("stop", {
+					}), /* @__PURE__ */ O("stop", {
 						offset: "100%",
 						stopColor: t,
 						stopOpacity: 0
 					})]
-				}) }), /* @__PURE__ */ T(k, {
+				}) }), /* @__PURE__ */ O(M, {
 					type: "monotone",
 					dataKey: "v",
 					stroke: t,
@@ -1103,67 +1112,67 @@ function je({ data: e, color: t }) {
 		})
 	});
 }
-function Me({ data: e }) {
+function Re({ data: e }) {
 	let t = e.reduce((e, t) => e + t, 0) || 1, n = 0;
-	return /* @__PURE__ */ T("svg", {
+	return /* @__PURE__ */ O("svg", {
 		viewBox: "0 0 24 24",
 		className: "h-6 w-6",
 		children: e.slice(0, 3).map((e, r) => {
 			let i = e / t * 360, a = n;
 			n += i;
 			let o = (a - 90) * Math.PI / 180, s = (a + i - 90) * Math.PI / 180, c = +(i > 180), l = 12 + 10 * Math.cos(o), u = 12 + 10 * Math.sin(o), d = 12 + 10 * Math.cos(s), f = 12 + 10 * Math.sin(s);
-			return /* @__PURE__ */ T("path", {
+			return /* @__PURE__ */ O("path", {
 				d: `M12,12 L${l},${u} A10,10 0 ${c},1 ${d},${f} Z`,
-				fill: Ee[r % Ee.length]
+				fill: Me[r % Me.length]
 			}, `slice-${r}`);
 		})
 	});
 }
-function Ne({ kind: e, data: t }) {
-	let n = Te[e];
-	return e === "bars" ? /* @__PURE__ */ T(De, {
+function ze({ kind: e, data: t }) {
+	let n = je[e];
+	return e === "bars" ? /* @__PURE__ */ O(Ne, {
 		data: t,
 		color: n
-	}) : e === "line" ? /* @__PURE__ */ T(Oe, {
+	}) : e === "line" ? /* @__PURE__ */ O(Pe, {
 		data: t,
 		color: n
-	}) : e === "dots" ? /* @__PURE__ */ T(ke, {
+	}) : e === "dots" ? /* @__PURE__ */ O(Fe, {
 		data: t,
 		color: n
-	}) : e === "progress" ? /* @__PURE__ */ T(Ae, {
+	}) : e === "progress" ? /* @__PURE__ */ O(Ie, {
 		data: t,
 		color: n
-	}) : e === "area" ? /* @__PURE__ */ T(je, {
+	}) : e === "area" ? /* @__PURE__ */ O(Le, {
 		data: t,
 		color: n
-	}) : /* @__PURE__ */ T(Me, { data: t });
+	}) : /* @__PURE__ */ O(Re, { data: t });
 }
-function Pe({ title: e = "Overview", cells: n, className: r }) {
-	return /* @__PURE__ */ T("div", {
+function Be({ title: e = "Overview", cells: t, className: n }) {
+	return /* @__PURE__ */ O("div", {
 		"data-component": "metric-micro-grid",
 		"data-slot": "metric-micro-grid",
-		className: t("metric-micro-grid--component min-w-0", r),
+		className: r("metric-micro-grid--component min-w-0", n),
 		"aria-label": e,
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ O("div", {
 			className: "grid grid-cols-3 grid-rows-2",
-			children: n.slice(0, 6).map((e, n) => /* @__PURE__ */ T("div", {
-				className: t("p-surface-xs", n % 3 != 2 && "border-r border-border/50", n < 3 && "border-b border-border/50"),
-				children: /* @__PURE__ */ E(c, {
+			children: t.slice(0, 6).map((e, t) => /* @__PURE__ */ O("div", {
+				className: r("p-surface-xs", t % 3 != 2 && "border-r border-border/60", t < 3 && "border-b border-border/60"),
+				children: /* @__PURE__ */ k(d, {
 					gap: "sm",
 					children: [
-						/* @__PURE__ */ T(a, {
+						/* @__PURE__ */ O(a, {
 							className: "truncate",
 							children: e.label
 						}),
-						/* @__PURE__ */ T(h, {
+						/* @__PURE__ */ O(y, {
 							weight: "bold",
 							className: "truncate tabular-nums",
 							children: e.value
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ O("div", {
 							className: "mt-auto",
-							children: /* @__PURE__ */ T(Ne, {
-								kind: e.chart ?? we[n],
+							children: /* @__PURE__ */ O(ze, {
+								kind: e.chart ?? Ae[t],
 								data: e.data
 							})
 						})
@@ -1173,89 +1182,89 @@ function Pe({ title: e = "Overview", cells: n, className: r }) {
 		})
 	});
 }
-Pe.displayName = "MetricMicroGrid";
+Be.displayName = "MetricMicroGrid";
 //#endregion
 //#region src/components/blocks/analytics/metric-gradient/metric-gradient.tsx
-var Fe = {
+var Ve = {
 	green: "bg-gradient-to-br from-success via-primary to-success",
 	purple: "bg-gradient-to-br from-primary via-info to-primary",
 	warm: "bg-gradient-to-br from-warning via-destructive to-warning",
 	ocean: "bg-gradient-to-br from-info via-success to-info"
-}, $ = "var(--inverse-foreground)", Ie = "var(--inverse-muted)";
-function Le({ title: e, value: n, change: o, data: s, theme: l = "green", subtitle: u, className: d }) {
-	let f = x(), p = z(), m = `metric-grad-${f.replaceAll(":", "")}`;
-	return /* @__PURE__ */ T("div", {
-		className: t("metric-gradient--component", "relative overflow-hidden rounded-radius p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border", Fe[l], d),
-		children: /* @__PURE__ */ E(c, {
+}, $ = "var(--inverse-foreground)", He = "var(--inverse-muted)";
+function Ue({ title: e, value: t, change: n, data: i, theme: c = "green", subtitle: l, className: u }) {
+	let f = E(), p = H(), m = `metric-grad-${f.replaceAll(":", "")}`;
+	return /* @__PURE__ */ O("div", {
+		className: r("metric-gradient--component", "relative overflow-hidden rounded-radius p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border", Ve[c], u),
+		children: /* @__PURE__ */ k(d, {
 			gap: "md",
-			children: [/* @__PURE__ */ E(c, {
+			children: [/* @__PURE__ */ k(d, {
 				direction: "horizontal",
 				align: "start",
 				justify: "between",
 				wrap: !0,
 				className: "relative rounded-radius bg-inverse-background p-surface",
-				children: [/* @__PURE__ */ E(c, {
+				children: [/* @__PURE__ */ k(d, {
 					gap: "xs",
 					className: "min-w-0",
 					children: [
-						/* @__PURE__ */ T(a, {
+						/* @__PURE__ */ O(a, {
 							tone: "inverse",
 							children: e
 						}),
-						!!n && /* @__PURE__ */ T(i, {
+						!!t && /* @__PURE__ */ O(o, {
 							tag: "h3",
 							className: "text-base font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground",
-							children: n
+							children: t
 						}),
-						!!u && /* @__PURE__ */ T(r, {
+						!!l && /* @__PURE__ */ O(s, {
 							size: "xs",
 							className: "text-inverse-muted",
-							children: u
+							children: l
 						})
 					]
-				}), !!o && /* @__PURE__ */ T(L, {
-					change: o,
-					trend: o.direction === "up" ? "positive" : o.direction === "down" ? "negative" : "neutral",
+				}), !!n && /* @__PURE__ */ O(B, {
+					change: n,
+					trend: n.direction === "up" ? "positive" : n.direction === "down" ? "negative" : "neutral",
 					size: "sm",
 					variant: "badge",
 					className: "shrink-0 !bg-inverse-surface-strong !text-inverse-foreground"
 				})]
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ O("div", {
 				className: "relative -mx-1 h-24",
-				children: /* @__PURE__ */ T(j, {
+				children: /* @__PURE__ */ O(P, {
 					width: "100%",
 					height: "100%",
 					initialDimension: {
 						width: 1,
 						height: 1
 					},
-					children: /* @__PURE__ */ E(A, {
-						data: s,
+					children: /* @__PURE__ */ k(N, {
+						data: i,
 						margin: {
 							top: 4,
 							right: 0,
 							bottom: 0,
 							left: 0
 						},
-						children: [/* @__PURE__ */ T("defs", { children: /* @__PURE__ */ E("linearGradient", {
+						children: [/* @__PURE__ */ O("defs", { children: /* @__PURE__ */ k("linearGradient", {
 							id: m,
 							x1: "0",
 							y1: "0",
 							x2: "0",
 							y2: "1",
-							children: [/* @__PURE__ */ T("stop", {
+							children: [/* @__PURE__ */ O("stop", {
 								offset: "0%",
 								stopColor: $,
 								stopOpacity: .3
-							}), /* @__PURE__ */ T("stop", {
+							}), /* @__PURE__ */ O("stop", {
 								offset: "100%",
 								stopColor: $,
 								stopOpacity: 0
 							})]
-						}) }), /* @__PURE__ */ T(k, {
+						}) }), /* @__PURE__ */ O(M, {
 							type: "monotone",
 							dataKey: "value",
-							stroke: Ie,
+							stroke: He,
 							strokeWidth: 2,
 							fill: `url(#${m})`,
 							dot: !1,
@@ -1263,7 +1272,7 @@ function Le({ title: e, value: n, change: o, data: s, theme: l = "green", subtit
 								r: 4,
 								strokeWidth: 2,
 								fill: $,
-								stroke: Ie
+								stroke: He
 							},
 							isAnimationActive: !p,
 							animationDuration: 800
@@ -1274,21 +1283,21 @@ function Le({ title: e, value: n, change: o, data: s, theme: l = "green", subtit
 		})
 	});
 }
-Le.displayName = "MetricGradient";
+Ue.displayName = "MetricGradient";
 //#endregion
 //#region src/components/blocks/analytics/activity-heatmap/activity-heatmap.tsx
-var Re = {
-	0: "fill-muted",
-	1: "fill-success/20",
-	2: "fill-success/40",
-	3: "fill-success/65",
-	4: "fill-success"
-}, ze = t("text--component fill-current", n({
+var We = {
+	0: f.activity[0],
+	1: f.activity[1],
+	2: f.activity[2],
+	3: f.activity[3],
+	4: f.activity[4]
+}, Ge = r("text--component fill-current", c({
 	size: "xs",
 	type: "secondary",
 	lineHeight: "none"
 }));
-function Be(e, t) {
+function Ke(e, t) {
 	if (e.length === 0) return {
 		weeks: [],
 		monthLabels: []
@@ -1324,59 +1333,59 @@ function Be(e, t) {
 		monthLabels: u
 	};
 }
-function Ve({ title: n, description: i, data: a, className: o, strings: s }) {
-	let l = e(M, s), { weeks: u, monthLabels: d } = Be(a, l.heatmapMonthNames);
-	return /* @__PURE__ */ E(c, {
+function qe({ title: e, description: t, data: i, className: a, strings: o }) {
+	let c = n(F, o), { weeks: l, monthLabels: u } = Ke(i, c.heatmapMonthNames);
+	return /* @__PURE__ */ k(d, {
 		gap: "md",
 		"data-component": "activity-heatmap",
 		"data-slot": "activity-heatmap",
-		className: t("activity-heatmap--component", o),
-		"aria-label": n,
-		children: [!!i && /* @__PURE__ */ T(r, {
+		className: r("activity-heatmap--component", a),
+		"aria-label": e,
+		children: [!!t && /* @__PURE__ */ O(s, {
 			type: "secondary",
-			children: i
-		}), /* @__PURE__ */ T("div", {
+			children: t
+		}), /* @__PURE__ */ O("div", {
 			className: "overflow-x-auto",
 			"data-intrinsic-geometry": !0,
-			children: /* @__PURE__ */ E("div", {
+			children: /* @__PURE__ */ k("div", {
 				className: "inline-flex min-w-max flex-col gap-space-sm",
-				children: [/* @__PURE__ */ E("svg", {
-					width: 28 + u.length * 15,
+				children: [/* @__PURE__ */ k("svg", {
+					width: 28 + l.length * 15,
 					height: 124,
 					className: "block overflow-visible",
 					role: "img",
-					"aria-label": n,
-					children: [/* @__PURE__ */ E("g", { children: [d.filter((e, t, n) => t === 0 || e.weekIndex - n[t - 1].weekIndex >= 3).map((e) => /* @__PURE__ */ T("text", {
-						className: ze,
+					"aria-label": e,
+					children: [/* @__PURE__ */ k("g", { children: [u.filter((e, t, n) => t === 0 || e.weekIndex - n[t - 1].weekIndex >= 3).map((e) => /* @__PURE__ */ O("text", {
+						className: Ge,
 						"data-typography": "text",
 						x: 28 + e.weekIndex * 15,
 						y: 0,
 						dominantBaseline: "text-before-edge",
 						children: e.label
-					}, `${e.label}-${e.weekIndex}`)), l.heatmapDayLabels.map((e, t) => e ? /* @__PURE__ */ T("text", {
-						className: ze,
+					}, `${e.label}-${e.weekIndex}`)), c.heatmapDayLabels.map((e, t) => e ? /* @__PURE__ */ O("text", {
+						className: Ge,
 						"data-typography": "text",
 						x: 24,
 						y: 28 + t * 15,
 						dominantBaseline: "central",
 						textAnchor: "end",
 						children: e
-					}, `day-${t}`) : null)] }), u.map((e, t) => /* @__PURE__ */ T("g", { children: e.map((e, n) => /* @__PURE__ */ T("rect", {
+					}, `day-${t}`) : null)] }), l.map((e, t) => /* @__PURE__ */ O("g", { children: e.map((e, n) => /* @__PURE__ */ O("rect", {
 						x: 28 + t * 15,
 						y: 22 + n * 15,
 						width: 12,
 						height: 12,
 						rx: 2.5,
-						className: e ? Re[e.level] : "fill-transparent",
-						children: e && /* @__PURE__ */ T("title", { children: `${e.date}: Level ${e.level}` })
+						className: e ? We[e.level] : "fill-transparent",
+						children: e && /* @__PURE__ */ O("title", { children: `${e.date}: Level ${e.level}` })
 					}, `d-${t}-${n}`)) }, `w-${t}`))]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "activity-heatmap--legend flex items-center justify-end gap-space-sm",
 					children: [
-						/* @__PURE__ */ T(r, {
+						/* @__PURE__ */ O(s, {
 							size: "xs",
 							type: "secondary",
-							children: l.heatmapLegendLess
+							children: c.heatmapLegendLess
 						}),
 						[
 							0,
@@ -1384,22 +1393,22 @@ function Ve({ title: n, description: i, data: a, className: o, strings: s }) {
 							2,
 							3,
 							4
-						].map((e) => /* @__PURE__ */ T("svg", {
+						].map((e) => /* @__PURE__ */ O("svg", {
 							width: 12,
 							height: 12,
 							"aria-hidden": "true",
 							className: "shrink-0",
-							children: /* @__PURE__ */ T("rect", {
+							children: /* @__PURE__ */ O("rect", {
 								width: 12,
 								height: 12,
 								rx: 2.5,
-								className: Re[e]
+								className: We[e]
 							})
 						}, `legend-${e}`)),
-						/* @__PURE__ */ T(r, {
+						/* @__PURE__ */ O(s, {
 							size: "xs",
 							type: "secondary",
-							children: l.heatmapLegendMore
+							children: c.heatmapLegendMore
 						})
 					]
 				})]
@@ -1407,32 +1416,32 @@ function Ve({ title: n, description: i, data: a, className: o, strings: s }) {
 		})]
 	});
 }
-Ve.displayName = "ActivityHeatmap";
+qe.displayName = "ActivityHeatmap";
 //#endregion
 //#region src/components/blocks/analytics/chart-card/chart-card.tsx
-function He({ title: e, description: n, headerEnd: r, titleSuffix: i, footer: a, config: o, children: s, initialDimension: c, surface: l, padding: u, className: d, contentClassName: f, chartClassName: p }) {
-	return /* @__PURE__ */ T(y, {
+function Je({ title: e, description: t, headerEnd: n, titleSuffix: i, footer: a, config: o, children: s, initialDimension: c, surface: l, padding: u, className: d, contentClassName: f, chartClassName: p }) {
+	return /* @__PURE__ */ O(w, {
 		title: e,
-		description: n,
-		headerEnd: r,
+		description: t,
+		headerEnd: n,
 		titleSuffix: i,
 		footerSlot: a,
 		surface: l,
 		padding: u,
-		className: t("chart-card--component", d),
-		contentClassName: t("chart-card--content", f),
-		children: /* @__PURE__ */ T(v, {
+		className: r("chart-card--component", d),
+		contentClassName: r("chart-card--content", f),
+		children: /* @__PURE__ */ O(C, {
 			config: o,
 			initialDimension: c,
-			className: t("chart-card--chart min-h-[var(--chart-min-height)]", p),
+			className: r("chart-card--chart min-h-[var(--chart-min-height)]", p),
 			children: s
 		})
 	});
 }
-He.displayName = "ChartCard";
+Je.displayName = "ChartCard";
 //#endregion
 //#region src/components/blocks/analytics/time-ruler/types.ts
-var Ue = {
+var Ye = {
 	legendNone: "None",
 	legendLow: "Low",
 	legendMedium: "Medium",
@@ -1443,87 +1452,87 @@ var Ue = {
 };
 //#endregion
 //#region src/components/blocks/analytics/time-ruler/time-ruler.tsx
-function We({ hours: n, currentHour: i, className: a, strings: o }) {
-	let s = e(Ue, o), l = Math.max(...n, 1), u = n.indexOf(Math.max(...n));
-	function d(e) {
-		if (e === 0) return "bg-muted";
-		let t = e / l;
-		return t < .33 ? "bg-primary/25" : t < .66 ? "bg-primary/55" : "bg-primary";
+function Xe({ hours: e, currentHour: t, className: i, strings: a }) {
+	let o = n(Ye, a), c = Math.max(...e, 1), l = e.indexOf(Math.max(...e));
+	function u(e) {
+		if (e === 0) return f.density[0];
+		let t = e / c;
+		return t < .33 ? f.density[1] : t < .66 ? f.density[2] : f.density[3];
 	}
-	return /* @__PURE__ */ E(c, {
+	return /* @__PURE__ */ k(d, {
 		gap: "sm",
-		className: t("time-ruler--component", a),
+		className: r("time-ruler--component", i),
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ O("div", {
 				className: "relative flex h-8 gap-px overflow-hidden rounded-radius-md",
-				children: n.map((e, n) => /* @__PURE__ */ T("div", {
-					className: t("relative flex-1 transition-colors duration-200", d(e), n === u && "ring-1 ring-primary ring-inset"),
-					title: s.formatHourTitle(s.formatHourLabel(n), e)
-				}, n))
+				children: e.map((e, t) => /* @__PURE__ */ O("div", {
+					className: r("relative flex-1 transition-colors", u(e), t === l && "ring-1 ring-primary ring-inset"),
+					title: o.formatHourTitle(o.formatHourLabel(t), e)
+				}, t))
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ O("div", {
 				className: "relative flex",
-				children: n.map((e, t) => /* @__PURE__ */ T("div", {
+				children: e.map((e, t) => /* @__PURE__ */ O("div", {
 					className: "flex-1 text-center",
-					children: t % 4 == 0 && /* @__PURE__ */ T(g, {
+					children: t % 4 == 0 && /* @__PURE__ */ O(b, {
 						size: "xs",
 						className: "tabular-nums",
-						children: s.formatHourLabel(t)
+						children: o.formatHourLabel(t)
 					})
 				}, t))
 			}),
-			i !== void 0 && i >= 0 && i < 24 && /* @__PURE__ */ T("div", {
+			t !== void 0 && t >= 0 && t < 24 && /* @__PURE__ */ O("div", {
 				className: "relative h-0",
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "absolute -top-[42px] flex flex-col items-center",
 					style: {
-						left: `${i / 24 * 100}%`,
+						left: `${t / 24 * 100}%`,
 						transform: "translateX(-50%)"
 					},
-					children: /* @__PURE__ */ T("div", { className: "h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive" })
+					children: /* @__PURE__ */ O("div", { className: "h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive" })
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex items-center gap-space-lg",
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ k("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ T("div", { className: "h-2 w-3 rounded-radius-sm bg-muted" }), /* @__PURE__ */ T(r, {
+						children: [/* @__PURE__ */ O("div", { className: r("h-2 w-3 rounded-radius-sm", f.density[0]) }), /* @__PURE__ */ O(s, {
 							size: "xs",
 							type: "secondary",
-							children: s.legendNone
+							children: o.legendNone
 						})]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ k("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ T("div", { className: "h-2 w-3 rounded-radius-sm bg-primary/25" }), /* @__PURE__ */ T(r, {
+						children: [/* @__PURE__ */ O("div", { className: r("h-2 w-3 rounded-radius-sm", f.density[1]) }), /* @__PURE__ */ O(s, {
 							size: "xs",
 							type: "secondary",
-							children: s.legendLow
+							children: o.legendLow
 						})]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ k("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ T("div", { className: "h-2 w-3 rounded-radius-sm bg-primary/55" }), /* @__PURE__ */ T(r, {
+						children: [/* @__PURE__ */ O("div", { className: r("h-2 w-3 rounded-radius-sm", f.density[2]) }), /* @__PURE__ */ O(s, {
 							size: "xs",
 							type: "secondary",
-							children: s.legendMedium
+							children: o.legendMedium
 						})]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ k("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ T("div", { className: "h-2 w-3 rounded-radius-sm bg-primary" }), /* @__PURE__ */ T(r, {
+						children: [/* @__PURE__ */ O("div", { className: r("h-2 w-3 rounded-radius-sm", f.density[3]) }), /* @__PURE__ */ O(s, {
 							size: "xs",
 							type: "secondary",
-							children: s.legendHigh
+							children: o.legendHigh
 						})]
 					}),
-					i !== void 0 && /* @__PURE__ */ E("div", {
+					t !== void 0 && /* @__PURE__ */ k("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ T("div", { className: "h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive" }), /* @__PURE__ */ T(r, {
+						children: [/* @__PURE__ */ O("div", { className: "h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive" }), /* @__PURE__ */ O(s, {
 							size: "xs",
 							type: "secondary",
-							children: s.legendNow
+							children: o.legendNow
 						})]
 					})
 				]
@@ -1531,8 +1540,8 @@ function We({ hours: n, currentHour: i, className: a, strings: o }) {
 		]
 	});
 }
-We.displayName = "TimeDistributionRuler";
+Xe.displayName = "TimeDistributionRuler";
 //#endregion
-export { Ve as ActivityHeatmap, He as ChartCard, K as Metric, q as MetricBar, Q as MetricComparison, Le as MetricGradient, Y as MetricGrid, Pe as MetricMicroGrid, H as MetricSkeleton, B as MetricSparkline, L as MetricTrendChip, We as TimeDistributionRuler, b as UsageCard, M as defaultAnalyticsStrings, X as defaultMetricComparisonStrings, Ue as defaultTimeDistributionRulerStrings, ee as defaultUsageCardStrings, N as formatMetricValue, P as resolveTrend };
+export { qe as ActivityHeatmap, Je as ChartCard, Z as Metric, Q as MetricBar, ke as MetricComparison, Ue as MetricGradient, Ee as MetricGrid, Be as MetricMicroGrid, G as MetricSkeleton, U as MetricSparkline, B as MetricTrendChip, Xe as TimeDistributionRuler, ee as UsageCard, F as defaultAnalyticsStrings, De as defaultMetricComparisonStrings, Ye as defaultTimeDistributionRulerStrings, T as defaultUsageCardStrings, I as formatMetricValue, L as resolveTrend };
 
 //# sourceMappingURL=analytics.js.map