@goliapkg/gds 1.0.10 → 1.4.2

package/dist/l6-charts-DYnr5B9X.js

@@ -1,1743 +0,0 @@
-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