@krosoft/react 0.0.182 → 0.0.184

package/dist/PieChart-C9gn0Dws.js

@@ -0,0 +1,282 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { f as C, j as x, k as N, C as A, d as R, e as V, b as P, a as S, g as B, h as H } from "./chart-DntJZGxB.js";
+import { c as k } from "./tailwind.helper-B6yFEsav.js";
+import * as g from "react";
+import { BarChart as T, CartesianGrid as M, XAxis as w, YAxis as D, Bar as j, LineChart as O, Line as _, PieChart as $, Pie as E } from "recharts";
+import { S as I } from "./skeleton-BX4RcsiK.js";
+import { u as G } from "./useMobile-DN1_OMDB.js";
+const y = (r, t) => r ? (n, i) => /* @__PURE__ */ d("div", { className: "flex flex-1 justify-between gap-4", children: [
+  /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: t ?? String(i) }),
+  /* @__PURE__ */ e("span", { className: "font-mono font-medium tabular-nums text-foreground", children: r(Number(n)) })
+] }) : void 0, z = (r, t) => t > 0 && r.length > t ? `${r.slice(0, t)}…` : r, F = ({
+  data: r,
+  label: t = "Valeur",
+  color: s = "hsl(var(--primary))",
+  categoryWidth: n = 140,
+  maxLabelLength: i = 22,
+  valueFormatter: o,
+  onSelect: c,
+  className: u
+}) => {
+  const m = g.useMemo(() => ({ value: { label: t, color: s } }), [t, s]), h = g.useMemo(() => y(o, t), [o, t]);
+  return /* @__PURE__ */ e(C, { config: m, className: k("aspect-auto size-full", u), children: /* @__PURE__ */ d(T, { data: r, layout: "vertical", margin: { top: 5, right: 20, left: 0, bottom: 5 }, children: [
+    /* @__PURE__ */ e(M, { strokeDasharray: "3 3", horizontal: !1 }),
+    /* @__PURE__ */ e(
+      w,
+      {
+        type: "number",
+        dataKey: "value",
+        allowDecimals: !1,
+        tickLine: !1,
+        axisLine: !1,
+        tickMargin: 8,
+        tickFormatter: o ? (a) => o(Number(a)) : void 0
+      }
+    ),
+    /* @__PURE__ */ e(
+      D,
+      {
+        type: "category",
+        dataKey: "name",
+        width: n,
+        tickLine: !1,
+        axisLine: !1,
+        tickFormatter: (a) => z(String(a), i)
+      }
+    ),
+    /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(N, { formatter: h }) }),
+    /* @__PURE__ */ e(
+      j,
+      {
+        dataKey: "value",
+        fill: "var(--color-value)",
+        radius: [0, 4, 4, 0],
+        className: c ? "cursor-pointer" : void 0,
+        onClick: c ? (a, l) => {
+          c(r[l], l);
+        } : void 0
+      }
+    )
+  ] }) });
+}, ee = ({
+  data: r,
+  label: t = "Valeur",
+  color: s = "hsl(var(--primary))",
+  labelAngle: n,
+  valueFormatter: i,
+  allowDecimals: o = !1,
+  onSelect: c,
+  className: u
+}) => {
+  const m = g.useMemo(() => ({ value: { label: t, color: s } }), [t, s]), h = g.useMemo(() => y(i, t), [i, t]), a = n !== void 0 && n !== 0;
+  return /* @__PURE__ */ e(C, { config: m, className: k("aspect-auto size-full", u), children: /* @__PURE__ */ d(T, { data: r, margin: { top: 10, right: 10, left: 0, bottom: a ? 20 : 10 }, children: [
+    /* @__PURE__ */ e(M, { strokeDasharray: "3 3", vertical: !1 }),
+    /* @__PURE__ */ e(
+      w,
+      {
+        dataKey: "name",
+        angle: n,
+        textAnchor: a ? "end" : "middle",
+        height: a ? 50 : void 0,
+        tickLine: !1,
+        axisLine: !1,
+        tickMargin: 8
+      }
+    ),
+    /* @__PURE__ */ e(
+      D,
+      {
+        allowDecimals: o,
+        tickLine: !1,
+        axisLine: !1,
+        width: i ? 48 : 32,
+        tickFormatter: i ? (l) => i(Number(l)) : void 0
+      }
+    ),
+    /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(N, { formatter: h }) }),
+    /* @__PURE__ */ e(
+      j,
+      {
+        dataKey: "value",
+        fill: "var(--color-value)",
+        radius: [4, 4, 0, 0],
+        className: c ? "cursor-pointer" : void 0,
+        onClick: c ? (l, f) => {
+          c(r[f], f);
+        } : void 0
+      }
+    )
+  ] }) });
+}, K = [
+  "hsl(var(--k-chart-1))",
+  "hsl(var(--k-chart-2))",
+  "hsl(var(--k-chart-3))",
+  "hsl(var(--k-chart-4))",
+  "hsl(var(--k-chart-5))"
+], b = (r) => K[r % K.length], te = ({
+  title: r,
+  description: t,
+  icon: s,
+  actions: n,
+  isLoading: i = !1,
+  isEmpty: o = !1,
+  emptyLabel: c = "Aucune donnée disponible",
+  height: u = 300,
+  className: m,
+  contentClassName: h,
+  children: a
+}) => {
+  const l = s, f = () => i ? /* @__PURE__ */ e(I, { className: "size-full rounded-surface" }) : o ? /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: c }) }) : a;
+  return /* @__PURE__ */ d(A, { className: m, children: [
+    /* @__PURE__ */ e(R, { children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__PURE__ */ d("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ d(V, { className: "flex items-center gap-2", children: [
+          l && /* @__PURE__ */ e(l, { className: "size-5 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "truncate", children: r })
+        ] }),
+        t !== void 0 && t !== "" ? /* @__PURE__ */ e(P, { children: t }) : null
+      ] }),
+      n != null ? /* @__PURE__ */ e("div", { className: "shrink-0", children: n }) : null
+    ] }) }),
+    /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("div", { className: k("w-full", h), style: { height: u }, children: f() }) })
+  ] });
+}, U = { warning: 50, danger: 80 }, W = (r, t) => r >= t.danger ? "hsl(var(--destructive))" : r >= t.warning ? "hsl(var(--k-warning))" : "hsl(var(--k-success))", re = ({
+  value: r,
+  max: t = 100,
+  size: s = 120,
+  strokeWidth: n = 8,
+  label: i,
+  unit: o = "%",
+  color: c,
+  thresholds: u = U,
+  valueFormatter: m = (a) => a.toFixed(1),
+  className: h
+}) => {
+  const a = (s - n) / 2, l = a * 2 * Math.PI, f = t > 0 ? Math.min(100, Math.max(0, r / t * 100)) : 0, L = c ?? W(f, u);
+  return /* @__PURE__ */ d("div", { className: k("flex flex-col items-center gap-2", h), children: [
+    /* @__PURE__ */ d("div", { className: "relative", style: { width: s, height: s }, children: [
+      /* @__PURE__ */ d("svg", { width: s, height: s, className: "-rotate-90", children: [
+        /* @__PURE__ */ e("circle", { cx: s / 2, cy: s / 2, r: a, className: "stroke-muted", strokeWidth: n, fill: "transparent" }),
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            cx: s / 2,
+            cy: s / 2,
+            r: a,
+            stroke: L,
+            strokeWidth: n,
+            fill: "transparent",
+            strokeDasharray: l,
+            strokeDashoffset: l - f / 100 * l,
+            strokeLinecap: "round",
+            className: "transition-all duration-500 ease-out"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ d("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+        /* @__PURE__ */ e("span", { className: "text-2xl font-bold text-card-foreground", children: m(r) }),
+        o !== "" && /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: o })
+      ] })
+    ] }),
+    i !== void 0 && i !== "" ? /* @__PURE__ */ e("span", { className: "text-sm font-medium text-muted-foreground", children: i }) : null
+  ] });
+}, ae = ({
+  data: r,
+  label: t = "Valeur",
+  color: s = "hsl(var(--primary))",
+  yAxisDomain: n,
+  valueFormatter: i,
+  labelFormatter: o,
+  showDots: c = !0,
+  className: u
+}) => {
+  const m = g.useMemo(() => ({ value: { label: t, color: s } }), [t, s]), h = g.useMemo(() => y(i, t), [i, t]);
+  return /* @__PURE__ */ e(C, { config: m, className: k("aspect-auto size-full", u), children: /* @__PURE__ */ d(O, { data: r, margin: { top: 10, right: 20, left: 0, bottom: 10 }, children: [
+    /* @__PURE__ */ e(M, { strokeDasharray: "3 3", vertical: !1 }),
+    /* @__PURE__ */ e(
+      w,
+      {
+        dataKey: "name",
+        tickLine: !1,
+        axisLine: !1,
+        tickMargin: 8,
+        interval: "preserveStartEnd",
+        tickFormatter: o ? (a) => o(String(a)) : void 0
+      }
+    ),
+    /* @__PURE__ */ e(
+      D,
+      {
+        domain: n,
+        tickLine: !1,
+        axisLine: !1,
+        width: i ? 48 : 32,
+        tickFormatter: i ? (a) => i(Number(a)) : void 0
+      }
+    ),
+    /* @__PURE__ */ e(
+      x,
+      {
+        content: /* @__PURE__ */ e(N, { formatter: h, labelFormatter: o ? (a) => o(String(a)) : void 0 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      _,
+      {
+        type: "monotone",
+        dataKey: "value",
+        stroke: "var(--color-value)",
+        strokeWidth: 2,
+        dot: c ? { fill: "var(--color-value)", strokeWidth: 0, r: 3 } : !1,
+        activeDot: { r: 5, strokeWidth: 2, className: "stroke-background" }
+      }
+    )
+  ] }) });
+}, se = ({
+  data: r,
+  innerRadius: t,
+  outerRadius: s,
+  showLegend: n = !0,
+  showLabels: i = !1,
+  valueFormatter: o,
+  onSelect: c,
+  className: u
+}) => {
+  const m = G(), h = g.useMemo(() => r.map((p, v) => ({ ...p, fill: p.color ?? b(v) })), [r]), a = g.useMemo(
+    () => Object.fromEntries(r.map((p, v) => [p.name, { label: p.name, color: p.color ?? b(v) }])),
+    [r]
+  ), l = g.useMemo(() => y(o), [o]), f = t ?? (m ? 45 : 60), L = s ?? (m ? 80 : 100);
+  return /* @__PURE__ */ e(C, { config: a, className: k("aspect-auto size-full", u), children: /* @__PURE__ */ d($, { children: [
+    /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(N, { nameKey: "name", hideLabel: !0, formatter: l }) }),
+    /* @__PURE__ */ e(
+      E,
+      {
+        data: h,
+        dataKey: "value",
+        nameKey: "name",
+        cx: "50%",
+        cy: n ? "45%" : "50%",
+        innerRadius: f,
+        outerRadius: L,
+        paddingAngle: f > 0 ? 2 : 0,
+        label: i ? ({ name: p, value: v }) => `${String(p)} (${String(v)})` : void 0,
+        isAnimationActive: !1,
+        className: k("stroke-background", c && "cursor-pointer"),
+        onClick: c ? (p, v) => {
+          c(r[v], v);
+        } : void 0
+      }
+    ),
+    n && /* @__PURE__ */ e(B, { content: /* @__PURE__ */ e(H, { nameKey: "name", className: "flex-wrap text-muted-foreground" }) })
+  ] }) });
+};
+export {
+  F as B,
+  K as C,
+  ae as L,
+  se as P,
+  ee as a,
+  te as b,
+  re as c,
+  b as g
+};

package/dist/SearchInput-BXOlvTO9.js

@@ -0,0 +1,251 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import * as S from "react";
+import { useState as z, useRef as q, useEffect as G, useMemo as K } from "react";
+import { I as L, bj as j, bl as R, bk as T, Q, U, W, S as X, T as F, V as E } from "./toggle-group-D6aFQQcf.js";
+import "./alert-B9F1N9Qk.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as y, f as H } from "./tooltip-DVeqVwqV.js";
+import "./chart-DntJZGxB.js";
+import "@radix-ui/react-collapsible";
+import { I as J } from "./sheet-B_uq6-K_.js";
+import { CalendarIcon as _, XIcon as M, ChevronDownIcon as Y, CheckIcon as Z, PlusIcon as ee, SearchIcon as te } from "lucide-react";
+import "react-resizable-panels";
+import { c as g } from "./tailwind.helper-B6yFEsav.js";
+import "./select-BpjFWqAY.js";
+import "next-themes";
+import "sonner";
+import { format as b } from "date-fns";
+import { fr as C } from "date-fns/locale";
+const be = ({ date: r, onDateChange: o, placeholder: h }) => {
+  const [c, n] = z(!1), s = q(null);
+  G(() => {
+    if (!c) return;
+    const i = (f) => {
+      s.current !== null && !s.current.contains(f.target) && n(!1);
+    };
+    return document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
+    };
+  }, [c]);
+  const d = () => {
+    n((i) => !i);
+  }, m = (i) => {
+    o(i), n(!1);
+  };
+  return /* @__PURE__ */ a("div", { ref: s, className: "relative w-full", children: [
+    /* @__PURE__ */ a(
+      y,
+      {
+        variant: "outline",
+        type: "button",
+        onClick: d,
+        className: g(
+          "w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          c && "ring-2 ring-ring ring-offset-2",
+          r === void 0 && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ e(_, { className: "mr-2 size-4 shrink-0" }),
+          r !== void 0 ? b(r, "dd/MM/yyyy", { locale: C }) : /* @__PURE__ */ e("span", { children: h })
+        ]
+      }
+    ),
+    c ? /* @__PURE__ */ e("div", { className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: /* @__PURE__ */ e(L, { mode: "single", selected: r, onSelect: m }) }) : null
+  ] });
+}, Ce = ({ value: r, onChange: o, placeholder: h = "Selectionner une periode", className: c }) => {
+  const [n, s] = S.useState(!1), [d, m] = S.useState(r);
+  S.useEffect(() => {
+    n && m(r);
+  }, [n, r]);
+  const i = (l) => {
+    l.stopPropagation(), o(void 0), s(!1);
+  }, f = () => {
+    o(d), s(!1);
+  }, x = () => {
+    m(r), s(!1);
+  }, k = () => {
+    m(void 0);
+  }, p = (l) => l != null && l.from ? !l.to || l.from.getTime() === l.to.getTime() ? b(l.from, "dd MMM yyyy", { locale: C }) : `${b(l.from, "dd MMM yyyy", { locale: C })} - ${b(l.to, "dd MMM yyyy", { locale: C })}` : h;
+  return /* @__PURE__ */ e("div", { className: g("grid gap-2", c), children: /* @__PURE__ */ a(j, { open: n, onOpenChange: s, children: [
+    /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ a(y, { id: "date", variant: "outline", className: g("w-[300px] justify-start text-left font-normal", !(r != null && r.from) && "text-muted-foreground"), children: [
+      /* @__PURE__ */ e(_, { className: "mr-2 size-4" }),
+      p(r),
+      (r == null ? void 0 : r.from) && /* @__PURE__ */ e(
+        y,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          "aria-label": "Effacer la periode selectionnee",
+          className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
+          onClick: i,
+          children: /* @__PURE__ */ e(M, { className: "size-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ a(T, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          mode: "range",
+          defaultMonth: d == null ? void 0 : d.from,
+          selected: d,
+          onSelect: m,
+          numberOfMonths: 2,
+          weekStartsOn: 1,
+          className: "pointer-events-auto p-3"
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+        /* @__PURE__ */ e(y, { variant: "ghost", size: "sm", onClick: k, children: "Effacer" }),
+        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(y, { variant: "ghost", size: "sm", onClick: x, children: "Annuler" }),
+          /* @__PURE__ */ e(y, { size: "sm", onClick: f, children: "Appliquer" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}, xe = ({
+  options: r = [],
+  value: o,
+  onChange: h,
+  onClear: c,
+  onCreate: n,
+  placeholder: s = "Sélectionner...",
+  searchPlaceholder: d = "Rechercher...",
+  emptyLabel: m = "Aucun résultat",
+  createLabel: i = (p) => `Créer « ${p} »`,
+  disabled: f = !1,
+  modal: x = !0,
+  className: k
+}) => {
+  const [p, l] = z(!1), [I, P] = z(""), v = o !== void 0 && o !== "", u = K(() => v ? r.find((t) => t.value === o) : void 0, [v, r, o]), A = v ? (u == null ? void 0 : u.label) ?? o : void 0, N = I.trim(), D = n !== void 0 && N !== "" && !r.some((t) => t.label.toLowerCase() === N.toLowerCase()), w = (t) => {
+    l(t), t || P("");
+  }, O = (t) => {
+    h(t), w(!1);
+  }, V = () => {
+    n == null || n(N), w(!1);
+  };
+  return /* @__PURE__ */ a(j, { open: p, onOpenChange: w, modal: x, children: [
+    /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        "aria-expanded": p,
+        disabled: f,
+        className: g(
+          H,
+          "w-full",
+          "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2",
+          !v && "text-muted-foreground",
+          k
+        ),
+        children: [
+          /* @__PURE__ */ a("span", { className: "flex items-center truncate", children: [
+            (u == null ? void 0 : u.color) && /* @__PURE__ */ e("span", { className: "mr-2 size-2.5 shrink-0 rounded-full", style: { backgroundColor: u.color } }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: A ?? s }),
+            (u == null ? void 0 : u.description) !== void 0 && /* @__PURE__ */ a("span", { className: "ml-1 truncate text-muted-foreground", children: [
+              "(",
+              u.description,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+            c && v && !f && /* @__PURE__ */ e(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                onClick: (t) => {
+                  t.stopPropagation();
+                },
+                onPointerDown: (t) => {
+                  t.preventDefault(), t.stopPropagation(), c();
+                },
+                className: "text-muted-foreground hover:text-foreground",
+                children: /* @__PURE__ */ e(M, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ e(Y, { className: g("size-4 shrink-0 opacity-50 transition-transform", p && "rotate-180") })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(T, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ a(
+      Q,
+      {
+        filter: (t, $, B) => (B ?? []).join(" ").toLowerCase().includes($.trim().toLowerCase()) ? 1 : 0,
+        children: [
+          /* @__PURE__ */ e(U, { placeholder: d, value: I, onValueChange: P }),
+          /* @__PURE__ */ a(W, { children: [
+            !D && /* @__PURE__ */ e(X, { children: m }),
+            /* @__PURE__ */ a(F, { children: [
+              r.map((t) => /* @__PURE__ */ a(
+                E,
+                {
+                  value: t.value,
+                  keywords: [t.label, t.description ?? ""],
+                  onSelect: () => {
+                    O(t.value);
+                  },
+                  children: [
+                    /* @__PURE__ */ e(Z, { className: g("mr-2 size-4 shrink-0", o === t.value ? "opacity-100" : "opacity-0") }),
+                    t.color !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-2.5 shrink-0 rounded-full", style: { backgroundColor: t.color } }),
+                    /* @__PURE__ */ e("span", { className: "truncate", children: t.label }),
+                    t.description !== void 0 && /* @__PURE__ */ a("span", { className: "ml-1 truncate text-muted-foreground", children: [
+                      "(",
+                      t.description,
+                      ")"
+                    ] })
+                  ]
+                },
+                t.value
+              )),
+              D && /* @__PURE__ */ a(E, { forceMount: !0, value: "__create__", onSelect: V, children: [
+                /* @__PURE__ */ e(ee, { className: "mr-2 size-4 shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "truncate", children: i(N) })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}, ke = ({
+  searchQuery: r,
+  search: o,
+  placeholder: h = "Rechercher...",
+  onSearch: c,
+  onSubmit: n,
+  onClear: s,
+  className: d
+}) => {
+  const m = r ?? o ?? "", i = () => {
+    c(""), s !== void 0 && s();
+  };
+  return /* @__PURE__ */ a("div", { className: g("relative h-fit w-full md:w-64", d), children: [
+    /* @__PURE__ */ e(te, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+    /* @__PURE__ */ e(
+      J,
+      {
+        placeholder: h,
+        value: m,
+        onChange: (f) => {
+          c(f.target.value);
+        },
+        className: "pl-8",
+        onKeyDown: (f) => {
+          f.key === "Enter" && n !== void 0 && (f.preventDefault(), n());
+        }
+      }
+    ),
+    m !== "" ? /* @__PURE__ */ e("button", { onClick: i, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ e(M, { className: "size-4" }) }) : null
+  ] });
+};
+export {
+  be as D,
+  ke as S,
+  Ce as a,
+  xe as b
+};

package/dist/{SkeletonCards-BvJYF_LK.js → SkeletonCards-av7XHlof.js}

@@ -2,10 +2,11 @@ import { jsxs as s, jsx as e, Fragment as o } from "react/jsx-runtime";
 import { formatNumber as g } from "@krosoft/core/helpers";
 import { useTranslation as b } from "react-i18next";
 import { c as m } from "./tailwind.helper-B6yFEsav.js";
-import { J as c, N as p, O as v, K as N } from "./toggle-group-D6c-gM1D.js";
+import "./toggle-group-D6aFQQcf.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import "./tooltip-DVeqVwqV.js";
+import { C as c, d as p, e as v, a as h } from "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
 import "./sheet-B_uq6-K_.js";
 import "lucide-react";
@@ -20,7 +21,7 @@ const y = ({
   value: i,
   valueClassName: t,
   icon: r,
-  iconClassName: h,
+  iconClassName: N,
   description: u,
   descriptionClassName: f,
   onClick: d,
@@ -31,9 +32,9 @@ const y = ({
   return /* @__PURE__ */ s(c, { className: m(d !== void 0 ? "hover:border-primary cursor-pointer" : ""), onClick: d, children: [
     /* @__PURE__ */ s(p, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
       /* @__PURE__ */ e(v, { className: "text-sm font-medium", children: C(a) }),
-      /* @__PURE__ */ e(r, { className: m("size-6 text-muted-foreground", h) })
+      /* @__PURE__ */ e(r, { className: m("size-6 text-muted-foreground", N) })
     ] }),
-    /* @__PURE__ */ e(N, { children: x ? /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ e(h, { children: x ? /* @__PURE__ */ s(o, { children: [
       /* @__PURE__ */ e(n, { className: "h-8 w-24 mb-1" }),
       /* @__PURE__ */ e(n, { className: "h-3 w-32" })
     ] }) : l ? /* @__PURE__ */ s(o, { children: [
@@ -44,7 +45,7 @@ const y = ({
       /* @__PURE__ */ e("p", { className: m("text-xs text-muted-foreground", f), children: u })
     ] }) })
   ] });
-}, E = ({ stats: a, isLoading: i, error: t }) => /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: a.map((r) => /* @__PURE__ */ e(
+}, J = ({ stats: a, isLoading: i, error: t }) => /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: a.map((r) => /* @__PURE__ */ e(
   y,
   {
     titleKey: r.titleKey,
@@ -59,16 +60,16 @@ const y = ({
     error: t
   },
   r.titleKey
-)) }), K = () => /* @__PURE__ */ s(c, { className: "animate-pulse", children: [
+)) }), w = () => /* @__PURE__ */ s(c, { className: "animate-pulse", children: [
   /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { className: "h-6 bg-muted rounded w-1/4" }) }),
-  /* @__PURE__ */ e(N, { children: /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ s("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e("div", { className: "h-4 bg-muted rounded" }),
     /* @__PURE__ */ e("div", { className: "h-4 bg-muted rounded w-3/4" })
   ] }) })
-] }), G = ({ count: a = 1 }) => /* @__PURE__ */ e("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))` }, children: Array.from({ length: a }).map((i, t) => /* @__PURE__ */ e(K, {}, t)) });
+] }), M = ({ count: a = 1 }) => /* @__PURE__ */ e("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))` }, children: Array.from({ length: a }).map((i, t) => /* @__PURE__ */ e(w, {}, t)) });
 export {
   y as K,
-  K as S,
-  E as a,
-  G as b
+  w as S,
+  J as a,
+  M as b
 };