@goliapkg/gds 1.4.2 → 1.5.0

package/dist/{l6-charts-Bn9RQLbe.js → l6-charts-DPMj1m0E.js}

@@ -69,7 +69,7 @@ function de({ annotations: t, className: n, data: r, height: i = 200 }) {
 }
 //#endregion
 //#region src/l6-charts/area-chart.tsx
-var j = "gds-area-gradient", fe = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...f }, p) {
+var fe = "gds-area-gradient", pe = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...f }, p) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
 		"data-component": "area-chart",
@@ -82,7 +82,7 @@ var j = "gds-area-gradient", fe = n(function({ data: t, dataKey: n, xKey: r = "n
 				data: t,
 				children: [
 					/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("linearGradient", {
-						id: j,
+						id: fe,
 						x1: "0",
 						x2: "0",
 						y1: "0",
@@ -113,7 +113,7 @@ var j = "gds-area-gradient", fe = n(function({ data: t, dataKey: n, xKey: r = "n
 					/* @__PURE__ */ c(D, {}),
 					/* @__PURE__ */ c(u, {
 						dataKey: n,
-						fill: `url(#${j})`,
+						fill: `url(#${fe})`,
 						fillOpacity: 1,
 						stroke: o,
 						strokeWidth: 2,
@@ -123,7 +123,7 @@ var j = "gds-area-gradient", fe = n(function({ data: t, dataKey: n, xKey: r = "n
 			})
 		})
 	});
-}), pe = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
+}), me = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
 		"data-component": "bar-chart",
@@ -166,12 +166,12 @@ var j = "gds-area-gradient", fe = n(function({ data: t, dataKey: n, xKey: r = "n
 });
 //#endregion
 //#region src/l6-charts/box-plot-stats.ts
-function M(e, t) {
+function j(e, t) {
 	let n = (e.length - 1) * t, r = Math.floor(n), i = Math.ceil(n);
 	return r === i ? e[r] : e[r] + (e[i] - e[r]) * (n - r);
 }
-function me(e) {
-	let t = [...e].sort((e, t) => e - t), n = M(t, .25), r = M(t, .5), i = M(t, .75), a = i - n;
+function he(e) {
+	let t = [...e].sort((e, t) => e - t), n = j(t, .25), r = j(t, .5), i = j(t, .75), a = i - n;
 	return {
 		q1: n,
 		median: r,
@@ -182,13 +182,13 @@ function me(e) {
 }
 //#endregion
 //#region src/l6-charts/box-plot.tsx
-var N = [
+var 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)"
-], he = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: a }, o) {
+], ge = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: a }, o) {
 	let s = {
 		top: 20,
 		right: 20,
@@ -222,7 +222,7 @@ var N = [
 				}),
 				t.map((e, t) => {
 					if (e.values.length === 0) return null;
-					let n = me(e.values), r = s.left + y * (t + .5), i = N[t % N.length];
+					let n = he(e.values), r = s.left + y * (t + .5), i = M[t % M.length];
 					return /* @__PURE__ */ l("g", {
 						"data-box": e.label,
 						children: [
@@ -282,7 +282,7 @@ var N = [
 			]
 		})
 	});
-}), ge = n(function({ data: t, xLabel: n, yLabel: r, height: i = 300, glass: a, className: o, ...s }, u) {
+}), _e = n(function({ data: t, xLabel: n, yLabel: r, height: i = 300, glass: a, className: o, ...s }, u) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full gds-radius-popover border border-[var(--gds-border,#e5e7eb)]", a && "backdrop-blur-md bg-white/5", o),
 		"data-component": "bubble-chart",
@@ -320,14 +320,14 @@ var N = [
 			] })
 		})
 	});
-}), P = 400, F = 28, I = 50;
-function _e({ actual: t, className: n, label: r, max: i, ranges: o, target: s }) {
+}), N = 400, P = 28, F = 50;
+function ve({ actual: t, className: n, label: r, max: i, ranges: o, target: s }) {
 	let u = a(() => {
 		let e = o ?? [
 			i * .33,
 			i * .66,
 			i
-		], n = (e) => e / i * P;
+		], n = (e) => e / i * N;
 		return {
 			actualWidth: n(Math.min(t, i)),
 			rangeWidths: e.map((e) => n(Math.min(e, i))),
@@ -338,7 +338,7 @@ function _e({ actual: t, className: n, label: r, max: i, ranges: o, target: s })
 		i,
 		s,
 		o
-	]), d = (I - F) / 2;
+	]), d = (F - P) / 2;
 	return /* @__PURE__ */ l("div", {
 		className: e("select-none", n),
 		"data-component": "bullet-chart",
@@ -346,13 +346,13 @@ function _e({ actual: t, className: n, label: r, max: i, ranges: o, target: s })
 			className: "mb-1 text-xs font-medium text-fg-muted",
 			children: r
 		}), /* @__PURE__ */ l("svg", {
-			height: I,
-			viewBox: `0 0 ${P} ${I}`,
+			height: F,
+			viewBox: `0 0 ${N} ${F}`,
 			width: "100%",
 			children: [
 				u.rangeWidths.map((e, t) => /* @__PURE__ */ c("rect", {
 					fill: `var(--gds-palette-${7 - t})`,
-					height: F,
+					height: P,
 					opacity: .15 + t * .08,
 					rx: 4,
 					width: e,
@@ -361,11 +361,11 @@ function _e({ actual: t, className: n, label: r, max: i, ranges: o, target: s })
 				}, t)),
 				/* @__PURE__ */ c("rect", {
 					fill: "var(--gds-accent)",
-					height: F * .5,
+					height: P * .5,
 					rx: 3,
 					width: u.actualWidth,
 					x: 0,
-					y: d + F * .25
+					y: d + P * .25
 				}),
 				/* @__PURE__ */ c("line", {
 					stroke: "var(--gds-fg)",
@@ -373,7 +373,7 @@ function _e({ actual: t, className: n, label: r, max: i, ranges: o, target: s })
 					x1: u.targetX,
 					x2: u.targetX,
 					y1: d - 2,
-					y2: d + F + 2
+					y2: d + P + 2
 				})
 			]
 		})]
@@ -381,7 +381,7 @@ function _e({ actual: t, className: n, label: r, max: i, ranges: o, target: s })
 }
 //#endregion
 //#region src/l6-charts/bump-chart.tsx
-var L = [
+var I = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #8b5cf6)",
 	"var(--gds-palette-2, #06b6d4)",
@@ -392,7 +392,7 @@ var L = [
 	"var(--gds-palette-7, #14b8a6)",
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #a855f7)"
-], ve = n(function({ data: t, series: n, xKey: r = "name", height: i = 300, glass: a, className: o, ...s }, u) {
+], ye = n(function({ data: t, series: n, xKey: r = "name", height: i = 300, glass: a, className: o, ...s }, u) {
 	return /* @__PURE__ */ c("div", {
 		ref: u,
 		className: e("w-full gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
@@ -423,9 +423,9 @@ var L = [
 						dataKey: e,
 						dot: {
 							r: 4,
-							fill: L[t % L.length]
+							fill: I[t % I.length]
 						},
-						stroke: L[t % L.length],
+						stroke: I[t % I.length],
 						strokeWidth: 2,
 						type: "monotone"
 					}, e))
@@ -433,7 +433,7 @@ var L = [
 			})
 		})
 	});
