@krosoft/react 0.0.182 → 0.0.184

package/dist/{TableFilter-CWDy_RHA.js → TableFilter-BlrrSOtg.js}

@@ -1,10 +1,11 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { useState as F, useEffect as O, useMemo as A } from "react";
-import { a as $, D as j, b as M, S as I } from "./SearchInput-ClZbbRWg.js";
-import { B as k, a$ as z, bv as B, bx as R, bw as Q, $ as C } from "./toggle-group-D6c-gM1D.js";
+import { useState as k, useEffect as j, useMemo as A } from "react";
+import { a as D, D as M, b as I, S as $ } from "./SearchInput-BXOlvTO9.js";
+import { B as w, aP as z, bj as B, bl as R, bk as Q, O as C } from "./toggle-group-D6aFQQcf.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as w, e as V } from "./tooltip-DVeqVwqV.js";
+import { B as F, e as V } from "./tooltip-DVeqVwqV.js";
+import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
 import { I as P, S as _, i as H, b as X, e as G, h as J, d as K } from "./sheet-B_uq6-K_.js";
 import { XIcon as E, Filter as U, ChevronDown as W, Search as Y } from "lucide-react";
@@ -15,7 +16,7 @@ import { S as Z, h as q, i as ee, a as re, c as te } from "./select-BpjFWqAY.js"
 import "next-themes";
 import "sonner";
 import { c as T } from "./tailwind.helper-B6yFEsav.js";
