@krosoft/react 0.0.77 → 0.0.79

package/dist/{LoadingState-CqRLmkxn.js → LoadingState-DQjGcT2l.js}

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { C as s, d, a as n } from "./card-7XPLAra3.js";
+import { C as d, d as s, a as n } from "./card-7XPLAra3.js";
 import { L as i } from "./loader-circle-BhJXKs31.js";
-const l = () => /* @__PURE__ */ a(s, { className: "animate-pulse", children: [
-  /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e("div", { className: "h-6 bg-muted rounded w-1/4" }) }),
+const l = () => /* @__PURE__ */ a(d, { className: "animate-pulse", children: [
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("div", { className: "h-6 bg-muted rounded w-1/4" }) }),
   /* @__PURE__ */ e(n, { children: /* @__PURE__ */ a("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" })
@@ -16,10 +16,10 @@ const l = () => /* @__PURE__ */ a(s, { className: "animate-pulse", children: [
   }
 ), h = ({ message: r }) => /* @__PURE__ */ a("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-md animate-fade-in", children: [
   /* @__PURE__ */ e("p", { className: "font-semibold mb-2", children: "Une erreur est survenue." }),
-  r ? /* @__PURE__ */ e("p", { className: "text-sm opacity-80", children: r }) : null
+  r !== void 0 && r !== "" ? /* @__PURE__ */ e("p", { className: "text-sm opacity-80", children: r }) : null
 ] }), f = ({ message: r }) => /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center p-12 text-muted-foreground animate-fade-in", children: [
   /* @__PURE__ */ e(i, { className: "size-8 animate-spin mb-4 text-primary" }),
-  r ? /* @__PURE__ */ e("p", { className: "font-semibold text-sm", children: r }) : null
+  r !== void 0 && r !== "" ? /* @__PURE__ */ e("p", { className: "font-semibold text-sm", children: r }) : null
 ] });
 export {
   l as C,

package/dist/MetricCard-4VI9Ki0g.js

@@ -0,0 +1,83 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { formatNumber as h } from "@krosoft/core/helpers";
+import { useTranslation as b } from "react-i18next";
+import { c as d } from "./index-gWiv5-6R.js";
+import "./popover-UjRQmYGN.js";
+import "./floating-ui.react-dom-BIcsGc3t.js";
+import { C as x, d as N, e as g, a as f } from "./card-7XPLAra3.js";
+import "./select-CtU681LB.js";
+const v = ({
+  titleKey: r,
+  value: t,
+  valueClassName: n,
+  icon: a,
+  iconClassName: c,
+  description: l,
+  descriptionClassName: i,
+  onClick: o
+}) => {
+  const { t: m } = b();
+  return /* @__PURE__ */ s(x, { className: d(o !== void 0 ? "hover:border-primary cursor-pointer" : ""), onClick: o, children: [
+    /* @__PURE__ */ s(N, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ e(g, { className: "text-sm font-medium", children: m(r) }),
+      /* @__PURE__ */ e(a, { className: d("size-6 text-muted-foreground", c) })
+    ] }),
+    /* @__PURE__ */ s(f, { children: [
+      /* @__PURE__ */ e("div", { className: d("text-2xl font-bold", n), children: h(t) }),
+      /* @__PURE__ */ e("p", { className: d("text-xs text-muted-foreground", i), children: l })
+    ] })
+  ] });
+}, H = ({ stats: r }) => /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: r.map((t) => /* @__PURE__ */ e(
+  v,
+  {
+    titleKey: t.titleKey,
+    value: t.value,
+    valueClassName: t.valueClassName,
+    icon: t.icon,
+    iconClassName: t.iconClassName,
+    description: t.description,
+    descriptionClassName: t.descriptionClassName,
+    onClick: t.onClick
+  },
+  t.titleKey
+)) }), C = {
+  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",
+  red: "bg-gradient-to-br from-red-500 to-pink-500 text-white",
+  purple: "bg-gradient-to-br from-purple-500 to-indigo-500 text-white",
+  accent: "bg-accent/10 text-accent",
+  success: "bg-success/10 text-success",
+  info: "bg-info/10 text-info",
+  warning: "bg-warning/10 text-warning",
+  destructive: "bg-destructive/10 text-destructive"
+}, w = {
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6"
+}, y = (r) => r === "up" ? "↑" : r === "down" ? "↓" : "", K = (r) => r === "up" ? "text-green-600" : r === "down" ? "text-red-600" : "text-muted-foreground", S = ({ title: r, value: t, unit: n, subtitle: a, icon: c, iconSize: l = "md", trend: i, trendValue: o, color: m = "blue", children: u }) => {
+  const p = c;
+  return /* @__PURE__ */ e(x, { className: "relative overflow-hidden bg-card border shadow-lg hover:shadow-xl transition-all duration-300", children: /* @__PURE__ */ s(f, { className: "pt-6", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e(g, { className: "text-sm font-medium text-muted-foreground", children: r }),
+        /* @__PURE__ */ s("div", { className: "flex items-baseline space-x-2 mt-1", children: [
+          /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-card-foreground", children: typeof t == "number" ? t.toFixed(1) : t }),
+          n && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground font-medium", children: n })
+        ] }),
+        a && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: a }),
+        i && o && /* @__PURE__ */ s("div", { className: `flex items-center space-x-1 mt-2 text-xs ${K(i)}`, children: [
+          /* @__PURE__ */ e("span", { children: y(i) }),
+          /* @__PURE__ */ e("span", { children: o })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: `p-2 rounded-lg ${C[m]} shadow-lg`, children: /* @__PURE__ */ e(p, { className: w[l] }) })
+    ] }),
+    u && /* @__PURE__ */ e("div", { className: "mt-4", children: u })
+  ] }) });
+};
+export {
+  v as K,
+  S as M,
+  H as a
+};