-}), ye = [
+}), be = [
 	"Mon",
 	"",
 	"Wed",
@@ -441,7 +441,7 @@ var L = [
 	"Fri",
 	"",
 	""
-], be = [
+], xe = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -455,10 +455,10 @@ var L = [
 	"Nov",
 	"Dec"
 ];
-function R(e) {
+function Se(e) {
 	return (e.getDay() + 6) % 7;
 }
-function xe(e) {
+function Ce(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);
@@ -466,26 +466,26 @@ function xe(e) {
 	}
 	return n;
 }
-function Se(e, t) {
+function we(e, t) {
 	if (e <= 0) return 0;
 	for (let n = 0; n < t.length; n++) if (e <= t[n]) return n + 1;
 	return 4;
 }
-function Ce(e, t, n, r) {
+function Te(e, t, n, r) {
 	let i = n === void 0 ? /* @__PURE__ */ new Date() : new Date(n), a = t === void 0 ? new Date(i.getFullYear() - 1, i.getMonth(), i.getDate() + 1) : new Date(t), o = /* @__PURE__ */ new Map();
 	for (let t of e) o.set(t.date, t.value);
-	let s = xe(e), c = [], l = [], u = 0, d = -1, f = new Date(a), p = R(f);
+	let s = Ce(e), c = [], l = [], u = 0, d = -1, f = new Date(a), p = Se(f);
 	for (p > 0 && f.setDate(f.getDate() - p); f <= i;) {
-		let e = R(f), t = f.toISOString().slice(0, 10), n = o.get(t) ?? 0;
+		let e = Se(f), t = f.toISOString().slice(0, 10), n = o.get(t) ?? 0;
 		f.getMonth() !== d && e <= 3 && (l.push({
-			label: be[f.getMonth()],
+			label: xe[f.getMonth()],
 			x: u * r
 		}), d = f.getMonth()), c.push({
 			x: u * r,
 			y: e * r,
 			date: t,
 			value: n,
-			level: Se(n, s)
+			level: we(n, s)
 		}), e === 6 && u++, f.setDate(f.getDate() + 1);
 	}
 	return {
@@ -496,14 +496,14 @@ function Ce(e, t, n, r) {
 }
 //#endregion
 //#region src/l6-charts/calendar-heatmap.tsx
-var we = n(function({ data: n, startDate: r, endDate: i, colorScale: o = [
+var Ee = n(function({ data: n, startDate: r, endDate: i, colorScale: o = [
 	"var(--gds-bg-tertiary)",
 	"var(--gds-accent-dim, rgba(99,179,163,0.3))",
 	"var(--gds-accent-muted, rgba(99,179,163,0.55))",
 	"var(--gds-accent-soft, rgba(99,179,163,0.75))",
 	"var(--gds-accent)"
 ], cellSize: u = 12, glass: d, className: f }, p) {
-	let [m, h] = s(null), g = u + 2, { cells: _, monthLabels: v, weeks: y } = a(() => Ce(n, r, i, g), [
+	let [m, h] = s(null), g = u + 2, { cells: _, monthLabels: v, weeks: y } = a(() => Te(n, r, i, g), [
 		n,
 		r,
 		i,
@@ -524,7 +524,7 @@ var we = n(function({ data: n, startDate: r, endDate: i, colorScale: o = [
 					y: 10,
 					children: e.label
 				}, `${e.label}-${e.x}`)),
-				ye.map((e, t) => e === "" ? null : /* @__PURE__ */ c("text", {
+				be.map((e, t) => e === "" ? null : /* @__PURE__ */ c("text", {
 					fill: "var(--gds-fg-muted, #888)",
 					fontSize: 9,
 					textAnchor: "end",
@@ -563,7 +563,7 @@ var we = n(function({ data: n, startDate: r, endDate: i, colorScale: o = [
 });
 //#endregion
 //#region src/l6-charts/candlestick-chart.tsx
-function Te(e) {
+function De(e) {
 	let { x: t = 0, y: n = 0, width: r = 0, height: i = 0, payload: a } = e;
 	if (a === void 0 || i === 0 && a.bodyHeight === 0) return null;
 	let o = t + r / 2, s = n, u = n + i;
@@ -583,7 +583,7 @@ function Te(e) {
 		y: n
 	})] });
 }
-var Ee = n(function({ data: t, height: n = 300, upColor: r = "var(--gds-success, #22c55e)", downColor: i = "var(--gds-danger, #ef4444)", glass: o, className: s, ...u }, d) {
+var Oe = n(function({ data: t, height: n = 300, upColor: r = "var(--gds-success, #22c55e)", downColor: i = "var(--gds-danger, #ef4444)", glass: o, className: s, ...u }, d) {
 	let p = a(() => t.map((e) => ({
 		date: e.date,
 		bodyBottom: Math.min(e.open, e.close),
@@ -627,14 +627,14 @@ var Ee = n(function({ data: t, height: n = 300, upColor: r = "var(--gds-success,
 					/* @__PURE__ */ c(D, {}),
 					/* @__PURE__ */ c(f, {
 						dataKey: "bodyHeight",
-						shape: /* @__PURE__ */ c(Te, {}),
+						shape: /* @__PURE__ */ c(De, {}),
 						stackId: "candle"
 					})
 				]
 			})
 		})
 	});
-}), z = [
+}), L = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #8b5cf6)",
 	"var(--gds-palette-2, #06b6d4)",
@@ -646,17 +646,17 @@ var Ee = n(function({ data: t, height: n = 300, upColor: r = "var(--gds-success,
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #a855f7)"
 ];
-function B(e, t, n, r) {
+function R(e, t, n, r) {
 	return {
 		x: e + n * Math.cos(r),
 		y: t + n * Math.sin(r)
 	};
 }
-function De(e, t, n, r, i) {
-	let a = B(e, t, n, i), o = B(e, t, n, r), s = i - r > Math.PI ? 1 : 0;
+function ke(e, t, n, r, i) {
+	let a = R(e, t, n, i), o = R(e, t, n, r), s = i - r > Math.PI ? 1 : 0;
 	return `M ${a.x} ${a.y} A ${n} ${n} 0 ${s} 0 ${o.x} ${o.y}`;
 }
-function Oe(e, t, n, r) {
+function Ae(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;
@@ -667,7 +667,7 @@ function Oe(e, t, n, r) {
 	}
 	return a;
 }
-function ke(e, t, n, r, i) {
+function je(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;
@@ -683,8 +683,8 @@ function ke(e, t, n, r, i) {
 	}
 	return o;
 }
-function Ae(e, t, n, r) {
-	let i = B(t, n, r, e.sourceStart), a = B(t, n, r, e.sourceEnd), o = B(t, n, r, e.targetStart), s = B(t, n, r, e.targetEnd);
+function Me(e, t, n, r) {
+	let i = R(t, n, r, e.sourceStart), a = R(t, n, r, e.sourceEnd), o = R(t, n, r, e.targetStart), s = R(t, n, r, e.targetEnd);
 	return [
 		`M ${i.x} ${i.y}`,
 		`A ${r} ${r} 0 0 1 ${a.x} ${a.y}`,
@@ -696,7 +696,7 @@ function Ae(e, t, n, r) {
 }
 //#endregion
 //#region src/l6-charts/chord-diagram.tsx
-var je = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, glass: a, className: o }, s) {
+var Ne = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, glass: a, className: o }, s) {
 	let u = n.length, d = r / 2, f = i / 2, p = Math.min(r, i) / 2 - 30, m = p - 12, h = .04, g = t.map((e) => e.reduce((e, t) => e + t, 0)), _ = g.reduce((e, t) => e + t, 0);
 	if (_ === 0 || u === 0) return /* @__PURE__ */ c("div", {
 		ref: s,
@@ -708,7 +708,7 @@ var je = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, gla
 			viewBox: `0 0 ${r} ${i}`
 		})
 	});
-	let v = Oe(g, _, u, h), y = ke(t, v, _, u, h);
+	let v = Ae(g, _, u, h), y = je(t, v, _, u, h);
 	return /* @__PURE__ */ c("div", {
 		ref: s,
 		className: e("gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
@@ -719,23 +719,23 @@ var je = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, gla
 			viewBox: `0 0 ${r} ${i}`,
 			children: [
 				v.map((e, t) => /* @__PURE__ */ c("path", {
-					d: De(d, f, p, e.start, e.end),
+					d: ke(d, f, p, e.start, e.end),
 					"data-arc": n[t],
 					fill: "none",
-					stroke: z[t % z.length],
+					stroke: L[t % L.length],
 					strokeWidth: 12,
 					strokeLinecap: "round"
 				}, `arc-${n[t]}`)),
 				y.map((e, t) => /* @__PURE__ */ c("path", {
-					d: Ae(e, d, f, m),
-					fill: z[e.source % z.length],
+					d: Me(e, d, f, m),
+					fill: L[e.source % L.length],
 					fillOpacity: .25,
-					stroke: z[e.source % z.length],
+					stroke: L[e.source % L.length],
 					strokeOpacity: .4,
 					strokeWidth: .5
 				}, `chord-${t}`)),
 				v.map((e, t) => {
-					let r = (e.start + e.end) / 2, i = B(d, f, p + 16, r), a = r > Math.PI / 2 && r < 3 * Math.PI / 2 ? "end" : "start";
+					let r = (e.start + e.end) / 2, i = R(d, f, p + 16, r), a = r > Math.PI / 2 && r < 3 * Math.PI / 2 ? "end" : "start";
 					return /* @__PURE__ */ c("text", {
 						x: i.x,
 						y: i.y,
@@ -749,7 +749,94 @@ var je = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, gla
 			]
 		})
 	});
-}), Me = n(function({ data: n, barKey: r, lineKey: i, xKey: a = "name", barColor: o = "var(--gds-accent)", lineColor: s = "var(--gds-success)", height: u = 300, glass: d, className: p, ...h }, _) {
+}), z = [
+	{
+		id: "hokkaido",
+		label: "Hokkaido",
+		path: "M 320,20 L 380,15 L 420,35 L 430,70 L 410,95 L 370,100 L 330,85 L 310,55 Z"
+	},
+	{
+		id: "tohoku",
+		label: "Tohoku",
+		path: "M 330,110 L 370,105 L 395,120 L 400,160 L 390,200 L 355,210 L 325,195 L 315,155 Z"
+	},
+	{
+		id: "kanto",
+		label: "Kanto",
+		path: "M 310,215 L 365,212 L 390,230 L 385,265 L 355,280 L 315,275 L 300,250 Z"
+	},
+	{
+		id: "chubu",
+		label: "Chubu",
+		path: "M 255,210 L 305,205 L 310,245 L 300,280 L 270,295 L 240,280 L 235,245 Z"
+	},
+	{
+		id: "kansai",
+		label: "Kansai",
+		path: "M 220,280 L 268,275 L 285,300 L 275,335 L 245,345 L 215,330 L 205,305 Z"
+	},
+	{
+		id: "chugoku",
+		label: "Chugoku",
+		path: "M 140,275 L 210,270 L 218,300 L 210,335 L 175,345 L 140,330 L 130,305 Z"
+	},
+	{
+		id: "shikoku",
+		label: "Shikoku",
+		path: "M 170,350 L 230,348 L 250,365 L 245,395 L 215,405 L 180,395 L 165,375 Z"
+	},
+	{
+		id: "kyushu",
+		label: "Kyushu",
+		path: "M 70,310 L 130,305 L 145,330 L 140,375 L 120,400 L 85,395 L 65,365 Z"
+	}
+];
+function Pe({ className: t, colorScale: n = ["var(--gds-palette-0)"], data: r, height: i = 400 }) {
+	let [a, o] = s(null), u = new Map(r.map((e) => [e.id, e])), d = r.map((e) => e.value), f = Math.min(...d), p = Math.max(...d) - f || 1, m = n[0] ?? "var(--gds-palette-0)", h = (e) => {
+		let t = u.get(e);
+		if (t === void 0) return "var(--gds-border)";
+		let n = .15 + (t.value - f) / p * .85;
+		return `color-mix(in srgb, ${m} ${Math.round(n * 100)}%, transparent)`;
+	};
+	return /* @__PURE__ */ l("div", {
+		className: e("relative select-none", t),
+		"data-component": "choropleth-map",
+		children: [/* @__PURE__ */ l("svg", {
+			className: "w-full",
+			viewBox: `0 0 500 ${i}`,
+			children: [z.map((e) => /* @__PURE__ */ c("path", {
+				d: e.path,
+				fill: h(e.id),
+				onMouseEnter: () => o(e.id),
+				onMouseLeave: () => o(null),
+				stroke: "var(--gds-border)",
+				strokeWidth: a === e.id ? 2 : 1,
+				style: { transition: "fill 0.2s" }
+			}, e.id)), z.map((e) => {
+				let t = e.path.match(/[\d.]+/g)?.map(Number) ?? [], n = 0, r = 0, i = 0;
+				for (let e = 0; e < t.length; e += 2) t[e] !== void 0 && t[e + 1] !== void 0 && (n += t[e], r += t[e + 1], i++);
+				return i > 0 && (n /= i, r /= i), /* @__PURE__ */ c("text", {
+					fill: "var(--gds-fg-muted)",
+					fontSize: 9,
+					pointerEvents: "none",
+					textAnchor: "middle",
+					x: n,
+					y: r + 3,
+					children: e.label
+				}, e.id);
+			})]
+		}), a !== null && (() => {
+			let e = z.find((e) => e.id === a), t = u.get(a);
+			return /* @__PURE__ */ l("div", {
+				className: "pointer-events-none absolute top-2 left-1/2 -translate-x-1/2 rounded bg-surface px-2 py-1 text-xs text-fg shadow-sm ring-1 ring-border",
+				children: [t?.label ?? e?.label ?? "", t === void 0 ? "" : `: ${t.value}`]
+			});
+		})()]
+	});
+}
+//#endregion
+//#region src/l6-charts/combo-chart.tsx
+var Fe = n(function({ data: n, barKey: r, lineKey: i, xKey: a = "name", barColor: o = "var(--gds-accent)", lineColor: s = "var(--gds-success)", height: u = 300, glass: d, className: p, ...h }, _) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full gds-radius-popover border border-white/[0.06]", t(d), p),
 		"data-component": "combo-chart",
@@ -797,13 +884,13 @@ var je = n(function({ matrix: t, labels: n, width: r = 300, height: i = 300, gla
 			})
 		})
 	});
-}), V = [
+}), B = [
 	"var(--gds-accent)",
 	"var(--gds-success)",
 	"var(--gds-warning)",
 	"var(--gds-danger)"
 ];
-function Ne({ className: t, rings: n, size: r = 160 }) {
+function Ie({ className: t, rings: n, size: r = 160 }) {
 	let i = r / 2;
 	return /* @__PURE__ */ l("div", {
 		className: e("select-none", t),
@@ -815,7 +902,7 @@ function Ne({ className: t, rings: n, size: r = 160 }) {
 			children: n.map((e, t) => {
 				let n = i - 12 / 2 - t * 18;
 				if (n <= 0) return null;
-				let r = 2 * Math.PI * n, a = r * (e.max > 0 ? Math.min(e.value / e.max, 1) : 0), o = e.color ?? V[t % V.length];
+				let r = 2 * Math.PI * n, a = r * (e.max > 0 ? Math.min(e.value / e.max, 1) : 0), o = e.color ?? B[t % B.length];
 				return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("circle", {
 					className: "text-fg-muted/10",
 					cx: i,
@@ -844,7 +931,7 @@ function Ne({ className: t, rings: n, size: r = 160 }) {
 				children: [
 					/* @__PURE__ */ c("div", {
 						className: "h-2 w-2 rounded-full",
-						style: { backgroundColor: e.color ?? V[t % V.length] }
+						style: { backgroundColor: e.color ?? B[t % B.length] }
 					}),
 					/* @__PURE__ */ c("span", { children: e.label }),
 					/* @__PURE__ */ l("span", {
@@ -862,7 +949,7 @@ function Ne({ className: t, rings: n, size: r = 160 }) {
 }
 //#endregion
 //#region src/l6-charts/flame-chart.tsx
-var H = [
+var V = [
 	"var(--gds-palette-0)",
 	"var(--gds-palette-1)",
 	"var(--gds-palette-2)",
@@ -872,9 +959,9 @@ var H = [
 	"var(--gds-palette-6)",
 	"var(--gds-palette-7)"
 ];
-function U(e, t, n, r, i, a) {
+function H(e, t, n, r, i, a) {
 	let o = i > 0 ? e.value / i * r : 0, s = [{
-		color: H[a % H.length],
+		color: V[a % V.length],
 		depth: t,
 		name: e.name,
 		width: o,
@@ -883,35 +970,35 @@ function U(e, t, n, r, i, a) {
 	if (e.children !== void 0) {
 		let i = n;
 		e.children.forEach((n, o) => {
-			s.push(...U(n, t + 1, i, r, e.value, a + o + 1)), i += e.value > 0 ? n.value / e.value * r : 0;
+			s.push(...H(n, t + 1, i, r, e.value, a + o + 1)), i += e.value > 0 ? n.value / e.value * r : 0;
 		});
 	}
 	return s;
 }
-var W = 24, G = 600;
-function Pe({ className: t, data: n, height: r = 200 }) {
-	let i = a(() => U(n, 0, 0, G, n.value, 0), [n]), o = i.reduce((e, t) => Math.max(e, t.depth), 0), s = Math.max(r, (o + 1) * W);
+var U = 24, W = 600;
+function Le({ className: t, data: n, height: r = 200 }) {
+	let i = a(() => H(n, 0, 0, W, n.value, 0), [n]), o = i.reduce((e, t) => Math.max(e, t.depth), 0), s = Math.max(r, (o + 1) * U);
 	return /* @__PURE__ */ c("div", {
 		className: e("inline-block overflow-x-auto", t),
 		"data-component": "flame-chart",
 		children: /* @__PURE__ */ c("svg", {
 			height: s,
-			viewBox: `0 0 ${G} ${s}`,
-			width: G,
+			viewBox: `0 0 ${W} ${s}`,
+			width: W,
 			children: i.map((e, t) => /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("rect", {
 				fill: e.color,
 				fillOpacity: .8,
-				height: W - 2,
+				height: U - 2,
 				rx: 2,
 				width: Math.max(e.width - 1, 0),
 				x: e.x,
-				y: e.depth * W
+				y: e.depth * U
 			}), e.width > 40 && /* @__PURE__ */ c("text", {
 				dominantBaseline: "middle",
 				fill: "var(--gds-fg)",
 				fontSize: 10,
 				x: e.x + 4,
-				y: e.depth * W + W / 2 - 1,
+				y: e.depth * U + U / 2 - 1,
 				children: e.name
 			})] }, t))
 		})
@@ -919,16 +1006,16 @@ function Pe({ className: t, data: n, height: r = 200 }) {
 }
 //#endregion
 //#region src/l6-charts/flow-chart.tsx
-var Fe = {
+var Re = {
 	start: "var(--gds-palette-3, #10b981)",
 	end: "var(--gds-palette-5, #ef4444)",
 	process: "var(--gds-palette-0, #6366f1)",
 	decision: "var(--gds-palette-4, #f59e0b)"
-}, K = 100, q = 40;
-function Ie(e, t, n) {
-	let r = Fe[e.type ?? "process"], i = e.type ?? "process";
+}, G = 100, K = 40;
+function ze(e, t, n) {
+	let r = Re[e.type ?? "process"], i = e.type ?? "process";
 	if (i === "decision") {
-		let i = q * .7;
+		let i = K * .7;
 		return /* @__PURE__ */ l("g", {
 			"data-node": e.id,
 			children: [/* @__PURE__ */ c("polygon", {
@@ -947,14 +1034,14 @@ function Ie(e, t, n) {
 			})]
 		}, e.id);
 	}
-	let a = i === "start" || i === "end" ? q / 2 : 4;
+	let a = i === "start" || i === "end" ? K / 2 : 4;
 	return /* @__PURE__ */ l("g", {
 		"data-node": e.id,
 		children: [/* @__PURE__ */ c("rect", {
-			x: t - K / 2,
-			y: n - q / 2,
-			width: K,
-			height: q,
+			x: t - G / 2,
+			y: n - K / 2,
+			width: G,
+			height: K,
 			rx: a,
 			fill: r,
 			fillOpacity: .15,
@@ -970,7 +1057,7 @@ function Ie(e, t, n) {
 		})]
 	}, e.id);
 }
-var Le = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass: a, className: o }, s) {
+var Be = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass: a, className: o }, s) {
 	let u = t.length > 1 ? (r - 80) / (t.length - 1) : 0, d = t.length === 1 ? r / 2 : 40, f = i / 2, p = new Map(t.map((e, t) => [e.id, {
 		x: d + t * u,
 		y: f
@@ -999,7 +1086,7 @@ var Le = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 				n.map((e, t) => {
 					let n = p.get(e.from), r = p.get(e.to);
 					if (n === void 0 || r === void 0) return null;
-					let i = n.x + K / 2, a = r.x - K / 2, o = (i + a) / 2, s = (n.y + r.y) / 2;
+					let i = n.x + G / 2, a = r.x - G / 2, o = (i + a) / 2, s = (n.y + r.y) / 2;
 					return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("line", {
 						x1: i,
 						y1: n.y,
@@ -1019,12 +1106,12 @@ var Le = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 				}),
 				t.map((e, t) => {
 					let n = p.get(e.id);
-					return n === void 0 ? null : Ie(e, n.x, n.y);
+					return n === void 0 ? null : ze(e, n.x, n.y);
 				})
 			]
 		})
 	});
-}), Re = [
+}), Ve = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #22d3ee)",
 	"var(--gds-palette-2, #f59e0b)",
@@ -1035,7 +1122,7 @@ var Le = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 	"var(--gds-palette-7, #14b8a6)",
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #3b82f6)"
-], ze = n(function({ data: t, dataKey: n, className: r, height: i = 300, colors: a = Re, glass: o, ...s }, u) {
+], He = n(function({ data: t, dataKey: n, className: r, height: i = 300, colors: a = Ve, glass: o, ...s }, u) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", o && "gds-radius-popover backdrop-blur-md bg-white/5", r),
 		"data-component": "funnel-chart",
@@ -1052,7 +1139,7 @@ var Le = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 			})] })
 		})
 	});
-}), Be = n(function({ value: t, max: n = 100, className: r, height: i = 200, color: a = "var(--gds-accent)", trackColor: o = "var(--gds-border, #e5e7eb)", label: s, glass: u, ...d }, f) {
+}), Ue = n(function({ value: t, max: n = 100, className: r, height: i = 200, color: a = "var(--gds-accent)", trackColor: o = "var(--gds-border, #e5e7eb)", label: s, glass: u, ...d }, f) {
 	let p = Math.min(Math.max(t, 0), n), m = n - p, g = [{
 		name: "value",
 		value: p
@@ -1096,7 +1183,7 @@ var Le = n(function({ nodes: t, edges: n, width: r = 600, height: i = 200, glass
 });
 //#endregion
 //#region src/l6-charts/heatmap-chart.tsx
-function Ve(e, t, n) {
+function We(e, t, n) {
 	let r = (e) => {
 		let t = e.replace("#", "");
 		return [
@@ -1107,7 +1194,7 @@ function Ve(e, t, n) {
 	}, [i, a, o] = r(e), [s, c, l] = r(t);
 	return `rgb(${Math.round(i + (s - i) * n)},${Math.round(a + (c - a) * n)},${Math.round(o + (l - o) * n)})`;
 }
-var He = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
+var Ge = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
 	min: "#1e293b",
 	max: "#6366f1"
 }, className: o, cellSize: s = 32, glass: u, ...d }, f) {
@@ -1147,7 +1234,7 @@ var He = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
 					style: {
 						width: s,
 						height: s,
-						backgroundColor: Ve(i.min, i.max, h(e))
+						backgroundColor: We(i.min, i.max, h(e))
 					},
 					title: String(e)
 				}, t))]
@@ -1157,7 +1244,7 @@ var He = n(function({ data: t, xLabels: n, yLabels: r, colorScale: i = {
 });
 //#endregion
 //#region src/l6-charts/histogram.tsx
-function Ue(e, t) {
+function Ke(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) => {
@@ -1168,8 +1255,8 @@ function Ue(e, t) {
 		};
 	});
 }
-var We = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--gds-accent)", glass: a, className: o, ...s }, u) {
-	let d = Ue(t, n);
+var qe = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--gds-accent)", glass: a, className: o, ...s }, u) {
+	let d = Ke(t, n);
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
 		"data-component": "histogram",
@@ -1209,7 +1296,7 @@ var We = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--
 			})
 		})
 	});
-}), Ge = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
+}), Je = n(function({ data: t, dataKey: n, xKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
 		"data-component": "line-chart",
@@ -1246,7 +1333,7 @@ var We = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--
 			})
 		})
 	});
-}), J = [
+}), q = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #8b5cf6)",
 	"var(--gds-palette-2, #06b6d4)",
@@ -1258,7 +1345,7 @@ var We = n(function({ data: t, bins: n = 10, height: r = 300, color: i = "var(--
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #84cc16)"
 ];
-function Ke(e, t, n, r) {
+function Ye(e, t, n, r) {
 	return Array.from({ length: e }, (i, a) => {
 		let o = 2 * Math.PI * a / e - Math.PI / 2;
 		return {
@@ -1267,8 +1354,8 @@ function Ke(e, t, n, r) {
 		};
 	});
 }
-var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass: a, className: o }, s) {
-	let u = r / 2, d = i / 2, f = Math.min(u, d) * .65, p = Ke(t.length, u, d, f), m = new Map(t.map((e, t) => [e.id, t])), h = Math.max(8, Math.min(16, 120 / Math.max(t.length, 1)));
+var Xe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass: a, className: o }, s) {
+	let u = r / 2, d = i / 2, f = Math.min(u, d) * .65, p = Ye(t.length, u, d, f), m = new Map(t.map((e, t) => [e.id, t])), h = Math.max(8, Math.min(16, 120 / Math.max(t.length, 1)));
 	return /* @__PURE__ */ c("div", {
 		ref: s,
 		className: e("gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
@@ -1291,7 +1378,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 					strokeOpacity: .5
 				}, t);
 			}), t.map((e, t) => {
-				let n = p[t], r = J[(e.group ?? t) % J.length];
+				let n = p[t], r = q[(e.group ?? t) % q.length];
 				return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("circle", {
 					cx: n.x,
 					cy: n.y,
@@ -1309,7 +1396,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			})]
 		})
 	});
-}), Je = n(function({ bids: t, asks: n, height: r = 300, bidColor: i = "var(--gds-success, #22c55e)", askColor: o = "var(--gds-danger, #ef4444)", glass: s, className: f, ...p }, h) {
+}), Ze = n(function({ bids: t, asks: n, height: r = 300, bidColor: i = "var(--gds-success, #22c55e)", askColor: o = "var(--gds-danger, #ef4444)", glass: s, className: f, ...p }, h) {
 	let g = a(() => {
 		let e = t.map((e) => ({
 			price: e.price,
@@ -1371,7 +1458,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			})
 		})
 	});
-}), Ye = [
+}), Qe = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #22d3ee)",
 	"var(--gds-palette-2, #f59e0b)",
@@ -1382,7 +1469,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 	"var(--gds-palette-7, #14b8a6)",
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #3b82f6)"
-], Xe = n(function({ data: t, dataKey: n, nameKey: r = "name", className: i, height: a = 300, colors: o = Ye, innerRadius: s = 0, glass: u, ...d }, f) {
+], $e = n(function({ data: t, dataKey: n, nameKey: r = "name", className: i, height: a = 300, colors: o = Qe, innerRadius: s = 0, glass: u, ...d }, f) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", u && "gds-radius-popover backdrop-blur-md bg-white/5", i),
 		"data-component": "pie-chart",
@@ -1402,7 +1489,73 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			})] })
 		})
 	});
-}), Ze = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
+}), J = [
+	"var(--gds-palette-0)",
+	"var(--gds-palette-1)",
+	"var(--gds-palette-2)",
+	"var(--gds-palette-3)",
+	"var(--gds-palette-4)",
+	"var(--gds-palette-5)",
+	"var(--gds-palette-6)",
+	"var(--gds-palette-7)"
+];
+function et(e, t, n, r, i) {
+	let a = {
+		x: e + n * Math.cos(r),
+		y: t + n * Math.sin(r)
+	}, o = {
+		x: e + n * Math.cos(i),
+		y: t + n * Math.sin(i)
+	}, s = i - r > Math.PI ? 1 : 0;
+	return `M ${e} ${t} L ${a.x} ${a.y} A ${n} ${n} 0 ${s} 1 ${o.x} ${o.y} Z`;
+}
+function tt({ className: t, data: n, size: r = 300 }) {
+	let i = r / 2, o = r * .4, s = a(() => {
+		if (n.length === 0) return [];
+		let e = Math.max(...n.map((e) => e.value)), t = 2 * Math.PI / n.length;
+		return n.map((n, r) => {
+			let a = e > 0 ? n.value / e * o : 0, s = r * t - Math.PI / 2, c = (r + 1) * t - Math.PI / 2, l = (s + c) / 2, u = o + 16;
+			return {
+				color: n.color ?? J[r % J.length],
+				label: n.label,
+				labelX: i + u * Math.cos(l),
+				labelY: i + u * Math.sin(l),
+				path: et(i, i, a, s, c)
+			};
+		});
+	}, [
+		n,
+		i,
+		o
+	]);
+	return /* @__PURE__ */ c("div", {
+		className: e("inline-block", t),
+		"data-component": "polar-area-chart",
+		children: /* @__PURE__ */ l("svg", {
+			height: r,
+			viewBox: `0 0 ${r} ${r}`,
+			width: r,
+			children: [s.map((e, t) => /* @__PURE__ */ c("path", {
+				d: e.path,
+				fill: e.color,
+				fillOpacity: .7,
+				stroke: e.color,
+				strokeWidth: 1
+			}, t)), s.map((e, t) => /* @__PURE__ */ c("text", {
+				dominantBaseline: "middle",
+				fill: "var(--gds-fg-muted)",
+				fontSize: 11,
+				textAnchor: "middle",
+				x: e.labelX,
+				y: e.labelY,
+				children: e.label
+			}, t))]
+		})
+	});
+}
+//#endregion
+//#region src/l6-charts/radar-chart.tsx
+var nt = n(function({ data: t, dataKey: n, angleKey: r = "name", className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
 		"data-component": "radar-chart",
@@ -1439,7 +1592,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			})
 		})
 	});
