@krosoft/react 0.0.207 → 0.0.208

package/dist/Topbar-158DklWB.js

@@ -0,0 +1,306 @@
+import { jsxs as i, Fragment as A, jsx as e } from "react/jsx-runtime";
+import * as j from "react";
+import { SearchIcon as O, LoaderCircleIcon as W, ChevronDownIcon as M, MenuIcon as B } from "lucide-react";
+import { c as o } from "./tailwind.helper-B6yFEsav.js";
+import { B as E, T as F, c as Q, a as q, b as H } from "./tooltip-DVeqVwqV.js";
+import { j as U, m as V, o as _, k as J, l as X, n as Y, I as Z, S as P, s as I, y as ee, t as re } from "./sheet-C-QvdRNi.js";
+import "./sidebar.context-D5nywlmP.js";
+import { u as G } from "./useSidebar-BJuALHqQ.js";
+import "react-i18next";
+import "next-themes";
+import { S as $ } from "./skeleton-BX4RcsiK.js";
+const he = ({
+  groups: a,
+  search: m,
+  onSearch: f,
+  onSelect: l,
+  loading: r = !1,
+  open: n,
+  onOpenChange: d,
+  trigger: b = !0,
+  triggerLabel: v = "Rechercher",
+  shortcut: u = !0,
+  shortcutLabel: g = "Ctrl+K",
+  placeholder: k = "Rechercher...",
+  emptyLabel: C = "Aucun résultat.",
+  loadingLabel: S = "Recherche...",
+  title: z = "Recherche globale",
+  description: T = "Rechercher une page ou une donnée dans l'application.",
+  hint: x,
+  className: D
+}) => {
+  const [K, N] = j.useState(!1), s = n !== void 0, y = s ? n : K, t = j.useCallback(
+    (c) => {
+      s || N(c), d == null || d(c);
+    },
+    [s, d]
+  );
+  j.useEffect(() => {
+    if (!u) return;
+    const c = (h) => {
+      h.key.toLowerCase() !== "k" || !(h.metaKey || h.ctrlKey) || (h.preventDefault(), t(!y));
+    };
+    return window.addEventListener("keydown", c), () => {
+      window.removeEventListener("keydown", c);
+    };
+  }, [u, y, t]);
+  const p = (c) => {
+    t(!1), f(""), l(c);
+  }, w = a.some((c) => c.items.length > 0);
+  return /* @__PURE__ */ i(A, { children: [
+    b && /* @__PURE__ */ e(
+      E,
+      {
+        variant: "ghost",
+        size: "icon",
+        "aria-label": v,
+        title: u ? `${v} (${g})` : v,
+        className: "rounded-full",
+        onClick: () => {
+          t(!0);
+        },
+        children: /* @__PURE__ */ e(O, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ i(U, { open: y, onOpenChange: t, title: z, description: T, shouldFilter: !1, className: D, children: [
+      /* @__PURE__ */ e(V, { value: m, onValueChange: f, placeholder: k }),
+      /* @__PURE__ */ i(_, { children: [
+        r && /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ e(W, { className: "size-4 animate-spin" }),
+          S
+        ] }),
+        !w && !r && /* @__PURE__ */ e(J, { children: C }),
+        a.map(
+          (c) => c.items.length === 0 ? null : /* @__PURE__ */ e(X, { heading: c.heading, children: c.items.map((h) => {
+            const L = h.icon;
+            return /* @__PURE__ */ i(
+              Y,
+              {
+                value: h.key,
+                className: "gap-3 px-2 py-2",
+                onSelect: () => {
+                  p(h);
+                },
+                children: [
+                  L && /* @__PURE__ */ e("span", { className: o("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", h.iconClassName), children: /* @__PURE__ */ e(L, { className: "size-4" }) }),
+                  /* @__PURE__ */ i("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                    /* @__PURE__ */ e("span", { className: "truncate font-medium", children: h.label }),
+                    h.description !== void 0 && h.description !== "" && /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: h.description })
+                  ] })
+                ]
+              },
+              h.key
+            );
+          }) }, c.heading)
+        )
+      ] }),
+      x !== void 0 && w && !r && /* @__PURE__ */ e("div", { className: "border-t border-border p-2 text-center text-xs text-muted-foreground", children: x })
+    ] })
+  ] });
+}, R = (a, m, f) => m === a ? !0 : a === "/" || !m.startsWith(`${a}/`) ? !1 : !f.some(
+  (l) => l !== a && l.startsWith(`${a}/`) && (m === l || m.startsWith(`${l}/`))
+), ae = ({
+  path: a,
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  icon: m,
+  label: f,
+  badge: l,
+  subItems: r,
+  currentPath: n,
+  collapsed: d,
+  dense: b = !1,
+  onItemClick: v
+}) => {
+  const u = (r == null ? void 0 : r.map((s) => s.path)) ?? [], [g, k] = j.useState((r == null ? void 0 : r.some((s) => R(s.path, n, u))) ?? !1), C = a ? n === a || a !== "/" && n.startsWith(`${a}/`) : !1, S = r == null ? void 0 : r.some((s) => R(s.path, n, u)), N = /* @__PURE__ */ i(
+    "a",
+    {
+      href: a ?? "#",
+      onClick: (s) => {
+        s.ctrlKey || s.metaKey || s.button === 1 || (s.preventDefault(), r && r.length > 0 ? d || k(!g) : a && v(a));
+      },
+      className: o(
+        "flex items-center cursor-pointer transition-all duration-200 group rounded-control",
+        b ? "gap-2.5  mb-0.5" : "gap-3  mb-1",
+        d ? b ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : b ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12",
+        C || !d && S ? b ? "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: o("flex-shrink-0 transition-transform group-hover:scale-110", d ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(m, { className: "size-4" }) }),
+        !d && /* @__PURE__ */ i(A, { children: [
+          /* @__PURE__ */ e("span", { className: o("flex-grow transition-opacity duration-150 font-medium", b ? "text-sm" : ""), children: f }),
+          l !== 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: l }),
+          r && r.length > 0 && /* @__PURE__ */ e(M, { className: o("size-4 transition-transform duration-200", g ? "rotate-180" : "") })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ i(A, { children: [
+    d ? /* @__PURE__ */ i(F, { children: [
+      /* @__PURE__ */ e(Q, { asChild: !0, children: N }),
+      /* @__PURE__ */ e(
+        q,
+        {
+          side: "right",
+          sideOffset: 6,
+          className: "rounded-surface 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: f }),
+            l !== void 0 && /* @__PURE__ */ i("span", { className: "ml-1 text-xs", children: [
+              "(",
+              l,
+              ")"
+            ] })
+          ] }) })
+        }
+      )
+    ] }) : N,
+    !d && r && r.length > 0 && g && /* @__PURE__ */ e(
+      "div",
+      {
+        className: o(
+          "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",
+          b ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
+        ),
+        children: r.map((s, y) => {
+          const t = R(s.path, n, u);
+          return /* @__PURE__ */ i(
+            "a",
+            {
+              href: s.path,
+              onClick: (p) => {
+                p.ctrlKey || p.metaKey || p.button === 1 || (p.preventDefault(), v(s.path));
+              },
+              className: o(
+                "flex items-center justify-between rounded-control text-sm transition-all duration-200",
+                b ? "px-3 py-1" : "px-4 py-2",
+                t ? "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: s.label }),
+                s.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: s.badge })
+              ]
+            },
+            y
+          );
+        })
+      }
+    )
+  ] });
+}, pe = ({ groups: a, currentPath: m, onItemClick: f, slots: l, search: r, dense: n = !1, loading: d = !1 }) => {
+  const { enabled: b = !1, placeholder: v = "Rechercher..." } = r ?? {}, { header: u, footer: g } = l ?? {}, { collapsed: k, isMobile: C, setCollapsed: S } = G(), [z, T] = j.useState(""), x = C ? !1 : k, D = !k, K = (t) => {
+    f(t), C && S(!0);
+  }, N = z.trim().toLowerCase(), s = N === "" ? a : a.map((t) => ({
+    ...t,
+    items: t.items.filter(
+      (p) => {
+        var w;
+        return p.label.toLowerCase().includes(N) || (((w = p.subItems) == null ? void 0 : w.some((c) => c.label.toLowerCase().includes(N))) ?? !1);
+      }
+    )
+  })).filter((t) => t.items.length > 0), y = /* @__PURE__ */ i("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
+    u,
+    b && !x && /* @__PURE__ */ e("div", { className: o("px-4", n ? "pt-2" : "pt-4"), children: /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ e(O, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
+      /* @__PURE__ */ e(
+        Z,
+        {
+          type: "search",
+          value: z,
+          onChange: (t) => {
+            T(t.target.value);
+          },
+          placeholder: v,
+          className: o(
+            "bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
+            n ? "h-8 text-sm" : "h-9"
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: o("flex-1 overflow-y-auto scrollbar-modern", x ? "px-0" : "px-2", n ? "py-2" : "py-4"), children: d ? Array.from({ length: 5 }).map((t, p) => /* @__PURE__ */ i("div", { className: o("flex items-center gap-3", n ? "mb-1 h-9" : "mb-2 h-12", x ? "justify-center px-3" : "px-4"), children: [
+      /* @__PURE__ */ e($, { className: "size-5 flex-shrink-0 rounded-control" }),
+      !x && /* @__PURE__ */ e($, { className: "h-4 flex-1" })
+    ] }, p)) : s.map((t, p) => /* @__PURE__ */ i("div", { className: n ? "mb-3" : "mb-6", children: [
+      !x && t.title !== void 0 && t.title !== "" && /* @__PURE__ */ e("h3", { className: o("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", n ? "mb-1" : "mb-2"), children: t.title }),
+      /* @__PURE__ */ e("nav", { className: o("flex flex-col", n ? "gap-0.5" : "gap-1"), children: t.items.map((w, c) => /* @__PURE__ */ e(ae, { ...w, currentPath: m, collapsed: x, dense: n, onItemClick: K }, c)) })
+    ] }, p)) }),
+    g && /* @__PURE__ */ e("div", { className: o("border-t border-sidebar-border", n ? "p-2" : "p-4", x ? "flex justify-center" : ""), children: g })
+  ] });
+  return C ? /* @__PURE__ */ e(
+    P,
+    {
+      open: D,
+      onOpenChange: (t) => {
+        S(!t);
+      },
+      children: /* @__PURE__ */ i(I, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
+        /* @__PURE__ */ e(ee, { className: "sr-only", children: "Menu de navigation" }),
+        /* @__PURE__ */ e(re, { className: "sr-only", children: "Navigation principale de l'application" }),
+        y
+      ] })
+    }
+  ) : /* @__PURE__ */ e(H, { delayDuration: 0, children: /* @__PURE__ */ e(
+    "aside",
+    {
+      className: o(
+        "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
+        x ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
+        "flex"
+      ),
+      style: {
+        "--navbar-width": "16rem",
+        "--navbar-width-icon": "4rem"
+      },
+      children: y
+    }
+  ) });
+}, xe = ({
+  name: a = "appname",
+  subName: m = "appsubname",
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  icon: f,
+  dense: l = !1
+}) => {
+  const { collapsed: r, isMobile: n } = G(), d = n ? !1 : r;
+  return /* @__PURE__ */ i("div", { className: o("flex items-center flex-shrink-0 gap-3 px-4", l ? "h-14" : "h-16 md:h-20", d ? "justify-center" : ""), children: [
+    f !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(f, { className: l ? "size-5" : "size-6" }) }),
+    !d && /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e("h1", { className: o("font-bold text-sidebar-foreground leading-tight", l ? "text-base" : "text-lg"), children: a }),
+      /* @__PURE__ */ e("span", { className: o("text-sidebar-muted font-medium", l ? "text-[11px]" : "text-xs"), children: m })
+    ] })
+  ] });
+}, be = ({ collapsed: a, isMobile: m, onToggleSidebar: f, actionsNode: l, userMenuNode: r }) => /* @__PURE__ */ i(
+  "header",
+  {
+    className: o(
+      "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 && a && "left-[5rem]",
+      !m && !a && "left-[16rem]"
+    ),
+    tabIndex: -1,
+    children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
+        E,
+        {
+          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__ */ i("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
+        l,
+        r
+      ] })
+    ]
+  }
+);
+export {
+  he as G,
+  pe as S,
+  be as T,
+  xe as a,
+  ae as b
+};

