@goliapkg/gds 2.0.0 → 2.1.0

package/dist/{l6-charts-DzRRfX8J.js → l6-charts-ngP5gbBh.js}

@@ -51,16 +51,16 @@ function de({ annotations: t, className: n, data: r, height: i = 200 }) {
 			if (n < 0) return null;
 			let o = u[n];
 			return /* @__PURE__ */ l("div", {
-				className: "absolute z-10 rounded-lg border border-border bg-surface px-3 py-2 shadow-lg",
+				className: "border-border bg-surface absolute z-10 rounded-lg border px-3 py-2 shadow-lg",
 				style: {
 					left: `${o.sx / 400 * 100}%`,
 					top: `${o.sy / i * 100}%`
 				},
 				children: [/* @__PURE__ */ c("div", {
-					className: "text-xs font-bold text-fg",
+					className: "text-fg text-xs font-bold",
 					children: e.label
 				}), /* @__PURE__ */ c("div", {
-					className: "text-xs text-fg-muted",
+					className: "text-fg-muted text-xs",
 					children: e.description
 				})]
 			});
@@ -71,7 +71,7 @@ function de({ annotations: t, className: n, data: r, height: i = 200 }) {
 //#region src/l6-charts/area-chart.tsx
 var fe = "gds-area-gradient", pe = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...f }, p) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		className: e("w-full", s && "gds-radius-popover bg-white/5 backdrop-blur-md", i),
 		"data-component": "area-chart",
 		ref: p,
 		...f,
@@ -125,7 +125,7 @@ var fe = "gds-area-gradient", pe = n(function({ data: t, dataKey: n, xKey: r = "
 	});
 }), me = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		className: e("w-full", s && "gds-radius-popover bg-white/5 backdrop-blur-md", i),
 		"data-component": "bar-chart",
 		ref: d,
 		...u,
