themelia-ui 3.0.0 → 3.2.0

package/dist/{patterns → blocks}/analytics.js

@@ -1,20 +1,22 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n } from "../typography-BkxEiwQ1.js";
-import { s as r } from "../feedback-DRerHGuV.js";
-import { c as i } from "../buttons-CqXKWty3.js";
-import { i as a, n as o, t as s } from "../tooltip-t1VQQ2tZ.js";
-import { l as c, u as l } from "../display-B3Q17h5z.js";
-import { G as u, K as d, W as f, q as p } from "../primitives-D0bdDozz.js";
-import { t as m } from "../badge-CxOuTfVr.js";
-import { i as h } from "../cards-C6Ulbkw7.js";
-import { o as g } from "../skeleton-DGR9df28.js";
-import { n as _, t as v } from "../chart-nomhJ87z.js";
+import "#core.css";
+import { a as e, s as t } from "../typography-DmeR05Er.js";
+import { t as n } from "../cx--CBrhWH0.js";
+import { c as r } from "../buttons-BX2JfL5X.js";
+import { i, n as a, t as o } from "../tooltip-BPYP-jUm.js";
+import { G as s, K as c, W as l, q as u } from "../primitives-BskKlf35.js";
+import { t as d } from "../badge-VlJVZjdm.js";
+import { s as f } from "../feedback-D4qVsKlD.js";
+import { i as p } from "../cards-Ddhz43Bz.js";
+import { o as m } from "../skeleton-BTKNKTdj.js";
+import { l as h, u as g } from "../display-a7AoX_u7.js";
+import { n as _, t as v } from "../chart-BkK3Xm10.js";
 import { ArrowDownIcon as y, ArrowRightIcon as b, ArrowUpIcon as x, CalendarIcon as S, EqualIcon as C, InfoIcon as w, MinusIcon as T } from "lucide-react";
 import { useId as E } from "react";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
 import * as k from "recharts";