-import { M as le } from "./MultiSelect-CqcbwKYV.js";
+import { M as le } from "./MultiSelect-BhRXVpky.js";
 const L = (a, n, c = {}) => {
   if (n instanceof Date)
     return n.toLocaleDateString("fr-FR");
@@ -32,7 +33,7 @@ function ae({ filters: a, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}
         return m.map((x) => {
           const p = L(h, x, d);
           return /* @__PURE__ */ u(
-            k,
+            w,
             {
               variant: "secondary",
               className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100",
@@ -56,7 +57,7 @@ function ae({ filters: a, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}
           );
         });
       const g = L(h, m, d);
-      return /* @__PURE__ */ u(k, { variant: "secondary", className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100", children: [
+      return /* @__PURE__ */ u(w, { variant: "secondary", className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100", children: [
         b,
         ": ",
         g,
@@ -110,7 +111,7 @@ const se = ({
       );
     case "select":
       return a.searchable === !0 ? /* @__PURE__ */ r(
-        M,
+        I,
         {
           options: a.options ?? [],
           value: n,
@@ -123,9 +124,9 @@ const se = ({
         /* @__PURE__ */ r(re, { children: (d = a.options) == null ? void 0 : d.map((o) => /* @__PURE__ */ r(te, { value: o.value, children: o.label }, o.value)) })
       ] });
     case "date":
-      return /* @__PURE__ */ r(j, { date: n, onDateChange: c, placeholder: a.placeholder ?? "Sélectionner une date" });
+      return /* @__PURE__ */ r(M, { date: n, onDateChange: c, placeholder: a.placeholder ?? "Sélectionner une date" });
     case "date-range":
-      return /* @__PURE__ */ r($, { value: n, onChange: c, placeholder: a.placeholder });
+      return /* @__PURE__ */ r(D, { value: n, onChange: c, placeholder: a.placeholder });
     case "multi-select":
       return /* @__PURE__ */ r(
         le,
@@ -153,8 +154,8 @@ function ce({
   buttonText: i = "Plus de filtres",
   sheetTitle: d = "Filtres avancés"
 }) {
-  const [o, h] = F(!1), [m, b] = F(n);
-  O(() => {
+  const [o, h] = k(!1), [m, b] = k(n);
+  j(() => {
     b(n);
   }, [n, o]);
   const g = (l, e) => {
@@ -171,7 +172,7 @@ function ce({
     return Object.entries(n).filter(([e, t]) => l.has(e) && ne(t)).length;
   }, [a, n]);
   return /* @__PURE__ */ u(_, { open: o, onOpenChange: h, children: [
-    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ u(w, { variant: "outline", className: "gap-2", children: [
+    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ u(F, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ r(U, { className: "size-4 shrink-0" }),
       i,
       v > 0 && /* @__PURE__ */ r("span", { className: "ml-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-semibold text-primary-foreground", children: v })
@@ -198,8 +199,8 @@ function ce({
         ] }, t.key))
       ] }, e)) }) }),
       /* @__PURE__ */ u(K, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
-        /* @__PURE__ */ r(w, { variant: "outline", className: "flex-1", onClick: y, children: "Effacer les filtres" }),
-        /* @__PURE__ */ r(w, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: p, children: "Rechercher" })
+        /* @__PURE__ */ r(F, { variant: "outline", className: "flex-1", onClick: y, children: "Effacer les filtres" }),
+        /* @__PURE__ */ r(F, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: p, children: "Rechercher" })
       ] })
     ] })
   ] });
@@ -214,7 +215,7 @@ function oe({
   searchable: h = !1,
   searchPlaceholder: m = "Rechercher..."
 }) {
-  const [b, g] = F(""), x = c.length > 0, p = A(() => b === "" ? n : n.filter((l) => l.label.toLowerCase().includes(b.toLowerCase())), [n, b]), y = A(() => p.length === 0 ? !1 : p.every((l) => c.includes(l.value)), [p, c]), v = () => {
+  const [b, g] = k(""), x = c.length > 0, p = A(() => b === "" ? n : n.filter((l) => l.label.toLowerCase().includes(b.toLowerCase())), [n, b]), y = A(() => p.length === 0 ? !1 : p.every((l) => c.includes(l.value)), [p, c]), v = () => {
     if (y)
       if (o !== void 0) {
         const l = p.map((t) => t.value), e = c.filter((t) => !l.includes(t));
@@ -307,7 +308,7 @@ function oe({
     }
   );
 }
-function Ce({
+function Pe({
   searchQuery: a,
   onSearchChange: n,
   searchPlaceholder: c = "Rechercher...",
@@ -318,7 +319,7 @@ function Ce({
   sheetTitle: m = "Filtres avancés"
 }) {
   const b = (e, t) => {
-    const s = i[e], f = Array.isArray(s) ? s : [], N = f.includes(t) ? f.filter((D) => D !== t) : [...f, t], S = { ...i };
+    const s = i[e], f = Array.isArray(s) ? s : [], N = f.includes(t) ? f.filter((O) => O !== t) : [...f, t], S = { ...i };
     N.length === 0 ? delete S[e] : S[e] = N, d(S);
   }, g = (e) => {
     const t = { ...i };
@@ -362,7 +363,7 @@ function Ce({
     /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3 justify-between", children: [
       /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3", children: [
         n !== void 0 ? /* @__PURE__ */ r(
-          I,
+          $,
           {
             searchQuery: a,
             onSearch: n,
@@ -411,6 +412,6 @@ export {
   ae as A,
   se as F,
   oe as S,
-  Ce as T,
+  Pe as T,
   ce as a
 };

package/dist/chart-DntJZGxB.js

@@ -0,0 +1,181 @@
+import { jsx as n, jsxs as g, Fragment as T } from "react/jsx-runtime";
+import * as l from "react";
+import { c } from "./tailwind.helper-B6yFEsav.js";
+import * as _ from "recharts";
+const P = l.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n("div", { ref: r, className: c("rounded-surface border bg-card text-card-foreground shadow-sm", t), ...e }));
+P.displayName = "Card";
+const A = l.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n("div", { ref: r, className: c("flex flex-col space-y-1.5 p-6", t), ...e }));
+A.displayName = "CardHeader";
+const H = l.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n("h3", { ref: r, className: c("text-2xl font-semibold leading-none tracking-tight", t), ...e }));
+H.displayName = "CardTitle";
+const I = l.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n("p", { ref: r, className: c("text-sm text-muted-foreground", t), ...e }));
+I.displayName = "CardDescription";
+const S = l.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n("div", { ref: r, className: c("p-6 pt-0", t), ...e }));
+S.displayName = "CardContent";
+const E = l.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n("div", { ref: r, className: c("flex items-center p-6 pt-0", t), ...e }));
+E.displayName = "CardFooter";
+const K = { light: "", dark: ".dark" }, y = l.createContext(null);
+function j() {
+  const t = l.useContext(y);
+  if (!t)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return t;
+}
+const M = l.forwardRef(({ id: t, className: e, children: r, config: o, ...a }, m) => {
+  const i = l.useId(), d = `chart-${t || i.replace(/:/g, "")}`;
+  return /* @__PURE__ */ n(y.Provider, { value: { config: o }, children: /* @__PURE__ */ g(
+    "div",
+    {
+      "data-chart": d,
+      ref: m,
+      className: c(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        e
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ n(D, { id: d, config: o }),
+        /* @__PURE__ */ n(_.ResponsiveContainer, { children: r })
+      ]
+    }
+  ) });
+});
+M.displayName = "Chart";
+const D = ({ id: t, config: e }) => {
+  const r = Object.entries(e).filter(([o, a]) => a.theme || a.color);
+  return r.length ? /* @__PURE__ */ n(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(K).map(
+          ([o, a]) => `
+${a} [data-chart=${t}] {
+${r.map(([m, i]) => {
+            var h;
+            const d = ((h = i.theme) == null ? void 0 : h[o]) || i.color;
+            return d ? `  --color-${m}: ${d};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, B = _.Tooltip, F = l.forwardRef(
+  ({
+    active: t,
+    payload: e = [],
+    className: r,
+    indicator: o = "dot",
+    hideLabel: a = !1,
+    hideIndicator: m = !1,
+    label: i = "",
+    labelFormatter: d,
+    labelClassName: h,
+    formatter: f,
+    color: R,
+    nameKey: $,
+    labelKey: C
+  }, L) => {
+    const { config: x } = j(), k = l.useMemo(() => {
+      var v;
+      if (a || !(e != null && e.length))
+        return null;
+      const [s] = e, N = `${C || s.dataKey || s.name || "value"}`, p = w(x, s, N), u = !C && typeof i == "string" ? ((v = x[i]) == null ? void 0 : v.label) || i : p == null ? void 0 : p.label;
+      return d ? /* @__PURE__ */ n("div", { className: c("font-medium", h), children: d(u, e) }) : u ? /* @__PURE__ */ n("div", { className: c("font-medium", h), children: u }) : null;
+    }, [i, d, e, a, h, x, C]);
+    if (!t || !(e != null && e.length))
+      return null;
+    const b = e.length === 1 && o !== "dot";
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: L,
+        className: c("grid min-w-[8rem] items-start gap-1.5 rounded-surface border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", r),
+        children: [
+          b ? null : k,
+          /* @__PURE__ */ n("div", { className: "grid gap-1.5", children: e.map((s, N) => {
+            const p = `${$ || s.name || s.dataKey || "value"}`, u = w(x, s, p), v = R || s.payload.fill || s.color;
+            return /* @__PURE__ */ n(
+              "div",
+              {
+                className: c(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  o === "dot" && "items-center"
+                ),
+                children: f && (s == null ? void 0 : s.value) !== void 0 && s.name ? f(s.value, s.name, s, N, s.payload) : /* @__PURE__ */ g(T, { children: [
+                  u != null && u.icon ? /* @__PURE__ */ n(u.icon, {}) : !m && /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: c("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+                        "h-2.5 w-2.5": o === "dot",
+                        "w-1": o === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": o === "dashed",
+                        "my-0.5": b && o === "dashed"
+                      }),
+                      style: {
+                        "--color-bg": v,
+                        "--color-border": v
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ g("div", { className: c("flex flex-1 justify-between leading-none", b ? "items-end" : "items-center"), children: [
+                    /* @__PURE__ */ g("div", { className: "grid gap-1.5", children: [
+                      b ? k : null,
+                      /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: (u == null ? void 0 : u.label) || s.name })
+                    ] }),
+                    s.value && /* @__PURE__ */ n("span", { className: "font-mono font-medium tabular-nums text-foreground", children: s.value.toLocaleString() })
+                  ] })
+                ] })
+              },
+              s.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+F.displayName = "ChartTooltip";
+const G = _.Legend, O = l.forwardRef(({ className: t, hideIcon: e = !1, payload: r, verticalAlign: o = "bottom", nameKey: a }, m) => {
+  const { config: i } = j();
+  return !r || !Array.isArray(r) || !r.length ? null : /* @__PURE__ */ n("div", { ref: m, className: c("flex items-center justify-center gap-4", o === "top" ? "pb-3" : "pt-3", t), children: Array.isArray(r) && r.map((d) => {
+    const h = `${a || d.dataKey || "value"}`, f = w(i, d, h);
+    return /* @__PURE__ */ g("div", { className: c("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [
+      f != null && f.icon && !e ? /* @__PURE__ */ n(f.icon, {}) : /* @__PURE__ */ n(
+        "div",
+        {
+          className: "h-2 w-2 shrink-0 rounded-[2px]",
+          style: {
+            backgroundColor: d.color
+          }
+        }
+      ),
+      f == null ? void 0 : f.label
+    ] }, d.value);
+  }) });
+});
+O.displayName = "ChartLegend";
+function w(t, e, r) {
+  if (typeof e != "object" || e === null)
+    return;
+  const o = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
+  let a = r;
+  return r in e && typeof e[r] == "string" ? a = e[r] : o && r in o && typeof o[r] == "string" && (a = o[r]), a in t ? t[a] : t[r];
+}
+export {
+  P as C,
+  S as a,
+  I as b,
+  E as c,
+  A as d,
+  H as e,
+  M as f,
+  G as g,
+  O as h,
+  D as i,
+  B as j,
+  F as k
+};

package/dist/components/core/cards/index.js

@@ -1,5 +1,5 @@
-import { D as s, M as d } from "../../../MetricCard-CvQFjIOb.js";
-import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-BvJYF_LK.js";
+import { D as s, M as d } from "../../../MetricCard-B0xnFyim.js";
+import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-av7XHlof.js";
 export {
   s as DashboardCard,
   o as KpiCard,

package/dist/components/core/charts/BarChartHorizontal.d.ts

@@ -0,0 +1,24 @@
+import { ChartDatum } from "../../../types/ChartDatum";
+import * as React from "react";
+export interface BarChartHorizontalProps {
+    data: ChartDatum[];
+    /** Libellé de la série dans le tooltip. */
+    label?: string;
+    /** Couleur des barres. Par défaut la couleur primaire du thème. */
+    color?: string;
+    /** Largeur réservée aux libellés de catégories, en pixels. */
+    categoryWidth?: number;
+    /** Longueur max d'un libellé avant troncature. `0` désactive la troncature. */
+    maxLabelLength?: number;
+    /** Mise en forme des valeurs sur l'axe et dans le tooltip (devise, pourcentage…). */
+    valueFormatter?: (value: number) => string;
+    /** Rend les barres cliquables. */
+    onSelect?: (datum: ChartDatum, index: number) => void;
+    className?: string;
+}
+/**
+ * Barres horizontales, pour les classements « top N » où les libellés de
+ * catégories sont trop longs pour tenir sur un axe des abscisses.
+ */
+export declare const BarChartHorizontal: ({ data, label, color, categoryWidth, maxLabelLength, valueFormatter, onSelect, className, }: BarChartHorizontalProps) => React.JSX.Element;
+//# sourceMappingURL=BarChartHorizontal.d.ts.map

package/dist/components/core/charts/BarChartHorizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/BarChartHorizontal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,6FAShC,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OA0CtC,CAAC"}

package/dist/components/core/charts/BarChartVertical.d.ts

@@ -0,0 +1,24 @@
+import { ChartDatum } from "../../../types/ChartDatum";
+import * as React from "react";
+export interface BarChartVerticalProps {
+    data: ChartDatum[];
+    /** Libellé de la série dans le tooltip. */
+    label?: string;
+    /** Couleur des barres. Par défaut la couleur primaire du thème. */
+    color?: string;
+    /** Inclinaison des libellés de l'axe des abscisses, en degrés (ex. `-45` quand ils se chevauchent). */
+    labelAngle?: number;
+    /** Mise en forme des valeurs sur l'axe et dans le tooltip (devise, pourcentage…). */
+    valueFormatter?: (value: number) => string;
+    /** Autorise les graduations décimales sur l'axe des ordonnées. */
+    allowDecimals?: boolean;
+    /** Rend les barres cliquables. */
+    onSelect?: (datum: ChartDatum, index: number) => void;
+    className?: string;
+}
+/**
+ * Barres verticales, pour les séries ordonnées où l'axe des abscisses porte une
+ * progression lisible de gauche à droite — typiquement une répartition par mois.
+ */
+export declare const BarChartVertical: ({ data, label, color, labelAngle, valueFormatter, allowDecimals, onSelect, className, }: BarChartVerticalProps) => React.JSX.Element;
+//# sourceMappingURL=BarChartVertical.d.ts.map

package/dist/components/core/charts/BarChartVertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartVertical.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/BarChartVertical.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,yFAS9B,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OA0CpC,CAAC"}

package/dist/components/core/charts/ChartCard.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+export interface ChartCardProps {
+    title: string;
+    description?: string;
+    icon?: React.ElementType;
+    /** Contenu aligné à droite de l'en-tête : filtre de période, bascule détaillé/agrégé… */
+    actions?: React.ReactNode;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    emptyLabel?: string;
+    /**
+     * Hauteur de la zone de rendu, en pixels. Appliquée en style inline et non en
+     * classe Tailwind : une classe arbitraire construite dynamiquement ne serait
+     * jamais générée dans le CSS du projet consommateur.
+     */
+    height?: number;
+    className?: string;
+    contentClassName?: string;
+    children: React.ReactNode;
+}
+/**
+ * Carte d'accueil d'un graphe : en-tête (titre, description, icône, actions) et
+ * zone de rendu à hauteur fixe qui gère elle-même les états de chargement et
+ * d'absence de données.
+ *
+ * Le graphe passé en `children` remplit la zone via `ChartContainer` en
+ * `aspect-auto h-full w-full` — la carte ne monte pas de `ResponsiveContainer`,
+ * c'est `ChartContainer` qui s'en charge.
+ */
+export declare const ChartCard: ({ title, description, icon, actions, isLoading, isEmpty, emptyLabel, height, className, contentClassName, children, }: ChartCardProps) => React.JSX.Element;
+//# sourceMappingURL=ChartCard.d.ts.map

package/dist/components/core/charts/ChartCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/ChartCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,yFAAyF;IACzF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,GAAI,uHAYvB,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAwC7B,CAAC"}

package/dist/components/core/charts/CircularGauge.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+export interface CircularGaugeThresholds {
+    /** Pourcentage de remplissage à partir duquel la jauge passe en warning. */
+    warning: number;
+    /** Pourcentage de remplissage à partir duquel la jauge passe en destructive. */
+    danger: number;
+}
+export interface CircularGaugeProps {
+    value: number;
+    /** Valeur correspondant à une jauge pleine. */
+    max?: number;
+    /** Diamètre extérieur, en pixels. */
+    size?: number;
+    /** Épaisseur de l'anneau, en pixels. */
+    strokeWidth?: number;
+    /** Libellé sous la jauge. */
+    label?: string;
+    /** Unité affichée sous la valeur. */
+    unit?: string;
+    /**
+     * Couleur fixe de l'anneau. À défaut, la couleur est déduite du taux de
+     * remplissage via `thresholds`.
+     */
+    color?: string;
+    /** Seuils de bascule de couleur, ignorés si `color` est fourni. */
+    thresholds?: CircularGaugeThresholds;
+    /** Mise en forme de la valeur affichée au centre. Une décimale par défaut. */
+    valueFormatter?: (value: number) => string;
+    className?: string;
+}
+/**
+ * Jauge circulaire d'une valeur rapportée à un maximum, en SVG.
+ *
+ * Sans `color`, l'anneau vire au warning puis au destructive selon `thresholds` —
+ * pour un indicateur où monter est mauvais (CPU, mémoire, disque). Pour un
+ * indicateur neutre ou où monter est bon, passer une `color` explicite.
+ */
+export declare const CircularGauge: ({ value, max, size, strokeWidth, label, unit, color, thresholds, valueFormatter, className, }: CircularGaugeProps) => React.JSX.Element;
+//# sourceMappingURL=CircularGauge.d.ts.map

package/dist/components/core/charts/CircularGauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularGauge.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/CircularGauge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAuB;IACtC,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,8EAA8E;IAC9E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,+FAW3B,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OAiCjC,CAAC"}

package/dist/components/core/charts/LineChart.d.ts

@@ -0,0 +1,23 @@
+import { ChartDatum } from "../../../types/ChartDatum";
+import * as React from "react";
+export interface LineChartProps {
+    data: ChartDatum[];
+    /** Libellé de la série dans le tooltip. */
+    label?: string;
+    /** Couleur de la courbe. Par défaut la couleur primaire du thème. */
+    color?: string;
+    /** Bornes de l'axe des ordonnées, ex. `[0, 100]` pour un pourcentage. Auto par défaut. */
+    yAxisDomain?: [number, number];
+    /** Mise en forme des valeurs sur l'axe et dans le tooltip (devise, pourcentage…). */
+    valueFormatter?: (value: number) => string;
+    /** Mise en forme des libellés de l'axe des abscisses (date, heure…). */
+    labelFormatter?: (name: string) => string;
+    /** Points sur chaque valeur. À couper au-delà d'une cinquantaine de points. */
+    showDots?: boolean;
+    className?: string;
+}
+/**
+ * Courbe d'évolution d'une série de valeurs dans le temps.
+ */
+export declare const LineChart: ({ data, label, color, yAxisDomain, valueFormatter, labelFormatter, showDots, className, }: LineChartProps) => React.JSX.Element;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/components/core/charts/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,wEAAwE;IACxE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,2FASvB,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAqC7B,CAAC"}

package/dist/components/core/charts/PieChart.d.ts

@@ -0,0 +1,26 @@
+import { ChartDatum } from "../../../types/ChartDatum";
+import * as React from "react";
+export interface PieChartProps {
+    data: ChartDatum[];
+    /** Rayon intérieur, en pixels. `0` donne un camembert plein. Par défaut un anneau, adapté au mobile. */
+    innerRadius?: number;
+    /** Rayon extérieur, en pixels. Par défaut adapté au mobile. */
+    outerRadius?: number;
+    /** Légende sous le graphe. */
+    showLegend?: boolean;
+    /** Libellés `nom (valeur)` posés à l'extérieur des parts. Illisible au-delà de 5 ou 6 parts. */
+    showLabels?: boolean;
+    /** Mise en forme des valeurs dans le tooltip (devise, pourcentage…). */
+    valueFormatter?: (value: number) => string;
+    /** Rend les parts cliquables. */
+    onSelect?: (datum: ChartDatum, index: number) => void;
+    className?: string;
+}
+/**
+ * Répartition en parts, en anneau par défaut.
+ *
+ * Chaque donnée est coloriée par son `color`, sinon par la palette
+ * `CHART_COLORS` dans l'ordre.
+ */
+export declare const PieChart: ({ data, innerRadius, outerRadius, showLegend, showLabels, valueFormatter, onSelect, className, }: PieChartProps) => React.JSX.Element;
+//# sourceMappingURL=PieChart.d.ts.map

package/dist/components/core/charts/PieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/PieChart.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,wGAAwG;IACxG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gGAAgG;IAChG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,kGAStB,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OA+C5B,CAAC"}

package/dist/components/core/charts/chartColors.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Palette par défaut des graphes, appliquée dans l'ordre aux données qui ne
+ * portent pas de couleur explicite.
+ *
+ * Les variables sont déclarées dans `styles/globals.css` sur `:root` uniquement :
+ * ces teintes sont choisies pour rester lisibles aussi bien sur fond clair que
+ * sur les thèmes sombres, sans avoir à être redéfinies par chacun d'eux. Un
+ * projet qui veut sa propre palette surcharge `--k-chart-1` … `--k-chart-5`.
+ */
+export declare const CHART_COLORS: readonly ["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))"];
+/** Couleur de la palette pour un index de série, en boucle au-delà de 5 entrées. */
+export declare const getChartColor: (index: number) => string;
+//# sourceMappingURL=chartColors.d.ts.map

package/dist/components/core/charts/chartColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartColors.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/chartColors.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,wIAMf,CAAC;AAEX,oFAAoF;AACpF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAAmD,CAAC"}

package/dist/components/core/charts/chartTooltip.helper.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+/**
+ * Construit le `formatter` de `ChartTooltipContent` pour afficher une valeur
+ * formatée (devise, pourcentage, durée…) plutôt que le `toLocaleString()` par
+ * défaut de shadcn.
+ *
+ * Renvoie `undefined` quand aucun formatage n'est demandé, pour laisser le
+ * rendu natif — y compris l'indicateur de couleur, que `formatter` remplace.
+ *
+ * @param valueFormatter Mise en forme de la valeur numérique.
+ * @param label Libellé affiché à gauche. À défaut, le nom de la série.
+ */
+export declare const buildTooltipValueFormatter: (valueFormatter?: (value: number) => string, label?: string) => ((value: unknown, name: unknown) => React.ReactNode) | undefined;
+//# sourceMappingURL=chartTooltip.helper.d.ts.map

package/dist/components/core/charts/chartTooltip.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartTooltip.helper.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/chartTooltip.helper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B,GACrC,iBAAiB,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAC1C,QAAQ,MAAM,KACb,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAazD,CAAC"}

package/dist/components/core/charts/index.d.ts

@@ -0,0 +1,14 @@
+export { BarChartHorizontal } from "./BarChartHorizontal";
+export type { BarChartHorizontalProps } from "./BarChartHorizontal";
+export { BarChartVertical } from "./BarChartVertical";
+export type { BarChartVerticalProps } from "./BarChartVertical";
+export { CHART_COLORS, getChartColor } from "./chartColors";
+export { ChartCard } from "./ChartCard";
+export type { ChartCardProps } from "./ChartCard";
+export { CircularGauge } from "./CircularGauge";
+export type { CircularGaugeProps, CircularGaugeThresholds } from "./CircularGauge";
+export { LineChart } from "./LineChart";
+export type { LineChartProps } from "./LineChart";
+export { PieChart } from "./PieChart";
+export type { PieChartProps } from "./PieChart";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/core/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/core/charts/index.js

@@ -0,0 +1,11 @@
+import { B as C, a as t, C as s, b as e, c as h, L as o, P as i, g as l } from "../../../PieChart-C9gn0Dws.js";
+export {
+  C as BarChartHorizontal,
+  t as BarChartVertical,
+  s as CHART_COLORS,
+  e as ChartCard,
+  h as CircularGauge,
+  o as LineChart,
+  i as PieChart,
+  l as getChartColor
+};

package/dist/components/core/dialogs/index.js

@@ -1,5 +1,5 @@
-import { A as i, C as s, F as g } from "../../../ConfirmationDialog-BPXA2g3g.js";
-import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-D6c-gM1D.js";
+import { A as i, C as s, F as g } from "../../../ConfirmationDialog-M8sFAz4h.js";
+import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-D6aFQQcf.js";
 export {
   i as AppDialog,
   s as ConfirmationDialog,

package/dist/components/core/filters/index.js

@@ -1,4 +1,4 @@
-import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-CWDy_RHA.js";
+import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-BlrrSOtg.js";
 export {
   l as ActiveFilters,
   i as AdvancedFilters,

package/dist/components/core/forms/index.js

@@ -1,4 +1,4 @@
-import { G as o } from "../../../GenericForm-B39toMkE.js";
+import { G as o } from "../../../GenericForm-DtY0moOD.js";
 export {
   o as GenericForm
 };

package/dist/components/core/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./cards";
+export * from "./charts";
 export * from "./dialogs";
 export * from "./filters";
 export * from "./forms";

package/dist/components/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}