tekivex-ui 2.5.7 → 2.5.8

package/dist/charts.js

@@ -1,61 +1,66 @@
 import { jsx as t, jsxs as g, Fragment as R } from "react/jsx-runtime";
-import { ResponsiveContainer as v, AreaChart as j, CartesianGrid as D, XAxis as F, YAxis as K, Tooltip as L, Legend as w, Area as E, BarChart as G, Bar as q, LineChart as H, ReferenceLine as N, Line as U, PieChart as P, Pie as B, Cell as I, ScatterChart as V, ZAxis as X, Scatter as Y, RadarChart as Z, PolarGrid as _, PolarAngleAxis as J, PolarRadiusAxis as Q, Radar as tt } from "recharts";
-import { u as z } from "./index-CAXjeKoK.js";
+import { ResponsiveContainer as v, AreaChart as E, CartesianGrid as D, XAxis as F, YAxis as K, Tooltip as L, Legend as w, Area as G, BarChart as q, Bar as H, LineChart as N, ReferenceLine as U, Line as V, PieChart as P, Pie as B, Cell as I, ScatterChart as X, ZAxis as Y, Scatter as Z, RadarChart as _, PolarGrid as J, PolarAngleAxis as Q, PolarRadiusAxis as tt, Radar as et } from "recharts";
+import { u as z } from "./index-iUUHRxqJ.js";
 import { useState as O, useEffect as $ } from "react";
