@goliapkg/gds 1.0.10 → 1.4.2

package/dist/l6-charts-Bn9RQLbe.js

@@ -0,0 +1,2145 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { forwardRef as n, useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Area as u, AreaChart as d, Bar as f, BarChart as p, CartesianGrid as m, Cell as h, ComposedChart as g, Funnel as _, FunnelChart as v, Legend as y, Line as b, LineChart as x, Pie as S, PieChart as C, PolarAngleAxis as ee, PolarGrid as te, PolarRadiusAxis as ne, Radar as re, RadarChart as ie, RadialBar as ae, RadialBarChart as oe, ResponsiveContainer as w, Sankey as se, Scatter as T, ScatterChart as E, Tooltip as D, Treemap as ce, XAxis as O, YAxis as k, ZAxis as le } from "recharts";
+//#region src/l6-charts/annotated-chart.tsx
+var A = 32;
+function ue(e, t, n) {
+	if (e.length === 0) return [];
+	let r = Math.min(...e.map((e) => e.x)), i = Math.max(...e.map((e) => e.x)), a = Math.min(...e.map((e) => e.y)), o = Math.max(...e.map((e) => e.y)), s = i - r || 1, c = o - a || 1;
+	return e.map((e) => ({
+		sx: A + (e.x - r) / s * (t - A * 2),
+		sy: A + (1 - (e.y - a) / c) * (n - A * 2)
+	}));
+}
+function de({ annotations: t, className: n, data: r, height: i = 200 }) {
+	let [a, o] = s(null), u = ue(r, 400, i), d = u.map((e) => `${e.sx},${e.sy}`).join(" ");
+	return /* @__PURE__ */ l("div", {
+		className: e("relative select-none", n),
+		"data-component": "annotated-chart",
+		children: [/* @__PURE__ */ l("svg", {
+			className: "w-full",
+			viewBox: `0 0 400 ${i}`,
+			children: [/* @__PURE__ */ c("polyline", {
+				className: "stroke-accent",
+				fill: "none",
+				points: d,
+				strokeWidth: 2
+			}), t.map((e, t) => {
+				let n = r.findIndex((t) => t.x === e.x);
+				if (n < 0) return null;
+				let i = u[n];
+				return /* @__PURE__ */ c("g", {
+					className: "cursor-pointer outline-none",
+					onClick: () => o(a === t ? null : t),
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(a === t ? null : t));
+					},
+					role: "button",
+					tabIndex: 0,
+					children: /* @__PURE__ */ c("rect", {
+						fill: e.color ?? "currentColor",
+						height: 8,
+						rx: 1,
+						transform: `translate(${i.sx}, ${i.sy}) rotate(45) translate(-4, -4)`,
+						width: 8
+					})
+				}, t);
+			})]
+		}), a !== null && (() => {
+			let e = t[a], n = r.findIndex((t) => t.x === e.x);
+			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",
+				style: {
+					left: `${o.sx / 400 * 100}%`,
+					top: `${o.sy / i * 100}%`
+				},
+				children: [/* @__PURE__ */ c("div", {
+					className: "text-xs font-bold text-fg",
+					children: e.label
+				}), /* @__PURE__ */ c("div", {
+					className: "text-xs text-fg-muted",
+					children: e.description
+				})]
+			});
+		})()]
+	});
+}
+//#endregion
+//#region src/l6-charts/area-chart.tsx
+var j = "gds-area-gradient", fe = 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),
+		"data-component": "area-chart",
+		ref: p,
+		...f,
+		children: /* @__PURE__ */ c(w, {
+			height: a,
+			width: "100%",
+			children: /* @__PURE__ */ l(d, {
+				data: t,
+				children: [
+					/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("linearGradient", {
+						id: j,
+						x1: "0",
+						x2: "0",
+						y1: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ c("stop", {
+							offset: "5%",
+							stopColor: o,
+							stopOpacity: .3
+						}), /* @__PURE__ */ c("stop", {
+							offset: "95%",
+							stopColor: o,
+							stopOpacity: 0
+						})]
+					}) }),
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(k, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(u, {
+						dataKey: n,
+						fill: `url(#${j})`,
+						fillOpacity: 1,
+						stroke: o,
+						strokeWidth: 2,
+						type: "monotone"
+					})
+				]
+			})
+		})
+	});
+}), pe = 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),
+		"data-component": "bar-chart",
+		ref: d,
+		...u,
+		children: /* @__PURE__ */ c(w, {
+			height: a,
+			width: "100%",
+			children: /* @__PURE__ */ l(p, {
+				data: t,
+				children: [
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(k, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(f, {
+						dataKey: n,
+						fill: o,
+						radius: [
+							4,
+							4,
+							0,
+							0
+						]
+					})
+				]
+			})
+		})
+	});
+});
+//#endregion
+//#region src/l6-charts/box-plot-stats.ts
+function M(e, t) {
+	let n = (e.length - 1) * t, r = Math.floor(n), i = Math.ceil(n);
+	return r === i ? e[r] : e[r] + (e[i] - e[r]) * (n - r);
+}
+function me(e) {
+	let t = [...e].sort((e, t) => e - t), n = M(t, .25), r = M(t, .5), i = M(t, .75), a = i - n;
+	return {
+		q1: n,
+		median: r,
+		q3: i,
+		whiskerMin: Math.max(t[0], n - 1.5 * a),
+		whiskerMax: Math.min(t[t.length - 1], i + 1.5 * a)
+	};
+}
+//#endregion
+//#region src/l6-charts/box-plot.tsx
+var N = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #8b5cf6)",
+	"var(--gds-palette-2, #06b6d4)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #f59e0b)"
+], he = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: a }, o) {
+	let s = {
+		top: 20,
+		right: 20,
+		bottom: 40,
+		left: 50
+	}, 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),
+		"data-component": "box-plot",
+		children: /* @__PURE__ */ l("svg", {
+			width: n,
+			height: r,
+			viewBox: `0 0 ${n} ${r}`,
+			children: [
+				/* @__PURE__ */ c("line", {
+					x1: s.left,
+					y1: s.top,
+					x2: s.left,
+					y2: s.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				/* @__PURE__ */ c("line", {
+					x1: s.left,
+					y1: s.top + d,
+					x2: s.left + u,
+					y2: s.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				t.map((e, t) => {
+					if (e.values.length === 0) return null;
+					let n = me(e.values), r = s.left + y * (t + .5), i = N[t % N.length];
+					return /* @__PURE__ */ l("g", {
+						"data-box": e.label,
+						children: [
+							/* @__PURE__ */ c("line", {
+								x1: r,
+								y1: v(n.whiskerMax),
+								x2: r,
+								y2: v(n.whiskerMin),
+								stroke: i,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ c("line", {
+								x1: r - b * .3,
+								y1: v(n.whiskerMin),
+								x2: r + b * .3,
+								y2: v(n.whiskerMin),
+								stroke: i,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ c("line", {
+								x1: r - b * .3,
+								y1: v(n.whiskerMax),
+								x2: r + b * .3,
+								y2: v(n.whiskerMax),
+								stroke: i,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ c("rect", {
+								x: r - b / 2,
+								y: v(n.q3),
+								width: b,
+								height: v(n.q1) - v(n.q3),
+								fill: i,
+								fillOpacity: .2,
+								stroke: i,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ c("line", {
+								x1: r - b / 2,
+								y1: v(n.median),
+								x2: r + b / 2,
+								y2: v(n.median),
+								stroke: i,
+								strokeWidth: 2
+							}),
+							/* @__PURE__ */ c("text", {
+								x: r,
+								y: s.top + d + 20,
+								textAnchor: "middle",
+								fill: "var(--gds-fg-muted, #9ca3af)",
+								fontSize: 10,
+								children: e.label
+							})
+						]
+					}, e.label);
+				})
+			]
+		})
+	});
+}), ge = 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),
+		"data-component": "bubble-chart",
+		ref: u,
+		...s,
+		children: /* @__PURE__ */ c(w, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ l(E, { children: [
+				/* @__PURE__ */ c(O, {
+					dataKey: "x",
+					name: n,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ c(k, {
+					dataKey: "y",
+					name: r,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ c(le, {
+					dataKey: "z",
+					range: [20, 400],
+					type: "number"
+				}),
+				/* @__PURE__ */ c(D, {}),
+				/* @__PURE__ */ c(T, {
+					data: t,
+					fill: "var(--gds-accent)",
+					fillOpacity: .6
+				})
+			] })
+		})
+	});
+}), P = 400, F = 28, I = 50;
+function _e({ actual: t, className: n, label: r, max: i, ranges: o, target: s }) {
+	let u = a(() => {
+		let e = o ?? [
+			i * .33,
+			i * .66,
+			i
+		], n = (e) => e / i * P;
+		return {
+			actualWidth: n(Math.min(t, i)),
+			rangeWidths: e.map((e) => n(Math.min(e, i))),
+			targetX: n(Math.min(s, i))
+		};
+	}, [
+		t,
+		i,
+		s,
+		o
+	]), d = (I - F) / 2;
+	return /* @__PURE__ */ l("div", {
+		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",
+			children: r
+		}), /* @__PURE__ */ l("svg", {
+			height: I,
+			viewBox: `0 0 ${P} ${I}`,
+			width: "100%",
+			children: [
+				u.rangeWidths.map((e, t) => /* @__PURE__ */ c("rect", {
+					fill: `var(--gds-palette-${7 - t})`,
+					height: F,
+					opacity: .15 + t * .08,
+					rx: 4,
+					width: e,
+					x: 0,
+					y: d
+				}, t)),
+				/* @__PURE__ */ c("rect", {
+					fill: "var(--gds-accent)",
+					height: F * .5,
+					rx: 3,
+					width: u.actualWidth,
+					x: 0,
+					y: d + F * .25
+				}),
+				/* @__PURE__ */ c("line", {
+					stroke: "var(--gds-fg)",
+					strokeWidth: 2.5,
+					x1: u.targetX,
+					x2: u.targetX,
+					y1: d - 2,
+					y2: d + F + 2
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/l6-charts/bump-chart.tsx
+var L = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #8b5cf6)",
+	"var(--gds-palette-2, #06b6d4)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #f59e0b)",
+	"var(--gds-palette-5, #ef4444)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #a855f7)"
+], ve = 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),
+		"data-component": "bump-chart",
+		...s,
+		children: /* @__PURE__ */ c(w, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ l(x, {
+				data: t,
+				children: [
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(k, {
+						reversed: !0,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					n.map((e, t) => /* @__PURE__ */ c(b, {
+						dataKey: e,
+						dot: {
+							r: 4,
+							fill: L[t % L.length]
+						},
+						stroke: L[t % L.length],
+						strokeWidth: 2,
+						type: "monotone"
+					}, e))
+				]
+			})
+		})
+	});
+}), ye = [
+	"Mon",
+	"",
+	"Wed",
+	"",
+	"Fri",
+	"",
+	""
+], be = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+function R(e) {
+	return (e.getDay() + 6) % 7;
+}
+function xe(e) {
+	let t = e.map((e) => e.value).filter((e) => e > 0).sort((e, t) => e - t), n = [];
+	if (t.length > 0) for (let e = 1; e <= 4; e++) {
+		let r = Math.min(Math.floor(e / 4 * t.length), t.length - 1);
+		n.push(t[r]);
+	}
+	return n;
+}
+function Se(e, t) {
+	if (e <= 0) return 0;
+	for (let n = 0; n < t.length; n++) if (e <= t[n]) return n + 1;
+	return 4;
+}
+function Ce(e, t, n, r) {
+	let i = n === void 0 ? /* @__PURE__ */ new Date() : new Date(n), a = t === void 0 ? new Date(i.getFullYear() - 1, i.getMonth(), i.getDate() + 1) : new Date(t), o = /* @__PURE__ */ new Map();
+	for (let t of e) o.set(t.date, t.value);
+	let s = xe(e), c = [], l = [], u = 0, d = -1, f = new Date(a), p = R(f);
+	for (p > 0 && f.setDate(f.getDate() - p); f <= i;) {
+		let e = R(f), t = f.toISOString().slice(0, 10), n = o.get(t) ?? 0;
+		f.getMonth() !== d && e <= 3 && (l.push({
+			label: be[f.getMonth()],
+			x: u * r
+		}), d = f.getMonth()), c.push({
+			x: u * r,
+			y: e * r,
+			date: t,
+			value: n,
+			level: Se(n, s)
+		}), e === 6 && u++, f.setDate(f.getDate() + 1);
+	}
+	return {
+		cells: c,
+		monthLabels: l,
+		weeks: u + 1
+	};
+}
+//#endregion
+//#region src/l6-charts/calendar-heatmap.tsx
+var we = n(function({ data: n, startDate: r, endDate: i, colorScale: o = [
+	"var(--gds-bg-tertiary)",
+	"var(--gds-accent-dim, rgba(99,179,163,0.3))",
+	"var(--gds-accent-muted, rgba(99,179,163,0.55))",
+	"var(--gds-accent-soft, rgba(99,179,163,0.75))",
+	"var(--gds-accent)"
+], cellSize: u = 12, glass: d, className: f }, p) {
+	let [m, h] = s(null), g = u + 2, { cells: _, monthLabels: v, weeks: y } = a(() => Ce(n, r, i, g), [
+		n,
+		r,
+		i,
+		g
+	]), b = 28 + y * g, x = 14 + 7 * g;
+	return /* @__PURE__ */ l("div", {
+		className: e("relative inline-block", d === !0 && e(t(d), "rounded-lg border border-white/10 p-3"), f),
+		"data-component": "calendar-heatmap",
+		children: [/* @__PURE__ */ l("svg", {
+			ref: p,
+			height: x,
+			width: b,
+			children: [
+				v.map((e) => /* @__PURE__ */ c("text", {
+					fill: "var(--gds-fg-muted, #888)",
+					fontSize: 9,
+					x: 28 + e.x,
+					y: 10,
+					children: e.label
+				}, `${e.label}-${e.x}`)),
+				ye.map((e, t) => e === "" ? null : /* @__PURE__ */ c("text", {
+					fill: "var(--gds-fg-muted, #888)",
+					fontSize: 9,
+					textAnchor: "end",
+					x: 24,
+					y: 14 + t * g + u - 2,
+					children: e
+				}, e)),
+				_.map((e) => /* @__PURE__ */ c("rect", {
+					fill: o[e.level] ?? o[o.length - 1],
+					height: u,
+					rx: 2,
+					ry: 2,
+					width: u,
+					x: 28 + e.x,
+					y: 14 + e.y,
+					onMouseEnter: (t) => {
+						let n = t.target.getBoundingClientRect();
+						h({
+							x: n.x,
+							y: n.y,
+							text: `${e.date}: ${e.value}`
+						});
+					},
+					onMouseLeave: () => h(null)
+				}, 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",
+			style: {
+				left: m.x,
+				top: m.y - 28
+			},
+			children: m.text
+		})]
+	});
+});
+//#endregion
+//#region src/l6-charts/candlestick-chart.tsx
+function Te(e) {
+	let { x: t = 0, y: n = 0, width: r = 0, height: i = 0, payload: a } = e;
+	if (a === void 0 || i === 0 && a.bodyHeight === 0) return null;
+	let o = t + r / 2, s = n, u = n + i;
+	return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("line", {
+		stroke: a.fill,
+		strokeWidth: 1,
+		x1: o,
+		x2: o,
+		y1: s - 2,
+		y2: u + 2
+	}), /* @__PURE__ */ c("rect", {
+		fill: a.fill,
+		height: Math.max(i, 1),
+		rx: 1,
+		width: Math.max(r - 2, 2),
+		x: t + 1,
+		y: n
+	})] });
+}
+var Ee = n(function({ data: t, height: n = 300, upColor: r = "var(--gds-success, #22c55e)", downColor: i = "var(--gds-danger, #ef4444)", glass: o, className: s, ...u }, d) {
+	let p = a(() => t.map((e) => ({
+		date: e.date,
+		bodyBottom: Math.min(e.open, e.close),
+		bodyHeight: Math.abs(e.close - e.open),
+		fill: e.close >= e.open ? r : i,
+		high: e.high,
+		low: e.low
+	})), [
+		t,
+		r,
+		i
+	]), h = a(() => {
+		let e = t.map((e) => e.low), n = t.map((e) => e.high);
+		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),
+		"data-component": "candlestick-chart",
+		ref: d,
+		...u,
+		children: /* @__PURE__ */ c(w, {
+			height: n,
+			width: "100%",
+			children: /* @__PURE__ */ l(g, {
+				data: p,
+				children: [
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: "date",
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(k, {
+						domain: h,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(f, {
+						dataKey: "bodyHeight",
+						shape: /* @__PURE__ */ c(Te, {}),
+						stackId: "candle"
+					})
+				]
+			})
+		})
+	});
+}), z = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #8b5cf6)",
+	"var(--gds-palette-2, #06b6d4)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #f59e0b)",
+	"var(--gds-palette-5, #ef4444)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #a855f7)"
+];
+function B(e, t, n, r) {
+	return {
+		x: e + n * Math.cos(r),
+		y: t + n * Math.sin(r)
+	};
+}
+function De(e, t, n, r, i) {
+	let a = B(e, t, n, i), o = B(e, t, n, r), s = i - r > Math.PI ? 1 : 0;
+	return `M ${a.x} ${a.y} A ${n} ${n} 0 ${s} 0 ${o.x} ${o.y}`;
+}
+function Oe(e, t, n, r) {
+	let i = 2 * Math.PI - n * r, a = [], o = -Math.PI / 2;
+	for (let s = 0; s < n; s++) {
+		let n = e[s] / t * i;
+		a.push({
+			start: o,
+			end: o + n
+		}), o += n + r;
+	}
+	return a;
+}
+function ke(e, t, n, r, i) {
+	let a = 2 * Math.PI - r * i, o = [], s = t.map((e) => e.start);
+	for (let t = 0; t < r; t++) for (let i = t + 1; i < r; i++) {
+		if (e[t][i] + e[i][t] <= 0) continue;
+		let r = e[t][i] / n * a, c = e[i][t] / n * a;
+		o.push({
+			source: t,
+			target: i,
+			sourceStart: s[t],
+			sourceEnd: s[t] + r,
+			targetStart: s[i],
+			targetEnd: s[i] + c
+		}), s[t] += r, s[i] += c;
+	}
+	return o;
+}
+function Ae(e, t, n, r) {
+	let i = B(t, n, r, e.sourceStart), a = B(t, n, r, e.sourceEnd), o = B(t, n, r, e.targetStart), s = B(t, n, r, e.targetEnd);
+	return [
+		`M ${i.x} ${i.y}`,
+		`A ${r} ${r} 0 0 1 ${a.x} ${a.y}`,
+		`Q ${t} ${n} ${o.x} ${o.y}`,
+		`A ${r} ${r} 0 0 1 ${s.x} ${s.y}`,
+		`Q ${t} ${n} ${i.x} ${i.y}`,
+		"Z"
+	].join(" ");
+}
+//#endregion
+//#region src/l6-charts/chord-diagram.tsx
+var je = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, glass: a, className: o }, s) {
+	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),
+		"data-component": "chord-diagram",
+		children: /* @__PURE__ */ c("svg", {
+			width: r,
+			height: i,
+			viewBox: `0 0 ${r} ${i}`
+		})
+	});
+	let v = Oe(g, _, u, h), y = ke(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),
+		"data-component": "chord-diagram",
+		children: /* @__PURE__ */ l("svg", {
+			width: r,
+			height: i,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [
+				v.map((e, t) => /* @__PURE__ */ c("path", {
+					d: De(d, f, p, e.start, e.end),
+					"data-arc": n[t],
+					fill: "none",
+					stroke: z[t % z.length],
+					strokeWidth: 12,
+					strokeLinecap: "round"
+				}, `arc-${n[t]}`)),
+				y.map((e, t) => /* @__PURE__ */ c("path", {
+					d: Ae(e, d, f, m),
+					fill: z[e.source % z.length],
+					fillOpacity: .25,
+					stroke: z[e.source % z.length],
+					strokeOpacity: .4,
+					strokeWidth: .5
+				}, `chord-${t}`)),
+				v.map((e, t) => {
+					let r = (e.start + e.end) / 2, i = B(d, f, p + 16, r), a = r > Math.PI / 2 && r < 3 * Math.PI / 2 ? "end" : "start";
+					return /* @__PURE__ */ c("text", {
+						x: i.x,
+						y: i.y,
+						textAnchor: a,
+						dominantBaseline: "middle",
+						fill: "var(--gds-fg-muted, #9ca3af)",
+						fontSize: 10,
+						children: n[t]
+					}, `label-${n[t]}`);
+				})
+			]
+		})
+	});
+}), Me = 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),
+		"data-component": "combo-chart",
+		ref: _,
+		...h,
+		children: /* @__PURE__ */ c(w, {
+			height: u,
+			width: "100%",
+			children: /* @__PURE__ */ l(g, {
+				data: n,
+				children: [
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: a,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(k, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(y, {}),
+					/* @__PURE__ */ c(f, {
+						dataKey: r,
+						fill: o,
+						radius: [
+							4,
+							4,
+							0,
+							0
+						]
+					}),
+					/* @__PURE__ */ c(b, {
+						dataKey: i,
+						dot: !1,
+						stroke: s,
+						strokeWidth: 2,
+						type: "monotone"
+					})
+				]
+			})
+		})
+	});
+}), V = [
+	"var(--gds-accent)",
+	"var(--gds-success)",
+	"var(--gds-warning)",
+	"var(--gds-danger)"
+];
+function Ne({ className: t, rings: n, size: r = 160 }) {
+	let i = r / 2;
+	return /* @__PURE__ */ l("div", {
+		className: e("select-none", t),
+		"data-component": "donut-gauge",
+		children: [/* @__PURE__ */ c("svg", {
+			height: r,
+			viewBox: `0 0 ${r} ${r}`,
+			width: r,
+			children: n.map((e, t) => {
+				let n = i - 12 / 2 - t * 18;
+				if (n <= 0) return null;
+				let r = 2 * Math.PI * n, a = r * (e.max > 0 ? Math.min(e.value / e.max, 1) : 0), o = e.color ?? V[t % V.length];
+				return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("circle", {
+					className: "text-fg-muted/10",
+					cx: i,
+					cy: i,
+					fill: "none",
+					r: n,
+					stroke: "currentColor",
+					strokeWidth: 12
+				}), /* @__PURE__ */ c("circle", {
+					className: "transition-all duration-500",
+					cx: i,
+					cy: i,
+					fill: "none",
+					r: n,
+					stroke: o,
+					strokeDasharray: `${a} ${r - a}`,
+					strokeDashoffset: r / 4,
+					strokeLinecap: "round",
+					strokeWidth: 12
+				})] }, t);
+			})
+		}), /* @__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",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "h-2 w-2 rounded-full",
+						style: { backgroundColor: e.color ?? V[t % V.length] }
+					}),
+					/* @__PURE__ */ c("span", { children: e.label }),
+					/* @__PURE__ */ l("span", {
+						className: "font-medium text-fg tabular-nums",
+						children: [
+							e.value,
+							"/",
+							e.max
+						]
+					})
+				]
+			}, t))
+		})]
+	});
+}
+//#endregion
+//#region src/l6-charts/flame-chart.tsx
+var H = [
+	"var(--gds-palette-0)",
+	"var(--gds-palette-1)",
+	"var(--gds-palette-2)",
+	"var(--gds-palette-3)",
+	"var(--gds-palette-4)",
+	"var(--gds-palette-5)",
+	"var(--gds-palette-6)",
+	"var(--gds-palette-7)"
+];
+function U(e, t, n, r, i, a) {
+	let o = i > 0 ? e.value / i * r : 0, s = [{
+		color: H[a % H.length],
+		depth: t,
+		name: e.name,
+		width: o,
+		x: n
+	}];
+	if (e.children !== void 0) {
+		let i = n;
+		e.children.forEach((n, o) => {
+			s.push(...U(n, t + 1, i, r, e.value, a + o + 1)), i += e.value > 0 ? n.value / e.value * r : 0;
+		});
+	}
+	return s;
+}
+var W = 24, G = 600;
+function Pe({ className: t, data: n, height: r = 200 }) {
+	let i = a(() => U(n, 0, 0, G, n.value, 0), [n]), o = i.reduce((e, t) => Math.max(e, t.depth), 0), s = Math.max(r, (o + 1) * W);
+	return /* @__PURE__ */ c("div", {
+		className: e("inline-block overflow-x-auto", t),
+		"data-component": "flame-chart",
+		children: /* @__PURE__ */ c("svg", {
+			height: s,
+			viewBox: `0 0 ${G} ${s}`,
+			width: G,
+			children: i.map((e, t) => /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("rect", {
+				fill: e.color,
+				fillOpacity: .8,
+				height: W - 2,
+				rx: 2,
+				width: Math.max(e.width - 1, 0),
+				x: e.x,
+				y: e.depth * W
+			}), e.width > 40 && /* @__PURE__ */ c("text", {
+				dominantBaseline: "middle",
+				fill: "var(--gds-fg)",
+				fontSize: 10,
+				x: e.x + 4,
+				y: e.depth * W + W / 2 - 1,
+				children: e.name
+			})] }, t))
+		})
+	});
+}
+//#endregion
+//#region src/l6-charts/flow-chart.tsx
+var Fe = {
+	start: "var(--gds-palette-3, #10b981)",
+	end: "var(--gds-palette-5, #ef4444)",
+	process: "var(--gds-palette-0, #6366f1)",
+	decision: "var(--gds-palette-4, #f59e0b)"
+}, K = 100, q = 40;
+function Ie(e, t, n) {
+	let r = Fe[e.type ?? "process"], i = e.type ?? "process";
+	if (i === "decision") {
+		let i = q * .7;
+		return /* @__PURE__ */ l("g", {
+			"data-node": e.id,
+			children: [/* @__PURE__ */ c("polygon", {
+				points: `${t},${n - i} ${t + i},${n} ${t},${n + i} ${t - i},${n}`,
+				fill: r,
+				fillOpacity: .15,
+				stroke: r,
+				strokeWidth: 1.5
+			}), /* @__PURE__ */ c("text", {
+				x: t,
+				y: n + 4,
+				textAnchor: "middle",
+				fill: "var(--gds-fg, #e5e7eb)",
+				fontSize: 10,
+				children: e.label
+			})]
+		}, e.id);
+	}
+	let a = i === "start" || i === "end" ? q / 2 : 4;
+	return /* @__PURE__ */ l("g", {
+		"data-node": e.id,
+		children: [/* @__PURE__ */ c("rect", {
+			x: t - K / 2,
+			y: n - q / 2,
+			width: K,
+			height: q,
+			rx: a,
+			fill: r,
+			fillOpacity: .15,
+			stroke: r,
+			strokeWidth: 1.5
+		}), /* @__PURE__ */ c("text", {
+			x: t,
+			y: n + 4,
+			textAnchor: "middle",
+			fill: "var(--gds-fg, #e5e7eb)",
+			fontSize: 10,
+			children: e.label
+		})]
+	}, e.id);
+}
+var Le = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass: a, className: o }, s) {
+	let u = t.length > 1 ? (r - 80) / (t.length - 1) : 0, d = t.length === 1 ? r / 2 : 40, f = i / 2, p = new Map(t.map((e, t) => [e.id, {
+		x: d + t * u,
+		y: f
+	}]));
+	return /* @__PURE__ */ c("div", {
+		ref: s,
+		className: e("gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		"data-component": "flow-chart",
+		children: /* @__PURE__ */ l("svg", {
+			width: r,
+			height: i,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [
+				/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ c("marker", {
+					id: "gds-arrow",
+					markerWidth: "8",
+					markerHeight: "6",
+					refX: "8",
+					refY: "3",
+					orient: "auto",
+					children: /* @__PURE__ */ c("path", {
+						d: "M0,0 L8,3 L0,6",
+						fill: "var(--gds-fg-muted, #6b7280)"
+					})
+				}) }),
+				n.map((e, t) => {
+					let n = p.get(e.from), r = p.get(e.to);
+					if (n === void 0 || r === void 0) return null;
+					let i = n.x + K / 2, a = r.x - K / 2, o = (i + a) / 2, s = (n.y + r.y) / 2;
+					return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("line", {
+						x1: i,
+						y1: n.y,
+						x2: a,
+						y2: r.y,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						strokeWidth: 1.5,
+						markerEnd: "url(#gds-arrow)"
+					}), e.label !== void 0 && /* @__PURE__ */ c("text", {
+						x: o,
+						y: s - 8,
+						textAnchor: "middle",
+						fill: "var(--gds-fg-muted, #9ca3af)",
+						fontSize: 9,
+						children: e.label
+					})] }, t);
+				}),
+				t.map((e, t) => {
+					let n = p.get(e.id);
+					return n === void 0 ? null : Ie(e, n.x, n.y);
+				})
+			]
+		})
+	});
+}), Re = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #22d3ee)",
+	"var(--gds-palette-2, #f59e0b)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #ef4444)",
+	"var(--gds-palette-5, #8b5cf6)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #3b82f6)"
+], ze = n(function({ data: t, dataKey: n, className: r, height: i = 300, colors: a = Re, glass: o, ...s }, u) {
+	return /* @__PURE__ */ c("div", {
+		className: e("w-full", o && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		"data-component": "funnel-chart",
+		ref: u,
+		...s,
+		children: /* @__PURE__ */ c(w, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ l(v, { children: [/* @__PURE__ */ c(D, {}), /* @__PURE__ */ c(_, {
+				dataKey: n,
+				data: t,
+				isAnimationActive: !1,
+				children: t.map((e, t) => /* @__PURE__ */ c(h, { fill: a[t % a.length] }, t))
+			})] })
+		})
+	});
+}), Be = n(function({ value: t, max: n = 100, className: r, height: i = 200, color: a = "var(--gds-accent)", trackColor: o = "var(--gds-border, #e5e7eb)", label: s, glass: u, ...d }, f) {
+	let p = Math.min(Math.max(t, 0), n), m = n - p, g = [{
+		name: "value",
+		value: p
+	}, {
+		name: "remaining",
+		value: m
+	}];
+	return /* @__PURE__ */ l("div", {
+		className: e("relative w-full", u && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		"data-component": "gauge",
+		ref: f,
+		...d,
+		children: [/* @__PURE__ */ c(w, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ c(C, { children: /* @__PURE__ */ l(S, {
+				cx: "50%",
+				cy: "70%",
+				data: g,
+				dataKey: "value",
+				endAngle: 0,
+				innerRadius: "60%",
+				outerRadius: "80%",
+				startAngle: 180,
+				stroke: "none",
+				children: [/* @__PURE__ */ c(h, { fill: a }), /* @__PURE__ */ c(h, { fill: o })]
+			}) })
+		}), /* @__PURE__ */ l("div", {
+			className: "absolute inset-0 flex flex-col items-center justify-center",
+			style: { top: "20%" },
+			children: [/* @__PURE__ */ c("span", {
+				className: "text-2xl font-semibold",
+				style: { color: a },
+				children: p
+			}), s !== void 0 && /* @__PURE__ */ c("span", {
+				className: "gds-text-body text-[var(--gds-fg-muted,#6b7280)]",
+				children: s
+			})]
+		})]
+	});
+});
+//#endregion
+//#region src/l6-charts/heatmap-chart.tsx
+function Ve(e, t, n) {
+	let r = (e) => {
+		let t = e.replace("#", "");
+		return [
+			parseInt(t.slice(0, 2), 16),
+			parseInt(t.slice(2, 4), 16),
+			parseInt(t.slice(4, 6), 16)
+		];
+	}, [i, a, o] = r(e), [s, c, l] = r(t);
+	return `rgb(${Math.round(i + (s - i) * n)},${Math.round(a + (c - a) * n)},${Math.round(o + (l - o) * n)})`;
+}
+var He = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
+	min: "#1e293b",
+	max: "#6366f1"
+}, className: o, cellSize: s = 32, glass: u, ...d }, f) {
+	let { dataMin: p, dataMax: m } = a(() => {
+		let e = t.flat();
+		return {
+			dataMin: Math.min(...e),
+			dataMax: Math.max(...e)
+		};
+	}, [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),
+		"data-component": "heatmap-chart",
+		ref: f,
+		...d,
+		children: /* @__PURE__ */ l("div", {
+			className: "flex flex-col gap-px",
+			children: [n !== void 0 && /* @__PURE__ */ c("div", {
+				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)]",
+					style: {
+						width: s,
+						height: 16
+					},
+					children: e
+				}, e))
+			}), 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",
+					style: { width: s },
+					children: r[t]
+				}), e.map((e, t) => /* @__PURE__ */ c("div", {
+					className: "rounded-sm",
+					style: {
+						width: s,
+						height: s,
+						backgroundColor: Ve(i.min, i.max, h(e))
+					},
+					title: String(e)
+				}, t))]
+			}, t))]
+		})
+	});
+});
+//#endregion
+//#region src/l6-charts/histogram.tsx
+function Ue(e, t) {
+	if (e.length === 0) return [];
+	let n = Math.min(...e), r = Math.max(...e) - n, i = r === 0 ? 1 : r / t;
+	return Array.from({ length: t }, (r, a) => {
+		let o = n + a * i, s = o + i, c = e.filter((e) => a === t - 1 ? e >= o && e <= s : e >= o && e < s).length;
+		return {
+			range: `${o.toFixed(1)}–${s.toFixed(1)}`,
+			count: c
+		};
+	});
+}
+var We = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--gds-accent)", glass: a, className: o, ...s }, u) {
+	let d = Ue(t, n);
+	return /* @__PURE__ */ c("div", {
+		className: e("w-full gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
+		"data-component": "histogram",
+		ref: u,
+		...s,
+		children: /* @__PURE__ */ c(w, {
+			height: r,
+			width: "100%",
+			children: /* @__PURE__ */ l(p, {
+				data: d,
+				children: [
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: "range",
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 10 }
+					}),
+					/* @__PURE__ */ c(k, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(f, {
+						dataKey: "count",
+						fill: i,
+						radius: [
+							4,
+							4,
+							0,
+							0
+						]
+					})
+				]
+			})
+		})
+	});
+}), Ge = 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),
+		"data-component": "line-chart",
+		ref: d,
+		...u,
+		children: /* @__PURE__ */ c(w, {
+			height: a,
+			width: "100%",
+			children: /* @__PURE__ */ l(x, {
+				data: t,
+				children: [
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(k, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(b, {
+						dataKey: n,
+						dot: !1,
+						stroke: o,
+						strokeWidth: 2,
+						type: "monotone"
+					})
+				]
+			})
+		})
+	});
+}), J = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #8b5cf6)",
+	"var(--gds-palette-2, #06b6d4)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #f59e0b)",
+	"var(--gds-palette-5, #ef4444)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #84cc16)"
+];
+function Ke(e, t, n, r) {
+	return Array.from({ length: e }, (i, a) => {
+		let o = 2 * Math.PI * a / e - Math.PI / 2;
+		return {
+			x: t + r * Math.cos(o),
+			y: n + r * Math.sin(o)
+		};
+	});
+}
+var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass: a, className: o }, s) {
+	let u = r / 2, d = i / 2, f = Math.min(u, d) * .65, p = Ke(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),
+		"data-component": "network-graph",
+		children: /* @__PURE__ */ l("svg", {
+			width: r,
+			height: i,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [n.map((e, t) => {
+				let n = m.get(e.source), r = m.get(e.target);
+				if (n === void 0 || r === void 0) return null;
+				let i = p[n], a = p[r];
+				return /* @__PURE__ */ c("line", {
+					x1: i.x,
+					y1: i.y,
+					x2: a.x,
+					y2: a.y,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1.5,
+					strokeOpacity: .5
+				}, t);
+			}), t.map((e, t) => {
+				let n = p[t], r = J[(e.group ?? t) % J.length];
+				return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("circle", {
+					cx: n.x,
+					cy: n.y,
+					r: h,
+					fill: r,
+					fillOpacity: .8
+				}), /* @__PURE__ */ c("text", {
+					x: n.x,
+					y: n.y + h + 14,
+					textAnchor: "middle",
+					fill: "var(--gds-fg-muted, #9ca3af)",
+					fontSize: 10,
+					children: e.label
+				})] }, e.id);
+			})]
+		})
+	});
+}), Je = n(function({ bids: t, asks: n, height: r = 300, bidColor: i = "var(--gds-success, #22c55e)", askColor: o = "var(--gds-danger, #ef4444)", glass: s, className: f, ...p }, h) {
+	let g = a(() => {
+		let e = t.map((e) => ({
+			price: e.price,
+			bidDepth: e.depth,
+			askDepth: void 0
+		})), r = n.map((e) => ({
+			price: e.price,
+			bidDepth: void 0,
+			askDepth: e.depth
+		}));
+		return [...e, ...r].sort((e, t) => e.price - t.price);
+	}, [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),
+		"data-component": "order-book-chart",
+		...p,
+		children: /* @__PURE__ */ c(w, {
+			height: r,
+			width: "100%",
+			children: /* @__PURE__ */ l(d, {
+				data: g,
+				children: [
+					/* @__PURE__ */ c(m, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ c(O, {
+						dataKey: "price",
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 },
+						type: "number",
+						domain: ["dataMin", "dataMax"]
+					}),
+					/* @__PURE__ */ c(k, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(u, {
+						dataKey: "bidDepth",
+						fill: i,
+						fillOpacity: .3,
+						stroke: i,
+						strokeWidth: 2,
+						type: "stepAfter",
+						connectNulls: !1
+					}),
+					/* @__PURE__ */ c(u, {
+						dataKey: "askDepth",
+						fill: o,
+						fillOpacity: .3,
+						stroke: o,
+						strokeWidth: 2,
+						type: "stepBefore",
+						connectNulls: !1
+					})
+				]
+			})
+		})
+	});
+}), Ye = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #22d3ee)",
+	"var(--gds-palette-2, #f59e0b)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #ef4444)",
+	"var(--gds-palette-5, #8b5cf6)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #3b82f6)"
+], Xe = n(function({ data: t, dataKey: n, nameKey: r = "name", className: i, height: a = 300, colors: o = Ye, 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),
+		"data-component": "pie-chart",
+		ref: f,
+		...d,
+		children: /* @__PURE__ */ c(w, {
+			height: a,
+			width: "100%",
+			children: /* @__PURE__ */ l(C, { children: [/* @__PURE__ */ c(D, {}), /* @__PURE__ */ c(S, {
+				cx: "50%",
+				cy: "50%",
+				data: t,
+				dataKey: n,
+				innerRadius: s,
+				nameKey: r,
+				children: t.map((e, t) => /* @__PURE__ */ c(h, { fill: o[t % o.length] }, t))
+			})] })
+		})
+	});
+}), Ze = 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),
+		"data-component": "radar-chart",
+		ref: d,
+		...u,
+		children: /* @__PURE__ */ c(w, {
+			height: a,
+			width: "100%",
+			children: /* @__PURE__ */ l(ie, {
+				cx: "50%",
+				cy: "50%",
+				data: t,
+				outerRadius: "80%",
+				children: [
+					/* @__PURE__ */ c(te, { stroke: "var(--gds-border, #e5e7eb)" }),
+					/* @__PURE__ */ c(ee, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(ne, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 10 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(re, {
+						dataKey: n,
+						fill: o,
+						fillOpacity: .3,
+						stroke: o,
+						strokeWidth: 2
+					})
+				]
+			})
+		})
+	});
+}), Qe = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #22d3ee)",
+	"var(--gds-palette-2, #f59e0b)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #ef4444)",
+	"var(--gds-palette-5, #8b5cf6)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #3b82f6)"
+], $e = n(function({ data: n, height: r = 300, innerRadius: i = "20%", glass: a, className: o, ...s }, u) {
+	let d = n.map((e, t) => ({
+		...e,
+		fill: e.fill ?? Qe[t % Qe.length]
+	}));
+	return /* @__PURE__ */ c("div", {
+		className: e("w-full gds-radius-popover border border-white/[0.06]", t(a), o),
+		"data-component": "radial-bar-chart",
+		ref: u,
+		...s,
+		children: /* @__PURE__ */ c(w, {
+			height: r,
+			width: "100%",
+			children: /* @__PURE__ */ l(oe, {
+				cx: "50%",
+				cy: "50%",
+				data: d,
+				innerRadius: i,
+				outerRadius: "90%",
+				children: [
+					/* @__PURE__ */ c(ae, {
+						dataKey: "value",
+						background: { fill: "rgba(255,255,255,0.05)" }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					/* @__PURE__ */ c(y, { iconSize: 8 })
+				]
+			})
+		})
+	});
+}), et = n(function({ className: t, color: n, data: a, height: s = 200, label: l, lineWidth: u = 2, maxPoints: d = 200, showGrid: f = !0 }, p) {
+	let m = o(null), h = o(0), g = o(0), _ = r((e) => {
+		m.current = e, typeof p == "function" ? p(e) : p != null && (p.current = e);
+	}, [p]);
+	return i(() => {
+		let e = m.current;
+		if (e === null) return;
+		let t = e.getContext("2d");
+		return t === null ? void 0 : ((a.length !== g.current || a.length > 0) && (g.current = a.length, h.current = requestAnimationFrame(() => {
+			let r = window.devicePixelRatio ?? 1, i = e.getBoundingClientRect(), o = i.width, s = i.height;
+			(e.width !== o * r || e.height !== s * r) && (e.width = o * r, e.height = s * r), t.setTransform(r, 0, 0, r, 0, 0), t.clearRect(0, 0, o, s);
+			let c = getComputedStyle(e), p = n ?? (c.getPropertyValue("--gds-accent").trim() || "#2563eb"), m = c.getPropertyValue("--gds-border").trim() || "#e5e7eb", h = c.getPropertyValue("--gds-fg").trim() || "#1f2937", g = c.getPropertyValue("--gds-fg-muted").trim() || "#6b7280", _ = a.slice(-d);
+			if (_.length === 0) return;
+			let v = Math.min(..._), y = Math.max(..._), b = y - v || 1;
+			if (f) {
+				t.strokeStyle = m, t.lineWidth = .5;
+				for (let e = 0; e <= 4; e++) {
+					let n = 8 + (s - 16) * e / 4;
+					t.beginPath(), t.moveTo(0, n), t.lineTo(o, n), t.stroke();
+				}
+			}
+			t.strokeStyle = p, t.lineWidth = u, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+			for (let e = 0; e < _.length; e++) {
+				let n = e / (d - 1) * o, r = 8 + (1 - (_[e] - v) / b) * (s - 16);
+				e === 0 ? t.moveTo(n, r) : t.lineTo(n, r);
+			}
+			t.stroke();
+			let x = t.createLinearGradient(0, 0, 0, s);
+			x.addColorStop(0, p + "40"), x.addColorStop(1, p + "00"), t.fillStyle = x, t.beginPath();
+			for (let e = 0; e < _.length; e++) {
+				let n = e / (d - 1) * o, r = 8 + (1 - (_[e] - v) / b) * (s - 16);
+				e === 0 ? t.moveTo(n, r) : t.lineTo(n, r);
+			}
+			if (_.length > 0) {
+				let e = (_.length - 1) / (d - 1) * o;
+				t.lineTo(e, s), t.lineTo(0, s);
+			}
+			t.closePath(), t.fill();
+			let S = _[_.length - 1];
+			t.font = "bold 12px ui-monospace, monospace", t.fillStyle = h, t.textAlign = "right", t.fillText(S.toFixed(1), o - 8, 16), l !== void 0 && (t.font = "10px system-ui, sans-serif", t.fillStyle = g, t.textAlign = "left", t.fillText(l, 8, 14)), t.font = "9px ui-monospace, monospace", t.fillStyle = g, t.textAlign = "right", t.fillText(y.toFixed(0), o - 8, 18), t.fillText(v.toFixed(0), o - 8, s - 8);
+		})), () => {
+			h.current !== 0 && cancelAnimationFrame(h.current);
+		});
+	}, [
+		a,
+		d,
+		n,
+		u,
+		f,
+		l,
+		s
+	]), /* @__PURE__ */ c("canvas", {
+		className: e("block w-full rounded-lg border border-border bg-surface", t),
+		"data-component": "realtime-chart",
+		ref: _,
+		style: { height: s }
+	});
+}), tt = n(function({ nodes: t, links: n, className: r, height: i = 300, nodePadding: a = 50, nodeWidth: o = 10, glass: s, ...l }, u) {
+	let d = {
+		nodes: t,
+		links: n
+	};
+	return /* @__PURE__ */ c("div", {
+		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		"data-component": "sankey-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ c(w, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ c(se, {
+				data: d,
+				nodePadding: a,
+				nodeWidth: o,
+				children: /* @__PURE__ */ c(D, {})
+			})
+		})
+	});
+}), nt = 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),
+		"data-component": "scatter-chart",
+		ref: d,
+		...u,
+		children: /* @__PURE__ */ c(w, {
+			height: a,
+			width: "100%",
+			children: /* @__PURE__ */ l(E, { children: [
+				/* @__PURE__ */ c(m, {
+					stroke: "var(--gds-border, #e5e7eb)",
+					strokeDasharray: "3 3"
+				}),
+				/* @__PURE__ */ c(O, {
+					dataKey: n,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ c(k, {
+					dataKey: r,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ c(D, {}),
+				/* @__PURE__ */ c(T, {
+					data: t,
+					fill: o
+				})
+			] })
+		})
+	});
+}), rt = 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),
+		"data-component": "sparkline",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ c(w, {
+			height: i,
+			width: a,
+			children: /* @__PURE__ */ c(x, {
+				data: t,
+				children: /* @__PURE__ */ c(b, {
+					dataKey: n,
+					dot: !1,
+					stroke: o,
+					strokeWidth: 1.5,
+					type: "monotone"
+				})
+			})
+		})
+	});
+}), Y = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #8b5cf6)",
+	"var(--gds-palette-2, #06b6d4)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #f59e0b)",
+	"var(--gds-palette-5, #ef4444)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #a855f7)"
+], it = 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),
+		"data-component": "stream-chart",
+		...s,
+		children: /* @__PURE__ */ c(w, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ l(d, {
+				data: t,
+				children: [
+					/* @__PURE__ */ c(O, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ c(D, {}),
+					n.map((e, t) => /* @__PURE__ */ c(u, {
+						dataKey: e,
+						fill: Y[t % Y.length],
+						fillOpacity: .6,
+						stackId: "1",
+						stroke: Y[t % Y.length],
+						strokeWidth: 1.5,
+						type: "monotone"
+					}, e))
+				]
+			})
+		})
+	});
+});
+//#endregion
+//#region src/l6-charts/sunburst-math.ts
+function X(e) {
+	return e.children !== void 0 && e.children.length > 0 ? e.children.reduce((e, t) => e + X(t), 0) : e.value ?? 0;
+}
+function at(e, t, n, r, i, a) {
+	let o = Math.min(a - i, 2 * Math.PI - .001), s = o > Math.PI ? 1 : 0, c = e + r * Math.cos(i), l = t + r * Math.sin(i), u = e + r * Math.cos(i + o), d = t + r * Math.sin(i + o), f = e + n * Math.cos(i + o), p = t + n * Math.sin(i + o), m = e + n * Math.cos(i), h = t + n * Math.sin(i);
+	return [
+		`M ${c} ${l}`,
+		`A ${r} ${r} 0 ${s} 1 ${u} ${d}`,
+		`L ${f} ${p}`,
+		`A ${n} ${n} 0 ${s} 0 ${m} ${h}`,
+		"Z"
+	].join(" ");
+}
+function ot(e, t, n, r, i) {
+	if (e.children === void 0 || e.children.length === 0) return [];
+	let a = [], o = X(e);
+	if (o === 0) return [];
+	let s = n;
+	for (let c = 0; c < e.children.length; c++) {
+		let l = e.children[c], u = X(l) / o * (r - n), d = s + u;
+		a.push({
+			depth: t,
+			index: i * 10 + c,
+			startAngle: s,
+			endAngle: d
+		}), a.push(...ot(l, t + 1, s, d, i * 10 + c)), s = d;
+	}
+	return a;
+}
+//#endregion
+//#region src/l6-charts/sunburst-chart.tsx
+var Z = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #22d3ee)",
+	"var(--gds-palette-2, #f59e0b)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #ef4444)",
+	"var(--gds-palette-5, #8b5cf6)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #3b82f6)"
+], st = 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 = ot(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),
+		"data-component": "sunburst-chart",
+		ref: u,
+		...s,
+		children: /* @__PURE__ */ l("svg", {
+			height: i,
+			width: r,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [m.map((e, t) => {
+				let n = g + e.depth * _, r = n + _ - 1, i = Z[(e.index + e.depth) % Z.length];
+				return /* @__PURE__ */ c("path", {
+					d: at(d, f, n, r, e.startAngle, e.endAngle),
+					fill: i,
+					opacity: 1 - e.depth * .15,
+					stroke: "var(--gds-bg, #000)",
+					strokeWidth: 1,
+					"data-arc": !0
+				}, t);
+			}), /* @__PURE__ */ c("text", {
+				x: d,
+				y: f,
+				textAnchor: "middle",
+				dominantBaseline: "central",
+				fill: "var(--gds-fg, #fff)",
+				fontSize: 12,
+				fontWeight: 600,
+				"data-center-label": !0,
+				children: n.name
+			})]
+		})
+	});
+}), ct = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #22d3ee)",
+	"var(--gds-palette-2, #f59e0b)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #ef4444)",
+	"var(--gds-palette-5, #8b5cf6)"
+], lt = 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),
+		"data-component": "timeline-chart",
+		ref: u,
+		...s,
+		children: /* @__PURE__ */ c("svg", {
+			height: i,
+			width: r
+		})
+	});
+	let d = i / 2, f = n.map((e) => new Date(e.date).getTime()), p = Math.min(...f), m = Math.max(...f) - p;
+	function h(e) {
+		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),
+		"data-component": "timeline-chart",
+		ref: u,
+		...s,
+		children: /* @__PURE__ */ l("svg", {
+			height: i,
+			width: r,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [/* @__PURE__ */ c("line", {
+				x1: 40,
+				y1: d,
+				x2: r - 40,
+				y2: d,
+				stroke: "var(--gds-border, #e5e7eb)",
+				strokeWidth: 2
+			}), n.map((e, t) => {
+				let n = f[t], r = h(n), i = t % 2 == 0, a = i ? d - 24 : d + 32, o = e.color ?? ct[t % ct.length], s = new Date(e.date).toLocaleDateString();
+				return /* @__PURE__ */ l("g", {
+					"data-event": !0,
+					children: [
+						/* @__PURE__ */ c("circle", {
+							cx: r,
+							cy: d,
+							r: 5,
+							fill: o
+						}),
+						/* @__PURE__ */ c("line", {
+							x1: r,
+							y1: d + (i ? -6 : 6),
+							x2: r,
+							y2: a + (i ? 10 : -10),
+							stroke: "var(--gds-border, #e5e7eb)",
+							strokeWidth: 1
+						}),
+						/* @__PURE__ */ c("text", {
+							x: r,
+							y: a,
+							textAnchor: "middle",
+							fill: "var(--gds-fg, #fff)",
+							fontSize: 10,
+							fontWeight: 500,
+							"data-label": i ? "above" : "below",
+							children: e.label
+						}),
+						/* @__PURE__ */ c("text", {
+							x: r,
+							y: a + (i ? -10 : 12),
+							textAnchor: "middle",
+							fill: "var(--gds-fg-muted, #6b7280)",
+							fontSize: 8,
+							children: s
+						})
+					]
+				}, t);
+			})]
+		})
+	});
+}), ut = 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),
+		"data-component": "treemap-chart",
+		ref: l,
+		...s,
+		children: /* @__PURE__ */ c(w, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ c(ce, {
+				data: t,
+				dataKey: n,
+				fill: a,
+				stroke: "var(--gds-bg, #fff)"
+			})
+		})
+	});
+}), dt = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #8b5cf6)",
+	"var(--gds-palette-2, #06b6d4)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #f59e0b)"
+];
+function ft(e, t, n, r) {
+	let i = r - n;
+	if (i === 0) return Array(t).fill(1 / t);
+	let a = Array(t).fill(0), o = i / t;
+	for (let r of e) {
+		let e = Math.min(Math.floor((r - n) / o), t - 1);
+		a[e]++;
+	}
+	let s = Math.max(...a);
+	return s === 0 ? a : a.map((e) => e / s);
+}
+function pt(e) {
+	let t = [...e].sort((e, t) => e - t), n = Math.floor(t.length / 2);
+	return t.length % 2 == 0 ? (t[n - 1] + t[n]) / 2 : t[n];
+}
+var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: a }, o) {
+	let s = {
+		top: 20,
+		right: 20,
+		bottom: 40,
+		left: 50
+	}, 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),
+		"data-component": "violin-plot",
+		children: /* @__PURE__ */ l("svg", {
+			width: n,
+			height: r,
+			viewBox: `0 0 ${n} ${r}`,
+			children: [
+				/* @__PURE__ */ c("line", {
+					x1: s.left,
+					y1: s.top,
+					x2: s.left,
+					y2: s.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				/* @__PURE__ */ c("line", {
+					x1: s.left,
+					y1: s.top + d,
+					x2: s.left + u,
+					y2: s.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				t.map((e, t) => {
+					if (e.values.length === 0) return null;
+					let n = s.left + y * (t + .5), r = dt[t % dt.length], i = ft(e.values, 20, p, m), a = (_ - g) / 20, o = pt(e.values), u = i.map((e, t) => {
+						let r = v(g + a * (t + .5));
+						return `${n + e * b},${r}`;
+					}), f = [...i].reverse().map((e, t) => {
+						let r = v(g + a * (19 - t + .5));
+						return `${n - e * b},${r}`;
+					}), h = `M ${u[0]} ${u.map((e) => `L ${e}`).join(" ")} ${f.map((e) => `L ${e}`).join(" ")} Z`;
+					return /* @__PURE__ */ l("g", {
+						"data-violin": e.label,
+						children: [
+							/* @__PURE__ */ c("path", {
+								d: h,
+								fill: r,
+								fillOpacity: .25,
+								stroke: r,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ c("circle", {
+								cx: n,
+								cy: v(o),
+								r: 3,
+								fill: r
+							}),
+							/* @__PURE__ */ c("text", {
+								x: n,
+								y: s.top + d + 20,
+								textAnchor: "middle",
+								fill: "var(--gds-fg-muted, #9ca3af)",
+								fontSize: 10,
+								children: e.label
+							})
+						]
+					}, e.label);
+				})
+			]
+		})
+	});
+}), Q = [
+	"var(--gds-palette-0, #6366f1)",
+	"var(--gds-palette-1, #22d3ee)",
+	"var(--gds-palette-2, #f59e0b)",
+	"var(--gds-palette-3, #10b981)",
+	"var(--gds-palette-4, #ef4444)",
+	"var(--gds-palette-5, #8b5cf6)",
+	"var(--gds-palette-6, #ec4899)",
+	"var(--gds-palette-7, #14b8a6)",
+	"var(--gds-palette-8, #f97316)",
+	"var(--gds-palette-9, #3b82f6)"
+], ht = n(function({ data: n, size: r = 200, glass: i, className: a, ...o }, s) {
+	let u = [], d = 0;
+	for (let e = 0; e < n.length; e++) {
+		let t = n[e], r = Math.round(t.value), i = t.color ?? Q[e % Q.length];
+		for (let e = 0; e < r && d < 100; e++) u[d] = i, d++;
+	}
+	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),
+		"data-component": "waffle-chart",
+		ref: s,
+		...o,
+		children: [/* @__PURE__ */ c("svg", {
+			height: r,
+			width: r,
+			viewBox: `0 0 ${r} ${r}`,
+			children: u.map((e, t) => {
+				let n = Math.floor(t / 10);
+				return /* @__PURE__ */ c("rect", {
+					x: t % 10 * f + p,
+					y: n * f + p,
+					width: f - p * 2,
+					height: f - p * 2,
+					rx: 2,
+					fill: e,
+					"data-cell": t
+				}, t);
+			})
+		}), /* @__PURE__ */ c("div", {
+			className: "flex flex-wrap gap-3 px-2 pb-2 pt-1",
+			children: n.map((e, t) => /* @__PURE__ */ l("div", {
+				className: "flex items-center gap-1.5 text-[10px] text-fg-muted",
+				children: [
+					/* @__PURE__ */ c("span", {
+						className: "inline-block h-2 w-2 rounded-full",
+						style: { backgroundColor: e.color ?? Q[t % Q.length] }
+					}),
+					/* @__PURE__ */ c("span", { children: e.label }),
+					/* @__PURE__ */ l("span", {
+						className: "text-fg-muted/50",
+						children: [e.value, "%"]
+					})
+				]
+			}, e.label))
+		})]
+	});
+}), gt = n(function({ className: t, data: n, height: r = 300 }, i) {
+	let o = {
+		bottom: 40,
+		left: 12,
+		right: 12,
+		top: 20
+	}, s = a(() => {
+		if (n.length === 0) return {
+			bars: [],
+			maxY: 0,
+			minY: 0
+		};
+		let e = [], t = 0;
+		for (let r of n) {
+			let n = t;
+			t += r.value, e.push({
+				end: t,
+				label: r.label,
+				start: n,
+				type: r.value >= 0 ? "positive" : "negative",
+				value: r.value
+			});
+		}
+		e.push({
+			end: t,
+			label: "Total",
+			start: 0,
+			type: "total",
+			value: t
+		});
+		let r = e.flatMap((e) => [e.start, e.end]);
+		return {
+			bars: e,
+			maxY: Math.max(0, ...r),
+			minY: Math.min(0, ...r)
+		};
+	}, [n]), u = 500 - o.left - o.right, d = r - o.top - o.bottom, f = s.maxY - s.minY || 1, p = s.bars.length, m = Math.min(40, u / p * .6), h = u / p, g = (e) => o.top + (1 - (e - s.minY) / f) * d, _ = (e) => e === "positive" ? "var(--gds-success)" : e === "negative" ? "var(--gds-danger)" : "var(--gds-accent)";
+	return /* @__PURE__ */ c("div", {
+		className: e("inline-block", t),
+		"data-component": "waterfall-chart",
+		ref: i,
+		children: /* @__PURE__ */ l("svg", {
+			height: r,
+			viewBox: `0 0 500 ${r}`,
+			width: 500,
+			children: [s.bars.map((e, t) => {
+				let n = o.left + t * h + (h - m) / 2, i = g(Math.max(e.start, e.end)), a = g(Math.min(e.start, e.end)), u = Math.max(1, a - i);
+				return /* @__PURE__ */ l("g", { children: [
+					/* @__PURE__ */ c("rect", {
+						fill: _(e.type),
+						fillOpacity: .8,
+						height: u,
+						rx: 2,
+						width: m,
+						x: n,
+						y: i
+					}),
+					e.type !== "total" && t < s.bars.length - 1 && /* @__PURE__ */ c("line", {
+						stroke: "var(--gds-border)",
+						strokeDasharray: "3,3",
+						strokeWidth: 1,
+						x1: n + m,
+						x2: o.left + (t + 1) * h + (h - m) / 2,
+						y1: g(e.end),
+						y2: g(e.end)
+					}),
+					/* @__PURE__ */ c("text", {
+						dominantBaseline: "middle",
+						fill: "var(--gds-fg)",
+						fontSize: 10,
+						fontWeight: "600",
+						textAnchor: "middle",
+						x: n + m / 2,
+						y: i - 8,
+						children: e.value >= 0 ? `+${e.value}` : e.value
+					}),
+					/* @__PURE__ */ c("text", {
+						dominantBaseline: "hanging",
+						fill: "var(--gds-fg-muted)",
+						fontSize: 10,
+						textAnchor: "middle",
+						x: n + m / 2,
+						y: r - o.bottom + 8,
+						children: e.label
+					})
+				] }, t);
+			}), /* @__PURE__ */ c("line", {
+				stroke: "var(--gds-border)",
+				strokeWidth: 1,
+				x1: o.left,
+				x2: 500 - o.right,
+				y1: g(0),
+				y2: g(0)
+			})]
+		})
+	});
+}), _t = n(function({ data: t, width: n = 400, height: r = 100, progress: i = 0, color: o = "var(--gds-accent, #6366f1)", playedColor: s, glass: l, className: u, ...d }, f) {
+	let p = s ?? o, m = Math.floor(i * t.length), h = r / 2, g = a(() => {
+		if (t.length === 0) return [];
+		let e = n / t.length;
+		return t.map((t, n) => {
+			let r = Math.max(t * h, 1);
+			return {
+				x: n * e,
+				y: h - r,
+				w: Math.max(e - 1, 1),
+				h: r * 2,
+				played: n < m
+			};
+		});
+	}, [
+		t,
+		n,
+		h,
+		m
+	]);
+	return /* @__PURE__ */ c("div", {
+		ref: f,
+		className: e("inline-block gds-radius-popover border border-border", l && "backdrop-blur-md bg-white/5", u),
+		"data-component": "waveform-display",
+		...d,
+		children: /* @__PURE__ */ c("svg", {
+			height: r,
+			width: n,
+			viewBox: `0 0 ${n} ${r}`,
+			children: g.map((e, t) => /* @__PURE__ */ c("rect", {
+				x: e.x,
+				y: e.y,
+				width: e.w,
+				height: e.h,
+				fill: e.played ? p : o,
+				opacity: e.played ? 1 : .3,
+				rx: 1
+			}, t))
+		})
+	});
+}), $ = Array.from({ length: 10 }, (e, t) => `var(--gds-palette-${t})`), vt = 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),
+		"data-component": "word-cloud",
+		ref: l,
+		style: { height: a },
+		...s,
+		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",
+				style: {
+					fontSize: Math.round(r + i * (n - r)),
+					color: $[t % $.length]
+				},
+				children: e.text
+			}, `${e.text}-${t}`);
+		})
+	});
+});
+//#endregion
+export { we as A, ze as C, Me as D, Ne as E, pe as F, fe as I, de as L, _e as M, ge as N, je as O, he as P, Be as S, Pe as T, Je as _, mt as a, We as b, st as c, nt as d, tt as f, Xe as g, Ze as h, ht as i, ve as j, Ee as k, it as l, $e as m, _t as n, ut as o, et as p, gt as r, lt as s, vt as t, rt as u, qe as v, Le as w, He as x, Ge as y };
+
+//# sourceMappingURL=l6-charts-Bn9RQLbe.js.map