package/dist/components/core/index.js

@@ -13,7 +13,7 @@ import { A as $ } from "../../AppActions-ViFjSupi.js";
 import { A as ra, K as ea } from "../../KpiCardsLayout-D9NSC5Fb.js";
 import { A as sa } from "../../AppSubTitle-ClHzadQW.js";
 import { A as ia } from "../../AppTitle-D15YXeMx.js";
-import { G as pa, S as ba, a as ma, b as ga, T as ca } from "../../Topbar-0EBMHLwG.js";
+import { G as pa, S as ba, a as ma, b as ga, T as ca } from "../../Topbar-158DklWB.js";
 import { E as fa } from "../../ErrorAlert-SrIcU1mM.js";
 import { E as na } from "../../ErrorState-CmaxuJyW.js";
 import { L as Ta } from "../../LoadingState-BN0YaPSs.js";

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

@@ -6,6 +6,12 @@ export interface GlobalSearchItem {
     /** Seconde ligne, en plus discret : module parent, référence, date… */
     description?: string;
     icon?: React.ElementType;
+    /**
+     * Classes de la pastille d'icône : fond et couleur du glyphe, qui hérite de
+     * `currentColor` — par exemple `"bg-blue-500/10 text-blue-500"`. Sans valeur,
+     * la pastille est neutre.
+     */
+    iconClassName?: string;
     /** Chemin de destination, laissé à la charge de l'appelant dans `onSelect`. */
     path?: string;
 }
@@ -34,6 +40,8 @@ export interface GlobalSearchProps {
     loadingLabel?: string;
     title?: string;
     description?: string;
+    /** Ligne d'aide sous la liste, visible seulement quand il y a des résultats. */
+    hint?: React.ReactNode;
     className?: string;
 }
 /**
@@ -48,5 +56,5 @@ export interface GlobalSearchProps {
  * arrivent déjà filtrés en amont — côté serveur pour les données, sans accents pour
  * les pages — et cmdk en masquerait une partie en refiltrant sur la saisie brute.
  */
-export declare const GlobalSearch: ({ groups, search, onSearch, onSelect, loading, open, onOpenChange, trigger, triggerLabel, shortcut, shortcutLabel, placeholder, emptyLabel, loadingLabel, title, description, className, }: GlobalSearchProps) => React.ReactElement;
+export declare const GlobalSearch: ({ groups, search, onSearch, onSelect, loading, open, onOpenChange, trigger, triggerLabel, shortcut, shortcutLabel, placeholder, emptyLabel, loadingLabel, title, description, hint, className, }: GlobalSearchProps) => React.ReactElement;
 //# sourceMappingURL=GlobalSearch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/GlobalSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GAAI,4LAkB1B,iBAAiB,KAAG,KAAK,CAAC,YAiG5B,CAAC"}
