@krosoft/react 0.0.138 → 0.0.140

package/dist/Topbar-CesmKByg.js

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

package/dist/components/core/index.js

@@ -1,9 +1,9 @@
 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 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";
-import { G as y } from "../../GenericForm-Cy5ntJxi.js";
+import { G as M } 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";
@@ -11,49 +11,49 @@ 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-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";
-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";
+import { S as Z, a as _, b as $, T as aa } from "../../Topbar-CesmKByg.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";
+import { D as pa, T as ba, a as ma, b as da, c as fa, d as ga, e as Da } from "../../DataTable-BVgo8YWR.js";
+import { A as na, a as ca, b as xa, c as Aa } from "../../AppVerticalTabs-NZ02HPGP.js";
+import { T as Ca } from "../../ThemeSelector-Qv8QBlYq.js";
 export {
   k as ActiveFilters,
   I as AdvancedFilters,
   w as AppActions,
-  b as AppDialog,
+  m as AppDialog,
   J as AppSubTitle,
   na as AppTabContainer,
   ca as AppTabHeader,
-  da as AppTabs,
+  xa as AppTabs,
   U as AppTitle,
-  xa as AppVerticalTabs,
-  f as ConfirmationDialog,
+  Aa as AppVerticalTabs,
+  d as ConfirmationDialog,
   r as DashboardCard,
-  la as DataTable,
+  pa as DataTable,
   G as DatePicker,
   N as DateRangePicker,
-  T as Dialog,
-  n as DialogClose,
-  c as DialogContent,
-  d as DialogDescription,
+  D as Dialog,
+  T as DialogClose,
+  n as DialogContent,
+  c as DialogDescription,
   x as DialogFooter,
   A as DialogHeader,
   S as DialogOverlay,
   C as DialogPortal,
   F as DialogTitle,
   P as DialogTrigger,
-  ea as ErrorAlert,
-  oa as ErrorState,
+  ra as ErrorAlert,
+  sa as ErrorState,
   K as FilterField,
-  g as FormDialog,
-  y as GenericForm,
+  f as FormDialog,
+  M as GenericForm,
   L as ImageInput,
   t as KpiCard,
   i as KpiCards,
   X as KpiCardsLayout,
-  ta as LoadingState,
+  ia as LoadingState,
   o as MetricCard,
   j as MultiSelect,
   h as Progress,
@@ -61,16 +61,17 @@ export {
   v as SearchableFilterPill,
   R as SearchableSelect,
   Z as Sidebar,
-  _ as SidebarNavItem,
+  _ as SidebarHeader,
+  $ as SidebarNavItem,
   l as SkeletonCard,
   p as SkeletonCards,
-  pa as TableActions,
+  ba as TableActions,
   ma as TableBody,
-  ba as TableBulkActions,
+  da as TableBulkActions,
   E as TableFilter,
   fa as TableHeader,
   ga as TablePagination,
   Da as TableSettings,
-  Sa as ThemeSelector,
-  $ as Topbar
+  Ca as ThemeSelector,
+  aa as Topbar
 };

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

@@ -1,32 +1,36 @@
 import * as React from "react";
+export interface SidebarSubItem {
+    label: string;
+    path: string;
+    badge?: number;
+}
 export interface SidebarItem {
     icon: React.ElementType;
     label: string;
     path?: string;
     badge?: number;
-    subItems?: {
-        label: string;
-        path: string;
-        badge?: number;
-    }[];
+    subItems?: SidebarSubItem[];
 }
 export interface SidebarGroup {
     title?: string;
     items: SidebarItem[];
 }
+export interface SidebarSlots {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export interface SidebarSearch {
+    enabled?: boolean;
+    placeholder?: string;
+}
 export interface SidebarProps {
     groups: SidebarGroup[];
-    onItemClick: (path: string) => void;
     currentPath: string;
-    appName?: string;
-    appSubName?: string;
-    appIcon?: React.ElementType;
-    headerNode?: React.ReactNode;
-    footerNode?: React.ReactNode;
-    loading?: boolean;
-    searchable?: boolean;
-    searchPlaceholder?: string;
+    onItemClick: (path: string) => void;
+    slots?: SidebarSlots;
+    search?: SidebarSearch;
     dense?: boolean;
+    loading?: boolean;
 }
-export declare const Sidebar: ({ groups, onItemClick, currentPath, appName, appSubName, appIcon: AppIcon, headerNode, footerNode, loading, searchable, searchPlaceholder, dense, }: SidebarProps) => React.ReactElement;
+export declare const Sidebar: ({ groups, currentPath, onItemClick, slots, search, dense, loading }: 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;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,GAAI,qJAcrB,YAAY,KAAG,KAAK,CAAC,YA+HvB,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,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,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,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAE3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,KAAK,CAAC,EAAE,YAAY,CAAC;IAGrB,MAAM,CAAC,EAAE,aAAa,CAAC;IAGvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,OAAO,GAAI,qEAAqF,YAAY,KAAG,KAAK,CAAC,YAuHjI,CAAC"}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface SidebarHeaderProps {
+    name?: string;
+    subName?: string;
+    icon?: React.ElementType;
+    dense?: boolean;
+}
+export declare const SidebarHeader: ({ name, subName, icon: Icon, dense, }: SidebarHeaderProps) => React.ReactElement;
+//# sourceMappingURL=SidebarHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/SidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,GAAI,uCAM3B,kBAAkB,KAAG,KAAK,CAAC,YAmB7B,CAAC"}

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

@@ -1,4 +1,7 @@
 export { Sidebar } from "./Sidebar";
+export type { SidebarProps, SidebarItem, SidebarGroup, SidebarSubItem, SidebarSlots, SidebarSearch } from "./Sidebar";
+export { SidebarHeader } from "./SidebarHeader";
+export type { SidebarHeaderProps } from "./SidebarHeader";
 export { SidebarNavItem } from "./SidebarNavItem";
 export type { SidebarNavItemProps } from "./SidebarNavItem";
 export { Topbar } from "./Topbar";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACtH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1,6 +1,7 @@
-import { S as e, a as b, T as o } from "../../../Topbar-DZGhCt0o.js";
+import { S as r, a as b, b as d, T as s } from "../../../Topbar-CesmKByg.js";
 export {
-  e as Sidebar,
-  b as SidebarNavItem,
-  o as Topbar
+  r as Sidebar,
+  b as SidebarHeader,
+  d as SidebarNavItem,
+  s as Topbar
 };

package/dist/components/index.js

@@ -1,7 +1,7 @@
 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 { A as p, C as u, F as g } from "../ConfirmationDialog-DJcxTNTk.js";
-import { A as C, j as d, k as T, l as S, 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 ma, ab as Ca, ac as da, ad as Ta, ae as Sa, 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 me, aT as Ce, aU as de, aV as Te, aW as Se, 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 To, bK as So, 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 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";
 import { G as Jo } from "../GenericForm-Cy5ntJxi.js";
 import { I as Wo } from "../ImageInput-CJ419eqw.js";
@@ -11,29 +11,29 @@ 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-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";
-import { D as xr, T as Ar, a as Ir, b as hr, c as Pr, d as fr, e as wr } from "../DataTable-BVgo8YWR.js";
-import { A as Fr, a as Lr, b as Br, c as Gr } from "../AppVerticalTabs-NZ02HPGP.js";
-import { T as kr } from "../ThemeSelector-Qv8QBlYq.js";
-import { A as Nr, a as yr, b as Er } from "../alert-B78CiTYe.js";
-import { A as Vr, C as Kr, a as zr, b as Ur, R as jr, c as qr, d as Jr, T as Qr, e as Wr } from "../toaster-Du2OlHAd.js";
-import { B as Yr, T as Zr, a as _r, b as $r, c as as, d as es } from "../tooltip-BWyFpIxo.js";
-import { I as rs, S as ss, a as ts, b as ns, c as is, d as ls, e as bs, f as ps, g as us, h as gs, i as ms } from "../sheet-Gop1cIaU.js";
-import { S as ds, a as Ts, b as Ss, c as cs, d as Ds, e as Ms, f as xs, g as As, h as Is, i as hs } from "../select-MWzbMBAS.js";
-import { S as fs } from "../skeleton-8o8eJd3P.js";
-import { toast as vs } from "sonner";
+import { S as ur, a as gr, b as dr, T as mr } from "../Topbar-CesmKByg.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";
+import { D as Ar, T as Ir, a as hr, b as Pr, c as fr, d as wr, e as vr } from "../DataTable-BVgo8YWR.js";
+import { A as Lr, a as Br, b as Gr, c as Rr } from "../AppVerticalTabs-NZ02HPGP.js";
+import { T as Hr } from "../ThemeSelector-Qv8QBlYq.js";
+import { A as yr, a as Er, b as Or } from "../alert-B78CiTYe.js";
+import { A as Kr, C as zr, a as Ur, b as jr, R as qr, c as Jr, d as Qr, T as Wr, e as Xr } from "../toaster-Du2OlHAd.js";
+import { B as Zr, T as _r, a as $r, b as as, c as es, d as os } from "../tooltip-BWyFpIxo.js";
+import { I as ss, S as ts, a as ns, b as is, c as ls, d as bs, e as ps, f as us, g as gs, h as ds, i as ms } from "../sheet-Gop1cIaU.js";
+import { S as Ss, a as Ts, b as cs, c as Ds, d as Ms, e as xs, f as As, g as Is, h as hs, i as Ps } from "../select-MWzbMBAS.js";
+import { S as ws } from "../skeleton-8o8eJd3P.js";
+import { toast as Fs } from "sonner";
 export {
-  C as Accordion,
-  d as AccordionContent,
-  T as AccordionItem,
-  S as AccordionTrigger,
+  m as Accordion,
+  C as AccordionContent,
+  S as AccordionItem,
+  T as AccordionTrigger,
   Vo as ActiveFilters,
   Ko as AdvancedFilters,
-  Nr as Alert,
-  yr as AlertDescription,
+  yr as Alert,
+  Er as AlertDescription,
   c as AlertDialog,
   D as AlertDialogAction,
   M as AlertDialogCancel,
@@ -43,16 +43,16 @@ export {
   h as AlertDialogHeader,
   P as AlertDialogTitle,
   f as AlertDialogTrigger,
-  Er as AlertTitle,
+  Or as AlertTitle,
   rr as AppActions,
   p as AppDialog,
   tr as AppSubTitle,
-  Fr as AppTabContainer,
-  Lr as AppTabHeader,
-  Br as AppTabs,
+  Lr as AppTabContainer,
+  Br as AppTabHeader,
+  Gr as AppTabs,
   ir as AppTitle,
-  Gr as AppVerticalTabs,
-  Vr as AspectRatio,
+  Rr as AppVerticalTabs,
+  Kr as AspectRatio,
   w as Avatar,
   v as AvatarFallback,
   F as AvatarImage,
@@ -64,7 +64,7 @@ export {
   H as BreadcrumbList,
   N as BreadcrumbPage,
   y as BreadcrumbSeparator,
-  Yr as Button,
+  Zr as Button,
   E as Calendar,
   O as Card,
   V as CardContent,
@@ -84,9 +84,9 @@ export {
   aa as ChartTooltip,
   ea as ChartTooltipContent,
   oa as Checkbox,
-  Kr as Collapsible,
-  zr as CollapsibleContent,
-  Ur as CollapsibleTrigger,
+  zr as Collapsible,
+  Ur as CollapsibleContent,
+  jr as CollapsibleTrigger,
   ra as Command,
   sa as CommandDialog,
   ta as CommandEmpty,
@@ -98,11 +98,11 @@ export {
   ua as CommandShortcut,
   u as ConfirmationDialog,
   ga as ContextMenu,
-  ma as ContextMenuCheckboxItem,
-  Ca as ContextMenuContent,
-  da as ContextMenuGroup,
-  Ta as ContextMenuItem,
-  Sa as ContextMenuLabel,
+  da as ContextMenuCheckboxItem,
+  ma as ContextMenuContent,
+  Ca as ContextMenuGroup,
+  Sa as ContextMenuItem,
+  Ta as ContextMenuLabel,
   ca as ContextMenuPortal,
   Da as ContextMenuRadioGroup,
   Ma as ContextMenuRadioItem,
@@ -113,7 +113,7 @@ export {
   Pa as ContextMenuSubTrigger,
   fa as ContextMenuTrigger,
   o as DashboardCard,
-  xr as DataTable,
+  Ar as DataTable,
   Yo as DatePicker,
   Zo as DateRangePicker,
   wa as Dialog,
@@ -151,8 +151,8 @@ export {
   te as DropdownMenuSubContent,
   ne as DropdownMenuSubTrigger,
   ie as DropdownMenuTrigger,
-  dr as ErrorAlert,
-  Sr as ErrorState,
+  Sr as ErrorAlert,
+  cr as ErrorState,
   zo as FilterField,
   le as Form,
   be as FormControl,
@@ -160,14 +160,14 @@ export {
   g as FormDialog,
   ue as FormField,
   ge as FormItem,
-  me as FormLabel,
-  Ce as FormMessage,
+  de as FormLabel,
+  me as FormMessage,
   Jo as GenericForm,
-  de as HoverCard,
-  Te as HoverCardContent,
-  Se as HoverCardTrigger,
+  Ce as HoverCard,
+  Se as HoverCardContent,
+  Te as HoverCardTrigger,
   Wo as ImageInput,
-  rs as Input,
+  ss as Input,
   ce as InputOTP,
   De as InputOTPGroup,
   Me as InputOTPSeparator,
@@ -176,7 +176,7 @@ export {
   n as KpiCards,
   br as KpiCardsLayout,
   Ae as Label,
-  Dr as LoadingState,
+  Mr as LoadingState,
   Ie as Menubar,
   he as MenubarCheckboxItem,
   Pe as MenubarContent,
@@ -216,64 +216,65 @@ export {
   ro as Progress,
   so as RadioGroup,
   to as RadioGroupItem,
-  jr as ResizableHandle,
-  qr as ResizablePanel,
-  Jr as ResizablePanelGroup,
+  qr as ResizableHandle,
+  Jr as ResizablePanel,
+  Qr as ResizablePanelGroup,
   no as ScrollArea,
   io as ScrollBar,
   _o as SearchInput,
   Uo as SearchableFilterPill,
   $o as SearchableSelect,
-  ds as Select,
+  Ss as Select,
   Ts as SelectContent,
-  Ss as SelectGroup,
-  cs as SelectItem,
-  Ds as SelectLabel,
-  Ms as SelectScrollDownButton,
-  xs as SelectScrollUpButton,
-  As as SelectSeparator,
-  Is as SelectTrigger,
-  hs as SelectValue,
+  cs as SelectGroup,
+  Ds as SelectItem,
+  Ms as SelectLabel,
+  xs as SelectScrollDownButton,
+  As as SelectScrollUpButton,
+  Is as SelectSeparator,
+  hs as SelectTrigger,
+  Ps as SelectValue,
   lo as Separator,
-  ss as Sheet,
-  ts as SheetClose,
-  ns as SheetContent,
-  is as SheetDescription,
-  ls as SheetFooter,
-  bs as SheetHeader,
-  ps as SheetOverlay,
-  us as SheetPortal,
-  gs as SheetTitle,
+  ts as Sheet,
+  ns as SheetClose,
+  is as SheetContent,
+  ls as SheetDescription,
+  bs as SheetFooter,
+  ps as SheetHeader,
+  us as SheetOverlay,
+  gs as SheetPortal,
+  ds as SheetTitle,
   ms as SheetTrigger,
   ur as Sidebar,
-  gr as SidebarNavItem,
+  gr as SidebarHeader,
+  dr as SidebarNavItem,
   bo as SimpleTable,
   po as SimpleTableBody,
   uo as SimpleTableCaption,
   go as SimpleTableCell,
   mo as SimpleTableFooter,
   Co as SimpleTableHead,
-  To as SimpleTableHeader,
-  So as SimpleTableRow,
-  fs as Skeleton,
+  So as SimpleTableHeader,
+  To as SimpleTableRow,
+  ws as Skeleton,
   i as SkeletonCard,
   l as SkeletonCards,
   co as Slider,
-  Qr as Sonner,
+  Wr as Sonner,
   Do as Switch,
-  Ar as TableActions,
-  Ir as TableBody,
-  hr as TableBulkActions,
+  Ir as TableActions,
+  hr as TableBody,
+  Pr as TableBulkActions,
   jo as TableFilter,
-  Pr as TableHeader,
-  fr as TablePagination,
-  wr as TableSettings,
+  fr as TableHeader,
+  wr as TablePagination,
+  vr as TableSettings,
   Mo as Tabs,
   xo as TabsContent,
   Ao as TabsList,
   Io as TabsTrigger,
   ho as Textarea,
-  kr as ThemeSelector,
+  Hr as ThemeSelector,
   Po as Toast,
   fo as ToastAction,
   wo as ToastClose,
@@ -281,19 +282,19 @@ export {
   Fo as ToastProvider,
   Lo as ToastTitle,
   Bo as ToastViewport,
-  Wr as Toaster,
+  Xr as Toaster,
   Go as Toggle,
   Ro as ToggleGroup,
   ko as ToggleGroupItem,
-  Zr as Tooltip,
-  _r as TooltipContent,
-  $r as TooltipProvider,
-  as as TooltipTrigger,
+  _r as Tooltip,
+  $r as TooltipContent,
+  as as TooltipProvider,
+  es as TooltipTrigger,
   mr as Topbar,
   Ho as badgeVariants,
-  es as buttonVariants,
+  os as buttonVariants,
   No as navigationMenuTriggerStyle,
-  vs as toast,
+  Fs as toast,
   yo as toggleVariants,
   Eo as useFormField
 };

package/package.json

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

package/dist/Topbar-DZGhCt0o.js

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