@krosoft/react 0.0.136 → 0.0.138

package/dist/Topbar-DZGhCt0o.js

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

package/dist/components/core/index.js

@@ -11,7 +11,7 @@ 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 _, T as $ } from "../../Topbar-BTrdr7wj.js";
+import { S as Z, a as _, T as $ } from "../../Topbar-DZGhCt0o.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";

package/dist/components/core/navbar/Sidebar.d.ts

@@ -26,6 +26,7 @@ export interface SidebarProps {
     loading?: boolean;
     searchable?: boolean;
     searchPlaceholder?: string;
+    dense?: boolean;
 }
-export declare const Sidebar: ({ groups, onItemClick, currentPath, appName, appSubName, appIcon: AppIcon, headerNode, footerNode, loading, searchable, searchPlaceholder, }: SidebarProps) => React.ReactElement;
+export declare const Sidebar: ({ groups, onItemClick, currentPath, appName, appSubName, appIcon: AppIcon, headerNode, footerNode, loading, searchable, searchPlaceholder, dense, }: SidebarProps) => React.ReactElement;
 //# sourceMappingURL=Sidebar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,GAAI,8IAarB,YAAY,KAAG,KAAK,CAAC,YA4HvB,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,GAAI,qJAcrB,YAAY,KAAG,KAAK,CAAC,YA+HvB,CAAC"}

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

@@ -3,7 +3,8 @@ import { SidebarItem } from "./Sidebar";
 export interface SidebarNavItemProps extends SidebarItem {
     currentPath: string;
     collapsed: boolean;
+    dense?: boolean;
     onItemClick: (path: string) => void;
 }
-export declare const SidebarNavItem: ({ path, icon: Icon, label, badge, subItems, currentPath, collapsed, onItemClick, }: SidebarNavItemProps) => React.ReactElement;
+export declare const SidebarNavItem: ({ path, icon: Icon, label, badge, subItems, currentPath, collapsed, dense, onItemClick, }: SidebarNavItemProps) => React.ReactElement;
 //# sourceMappingURL=SidebarNavItem.d.ts.map

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,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,cAAc,GAAI,oFAU5B,mBAAmB,KAAG,KAAK,CAAC,YA+F9B,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,EAAE,MAAM,WAAW,CAAC;AAExC,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;AAED,eAAO,MAAM,cAAc,GAAI,2FAW5B,mBAAmB,KAAG,KAAK,CAAC,YAwG9B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { S as e, a as b, T as o } from "../../../Topbar-BTrdr7wj.js";
+import { S as e, a as b, T as o } from "../../../Topbar-DZGhCt0o.js";
 export {
   e as Sidebar,
   b as SidebarNavItem,

package/dist/components/index.js

@@ -11,7 +11,7 @@ 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, T as mr } from "../Topbar-BTrdr7wj.js";
+import { S as ur, a as gr, T as mr } from "../Topbar-DZGhCt0o.js";
 import { E as dr } from "../ErrorAlert-DH1onuyt.js";
 import { E as Sr } from "../ErrorState-vU8d4CwD.js";
 import { L as Dr } from "../LoadingState-BN0YaPSs.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.136",
+  "version": "0.0.138",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -90,7 +90,7 @@
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@krosoft/core": "^0.0.43",
+    "@krosoft/core": "^0.0.44",
     "@krosoft/tooling-eslint-react": "^0.0.24",
     "@krosoft/tooling-prettier": "^0.0.15",
     "@krosoft/tooling-tsconfig-react": "^0.0.10",

package/dist/Topbar-BTrdr7wj.js

@@ -1,199 +0,0 @@
-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
-};