@wakastellar/ui 3.2.0 → 3.3.2

package/dist/types-BOWIoR7j.mjs

@@ -1,1111 +0,0 @@
-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-DzRe1GWm.mjs";
-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
-};