@krosoft/react 0.0.142 → 0.0.144

package/dist/{KpiCardsLayout-DDR49Qqh.js → KpiCardsLayout-BVN5HgQ7.js}

@@ -15,7 +15,7 @@ import "./select-MWzbMBAS.js";
 import "next-themes";
 import "sonner";
 import "react";
-import { b as i, a as p } from "./SkeletonCards-BPIVRCOE.js";
+import { b as i, a as p } from "./SkeletonCards-0NJcJ-6S.js";
 import { E as s } from "./ErrorState-vU8d4CwD.js";
 const h = ({ stats: o, isLoading: m, error: t }) => m ? /* @__PURE__ */ r(i, { count: 4 }) : t ? /* @__PURE__ */ r(s, { message: t.message }) : /* @__PURE__ */ r(p, { stats: o });
 export {

package/dist/SkeletonCards-0NJcJ-6S.js

@@ -0,0 +1,74 @@
+import { jsxs as s, jsx as e, Fragment as l } from "react/jsx-runtime";
+import { formatNumber as v } from "@krosoft/core/helpers";
+import { useTranslation as g } from "react-i18next";
+import { c as t } from "./tailwind.helper-B6yFEsav.js";
+import { J as n, N as p, O as b, K as u } from "./toggle-group-BASGy2mQ.js";
+import "./alert-B78CiTYe.js";
+import "@radix-ui/react-aspect-ratio";
+import "./tooltip-BWyFpIxo.js";
+import "@radix-ui/react-collapsible";
+import "./sheet-Gop1cIaU.js";
+import "lucide-react";
+import "react-resizable-panels";
+import "./select-MWzbMBAS.js";
+import { S as c } from "./skeleton-8o8eJd3P.js";
+import "next-themes";
+import "sonner";
+import "react";
+const y = ({
+  titleKey: a,
+  value: m,
+  valueClassName: i,
+  icon: r,
+  iconClassName: N,
+  description: h,
+  descriptionClassName: x,
+  onClick: o,
+  isLoading: f,
+  error: d
+}) => {
+  const { t: C } = g();
+  return /* @__PURE__ */ s(n, { className: t(o !== void 0 ? "hover:border-primary cursor-pointer" : ""), onClick: o, children: [
+    /* @__PURE__ */ s(p, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ e(b, { className: "text-sm font-medium", children: C(a) }),
+      /* @__PURE__ */ e(r, { className: t("size-6 text-muted-foreground", N) })
+    ] }),
+    /* @__PURE__ */ e(u, { children: f ? /* @__PURE__ */ s(l, { children: [
+      /* @__PURE__ */ e(c, { className: "h-8 w-24 mb-1" }),
+      /* @__PURE__ */ e(c, { className: "h-3 w-32" })
+    ] }) : d ? /* @__PURE__ */ s(l, { children: [
+      /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-destructive", children: "—" }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: d })
+    ] }) : /* @__PURE__ */ s(l, { children: [
+      /* @__PURE__ */ e("div", { className: t("text-2xl font-bold", i), children: v(m) }),
+      /* @__PURE__ */ e("p", { className: t("text-xs text-muted-foreground", x), children: h })
+    ] }) })
+  ] });
+}, G = ({ stats: a, isLoading: m, error: i }) => /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: a.map((r) => /* @__PURE__ */ e(
+  y,
+  {
+    titleKey: r.titleKey,
+    value: r.value,
+    valueClassName: r.valueClassName,
+    icon: r.icon,
+    iconClassName: r.iconClassName,
+    description: r.description,
+    descriptionClassName: r.descriptionClassName,
+    onClick: r.onClick,
+    isLoading: m,
+    error: i
+  },
+  r.titleKey
+)) }), K = () => /* @__PURE__ */ s(n, { className: "animate-pulse", children: [
+  /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { className: "h-6 bg-muted rounded w-1/4" }) }),
+  /* @__PURE__ */ e(u, { children: /* @__PURE__ */ s("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" })
+  ] }) })
+] }), I = ({ count: a = 1 }) => /* @__PURE__ */ e("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))` }, children: Array.from({ length: a }).map((m, i) => /* @__PURE__ */ e(K, {}, i)) });
+export {
+  y as K,
+  K as S,
+  G as a,
+  I as b
+};

package/dist/Topbar-DMyjbOTI.js

@@ -0,0 +1,217 @@
+import { jsxs as n, jsx as e, Fragment as D } from "react/jsx-runtime";
+import * as K from "react";
+import { ChevronDownIcon as $, SearchIcon as L, MenuIcon as M } from "lucide-react";
+import { T as B, c as Q, a as R, b as q, B as F } from "./tooltip-BWyFpIxo.js";
+import { c as l } from "./tailwind.helper-B6yFEsav.js";
+import "./sidebar.context-D5nywlmP.js";
+import { u as W } from "./useSidebar-BJuALHqQ.js";
+import "react-i18next";
+import "next-themes";
+import { I as G, S as H, b as _, h as E, c as J } from "./sheet-Gop1cIaU.js";
+import { S as O } from "./skeleton-8o8eJd3P.js";
+const z = (a, d, m) => d === a ? !0 : a === "/" || !d.startsWith(`${a}/`) ? !1 : !m.some(
+  (i) => i !== a && i.startsWith(`${a}/`) && (d === i || d.startsWith(`${i}/`))
+), U = ({
+  path: a,
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  icon: d,
+  label: m,
+  badge: i,
+  subItems: r,
+  currentPath: o,
+  collapsed: c,
+  dense: p = !1,
+  onItemClick: v
+}) => {
+  const g = (r == null ? void 0 : r.map((t) => t.path)) ?? [], [x, N] = K.useState((r == null ? void 0 : r.some((t) => z(t.path, o, g))) ?? !1), u = a ? o === a || a !== "/" && o.startsWith(`${a}/`) : !1, y = r == null ? void 0 : r.some((t) => z(t.path, o, g)), b = /* @__PURE__ */ n(
+    "a",
+    {
+      href: a ?? "#",
+      onClick: (t) => {
+        t.ctrlKey || t.metaKey || t.button === 1 || (t.preventDefault(), r && r.length > 0 ? c || N(!x) : a && v(a));
+      },
+      className: l(
+        "flex items-center cursor-pointer transition-all duration-200 group rounded-xl",
+        p ? "gap-2.5  mb-0.5" : "gap-3  mb-1",
+        c ? p ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : p ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12",
+        u || !c && y ? p ? "bg-sidebar-primary text-sidebar-primary-foreground" : "bg-sidebar-primary text-sidebar-primary-foreground shadow-lg" : "hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: l("flex-shrink-0 transition-transform group-hover:scale-110", c ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(d, { className: "size-4" }) }),
+        !c && /* @__PURE__ */ n(D, { children: [
+          /* @__PURE__ */ e("span", { className: l("flex-grow transition-opacity duration-150 font-medium", p ? "text-sm" : ""), children: m }),
+          i !== void 0 && /* @__PURE__ */ e("span", { className: "bg-red-500 text-white text-xs rounded-full py-1 min-w-[20px] text-center px-2 font-semibold", children: i }),
+          r && r.length > 0 && /* @__PURE__ */ e($, { className: l("size-4 transition-transform duration-200", x ? "rotate-180" : "") })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ n(D, { children: [
+    c ? /* @__PURE__ */ n(B, { children: [
+      /* @__PURE__ */ e(Q, { asChild: !0, children: b }),
+      /* @__PURE__ */ e(
+        R,
+        {
+          side: "right",
+          sideOffset: 6,
+          className: "rounded-xl z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
+          children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("p", { className: "font-semibold", children: m }),
+            i !== void 0 && /* @__PURE__ */ n("span", { className: "ml-1 text-xs", children: [
+              "(",
+              i,
+              ")"
+            ] })
+          ] }) })
+        }
+      )
+    ] }) : b,
+    !c && r && r.length > 0 && x && /* @__PURE__ */ e(
+      "div",
+      {
+        className: l(
+          "flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200",
+          p ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
+        ),
+        children: r.map((t, C) => {
+          const s = z(t.path, o, g);
+          return /* @__PURE__ */ n(
+            "a",
+            {
+              href: t.path,
+              onClick: (f) => {
+                f.ctrlKey || f.metaKey || f.button === 1 || (f.preventDefault(), v(t.path));
+              },
+              className: l(
+                "flex items-center justify-between rounded-xl text-sm transition-all duration-200",
+                p ? "px-3 py-1" : "px-4 py-2",
+                s ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ e("span", { children: t.label }),
+                t.badge !== void 0 && /* @__PURE__ */ e("span", { className: "bg-sidebar-primary/20 text-sidebar-primary text-[10px] rounded-full py-0.5 px-2 font-semibold", children: t.badge })
+              ]
+            },
+            C
+          );
+        })
+      }
+    )
+  ] });
+}, ie = ({ groups: a, currentPath: d, onItemClick: m, slots: i, search: r, dense: o = !1, loading: c = !1 }) => {
+  const { enabled: p = !1, placeholder: v = "Rechercher..." } = r ?? {}, { header: g, footer: x } = i ?? {}, { collapsed: N, isMobile: u, setCollapsed: y } = W(), [S, j] = K.useState(""), h = u ? !1 : N, T = !N, A = (s) => {
+    m(s), u && y(!0);
+  }, b = S.trim().toLowerCase(), t = b === "" ? a : a.map((s) => ({
+    ...s,
+    items: s.items.filter(
+      (f) => {
+        var w;
+        return f.label.toLowerCase().includes(b) || (((w = f.subItems) == null ? void 0 : w.some((k) => k.label.toLowerCase().includes(b))) ?? !1);
+      }
+    )
+  })).filter((s) => s.items.length > 0), C = /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
+    g,
+    p && !h && /* @__PURE__ */ e("div", { className: l("px-4", o ? "pt-2" : "pt-4"), children: /* @__PURE__ */ n("div", { className: "relative", children: [
+      /* @__PURE__ */ e(L, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
+      /* @__PURE__ */ e(
+        G,
+        {
+          type: "search",
+          value: S,
+          onChange: (s) => {
+            j(s.target.value);
+          },
+          placeholder: v,
+          className: l(
+            "bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
+            o ? "h-8 text-sm" : "h-9"
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: l("flex-1 overflow-y-auto scrollbar-modern", h ? "px-0" : "px-2", o ? "py-2" : "py-4"), children: c ? Array.from({ length: 5 }).map((s, f) => /* @__PURE__ */ n("div", { className: l("flex items-center gap-3", o ? "mb-1 h-9" : "mb-2 h-12", h ? "justify-center px-3" : "px-4"), children: [
+      /* @__PURE__ */ e(O, { className: "size-5 flex-shrink-0 rounded-md" }),
+      !h && /* @__PURE__ */ e(O, { className: "h-4 flex-1" })
+    ] }, f)) : t.map((s, f) => /* @__PURE__ */ n("div", { className: o ? "mb-3" : "mb-6", children: [
+      !h && s.title !== void 0 && s.title !== "" && /* @__PURE__ */ e("h3", { className: l("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", o ? "mb-1" : "mb-2"), children: s.title }),
+      /* @__PURE__ */ e("nav", { className: l("flex flex-col", o ? "gap-0.5" : "gap-1"), children: s.items.map((w, k) => /* @__PURE__ */ e(U, { ...w, currentPath: d, collapsed: h, dense: o, onItemClick: A }, k)) })
+    ] }, f)) }),
+    x && /* @__PURE__ */ e("div", { className: l("border-t border-sidebar-border", o ? "p-2" : "p-4", h ? "flex justify-center" : ""), children: x })
+  ] });
+  return u ? /* @__PURE__ */ e(
+    H,
+    {
+      open: T,
+      onOpenChange: (s) => {
+        y(!s);
+      },
+      children: /* @__PURE__ */ n(_, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
+        /* @__PURE__ */ e(E, { className: "sr-only", children: "Menu de navigation" }),
+        /* @__PURE__ */ e(J, { className: "sr-only", children: "Navigation principale de l'application" }),
+        C
+      ] })
+    }
+  ) : /* @__PURE__ */ e(q, { delayDuration: 0, children: /* @__PURE__ */ e(
+    "aside",
+    {
+      className: l(
+        "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
+        h ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
+        "flex"
+      ),
+      style: {
+        "--navbar-width": "16rem",
+        "--navbar-width-icon": "4rem"
+      },
+      children: C
+    }
+  ) });
+}, se = ({
+  name: a = "appname",
+  subName: d = "appsubname",
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  icon: m,
+  dense: i = !1
+}) => {
+  const { collapsed: r, isMobile: o } = W(), c = o ? !1 : r;
+  return /* @__PURE__ */ n("div", { className: l("flex items-center flex-shrink-0 gap-3 px-4", i ? "h-14" : "h-16 md:h-20", c ? "justify-center" : ""), children: [
+    m !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(m, { className: i ? "size-5" : "size-6" }) }),
+    !c && /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e("h1", { className: l("font-bold text-sidebar-foreground leading-tight", i ? "text-base" : "text-lg"), children: a }),
+      /* @__PURE__ */ e("span", { className: l("text-sidebar-muted font-medium", i ? "text-[11px]" : "text-xs"), children: d })
+    ] })
+  ] });
+}, le = ({ collapsed: a, isMobile: d, onToggleSidebar: m, actionsNode: i, userMenuNode: r }) => /* @__PURE__ */ n(
+  "header",
+  {
+    className: l(
+      "fixed top-0 right-0 z-[60] h-16 md:h-20 bg-topbar text-topbar-foreground flex items-center justify-between px-4 transition-all duration-300",
+      d && "left-0",
+      !d && a && "left-[5rem]",
+      !d && !a && "left-[16rem]"
+    ),
+    tabIndex: -1,
+    children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
+        F,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: m,
+          className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
+          children: /* @__PURE__ */ e(M, { className: "size-4" })
+        }
+      ) }),
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
+        i,
+        r
+      ] })
+    ]
+  }
+);
+export {
+  ie as S,
+  le as T,
+  se as a,
+  U as b
+};

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