-}), Qe = [
+}), Y = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #22d3ee)",
 	"var(--gds-palette-2, #f59e0b)",
@@ -1450,10 +1603,10 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 	"var(--gds-palette-7, #14b8a6)",
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #3b82f6)"
-], $e = n(function({ data: n, height: r = 300, innerRadius: i = "20%", glass: a, className: o, ...s }, u) {
+], rt = n(function({ data: n, height: r = 300, innerRadius: i = "20%", glass: a, className: o, ...s }, u) {
 	let d = n.map((e, t) => ({
 		...e,
-		fill: e.fill ?? Qe[t % Qe.length]
+		fill: e.fill ?? Y[t % Y.length]
 	}));
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full gds-radius-popover border border-white/[0.06]", t(a), o),
@@ -1480,7 +1633,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			})
 		})
 	});
-}), et = n(function({ className: t, color: n, data: a, height: s = 200, label: l, lineWidth: u = 2, maxPoints: d = 200, showGrid: f = !0 }, p) {
+}), it = n(function({ className: t, color: n, data: a, height: s = 200, label: l, lineWidth: u = 2, maxPoints: d = 200, showGrid: f = !0 }, p) {
 	let m = o(null), h = o(0), g = o(0), _ = r((e) => {
 		m.current = e, typeof p == "function" ? p(e) : p != null && (p.current = e);
 	}, [p]);
@@ -1537,7 +1690,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 		ref: _,
 		style: { height: s }
 	});