-//#region src/components/patterns/analytics/analytics.strings.ts
+import "#css/analytics.css";
+//#region src/components/blocks/analytics/analytics.strings.ts
 var A = {
 	metricErrorLabel: "Unable to load metric",
 	metricProgressLabel: (e) => `${e} progress`,
@@ -60,19 +62,19 @@ var A = {
 	formatHourTitle: (e, t) => `${e}:00 — ${t}`
 };
 //#endregion
-//#region src/components/patterns/analytics/format-metric-value.ts
+//#region src/components/blocks/analytics/format-metric-value.ts
 function P(e) {
 	if (e.value === null || e.value === void 0) return "—";
 	let t = typeof e.value == "number" ? e.value : null;
 	if (t === null) return String(e.value);
 	switch (e.valueType) {
-		case "currency": return f(t, {
+		case "currency": return l(t, {
 			currency: e.currency,
 			currencyDisplay: "code"
 		}).replace(/ /g, " ");
-		case "percentage": return p(t);
-		case "duration": return u(t);
-		case "number": return d(t);
+		case "percentage": return u(t);
+		case "duration": return s(t);
+		case "number": return c(t);
 		default: return String(t);
 	}
 }
@@ -80,117 +82,116 @@ function F(e) {
 	return e.trend ? e.trend : e.change?.direction === "up" ? "positive" : e.change?.direction === "down" ? "negative" : "neutral";
 }
 var I = {
-	metric: "analytics__metric___ABm3m",
-	metricError: "analytics__metricError___BXV4k",
-	metricSpark: "analytics__metricSpark___XK3Mr",
-	metricTile: "analytics__metricTile___lBSAR",
-	metricLabelGroup: "analytics__metricLabelGroup___eXcvu",
-	metricLabelIcon: "analytics__metricLabelIcon___WS-ag",
-	metricValueRow: "analytics__metricValueRow___eXH_0",
-	metricCard: "analytics__metricCard___pJGk0",
-	metricCardBody: "analytics__metricCardBody___0mnKA",
-	metricDelta: "analytics__metricDelta___7U0sx",
-	metricInfo: "analytics__metricInfo___gv5VD",
-	metricMinimal: "analytics__metricMinimal___Mlsnk",
-	metricCompact: "analytics__metricCompact___V1YVN",
-	metricCompactBody: "analytics__metricCompactBody___QC64E",
-	metricPanel: "analytics__metricPanel___LIAJb",
-	metricHead: "analytics__metricHead___AJY0t",
-	metricDot: "analytics__metricDot___wtdkg",
-	metricSegments: "analytics__metricSegments___f02TG",
-	metricSegment: "analytics__metricSegment___D4FlH",
-	metricAccent: "analytics__metricAccent___3A2Bv",
-	metricAccentBody: "analytics__metricAccentBody___KNBI4",
-	trendChip: "analytics__trendChip___ki9Wj",
-	trendChipIcon: "analytics__trendChipIcon___WfDeH",
-	metricSkeleton: "analytics__metricSkeleton___iSZ3B",
-	skeletonLabel: "analytics__skeletonLabel___JDG-8",
-	skeletonValue: "analytics__skeletonValue___x94uA",
-	skeletonSpark: "analytics__skeletonSpark___eFm3T",
-	metricGridRoot: "analytics__metricGridRoot___-4KDJ",
-	metricGrid: "analytics__metricGrid___whfsg",
-	metricBar: "analytics__metricBar___tVCXk",
-	metricBarRow: "analytics__metricBarRow___gF3Ht",
-	metricBarPeriod: "analytics__metricBarPeriod___r-BFe",
-	metricBarCells: "analytics__metricBarCells___YjD3s",
-	metricBarCell: "analytics__metricBarCell___DXv6t",
-	metricBarFooter: "analytics__metricBarFooter___KNRS-",
-	tileLabel: "analytics__tileLabel___o_4pP",
-	tileValue: "analytics__tileValue___3Ehdx",
-	tileChange: "analytics__tileChange___R0dqg",
-	tileSubtitle: "analytics__tileSubtitle___EV2FJ",
-	tileFooter: "analytics__tileFooter___MWYyp",
-	comparison: "analytics__comparison___iotur",
-	comparisonPeriods: "analytics__comparisonPeriods___kXG2t",
-	comparisonPair: "analytics__comparisonPair___x0EQz",
-	comparisonBox: "analytics__comparisonBox___zJRGv",
-	comparisonBoxPrevious: "analytics__comparisonBoxPrevious___YI5pT",
-	comparisonArrow: "analytics__comparisonArrow___t5JjL",
-	comparisonArrowWide: "analytics__comparisonArrowWide___ENOy5",
-	comparisonArrowNarrow: "analytics__comparisonArrowNarrow___8rB0J",
-	comparisonDelta: "analytics__comparisonDelta___9eVe8",
-	comparisonChip: "analytics__comparisonChip___f2VX9",
-	comparisonChipIcon: "analytics__comparisonChipIcon___GLOJW",
-	chartCardChart: "analytics__chartCardChart___Xi2Wm",
-	chartCardFooter: "analytics__chartCardFooter___Czn_7",
-	heatmap: "analytics__heatmap___AZOwH",
-	heatmapScroll: "analytics__heatmapScroll___zsgH0",
-	heatmapMonths: "analytics__heatmapMonths___v46H6",
-	heatmapMonth: "analytics__heatmapMonth___X8Z3Y",
-	heatmapBody: "analytics__heatmapBody___TtpZx",
-	heatmapDays: "analytics__heatmapDays___pMwB2",
-	heatmapDay: "analytics__heatmapDay___wwn-n",
-	heatmapWeeks: "analytics__heatmapWeeks___d2bhI",
-	heatmapWeek: "analytics__heatmapWeek___yHvtf",
-	heatmapCell: "analytics__heatmapCell___Wx6jb",
-	heatmapLegend: "analytics__heatmapLegend___Q1Kjo",
-	ruler: "analytics__ruler___MndUw",
-	rulerBar: "analytics__rulerBar___fYhMa",
-	rulerHour: "analytics__rulerHour___pP5gx",
-	rulerMarker: "analytics__rulerMarker___rTveo",
-	rulerTicks: "analytics__rulerTicks___NcpDF",
-	rulerTick: "analytics__rulerTick___28A2K",
-	rulerLegend: "analytics__rulerLegend___z9OpU",
-	rulerLegendItem: "analytics__rulerLegendItem___wO3ZD",
-	rulerSwatch: "analytics__rulerSwatch___Rzxdp",
-	rulerMarkerSwatch: "analytics__rulerMarkerSwatch___KEiDG",
-	microGridRoot: "analytics__microGridRoot___Gn1rZ",
-	microGrid: "analytics__microGrid___Fx2mG",
-	microCell: "analytics__microCell___EAxNp",
-	microBars: "analytics__microBars___vGAcD",
-	microBar: "analytics__microBar___8d6Py",
-	microDots: "analytics__microDots___LmCvD",
-	microDot: "analytics__microDot___moAoI",
-	microProgress: "analytics__microProgress___AnghW",
-	microMarkRow: "analytics__microMarkRow___O7hVd",
-	microPie: "analytics__microPie___vJc5y",
-	microSvg: "analytics__microSvg___d5Icp",
-	microLine: "analytics__microLine___fkc2Y",
-	microArea: "analytics__microArea___xcp4z",
-	gradient: "analytics__gradient___4x1lh",
-	gradientHead: "analytics__gradientHead___GjlWy",
-	gradientHeadText: "analytics__gradientHeadText___KXa4Q",
-	gradientChip: "analytics__gradientChip___FvalW",
-	gradientPlot: "analytics__gradientPlot___k5Yi_"
+	metric: "analytics__metric___UOkDx",
+	metricError: "analytics__metricError___5pHze",
+	metricSpark: "analytics__metricSpark___s2e_b",
+	metricTile: "analytics__metricTile___fY6OD",
+	metricLabelGroup: "analytics__metricLabelGroup___2Xegu",
+	metricLabelIcon: "analytics__metricLabelIcon___hJFZf",
+	metricValueRow: "analytics__metricValueRow___jMFXC",
+	metricCard: "analytics__metricCard___tN5GR",
+	metricCardBody: "analytics__metricCardBody___l6xx1",
+	metricDelta: "analytics__metricDelta___mSlJf",
+	metricInfo: "analytics__metricInfo___QJznJ",
+	metricMinimal: "analytics__metricMinimal___rgcD6",
+	metricCompact: "analytics__metricCompact___IUFoQ",
+	metricCompactBody: "analytics__metricCompactBody___h7BrF",
+	metricHead: "analytics__metricHead___s8uUE",
+	metricDot: "analytics__metricDot___C0fvq",
+	metricSegments: "analytics__metricSegments___1AW0c",
+	metricSegment: "analytics__metricSegment___FR38j",
+	metricPanel: "analytics__metricPanel___5X3dw",
+	metricAccent: "analytics__metricAccent___kmVpF",
+	metricAccentBody: "analytics__metricAccentBody___aGMge",
+	trendChip: "analytics__trendChip___CqCJX",
+	trendChipIcon: "analytics__trendChipIcon___wVVHw",
+	metricSkeleton: "analytics__metricSkeleton___tVM35",
+	skeletonLabel: "analytics__skeletonLabel___hIq4f",
+	skeletonValue: "analytics__skeletonValue___Xgw1r",
+	skeletonSpark: "analytics__skeletonSpark___yXJID",
+	metricGridRoot: "analytics__metricGridRoot___g7xHF",
+	metricGrid: "analytics__metricGrid___QZ3Wv",
+	metricBar: "analytics__metricBar___qjkCF",
+	metricBarRow: "analytics__metricBarRow___u_zCy",
+	metricBarPeriod: "analytics__metricBarPeriod___7PC0V",
+	metricBarCells: "analytics__metricBarCells___4RGvW",
+	metricBarCell: "analytics__metricBarCell___Ag53H",
+	metricBarFooter: "analytics__metricBarFooter___z3BpC",
+	tileLabel: "analytics__tileLabel___8fDZA",
+	tileValue: "analytics__tileValue___egTkI",
+	tileChange: "analytics__tileChange___stA9o",
+	tileSubtitle: "analytics__tileSubtitle___bROy8",
+	tileFooter: "analytics__tileFooter___D5zui",
+	comparison: "analytics__comparison___Uc_0U",
+	comparisonPeriods: "analytics__comparisonPeriods___MDI3F",
+	comparisonPair: "analytics__comparisonPair___FnCbY",
+	comparisonBoxPrevious: "analytics__comparisonBoxPrevious___Ahlgg",
+	comparisonArrow: "analytics__comparisonArrow___HFpZ3",
+	comparisonArrowWide: "analytics__comparisonArrowWide___OGOCe",
+	comparisonArrowNarrow: "analytics__comparisonArrowNarrow___B5WxO",
+	comparisonDelta: "analytics__comparisonDelta___OmrcE",
+	comparisonChip: "analytics__comparisonChip___tbusz",
+	comparisonChipIcon: "analytics__comparisonChipIcon___Wmtu6",
+	chartCardChart: "analytics__chartCardChart___BaS1R",
+	chartCardFooter: "analytics__chartCardFooter___dySMa",
+	heatmap: "analytics__heatmap___Mlv8C",
+	heatmapScroll: "analytics__heatmapScroll___adsr5",
+	heatmapMonths: "analytics__heatmapMonths___rW_nt",
+	heatmapMonth: "analytics__heatmapMonth___jG5zd",
+	heatmapBody: "analytics__heatmapBody___wQjvY",
+	heatmapDays: "analytics__heatmapDays___bkUCY",
+	heatmapDay: "analytics__heatmapDay___FgH9F",
+	heatmapWeeks: "analytics__heatmapWeeks___uQoI7",
+	heatmapWeek: "analytics__heatmapWeek___PT5lj",
+	heatmapCell: "analytics__heatmapCell___OTWu2",
+	heatmapLegend: "analytics__heatmapLegend___RxYx3",
+	ruler: "analytics__ruler___y5TS9",
+	rulerBar: "analytics__rulerBar___6_30M",
+	rulerHour: "analytics__rulerHour___kdH1x",
+	rulerSwatch: "analytics__rulerSwatch___3yGhr",
+	rulerMarker: "analytics__rulerMarker___IDbiv",
+	rulerTicks: "analytics__rulerTicks___j2zHH",
+	rulerTick: "analytics__rulerTick___e6xRJ",
+	rulerLegend: "analytics__rulerLegend___c2JPC",
+	rulerLegendItem: "analytics__rulerLegendItem___OA0TS",
+	rulerMarkerSwatch: "analytics__rulerMarkerSwatch___KitnM",
+	microGridRoot: "analytics__microGridRoot___TqWhk",
+	microGrid: "analytics__microGrid___-RZQQ",
+	microCell: "analytics__microCell___6GN2m",
+	microBars: "analytics__microBars___ek3f2",
+	microBar: "analytics__microBar___pYrn3",
+	microDots: "analytics__microDots___ronJG",
+	microDot: "analytics__microDot___oSzNV",
+	microProgress: "analytics__microProgress___HVbXo",
+	microMarkRow: "analytics__microMarkRow___nnfpu",
+	microPie: "analytics__microPie___rpr8z",
+	microSvg: "analytics__microSvg___XsOre",
+	microLine: "analytics__microLine___cKOIW",
+	microArea: "analytics__microArea___p4ZT0",
+	gradient: "analytics__gradient____bZ7b",
+	gradientHead: "analytics__gradientHead___giugZ",
+	gradientHeadText: "analytics__gradientHeadText___MYAUD",
+	gradientChip: "analytics__gradientChip___8BdX6",
+	gradientPlot: "analytics__gradientPlot___H_Eio"
 };
 //#endregion
-//#region src/components/patterns/analytics/metric-skeleton.tsx
-function L({ variant: t = "default", className: n, ...r }) {
-	return /* @__PURE__ */ O(c, {
-		surface: t === "accent" ? "card" : "plain",
-		"data-variant": t,
+//#region src/components/blocks/analytics/metric-skeleton.tsx
+function L({ variant: e = "default", className: t, ...r }) {
+	return /* @__PURE__ */ O(h, {
+		surface: e === "accent" ? "card" : "plain",
+		"data-variant": e,
 		"aria-busy": "true",
-		className: e("metric-skeleton--component", I.metricSkeleton, n),
+		className: n("metric-skeleton--component", I.metricSkeleton, t),
 		...r,
 		children: [
-			/* @__PURE__ */ D(g, { className: I.skeletonLabel }),
-			/* @__PURE__ */ D(g, { className: I.skeletonValue }),
-			t !== "minimal" && t !== "compact" && /* @__PURE__ */ D(g, { className: I.skeletonSpark })
+			/* @__PURE__ */ D(m, { className: I.skeletonLabel }),
+			/* @__PURE__ */ D(m, { className: I.skeletonValue }),
+			e !== "minimal" && e !== "compact" && /* @__PURE__ */ D(m, { className: I.skeletonSpark })
 		]
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/metric-trend-chip.tsx
+//#region src/components/blocks/analytics/metric-trend-chip.tsx
 var R = {
 	up: x,
 	down: y,
@@ -199,82 +200,87 @@ var R = {
 function z(e, t) {
 	return e || (t === "up" ? "positive" : t === "down" ? "negative" : "neutral");
 }
-function B({ change: t, trend: r, variant: i = "default", className: a, ...o }) {
-	let s = z(r, t.direction), c = R[t.direction], l = t.direction === "up" ? "+" : "";
+var B = {
+	positive: "success",
+	negative: "destructive",
+	neutral: "neutral"
+};
+function V({ change: e, trend: r, variant: i = "default", className: a, ...o }) {
+	let s = B[z(r, e.direction)], c = R[e.direction], l = e.direction === "up" ? "+" : "";
 	return /* @__PURE__ */ O("span", {
 		"data-tone": s,
 		"data-variant": i,
-		className: e("metric-trend-chip--component", I.trendChip, a),
+		className: n("metric-trend-chip--component", I.trendChip, a),
 		...o,
 		children: [
 			i !== "inline" && /* @__PURE__ */ D(c, {
 				className: I.trendChipIcon,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ O(n, {
+			/* @__PURE__ */ O(t, {
 				tag: "span",
 				type: "inherit",
 				size: "xs",
 				weight: "medium",
 				numeric: !0,
 				className: "metric-trend-chip--value",
-				children: [l, t.value]
+				children: [l, e.value]
 			}),
-			t.label != null && /* @__PURE__ */ D(n, {
+			e.label != null && /* @__PURE__ */ D(t, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				className: "metric-trend-chip--label",
-				children: t.label
+				children: e.label
 			})
 		]
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/metric.tsx
-var V = 16, H = {
+//#region src/components/blocks/analytics/metric.tsx
+var H = 16, U = {
 	positive: "success",
 	negative: "destructive",
 	neutral: "neutral"
 };
-function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline: d = !0, showChange: f = !0, showIcon: p = !0, loading: m = !1, error: g = !1, strings: _, progress: y = 0, className: b, ...x }) {
+function W({ data: r, variant: s = "default", tone: c = "neutral", showSparkline: l = !0, showChange: u = !0, showIcon: d = !0, loading: f = !1, error: m = !1, strings: _, progress: y = 0, className: b, ...x }) {
 	let S = {
 		...A,
 		..._
-	}, C = P(r), T = F(r), E = r.icon, k = d && !!r.sparkline?.length, j = f && !!r.change, M = e("metric--component", I.metric, b);
-	if (m) return /* @__PURE__ */ D(L, {
-		variant: i,
+	}, C = P(r), T = F(r), E = r.icon, k = l && !!r.sparkline?.length, j = u && !!r.change, M = n("metric--component", I.metric, b);
+	if (f) return /* @__PURE__ */ D(L, {
+		variant: s,
 		className: M
 	});
-	if (g) return /* @__PURE__ */ D(c, {
+	if (m) return /* @__PURE__ */ D(h, {
 		surface: "card",
-		"data-variant": i,
-		className: e(M, I.metricError),
+		"data-variant": s,
+		className: n(M, I.metricError),
 		...x,
-		children: /* @__PURE__ */ D(n, {
+		children: /* @__PURE__ */ D(t, {
 			type: "secondary",
 			children: S.metricErrorLabel
 		})
 	});
 	let N = k ? /* @__PURE__ */ D(v, {
 		data: r.sparkline,
-		tone: H[T],
-		className: e("metric--sparkline", I.metricSpark)
-	}) : null, R = (e) => j ? /* @__PURE__ */ D(B, {
+		tone: U[T],
+		className: n("metric--sparkline", I.metricSpark)
+	}) : null, R = (e) => j ? /* @__PURE__ */ D(V, {
 		change: r.change,
 		trend: r.trend,
 		variant: e
 	}) : null;
-	if (i === "minimal") return /* @__PURE__ */ O("span", {
+	if (s === "minimal") return /* @__PURE__ */ O("span", {
 		"data-variant": "minimal",
-		className: e(M, I.metricMinimal),
+		className: n(M, I.metricMinimal),
 		...x,
 		children: [
-			/* @__PURE__ */ O(t, {
+			/* @__PURE__ */ O(e, {
 				className: "metric--label",
 				children: [r.label, ":"]
 			}),
-			/* @__PURE__ */ D(n, {
+			/* @__PURE__ */ D(t, {
 				tag: "span",
 				weight: "semibold",
 				numeric: !0,
@@ -284,9 +290,9 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 			R("inline")
 		]
 	});
-	if (i === "card") return /* @__PURE__ */ O(h, {
+	if (s === "card") return /* @__PURE__ */ O(p, {
 		"data-variant": "card",
-		className: e(M, I.metricCard),
+		className: n(M, I.metricCard),
 		onClick: r.onClick,
 		...x,
 		children: [
@@ -296,26 +302,26 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 					/* @__PURE__ */ O("span", {
 						className: I.metricLabelGroup,
 						children: [
-							p && E && /* @__PURE__ */ D(E, {
+							d && E && /* @__PURE__ */ D(E, {
 								className: I.metricLabelIcon,
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ D(t, {
+							/* @__PURE__ */ D(e, {
 								className: "metric--label",
 								children: r.label
 							}),
-							!!r.tooltip && /* @__PURE__ */ O(s, { children: [/* @__PURE__ */ D(a, {
+							!!r.tooltip && /* @__PURE__ */ O(o, { children: [/* @__PURE__ */ D(i, {
 								render: /* @__PURE__ */ D("button", {
 									type: "button",
 									"data-hit-area": !0,
 									className: I.metricInfo,
-									"aria-label": S.metricInfoLabel ?? A.metricInfoLabel
+									"aria-label": S.metricInfoLabel
 								}),
 								children: /* @__PURE__ */ D(w, { "aria-hidden": "true" })
-							}), /* @__PURE__ */ D(o, { children: r.tooltip })] })
+							}), /* @__PURE__ */ D(a, { children: r.tooltip })] })
 						]
 					}),
-					/* @__PURE__ */ D(n, {
+					/* @__PURE__ */ D(t, {
 						size: "lg",
 						weight: "semibold",
 						numeric: !0,
@@ -327,7 +333,7 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 					}),
 					(j || r.subtitle != null) && /* @__PURE__ */ O("div", {
 						className: I.metricDelta,
-						children: [R("badge"), r.subtitle != null && /* @__PURE__ */ D(n, {
+						children: [R("badge"), r.subtitle != null && /* @__PURE__ */ D(t, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -338,7 +344,7 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 				]
 			}),
 			N,
-			r.footer != null && /* @__PURE__ */ D(n, {
+			r.footer != null && /* @__PURE__ */ D(t, {
 				size: "xs",
 				type: "secondary",
 				className: "metric--footer",
@@ -346,21 +352,21 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 			})
 		]
 	});
-	if (i === "compact") return /* @__PURE__ */ O("div", {
+	if (s === "compact") return /* @__PURE__ */ O("div", {
 		"data-variant": "compact",
-		className: e(M, I.metricCompact),
+		className: n(M, I.metricCompact),
 		...x,
 		children: [
-			p && E && /* @__PURE__ */ D(l, {
+			d && E && /* @__PURE__ */ D(g, {
 				icon: E,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ O("div", {
 				className: I.metricCompactBody,
-				children: [/* @__PURE__ */ D(t, {
+				children: [/* @__PURE__ */ D(e, {
 					className: "metric--label",
 					children: r.label
-				}), /* @__PURE__ */ D(n, {
+				}), /* @__PURE__ */ D(t, {
 					weight: "semibold",
 					numeric: !0,
 					lineHeight: "tight",
@@ -371,27 +377,27 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 			R("badge")
 		]
 	});
-	if (i === "accent") return /* @__PURE__ */ O("div", {
+	if (s === "accent") return /* @__PURE__ */ O("div", {
 		"data-variant": "accent",
 		"data-theme": "dark",
-		className: e(M, I.metricAccent),
+		className: n(M, I.metricAccent),
 		...x,
 		children: [/* @__PURE__ */ O("div", {
 			className: I.metricAccentBody,
 			children: [
 				/* @__PURE__ */ O("div", {
 					className: I.metricHead,
-					children: [/* @__PURE__ */ D(t, {
+					children: [/* @__PURE__ */ D(e, {
 						className: "metric--label",
 						children: r.label
-					}), p && E && /* @__PURE__ */ D(l, {
+					}), d && E && /* @__PURE__ */ D(g, {
 						icon: E,
 						"aria-hidden": "true"
 					})]
 				}),
 				/* @__PURE__ */ O("div", {
 					className: I.metricValueRow,
-					children: [/* @__PURE__ */ D(n, {
+					children: [/* @__PURE__ */ D(t, {
 						size: "lg",
 						weight: "semibold",
 						numeric: !0,
@@ -400,7 +406,7 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 						children: C
 					}), R("compact")]
 				}),
-				r.subtitle != null && /* @__PURE__ */ D(n, {
+				r.subtitle != null && /* @__PURE__ */ D(t, {
 					size: "xs",
 					className: "metric--subtitle",
 					children: r.subtitle
@@ -408,18 +414,18 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 			]
 		}), N]
 	});
-	if (i === "colored") {
-		let i = Math.min(Math.max(y, 0), 100), a = Math.round(i / 100 * V);
-		return /* @__PURE__ */ O(c, {
+	if (s === "colored") {
+		let i = Math.min(Math.max(y, 0), 100), a = Math.round(i / 100 * H);
+		return /* @__PURE__ */ O(h, {
 			surface: "card",
 			"data-variant": "colored",
-			"data-tone": u,
-			className: e(M, I.metricPanel),
+			"data-tone": c,
+			className: n(M, I.metricPanel),
 			...x,
 			children: [
 				/* @__PURE__ */ O("div", {
 					className: I.metricHead,
-					children: [/* @__PURE__ */ D(t, {
+					children: [/* @__PURE__ */ D(e, {
 						className: "metric--label",
 						children: r.label
 					}), /* @__PURE__ */ D("span", {
@@ -429,14 +435,14 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 				}),
 				/* @__PURE__ */ O("div", {
 					className: I.metricValueRow,
-					children: [/* @__PURE__ */ D(n, {
+					children: [/* @__PURE__ */ D(t, {
 						size: "lg",
 						weight: "semibold",
 						numeric: !0,
 						lineHeight: "tight",
 						className: "metric--value",
 						children: C
-					}), r.subtitle != null && /* @__PURE__ */ D(n, {
+					}), r.subtitle != null && /* @__PURE__ */ D(t, {
 						size: "xs",
 						type: "secondary",
 						className: "metric--subtitle",
@@ -450,13 +456,13 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 					"aria-valuenow": i,
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,
-					children: Array.from({ length: V }, (e, t) => /* @__PURE__ */ D("span", {
+					children: Array.from({ length: H }, (e, t) => /* @__PURE__ */ D("span", {
 						"data-filled": t < a ? "" : void 0,
 						className: I.metricSegment
 					}, t))
 				}),
 				R("default"),
-				r.footer != null && /* @__PURE__ */ D(n, {
+				r.footer != null && /* @__PURE__ */ D(t, {
 					size: "xs",
 					type: "secondary",
 					className: "metric--footer",
@@ -465,27 +471,27 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 			]
 		});
 	}
-	return i === "bordered" ? /* @__PURE__ */ O(c, {
+	return s === "bordered" ? /* @__PURE__ */ O(h, {
 		surface: "card",
 		"data-variant": "bordered",
-		"data-tone": u,
-		className: e(M, I.metricPanel),
+		"data-tone": c,
+		className: n(M, I.metricPanel),
 		...x,
 		children: [
 			/* @__PURE__ */ O("div", {
 				className: I.metricHead,
 				children: [/* @__PURE__ */ O("span", {
 					className: I.metricLabelGroup,
-					children: [p && E && /* @__PURE__ */ D(E, {
+					children: [d && E && /* @__PURE__ */ D(E, {
 						className: I.metricLabelIcon,
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ D(t, {
+					}), /* @__PURE__ */ D(e, {
 						className: "metric--label",
 						children: r.label
 					})]
 				}), R("badge")]
 			}),
-			/* @__PURE__ */ D(n, {
+			/* @__PURE__ */ D(t, {
 				size: "lg",
 				weight: "semibold",
 				numeric: !0,
@@ -493,14 +499,14 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 				className: "metric--value",
 				children: C
 			}),
-			r.subtitle != null && /* @__PURE__ */ D(n, {
+			r.subtitle != null && /* @__PURE__ */ D(t, {
 				size: "xs",
 				type: "secondary",
 				className: "metric--subtitle",
 				children: r.subtitle
 			}),
 			N,
-			r.footer != null && /* @__PURE__ */ D(n, {
+			r.footer != null && /* @__PURE__ */ D(t, {
 				size: "xs",
 				type: "secondary",
 				className: "metric--footer",
@@ -509,74 +515,74 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 		]
 	}) : /* @__PURE__ */ O("div", {
 		"data-variant": "default",
-		className: e(M, I.metricTile),
+		className: n(M, I.metricTile),
 		...x,
 		children: [
 			/* @__PURE__ */ O("span", {
-				className: e(I.metricLabelGroup, I.tileLabel),
-				children: [p && E && /* @__PURE__ */ D(E, {
+				className: n(I.metricLabelGroup, I.tileLabel),
+				children: [d && E && /* @__PURE__ */ D(E, {
 					className: I.metricLabelIcon,
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ D(t, {
+				}), /* @__PURE__ */ D(e, {
 					className: "metric--label",
 					children: r.label
 				})]
 			}),
-			/* @__PURE__ */ D(n, {
+			/* @__PURE__ */ D(t, {
 				size: "lg",
 				weight: "semibold",
 				numeric: !0,
 				lineHeight: "tight",
 				truncate: !0,
 				title: C,
-				className: e("metric--value", I.tileValue),
+				className: n("metric--value", I.tileValue),
 				children: C
 			}),
-			j && /* @__PURE__ */ D(B, {
+			j && /* @__PURE__ */ D(V, {
 				change: r.change,
 				trend: r.trend,
 				variant: "compact",
 				className: I.tileChange
 			}),
-			r.subtitle != null && /* @__PURE__ */ D(n, {
+			r.subtitle != null && /* @__PURE__ */ D(t, {
 				size: "xs",
 				type: "secondary",
-				className: e("metric--subtitle", I.tileSubtitle),
+				className: n("metric--subtitle", I.tileSubtitle),
 				children: r.subtitle
 			}),
 			N,
-			r.footer != null && /* @__PURE__ */ D(n, {
+			r.footer != null && /* @__PURE__ */ D(t, {
 				size: "xs",
 				type: "secondary",
-				className: e("metric--footer", I.tileFooter),
+				className: n("metric--footer", I.tileFooter),
 				children: r.footer
 			})
 		]
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/metric-bar.tsx
-function W({ metrics: t, period: r, onPeriodChange: a, showSparklines: o = !0, showChanges: s = !0, footerText: l, className: u, ...d }) {
-	return /* @__PURE__ */ O(c, {
+//#region src/components/blocks/analytics/metric-bar.tsx
+function ee({ metrics: e, period: i, onPeriodChange: a, showSparklines: o = !0, showChanges: s = !0, footerText: c, className: l, ...u }) {
+	return /* @__PURE__ */ O(h, {
 		surface: "card",
 		flush: !0,
-		className: e("metric-bar--component", I.metricBar, u),
-		...d,
+		className: n("metric-bar--component", I.metricBar, l),
+		...u,
 		children: [/* @__PURE__ */ O("div", {
 			className: I.metricBarRow,
-			children: [r && /* @__PURE__ */ D("div", {
+			children: [i && /* @__PURE__ */ D("div", {
 				className: I.metricBarPeriod,
-				children: /* @__PURE__ */ O(i, {
+				children: /* @__PURE__ */ O(r, {
 					tone: "secondary",
-					buttonStyle: "ghost",
-					onClick: a ? () => a(r.value) : void 0,
-					children: [/* @__PURE__ */ D(S, { "aria-hidden": "true" }), r.label]
+					appearance: "ghost",
+					onClick: a ? () => a(i.value) : void 0,
+					children: [/* @__PURE__ */ D(S, { "aria-hidden": "true" }), i.label]
 				})
 			}), /* @__PURE__ */ D("div", {
 				className: I.metricBarCells,
-				children: t.map((e) => /* @__PURE__ */ D("div", {
+				children: e.map((e) => /* @__PURE__ */ D("div", {
 					className: I.metricBarCell,
-					children: /* @__PURE__ */ D(U, {
+					children: /* @__PURE__ */ D(W, {
 						data: e,
 						variant: "default",
 						showSparkline: o,
@@ -584,32 +590,32 @@ function W({ metrics: t, period: r, onPeriodChange: a, showSparklines: o = !0, s
 					})
 				}, e.id))
 			})]
-		}), l != null && /* @__PURE__ */ D("div", {
+		}), c != null && /* @__PURE__ */ D("div", {
 			className: I.metricBarFooter,
-			children: /* @__PURE__ */ D(n, {
+			children: /* @__PURE__ */ D(t, {
 				size: "xs",
 				type: "secondary",
-				children: l
+				children: c
 			})
 		})]
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/metric-grid.tsx
+//#region src/components/blocks/analytics/metric-grid.tsx
 function G(e) {
 	return e <= 1 ? 1 : e === 2 ? 2 : e === 3 ? 3 : e === 4 ? 4 : e <= 6 ? 6 : 4;
 }
-function K({ metrics: t, variant: n = "card", tone: r = "neutral", columns: i = "auto", showSparklines: a = !0, showChanges: o = !0, showIcons: s = !0, loading: c = !1, className: l, ...u }) {
-	let d = i === "auto" ? G(t.length) : i;
+function K({ metrics: e, variant: t = "card", tone: r = "neutral", columns: i = "auto", showSparklines: a = !0, showChanges: o = !0, showIcons: s = !0, loading: c = !1, className: l, ...u }) {
+	let d = i === "auto" ? G(e.length) : i;
 	return /* @__PURE__ */ D("div", {
-		className: e("metric-grid--component", I.metricGridRoot, l),
+		className: n("metric-grid--component", I.metricGridRoot, l),
 		...u,
 		children: /* @__PURE__ */ D("div", {
 			"data-columns": d,
-			className: e("metric-grid--grid", I.metricGrid),
-			children: t.map((e) => /* @__PURE__ */ D(U, {
+			className: n("metric-grid--grid", I.metricGrid),
+			children: e.map((e) => /* @__PURE__ */ D(W, {
 				data: e,
-				variant: n,
+				variant: t,
 				tone: r,
 				showSparkline: a,
 				showChange: o,
@@ -620,31 +626,31 @@ function K({ metrics: t, variant: n = "card", tone: r = "neutral", columns: i =
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/metric-comparison.tsx
+//#region src/components/blocks/analytics/metric-comparison.tsx
 function q(e) {
 	if (e == null) return null;
 	if (typeof e == "number") return e;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : null;
 }
-function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strings: s, className: l, ...u }) {
-	let d = {
+function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strings: s, className: c, ...l }) {
+	let u = {
 		...j,
 		...s
-	}, f = q(r.value), p = q(i.value), h = f !== null && p !== null, g = h ? f - p : 0, _ = h && p !== 0 ? Math.round(g / p * 100) : null, v = g === 0, S = g > 0, w = v ? C : S ? x : y, T = v ? "neutral" : S ? "positive" : "negative", E = P({
+	}, f = q(r.value), p = q(i.value), m = f !== null && p !== null, g = m ? f - p : 0, _ = m && p !== 0 ? Math.round(g / p * 100) : null, v = g === 0, S = g > 0, w = v ? C : S ? x : y, T = v ? "neutral" : S ? "success" : "destructive", E = P({
 		...r,
 		value: Math.abs(g)
 	});
 	return /* @__PURE__ */ O("div", {
-		className: e("metric-comparison--component", I.comparison, l),
-		...u,
+		className: n("metric-comparison--component", I.comparison, c),
+		...l,
 		children: [
 			(a != null || o != null) && /* @__PURE__ */ O("div", {
 				className: I.comparisonPeriods,
-				children: [a != null && /* @__PURE__ */ D(m, {
+				children: [a != null && /* @__PURE__ */ D(d, {
 					tone: "secondary",
 					children: a
-				}), o != null && /* @__PURE__ */ D(m, {
+				}), o != null && /* @__PURE__ */ D(d, {
 					tone: "secondary",
 					children: o
 				})]
@@ -652,10 +658,9 @@ function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 			/* @__PURE__ */ O("div", {
 				className: I.comparisonPair,
 				children: [
-					/* @__PURE__ */ O(c, {
+					/* @__PURE__ */ O(h, {
 						surface: "card",
-						className: I.comparisonBox,
-						children: [/* @__PURE__ */ D(t, { children: d.currentLabel }), /* @__PURE__ */ D(n, {
+						children: [/* @__PURE__ */ D(e, { children: u.currentLabel }), /* @__PURE__ */ D(t, {
 							size: "lg",
 							weight: "semibold",
 							numeric: !0,
@@ -668,10 +673,10 @@ function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 						"aria-hidden": "true",
 						children: [/* @__PURE__ */ D(b, { className: I.comparisonArrowWide }), /* @__PURE__ */ D(y, { className: I.comparisonArrowNarrow })]
 					}),
-					/* @__PURE__ */ O(c, {
+					/* @__PURE__ */ O(h, {
 						surface: "card",
-						className: e(I.comparisonBox, I.comparisonBoxPrevious),
-						children: [/* @__PURE__ */ D(t, { children: d.previousLabel }), /* @__PURE__ */ D(n, {
+						className: I.comparisonBoxPrevious,
+						children: [/* @__PURE__ */ D(e, { children: u.previousLabel }), /* @__PURE__ */ D(t, {
 							size: "lg",
 							weight: "semibold",
 							numeric: !0,
@@ -682,7 +687,7 @@ function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 					})
 				]
 			}),
-			h && /* @__PURE__ */ O("div", {
+			m && /* @__PURE__ */ O("div", {
 				"data-tone": T,
 				className: I.comparisonDelta,
 				children: [
@@ -691,7 +696,7 @@ function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 						children: [/* @__PURE__ */ D(w, {
 							className: I.comparisonChipIcon,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ O(n, {
+						}), /* @__PURE__ */ O(t, {
 							tag: "span",
 							size: "xs",
 							type: "inherit",
@@ -700,7 +705,7 @@ function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 							children: [S ? "+" : v ? "" : "−", E]
 						})]
 					}),
-					_ !== null && /* @__PURE__ */ O(n, {
+					_ !== null && /* @__PURE__ */ O(t, {
 						size: "xs",
 						type: v ? "secondary" : "inherit",
 						numeric: !0,
@@ -710,10 +715,10 @@ function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 							"%"
 						]
 					}),
-					/* @__PURE__ */ D(n, {
+					/* @__PURE__ */ D(t, {
 						size: "xs",
 						type: "secondary",
-						children: d.suffix
+						children: u.suffix
 					})
 				]
 			})
@@ -721,7 +726,7 @@ function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/metric-micro-grid.tsx
+//#region src/components/blocks/analytics/metric-micro-grid.tsx
 var Y = [
 	"bars",
 	"line",
@@ -729,43 +734,47 @@ var Y = [
 	"progress",
 	"area",
 	"pie"
+], X = [
+	"var(--chart-1)",
+	"var(--chart-2)",
+	"var(--chart-3)"
 ];
-function X(e) {
+function Z(e) {
 	let t = Math.max(...e, 0), n = Math.min(...e, 0), r = t - n || 1;
 	return e.map((e) => (e - n) / r);
 }
-function Z(e, t) {
-	let n = X(e), r = 60 / Math.max(n.length - 1, 1);
+function Q(e, t) {
+	let n = Z(e), r = 60 / Math.max(n.length - 1, 1);
 	return n.map((e, n) => `${n * r},${t - e * (t - 2)}`);
 }
-function Q({ kind: e, data: t, label: n }) {
+function te({ kind: e, data: t, label: n }) {
 	if (e === "bars") {
-		let e = X(t.slice(0, 6));
+		let e = Z(t.slice(0, 6));
 		return /* @__PURE__ */ D("span", {
 			className: I.microBars,
 			"aria-hidden": "true",
 			children: e.map((e, t) => /* @__PURE__ */ D("span", {
 				className: I.microBar,
-				style: { "--micro-bar": `${Math.max(e, .08) * 100}%` }
+				style: { "--_micro-bar": `${Math.max(e, .08) * 100}%` }
 			}, t))
 		});
 	}
 	if (e === "dots") {
-		let e = X(t.slice(0, 5));
+		let e = Z(t.slice(0, 5));
 		return /* @__PURE__ */ D("span", {
 			className: I.microDots,
 			"aria-hidden": "true",
 			children: e.map((e, t) => /* @__PURE__ */ D("span", {
 				className: I.microDot,
-				style: { "--micro-dot": `${Math.round(e * 12)}px` }
+				style: { "--_micro-dot": `${Math.round(e * 12)}px` }
 			}, t))
 		});
 	}
 	if (e === "progress") {
-		let [e = 0, i = 100] = t;
-		return /* @__PURE__ */ D(r, {
+		let [e = 0, r = 100] = t;
+		return /* @__PURE__ */ D(f, {
 			value: e,
-			max: i,
+			max: r,
 			label: n,
 			className: I.microProgress
 		});
@@ -773,18 +782,18 @@ function Q({ kind: e, data: t, label: n }) {
 	if (e === "pie") {
 		let e = t.reduce((e, t) => e + t, 0) || 1, n = t.slice(0, 3), r = n.map((t, r) => {
 			let i = n.slice(0, r).reduce((e, t) => e + t, 0), a = i / e * 100, o = (i + t) / e * 100;
-			return `var(--chart-${r + 1}) ${a}% ${o}%`;
+			return `${X[r]} ${a}% ${o}%`;
 		});
 		return /* @__PURE__ */ D("span", {
 			className: I.microMarkRow,
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ D("span", {
 				className: I.microPie,
-				style: { "--micro-pie": `conic-gradient(${r.join(", ")})` }
+				style: { "--_micro-pie": `conic-gradient(${r.join(", ")})` }
 			})
 		});
 	}
-	let i = Z(t.slice(0, 8), 16);
+	let r = Q(t.slice(0, 8), 16);
 	return e === "area" ? /* @__PURE__ */ D("svg", {
 		viewBox: "0 0 60 16",
 		className: I.microSvg,
@@ -792,7 +801,7 @@ function Q({ kind: e, data: t, label: n }) {
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ D("polygon", {
 			className: I.microArea,
-			points: `0,16 ${i.join(" ")} 60,16`
+			points: `0,16 ${r.join(" ")} 60,16`
 		})
 	}) : /* @__PURE__ */ D("svg", {
 		viewBox: "0 0 60 16",
@@ -801,32 +810,32 @@ function Q({ kind: e, data: t, label: n }) {
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ D("polyline", {
 			className: I.microLine,
-			points: i.join(" ")
+			points: r.join(" ")
 		})
 	});
 }
-function $({ cells: r, className: i, ...a }) {
+function ne({ cells: r, className: i, ...a }) {
 	return /* @__PURE__ */ D("div", {
-		className: e("metric-micro-grid--component", I.microGridRoot, i),
+		className: n("metric-micro-grid--component", I.microGridRoot, i),
 		...a,
-		children: /* @__PURE__ */ D(c, {
+		children: /* @__PURE__ */ D(h, {
 			surface: "bordered",
 			flush: !0,
 			className: I.microGrid,
 			children: r.map((r, i) => {
 				let a = r.chart ?? Y[i % Y.length] ?? "bars";
 				return /* @__PURE__ */ O("div", {
-					className: e("metric-micro-grid--cell", I.microCell),
+					className: n("metric-micro-grid--cell", I.microCell),
 					children: [
-						/* @__PURE__ */ D(t, { children: r.label }),
-						/* @__PURE__ */ D(n, {
+						/* @__PURE__ */ D(e, { children: r.label }),
+						/* @__PURE__ */ D(t, {
 							weight: "semibold",
 							numeric: !0,
 							lineHeight: "tight",
 							className: "metric-micro-grid--value",
 							children: r.value
 						}),
-						/* @__PURE__ */ D(Q, {
+						/* @__PURE__ */ D(te, {
 							kind: a,
 							data: r.data,
 							label: r.label
@@ -838,33 +847,33 @@ function $({ cells: r, className: i, ...a }) {
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/metric-gradient.tsx
-function ee({ title: r, value: i, change: a, data: o, theme: s = "cool", subtitle: c, className: l, ...u }) {
+//#region src/components/blocks/analytics/metric-gradient.tsx
+function re({ title: r, value: i, change: a, data: o, theme: s = "cool", subtitle: c, className: l, ...u }) {
 	let d = `metric-gradient-${E().replaceAll(":", "")}`;
 	return /* @__PURE__ */ O("div", {
-		"data-theme-ramp": s,
+		"data-ramp": s,
 		"data-theme": "dark",
-		className: e("metric-gradient--component", I.gradient, l),
+		className: n("metric-gradient--component", I.gradient, l),
 		...u,
 		children: [/* @__PURE__ */ O("div", {
 			className: I.gradientHead,
 			children: [/* @__PURE__ */ O("div", {
 				className: I.gradientHeadText,
 				children: [
-					/* @__PURE__ */ D(t, { children: r }),
-					i != null && /* @__PURE__ */ D(n, {
+					/* @__PURE__ */ D(e, { children: r }),
+					i != null && /* @__PURE__ */ D(t, {
 						size: "lg",
 						weight: "semibold",
 						numeric: !0,
 						lineHeight: "tight",
 						children: i
 					}),
-					c != null && /* @__PURE__ */ D(n, {
+					c != null && /* @__PURE__ */ D(t, {
 						size: "xs",
 						children: c
 					})
 				]
-			}), a && /* @__PURE__ */ D(B, {
+			}), a && /* @__PURE__ */ D(V, {
 				change: a,
 				variant: "badge",
 				className: I.gradientChip
@@ -917,8 +926,8 @@ function ee({ title: r, value: i, change: a, data: o, theme: s = "cool", subtitl
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/activity-heatmap.tsx
-function te(e, t) {
+//#region src/components/blocks/analytics/activity-heatmap.tsx
+function $(e, t) {
 	if (e.length === 0) return {
 		weeks: [],
 		months: []
@@ -954,49 +963,49 @@ function te(e, t) {
 		months: d
 	};
 }
-var ne = [
+var ie = [
 	0,
 	1,
 	2,
 	3,
 	4
 ];
-function re({ data: t, strings: r, className: i, ...a }) {
+function ae({ data: e, strings: r, className: i, ...a }) {
 	let o = {
 		...M,
 		...r
-	}, { weeks: s, months: c } = te(t, o.monthNames), l = c.filter((e, t, n) => {
+	}, { weeks: s, months: c } = $(e, o.monthNames), l = c.filter((e, t, n) => {
 		let r = n[t - 1];
 		return !r || e.weekIndex - r.weekIndex >= 3;
 	});
 	return /* @__PURE__ */ O("div", {
-		className: e("activity-heatmap--component", I.heatmap, i),
+		className: n("activity-heatmap--component", I.heatmap, i),
 		...a,
 		children: [/* @__PURE__ */ O("div", {
 			className: I.heatmapScroll,
 			children: [/* @__PURE__ */ D("div", {
 				className: I.heatmapMonths,
-				style: { "--heatmap-weeks": s.length },
-				children: l.map((e) => /* @__PURE__ */ D(n, {
+				style: { "--_heatmap-weeks": s.length },
+				children: l.map((e) => /* @__PURE__ */ D(t, {
 					size: "xs",
 					type: "secondary",
 					lineHeight: "none",
 					className: I.heatmapMonth,
-					style: { "--heatmap-week": e.weekIndex },
+					style: { "--_heatmap-week": e.weekIndex },
 					children: e.label
 				}, `${e.label}-${e.weekIndex}`))
 			}), /* @__PURE__ */ O("div", {
 				className: I.heatmapBody,
 				children: [/* @__PURE__ */ D("div", {
 					className: I.heatmapDays,
-					children: o.dayLabels.map((e, t) => /* @__PURE__ */ D("span", {
+					children: o.dayLabels.map((e, n) => /* @__PURE__ */ D("span", {
 						className: I.heatmapDay,
-						children: e ? /* @__PURE__ */ D(n, {
+						children: e ? /* @__PURE__ */ D(t, {
 							size: "xs",
 							type: "secondary",
 							children: e
 						}) : null
-					}, t))
+					}, n))
 				}), /* @__PURE__ */ D("div", {
 					className: I.heatmapWeeks,
 					children: s.map((e, t) => /* @__PURE__ */ D("div", {
@@ -1013,17 +1022,17 @@ function re({ data: t, strings: r, className: i, ...a }) {
 		}), /* @__PURE__ */ O("div", {
 			className: I.heatmapLegend,
 			children: [
-				/* @__PURE__ */ D(n, {
+				/* @__PURE__ */ D(t, {
 					size: "xs",
 					type: "secondary",
 					children: o.legendLess
 				}),
-				ne.map((e) => /* @__PURE__ */ D("span", {
+				ie.map((e) => /* @__PURE__ */ D("span", {
 					"data-level": e,
 					className: I.heatmapCell,
 					"aria-hidden": "true"
 				}, e)),
-				/* @__PURE__ */ D(n, {
+				/* @__PURE__ */ D(t, {
 					size: "xs",
 					type: "secondary",
 					children: o.legendMore
@@ -1033,16 +1042,16 @@ function re({ data: t, strings: r, className: i, ...a }) {
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/chart-card.tsx
-function ie({ config: t, children: n, footer: r, className: i, ...a }) {
-	return /* @__PURE__ */ O(c, {
-		className: e("chart-card--component", i),
+//#region src/components/blocks/analytics/chart-card.tsx
+function oe({ config: e, children: t, footer: r, className: i, ...a }) {
+	return /* @__PURE__ */ O(h, {
+		className: n("chart-card--component", i),
 		...a,
 		children: [/* @__PURE__ */ D(_, {
-			config: t,
+			config: e,
 			label: typeof a.title == "string" ? a.title : void 0,
-			className: e("chart-card--chart", I.chartCardChart),
-			children: n
+			className: n("chart-card--chart", I.chartCardChart),
+			children: t
 		}), r != null && /* @__PURE__ */ D("div", {
 			className: I.chartCardFooter,
 			children: r
@@ -1050,45 +1059,45 @@ function ie({ config: t, children: n, footer: r, className: i, ...a }) {
 	});
 }
 //#endregion
-//#region src/components/patterns/analytics/time-ruler.tsx
-function ae(e, t) {
+//#region src/components/blocks/analytics/time-ruler.tsx
+function se(e, t) {
 	if (e === 0) return 0;
 	let n = e / t;
 	return n < 1 / 3 ? 1 : n < 2 / 3 ? 2 : 3;
 }
-function oe({ hours: t, currentHour: r, strings: i, className: a, ...o }) {
+function ce({ hours: e, currentHour: r, strings: i, className: a, ...o }) {
 	let s = {
 		...N,
 		...i
-	}, c = Math.max(...t, 1), l = t.indexOf(Math.max(...t)), u = r !== void 0 && r >= 0 && r < 24;
+	}, c = Math.max(...e, 1), l = e.indexOf(Math.max(...e)), u = r !== void 0 && r >= 0 && r < 24;
 	return /* @__PURE__ */ O("div", {
-		className: e("time-ruler--component", I.ruler, a),
+		className: n("time-ruler--component", I.ruler, a),
 		...o,
 		children: [
 			/* @__PURE__ */ O("div", {
 				className: I.rulerBar,
-				children: [t.map((e, t) => /* @__PURE__ */ D("span", {
-					"data-band": ae(e, c),
+				children: [e.map((e, t) => /* @__PURE__ */ D("span", {
+					"data-band": se(e, c),
 					"data-peak": t === l ? "" : void 0,
 					className: I.rulerHour,
 					title: s.formatHourTitle(s.formatHour(t), e)
 				}, t)), u && /* @__PURE__ */ D("span", {
 					"aria-hidden": "true",
 					className: I.rulerMarker,
-					style: { "--ruler-now": r }
+					style: { "--_ruler-now": r }
 				})]
 			}),
 			/* @__PURE__ */ D("div", {
 				className: I.rulerTicks,
-				children: t.map((e, t) => /* @__PURE__ */ D("span", {
+				children: e.map((e, n) => /* @__PURE__ */ D("span", {
 					className: I.rulerTick,
-					children: t % 4 == 0 && /* @__PURE__ */ D(n, {
+					children: n % 4 == 0 && /* @__PURE__ */ D(t, {
 						size: "xs",
 						type: "secondary",
 						numeric: !0,
-						children: s.formatHour(t)
+						children: s.formatHour(n)
 					})
-				}, t))
+				}, n))
 			}),
 			/* @__PURE__ */ O("div", {
 				className: I.rulerLegend,
@@ -1103,7 +1112,7 @@ function oe({ hours: t, currentHour: r, strings: i, className: a, ...o }) {
 						"data-band": e,
 						className: I.rulerSwatch,
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ D(n, {
+					}), /* @__PURE__ */ D(t, {
 						size: "xs",
 						type: "secondary",
 						children: [
@@ -1118,7 +1127,7 @@ function oe({ hours: t, currentHour: r, strings: i, className: a, ...o }) {
 					children: [/* @__PURE__ */ D("span", {
 						className: I.rulerMarkerSwatch,
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ D(n, {
+					}), /* @__PURE__ */ D(t, {
 						size: "xs",
 						type: "secondary",
 						children: s.legendNow
@@ -1129,4 +1138,4 @@ function oe({ hours: t, currentHour: r, strings: i, className: a, ...o }) {
 	});
 }
 //#endregion
-export { re as ActivityHeatmap, ie as ChartCard, U as Metric, W as MetricBar, J as MetricComparison, ee as MetricGradient, K as MetricGrid, $ as MetricMicroGrid, L as MetricSkeleton, B as MetricTrendChip, oe as TimeRuler, M as defaultActivityHeatmapStrings, A as defaultAnalyticsStrings, j as defaultMetricComparisonStrings, N as defaultTimeRulerStrings, P as formatMetricValue, F as resolveTrend };
+export { ae as ActivityHeatmap, oe as ChartCard, W as Metric, ee as MetricBar, J as MetricComparison, re as MetricGradient, K as MetricGrid, ne as MetricMicroGrid, L as MetricSkeleton, V as MetricTrendChip, ce as TimeRuler, M as defaultActivityHeatmapStrings, A as defaultAnalyticsStrings, j as defaultMetricComparisonStrings, N as defaultTimeRulerStrings, P as formatMetricValue, F as resolveTrend };