@@ -8,6 +8,8 @@ export interface KpiCardProps {
     description?: string;
     descriptionClassName?: string;
     onClick?: () => void;
+    isLoading?: boolean;
+    error?: string | null;
 }
-export declare const KpiCard: ({ titleKey, value, valueClassName, icon: Icon, iconClassName, description, descriptionClassName, onClick, }: KpiCardProps) => React.ReactElement;
+export declare const KpiCard: ({ titleKey, value, valueClassName, icon: Icon, iconClassName, description, descriptionClassName, onClick, isLoading, error, }: KpiCardProps) => React.ReactElement;
 //# sourceMappingURL=KpiCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/cards/KpiCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,6GASrB,YAAY,KAAG,KAAK,CAAC,YAevB,CAAC"}
+{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/cards/KpiCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,GAAI,+HAWrB,YAAY,KAAG,KAAK,CAAC,YA6BvB,CAAC"}

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

@@ -1,7 +1,10 @@
+import React from "react";
 import { KpiCardProps } from "./KpiCard";
 interface KpiCardsProps {
     stats: KpiCardProps[];
+    isLoading?: boolean;
+    error?: string | null;
 }
-export declare const KpiCards: ({ stats }: KpiCardsProps) => React.JSX.Element;
+export declare const KpiCards: ({ stats, 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,EAAE,YAAY,EAAW,MAAM,WAAW,CAAC;AAElD,UAAU,aAAa;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,GAAI,WAAW,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAgB7D,CAAC"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import { D as s, M as d } from "../../../MetricCard-D-qPl6zh.js";
-import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-BPIVRCOE.js";
+import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-0NJcJ-6S.js";
 export {
   s as DashboardCard,
   o as KpiCard,

package/dist/components/core/index.js

@@ -1,5 +1,5 @@
 import { D as r, M as o } from "../../MetricCard-D-qPl6zh.js";
-import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-BPIVRCOE.js";
+import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-0NJcJ-6S.js";
 import { A as m, C as d, F as f } from "../../ConfirmationDialog-DJcxTNTk.js";
 import { D, a as T, b as n, c, d as x, e as A, f as S, g as C, h as F, i as P, P as h } from "../../toggle-group-BASGy2mQ.js";
 import { A as k, a as I, F as K, S as v, T as E } from "../../TableFilter-rjiss-d9.js";
@@ -10,8 +10,8 @@ import { M as j } from "../../MultiSelect-DblSHEsg.js";
 import { A as w } from "../../AppActions-DCaejx-3.js";
 import { A as J } from "../../AppSubTitle-BNd5_q0i.js";
 import { A as U } from "../../AppTitle-uboDuil4.js";
-import { K as X } from "../../KpiCardsLayout-DDR49Qqh.js";
-import { S as Z, a as _, b as $, T as aa } from "../../Topbar-FpiEDwzJ.js";
+import { K as X } from "../../KpiCardsLayout-BVN5HgQ7.js";
+import { S as Z, a as _, b as $, T as aa } from "../../Topbar-DMyjbOTI.js";
 import { E as ra } from "../../ErrorAlert-DH1onuyt.js";
 import { E as sa } from "../../ErrorState-vU8d4CwD.js";
 import { L as ia } from "../../LoadingState-BN0YaPSs.js";

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

@@ -1,7 +1,7 @@
 import { A as r } from "../../../AppActions-DCaejx-3.js";
 import { A } from "../../../AppSubTitle-BNd5_q0i.js";
 import { A as e } from "../../../AppTitle-uboDuil4.js";
-import { K as f } from "../../../KpiCardsLayout-DDR49Qqh.js";
+import { K as f } from "../../../KpiCardsLayout-BVN5HgQ7.js";
 export {
   r as AppActions,
   A as AppSubTitle,

package/dist/components/core/navbar/SidebarNavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/SidebarNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAiBD,eAAO,MAAM,cAAc,GAAI,2FAW5B,mBAAmB,KAAG,KAAK,CAAC,YAyG9B,CAAC"}
+{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/SidebarNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAiBD,eAAO,MAAM,cAAc,GAAI,2FAW5B,mBAAmB,KAAG,KAAK,CAAC,YAgH9B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { S as r, a as b, b as d, T as s } from "../../../Topbar-FpiEDwzJ.js";
+import { S as r, a as b, b as d, T as s } from "../../../Topbar-DMyjbOTI.js";
 export {
   r as Sidebar,
   b as SidebarHeader,

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import { D as o, M as r } from "../MetricCard-D-qPl6zh.js";
-import { K as t, a as n, S as i, b as l } from "../SkeletonCards-BPIVRCOE.js";
+import { K as t, a as n, S as i, b as l } from "../SkeletonCards-0NJcJ-6S.js";
 import { A as p, C as u, F as g } from "../ConfirmationDialog-DJcxTNTk.js";
 import { A as m, j as C, k as S, l as T, m as c, n as D, o as M, p as x, q as A, r as I, s as h, t as P, u as f, v as w, w as v, x as F, B as L, y as B, z as G, C as R, E as k, F as H, G as N, H as y, I as E, J as O, K as V, L as K, M as z, N as U, O as j, Q as q, R as J, S as Q, T as W, U as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ea, $ as oa, a0 as ra, a1 as sa, a2 as ta, a3 as na, a4 as ia, a5 as la, a6 as ba, a7 as pa, a8 as ua, a9 as ga, aa as da, ab as ma, ac as Ca, ad as Sa, ae as Ta, af as ca, ag as Da, ah as Ma, ai as xa, aj as Aa, ak as Ia, al as ha, am as Pa, an as fa, D as wa, a as va, b as Fa, c as La, d as Ba, e as Ga, f as Ra, g as ka, h as Ha, i as Na, ao as ya, ap as Ea, aq as Oa, ar as Va, as as Ka, at as za, au as Ua, av as ja, aw as qa, ax as Ja, ay as Qa, az as Wa, aA as Xa, aB as Ya, aC as Za, aD as _a, aE as $a, aF as ae, aG as ee, aH as oe, aI as re, aJ as se, aK as te, aL as ne, aM as ie, aN as le, aO as be, aP as pe, aQ as ue, aR as ge, aS as de, aT as me, aU as Ce, aV as Se, aW as Te, aX as ce, aY as De, aZ as Me, a_ as xe, a$ as Ae, b0 as Ie, b1 as he, b2 as Pe, b3 as fe, b4 as we, b5 as ve, b6 as Fe, b7 as Le, b8 as Be, b9 as Ge, ba as Re, bb as ke, bc as He, bd as Ne, be as ye, bf as Ee, bg as Oe, bh as Ve, bi as Ke, bj as ze, bk as Ue, bl as je, bm as qe, bn as Je, bo as Qe, bp as We, bq as Xe, br as Ye, bs as Ze, bt as _e, bu as $e, bv as ao, bw as eo, bx as oo, P as ro, by as so, bz as to, bA as no, bB as io, bC as lo, bD as bo, bE as po, bF as uo, bG as go, bH as mo, bI as Co, bJ as So, bK as To, bL as co, bM as Do, bN as Mo, bO as xo, bP as Ao, bQ as Io, bR as ho, bS as Po, bT as fo, bU as wo, bV as vo, bW as Fo, bX as Lo, bY as Bo, bZ as Go, b_ as Ro, b$ as ko, c0 as Ho, c1 as No, c2 as yo, c3 as Eo } from "../toggle-group-BASGy2mQ.js";
 import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-rjiss-d9.js";
@@ -10,8 +10,8 @@ import { M as er } from "../MultiSelect-DblSHEsg.js";
 import { A as rr } from "../AppActions-DCaejx-3.js";
 import { A as tr } from "../AppSubTitle-BNd5_q0i.js";
 import { A as ir } from "../AppTitle-uboDuil4.js";
-import { K as br } from "../KpiCardsLayout-DDR49Qqh.js";
-import { S as ur, a as gr, b as dr, T as mr } from "../Topbar-FpiEDwzJ.js";
+import { K as br } from "../KpiCardsLayout-BVN5HgQ7.js";
+import { S as ur, a as gr, b as dr, T as mr } from "../Topbar-DMyjbOTI.js";
 import { E as Sr } from "../ErrorAlert-DH1onuyt.js";
 import { E as cr } from "../ErrorState-vU8d4CwD.js";
 import { L as Mr } from "../LoadingState-BN0YaPSs.js";

package/package.json

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

package/dist/SkeletonCards-BPIVRCOE.js

@@ -1,63 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { formatNumber as h } from "@krosoft/core/helpers";
-import { useTranslation as C } from "react-i18next";
-import { c as s } from "./tailwind.helper-B6yFEsav.js";
-import { J as d, N as l, O as f, K as t } from "./toggle-group-BASGy2mQ.js";
-import "./alert-B78CiTYe.js";
-import "@radix-ui/react-aspect-ratio";
-import "./tooltip-BWyFpIxo.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-Gop1cIaU.js";
-import "lucide-react";
-import "react-resizable-panels";
-import "./select-MWzbMBAS.js";
-import "next-themes";
-import "sonner";
-import "react";
-const g = ({
-  titleKey: i,
-  value: r,
-  valueClassName: m,
-  icon: n,
-  iconClassName: c,
-  description: p,
-  descriptionClassName: u,
-  onClick: o
-}) => {
-  const { t: N } = C();
-  return /* @__PURE__ */ a(d, { className: s(o !== void 0 ? "hover:border-primary cursor-pointer" : ""), onClick: o, children: [
-    /* @__PURE__ */ a(l, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ e(f, { className: "text-sm font-medium", children: N(i) }),
-      /* @__PURE__ */ e(n, { className: s("size-6 text-muted-foreground", c) })
-    ] }),
-    /* @__PURE__ */ a(t, { children: [
-      /* @__PURE__ */ e("div", { className: s("text-2xl font-bold", m), children: h(r) }),
-      /* @__PURE__ */ e("p", { className: s("text-xs text-muted-foreground", u), children: p })
-    ] })
-  ] });
-}, q = ({ stats: i }) => /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: i.map((r) => /* @__PURE__ */ e(
-  g,
-  {
-    titleKey: r.titleKey,
-    value: r.value,
-    valueClassName: r.valueClassName,
-    icon: r.icon,
-    iconClassName: r.iconClassName,
-    description: r.description,
-    descriptionClassName: r.descriptionClassName,
-    onClick: r.onClick
-  },
-  r.titleKey
-)) }), v = () => /* @__PURE__ */ a(d, { className: "animate-pulse", children: [
-  /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { className: "h-6 bg-muted rounded w-1/4" }) }),
-  /* @__PURE__ */ e(t, { 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" })
-  ] }) })
-] }), B = ({ count: i = 1 }) => /* @__PURE__ */ e("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${i}, minmax(0, 1fr))` }, children: Array.from({ length: i }).map((r, m) => /* @__PURE__ */ e(v, {}, m)) });
-export {
-  g as K,
-  v as S,
-  q as a,
-  B as b
-};

package/dist/Topbar-FpiEDwzJ.js

@@ -1,217 +0,0 @@
-import { jsxs as n, jsx as e, Fragment as D } from "react/jsx-runtime";
-import * as W from "react";
-import { ChevronDownIcon as L, SearchIcon as M, MenuIcon as B } from "lucide-react";
-import { T as Q, c as R, a as q, b as F, B as G } from "./tooltip-BWyFpIxo.js";
-import { c as s } from "./tailwind.helper-B6yFEsav.js";
-import "./sidebar.context-D5nywlmP.js";
-import { u as $ } from "./useSidebar-BJuALHqQ.js";
-import "react-i18next";
-import "next-themes";
-import { I as H, S as _, b as E, h as J, c as K } from "./sheet-Gop1cIaU.js";
-import { S as O } from "./skeleton-8o8eJd3P.js";
-const z = (a, d, m) => d === a ? !0 : a === "/" || !d.startsWith(`${a}/`) ? !1 : !m.some(
-  (t) => t !== a && t.startsWith(`${a}/`) && (d === t || d.startsWith(`${t}/`))
-), U = ({
-  path: a,
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  icon: d,
-  label: m,
-  badge: t,
-  subItems: r,
-  currentPath: l,
-  collapsed: c,
-  dense: f = !1,
-  onItemClick: u
-}) => {
-  const g = (r == null ? void 0 : r.map((o) => o.path)) ?? [], [x, N] = W.useState((r == null ? void 0 : r.some((o) => z(o.path, l, g))) ?? !1), v = a ? l === a || a !== "/" && l.startsWith(`${a}/`) : !1, y = r == null ? void 0 : r.some((o) => z(o.path, l, g)), b = /* @__PURE__ */ n(
-    "a",
-    {
-      href: a ?? "#",
-      onClick: (o) => {
-        o.preventDefault(), r && r.length > 0 ? c || N(!x) : a && u(a);
-      },
-      className: s(
-        "flex items-center cursor-pointer transition-all duration-200 group rounded-xl",
-        f ? "gap-2.5  mb-0.5" : "gap-3  mb-1",
-        c ? f ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : f ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12",
-        v || !c && y ? f ? "bg-sidebar-primary text-sidebar-primary-foreground" : "bg-sidebar-primary text-sidebar-primary-foreground shadow-lg" : "hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ e("div", { className: s("flex-shrink-0 transition-transform group-hover:scale-110", c ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(d, { className: "size-4" }) }),
-        !c && /* @__PURE__ */ n(D, { children: [
-          /* @__PURE__ */ e("span", { className: s("flex-grow transition-opacity duration-150 font-medium", f ? "text-sm" : ""), children: m }),
-          t !== void 0 && /* @__PURE__ */ e("span", { className: "bg-red-500 text-white text-xs rounded-full py-1 min-w-[20px] text-center px-2 font-semibold", children: t }),
-          r && r.length > 0 && /* @__PURE__ */ e(L, { className: s("size-4 transition-transform duration-200", x ? "rotate-180" : "") })
-        ] })
-      ]
-    }
-  );
-  return /* @__PURE__ */ n(D, { children: [
-    c ? /* @__PURE__ */ n(Q, { children: [
-      /* @__PURE__ */ e(R, { asChild: !0, children: b }),
-      /* @__PURE__ */ e(
-        q,
-        {
-          side: "right",
-          sideOffset: 6,
-          className: "rounded-xl z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
-          children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("p", { className: "font-semibold", children: m }),
-            t !== void 0 && /* @__PURE__ */ n("span", { className: "ml-1 text-xs", children: [
-              "(",
-              t,
-              ")"
-            ] })
-          ] }) })
-        }
-      )
-    ] }) : b,
-    !c && r && r.length > 0 && x && /* @__PURE__ */ e(
-      "div",
-      {
-        className: s(
-          "flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200",
-          f ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
-        ),
-        children: r.map((o, C) => {
-          const i = z(o.path, l, g);
-          return /* @__PURE__ */ n(
-            "a",
-            {
-              href: o.path,
-              onClick: (h) => {
-                h.preventDefault(), u(o.path);
-              },
-              className: s(
-                "flex items-center justify-between rounded-xl text-sm transition-all duration-200",
-                f ? "px-3 py-1" : "px-4 py-2",
-                i ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ e("span", { children: o.label }),
-                o.badge !== void 0 && /* @__PURE__ */ e("span", { className: "bg-sidebar-primary/20 text-sidebar-primary text-[10px] rounded-full py-0.5 px-2 font-semibold", children: o.badge })
-              ]
-            },
-            C
-          );
-        })
-      }
-    )
-  ] });
-}, ie = ({ groups: a, currentPath: d, onItemClick: m, slots: t, search: r, dense: l = !1, loading: c = !1 }) => {
-  const { enabled: f = !1, placeholder: u = "Rechercher..." } = r ?? {}, { header: g, footer: x } = t ?? {}, { collapsed: N, isMobile: v, setCollapsed: y } = $(), [S, j] = W.useState(""), p = v ? !1 : N, T = !N, A = (i) => {
-    m(i), v && y(!0);
-  }, b = S.trim().toLowerCase(), o = b === "" ? a : a.map((i) => ({
-    ...i,
-    items: i.items.filter(
-      (h) => {
-        var w;
-        return h.label.toLowerCase().includes(b) || (((w = h.subItems) == null ? void 0 : w.some((k) => k.label.toLowerCase().includes(b))) ?? !1);
-      }
-    )
-  })).filter((i) => i.items.length > 0), C = /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
-    g,
-    f && !p && /* @__PURE__ */ e("div", { className: s("px-4", l ? "pt-2" : "pt-4"), children: /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ e(M, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
-      /* @__PURE__ */ e(
-        H,
-        {
-          type: "search",
-          value: S,
-          onChange: (i) => {
-            j(i.target.value);
-          },
-          placeholder: u,
-          className: s(
-            "bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
-            l ? "h-8 text-sm" : "h-9"
-          )
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: s("flex-1 overflow-y-auto scrollbar-modern", p ? "px-0" : "px-2", l ? "py-2" : "py-4"), children: c ? Array.from({ length: 5 }).map((i, h) => /* @__PURE__ */ n("div", { className: s("flex items-center gap-3", l ? "mb-1 h-9" : "mb-2 h-12", p ? "justify-center px-3" : "px-4"), children: [
-      /* @__PURE__ */ e(O, { className: "size-5 flex-shrink-0 rounded-md" }),
-      !p && /* @__PURE__ */ e(O, { className: "h-4 flex-1" })
-    ] }, h)) : o.map((i, h) => /* @__PURE__ */ n("div", { className: l ? "mb-3" : "mb-6", children: [
-      !p && i.title !== void 0 && i.title !== "" && /* @__PURE__ */ e("h3", { className: s("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", l ? "mb-1" : "mb-2"), children: i.title }),
-      /* @__PURE__ */ e("nav", { className: s("flex flex-col", l ? "gap-0.5" : "gap-1"), children: i.items.map((w, k) => /* @__PURE__ */ e(U, { ...w, currentPath: d, collapsed: p, dense: l, onItemClick: A }, k)) })
-    ] }, h)) }),
-    x && /* @__PURE__ */ e("div", { className: s("border-t border-sidebar-border", l ? "p-2" : "p-4", p ? "flex justify-center" : ""), children: x })
-  ] });
-  return v ? /* @__PURE__ */ e(
-    _,
-    {
-      open: T,
-      onOpenChange: (i) => {
-        y(!i);
-      },
-      children: /* @__PURE__ */ n(E, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
-        /* @__PURE__ */ e(J, { className: "sr-only", children: "Menu de navigation" }),
-        /* @__PURE__ */ e(K, { className: "sr-only", children: "Navigation principale de l'application" }),
-        C
-      ] })
-    }
-  ) : /* @__PURE__ */ e(F, { delayDuration: 0, children: /* @__PURE__ */ e(
-    "aside",
-    {
-      className: s(
-        "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
-        p ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
-        "flex"
-      ),
-      style: {
-        "--navbar-width": "16rem",
-        "--navbar-width-icon": "4rem"
-      },
-      children: C
-    }
-  ) });
-}, se = ({
-  name: a = "appname",
-  subName: d = "appsubname",
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  icon: m,
-  dense: t = !1
-}) => {
-  const { collapsed: r, isMobile: l } = $(), c = l ? !1 : r;
-  return /* @__PURE__ */ n("div", { className: s("flex items-center flex-shrink-0 gap-3 px-4", t ? "h-14" : "h-16 md:h-20", c ? "justify-center" : ""), children: [
-    m !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(m, { className: t ? "size-5" : "size-6" }) }),
-    !c && /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ e("h1", { className: s("font-bold text-sidebar-foreground leading-tight", t ? "text-base" : "text-lg"), children: a }),
-      /* @__PURE__ */ e("span", { className: s("text-sidebar-muted font-medium", t ? "text-[11px]" : "text-xs"), children: d })
-    ] })
-  ] });
-}, le = ({ collapsed: a, isMobile: d, onToggleSidebar: m, actionsNode: t, userMenuNode: r }) => /* @__PURE__ */ n(
-  "header",
-  {
-    className: s(
-      "fixed top-0 right-0 z-[60] h-16 md:h-20 bg-topbar text-topbar-foreground flex items-center justify-between px-4 transition-all duration-300",
-      d && "left-0",
-      !d && a && "left-[5rem]",
-      !d && !a && "left-[16rem]"
-    ),
-    tabIndex: -1,
-    children: [
-      /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
-        G,
-        {
-          variant: "ghost",
-          size: "icon",
-          onClick: m,
-          className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
-          children: /* @__PURE__ */ e(B, { className: "size-4" })
-        }
-      ) }),
-      /* @__PURE__ */ n("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
-        t,
-        r
-      ] })
-    ]
-  }
-);
-export {
-  ie as S,
-  le as T,
-  se as a,
-  U as b
-};