-}), tt = n(function({ nodes: t, links: n, className: r, height: i = 300, nodePadding: a = 50, nodeWidth: o = 10, glass: s, ...l }, u) {
+}), at = n(function({ nodes: t, links: n, className: r, height: i = 300, nodePadding: a = 50, nodeWidth: o = 10, glass: s, ...l }, u) {
 	let d = {
 		nodes: t,
 		links: n
@@ -1558,7 +1711,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			})
 		})
 	});
-}), nt = n(function({ data: t, xKey: n, yKey: r, className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
+}), ot = n(function({ data: t, xKey: n, yKey: r, className: i, height: a = 300, color: o = "var(--gds-accent)", glass: s, ...u }, d) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", s && "gds-radius-popover backdrop-blur-md bg-white/5", i),
 		"data-component": "scatter-chart",
@@ -1592,7 +1745,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			] })
 		})
 	});
-}), rt = n(function({ data: t, dataKey: n, className: r, height: i = 32, width: a = 120, color: o = "var(--gds-accent)", glass: s, ...l }, u) {
+}), st = n(function({ data: t, dataKey: n, className: r, height: i = 32, width: a = 120, color: o = "var(--gds-accent)", glass: s, ...l }, u) {
 	return /* @__PURE__ */ c("div", {
 		className: e("inline-block", s && "rounded backdrop-blur-md bg-white/5", r),
 		"data-component": "sparkline",
@@ -1613,7 +1766,51 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 			})
 		})
 	});
