@goliapkg/gds 0.9.3 → 0.9.5

package/dist/l6-charts-DYnr5B9X.js

@@ -0,0 +1,1743 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { forwardRef as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Area as s, AreaChart as c, Bar as l, BarChart as u, CartesianGrid as d, Cell as f, ComposedChart as p, Funnel as m, FunnelChart as h, Legend as g, Line as _, LineChart as v, Pie as y, PieChart as b, PolarAngleAxis as x, PolarGrid as ee, PolarRadiusAxis as te, Radar as ne, RadarChart as S, RadialBar as re, RadialBarChart as ie, ResponsiveContainer as C, Sankey as ae, Scatter as w, ScatterChart as T, Tooltip as E, Treemap as oe, XAxis as D, YAxis as O, ZAxis as se } from "recharts";
+//#region src/l6-charts/area-chart.tsx
+var k = "gds-area-gradient", ce = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: l = 300, color: u = "var(--gds-accent)", glass: f, ...p }, m) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", f && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		"data-component": "area-chart",
+		ref: m,
+		...p,
+		children: /* @__PURE__ */ a(C, {
+			height: l,
+			width: "100%",
+			children: /* @__PURE__ */ o(c, {
+				data: t,
+				children: [
+					/* @__PURE__ */ a("defs", { children: /* @__PURE__ */ o("linearGradient", {
+						id: k,
+						x1: "0",
+						x2: "0",
+						y1: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ a("stop", {
+							offset: "5%",
+							stopColor: u,
+							stopOpacity: .3
+						}), /* @__PURE__ */ a("stop", {
+							offset: "95%",
+							stopColor: u,
+							stopOpacity: 0
+						})]
+					}) }),
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(O, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(s, {
+						dataKey: n,
+						fill: `url(#${k})`,
+						fillOpacity: 1,
+						stroke: u,
+						strokeWidth: 2,
+						type: "monotone"
+					})
+				]
+			})
+		})
+	});
+}), le = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: s = 300, color: c = "var(--gds-accent)", glass: f, ...p }, m) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", f && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		"data-component": "bar-chart",
+		ref: m,
+		...p,
+		children: /* @__PURE__ */ a(C, {
+			height: s,
+			width: "100%",
+			children: /* @__PURE__ */ o(u, {
+				data: t,
+				children: [
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(O, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(l, {
+						dataKey: n,
+						fill: c,
+						radius: [
+							4,
+							4,
+							0,
+							0
+						]
+					})
+				]
+			})
+		})
+	});
+});
+//#endregion
+//#region src/l6-charts/box-plot-stats.ts
+function A(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 ue(e) {
+	let t = [...e].sort((e, t) => e - t), n = A(t, .25), r = A(t, .5), i = A(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 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)"
+], de = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: s }, c) {
+	let l = {
+		top: 20,
+		right: 20,
+		bottom: 40,
+		left: 50
+	}, u = n - l.left - l.right, d = r - l.top - l.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) => l.top + d * (1 - (e - g) / (_ - g)), y = t.length > 0 ? u / t.length : u, b = Math.min(y * .6, 60);
+	return /* @__PURE__ */ a("div", {
+		ref: c,
+		className: e("gds-radius-popover border border-border", i && "backdrop-blur-md bg-white/5", s),
+		"data-component": "box-plot",
+		children: /* @__PURE__ */ o("svg", {
+			width: n,
+			height: r,
+			viewBox: `0 0 ${n} ${r}`,
+			children: [
+				/* @__PURE__ */ a("line", {
+					x1: l.left,
+					y1: l.top,
+					x2: l.left,
+					y2: l.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				/* @__PURE__ */ a("line", {
+					x1: l.left,
+					y1: l.top + d,
+					x2: l.left + u,
+					y2: l.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				t.map((e, t) => {
+					if (e.values.length === 0) return null;
+					let n = ue(e.values), r = l.left + y * (t + .5), i = j[t % j.length];
+					return /* @__PURE__ */ o("g", {
+						"data-box": e.label,
+						children: [
+							/* @__PURE__ */ a("line", {
+								x1: r,
+								y1: v(n.whiskerMax),
+								x2: r,
+								y2: v(n.whiskerMin),
+								stroke: i,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ a("line", {
+								x1: r - b * .3,
+								y1: v(n.whiskerMin),
+								x2: r + b * .3,
+								y2: v(n.whiskerMin),
+								stroke: i,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ a("line", {
+								x1: r - b * .3,
+								y1: v(n.whiskerMax),
+								x2: r + b * .3,
+								y2: v(n.whiskerMax),
+								stroke: i,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ a("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__ */ a("line", {
+								x1: r - b / 2,
+								y1: v(n.median),
+								x2: r + b / 2,
+								y2: v(n.median),
+								stroke: i,
+								strokeWidth: 2
+							}),
+							/* @__PURE__ */ a("text", {
+								x: r,
+								y: l.top + d + 20,
+								textAnchor: "middle",
+								fill: "var(--gds-fg-muted, #9ca3af)",
+								fontSize: 10,
+								children: e.label
+							})
+						]
+					}, e.label);
+				})
+			]
+		})
+	});
+}), fe = n(function({ data: t, xLabel: n, yLabel: r, height: i = 300, glass: s, className: c, ...l }, u) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full gds-radius-popover border border-[var(--gds-border,#e5e7eb)]", s && "backdrop-blur-md bg-white/5", c),
+		"data-component": "bubble-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ o(T, { children: [
+				/* @__PURE__ */ a(D, {
+					dataKey: "x",
+					name: n,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ a(O, {
+					dataKey: "y",
+					name: r,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ a(se, {
+					dataKey: "z",
+					range: [20, 400],
+					type: "number"
+				}),
+				/* @__PURE__ */ a(E, {}),
+				/* @__PURE__ */ a(w, {
+					data: t,
+					fill: "var(--gds-accent)",
+					fillOpacity: .6
+				})
+			] })
+		})
+	});
+}), M = [
+	"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)"
+], pe = n(function({ data: t, series: n, xKey: r = "name", height: i = 300, glass: s, className: c, ...l }, u) {
+	return /* @__PURE__ */ a("div", {
+		ref: u,
+		className: e("w-full gds-radius-popover border border-border", s && "backdrop-blur-md bg-white/5", c),
+		"data-component": "bump-chart",
+		...l,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ o(v, {
+				data: t,
+				children: [
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(O, {
+						reversed: !0,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					n.map((e, t) => /* @__PURE__ */ a(_, {
+						dataKey: e,
+						dot: {
+							r: 4,
+							fill: M[t % M.length]
+						},
+						stroke: M[t % M.length],
+						strokeWidth: 2,
+						type: "monotone"
+					}, e))
+				]
+			})
+		})
+	});
+}), me = [
+	"Mon",
+	"",
+	"Wed",
+	"",
+	"Fri",
+	"",
+	""
+], he = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+function N(e) {
+	return (e.getDay() + 6) % 7;
+}
+function P(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 F(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 I(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 = P(e), c = [], l = [], u = 0, d = -1, f = new Date(a), p = N(f);
+	for (p > 0 && f.setDate(f.getDate() - p); f <= i;) {
+		let e = N(f), t = f.toISOString().slice(0, 10), n = o.get(t) ?? 0;
+		f.getMonth() !== d && e <= 3 && (l.push({
+			label: he[f.getMonth()],
+			x: u * r
+		}), d = f.getMonth()), c.push({
+			x: u * r,
+			y: e * r,
+			date: t,
+			value: n,
+			level: F(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 L = n(function({ data: n, startDate: s, endDate: c, colorScale: l = [
+	"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] = i(null), g = u + 2, { cells: _, monthLabels: v, weeks: y } = r(() => I(n, s, c, g), [
+		n,
+		s,
+		c,
+		g
+	]), b = 28 + y * g, x = 14 + 7 * g;
+	return /* @__PURE__ */ o("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__ */ o("svg", {
+			ref: p,
+			height: x,
+			width: b,
+			children: [
+				v.map((e) => /* @__PURE__ */ a("text", {
+					fill: "var(--gds-fg-muted, #888)",
+					fontSize: 9,
+					x: 28 + e.x,
+					y: 10,
+					children: e.label
+				}, `${e.label}-${e.x}`)),
+				me.map((e, t) => e === "" ? null : /* @__PURE__ */ a("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__ */ a("rect", {
+					fill: l[e.level] ?? l[l.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__ */ a("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 R(e) {
+	let { x: t = 0, y: n = 0, width: r = 0, height: i = 0, payload: s } = e;
+	if (s === void 0 || i === 0 && s.bodyHeight === 0) return null;
+	let c = t + r / 2, l = n, u = n + i;
+	return /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("line", {
+		stroke: s.fill,
+		strokeWidth: 1,
+		x1: c,
+		x2: c,
+		y1: l - 2,
+		y2: u + 2
+	}), /* @__PURE__ */ a("rect", {
+		fill: s.fill,
+		height: Math.max(i, 1),
+		rx: 1,
+		width: Math.max(r - 2, 2),
+		x: t + 1,
+		y: n
+	})] });
+}
+var ge = n(function({ data: t, height: n = 300, upColor: i = "var(--gds-success, #22c55e)", downColor: s = "var(--gds-danger, #ef4444)", glass: c, className: u, ...f }, m) {
+	let h = r(() => 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 ? i : s,
+		high: e.high,
+		low: e.low
+	})), [
+		t,
+		i,
+		s
+	]), g = r(() => {
+		let e = t.map((e) => e.low), n = t.map((e) => e.high);
+		return [Math.min(...e), Math.max(...n)];
+	}, [t]);
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full gds-radius-popover border border-[var(--gds-border,#e5e7eb)]", c && "backdrop-blur-md bg-white/5", u),
+		"data-component": "candlestick-chart",
+		ref: m,
+		...f,
+		children: /* @__PURE__ */ a(C, {
+			height: n,
+			width: "100%",
+			children: /* @__PURE__ */ o(p, {
+				data: h,
+				children: [
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: "date",
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(O, {
+						domain: g,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(l, {
+						dataKey: "bodyHeight",
+						shape: /* @__PURE__ */ a(R, {}),
+						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 _e(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 ve(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 ye(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 be(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 xe = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, glass: s, className: c }, l) {
+	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__ */ a("div", {
+		ref: l,
+		className: e("gds-radius-popover border border-border", s && "backdrop-blur-md bg-white/5", c),
+		"data-component": "chord-diagram",
+		children: /* @__PURE__ */ a("svg", {
+			width: r,
+			height: i,
+			viewBox: `0 0 ${r} ${i}`
+		})
+	});
+	let v = ve(g, _, u, h), y = ye(t, v, _, u, h);
+	return /* @__PURE__ */ a("div", {
+		ref: l,
+		className: e("gds-radius-popover border border-border", s && "backdrop-blur-md bg-white/5", c),
+		"data-component": "chord-diagram",
+		children: /* @__PURE__ */ o("svg", {
+			width: r,
+			height: i,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [
+				v.map((e, t) => /* @__PURE__ */ a("path", {
+					d: _e(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__ */ a("path", {
+					d: be(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), o = r > Math.PI / 2 && r < 3 * Math.PI / 2 ? "end" : "start";
+					return /* @__PURE__ */ a("text", {
+						x: i.x,
+						y: i.y,
+						textAnchor: o,
+						dominantBaseline: "middle",
+						fill: "var(--gds-fg-muted, #9ca3af)",
+						fontSize: 10,
+						children: n[t]
+					}, `label-${n[t]}`);
+				})
+			]
+		})
+	});
+}), Se = n(function({ data: n, barKey: r, lineKey: i, xKey: s = "name", barColor: c = "var(--gds-accent)", lineColor: u = "var(--gds-success)", height: f = 300, glass: m, className: h, ...v }, y) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full gds-radius-popover border border-white/[0.06]", t(m), h),
+		"data-component": "combo-chart",
+		ref: y,
+		...v,
+		children: /* @__PURE__ */ a(C, {
+			height: f,
+			width: "100%",
+			children: /* @__PURE__ */ o(p, {
+				data: n,
+				children: [
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: s,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(O, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(g, {}),
+					/* @__PURE__ */ a(l, {
+						dataKey: r,
+						fill: c,
+						radius: [
+							4,
+							4,
+							0,
+							0
+						]
+					}),
+					/* @__PURE__ */ a(_, {
+						dataKey: i,
+						dot: !1,
+						stroke: u,
+						strokeWidth: 2,
+						type: "monotone"
+					})
+				]
+			})
+		})
+	});
+}), Ce = {
+	start: "var(--gds-palette-3, #10b981)",
+	end: "var(--gds-palette-5, #ef4444)",
+	process: "var(--gds-palette-0, #6366f1)",
+	decision: "var(--gds-palette-4, #f59e0b)"
+}, V = 100, H = 40;
+function we(e, t, n) {
+	let r = Ce[e.type ?? "process"], i = e.type ?? "process";
+	if (i === "decision") {
+		let i = H * .7;
+		return /* @__PURE__ */ o("g", {
+			"data-node": e.id,
+			children: [/* @__PURE__ */ a("polygon", {
+				points: `${t},${n - i} ${t + i},${n} ${t},${n + i} ${t - i},${n}`,
+				fill: r,
+				fillOpacity: .15,
+				stroke: r,
+				strokeWidth: 1.5
+			}), /* @__PURE__ */ a("text", {
+				x: t,
+				y: n + 4,
+				textAnchor: "middle",
+				fill: "var(--gds-fg, #e5e7eb)",
+				fontSize: 10,
+				children: e.label
+			})]
+		}, e.id);
+	}
+	let s = i === "start" || i === "end" ? H / 2 : 4;
+	return /* @__PURE__ */ o("g", {
+		"data-node": e.id,
+		children: [/* @__PURE__ */ a("rect", {
+			x: t - V / 2,
+			y: n - H / 2,
+			width: V,
+			height: H,
+			rx: s,
+			fill: r,
+			fillOpacity: .15,
+			stroke: r,
+			strokeWidth: 1.5
+		}), /* @__PURE__ */ a("text", {
+			x: t,
+			y: n + 4,
+			textAnchor: "middle",
+			fill: "var(--gds-fg, #e5e7eb)",
+			fontSize: 10,
+			children: e.label
+		})]
+	}, e.id);
+}
+var Te = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass: s, className: c }, l) {
+	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__ */ a("div", {
+		ref: l,
+		className: e("gds-radius-popover border border-border", s && "backdrop-blur-md bg-white/5", c),
+		"data-component": "flow-chart",
+		children: /* @__PURE__ */ o("svg", {
+			width: r,
+			height: i,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [
+				/* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("marker", {
+					id: "gds-arrow",
+					markerWidth: "8",
+					markerHeight: "6",
+					refX: "8",
+					refY: "3",
+					orient: "auto",
+					children: /* @__PURE__ */ a("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 + V / 2, s = r.x - V / 2, c = (i + s) / 2, l = (n.y + r.y) / 2;
+					return /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("line", {
+						x1: i,
+						y1: n.y,
+						x2: s,
+						y2: r.y,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						strokeWidth: 1.5,
+						markerEnd: "url(#gds-arrow)"
+					}), e.label !== void 0 && /* @__PURE__ */ a("text", {
+						x: c,
+						y: l - 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 : we(e, n.x, n.y);
+				})
+			]
+		})
+	});
+}), Ee = [
+	"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)"
+], De = n(function({ data: t, dataKey: n, className: r, height: i = 300, colors: s = Ee, glass: c, ...l }, u) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", c && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		"data-component": "funnel-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ o(h, { children: [/* @__PURE__ */ a(E, {}), /* @__PURE__ */ a(m, {
+				dataKey: n,
+				data: t,
+				isAnimationActive: !1,
+				children: t.map((e, t) => /* @__PURE__ */ a(f, { fill: s[t % s.length] }, t))
+			})] })
+		})
+	});
+}), Oe = n(function({ value: t, max: n = 100, className: r, height: i = 200, color: s = "var(--gds-accent)", trackColor: c = "var(--gds-border, #e5e7eb)", label: l, glass: u, ...d }, p) {
+	let m = Math.min(Math.max(t, 0), n), h = n - m, g = [{
+		name: "value",
+		value: m
+	}, {
+		name: "remaining",
+		value: h
+	}];
+	return /* @__PURE__ */ o("div", {
+		className: e("relative w-full", u && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		"data-component": "gauge",
+		ref: p,
+		...d,
+		children: [/* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ a(b, { children: /* @__PURE__ */ o(y, {
+				cx: "50%",
+				cy: "70%",
+				data: g,
+				dataKey: "value",
+				endAngle: 0,
+				innerRadius: "60%",
+				outerRadius: "80%",
+				startAngle: 180,
+				stroke: "none",
+				children: [/* @__PURE__ */ a(f, { fill: s }), /* @__PURE__ */ a(f, { fill: c })]
+			}) })
+		}), /* @__PURE__ */ o("div", {
+			className: "absolute inset-0 flex flex-col items-center justify-center",
+			style: { top: "20%" },
+			children: [/* @__PURE__ */ a("span", {
+				className: "text-2xl font-semibold",
+				style: { color: s },
+				children: m
+			}), l !== void 0 && /* @__PURE__ */ a("span", {
+				className: "gds-text-body text-[var(--gds-fg-muted,#6b7280)]",
+				children: l
+			})]
+		})]
+	});
+});
+//#endregion
+//#region src/l6-charts/heatmap-chart.tsx
+function ke(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 Ae = n(function({ data: t, xLabels: n, yLabels: i, colorScale: s = {
+	min: "#1e293b",
+	max: "#6366f1"
+}, className: c, cellSize: l = 32, glass: u, ...d }, f) {
+	let { dataMin: p, dataMax: m } = r(() => {
+		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__ */ a("div", {
+		className: e("inline-block", u && "gds-radius-popover backdrop-blur-md bg-white/5", c),
+		"data-component": "heatmap-chart",
+		ref: f,
+		...d,
+		children: /* @__PURE__ */ o("div", {
+			className: "flex flex-col gap-px",
+			children: [n !== void 0 && /* @__PURE__ */ a("div", {
+				className: "flex gap-px",
+				style: { paddingLeft: i === void 0 ? 0 : l + 4 },
+				children: n.map((e) => /* @__PURE__ */ a("div", {
+					className: "flex items-center justify-center gds-text-caption text-[var(--gds-fg-muted,#6b7280)]",
+					style: {
+						width: l,
+						height: 16
+					},
+					children: e
+				}, e))
+			}), t.map((e, t) => /* @__PURE__ */ o("div", {
+				className: "flex items-center gap-px",
+				children: [i !== void 0 && i[t] !== void 0 && /* @__PURE__ */ a("div", {
+					className: "flex-shrink-0 text-right gds-text-caption text-[var(--gds-fg-muted,#6b7280)] pr-1",
+					style: { width: l },
+					children: i[t]
+				}), e.map((e, t) => /* @__PURE__ */ a("div", {
+					className: "rounded-sm",
+					style: {
+						width: l,
+						height: l,
+						backgroundColor: ke(s.min, s.max, h(e))
+					},
+					title: String(e)
+				}, t))]
+			}, t))]
+		})
+	});
+});
+//#endregion
+//#region src/l6-charts/histogram.tsx
+function je(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 Me = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--gds-accent)", glass: s, className: c, ...f }, p) {
+	let m = je(t, n);
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full gds-radius-popover border border-border", s && "backdrop-blur-md bg-white/5", c),
+		"data-component": "histogram",
+		ref: p,
+		...f,
+		children: /* @__PURE__ */ a(C, {
+			height: r,
+			width: "100%",
+			children: /* @__PURE__ */ o(u, {
+				data: m,
+				children: [
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: "range",
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 10 }
+					}),
+					/* @__PURE__ */ a(O, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(l, {
+						dataKey: "count",
+						fill: i,
+						radius: [
+							4,
+							4,
+							0,
+							0
+						]
+					})
+				]
+			})
+		})
+	});
+}), Ne = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: s = 300, color: c = "var(--gds-accent)", glass: l, ...u }, f) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", l && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		"data-component": "line-chart",
+		ref: f,
+		...u,
+		children: /* @__PURE__ */ a(C, {
+			height: s,
+			width: "100%",
+			children: /* @__PURE__ */ o(v, {
+				data: t,
+				children: [
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(O, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(_, {
+						dataKey: n,
+						dot: !1,
+						stroke: c,
+						strokeWidth: 2,
+						type: "monotone"
+					})
+				]
+			})
+		})
+	});
+}), U = [
+	"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 Pe(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 Fe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass: s, className: c }, l) {
+	let u = r / 2, d = i / 2, f = Math.min(u, d) * .65, p = Pe(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__ */ a("div", {
+		ref: l,
+		className: e("gds-radius-popover border border-border", s && "backdrop-blur-md bg-white/5", c),
+		"data-component": "network-graph",
+		children: /* @__PURE__ */ o("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], o = p[r];
+				return /* @__PURE__ */ a("line", {
+					x1: i.x,
+					y1: i.y,
+					x2: o.x,
+					y2: o.y,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1.5,
+					strokeOpacity: .5
+				}, t);
+			}), t.map((e, t) => {
+				let n = p[t], r = U[(e.group ?? t) % U.length];
+				return /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("circle", {
+					cx: n.x,
+					cy: n.y,
+					r: h,
+					fill: r,
+					fillOpacity: .8
+				}), /* @__PURE__ */ a("text", {
+					x: n.x,
+					y: n.y + h + 14,
+					textAnchor: "middle",
+					fill: "var(--gds-fg-muted, #9ca3af)",
+					fontSize: 10,
+					children: e.label
+				})] }, e.id);
+			})]
+		})
+	});
+}), Ie = n(function({ bids: t, asks: n, height: i = 300, bidColor: l = "var(--gds-success, #22c55e)", askColor: u = "var(--gds-danger, #ef4444)", glass: f, className: p, ...m }, h) {
+	let g = r(() => {
+		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__ */ a("div", {
+		ref: h,
+		className: e("w-full gds-radius-popover border border-border", f && "backdrop-blur-md bg-white/5", p),
+		"data-component": "order-book-chart",
+		...m,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ o(c, {
+				data: g,
+				children: [
+					/* @__PURE__ */ a(d, {
+						stroke: "var(--gds-border, #e5e7eb)",
+						strokeDasharray: "3 3"
+					}),
+					/* @__PURE__ */ a(D, {
+						dataKey: "price",
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 },
+						type: "number",
+						domain: ["dataMin", "dataMax"]
+					}),
+					/* @__PURE__ */ a(O, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(s, {
+						dataKey: "bidDepth",
+						fill: l,
+						fillOpacity: .3,
+						stroke: l,
+						strokeWidth: 2,
+						type: "stepAfter",
+						connectNulls: !1
+					}),
+					/* @__PURE__ */ a(s, {
+						dataKey: "askDepth",
+						fill: u,
+						fillOpacity: .3,
+						stroke: u,
+						strokeWidth: 2,
+						type: "stepBefore",
+						connectNulls: !1
+					})
+				]
+			})
+		})
+	});
+}), Le = [
+	"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)"
+], Re = n(function({ data: t, dataKey: n, nameKey: r = "name", className: i, height: s = 300, colors: c = Le, innerRadius: l = 0, glass: u, ...d }, p) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", u && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		"data-component": "pie-chart",
+		ref: p,
+		...d,
+		children: /* @__PURE__ */ a(C, {
+			height: s,
+			width: "100%",
+			children: /* @__PURE__ */ o(b, { children: [/* @__PURE__ */ a(E, {}), /* @__PURE__ */ a(y, {
+				cx: "50%",
+				cy: "50%",
+				data: t,
+				dataKey: n,
+				innerRadius: l,
+				nameKey: r,
+				children: t.map((e, t) => /* @__PURE__ */ a(f, { fill: c[t % c.length] }, t))
+			})] })
+		})
+	});
+}), ze = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, height: s = 300, color: c = "var(--gds-accent)", glass: l, ...u }, d) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", l && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		"data-component": "radar-chart",
+		ref: d,
+		...u,
+		children: /* @__PURE__ */ a(C, {
+			height: s,
+			width: "100%",
+			children: /* @__PURE__ */ o(S, {
+				cx: "50%",
+				cy: "50%",
+				data: t,
+				outerRadius: "80%",
+				children: [
+					/* @__PURE__ */ a(ee, { stroke: "var(--gds-border, #e5e7eb)" }),
+					/* @__PURE__ */ a(x, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(te, {
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 10 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(ne, {
+						dataKey: n,
+						fill: c,
+						fillOpacity: .3,
+						stroke: c,
+						strokeWidth: 2
+					})
+				]
+			})
+		})
+	});
+}), W = [
+	"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)"
+], Be = n(function({ data: n, height: r = 300, innerRadius: i = "20%", glass: s, className: c, ...l }, u) {
+	let d = n.map((e, t) => ({
+		...e,
+		fill: e.fill ?? W[t % W.length]
+	}));
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full gds-radius-popover border border-white/[0.06]", t(s), c),
+		"data-component": "radial-bar-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ a(C, {
+			height: r,
+			width: "100%",
+			children: /* @__PURE__ */ o(ie, {
+				cx: "50%",
+				cy: "50%",
+				data: d,
+				innerRadius: i,
+				outerRadius: "90%",
+				children: [
+					/* @__PURE__ */ a(re, {
+						dataKey: "value",
+						background: { fill: "rgba(255,255,255,0.05)" }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					/* @__PURE__ */ a(g, { iconSize: 8 })
+				]
+			})
+		})
+	});
+}), Ve = n(function({ nodes: t, links: n, className: r, height: i = 300, nodePadding: o = 50, nodeWidth: s = 10, glass: c, ...l }, u) {
+	let d = {
+		nodes: t,
+		links: n
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", c && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		"data-component": "sankey-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ a(ae, {
+				data: d,
+				nodePadding: o,
+				nodeWidth: s,
+				children: /* @__PURE__ */ a(E, {})
+			})
+		})
+	});
+}), He = n(function({ data: t, xKey: n, yKey: r, className: i, height: s = 300, color: c = "var(--gds-accent)", glass: l, ...u }, f) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", l && "gds-radius-popover backdrop-blur-md bg-white/5", i),
+		"data-component": "scatter-chart",
+		ref: f,
+		...u,
+		children: /* @__PURE__ */ a(C, {
+			height: s,
+			width: "100%",
+			children: /* @__PURE__ */ o(T, { children: [
+				/* @__PURE__ */ a(d, {
+					stroke: "var(--gds-border, #e5e7eb)",
+					strokeDasharray: "3 3"
+				}),
+				/* @__PURE__ */ a(D, {
+					dataKey: n,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ a(O, {
+					dataKey: r,
+					stroke: "var(--gds-fg-muted, #6b7280)",
+					tick: { fontSize: 11 },
+					type: "number"
+				}),
+				/* @__PURE__ */ a(E, {}),
+				/* @__PURE__ */ a(w, {
+					data: t,
+					fill: c
+				})
+			] })
+		})
+	});
+}), Ue = n(function({ data: t, dataKey: n, className: r, height: i = 32, width: o = 120, color: s = "var(--gds-accent)", glass: c, ...l }, u) {
+	return /* @__PURE__ */ a("div", {
+		className: e("inline-block", c && "rounded backdrop-blur-md bg-white/5", r),
+		"data-component": "sparkline",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: o,
+			children: /* @__PURE__ */ a(v, {
+				data: t,
+				children: /* @__PURE__ */ a(_, {
+					dataKey: n,
+					dot: !1,
+					stroke: s,
+					strokeWidth: 1.5,
+					type: "monotone"
+				})
+			})
+		})
+	});
+}), G = [
+	"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)"
+], We = n(function({ data: t, keys: n, xKey: r = "name", height: i = 300, glass: l, className: u, ...d }, f) {
+	return /* @__PURE__ */ a("div", {
+		ref: f,
+		className: e("w-full gds-radius-popover border border-border", l && "backdrop-blur-md bg-white/5", u),
+		"data-component": "stream-chart",
+		...d,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ o(c, {
+				data: t,
+				children: [
+					/* @__PURE__ */ a(D, {
+						dataKey: r,
+						stroke: "var(--gds-fg-muted, #6b7280)",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ a(E, {}),
+					n.map((e, t) => /* @__PURE__ */ a(s, {
+						dataKey: e,
+						fill: G[t % G.length],
+						fillOpacity: .6,
+						stackId: "1",
+						stroke: G[t % G.length],
+						strokeWidth: 1.5,
+						type: "monotone"
+					}, e))
+				]
+			})
+		})
+	});
+});
+//#endregion
+//#region src/l6-charts/sunburst-math.ts
+function K(e) {
+	return e.children !== void 0 && e.children.length > 0 ? e.children.reduce((e, t) => e + K(t), 0) : e.value ?? 0;
+}
+function Ge(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 q(e, t, n, r, i) {
+	if (e.children === void 0 || e.children.length === 0) return [];
+	let a = [], o = K(e);
+	if (o === 0) return [];
+	let s = n;
+	for (let c = 0; c < e.children.length; c++) {
+		let l = e.children[c], u = K(l) / o * (r - n), d = s + u;
+		a.push({
+			depth: t,
+			index: i * 10 + c,
+			startAngle: s,
+			endAngle: d
+		}), a.push(...q(l, t + 1, s, d, i * 10 + c)), s = d;
+	}
+	return a;
+}
+//#endregion
+//#region src/l6-charts/sunburst-chart.tsx
+var J = [
+	"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)"
+], Ke = n(function({ data: n, width: r = 300, height: i = 300, glass: s, className: c, ...l }, u) {
+	let d = r / 2, f = i / 2, p = Math.min(d, f) - 10, m = q(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__ */ a("div", {
+		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(s), c),
+		"data-component": "sunburst-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ o("svg", {
+			height: i,
+			width: r,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [m.map((e, t) => {
+				let n = g + e.depth * _, r = n + _ - 1, i = J[(e.index + e.depth) % J.length];
+				return /* @__PURE__ */ a("path", {
+					d: Ge(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__ */ a("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
+			})]
+		})
+	});
+}), Y = [
+	"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)"
+], qe = n(function({ events: n, width: r = 600, height: i = 120, glass: s, className: c, ...l }, u) {
+	if (n.length === 0) return /* @__PURE__ */ a("div", {
+		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(s), c),
+		"data-component": "timeline-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ a("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__ */ a("div", {
+		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(s), c),
+		"data-component": "timeline-chart",
+		ref: u,
+		...l,
+		children: /* @__PURE__ */ o("svg", {
+			height: i,
+			width: r,
+			viewBox: `0 0 ${r} ${i}`,
+			children: [/* @__PURE__ */ a("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, s = i ? d - 24 : d + 32, c = e.color ?? Y[t % Y.length], l = new Date(e.date).toLocaleDateString();
+				return /* @__PURE__ */ o("g", {
+					"data-event": !0,
+					children: [
+						/* @__PURE__ */ a("circle", {
+							cx: r,
+							cy: d,
+							r: 5,
+							fill: c
+						}),
+						/* @__PURE__ */ a("line", {
+							x1: r,
+							y1: d + (i ? -6 : 6),
+							x2: r,
+							y2: s + (i ? 10 : -10),
+							stroke: "var(--gds-border, #e5e7eb)",
+							strokeWidth: 1
+						}),
+						/* @__PURE__ */ a("text", {
+							x: r,
+							y: s,
+							textAnchor: "middle",
+							fill: "var(--gds-fg, #fff)",
+							fontSize: 10,
+							fontWeight: 500,
+							"data-label": i ? "above" : "below",
+							children: e.label
+						}),
+						/* @__PURE__ */ a("text", {
+							x: r,
+							y: s + (i ? -10 : 12),
+							textAnchor: "middle",
+							fill: "var(--gds-fg-muted, #6b7280)",
+							fontSize: 8,
+							children: l
+						})
+					]
+				}, t);
+			})]
+		})
+	});
+}), X = n(function({ data: t, dataKey: n = "value", className: r, height: i = 300, color: o = "var(--gds-accent)", glass: s, ...c }, l) {
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", r),
+		"data-component": "treemap-chart",
+		ref: l,
+		...c,
+		children: /* @__PURE__ */ a(C, {
+			height: i,
+			width: "100%",
+			children: /* @__PURE__ */ a(oe, {
+				data: t,
+				dataKey: n,
+				fill: o,
+				stroke: "var(--gds-bg, #fff)"
+			})
+		})
+	});
+}), 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)"
+];
+function Je(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 Ye(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 Xe = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: s }, c) {
+	let l = {
+		top: 20,
+		right: 20,
+		bottom: 40,
+		left: 50
+	}, u = n - l.left - l.right, d = r - l.top - l.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) => l.top + d * (1 - (e - g) / (_ - g)), y = t.length > 0 ? u / t.length : u, b = Math.min(y * .7, 80) / 2;
+	return /* @__PURE__ */ a("div", {
+		ref: c,
+		className: e("gds-radius-popover border border-border", i && "backdrop-blur-md bg-white/5", s),
+		"data-component": "violin-plot",
+		children: /* @__PURE__ */ o("svg", {
+			width: n,
+			height: r,
+			viewBox: `0 0 ${n} ${r}`,
+			children: [
+				/* @__PURE__ */ a("line", {
+					x1: l.left,
+					y1: l.top,
+					x2: l.left,
+					y2: l.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				/* @__PURE__ */ a("line", {
+					x1: l.left,
+					y1: l.top + d,
+					x2: l.left + u,
+					y2: l.top + d,
+					stroke: "var(--gds-border, #374151)",
+					strokeWidth: 1
+				}),
+				t.map((e, t) => {
+					if (e.values.length === 0) return null;
+					let n = l.left + y * (t + .5), r = Z[t % Z.length], i = Je(e.values, 20, p, m), s = (_ - g) / 20, c = Ye(e.values), u = i.map((e, t) => {
+						let r = v(g + s * (t + .5));
+						return `${n + e * b},${r}`;
+					}), f = [...i].reverse().map((e, t) => {
+						let r = v(g + s * (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__ */ o("g", {
+						"data-violin": e.label,
+						children: [
+							/* @__PURE__ */ a("path", {
+								d: h,
+								fill: r,
+								fillOpacity: .25,
+								stroke: r,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ a("circle", {
+								cx: n,
+								cy: v(c),
+								r: 3,
+								fill: r
+							}),
+							/* @__PURE__ */ a("text", {
+								x: n,
+								y: l.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)"
+], Ze = n(function({ data: n, size: r = 200, glass: i, className: s, ...c }, l) {
+	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__ */ o("div", {
+		className: e("inline-flex flex-col gds-radius-popover border border-white/[0.06]", t(i), s),
+		"data-component": "waffle-chart",
+		ref: l,
+		...c,
+		children: [/* @__PURE__ */ a("svg", {
+			height: r,
+			width: r,
+			viewBox: `0 0 ${r} ${r}`,
+			children: u.map((e, t) => {
+				let n = Math.floor(t / 10);
+				return /* @__PURE__ */ a("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__ */ a("div", {
+			className: "flex flex-wrap gap-3 px-2 pb-2 pt-1",
+			children: n.map((e, t) => /* @__PURE__ */ o("div", {
+				className: "flex items-center gap-1.5 text-[10px] text-fg-muted",
+				children: [
+					/* @__PURE__ */ a("span", {
+						className: "inline-block h-2 w-2 rounded-full",
+						style: { backgroundColor: e.color ?? Q[t % Q.length] }
+					}),
+					/* @__PURE__ */ a("span", { children: e.label }),
+					/* @__PURE__ */ o("span", {
+						className: "text-fg-muted/50",
+						children: [e.value, "%"]
+					})
+				]
+			}, e.label))
+		})]
+	});
+}), Qe = n(function({ data: t, width: n = 400, height: i = 100, progress: o = 0, color: s = "var(--gds-accent, #6366f1)", playedColor: c, glass: l, className: u, ...d }, f) {
+	let p = c ?? s, m = Math.floor(o * t.length), h = i / 2, g = r(() => {
+		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__ */ a("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__ */ a("svg", {
+			height: i,
+			width: n,
+			viewBox: `0 0 ${n} ${i}`,
+			children: g.map((e, t) => /* @__PURE__ */ a("rect", {
+				x: e.x,
+				y: e.y,
+				width: e.w,
+				height: e.h,
+				fill: e.played ? p : s,
+				opacity: e.played ? 1 : .3,
+				rx: 1
+			}, t))
+		})
+	});
+}), $ = Array.from({ length: 10 }, (e, t) => `var(--gds-palette-${t})`), $e = n(function({ words: t, maxFontSize: n = 48, minFontSize: r = 12, glass: i, height: o = 300, className: s, ...c }, l) {
+	let u = t.map((e) => e.weight), d = Math.min(...u), f = Math.max(...u) - d;
+	return /* @__PURE__ */ a("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", s),
+		"data-component": "word-cloud",
+		ref: l,
+		style: { height: o },
+		...c,
+		children: t.map((e, t) => {
+			let i = f === 0 ? .5 : (e.weight - d) / f;
+			return /* @__PURE__ */ a("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 { le as A, Se as C, pe as D, L as E, fe as O, Te as S, ge as T, Ne as _, X as a, Oe as b, We as c, Ve as d, Be as f, Fe as g, Ie as h, Xe as i, ce as j, de as k, Ue as l, Re as m, Qe as n, qe as o, ze as p, Ze as r, Ke as s, $e as t, He as u, Me as v, xe as w, De as x, Ae as y };
+
+//# sourceMappingURL=l6-charts-DYnr5B9X.js.map