themelia-react-ui 1.0.0 → 1.0.1

package/dist/blocks/analytics.js

@@ -3,19 +3,20 @@ import { useStrings as e } from "../lib/strings.js";
 import { t } from "../utils-C2EKeIw3.js";
 import { n } from "../buttons-Co6GavvM.js";
 import { a as r, i, r as a } from "../typography-Cv8MT-82.js";
-import { r as o, t as s } from "../structure-BvW4vG4H.js";
-import { t as c } from "../smart-card-B5FcKODh.js";
+import { r as o, t as s } from "../structure-MvKVq-oL.js";
+import { t as c } from "../smart-card-CYLn46e6.js";
 import { i as l, n as u, r as d, t as f } from "../format-iamDSqs2.js";
 import { _ as p, g as m } from "../primitives-DKPOGVpj.js";
 import { t as h } from "../badge-BZXZT9wd.js";
 import { t as g } from "../chart-DVfcwQu6.js";
-import { n as _ } from "../display-ByI5tkqy.js";
-import { useId as v, useMemo as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { ArrowDown as C, ArrowRight as ee, ArrowUp as w, ArrowUpRight as T, Calendar as E, Equal as te, Minus as D } from "lucide-react";
-import { Area as O, AreaChart as k, ResponsiveContainer as A } from "recharts";
+import { n as _ } from "../display-CFM5myut.js";
+import { n as v, t as y } from "../usage-card-DnmnJ58D.js";
+import { useId as b, useMemo as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { ArrowDown as T, ArrowRight as ee, ArrowUp as E, ArrowUpRight as D, Calendar as O, Equal as te, Minus as ne } from "lucide-react";
+import { Area as k, AreaChart as A, ResponsiveContainer as j } from "recharts";
 //#region src/components/blocks/analytics/analytics.strings.ts
-var j = {
+var M = {
 	metricErrorLabel: "Unable to load metric",
 	comparisonTitle: "Comparison",
 	heatmapDayLabels: [
@@ -46,7 +47,7 @@ var j = {
 };
 //#endregion
 //#region src/components/blocks/analytics/format-metric-value.ts
-function M(e) {
+function N(e) {
 	if (e.value === null || e.value === void 0) return "—";
 	let t = e.value, n = typeof t == "number" ? t : null;
 	switch (e.valueType) {
@@ -60,12 +61,12 @@ function M(e) {
 		default: return String(t);
 	}
 }
-function N(e) {
+function P(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 ne = {
+var re = {
 	positive: {
 		text: "text-success",
 		badge: "bg-success/10 text-success",
@@ -81,113 +82,113 @@ var ne = {
 		badge: "bg-muted text-muted-foreground",
 		arrow: "text-muted-foreground"
 	}
-}, P = {
+}, F = {
 	sm: "size-icon-sm",
 	md: "size-icon-md",
 	lg: "size-icon"
-}, F = {
+}, I = {
 	sm: "xxs",
 	md: "xs",
 	lg: "sm"
-}, re = {
+}, ie = {
 	sm: "px-1.5 py-0.5",
 	md: "px-2 py-0.5",
 	lg: "px-2.5 py-1"
 };
-function ie(e, t) {
+function ae(e, t) {
 	return e || (t === "up" ? "positive" : t === "down" ? "negative" : "neutral");
 }
-function I({ change: e, trend: n, size: i = "md", variant: a = "default", className: o }) {
-	let s = ie(n, e.direction), c = e.direction === "up" ? w : e.direction === "down" ? C : D, l = ne[s], u = String(e.value), d = e.direction === "up" ? "+" : (e.direction, "");
-	return a === "inline" ? /* @__PURE__ */ S(p, {
-		size: F[i],
+function L({ change: e, trend: n, size: i = "md", variant: a = "default", className: o }) {
+	let s = ae(n, e.direction), c = e.direction === "up" ? E : e.direction === "down" ? T : ne, l = re[s], u = String(e.value), d = e.direction === "up" ? "+" : (e.direction, "");
+	return a === "inline" ? /* @__PURE__ */ w(p, {
+		size: I[i],
 		weight: "medium",
 		className: t("metric-trend-chip--component", l.text, "tabular-nums", o),
 		children: [d, u]
-	}) : a === "compact" ? /* @__PURE__ */ S("span", {
+	}) : a === "compact" ? /* @__PURE__ */ w("span", {
 		className: t("inline-flex items-center gap-space-2xs", l.text, o),
-		children: [/* @__PURE__ */ x(c, {
-			className: P[i],
+		children: [/* @__PURE__ */ C(c, {
+			className: F[i],
 			strokeWidth: 2.5,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ x(p, {
-			size: F[i],
+		}), /* @__PURE__ */ C(p, {
+			size: I[i],
 			weight: "semibold",
 			className: "text-current tabular-nums",
 			children: u
 		})]
-	}) : a === "badge" ? /* @__PURE__ */ S("span", {
-		className: t("inline-flex items-center gap-space-xs rounded-full", l.badge, re[i], o),
+	}) : a === "badge" ? /* @__PURE__ */ w("span", {
+		className: t("inline-flex items-center gap-space-xs rounded-full", l.badge, ie[i], o),
 		children: [
-			/* @__PURE__ */ x(c, {
-				className: P[i],
+			/* @__PURE__ */ C(c, {
+				className: F[i],
 				strokeWidth: 2.5,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ x(p, {
-				size: F[i],
+			/* @__PURE__ */ C(p, {
+				size: I[i],
 				weight: "semibold",
 				className: "text-current tabular-nums",
 				children: u
 			}),
-			!!e.label && /* @__PURE__ */ x(r, {
+			!!e.label && /* @__PURE__ */ C(r, {
 				tag: "span",
-				size: F[i],
+				size: I[i],
 				className: "text-current opacity-70",
 				children: e.label
 			})
 		]
-	}) : /* @__PURE__ */ S("span", {
+	}) : /* @__PURE__ */ w("span", {
 		className: t("inline-flex items-center gap-space-xs", l.text, o),
 		children: [
-			/* @__PURE__ */ x(c, {
-				className: P[i],
+			/* @__PURE__ */ C(c, {
+				className: F[i],
 				strokeWidth: 2.5,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ x(p, {
-				size: F[i],
+			/* @__PURE__ */ C(p, {
+				size: I[i],
 				weight: "semibold",
 				className: "tabular-nums",
 				children: u
 			}),
-			!!e.label && /* @__PURE__ */ x(r, {
+			!!e.label && /* @__PURE__ */ C(r, {
 				tag: "span",
-				size: F[i],
+				size: I[i],
 				type: "secondary",
 				children: e.label
 			})
 		]
 	});
 }
-I.displayName = "MetricTrendChip";
+L.displayName = "MetricTrendChip";
 //#endregion
 //#region src/components/blocks/analytics/atoms/metric-sparkline.tsx
-var ae = {
+var oe = {
 	positive: "var(--success)",
 	negative: "var(--destructive)",
 	neutral: "var(--muted-foreground)"
 };
-function L({ data: e, trend: n = "neutral", color: r, className: i, animated: a = !0, "aria-label": o = "Trend sparkline" }) {
-	let s = v(), c = y(() => `metric-spark-${s.replaceAll(":", "")}`, [s]), l = r ?? ae[n], u = y(() => !Array.isArray(e) || e.length === 0 ? [] : e.map((e, t) => ({
+function R({ data: e, trend: n = "neutral", color: r, className: i, animated: a = !0, "aria-label": o = "Trend sparkline" }) {
+	let s = b(), c = x(() => `metric-spark-${s.replaceAll(":", "")}`, [s]), l = r ?? oe[n], u = x(() => !Array.isArray(e) || e.length === 0 ? [] : e.map((e, t) => ({
 		i: t,
 		v: e
 	})), [e]);
-	return u.length === 0 ? /* @__PURE__ */ x("div", {
+	return u.length === 0 ? /* @__PURE__ */ C("div", {
 		className: t("metric-sparkline--component", "h-full w-full", i),
 		"aria-hidden": "true"
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ C("div", {
 		className: t("metric-sparkline--component h-full w-full", i),
 		role: "img",
 		"aria-label": o,
-		children: /* @__PURE__ */ x(A, {
+		children: /* @__PURE__ */ C(j, {
 			width: "100%",
 			height: "100%",
 			initialDimension: {
 				width: 1,
 				height: 1
 			},
-			children: /* @__PURE__ */ S(k, {
+			children: /* @__PURE__ */ w(A, {
 				data: u,
 				margin: {
 					top: 2,
@@ -195,22 +196,22 @@ function L({ data: e, trend: n = "neutral", color: r, className: i, animated: a
 					bottom: 0,
 					left: 0
 				},
-				children: [/* @__PURE__ */ x("defs", { children: /* @__PURE__ */ S("linearGradient", {
+				children: [/* @__PURE__ */ C("defs", { children: /* @__PURE__ */ w("linearGradient", {
 					id: c,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ x("stop", {
+					children: [/* @__PURE__ */ C("stop", {
 						offset: "0%",
 						stopColor: l,
 						stopOpacity: .25
-					}), /* @__PURE__ */ x("stop", {
+					}), /* @__PURE__ */ C("stop", {
 						offset: "100%",
 						stopColor: l,
 						stopOpacity: 0
 					})]
-				}) }), /* @__PURE__ */ x(O, {
+				}) }), /* @__PURE__ */ C(k, {
 					type: "monotone",
 					dataKey: "v",
 					stroke: l,
@@ -225,61 +226,61 @@ function L({ data: e, trend: n = "neutral", color: r, className: i, animated: a
 		})
 	});
 }
-L.displayName = "MetricSparkline";
+R.displayName = "MetricSparkline";
 //#endregion
 //#region src/components/blocks/analytics/atoms/metric-skeleton.tsx
-var R = ({ className: e }) => /* @__PURE__ */ x("div", { className: t("animate-pulse rounded bg-muted", e) });
-function z({ variant: e = "default", size: n = "md", className: r }) {
+var z = ({ className: e }) => /* @__PURE__ */ C("div", { className: t("animate-pulse rounded bg-muted", e) });
+function B({ variant: e = "default", size: n = "md", className: r }) {
 	let i = "p-surface";
-	return e === "card" ? /* @__PURE__ */ S(c, {
+	return e === "card" ? /* @__PURE__ */ w(c, {
 		className: t("metric-skeleton--component", r),
 		"aria-busy": "true",
 		"aria-live": "polite",
 		children: [
-			/* @__PURE__ */ x(R, { className: "h-3 w-24" }),
-			/* @__PURE__ */ x(R, { className: t("mt-space-lg", n === "lg" ? "h-9 w-40" : "h-7 w-32") }),
-			/* @__PURE__ */ x(R, { className: "mt-space-md h-3 w-20" }),
-			/* @__PURE__ */ x(R, { className: "mt-space-lg h-8 w-full" })
+			/* @__PURE__ */ C(z, { className: "h-3 w-24" }),
+			/* @__PURE__ */ C(z, { className: t("mt-space-lg", n === "lg" ? "h-9 w-40" : "h-7 w-32") }),
+			/* @__PURE__ */ C(z, { className: "mt-space-md h-3 w-20" }),
+			/* @__PURE__ */ C(z, { className: "mt-space-lg h-8 w-full" })
 		]
-	}) : e === "bordered" || e === "accent" || e === "colored" ? /* @__PURE__ */ S("div", {
+	}) : e === "bordered" || e === "accent" || e === "colored" ? /* @__PURE__ */ w("div", {
 		className: t("metric-skeleton--component", "rounded-radius border border-border bg-card shadow-sm", i, r),
 		"aria-busy": "true",
 		"aria-live": "polite",
 		children: [
-			/* @__PURE__ */ x(R, { className: "h-3 w-24" }),
-			/* @__PURE__ */ x(R, { className: t("mt-space-lg", n === "lg" ? "h-9 w-40" : "h-7 w-32") }),
-			/* @__PURE__ */ x(R, { className: "mt-space-md h-3 w-20" }),
-			/* @__PURE__ */ x(R, { className: "mt-space-lg h-8 w-full" })
+			/* @__PURE__ */ C(z, { className: "h-3 w-24" }),
+			/* @__PURE__ */ C(z, { className: t("mt-space-lg", n === "lg" ? "h-9 w-40" : "h-7 w-32") }),
+			/* @__PURE__ */ C(z, { className: "mt-space-md h-3 w-20" }),
+			/* @__PURE__ */ C(z, { className: "mt-space-lg h-8 w-full" })
 		]
-	}) : e === "compact" ? /* @__PURE__ */ S("div", {
+	}) : e === "compact" ? /* @__PURE__ */ w("div", {
 		className: t("flex items-center gap-space-lg", r),
 		"aria-busy": "true",
 		children: [
-			/* @__PURE__ */ x(R, { className: "size-9 rounded-radius" }),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C(z, { className: "size-9 rounded-radius" }),
+			/* @__PURE__ */ w("div", {
 				className: "flex-1 space-y-space-sm",
-				children: [/* @__PURE__ */ x(R, { className: "h-3 w-20" }), /* @__PURE__ */ x(R, { className: "h-4 w-28" })]
+				children: [/* @__PURE__ */ C(z, { className: "h-3 w-20" }), /* @__PURE__ */ C(z, { className: "h-4 w-28" })]
 			}),
-			/* @__PURE__ */ x(R, { className: "h-5 w-12 rounded-full" })
+			/* @__PURE__ */ C(z, { className: "h-5 w-12 rounded-full" })
 		]
-	}) : e === "minimal" ? /* @__PURE__ */ S("div", {
+	}) : e === "minimal" ? /* @__PURE__ */ w("div", {
 		className: t("inline-flex items-baseline gap-space-md", r),
 		"aria-busy": "true",
-		children: [/* @__PURE__ */ x(R, { className: "h-3 w-12" }), /* @__PURE__ */ x(R, { className: "h-3 w-16" })]
-	}) : /* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ C(z, { className: "h-3 w-12" }), /* @__PURE__ */ C(z, { className: "h-3 w-16" })]
+	}) : /* @__PURE__ */ w("div", {
 		className: t("flex flex-col gap-space-sm", i, r),
 		"aria-busy": "true",
 		children: [
-			/* @__PURE__ */ x(R, { className: "h-3 w-20" }),
-			/* @__PURE__ */ x(R, { className: "h-5 w-28" }),
-			/* @__PURE__ */ x(R, { className: "mt-1 h-6 w-full" })
+			/* @__PURE__ */ C(z, { className: "h-3 w-20" }),
+			/* @__PURE__ */ C(z, { className: "h-5 w-28" }),
+			/* @__PURE__ */ C(z, { className: "mt-1 h-6 w-full" })
 		]
 	});
 }
-z.displayName = "MetricSkeleton";
+B.displayName = "MetricSkeleton";
 //#endregion
 //#region src/components/blocks/analytics/metric/metric.tsx
-var B = {
+var V = {
 	default: {
 		border: "border-border",
 		bg: "bg-card",
@@ -322,31 +323,31 @@ var B = {
 		dot: "bg-info",
 		ring: "ring-info/20"
 	}
-}, oe = {
+}, se = {
 	sm: "text-sm",
 	md: "text-base",
 	lg: "text-base"
-}, V = {
+}, H = {
 	sm: "text-base",
 	md: "text-base",
 	lg: "text-base"
-}, H = {
+}, U = {
 	sm: "h-control-sm",
 	md: "h-control",
 	lg: "h-control-lg"
-}, U = 16;
-function W(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), _ = y(() => M(n), [n]), v = y(() => N(n), [n]);
-	if (u) return /* @__PURE__ */ x(z, {
+}, W = 16;
+function G(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), _ = x(() => N(n), [n]), v = x(() => P(n), [n]);
+	if (u) return /* @__PURE__ */ C(B, {
 		variant: i,
 		size: a,
 		className: g
 	});
-	if (d) return /* @__PURE__ */ x("div", {
+	if (d) return /* @__PURE__ */ C("div", {
 		className: t("flex items-center justify-center rounded-radius border border-border bg-card text-card-foreground", "p-surface", g),
-		children: /* @__PURE__ */ x(r, { children: f ?? j.metricErrorLabel })
+		children: /* @__PURE__ */ C(r, { children: f ?? M.metricErrorLabel })
 	});
-	let b = {
+	let y = {
 		data: n,
 		formattedValue: _,
 		trend: v,
@@ -359,35 +360,35 @@ function W(e) {
 		className: g
 	};
 	switch (i) {
-		case "card": return /* @__PURE__ */ x(ce, { ...b });
-		case "compact": return /* @__PURE__ */ x(le, { ...b });
-		case "minimal": return /* @__PURE__ */ x(ue, { ...b });
-		case "bordered": return /* @__PURE__ */ x(de, { ...b });
-		case "accent": return /* @__PURE__ */ x(fe, { ...b });
-		case "colored": return /* @__PURE__ */ x(pe, {
-			...b,
+		case "card": return /* @__PURE__ */ C(le, { ...y });
+		case "compact": return /* @__PURE__ */ C(ue, { ...y });
+		case "minimal": return /* @__PURE__ */ C(de, { ...y });
+		case "bordered": return /* @__PURE__ */ C(fe, { ...y });
+		case "accent": return /* @__PURE__ */ C(pe, { ...y });
+		case "colored": return /* @__PURE__ */ C(me, {
+			...y,
 			progress: p
 		});
-		default: return /* @__PURE__ */ x(se, { ...b });
+		default: return /* @__PURE__ */ C(ce, { ...y });
 	}
 }
-W.displayName = "Metric";
-function se({ data: e, formattedValue: n, trend: a, size: o, showSparkline: c, showChange: l, showIcon: u, ariaLabel: d, className: f }) {
+G.displayName = "Metric";
+function ce({ data: e, formattedValue: n, trend: a, size: o, showSparkline: c, showChange: l, showIcon: u, ariaLabel: d, className: f }) {
 	let p = e.icon;
-	return /* @__PURE__ */ S(s, {
+	return /* @__PURE__ */ w(s, {
 		gap: "xs",
 		className: f,
 		"aria-label": d,
 		children: [
-			/* @__PURE__ */ S(s, {
+			/* @__PURE__ */ w(s, {
 				direction: "horizontal",
 				align: "center",
 				gap: "sm",
 				className: "min-w-0 text-muted-foreground",
-				children: [!!u && !!p && /* @__PURE__ */ x(p, {
+				children: [!!u && !!p && /* @__PURE__ */ C(p, {
 					className: "size-icon-md shrink-0",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ x(r, {
+				}), /* @__PURE__ */ C(r, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
@@ -395,33 +396,33 @@ function se({ data: e, formattedValue: n, trend: a, size: o, showSparkline: c, s
 					children: e.label
 				})]
 			}),
-			/* @__PURE__ */ x(i, {
+			/* @__PURE__ */ C(i, {
 				tag: "h5",
-				className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate", oe[o]),
+				className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate", se[o]),
 				title: n,
 				children: n
 			}),
-			!!l && !!e.change && /* @__PURE__ */ x("div", {
+			!!l && !!e.change && /* @__PURE__ */ C("div", {
 				className: "min-w-0",
-				children: /* @__PURE__ */ x(I, {
+				children: /* @__PURE__ */ C(L, {
 					change: e.change,
 					trend: e.trend,
 					size: o,
 					variant: "compact"
 				})
 			}),
-			!!e.subtitle && /* @__PURE__ */ x(r, {
+			!!e.subtitle && /* @__PURE__ */ C(r, {
 				size: "xs",
 				type: "secondary",
 				className: "truncate",
 				children: e.subtitle
 			}),
-			!!c && !!e.sparkline?.length && /* @__PURE__ */ x(L, {
+			!!c && !!e.sparkline?.length && /* @__PURE__ */ C(R, {
 				data: e.sparkline,
 				trend: a,
-				className: t("mt-auto", H[o])
+				className: t("mt-auto", U[o])
 			}),
-			!!e.footer && /* @__PURE__ */ x(r, {
+			!!e.footer && /* @__PURE__ */ C(r, {
 				size: "xs",
 				type: "discrete",
 				className: "truncate",
@@ -430,45 +431,45 @@ function se({ data: e, formattedValue: n, trend: a, size: o, showSparkline: c, s
 		]
 	});
 }
-function ce({ data: e, formattedValue: n, trend: a, size: o, showSparkline: l, showChange: u, showIcon: d, ariaLabel: f, className: p }) {
-	let m = e.icon, h = !!(e.href || e.onClick), g = /* @__PURE__ */ x(c, {
+function le({ data: e, formattedValue: n, trend: a, size: o, showSparkline: l, showChange: u, showIcon: d, ariaLabel: f, className: p }) {
+	let m = e.icon, h = !!(e.href || e.onClick), g = /* @__PURE__ */ C(c, {
 		title: e.label,
-		icon: d && m ? /* @__PURE__ */ x(m, {
+		icon: d && m ? /* @__PURE__ */ C(m, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}) : null,
 		tooltip: e.tooltip,
 		className: t(h && "cursor-pointer transition-shadow hover:shadow-md", p),
 		"aria-label": f,
-		children: /* @__PURE__ */ S(s, {
+		children: /* @__PURE__ */ w(s, {
 			gap: "normal",
 			children: [
-				/* @__PURE__ */ S(s, {
+				/* @__PURE__ */ w(s, {
 					direction: "horizontal",
 					align: "baseline",
 					justify: "between",
 					gap: "normal",
-					children: [/* @__PURE__ */ x(i, {
+					children: [/* @__PURE__ */ C(i, {
 						tag: o === "sm" ? "h5" : o === "lg" ? "h3" : "h4",
-						className: t("max-w-full break-words font-bold tabular-nums tracking-tight border-none pb-0 leading-none", V[o]),
+						className: t("max-w-full break-words font-bold tabular-nums tracking-tight border-none pb-0 leading-none", H[o]),
 						children: n
-					}), !!u && !!e.change && /* @__PURE__ */ x(I, {
+					}), !!u && !!e.change && /* @__PURE__ */ C(L, {
 						change: e.change,
 						trend: e.trend,
 						size: o,
 						variant: "badge"
 					})]
 				}),
-				!!e.subtitle && /* @__PURE__ */ x(r, {
+				!!e.subtitle && /* @__PURE__ */ C(r, {
 					type: "secondary",
 					children: e.subtitle
 				}),
-				!!l && !!e.sparkline?.length && /* @__PURE__ */ x(L, {
+				!!l && !!e.sparkline?.length && /* @__PURE__ */ C(R, {
 					data: e.sparkline,
 					trend: a,
 					className: o === "lg" ? "h-control-lg" : "h-control"
 				}),
-				!!e.footer && /* @__PURE__ */ x(r, {
+				!!e.footer && /* @__PURE__ */ C(r, {
 					size: "xs",
 					type: "secondary",
 					children: e.footer
@@ -476,7 +477,7 @@ function ce({ data: e, formattedValue: n, trend: a, size: o, showSparkline: l, s
 			]
 		})
 	});
-	return h && e.onClick ? /* @__PURE__ */ x("div", {
+	return h && e.onClick ? /* @__PURE__ */ C("div", {
 		role: "button",
 		tabIndex: 0,
 		onClick: e.onClick,
@@ -485,34 +486,34 @@ function ce({ data: e, formattedValue: n, trend: a, size: o, showSparkline: l, s
 		children: g
 	}) : g;
 }
-function le({ data: e, formattedValue: n, size: i, showChange: a, showIcon: o, ariaLabel: s, className: c }) {
+function ue({ data: e, formattedValue: n, size: i, showChange: a, showIcon: o, ariaLabel: s, className: c }) {
 	let l = e.icon;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ w("div", {
 		className: t("flex items-center gap-space-lg", c),
 		"aria-label": s,
 		children: [
-			!!o && !!l && /* @__PURE__ */ x("span", {
+			!!o && !!l && /* @__PURE__ */ C("span", {
 				className: "inline-flex size-avatar shrink-0 items-center justify-center rounded-radius bg-muted/60 text-muted-foreground",
-				children: /* @__PURE__ */ x(l, {
+				children: /* @__PURE__ */ C(l, {
 					className: "size-icon",
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ x(r, {
+				children: [/* @__PURE__ */ C(r, {
 					size: "xs",
 					type: "secondary",
 					className: "truncate",
 					children: e.label
-				}), /* @__PURE__ */ x(p, {
+				}), /* @__PURE__ */ C(p, {
 					size: i === "sm" ? "sm" : "base",
 					weight: "bold",
 					className: "block truncate tabular-nums",
 					children: n
 				})]
 			}),
-			!!a && !!e.change && /* @__PURE__ */ x(I, {
+			!!a && !!e.change && /* @__PURE__ */ C(L, {
 				change: e.change,
 				trend: e.trend,
 				size: i,
@@ -522,24 +523,24 @@ function le({ data: e, formattedValue: n, size: i, showChange: a, showIcon: o, a
 		]
 	});
 }
-function ue({ data: e, formattedValue: n, size: i, showChange: a, ariaLabel: o, className: s }) {
-	return /* @__PURE__ */ S("span", {
+function de({ data: e, formattedValue: n, size: i, showChange: a, ariaLabel: o, className: s }) {
+	return /* @__PURE__ */ w("span", {
 		className: t("inline-flex items-baseline gap-space-md", s),
 		"aria-label": o,
 		children: [
-			/* @__PURE__ */ S(r, {
+			/* @__PURE__ */ w(r, {
 				tag: "span",
 				size: i === "lg" ? "sm" : "xs",
 				type: "secondary",
 				children: [e.label, ":"]
 			}),
-			/* @__PURE__ */ x(p, {
+			/* @__PURE__ */ C(p, {
 				size: i === "lg" ? "sm" : "xs",
 				weight: "semibold",
 				className: "tabular-nums",
 				children: n
 			}),
-			!!a && !!e.change && /* @__PURE__ */ x(I, {
+			!!a && !!e.change && /* @__PURE__ */ C(L, {
 				change: e.change,
 				trend: e.trend,
 				size: "sm",
@@ -548,52 +549,52 @@ function ue({ data: e, formattedValue: n, size: i, showChange: a, ariaLabel: o,
 		]
 	});
 }
-function de({ data: e, formattedValue: n, trend: a, size: o, showSparkline: c, showChange: l, showIcon: u, colorScheme: d, ariaLabel: f, className: p }) {
-	let m = e.icon, h = B[d];
-	return /* @__PURE__ */ S(s, {
+function fe({ data: e, formattedValue: n, trend: a, size: o, showSparkline: c, showChange: l, showIcon: u, colorScheme: d, ariaLabel: f, className: p }) {
+	let m = e.icon, h = V[d];
+	return /* @__PURE__ */ w(s, {
 		gap: "lg",
 		className: t("rounded-radius border shadow-sm", "p-surface", h.border, h.bg, p),
 		"aria-label": f,
 		children: [
-			/* @__PURE__ */ S(s, {
+			/* @__PURE__ */ w(s, {
 				direction: "horizontal",
 				align: "center",
 				justify: "between",
 				gap: "md",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "flex items-center gap-space-md text-muted-foreground",
-					children: [!!u && !!m && /* @__PURE__ */ x(m, {
+					children: [!!u && !!m && /* @__PURE__ */ C(m, {
 						className: "size-icon shrink-0",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ x(r, {
+					}), /* @__PURE__ */ C(r, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						children: e.label
 					})]
-				}), !!l && !!e.change && /* @__PURE__ */ x(I, {
+				}), !!l && !!e.change && /* @__PURE__ */ C(L, {
 					change: e.change,
 					trend: e.trend,
 					size: o,
 					variant: "badge"
 				})]
 			}),
-			/* @__PURE__ */ x(i, {
+			/* @__PURE__ */ C(i, {
 				tag: o === "lg" ? "h3" : "h4",
-				className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none", V[o]),
+				className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none", H[o]),
 				children: n
 			}),
-			!!e.subtitle && /* @__PURE__ */ x(r, {
+			!!e.subtitle && /* @__PURE__ */ C(r, {
 				size: "xs",
 				type: "secondary",
 				children: e.subtitle
 			}),
-			!!c && !!e.sparkline?.length && /* @__PURE__ */ x(L, {
+			!!c && !!e.sparkline?.length && /* @__PURE__ */ C(R, {
 				data: e.sparkline,
 				trend: a,
-				className: H[o]
+				className: U[o]
 			}),
-			!!e.footer && /* @__PURE__ */ x(r, {
+			!!e.footer && /* @__PURE__ */ C(r, {
 				size: "xs",
 				type: "discrete",
 				children: e.footer
@@ -601,87 +602,87 @@ function de({ data: e, formattedValue: n, trend: a, size: o, showSparkline: c, s
 		]
 	});
 }
-function fe({ data: e, formattedValue: n, trend: o, size: c, showSparkline: l, showChange: u, ariaLabel: d, className: f }) {
+function pe({ data: e, formattedValue: n, trend: o, size: c, showSparkline: l, showChange: u, ariaLabel: d, className: f }) {
 	let p = e.icon;
-	return /* @__PURE__ */ S(s, {
+	return /* @__PURE__ */ w(s, {
 		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__ */ S(s, {
+		children: [/* @__PURE__ */ w(s, {
 			gap: "md",
 			className: "p-surface",
 			children: [
-				/* @__PURE__ */ S(s, {
+				/* @__PURE__ */ w(s, {
 					direction: "horizontal",
 					align: "center",
 					justify: "between",
 					gap: "lg",
-					children: [/* @__PURE__ */ x(a, { children: e.label }), !!p && /* @__PURE__ */ x("span", {
+					children: [/* @__PURE__ */ C(a, { children: e.label }), !!p && /* @__PURE__ */ C("span", {
 						className: "inline-flex size-avatar-sm items-center justify-center rounded-radius bg-foreground/[0.08]",
-						children: /* @__PURE__ */ x(p, {
+						children: /* @__PURE__ */ C(p, {
 							className: "size-icon-md text-muted-foreground",
 							"aria-hidden": "true"
 						})
 					})]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ w("div", {
 					className: "flex items-baseline gap-2.5",
-					children: [/* @__PURE__ */ x(i, {
+					children: [/* @__PURE__ */ C(i, {
 						tag: "h3",
-						className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground", V[c]),
+						className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground", H[c]),
 						children: n
-					}), !!u && !!e.change && /* @__PURE__ */ x(I, {
+					}), !!u && !!e.change && /* @__PURE__ */ C(L, {
 						change: e.change,
 						trend: e.trend,
 						size: c,
 						variant: "compact"
 					})]
 				}),
-				!!e.subtitle && /* @__PURE__ */ x(r, {
+				!!e.subtitle && /* @__PURE__ */ C(r, {
 					size: "xs",
 					type: "secondary",
 					children: e.subtitle
 				})
 			]
-		}), !!l && !!e.sparkline?.length && /* @__PURE__ */ x(L, {
+		}), !!l && !!e.sparkline?.length && /* @__PURE__ */ C(R, {
 			data: e.sparkline,
 			trend: o,
 			className: "h-control-lg w-full"
 		})]
 	});
 }
-function pe({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s, ariaLabel: c, className: l, progress: u = 0 }) {
-	let d = B[s === "default" ? "primary" : s], f = Math.round(Math.min(Math.max(u, 0), 100) / 100 * U);
-	return /* @__PURE__ */ S("div", {
+function me({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s, ariaLabel: c, className: l, progress: u = 0 }) {
+	let d = V[s === "default" ? "primary" : s], f = Math.round(Math.min(Math.max(u, 0), 100) / 100 * W);
+	return /* @__PURE__ */ w("div", {
 		className: t("rounded-radius bg-card shadow-sm border border-border/50", "p-surface", l),
 		"aria-label": c,
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex items-center gap-space-md",
-				children: [/* @__PURE__ */ x(r, {
+				children: [/* @__PURE__ */ C(r, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					className: "truncate",
 					children: e.label
-				}), /* @__PURE__ */ x("span", {
+				}), /* @__PURE__ */ C("span", {
 					className: t("size-1.5 rounded-full shrink-0", d.dot),
 					"aria-hidden": "true"
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mt-space-md flex items-baseline gap-space-md",
-				children: [/* @__PURE__ */ x(i, {
+				children: [/* @__PURE__ */ C(i, {
 					tag: "h3",
-					className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none", V[a]),
+					className: t("font-bold tabular-nums tracking-tight border-none pb-0 leading-none", H[a]),
 					children: n
-				}), !!e.subtitle && /* @__PURE__ */ x(r, {
+				}), !!e.subtitle && /* @__PURE__ */ C(r, {
 					size: "xs",
 					type: "secondary",
 					children: e.subtitle
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-space-xl flex items-center gap-space-2xs",
 				role: "progressbar",
 				"aria-label": `${e.label} progress`,
@@ -689,23 +690,23 @@ function pe({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
 				"aria-valuetext": `${u}%`,
-				children: Array.from({ length: U }, (e, n) => /* @__PURE__ */ x("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: W }, (e, n) => /* @__PURE__ */ C("div", { className: t("h-6 w-1.5 rounded-radius-sm transition-colors", n < f ? d.bar : "bg-muted") }, `seg-${n}`))
 			}),
-			!!o && !!e.change && /* @__PURE__ */ x("div", {
+			!!o && !!e.change && /* @__PURE__ */ C("div", {
 				className: "mt-space-lg",
-				children: /* @__PURE__ */ x(I, {
+				children: /* @__PURE__ */ C(L, {
 					change: e.change,
 					trend: e.trend,
 					size: a,
 					variant: "default"
 				})
 			}),
-			!!e.footer && /* @__PURE__ */ S("div", {
+			!!e.footer && /* @__PURE__ */ w("div", {
 				className: "mt-space-md inline-flex items-center gap-space-xs text-muted-foreground",
-				children: [/* @__PURE__ */ x(T, {
+				children: [/* @__PURE__ */ C(D, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ x(r, {
+				}), /* @__PURE__ */ C(r, {
 					size: "xs",
 					type: "secondary",
 					children: e.footer
@@ -716,12 +717,12 @@ function pe({ data: e, formattedValue: n, size: a, showChange: o, colorScheme: s
 }
 //#endregion
 //#region src/components/blocks/analytics/metric-bar/metric-bar.tsx
-function G({ 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__ */ x("div", {
+function K({ 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__ */ C("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__ */ x("div", {
+		children: e.map((e) => /* @__PURE__ */ C("div", {
 			className: "flex min-w-0 flex-col px-4 py-2.5 @xl/metric-bar:min-w-36 @xl/metric-bar:flex-1",
-			children: /* @__PURE__ */ x(W, {
+			children: /* @__PURE__ */ C(G, {
 				data: e,
 				variant: "default",
 				size: s,
@@ -730,50 +731,50 @@ function G({ metrics: e, period: i, onPeriodChange: a, variant: o = "default", s
 				className: "flex-1"
 			})
 		}, e.id))
-	}), p = !!i && /* @__PURE__ */ x("div", {
+	}), p = !!i && /* @__PURE__ */ C("div", {
 		className: "flex shrink-0 items-center border-b border-border px-3 py-2 lg:border-b-0 lg:py-0",
-		children: /* @__PURE__ */ S(n, {
+		children: /* @__PURE__ */ w(n, {
 			tone: "secondary",
 			buttonStyle: "ghost",
 			className: "gap-space-sm",
 			onClick: a ? () => a(i.value) : void 0,
-			children: [/* @__PURE__ */ x(E, {
+			children: [/* @__PURE__ */ C(O, {
 				className: "size-icon-md",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ x(r, {
+			}), /* @__PURE__ */ C(r, {
 				size: "inherit",
 				weight: "medium",
 				children: i.label
 			})]
 		})
 	});
-	return o === "gradient" ? /* @__PURE__ */ S("div", {
+	return o === "gradient" ? /* @__PURE__ */ w("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__ */ S("div", {
+		children: [/* @__PURE__ */ w("div", {
 			className: "flex min-w-0 flex-col overflow-hidden rounded-radius bg-card @xl/metric-bar:flex-row",
-			children: [p && /* @__PURE__ */ S(b, { children: [p, /* @__PURE__ */ x("div", {
+			children: [p && /* @__PURE__ */ w(S, { children: [p, /* @__PURE__ */ C("div", {
 				className: "hidden w-px bg-border @xl/metric-bar:block",
 				"aria-hidden": "true"
 			})] }), f]
-		}), !!u && /* @__PURE__ */ x("div", {
+		}), !!u && /* @__PURE__ */ C("div", {
 			className: "rounded-b-radius border-t border-border/50 bg-card px-4 py-2",
-			children: /* @__PURE__ */ x(r, {
+			children: /* @__PURE__ */ C(r, {
 				size: "xs",
 				type: "discrete",
 				children: u
 			})
 		})]
-	}) : /* @__PURE__ */ S("div", {
+	}) : /* @__PURE__ */ w("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__ */ S("div", {
+		children: [/* @__PURE__ */ w("div", {
 			className: "flex min-w-0 flex-col overflow-hidden @xl/metric-bar:flex-row",
-			children: [p && /* @__PURE__ */ S(b, { children: [p, /* @__PURE__ */ x("div", {
+			children: [p && /* @__PURE__ */ w(S, { children: [p, /* @__PURE__ */ C("div", {
 				className: "hidden w-px bg-border @xl/metric-bar:block",
 				"aria-hidden": "true"
 			})] }), f]
-		}), !!u && /* @__PURE__ */ x("div", {
+		}), !!u && /* @__PURE__ */ C("div", {
 			className: "border-t border-border/50 px-4 py-2",
-			children: /* @__PURE__ */ x(r, {
+			children: /* @__PURE__ */ C(r, {
 				size: "xs",
 				type: "discrete",
 				children: u
@@ -781,28 +782,28 @@ function G({ metrics: e, period: i, onPeriodChange: a, variant: o = "default", s
 		})]
 	});
 }
-G.displayName = "MetricBar";
+K.displayName = "MetricBar";
 //#endregion
 //#region src/components/blocks/analytics/metric-grid/metric-grid.tsx
-var K = {
+var q = {
 	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 me(e) {
-	return K[e <= 1 ? 1 : e === 2 ? 2 : e === 3 ? 3 : e <= 4 || e > 6 ? 4 : 6];
+function he(e) {
+	return q[e <= 1 ? 1 : e === 2 ? 2 : e === 3 ? 3 : e <= 4 || e > 6 ? 4 : 6];
 }
-function q({ metrics: e, variant: n = "card", size: r = "md", colorScheme: i = "default", columns: a = "auto", gap: s = "xl", showSparklines: c = !0, showChanges: l = !0, showIcons: u = !0, loading: d = !1, className: f }) {
-	let p = a === "auto" ? me(e.length) : K[a];
-	return /* @__PURE__ */ x("div", {
+function J({ metrics: e, variant: n = "card", size: r = "md", colorScheme: i = "default", columns: a = "auto", gap: s = "xl", showSparklines: c = !0, showChanges: l = !0, showIcons: u = !0, loading: d = !1, className: f }) {
+	let p = a === "auto" ? he(e.length) : q[a];
+	return /* @__PURE__ */ C("div", {
 		className: t("metric-grid--component @container/metric-grid", f),
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ C(o, {
 			columns: 1,
 			gap: s,
 			className: t("metric-grid--grid", p),
-			children: e.map((e) => /* @__PURE__ */ x(W, {
+			children: e.map((e) => /* @__PURE__ */ C(G, {
 				data: e,
 				variant: n,
 				size: r,
@@ -815,116 +816,116 @@ function q({ metrics: e, variant: n = "card", size: r = "md", colorScheme: i = "
 		})
 	});
 }
-q.displayName = "MetricGrid";
+J.displayName = "MetricGrid";
 //#endregion
 //#region src/components/blocks/analytics/metric-comparison/metric-comparison.tsx
-var J = {
+var Y = {
 	title: "Comparison",
 	currentLabel: "This period",
 	previousLabel: "Previous period",
 	suffix: "vs previous"
 };
-function Y(e) {
+function X(e) {
 	if (e == null) return null;
 	if (typeof e == "number") return e;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : null;
 }
-function X({ current: n, previous: o, title: c, currentPeriod: l, previousPeriod: u, className: d, strings: f }) {
-	let m = e(J, f), g = Y(n.value), _ = Y(o.value), v = g !== null && _ !== null, y = v ? g - _ : 0, b = v && _ !== 0 ? Math.round(y / _ * 100) : 0, T = y > 0, E = y === 0, D = E ? te : T ? w : C, O = E ? {
+function Z({ current: n, previous: o, title: c, currentPeriod: l, previousPeriod: u, className: d, strings: f }) {
+	let m = e(Y, f), g = X(n.value), _ = X(o.value), v = g !== null && _ !== null, y = v ? g - _ : 0, b = v && _ !== 0 ? Math.round(y / _ * 100) : 0, x = y > 0, S = y === 0, D = S ? te : x ? E : T, O = S ? {
 		box: "bg-muted/40",
 		chip: "bg-card text-muted-foreground border border-border/60"
-	} : T ? {
+	} : x ? {
 		box: "bg-success/10",
 		chip: "bg-success/15 text-success"
 	} : {
 		box: "bg-destructive/10",
 		chip: "bg-destructive/15 text-destructive"
 	};
-	return /* @__PURE__ */ S(s, {
+	return /* @__PURE__ */ w(s, {
 		"data-component": "metric-comparison",
 		"data-slot": "metric-comparison",
 		gap: "md",
 		className: t("metric-comparison--component @container/metric-comparison", d),
 		"aria-label": c ?? m.title,
 		children: [
-			!!(l || u) && /* @__PURE__ */ S(s, {
+			!!(l || u) && /* @__PURE__ */ w(s, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
 				gap: "sm",
-				children: [!!l && /* @__PURE__ */ x(h, {
+				children: [!!l && /* @__PURE__ */ C(h, {
 					tone: "secondary",
 					inline: !0,
 					children: l
-				}), !!u && /* @__PURE__ */ x(h, {
+				}), !!u && /* @__PURE__ */ C(h, {
 					tone: "secondary",
 					inline: !0,
 					children: u
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid items-stretch gap-space-md grid-cols-1 @md/metric-comparison:grid-cols-[1fr_auto_1fr]",
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "rounded-radius border border-border/60 bg-card p-surface",
-						children: [/* @__PURE__ */ x(a, { children: m.currentLabel }), /* @__PURE__ */ x(i, {
+						children: [/* @__PURE__ */ C(a, { children: m.currentLabel }), /* @__PURE__ */ C(i, {
 							tag: "h5",
 							className: "text-base tabular-nums tracking-tight border-none pb-0",
-							children: M(n)
+							children: N(n)
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center justify-center text-muted-foreground/60",
-						children: [/* @__PURE__ */ x(ee, {
+						children: [/* @__PURE__ */ C(ee, {
 							className: "hidden size-icon @md/metric-comparison:block",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ x(C, {
+						}), /* @__PURE__ */ C(T, {
 							className: "size-icon @md/metric-comparison:hidden",
 							"aria-hidden": "true"
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "rounded-radius border border-border/60 bg-muted/30 p-surface",
-						children: [/* @__PURE__ */ x(a, { children: m.previousLabel }), /* @__PURE__ */ x(i, {
+						children: [/* @__PURE__ */ C(a, { children: m.previousLabel }), /* @__PURE__ */ C(i, {
 							tag: "h5",
 							className: "text-base tabular-nums tracking-tight border-none pb-0 text-muted-foreground",
-							children: M(o)
+							children: N(o)
 						})]
 					})
 				]
 			}),
-			!!v && /* @__PURE__ */ x("div", {
+			!!v && /* @__PURE__ */ C("div", {
 				className: t("rounded-radius p-surface", O.box),
-				children: /* @__PURE__ */ S(s, {
+				children: /* @__PURE__ */ w(s, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: t("inline-flex items-center gap-space-xs rounded-full px-2 py-0.5", O.chip),
-						children: [/* @__PURE__ */ x(D, {
+						children: [/* @__PURE__ */ C(D, {
 							className: "size-icon-sm",
 							strokeWidth: 2.5,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ S(p, {
+						}), /* @__PURE__ */ w(p, {
 							size: "xs",
 							weight: "semibold",
 							className: "tabular-nums",
-							children: [T ? "+" : E ? "" : "−", ((e) => {
+							children: [x ? "+" : S ? "" : "−", ((e) => {
 								let t = Math.abs(e);
-								return M({
+								return N({
 									...n,
 									value: t
 								});
 							})(y)]
 						})]
-					}), /* @__PURE__ */ S(r, {
+					}), /* @__PURE__ */ w(r, {
 						size: "xs",
 						type: "secondary",
-						className: t("tabular-nums", T && "text-success", !T && !E && "text-destructive"),
+						className: t("tabular-nums", x && "text-success", !x && !S && "text-destructive"),
 						children: [
-							T ? "+" : E ? "" : "−",
+							x ? "+" : S ? "" : "−",
 							Math.abs(b),
 							"% ",
 							m.suffix
@@ -935,33 +936,33 @@ function X({ current: n, previous: o, title: c, currentPeriod: l, previousPeriod
 		]
 	});
 }
-X.displayName = "MetricComparison";
+Z.displayName = "MetricComparison";
 //#endregion
 //#region src/components/blocks/analytics/metric-micro-grid/metric-micro-grid.tsx
-var he = [
+var ge = [
 	"bars",
 	"line",
 	"dots",
 	"progress",
 	"area",
 	"pie"
-], ge = {
+], _e = {
 	bars: "var(--primary)",
 	line: "var(--info)",
 	dots: "var(--warning)",
 	progress: "var(--success)",
 	area: "var(--primary)",
 	pie: "var(--success)"
-}, Z = [
+}, ve = [
 	"var(--success)",
 	"var(--info)",
 	"var(--warning)"
 ];
-function _e({ data: e, color: n }) {
+function ye({ data: e, color: n }) {
 	let r = Math.max(...e, 1);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ C("div", {
 		className: t("metric-micro-grid--component", "flex h-5 items-end gap-space-2xs"),
-		children: e.slice(0, 6).map((e, t) => /* @__PURE__ */ x("div", {
+		children: e.slice(0, 6).map((e, t) => /* @__PURE__ */ C("div", {
 			className: "flex-1 rounded-t-radius-sm",
 			style: {
 				height: `${e / r * 100}%`,
@@ -971,13 +972,13 @@ function _e({ data: e, color: n }) {
 		}, `bar-${t}`))
 	});
 }
-function ve({ data: e, color: t }) {
+function be({ 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__ */ x("svg", {
+	return /* @__PURE__ */ C("svg", {
 		viewBox: "0 0 60 16",
 		className: "h-5 w-full",
 		preserveAspectRatio: "none",
-		children: /* @__PURE__ */ x("polyline", {
+		children: /* @__PURE__ */ C("polyline", {
 			fill: "none",
 			stroke: t,
 			strokeWidth: "1.5",
@@ -987,12 +988,12 @@ function ve({ data: e, color: t }) {
 		})
 	});
 }
-function ye({ data: e, color: t }) {
+function xe({ data: e, color: t }) {
 	let n = Math.max(...e, 1);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "flex h-5 items-end justify-around",
 		"data-intrinsic-geometry": !0,
-		children: e.slice(0, 5).map((e, r) => /* @__PURE__ */ x("div", {
+		children: e.slice(0, 5).map((e, r) => /* @__PURE__ */ C("div", {
 			className: "h-1.5 w-1.5 rounded-full",
 			style: {
 				marginBottom: `${e / n * 12}px`,
@@ -1001,11 +1002,11 @@ function ye({ data: e, color: t }) {
 		}, `dot-${r}`))
 	});
 }
-function be({ data: e, color: t }) {
+function Se({ data: e, color: t }) {
 	let n = e[0] ?? 0, r = e[1] ?? 100, i = Math.min(n / r * 100, 100);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "h-1.5 w-full overflow-hidden rounded-full bg-muted",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "h-full rounded-full transition-all",
 			style: {
 				width: `${i}%`,
@@ -1014,21 +1015,21 @@ function be({ data: e, color: t }) {
 		})
 	});
 }
-function xe({ data: e, color: t }) {
-	let n = `micro-area-${v().replaceAll(":", "")}`, r = e.map((e, t) => ({
+function Ce({ data: e, color: t }) {
+	let n = `micro-area-${b().replaceAll(":", "")}`, r = e.map((e, t) => ({
 		i: t,
 		v: e
 	}));
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "h-5 w-full",
-		children: /* @__PURE__ */ x(A, {
+		children: /* @__PURE__ */ C(j, {
 			width: "100%",
 			height: "100%",
 			initialDimension: {
 				width: 1,
 				height: 1
 			},
-			children: /* @__PURE__ */ S(k, {
+			children: /* @__PURE__ */ w(A, {
 				data: r,
 				margin: {
 					top: 0,
@@ -1036,22 +1037,22 @@ function xe({ data: e, color: t }) {
 					bottom: 0,
 					left: 0
 				},
-				children: [/* @__PURE__ */ x("defs", { children: /* @__PURE__ */ S("linearGradient", {
+				children: [/* @__PURE__ */ C("defs", { children: /* @__PURE__ */ w("linearGradient", {
 					id: n,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ x("stop", {
+					children: [/* @__PURE__ */ C("stop", {
 						offset: "0%",
 						stopColor: t,
 						stopOpacity: .3
-					}), /* @__PURE__ */ x("stop", {
+					}), /* @__PURE__ */ C("stop", {
 						offset: "100%",
 						stopColor: t,
 						stopOpacity: 0
 					})]
-				}) }), /* @__PURE__ */ x(O, {
+				}) }), /* @__PURE__ */ C(k, {
 					type: "monotone",
 					dataKey: "v",
 					stroke: t,
@@ -1062,67 +1063,67 @@ function xe({ data: e, color: t }) {
 		})
 	});
 }
-function Se({ data: e }) {
+function we({ data: e }) {
 	let t = e.reduce((e, t) => e + t, 0) || 1, n = 0;
-	return /* @__PURE__ */ x("svg", {
+	return /* @__PURE__ */ C("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__ */ x("path", {
+			return /* @__PURE__ */ C("path", {
 				d: `M12,12 L${l},${u} A10,10 0 ${c},1 ${d},${f} Z`,
-				fill: Z[r % Z.length]
+				fill: ve[r % ve.length]
 			}, `slice-${r}`);
 		})
 	});
 }
-function Ce({ kind: e, data: t }) {
-	let n = ge[e];
-	return e === "bars" ? /* @__PURE__ */ x(_e, {
+function Te({ kind: e, data: t }) {
+	let n = _e[e];
+	return e === "bars" ? /* @__PURE__ */ C(ye, {
 		data: t,
 		color: n
-	}) : e === "line" ? /* @__PURE__ */ x(ve, {
+	}) : e === "line" ? /* @__PURE__ */ C(be, {
 		data: t,
 		color: n
-	}) : e === "dots" ? /* @__PURE__ */ x(ye, {
+	}) : e === "dots" ? /* @__PURE__ */ C(xe, {
 		data: t,
 		color: n
-	}) : e === "progress" ? /* @__PURE__ */ x(be, {
+	}) : e === "progress" ? /* @__PURE__ */ C(Se, {
 		data: t,
 		color: n
-	}) : e === "area" ? /* @__PURE__ */ x(xe, {
+	}) : e === "area" ? /* @__PURE__ */ C(Ce, {
 		data: t,
 		color: n
-	}) : /* @__PURE__ */ x(Se, { data: t });
+	}) : /* @__PURE__ */ C(we, { data: t });
 }
-function Q({ title: e = "Overview", cells: n, className: r }) {
-	return /* @__PURE__ */ x("div", {
+function Ee({ title: e = "Overview", cells: n, className: r }) {
+	return /* @__PURE__ */ C("div", {
 		"data-component": "metric-micro-grid",
 		"data-slot": "metric-micro-grid",
 		className: t("metric-micro-grid--component min-w-0", r),
 		"aria-label": e,
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "grid grid-cols-3 grid-rows-2",
-			children: n.slice(0, 6).map((e, n) => /* @__PURE__ */ x("div", {
+			children: n.slice(0, 6).map((e, n) => /* @__PURE__ */ C("div", {
 				className: t("p-surface-xs", n % 3 != 2 && "border-r border-border/50", n < 3 && "border-b border-border/50"),
-				children: /* @__PURE__ */ S(s, {
+				children: /* @__PURE__ */ w(s, {
 					gap: "sm",
 					children: [
-						/* @__PURE__ */ x(a, {
+						/* @__PURE__ */ C(a, {
 							className: "truncate",
 							children: e.label
 						}),
-						/* @__PURE__ */ x(p, {
+						/* @__PURE__ */ C(p, {
 							weight: "bold",
 							className: "truncate tabular-nums",
 							children: e.value
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ C("div", {
 							className: "mt-auto",
-							children: /* @__PURE__ */ x(Ce, {
-								kind: e.chart ?? he[n],
+							children: /* @__PURE__ */ C(Te, {
+								kind: e.chart ?? ge[n],
 								data: e.data
 							})
 						})
@@ -1132,63 +1133,63 @@ function Q({ title: e = "Overview", cells: n, className: r }) {
 		})
 	});
 }
-Q.displayName = "MetricMicroGrid";
+Ee.displayName = "MetricMicroGrid";
 //#endregion
 //#region src/components/blocks/analytics/metric-gradient/metric-gradient.tsx
-var we = {
+var De = {
 	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)", Te = "var(--inverse-muted)";
-function Ee({ title: e, value: n, change: o, data: c, theme: l = "green", subtitle: u, className: d }) {
-	let f = `metric-grad-${v().replaceAll(":", "")}`;
-	return /* @__PURE__ */ x("div", {
-		className: t("metric-gradient--component", "relative overflow-hidden rounded-radius p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border", we[l], d),
-		children: /* @__PURE__ */ S(s, {
+}, Q = "var(--inverse-foreground)", Oe = "var(--inverse-muted)";
+function ke({ title: e, value: n, change: o, data: c, theme: l = "green", subtitle: u, className: d }) {
+	let f = `metric-grad-${b().replaceAll(":", "")}`;
+	return /* @__PURE__ */ C("div", {
+		className: t("metric-gradient--component", "relative overflow-hidden rounded-radius p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border", De[l], d),
+		children: /* @__PURE__ */ w(s, {
 			gap: "md",
-			children: [/* @__PURE__ */ S(s, {
+			children: [/* @__PURE__ */ w(s, {
 				direction: "horizontal",
 				align: "start",
 				justify: "between",
 				wrap: !0,
 				className: "relative rounded-radius bg-inverse-background p-surface",
-				children: [/* @__PURE__ */ S(s, {
+				children: [/* @__PURE__ */ w(s, {
 					gap: "xs",
 					className: "min-w-0",
 					children: [
-						/* @__PURE__ */ x(a, {
+						/* @__PURE__ */ C(a, {
 							tone: "inverse",
 							children: e
 						}),
-						!!n && /* @__PURE__ */ x(i, {
+						!!n && /* @__PURE__ */ C(i, {
 							tag: "h3",
 							className: "text-base font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground",
 							children: n
 						}),
-						!!u && /* @__PURE__ */ x(r, {
+						!!u && /* @__PURE__ */ C(r, {
 							size: "xs",
 							className: "text-inverse-muted",
 							children: u
 						})
 					]
-				}), !!o && /* @__PURE__ */ x(I, {
+				}), !!o && /* @__PURE__ */ C(L, {
 					change: o,
 					trend: o.direction === "up" ? "positive" : o.direction === "down" ? "negative" : "neutral",
 					size: "sm",
 					variant: "badge",
 					className: "shrink-0 !bg-inverse-surface-strong !text-inverse-foreground"
 				})]
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ C("div", {
 				className: "relative -mx-1 h-24",
-				children: /* @__PURE__ */ x(A, {
+				children: /* @__PURE__ */ C(j, {
 					width: "100%",
 					height: "100%",
 					initialDimension: {
 						width: 1,
 						height: 1
 					},
-					children: /* @__PURE__ */ S(k, {
+					children: /* @__PURE__ */ w(A, {
 						data: c,
 						margin: {
 							top: 4,
@@ -1196,33 +1197,33 @@ function Ee({ title: e, value: n, change: o, data: c, theme: l = "green", subtit
 							bottom: 0,
 							left: 0
 						},
-						children: [/* @__PURE__ */ x("defs", { children: /* @__PURE__ */ S("linearGradient", {
+						children: [/* @__PURE__ */ C("defs", { children: /* @__PURE__ */ w("linearGradient", {
 							id: f,
 							x1: "0",
 							y1: "0",
 							x2: "0",
 							y2: "1",
-							children: [/* @__PURE__ */ x("stop", {
+							children: [/* @__PURE__ */ C("stop", {
 								offset: "0%",
-								stopColor: $,
+								stopColor: Q,
 								stopOpacity: .3
-							}), /* @__PURE__ */ x("stop", {
+							}), /* @__PURE__ */ C("stop", {
 								offset: "100%",
-								stopColor: $,
+								stopColor: Q,
 								stopOpacity: 0
 							})]
-						}) }), /* @__PURE__ */ x(O, {
+						}) }), /* @__PURE__ */ C(k, {
 							type: "monotone",
 							dataKey: "value",
-							stroke: Te,
+							stroke: Oe,
 							strokeWidth: 2,
 							fill: `url(#${f})`,
 							dot: !1,
 							activeDot: {
 								r: 4,
 								strokeWidth: 2,
-								fill: $,
-								stroke: Te
+								fill: Q,
+								stroke: Oe
 							},
 							isAnimationActive: !0,
 							animationDuration: 800
@@ -1233,17 +1234,17 @@ function Ee({ title: e, value: n, change: o, data: c, theme: l = "green", subtit
 		})
 	});
 }
-Ee.displayName = "MetricGradient";
+ke.displayName = "MetricGradient";
 //#endregion
 //#region src/components/blocks/analytics/activity-heatmap/activity-heatmap.tsx
-var De = {
+var Ae = {
 	0: "bg-muted",
 	1: "bg-success/20",
 	2: "bg-success/40",
 	3: "bg-success/65",
 	4: "bg-success"
 };
-function Oe(e, t) {
+function je(e, t) {
 	if (e.length === 0) return {
 		weeks: [],
 		monthLabels: []
@@ -1279,32 +1280,32 @@ function Oe(e, t) {
 		monthLabels: u
 	};
 }
-function ke({ title: n, description: i, data: a, className: o, strings: c }) {
-	let l = e(j, c), { weeks: u, monthLabels: d } = Oe(a, l.heatmapMonthNames);
-	return /* @__PURE__ */ S(s, {
+function Me({ title: n, description: i, data: a, className: o, strings: c }) {
+	let l = e(M, c), { weeks: u, monthLabels: d } = je(a, l.heatmapMonthNames);
+	return /* @__PURE__ */ w(s, {
 		gap: "md",
 		"data-component": "activity-heatmap",
 		"data-slot": "activity-heatmap",
 		className: t("activity-heatmap--component", o),
 		"aria-label": n,
 		children: [
-			!!i && /* @__PURE__ */ x(r, {
+			!!i && /* @__PURE__ */ C(r, {
 				type: "secondary",
 				children: i
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "overflow-x-auto",
 				"data-intrinsic-geometry": !0,
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "relative mb-1",
 					style: {
 						paddingLeft: "28px",
 						height: "12px"
 					},
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ C("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__ */ x(r, {
+						children: d.filter((e, t, n) => t === 0 || e.weekIndex - n[t - 1].weekIndex >= 3).map((e) => /* @__PURE__ */ C(r, {
 							size: "xs",
 							type: "secondary",
 							className: "absolute leading-none whitespace-nowrap",
@@ -1315,27 +1316,27 @@ function ke({ title: n, description: i, data: a, className: o, strings: c }) {
 							children: e.label
 						}, `${e.label}-${e.weekIndex}`))
 					})
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "flex gap-0",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "mr-1 flex flex-col gap-0.75",
-						children: l.heatmapDayLabels.map((e, t) => /* @__PURE__ */ x("div", {
+						children: l.heatmapDayLabels.map((e, t) => /* @__PURE__ */ C("div", {
 							className: "flex h-3 w-6 items-center justify-end",
-							children: !!e && /* @__PURE__ */ x(r, {
+							children: !!e && /* @__PURE__ */ C(r, {
 								size: "xs",
 								type: "secondary",
 								className: "leading-none",
 								children: e
 							})
 						}, `day-${t}`))
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex gap-0.75",
-						children: u.map((e, n) => /* @__PURE__ */ x("div", {
+						children: u.map((e, n) => /* @__PURE__ */ C("div", {
 							className: "flex flex-col gap-0.75",
 							children: e.map((e, r) => {
 								let i = e ? `${e.date}: Level ${e.level}` : void 0;
-								return /* @__PURE__ */ x("div", {
-									className: t("size-3 rounded-radius-sm", e ? De[e.level] : "bg-transparent"),
+								return /* @__PURE__ */ C("div", {
+									className: t("size-3 rounded-radius-sm", e ? Ae[e.level] : "bg-transparent"),
 									title: i
 								}, `d-${n}-${r}`);
 							})
@@ -1343,10 +1344,10 @@ function ke({ title: n, description: i, data: a, className: o, strings: c }) {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mt-space-xl flex items-center justify-end gap-space-sm",
 				children: [
-					/* @__PURE__ */ x(r, {
+					/* @__PURE__ */ C(r, {
 						size: "xs",
 						type: "secondary",
 						children: l.heatmapLegendLess
@@ -1357,8 +1358,8 @@ function ke({ title: n, description: i, data: a, className: o, strings: c }) {
 						2,
 						3,
 						4
-					].map((e) => /* @__PURE__ */ x("div", { className: t("size-3 rounded-radius-sm", De[e]) }, `legend-${e}`)),
-					/* @__PURE__ */ x(r, {
+					].map((e) => /* @__PURE__ */ C("div", { className: t("size-3 rounded-radius-sm", Ae[e]) }, `legend-${e}`)),
+					/* @__PURE__ */ C(r, {
 						size: "xs",
 						type: "secondary",
 						children: l.heatmapLegendMore
@@ -1368,11 +1369,11 @@ function ke({ title: n, description: i, data: a, className: o, strings: c }) {
 		]
 	});
 }
-ke.displayName = "ActivityHeatmap";
+Me.displayName = "ActivityHeatmap";
 //#endregion
 //#region src/components/blocks/analytics/chart-card/chart-card.tsx
-function Ae({ 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__ */ x(_, {
+function Ne({ 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__ */ C(_, {
 		title: e,
 		description: n,
 		headerEnd: r,
@@ -1382,7 +1383,7 @@ function Ae({ title: e, description: n, headerEnd: r, titleSuffix: i, footer: a,
 		padding: u,
 		className: t("chart-card--component", d),
 		contentClassName: t("chart-card--content", f),
-		children: /* @__PURE__ */ x(g, {
+		children: /* @__PURE__ */ C(g, {
 			config: o,
 			initialDimension: c,
 			className: t("chart-card--chart min-h-[var(--chart-min-height)]", p),
@@ -1390,10 +1391,10 @@ function Ae({ title: e, description: n, headerEnd: r, titleSuffix: i, footer: a,
 		})
 	});
 }
-Ae.displayName = "ChartCard";
+Ne.displayName = "ChartCard";
 //#endregion
 //#region src/components/blocks/analytics/time-ruler/types.ts
-var je = {
+var Pe = {
 	legendNone: "None",
 	legendLow: "Low",
 	legendMedium: "Medium",
@@ -1404,84 +1405,84 @@ var je = {
 };
 //#endregion
 //#region src/components/blocks/analytics/time-ruler/time-ruler.tsx
-function Me({ hours: n, currentHour: i, className: a, strings: o }) {
-	let c = e(je, o), l = Math.max(...n, 1), u = n.indexOf(Math.max(...n));
+function $({ hours: n, currentHour: i, className: a, strings: o }) {
+	let c = e(Pe, 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";
 	}
-	return /* @__PURE__ */ S(s, {
+	return /* @__PURE__ */ w(s, {
 		gap: "sm",
 		className: t("time-ruler--component", a),
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "relative flex h-8 gap-px overflow-hidden rounded-radius-md",
-				children: n.map((e, n) => /* @__PURE__ */ x("div", {
+				children: n.map((e, n) => /* @__PURE__ */ C("div", {
 					className: t("relative flex-1 transition-colors duration-200", d(e), n === u && "ring-1 ring-primary ring-inset"),
 					title: c.formatHourTitle(c.formatHourLabel(n), e)
 				}, n))
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "relative flex",
-				children: n.map((e, t) => /* @__PURE__ */ x("div", {
+				children: n.map((e, t) => /* @__PURE__ */ C("div", {
 					className: "flex-1 text-center",
-					children: t % 4 == 0 && /* @__PURE__ */ x(m, {
+					children: t % 4 == 0 && /* @__PURE__ */ C(m, {
 						size: "xs",
 						className: "tabular-nums",
 						children: c.formatHourLabel(t)
 					})
 				}, t))
 			}),
-			i !== void 0 && i >= 0 && i < 24 && /* @__PURE__ */ x("div", {
+			i !== void 0 && i >= 0 && i < 24 && /* @__PURE__ */ C("div", {
 				className: "relative h-0",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "absolute -top-[42px] flex flex-col items-center",
 					style: {
 						left: `${i / 24 * 100}%`,
 						transform: "translateX(-50%)"
 					},
-					children: /* @__PURE__ */ x("div", { className: "h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive" })
+					children: /* @__PURE__ */ C("div", { className: "h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive" })
 				})
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex items-center gap-space-lg",
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ x("div", { className: "h-2 w-3 rounded-radius-sm bg-muted" }), /* @__PURE__ */ x(r, {
+						children: [/* @__PURE__ */ C("div", { className: "h-2 w-3 rounded-radius-sm bg-muted" }), /* @__PURE__ */ C(r, {
 							size: "xs",
 							type: "secondary",
 							children: c.legendNone
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ x("div", { className: "h-2 w-3 rounded-radius-sm bg-primary/25" }), /* @__PURE__ */ x(r, {
+						children: [/* @__PURE__ */ C("div", { className: "h-2 w-3 rounded-radius-sm bg-primary/25" }), /* @__PURE__ */ C(r, {
 							size: "xs",
 							type: "secondary",
 							children: c.legendLow
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ x("div", { className: "h-2 w-3 rounded-radius-sm bg-primary/55" }), /* @__PURE__ */ x(r, {
+						children: [/* @__PURE__ */ C("div", { className: "h-2 w-3 rounded-radius-sm bg-primary/55" }), /* @__PURE__ */ C(r, {
 							size: "xs",
 							type: "secondary",
 							children: c.legendMedium
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ x("div", { className: "h-2 w-3 rounded-radius-sm bg-primary" }), /* @__PURE__ */ x(r, {
+						children: [/* @__PURE__ */ C("div", { className: "h-2 w-3 rounded-radius-sm bg-primary" }), /* @__PURE__ */ C(r, {
 							size: "xs",
 							type: "secondary",
 							children: c.legendHigh
 						})]
 					}),
-					i !== void 0 && /* @__PURE__ */ S("div", {
+					i !== void 0 && /* @__PURE__ */ w("div", {
 						className: "flex items-center gap-space-xs",
-						children: [/* @__PURE__ */ x("div", { className: "h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive" }), /* @__PURE__ */ x(r, {
+						children: [/* @__PURE__ */ C("div", { className: "h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive" }), /* @__PURE__ */ C(r, {
 							size: "xs",
 							type: "secondary",
 							children: c.legendNow
@@ -1492,8 +1493,8 @@ function Me({ hours: n, currentHour: i, className: a, strings: o }) {
 		]
 	});
 }
-Me.displayName = "TimeDistributionRuler";
+$.displayName = "TimeDistributionRuler";
 //#endregion
-export { ke as ActivityHeatmap, Ae as ChartCard, W as Metric, G as MetricBar, X as MetricComparison, Ee as MetricGradient, q as MetricGrid, Q as MetricMicroGrid, z as MetricSkeleton, L as MetricSparkline, I as MetricTrendChip, Me as TimeDistributionRuler, j as defaultAnalyticsStrings, J as defaultMetricComparisonStrings, je as defaultTimeDistributionRulerStrings, M as formatMetricValue, N as resolveTrend };
+export { Me as ActivityHeatmap, Ne as ChartCard, G as Metric, K as MetricBar, Z as MetricComparison, ke as MetricGradient, J as MetricGrid, Ee as MetricMicroGrid, B as MetricSkeleton, R as MetricSparkline, L as MetricTrendChip, $ as TimeDistributionRuler, y as UsageCard, M as defaultAnalyticsStrings, Y as defaultMetricComparisonStrings, Pe as defaultTimeDistributionRulerStrings, v as defaultUsageCardStrings, N as formatMetricValue, P as resolveTrend };
 
 //# sourceMappingURL=analytics.js.map