-}), Y = [
+});
+//#endregion
+//#region src/l6-charts/stock-ticker.tsx
+function X({ item: t }) {
+	let n = t.change > 0, r = t.change < 0, i = n ? "▲" : r ? "▼" : "", a = n ? "+" : "";
+	return /* @__PURE__ */ l("span", {
+		className: "inline-flex shrink-0 items-center gap-1.5 px-3 text-sm select-none",
+		children: [
+			/* @__PURE__ */ c("span", {
+				className: "font-bold text-fg",
+				children: t.symbol
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "text-fg-muted tabular-nums",
+				children: ["¥", t.price.toLocaleString()]
+			}),
+			/* @__PURE__ */ l("span", {
+				className: e("text-xs font-medium tabular-nums", n && "text-success", r && "text-danger", !n && !r && "text-fg-muted"),
+				children: [
+					i,
+					a,
+					t.change,
+					"%"
+				]
+			})
+		]
+	});
+}
+function ct({ className: t, items: n }) {
+	return /* @__PURE__ */ l("div", {
+		className: e("flex overflow-hidden border-y border-border bg-bg-secondary select-none", t),
+		"data-component": "stock-ticker",
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex shrink-0 animate-marquee items-center gap-2 py-1.5",
+			children: n.map((e) => /* @__PURE__ */ c(X, { item: e }, e.symbol))
+		}), /* @__PURE__ */ c("div", {
+			"aria-hidden": !0,
+			className: "flex shrink-0 animate-marquee items-center gap-2 py-1.5",
+			children: n.map((e) => /* @__PURE__ */ c(X, { item: e }, e.symbol))
+		})]
+	});
+}
+//#endregion
+//#region src/l6-charts/stream-chart.tsx
+var Z = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #8b5cf6)",
 	"var(--gds-palette-2, #06b6d4)",
