@wakastellar/ui 0.2.0 → 0.4.0

package/dist/types-Bjy1Hy76.js

@@ -0,0 +1,1111 @@
+import { jsx as t, jsxs as S } from "react/jsx-runtime";
+import * as v from "react";
+import { useState as oe, useEffect as se, useMemo as re } from "react";
+import { c as _ } from "./cn-CAc3sAGM.js";
+import { Minus as ae, TrendingUp as ce, TrendingDown as ue } from "lucide-react";
+function de({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: _("animate-pulse rounded-md bg-muted", e),
+      ...n
+    }
+  );
+}
+function ie() {
+  const [e, n] = oe(null), [r, c] = oe(!0), [s, k] = oe(null);
+  return se(() => {
+    let f = !0;
+    return (async () => {
+      try {
+        const a = await import("recharts");
+        f && (n({
+          ResponsiveContainer: a.ResponsiveContainer,
+          BarChart: a.BarChart,
+          LineChart: a.LineChart,
+          AreaChart: a.AreaChart,
+          PieChart: a.PieChart,
+          Bar: a.Bar,
+          Line: a.Line,
+          Area: a.Area,
+          Pie: a.Pie,
+          Cell: a.Cell,
+          XAxis: a.XAxis,
+          YAxis: a.YAxis,
+          CartesianGrid: a.CartesianGrid,
+          Tooltip: a.Tooltip,
+          Legend: a.Legend,
+          // SVG elements from React, not Recharts
+          defs: "defs",
+          linearGradient: "linearGradient",
+          stop: "stop"
+        }), c(!1));
+      } catch (a) {
+        f && (k(a instanceof Error ? a : new Error("Failed to load Recharts")), c(!1));
+      }
+    })(), () => {
+      f = !1;
+    };
+  }, []), {
+    components: e,
+    loading: r,
+    error: s,
+    isAvailable: !r && !s && e !== null
+  };
+}
+const fe = [
+  "hsl(var(--chart-1, 220 70% 50%))",
+  "hsl(var(--chart-2, 160 60% 45%))",
+  "hsl(var(--chart-3, 30 80% 55%))",
+  "hsl(var(--chart-4, 280 65% 60%))",
+  "hsl(var(--chart-5, 340 75% 55%))"
+], J = {
+  colors: fe,
+  gridColor: "hsl(var(--border, 220 13% 91%))",
+  axisColor: "hsl(var(--muted-foreground, 220 9% 46%))",
+  textColor: "hsl(var(--foreground, 224 71% 4%))",
+  tooltipBackground: "hsl(var(--popover, 0 0% 100%))",
+  tooltipText: "hsl(var(--popover-foreground, 224 71% 4%))",
+  tooltipBorder: "hsl(var(--border, 220 13% 91%))",
+  fontFamily: "inherit"
+};
+function Q(e, n = "default") {
+  const r = re(() => ({
+    colors: e?.colors ?? J.colors,
+    gridColor: e?.gridColor ?? J.gridColor,
+    axisColor: e?.axisColor ?? J.axisColor,
+    textColor: e?.textColor ?? J.textColor,
+    tooltipBackground: e?.tooltipBackground ?? J.tooltipBackground,
+    tooltipText: e?.tooltipText ?? J.tooltipText,
+    tooltipBorder: e?.tooltipBorder ?? J.tooltipBorder,
+    fontFamily: e?.fontFamily ?? J.fontFamily
+  }), [e]), c = re(() => (f) => r.colors[f % r.colors.length], [r.colors]), s = re(() => ({
+    contentStyle: {
+      backgroundColor: r.tooltipBackground,
+      color: r.tooltipText,
+      border: `1px solid ${r.tooltipBorder}`,
+      borderRadius: "var(--radius, 0.5rem)",
+      padding: "8px 12px",
+      boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+      fontFamily: r.fontFamily
+    },
+    wrapperStyle: {
+      outline: "none"
+    },
+    itemStyle: {
+      color: r.tooltipText,
+      padding: "2px 0"
+    },
+    labelStyle: {
+      color: r.textColor,
+      fontWeight: 600,
+      marginBottom: "4px"
+    }
+  }), [r]), k = re(() => {
+    const f = "relative";
+    switch (n) {
+      case "gradient":
+        return `${f} bg-gradient-to-br from-background to-muted/20`;
+      case "outline":
+        return `${f} border border-border rounded-lg p-4`;
+      case "glass":
+        return `${f} bg-background/50 backdrop-blur-sm border border-border/50 rounded-lg p-4`;
+      default:
+        return f;
+    }
+  }, [n]);
+  return {
+    theme: r,
+    getColor: c,
+    tooltipStyles: s,
+    containerClasses: k
+  };
+}
+const he = {
+  sm: { width: "100%", height: 150 },
+  md: { width: "100%", height: 250 },
+  lg: { width: "100%", height: 350 },
+  xl: { width: "100%", height: 450 },
+  auto: { width: "100%", height: 300 }
+}, ee = v.forwardRef(
+  ({
+    children: e,
+    variant: n = "default",
+    size: r = "md",
+    height: c,
+    width: s,
+    theme: k,
+    className: f,
+    style: x,
+    title: a,
+    description: h,
+    loading: o,
+    error: u,
+    responsive: l = !0
+  }, b) => {
+    const { components: g, loading: m, error: A, isAvailable: N } = ie(), { containerClasses: $ } = Q(k, n), V = o || m, H = u || (A ? "Recharts non disponible. Installez recharts pour utiliser les graphiques." : null), I = he[r], j = s ?? I.width, D = c ?? I.height;
+    if (V)
+      return /* @__PURE__ */ S("div", { ref: b, className: _($, f), style: x, children: [
+        a && /* @__PURE__ */ t(ne, { title: a, description: h }),
+        /* @__PURE__ */ t(de, { className: "w-full", style: { height: D } })
+      ] });
+    if (H || !N)
+      return /* @__PURE__ */ S("div", { ref: b, className: _($, f), style: x, children: [
+        a && /* @__PURE__ */ t(ne, { title: a, description: h }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "flex items-center justify-center text-muted-foreground text-sm border border-dashed border-border rounded-lg",
+            style: { height: D },
+            children: /* @__PURE__ */ S("div", { className: "text-center p-4", children: [
+              /* @__PURE__ */ t("p", { children: H || "Graphique non disponible" }),
+              /* @__PURE__ */ t("p", { className: "text-xs mt-1", children: "Installez recharts: pnpm add recharts" })
+            ] })
+          }
+        )
+      ] });
+    const { ResponsiveContainer: E } = g;
+    return /* @__PURE__ */ S("div", { ref: b, className: _($, f), style: x, children: [
+      a && /* @__PURE__ */ t(ne, { title: a, description: h }),
+      l ? /* @__PURE__ */ t(E, { width: j, height: D, children: e(g) }) : /* @__PURE__ */ t("div", { style: { width: j, height: D }, children: e(g) })
+    ] });
+  }
+);
+ee.displayName = "WakaChart";
+function ne({ title: e, description: n }) {
+  return /* @__PURE__ */ S("div", { className: "mb-4", children: [
+    /* @__PURE__ */ t("h3", { className: "text-lg font-semibold", children: e }),
+    n && /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: n })
+  ] });
+}
+const me = v.forwardRef(
+  ({
+    data: e,
+    dataKeys: n,
+    series: r,
+    variant: c = "default",
+    size: s = "md",
+    height: k,
+    width: f,
+    animation: x = !0,
+    animationDuration: a = 500,
+    grid: h = !0,
+    tooltip: o = !0,
+    legend: u,
+    axis: l,
+    theme: b,
+    className: g,
+    style: m,
+    title: A,
+    description: N,
+    loading: $,
+    error: V,
+    onClick: H,
+    responsive: I = !0,
+    // Bar specific
+    layout: j = "vertical",
+    stacked: D = !1,
+    radius: E = 4,
+    barSize: P,
+    barGap: y = 4,
+    barCategoryGap: G = "20%"
+  }, F) => {
+    const { theme: w, getColor: X, tooltipStyles: R } = Q(b, c), C = v.useMemo(() => {
+      if (r && r.length > 0) return r;
+      if (n && n.length > 0)
+        return n.map((d, M) => ({
+          dataKey: d,
+          label: d,
+          color: X(M)
+        }));
+      if (e.length > 0 && "value" in e[0])
+        return [{ dataKey: "value", label: "Value", color: X(0) }];
+      const p = e[0];
+      return p ? Object.keys(p).filter((d) => d !== "name" && typeof p[d] == "number").map((d, M) => ({
+        dataKey: d,
+        label: d,
+        color: X(M)
+      })) : [];
+    }, [r, n, e, X]), L = v.useMemo(() => u ? typeof u == "boolean" ? { enabled: u, position: "bottom", align: "center" } : u : null, [u]), i = v.useMemo(() => o ? typeof o == "boolean" ? { enabled: o } : o : null, [o]);
+    return /* @__PURE__ */ t(
+      ee,
+      {
+        ref: F,
+        variant: c,
+        size: s,
+        height: k,
+        width: f,
+        theme: b,
+        className: g,
+        style: m,
+        title: A,
+        description: N,
+        loading: $,
+        error: V,
+        responsive: I,
+        children: (p) => {
+          if (!p) return null;
+          const {
+            BarChart: d,
+            Bar: M,
+            XAxis: z,
+            YAxis: W,
+            CartesianGrid: Y,
+            Tooltip: O,
+            Legend: B
+          } = p;
+          return /* @__PURE__ */ S(
+            d,
+            {
+              data: e,
+              layout: j === "horizontal" ? "vertical" : "horizontal",
+              barGap: y,
+              barCategoryGap: G,
+              children: [
+                h && /* @__PURE__ */ t(
+                  Y,
+                  {
+                    strokeDasharray: "3 3",
+                    stroke: w.gridColor,
+                    horizontal: !0,
+                    vertical: !1
+                  }
+                ),
+                l?.showXAxis !== !1 && /* @__PURE__ */ t(
+                  z,
+                  {
+                    dataKey: "name",
+                    axisLine: { stroke: w.axisColor },
+                    tickLine: { stroke: w.axisColor },
+                    tick: { fill: w.textColor, fontSize: 12 },
+                    tickFormatter: l?.xAxisFormatter
+                  }
+                ),
+                l?.showYAxis !== !1 && /* @__PURE__ */ t(
+                  W,
+                  {
+                    axisLine: { stroke: w.axisColor },
+                    tickLine: { stroke: w.axisColor },
+                    tick: { fill: w.textColor, fontSize: 12 },
+                    tickFormatter: l?.yAxisFormatter,
+                    domain: l?.yAxisDomain,
+                    unit: l?.yAxisUnit
+                  }
+                ),
+                i?.enabled !== !1 && o && /* @__PURE__ */ t(
+                  O,
+                  {
+                    ...R,
+                    formatter: i && typeof i != "boolean" && i.formatter ? (K, U) => i.formatter(
+                      K,
+                      U,
+                      e[0]
+                    ) : (K) => {
+                      const U = i && typeof i != "boolean" && i.valuePrefix || "", T = i && typeof i != "boolean" && i.valueSuffix || "";
+                      return `${U}${K}${T}`;
+                    }
+                  }
+                ),
+                L?.enabled && /* @__PURE__ */ t(
+                  B,
+                  {
+                    align: L.align,
+                    verticalAlign: L.position === "top" ? "top" : "bottom",
+                    wrapperStyle: { paddingTop: L.position === "bottom" ? 16 : 0 }
+                  }
+                ),
+                C.map((K, U) => /* @__PURE__ */ t(
+                  M,
+                  {
+                    dataKey: K.dataKey,
+                    name: K.label,
+                    fill: K.color || X(U),
+                    radius: E,
+                    stackId: D ? "stack" : void 0,
+                    barSize: P,
+                    animationDuration: a,
+                    isAnimationActive: x
+                  },
+                  K.dataKey
+                ))
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+);
+me.displayName = "WakaBarChart";
+const pe = v.forwardRef(
+  ({
+    data: e,
+    dataKeys: n,
+    series: r,
+    variant: c = "default",
+    size: s = "md",
+    height: k,
+    width: f,
+    animation: x = !0,
+    animationDuration: a = 500,
+    grid: h = !0,
+    tooltip: o = !0,
+    legend: u,
+    axis: l,
+    theme: b,
+    className: g,
+    style: m,
+    title: A,
+    description: N,
+    loading: $,
+    error: V,
+    onClick: H,
+    responsive: I = !0,
+    // Line specific
+    curve: j = "monotone",
+    dots: D = !0,
+    dotSize: E = 4,
+    activeDot: P = !0,
+    strokeWidth: y = 2
+  }, G) => {
+    const { theme: F, getColor: w, tooltipStyles: X } = Q(b, c), R = v.useMemo(() => {
+      if (r && r.length > 0) return r;
+      if (n && n.length > 0)
+        return n.map((p, d) => ({
+          dataKey: p,
+          label: p,
+          color: w(d),
+          strokeWidth: y
+        }));
+      if (e.length > 0 && "value" in e[0])
+        return [{ dataKey: "value", label: "Value", color: w(0), strokeWidth: y }];
+      const i = e[0];
+      return i ? Object.keys(i).filter((p) => p !== "name" && typeof i[p] == "number").map((p, d) => ({
+        dataKey: p,
+        label: p,
+        color: w(d),
+        strokeWidth: y
+      })) : [];
+    }, [r, n, e, w, y]), C = v.useMemo(() => u ? typeof u == "boolean" ? { enabled: u, position: "bottom", align: "center" } : u : null, [u]), L = v.useMemo(() => o ? typeof o == "boolean" ? { enabled: o } : o : null, [o]);
+    return /* @__PURE__ */ t(
+      ee,
+      {
+        ref: G,
+        variant: c,
+        size: s,
+        height: k,
+        width: f,
+        theme: b,
+        className: g,
+        style: m,
+        title: A,
+        description: N,
+        loading: $,
+        error: V,
+        responsive: I,
+        children: (i) => {
+          if (!i) return null;
+          const {
+            LineChart: p,
+            Line: d,
+            XAxis: M,
+            YAxis: z,
+            CartesianGrid: W,
+            Tooltip: Y,
+            Legend: O
+          } = i;
+          return /* @__PURE__ */ S(p, { data: e, children: [
+            h && /* @__PURE__ */ t(
+              W,
+              {
+                strokeDasharray: "3 3",
+                stroke: F.gridColor,
+                horizontal: !0,
+                vertical: !1
+              }
+            ),
+            l?.showXAxis !== !1 && /* @__PURE__ */ t(
+              M,
+              {
+                dataKey: "name",
+                axisLine: { stroke: F.axisColor },
+                tickLine: { stroke: F.axisColor },
+                tick: { fill: F.textColor, fontSize: 12 },
+                tickFormatter: l?.xAxisFormatter
+              }
+            ),
+            l?.showYAxis !== !1 && /* @__PURE__ */ t(
+              z,
+              {
+                axisLine: { stroke: F.axisColor },
+                tickLine: { stroke: F.axisColor },
+                tick: { fill: F.textColor, fontSize: 12 },
+                tickFormatter: l?.yAxisFormatter,
+                domain: l?.yAxisDomain,
+                unit: l?.yAxisUnit
+              }
+            ),
+            L?.enabled !== !1 && o && /* @__PURE__ */ t(
+              Y,
+              {
+                ...X,
+                formatter: L && typeof L != "boolean" && L.formatter ? (B, K) => L.formatter(
+                  B,
+                  K,
+                  e[0]
+                ) : (B) => {
+                  const K = L && typeof L != "boolean" && L.valuePrefix || "", U = L && typeof L != "boolean" && L.valueSuffix || "";
+                  return `${K}${B}${U}`;
+                }
+              }
+            ),
+            C?.enabled && /* @__PURE__ */ t(
+              O,
+              {
+                align: C.align,
+                verticalAlign: C.position === "top" ? "top" : "bottom",
+                wrapperStyle: { paddingTop: C.position === "bottom" ? 16 : 0 }
+              }
+            ),
+            R.map((B, K) => /* @__PURE__ */ t(
+              d,
+              {
+                dataKey: B.dataKey,
+                name: B.label,
+                stroke: B.color || w(K),
+                strokeWidth: B.strokeWidth || y,
+                strokeDasharray: B.strokeDasharray,
+                type: j,
+                dot: D ? { r: E, fill: B.color || w(K) } : !1,
+                activeDot: P ? { r: E + 2 } : !1,
+                animationDuration: a,
+                isAnimationActive: x
+              },
+              B.dataKey
+            ))
+          ] });
+        }
+      }
+    );
+  }
+);
+pe.displayName = "WakaLineChart";
+const ge = v.forwardRef(
+  ({
+    data: e,
+    dataKeys: n,
+    series: r,
+    variant: c = "default",
+    size: s = "md",
+    height: k,
+    width: f,
+    animation: x = !0,
+    animationDuration: a = 500,
+    grid: h = !0,
+    tooltip: o = !0,
+    legend: u,
+    axis: l,
+    theme: b,
+    className: g,
+    style: m,
+    title: A,
+    description: N,
+    loading: $,
+    error: V,
+    onClick: H,
+    responsive: I = !0,
+    // Line/Area specific
+    curve: j = "monotone",
+    dots: D = !1,
+    dotSize: E = 4,
+    activeDot: P = !0,
+    strokeWidth: y = 2,
+    // Area specific
+    stacked: G = !1,
+    fillOpacity: F = 0.3,
+    gradientDirection: w = "vertical"
+  }, X) => {
+    const { theme: R, getColor: C, tooltipStyles: L } = Q(b, c), i = v.useMemo(() => {
+      if (r && r.length > 0) return r;
+      if (n && n.length > 0)
+        return n.map((z, W) => ({
+          dataKey: z,
+          label: z,
+          color: C(W),
+          strokeWidth: y,
+          fillOpacity: F
+        }));
+      if (e.length > 0 && "value" in e[0])
+        return [{ dataKey: "value", label: "Value", color: C(0), strokeWidth: y, fillOpacity: F }];
+      const M = e[0];
+      return M ? Object.keys(M).filter((z) => z !== "name" && typeof M[z] == "number").map((z, W) => ({
+        dataKey: z,
+        label: z,
+        color: C(W),
+        strokeWidth: y,
+        fillOpacity: F
+      })) : [];
+    }, [r, n, e, C, y, F]), p = v.useMemo(() => u ? typeof u == "boolean" ? { enabled: u, position: "bottom", align: "center" } : u : null, [u]), d = v.useMemo(() => o ? typeof o == "boolean" ? { enabled: o } : o : null, [o]);
+    return /* @__PURE__ */ t(
+      ee,
+      {
+        ref: X,
+        variant: c,
+        size: s,
+        height: k,
+        width: f,
+        theme: b,
+        className: g,
+        style: m,
+        title: A,
+        description: N,
+        loading: $,
+        error: V,
+        responsive: I,
+        children: (M) => {
+          if (!M) return null;
+          const {
+            AreaChart: z,
+            Area: W,
+            XAxis: Y,
+            YAxis: O,
+            CartesianGrid: B,
+            Tooltip: K,
+            Legend: U
+          } = M;
+          return /* @__PURE__ */ S(z, { data: e, children: [
+            /* @__PURE__ */ t("defs", { children: i.map((T, Z) => {
+              const q = T.color || C(Z), te = `gradient-${T.dataKey}-${Z}`;
+              return /* @__PURE__ */ S(
+                "linearGradient",
+                {
+                  id: te,
+                  x1: "0",
+                  y1: "0",
+                  x2: w === "horizontal" ? "1" : "0",
+                  y2: w === "horizontal" ? "0" : "1",
+                  children: [
+                    /* @__PURE__ */ t("stop", { offset: "5%", stopColor: q, stopOpacity: 0.8 }),
+                    /* @__PURE__ */ t("stop", { offset: "95%", stopColor: q, stopOpacity: 0.1 })
+                  ]
+                },
+                te
+              );
+            }) }),
+            h && /* @__PURE__ */ t(
+              B,
+              {
+                strokeDasharray: "3 3",
+                stroke: R.gridColor,
+                horizontal: !0,
+                vertical: !1
+              }
+            ),
+            l?.showXAxis !== !1 && /* @__PURE__ */ t(
+              Y,
+              {
+                dataKey: "name",
+                axisLine: { stroke: R.axisColor },
+                tickLine: { stroke: R.axisColor },
+                tick: { fill: R.textColor, fontSize: 12 },
+                tickFormatter: l?.xAxisFormatter
+              }
+            ),
+            l?.showYAxis !== !1 && /* @__PURE__ */ t(
+              O,
+              {
+                axisLine: { stroke: R.axisColor },
+                tickLine: { stroke: R.axisColor },
+                tick: { fill: R.textColor, fontSize: 12 },
+                tickFormatter: l?.yAxisFormatter,
+                domain: l?.yAxisDomain,
+                unit: l?.yAxisUnit
+              }
+            ),
+            d?.enabled !== !1 && o && /* @__PURE__ */ t(
+              K,
+              {
+                ...L,
+                formatter: d && typeof d != "boolean" && d.formatter ? (T, Z) => d.formatter(
+                  T,
+                  Z,
+                  e[0]
+                ) : (T) => {
+                  const Z = d && typeof d != "boolean" && d.valuePrefix || "", q = d && typeof d != "boolean" && d.valueSuffix || "";
+                  return `${Z}${T}${q}`;
+                }
+              }
+            ),
+            p?.enabled && /* @__PURE__ */ t(
+              U,
+              {
+                align: p.align,
+                verticalAlign: p.position === "top" ? "top" : "bottom",
+                wrapperStyle: { paddingTop: p.position === "bottom" ? 16 : 0 }
+              }
+            ),
+            i.map((T, Z) => {
+              const q = T.color || C(Z), te = `gradient-${T.dataKey}-${Z}`;
+              return /* @__PURE__ */ t(
+                W,
+                {
+                  dataKey: T.dataKey,
+                  name: T.label,
+                  stroke: q,
+                  strokeWidth: T.strokeWidth || y,
+                  fill: `url(#${te})`,
+                  fillOpacity: T.fillOpacity ?? F,
+                  type: j,
+                  dot: D ? { r: E, fill: q } : !1,
+                  stackId: G ? "stack" : void 0,
+                  animationDuration: a,
+                  isAnimationActive: x
+                },
+                T.dataKey
+              );
+            })
+          ] });
+        }
+      }
+    );
+  }
+);
+ge.displayName = "WakaAreaChart";
+const xe = v.forwardRef(
+  ({
+    data: e,
+    variant: n = "default",
+    size: r = "md",
+    height: c,
+    width: s,
+    animation: k = !0,
+    animationDuration: f = 500,
+    tooltip: x = !0,
+    legend: a = !0,
+    theme: h,
+    className: o,
+    style: u,
+    title: l,
+    description: b,
+    loading: g,
+    error: m,
+    onClick: A,
+    responsive: N = !0,
+    // Pie specific
+    dataKey: $ = "value",
+    nameKey: V = "name",
+    innerRadius: H = 0,
+    outerRadius: I = "80%",
+    startAngle: j = 90,
+    endAngle: D = -270,
+    paddingAngle: E = 2,
+    label: P = !1,
+    labelPosition: y = "outside"
+  }, G) => {
+    const { theme: F, getColor: w, tooltipStyles: X } = Q(h, n), R = v.useMemo(() => a ? typeof a == "boolean" ? { enabled: a, position: "bottom", align: "center" } : a : null, [a]), C = v.useMemo(() => x ? typeof x == "boolean" ? { enabled: x } : x : null, [x]), L = v.useCallback(
+      (i) => {
+        if (!P) return null;
+        const p = Math.PI / 180, d = y === "inside" ? i.innerRadius + (i.outerRadius - i.innerRadius) * 0.5 : i.outerRadius * 1.1, M = i.cx + d * Math.cos(-i.midAngle * p), z = i.cy + d * Math.sin(-i.midAngle * p);
+        let W = "";
+        return P === "percent" ? W = `${(i.percent * 100).toFixed(0)}%` : P === "value" ? W = String(i.value) : P === "name" ? W = i.name : W = `${(i.percent * 100).toFixed(0)}%`, /* @__PURE__ */ t(
+          "text",
+          {
+            x: M,
+            y: z,
+            fill: y === "inside" ? "#fff" : F.textColor,
+            textAnchor: M > i.cx ? "start" : "end",
+            dominantBaseline: "central",
+            fontSize: 12,
+            children: W
+          }
+        );
+      },
+      [P, y, F.textColor]
+    );
+    return /* @__PURE__ */ t(
+      ee,
+      {
+        ref: G,
+        variant: n,
+        size: r,
+        height: c,
+        width: s,
+        theme: h,
+        className: o,
+        style: u,
+        title: l,
+        description: b,
+        loading: g,
+        error: m,
+        responsive: N,
+        children: (i) => {
+          if (!i) return null;
+          const {
+            PieChart: p,
+            Pie: d,
+            Cell: M,
+            Tooltip: z,
+            Legend: W
+          } = i;
+          return /* @__PURE__ */ S(p, { children: [
+            C?.enabled !== !1 && x && /* @__PURE__ */ t(
+              z,
+              {
+                ...X,
+                formatter: C && typeof C != "boolean" && C.formatter ? (Y, O) => C.formatter(
+                  Y,
+                  O,
+                  e[0]
+                ) : (Y) => {
+                  const O = C && typeof C != "boolean" && C.valuePrefix || "", B = C && typeof C != "boolean" && C.valueSuffix || "";
+                  return `${O}${Y}${B}`;
+                }
+              }
+            ),
+            R?.enabled && /* @__PURE__ */ t(
+              W,
+              {
+                align: R.align,
+                verticalAlign: R.position === "top" ? "top" : "bottom",
+                layout: R.position === "left" || R.position === "right" ? "vertical" : "horizontal",
+                wrapperStyle: { paddingTop: R.position === "bottom" ? 16 : 0 }
+              }
+            ),
+            /* @__PURE__ */ t(
+              d,
+              {
+                data: e,
+                dataKey: $,
+                nameKey: V,
+                cx: "50%",
+                cy: "50%",
+                innerRadius: H,
+                outerRadius: I,
+                startAngle: j,
+                endAngle: D,
+                paddingAngle: E,
+                animationDuration: f,
+                isAnimationActive: k,
+                label: P ? L : !1,
+                labelLine: P && y === "outside",
+                children: e.map((Y, O) => /* @__PURE__ */ t(
+                  M,
+                  {
+                    fill: w(O),
+                    stroke: "transparent"
+                  },
+                  `cell-${O}`
+                ))
+              }
+            )
+          ] });
+        }
+      }
+    );
+  }
+);
+xe.displayName = "WakaPieChart";
+const le = v.forwardRef(
+  ({
+    data: e,
+    type: n = "line",
+    width: r = 100,
+    height: c = 30,
+    color: s = "hsl(var(--chart-1))",
+    fillColor: k,
+    fillOpacity: f = 0.3,
+    showMinMax: x = !1,
+    showValue: a = !1,
+    className: h,
+    animation: o = !0
+  }, u) => {
+    const { components: l, loading: b, isAvailable: g } = ie(), m = v.useMemo(
+      () => e.map((y, G) => ({ index: G, value: y })),
+      [e]
+    ), { min: A, max: N, current: $ } = v.useMemo(() => {
+      const y = e.filter((G) => typeof G == "number" && !isNaN(G));
+      return {
+        min: Math.min(...y),
+        max: Math.max(...y),
+        current: y[y.length - 1]
+      };
+    }, [e]);
+    if (b)
+      return /* @__PURE__ */ t("div", { ref: u, className: _("inline-flex items-center gap-2", h), children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: "bg-muted animate-pulse rounded",
+          style: { width: r, height: c }
+        }
+      ) });
+    if (!g || !l)
+      return /* @__PURE__ */ S("div", { ref: u, className: _("inline-flex items-center gap-2", h), children: [
+        /* @__PURE__ */ t(
+          be,
+          {
+            data: e,
+            width: r,
+            height: c,
+            color: s,
+            type: n,
+            fillColor: k,
+            fillOpacity: f
+          }
+        ),
+        a && /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: $ })
+      ] });
+    const {
+      ResponsiveContainer: V,
+      LineChart: H,
+      BarChart: I,
+      AreaChart: j,
+      Line: D,
+      Bar: E,
+      Area: P
+    } = l;
+    return /* @__PURE__ */ S("div", { ref: u, className: _("inline-flex items-center gap-2", h), children: [
+      /* @__PURE__ */ t("div", { style: { width: r, height: c }, children: /* @__PURE__ */ t(V, { width: "100%", height: "100%", children: n === "bar" ? /* @__PURE__ */ t(I, { data: m, children: /* @__PURE__ */ t(
+        E,
+        {
+          dataKey: "value",
+          fill: s,
+          radius: 1,
+          isAnimationActive: o
+        }
+      ) }) : n === "area" ? /* @__PURE__ */ S(j, { data: m, children: [
+        /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ S("linearGradient", { id: `sparkline-gradient-${s.replace(/[^a-z0-9]/gi, "")}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ t("stop", { offset: "5%", stopColor: k || s, stopOpacity: 0.8 }),
+          /* @__PURE__ */ t("stop", { offset: "95%", stopColor: k || s, stopOpacity: 0.1 })
+        ] }) }),
+        /* @__PURE__ */ t(
+          P,
+          {
+            type: "monotone",
+            dataKey: "value",
+            stroke: s,
+            fill: `url(#sparkline-gradient-${s.replace(/[^a-z0-9]/gi, "")})`,
+            fillOpacity: f,
+            strokeWidth: 1.5,
+            dot: !1,
+            isAnimationActive: o
+          }
+        )
+      ] }) : /* @__PURE__ */ t(H, { data: m, children: /* @__PURE__ */ t(
+        D,
+        {
+          type: "monotone",
+          dataKey: "value",
+          stroke: s,
+          strokeWidth: 1.5,
+          dot: !1,
+          isAnimationActive: o
+        }
+      ) }) }) }),
+      x && /* @__PURE__ */ S("div", { className: "flex flex-col text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ S("span", { children: [
+          "↑ ",
+          N
+        ] }),
+        /* @__PURE__ */ S("span", { children: [
+          "↓ ",
+          A
+        ] })
+      ] }),
+      a && /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: $ })
+    ] });
+  }
+);
+le.displayName = "WakaSparkline";
+function be({
+  data: e,
+  width: n,
+  height: r,
+  color: c,
+  type: s,
+  fillColor: k,
+  fillOpacity: f
+}) {
+  const a = n - 4, h = r - 4, o = Math.min(...e), l = Math.max(...e) - o || 1, b = e.map((m, A) => {
+    const N = 2 + A / (e.length - 1 || 1) * a, $ = 2 + h - (m - o) / l * h;
+    return { x: N, y: $, value: m };
+  });
+  if (s === "bar") {
+    const m = a / e.length - 1;
+    return /* @__PURE__ */ t("svg", { width: n, height: r, children: e.map((A, N) => {
+      const $ = (A - o) / l * h;
+      return /* @__PURE__ */ t(
+        "rect",
+        {
+          x: 2 + N * (m + 1),
+          y: 2 + h - $,
+          width: m,
+          height: $,
+          fill: c,
+          rx: 1
+        },
+        N
+      );
+    }) });
+  }
+  const g = b.map((m, A) => `${A === 0 ? "M" : "L"} ${m.x} ${m.y}`).join(" ");
+  if (s === "area") {
+    const m = `${g} L ${b[b.length - 1].x} ${r - 2} L 2 ${r - 2} Z`;
+    return /* @__PURE__ */ S("svg", { width: n, height: r, children: [
+      /* @__PURE__ */ t("path", { d: m, fill: k || c, fillOpacity: f }),
+      /* @__PURE__ */ t("path", { d: g, fill: "none", stroke: c, strokeWidth: 1.5 })
+    ] });
+  }
+  return /* @__PURE__ */ t("svg", { width: n, height: r, children: /* @__PURE__ */ t("path", { d: g, fill: "none", stroke: c, strokeWidth: 1.5 }) });
+}
+const ye = v.forwardRef(
+  ({
+    data: e,
+    type: n = "sparkline",
+    width: r = 80,
+    height: c = 24,
+    color: s,
+    showTrend: k = !0,
+    valueFormatter: f,
+    className: x
+  }, a) => {
+    const h = v.useMemo(() => !e || e.length === 0 ? [] : typeof e[0] == "number" ? e : e.map((g) => {
+      const m = g.value ?? Object.values(g).find((A) => typeof A == "number");
+      return typeof m == "number" ? m : 0;
+    }), [e]), { trend: o, trendPercent: u, currentValue: l } = v.useMemo(() => {
+      if (h.length < 2)
+        return {
+          trend: "neutral",
+          trendPercent: 0,
+          currentValue: h[0] ?? 0
+        };
+      const g = h[0], m = h[h.length - 1], A = m - g, N = g !== 0 ? A / g * 100 : 0;
+      return {
+        trend: A > 0 ? "up" : A < 0 ? "down" : "neutral",
+        trendPercent: N,
+        currentValue: m
+      };
+    }, [h]), b = v.useMemo(() => s || (o === "up" ? "hsl(var(--chart-2, 142 76% 36%))" : o === "down" ? "hsl(var(--destructive, 0 84% 60%))" : "hsl(var(--muted-foreground, 220 9% 46%))"), [s, o]);
+    return h.length === 0 ? /* @__PURE__ */ t("div", { ref: a, className: _("flex items-center gap-1 text-muted-foreground", x), children: /* @__PURE__ */ t(ae, { className: "h-3 w-3" }) }) : (f ? f(l) : l.toLocaleString(), /* @__PURE__ */ S("div", { ref: a, className: _("flex items-center gap-2", x), children: [
+      /* @__PURE__ */ t(
+        le,
+        {
+          data: h,
+          type: n === "sparkline" ? "line" : n,
+          width: r,
+          height: c,
+          color: b,
+          animation: !1
+        }
+      ),
+      k && /* @__PURE__ */ S("div", { className: "flex items-center gap-1", children: [
+        o === "up" && /* @__PURE__ */ t(ce, { className: "h-3 w-3 text-green-600 dark:text-green-400" }),
+        o === "down" && /* @__PURE__ */ t(ue, { className: "h-3 w-3 text-red-600 dark:text-red-400" }),
+        o === "neutral" && /* @__PURE__ */ t(ae, { className: "h-3 w-3 text-muted-foreground" }),
+        /* @__PURE__ */ S(
+          "span",
+          {
+            className: _(
+              "text-xs font-medium",
+              o === "up" && "text-green-600 dark:text-green-400",
+              o === "down" && "text-red-600 dark:text-red-400",
+              o === "neutral" && "text-muted-foreground"
+            ),
+            children: [
+              o !== "neutral" && (u > 0 ? "+" : ""),
+              u.toFixed(1),
+              "%"
+            ]
+          }
+        )
+      ] })
+    ] }));
+  }
+);
+ye.displayName = "WakaMiniChart";
+function we(e) {
+  const {
+    accessorKey: n,
+    header: r = String(n),
+    chartType: c = "sparkline",
+    width: s = 100,
+    height: k = 24,
+    color: f,
+    showValue: x = !1,
+    valueFormatter: a
+  } = e;
+  return {
+    accessorKey: n,
+    header: r,
+    size: s + (x ? 60 : 0),
+    enableSorting: !1,
+    enableColumnFilter: !1,
+    cell: (h) => {
+      const o = h.getValue();
+      let u = [];
+      return Array.isArray(o) && (typeof o[0] == "number" ? u = o : typeof o[0] == "object" && o[0] !== null && (u = o.map((l) => {
+        const b = l.value ?? Object.values(l).find((g) => typeof g == "number");
+        return typeof b == "number" ? b : 0;
+      }))), {
+        type: "chart",
+        chartType: c,
+        data: u,
+        width: s,
+        height: k,
+        color: f,
+        showTrend: !0,
+        valueFormatter: a
+      };
+    },
+    meta: {
+      isChartColumn: !0,
+      chartConfig: e
+    }
+  };
+}
+const Se = {
+  cell: (e) => {
+    if (!Array.isArray(e)) return null;
+    let n = [];
+    return typeof e[0] == "number" ? n = e : typeof e[0] == "object" && e[0] !== null && (n = e.map((r) => {
+      const c = r.value ?? Object.values(r).find((s) => typeof s == "number");
+      return typeof c == "number" ? c : 0;
+    })), {
+      type: "sparkline",
+      data: n
+    };
+  },
+  size: 100,
+  enableSorting: !1,
+  enableFiltering: !1
+}, Le = [
+  "hsl(var(--chart-1))",
+  "hsl(var(--chart-2))",
+  "hsl(var(--chart-3))",
+  "hsl(var(--chart-4))",
+  "hsl(var(--chart-5))"
+], $e = {
+  sm: { width: "100%", height: 150 },
+  md: { width: "100%", height: 250 },
+  lg: { width: "100%", height: 350 },
+  xl: { width: "100%", height: 450 },
+  auto: { width: "100%", height: 300 }
+};
+export {
+  $e as C,
+  Le as D,
+  de as S,
+  ee as W,
+  me as a,
+  pe as b,
+  ge as c,
+  xe as d,
+  le as e,
+  ye as f,
+  Q as g,
+  we as h,
+  Se as s,
+  ie as u
+};