+{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/GlobalSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GAAI,kMAmB1B,iBAAiB,KAAG,KAAK,CAAC,YA2G5B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { G as r, S as b, a as s, b as S, T as d } from "../../../Topbar-0EBMHLwG.js";
+import { G as r, S as b, a as s, b as S, T as d } from "../../../Topbar-158DklWB.js";
 export {
   r as GlobalSearch,
   b as Sidebar,

package/dist/components/index.js

@@ -13,7 +13,7 @@ import { A as uo } from "../AppActions-ViFjSupi.js";
 import { A as go, K as mo } from "../KpiCardsLayout-D9NSC5Fb.js";
 import { A as To } from "../AppSubTitle-ClHzadQW.js";
 import { A as Do } from "../AppTitle-D15YXeMx.js";
-import { G as xo, S as Ao, a as ho, b as fo, T as Po } from "../Topbar-0EBMHLwG.js";
+import { G as xo, S as Ao, a as ho, b as fo, T as Po } from "../Topbar-158DklWB.js";
 import { E as wo } from "../ErrorAlert-SrIcU1mM.js";
 import { E as Fo } from "../ErrorState-CmaxuJyW.js";
 import { L as Bo } from "../LoadingState-BN0YaPSs.js";

package/package.json

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

package/dist/Topbar-0EBMHLwG.js

@@ -1,301 +0,0 @@
-import { jsxs as s, Fragment as R, jsx as e } from "react/jsx-runtime";
-import * as z from "react";
-import { SearchIcon as $, LoaderCircleIcon as G, ChevronDownIcon as W, MenuIcon as M } from "lucide-react";
-import { B as O, T as B, c as F, a as Q, b as q } from "./tooltip-DVeqVwqV.js";
-import { j as H, m as U, o as V, k as _, l as J, n as X, I as Y, S as Z, s as P, y as I, t as ee } from "./sheet-C-QvdRNi.js";
-import { c } from "./tailwind.helper-B6yFEsav.js";
-import "./sidebar.context-D5nywlmP.js";
-import { u as E } from "./useSidebar-BJuALHqQ.js";
-import "react-i18next";
-import "next-themes";
-import { S as L } from "./skeleton-BX4RcsiK.js";
-const fe = ({
-  groups: a,
-  search: f,
-  onSearch: h,
-  onSelect: i,
-  loading: r = !1,
-  open: l,
-  onOpenChange: d,
-  trigger: x = !0,
-  triggerLabel: y = "Rechercher",
-  shortcut: g = !0,
-  shortcutLabel: N = "Ctrl+K",
-  placeholder: w = "Rechercher...",
-  emptyLabel: C = "Aucun résultat.",
-  loadingLabel: k = "Recherche...",
-  title: S = "Recherche globale",
-  description: j = "Rechercher une page ou une donnée dans l'application.",
-  className: b
-}) => {
-  const [T, D] = z.useState(!1), u = l !== void 0, t = u ? l : T, v = z.useCallback(
-    (o) => {
-      u || D(o), d == null || d(o);
-    },
-    [u, d]
-  );
-  z.useEffect(() => {
-    if (!g) return;
-    const o = (m) => {
-      m.key.toLowerCase() !== "k" || !(m.metaKey || m.ctrlKey) || (m.preventDefault(), v(!t));
-    };
-    return window.addEventListener("keydown", o), () => {
-      window.removeEventListener("keydown", o);
-    };
-  }, [g, t, v]);
-  const n = (o) => {
-    v(!1), h(""), i(o);
-  }, p = a.some((o) => o.items.length > 0);
-  return /* @__PURE__ */ s(R, { children: [
-    x && /* @__PURE__ */ e(
-      O,
-      {
-        variant: "ghost",
-        size: "icon",
-        "aria-label": y,
-        title: g ? `${y} (${N})` : y,
-        className: "rounded-full",
-        onClick: () => {
-          v(!0);
-        },
-        children: /* @__PURE__ */ e($, { className: "size-4" })
-      }
-    ),
-    /* @__PURE__ */ s(H, { open: t, onOpenChange: v, title: S, description: j, shouldFilter: !1, className: b, children: [
-      /* @__PURE__ */ e(U, { value: f, onValueChange: h, placeholder: w }),
-      /* @__PURE__ */ s(V, { children: [
-        r && /* @__PURE__ */ s("div", { className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ e(G, { className: "size-4 animate-spin" }),
-          k
-        ] }),
-        !p && !r && /* @__PURE__ */ e(_, { children: C }),
-        a.map(
-          (o) => o.items.length === 0 ? null : /* @__PURE__ */ e(J, { heading: o.heading, children: o.items.map((m) => {
-            const A = m.icon;
-            return /* @__PURE__ */ s(
-              X,
-              {
-                value: m.key,
-                onSelect: () => {
-                  n(m);
-                },
-                children: [
-                  A && /* @__PURE__ */ e(A, { className: "mr-2 size-4 shrink-0" }),
-                  /* @__PURE__ */ e("span", { className: "truncate", children: m.label }),
-                  m.description !== void 0 && m.description !== "" && /* @__PURE__ */ e("span", { className: "ml-2 truncate text-xs text-muted-foreground", children: m.description })
-                ]
-              },
-              m.key
-            );
-          }) }, o.heading)
-        )
-      ] })
-    ] })
-  ] });
-}, K = (a, f, h) => f === a ? !0 : a === "/" || !f.startsWith(`${a}/`) ? !1 : !h.some(
-  (i) => i !== a && i.startsWith(`${a}/`) && (f === i || f.startsWith(`${i}/`))
-), re = ({
-  path: a,
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  icon: f,
-  label: h,
-  badge: i,
-  subItems: r,
-  currentPath: l,
-  collapsed: d,
-  dense: x = !1,
-  onItemClick: y
-}) => {
-  const g = (r == null ? void 0 : r.map((t) => t.path)) ?? [], [N, w] = z.useState((r == null ? void 0 : r.some((t) => K(t.path, l, g))) ?? !1), C = a ? l === a || a !== "/" && l.startsWith(`${a}/`) : !1, k = r == null ? void 0 : r.some((t) => K(t.path, l, g)), u = /* @__PURE__ */ s(
-    "a",
-    {
-      href: a ?? "#",
-      onClick: (t) => {
-        t.ctrlKey || t.metaKey || t.button === 1 || (t.preventDefault(), r && r.length > 0 ? d || w(!N) : a && y(a));
-      },
-      className: c(
-        "flex items-center cursor-pointer transition-all duration-200 group rounded-control",
-        x ? "gap-2.5  mb-0.5" : "gap-3  mb-1",
-        d ? x ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : x ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12",
-        C || !d && k ? x ? "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: c("flex-shrink-0 transition-transform group-hover:scale-110", d ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(f, { className: "size-4" }) }),
-        !d && /* @__PURE__ */ s(R, { children: [
-          /* @__PURE__ */ e("span", { className: c("flex-grow transition-opacity duration-150 font-medium", x ? "text-sm" : ""), children: h }),
-          i !== void 0 && /* @__PURE__ */ e("span", { className: "bg-red-500 text-white text-xs rounded-full py-1 min-w-[20px] text-center px-2 font-semibold", children: i }),
-          r && r.length > 0 && /* @__PURE__ */ e(W, { className: c("size-4 transition-transform duration-200", N ? "rotate-180" : "") })
-        ] })
-      ]
-    }
-  );
-  return /* @__PURE__ */ s(R, { children: [
-    d ? /* @__PURE__ */ s(B, { children: [
-      /* @__PURE__ */ e(F, { asChild: !0, children: u }),
-      /* @__PURE__ */ e(
-        Q,
-        {
-          side: "right",
-          sideOffset: 6,
-          className: "rounded-surface 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: h }),
-            i !== void 0 && /* @__PURE__ */ s("span", { className: "ml-1 text-xs", children: [
-              "(",
-              i,
-              ")"
-            ] })
-          ] }) })
-        }
-      )
-    ] }) : u,
-    !d && r && r.length > 0 && N && /* @__PURE__ */ e(
-      "div",
-      {
-        className: c(
-          "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",
-          x ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
-        ),
-        children: r.map((t, v) => {
-          const n = K(t.path, l, g);
-          return /* @__PURE__ */ s(
-            "a",
-            {
-              href: t.path,
-              onClick: (p) => {
-                p.ctrlKey || p.metaKey || p.button === 1 || (p.preventDefault(), y(t.path));
-              },
-              className: c(
-                "flex items-center justify-between rounded-control text-sm transition-all duration-200",
-                x ? "px-3 py-1" : "px-4 py-2",
-                n ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ e("span", { children: t.label }),
-                t.badge !== void 0 && /* @__PURE__ */ e("span", { className: "bg-sidebar-primary/20 text-sidebar-primary text-[10px] rounded-full py-0.5 px-2 font-semibold", children: t.badge })
-              ]
-            },
-            v
-          );
-        })
-      }
-    )
-  ] });
-}, he = ({ groups: a, currentPath: f, onItemClick: h, slots: i, search: r, dense: l = !1, loading: d = !1 }) => {
-  const { enabled: x = !1, placeholder: y = "Rechercher..." } = r ?? {}, { header: g, footer: N } = i ?? {}, { collapsed: w, isMobile: C, setCollapsed: k } = E(), [S, j] = z.useState(""), b = C ? !1 : w, T = !w, D = (n) => {
-    h(n), C && k(!0);
-  }, u = S.trim().toLowerCase(), t = u === "" ? a : a.map((n) => ({
-    ...n,
-    items: n.items.filter(
-      (p) => {
-        var o;
-        return p.label.toLowerCase().includes(u) || (((o = p.subItems) == null ? void 0 : o.some((m) => m.label.toLowerCase().includes(u))) ?? !1);
-      }
-    )
-  })).filter((n) => n.items.length > 0), v = /* @__PURE__ */ s("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
-    g,
-    x && !b && /* @__PURE__ */ e("div", { className: c("px-4", l ? "pt-2" : "pt-4"), children: /* @__PURE__ */ s("div", { className: "relative", children: [
-      /* @__PURE__ */ e($, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
-      /* @__PURE__ */ e(
-        Y,
-        {
-          type: "search",
-          value: S,
-          onChange: (n) => {
-            j(n.target.value);
-          },
-          placeholder: y,
-          className: c(
-            "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: c("flex-1 overflow-y-auto scrollbar-modern", b ? "px-0" : "px-2", l ? "py-2" : "py-4"), children: d ? Array.from({ length: 5 }).map((n, p) => /* @__PURE__ */ s("div", { className: c("flex items-center gap-3", l ? "mb-1 h-9" : "mb-2 h-12", b ? "justify-center px-3" : "px-4"), children: [
-      /* @__PURE__ */ e(L, { className: "size-5 flex-shrink-0 rounded-control" }),
-      !b && /* @__PURE__ */ e(L, { className: "h-4 flex-1" })
-    ] }, p)) : t.map((n, p) => /* @__PURE__ */ s("div", { className: l ? "mb-3" : "mb-6", children: [
-      !b && n.title !== void 0 && n.title !== "" && /* @__PURE__ */ e("h3", { className: c("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", l ? "mb-1" : "mb-2"), children: n.title }),
-      /* @__PURE__ */ e("nav", { className: c("flex flex-col", l ? "gap-0.5" : "gap-1"), children: n.items.map((o, m) => /* @__PURE__ */ e(re, { ...o, currentPath: f, collapsed: b, dense: l, onItemClick: D }, m)) })
-    ] }, p)) }),
-    N && /* @__PURE__ */ e("div", { className: c("border-t border-sidebar-border", l ? "p-2" : "p-4", b ? "flex justify-center" : ""), children: N })
-  ] });
-  return C ? /* @__PURE__ */ e(
-    Z,
-    {
-      open: T,
-      onOpenChange: (n) => {
-        k(!n);
-      },
-      children: /* @__PURE__ */ s(P, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
-        /* @__PURE__ */ e(I, { className: "sr-only", children: "Menu de navigation" }),
-        /* @__PURE__ */ e(ee, { className: "sr-only", children: "Navigation principale de l'application" }),
-        v
-      ] })
-    }
-  ) : /* @__PURE__ */ e(q, { delayDuration: 0, children: /* @__PURE__ */ e(
-    "aside",
-    {
-      className: c(
-        "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
-        b ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
-        "flex"
-      ),
-      style: {
-        "--navbar-width": "16rem",
-        "--navbar-width-icon": "4rem"
-      },
-      children: v
-    }
-  ) });
-}, pe = ({
-  name: a = "appname",
-  subName: f = "appsubname",
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  icon: h,
-  dense: i = !1
-}) => {
-  const { collapsed: r, isMobile: l } = E(), d = l ? !1 : r;
-  return /* @__PURE__ */ s("div", { className: c("flex items-center flex-shrink-0 gap-3 px-4", i ? "h-14" : "h-16 md:h-20", d ? "justify-center" : ""), children: [
-    h !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(h, { className: i ? "size-5" : "size-6" }) }),
-    !d && /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ e("h1", { className: c("font-bold text-sidebar-foreground leading-tight", i ? "text-base" : "text-lg"), children: a }),
-      /* @__PURE__ */ e("span", { className: c("text-sidebar-muted font-medium", i ? "text-[11px]" : "text-xs"), children: f })
-    ] })
-  ] });
-}, xe = ({ collapsed: a, isMobile: f, onToggleSidebar: h, actionsNode: i, userMenuNode: r }) => /* @__PURE__ */ s(
-  "header",
-  {
-    className: c(
-      "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",
-      f && "left-0",
-      !f && a && "left-[5rem]",
-      !f && !a && "left-[16rem]"
-    ),
-    tabIndex: -1,
-    children: [
-      /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
-        O,
-        {
-          variant: "ghost",
-          size: "icon",
-          onClick: h,
-          className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
-          children: /* @__PURE__ */ e(M, { className: "size-4" })
-        }
-      ) }),
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
-        i,
-        r
-      ] })
-    ]
-  }
-);
-export {
-  fe as G,
-  he as S,
-  xe as T,
-  pe as a,
-  re as b
-};