@@ -197,7 +197,7 @@ var M = [
 	}, u = n - s.left - s.right, d = r - s.top - s.bottom, f = t.flatMap((e) => e.values), p = f.length > 0 ? Math.min(...f) : 0, m = f.length > 0 ? Math.max(...f) : 1, h = m - p, g = p - h * .1, _ = m + h * .1, v = (e) => s.top + d * (1 - (e - g) / (_ - g)), y = t.length > 0 ? u / t.length : u, b = Math.min(y * .6, 60);
 	return /* @__PURE__ */ c("div", {
 		ref: o,
-		className: e("gds-radius-popover border border-border", i && "backdrop-blur-md bg-white/5", a),
+		className: e("gds-radius-popover border-border border", i && "bg-white/5 backdrop-blur-md", a),
 		"data-component": "box-plot",
 		children: /* @__PURE__ */ l("svg", {
 			width: n,
@@ -284,7 +284,7 @@ var M = [
 	});
 }), _e = n(function({ data: t, xLabel: n, yLabel: r, height: i = 300, glass: a, className: o, ...s }, u) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full gds-radius-popover border border-[var(--gds-border,#e5e7eb)]", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover w-full border border-[var(--gds-border,#e5e7eb)]", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "bubble-chart",
 		ref: u,
 		...s,
@@ -343,7 +343,7 @@ function ve({ actual: t, className: n, label: r, max: i, ranges: o, target: s })
 		className: e("select-none", n),
 		"data-component": "bullet-chart",
 		children: [r !== void 0 && /* @__PURE__ */ c("div", {
-			className: "mb-1 text-xs font-medium text-fg-muted",
+			className: "text-fg-muted mb-1 text-xs font-medium",
 			children: r
 		}), /* @__PURE__ */ l("svg", {
 			height: F,
@@ -395,7 +395,7 @@ var I = [
 ], ye = n(function({ data: t, series: n, xKey: r = "name", height: i = 300, glass: a, className: o, ...s }, u) {
 	return /* @__PURE__ */ c("div", {
 		ref: u,
-		className: e("w-full gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover border-border w-full border", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "bump-chart",
 		...s,
 		children: /* @__PURE__ */ c(w, {
@@ -552,7 +552,7 @@ var Ee = n(function({ data: n, startDate: r, endDate: i, colorScale: o = [
 				}, e.date))
 			]
 		}), m !== null && /* @__PURE__ */ c("div", {
-			className: "pointer-events-none fixed z-50 rounded bg-surface px-2 py-1 text-[10px] text-fg shadow-md border border-border",
+			className: "bg-surface text-fg border-border pointer-events-none fixed z-50 rounded border px-2 py-1 text-[10px] shadow-md",
 			style: {
 				left: m.x,
 				top: m.y - 28
@@ -600,7 +600,7 @@ var Oe = n(function({ data: t, height: n = 300, upColor: r = "var(--gds-success,
 		return [Math.min(...e), Math.max(...n)];
 	}, [t]);
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full gds-radius-popover border border-[var(--gds-border,#e5e7eb)]", o && "backdrop-blur-md bg-white/5", s),
+		className: e("gds-radius-popover w-full border border-[var(--gds-border,#e5e7eb)]", o && "bg-white/5 backdrop-blur-md", s),
 		"data-component": "candlestick-chart",
 		ref: d,
 		...u,
@@ -700,7 +700,7 @@ var Ne = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, gla
 	let u = n.length, d = r / 2, f = i / 2, p = Math.min(r, i) / 2 - 30, m = p - 12, h = .04, g = t.map((e) => e.reduce((e, t) => e + t, 0)), _ = g.reduce((e, t) => e + t, 0);
 	if (_ === 0 || u === 0) return /* @__PURE__ */ c("div", {
 		ref: s,
-		className: e("gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover border-border border", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "chord-diagram",
 		children: /* @__PURE__ */ c("svg", {
 			width: r,
@@ -711,7 +711,7 @@ var Ne = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, gla
 	let v = Ae(g, _, u, h), y = je(t, v, _, u, h);
 	return /* @__PURE__ */ c("div", {
 		ref: s,
-		className: e("gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover border-border border", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "chord-diagram",
 		children: /* @__PURE__ */ l("svg", {
 			width: r,
@@ -828,7 +828,7 @@ function Pe({ className: t, colorScale: n = ["var(--gds-palette-0)"], data: r, h
 		}), a !== null && (() => {
 			let e = z.find((e) => e.id === a), t = u.get(a);
 			return /* @__PURE__ */ l("div", {
-				className: "pointer-events-none absolute top-2 left-1/2 -translate-x-1/2 rounded bg-surface px-2 py-1 text-xs text-fg shadow-sm ring-1 ring-border",
+				className: "bg-surface text-fg ring-border pointer-events-none absolute top-2 left-1/2 -translate-x-1/2 rounded px-2 py-1 text-xs shadow-sm ring-1",
 				children: [t?.label ?? e?.label ?? "", t === void 0 ? "" : `: ${t.value}`]
 			});
 		})()]
@@ -838,7 +838,7 @@ function Pe({ className: t, colorScale: n = ["var(--gds-palette-0)"], data: r, h
 //#region src/l6-charts/combo-chart.tsx
 var Fe = n(function({ data: n, barKey: r, lineKey: i, xKey: a = "name", barColor: o = "var(--gds-accent)", lineColor: s = "var(--gds-success)", height: u = 300, glass: d, className: p, ...h }, _) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full gds-radius-popover border border-white/[0.06]", t(d), p),
+		className: e("gds-radius-popover w-full border border-white/[0.06]", t(d), p),
 		"data-component": "combo-chart",
 		ref: _,
 		...h,
@@ -927,7 +927,7 @@ function Ie({ className: t, rings: n, size: r = 160 }) {
 		}), /* @__PURE__ */ c("div", {
 			className: "mt-2 flex flex-wrap gap-3",
 			children: n.map((e, t) => /* @__PURE__ */ l("div", {
-				className: "flex items-center gap-1.5 text-xs text-fg-muted",
+				className: "text-fg-muted flex items-center gap-1.5 text-xs",
 				children: [
 					/* @__PURE__ */ c("div", {
 						className: "h-2 w-2 rounded-full",
@@ -935,7 +935,7 @@ function Ie({ className: t, rings: n, size: r = 160 }) {
 					}),
 					/* @__PURE__ */ c("span", { children: e.label }),
 					/* @__PURE__ */ l("span", {
-						className: "font-medium text-fg tabular-nums",
+						className: "text-fg font-medium tabular-nums",
 						children: [
 							e.value,
 							"/",
@@ -1064,7 +1064,7 @@ var Be = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 	}]));
 	return /* @__PURE__ */ c("div", {
 		ref: s,
-		className: e("gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover border-border border", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "flow-chart",
 		children: /* @__PURE__ */ l("svg", {
 			width: r,
@@ -1124,7 +1124,7 @@ var Be = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 	"var(--gds-palette-9, #3b82f6)"
 ], He = n(function({ data: t, dataKey: n, className: r, height: i = 300, colors: a = Ve, glass: o, ...s }, u) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", o && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		className: e("w-full", o && "gds-radius-popover bg-white/5 backdrop-blur-md", r),
 		"data-component": "funnel-chart",
 		ref: u,
 		...s,
@@ -1148,7 +1148,7 @@ var Be = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 		value: m
 	}];
 	return /* @__PURE__ */ l("div", {
-		className: e("relative w-full", u && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		className: e("relative w-full", u && "gds-radius-popover bg-white/5 backdrop-blur-md", r),
 		"data-component": "gauge",
 		ref: f,
 		...d,
@@ -1206,7 +1206,7 @@ var Ge = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
 		};
 	}, [t]), h = (e) => m === p ? .5 : (e - p) / (m - p);
 	return /* @__PURE__ */ c("div", {
-		className: e("inline-block", u && "gds-radius-popover backdrop-blur-md bg-white/5", o),
+		className: e("inline-block", u && "gds-radius-popover bg-white/5 backdrop-blur-md", o),
 		"data-component": "heatmap-chart",
 		ref: f,
 		...d,
@@ -1216,7 +1216,7 @@ var Ge = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
 				className: "flex gap-px",
 				style: { paddingLeft: r === void 0 ? 0 : s + 4 },
 				children: n.map((e) => /* @__PURE__ */ c("div", {
-					className: "flex items-center justify-center gds-text-caption text-[var(--gds-fg-muted,#6b7280)]",
+					className: "gds-text-caption flex items-center justify-center text-[var(--gds-fg-muted,#6b7280)]",
 					style: {
 						width: s,
 						height: 16
@@ -1226,7 +1226,7 @@ var Ge = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
 			}), t.map((e, t) => /* @__PURE__ */ l("div", {
 				className: "flex items-center gap-px",
 				children: [r !== void 0 && r[t] !== void 0 && /* @__PURE__ */ c("div", {
-					className: "flex-shrink-0 text-right gds-text-caption text-[var(--gds-fg-muted,#6b7280)] pr-1",
+					className: "gds-text-caption flex-shrink-0 pr-1 text-right text-[var(--gds-fg-muted,#6b7280)]",
 					style: { width: s },
 					children: r[t]
 				}), e.map((e, t) => /* @__PURE__ */ c("div", {
@@ -1258,7 +1258,7 @@ function Ke(e, t) {
 var qe = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--gds-accent)", glass: a, className: o, ...s }, u) {
 	let d = Ke(t, n);
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover border-border w-full border", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "histogram",
 		ref: u,
 		...s,
@@ -1298,7 +1298,7 @@ var qe = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--
 	});
 }), Je = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		className: e("w-full", s && "gds-radius-popover bg-white/5 backdrop-blur-md", i),
 		"data-component": "line-chart",
 		ref: d,
 		...u,
@@ -1358,7 +1358,7 @@ var Xe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 	let u = r / 2, d = i / 2, f = Math.min(u, d) * .65, p = Ye(t.length, u, d, f), m = new Map(t.map((e, t) => [e.id, t])), h = Math.max(8, Math.min(16, 120 / Math.max(t.length, 1)));
 	return /* @__PURE__ */ c("div", {
 		ref: s,
-		className: e("gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover border-border border", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "network-graph",
 		children: /* @__PURE__ */ l("svg", {
 			width: r,
@@ -1411,7 +1411,7 @@ var Xe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 	}, [t, n]);
 	return /* @__PURE__ */ c("div", {
 		ref: h,
-		className: e("w-full gds-radius-popover border border-border", s && "backdrop-blur-md bg-white/5", f),
+		className: e("gds-radius-popover border-border w-full border", s && "bg-white/5 backdrop-blur-md", f),
 		"data-component": "order-book-chart",
 		...p,
 		children: /* @__PURE__ */ c(w, {
@@ -1471,7 +1471,7 @@ var Xe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 	"var(--gds-palette-9, #3b82f6)"
 ], $e = n(function({ data: t, dataKey: n, nameKey: r = "name", className: i, height: a = 300, colors: o = Qe, innerRadius: s = 0, glass: u, ...d }, f) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", u && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		className: e("w-full", u && "gds-radius-popover bg-white/5 backdrop-blur-md", i),
 		"data-component": "pie-chart",
 		ref: f,
 		...d,
@@ -1557,7 +1557,7 @@ function tt({ className: t, data: n, size: r = 300 }) {
 //#region src/l6-charts/radar-chart.tsx
 var nt = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		className: e("w-full", s && "gds-radius-popover bg-white/5 backdrop-blur-md", i),
 		"data-component": "radar-chart",
 		ref: d,
 		...u,
@@ -1609,7 +1609,7 @@ var nt = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, h
 		fill: e.fill ?? Y[t % Y.length]
 	}));
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full gds-radius-popover border border-white/[0.06]", t(a), o),
+		className: e("gds-radius-popover w-full border border-white/[0.06]", t(a), o),
 		"data-component": "radial-bar-chart",
 		ref: u,
 		...s,
@@ -1685,7 +1685,7 @@ var nt = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, h
 		l,
 		s
 	]), /* @__PURE__ */ c("canvas", {
-		className: e("block w-full rounded-lg border border-border bg-surface", t),
+		className: e("border-border bg-surface block w-full rounded-lg border", t),
 		"data-component": "realtime-chart",
 		ref: _,
 		style: { height: s }
@@ -1696,7 +1696,7 @@ var nt = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, h
 		links: n
 	};
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		className: e("w-full", s && "gds-radius-popover bg-white/5 backdrop-blur-md", r),
 		"data-component": "sankey-chart",
 		ref: u,
 		...l,
@@ -1713,7 +1713,7 @@ var nt = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, h
 	});
 }), ot = n(function({ data: t, xKey: n, yKey: r, className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		className: e("w-full", s && "gds-radius-popover bg-white/5 backdrop-blur-md", i),
 		"data-component": "scatter-chart",
 		ref: d,
 		...u,
@@ -1747,7 +1747,7 @@ var nt = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, h
 	});
 }), st = n(function({ data: t, dataKey: n, className: r, height: i = 32, width: a = 120, color: o = "var(--gds-accent)", glass: s, ...l }, u) {
 	return /* @__PURE__ */ c("div", {
-		className: e("inline-block", s && "rounded backdrop-blur-md bg-white/5", r),
+		className: e("inline-block", s && "rounded bg-white/5 backdrop-blur-md", r),
 		"data-component": "sparkline",
 		ref: u,
 		...l,
@@ -1775,7 +1775,7 @@ function X({ item: t }) {
 		className: "inline-flex shrink-0 items-center gap-1.5 px-3 text-sm select-none",
 		children: [
 			/* @__PURE__ */ c("span", {
-				className: "font-bold text-fg",
+				className: "text-fg font-bold",
 				children: t.symbol
 			}),
 			/* @__PURE__ */ l("span", {
@@ -1796,14 +1796,14 @@ function X({ item: t }) {
 }
 function ct({ className: t, items: n }) {
 	return /* @__PURE__ */ l("div", {
-		className: e("flex overflow-hidden border-y border-border bg-bg-secondary select-none", t),
+		className: e("border-border bg-bg-secondary flex overflow-hidden border-y select-none", t),
 		"data-component": "stock-ticker",
 		children: [/* @__PURE__ */ c("div", {
-			className: "flex shrink-0 animate-marquee items-center gap-2 py-1.5",
+			className: "animate-marquee flex shrink-0 items-center gap-2 py-1.5",
 			children: n.map((e) => /* @__PURE__ */ c(X, { item: e }, e.symbol))
 		}), /* @__PURE__ */ c("div", {
 			"aria-hidden": !0,
-			className: "flex shrink-0 animate-marquee items-center gap-2 py-1.5",
+			className: "animate-marquee flex shrink-0 items-center gap-2 py-1.5",
 			children: n.map((e) => /* @__PURE__ */ c(X, { item: e }, e.symbol))
 		})]
 	});
@@ -1824,7 +1824,7 @@ var Z = [
 ], lt = n(function({ data: t, keys: n, xKey: r = "name", height: i = 300, glass: a, className: o, ...s }, f) {
 	return /* @__PURE__ */ c("div", {
 		ref: f,
-		className: e("w-full gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover border-border w-full border", a && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "stream-chart",
 		...s,
 		children: /* @__PURE__ */ c(w, {
@@ -1900,7 +1900,7 @@ var ft = [
 ], pt = n(function({ data: n, width: r = 300, height: i = 300, glass: a, className: o, ...s }, u) {
 	let d = r / 2, f = i / 2, p = Math.min(d, f) - 10, m = dt(n, 0, -Math.PI / 2, 1.5 * Math.PI, 0), h = m.reduce((e, t) => Math.max(e, t.depth), 0), g = p * .25, _ = (p - g) / (h + 1);
 	return /* @__PURE__ */ c("div", {
-		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(a), o),
+		className: e("gds-radius-popover inline-flex border border-white/[0.06]", t(a), o),
 		"data-component": "sunburst-chart",
 		ref: u,
 		...s,
@@ -1940,7 +1940,7 @@ var ft = [
 	"var(--gds-palette-5, #8b5cf6)"
 ], ht = n(function({ events: n, width: r = 600, height: i = 120, glass: a, className: o, ...s }, u) {
 	if (n.length === 0) return /* @__PURE__ */ c("div", {
-		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(a), o),
+		className: e("gds-radius-popover inline-flex border border-white/[0.06]", t(a), o),
 		"data-component": "timeline-chart",
 		ref: u,
 		...s,
@@ -1954,7 +1954,7 @@ var ft = [
 		return m === 0 ? r / 2 : 40 + (e - p) / m * (r - 80);
 	}
 	return /* @__PURE__ */ c("div", {
-		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(a), o),
+		className: e("gds-radius-popover inline-flex border border-white/[0.06]", t(a), o),
 		"data-component": "timeline-chart",
 		ref: u,
 		...s,
@@ -2013,7 +2013,7 @@ var ft = [
 	});
 }), gt = n(function({ data: t, dataKey: n = "value", className: r, height: i = 300, color: a = "var(--gds-accent)", glass: o, ...s }, l) {
 	return /* @__PURE__ */ c("div", {
-		className: e("w-full", o && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		className: e("w-full", o && "gds-radius-popover bg-white/5 backdrop-blur-md", r),
 		"data-component": "treemap-chart",
 		ref: l,
 		...s,
@@ -2059,7 +2059,7 @@ var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 	}, u = n - s.left - s.right, d = r - s.top - s.bottom, f = t.flatMap((e) => e.values), p = f.length > 0 ? Math.min(...f) : 0, m = f.length > 0 ? Math.max(...f) : 1, h = m - p, g = p - h * .1, _ = m + h * .1, v = (e) => s.top + d * (1 - (e - g) / (_ - g)), y = t.length > 0 ? u / t.length : u, b = Math.min(y * .7, 80) / 2;
 	return /* @__PURE__ */ c("div", {
 		ref: o,
-		className: e("gds-radius-popover border border-border", i && "backdrop-blur-md bg-white/5", a),
+		className: e("gds-radius-popover border-border border", i && "bg-white/5 backdrop-blur-md", a),
 		"data-component": "violin-plot",
 		children: /* @__PURE__ */ l("svg", {
 			width: n,
@@ -2141,7 +2141,7 @@ var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 	for (; d < 100;) u[d] = "transparent", d++;
 	let f = r / 10, p = Math.max(1, f * .1);
 	return /* @__PURE__ */ l("div", {
-		className: e("inline-flex flex-col gds-radius-popover border border-white/[0.06]", t(i), a),
+		className: e("gds-radius-popover inline-flex flex-col border border-white/[0.06]", t(i), a),
 		"data-component": "waffle-chart",
 		ref: s,
 		...o,
@@ -2162,9 +2162,9 @@ var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 				}, t);
 			})
 		}), /* @__PURE__ */ c("div", {
-			className: "flex flex-wrap gap-3 px-2 pb-2 pt-1",
+			className: "flex flex-wrap gap-3 px-2 pt-1 pb-2",
 			children: n.map((e, t) => /* @__PURE__ */ l("div", {
-				className: "flex items-center gap-1.5 text-[10px] text-fg-muted",
+				className: "text-fg-muted flex items-center gap-1.5 text-[10px]",
 				children: [
 					/* @__PURE__ */ c("span", {
 						className: "inline-block h-2 w-2 rounded-full",
@@ -2297,7 +2297,7 @@ var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 	]);
 	return /* @__PURE__ */ c("div", {
 		ref: f,
-		className: e("inline-block gds-radius-popover border border-border", l && "backdrop-blur-md bg-white/5", u),
+		className: e("gds-radius-popover border-border inline-block border", l && "bg-white/5 backdrop-blur-md", u),
 		"data-component": "waveform-display",
 		...d,
 		children: /* @__PURE__ */ c("svg", {
@@ -2318,7 +2318,7 @@ var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 }), wt = Array.from({ length: 10 }, (e, t) => `var(--gds-palette-${t})`), Tt = n(function({ words: t, maxFontSize: n = 48, minFontSize: r = 12, glass: i, height: a = 300, className: o, ...s }, l) {
 	let u = t.map((e) => e.weight), d = Math.min(...u), f = Math.max(...u) - d;
 	return /* @__PURE__ */ c("div", {
-		className: e("flex flex-wrap items-center justify-center gap-2 overflow-hidden gds-radius-popover border border-[var(--gds-border,#e5e7eb)]", i && "backdrop-blur-md bg-white/5", o),
+		className: e("gds-radius-popover flex flex-wrap items-center justify-center gap-2 overflow-hidden border border-[var(--gds-border,#e5e7eb)]", i && "bg-white/5 backdrop-blur-md", o),
 		"data-component": "word-cloud",
 		ref: l,
 		style: { height: a },
@@ -2326,7 +2326,7 @@ var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 		children: t.map((e, t) => {
 			let i = f === 0 ? .5 : (e.weight - d) / f;
 			return /* @__PURE__ */ c("span", {
-				className: "inline-block select-none px-1",
+				className: "inline-block px-1 select-none",
 				style: {
 					fontSize: Math.round(r + i * (n - r)),
 					color: wt[t % wt.length]
@@ -2339,4 +2339,4 @@ var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 //#endregion
 export { Pe as A, de as B, Ge as C, Le as D, Be as E, ve as F, _e as I, ge as L, Oe as M, Ee as N, Ie as O, ye as P, me as R, qe as S, He as T, tt as _, bt as a, Xe as b, pt as c, st as d, ot as f, nt as g, rt as h, xt as i, Ne as j, Fe as k, lt as l, it as m, Ct as n, gt as o, at as p, St as r, ht as s, Tt as t, ct as u, $e as v, Ue as w, Je as x, Ze as y, pe as z };
 
-//# sourceMappingURL=l6-charts-DzRRfX8J.js.map
+//# sourceMappingURL=l6-charts-ngP5gbBh.js.map