@krosoft/react 0.0.241 → 0.0.242

package/dist/{cards-Cta6x49J.js → cards-DoK8Dh1-.js}

@@ -41,9 +41,16 @@ var d = ({ titleKey: a, icon: o, className: u, children: d }) => {
 			children: g
 		})] }) })]
 	});
-}, p = ({ stats: e, isLoading: t, error: n }) => /* @__PURE__ */ s("div", {
-	className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4",
-	children: e.map((e) => /* @__PURE__ */ s(f, {
+}, p = {
+	1: "lg:grid-cols-1",
+	2: "lg:grid-cols-2",
+	3: "lg:grid-cols-3",
+	4: "lg:grid-cols-4",
+	5: "lg:grid-cols-5",
+	6: "lg:grid-cols-6"
+}, m = 4, h = ({ stats: t, columns: n = m, isLoading: r, error: i }) => /* @__PURE__ */ s("div", {
+	className: e("grid gap-6 md:grid-cols-2", p[n] ?? p[m]),
+	children: t.map((e) => /* @__PURE__ */ s(f, {
 		titleKey: e.titleKey,
 		value: e.value,
 		valueClassName: e.valueClassName,
@@ -52,10 +59,10 @@ var d = ({ titleKey: a, icon: o, className: u, children: d }) => {
 		description: e.description,
 		descriptionClassName: e.descriptionClassName,
 		onClick: e.onClick,
-		isLoading: t,
-		error: n
+		isLoading: r,
+		error: i
 	}, e.titleKey))
-}), m = {
+}), g = {
 	blue: "bg-gradient-to-br from-blue-500 to-cyan-500 text-white",
 	green: "bg-gradient-to-br from-green-500 to-emerald-500 text-white",
 	orange: "bg-gradient-to-br from-orange-500 to-yellow-500 text-white",
@@ -66,12 +73,12 @@ var d = ({ titleKey: a, icon: o, className: u, children: d }) => {
 	info: "bg-info/10 text-info",
 	warning: "bg-warning/10 text-warning",
 	destructive: "bg-destructive/10 text-destructive"
-}, h = {
+}, _ = {
 	sm: "size-4",
 	md: "size-5",
 	lg: "size-6"
-}, g = (e) => e === "up" ? "↑" : e === "down" ? "↓" : "", _ = (e) => e === "up" ? "text-green-600" : e === "down" ? "text-red-600" : "text-muted-foreground", v = ({ title: e, value: n, unit: a, subtitle: o, icon: l, iconSize: u = "md", trend: d, trendValue: f, color: p = "blue", children: v }) => {
-	let y = l;
+}, v = (e) => e === "up" ? "↑" : e === "down" ? "↓" : "", y = (e) => e === "up" ? "text-green-600" : e === "down" ? "text-red-600" : "text-muted-foreground", b = ({ title: e, value: n, unit: a, subtitle: o, icon: l, iconSize: u = "md", trend: d, trendValue: f, color: p = "blue", children: m }) => {
+	let h = l;
 	return /* @__PURE__ */ s(i, {
 		className: "relative overflow-hidden bg-card border shadow-lg hover:shadow-xl transition-all duration-300",
 		children: /* @__PURE__ */ c(t, {
@@ -98,29 +105,29 @@ var d = ({ titleKey: a, icon: o, className: u, children: d }) => {
 						children: o
 					}),
 					d && f && /* @__PURE__ */ c("div", {
-						className: `flex items-center space-x-1 mt-2 text-xs ${_(d)}`,
-						children: [/* @__PURE__ */ s("span", { children: g(d) }), /* @__PURE__ */ s("span", { children: f })]
+						className: `flex items-center space-x-1 mt-2 text-xs ${y(d)}`,
+						children: [/* @__PURE__ */ s("span", { children: v(d) }), /* @__PURE__ */ s("span", { children: f })]
 					})
 				] }), /* @__PURE__ */ s("div", {
-					className: `p-2 rounded-control ${m[p]} shadow-lg`,
-					children: /* @__PURE__ */ s(y, { className: h[u] })
+					className: `p-2 rounded-control ${g[p]} shadow-lg`,
+					children: /* @__PURE__ */ s(h, { className: _[u] })
 				})]
-			}), v && /* @__PURE__ */ s("div", {
+			}), m && /* @__PURE__ */ s("div", {
 				className: "mt-4",
-				children: v
+				children: m
 			})]
 		})
 	});
-}, y = () => /* @__PURE__ */ c(i, {
+}, x = () => /* @__PURE__ */ c(i, {
 	className: "animate-pulse",
 	children: [/* @__PURE__ */ s(n, { children: /* @__PURE__ */ s("div", { className: "h-6 bg-muted rounded w-1/4" }) }), /* @__PURE__ */ s(t, { children: /* @__PURE__ */ c("div", {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ s("div", { className: "h-4 bg-muted rounded" }), /* @__PURE__ */ s("div", { className: "h-4 bg-muted rounded w-3/4" })]
 	}) })]
-}), b = ({ count: e = 1 }) => /* @__PURE__ */ s("div", {
+}), S = ({ count: e = 1 }) => /* @__PURE__ */ s("div", {
 	className: "grid gap-6",
 	style: { gridTemplateColumns: `repeat(${e}, minmax(0, 1fr))` },
-	children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ s(y, {}, t))
+	children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ s(x, {}, t))
 });
 //#endregion
