@a4ui/core 0.31.1 → 0.33.0

package/dist/charts.js

@@ -1,156 +1,156 @@
-import { insert as w, createComponent as k, effect as $, setAttribute as a, template as x, className as A, setStyleProperty as E } from "solid-js/web";
-import { Show as P, For as z } from "solid-js";
-import { c as N } from "./cn-B6yFEsav.js";
-var D = /* @__PURE__ */ x("<svg><path stroke=none></svg>", !1, !0, !1), K = /* @__PURE__ */ x("<svg><polyline fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round></svg>", !1, !0, !1), H = /* @__PURE__ */ x("<svg preserveAspectRatio=none role=img>"), I = /* @__PURE__ */ x("<svg><circle r=2></svg>", !1, !0, !1);
-const F = 2;
-function R(i, s, f) {
-  if (i.length === 0) return [];
-  if (i.length === 1)
+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: s / 2,
-      y: f / 2
+      x: t / 2,
+      y: r / 2
     }];
-  const m = Math.min(...i), g = Math.max(...i) - m || 1, v = Math.max(f - F * 2, 0), o = s / (i.length - 1);
-  return i.map((r, e) => ({
-    x: e * o,
-    y: F + v - (r - m) / g * v
+  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 _(i) {
-  const s = () => i.width ?? 120, f = () => i.height ?? 32, m = () => i.tone ?? "primary", h = () => R(i.data, s(), f()), g = () => h().map((o) => `${o.x},${o.y}`).join(" "), v = () => {
-    const o = h();
-    if (o.length === 0) return "";
-    const r = o.map((l) => `${l.x},${l.y}`).join(" L "), e = o[0], n = o[o.length - 1];
-    return `M ${e.x},${f()} L ${r} L ${n.x},${f()} Z`;
+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 o = H();
-    return w(o, k(P, {
+    var x = Ne();
+    return b(x, C(P, {
       get when() {
-        return h().length > 0;
+        return s().length > 0;
       },
       get children() {
-        return [k(P, {
+        return [C(P, {
           get when() {
-            return i.area;
+            return e.area;
           },
           get children() {
-            var r = D();
-            return $((e) => {
-              var n = v(), l = `hsl(var(--${m()}) / 0.15)`;
-              return n !== e.e && a(r, "d", e.e = n), l !== e.t && a(r, "fill", e.t = l), e;
+            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
-            }), r;
+            }), o;
           }
-        }), k(P, {
+        }), C(P, {
           get when() {
-            return h().length > 1;
+            return s().length > 1;
           },
           get fallback() {
             return (() => {
-              var r = I();
-              return $((e) => {
-                var t, c;
-                var n = (t = h()[0]) == null ? void 0 : t.x, l = (c = h()[0]) == null ? void 0 : c.y, u = `hsl(var(--${m()}))`;
-                return n !== e.e && a(r, "cx", e.e = n), l !== e.t && a(r, "cy", e.t = l), u !== e.a && a(r, "fill", e.a = u), e;
+              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
-              }), r;
+              }), o;
             })();
           },
           get children() {
-            var r = K();
-            return $((e) => {
-              var n = g(), l = `hsl(var(--${m()}))`;
-              return n !== e.e && a(r, "points", e.e = n), l !== e.t && a(r, "stroke", e.t = l), e;
+            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
-            }), r;
+            }), o;
           }
         })];
       }
-    })), $((r) => {
-      var e = N("overflow-visible", i.class), n = s(), l = f(), u = `0 0 ${s()} ${f()}`;
-      return e !== r.e && a(o, "class", r.e = e), n !== r.t && a(o, "width", r.t = n), l !== r.a && a(o, "height", r.a = l), u !== r.o && a(o, "viewBox", r.o = u), r;
+    })), 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
-    }), o;
+    }), x;
   })();
 }
-var X = /* @__PURE__ */ x("<div>"), Y = /* @__PURE__ */ x('<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 p(i) {
-  const s = () => i.height ?? 160, f = () => i.tone ?? "primary", m = () => Math.max(...i.data.map((g) => g.value), 0) || 1, h = () => f() === "accent" ? "bg-accent" : "bg-primary";
+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 g = X();
-    return w(g, k(z, {
+    var k = Oe();
+    return b(k, C(N, {
       get each() {
-        return i.data;
+        return e.data;
       },
-      children: (v) => (() => {
-        var o = Y(), r = o.firstChild, e = r.nextSibling;
-        return w(e, () => v.label), $((n) => {
-          var l = `${v.label}: ${v.value}`, u = N("w-full rounded-t transition-all", h()), t = `${Math.max(v.value / m() * 100, 0)}%`;
-          return l !== n.e && a(r, "title", n.e = l), u !== n.t && A(r, n.t = u), t !== n.a && E(r, "height", n.a = t), n;
+      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
-        }), o;
+        }), x;
       })()
-    })), $((v) => {
-      var o = N("flex w-full items-end gap-2", i.class), r = `${s()}px`;
-      return o !== v.e && A(g, v.e = o), r !== v.t && E(g, "height", v.t = r), v;
+    })), 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
-    }), g;
+    }), k;
   })();
 }
