@krosoft/react 0.0.135 → 0.0.136

package/dist/{SkeletonCards-BIEnyOuZ.js → SkeletonCards-BPIVRCOE.js}

@@ -1,12 +1,13 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+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-CSdAiS44.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";
@@ -14,7 +15,7 @@ import "next-themes";
 import "sonner";
 import "react";
 const g = ({
-  titleKey: a,
+  titleKey: i,
   value: r,
   valueClassName: m,
   icon: n,
@@ -24,17 +25,17 @@ const g = ({
   onClick: o
 }) => {
   const { t: N } = C();
-  return /* @__PURE__ */ i(d, { className: s(o !== void 0 ? "hover:border-primary cursor-pointer" : ""), onClick: o, children: [
-    /* @__PURE__ */ i(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(a) }),
+  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__ */ i(t, { children: [
+    /* @__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 })
     ] })
   ] });
-}, $ = ({ stats: a }) => /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: a.map((r) => /* @__PURE__ */ e(
+}, 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,
@@ -47,16 +48,16 @@ const g = ({
     onClick: r.onClick
   },
   r.titleKey
-)) }), v = () => /* @__PURE__ */ i(d, { className: "animate-pulse", children: [
+)) }), 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__ */ i("div", { className: "space-y-2", children: [
+  /* @__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" })
   ] }) })
-] }), q = ({ count: a = 1 }) => /* @__PURE__ */ e("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))` }, children: Array.from({ length: a }).map((r, m) => /* @__PURE__ */ e(v, {}, m)) });
+] }), 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,
-  $ as a,
-  q as b
+  q as a,
+  B as b
 };

package/dist/{TableFilter-Wh_Womy4.js → TableFilter-rjiss-d9.js}

@@ -1,12 +1,13 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { useState as w, useEffect as D, useMemo as N } from "react";
-import { a as $, D as M, b as O, S as I } from "./SearchInput-D6LmcOjp.js";
-import { B as k, aX as C, bE as j, bN as R, bG as z, bJ as B, bM as Q, b0 as V, bI as _, bw as X, by as G, bx as H, $ as E } from "./toggle-group-CSdAiS44.js";
+import { useState as w, useEffect as $, useMemo as N } from "react";
+import { a as D, D as O, b as I, S as M } from "./SearchInput-T9TeORNA.js";
+import { B as k, a$ as j, bv as R, bx as z, bw as B, $ as C } from "./toggle-group-BASGy2mQ.js";
 import "./alert-B78CiTYe.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as F } from "./tooltip-BWyFpIxo.js";
 import "@radix-ui/react-collapsible";
-import { XIcon as P, Filter as J, ChevronDown as K, Search as U } from "lucide-react";
+import { I as P, S as Q, i as V, b as _, e as H, h as X, d as G } from "./sheet-Gop1cIaU.js";
+import { XIcon as E, Filter as J, ChevronDown as K, Search as U } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
 import "tailwind-merge";
@@ -14,7 +15,7 @@ import { S as W, h as Y, i as Z, a as q, c as ee } from "./select-MWzbMBAS.js";
 import "next-themes";
 import "sonner";
 import { c as re } from "./tailwind.helper-B6yFEsav.js";
-import { M as te } from "./MultiSelect-CX051kfk.js";
+import { M as te } from "./MultiSelect-DblSHEsg.js";
 const L = (n, l, s = {}) => {
   if (l instanceof Date)
     return l.toLocaleDateString("fr-FR");
@@ -28,8 +29,8 @@ function le({ filters: n, onRemoveFilter: l, onClearAll: s, filterLabels: i = {}
     c.flatMap(([h, m]) => {
       const b = i[h] ?? h;
       if (Array.isArray(m))
-        return m.map((y) => {
-          const p = L(h, y, d);
+        return m.map((v) => {
+          const p = L(h, v, d);
           return /* @__PURE__ */ u(
             k,
             {
@@ -43,15 +44,15 @@ function le({ filters: n, onRemoveFilter: l, onClearAll: s, filterLabels: i = {}
                   "button",
                   {
                     onClick: () => {
-                      l(h, y);
+                      l(h, v);
                     },
                     className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-                    children: /* @__PURE__ */ r(P, { className: "size-4" })
+                    children: /* @__PURE__ */ r(E, { className: "size-4" })
                   }
                 )
               ]
             },
-            `${h}_${String(y)}`
+            `${h}_${String(v)}`
           );
         });
       const x = L(h, m, d);
@@ -66,7 +67,7 @@ function le({ filters: n, onRemoveFilter: l, onClearAll: s, filterLabels: i = {}
               l(h);
             },
             className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-            children: /* @__PURE__ */ r(P, { className: "size-4" })
+            children: /* @__PURE__ */ r(E, { className: "size-4" })
           }
         )
       ] }, h);
@@ -84,7 +85,7 @@ const ae = ({
   switch (n.type) {
     case "text":
       return /* @__PURE__ */ r(
-        C,
+        P,
         {
           placeholder: n.placeholder,
           value: l ?? "",
@@ -95,7 +96,7 @@ const ae = ({
       );
     case "number":
       return /* @__PURE__ */ r(
-        C,
+        P,
         {
           type: "number",
           placeholder: n.placeholder,
@@ -109,7 +110,7 @@ const ae = ({
       );
     case "select":
       return n.searchable === !0 ? /* @__PURE__ */ r(
-        O,
+        I,
         {
           options: n.options ?? [],
           value: l,
@@ -122,9 +123,9 @@ const ae = ({
         /* @__PURE__ */ r(q, { children: (d = n.options) == null ? void 0 : d.map((c) => /* @__PURE__ */ r(ee, { value: c.value, children: c.label }, c.value)) })
       ] });
     case "date":
-      return /* @__PURE__ */ r(M, { date: l, onDateChange: s, placeholder: n.placeholder ?? "Sélectionner une date" });
+      return /* @__PURE__ */ r(O, { date: l, onDateChange: s, placeholder: n.placeholder ?? "Sélectionner une date" });
     case "date-range":
-      return /* @__PURE__ */ r($, { value: l, onChange: s, placeholder: n.placeholder });
+      return /* @__PURE__ */ r(D, { value: l, onChange: s, placeholder: n.placeholder });
     case "multi-select":
       return /* @__PURE__ */ r(
         te,
@@ -153,30 +154,30 @@ function se({
   sheetTitle: d = "Filtres avancés"
 }) {
   const [c, h] = w(!1), [m, b] = w(l);
-  D(() => {
+  $(() => {
     b(l);
   }, [l, c]);
   const x = (f, t) => {
     b((e) => ({ ...e, [f]: t }));
-  }, y = (f, t) => {
+  }, v = (f, t) => {
     const e = m[f], a = Array.isArray(e) ? e : [], o = a.includes(t) ? a.filter((g) => g !== t) : [...a, t];
     x(f, o);
   }, p = () => {
     s(m), h(!1);
-  }, v = () => {
+  }, y = () => {
     b({}), s({}), h(!1);
   };
-  return /* @__PURE__ */ u(j, { open: c, onOpenChange: h, children: [
-    /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ u(F, { variant: "outline", className: "gap-2", children: [
+  return /* @__PURE__ */ u(Q, { open: c, onOpenChange: h, children: [
+    /* @__PURE__ */ r(V, { asChild: !0, children: /* @__PURE__ */ u(F, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ r(J, { className: "size-4 shrink-0" }),
       i
     ] }) }),
-    /* @__PURE__ */ u(z, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
-      /* @__PURE__ */ r(B, { className: "p-6 pb-0", children: /* @__PURE__ */ r(Q, { children: d }) }),
+    /* @__PURE__ */ u(_, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
+      /* @__PURE__ */ r(H, { className: "p-6 pb-0", children: /* @__PURE__ */ r(X, { children: d }) }),
       /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto p-6 pt-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: n.map((f, t) => /* @__PURE__ */ u("div", { className: "space-y-4", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2", children: f.title }),
         f.filters.map((e) => /* @__PURE__ */ u("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ r(V, { htmlFor: e.key, children: e.label }),
+          /* @__PURE__ */ r(j, { htmlFor: e.key, children: e.label }),
           /* @__PURE__ */ r(
             ae,
             {
@@ -186,14 +187,14 @@ function se({
                 x(e.key, a);
               },
               onToggleMultiSelect: (a) => {
-                y(e.key, a);
+                v(e.key, a);
               }
             }
           )
         ] }, e.key))
       ] }, t)) }) }),
-      /* @__PURE__ */ u(_, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
-        /* @__PURE__ */ r(F, { variant: "outline", className: "flex-1", onClick: v, children: "Effacer les filtres" }),
+      /* @__PURE__ */ u(G, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
+        /* @__PURE__ */ r(F, { variant: "outline", className: "flex-1", onClick: y, children: "Effacer les filtres" }),
         /* @__PURE__ */ r(F, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: p, children: "Rechercher" })
       ] })
     ] })
@@ -209,8 +210,8 @@ function ne({
   searchable: h = !1,
   searchPlaceholder: m = "Rechercher..."
 }) {
-  const [b, x] = w(""), y = s.length > 0, p = N(() => b === "" ? l : l.filter((t) => t.label.toLowerCase().includes(b.toLowerCase())), [l, b]), v = N(() => p.length === 0 ? !1 : p.every((t) => s.includes(t.value)), [p, s]), f = () => {
-    if (v)
+  const [b, x] = w(""), v = s.length > 0, p = N(() => b === "" ? l : l.filter((t) => t.label.toLowerCase().includes(b.toLowerCase())), [l, b]), y = N(() => p.length === 0 ? !1 : p.every((t) => s.includes(t.value)), [p, s]), f = () => {
+    if (y)
       if (c !== void 0) {
         const t = p.map((a) => a.value), e = s.filter((a) => !t.includes(a));
         c(e);
@@ -228,16 +229,16 @@ function ne({
       });
   };
   return /* @__PURE__ */ u(
-    X,
+    R,
     {
       onOpenChange: () => {
         x("");
       },
       children: [
-        /* @__PURE__ */ r(G, { asChild: !0, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ u(
           "button",
           {
-            className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors whitespace-nowrap ${y ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-card text-card-foreground hover:bg-muted"}`,
+            className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors whitespace-nowrap ${v ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-card text-card-foreground hover:bg-muted"}`,
             children: [
               n,
               s.length > 0 && /* @__PURE__ */ r("span", { className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground", children: s.length }),
@@ -245,7 +246,7 @@ function ne({
             ]
           }
         ) }),
-        /* @__PURE__ */ u(H, { className: "w-56 p-0", align: "start", children: [
+        /* @__PURE__ */ u(B, { className: "w-56 p-0", align: "start", children: [
           h ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ u("div", { className: "relative", children: [
             /* @__PURE__ */ r(U, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
             /* @__PURE__ */ r(
@@ -263,13 +264,13 @@ function ne({
           ] }) }) : null,
           /* @__PURE__ */ u("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
             p.length > 0 && /* @__PURE__ */ u("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
-              /* @__PURE__ */ r(E, { checked: v, onCheckedChange: f }),
+              /* @__PURE__ */ r(C, { checked: y, onCheckedChange: f }),
               "Tout sélectionner"
             ] }),
             p.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
             p.map((t) => /* @__PURE__ */ u("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
               /* @__PURE__ */ r(
-                E,
+                C,
                 {
                   checked: s.includes(t.value),
                   onCheckedChange: () => {
@@ -297,7 +298,7 @@ function ne({
     }
   );
 }
-function Fe({
+function we({
   searchQuery: n,
   onSearchChange: l,
   searchPlaceholder: s = "Rechercher...",
@@ -308,17 +309,17 @@ function Fe({
   sheetTitle: m = "Filtres avancés"
 }) {
   const b = (e, a) => {
-    const o = i[e], g = Array.isArray(o) ? o : [], A = g.includes(a) ? g.filter((T) => T !== a) : [...g, a], S = { ...i };
-    A.length === 0 ? delete S[e] : S[e] = A, d(S);
+    const o = i[e], g = Array.isArray(o) ? o : [], S = g.includes(a) ? g.filter((T) => T !== a) : [...g, a], A = { ...i };
+    S.length === 0 ? delete A[e] : A[e] = S, d(A);
   }, x = (e) => {
     const a = { ...i };
     delete a[e], d(a);
-  }, y = () => {
+  }, v = () => {
     d({});
   }, p = (e, a) => {
     const o = { ...i }, g = o[e];
-    Array.isArray(g) && a !== void 0 ? (o[e] = g.filter((A) => A !== a), Array.isArray(o[e]) && o[e].length === 0 && delete o[e]) : delete o[e], d(o);
-  }, v = N(() => {
+    Array.isArray(g) && a !== void 0 ? (o[e] = g.filter((S) => S !== a), Array.isArray(o[e]) && o[e].length === 0 && delete o[e]) : delete o[e], d(o);
+  }, y = N(() => {
     const e = [];
     return c.forEach((a) => {
       a.filters.forEach((o) => {
@@ -351,7 +352,7 @@ function Fe({
   return /* @__PURE__ */ u("div", { className: "space-y-4 w-full", children: [
     /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-3 justify-between", children: /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3", children: [
       l !== void 0 ? /* @__PURE__ */ r(
-        I,
+        M,
         {
           searchQuery: n,
           onSearch: l,
@@ -361,7 +362,7 @@ function Fe({
           placeholder: s
         }
       ) : null,
-      v.map((e) => /* @__PURE__ */ r(
+      y.map((e) => /* @__PURE__ */ r(
         ne,
         {
           label: e.label,
@@ -388,7 +389,7 @@ function Fe({
       {
         filters: i,
         onRemoveFilter: p,
-        onClearAll: y,
+        onClearAll: v,
         filterLabels: f,
         optionLabels: t
       }
@@ -399,6 +400,6 @@ export {
   le as A,
   ae as F,
   ne as S,
-  Fe as T,
+  we as T,
   se as a
 };

package/dist/Topbar-BTrdr7wj.js

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

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

@@ -1,5 +1,5 @@
-import { D as s, M as d } from "../../../MetricCard-CPw-fiNS.js";
-import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-BIEnyOuZ.js";
+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";
 export {
   s as DashboardCard,
   o as KpiCard,

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

@@ -1,5 +1,5 @@
-import { A as i, C as s, F as g } from "../../../ConfirmationDialog-DbMHt9aI.js";
-import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-CSdAiS44.js";
+import { A as i, C as s, F as g } from "../../../ConfirmationDialog-DJcxTNTk.js";
+import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-BASGy2mQ.js";
 export {
   i as AppDialog,
   s as ConfirmationDialog,

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

@@ -1,4 +1,4 @@
-import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-Wh_Womy4.js";
+import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-rjiss-d9.js";
 export {
   l as ActiveFilters,
   i as AdvancedFilters,

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

@@ -1,4 +1,4 @@
-import { G as o } from "../../../GenericForm-CEnca4jf.js";
+import { G as o } from "../../../GenericForm-Cy5ntJxi.js";
 export {
   o as GenericForm
 };

package/dist/components/core/index.js

@@ -1,22 +1,22 @@
-import { D as r, M as o } from "../../MetricCard-CPw-fiNS.js";
-import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-BIEnyOuZ.js";
-import { A as b, C as f, F as g } from "../../ConfirmationDialog-DbMHt9aI.js";
-import { D as T, a as n, b as c, c as d, d as x, e as A, f as S, g as C, h as F, i as P, P as h } from "../../toggle-group-CSdAiS44.js";
-import { A as k, a as I, F as K, S as v, T as E } from "../../TableFilter-Wh_Womy4.js";
-import { G as y } from "../../GenericForm-CEnca4jf.js";
-import { I as L } from "../../ImageInput-DLTYJMwr.js";
-import { D as G, a as N, S as O, b as R } from "../../SearchInput-D6LmcOjp.js";
-import { M as j } from "../../MultiSelect-CX051kfk.js";
-import { A as w } from "../../AppActions-CX-qVy8i.js";
-import { A as J } from "../../AppSubTitle-BxWwOgry.js";
+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 { A as b, C as f, F as g } from "../../ConfirmationDialog-DJcxTNTk.js";
+import { D as T, a as n, b as c, c as d, 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";
+import { G as y } from "../../GenericForm-Cy5ntJxi.js";
+import { I as L } from "../../ImageInput-CJ419eqw.js";
+import { D as G, a as N, S as O, b as R } from "../../SearchInput-T9TeORNA.js";
+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-C3LmSeL1.js";
-import { S as Z, a as _, T as $ } from "../../Topbar-DVww-tU8.js";
+import { K as X } from "../../KpiCardsLayout-DDR49Qqh.js";
+import { S as Z, a as _, T as $ } from "../../Topbar-BTrdr7wj.js";
 import { E as ea } from "../../ErrorAlert-DH1onuyt.js";
 import { E as oa } from "../../ErrorState-vU8d4CwD.js";
 import { L as ta } from "../../LoadingState-BN0YaPSs.js";
-import { D as la, T as pa, a as ma, b as ba, c as fa, d as ga, e as Da } from "../../DataTable-DSIgTHZS.js";
-import { A as na, a as ca, b as da, c as xa } from "../../AppVerticalTabs-DiRvuLpb.js";
+import { D as la, T as pa, a as ma, b as ba, c as fa, d as ga, e as Da } from "../../DataTable-BVgo8YWR.js";
+import { A as na, a as ca, b as da, c as xa } from "../../AppVerticalTabs-NZ02HPGP.js";
 import { T as Sa } from "../../ThemeSelector-Qv8QBlYq.js";
 export {
   k as ActiveFilters,

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

@@ -1,6 +1,6 @@
-import { I as r } from "../../../ImageInput-DLTYJMwr.js";
-import { D as c, a as o, S as s, b as p } from "../../../SearchInput-D6LmcOjp.js";
-import { M as l } from "../../../MultiSelect-CX051kfk.js";
+import { I as r } from "../../../ImageInput-CJ419eqw.js";
+import { D as c, a as o, S as s, b as p } from "../../../SearchInput-T9TeORNA.js";
+import { M as l } from "../../../MultiSelect-DblSHEsg.js";
 export {
   c as DatePicker,
   o as DateRangePicker,

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

@@ -1,7 +1,7 @@
-import { A as r } from "../../../AppActions-CX-qVy8i.js";
-import { A } from "../../../AppSubTitle-BxWwOgry.js";
+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-C3LmSeL1.js";
+import { K as f } from "../../../KpiCardsLayout-DDR49Qqh.js";
 export {
   r as AppActions,
   A as AppSubTitle,