-export { f as a, p as i, y as n, d as o, v as r, b as t };
+export { f as a, h as i, x as n, d as o, b as r, S as t };

package/dist/components/core/cards/KpiCards.d.ts

@@ -2,9 +2,11 @@ import React from "react";
 import { KpiCardProps } from "./KpiCard";
 interface KpiCardsProps {
     stats: KpiCardProps[];
+    /** Nombre de colonnes affichées au point de rupture `lg` (1 à 6). Par défaut 4. */
+    columns?: number;
     isLoading?: boolean;
     error?: string | null;
 }
-export declare const KpiCards: ({ stats, isLoading, error }: KpiCardsProps) => React.JSX.Element;
+export declare const KpiCards: ({ stats, columns, isLoading, error }: KpiCardsProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=KpiCards.d.ts.map

package/dist/components/core/cards/KpiCards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KpiCards.d.ts","sourceRoot":"","sources":["../../../../src/components/core/cards/KpiCards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAW,MAAM,WAAW,CAAC;AAElD,UAAU,aAAa;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,GAAI,6BAA6B,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAkB/E,CAAC"}
+{"version":3,"file":"KpiCards.d.ts","sourceRoot":"","sources":["../../../../src/components/core/cards/KpiCards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAW,MAAM,WAAW,CAAC;AAkBlD,UAAU,aAAa;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,GAAI,sCAAwD,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAkB1G,CAAC"}

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

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../../cards-Cta6x49J.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../../cards-DoK8Dh1-.js";
 export { r as DashboardCard, e as KpiCard, t as KpiCards, i as MetricCard, n as SkeletonCard, a as SkeletonCards };

package/dist/components/core/index.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../cards-Cta6x49J.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../cards-DoK8Dh1-.js";
 import { I as o } from "../../ui-CiX0E_bn.js";
 import { A as s, D as c, E as l, F as u, M as d, N as f, O as p, P as m, j as h, k as g } from "../../sheet-CRrYTZrl.js";
 import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "../../charts-CXhVUqLH.js";

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

@@ -1,4 +1,4 @@
-import { i as e, t } from "../../../cards-Cta6x49J.js";
+import { i as e, t } from "../../../cards-DoK8Dh1-.js";
 import "../../../ui-CiX0E_bn.js";
 import { s as n } from "../../../tooltip-B2dzyfs9.js";
 import { t as r } from "../../../AppActions-C_0YI75w.js";

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../chart-Dq3AIrue.js";
-import { a as f, i as p, n as m, o as h, r as g, t as _ } from "../cards-Cta6x49J.js";
+import { a as f, i as p, n as m, o as h, r as g, t as _ } from "../cards-DoK8Dh1-.js";
 import { $ as v, $t as y, A as b, An as x, At as S, B as C, Bn as w, Bt as T, C as E, Cn as D, Ct as O, D as k, Dn as A, Dt as j, E as M, En as N, Et as P, F, Fn as I, Ft as L, G as R, Gn as z, Gt as B, H as V, Hn as H, Ht as U, I as W, In as G, It as K, J as q, Jn as J, Jt as Y, K as X, Kn as Z, Kt as Q, L as $, Ln as ee, Lt as te, M as ne, Mn as re, Mt as ie, N as ae, Nn as oe, Nt as se, O as ce, On as le, Ot as ue, P as de, Pn as fe, Pt as pe, Q as me, Qn as he, Qt as ge, R as _e, Rn as ve, Rt as ye, S as be, Sn as xe, St as Se, T as Ce, Tn as we, Tt as Te, U as Ee, Un as De, Ut as Oe, V as ke, Vn as Ae, Vt as je, W as Me, Wn as Ne, Wt as Pe, X as Fe, Xn as Ie, Xt as Le, Y as Re, Yn as ze, Yt as Be, Z as Ve, Zn as He, Zt as Ue, _ as We, _n as Ge, _t as Ke, a as qe, an as Je, at as Ye, b as Xe, bn as Ze, bt as Qe, c as $e, cn as et, ct as tt, d as nt, dn as rt, dt as it, en as at, et as ot, f as st, fn as ct, ft as lt, g as ut, gn as dt, gt as ft, h as pt, hn as mt, ht, i as gt, in as _t, it as vt, j as yt, jn as bt, jt as xt, k as St, kn as Ct, kt as wt, l as Tt, ln as Et, lt as Dt, m as Ot, mn as kt, mt as At, n as jt, nn as Mt, nt as Nt, o as Pt, on as Ft, ot as It, p as Lt, pn as Rt, pt as zt, q as Bt, qn as Vt, qt as Ht, r as Ut, rn as Wt, rt as Gt, s as Kt, sn as qt, st as Jt, t as Yt, tn as Xt, tt as Zt, u as Qt, un as $t, ut as en, v as tn, vn as nn, vt as rn, w as an, wn as on, wt as sn, x as cn, xn as ln, xt as un, y as dn, yn as fn, yt as pn, z as mn, zn as hn, zt as gn } from "../ui-CiX0E_bn.js";
 import { n as _n, r as vn, t as yn } from "../alert-REQGK9bR.js";
 import { a as bn, c as xn, i as Sn, n as Cn, o as wn, r as Tn, s as En, t as Dn } from "../tooltip-B2dzyfs9.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.241",
+  "version": "0.0.242",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {