@krosoft/react 0.0.95 → 0.0.97

package/package.json

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

package/dist/LoadingState-COf3KhOP.js

@@ -1,29 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { C as d, f as s, c as n } from "./card-Bn3Y7DHQ.js";
-import { L as i } from "./loader-circle-GAYBtm3z.js";
-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" })
-  ] }) })
-] }), p = ({ count: r = 1 }) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: "grid gap-6",
-    style: { gridTemplateColumns: `repeat(${r}, minmax(0, 1fr))` },
-    children: Array.from({ length: r }).map((m, t) => /* @__PURE__ */ e(l, {}, t))
-  }
-), f = ({ 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 !== void 0 && r !== "" ? /* @__PURE__ */ e("p", { className: "text-sm opacity-80", children: r }) : null
-] }), h = ({ 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 !== void 0 && r !== "" ? /* @__PURE__ */ e("p", { className: "font-semibold text-sm", children: r }) : null
-] });
-export {
-  l as C,
-  f as E,
-  h as L,
-  p as a
-};

package/dist/MetricCard-BkOvTc3_.js

@@ -1,85 +0,0 @@
-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 "./toggle-group-CrQymn4l.js";
-import { C as u, f as N, g as x, c as f } from "./card-Bn3Y7DHQ.js";
-import "./tooltip-CAu4DEhc.js";
-import "./select-zzSnHs9S.js";
-import "next-themes";
-import "react";
-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(u, { 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(x, { 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 })
-    ] })
-  ] });
-}, q = ({ 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", A = ({ title: r, value: t, unit: n, subtitle: a, icon: c, iconSize: l = "md", trend: i, trendValue: o, color: m = "blue", children: g }) => {
-  const p = c;
-  return /* @__PURE__ */ e(u, { 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(x, { 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] }) })
-    ] }),
-    g && /* @__PURE__ */ e("div", { className: "mt-4", children: g })
-  ] }) });
-};
-export {
-  v as K,
-  A as M,
-  q as a
-};

package/dist/card-Bn3Y7DHQ.js

@@ -1,48 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as s from "react";
-import { a as i } from "./index-DSyPHOLE.js";
-import { c as d } from "./index-gWiv5-6R.js";
-const l = i(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), n = s.forwardRef(
-  ({ className: e, variant: a, ...r }, o) => /* @__PURE__ */ t("div", { ref: o, role: "alert", className: d(l({ variant: a }), e), ...r })
-);
-n.displayName = "Alert";
-const c = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("h5", { ref: r, className: d("mb-1 font-medium leading-none tracking-tight", e), ...a }));
-c.displayName = "AlertTitle";
-const f = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("text-sm [&_p]:leading-relaxed", e), ...a }));
-f.displayName = "AlertDescription";
-const m = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("rounded-lg border bg-card text-card-foreground shadow-sm", e), ...a }));
-m.displayName = "Card";
-const p = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("flex flex-col space-y-1.5 p-6", e), ...a }));
-p.displayName = "CardHeader";
-const g = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("h3", { ref: r, className: d("text-2xl font-semibold leading-none tracking-tight", e), ...a }));
-g.displayName = "CardTitle";
-const v = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("p", { ref: r, className: d("text-sm text-muted-foreground", e), ...a }));
-v.displayName = "CardDescription";
-const u = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("p-6 pt-0", e), ...a }));
-u.displayName = "CardContent";
-const N = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: d("flex items-center p-6 pt-0", e), ...a }));
-N.displayName = "CardFooter";
-export {
-  n as A,
-  m as C,
-  f as a,
-  c as b,
-  u as c,
-  v as d,
-  N as e,
-  p as f,
-  g
-};

package/dist/components/core/states/CardSkeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/states/CardSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,YAAY,QAAO,KAAK,CAAC,GAAG,CAAC,OAczC,CAAC"}

package/dist/components/core/states/CardsSkeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardsSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/states/CardsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,GAAI,WAAe,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OAW3E,CAAC"}