-var Z = /* @__PURE__ */ x('<div class="absolute inset-0 flex items-center justify-center text-lg font-semibold tabular-nums text-foreground">'), q = /* @__PURE__ */ x("<div><svg role=img><g><circle fill=none stroke=hsl(var(--muted))>"), G = /* @__PURE__ */ x("<svg><circle fill=none stroke-linecap=butt><title></svg>", !1, !0, !1);
-const J = {
+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"
-}, O = ["--data-emit", "--data-received", "--data-net"];
-function Q(i, s) {
-  return i.tone ? J[i.tone] : O[s % O.length];
-}
-function tt(i) {
-  const s = () => i.size ?? 160, f = () => i.thickness ?? 20, m = () => i.showTotal ?? !0, h = () => s() / 2, g = () => Math.max(s() / 2 - f() / 2, 0), v = () => 2 * Math.PI * g(), o = () => i.data.reduce((e, n) => e + n.value, 0), r = () => {
-    const e = o() || 1;
-    let n = 0;
-    return i.data.map((l, u) => {
-      const c = l.value / e * v(), y = n;
-      return n += c, {
-        segment: l,
-        index: u,
-        arcLength: c,
-        offset: y
+}, 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 e = q(), n = e.firstChild, l = n.firstChild, u = l.firstChild;
-    return w(l, k(z, {
+    var c = De(), $ = c.firstChild, w = $.firstChild, y = w.firstChild;
+    return b(w, C(N, {
       get each() {
-        return r();
+        return o();
       },
-      children: (t) => (() => {
-        var c = G(), y = c.firstChild;
-        return w(y, () => `${t.segment.label}: ${t.segment.value}`), $((d) => {
-          var b = h(), C = h(), M = g(), L = `hsl(var(${Q(t.segment, t.index)}))`, j = f(), S = `${t.arcLength} ${Math.max(v() - t.arcLength, 0)}`, T = -t.offset;
-          return b !== d.e && a(c, "cx", d.e = b), C !== d.t && a(c, "cy", d.t = C), M !== d.a && a(c, "r", d.a = M), L !== d.o && a(c, "stroke", d.o = L), j !== d.i && a(c, "stroke-width", d.i = j), S !== d.n && a(c, "stroke-dasharray", d.n = S), T !== d.s && a(c, "stroke-dashoffset", d.s = T), d;
+      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,
@@ -159,19 +159,19 @@ function tt(i) {
           i: void 0,
           n: void 0,
           s: void 0
-        }), c;
+        }), a;
       })()
-    }), null), w(e, k(P, {
+    }), null), b(c, C(P, {
       get when() {
-        return m();
+        return g();
       },
       get children() {
-        var t = Z();
-        return w(t, o), t;
+        var n = ze();
+        return b(n, x), n;
       }
-    }), null), $((t) => {
-      var c = N("relative inline-flex items-center justify-center", i.class), y = `${s()}px`, d = `${s()}px`, b = s(), C = s(), M = `0 0 ${s()} ${s()}`, L = `rotate(-90 ${h()} ${h()})`, j = h(), S = h(), T = g(), B = f();
-      return c !== t.e && A(e, t.e = c), y !== t.t && E(e, "width", t.t = y), d !== t.a && E(e, "height", t.a = d), b !== t.o && a(n, "width", t.o = b), C !== t.i && a(n, "height", t.i = C), M !== t.n && a(n, "viewBox", t.n = M), L !== t.s && a(l, "transform", t.s = L), j !== t.h && a(u, "cx", t.h = j), S !== t.r && a(u, "cy", t.r = S), T !== t.d && a(u, "r", t.d = T), B !== t.l && a(u, "stroke-width", t.l = B), t;
+    }), 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,
@@ -184,11 +184,604 @@ function tt(i) {
       r: void 0,
       d: void 0,
       l: void 0
-    }), e;
+    }), 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];
+}
+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)
+  }));
+}
+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"
+};
+function Nt(e) {
+  return e.length === 0 ? void 0 : `${(e.filter((r) => r.status === "ok").length / e.length * 100).toFixed(1)}% uptime`;
+}
+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 {
-  p as BarChart,
-  tt as DonutChart,
-  _ as Sparkline
+  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
 };