@a4ui/core 0.37.0 → 0.38.0

package/dist/charts.js

@@ -1,787 +1,1500 @@
-import { insert as b, createComponent as C, effect as S, setAttribute as l, template as _, className as O, setStyleProperty as j, addEventListener as ve, memo as K, use as Ce, delegateEvents as Le } from "solid-js/web";
-import { Show as P, For as N, createSignal as ye, onMount as Se, createEffect as Ee, on as Te, createMemo as Y } from "solid-js";
-import { c as F, m as ue } from "./motion-jYMWmZqB.js";
-var Ae = /* @__PURE__ */ _("<svg><path stroke=none></svg>", !1, !0, !1), Pe = /* @__PURE__ */ _("<svg><polyline fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round></svg>", !1, !0, !1), Ne = /* @__PURE__ */ _("<svg preserveAspectRatio=none role=img>"), je = /* @__PURE__ */ _("<svg><circle r=2></svg>", !1, !0, !1);
-const de = 2;
-function Fe(e, t, r) {
-  if (e.length === 0) return [];
-  if (e.length === 1)
-    return [{
-      x: t / 2,
-      y: r / 2
-    }];
-  const g = Math.min(...e), k = Math.max(...e) - g || 1, h = Math.max(r - de * 2, 0), x = t / (e.length - 1);
-  return e.map((o, c) => ({
-    x: c * x,
-    y: de + h - (o - g) / k * h
-  }));
-}
-function Yt(e) {
-  const t = () => e.width ?? 120, r = () => e.height ?? 32, g = () => e.tone ?? "primary", s = () => Fe(e.data, t(), r()), k = () => s().map((x) => `${x.x},${x.y}`).join(" "), h = () => {
-    const x = s();
-    if (x.length === 0) return "";
-    const o = x.map((w) => `${w.x},${w.y}`).join(" L "), c = x[0], $ = x[x.length - 1];
-    return `M ${c.x},${r()} L ${o} L ${$.x},${r()} Z`;
-  };
-  return (() => {
-    var x = Ne();
-    return b(x, C(P, {
-      get when() {
-        return s().length > 0;
-      },
-      get children() {
-        return [C(P, {
-          get when() {
-            return e.area;
-          },
-          get children() {
-            var o = Ae();
-            return S((c) => {
-              var $ = h(), w = `hsl(var(--${g()}) / 0.15)`;
-              return $ !== c.e && l(o, "d", c.e = $), w !== c.t && l(o, "fill", c.t = w), c;
-            }, {
-              e: void 0,
-              t: void 0
-            }), o;
-          }
-        }), C(P, {
-          get when() {
-            return s().length > 1;
-          },
-          get fallback() {
-            return (() => {
-              var o = je();
-              return S((c) => {
-                var n, a;
-                var $ = (n = s()[0]) == null ? void 0 : n.x, w = (a = s()[0]) == null ? void 0 : a.y, y = `hsl(var(--${g()}))`;
-                return $ !== c.e && l(o, "cx", c.e = $), w !== c.t && l(o, "cy", c.t = w), y !== c.a && l(o, "fill", c.a = y), c;
-              }, {
-                e: void 0,
-                t: void 0,
-                a: void 0
-              }), o;
-            })();
-          },
-          get children() {
-            var o = Pe();
-            return S((c) => {
-              var $ = k(), w = `hsl(var(--${g()}))`;
-              return $ !== c.e && l(o, "points", c.e = $), w !== c.t && l(o, "stroke", c.t = w), c;
-            }, {
-              e: void 0,
-              t: void 0
-            }), o;
-          }
-        })];
-      }
-    })), S((o) => {
-      var c = F("overflow-visible", e.class), $ = t(), w = r(), y = `0 0 ${t()} ${r()}`;
-      return c !== o.e && l(x, "class", o.e = c), $ !== o.t && l(x, "width", o.t = $), w !== o.a && l(x, "height", o.a = w), y !== o.o && l(x, "viewBox", o.o = y), o;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    }), x;
-  })();
-}
-var Oe = /* @__PURE__ */ _("<div>"), Be = /* @__PURE__ */ _('<div class="flex h-full min-w-0 flex-1 flex-col items-center justify-end gap-1"><div></div><span class="w-full truncate text-center text-xs text-muted-foreground">');
-function Vt(e) {
-  const t = () => e.height ?? 160, r = () => e.tone ?? "primary", g = () => Math.max(...e.data.map((k) => k.value), 0) || 1, s = () => r() === "accent" ? "bg-accent" : "bg-primary";
-  return (() => {
-    var k = Oe();
-    return b(k, C(N, {
-      get each() {
-        return e.data;
-      },
-      children: (h) => (() => {
-        var x = Be(), o = x.firstChild, c = o.nextSibling;
-        return b(c, () => h.label), S(($) => {
-          var w = `${h.label}: ${h.value}`, y = F("w-full rounded-t transition-all", s()), n = `${Math.max(h.value / g() * 100, 0)}%`;
-          return w !== $.e && l(o, "title", $.e = w), y !== $.t && O(o, $.t = y), n !== $.a && j(o, "height", $.a = n), $;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), x;
-      })()
-    })), S((h) => {
-      var x = F("flex w-full items-end gap-2", e.class), o = `${t()}px`;
-      return x !== h.e && O(k, h.e = x), o !== h.t && j(k, "height", h.t = o), h;
-    }, {
-      e: void 0,
-      t: void 0
-    }), k;
-  })();
-}
-var ze = /* @__PURE__ */ _('<div class="absolute inset-0 flex items-center justify-center text-lg font-semibold tabular-nums text-foreground">'), De = /* @__PURE__ */ _("<div><svg role=img><g><circle fill=none stroke=hsl(var(--muted))>"), Re = /* @__PURE__ */ _("<svg><circle fill=none stroke-linecap=butt><title></svg>", !1, !0, !1);
-const Ie = {
-  primary: "--primary",
-  accent: "--accent",
-  destructive: "--destructive",
-  emit: "--data-emit",
-  received: "--data-received",
-  net: "--data-net"
-}, he = ["--data-emit", "--data-received", "--data-net"];
-function Ge(e, t) {
-  return e.tone ? Ie[e.tone] : he[t % he.length];
-}
-function Ht(e) {
-  const t = () => e.size ?? 160, r = () => e.thickness ?? 20, g = () => e.showTotal ?? !0, s = () => t() / 2, k = () => Math.max(t() / 2 - r() / 2, 0), h = () => 2 * Math.PI * k(), x = () => e.data.reduce((c, $) => c + $.value, 0), o = () => {
-    const c = x() || 1;
-    let $ = 0;
-    return e.data.map((w, y) => {
-      const a = w.value / c * h(), f = $;
-      return $ += a, {
-        segment: w,
-        index: y,
-        arcLength: a,
-        offset: f
-      };
-    });
-  };
-  return (() => {
-    var c = De(), $ = c.firstChild, w = $.firstChild, y = w.firstChild;
-    return b(w, C(N, {
-      get each() {
-        return o();
-      },
-      children: (n) => (() => {
-        var a = Re(), f = a.firstChild;
-        return b(f, () => `${n.segment.label}: ${n.segment.value}`), S((u) => {
-          var i = s(), v = s(), d = k(), M = `hsl(var(${Ge(n.segment, n.index)}))`, T = r(), L = `${n.arcLength} ${Math.max(h() - n.arcLength, 0)}`, E = -n.offset;
-          return i !== u.e && l(a, "cx", u.e = i), v !== u.t && l(a, "cy", u.t = v), d !== u.a && l(a, "r", u.a = d), M !== u.o && l(a, "stroke", u.o = M), T !== u.i && l(a, "stroke-width", u.i = T), L !== u.n && l(a, "stroke-dasharray", u.n = L), E !== u.s && l(a, "stroke-dashoffset", u.s = E), u;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0,
-          o: void 0,
-          i: void 0,
-          n: void 0,
-          s: void 0
-        }), a;
-      })()
-    }), null), b(c, C(P, {
-      get when() {
-        return g();
-      },
-      get children() {
-        var n = ze();
-        return b(n, x), n;
-      }
-    }), null), S((n) => {
-      var a = F("relative inline-flex items-center justify-center", e.class), f = `${t()}px`, u = `${t()}px`, i = t(), v = t(), d = `0 0 ${t()} ${t()}`, M = `rotate(-90 ${s()} ${s()})`, T = s(), L = s(), E = k(), A = r();
-      return a !== n.e && O(c, n.e = a), f !== n.t && j(c, "width", n.t = f), u !== n.a && j(c, "height", n.a = u), i !== n.o && l($, "width", n.o = i), v !== n.i && l($, "height", n.i = v), d !== n.n && l($, "viewBox", n.n = d), M !== n.s && l(w, "transform", n.s = M), T !== n.h && l(y, "cx", n.h = T), L !== n.r && l(y, "cy", n.r = L), E !== n.d && l(y, "r", n.d = E), A !== n.l && l(y, "stroke-width", n.l = A), n;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0,
-      s: void 0,
-      h: void 0,
-      r: void 0,
-      d: void 0,
-      l: void 0
-    }), c;
-  })();
-}
-var Ke = /* @__PURE__ */ _('<div class="mb-2 flex flex-wrap gap-x-3 gap-y-1">'), Ye = /* @__PURE__ */ _("<svg><line y1=0 stroke=hsl(var(--border)) stroke-width=1 vector-effect=non-scaling-stroke></svg>", !1, !0, !1), Ve = /* @__PURE__ */ _('<div class="mb-0.5 font-medium text-foreground">'), He = /* @__PURE__ */ _('<div class="pointer-events-none absolute top-0 z-10 -translate-y-1 rounded-md border border-border bg-popover px-2 py-1 text-xs text-popover-foreground shadow-md">'), Ue = /* @__PURE__ */ _('<div class="mt-1 flex w-full text-xs text-muted-foreground">'), We = /* @__PURE__ */ _('<div><div class="relative w-full"><svg class="block w-full overflow-visible"preserveAspectRatio=none role=img>'), Xe = /* @__PURE__ */ _('<span class="inline-flex items-center gap-1.5 text-xs text-muted-foreground"><span class="inline-block size-2 rounded-full">'), Ze = /* @__PURE__ */ _("<svg><path stroke=none></svg>", !1, !0, !1), qe = /* @__PURE__ */ _("<svg><polyline fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round vector-effect=non-scaling-stroke></svg>", !1, !0, !1), Je = /* @__PURE__ */ _("<svg><circle r=2.5 vector-effect=non-scaling-stroke></svg>", !1, !0, !1), Qe = /* @__PURE__ */ _('<div class="flex items-center gap-1.5"><span class="inline-block size-1.5 rounded-full"></span><span>:</span><span class="font-medium text-foreground">'), pe = /* @__PURE__ */ _('<span class="flex-1 truncate text-center">');
-const U = 400, fe = 4, me = ["primary", "accent", "muted"];
-function V(e, t) {
-  return e.tone ?? me[t % me.length];
+import { a as e, g as t } from "./motion-CTIBwMCA.js";
+import { For as n, Show as r, createEffect as i, createMemo as a, createSignal as o, createUniqueId as s, on as c, onMount as l } from "solid-js";
+import { addEventListener as u, className as d, createComponent as f, delegateEvents as p, effect as m, insert as h, memo as g, setAttribute as _, setStyleProperty as v, template as y, use as b } from "solid-js/web";
+// src/charts/Sparkline.tsx
+var x = /*#__PURE__*/ y("<svg><path stroke=none></svg>", !1, !0, !1), S = /*#__PURE__*/ y("<svg><polyline fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round></svg>", !1, !0, !1), C = /*#__PURE__*/ y("<svg preserveAspectRatio=none role=img>"), w = /*#__PURE__*/ y("<svg><circle r=2></svg>", !1, !0, !1), T = 2;
+function E(e, t, n) {
+	if (e.length === 0) return [];
+	if (e.length === 1) return [{
+		x: t / 2,
+		y: n / 2
+	}];
+	let r = Math.min(...e), i = Math.max(...e) - r || 1, a = Math.max(n - 4, 0), o = t / (e.length - 1);
+	return e.map((e, t) => ({
+		x: t * o,
+		y: T + a - (e - r) / i * a
+	}));
 }
 function D(e) {
-  return e === "foreground" ? "hsl(var(--foreground))" : `hsl(var(--${e}))`;
-}
-function et(e, t) {
-  return `hsl(var(${e === "foreground" ? "--foreground" : `--${e}`}) / ${t})`;
-}
-function tt(e) {
-  return Math.max(0, ...e.map((t) => t.data.length));
-}
-function nt(e) {
-  const t = e.flatMap((s) => s.data);
-  if (t.length === 0) return {
-    min: 0,
-    max: 1
-  };
-  const r = Math.min(...t), g = Math.max(...t);
-  return r === g ? {
-    min: r - 1,
-    max: g + 1
-  } : {
-    min: r,
-    max: g
-  };
-}
-function rt(e, t, r, g) {
-  const s = r - t || 1, k = Math.max(g - fe * 2, 0);
-  return fe + k - (e - t) / s * k;
-}
-function W(e, t) {
-  return t <= 1 ? U / 2 : e * (U / (t - 1));
-}
-function at(e, t, r, g, s) {
-  return e.map((k, h) => ({
-    x: W(h, t),
-    y: rt(k, r, g, s)
-  }));
+	let n = () => e.width ?? 120, i = () => e.height ?? 32, a = () => e.tone ?? "primary", o = () => E(e.data, n(), i()), s = () => o().map((e) => `${e.x},${e.y}`).join(" "), c = () => {
+		let e = o();
+		if (e.length === 0) return "";
+		let t = e.map((e) => `${e.x},${e.y}`).join(" L "), n = e[0], r = e[e.length - 1];
+		return `M ${n.x},${i()} L ${t} L ${r.x},${i()} Z`;
+	};
+	return (() => {
+		var l = C();
+		return h(l, f(r, {
+			get when() {
+				return o().length > 0;
+			},
+			get children() {
+				return [f(r, {
+					get when() {
+						return e.area;
+					},
+					get children() {
+						var e = x();
+						return m((t) => {
+							var n = c(), r = `hsl(var(--${a()}) / 0.15)`;
+							return n !== t.e && _(e, "d", t.e = n), r !== t.t && _(e, "fill", t.t = r), t;
+						}, {
+							e: void 0,
+							t: void 0
+						}), e;
+					}
+				}), f(r, {
+					get when() {
+						return o().length > 1;
+					},
+					get fallback() {
+						return (() => {
+							var e = w();
+							return m((t) => {
+								var n = o()[0]?.x, r = o()[0]?.y, i = `hsl(var(--${a()}))`;
+								return n !== t.e && _(e, "cx", t.e = n), r !== t.t && _(e, "cy", t.t = r), i !== t.a && _(e, "fill", t.a = i), t;
+							}, {
+								e: void 0,
+								t: void 0,
+								a: void 0
+							}), e;
+						})();
+					},
+					get children() {
+						var e = S();
+						return m((t) => {
+							var n = s(), r = `hsl(var(--${a()}))`;
+							return n !== t.e && _(e, "points", t.e = n), r !== t.t && _(e, "stroke", t.t = r), t;
+						}, {
+							e: void 0,
+							t: void 0
+						}), e;
+					}
+				})];
+			}
+		})), m((r) => {
+			var a = t("overflow-visible", e.class), o = n(), s = i(), c = `0 0 ${n()} ${i()}`;
+			return a !== r.e && _(l, "class", r.e = a), o !== r.t && _(l, "width", r.t = o), s !== r.a && _(l, "height", r.a = s), c !== r.o && _(l, "viewBox", r.o = c), r;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), l;
+	})();
 }
-function Ut(e) {
-  const t = () => e.height ?? 200, r = () => tt(e.series), g = () => nt(e.series), s = () => e.series.filter((n) => n.name), k = () => e.series.map((n) => at(n.data, r(), g().min, g().max, t())), h = (n) => {
-    if (n.length === 0) return "";
-    const a = n.map((i) => `${i.x},${i.y}`).join(" L "), f = n[0], u = n[n.length - 1];
-    return `M ${f.x},${t()} L ${a} L ${u.x},${t()} Z`;
-  };
-  let x;
-  const [o, c] = ye(null), $ = (n) => {
-    if (!x || r() === 0) return;
-    const a = x.getBoundingClientRect(), f = a.width === 0 ? 0 : (n.clientX - a.left) / a.width, u = Math.min(1, Math.max(0, f)), i = r() <= 1 ? 0 : Math.round(u * (r() - 1));
-    c(i);
-  }, w = () => c(null), y = () => `Line chart with ${s().map((f) => f.name).join(", ") || `${e.series.length} series`}, ${r()} data points each`;
-  return (() => {
-    var n = We(), a = n.firstChild, f = a.firstChild;
-    b(n, C(P, {
-      get when() {
-        return s().length >= 2;
-      },
-      get children() {
-        var i = Ke();
-        return b(i, C(N, {
-          get each() {
-            return e.series;
-          },
-          children: (v, d) => C(P, {
-            get when() {
-              return v.name;
-            },
-            get children() {
-              var M = Xe(), T = M.firstChild;
-              return b(M, () => v.name, null), S((L) => j(T, "background-color", D(V(v, d())))), M;
-            }
-          })
-        })), i;
-      }
-    }), a), ve(f, "pointerleave", e.showTooltip ? w : void 0), ve(f, "pointermove", e.showTooltip ? $ : void 0, !0);
-    var u = x;
-    return typeof u == "function" ? Ce(u, f) : x = f, b(f, C(N, {
-      get each() {
-        return e.series;
-      },
-      children: (i, v) => {
-        const d = () => k()[v()], M = () => V(i, v()), T = () => d().map((L) => `${L.x},${L.y}`).join(" ");
-        return [C(P, {
-          get when() {
-            return i.area;
-          },
-          get children() {
-            var L = Ze();
-            return S((E) => {
-              var A = h(d()), m = et(M(), 0.15);
-              return A !== E.e && l(L, "d", E.e = A), m !== E.t && l(L, "fill", E.t = m), E;
-            }, {
-              e: void 0,
-              t: void 0
-            }), L;
-          }
-        }), (() => {
-          var L = qe();
-          return S((E) => {
-            var A = T(), m = D(M());
-            return A !== E.e && l(L, "points", E.e = A), m !== E.t && l(L, "stroke", E.t = m), E;
-          }, {
-            e: void 0,
-            t: void 0
-          }), L;
-        })(), C(P, {
-          get when() {
-            return e.showDots;
-          },
-          get children() {
-            return C(N, {
-              get each() {
-                return d();
-              },
-              children: (L) => (() => {
-                var E = Je();
-                return S((A) => {
-                  var m = L.x, B = L.y, z = D(M());
-                  return m !== A.e && l(E, "cx", A.e = m), B !== A.t && l(E, "cy", A.t = B), z !== A.a && l(E, "fill", A.a = z), A;
-                }, {
-                  e: void 0,
-                  t: void 0,
-                  a: void 0
-                }), E;
-              })()
-            });
-          }
-        })];
-      }
-    }), null), b(f, C(P, {
-      get when() {
-        return K(() => !!e.showTooltip)() && o() !== null;
-      },
-      get children() {
-        var i = Ye();
-        return S((v) => {
-          var d = W(o() ?? 0, r()), M = W(o() ?? 0, r()), T = t();
-          return d !== v.e && l(i, "x1", v.e = d), M !== v.t && l(i, "x2", v.t = M), T !== v.a && l(i, "y2", v.a = T), v;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), i;
-      }
-    }), null), b(a, C(P, {
-      get when() {
-        return K(() => !!e.showTooltip)() && o() !== null;
-      },
-      get children() {
-        var i = He();
-        return b(i, C(P, {
-          get when() {
-            var v;
-            return (v = e.labels) == null ? void 0 : v[o() ?? -1];
-          },
-          get children() {
-            var v = Ve();
-            return b(v, () => {
-              var d;
-              return (d = e.labels) == null ? void 0 : d[o() ?? -1];
-            }), v;
-          }
-        }), null), b(i, C(N, {
-          get each() {
-            return e.series;
-          },
-          children: (v, d) => C(P, {
-            get when() {
-              return v.data[o() ?? -1] !== void 0;
-            },
-            get children() {
-              var M = Qe(), T = M.firstChild, L = T.nextSibling, E = L.firstChild, A = L.nextSibling;
-              return b(L, () => v.name ?? `Series ${d() + 1}`, E), b(A, () => v.data[o() ?? -1]), S((m) => j(T, "background-color", D(V(v, d())))), M;
-            }
-          })
-        }), null), S((v) => {
-          var d = `${(o() ?? 0) / Math.max(r() - 1, 1) * 100}%`, M = `translateX(${(o() ?? 0) / Math.max(r() - 1, 1) > 0.8 ? "-100%" : "-8px"}) translateY(-100%)`;
-          return d !== v.e && j(i, "left", v.e = d), M !== v.t && j(i, "transform", v.t = M), v;
-        }, {
-          e: void 0,
-          t: void 0
-        }), i;
-      }
-    }), null), b(n, C(P, {
-      get when() {
-        return K(() => !!e.labels)() && e.labels.length > 0;
-      },
-      get children() {
-        var i = Ue();
-        return b(i, C(N, {
-          get each() {
-            return e.labels;
-          },
-          children: (v) => (() => {
-            var d = pe();
-            return b(d, v), d;
-          })()
-        })), i;
-      }
-    }), null), S((i) => {
-      var v = F("w-full", e.class), d = `0 0 ${U} ${t()}`, M = t(), T = y();
-      return v !== i.e && O(n, i.e = v), d !== i.t && l(f, "viewBox", i.t = d), M !== i.a && l(f, "height", i.a = M), T !== i.o && l(f, "aria-label", i.o = T), i;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    }), n;
-  })();
-}
-Le(["pointermove"]);
-var lt = /* @__PURE__ */ _('<span class="text-base font-medium">'), it = /* @__PURE__ */ _('<span class="text-xs text-muted-foreground">'), ot = /* @__PURE__ */ _('<div role=meter><svg role=img aria-hidden=true><path fill=none stroke=hsl(var(--muted)) stroke-linecap=round></path><path fill=none stroke-linecap=round></path></svg><div class="absolute inset-0 flex flex-col items-center justify-center gap-0.5 px-4 text-center"><span class="text-2xl font-semibold tabular-nums text-foreground">');
-const H = {
-  primary: "--primary",
-  accent: "--accent",
-  destructive: "--destructive",
-  muted: "--muted"
-}, ke = Math.PI / 180, _e = -135, Me = 135, st = Me - _e;
-function ge(e, t, r, g) {
-  const s = g * ke;
-  return {
-    x: e + r * Math.sin(s),
-    y: t - r * Math.cos(s)
-  };
-}
-function ct(e, t, r) {
-  const g = ge(e, t, r, _e), s = ge(e, t, r, Me);
-  return `M ${g.x} ${g.y} A ${r} ${r} 0 1 1 ${s.x} ${s.y}`;
-}
-function vt(e, t, r) {
-  if (!r || r.length === 0) return H[t];
-  let g = H[t];
-  for (const s of [...r].sort((k, h) => k.value - h.value))
-    e >= s.value && (g = H[s.tone]);
-  return g;
-}
-function Wt(e) {
-  const t = () => e.size ?? 160, r = () => e.min ?? 0, g = () => e.max ?? 100, s = () => e.tone ?? "primary", k = () => t() / 8, h = () => t() / 2, x = () => Math.max(t() / 2 - k() / 2, 0), o = () => x() * (st * ke), c = () => ct(h(), h(), x()), $ = () => Math.min(Math.max(e.value, r()), g()), w = () => {
-    const d = g() - r();
-    return d > 0 ? ($() - r()) / d : 0;
-  }, y = () => vt($(), s(), e.thresholds), [n, a] = ye(0);
-  Se(() => {
-    if (ue()) {
-      a(w());
-      return;
-    }
-    requestAnimationFrame(() => a(w()));
-  }), Ee(Te(w, (d) => a(d), {
-    defer: !0
-  }));
-  const f = () => o() * (1 - n()), u = () => ue() ? "none" : "stroke-dashoffset 700ms ease-out", i = () => Math.round($()), v = () => `${i()}${e.unit ?? ""}`;
-  return (() => {
-    var d = ot(), M = d.firstChild, T = M.firstChild, L = T.nextSibling, E = M.nextSibling, A = E.firstChild;
-    return b(A, i, null), b(A, C(P, {
-      get when() {
-        return e.unit;
-      },
-      get children() {
-        var m = lt();
-        return b(m, () => e.unit), m;
-      }
-    }), null), b(E, C(P, {
-      get when() {
-        return e.label;
-      },
-      get children() {
-        var m = it();
-        return b(m, () => e.label), m;
-      }
-    }), null), S((m) => {
-      var B = F("relative inline-flex items-center justify-center", e.class), z = `${t()}px`, X = `${t()}px`, Z = $(), q = r(), J = g(), Q = v(), p = t(), ee = t(), te = `0 0 ${t()} ${t()}`, ne = c(), re = k(), ae = c(), le = `hsl(var(${y()}))`, ie = k(), oe = `${o()} ${o()}`, se = f(), ce = u();
-      return B !== m.e && O(d, m.e = B), z !== m.t && j(d, "width", m.t = z), X !== m.a && j(d, "height", m.a = X), Z !== m.o && l(d, "aria-valuenow", m.o = Z), q !== m.i && l(d, "aria-valuemin", m.i = q), J !== m.n && l(d, "aria-valuemax", m.n = J), Q !== m.s && l(d, "aria-label", m.s = Q), p !== m.h && l(M, "width", m.h = p), ee !== m.r && l(M, "height", m.r = ee), te !== m.d && l(M, "viewBox", m.d = te), ne !== m.l && l(T, "d", m.l = ne), re !== m.u && l(T, "stroke-width", m.u = re), ae !== m.c && l(L, "d", m.c = ae), le !== m.w && l(L, "stroke", m.w = le), ie !== m.m && l(L, "stroke-width", m.m = ie), oe !== m.f && l(L, "stroke-dasharray", m.f = oe), se !== m.y && l(L, "stroke-dashoffset", m.y = se), ce !== m.g && j(L, "transition", m.g = ce), m;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0,
-      s: void 0,
-      h: void 0,
-      r: void 0,
-      d: void 0,
-      l: void 0,
-      u: void 0,
-      c: void 0,
-      w: void 0,
-      m: void 0,
-      f: void 0,
-      y: void 0,
-      g: void 0
-    }), d;
-  })();
-}
-var ut = /* @__PURE__ */ _('<div class="flex flex-wrap items-center justify-center gap-x-3 gap-y-1">'), dt = /* @__PURE__ */ _("<div><svg role=img>"), ht = /* @__PURE__ */ _("<svg><polygon fill=none stroke=hsl(var(--border)) stroke-width=1></svg>", !1, !0, !1), ft = /* @__PURE__ */ _("<svg><line stroke=hsl(var(--border)) stroke-width=1></svg>", !1, !0, !1), mt = /* @__PURE__ */ _("<title>"), gt = /* @__PURE__ */ _("<svg><polygon stroke-width=2 stroke-linejoin=round></svg>", !1, !0, !1), xt = /* @__PURE__ */ _('<svg><text class="text-xs fill-muted-foreground"></svg>', !1, !0, !1), $t = /* @__PURE__ */ _('<span class="inline-flex items-center gap-1.5 text-xs text-muted-foreground"><span class="inline-block size-2 rounded-full">');
-const wt = {
-  primary: "--primary",
-  accent: "--accent"
-}, xe = ["--primary", "--accent"];
-function bt(e, t) {
-  return e.tone ? wt[e.tone] : xe[t % xe.length];
-}
-const $e = 4, we = 14, R = 34;
-function I(e, t) {
-  return -90 + 360 / t * e;
-}
-function G(e, t, r, g) {
-  const s = g * Math.PI / 180;
-  return {
-    x: e + r * Math.cos(s),
-    y: t + r * Math.sin(s)
-  };
-}
-function yt(e, t, r, g) {
-  return Array.from({
-    length: g
-  }, (s, k) => {
-    const h = G(e, t, r, I(k, g));
-    return `${h.x},${h.y}`;
-  }).join(" ");
-}
-function kt(e) {
-  const t = Math.cos(e * Math.PI / 180);
-  return t > 0.1 ? "start" : t < -0.1 ? "end" : "middle";
-}
-function _t(e) {
-  const t = Math.sin(e * Math.PI / 180);
-  return t < -0.3 ? "auto" : t > 0.3 ? "hanging" : "middle";
-}
-function Xt(e) {
-  const t = () => e.size ?? 240, r = () => t() / 2, g = () => Math.max(t() / 2 - we * 2, 0), s = () => e.axes.length, k = () => e.max ?? Math.max(1, ...e.series.flatMap((y) => y.values)), h = () => Array.from({
-    length: $e
-  }, (y, n) => {
-    const a = n + 1;
-    return yt(r(), r(), g() * (a / $e), s());
-  }), x = () => e.axes.map((y, n) => G(r(), r(), g(), I(n, s()))), o = () => e.axes.map((y, n) => {
-    const a = I(n, s()), f = G(r(), r(), g() + we, a);
-    return {
-      label: y,
-      x: f.x,
-      y: f.y,
-      anchor: kt(a),
-      baseline: _t(a)
-    };
-  }), c = () => {
-    const y = k();
-    return e.series.map((n, a) => {
-      const f = n.values.map((u, i) => {
-        const v = y > 0 ? Math.max(u, 0) / y : 0, d = G(r(), r(), g() * v, I(i, s()));
-        return `${d.x},${d.y}`;
-      }).join(" ");
-      return {
-        series: n,
-        index: a,
-        points: f,
-        token: bt(n, a)
-      };
-    });
-  }, $ = () => e.series.filter((y) => y.name), w = () => $().length >= 2;
-  return (() => {
-    var y = dt(), n = y.firstChild;
-    return b(n, C(N, {
-      get each() {
-        return h();
-      },
-      children: (a) => (() => {
-        var f = ht();
-        return l(f, "points", a), f;
-      })()
-    }), null), b(n, C(N, {
-      get each() {
-        return x();
-      },
-      children: (a) => (() => {
-        var f = ft();
-        return S((u) => {
-          var i = r(), v = r(), d = a.x, M = a.y;
-          return i !== u.e && l(f, "x1", u.e = i), v !== u.t && l(f, "y1", u.t = v), d !== u.a && l(f, "x2", u.a = d), M !== u.o && l(f, "y2", u.o = M), u;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0,
-          o: void 0
-        }), f;
-      })()
-    }), null), b(n, C(N, {
-      get each() {
-        return c();
-      },
-      children: ({
-        series: a,
-        points: f,
-        token: u
-      }) => (() => {
-        var i = gt();
-        return l(i, "points", f), l(i, "fill", `hsl(var(${u}) / 0.15)`), l(i, "stroke", `hsl(var(${u}))`), b(i, C(P, {
-          get when() {
-            return a.name;
-          },
-          get children() {
-            var v = mt();
-            return b(v, () => a.name), v;
-          }
-        })), i;
-      })()
-    }), null), b(n, C(N, {
-      get each() {
-        return o();
-      },
-      children: (a) => (() => {
-        var f = xt();
-        return b(f, () => a.label), S((u) => {
-          var i = a.x, v = a.y, d = a.anchor, M = a.baseline;
-          return i !== u.e && l(f, "x", u.e = i), v !== u.t && l(f, "y", u.t = v), d !== u.a && l(f, "text-anchor", u.a = d), M !== u.o && l(f, "dominant-baseline", u.o = M), u;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0,
-          o: void 0
-        }), f;
-      })()
-    }), null), b(y, C(P, {
-      get when() {
-        return w();
-      },
-      get children() {
-        var a = ut();
-        return b(a, C(N, {
-          get each() {
-            return c();
-          },
-          children: ({
-            series: f,
-            token: u
-          }) => C(P, {
-            get when() {
-              return f.name;
-            },
-            get children() {
-              var i = $t(), v = i.firstChild;
-              return j(v, "background-color", `hsl(var(${u}))`), b(i, () => f.name, null), i;
-            }
-          })
-        })), a;
-      }
-    }), null), S((a) => {
-      var f = F("inline-flex flex-col items-center gap-2", e.class), u = t(), i = t(), v = `${-R} ${-R} ${t() + R * 2} ${t() + R * 2}`, d = `Radar chart comparing ${e.series.length} series across ${s()} axes: ${e.axes.join(", ")}`;
-      return f !== a.e && O(y, a.e = f), u !== a.t && l(n, "width", a.t = u), i !== a.a && l(n, "height", a.a = i), v !== a.o && l(n, "viewBox", a.o = v), d !== a.i && l(n, "aria-label", a.i = d), a;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    }), y;
-  })();
-}
-var Mt = /* @__PURE__ */ _("<div>"), Ct = /* @__PURE__ */ _('<a class="relative z-10 min-w-0 flex-1 truncate px-2.5 text-sm text-foreground underline-offset-2 hover:underline">'), Lt = /* @__PURE__ */ _('<div class="relative isolate flex h-8 w-full min-w-0 items-center overflow-hidden rounded-md bg-muted/40"><div></div><span class="relative z-10 shrink-0 px-2.5 text-sm tabular-nums text-muted-foreground">'), St = /* @__PURE__ */ _('<span class="relative z-10 min-w-0 flex-1 truncate px-2.5 text-sm text-foreground">');
-function Zt(e) {
-  const t = () => e.tone ?? "primary", r = () => e.valueFormat ?? ((h) => String(h)), g = () => t() === "accent" ? "bg-accent/15" : "bg-primary/15", s = () => [...e.data].sort((h, x) => x.value - h.value), k = () => Math.max(...e.data.map((h) => h.value), 0) || 1;
-  return (() => {
-    var h = Mt();
-    return b(h, C(N, {
-      get each() {
-        return s();
-      },
-      children: (x) => (() => {
-        var o = Lt(), c = o.firstChild, $ = c.nextSibling;
-        return b(o, C(P, {
-          get when() {
-            return x.href;
-          },
-          get fallback() {
-            return (() => {
-              var w = St();
-              return b(w, () => x.name), w;
-            })();
-          },
-          get children() {
-            var w = Ct();
-            return b(w, () => x.name), S(() => l(w, "href", x.href)), w;
-          }
-        }), $), b($, () => r()(x.value)), S((w) => {
-          var y = F("absolute inset-y-0 left-0 rounded-md transition-all", g()), n = `${Math.max(x.value / k() * 100, 0)}%`;
-          return y !== w.e && O(c, w.e = y), n !== w.t && j(c, "width", w.t = n), w;
-        }, {
-          e: void 0,
-          t: void 0
-        }), o;
-      })()
-    })), S(() => O(h, F("flex w-full flex-col gap-1.5", e.class))), h;
-  })();
-}
-var Et = /* @__PURE__ */ _('<span class="text-xs text-muted-foreground">'), Tt = /* @__PURE__ */ _('<div><div class="flex w-full items-stretch gap-1">'), At = /* @__PURE__ */ _("<div>");
-const Pt = {
-  ok: "bg-emerald-500",
-  degraded: "bg-amber-500",
-  down: "bg-destructive"
-}, be = {
-  ok: "Operational",
-  degraded: "Degraded",
-  down: "Down"
+// src/charts/shared.tsx
+var O = /*#__PURE__*/ y("<div class=\"mb-0.5 font-medium text-foreground\">"), k = /*#__PURE__*/ y("<div data-chart-tooltip aria-live=polite class=\"pointer-events-none absolute z-10 whitespace-nowrap rounded-md border border-border bg-popover px-2 py-1 text-xs text-popover-foreground shadow-md\">"), A = /*#__PURE__*/ y("<div class=\"flex items-center gap-1.5\"data-chart-tooltip-row><span class=\"inline-block size-1.5 rounded-full\"></span><span>:</span><span class=\"font-medium text-foreground\">"), j = /*#__PURE__*/ y("<ul data-chart-legend>"), M = /*#__PURE__*/ y("<span class=\"inline-block size-2 rounded-full\">"), N = /*#__PURE__*/ y("<span>"), P = /*#__PURE__*/ y("<button type=button class=\"inline-flex items-center gap-1.5 rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\">"), ee = /*#__PURE__*/ y("<li>"), F = /*#__PURE__*/ y("<span class=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground\">"), I = /*#__PURE__*/ y("<div class=\"relative mt-1 h-4 w-full text-xs text-muted-foreground\"aria-hidden=true>"), L = /*#__PURE__*/ y("<span data-x-label class=\"absolute top-0 whitespace-nowrap\">"), te = {
+	primary: "--primary",
+	accent: "--accent",
+	destructive: "--destructive",
+	muted: "--muted-foreground",
+	"chart-1": "--primary",
+	"chart-2": "--accent",
+	"chart-3": "--data-emit",
+	"chart-4": "--data-received",
+	"chart-5": "--data-net"
+}, ne = [
+	"chart-1",
+	"chart-2",
+	"chart-3",
+	"chart-4",
+	"chart-5"
+];
+function re(e, t) {
+	return te[e ?? ne[t % ne.length]];
+}
+function R(e, t, n) {
+	let r = re(e, t);
+	return n === void 0 ? `hsl(var(${r}))` : `hsl(var(${r}) / ${n})`;
+}
+function ie(e, t, n) {
+	let r = e?.[t];
+	if (r === void 0) throw Error(`Chart datum "${n}" has no value for series "${t}"`);
+	return r;
+}
+function z(e) {
+	let t = () => {
+		let t = e.anchor ?? .5;
+		return t > .8 ? "-100%" : t < .2 ? "0%" : "-50%";
+	};
+	return (() => {
+		var i = k();
+		return h(i, f(r, {
+			get when() {
+				return e.title;
+			},
+			get children() {
+				var t = O();
+				return h(t, () => e.title), t;
+			}
+		}), null), h(i, f(n, {
+			get each() {
+				return e.rows;
+			},
+			children: (e) => (() => {
+				var t = A(), n = t.firstChild, r = n.nextSibling, i = r.firstChild, a = r.nextSibling;
+				return h(r, () => e.label, i), h(a, () => e.value), m((t) => v(n, "background-color", e.color)), t;
+			})()
+		}), null), m((n) => {
+			var r = e.left, a = e.top ?? "0", o = `translate(${t()}, -100%)`;
+			return r !== n.e && v(i, "left", n.e = r), a !== n.t && v(i, "top", n.t = a), o !== n.a && v(i, "transform", n.a = o), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), i;
+	})();
+}
+function B(e) {
+	return (() => {
+		var i = j();
+		return h(i, f(n, {
+			get each() {
+				return e.items;
+			},
+			children: (t) => {
+				let n = () => e.hidden?.has(t.key) ?? !1, i = [(() => {
+					var e = M();
+					return m((r) => {
+						var i = n() ? "transparent" : t.color, a = `inset 0 0 0 1px ${t.color}`;
+						return i !== r.e && v(e, "background-color", r.e = i), a !== r.t && v(e, "box-shadow", r.t = a), r;
+					}, {
+						e: void 0,
+						t: void 0
+					}), e;
+				})(), (() => {
+					var e = N();
+					return h(e, () => t.label), m(() => d(e, n() ? "line-through opacity-60" : void 0)), e;
+				})()];
+				return (() => {
+					var a = ee();
+					return h(a, f(r, {
+						get when() {
+							return e.onToggle;
+						},
+						get fallback() {
+							return (() => {
+								var e = F();
+								return h(e, i), e;
+							})();
+						},
+						get children() {
+							var r = P();
+							return r.$$click = () => e.onToggle?.(t.key), h(r, i), m((e) => {
+								var i = !n(), a = t.key;
+								return i !== e.e && _(r, "aria-pressed", e.e = i), a !== e.t && _(r, "data-series", e.t = a), e;
+							}, {
+								e: void 0,
+								t: void 0
+							}), r;
+						}
+					})), a;
+				})();
+			}
+		})), m(() => d(i, t("flex flex-wrap gap-x-3 gap-y-1", e.class))), i;
+	})();
+}
+function V() {
+	let [e, t] = o(/* @__PURE__ */ new Set());
+	return {
+		hidden: e,
+		toggle: (e) => t((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		})
+	};
+}
+function H(e) {
+	let [t, n] = o(null);
+	return {
+		active: t,
+		setActive: n,
+		onKeyDown: (r) => {
+			let i = e();
+			if (i === 0) return;
+			let a = t(), o;
+			r.key === "ArrowRight" || r.key === "ArrowDown" ? o = a === null ? 0 : Math.min(a + 1, i - 1) : r.key === "ArrowLeft" || r.key === "ArrowUp" ? o = a === null ? i - 1 : Math.max(a - 1, 0) : r.key === "Home" ? o = 0 : r.key === "End" ? o = i - 1 : r.key === "Escape" && a !== null && (o = null), o !== void 0 && (r.preventDefault(), n(o));
+		},
+		onFocus: (r) => {
+			t() === null && e() > 0 && r.currentTarget.matches(":focus-visible") && n(0);
+		},
+		onBlur: () => n(null)
+	};
+}
+var U = "rounded outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function ae(e) {
+	let t = e.reduce((e, t) => e + t, 0) || 1, n = 0;
+	return e.map((e, r) => {
+		let i = e / t * 360, a = {
+			index: r,
+			value: e,
+			start: n,
+			angle: i
+		};
+		return n += i, a;
+	});
+}
+function W(e, t, n, r) {
+	let i = (r - 90) * Math.PI / 180;
+	return {
+		x: e + n * Math.cos(i),
+		y: t + n * Math.sin(i)
+	};
+}
+function G(e, t, n, r, i, a) {
+	let o = (e) => +e.toFixed(3);
+	if (a >= 359.999) {
+		let i = (n, r) => {
+			let i = W(e, t, n, 0), a = W(e, t, n, 180);
+			return `M ${o(i.x)} ${o(i.y)} A ${n} ${n} 0 1 ${+!r} ${o(a.x)} ${o(a.y)} A ${n} ${n} 0 1 ${+!r} ${o(i.x)} ${o(i.y)}`;
+		};
+		return r > 0 ? `${i(n, !1)} ${i(r, !0)} Z` : `${i(n, !1)} Z`;
+	}
+	let s = i + a, c = +(a > 180), l = W(e, t, n, i), u = W(e, t, n, s);
+	if (r <= 0) return `M ${o(e)} ${o(t)} L ${o(l.x)} ${o(l.y)} A ${n} ${n} 0 ${c} 1 ${o(u.x)} ${o(u.y)} Z`;
+	let d = W(e, t, r, i), f = W(e, t, r, s);
+	return `M ${o(l.x)} ${o(l.y)} A ${n} ${n} 0 ${c} 1 ${o(u.x)} ${o(u.y)} L ${o(f.x)} ${o(f.y)} A ${r} ${r} 0 ${c} 0 ${o(d.x)} ${o(d.y)} Z`;
+}
+function oe(e) {
+	let t = (t) => e.labels.length <= 1 ? .5 : t / (e.labels.length - 1), r = (t) => e.labels.length <= 1 ? "-50%" : t === 0 ? "0%" : t === e.labels.length - 1 ? "-100%" : "-50%";
+	return (() => {
+		var i = I();
+		return h(i, f(n, {
+			get each() {
+				return e.labels;
+			},
+			children: (e, n) => (() => {
+				var i = L();
+				return h(i, e), m((e) => {
+					var a = `${t(n()) * 100}%`, o = `translateX(${r(n())})`;
+					return a !== e.e && v(i, "left", e.e = a), o !== e.t && v(i, "transform", e.t = o), e;
+				}, {
+					e: void 0,
+					t: void 0
+				}), i;
+			})()
+		})), i;
+	})();
+}
+p(["click"]);
+// src/charts/BarChart.tsx
+var se = /*#__PURE__*/ y("<div>"), ce = /*#__PURE__*/ y("<div class=\"flex h-full min-w-0 flex-1 flex-col items-center justify-end gap-1\"><div></div><span class=\"w-full truncate text-center text-xs text-muted-foreground\">"), le = /*#__PURE__*/ y("<svg><rect y=0 fill=\"hsl(var(--muted) / 0.4)\"></svg>", !1, !0, !1), ue = /*#__PURE__*/ y("<div><div tabindex=0 role=img data-chart=bar><svg class=\"block w-full overflow-visible\"preserveAspectRatio=none aria-hidden=true></svg></div><div class=\"mt-1 flex w-full text-xs text-muted-foreground\">"), de = /*#__PURE__*/ y("<svg><rect data-bar rx=1></svg>", !1, !0, !1), fe = /*#__PURE__*/ y("<span class=\"min-w-0 flex-1 truncate text-center\">"), K = 400;
+function pe(e) {
+	return f(r, {
+		get when() {
+			return (e.mode ?? "single") !== "single";
+		},
+		get fallback() {
+			return f(me, e);
+		},
+		get children() {
+			return f(he, e);
+		}
+	});
+}
+function me(e) {
+	let r = (e) => {
+		if (e.value === void 0) throw Error(`BarChart datum "${e.label}" needs a numeric "value" in single mode`);
+		return e.value;
+	}, i = () => e.height ?? 160, a = () => e.tone ?? "primary", o = () => Math.max(...e.data.map(r), 0) || 1, s = () => a() === "accent" ? "bg-accent" : "bg-primary";
+	return (() => {
+		var a = se();
+		return h(a, f(n, {
+			get each() {
+				return e.data;
+			},
+			children: (e) => (() => {
+				var n = ce(), i = n.firstChild, a = i.nextSibling;
+				return h(a, () => e.label), m((n) => {
+					var a = `${e.label}: ${r(e)}`, c = t("w-full rounded-t transition-all", s()), l = `${Math.max(r(e) / o() * 100, 0)}%`;
+					return a !== n.e && _(i, "title", n.e = a), c !== n.t && d(i, n.t = c), l !== n.a && v(i, "height", n.a = l), n;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0
+				}), n;
+			})()
+		})), m((n) => {
+			var r = t("flex w-full items-end gap-2", e.class), o = `${i()}px`;
+			return r !== n.e && d(a, n.e = r), o !== n.t && v(a, "height", n.t = o), n;
+		}, {
+			e: void 0,
+			t: void 0
+		}), a;
+	})();
+}
+function he(e) {
+	let i = () => e.height ?? 160, o = () => e.mode === "stacked", s = () => {
+		if (!e.series || e.series.length === 0) throw Error(`BarChart mode="${e.mode}" requires a non-empty "series" prop`);
+		return e.series;
+	}, { hidden: c, toggle: l } = V(), p = H(() => e.data.length), g = () => s().filter((e) => !c().has(e.key)), v = (e, t) => ie(e.values, t, e.label), y = (e) => {
+		let t = s().findIndex((t) => t.key === e);
+		return R(s()[t].color, t);
+	}, x = a(() => {
+		let t = g(), n = e.data.map((e) => o() ? t.reduce((t, n) => t + v(e, n.key), 0) : Math.max(0, ...t.map((t) => v(e, t.key))));
+		return Math.max(...n, 0) || 1;
+	}), S = a(() => {
+		let t = e.data.length, n = K / Math.max(t, 1), r = g(), a = r.length, s = [];
+		return e.data.forEach((e, t) => {
+			if (o()) {
+				let a = n * .6, o = t * n + (n - a) / 2, c = 0;
+				r.forEach((n) => {
+					let r = v(e, n.key), l = r / x() * i();
+					c += l, s.push({
+						cat: t,
+						key: n.key,
+						label: n.label,
+						value: r,
+						x: o,
+						y: i() - c,
+						w: a,
+						h: l,
+						color: y(n.key)
+					});
+				});
+			} else {
+				let o = n * .8, c = a > 0 ? (o - 2 * (a - 1)) / a : 0;
+				r.forEach((r, a) => {
+					let o = v(e, r.key), l = o / x() * i();
+					s.push({
+						cat: t,
+						key: r.key,
+						label: r.label,
+						value: o,
+						x: t * n + n * .1 + a * (c + 2),
+						y: i() - l,
+						w: c,
+						h: l,
+						color: y(r.key)
+					});
+				});
+			}
+		}), s;
+	}), C = () => `${e.mode === "stacked" ? "Stacked" : "Grouped"} bar chart. ` + e.data.map((e) => `${e.label}: ${s().map((t) => `${t.label} ${v(e, t.key)}`).join(", ")}`).join("; "), w, T = (t) => {
+		if (!w || e.data.length === 0) return;
+		let n = w.getBoundingClientRect(), r = n.width === 0 ? 0 : (t.clientX - n.left) / n.width;
+		p.setActive(Math.min(e.data.length - 1, Math.max(0, Math.floor(r * e.data.length))));
+	}, E = () => {
+		let t = p.active();
+		return t === null ? void 0 : e.data[t];
+	};
+	return (() => {
+		var a = ue(), o = a.firstChild, x = o.firstChild, D = o.nextSibling;
+		h(a, f(r, {
+			get when() {
+				return e.showLegend ?? !0;
+			},
+			get children() {
+				return f(B, {
+					class: "mb-2",
+					get hidden() {
+						return c();
+					},
+					onToggle: l,
+					get items() {
+						return s().map((e, t) => ({
+							key: e.key,
+							label: e.label,
+							color: R(e.color, t)
+						}));
+					}
+				});
+			}
+		}), o), u(o, "blur", p.onBlur), u(o, "focus", p.onFocus), u(o, "keydown", p.onKeyDown, !0), x.addEventListener("pointerleave", () => p.setActive(null)), x.$$pointermove = T;
+		var O = w;
+		return typeof O == "function" ? b(O, x) : w = x, h(x, f(r, {
+			get when() {
+				return p.active() !== null;
+			},
+			get children() {
+				var t = le();
+				return m((n) => {
+					var r = (p.active() ?? 0) * (K / e.data.length), a = K / e.data.length, o = i();
+					return r !== n.e && _(t, "x", n.e = r), a !== n.t && _(t, "width", n.t = a), o !== n.a && _(t, "height", n.a = o), n;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0
+				}), t;
+			}
+		}), null), h(x, f(n, {
+			get each() {
+				return S();
+			},
+			children: (t) => (() => {
+				var n = de();
+				return m((r) => {
+					var i = e.data[t.cat].label, a = t.key, o = t.value, s = t.x, c = t.y, l = t.w, u = t.h, d = t.color;
+					return i !== r.e && _(n, "data-category", r.e = i), a !== r.t && _(n, "data-series", r.t = a), o !== r.a && _(n, "data-value", r.a = o), s !== r.o && _(n, "x", r.o = s), c !== r.i && _(n, "y", r.i = c), l !== r.n && _(n, "width", r.n = l), u !== r.s && _(n, "height", r.s = u), d !== r.h && _(n, "fill", r.h = d), r;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0,
+					n: void 0,
+					s: void 0,
+					h: void 0
+				}), n;
+			})()
+		}), null), h(o, f(r, {
+			get when() {
+				return e.showTooltip ?? !0;
+			},
+			get children() {
+				return f(r, {
+					get when() {
+						return E();
+					},
+					children: (t) => f(z, {
+						get title() {
+							return t().label;
+						},
+						get left() {
+							return `${((p.active() ?? 0) + .5) / e.data.length * 100}%`;
+						},
+						get anchor() {
+							return ((p.active() ?? 0) + .5) / e.data.length;
+						},
+						get rows() {
+							return g().map((e) => ({
+								label: e.label,
+								value: v(t(), e.key),
+								color: y(e.key)
+							}));
+						}
+					})
+				});
+			}
+		}), null), h(D, f(n, {
+			get each() {
+				return e.data;
+			},
+			children: (e) => (() => {
+				var t = fe();
+				return h(t, () => e.label), t;
+			})()
+		})), m((n) => {
+			var r = t("w-full", e.class), s = t("relative w-full", U), c = C(), l = e.mode, u = `0 0 ${K} ${i()}`, f = i();
+			return r !== n.e && d(a, n.e = r), s !== n.t && d(o, n.t = s), c !== n.a && _(o, "aria-label", n.a = c), l !== n.o && _(o, "data-mode", n.o = l), u !== n.i && _(x, "viewBox", n.i = u), f !== n.n && _(x, "height", n.n = f), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		}), a;
+	})();
+}
+p(["keydown", "pointermove"]);
+// src/charts/DonutChart.tsx
+var ge = /*#__PURE__*/ y("<div class=\"absolute inset-0 flex items-center justify-center text-lg font-semibold tabular-nums text-foreground\">"), _e = /*#__PURE__*/ y("<div><svg role=img><g><circle fill=none stroke=hsl(var(--muted))>"), ve = /*#__PURE__*/ y("<svg><circle fill=none stroke-linecap=butt><title></svg>", !1, !0, !1), ye = {
+	primary: "--primary",
+	accent: "--accent",
+	destructive: "--destructive",
+	emit: "--data-emit",
+	received: "--data-received",
+	net: "--data-net"
+}, be = [
+	"--data-emit",
+	"--data-received",
+	"--data-net"
+];
+function xe(e, t) {
+	return e.tone ? ye[e.tone] : be[t % be.length];
+}
+function Se(e) {
+	let i = () => e.size ?? 160, a = () => e.thickness ?? 20, o = () => e.showTotal ?? !0, s = () => i() / 2, c = () => Math.max(i() / 2 - a() / 2, 0), l = () => 2 * Math.PI * c(), u = () => e.data.reduce((e, t) => e + t.value, 0), p = () => ae(e.data.map((e) => e.value)).map((t) => ({
+		segment: e.data[t.index],
+		index: t.index,
+		arcLength: t.angle / 360 * l(),
+		offset: t.start / 360 * l()
+	}));
+	return (() => {
+		var g = _e(), y = g.firstChild, b = y.firstChild, x = b.firstChild;
+		return h(b, f(n, {
+			get each() {
+				return p();
+			},
+			children: (e) => (() => {
+				var t = ve(), n = t.firstChild;
+				return h(n, () => `${e.segment.label}: ${e.segment.value}`), m((n) => {
+					var r = s(), i = s(), o = c(), u = `hsl(var(${xe(e.segment, e.index)}))`, d = a(), f = `${e.arcLength} ${Math.max(l() - e.arcLength, 0)}`, p = -e.offset;
+					return r !== n.e && _(t, "cx", n.e = r), i !== n.t && _(t, "cy", n.t = i), o !== n.a && _(t, "r", n.a = o), u !== n.o && _(t, "stroke", n.o = u), d !== n.i && _(t, "stroke-width", n.i = d), f !== n.n && _(t, "stroke-dasharray", n.n = f), p !== n.s && _(t, "stroke-dashoffset", n.s = p), n;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0,
+					n: void 0,
+					s: void 0
+				}), t;
+			})()
+		}), null), h(g, f(r, {
+			get when() {
+				return o();
+			},
+			get children() {
+				var e = ge();
+				return h(e, u), e;
+			}
+		}), null), m((n) => {
+			var r = t("relative inline-flex items-center justify-center", e.class), o = `${i()}px`, l = `${i()}px`, u = i(), f = i(), p = `0 0 ${i()} ${i()}`, m = `rotate(-90 ${s()} ${s()})`, h = s(), S = s(), C = c(), w = a();
+			return r !== n.e && d(g, n.e = r), o !== n.t && v(g, "width", n.t = o), l !== n.a && v(g, "height", n.a = l), u !== n.o && _(y, "width", n.o = u), f !== n.i && _(y, "height", n.i = f), p !== n.n && _(y, "viewBox", n.n = p), m !== n.s && _(b, "transform", n.s = m), h !== n.h && _(x, "cx", n.h = h), S !== n.r && _(x, "cy", n.r = S), C !== n.d && _(x, "r", n.d = C), w !== n.l && _(x, "stroke-width", n.l = w), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0,
+			r: void 0,
+			d: void 0,
+			l: void 0
+		}), g;
+	})();
+}
+// src/charts/LineChart.tsx
+var Ce = /*#__PURE__*/ y("<div class=\"mb-2 flex flex-wrap gap-x-3 gap-y-1\">"), we = /*#__PURE__*/ y("<svg><line y1=0 stroke=hsl(var(--border)) stroke-width=1 vector-effect=non-scaling-stroke></svg>", !1, !0, !1), Te = /*#__PURE__*/ y("<div class=\"mb-0.5 font-medium text-foreground\">"), Ee = /*#__PURE__*/ y("<div class=\"pointer-events-none absolute top-0 z-10 -translate-y-1 rounded-md border border-border bg-popover px-2 py-1 text-xs text-popover-foreground shadow-md\">"), De = /*#__PURE__*/ y("<div><div class=\"relative w-full\"><svg class=\"block w-full overflow-visible\"preserveAspectRatio=none role=img>"), Oe = /*#__PURE__*/ y("<span class=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground\"><span class=\"inline-block size-2 rounded-full\">"), ke = /*#__PURE__*/ y("<svg><path stroke=none></svg>", !1, !0, !1), Ae = /*#__PURE__*/ y("<svg><polyline fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round vector-effect=non-scaling-stroke></svg>", !1, !0, !1), je = /*#__PURE__*/ y("<svg><circle r=2.5 vector-effect=non-scaling-stroke></svg>", !1, !0, !1), Me = /*#__PURE__*/ y("<div class=\"flex items-center gap-1.5\"><span class=\"inline-block size-1.5 rounded-full\"></span><span>:</span><span class=\"font-medium text-foreground\">"), q = 400, Ne = 4, Pe = [
+	"primary",
+	"accent",
+	"muted"
+];
+function J(e, t) {
+	return e.tone ?? Pe[t % Pe.length];
+}
+function Y(e) {
+	return e === "foreground" ? "hsl(var(--foreground))" : `hsl(var(--${e}))`;
+}
+function Fe(e, t) {
+	return `hsl(var(${e === "foreground" ? "--foreground" : `--${e}`}) / ${t})`;
+}
+function Ie(e) {
+	return Math.max(0, ...e.map((e) => e.data.length));
+}
+function Le(e) {
+	let t = e.flatMap((e) => e.data);
+	if (t.length === 0) return {
+		min: 0,
+		max: 1
+	};
+	let n = Math.min(...t), r = Math.max(...t);
+	return n === r ? {
+		min: n - 1,
+		max: r + 1
+	} : {
+		min: n,
+		max: r
+	};
+}
+function Re(e, t, n, r) {
+	let i = n - t || 1, a = Math.max(r - 8, 0);
+	return Ne + a - (e - t) / i * a;
+}
+function X(e, t) {
+	return t <= 1 ? q / 2 : e * (q / (t - 1));
+}
+function ze(e, t, n, r, i) {
+	return e.map((e, a) => ({
+		x: X(a, t),
+		y: Re(e, n, r, i)
+	}));
+}
+function Be(e) {
+	let i = () => e.height ?? 200, a = () => Ie(e.series), s = () => Le(e.series), c = () => e.series.filter((e) => e.name), l = () => e.series.map((e) => ze(e.data, a(), s().min, s().max, i())), p = (e) => {
+		if (e.length === 0) return "";
+		let t = e.map((e) => `${e.x},${e.y}`).join(" L "), n = e[0], r = e[e.length - 1];
+		return `M ${n.x},${i()} L ${t} L ${r.x},${i()} Z`;
+	}, y, [x, S] = o(null), C = (e) => {
+		if (!y || a() === 0) return;
+		let t = y.getBoundingClientRect(), n = t.width === 0 ? 0 : (e.clientX - t.left) / t.width, r = Math.min(1, Math.max(0, n)), i = a() <= 1 ? 0 : Math.round(r * (a() - 1));
+		S(i);
+	}, w = () => S(null), T = () => `Line chart with ${c().map((e) => e.name).join(", ") || `${e.series.length} series`}, ${a()} data points each`;
+	return (() => {
+		var o = De(), s = o.firstChild, S = s.firstChild;
+		h(o, f(r, {
+			get when() {
+				return c().length >= 2;
+			},
+			get children() {
+				var t = Ce();
+				return h(t, f(n, {
+					get each() {
+						return e.series;
+					},
+					children: (e, t) => f(r, {
+						get when() {
+							return e.name;
+						},
+						get children() {
+							var n = Oe(), r = n.firstChild;
+							return h(n, () => e.name, null), m((n) => v(r, "background-color", Y(J(e, t())))), n;
+						}
+					})
+				})), t;
+			}
+		}), s), u(S, "pointerleave", e.showTooltip ? w : void 0), u(S, "pointermove", e.showTooltip ? C : void 0, !0);
+		var E = y;
+		return typeof E == "function" ? b(E, S) : y = S, h(S, f(n, {
+			get each() {
+				return e.series;
+			},
+			children: (t, i) => {
+				let a = () => l()[i()], o = () => J(t, i()), s = () => a().map((e) => `${e.x},${e.y}`).join(" ");
+				return [
+					f(r, {
+						get when() {
+							return t.area;
+						},
+						get children() {
+							var e = ke();
+							return m((t) => {
+								var n = p(a()), r = Fe(o(), .15);
+								return n !== t.e && _(e, "d", t.e = n), r !== t.t && _(e, "fill", t.t = r), t;
+							}, {
+								e: void 0,
+								t: void 0
+							}), e;
+						}
+					}),
+					(() => {
+						var e = Ae();
+						return m((t) => {
+							var n = s(), r = Y(o());
+							return n !== t.e && _(e, "points", t.e = n), r !== t.t && _(e, "stroke", t.t = r), t;
+						}, {
+							e: void 0,
+							t: void 0
+						}), e;
+					})(),
+					f(r, {
+						get when() {
+							return e.showDots;
+						},
+						get children() {
+							return f(n, {
+								get each() {
+									return a();
+								},
+								children: (e) => (() => {
+									var t = je();
+									return m((n) => {
+										var r = e.x, i = e.y, a = Y(o());
+										return r !== n.e && _(t, "cx", n.e = r), i !== n.t && _(t, "cy", n.t = i), a !== n.a && _(t, "fill", n.a = a), n;
+									}, {
+										e: void 0,
+										t: void 0,
+										a: void 0
+									}), t;
+								})()
+							});
+						}
+					})
+				];
+			}
+		}), null), h(S, f(r, {
+			get when() {
+				return g(() => !!e.showTooltip)() && x() !== null;
+			},
+			get children() {
+				var e = we();
+				return m((t) => {
+					var n = X(x() ?? 0, a()), r = X(x() ?? 0, a()), o = i();
+					return n !== t.e && _(e, "x1", t.e = n), r !== t.t && _(e, "x2", t.t = r), o !== t.a && _(e, "y2", t.a = o), t;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0
+				}), e;
+			}
+		}), null), h(s, f(r, {
+			get when() {
+				return g(() => !!e.showTooltip)() && x() !== null;
+			},
+			get children() {
+				var t = Ee();
+				return h(t, f(r, {
+					get when() {
+						return e.labels?.[x() ?? -1];
+					},
+					get children() {
+						var t = Te();
+						return h(t, () => e.labels?.[x() ?? -1]), t;
+					}
+				}), null), h(t, f(n, {
+					get each() {
+						return e.series;
+					},
+					children: (e, t) => f(r, {
+						get when() {
+							return e.data[x() ?? -1] !== void 0;
+						},
+						get children() {
+							var n = Me(), r = n.firstChild, i = r.nextSibling, a = i.firstChild, o = i.nextSibling;
+							return h(i, () => e.name ?? `Series ${t() + 1}`, a), h(o, () => e.data[x() ?? -1]), m((n) => v(r, "background-color", Y(J(e, t())))), n;
+						}
+					})
+				}), null), m((e) => {
+					var n = `${(x() ?? 0) / Math.max(a() - 1, 1) * 100}%`, r = `translateX(${(x() ?? 0) / Math.max(a() - 1, 1) > .8 ? "-100%" : "-8px"}) translateY(-100%)`;
+					return n !== e.e && v(t, "left", e.e = n), r !== e.t && v(t, "transform", e.t = r), e;
+				}, {
+					e: void 0,
+					t: void 0
+				}), t;
+			}
+		}), null), h(o, f(r, {
+			get when() {
+				return g(() => !!e.labels)() && e.labels.length > 0;
+			},
+			get children() {
+				return f(oe, { get labels() {
+					return e.labels ?? [];
+				} });
+			}
+		}), null), m((n) => {
+			var r = t("w-full", e.class), a = `0 0 ${q} ${i()}`, s = i(), c = T();
+			return r !== n.e && d(o, n.e = r), a !== n.t && _(S, "viewBox", n.t = a), s !== n.a && _(S, "height", n.a = s), c !== n.o && _(S, "aria-label", n.o = c), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), o;
+	})();
+}
+p(["pointermove"]);
+// src/charts/GaugeChart.tsx
+var Ve = /*#__PURE__*/ y("<span class=\"text-base font-medium\">"), He = /*#__PURE__*/ y("<span class=\"text-xs text-muted-foreground\">"), Ue = /*#__PURE__*/ y("<div role=meter><svg role=img aria-hidden=true><path fill=none stroke=hsl(var(--muted)) stroke-linecap=round></path><path fill=none stroke-linecap=round></path></svg><div class=\"absolute inset-0 flex flex-col items-center justify-center gap-0.5 px-4 text-center\"><span class=\"text-2xl font-semibold tabular-nums text-foreground\">"), Z = {
+	primary: "--primary",
+	accent: "--accent",
+	destructive: "--destructive",
+	muted: "--muted"
+}, We = Math.PI / 180, Ge = -135, Ke = 135, qe = 270;
+function Je(e, t, n, r) {
+	let i = r * We;
+	return {
+		x: e + n * Math.sin(i),
+		y: t - n * Math.cos(i)
+	};
+}
+function Ye(e, t, n) {
+	let r = Je(e, t, n, Ge), i = Je(e, t, n, Ke);
+	return `M ${r.x} ${r.y} A ${n} ${n} 0 1 1 ${i.x} ${i.y}`;
+}
+function Xe(e, t, n) {
+	if (!n || n.length === 0) return Z[t];
+	let r = Z[t];
+	for (let t of [...n].sort((e, t) => e.value - t.value)) e >= t.value && (r = Z[t.tone]);
+	return r;
+}
+function Ze(n) {
+	let a = () => n.size ?? 160, s = () => n.min ?? 0, u = () => n.max ?? 100, p = () => n.tone ?? "primary", g = () => a() / 8, y = () => a() / 2, b = () => Math.max(a() / 2 - g() / 2, 0), x = () => b() * (qe * We), S = () => Ye(y(), y(), b()), C = () => Math.min(Math.max(n.value, s()), u()), w = () => {
+		let e = u() - s();
+		return e > 0 ? (C() - s()) / e : 0;
+	}, T = () => Xe(C(), p(), n.thresholds), [E, D] = o(0);
+	l(() => {
+		e() ? D(w()) : requestAnimationFrame(() => D(w()));
+	}), i(c(w, (e) => D(e), { defer: !0 }));
+	let O = () => x() * (1 - E()), k = () => e() ? "none" : "stroke-dashoffset 700ms ease-out", A = () => Math.round(C()), j = () => `${A()}${n.unit ?? ""}`;
+	return (() => {
+		var e = Ue(), i = e.firstChild, o = i.firstChild, c = o.nextSibling, l = i.nextSibling, p = l.firstChild;
+		return h(p, A, null), h(p, f(r, {
+			get when() {
+				return n.unit;
+			},
+			get children() {
+				var e = Ve();
+				return h(e, () => n.unit), e;
+			}
+		}), null), h(l, f(r, {
+			get when() {
+				return n.label;
+			},
+			get children() {
+				var e = He();
+				return h(e, () => n.label), e;
+			}
+		}), null), m((r) => {
+			var l = t("relative inline-flex items-center justify-center", n.class), f = `${a()}px`, p = `${a()}px`, m = C(), h = s(), y = u(), b = j(), w = a(), E = a(), D = `0 0 ${a()} ${a()}`, A = S(), M = g(), N = S(), P = `hsl(var(${T()}))`, ee = g(), F = `${x()} ${x()}`, I = O(), L = k();
+			return l !== r.e && d(e, r.e = l), f !== r.t && v(e, "width", r.t = f), p !== r.a && v(e, "height", r.a = p), m !== r.o && _(e, "aria-valuenow", r.o = m), h !== r.i && _(e, "aria-valuemin", r.i = h), y !== r.n && _(e, "aria-valuemax", r.n = y), b !== r.s && _(e, "aria-label", r.s = b), w !== r.h && _(i, "width", r.h = w), E !== r.r && _(i, "height", r.r = E), D !== r.d && _(i, "viewBox", r.d = D), A !== r.l && _(o, "d", r.l = A), M !== r.u && _(o, "stroke-width", r.u = M), N !== r.c && _(c, "d", r.c = N), P !== r.w && _(c, "stroke", r.w = P), ee !== r.m && _(c, "stroke-width", r.m = ee), F !== r.f && _(c, "stroke-dasharray", r.f = F), I !== r.y && _(c, "stroke-dashoffset", r.y = I), L !== r.g && v(c, "transition", r.g = L), r;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0,
+			r: void 0,
+			d: void 0,
+			l: void 0,
+			u: void 0,
+			c: void 0,
+			w: void 0,
+			m: void 0,
+			f: void 0,
+			y: void 0,
+			g: void 0
+		}), e;
+	})();
+}
+// src/charts/RadarChart.tsx
+var Qe = /*#__PURE__*/ y("<div class=\"flex flex-wrap items-center justify-center gap-x-3 gap-y-1\">"), $e = /*#__PURE__*/ y("<div><svg role=img>"), et = /*#__PURE__*/ y("<svg><polygon fill=none stroke=hsl(var(--border)) stroke-width=1></svg>", !1, !0, !1), tt = /*#__PURE__*/ y("<svg><line stroke=hsl(var(--border)) stroke-width=1></svg>", !1, !0, !1), nt = /*#__PURE__*/ y("<title>"), rt = /*#__PURE__*/ y("<svg><polygon stroke-width=2 stroke-linejoin=round></svg>", !1, !0, !1), it = /*#__PURE__*/ y("<svg><text class=\"text-xs fill-muted-foreground\"></svg>", !1, !0, !1), at = /*#__PURE__*/ y("<span class=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground\"><span class=\"inline-block size-2 rounded-full\">"), ot = {
+	primary: "--primary",
+	accent: "--accent"
+}, st = ["--primary", "--accent"];
+function ct(e, t) {
+	return e.tone ? ot[e.tone] : st[t % st.length];
+}
+var lt = 4, ut = 14;
+function Q(e, t) {
+	return -90 + 360 / t * e;
+}
+function $(e, t, n, r) {
+	let i = r * Math.PI / 180;
+	return {
+		x: e + n * Math.cos(i),
+		y: t + n * Math.sin(i)
+	};
+}
+function dt(e, t, n, r) {
+	return Array.from({ length: r }, (i, a) => {
+		let o = $(e, t, n, Q(a, r));
+		return `${o.x},${o.y}`;
+	}).join(" ");
+}
+function ft(e) {
+	let t = Math.cos(e * Math.PI / 180);
+	return t > .1 ? "start" : t < -.1 ? "end" : "middle";
+}
+function pt(e) {
+	let t = Math.sin(e * Math.PI / 180);
+	return t < -.3 ? "auto" : t > .3 ? "hanging" : "middle";
+}
+function mt(e) {
+	let i = () => e.size ?? 240, a = () => i() / 2, o = () => Math.max(i() / 2 - 28, 0), s = () => e.axes.length, c = () => e.max ?? Math.max(1, ...e.series.flatMap((e) => e.values)), l = () => Array.from({ length: lt }, (e, t) => {
+		let n = t + 1;
+		return dt(a(), a(), o() * (n / lt), s());
+	}), u = () => e.axes.map((e, t) => $(a(), a(), o(), Q(t, s()))), p = () => e.axes.map((e, t) => {
+		let n = Q(t, s()), r = $(a(), a(), o() + ut, n);
+		return {
+			label: e,
+			x: r.x,
+			y: r.y,
+			anchor: ft(n),
+			baseline: pt(n)
+		};
+	}), g = () => {
+		let t = c();
+		return e.series.map((e, n) => ({
+			series: e,
+			index: n,
+			points: e.values.map((e, n) => {
+				let r = t > 0 ? Math.max(e, 0) / t : 0, i = $(a(), a(), o() * r, Q(n, s()));
+				return `${i.x},${i.y}`;
+			}).join(" "),
+			token: ct(e, n)
+		}));
+	}, y = () => e.series.filter((e) => e.name), b = () => y().length >= 2;
+	return (() => {
+		var o = $e(), c = o.firstChild;
+		return h(c, f(n, {
+			get each() {
+				return l();
+			},
+			children: (e) => (() => {
+				var t = et();
+				return _(t, "points", e), t;
+			})()
+		}), null), h(c, f(n, {
+			get each() {
+				return u();
+			},
+			children: (e) => (() => {
+				var t = tt();
+				return m((n) => {
+					var r = a(), i = a(), o = e.x, s = e.y;
+					return r !== n.e && _(t, "x1", n.e = r), i !== n.t && _(t, "y1", n.t = i), o !== n.a && _(t, "x2", n.a = o), s !== n.o && _(t, "y2", n.o = s), n;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0
+				}), t;
+			})()
+		}), null), h(c, f(n, {
+			get each() {
+				return g();
+			},
+			children: ({ series: e, points: t, token: n }) => (() => {
+				var i = rt();
+				return _(i, "points", t), _(i, "fill", `hsl(var(${n}) / 0.15)`), _(i, "stroke", `hsl(var(${n}))`), h(i, f(r, {
+					get when() {
+						return e.name;
+					},
+					get children() {
+						var t = nt();
+						return h(t, () => e.name), t;
+					}
+				})), i;
+			})()
+		}), null), h(c, f(n, {
+			get each() {
+				return p();
+			},
+			children: (e) => (() => {
+				var t = it();
+				return h(t, () => e.label), m((n) => {
+					var r = e.x, i = e.y, a = e.anchor, o = e.baseline;
+					return r !== n.e && _(t, "x", n.e = r), i !== n.t && _(t, "y", n.t = i), a !== n.a && _(t, "text-anchor", n.a = a), o !== n.o && _(t, "dominant-baseline", n.o = o), n;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0
+				}), t;
+			})()
+		}), null), h(o, f(r, {
+			get when() {
+				return b();
+			},
+			get children() {
+				var e = Qe();
+				return h(e, f(n, {
+					get each() {
+						return g();
+					},
+					children: ({ series: e, token: t }) => f(r, {
+						get when() {
+							return e.name;
+						},
+						get children() {
+							var n = at(), r = n.firstChild;
+							return v(r, "background-color", `hsl(var(${t}))`), h(n, () => e.name, null), n;
+						}
+					})
+				})), e;
+			}
+		}), null), m((n) => {
+			var r = t("inline-flex flex-col items-center gap-2", e.class), a = i(), l = i(), u = `-34 -34 ${i() + 68} ${i() + 68}`, f = `Radar chart comparing ${e.series.length} series across ${s()} axes: ${e.axes.join(", ")}`;
+			return r !== n.e && d(o, n.e = r), a !== n.t && _(c, "width", n.t = a), l !== n.a && _(c, "height", n.a = l), u !== n.o && _(c, "viewBox", n.o = u), f !== n.i && _(c, "aria-label", n.i = f), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		}), o;
+	})();
+}
+// src/charts/BarList.tsx
+var ht = /*#__PURE__*/ y("<div>"), gt = /*#__PURE__*/ y("<a class=\"relative z-10 min-w-0 flex-1 truncate px-2.5 text-sm text-foreground underline-offset-2 hover:underline\">"), _t = /*#__PURE__*/ y("<div class=\"relative isolate flex h-8 w-full min-w-0 items-center overflow-hidden rounded-md bg-muted/40\"><div></div><span class=\"relative z-10 shrink-0 px-2.5 text-sm tabular-nums text-muted-foreground\">"), vt = /*#__PURE__*/ y("<span class=\"relative z-10 min-w-0 flex-1 truncate px-2.5 text-sm text-foreground\">");
+function yt(e) {
+	let i = () => e.tone ?? "primary", a = () => e.valueFormat ?? ((e) => String(e)), o = () => i() === "accent" ? "bg-accent/15" : "bg-primary/15", s = () => [...e.data].sort((e, t) => t.value - e.value), c = () => Math.max(...e.data.map((e) => e.value), 0) || 1;
+	return (() => {
+		var i = ht();
+		return h(i, f(n, {
+			get each() {
+				return s();
+			},
+			children: (e) => (() => {
+				var n = _t(), i = n.firstChild, s = i.nextSibling;
+				return h(n, f(r, {
+					get when() {
+						return e.href;
+					},
+					get fallback() {
+						return (() => {
+							var t = vt();
+							return h(t, () => e.name), t;
+						})();
+					},
+					get children() {
+						var t = gt();
+						return h(t, () => e.name), m(() => _(t, "href", e.href)), t;
+					}
+				}), s), h(s, () => a()(e.value)), m((n) => {
+					var r = t("absolute inset-y-0 left-0 rounded-md transition-all", o()), a = `${Math.max(e.value / c() * 100, 0)}%`;
+					return r !== n.e && d(i, n.e = r), a !== n.t && v(i, "width", n.t = a), n;
+				}, {
+					e: void 0,
+					t: void 0
+				}), n;
+			})()
+		})), m(() => d(i, t("flex w-full flex-col gap-1.5", e.class))), i;
+	})();
+}
+// src/charts/StatusTracker.tsx
+var bt = /*#__PURE__*/ y("<span class=\"text-xs text-muted-foreground\">"), xt = /*#__PURE__*/ y("<div><div class=\"flex w-full items-stretch gap-1\">"), St = /*#__PURE__*/ y("<div>"), Ct = {
+	ok: "bg-emerald-500",
+	degraded: "bg-amber-500",
+	down: "bg-destructive"
+}, wt = {
+	ok: "Operational",
+	degraded: "Degraded",
+	down: "Down"
+};
+function Tt(e) {
+	if (e.length !== 0) return `${(e.filter((e) => e.status === "ok").length / e.length * 100).toFixed(1)}% uptime`;
+}
+function Et(e) {
+	let i = () => Tt(e.segments);
+	return (() => {
+		var a = xt(), o = a.firstChild;
+		return h(a, f(r, {
+			get when() {
+				return i();
+			},
+			get children() {
+				var e = bt();
+				return h(e, i), e;
+			}
+		}), o), h(o, f(n, {
+			get each() {
+				return e.segments;
+			},
+			children: (e) => (() => {
+				var n = St();
+				return m((r) => {
+					var i = e.label ? `${e.label}: ${wt[e.status]}` : wt[e.status], a = t("h-6 flex-1 rounded-sm transition-colors", Ct[e.status]);
+					return i !== r.e && _(n, "title", r.e = i), a !== r.t && d(n, r.t = a), r;
+				}, {
+					e: void 0,
+					t: void 0
+				}), n;
+			})()
+		})), m(() => d(a, t("flex w-full flex-col gap-1.5", e.class))), a;
+	})();
+}
+// src/charts/CategoryBar.tsx
+var Dt = /*#__PURE__*/ y("<div class=\"absolute -top-1.5 h-0 w-0 -translate-x-1/2 border-x-4 border-t-4 border-x-transparent border-t-foreground\"aria-hidden=true>"), Ot = /*#__PURE__*/ y("<div><div class=relative><div class=\"flex h-2.5 w-full overflow-hidden rounded-full bg-muted\"></div></div><div class=\"relative mt-1 h-4 w-full text-xs tabular-nums text-muted-foreground\">"), kt = /*#__PURE__*/ y("<div>"), At = /*#__PURE__*/ y("<span class=\"absolute -translate-x-1/2 whitespace-nowrap\">"), jt = [
+	"primary",
+	"accent",
+	"success",
+	"warning",
+	"destructive"
+], Mt = {
+	primary: "bg-primary",
+	accent: "bg-accent",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	destructive: "bg-destructive"
 };
 function Nt(e) {
-  return e.length === 0 ? void 0 : `${(e.filter((r) => r.status === "ok").length / e.length * 100).toFixed(1)}% uptime`;
+	let t = 0;
+	return e.map((e) => t += e);
+}
+function Pt(e) {
+	let i = a(() => e.values.reduce((e, t) => e + t, 0) || 1), o = a(() => Nt(e.values)), s = () => e.tones && e.tones.length > 0 ? e.tones : jt, c = a(() => e.marker == null ? void 0 : Math.min(Math.max(e.marker / i() * 100, 0), 100));
+	return (() => {
+		var a = Ot(), l = a.firstChild, u = l.firstChild, p = l.nextSibling;
+		return h(l, f(r, {
+			get when() {
+				return c() !== void 0;
+			},
+			get children() {
+				var e = Dt();
+				return m((t) => v(e, "left", `${c()}%`)), e;
+			}
+		}), u), h(u, f(n, {
+			get each() {
+				return e.values;
+			},
+			children: (e, n) => (() => {
+				var r = kt();
+				return m((i) => {
+					var a = t("h-full", Mt[s()[n() % s().length] ?? "primary"]), o = `${Math.max(e, 0)} 0 0%`;
+					return a !== i.e && d(r, i.e = a), o !== i.t && v(r, "flex", i.t = o), i;
+				}, {
+					e: void 0,
+					t: void 0
+				}), r;
+			})()
+		})), h(p, f(n, {
+			get each() {
+				return o();
+			},
+			children: (e) => (() => {
+				var t = At();
+				return h(t, e), m((n) => v(t, "left", `${Math.min(Math.max(e / i() * 100, 0), 100)}%`)), t;
+			})()
+		})), m(() => d(a, t("w-full", e.class))), a;
+	})();
 }
+// src/charts/AreaChart.tsx
+var Ft = /*#__PURE__*/ y("<svg><line data-cursor y1=0 stroke=hsl(var(--border)) stroke-width=1 vector-effect=non-scaling-stroke></svg>", !1, !0, !1), It = /*#__PURE__*/ y("<div><div tabindex=0 role=img data-chart=area><svg class=\"block w-full overflow-visible\"preserveAspectRatio=none aria-hidden=true><defs>"), Lt = /*#__PURE__*/ y("<svg><linearGradient x1=0 y1=0 x2=0 y2=1><stop offset=0% stop-opacity=0.55></stop><stop offset=100% stop-opacity=0.05></svg>", !1, !0, !1), Rt = /*#__PURE__*/ y("<svg><g><path stroke=none data-area></path><path fill=none stroke-width=2 stroke-linejoin=round vector-effect=non-scaling-stroke></svg>", !1, !0, !1), zt = 400;
+function Bt(e) {
+	let i = s(), o = () => e.height ?? 200, c = () => e.mode === "stacked", { hidden: l, toggle: p } = V(), v = H(() => e.data.length), y = (e, t) => ie(e.values, t, e.label), x = (t) => {
+		let n = e.series.findIndex((e) => e.key === t);
+		return R(e.series[n].color, n);
+	}, S = () => e.series.filter((e) => !l().has(e.key)), C = (t) => e.data.length <= 1 ? zt / 2 : t / (e.data.length - 1) * zt, w = a(() => {
+		let t = S(), n = e.data.map((e) => c() ? t.reduce((t, n) => t + y(e, n.key), 0) : Math.max(0, ...t.map((t) => y(e, t.key))));
+		return Math.max(...n, 0) || 1;
+	}), T = a(() => {
+		let t = e.data.map(() => 0);
+		return S().map((n) => {
+			let r = c() ? [...t] : t.map(() => 0), i = e.data.map((e, t) => r[t] + y(e, n.key));
+			c() && i.forEach((e, n) => t[n] = e);
+			let a = (e) => o() - e / w() * o(), s = i.map((e, t) => `${C(t)},${a(e)}`), l = r.map((e, t) => `${C(t)},${a(e)}`).reverse();
+			return {
+				key: n.key,
+				color: x(n.key),
+				line: `M ${s.join(" L ")}`,
+				area: `M ${s.join(" L ")} L ${l.join(" L ")} Z`
+			};
+		});
+	}), E = () => `${c() ? "Stacked area" : "Area"} chart. ` + e.data.map((t) => `${t.label}: ${e.series.map((e) => `${e.label} ${y(t, e.key)}`).join(", ")}`).join("; "), D, O = (t) => {
+		if (!D || e.data.length === 0) return;
+		let n = D.getBoundingClientRect(), r = n.width === 0 ? 0 : (t.clientX - n.left) / n.width;
+		v.setActive(e.data.length <= 1 ? 0 : Math.round(Math.min(1, Math.max(0, r)) * (e.data.length - 1)));
+	}, k = () => {
+		let t = v.active() ?? 0;
+		return e.data.length <= 1 ? .5 : t / (e.data.length - 1);
+	}, A = () => {
+		let t = v.active();
+		return t === null ? void 0 : e.data[t];
+	};
+	return (() => {
+		var a = It(), s = a.firstChild, c = s.firstChild, w = c.firstChild;
+		h(a, f(r, {
+			get when() {
+				return e.showLegend ?? !0;
+			},
+			get children() {
+				return f(B, {
+					class: "mb-2",
+					get hidden() {
+						return l();
+					},
+					onToggle: p,
+					get items() {
+						return e.series.map((e, t) => ({
+							key: e.key,
+							label: e.label,
+							color: R(e.color, t)
+						}));
+					}
+				});
+			}
+		}), s), u(s, "blur", v.onBlur), u(s, "focus", v.onFocus), u(s, "keydown", v.onKeyDown, !0), c.addEventListener("pointerleave", () => v.setActive(null)), c.$$pointermove = O;
+		var j = D;
+		return typeof j == "function" ? b(j, c) : D = c, h(w, f(n, {
+			get each() {
+				return e.series;
+			},
+			children: (e, t) => (() => {
+				var n = Lt(), r = n.firstChild, a = r.nextSibling;
+				return m((o) => {
+					var s = `${i}-${e.key}`, c = R(e.color, t()), l = R(e.color, t());
+					return s !== o.e && _(n, "id", o.e = s), c !== o.t && _(r, "stop-color", o.t = c), l !== o.a && _(a, "stop-color", o.a = l), o;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0
+				}), n;
+			})()
+		})), h(c, f(n, {
+			get each() {
+				return T();
+			},
+			children: (e) => (() => {
+				var t = Rt(), n = t.firstChild, r = n.nextSibling;
+				return m((a) => {
+					var o = e.key, s = e.area, c = `url(#${i}-${e.key})`, l = e.line, u = e.color;
+					return o !== a.e && _(t, "data-series", a.e = o), s !== a.t && _(n, "d", a.t = s), c !== a.a && _(n, "fill", a.a = c), l !== a.o && _(r, "d", a.o = l), u !== a.i && _(r, "stroke", a.i = u), a;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0
+				}), t;
+			})()
+		}), null), h(c, f(r, {
+			get when() {
+				return v.active() !== null;
+			},
+			get children() {
+				var e = Ft();
+				return m((t) => {
+					var n = C(v.active() ?? 0), r = C(v.active() ?? 0), i = o();
+					return n !== t.e && _(e, "x1", t.e = n), r !== t.t && _(e, "x2", t.t = r), i !== t.a && _(e, "y2", t.a = i), t;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0
+				}), e;
+			}
+		}), null), h(s, f(r, {
+			get when() {
+				return g(() => !!(e.showTooltip ?? !0))() && A();
+			},
+			children: (e) => f(z, {
+				get title() {
+					return e().label;
+				},
+				get left() {
+					return `${k() * 100}%`;
+				},
+				get anchor() {
+					return k();
+				},
+				get rows() {
+					return S().map((t) => ({
+						label: t.label,
+						value: y(e(), t.key),
+						color: x(t.key)
+					}));
+				}
+			})
+		}), null), h(a, f(oe, { get labels() {
+			return e.data.map((e) => e.label);
+		} }), null), m((n) => {
+			var r = t("w-full", e.class), i = t("relative w-full", U), l = E(), u = e.mode ?? "overlap", f = `0 0 ${zt} ${o()}`, p = o();
+			return r !== n.e && d(a, n.e = r), i !== n.t && d(s, n.t = i), l !== n.a && _(s, "aria-label", n.a = l), u !== n.o && _(s, "data-mode", n.o = u), f !== n.i && _(c, "viewBox", n.i = f), p !== n.n && _(c, "height", n.n = p), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		}), a;
+	})();
+}
+p(["keydown", "pointermove"]);
+// src/charts/PieChart.tsx
+var Vt = /*#__PURE__*/ y("<div><div tabindex=0 role=img data-chart=pie><svg aria-hidden=true>"), Ht = /*#__PURE__*/ y("<svg><path data-slice stroke=hsl(var(--background)) stroke-width=1.5></svg>", !1, !0, !1);
+function Ut(e) {
+	let i = () => e.size ?? 200, o = () => i() / 2 - 4, { hidden: s, toggle: c } = V(), l = (t) => R(e.data[t].color, t), p = () => e.data.map((e, t) => ({
+		d: e,
+		i: t
+	})).filter((e) => !s().has(e.d.label)), y = () => p().reduce((e, t) => e + t.d.value, 0), b = a(() => {
+		let e = p();
+		return ae(e.map((e) => e.d.value)).map((t) => ({
+			...t,
+			datum: e[t.index].d,
+			orig: e[t.index].i
+		}));
+	}), x = H(() => b().length), S = () => {
+		let e = x.active();
+		return e === null ? void 0 : b()[e];
+	}, C = () => {
+		let t = e.data.reduce((e, t) => e + t.value, 0) || 1;
+		return `Pie chart. ${e.data.map((e) => `${e.label} ${e.value} (${Math.round(e.value / t * 100)}%)`).join(", ")}`;
+	}, w = () => {
+		let e = S();
+		if (!e) return {
+			left: "50%",
+			top: "0",
+			anchor: .5
+		};
+		let t = W(i() / 2, i() / 2, o() * .6, e.start + e.angle / 2);
+		return {
+			left: `${t.x / i() * 100}%`,
+			top: `${t.y / i() * 100}%`,
+			anchor: t.x / i()
+		};
+	};
+	return (() => {
+		var a = Vt(), p = a.firstChild, T = p.firstChild;
+		return p.addEventListener("pointerleave", () => x.setActive(null)), u(p, "blur", x.onBlur), u(p, "focus", x.onFocus), u(p, "keydown", x.onKeyDown, !0), h(T, f(n, {
+			get each() {
+				return b();
+			},
+			children: (e, t) => (() => {
+				var n = Ht();
+				return n.addEventListener("pointerenter", () => x.setActive(t())), m((r) => {
+					var a = e.datum.label, s = e.value, c = e.angle, u = G(i() / 2, i() / 2, o(), 0, e.start, e.angle), d = l(e.orig), f = x.active() === null || x.active() === t() ? 1 : .6;
+					return a !== r.e && _(n, "data-label", r.e = a), s !== r.t && _(n, "data-value", r.t = s), c !== r.a && _(n, "data-angle", r.a = c), u !== r.o && _(n, "d", r.o = u), d !== r.i && _(n, "fill", r.i = d), f !== r.n && _(n, "opacity", r.n = f), r;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0,
+					n: void 0
+				}), n;
+			})()
+		})), h(p, f(r, {
+			get when() {
+				return g(() => !!(e.showTooltip ?? !0))() && S();
+			},
+			children: (e) => f(z, {
+				get title() {
+					return e().datum.label;
+				},
+				get left() {
+					return w().left;
+				},
+				get top() {
+					return w().top;
+				},
+				get anchor() {
+					return w().anchor;
+				},
+				get rows() {
+					return [{
+						label: "Value",
+						value: e().value,
+						color: l(e().orig)
+					}, {
+						label: "Share",
+						value: `${Math.round(e().value / (y() || 1) * 100)}%`,
+						color: l(e().orig)
+					}];
+				}
+			})
+		}), null), h(a, f(r, {
+			get when() {
+				return e.showLegend ?? !0;
+			},
+			get children() {
+				return f(B, {
+					class: "mt-2",
+					get hidden() {
+						return s();
+					},
+					onToggle: c,
+					get items() {
+						return e.data.map((e, t) => ({
+							key: e.label,
+							label: e.label,
+							color: l(t)
+						}));
+					}
+				});
+			}
+		}), null), m((n) => {
+			var r = t("inline-block", e.class), o = t("relative", U), s = `${i()}px`, c = `${i()}px`, l = C(), u = i(), f = i(), m = `0 0 ${i()} ${i()}`;
+			return r !== n.e && d(a, n.e = r), o !== n.t && d(p, n.t = o), s !== n.a && v(p, "width", n.a = s), c !== n.o && v(p, "height", n.o = c), l !== n.i && _(p, "aria-label", n.i = l), u !== n.n && _(T, "width", n.n = u), f !== n.s && _(T, "height", n.s = f), m !== n.h && _(T, "viewBox", n.h = m), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0
+		}), a;
+	})();
+}
+p(["keydown"]);
+// src/charts/RadialBarChart.tsx
+var Wt = /*#__PURE__*/ y("<div><div tabindex=0 role=img data-chart=radial-bar><svg aria-hidden=true>"), Gt = /*#__PURE__*/ y("<svg><path data-ring fill-rule=evenodd></svg>", !1, !0, !1), Kt = /*#__PURE__*/ y("<svg><g><path fill=hsl(var(--muted)) fill-rule=evenodd></svg>", !1, !0, !1);
 function qt(e) {
-  const t = () => Nt(e.segments);
-  return (() => {
-    var r = Tt(), g = r.firstChild;
-    return b(r, C(P, {
-      get when() {
-        return t();
-      },
-      get children() {
-        var s = Et();
-        return b(s, t), s;
-      }
-    }), g), b(g, C(N, {
-      get each() {
-        return e.segments;
-      },
-      children: (s) => (() => {
-        var k = At();
-        return S((h) => {
-          var x = s.label ? `${s.label}: ${be[s.status]}` : be[s.status], o = F("h-6 flex-1 rounded-sm transition-colors", Pt[s.status]);
-          return x !== h.e && l(k, "title", h.e = x), o !== h.t && O(k, h.t = o), h;
-        }, {
-          e: void 0,
-          t: void 0
-        }), k;
-      })()
-    })), S(() => O(r, F("flex w-full flex-col gap-1.5", e.class))), r;
-  })();
-}
-var jt = /* @__PURE__ */ _('<div class="absolute -top-1.5 h-0 w-0 -translate-x-1/2 border-x-4 border-t-4 border-x-transparent border-t-foreground"aria-hidden=true>'), Ft = /* @__PURE__ */ _('<div><div class=relative><div class="flex h-2.5 w-full overflow-hidden rounded-full bg-muted"></div></div><div class="relative mt-1 h-4 w-full text-xs tabular-nums text-muted-foreground">'), Ot = /* @__PURE__ */ _("<div>"), Bt = /* @__PURE__ */ _('<span class="absolute -translate-x-1/2 whitespace-nowrap">');
-const zt = ["primary", "accent", "success", "warning", "destructive"], Dt = {
-  primary: "bg-primary",
-  accent: "bg-accent",
-  success: "bg-emerald-500",
-  warning: "bg-amber-500",
-  destructive: "bg-destructive"
-};
-function Rt(e) {
-  let t = 0;
-  return e.map((r) => t += r);
-}
-function Jt(e) {
-  const t = Y(() => e.values.reduce((k, h) => k + h, 0) || 1), r = Y(() => Rt(e.values)), g = () => e.tones && e.tones.length > 0 ? e.tones : zt, s = Y(() => e.marker == null ? void 0 : Math.min(Math.max(e.marker / t() * 100, 0), 100));
-  return (() => {
-    var k = Ft(), h = k.firstChild, x = h.firstChild, o = h.nextSibling;
-    return b(h, C(P, {
-      get when() {
-        return s() !== void 0;
-      },
-      get children() {
-        var c = jt();
-        return S(($) => j(c, "left", `${s()}%`)), c;
-      }
-    }), x), b(x, C(N, {
-      get each() {
-        return e.values;
-      },
-      children: (c, $) => (() => {
-        var w = Ot();
-        return S((y) => {
-          var n = F("h-full", Dt[g()[$() % g().length] ?? "primary"]), a = `${Math.max(c, 0)} 0 0%`;
-          return n !== y.e && O(w, y.e = n), a !== y.t && j(w, "flex", y.t = a), y;
-        }, {
-          e: void 0,
-          t: void 0
-        }), w;
-      })()
-    })), b(o, C(N, {
-      get each() {
-        return r();
-      },
-      children: (c) => (() => {
-        var $ = Bt();
-        return b($, c), S((w) => j($, "left", `${Math.min(Math.max(c / t() * 100, 0), 100)}%`)), $;
-      })()
-    })), S(() => O(k, F("w-full", e.class))), k;
-  })();
-}
-export {
-  Vt as BarChart,
-  Zt as BarList,
-  Jt as CategoryBar,
-  Ht as DonutChart,
-  Wt as GaugeChart,
-  Ut as LineChart,
-  Xt as RadarChart,
-  Yt as Sparkline,
-  qt as StatusTracker
-};
+	let i = () => e.size ?? 220, o = () => e.thickness ?? 14, { hidden: s, toggle: c } = V(), l = (t) => R(e.data[t].color, t), p = () => e.data.map((e, t) => ({
+		d: e,
+		i: t
+	})).filter((e) => !s().has(e.d.label)), y = () => e.max ?? (Math.max(...e.data.map((e) => e.value), 0) || 1), b = a(() => p().map((e, t) => {
+		let n = i() / 2 - 2 - t * (o() + 4), r = Math.min(Math.max(e.d.value / y(), 0), 1) * 360;
+		return {
+			datum: e.d,
+			orig: e.i,
+			outer: n,
+			inner: n - o(),
+			angle: r
+		};
+	})), x = H(() => b().length), S = () => {
+		let e = x.active();
+		return e === null ? void 0 : b()[e];
+	}, C = () => `Radial bar chart. ${e.data.map((e) => `${e.label} ${e.value} of ${y()}`).join(", ")}`;
+	return (() => {
+		var a = Wt(), o = a.firstChild, p = o.firstChild;
+		return o.addEventListener("pointerleave", () => x.setActive(null)), u(o, "blur", x.onBlur), u(o, "focus", x.onFocus), u(o, "keydown", x.onKeyDown, !0), h(p, f(n, {
+			get each() {
+				return b();
+			},
+			children: (e, t) => (() => {
+				var n = Kt(), a = n.firstChild;
+				return n.addEventListener("pointerenter", () => x.setActive(t())), h(n, f(r, {
+					get when() {
+						return e.angle > 0;
+					},
+					get children() {
+						var t = Gt();
+						return m((n) => {
+							var r = e.datum.label, a = e.datum.value, o = e.angle, s = G(i() / 2, i() / 2, e.outer, e.inner, 0, e.angle), c = l(e.orig);
+							return r !== n.e && _(t, "data-label", n.e = r), a !== n.t && _(t, "data-value", n.t = a), o !== n.a && _(t, "data-angle", n.a = o), s !== n.o && _(t, "d", n.o = s), c !== n.i && _(t, "fill", n.i = c), n;
+						}, {
+							e: void 0,
+							t: void 0,
+							a: void 0,
+							o: void 0,
+							i: void 0
+						}), t;
+					}
+				}), null), m((r) => {
+					var o = x.active() === null || x.active() === t() ? 1 : .6, s = G(i() / 2, i() / 2, e.outer, e.inner, 0, 360);
+					return o !== r.e && _(n, "opacity", r.e = o), s !== r.t && _(a, "d", r.t = s), r;
+				}, {
+					e: void 0,
+					t: void 0
+				}), n;
+			})()
+		})), h(o, f(r, {
+			get when() {
+				return g(() => !!(e.showTooltip ?? !0))() && S();
+			},
+			children: (e) => f(z, {
+				get title() {
+					return e().datum.label;
+				},
+				left: "50%",
+				top: "0",
+				get rows() {
+					return [{
+						label: "Value",
+						value: e().datum.value,
+						color: l(e().orig)
+					}, {
+						label: "Of",
+						value: y(),
+						color: l(e().orig)
+					}];
+				}
+			})
+		}), null), h(a, f(r, {
+			get when() {
+				return e.showLegend ?? !0;
+			},
+			get children() {
+				return f(B, {
+					class: "mt-2",
+					get hidden() {
+						return s();
+					},
+					onToggle: c,
+					get items() {
+						return e.data.map((e, t) => ({
+							key: e.label,
+							label: e.label,
+							color: l(t)
+						}));
+					}
+				});
+			}
+		}), null), m((n) => {
+			var r = t("inline-block", e.class), s = t("relative", U), c = `${i()}px`, l = `${i()}px`, u = C(), f = i(), m = i(), h = `0 0 ${i()} ${i()}`;
+			return r !== n.e && d(a, n.e = r), s !== n.t && d(o, n.t = s), c !== n.a && v(o, "width", n.a = c), l !== n.o && v(o, "height", n.o = l), u !== n.i && _(o, "aria-label", n.i = u), f !== n.n && _(p, "width", n.n = f), m !== n.s && _(p, "height", n.s = m), h !== n.h && _(p, "viewBox", n.h = h), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0
+		}), a;
+	})();
+}
+p(["keydown"]);
+export { Bt as AreaChart, pe as BarChart, yt as BarList, Pt as CategoryBar, B as ChartLegend, z as ChartTooltip, Se as DonutChart, Ze as GaugeChart, Be as LineChart, Ut as PieChart, mt as RadarChart, qt as RadialBarChart, D as Sparkline, Et as StatusTracker };