@krosoft/react 0.0.184 → 0.0.186

package/dist/PieChart-D6y5EQnh.js

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

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

@@ -4,7 +4,7 @@ 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. */
+    /** Couleur des barres, sauf celles dont la donnée porte son propre `color`. 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;

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

@@ -1 +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"}
+{"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,wHAAwH;IACxH,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,OAiDtC,CAAC"}

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

@@ -4,7 +4,7 @@ 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. */
+    /** Couleur des barres, sauf celles dont la donnée porte son propre `color`. 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;

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

@@ -1 +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"}
+{"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,wHAAwH;IACxH,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,OAiDpC,CAAC"}

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

@@ -1,19 +1,25 @@
 import * as React from "react";
 export interface ChartCardProps {
     title: string;
-    description?: string;
+    /** Sous-titre. Accepte du contenu riche : mention de troncature, période couverte… */
+    description?: React.ReactNode;
     icon?: React.ElementType;
     /** Contenu aligné à droite de l'en-tête : filtre de période, bascule détaillé/agrégé… */
     actions?: React.ReactNode;
+    /** Contenu sous la zone de rendu : détail chiffré, légende étendue… Masqué pendant le chargement et sur données vides. */
+    footer?: 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.
+     * Hauteur de la zone de rendu, en pixels (ou toute valeur CSS). 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.
+     *
+     * `null` retire le style inline pour laisser `contentClassName` piloter la
+     * hauteur — le seul moyen de la faire varier selon le point de rupture.
      */
-    height?: number;
+    height?: number | string | null;
     className?: string;
     contentClassName?: string;
     children: React.ReactNode;
@@ -27,5 +33,5 @@ export interface ChartCardProps {
  * `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;
+export declare const ChartCard: ({ title, description, icon, actions, footer, 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

@@ -1 +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"}
+{"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,sFAAsF;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,yFAAyF;IACzF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0HAA0H;IAC1H,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,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,+HAavB,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAyC7B,CAAC"}

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

@@ -1,4 +1,4 @@
-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";
+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-D6y5EQnh.js";
 export {
   C as BarChartHorizontal,
   t as BarChartVertical,

package/dist/components/core/index.js

@@ -1,6 +1,6 @@
 import { D as e, M as o } from "../../MetricCard-B0xnFyim.js";
 import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-av7XHlof.js";
-import { B as m, a as g, C as d, b as C, c, L as f, P as n, g as A } from "../../PieChart-C9gn0Dws.js";
+import { B as m, a as g, C as d, b as C, c, L as f, P as n, g as A } from "../../PieChart-D6y5EQnh.js";
 import { A as D, C as x, F as S } from "../../ConfirmationDialog-M8sFAz4h.js";
 import { D as F, a as P, b as u, c as H, d as L, e as k, f as B, g as I, h as K, i as v, P as E } from "../../toggle-group-D6aFQQcf.js";
 import { A as y, a as G, F as O, S as R, T as V } from "../../TableFilter-BlrrSOtg.js";

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { D as r, M as o } from "../MetricCard-B0xnFyim.js";
 import { K as t, a as n, S as i, b as l } from "../SkeletonCards-av7XHlof.js";
-import { B as p, a as u, C, b as g, c as d, L as m, P as T, g as S } from "../PieChart-C9gn0Dws.js";
+import { B as p, a as u, C, b as g, c as d, L as m, P as T, g as S } from "../PieChart-D6y5EQnh.js";
 import { A as D, C as M, F as x } from "../ConfirmationDialog-M8sFAz4h.js";
 import { A as h, j as P, k as f, l as I, m as w, n as v, o as F, p as L, q as B, r as G, s as H, t as R, u as k, v as N, w as y, x as O, B as E, y as V, z as K, C as z, E as j, F as q, G as J, H as Q, I as U, J as _, K as W, L as X, M as Y, N as Z, O as $, Q as aa, R as ea, S as ra, T as oa, U as sa, V as ta, W as na, X as ia, Y as la, Z as ba, _ as pa, $ as ua, a0 as Ca, a1 as ga, a2 as da, a3 as ma, a4 as Ta, a5 as Sa, a6 as ca, a7 as Da, a8 as Ma, a9 as xa, aa as Aa, ab as ha, D as Pa, a as fa, b as Ia, c as wa, d as va, e as Fa, f as La, g as Ba, h as Ga, i as Ha, ac as Ra, ad as ka, ae as Na, af as ya, ag as Oa, ah as Ea, ai as Va, aj as Ka, ak as za, al as ja, am as qa, an as Ja, ao as Qa, ap as Ua, aq as _a, ar as Wa, as as Xa, at as Ya, au as Za, av as $a, aw as ae, ax as ee, ay as re, az as oe, aA as se, aB as te, aC as ne, aD as ie, aE as le, aF as be, aG as pe, aH as ue, aI as Ce, aJ as ge, aK as de, aL as me, aM as Te, aN as Se, aO as ce, aP as De, aQ as Me, aR as xe, aS as Ae, aT as he, aU as Pe, aV as fe, aW as Ie, aX as we, aY as ve, aZ as Fe, a_ as Le, a$ as Be, b0 as Ge, b1 as He, b2 as Re, b3 as ke, b4 as Ne, b5 as ye, b6 as Oe, b7 as Ee, b8 as Ve, b9 as Ke, ba as ze, bb as je, bc as qe, bd as Je, be as Qe, bf as Ue, bg as _e, bh as We, bi as Xe, bj as Ye, bk as Ze, bl as $e, P as ar, bm as er, bn as rr, bo as or, bp as sr, bq as tr, br as nr, bs as ir, bt as lr, bu as br, bv as pr, bw as ur, bx as Cr, by as gr, bz as dr, bA as mr, bB as Tr, bC as Sr, bD as cr, bE as Dr, bF as Mr, bG as xr, bH as Ar, bI as hr, bJ as Pr, bK as fr, bL as Ir, bM as wr, bN as vr, bO as Fr, bP as Lr, bQ as Br, bR as Gr, bS as Hr, bT as Rr } from "../toggle-group-D6aFQQcf.js";
 import { A as Nr, a as yr, F as Or, S as Er, T as Vr } from "../TableFilter-BlrrSOtg.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.184",
+  "version": "0.0.186",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -105,7 +105,7 @@
     "@types/react-dom": "^19.2.3",
     "autoprefixer": "^10.5.4",
     "eslint-plugin-storybook": "10.5.7",
-    "jsdom": "^29.1.1",
+    "jsdom": "^30.0.1",
     "next-themes": "^0.4.6",
     "prettier": "^3.9.6",
     "react": "^19.2.7",

package/dist/PieChart-C9gn0Dws.js

@@ -1,282 +0,0 @@
-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
-};