@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/components/charts/sankey.js

@@ -1,110 +1,177 @@
 "use client";
-import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
+import { t as e } from "../../chunks/cn-BjnOAUrA.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { formatNumber as n } from "../../format.js";
-import { D as r, b as i, n as a } from "../../chunks/core-BYns5ytV.js";
-import { forwardRef as o, useId as s, useMemo as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { sankey as f, sankeyLinkHorizontal as p } from "d3-sankey";
+import { D as r, E as i, b as a, h as o, n as s, r as c } from "../../chunks/core-CmK-8ObW.js";
+import { i as l } from "../../chunks/domain-obd_w9xk.js";
+import { forwardRef as u, useId as d, useMemo as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { sankey as g, sankeyLinkHorizontal as _ } from "d3-sankey";
 //#region src/components/charts/sankey.tsx
-var m = { size: { md: { classes: "" } } }, h = { size: "md" }, g = /* @__PURE__ */ o(function({ nodes: o, links: m, height: h = 320, formatValue: g = (e) => n(e), className: _, "aria-label": v, ...y }, b) {
-	let x = t(), [S, C] = r(), [w, T] = l(null), E = s().replace(/:/g, ""), D = c(() => i(o.map((e) => e.id)), [o]), O = (e) => D.get(e), k = c(() => C.width ? f().nodeId((e) => e.id).nodeWidth(8).nodePadding(16).extent([[0, 4], [C.width - 140, h - 4]])({
-		nodes: o.map((e) => ({ ...e })),
-		links: m.map((e) => ({ ...e }))
-	}) : null, [
-		o,
-		m,
-		C.width,
-		h
-	]), A = {
+var v = { size: { md: { classes: "" } } }, y = { size: "md" }, b = 8, x = 8, S = 24, C = 13, w = (e) => o(e) * (C / 12), T = /* @__PURE__ */ u(function({ nodes: o, links: u, height: v = 320, formatValue: y = (e) => n(e), className: T, "aria-label": E, ...D }, O) {
+	let k = t(), [A, j] = r(), [M, N] = p(null), P = d().replace(/:/g, ""), F = u.filter((e) => Number.isFinite(e.value) && e.value > 0), I = new Set(F.flatMap((e) => [e.source, e.target])), L = o.filter((e) => I.has(e.id)), R = D.empty ?? F.length === 0, z = f(() => a(o.map((e) => e.id)), [o]), B = (e) => z.get(e), V = f(() => {
+		if (!j.width || R) return null;
+		let e = g().nodeId((e) => e.id).nodeWidth(b).nodePadding(16).extent([[0, 4], [j.width, v - 4]])({
+			nodes: L.map((e) => ({ ...e })),
+			links: F.map((e) => ({ ...e }))
+		}), t = e.nodes, n = Math.max(0, ...t.map((e) => e.depth ?? 0)), r = Array.from({ length: n + 1 }, (e, n) => t.filter((e) => e.depth === n)), i = (e) => `${e.label} ${y(e.value ?? 0)}`, a = (e) => r.map((t) => Math.max(0, ...t.map((t) => w(e ? i(t) : t.label))) + x), o = (e) => (n + 1) * b + e.reduce((e, t) => e + t, 0) + Math.max(0, n - 1) * S + (n > 0 ? S : 0), s = !0, c = a(!0);
+		o(c) > j.width && (s = !1, c = a(!1));
+		let u = j.width - o(c);
+		if (u < 0) {
+			let e = c.reduce((e, t) => e + t, 0) || 1;
+			c = c.map((t) => Math.max(32, t + u * t / e));
+		}
+		let d = n > 0 ? Math.max(0, u) / n : 0, f = r.map(() => 0);
+		for (let e = 1; e <= n; e++) f[e] = f[e - 1] + b + (e - 1 == n - 1 && n > 0 ? c[e - 1] + S + c[e] : c[e - 1] + S) + d;
+		n === 0 && (f[0] = 0);
+		for (let e of t) {
+			let t = e.depth ?? 0;
+			e.x0 = Math.round(t === n && n > 0 ? Math.min(j.width - b, f[t]) : f[t]), e.x1 = e.x0 + b;
+		}
+		return {
+			graph: e,
+			placed: t.map((e) => {
+				let t = e.depth ?? 0, r = t === n && n > 0, a = s ? i(e) : e.label, o = l(e.label, c[t] - x - (s ? w(` ${y(e.value ?? 0)}`) : 0), C);
+				return {
+					n: e,
+					left: r,
+					label: o,
+					value: s ? y(e.value ?? 0) : null,
+					cut: o !== e.label || a !== i(e)
+				};
+			})
+		};
+	}, [
+		L,
+		F,
+		j.width,
+		v,
+		R,
+		y
+	]), H = {
 		columns: [
-			x("sankey.from", "From"),
-			x("sankey.to", "To"),
-			x("sankey.requests", "Requests")
+			k("sankey.from", "From"),
+			k("sankey.to", "To"),
+			k("sankey.requests", "Requests")
 		],
-		rows: m.map((e) => [
+		rows: F.map((e) => [
 			o.find((t) => t.id === e.source)?.label ?? e.source,
 			o.find((t) => t.id === e.target)?.label ?? e.target,
-			g(e.value)
+			y(e.value)
 		])
-	}, j = p(), M = (e) => !w || e.source.id === w || e.target.id === w;
-	return /* @__PURE__ */ u("div", {
-		ref: b,
-		className: e("min-w-0", _),
-		children: /* @__PURE__ */ u(a, {
-			label: v,
-			height: h,
-			table: A,
-			state: y,
-			children: /* @__PURE__ */ u("div", {
-				ref: S,
-				className: "absolute inset-0",
-				children: k && /* @__PURE__ */ d("svg", {
-					width: C.width,
-					height: h,
+	}, U = (V?.placed ?? []).slice().sort((e, t) => (e.n.depth ?? 0) - (t.n.depth ?? 0) || (e.n.y0 ?? 0) - (t.n.y0 ?? 0)), W = R || !!D.loading || !!D.error, G = i(W ? 0 : U.length, { start: 0 }), K = G.index === null ? void 0 : U[G.index]?.n, q = M ?? K?.id ?? null, J = _(), Y = (e) => !q || e.source.id === q || e.target.id === q;
+	return /* @__PURE__ */ m("div", {
+		ref: O,
+		className: e("w-full min-w-0", T),
+		children: /* @__PURE__ */ m(s, {
+			label: E,
+			height: v,
+			table: H,
+			state: {
+				...D,
+				empty: R
+			},
+			children: /* @__PURE__ */ h("div", {
+				ref: A,
+				role: "group",
+				"aria-label": E,
+				...G.props,
+				className: "absolute inset-0 rounded-cell focus-ring",
+				children: [V && /* @__PURE__ */ h("svg", {
+					width: j.width,
+					height: v,
 					role: "presentation",
-					className: "overflow-visible",
+					className: "block",
 					children: [
-						/* @__PURE__ */ u("defs", { children: k.links.map((e, t) => /* @__PURE__ */ d("linearGradient", {
-							id: `${E}-${t}`,
+						/* @__PURE__ */ m("defs", { children: V.graph.links.map((e, t) => /* @__PURE__ */ h("linearGradient", {
+							id: `${P}-${t}`,
 							gradientUnits: "userSpaceOnUse",
 							x1: e.source.x1,
 							x2: e.target.x0,
-							children: [/* @__PURE__ */ u("stop", {
+							children: [/* @__PURE__ */ m("stop", {
 								offset: "0%",
-								stopColor: O(e.source.id)
-							}), /* @__PURE__ */ u("stop", {
+								stopColor: B(e.source.id)
+							}), /* @__PURE__ */ m("stop", {
 								offset: "100%",
-								stopColor: O(e.target.id)
+								stopColor: B(e.target.id)
 							})]
 						}, t)) }),
-						/* @__PURE__ */ u("g", { children: k.links.map((e, t) => /* @__PURE__ */ u("path", {
-							d: j(e) ?? "",
+						/* @__PURE__ */ m("g", { children: V.graph.links.map((e, t) => /* @__PURE__ */ m("path", {
+							d: J(e) ?? "",
 							fill: "none",
-							stroke: `url(#${E}-${t})`,
-							strokeOpacity: w ? M(e) ? .5 : .06 : .24,
+							stroke: `url(#${P}-${t})`,
+							strokeOpacity: .5,
+							opacity: q ? Y(e) ? 1 : .12 : .48,
 							strokeWidth: Math.max(1, e.width ?? 1),
 							className: "opacity-motion",
-							children: /* @__PURE__ */ u("title", { children: x("sankey.link", "{source} → {target}: {value}", {
+							children: /* @__PURE__ */ m("title", { children: k("sankey.link", "{source} → {target}: {value}", {
 								source: e.source.label,
 								target: e.target.label,
-								value: g(e.value)
+								value: y(e.value)
 							}) })
 						}, t)) }),
-						/* @__PURE__ */ u("g", { children: k.nodes.map((e) => /* @__PURE__ */ d("g", {
-							onMouseEnter: () => T(e.id),
-							onMouseLeave: () => T(null),
-							className: "cursor-default",
-							children: [/* @__PURE__ */ u("rect", {
-								x: e.x0,
-								y: e.y0,
-								width: (e.x1 ?? 0) - (e.x0 ?? 0),
-								height: Math.max(2, (e.y1 ?? 0) - (e.y0 ?? 0)),
-								rx: 4,
-								fill: O(e.id)
-							}), /* @__PURE__ */ d("text", {
-								x: (e.x1 ?? 0) + 10,
-								y: ((e.y0 ?? 0) + (e.y1 ?? 0)) / 2,
-								dy: "0.32em",
-								fill: "var(--k-text)",
-								fontSize: 13,
-								fontWeight: 500,
-								children: [e.label, /* @__PURE__ */ u("tspan", {
-									fill: "var(--k-text-tertiary)",
-									dx: 6,
-									style: { fontVariantNumeric: "tabular-nums" },
-									children: g(e.value ?? 0)
-								})]
-							})]
-						}, e.id)) })
+						/* @__PURE__ */ m("g", { children: V.placed.map(({ n: e, left: t, label: n, value: r, cut: i }) => {
+							let a = K?.id === e.id, o = ((e.y0 ?? 0) + (e.y1 ?? 0)) / 2;
+							return /* @__PURE__ */ h("g", {
+								onMouseEnter: () => N(e.id),
+								onMouseLeave: () => N(null),
+								className: "cursor-default",
+								children: [
+									a && /* @__PURE__ */ m("rect", {
+										x: (e.x0 ?? 0) - 3,
+										y: (e.y0 ?? 0) - 3,
+										width: 14,
+										height: Math.max(2, (e.y1 ?? 0) - (e.y0 ?? 0)) + 6,
+										rx: 6,
+										fill: "none",
+										stroke: "var(--k-text)",
+										strokeWidth: 1.5
+									}),
+									/* @__PURE__ */ m("rect", {
+										x: e.x0,
+										y: e.y0,
+										width: b,
+										height: Math.max(2, (e.y1 ?? 0) - (e.y0 ?? 0)),
+										rx: 4,
+										fill: B(e.id)
+									}),
+									/* @__PURE__ */ h("text", {
+										x: t ? (e.x0 ?? 0) - x : (e.x1 ?? 0) + x,
+										y: o,
+										dy: "0.32em",
+										textAnchor: t ? "end" : "start",
+										fill: "var(--k-text)",
+										fontSize: C,
+										fontWeight: 500,
+										stroke: "var(--k-bg-panel)",
+										strokeWidth: 3,
+										strokeLinejoin: "round",
+										paintOrder: "stroke",
+										children: [
+											n,
+											r !== null && /* @__PURE__ */ m("tspan", {
+												fill: "var(--k-text-tertiary)",
+												dx: 6,
+												style: { fontVariantNumeric: "tabular-nums" },
+												children: r
+											}),
+											i && /* @__PURE__ */ m("title", { children: `${e.label} ${y(e.value ?? 0)}` })
+										]
+									})
+								]
+							}, e.id);
+						}) })
 					]
-				})
+				}), /* @__PURE__ */ m(c, { children: K ? k("sankey.node", "{node}: {value}", {
+					node: K.label,
+					value: y(K.value ?? 0)
+				}) : null })]
 			})
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (g.displayName = "Sankey");
+process.env.NODE_ENV !== "production" && (T.displayName = "Sankey");
 //#endregion
-export { h as KAESO_SANKEY_DEFAULT_VARIANTS, m as KAESO_SANKEY_VARIANTS, g as Sankey };
+export { y as KAESO_SANKEY_DEFAULT_VARIANTS, v as KAESO_SANKEY_VARIANTS, T as Sankey };
 
 //# sourceMappingURL=sankey.js.map

package/dist/components/charts/sankey.js.map

@@ -1 +1 @@
-{"version":3,"file":"sankey.js","names":["d3sankey","cn","useUiText","useSize","seriesColors","ChartFrame","KAESO_SANKEY_VARIANTS","KAESO_SANKEY_DEFAULT_VARIANTS","Sankey","formatNumber","v","ariaLabel","state","t","box","size","focus","setFocus","useState","gid","useId","palette","useMemo","nodes","n","seriesColor","id","graph","sankey","d","height","links","l","table","formatValue","linkPath","sankeyLinkHorizontal","lit","className","i"],"sources":["../../../src/components/charts/sankey.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\nimport { sankey as d3sankey, sankeyLinkHorizontal, type SankeyLink, type SankeyNode } from \"d3-sankey\";\nimport { cn } from \"../../utils/cn.js\";\nimport { formatNumber } from \"../../format/index.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { ChartFrame, seriesColors, useSize, type ChartState } from \"./core.js\";\n\nexport const KAESO_SANKEY_VARIANTS = {\n  size: { md: { classes: \"\" } },\n} as const;\nexport const KAESO_SANKEY_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface SankeyNodeIn {\n  id: string;\n  label: string;\n}\nexport interface SankeyLinkIn {\n  source: string;\n  target: string;\n  value: number;\n}\n\ntype N = SankeyNode<SankeyNodeIn, SankeyLinkIn>;\ntype L = SankeyLink<SankeyNodeIn, SankeyLinkIn>;\n\nexport const Sankey = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  {\n    nodes: SankeyNodeIn[];\n    links: SankeyLinkIn[];\n    height?: number | undefined;\n    formatValue?: ((v: number) => string) | undefined;\n    \"aria-label\": string;\n    className?: string | undefined;\n  } & ChartState\n>(function Sankey({ nodes, links, height = 320, formatValue = (v) => formatNumber(v), className, \"aria-label\": ariaLabel, ...state }, ref) {\n  const t = useUiText();\n  const [box, size] = useSize<HTMLDivElement>();\n  const [focus, setFocus] = useState<string | null>(null);\n  const gid = useId().replace(/:/g, \"\");\n  const palette = useMemo(() => seriesColors(nodes.map((n) => n.id)), [nodes]);\n  const seriesColor = (id: string) => palette.get(id)!;\n  const graph = useMemo(() => {\n    if (!size.width) return null;\n    const layout = d3sankey<SankeyNodeIn, SankeyLinkIn>()\n      .nodeId((d) => d.id)\n      .nodeWidth(8)\n      .nodePadding(16)\n      .extent([\n        [0, 4],\n        [size.width - 140, height - 4],\n      ]);\n    return layout({ nodes: nodes.map((n) => ({ ...n })), links: links.map((l) => ({ ...l })) });\n  }, [nodes, links, size.width, height]);\n  const table = {\n    columns: [t(\"sankey.from\", \"From\"), t(\"sankey.to\", \"To\"), t(\"sankey.requests\", \"Requests\")],\n    rows: links.map((l) => [\n      nodes.find((n) => n.id === l.source)?.label ?? l.source,\n      nodes.find((n) => n.id === l.target)?.label ?? l.target,\n      formatValue(l.value),\n    ]),\n  };\n  const linkPath = sankeyLinkHorizontal<SankeyNodeIn, SankeyLinkIn>();\n  const lit = (l: L) => !focus || (l.source as N).id === focus || (l.target as N).id === focus;\n  return (\n    <div ref={ref} className={cn(\"min-w-0\", className)}>\n      <ChartFrame label={ariaLabel} height={height} table={table} state={state}>\n        <div ref={box} className=\"absolute inset-0\">\n          {graph && (\n            <svg width={size.width} height={height} role=\"presentation\" className=\"overflow-visible\">\n              <defs>\n                {(graph.links as L[]).map((l, i) => (\n                  <linearGradient key={i} id={`${gid}-${i}`} gradientUnits=\"userSpaceOnUse\" x1={(l.source as N).x1} x2={(l.target as N).x0}>\n                    <stop offset=\"0%\" stopColor={seriesColor((l.source as N).id)} />\n                    <stop offset=\"100%\" stopColor={seriesColor((l.target as N).id)} />\n                  </linearGradient>\n                ))}\n              </defs>\n              <g>\n                {(graph.links as L[]).map((l, i) => (\n                  <path\n                    key={i}\n                    d={linkPath(l) ?? \"\"}\n                    fill=\"none\"\n                    stroke={`url(#${gid}-${i})`}\n                    strokeOpacity={focus ? (lit(l) ? 0.5 : 0.06) : 0.24}\n                    strokeWidth={Math.max(1, l.width ?? 1)}\n                    className=\"opacity-motion\"\n                  >\n                    <title>\n                      {t(\"sankey.link\", \"{source} → {target}: {value}\", {\n                        source: (l.source as N).label,\n                        target: (l.target as N).label,\n                        value: formatValue(l.value),\n                      })}\n                    </title>\n                  </path>\n                ))}\n              </g>\n              <g>\n                {(graph.nodes as N[]).map((n) => (\n                  <g key={n.id} onMouseEnter={() => setFocus(n.id)} onMouseLeave={() => setFocus(null)} className=\"cursor-default\">\n                    <rect x={n.x0} y={n.y0} width={(n.x1 ?? 0) - (n.x0 ?? 0)} height={Math.max(2, (n.y1 ?? 0) - (n.y0 ?? 0))} rx={4} fill={seriesColor(n.id)} />\n                    <text x={(n.x1 ?? 0) + 10} y={((n.y0 ?? 0) + (n.y1 ?? 0)) / 2} dy=\"0.32em\" fill=\"var(--k-text)\" fontSize={13} fontWeight={500}>\n                      {n.label}\n                      <tspan fill=\"var(--k-text-tertiary)\" dx={6} style={{ fontVariantNumeric: \"tabular-nums\" }}>\n                        {formatValue(n.value ?? 0)}\n                      </tspan>\n                    </text>\n                  </g>\n                ))}\n              </g>\n            </svg>\n          )}\n        </div>\n      </ChartFrame>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sankey.displayName = \"Sankey\";\n"],"mappings":"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"}
+{"version":3,"file":"sankey.js","names":["d3sankey","cn","useUiText","useSize","useChartKeys","seriesColors","labelWidth","ChartFrame","ChartLive","fitLabel","KAESO_SANKEY_VARIANTS","KAESO_SANKEY_DEFAULT_VARIANTS","NODE","LABEL_GAP","COLUMN_GAP","FONT","width13","text","Sankey","formatNumber","v","ariaLabel","state","t","box","size","hover","setHover","useState","gid","useId","flowing","links","l","used","shown","nodes","n","empty","palette","useMemo","seriesColor","id","layout","graph","sankey","d","height","all","last","columns","full","formatValue","room","col","withValues","need","r","a","w","values","widths","spare","total","extra","x0","left","fitted","table","order","b","quiet","keys","keyed","focus","linkPath","sankeyLinkHorizontal","lit","className","i","on","y","label","value","cut"],"sources":["../../../src/components/charts/sankey.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\nimport { sankey as d3sankey, sankeyLinkHorizontal, type SankeyLink, type SankeyNode } from \"d3-sankey\";\nimport { cn } from \"../../utils/cn.js\";\nimport { formatNumber } from \"../../format/index.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { ChartFrame, ChartLive, labelWidth, seriesColors, useChartKeys, useSize, type ChartState } from \"./core.js\";\nimport { fitLabel } from \"./domain.js\";\n\nexport const KAESO_SANKEY_VARIANTS = {\n  size: { md: { classes: \"\" } },\n} as const;\nexport const KAESO_SANKEY_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface SankeyNodeIn {\n  id: string;\n  label: string;\n}\nexport interface SankeyLinkIn {\n  source: string;\n  target: string;\n  value: number;\n}\n\ntype N = SankeyNode<SankeyNodeIn, SankeyLinkIn>;\ntype L = SankeyLink<SankeyNodeIn, SankeyLinkIn>;\n\nconst NODE = 8;\nconst LABEL_GAP = 8;\nconst COLUMN_GAP = 24;\nconst FONT = 13;\nconst width13 = (text: string) => labelWidth(text) * (FONT / 12);\n\nexport const Sankey = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  {\n    nodes: SankeyNodeIn[];\n    links: SankeyLinkIn[];\n    height?: number | undefined;\n    formatValue?: ((v: number) => string) | undefined;\n    \"aria-label\": string;\n    className?: string | undefined;\n  } & ChartState\n>(function Sankey({ nodes, links, height = 320, formatValue = (v) => formatNumber(v), className, \"aria-label\": ariaLabel, ...state }, ref) {\n  const t = useUiText();\n  const [box, size] = useSize<HTMLDivElement>();\n  const [hover, setHover] = useState<string | null>(null);\n  const gid = useId().replace(/:/g, \"\");\n  const flowing = links.filter((l) => Number.isFinite(l.value) && l.value > 0);\n  const used = new Set(flowing.flatMap((l) => [l.source, l.target]));\n  const shown = nodes.filter((n) => used.has(n.id));\n  const empty = state.empty ?? flowing.length === 0;\n  const palette = useMemo(() => seriesColors(nodes.map((n) => n.id)), [nodes]);\n  const seriesColor = (id: string) => palette.get(id)!;\n  const layout = useMemo(() => {\n    if (!size.width || empty) return null;\n    const graph = d3sankey<SankeyNodeIn, SankeyLinkIn>()\n      .nodeId((d) => d.id)\n      .nodeWidth(NODE)\n      .nodePadding(16)\n      .extent([\n        [0, 4],\n        [size.width, height - 4],\n      ])({ nodes: shown.map((n) => ({ ...n })), links: flowing.map((l) => ({ ...l })) });\n    const all = graph.nodes as N[];\n    const last = Math.max(0, ...all.map((n) => n.depth ?? 0));\n    const columns = Array.from({ length: last + 1 }, (_, d) => all.filter((n) => n.depth === d));\n    const full = (n: N) => `${n.label} ${formatValue(n.value ?? 0)}`;\n    const room = (withValues: boolean) => columns.map((col) => Math.max(0, ...col.map((n) => width13(withValues ? full(n) : n.label))) + LABEL_GAP);\n    const need = (r: number[]) => (last + 1) * NODE + r.reduce((a, w) => a + w, 0) + Math.max(0, last - 1) * COLUMN_GAP + (last > 0 ? COLUMN_GAP : 0);\n    let values = true;\n    let widths = room(true);\n    if (need(widths) > size.width) {\n      values = false;\n      widths = room(false);\n    }\n    const spare = size.width - need(widths);\n    if (spare < 0) {\n      const total = widths.reduce((a, w) => a + w, 0) || 1;\n      widths = widths.map((w) => Math.max(LABEL_GAP + 24, w + (spare * w) / total));\n    }\n    const extra = last > 0 ? Math.max(0, spare) / last : 0;\n    const x0 = columns.map(() => 0);\n    for (let d = 1; d <= last; d++) {\n      x0[d] = x0[d - 1]! + NODE + (d - 1 === last - 1 && last > 0 ? widths[d - 1]! + COLUMN_GAP + widths[d]! : widths[d - 1]! + COLUMN_GAP) + extra;\n    }\n    if (last === 0) x0[0] = 0;\n    for (const n of all) {\n      const d = n.depth ?? 0;\n      n.x0 = Math.round(d === last && last > 0 ? Math.min(size.width - NODE, x0[d]!) : x0[d]!);\n      n.x1 = n.x0 + NODE;\n    }\n    const placed = all.map((n) => {\n      const d = n.depth ?? 0;\n      const left = d === last && last > 0;\n      const text = values ? full(n) : n.label;\n      const fitted = fitLabel(n.label, widths[d]! - LABEL_GAP - (values ? width13(` ${formatValue(n.value ?? 0)}`) : 0), FONT);\n      return { n, left, label: fitted, value: values ? formatValue(n.value ?? 0) : null, cut: fitted !== n.label || text !== full(n) };\n    });\n    return { graph, placed };\n  }, [shown, flowing, size.width, height, empty, formatValue]);\n  const table = {\n    columns: [t(\"sankey.from\", \"From\"), t(\"sankey.to\", \"To\"), t(\"sankey.requests\", \"Requests\")],\n    rows: flowing.map((l) => [\n      nodes.find((n) => n.id === l.source)?.label ?? l.source,\n      nodes.find((n) => n.id === l.target)?.label ?? l.target,\n      formatValue(l.value),\n    ]),\n  };\n  const order = (layout?.placed ?? []).slice().sort((a, b) => (a.n.depth ?? 0) - (b.n.depth ?? 0) || (a.n.y0 ?? 0) - (b.n.y0 ?? 0));\n  const quiet = empty || !!state.loading || !!state.error;\n  const keys = useChartKeys(quiet ? 0 : order.length, { start: 0 });\n  const keyed = keys.index !== null ? order[keys.index]?.n : undefined;\n  const focus = hover ?? keyed?.id ?? null;\n  const linkPath = sankeyLinkHorizontal<SankeyNodeIn, SankeyLinkIn>();\n  const lit = (l: L) => !focus || (l.source as N).id === focus || (l.target as N).id === focus;\n  return (\n    <div ref={ref} className={cn(\"w-full min-w-0\", className)}>\n      <ChartFrame label={ariaLabel} height={height} table={table} state={{ ...state, empty }}>\n        <div ref={box} role=\"group\" aria-label={ariaLabel} {...keys.props} className=\"absolute inset-0 rounded-cell focus-ring\">\n          {layout && (\n            <svg width={size.width} height={height} role=\"presentation\" className=\"block\">\n              <defs>\n                {(layout.graph.links as L[]).map((l, i) => (\n                  <linearGradient key={i} id={`${gid}-${i}`} gradientUnits=\"userSpaceOnUse\" x1={(l.source as N).x1} x2={(l.target as N).x0}>\n                    <stop offset=\"0%\" stopColor={seriesColor((l.source as N).id)} />\n                    <stop offset=\"100%\" stopColor={seriesColor((l.target as N).id)} />\n                  </linearGradient>\n                ))}\n              </defs>\n              <g>\n                {(layout.graph.links as L[]).map((l, i) => (\n                  <path\n                    key={i}\n                    d={linkPath(l) ?? \"\"}\n                    fill=\"none\"\n                    stroke={`url(#${gid}-${i})`}\n                    strokeOpacity={0.5}\n                    opacity={focus ? (lit(l) ? 1 : 0.12) : 0.48}\n                    strokeWidth={Math.max(1, l.width ?? 1)}\n                    className=\"opacity-motion\"\n                  >\n                    <title>\n                      {t(\"sankey.link\", \"{source} → {target}: {value}\", {\n                        source: (l.source as N).label,\n                        target: (l.target as N).label,\n                        value: formatValue(l.value),\n                      })}\n                    </title>\n                  </path>\n                ))}\n              </g>\n              <g>\n                {layout.placed.map(({ n, left, label, value, cut }) => {\n                  const on = keyed?.id === n.id;\n                  const y = ((n.y0 ?? 0) + (n.y1 ?? 0)) / 2;\n                  return (\n                    <g key={n.id} onMouseEnter={() => setHover(n.id)} onMouseLeave={() => setHover(null)} className=\"cursor-default\">\n                      {on && (\n                        <rect\n                          x={(n.x0 ?? 0) - 3}\n                          y={(n.y0 ?? 0) - 3}\n                          width={NODE + 6}\n                          height={Math.max(2, (n.y1 ?? 0) - (n.y0 ?? 0)) + 6}\n                          rx={6}\n                          fill=\"none\"\n                          stroke=\"var(--k-text)\"\n                          strokeWidth={1.5}\n                        />\n                      )}\n                      <rect x={n.x0} y={n.y0} width={NODE} height={Math.max(2, (n.y1 ?? 0) - (n.y0 ?? 0))} rx={4} fill={seriesColor(n.id)} />\n                      <text\n                        x={left ? (n.x0 ?? 0) - LABEL_GAP : (n.x1 ?? 0) + LABEL_GAP}\n                        y={y}\n                        dy=\"0.32em\"\n                        textAnchor={left ? \"end\" : \"start\"}\n                        fill=\"var(--k-text)\"\n                        fontSize={FONT}\n                        fontWeight={500}\n                        stroke=\"var(--k-bg-panel)\"\n                        strokeWidth={3}\n                        strokeLinejoin=\"round\"\n                        paintOrder=\"stroke\"\n                      >\n                        {label}\n                        {value !== null && (\n                          <tspan fill=\"var(--k-text-tertiary)\" dx={6} style={{ fontVariantNumeric: \"tabular-nums\" }}>\n                            {value}\n                          </tspan>\n                        )}\n                        {cut && <title>{`${n.label} ${formatValue(n.value ?? 0)}`}</title>}\n                      </text>\n                    </g>\n                  );\n                })}\n              </g>\n            </svg>\n          )}\n          <ChartLive>{keyed ? t(\"sankey.node\", \"{node}: {value}\", { node: keyed.label, value: formatValue(keyed.value ?? 0) }) : null}</ChartLive>\n        </div>\n      </ChartFrame>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sankey.displayName = \"Sankey\";\n"],"mappings":";;;;;;;;;;AAQA,IAAaU,IAAwB,EACnC,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAC9B,GACaC,IAAgC,EAAE,MAAM,KAAK,GAepDC,IAAO,GACPC,IAAY,GACZC,IAAa,IACbC,IAAO,IACPC,KAAW,MAAiBV,EAAWW,CAAI,KAAKF,IAAO,KAEhDG,IAAyB,kBAUpC,SAAgB,EAAE,UAAO,UAAO,YAAS,KAAK,kBAAe,MAAMC,EAAaC,CAAC,GAAG,cAAW,cAAcC,GAAW,GAAGC,KAAS,GAAK;CACzI,IAAMC,IAAIrB,EAAU,GACd,CAACsB,GAAKC,KAAQtB,EAAwB,GACtC,CAACuB,GAAOC,KAAYC,EAAwB,IAAI,GAChDC,IAAMC,EAAM,CAAC,CAAC,QAAQ,MAAM,EAAE,GAC9BC,IAAUC,EAAM,QAAQ,MAAM,OAAO,SAASC,EAAE,KAAK,KAAKA,EAAE,QAAQ,CAAC,GACrEC,IAAO,IAAI,IAAIH,EAAQ,SAAS,MAAM,CAACE,EAAE,QAAQA,EAAE,MAAM,CAAC,CAAC,GAC3DE,IAAQC,EAAM,QAAQ,MAAMF,EAAK,IAAIG,EAAE,EAAE,CAAC,GAC1CC,IAAQhB,EAAM,SAASS,EAAQ,WAAW,GAC1CQ,IAAUC,QAAcnC,EAAa+B,EAAM,KAAK,MAAMC,EAAE,EAAE,CAAC,GAAG,CAACD,CAAK,CAAC,GACrEK,KAAe,MAAeF,EAAQ,IAAIG,CAAE,GAC5CC,IAASH,QAAc;EAC3B,IAAI,CAACf,EAAK,SAASa,GAAO,OAAO;EACjC,IAAMM,IAAQ5C,EAAqC,CAAC,CACjD,QAAQ,MAAM8C,EAAE,EAAE,CAAC,CACnB,UAAUlC,CAAI,CAAC,CACf,YAAY,EAAE,CAAC,CACf,OAAO,CACN,CAAC,GAAG,CAAC,GACL,CAACa,EAAK,OAAOsB,IAAS,CAAC,CACzB,CAAC,CAAC,CAAC;GAAE,OAAOZ,EAAM,KAAK,OAAO,EAAE,GAAGE,EAAE,EAAE;GAAG,OAAON,EAAQ,KAAK,OAAO,EAAE,GAAGE,EAAE,EAAE;EAAE,CAAC,GAC7Ee,IAAMJ,EAAM,OACZK,IAAO,KAAK,IAAI,GAAG,GAAGD,EAAI,KAAK,MAAMX,EAAE,SAAS,CAAC,CAAC,GAClDa,IAAU,MAAM,KAAK,EAAE,QAAQD,IAAO,EAAE,IAAI,GAAG,MAAMD,EAAI,QAAQ,MAAMX,EAAE,UAAUS,CAAC,CAAC,GACrFK,KAAQ,MAAS,GAAGd,EAAE,MAAM,GAAGe,EAAYf,EAAE,SAAS,CAAC,KACvDgB,KAAQ,MAAwBH,EAAQ,KAAK,MAAQ,KAAK,IAAI,GAAG,GAAGI,EAAI,KAAK,MAAMtC,EAAQuC,IAAaJ,EAAKd,CAAC,IAAIA,EAAE,KAAK,CAAC,CAAC,IAAIxB,CAAS,GACxI2C,KAAQ,OAAiBP,IAAO,KAAKrC,IAAO6C,EAAE,QAAQ,GAAG,MAAMC,IAAIC,GAAG,CAAC,IAAI,KAAK,IAAI,GAAGV,IAAO,CAAC,IAAInC,KAAcmC,IAAO,IAAInC,IAAa,IAC3I8C,IAAS,IACTC,IAASR,EAAK,EAAI;EACtB,AAAIG,EAAKK,CAAM,IAAIpC,EAAK,UACtB,IAAS,IACT,IAAS4B,EAAK,EAAK;EAErB,IAAMS,IAAQrC,EAAK,QAAQ+B,EAAKK,CAAM;EACtC,IAAIC,IAAQ,GAAG;GACb,IAAMC,IAAQF,EAAO,QAAQ,GAAG,MAAMH,IAAIC,GAAG,CAAC,KAAK;GACnD,IAASE,EAAO,KAAK,MAAM,KAAK,IAAI,IAAgBF,IAAKG,IAAQH,IAAKI,CAAK,CAAC;EAC9E;EACA,IAAMC,IAAQf,IAAO,IAAI,KAAK,IAAI,GAAGa,CAAK,IAAIb,IAAO,GAC/CgB,IAAKf,EAAQ,UAAU,CAAC;EAC9B,KAAK,IAAIJ,IAAI,GAAGA,KAAKG,GAAM,KACzB,EAAGH,KAAKmB,EAAGnB,IAAI,KAAMlC,KAAQkC,IAAI,KAAMG,IAAO,KAAKA,IAAO,IAAIY,EAAOf,IAAI,KAAMhC,IAAa+C,EAAOf,KAAMe,EAAOf,IAAI,KAAMhC,KAAckD;EAE1I,AAAIf,MAAS,MAAG,EAAG,KAAK;EACxB,KAAK,IAAMZ,KAAKW,GAAK;GACnB,IAAMF,IAAIT,EAAE,SAAS;GAErB,AADA,EAAE,KAAK,KAAK,MAAMS,MAAMG,KAAQA,IAAO,IAAI,KAAK,IAAIxB,EAAK,QAAQb,GAAMqD,EAAGnB,EAAG,IAAImB,EAAGnB,EAAG,GACvF,EAAE,KAAKT,EAAE,KAAKzB;EAChB;EAQA,OAAO;GAAE;GAAO,QAPDoC,EAAI,KAAK,MAAM;IAC5B,IAAMF,IAAIT,EAAE,SAAS,GACf6B,IAAOpB,MAAMG,KAAQA,IAAO,GAC5BhC,IAAO2C,IAAST,EAAKd,CAAC,IAAIA,EAAE,OAC5B8B,IAAS1D,EAAS4B,EAAE,OAAOwB,EAAOf,KAAMjC,KAAa+C,IAAS5C,EAAQ,IAAIoC,EAAYf,EAAE,SAAS,CAAC,GAAG,IAAI,IAAItB,CAAI;IACvH,OAAO;KAAE;KAAG;KAAM,OAAOoD;KAAQ,OAAOP,IAASR,EAAYf,EAAE,SAAS,CAAC,IAAI;KAAM,KAAK8B,MAAW9B,EAAE,SAASpB,MAASkC,EAAKd,CAAC;IAAE;GACjI,CACgB;EAAO;CACzB,GAAG;EAACF;EAAOJ;EAASN,EAAK;EAAOsB;EAAQT;EAAOc;CAAW,CAAC,GACrDgB,IAAQ;EACZ,SAAS;GAAC7C,EAAE,eAAe,MAAM;GAAGA,EAAE,aAAa,IAAI;GAAGA,EAAE,mBAAmB,UAAU;EAAC;EAC1F,MAAMQ,EAAQ,KAAK,MAAM;GACvBK,EAAM,MAAM,MAAMC,EAAE,OAAOJ,EAAE,MAAM,CAAC,EAAE,SAASA,EAAE;GACjDG,EAAM,MAAM,MAAMC,EAAE,OAAOJ,EAAE,MAAM,CAAC,EAAE,SAASA,EAAE;GACjDmB,EAAYnB,EAAE,KAAK;EACrB,CAAC;CACH,GACMoC,KAAS1B,GAAQ,UAAU,CAAC,EAAA,CAAG,MAAM,CAAC,CAAC,MAAM,GAAG,OAAOe,EAAE,EAAE,SAAS,MAAMY,EAAE,EAAE,SAAS,OAAOZ,EAAE,EAAE,MAAM,MAAMY,EAAE,EAAE,MAAM,EAAE,GAC1HC,IAAQjC,KAAS,CAAC,CAAChB,EAAM,WAAW,CAAC,CAACA,EAAM,OAC5CkD,IAAOpE,EAAamE,IAAQ,IAAIF,EAAM,QAAQ,EAAE,OAAO,EAAE,CAAC,GAC1DI,IAAQD,EAAK,UAAU,OAA8B,KAAA,IAAvBH,EAAMG,EAAK,MAAM,EAAE,GACjDE,IAAQhD,KAAS+C,GAAO,MAAM,MAC9BE,IAAWC,EAAiD,GAC5DC,KAAO,MAAS,CAACH,KAAUzC,EAAE,OAAa,OAAOyC,KAAUzC,EAAE,OAAa,OAAOyC;CACvF,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWzE,EAAG,kBAAkB6E,CAAS;EACtD,UAAA,kBAACvE,GAAD;GAAY,OAAOc;GAAmB;GAAe;GAAO,OAAO;IAAE,GAAGC;IAAO;GAAM;GACnF,UAAA,kBAAC,OAAD;IAAK,KAAKE;IAAK,MAAK;IAAQ,cAAYH;IAAW,GAAImD,EAAK;IAAO,WAAU;IAA7E,UAAA,CACG7B,KACC,kBAAC,OAAD;KAAK,OAAOlB,EAAK;KAAe;KAAQ,MAAK;KAAe,WAAU;KAAtE,UAAA;MACE,kBAAC,QAAD,EAAA,UACIkB,EAAO,MAAM,MAAc,KAAK,GAAG,MACnC,kBAAC,kBAAD;OAAwB,IAAI,GAAGd,EAAI,GAAGkD;OAAK,eAAc;OAAiB,IAAK9C,EAAE,OAAa;OAAI,IAAKA,EAAE,OAAa;OAAtH,UAAA,CACE,kBAAC,QAAD;QAAM,QAAO;QAAK,WAAWQ,EAAaR,EAAE,OAAa,EAAE;OAAI,CAAA,GAC/D,kBAAC,QAAD;QAAM,QAAO;QAAO,WAAWQ,EAAaR,EAAE,OAAa,EAAE;OAAI,CAAA,CACnD;MAHK,GAAA8C,CAGL,CACjB,EACG,CAAA;MACN,kBAAC,KAAD,EAAA,UACIpC,EAAO,MAAM,MAAc,KAAK,GAAG,MACnC,kBAAC,QAAD;OAEE,GAAGgC,EAAS1C,CAAC,KAAK;OAClB,MAAK;OACL,QAAQ,QAAQJ,EAAI,GAAGkD,EAAE;OACzB,eAAe;OACf,SAASL,IAASG,EAAI5C,CAAC,IAAI,IAAI,MAAQ;OACvC,aAAa,KAAK,IAAI,GAAGA,EAAE,SAAS,CAAC;OACrC,WAAU;OAEV,UAAA,kBAAC,SAAD,EAAA,UACGV,EAAE,eAAe,gCAAgC;QAChD,QAASU,EAAE,OAAa;QACxB,QAASA,EAAE,OAAa;QACxB,OAAOmB,EAAYnB,EAAE,KAAK;OAC5B,CAAC,EACI,CAAA;MACH,GAhBC8C,CAgBD,CACP,EACA,CAAA;MACH,kBAAC,KAAD,EAAA,UACGpC,EAAO,OAAO,KAAK,EAAE,MAAG,SAAM,UAAO,UAAO,aAAU;OACrD,IAAMqC,IAAKP,GAAO,OAAOpC,EAAE,IACrB4C,MAAM5C,EAAE,MAAM,MAAMA,EAAE,MAAM,MAAM;OACxC,OACE,kBAAC,KAAD;QAAc,oBAAoBV,EAASU,EAAE,EAAE;QAAG,oBAAoBV,EAAS,IAAI;QAAG,WAAU;QAAhG,UAAA;SACGqD,KACC,kBAAC,QAAD;UACE,IAAI3C,EAAE,MAAM,KAAK;UACjB,IAAIA,EAAE,MAAM,KAAK;UACjB,OAAO;UACP,QAAQ,KAAK,IAAI,IAAIA,EAAE,MAAM,MAAMA,EAAE,MAAM,EAAE,IAAI;UACjD,IAAI;UACJ,MAAK;UACL,QAAO;UACP,aAAa;SACd,CAAA;SAEH,kBAAC,QAAD;UAAM,GAAGA,EAAE;UAAI,GAAGA,EAAE;UAAI,OAAOzB;UAAM,QAAQ,KAAK,IAAI,IAAIyB,EAAE,MAAM,MAAMA,EAAE,MAAM,EAAE;UAAG,IAAI;UAAG,MAAMI,EAAYJ,EAAE,EAAE;SAAI,CAAA;SACtH,kBAAC,QAAD;UACE,GAAG6B,KAAQ7B,EAAE,MAAM,KAAKxB,KAAawB,EAAE,MAAM,KAAKxB;UAC/C;UACH,IAAG;UACH,YAAYqD,IAAO,QAAQ;UAC3B,MAAK;UACL,UAAUnD;UACV,YAAY;UACZ,QAAO;UACP,aAAa;UACb,gBAAe;UACf,YAAW;UAXb,UAAA;WAaGmE;WACAC,MAAU,QACT,kBAAC,SAAD;YAAO,MAAK;YAAyB,IAAI;YAAG,OAAO,EAAE,oBAAoB,eAAe;YACrF,UAAAA;WACI,CAAA;WAERC,KAAO,kBAAC,SAAD,EAAA,UAAQ,GAAG/C,EAAE,MAAM,GAAGe,EAAYf,EAAE,SAAS,CAAC,IAAW,CAAA;UAC7D;;QACL;OAnCK,GAAAA,EAAE,EAmCP;MAEP,CAAC,EACA,CAAA;KACA;IAEP,CAAA,GAAA,kBAAC7B,GAAD,EAAA,UAAYiE,IAAQlD,EAAE,eAAe,mBAAmB;KAAE,MAAMkD,EAAM;KAAO,OAAOrB,EAAYqB,EAAM,SAAS,CAAC;IAAE,CAAC,IAAI,KAAgB,CAAA,CACpI;;EACK,CAAA;CACT,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}

package/dist/components/charts/sparkline.js

@@ -1,72 +1,88 @@
 "use client";
-import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
+import { t as e } from "../../chunks/cn-BjnOAUrA.js";
 import { forwardRef as t, useId as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { area as a, curveMonotoneX as o, line as s } from "d3-shape";
-import { max as c, min as l } from "d3-array";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { area as o, curveMonotoneX as s, line as c } from "d3-shape";
+import { max as l, min as u } from "d3-array";
 //#region src/components/charts/sparkline.tsx
-function u(e, t, n, r) {
+function d(e, t, n, r) {
 	let i = t - e;
 	return (t) => {
 		let a = i ? (t - e) / i : Number.isNaN(i) ? NaN : .5;
 		return n * (1 - a) + r * a;
 	};
 }
-var d = { size: { md: { classes: "w-80 h-24" } } }, f = { size: "md" }, p = /* @__PURE__ */ t(function({ values: t, color: d = "var(--k-viz-1)", fluid: f, className: p, "aria-label": m }, h) {
-	let g = f ? 240 : 80, _ = f ? 32 : 24, v = u(0, Math.max(1, t.length - 1), 2, g - 4), y = l(t) ?? 0, b = c(t) ?? 1, x = u(y, b === y ? y + 1 : b, _ - 3, 3), S = s().x((e, t) => v(t)).y((e) => x(e)).curve(o), C = a().x((e, t) => v(t)).y0(_).y1((e) => x(e)).curve(o), w = t[t.length - 1] ?? 0, T = n().replace(/:/g, "");
+var f = { size: { md: { classes: "w-80 h-24" } } }, p = { size: "md" }, m = /* @__PURE__ */ t(function({ values: t, color: f = "var(--k-viz-1)", fluid: p, className: m, "aria-label": h }, g) {
+	let _ = p ? 240 : 80, v = p ? 32 : 24, y = t.filter(Number.isFinite), b = d(0, Math.max(1, t.length - 1), 2, _ - 4), x = u(y) ?? 0, S = l(y) ?? 0, C = S === x ? () => v / 2 : d(x, S, v - 3, 3), w = c().defined(Number.isFinite).x((e, t) => b(t)).y((e) => C(e)).curve(s), T = o().defined(Number.isFinite).x((e, t) => b(t)).y0(v).y1((e) => C(e)).curve(s), E = t.findLastIndex(Number.isFinite), D = y.length === 1, O = D ? _ - 4 : b(E), k = n().replace(/:/g, "");
 	return /* @__PURE__ */ i("svg", {
-		ref: h,
-		width: f ? "100%" : g,
-		height: _,
-		viewBox: `0 0 ${g} ${_}`,
-		...f ? { preserveAspectRatio: "none" } : {},
+		ref: g,
+		width: p ? "100%" : _,
+		height: v,
+		viewBox: `0 0 ${_} ${v}`,
+		...p ? { preserveAspectRatio: "none" } : {},
 		role: "img",
-		"aria-label": m,
-		className: e("block shrink-0 overflow-visible", p),
-		children: [
-			/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ i("linearGradient", {
-				id: T,
+		"aria-label": h,
+		className: e("block shrink-0 overflow-visible", m),
+		children: y.length === 0 ? /* @__PURE__ */ i("line", {
+			x1: 2,
+			x2: _ - 4,
+			y1: v / 2,
+			y2: v / 2,
+			stroke: "var(--k-line-strong)",
+			strokeWidth: 1.5,
+			strokeLinecap: "round",
+			vectorEffect: "non-scaling-stroke"
+		}) : /* @__PURE__ */ a(r, { children: [
+			/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ a("linearGradient", {
+				id: k,
 				x1: "0",
 				y1: "0",
 				x2: "0",
 				y2: "1",
-				children: [/* @__PURE__ */ r("stop", {
+				children: [/* @__PURE__ */ i("stop", {
 					offset: "0%",
-					stopColor: d,
+					stopColor: f,
 					className: "chart-fill-top"
-				}), /* @__PURE__ */ r("stop", {
+				}), /* @__PURE__ */ i("stop", {
 					offset: "100%",
-					stopColor: d,
+					stopColor: f,
 					stopOpacity: 0
 				})]
 			}) }),
-			/* @__PURE__ */ r("path", {
-				d: C(t) ?? "",
-				fill: `url(#${T})`
+			!D && /* @__PURE__ */ i("path", {
+				d: T(t) ?? "",
+				fill: `url(#${k})`
 			}),
-			/* @__PURE__ */ r("path", {
-				d: S(t) ?? "",
+			!D && /* @__PURE__ */ i("path", {
+				d: w(t) ?? "",
 				fill: "none",
-				stroke: d,
+				stroke: f,
 				strokeWidth: 1.5,
 				strokeLinejoin: "round",
 				strokeLinecap: "round",
 				vectorEffect: "non-scaling-stroke"
 			}),
-			!f && /* @__PURE__ */ r("circle", {
-				cx: v(t.length - 1),
-				cy: x(w),
-				r: 2.5,
-				fill: d,
-				stroke: "var(--k-bg-panel)",
-				strokeWidth: 1.5,
-				paintOrder: "stroke"
+			(!p || D) && /* @__PURE__ */ a("g", {
+				"data-dot": "",
+				children: [/* @__PURE__ */ i("path", {
+					d: `M${O} ${C(t[E] ?? 0)}h0`,
+					stroke: "var(--k-bg-panel)",
+					strokeWidth: 8,
+					strokeLinecap: "round",
+					vectorEffect: "non-scaling-stroke"
+				}), /* @__PURE__ */ i("path", {
+					d: `M${O} ${C(t[E] ?? 0)}h0`,
+					stroke: f,
+					strokeWidth: 5,
+					strokeLinecap: "round",
+					vectorEffect: "non-scaling-stroke"
+				})]
 			})
-		]
+		] })
 	});
 });
-process.env.NODE_ENV !== "production" && (p.displayName = "Sparkline");
+process.env.NODE_ENV !== "production" && (m.displayName = "Sparkline");
 //#endregion
-export { f as KAESO_SPARKLINE_DEFAULT_VARIANTS, d as KAESO_SPARKLINE_VARIANTS, p as Sparkline };
+export { p as KAESO_SPARKLINE_DEFAULT_VARIANTS, f as KAESO_SPARKLINE_VARIANTS, m as Sparkline };
 
 //# sourceMappingURL=sparkline.js.map

package/dist/components/charts/sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline.js","names":["d3min","d3max","line","d3line","area","d3area","cn","linear","span","d1","d0","t","v","r0","r1","KAESO_SPARKLINE_VARIANTS","KAESO_SPARKLINE_DEFAULT_VARIANTS","Sparkline","ariaLabel","W","fluid","H","x","values","lo","min","hi","max","y","line$1","line","i","curveMonotoneX","area$1","area","last","gid","useId","className","color"],"sources":["../../../src/components/charts/sparkline.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { area as d3area, curveMonotoneX, line as d3line } from \"d3-shape\";\nimport { max as d3max, min as d3min } from \"d3-array\";\nimport { cn } from \"../../utils/cn.js\";\n\nfunction linear(d0: number, d1: number, r0: number, r1: number): (v: number) => number {\n  const span = d1 - d0;\n  return (v) => {\n    const t = span ? (v - d0) / span : Number.isNaN(span) ? NaN : 0.5;\n    return r0 * (1 - t) + r1 * t;\n  };\n}\n\nexport const KAESO_SPARKLINE_VARIANTS = {\n  size: { md: { classes: \"w-80 h-24\" } },\n} as const;\nexport const KAESO_SPARKLINE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport const Sparkline = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  { values: number[]; color?: string | undefined; fluid?: boolean | undefined; \"aria-label\": string; className?: string | undefined }\n>(function Sparkline({ values, color = \"var(--k-viz-1)\", fluid, className, \"aria-label\": ariaLabel }, ref) {\n  const W = fluid ? 240 : 80;\n  const H = fluid ? 32 : 24;\n  const x = linear(0, Math.max(1, values.length - 1), 2, W - 4);\n  const lo = d3min(values) ?? 0;\n  const hi = d3max(values) ?? 1;\n  const y = linear(lo, hi === lo ? lo + 1 : hi, H - 3, 3);\n  const line = d3line<number>()\n    .x((_, i) => x(i))\n    .y((v) => y(v))\n    .curve(curveMonotoneX);\n  const area = d3area<number>()\n    .x((_, i) => x(i))\n    .y0(H)\n    .y1((v) => y(v))\n    .curve(curveMonotoneX);\n  const last = values[values.length - 1] ?? 0;\n  const gid = useId().replace(/:/g, \"\");\n  return (\n    <svg\n      ref={ref}\n      width={fluid ? \"100%\" : W}\n      height={H}\n      viewBox={`0 0 ${W} ${H}`}\n      {...(fluid ? { preserveAspectRatio: \"none\" } : {})}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={cn(\"block shrink-0 overflow-visible\", className)}\n    >\n      <defs>\n        <linearGradient id={gid} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor={color} className=\"chart-fill-top\" />\n          <stop offset=\"100%\" stopColor={color} stopOpacity={0} />\n        </linearGradient>\n      </defs>\n      <path d={area(values) ?? \"\"} fill={`url(#${gid})`} />\n      <path\n        d={line(values) ?? \"\"}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={1.5}\n        strokeLinejoin=\"round\"\n        strokeLinecap=\"round\"\n        vectorEffect=\"non-scaling-stroke\"\n      />\n      {!fluid && <circle cx={x(values.length - 1)} cy={y(last)} r={2.5} fill={color} stroke=\"var(--k-bg-panel)\" strokeWidth={1.5} paintOrder=\"stroke\" />}\n    </svg>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sparkline.displayName = \"Sparkline\";\n"],"mappings":";;;;;;;AAKA,SAASO,EAAO,GAAY,GAAY,GAAY,GAAmC;CACrF,IAAMC,IAAOC,IAAKC;CAClB,QAAQ,MAAM;EACZ,IAAMC,IAAIH,KAAQI,IAAIF,KAAMF,IAAO,OAAO,MAAMA,CAAI,IAAI,MAAM;EAC9D,OAAOK,KAAM,IAAIF,KAAKG,IAAKH;CAC7B;AACF;AAEA,IAAaI,IAA2B,EACtC,MAAM,EAAE,IAAI,EAAE,SAAS,YAAY,EAAE,EACvC,GACaC,IAAmC,EAAE,MAAM,KAAK,GAEhDC,IAA4B,kBAGvC,SAAmB,EAAE,WAAQ,WAAQ,kBAAkB,UAAO,cAAW,cAAcC,KAAa,GAAK;CACzG,IAAMC,IAAIC,IAAQ,MAAM,IAClBC,IAAID,IAAQ,KAAK,IACjBE,IAAIf,EAAO,GAAG,KAAK,IAAI,GAAGgB,EAAO,SAAS,CAAC,GAAG,GAAGJ,IAAI,CAAC,GACtDK,IAAKxB,EAAMuB,CAAM,KAAK,GACtBG,IAAKzB,EAAMsB,CAAM,KAAK,GACtBK,IAAIrB,EAAOiB,GAAIE,MAAOF,IAAKA,IAAK,IAAIE,GAAIL,IAAI,GAAG,CAAC,GAChDnB,IAAOC,EAAe,CAAC,CAC1B,GAAG,GAAG,MAAMmB,EAAES,CAAC,CAAC,CAAC,CACjB,GAAG,MAAMH,EAAEhB,CAAC,CAAC,CAAC,CACd,MAAMoB,CAAc,GACjB5B,IAAOC,EAAe,CAAC,CAC1B,GAAG,GAAG,MAAMiB,EAAES,CAAC,CAAC,CAAC,CACjB,GAAGV,CAAC,CAAC,CACL,IAAI,MAAMO,EAAEhB,CAAC,CAAC,CAAC,CACf,MAAMoB,CAAc,GACjBG,IAAOZ,EAAOA,EAAO,SAAS,MAAM,GACpCa,IAAMC,EAAM,CAAC,CAAC,QAAQ,MAAM,EAAE;CACpC,OACE,kBAAC,OAAD;EACO;EACL,OAAOjB,IAAQ,SAASD;EACxB,QAAQE;EACR,SAAS,OAAOF,EAAE,GAAGE;EACrB,GAAKD,IAAQ,EAAE,qBAAqB,OAAO,IAAI,CAAC;EAChD,MAAK;EACL,cAAYF;EACZ,WAAWZ,EAAG,mCAAmCgC,CAAS;EAR5D,UAAA;GAUE,kBAAC,QAAD,EAAA,UACE,kBAAC,kBAAD;IAAgB,IAAIF;IAAK,IAAG;IAAI,IAAG;IAAI,IAAG;IAAI,IAAG;IAAjD,UAAA,CACE,kBAAC,QAAD;KAAM,QAAO;KAAK,WAAWG;KAAO,WAAU;IAAkB,CAAA,GAChE,kBAAC,QAAD;KAAM,QAAO;KAAO,WAAWA;KAAO,aAAa;IAAI,CAAA,CACzC;GACZ,CAAA,EAAA,CAAA;GACN,kBAAC,QAAD;IAAM,GAAGnC,EAAKmB,CAAM,KAAK;IAAI,MAAM,QAAQa,EAAI;GAAK,CAAA;GACpD,kBAAC,QAAD;IACE,GAAGlC,EAAKqB,CAAM,KAAK;IACnB,MAAK;IACL,QAAQgB;IACR,aAAa;IACb,gBAAe;IACf,eAAc;IACd,cAAa;GACd,CAAA;GACA,CAACnB,KAAS,kBAAC,UAAD;IAAQ,IAAIE,EAAEC,EAAO,SAAS,CAAC;IAAG,IAAIK,EAAEO,CAAI;IAAG,GAAG;IAAK,MAAMI;IAAO,QAAO;IAAoB,aAAa;IAAK,YAAW;GAAU,CAAA;EAC9I;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}
+{"version":3,"file":"sparkline.js","names":["d3min","d3max","line","d3line","area","d3area","_Fragment","cn","Fragment$1","linear","span","d1","d0","t","v","r0","r1","KAESO_SPARKLINE_VARIANTS","KAESO_SPARKLINE_DEFAULT_VARIANTS","Sparkline","ariaLabel","W","fluid","H","points","values","x","lo","min","hi","max","y","line$1","line","i","curveMonotoneX","area$1","area","lastIndex","single","dotX","gid","useId","className","color"],"sources":["../../../src/components/charts/sparkline.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { area as d3area, curveMonotoneX, line as d3line } from \"d3-shape\";\nimport { max as d3max, min as d3min } from \"d3-array\";\nimport { cn } from \"../../utils/cn.js\";\n\nfunction linear(d0: number, d1: number, r0: number, r1: number): (v: number) => number {\n  const span = d1 - d0;\n  return (v) => {\n    const t = span ? (v - d0) / span : Number.isNaN(span) ? NaN : 0.5;\n    return r0 * (1 - t) + r1 * t;\n  };\n}\n\nexport const KAESO_SPARKLINE_VARIANTS = {\n  size: { md: { classes: \"w-80 h-24\" } },\n} as const;\nexport const KAESO_SPARKLINE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport const Sparkline = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  { values: number[]; color?: string | undefined; fluid?: boolean | undefined; \"aria-label\": string; className?: string | undefined }\n>(function Sparkline({ values, color = \"var(--k-viz-1)\", fluid, className, \"aria-label\": ariaLabel }, ref) {\n  const W = fluid ? 240 : 80;\n  const H = fluid ? 32 : 24;\n  const points = values.filter(Number.isFinite);\n  const x = linear(0, Math.max(1, values.length - 1), 2, W - 4);\n  const lo = d3min(points) ?? 0;\n  const hi = d3max(points) ?? 0;\n  const y = hi === lo ? () => H / 2 : linear(lo, hi, H - 3, 3);\n  const line = d3line<number>()\n    .defined(Number.isFinite)\n    .x((_, i) => x(i))\n    .y((v) => y(v))\n    .curve(curveMonotoneX);\n  const area = d3area<number>()\n    .defined(Number.isFinite)\n    .x((_, i) => x(i))\n    .y0(H)\n    .y1((v) => y(v))\n    .curve(curveMonotoneX);\n  const lastIndex = values.findLastIndex(Number.isFinite);\n  const single = points.length === 1;\n  const dotX = single ? W - 4 : x(lastIndex);\n  const gid = useId().replace(/:/g, \"\");\n  return (\n    <svg\n      ref={ref}\n      width={fluid ? \"100%\" : W}\n      height={H}\n      viewBox={`0 0 ${W} ${H}`}\n      {...(fluid ? { preserveAspectRatio: \"none\" } : {})}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={cn(\"block shrink-0 overflow-visible\", className)}\n    >\n      {points.length === 0 ? (\n        <line x1={2} x2={W - 4} y1={H / 2} y2={H / 2} stroke=\"var(--k-line-strong)\" strokeWidth={1.5} strokeLinecap=\"round\" vectorEffect=\"non-scaling-stroke\" />\n      ) : (\n        <>\n          <defs>\n            <linearGradient id={gid} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stopColor={color} className=\"chart-fill-top\" />\n              <stop offset=\"100%\" stopColor={color} stopOpacity={0} />\n            </linearGradient>\n          </defs>\n          {!single && <path d={area(values) ?? \"\"} fill={`url(#${gid})`} />}\n          {!single && (\n            <path\n              d={line(values) ?? \"\"}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth={1.5}\n              strokeLinejoin=\"round\"\n              strokeLinecap=\"round\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          )}\n          {(!fluid || single) && (\n            <g data-dot=\"\">\n              <path\n                d={`M${dotX} ${y(values[lastIndex] ?? 0)}h0`}\n                stroke=\"var(--k-bg-panel)\"\n                strokeWidth={8}\n                strokeLinecap=\"round\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path d={`M${dotX} ${y(values[lastIndex] ?? 0)}h0`} stroke={color} strokeWidth={5} strokeLinecap=\"round\" vectorEffect=\"non-scaling-stroke\" />\n            </g>\n          )}\n        </>\n      )}\n    </svg>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sparkline.displayName = \"Sparkline\";\n"],"mappings":"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"}

package/dist/components/charts/timeseries.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TIMESERIES_CHART_DEFAULT_VARIANTS, n as KAESO_TIMESERIES_CHART_VARIANTS, r as TimeseriesChart } from "../../chunks/timeseries-D1xjRXfk.js";
+export { t as KAESO_TIMESERIES_CHART_DEFAULT_VARIANTS, n as KAESO_TIMESERIES_CHART_VARIANTS, r as TimeseriesChart } from "../../chunks/timeseries-Ck-q0wWn.js";

package/dist/components/charts.js

@@ -1,7 +1,7 @@
 "use client";
 import { KAESO_SPARKLINE_DEFAULT_VARIANTS as e, KAESO_SPARKLINE_VARIANTS as t, Sparkline as n } from "./charts/sparkline.js";
-import { A as r, C as i, D as a, E as o, O as s, S as c, T as l, _ as u, a as d, b as f, c as p, d as m, f as h, g, h as _, i as v, j as y, k as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, w as j, x as M, y as N } from "../chunks/core-BYns5ytV.js";
-import { n as P, r as F, t as I } from "../chunks/timeseries-D1xjRXfk.js";
+import { A as r, C as i, D as a, E as o, O as s, S as c, T as l, _ as u, a as d, b as f, c as p, d as m, f as h, g, h as _, i as v, j as y, k as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, w as j, x as M, y as N } from "../chunks/core-CmK-8ObW.js";
+import { n as P, r as F, t as I } from "../chunks/timeseries-Ck-q0wWn.js";
 import { BarChart as L, KAESO_BAR_CHART_DEFAULT_VARIANTS as R, KAESO_BAR_CHART_VARIANTS as z } from "./charts/bar.js";
 import { Donut as B, KAESO_DONUT_DEFAULT_VARIANTS as V, KAESO_DONUT_VARIANTS as H, KAESO_SHARE_BAR_DEFAULT_VARIANTS as U, KAESO_SHARE_BAR_VARIANTS as W, Ring as G, ShareBar as K, groupSmall as q, shareLabel as J, wholeShares as Y } from "./charts/donut.js";
 import { Heatmap as X, KAESO_HEATMAP_DEFAULT_VARIANTS as Z, KAESO_HEATMAP_VARIANTS as Q } from "./charts/heatmap.js";

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as Checkbox, n as CheckboxBox, r as CheckboxGroup, i as KAESO_CHECKBOX_DEFAULT_VARIANTS, a as KAESO_CHECKBOX_GROUP_DEFAULT_VARIANTS, o as KAESO_CHECKBOX_GROUP_VARIANTS, s as KAESO_CHECKBOX_VARIANTS } from "../chunks/checkbox-CQjwCPkc.js";
+export { t as Checkbox, n as CheckboxBox, r as CheckboxGroup, i as KAESO_CHECKBOX_DEFAULT_VARIANTS, a as KAESO_CHECKBOX_GROUP_DEFAULT_VARIANTS, o as KAESO_CHECKBOX_GROUP_VARIANTS, s as KAESO_CHECKBOX_VARIANTS } from "../chunks/checkbox-9tbimmF3.js";

package/dist/components/code-block.js

@@ -1,4 +1,5 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/code-block-D5A-CGXG.js";
-import { n as s, r as c, t as l } from "../chunks/json-view-Dqd2TDkc.js";
-export { e as CODE_LANGS, o as CodeBlock, n as CodeHighlighted, l as JsonView, i as KAESO_CODE_BLOCK_DEFAULT_VARIANTS, t as KAESO_CODE_BLOCK_VARIANTS, s as KAESO_JSON_VIEW_DEFAULT_VARIANTS, c as KAESO_JSON_VIEW_VARIANTS, r as highlight, a as kaesoShikiTheme };
+import { c as e, i as t, l as n, n as r, r as i, s as a, t as o } from "../chunks/code-block-64e-Cy1S.js";
+import { n as s, r as c, t as l } from "../chunks/json-view-DZ2nL2Ir.js";
+import { n as u, r as d, t as f } from "../chunks/code-block-KIvuE8jg.js";
+export { a as CODE_LANGS, o as CodeBlock, r as CodeHighlighted, f as DiffView, l as JsonView, i as KAESO_CODE_BLOCK_DEFAULT_VARIANTS, t as KAESO_CODE_BLOCK_VARIANTS, u as KAESO_DIFF_VIEW_DEFAULT_VARIANTS, d as KAESO_DIFF_VIEW_VARIANTS, s as KAESO_JSON_VIEW_DEFAULT_VARIANTS, c as KAESO_JSON_VIEW_VARIANTS, e as highlight, n as kaesoShikiTheme };

package/dist/components/code.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as Code, n as KAESO_CODE_DEFAULT_VARIANTS, r as KAESO_CODE_VARIANTS } from "../chunks/code-tqj0uhBL.js";
+export { t as Code, n as KAESO_CODE_DEFAULT_VARIANTS, r as KAESO_CODE_VARIANTS } from "../chunks/code-xqjww4Pv.js";

package/dist/components/collapsible.js

@@ -1,2 +1,78 @@
 "use client";
-export { t as Accordion, n as Collapsible, r as KAESO_COLLAPSIBLE_DEFAULT_VARIANTS, i as KAESO_COLLAPSIBLE_VARIANTS } from "../chunks/collapsible-CKrCX_T9.js";
+import { t as e } from "../chunks/cn-BjnOAUrA.js";
+import { n as t, t as n } from "../chunks/disclosure-BtYRTDO3.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Collapsible as o } from "@base-ui/react/collapsible";
+import { Accordion as s } from "@base-ui/react/accordion";
+//#region src/components/collapsible/collapsible.tsx
+var c = { state: {
+	closed: { classes: "" },
+	open: { classes: "group-data-panel-open/dt:rotate-90" }
+} }, l = { state: "closed" }, u = `${n} min-h-40 py-8 text-body font-medium text-fg hover:bg-fill-1 active:bg-fill-2 coarse:min-h-44`, d = /* @__PURE__ */ r(function({ title: n, children: r, open: s, defaultOpen: c, onOpenChange: l, hint: d, className: f }, p) {
+	return /* @__PURE__ */ a(o.Root, {
+		ref: p,
+		...s === void 0 ? {} : { open: s },
+		...c === void 0 ? {} : { defaultOpen: c },
+		...l ? { onOpenChange: (e) => l(e) } : {},
+		className: e("flex flex-col", f),
+		children: [/* @__PURE__ */ a(o.Trigger, {
+			className: u,
+			children: [
+				/* @__PURE__ */ i("span", {
+					className: "min-w-0 flex-1",
+					children: n
+				}),
+				d && /* @__PURE__ */ i("span", {
+					className: "text-small font-regular text-fg-secondary",
+					children: d
+				}),
+				/* @__PURE__ */ i(t, {})
+			]
+		}), /* @__PURE__ */ i(o.Panel, {
+			className: "collapse-motion",
+			children: /* @__PURE__ */ i("div", {
+				className: "px-12 pt-4 pb-12",
+				children: r
+			})
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "Collapsible");
+var f = /* @__PURE__ */ r(function({ items: n, multiple: r = !1, defaultValue: o, className: c }, l) {
+	return /* @__PURE__ */ i(s.Root, {
+		ref: l,
+		...r ? { multiple: !0 } : {},
+		...o ? { defaultValue: o } : {},
+		className: e("flex flex-col", c),
+		children: n.map((e) => /* @__PURE__ */ a(s.Item, {
+			value: e.value,
+			className: "py-4 hairline-b",
+			children: [/* @__PURE__ */ i(s.Header, { children: /* @__PURE__ */ a(s.Trigger, {
+				className: u,
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "min-w-0 flex-1",
+						children: e.title
+					}),
+					e.hint && /* @__PURE__ */ i("span", {
+						className: "text-small font-regular text-fg-secondary",
+						children: e.hint
+					}),
+					/* @__PURE__ */ i(t, {})
+				]
+			}) }), /* @__PURE__ */ i(s.Panel, {
+				className: "collapse-motion",
+				children: /* @__PURE__ */ i("div", {
+					className: "px-12 pt-4 pb-12 text-body text-fg-secondary",
+					children: e.content
+				})
+			})]
+		}, e.value))
+	});
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "Accordion");
+//#endregion
+export { f as Accordion, d as Collapsible, l as KAESO_COLLAPSIBLE_DEFAULT_VARIANTS, c as KAESO_COLLAPSIBLE_VARIANTS };
+
+//# sourceMappingURL=collapsible.js.map