@@ -1624,7 +1821,7 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 	"var(--gds-palette-7, #14b8a6)",
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #a855f7)"
-], it = n(function({ data: t, keys: n, xKey: r = "name", height: i = 300, glass: a, className: o, ...s }, f) {
+], lt = n(function({ data: t, keys: n, xKey: r = "name", height: i = 300, glass: a, className: o, ...s }, f) {
 	return /* @__PURE__ */ c("div", {
 		ref: f,
 		className: e("w-full gds-radius-popover border border-border", a && "backdrop-blur-md bg-white/5", o),
@@ -1644,10 +1841,10 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 					/* @__PURE__ */ c(D, {}),
 					n.map((e, t) => /* @__PURE__ */ c(u, {
 						dataKey: e,
-						fill: Y[t % Y.length],
+						fill: Z[t % Z.length],
 						fillOpacity: .6,
 						stackId: "1",
-						stroke: Y[t % Y.length],
+						stroke: Z[t % Z.length],
 						strokeWidth: 1.5,
 						type: "monotone"
 					}, e))
@@ -1658,10 +1855,10 @@ var qe = n(function({ nodes: t, edges: n, width: r = 400, height: i = 300, glass
 });
 //#endregion
 //#region src/l6-charts/sunburst-math.ts
-function X(e) {
-	return e.children !== void 0 && e.children.length > 0 ? e.children.reduce((e, t) => e + X(t), 0) : e.value ?? 0;
+function Q(e) {
+	return e.children !== void 0 && e.children.length > 0 ? e.children.reduce((e, t) => e + Q(t), 0) : e.value ?? 0;
 }
-function at(e, t, n, r, i, a) {
+function ut(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}`,
@@ -1671,25 +1868,25 @@ function at(e, t, n, r, i, a) {
 		"Z"
 	].join(" ");
 }
-function ot(e, t, n, r, i) {
+function dt(e, t, n, r, i) {
 	if (e.children === void 0 || e.children.length === 0) return [];
-	let a = [], o = X(e);
+	let a = [], o = Q(e);
 	if (o === 0) return [];
 	let s = n;
 	for (let c = 0; c < e.children.length; c++) {
-		let l = e.children[c], u = X(l) / o * (r - n), d = s + u;
+		let l = e.children[c], u = Q(l) / o * (r - n), d = s + u;
 		a.push({
 			depth: t,
 			index: i * 10 + c,
 			startAngle: s,
 			endAngle: d
-		}), a.push(...ot(l, t + 1, s, d, i * 10 + c)), s = d;
+		}), a.push(...dt(l, t + 1, s, d, i * 10 + c)), s = d;
 	}
 	return a;
 }
 //#endregion
 //#region src/l6-charts/sunburst-chart.tsx
-var Z = [
+var ft = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #22d3ee)",
 	"var(--gds-palette-2, #f59e0b)",
@@ -1700,8 +1897,8 @@ var Z = [
 	"var(--gds-palette-7, #14b8a6)",
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #3b82f6)"
-], st = n(function({ data: n, width: r = 300, height: i = 300, glass: a, className: o, ...s }, u) {
-	let d = r / 2, f = i / 2, p = Math.min(d, f) - 10, m = ot(n, 0, -Math.PI / 2, 1.5 * Math.PI, 0), h = m.reduce((e, t) => Math.max(e, t.depth), 0), g = p * .25, _ = (p - g) / (h + 1);
+], pt = n(function({ data: n, width: r = 300, height: i = 300, glass: a, className: o, ...s }, u) {
+	let d = r / 2, f = i / 2, p = Math.min(d, f) - 10, m = dt(n, 0, -Math.PI / 2, 1.5 * Math.PI, 0), h = m.reduce((e, t) => Math.max(e, t.depth), 0), g = p * .25, _ = (p - g) / (h + 1);
 	return /* @__PURE__ */ c("div", {
 		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(a), o),
 		"data-component": "sunburst-chart",
@@ -1712,9 +1909,9 @@ var Z = [
 			width: r,
 			viewBox: `0 0 ${r} ${i}`,
 			children: [m.map((e, t) => {
-				let n = g + e.depth * _, r = n + _ - 1, i = Z[(e.index + e.depth) % Z.length];
+				let n = g + e.depth * _, r = n + _ - 1, i = ft[(e.index + e.depth) % ft.length];
 				return /* @__PURE__ */ c("path", {
-					d: at(d, f, n, r, e.startAngle, e.endAngle),
+					d: ut(d, f, n, r, e.startAngle, e.endAngle),
 					fill: i,
 					opacity: 1 - e.depth * .15,
 					stroke: "var(--gds-bg, #000)",
@@ -1734,14 +1931,14 @@ var Z = [
 			})]
 		})
 	});
-}), ct = [
+}), mt = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #22d3ee)",
 	"var(--gds-palette-2, #f59e0b)",
 	"var(--gds-palette-3, #10b981)",
 	"var(--gds-palette-4, #ef4444)",
 	"var(--gds-palette-5, #8b5cf6)"
-], lt = n(function({ events: n, width: r = 600, height: i = 120, glass: a, className: o, ...s }, u) {
+], ht = n(function({ events: n, width: r = 600, height: i = 120, glass: a, className: o, ...s }, u) {
 	if (n.length === 0) return /* @__PURE__ */ c("div", {
 		className: e("inline-flex gds-radius-popover border border-white/[0.06]", t(a), o),
 		"data-component": "timeline-chart",
@@ -1773,7 +1970,7 @@ var Z = [
 				stroke: "var(--gds-border, #e5e7eb)",
 				strokeWidth: 2
 			}), n.map((e, t) => {
-				let n = f[t], r = h(n), i = t % 2 == 0, a = i ? d - 24 : d + 32, o = e.color ?? ct[t % ct.length], s = new Date(e.date).toLocaleDateString();
+				let n = f[t], r = h(n), i = t % 2 == 0, a = i ? d - 24 : d + 32, o = e.color ?? mt[t % mt.length], s = new Date(e.date).toLocaleDateString();
 				return /* @__PURE__ */ l("g", {
 					"data-event": !0,
 					children: [
@@ -1814,7 +2011,7 @@ var Z = [
 			})]
 		})
 	});
-}), ut = n(function({ data: t, dataKey: n = "value", className: r, height: i = 300, color: a = "var(--gds-accent)", glass: o, ...s }, l) {
+}), gt = n(function({ data: t, dataKey: n = "value", className: r, height: i = 300, color: a = "var(--gds-accent)", glass: o, ...s }, l) {
 	return /* @__PURE__ */ c("div", {
 		className: e("w-full", o && "gds-radius-popover backdrop-blur-md bg-white/5", r),
 		"data-component": "treemap-chart",
@@ -1831,14 +2028,14 @@ var Z = [
 			})
 		})
 	});
-}), dt = [
+}), _t = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #8b5cf6)",
 	"var(--gds-palette-2, #06b6d4)",
 	"var(--gds-palette-3, #10b981)",
 	"var(--gds-palette-4, #f59e0b)"
 ];
-function ft(e, t, n, r) {
+function vt(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;
@@ -1849,11 +2046,11 @@ function ft(e, t, n, r) {
 	let s = Math.max(...a);
 	return s === 0 ? a : a.map((e) => e / s);
 }
-function pt(e) {
+function yt(e) {
 	let t = [...e].sort((e, t) => e - t), n = Math.floor(t.length / 2);
 	return t.length % 2 == 0 ? (t[n - 1] + t[n]) / 2 : t[n];
 }
-var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: a }, o) {
+var bt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, className: a }, o) {
 	let s = {
 		top: 20,
 		right: 20,
@@ -1887,7 +2084,7 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 				}),
 				t.map((e, t) => {
 					if (e.values.length === 0) return null;
-					let n = s.left + y * (t + .5), r = dt[t % dt.length], i = ft(e.values, 20, p, m), a = (_ - g) / 20, o = pt(e.values), u = i.map((e, t) => {
+					let n = s.left + y * (t + .5), r = _t[t % _t.length], i = vt(e.values, 20, p, m), a = (_ - g) / 20, o = yt(e.values), u = i.map((e, t) => {
 						let r = v(g + a * (t + .5));
 						return `${n + e * b},${r}`;
 					}), f = [...i].reverse().map((e, t) => {
@@ -1924,7 +2121,7 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 			]
 		})
 	});
-}), Q = [
+}), $ = [
 	"var(--gds-palette-0, #6366f1)",
 	"var(--gds-palette-1, #22d3ee)",
 	"var(--gds-palette-2, #f59e0b)",
@@ -1935,10 +2132,10 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 	"var(--gds-palette-7, #14b8a6)",
 	"var(--gds-palette-8, #f97316)",
 	"var(--gds-palette-9, #3b82f6)"
-], ht = n(function({ data: n, size: r = 200, glass: i, className: a, ...o }, s) {
+], xt = n(function({ data: n, size: r = 200, glass: i, className: a, ...o }, s) {
 	let u = [], d = 0;
 	for (let e = 0; e < n.length; e++) {
-		let t = n[e], r = Math.round(t.value), i = t.color ?? Q[e % Q.length];
+		let t = n[e], r = Math.round(t.value), i = t.color ?? $[e % $.length];
 		for (let e = 0; e < r && d < 100; e++) u[d] = i, d++;
 	}
 	for (; d < 100;) u[d] = "transparent", d++;
@@ -1971,7 +2168,7 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 				children: [
 					/* @__PURE__ */ c("span", {
 						className: "inline-block h-2 w-2 rounded-full",
-						style: { backgroundColor: e.color ?? Q[t % Q.length] }
+						style: { backgroundColor: e.color ?? $[t % $.length] }
 					}),
 					/* @__PURE__ */ c("span", { children: e.label }),
 					/* @__PURE__ */ l("span", {
@@ -1982,7 +2179,7 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 			}, e.label))
 		})]
 	});
-}), gt = n(function({ className: t, data: n, height: r = 300 }, i) {
+}), St = n(function({ className: t, data: n, height: r = 300 }, i) {
 	let o = {
 		bottom: 40,
 		left: 12,
@@ -2078,7 +2275,7 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 			})]
 		})
 	});
-}), _t = n(function({ data: t, width: n = 400, height: r = 100, progress: i = 0, color: o = "var(--gds-accent, #6366f1)", playedColor: s, glass: l, className: u, ...d }, f) {
+}), Ct = n(function({ data: t, width: n = 400, height: r = 100, progress: i = 0, color: o = "var(--gds-accent, #6366f1)", playedColor: s, glass: l, className: u, ...d }, f) {
 	let p = s ?? o, m = Math.floor(i * t.length), h = r / 2, g = a(() => {
 		if (t.length === 0) return [];
 		let e = n / t.length;
@@ -2118,7 +2315,7 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 			}, t))
 		})
 	});
-}), $ = Array.from({ length: 10 }, (e, t) => `var(--gds-palette-${t})`), vt = n(function({ words: t, maxFontSize: n = 48, minFontSize: r = 12, glass: i, height: a = 300, className: o, ...s }, l) {
+}), wt = Array.from({ length: 10 }, (e, t) => `var(--gds-palette-${t})`), Tt = n(function({ words: t, maxFontSize: n = 48, minFontSize: r = 12, glass: i, height: a = 300, className: o, ...s }, l) {
 	let u = t.map((e) => e.weight), d = Math.min(...u), f = Math.max(...u) - d;
 	return /* @__PURE__ */ c("div", {
 		className: e("flex flex-wrap items-center justify-center gap-2 overflow-hidden gds-radius-popover border border-[var(--gds-border,#e5e7eb)]", i && "backdrop-blur-md bg-white/5", o),
@@ -2132,7 +2329,7 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 				className: "inline-block select-none px-1",
 				style: {
 					fontSize: Math.round(r + i * (n - r)),
-					color: $[t % $.length]
+					color: wt[t % wt.length]
 				},
 				children: e.text
 			}, `${e.text}-${t}`);
@@ -2140,6 +2337,6 @@ var mt = n(function({ data: t, width: n = 400, height: r = 300, glass: i, classN
 	});
 });
 //#endregion
-export { we as A, ze as C, Me as D, Ne as E, pe as F, fe as I, de as L, _e as M, ge as N, je as O, he as P, Be as S, Pe as T, Je as _, mt as a, We as b, st as c, nt as d, tt as f, Xe as g, Ze as h, ht as i, ve as j, Ee as k, it as l, $e as m, _t as n, ut as o, et as p, gt as r, lt as s, vt as t, rt as u, qe as v, Le as w, He as x, Ge as y };
+export { Pe as A, de as B, Ge as C, Le as D, Be as E, ve as F, _e as I, ge as L, Oe as M, Ee as N, Ie as O, ye as P, me as R, qe as S, He as T, tt as _, bt as a, Xe as b, pt as c, st as d, ot as f, nt as g, rt as h, xt as i, Ne as j, Fe as k, lt as l, it as m, Ct as n, gt as o, at as p, St as r, ht as s, Tt as t, ct as u, $e as v, Ue as w, Je as x, Ze as y, pe as z };
 
-//# sourceMappingURL=l6-charts-Bn9RQLbe.js.map
+//# sourceMappingURL=l6-charts-DPMj1m0E.js.map