themelia-ui 2.0.0 → 3.0.0

package/dist/{navigation-BRv9Xerv.js → navigation-DzxzPuwg.js}

@@ -1,17 +1,16 @@
-import "./css/navigation2.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { i as t, o as n } from "./typography-B8Iurhy1.js";
-import { T as r } from "./primitives-B2aeaudR.js";
-import { t as i } from "./badge-D34FkKLD.js";
-import { c as a, i as o, n as s, o as c, r as l, t as u, u as d } from "./item-OVu-oGxQ.js";
+import { i as t, o as n } from "./typography-BkxEiwQ1.js";
+import { T as r } from "./primitives-D0bdDozz.js";
+import { t as i } from "./badge-CxOuTfVr.js";
+import { c as a, i as o, n as s, o as c, r as l, t as u, u as d } from "./item-B3yQ26as.js";
 import { n as f } from "./observers-CKohiJqU.js";
 import { t as p } from "./strings-Co9_qArR.js";
-import { t as m } from "./timeline-DskNs3lw.js";
-import { n as h } from "./navigation-Db1UQSIU.js";
-import { ChevronDownIcon as g, ChevronRightIcon as _ } from "lucide-react";
-import * as v from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-var S = {
+import { t as m } from "./timeline-BdaGRyj-.js";
+import { n as h, r as g } from "./navigation-B4eUU9E8.js";
+import { ChevronDownIcon as _, ChevronRightIcon as v } from "lucide-react";
+import * as y from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+var C = {
 	sideNav: "navigation__sideNav___7Qdq3",
 	group: "navigation__group___JA2AL",
 	groupLabel: "navigation__groupLabel___HK5ir",
@@ -29,103 +28,105 @@ var S = {
 	categoryChevron: "navigation__categoryChevron___lcrYi",
 	progress: "navigation__progress___e-Uqw",
 	progressHead: "navigation__progressHead___6HTAe"
-}, C = {
+}, w = {
 	step: (e, t, n) => n === "completed" ? `Step ${e}: ${t}, completed` : `Step ${e}: ${t}`,
 	position: (e, t) => `Step ${e} of ${t}`
-}, w = { label: "On this page" }, T = { label: "Section navigation" }, E = (e) => typeof e == "string" || typeof e == "number";
-function D(e, t) {
+}, T = { label: "On this page" }, E = { label: "Section navigation" }, D = (e) => typeof e == "string" || typeof e == "number";
+function O(e, t) {
 	if (t) return h(t, e.map((e) => e.href));
 }
-function O({ items: t, groups: r, currentPath: a, renderLink: o, strings: s, className: c, ...l }) {
+function k({ items: t, groups: r, currentPath: a, renderLink: o, strings: s, className: c, ...l }) {
 	let u = {
-		...T,
+		...E,
 		...s
-	}, d = r ?? [{
+	}, d = g(o), f = r ?? [{
 		id: "default",
 		items: t ?? []
-	}], f = D(d.flatMap((e) => e.items), a), [p, m] = v.useState(() => new Set(d.filter((e) => e.defaultCollapsed).map((e) => e.id))), h = (e) => m((t) => {
+	}], p = O(f.flatMap((e) => e.items), a), [m, h] = y.useState(() => new Set(f.filter((e) => e.defaultCollapsed).map((e) => e.id))), v = (e) => h((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
 	});
-	return /* @__PURE__ */ b("nav", {
+	return /* @__PURE__ */ x("nav", {
 		"aria-label": u.label,
 		"data-slot": "side-nav",
-		className: e("side-nav--component", S.sideNav, c),
+		className: e("side-nav--component", C.sideNav, c),
 		...l,
-		children: d.map((t) => {
-			let r = p.has(t.id);
-			return /* @__PURE__ */ x("div", {
-				className: S.group,
-				"data-collapsed": t.collapsible && r ? "" : void 0,
-				children: [!!t.label && (t.collapsible ? /* @__PURE__ */ x("button", {
+		children: f.map((e) => {
+			let t = m.has(e.id);
+			return /* @__PURE__ */ S("div", {
+				className: C.group,
+				"data-collapsed": e.collapsible && t ? "" : void 0,
+				children: [!!e.label && (e.collapsible ? /* @__PURE__ */ S("button", {
 					type: "button",
-					className: S.groupLabel,
+					className: C.groupLabel,
 					"data-hit-area": !0,
-					"aria-expanded": !r,
-					onClick: () => h(t.id),
-					children: [t.label, /* @__PURE__ */ b(g, {
+					"aria-expanded": !t,
+					onClick: () => v(e.id),
+					children: [e.label, /* @__PURE__ */ x(_, {
 						"aria-hidden": !0,
-						className: S.groupChevron
+						className: C.groupChevron
 					})]
-				}) : /* @__PURE__ */ b(n, {
+				}) : /* @__PURE__ */ x(n, {
 					tag: "span",
 					size: "xs",
+					weight: "medium",
 					type: "secondary",
-					className: e(S.groupLabel, S.groupLabelStatic),
-					children: t.label
-				})), /* @__PURE__ */ b("ul", {
-					className: S.list,
-					children: t.items.map((e) => {
-						let t = e.href === f, n = /* @__PURE__ */ x(y, { children: [
-							!!e.icon && /* @__PURE__ */ b(e.icon, {
+					className: C.groupLabelStatic,
+					children: e.label
+				})), /* @__PURE__ */ x("ul", {
+					className: C.list,
+					children: e.items.map((e) => {
+						let t = e.href === p, n = /* @__PURE__ */ S(b, { children: [
+							!!e.icon && /* @__PURE__ */ x(e.icon, {
 								"aria-hidden": !0,
-								className: S.itemIcon
+								className: C.itemIcon
 							}),
-							/* @__PURE__ */ b("span", {
-								className: S.itemLabel,
+							/* @__PURE__ */ x("span", {
+								className: C.itemLabel,
 								children: e.label
 							}),
-							E(e.badge) ? /* @__PURE__ */ b(i, {
+							D(e.badge) ? /* @__PURE__ */ x(i, {
 								tone: "neutral",
 								children: e.badge
 							}) : e.badge
 						] }), r = {
 							href: e.href,
-							className: S.item,
+							className: C.item,
 							children: n,
 							"aria-current": t ? "page" : void 0,
-							"aria-disabled": e.disabled || void 0
+							"aria-disabled": e.disabled || void 0,
+							disabled: e.disabled
 						};
-						return /* @__PURE__ */ b("li", { children: o ? o(r) : /* @__PURE__ */ b("a", { ...r }) }, e.href);
+						return /* @__PURE__ */ x("li", { children: d(r) }, e.href);
 					})
 				})]
-			}, t.id);
+			}, e.id);
 		})
 	});
 }
 //#endregion
 //#region src/components/layout/navigation/section-nav.tsx
-function k({ items: t, rootMargin: n = "-10% 0px -70% 0px", onSelect: r, strings: i, className: a, ...o }) {
+function A({ items: t, rootMargin: n = "-10% 0px -70% 0px", onSelect: r, strings: i, className: a, ...o }) {
 	let s = {
-		...w,
+		...T,
 		...i
-	}, [c, l] = v.useState(t[0]?.id), u = t.map((e) => e.id).join("|");
-	return v.useEffect(() => {
+	}, [c, l] = y.useState(t[0]?.id), u = t.map((e) => e.id).join("|");
+	return y.useEffect(() => {
 		if (typeof IntersectionObserver > "u") return;
 		let e = u.split("|").filter(Boolean).map((e) => document.getElementById(e)).filter((e) => e !== null);
 		if (e.length !== 0) return f(e, (e) => {
 			let t = e.filter((e) => e.isIntersecting).sort((e, t) => e.boundingClientRect.top - t.boundingClientRect.top);
 			t[0] && l(t[0].target.id);
 		}, { rootMargin: n });
-	}, [u, n]), /* @__PURE__ */ b("nav", {
+	}, [u, n]), /* @__PURE__ */ x("nav", {
 		"aria-label": s.label,
 		"data-slot": "section-nav",
-		className: e("section-nav--component", S.sectionNav, a),
+		className: e("section-nav--component", C.sectionNav, a),
 		...o,
-		children: t.map((t) => /* @__PURE__ */ b("a", {
+		children: t.map((t) => /* @__PURE__ */ x("a", {
 			href: `#${t.id}`,
 			"aria-current": t.id === c ? "true" : void 0,
-			className: e(S.sectionItem, (t.depth ?? 1) > 1 && S.sectionItemNested),
+			className: e(C.sectionItem, (t.depth ?? 1) > 1 && C.sectionItemNested),
 			onClick: () => r?.(t.id),
 			children: t.label
 		}, t.id))
@@ -133,31 +134,32 @@ function k({ items: t, rootMargin: n = "-10% 0px -70% 0px", onSelect: r, strings
 }
 //#endregion
 //#region src/components/layout/navigation/category-nav.tsx
-function A({ label: t, items: n, activeId: r, onSelect: f, className: p, ...m }) {
-	return /* @__PURE__ */ b("nav", {
+function j({ label: t, items: n, activeId: r, onSelect: f, className: p, ...m }) {
+	return /* @__PURE__ */ x("nav", {
 		"data-slot": "category-nav",
 		"aria-label": t,
-		className: e("category-nav--component", S.categoryNav, p),
+		className: e("category-nav--component", C.categoryNav, p),
 		...m,
-		children: /* @__PURE__ */ b(c, { children: n.map((e) => {
+		children: /* @__PURE__ */ x(c, { children: n.map((e) => {
 			let t = e.icon, n = e.id === r;
-			return /* @__PURE__ */ x(u, {
+			return /* @__PURE__ */ S(u, {
+				render: /* @__PURE__ */ x("button", { type: "button" }),
 				"aria-current": n || void 0,
 				"data-active": n || void 0,
 				onClick: () => f?.(e.id),
-				className: S.categoryRow,
+				className: C.categoryRow,
 				children: [
-					!!t && /* @__PURE__ */ b(a, {
+					!!t && /* @__PURE__ */ x(a, {
 						variant: "icon",
-						children: /* @__PURE__ */ b(t, {})
+						children: /* @__PURE__ */ x(t, {})
 					}),
-					/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(d, { children: e.label }), !!e.hint && /* @__PURE__ */ b(o, { children: e.hint })] }),
-					/* @__PURE__ */ x(s, { children: [typeof e.count == "number" && /* @__PURE__ */ b(i, {
+					/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(d, { children: e.label }), !!e.hint && /* @__PURE__ */ x(o, { children: e.hint })] }),
+					/* @__PURE__ */ S(s, { children: [typeof e.count == "number" && /* @__PURE__ */ x(i, {
 						tone: n ? "primary" : "neutral",
 						children: e.count
-					}), /* @__PURE__ */ b(_, {
+					}), /* @__PURE__ */ x(v, {
 						"aria-hidden": !0,
-						className: S.categoryChevron
+						className: C.categoryChevron
 					})] })
 				]
 			}, e.id);
@@ -166,8 +168,8 @@ function A({ label: t, items: n, activeId: r, onSelect: f, className: p, ...m })
 }
 //#endregion
 //#region src/components/layout/navigation/breadcrumb-progress.tsx
-function j({ steps: n, currentIndex: i, onStepClick: a, strings: o, className: s, ...c }) {
-	let l = p(C, o), u = n.length || 1, d = n.map((e, t) => {
+function M({ steps: n, currentIndex: i, onStepClick: a, strings: o, className: s, ...c }) {
+	let l = p(w, o), u = n.length || 1, d = n.map((e, t) => {
 		let n = t < i ? "completed" : t === i ? "current" : "upcoming";
 		return {
 			id: e.id,
@@ -177,19 +179,19 @@ function j({ steps: n, currentIndex: i, onStepClick: a, strings: o, className: s
 			accessibleName: l.step(t + 1, typeof e.label == "string" ? e.label : String(e.id), n)
 		};
 	});
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ S("div", {
 		"data-slot": "breadcrumb-progress",
-		className: e("breadcrumb-progress--component", S.progress, s),
+		className: e("breadcrumb-progress--component", C.progress, s),
 		...c,
-		children: [/* @__PURE__ */ x("div", {
-			className: S.progressHead,
-			children: [/* @__PURE__ */ b(t, { children: l.position(i + 1, u) }), /* @__PURE__ */ b(r, {
+		children: [/* @__PURE__ */ S("div", {
+			className: C.progressHead,
+			children: [/* @__PURE__ */ x(t, { children: l.position(i + 1, u) }), /* @__PURE__ */ x(r, {
 				value: Math.round((i + 1) / u * 100),
 				scaled: !0,
 				size: "xs",
 				weight: "semibold"
 			})]
-		}), /* @__PURE__ */ b(m, {
+		}), /* @__PURE__ */ x(m, {
 			variant: "trail",
 			steps: d,
 			onStepClick: a
@@ -197,4 +199,4 @@ function j({ steps: n, currentIndex: i, onStepClick: a, strings: o, className: s
 	});
 }
 //#endregion
-export { C as a, O as i, A as n, w as o, k as r, T as s, j as t };
+export { w as a, k as i, j as n, T as o, A as r, E as s, M as t };

package/dist/{overlay-Bdri8Z7E.js → overlay-WQOsLd69.js}

@@ -1,9 +1,8 @@
-import "./css/overlay.css";
 import { t as e } from "./cvm-DtsCA8iZ.js";
 import { t } from "./cx--CBrhWH0.js";
-import { o as n } from "./typography-B8Iurhy1.js";
+import { o as n } from "./typography-BkxEiwQ1.js";
 import { t as r } from "./slot-2Jf4M2nC.js";
-import { d as i } from "./ui-provider-BzyJxcKH.js";
+import { d as i } from "./ui-provider-Cmoq6i_D.js";
 import { o as a } from "./structure-D0WGQAP3.js";
 import { t as o } from "./render-with-children-Clu_g9wb.js";
 import { XIcon as s } from "lucide-react";

package/dist/{overlays-CaBkEKRc.js → overlays-DvVoS3td.js}

@@ -1,13 +1,12 @@
-import "./css/overlays.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { _ as t, h as n } from "./feedback-BmquisO3.js";
-import { c as r } from "./buttons-Corm-KHK.js";
+import { _ as t, h as n } from "./feedback-DRerHGuV.js";
+import { c as r } from "./buttons-CqXKWty3.js";
 import { t as i } from "./use-latest-CF0678ae.js";
-import { d as a } from "./display-DVhYS75K.js";
-import { a as o, c as s, l as c, o as l, s as u, t as d, u as f } from "./overlay-Bdri8Z7E.js";
-import { r as p } from "./alert-dialog-DzqaOiE5.js";
-import { t as m } from "./dialog-CLwUz8Gb.js";
-import { t as h } from "./sheet-BP2BmI-Z.js";
+import { d as a } from "./display-B3Q17h5z.js";
+import { a as o, c as s, l as c, o as l, s as u, t as d, u as f } from "./overlay-WQOsLd69.js";
+import { r as p } from "./alert-dialog-BMVo6Z-8.js";
+import { t as m } from "./dialog-CtFCuTUF.js";
+import { t as h } from "./sheet-CKcmRbJ9.js";
 import { CircleAlertIcon as g, CircleCheckIcon as _, CircleHelpIcon as v, InfoIcon as y, TriangleAlertIcon as b } from "lucide-react";
 import { isValidElement as x, useCallback as S, useEffect as C, useId as w, useMemo as T, useRef as E, useState as D } from "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";

package/dist/patterns/analytics.js

@@ -1,16 +1,14 @@
 "use client";
-import "../core.css";
-import "../css/analytics.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n } from "../typography-B8Iurhy1.js";
-import { s as r } from "../feedback-BmquisO3.js";
-import { c as i } from "../buttons-Corm-KHK.js";
-import { i as a, n as o, t as s } from "../tooltip-B82dN7Oy.js";
-import { l as c, u as l } from "../display-DVhYS75K.js";
-import { G as u, K as d, W as f, q as p } from "../primitives-B2aeaudR.js";
-import { t as m } from "../badge-D34FkKLD.js";
-import { i as h } from "../cards-CEtNjl6A.js";
-import { o as g } from "../skeleton-vN_fsg7X.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 { 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";
@@ -133,7 +131,6 @@ var I = {
 	comparisonDelta: "analytics__comparisonDelta___9eVe8",
 	comparisonChip: "analytics__comparisonChip___f2VX9",
 	comparisonChipIcon: "analytics__comparisonChipIcon___GLOJW",
-	comparisonPercent: "analytics__comparisonPercent___p1H1O",
 	chartCardChart: "analytics__chartCardChart___Xi2Wm",
 	chartCardFooter: "analytics__chartCardFooter___Czn_7",
 	heatmap: "analytics__heatmap___AZOwH",
@@ -173,8 +170,6 @@ var I = {
 	gradient: "analytics__gradient___4x1lh",
 	gradientHead: "analytics__gradientHead___GjlWy",
 	gradientHeadText: "analytics__gradientHeadText___KXa4Q",
-	gradientValue: "analytics__gradientValue___mlLhr",
-	gradientSubtitle: "analytics__gradientSubtitle___511KJ",
 	gradientChip: "analytics__gradientChip___FvalW",
 	gradientPlot: "analytics__gradientPlot___k5Yi_"
 };
@@ -322,7 +317,7 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 					}),
 					/* @__PURE__ */ D(n, {
 						size: "lg",
-						weight: "bold",
+						weight: "semibold",
 						numeric: !0,
 						lineHeight: "tight",
 						truncate: !0,
@@ -366,7 +361,7 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 					className: "metric--label",
 					children: r.label
 				}), /* @__PURE__ */ D(n, {
-					weight: "bold",
+					weight: "semibold",
 					numeric: !0,
 					lineHeight: "tight",
 					className: "metric--value",
@@ -398,9 +393,9 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 					className: I.metricValueRow,
 					children: [/* @__PURE__ */ D(n, {
 						size: "lg",
-						weight: "bold",
+						weight: "semibold",
 						numeric: !0,
-						lineHeight: "none",
+						lineHeight: "tight",
 						className: "metric--value",
 						children: C
 					}), R("compact")]
@@ -436,9 +431,9 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 					className: I.metricValueRow,
 					children: [/* @__PURE__ */ D(n, {
 						size: "lg",
-						weight: "bold",
+						weight: "semibold",
 						numeric: !0,
-						lineHeight: "none",
+						lineHeight: "tight",
 						className: "metric--value",
 						children: C
 					}), r.subtitle != null && /* @__PURE__ */ D(n, {
@@ -492,9 +487,9 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 			}),
 			/* @__PURE__ */ D(n, {
 				size: "lg",
-				weight: "bold",
+				weight: "semibold",
 				numeric: !0,
-				lineHeight: "none",
+				lineHeight: "tight",
 				className: "metric--value",
 				children: C
 			}),
@@ -529,7 +524,7 @@ function U({ data: r, variant: i = "default", tone: u = "neutral", showSparkline
 			}),
 			/* @__PURE__ */ D(n, {
 				size: "lg",
-				weight: "bold",
+				weight: "semibold",
 				numeric: !0,
 				lineHeight: "tight",
 				truncate: !0,
@@ -601,11 +596,11 @@ function W({ metrics: t, period: r, onPeriodChange: a, showSparklines: o = !0, s
 }
 //#endregion
 //#region src/components/patterns/analytics/metric-grid.tsx
-function ee(e) {
+function G(e) {
 	return e <= 1 ? 1 : e === 2 ? 2 : e === 3 ? 3 : e === 4 ? 4 : e <= 6 ? 6 : 4;
 }
-function G({ 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" ? ee(t.length) : i;
+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;
 	return /* @__PURE__ */ D("div", {
 		className: e("metric-grid--component", I.metricGridRoot, l),
 		...u,
@@ -626,17 +621,17 @@ function G({ metrics: t, variant: n = "card", tone: r = "neutral", columns: i =
 }
 //#endregion
 //#region src/components/patterns/analytics/metric-comparison.tsx
-function K(e) {
+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 q({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strings: s, className: l, ...u }) {
+function J({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strings: s, className: l, ...u }) {
 	let d = {
 		...j,
 		...s
-	}, f = K(r.value), p = K(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), 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({
 		...r,
 		value: Math.abs(g)
 	});
@@ -699,6 +694,7 @@ function q({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 						}), /* @__PURE__ */ O(n, {
 							tag: "span",
 							size: "xs",
+							type: "inherit",
 							weight: "semibold",
 							numeric: !0,
 							children: [S ? "+" : v ? "" : "−", E]
@@ -706,8 +702,8 @@ function q({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 					}),
 					_ !== null && /* @__PURE__ */ O(n, {
 						size: "xs",
+						type: v ? "secondary" : "inherit",
 						numeric: !0,
-						className: I.comparisonPercent,
 						children: [
 							S ? "+" : v ? "" : "−",
 							Math.abs(_),
@@ -726,7 +722,7 @@ function q({ current: r, previous: i, currentPeriod: a, previousPeriod: o, strin
 }
 //#endregion
 //#region src/components/patterns/analytics/metric-micro-grid.tsx
-var J = [
+var Y = [
 	"bars",
 	"line",
 	"dots",
@@ -734,17 +730,17 @@ var J = [
 	"area",
 	"pie"
 ];
-function Y(e) {
+function X(e) {
 	let t = Math.max(...e, 0), n = Math.min(...e, 0), r = t - n || 1;
 	return e.map((e) => (e - n) / r);
 }
-function X(e, t) {
-	let n = Y(e), r = 60 / Math.max(n.length - 1, 1);
+function Z(e, t) {
+	let n = X(e), r = 60 / Math.max(n.length - 1, 1);
 	return n.map((e, n) => `${n * r},${t - e * (t - 2)}`);
 }
-function Z({ kind: e, data: t, label: n }) {
+function Q({ kind: e, data: t, label: n }) {
 	if (e === "bars") {
-		let e = Y(t.slice(0, 6));
+		let e = X(t.slice(0, 6));
 		return /* @__PURE__ */ D("span", {
 			className: I.microBars,
 			"aria-hidden": "true",
@@ -755,7 +751,7 @@ function Z({ kind: e, data: t, label: n }) {
 		});
 	}
 	if (e === "dots") {
-		let e = Y(t.slice(0, 5));
+		let e = X(t.slice(0, 5));
 		return /* @__PURE__ */ D("span", {
 			className: I.microDots,
 			"aria-hidden": "true",
@@ -788,7 +784,7 @@ function Z({ kind: e, data: t, label: n }) {
 			})
 		});
 	}
-	let i = X(t.slice(0, 8), 16);
+	let i = Z(t.slice(0, 8), 16);
 	return e === "area" ? /* @__PURE__ */ D("svg", {
 		viewBox: "0 0 60 16",
 		className: I.microSvg,
@@ -809,7 +805,7 @@ function Z({ kind: e, data: t, label: n }) {
 		})
 	});
 }
-function Q({ cells: r, className: i, ...a }) {
+function $({ cells: r, className: i, ...a }) {
 	return /* @__PURE__ */ D("div", {
 		className: e("metric-micro-grid--component", I.microGridRoot, i),
 		...a,
@@ -818,7 +814,7 @@ function Q({ cells: r, className: i, ...a }) {
 			flush: !0,
 			className: I.microGrid,
 			children: r.map((r, i) => {
-				let a = r.chart ?? J[i % J.length] ?? "bars";
+				let a = r.chart ?? Y[i % Y.length] ?? "bars";
 				return /* @__PURE__ */ O("div", {
 					className: e("metric-micro-grid--cell", I.microCell),
 					children: [
@@ -830,7 +826,7 @@ function Q({ cells: r, className: i, ...a }) {
 							className: "metric-micro-grid--value",
 							children: r.value
 						}),
-						/* @__PURE__ */ D(Z, {
+						/* @__PURE__ */ D(Q, {
 							kind: a,
 							data: r.data,
 							label: r.label
@@ -843,7 +839,7 @@ function Q({ cells: r, className: i, ...a }) {
 }
 //#endregion
 //#region src/components/patterns/analytics/metric-gradient.tsx
-function $({ title: r, value: i, change: a, data: o, theme: s = "cool", subtitle: c, className: l, ...u }) {
+function ee({ 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,
@@ -858,15 +854,13 @@ function $({ title: r, value: i, change: a, data: o, theme: s = "cool", subtitle
 					/* @__PURE__ */ D(t, { children: r }),
 					i != null && /* @__PURE__ */ D(n, {
 						size: "lg",
-						weight: "bold",
+						weight: "semibold",
 						numeric: !0,
-						lineHeight: "none",
-						className: I.gradientValue,
+						lineHeight: "tight",
 						children: i
 					}),
 					c != null && /* @__PURE__ */ D(n, {
 						size: "xs",
-						className: I.gradientSubtitle,
 						children: c
 					})
 				]
@@ -986,6 +980,7 @@ function re({ data: t, strings: r, className: i, ...a }) {
 				children: l.map((e) => /* @__PURE__ */ D(n, {
 					size: "xs",
 					type: "secondary",
+					lineHeight: "none",
 					className: I.heatmapMonth,
 					style: { "--heatmap-week": e.weekIndex },
 					children: e.label
@@ -1134,4 +1129,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, q as MetricComparison, $ as MetricGradient, G as MetricGrid, Q 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 { 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 };

package/dist/patterns/onboarding.js

@@ -1,11 +1,9 @@
 "use client";
-import "../core.css";
-import "../css/onboarding.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n } from "../typography-B8Iurhy1.js";
-import { s as r } from "../feedback-BmquisO3.js";
-import { u as i } from "../display-DVhYS75K.js";
-import { t as a } from "../accordion-DLW9FGTP.js";
+import { i as t, o as n } from "../typography-BkxEiwQ1.js";
+import { s as r } from "../feedback-DRerHGuV.js";
+import { u as i } from "../display-B3Q17h5z.js";
+import { t as a } from "../accordion-6YPJ9XRO.js";
 import { CheckIcon as o, CircleDotIcon as s, CircleIcon as c } from "lucide-react";
 import { useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/patterns/timelines.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../timelines-wlcL01Rf.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../timelines-BB7550mz.js";
 export { t as ChangelogTimeline, i as MilestonesTimeline, o as Steps, n as StepsBar, e as defaultChangelogStrings, r as defaultMilestonesStrings, a as defaultStepsStrings };

package/dist/{popover-Dt8IXXKy.js → popover-DriLnIFc.js}

@@ -1,8 +1,7 @@
-import "./css/popover.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-B8Iurhy1.js";
+import { o as t } from "./typography-BkxEiwQ1.js";
 import { t as n } from "./slot-2Jf4M2nC.js";
-import { u as r } from "./ui-provider-BzyJxcKH.js";
+import { u as r } from "./ui-provider-Cmoq6i_D.js";
 import { t as i } from "./render-with-children-Clu_g9wb.js";
 import * as a from "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/{popover-menu-BeNyDDo1.js → popover-menu-C2UCMAe7.js}

@@ -1,9 +1,8 @@
-import "./css/popover-menu.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-B8Iurhy1.js";
-import { c as n } from "./buttons-Corm-KHK.js";
-import { c as r, r as i, t as a } from "./popover-Dt8IXXKy.js";
-import { a as o, i as s, o as c, r as l, s as u, t as d } from "./command-DWZf3CPI.js";
+import { o as t } from "./typography-BkxEiwQ1.js";
+import { c as n } from "./buttons-CqXKWty3.js";
+import { c as r, r as i, t as a } from "./popover-DriLnIFc.js";
+import { a as o, i as s, o as c, r as l, s as u, t as d } from "./command-Bp3B6pUu.js";
 import { Loader2Icon as f, RotateCcwIcon as p } from "lucide-react";
 import { useLayoutEffect as m, useRef as h, useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
@@ -31,7 +30,7 @@ var b = {
 };
 //#endregion
 //#region src/components/base/popover-menu/popover-menu.tsx
-function S({ trigger: t, items: n, onSelect: o, open: s, onOpenChange: c, search: l = !0, searchValue: u, onSearchChange: d, minSearchLength: f, loading: p = !1, error: m, onRetry: _, header: b, footer: S, closeOnSelect: C, empty: w, loadingSlot: E, strings: D, renderItem: O, align: k = "start", sideOffset: A, label: j, className: M }) {
+function S({ trigger: t, items: n, onSelect: o, open: s, onOpenChange: c, search: l = !0, searchValue: u, onSearchChange: d, minSearchLength: f = 0, loading: p = !1, error: m, onRetry: _, header: b, footer: S, closeOnSelect: C, empty: w, loadingSlot: E, strings: D, renderItem: O, align: k = "start", sideOffset: A, label: j, className: M }) {
 	let [N, P] = g(!1), F = s ?? N, I = (e) => {
 		s === void 0 && P(e), c?.(e);
 	}, L = C ?? S == null, R = h(null);