@krosoft/react 0.0.139 → 0.0.140

package/dist/{Topbar-CG_bVPE_.js → Topbar-CesmKByg.js}

@@ -16,17 +16,17 @@ const K = ({
   label: m,
   badge: n,
   subItems: t,
-  currentPath: a,
+  currentPath: r,
   collapsed: d,
   dense: p = !1,
   onItemClick: g
 }) => {
-  const [x, v] = O.useState((t == null ? void 0 : t.some((r) => a === r.path || a.startsWith(`${r.path}/`))) ?? !1), u = o ? a === o || o !== "/" && a.startsWith(`${o}/`) : !1, b = t == null ? void 0 : t.some((r) => a === r.path || a.startsWith(`${r.path}/`)), N = /* @__PURE__ */ l(
+  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: (r) => {
-        r.preventDefault(), t && t.length > 0 ? d || v(!x) : o && g(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",
@@ -71,14 +71,14 @@ const K = ({
           "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((r, k) => {
-          const y = a === r.path || r.path !== "/" && a.startsWith(`${r.path}/`);
+        children: t.map((a, k) => {
+          const y = r === a.path || a.path !== "/" && r.startsWith(`${a.path}/`);
           return /* @__PURE__ */ l(
             "a",
             {
-              href: r.path,
+              href: a.path,
               onClick: (i) => {
-                i.preventDefault(), g(r.path);
+                i.preventDefault(), g(a.path);
               },
               className: s(
                 "flex items-center justify-between rounded-xl text-sm transition-all duration-200",
@@ -86,8 +86,8 @@ const K = ({
                 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: 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 })
+                /* @__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
@@ -96,20 +96,20 @@ const K = ({
       }
     )
   ] });
-}, te = ({ groups: o, currentPath: c, onItemClick: m, slots: n, search: t, dense: a = !1, loading: d = !1 }) => {
+}, 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);
-  }, r = S.trim().toLowerCase(), k = r === "" ? o : o.map((i) => ({
+  }, a = S.trim().toLowerCase(), k = a === "" ? o : o.map((i) => ({
     ...i,
     items: i.items.filter(
       (f) => {
         var C;
-        return f.label.toLowerCase().includes(r) || (((C = f.subItems) == null ? void 0 : C.some((z) => z.label.toLowerCase().includes(r))) ?? !1);
+        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", a ? "pt-2" : "pt-4"), children: /* @__PURE__ */ l("div", { className: "relative", children: [
+    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,
@@ -122,19 +122,19 @@ const K = ({
           placeholder: g,
           className: s(
             "bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
-            a ? "h-8 text-sm" : "h-9"
+            r ? "h-8 text-sm" : "h-9"
           )
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: s("flex-1 overflow-y-auto px-2 scrollbar-modern", a ? "py-2" : "py-4"), children: d ? Array.from({ length: 5 }).map((i, f) => /* @__PURE__ */ l("div", { className: s("flex items-center gap-3", a ? "mb-1 h-9" : "mb-2 h-12", h ? "justify-center px-3" : "px-4"), children: [
+    /* @__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: a ? "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", a ? "mb-1" : "mb-2"), children: i.title }),
-      /* @__PURE__ */ e("nav", { className: s("flex flex-col", a ? "gap-0.5" : "gap-1"), children: i.items.map((C, z) => /* @__PURE__ */ e(K, { ...C, currentPath: c, collapsed: h, dense: a, onItemClick: N }, z)) })
+    ] }, 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", a ? "p-2" : "p-4", h ? "flex justify-center" : ""), children: v })
+    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,
@@ -152,7 +152,11 @@ const K = ({
   ) : /* @__PURE__ */ e(q, { delayDuration: 0, children: /* @__PURE__ */ e(
     "aside",
     {
-      className: s("flex flex-col bg-sidebar h-screen transition-all duration-300", h ? "w-[--navbar-width-icon]" : "w-[--navbar-width]", "flex"),
+      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"
@@ -167,7 +171,7 @@ const K = ({
   icon: m,
   dense: n = !1
 }) => {
-  const { collapsed: t, isMobile: a } = W(), d = a ? !1 : t;
+  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: [

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 _, b as $, T as aa } from "../../Topbar-CG_bVPE_.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";

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,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,YAmHjI,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/index.js

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

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, b as dr, T as mr } from "../Topbar-CG_bVPE_.js";
+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";

package/package.json

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