-function C(r) {
+import { u as j } from "./index-BgHMZe4Z.js";
+function M(e) {
   return [
-    r.primary,
-    r.secondary,
-    r.info,
-    r.success,
-    r.warning,
-    r.danger,
-    "#a855f7",
-    "#f97316",
-    "#14b8a6",
-    "#e879f9"
+    e.primary,
+    e.secondary,
+    e.info,
+    e.success,
+    e.warning,
+    e.danger,
+    e.primary + "aa",
+    // primary at 67% opacity
+    e.secondary + "aa",
+    // secondary at 67% opacity
+    e.info + "aa",
+    // info at 67% opacity
+    e.success + "aa"
+    // success at 67% opacity
   ];
 }
 const T = { top: 10, right: 30, bottom: 10, left: 0 };
-function M(r) {
+function C(e) {
   return {
     contentStyle: {
-      backgroundColor: r.surface,
-      border: `1px solid ${r.border}`,
+      backgroundColor: e.surface,
+      border: `1px solid ${e.border}`,
       borderRadius: 8,
       boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
-      color: r.text,
+      color: e.text,
       fontSize: 13
     },
-    labelStyle: { color: r.textMuted, fontWeight: 600, marginBottom: 4 },
-    itemStyle: { color: r.text },
-    cursor: { fill: `${r.primary}15` }
+    labelStyle: { color: e.textMuted, fontWeight: 600, marginBottom: 4 },
+    itemStyle: { color: e.text },
+    cursor: { fill: `${e.primary}15` }
   };
 }
-function ot({
-  data: r,
-  series: m,
-  xKey: h,
-  height: S = 300,
+function nt({
+  data: e,
+  series: S,
+  xKey: f,
+  height: p = 300,
   margin: d = T,
   showGrid: y = !0,
-  showLegend: k = !0,
-  showTooltip: p = !0,
-  smooth: o = !0,
+  showLegend: m = !0,
+  showTooltip: x = !0,
+  smooth: a = !0,
   xTickFormatter: u,
-  yTickFormatter: i,
-  yDomain: a,
-  ariaLabel: s = "Area chart"
+  yTickFormatter: o,
+  yDomain: l,
+  ariaLabel: h = "Area chart"
 }) {
-  const e = z(), c = C(e), l = M(e), x = { fill: e.textMuted, fontSize: 12 };
-  return /* @__PURE__ */ t("div", { role: "img", "aria-label": s, style: { width: "100%", height: S }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(j, { data: r, margin: d, children: [
-    y && /* @__PURE__ */ t(D, { strokeDasharray: "3 3", stroke: e.border, vertical: !1 }),
+  const r = z(), n = M(r), i = C(r), k = { fill: r.textMuted, fontSize: 12 };
+  return /* @__PURE__ */ t("div", { role: "img", "aria-label": h, style: { width: "100%", height: p }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(E, { data: e, margin: d, children: [
+    y && /* @__PURE__ */ t(D, { strokeDasharray: "3 3", stroke: r.border, vertical: !1 }),
     /* @__PURE__ */ t(
       F,
       {
-        dataKey: h,
-        tick: x,
-        axisLine: { stroke: e.border },
+        dataKey: f,
+        tick: k,
+        axisLine: { stroke: r.border },
         tickLine: !1,
         tickFormatter: u
       }
@@ -63,96 +68,96 @@ function ot({
     /* @__PURE__ */ t(
       K,
       {
-        tick: x,
+        tick: k,
         axisLine: !1,
         tickLine: !1,
-        tickFormatter: i,
-        domain: a
+        tickFormatter: o,
+        domain: l
       }
     ),
-    p && /* @__PURE__ */ t(
+    x && /* @__PURE__ */ t(
       L,
       {
-        contentStyle: l.contentStyle,
-        labelStyle: l.labelStyle,
-        itemStyle: l.itemStyle,
-        cursor: l.cursor
+        contentStyle: i.contentStyle,
+        labelStyle: i.labelStyle,
+        itemStyle: i.itemStyle,
+        cursor: i.cursor
       }
     ),
-    k && /* @__PURE__ */ t(
+    m && /* @__PURE__ */ t(
       w,
       {
-        wrapperStyle: { fontSize: 13, color: e.textMuted, paddingTop: 8 }
+        wrapperStyle: { fontSize: 13, color: r.textMuted, paddingTop: 8 }
       }
     ),
-    m.map((f, b) => {
-      const n = f.color ?? c[b % c.length];
+    S.map((s, b) => {
+      const c = s.color ?? n[b % n.length];
       return /* @__PURE__ */ t(
-        E,
+        G,
         {
-          type: o ? "monotone" : "linear",
-          dataKey: f.key,
-          name: f.label ?? f.key,
-          stroke: n,
+          type: a ? "monotone" : "linear",
+          dataKey: s.key,
+          name: s.label ?? s.key,
+          stroke: c,
           strokeWidth: 2,
-          fill: n,
-          fillOpacity: f.fillOpacity ?? 0.2,
-          stackId: f.stacked ? "stack" : void 0,
+          fill: c,
+          fillOpacity: s.fillOpacity ?? 0.2,
+          stackId: s.stacked ? "stack" : void 0,
           dot: !1,
           activeDot: { r: 5, strokeWidth: 0 }
         },
-        f.key
+        s.key
       );
     })
   ] }) }) });
 }
-function at({
-  data: r,
-  series: m,
-  xKey: h,
-  height: S = 300,
+function ct({
+  data: e,
+  series: S,
+  xKey: f,
+  height: p = 300,
   margin: d = T,
   showGrid: y = !0,
-  showLegend: k = !0,
-  showTooltip: p = !0,
-  layout: o = "horizontal",
+  showLegend: m = !0,
+  showTooltip: x = !0,
+  layout: a = "horizontal",
   barSize: u,
-  xTickFormatter: i,
-  yTickFormatter: a,
-  ariaLabel: s = "Bar chart"
+  xTickFormatter: o,
+  yTickFormatter: l,
+  ariaLabel: h = "Bar chart"
 }) {
-  const e = z(), c = C(e), l = M(e), x = { fill: e.textMuted, fontSize: 12 }, f = o === "vertical";
-  return /* @__PURE__ */ t("div", { role: "img", "aria-label": s, style: { width: "100%", height: S }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(G, { data: r, margin: d, layout: o, children: [
+  const r = z(), n = M(r), i = C(r), k = { fill: r.textMuted, fontSize: 12 }, s = a === "vertical";
+  return /* @__PURE__ */ t("div", { role: "img", "aria-label": h, style: { width: "100%", height: p }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(q, { data: e, margin: d, layout: a, children: [
     y && /* @__PURE__ */ t(
       D,
       {
         strokeDasharray: "3 3",
-        stroke: e.border,
-        vertical: f,
-        horizontal: !f
+        stroke: r.border,
+        vertical: s,
+        horizontal: !s
       }
     ),
-    f ? /* @__PURE__ */ g(R, { children: [
-      /* @__PURE__ */ t(K, { dataKey: h, type: "category", tick: x, axisLine: !1, tickLine: !1, tickFormatter: i, width: 100 }),
-      /* @__PURE__ */ t(F, { type: "number", tick: x, axisLine: { stroke: e.border }, tickLine: !1, tickFormatter: a })
+    s ? /* @__PURE__ */ g(R, { children: [
+      /* @__PURE__ */ t(K, { dataKey: f, type: "category", tick: k, axisLine: !1, tickLine: !1, tickFormatter: o, width: 100 }),
+      /* @__PURE__ */ t(F, { type: "number", tick: k, axisLine: { stroke: r.border }, tickLine: !1, tickFormatter: l })
     ] }) : /* @__PURE__ */ g(R, { children: [
-      /* @__PURE__ */ t(F, { dataKey: h, tick: x, axisLine: { stroke: e.border }, tickLine: !1, tickFormatter: i }),
-      /* @__PURE__ */ t(K, { tick: x, axisLine: !1, tickLine: !1, tickFormatter: a })
+      /* @__PURE__ */ t(F, { dataKey: f, tick: k, axisLine: { stroke: r.border }, tickLine: !1, tickFormatter: o }),
+      /* @__PURE__ */ t(K, { tick: k, axisLine: !1, tickLine: !1, tickFormatter: l })
     ] }),
-    p && /* @__PURE__ */ t(
+    x && /* @__PURE__ */ t(
       L,
       {
-        contentStyle: l.contentStyle,
-        labelStyle: l.labelStyle,
-        itemStyle: l.itemStyle,
-        cursor: { fill: `${e.surfaceAlt}` }
+        contentStyle: i.contentStyle,
+        labelStyle: i.labelStyle,
+        itemStyle: i.itemStyle,
+        cursor: { fill: `${r.surfaceAlt}` }
       }
     ),
-    k && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: e.textMuted, paddingTop: 8 } }),
-    m.map((b, n) => {
-      const A = b.color ?? c[n % c.length];
+    m && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: r.textMuted, paddingTop: 8 } }),
+    S.map((b, c) => {
+      const A = b.color ?? n[c % n.length];
       return /* @__PURE__ */ t(
-        q,
+        H,
         {
           dataKey: b.key,
           name: b.label ?? b.key,
@@ -166,34 +171,34 @@ function at({
     })
   ] }) }) });
 }
-function nt({
-  data: r,
-  series: m,
-  xKey: h,
-  height: S = 300,
+function dt({
+  data: e,
+  series: S,
+  xKey: f,
+  height: p = 300,
   margin: d = T,
   showGrid: y = !0,
-  showLegend: k = !0,
-  showTooltip: p = !0,
-  smooth: o = !0,
+  showLegend: m = !0,
+  showTooltip: x = !0,
+  smooth: a = !0,
   referenceLines: u = [],
-  xTickFormatter: i,
-  yTickFormatter: a,
-  yDomain: s,
-  connectNulls: e = !1,
-  ariaLabel: c = "Line chart"
+  xTickFormatter: o,
+  yTickFormatter: l,
+  yDomain: h,
+  connectNulls: r = !1,
+  ariaLabel: n = "Line chart"
 }) {
-  const l = z(), x = C(l), f = M(l), b = { fill: l.textMuted, fontSize: 12 };
-  return /* @__PURE__ */ t("div", { role: "img", "aria-label": c, style: { width: "100%", height: S }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(H, { data: r, margin: d, children: [
-    y && /* @__PURE__ */ t(D, { strokeDasharray: "3 3", stroke: l.border, vertical: !1 }),
+  const i = z(), k = M(i), s = C(i), b = { fill: i.textMuted, fontSize: 12 };
+  return /* @__PURE__ */ t("div", { role: "img", "aria-label": n, style: { width: "100%", height: p }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(N, { data: e, margin: d, children: [
+    y && /* @__PURE__ */ t(D, { strokeDasharray: "3 3", stroke: i.border, vertical: !1 }),
     /* @__PURE__ */ t(
       F,
       {
-        dataKey: h,
+        dataKey: f,
         tick: b,
-        axisLine: { stroke: l.border },
+        axisLine: { stroke: i.border },
         tickLine: !1,
-        tickFormatter: i
+        tickFormatter: o
       }
     ),
     /* @__PURE__ */ t(
@@ -202,100 +207,104 @@ function nt({
         tick: b,
         axisLine: !1,
         tickLine: !1,
-        tickFormatter: a,
-        domain: s
+        tickFormatter: l,
+        domain: h
       }
     ),
-    p && /* @__PURE__ */ t(
+    x && /* @__PURE__ */ t(
       L,
       {
-        contentStyle: f.contentStyle,
-        labelStyle: f.labelStyle,
-        itemStyle: f.itemStyle,
-        cursor: { stroke: l.border, strokeWidth: 1 }
+        contentStyle: s.contentStyle,
+        labelStyle: s.labelStyle,
+        itemStyle: s.itemStyle,
+        cursor: { stroke: i.border, strokeWidth: 1 }
       }
     ),
-    k && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: l.textMuted, paddingTop: 8 } }),
-    u.map((n, A) => /* @__PURE__ */ t(
-      N,
+    m && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: i.textMuted, paddingTop: 8 } }),
+    u.map((c, A) => /* @__PURE__ */ t(
+      U,
       {
-        y: n.y,
-        x: n.x,
-        label: n.label ? { value: n.label, fill: l.textMuted, fontSize: 11 } : void 0,
-        stroke: n.color ?? l.border,
-        strokeDasharray: n.dashed ? "4 4" : void 0
+        y: c.y,
+        x: c.x,
+        label: c.label ? { value: c.label, fill: i.textMuted, fontSize: 11 } : void 0,
+        stroke: c.color ?? i.border,
+        strokeDasharray: c.dashed ? "4 4" : void 0
       },
       A
     )),
-    m.map((n, A) => {
-      const W = n.color ?? x[A % x.length];
+    S.map((c, A) => {
+      const W = c.color ?? k[A % k.length];
       return /* @__PURE__ */ t(
-        U,
+        V,
         {
-          type: o ? "monotone" : "linear",
-          dataKey: n.key,
-          name: n.label ?? n.key,
+          type: a ? "monotone" : "linear",
+          dataKey: c.key,
+          name: c.label ?? c.key,
           stroke: W,
-          strokeWidth: n.strokeWidth ?? 2,
-          strokeDasharray: n.dashed ? "6 3" : void 0,
-          dot: n.dot ?? !1,
+          strokeWidth: c.strokeWidth ?? 2,
+          strokeDasharray: c.dashed ? "6 3" : void 0,
+          dot: c.dot ?? !1,
           activeDot: { r: 5, strokeWidth: 0, fill: W },
-          connectNulls: e
+          connectNulls: r
         },
-        n.key
+        c.key
       );
     })
   ] }) }) });
 }
-function ct({
-  data: r,
-  height: m = 300,
-  showLegend: h = !0,
-  showTooltip: S = !0,
+function st({
+  data: e,
+  height: S = 300,
+  showLegend: f = !0,
+  showTooltip: p = !0,
   showLabels: d = !1,
   outerRadius: y = "70%",
-  startAngle: k = 90,
-  ariaLabel: p = "Pie chart"
+  startAngle: m = 90,
+  ariaLabel: x = "Pie chart"
 }) {
-  const o = z(), u = C(o), i = M(o), [a, s] = O(!1);
+  const a = z(), u = j(), o = M(a), l = C(a), [h, r] = O(u);
   return $(() => {
-    const e = requestAnimationFrame(() => s(!0));
-    return () => cancelAnimationFrame(e);
-  }, []), /* @__PURE__ */ t(
+    if (u) {
+      r(!0);
+      return;
+    }
+    const n = requestAnimationFrame(() => r(!0));
+    return () => cancelAnimationFrame(n);
+  }, [u]), /* @__PURE__ */ t(
     "div",
     {
       role: "img",
-      "aria-label": p,
-      style: { width: "100%", minWidth: 240, height: m, position: "relative" },
-      children: a && /* @__PURE__ */ t(v, { width: "100%", height: "100%", debounce: 50, children: /* @__PURE__ */ g(P, { children: [
-        S && /* @__PURE__ */ t(
+      "aria-label": x,
+      style: { width: "100%", minWidth: 240, height: S, position: "relative" },
+      children: h && /* @__PURE__ */ t(v, { width: "100%", height: "100%", debounce: 50, children: /* @__PURE__ */ g(P, { children: [
+        p && /* @__PURE__ */ t(
           L,
           {
-            contentStyle: i.contentStyle,
-            labelStyle: i.labelStyle,
-            itemStyle: i.itemStyle
+            contentStyle: l.contentStyle,
+            labelStyle: l.labelStyle,
+            itemStyle: l.itemStyle
           }
         ),
-        h && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: o.textMuted } }),
+        f && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: a.textMuted } }),
         /* @__PURE__ */ t(
           B,
           {
-            data: r,
+            data: e,
             dataKey: "value",
             nameKey: "name",
             outerRadius: y,
-            startAngle: k,
-            endAngle: k - 360,
-            label: d ? ({ name: e, percent: c }) => `${e} (${(c * 100).toFixed(0)}%)` : void 0,
+            startAngle: m,
+            endAngle: m - 360,
+            label: d ? ({ name: n, percent: i }) => `${n} (${(i * 100).toFixed(0)}%)` : void 0,
             labelLine: d,
             strokeWidth: 2,
-            stroke: o.bg,
-            children: r.map((e, c) => /* @__PURE__ */ t(
+            stroke: a.bg,
+            children: e.map((n, i) => /* @__PURE__ */ t(
               I,
               {
-                fill: e.color ?? u[c % u.length]
+                fill: n.color ?? o[i % o.length]
               },
-              e.name
+              n.name
             ))
           }
         )
@@ -303,54 +312,58 @@ function ct({
     }
   );
 }
-function dt({
-  data: r,
-  height: m = 300,
-  showLegend: h = !0,
-  showTooltip: S = !0,
+function yt({
+  data: e,
+  height: S = 300,
+  showLegend: f = !0,
+  showTooltip: p = !0,
   centerLabel: d,
   centerSublabel: y,
-  innerRadius: k = "55%",
-  outerRadius: p = "75%",
-  startAngle: o = 90,
+  innerRadius: m = "55%",
+  outerRadius: x = "75%",
+  startAngle: a = 90,
   ariaLabel: u = "Donut chart"
 }) {
-  const i = z(), a = C(i), s = M(i), [e, c] = O(!1);
+  const o = z(), l = j(), h = M(o), r = C(o), [n, i] = O(l);
   return $(() => {
-    const l = requestAnimationFrame(() => c(!0));
-    return () => cancelAnimationFrame(l);
-  }, []), /* @__PURE__ */ g(
+    if (l) {
+      i(!0);
+      return;
+    }
+    const k = requestAnimationFrame(() => i(!0));
+    return () => cancelAnimationFrame(k);
+  }, [l]), /* @__PURE__ */ g(
     "div",
     {
       role: "img",
       "aria-label": u,
-      style: { width: "100%", minWidth: 240, height: m, position: "relative" },
+      style: { width: "100%", minWidth: 240, height: S, position: "relative" },
       children: [
-        e && /* @__PURE__ */ t(v, { width: "100%", height: "100%", debounce: 50, children: /* @__PURE__ */ g(P, { children: [
-          S && /* @__PURE__ */ t(
+        n && /* @__PURE__ */ t(v, { width: "100%", height: "100%", debounce: 50, children: /* @__PURE__ */ g(P, { children: [
+          p && /* @__PURE__ */ t(
             L,
             {
-              contentStyle: s.contentStyle,
-              labelStyle: s.labelStyle,
-              itemStyle: s.itemStyle
+              contentStyle: r.contentStyle,
+              labelStyle: r.labelStyle,
+              itemStyle: r.itemStyle
             }
           ),
-          h && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: i.textMuted } }),
+          f && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: o.textMuted } }),
           /* @__PURE__ */ t(
             B,
             {
-              data: r,
+              data: e,
               dataKey: "value",
               nameKey: "name",
-              innerRadius: k,
-              outerRadius: p,
-              startAngle: o,
-              endAngle: o - 360,
+              innerRadius: m,
+              outerRadius: x,
+              startAngle: a,
+              endAngle: a - 360,
               strokeWidth: 3,
-              stroke: i.bg,
+              stroke: o.bg,
               label: !1,
               labelLine: !1,
-              children: r.map((l, x) => /* @__PURE__ */ t(I, { fill: l.color ?? a[x % a.length] }, l.name))
+              children: e.map((k, s) => /* @__PURE__ */ t(I, { fill: k.color ?? h[s % h.length] }, k.name))
             }
           ),
           (d || y) && /* @__PURE__ */ t("text", {})
@@ -366,11 +379,11 @@ function dt({
               alignItems: "center",
               justifyContent: "center",
               pointerEvents: "none",
-              marginTop: h ? -24 : 0
+              marginTop: f ? -24 : 0
             },
             children: [
-              d && /* @__PURE__ */ t("span", { style: { fontSize: 22, fontWeight: 700, color: i.text, lineHeight: 1 }, children: d }),
-              y && /* @__PURE__ */ t("span", { style: { fontSize: 13, color: i.textMuted, marginTop: 4 }, children: y })
+              d && /* @__PURE__ */ t("span", { style: { fontSize: 22, fontWeight: 700, color: o.text, lineHeight: 1 }, children: d }),
+              y && /* @__PURE__ */ t("span", { style: { fontSize: 13, color: o.textMuted, marginTop: 4 }, children: y })
             ]
           }
         )
@@ -378,30 +391,30 @@ function dt({
     }
   );
 }
-function st({
-  series: r,
-  height: m = 300,
-  margin: h = T,
-  showGrid: S = !0,
+function ut({
+  series: e,
+  height: S = 300,
+  margin: f = T,
+  showGrid: p = !0,
   showLegend: d = !0,
   showTooltip: y = !0,
-  xTickFormatter: k,
-  yTickFormatter: p,
-  zRange: o = [20, 400],
+  xTickFormatter: m,
+  yTickFormatter: x,
+  zRange: a = [20, 400],
   ariaLabel: u = "Scatter chart"
 }) {
-  const i = z(), a = C(i), s = M(i), e = { fill: i.textMuted, fontSize: 12 };
-  return /* @__PURE__ */ t("div", { role: "img", "aria-label": u, style: { width: "100%", height: m }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(V, { margin: h, children: [
-    S && /* @__PURE__ */ t(D, { strokeDasharray: "3 3", stroke: i.border }),
+  const o = z(), l = M(o), h = C(o), r = { fill: o.textMuted, fontSize: 12 };
+  return /* @__PURE__ */ t("div", { role: "img", "aria-label": u, style: { width: "100%", height: S }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(X, { margin: f, children: [
+    p && /* @__PURE__ */ t(D, { strokeDasharray: "3 3", stroke: o.border }),
     /* @__PURE__ */ t(
       F,
       {
         type: "number",
         dataKey: "x",
-        tick: e,
-        axisLine: { stroke: i.border },
+        tick: r,
+        axisLine: { stroke: o.border },
         tickLine: !1,
-        tickFormatter: k
+        tickFormatter: m
       }
     ),
     /* @__PURE__ */ t(
@@ -409,59 +422,59 @@ function st({
       {
         type: "number",
         dataKey: "y",
-        tick: e,
+        tick: r,
         axisLine: !1,
         tickLine: !1,
-        tickFormatter: p
+        tickFormatter: x
       }
     ),
-    /* @__PURE__ */ t(X, { type: "number", dataKey: "z", range: o }),
+    /* @__PURE__ */ t(Y, { type: "number", dataKey: "z", range: a }),
     y && /* @__PURE__ */ t(
       L,
       {
-        contentStyle: s.contentStyle,
-        labelStyle: s.labelStyle,
-        itemStyle: s.itemStyle,
+        contentStyle: h.contentStyle,
+        labelStyle: h.labelStyle,
+        itemStyle: h.itemStyle,
         cursor: { strokeDasharray: "3 3" }
       }
     ),
-    d && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: i.textMuted, paddingTop: 8 } }),
-    r.map((c, l) => /* @__PURE__ */ t(
-      Y,
+    d && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: o.textMuted, paddingTop: 8 } }),
+    e.map((n, i) => /* @__PURE__ */ t(
+      Z,
       {
-        name: c.name,
-        data: c.data,
-        fill: c.color ?? a[l % a.length],
+        name: n.name,
+        data: n.data,
+        fill: n.color ?? l[i % l.length],
         fillOpacity: 0.8
       },
-      c.name ?? l
+      n.name ?? i
     ))
   ] }) }) });
 }
-function yt({
-  data: r,
-  series: m,
-  angleKey: h,
-  height: S = 300,
+function ht({
+  data: e,
+  series: S,
+  angleKey: f,
+  height: p = 300,
   showLegend: d = !0,
   showTooltip: y = !0,
-  outerRadius: k = "70%",
-  ariaLabel: p = "Radar chart"
+  outerRadius: m = "70%",
+  ariaLabel: x = "Radar chart"
 }) {
-  const o = z(), u = C(o), i = M(o);
-  return /* @__PURE__ */ t("div", { role: "img", "aria-label": p, style: { width: "100%", height: S }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(Z, { data: r, outerRadius: k, children: [
-    /* @__PURE__ */ t(_, { stroke: o.border }),
+  const a = z(), u = M(a), o = C(a);
+  return /* @__PURE__ */ t("div", { role: "img", "aria-label": x, style: { width: "100%", height: p }, children: /* @__PURE__ */ t(v, { width: "100%", height: "100%", children: /* @__PURE__ */ g(_, { data: e, outerRadius: m, children: [
+    /* @__PURE__ */ t(J, { stroke: a.border }),
     /* @__PURE__ */ t(
-      J,
+      Q,
       {
-        dataKey: h,
-        tick: { fill: o.textMuted, fontSize: 12 }
+        dataKey: f,
+        tick: { fill: a.textMuted, fontSize: 12 }
       }
     ),
     /* @__PURE__ */ t(
-      Q,
+      tt,
       {
-        tick: { fill: o.textMuted, fontSize: 10 },
+        tick: { fill: a.textMuted, fontSize: 10 },
         axisLine: !1,
         tickLine: !1
       }
@@ -469,35 +482,35 @@ function yt({
     y && /* @__PURE__ */ t(
       L,
       {
-        contentStyle: i.contentStyle,
-        labelStyle: i.labelStyle,
-        itemStyle: i.itemStyle
+        contentStyle: o.contentStyle,
+        labelStyle: o.labelStyle,
+        itemStyle: o.itemStyle
       }
     ),
-    d && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: o.textMuted } }),
-    m.map((a, s) => {
-      const e = a.color ?? u[s % u.length];
+    d && /* @__PURE__ */ t(w, { wrapperStyle: { fontSize: 13, color: a.textMuted } }),
+    S.map((l, h) => {
+      const r = l.color ?? u[h % u.length];
       return /* @__PURE__ */ t(
-        tt,
+        et,
         {
-          name: a.label ?? a.key,
-          dataKey: a.key,
-          stroke: e,
-          fill: e,
-          fillOpacity: a.fillOpacity ?? 0.2,
+          name: l.label ?? l.key,
+          dataKey: l.key,
+          stroke: r,
+          fill: r,
+          fillOpacity: l.fillOpacity ?? 0.2,
           strokeWidth: 2
         },
-        a.key
+        l.key
       );
     })
   ] }) }) });
 }
 export {
-  ot as TkxAreaChart,
-  at as TkxBarChart,
-  dt as TkxDonutChart,
-  nt as TkxLineChart,
-  ct as TkxPieChart,
-  yt as TkxRadarChart,
-  st as TkxScatterChart
+  nt as TkxAreaChart,
+  ct as TkxBarChart,
+  yt as TkxDonutChart,
+  dt as TkxLineChart,
+  st as TkxPieChart,
+  ht as TkxRadarChart,
+  ut as TkxScatterChart
 };