@krosoft/react 0.0.233 → 0.0.235

package/dist/LanguageSelector-C7E51rCQ.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import "date-fns/locale";
+import "react-i18next";
+import { u as h } from "./useKrosoftTranslation-BTp46G94.js";
+import { b as g, T as f, c as v, B as p, a as b } from "./tooltip-DVeqVwqV.js";
+import { S as T, h as N, i as x, a as S, c as C } from "./select-BpjFWqAY.js";
+import { u as I } from "./useLanguage-C9jI2nwn.js";
+import { LanguagesIcon as i } from "lucide-react";
+function P({ languageOptions: o, variant: n = "select", id: t }) {
+  const { t: r } = h(), { currentLanguageOption: a, nextLanguageOption: c, changeLanguage: m, cycleLanguage: d } = I(o);
+  if (n === "mini") {
+    const l = (a == null ? void 0 : a.icon) ?? i;
+    return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ s(f, { children: [
+      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ s(
+        p,
+        {
+          id: t,
+          variant: "ghost",
+          size: "icon",
+          onClick: d,
+          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+          children: [
+            /* @__PURE__ */ e(l, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: r("language.current", { language: (a == null ? void 0 : a.label) ?? "" }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(b, { side: "bottom", align: "center", children: r("language.switchTo", { language: (c == null ? void 0 : c.label) ?? "" }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ s(T, { value: a == null ? void 0 : a.value, onValueChange: m, children: [
+      /* @__PURE__ */ e(N, { id: t, className: "w-full", children: /* @__PURE__ */ e(x, { placeholder: r("select.language") }) }),
+      /* @__PURE__ */ e(S, { children: o.map((l) => {
+        const u = l.icon ?? i;
+        return /* @__PURE__ */ e(C, { value: l.value, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(u, { className: "size-4" }),
+          l.label
+        ] }) }, l.value);
+      }) })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("language.description") })
+  ] });
+}
+export {
+  P as L
+};

package/dist/{ThemeSelector-DKhn02V2.js → ThemeSelector-CLi4_epH.js}

@@ -1,21 +1,22 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import "date-fns/locale";
 import "react-i18next";
-import { u as h } from "./useKrosoftTranslation-BTp46G94.js";
-import { b as u, T as g, c as f, B as v, a as b } from "./tooltip-DVeqVwqV.js";
-import { S as p, h as N, i as T, a as x, c as C } from "./select-BpjFWqAY.js";
-import { u as S } from "./useTheme-DS6ZjdzM.js";
-function k({ themeOptions: c, variant: t = "select" }) {
-  const { t: o } = h(), { theme: i, handleThemeChange: n, currentThemeOption: e, nextThemeOption: r, cycleTheme: m } = S(c);
-  if (t === "mini") {
+import { u } from "./useKrosoftTranslation-BTp46G94.js";
+import { b as g, T as f, c as v, B as b, a as p } from "./tooltip-DVeqVwqV.js";
+import { S as N, h as T, i as x, a as C, c as S } from "./select-BpjFWqAY.js";
+import { u as y } from "./useTheme-DS6ZjdzM.js";
+function w({ themeOptions: c, variant: o = "select", id: t }) {
+  const { t: i } = u(), { theme: n, handleThemeChange: m, currentThemeOption: e, nextThemeOption: r, cycleTheme: d } = y(c);
+  if (o === "mini") {
     const s = e == null ? void 0 : e.icon;
-    return /* @__PURE__ */ a(u, { children: /* @__PURE__ */ l(g, { children: [
-      /* @__PURE__ */ a(f, { asChild: !0, children: /* @__PURE__ */ l(
-        v,
+    return /* @__PURE__ */ a(g, { children: /* @__PURE__ */ l(f, { children: [
+      /* @__PURE__ */ a(v, { asChild: !0, children: /* @__PURE__ */ l(
+        b,
         {
+          id: t,
           variant: "ghost",
           size: "icon",
-          onClick: m,
+          onClick: d,
           className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
           children: [
             s && /* @__PURE__ */ a(s, { className: "size-4" }),
@@ -26,19 +27,19 @@ function k({ themeOptions: c, variant: t = "select" }) {
           ]
         }
       ) }),
-      /* @__PURE__ */ l(b, { side: "bottom", align: "center", children: [
+      /* @__PURE__ */ l(p, { side: "bottom", align: "center", children: [
         "Passer en ",
         r == null ? void 0 : r.label
       ] })
     ] }) });
   }
   return /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ l(p, { value: i, onValueChange: n, children: [
-      /* @__PURE__ */ a(N, { className: "w-full", children: /* @__PURE__ */ a(T, { placeholder: o("select.theme") }) }),
-      /* @__PURE__ */ a(x, { children: c.map((s) => {
-        const d = s.icon;
-        return /* @__PURE__ */ a(C, { value: s.value, children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ a(d, { className: "size-4" }),
+    /* @__PURE__ */ l(N, { value: n, onValueChange: m, children: [
+      /* @__PURE__ */ a(T, { id: t, className: "w-full", children: /* @__PURE__ */ a(x, { placeholder: i("select.theme") }) }),
+      /* @__PURE__ */ a(C, { children: c.map((s) => {
+        const h = s.icon;
+        return /* @__PURE__ */ a(S, { value: s.value, children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ a(h, { className: "size-4" }),
           s.label
         ] }) }, s.value);
       }) })
@@ -47,5 +48,5 @@ function k({ themeOptions: c, variant: t = "select" }) {
   ] });
 }
 export {
-  k as T
+  w as T
 };

package/dist/{Topbar-CPWjqOBF.js → Topbar-Clby5_uj.js}

@@ -1,17 +1,17 @@
-import { jsxs as s, Fragment as L, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, Fragment as G, jsx as e } from "react/jsx-runtime";
 import "date-fns/locale";
 import "react-i18next";
-import { u as G } from "./useKrosoftTranslation-BTp46G94.js";
-import * as K from "react";
-import { SearchIcon as U, LoaderCircleIcon as _, BellIcon as F, Trash2Icon as M, ChevronDownIcon as Q, MenuIcon as R } from "lucide-react";
+import { u as B } from "./useKrosoftTranslation-BTp46G94.js";
+import * as $ from "react";
+import { SearchIcon as _, LoaderCircleIcon as M, BellIcon as Q, Trash2Icon as R, ChevronDownIcon as q, MenuIcon as H } from "lucide-react";
 import { c as l } from "./tailwind.helper-B6yFEsav.js";
-import { B as E, T as q, c as H, a as P, b as V } from "./tooltip-DVeqVwqV.js";
-import { j as X, m as J, o as Y, k as Z, l as I, n as ee, P as te, s as re, r as ae, S as se, I as ie, u as ne, w as le, E as oe, x as ce } from "./sheet-XYI-ezvY.js";
+import { B as E, T as P, c as V, a as X, b as J } from "./tooltip-DVeqVwqV.js";
+import { j as Y, m as Z, o as I, k as ee, l as te, n as re, P as ae, s as se, r as ie, S as ne, I as le, u as oe, w as ce, E as de, x as me } from "./sheet-XYI-ezvY.js";
 import "./sidebar.context-D5nywlmP.js";
-import { u as W } from "./useSidebar-BJuALHqQ.js";
+import { u as F } from "./useSidebar-BJuALHqQ.js";
 import "next-themes";
-import { S as B } from "./skeleton-BX4RcsiK.js";
-const ke = ({
+import { S as W } from "./skeleton-BX4RcsiK.js";
+const Se = ({
   groups: i,
   search: d,
   onSearch: h,
@@ -23,179 +23,181 @@ const ke = ({
   triggerLabel: g,
   shortcut: N = !0,
   shortcutLabel: w = "Ctrl+K",
-  placeholder: z,
-  emptyLabel: S,
+  placeholder: S,
+  emptyLabel: j,
   loadingLabel: k,
-  title: j,
-  description: D,
-  hint: A,
-  className: b
+  title: T,
+  description: A,
+  hint: K,
+  className: u
 }) => {
-  const { t: p } = G(), [T, n] = K.useState(!1), y = c !== void 0, C = y ? c : T, a = K.useCallback(
-    (f) => {
-      y || n(f), m == null || m(f);
+  const { t: b } = B(), [D, t] = $.useState(!1), z = c !== void 0, v = z ? c : D, a = $.useCallback(
+    (n) => {
+      z || t(n), m == null || m(n);
     },
-    [y, m]
+    [z, m]
   );
-  K.useEffect(() => {
+  $.useEffect(() => {
     if (!N) return;
-    const f = (t) => {
-      t.key.toLowerCase() !== "k" || !(t.metaKey || t.ctrlKey) || (t.preventDefault(), a(!C));
+    const n = (p) => {
+      p.key.toLowerCase() !== "k" || !(p.metaKey || p.ctrlKey) || (p.preventDefault(), a(!v));
     };
-    return window.addEventListener("keydown", f), () => {
-      window.removeEventListener("keydown", f);
+    return window.addEventListener("keydown", n), () => {
+      window.removeEventListener("keydown", n);
     };
-  }, [N, C, a]);
-  const u = (f) => {
-    a(!1), h(""), o(f);
-  }, v = i.some((f) => f.items.length > 0);
-  return /* @__PURE__ */ s(L, { children: [
+  }, [N, v, a]);
+  const y = (n) => {
+    a(!1), h(""), o(n);
+  }, C = i.some((n) => n.items.length > 0);
+  return /* @__PURE__ */ s(G, { children: [
     x && /* @__PURE__ */ e(
       E,
       {
         variant: "ghost",
         size: "icon",
-        "aria-label": g ?? p("search.trigger"),
-        title: N ? `${g ?? p("search.trigger")} (${w})` : g ?? p("search.trigger"),
+        "aria-label": g ?? b("search.trigger"),
+        title: N ? `${g ?? b("search.trigger")} (${w})` : g ?? b("search.trigger"),
         className: "rounded-full",
         onClick: () => {
           a(!0);
         },
-        children: /* @__PURE__ */ e(U, { className: "size-4" })
+        children: /* @__PURE__ */ e(_, { className: "size-4" })
       }
     ),
     /* @__PURE__ */ s(
-      X,
+      Y,
       {
-        open: C,
+        open: v,
         onOpenChange: a,
-        title: j ?? p("search.globalTitle"),
-        description: D ?? p("search.globalDescription"),
+        title: T ?? b("search.globalTitle"),
+        description: A ?? b("search.globalDescription"),
         shouldFilter: !1,
-        className: b,
+        className: u,
         children: [
-          /* @__PURE__ */ e(J, { value: d, onValueChange: h, placeholder: z ?? p("search.placeholder") }),
-          /* @__PURE__ */ s(Y, { children: [
+          /* @__PURE__ */ e(Z, { value: d, onValueChange: h, placeholder: S ?? b("search.placeholder") }),
+          /* @__PURE__ */ s(I, { children: [
             r && /* @__PURE__ */ s("div", { className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ e(_, { className: "size-4 animate-spin" }),
-              k ?? p("search.loading")
+              /* @__PURE__ */ e(M, { className: "size-4 animate-spin" }),
+              k ?? b("search.loading")
             ] }),
-            !v && !r && /* @__PURE__ */ e(Z, { children: S ?? p("states.noResultDot") }),
+            !C && !r && /* @__PURE__ */ e(ee, { children: j ?? b("states.noResultDot") }),
             i.map(
-              (f) => f.items.length === 0 ? null : /* @__PURE__ */ e(I, { heading: f.heading, children: f.items.map((t) => {
-                const $ = t.icon;
+              (n) => n.items.length === 0 ? null : /* @__PURE__ */ e(te, { heading: n.heading, children: n.items.map((p) => {
+                const O = p.icon;
                 return /* @__PURE__ */ s(
-                  ee,
+                  re,
                   {
-                    value: t.key,
+                    value: p.key,
                     className: "gap-3 px-2 py-2",
                     onSelect: () => {
-                      u(t);
+                      y(p);
                     },
                     children: [
-                      $ && /* @__PURE__ */ e("span", { className: l("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", t.iconClassName), children: /* @__PURE__ */ e($, { className: "size-4" }) }),
+                      O && /* @__PURE__ */ e("span", { className: l("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", p.iconClassName), children: /* @__PURE__ */ e(O, { className: "size-4" }) }),
                       /* @__PURE__ */ s("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-                        /* @__PURE__ */ e("span", { className: "truncate font-medium", children: t.label }),
-                        t.description !== void 0 && t.description !== "" && /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: t.description })
+                        /* @__PURE__ */ e("span", { className: "truncate font-medium", children: p.label }),
+                        p.description !== void 0 && p.description !== "" && /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: p.description })
                       ] })
                     ]
                   },
-                  t.key
+                  p.key
                 );
-              }) }, f.heading)
+              }) }, n.heading)
             )
           ] }),
-          A !== void 0 && v && !r && /* @__PURE__ */ e("div", { className: "border-t border-border p-2 text-center text-xs text-muted-foreground", children: A })
+          K !== void 0 && C && !r && /* @__PURE__ */ e("div", { className: "border-t border-border p-2 text-center text-xs text-muted-foreground", children: K })
         ]
       }
     )
   ] });
-}, de = 9, ze = ({
+}, fe = 9, je = ({
   items: i,
   onSelect: d,
   onMarkAllAsRead: h,
   onRemove: o,
   loading: r = !1,
   unreadCount: c,
-  maxBadgeCount: m = de,
+  maxBadgeCount: m = fe,
   open: x,
   onOpenChange: g,
   triggerLabel: N,
   title: w,
-  emptyLabel: z,
-  loadingLabel: S,
+  emptyLabel: S,
+  loadingLabel: j,
   markAllAsReadLabel: k,
-  removeLabel: j,
-  className: D,
-  contentClassName: A,
-  badgeClassName: b
+  removeLabel: T,
+  className: A,
+  contentClassName: K,
+  badgeClassName: u,
+  itemClassName: b,
+  unreadItemClassName: D
 }) => {
-  const { t: p } = G(), [T, n] = K.useState(!1), y = x !== void 0, C = y ? x : T, a = (t) => {
-    y || n(t), g == null || g(t);
-  }, u = c ?? i.filter((t) => !t.read).length, v = N ?? p("notifications.trigger"), f = (t) => {
-    a(!1), d == null || d(t);
+  const { t } = B(), [z, v] = $.useState(!1), a = x !== void 0, y = a ? x : z, C = (f) => {
+    a || v(f), g == null || g(f);
+  }, n = c ?? i.filter((f) => !f.read).length, p = N ?? t("notifications.trigger"), O = (f) => {
+    C(!1), d == null || d(f);
   };
-  return /* @__PURE__ */ s(te, { open: C, onOpenChange: a, children: [
-    /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(ae, { open: y, onOpenChange: C, children: [
+    /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ s(
       E,
       {
         type: "button",
         variant: "ghost",
         size: "icon",
-        className: l("relative rounded-full", D),
-        "aria-label": u > 0 ? `${v} (${String(u)})` : v,
-        title: v,
+        className: l("relative rounded-full", A),
+        "aria-label": n > 0 ? `${p} (${String(n)})` : p,
+        title: p,
         children: [
-          /* @__PURE__ */ e(F, { className: "size-4" }),
-          u > 0 && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Q, { className: "size-4" }),
+          n > 0 && /* @__PURE__ */ e(
             "span",
             {
               className: l(
                 "absolute right-1 top-1 flex size-4 items-center justify-center rounded-full bg-primary text-[10px] font-bold leading-none text-primary-foreground",
-                b
+                u
               ),
-              children: u > m ? `${String(m)}+` : u
+              children: n > m ? `${String(m)}+` : n
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ s(ae, { align: "end", className: l("w-80 p-0", A), children: [
+    /* @__PURE__ */ s(ie, { align: "end", className: l("w-80 p-0", K), children: [
       /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 border-b px-3 py-2", children: [
-        /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: w ?? p("notifications.title") }),
-        h && u > 0 && /* @__PURE__ */ e(E, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-xs", onClick: h, children: k ?? p("notifications.markAllAsRead") })
+        /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: w ?? t("notifications.title") }),
+        h && n > 0 && /* @__PURE__ */ e(E, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-xs", onClick: h, children: k ?? t("notifications.markAllAsRead") })
       ] }),
-      r && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: S ?? p("states.loading") }),
-      !r && i.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: z ?? p("notifications.empty") }),
-      !r && i.length > 0 && /* @__PURE__ */ e(se, { className: "max-h-96", children: /* @__PURE__ */ e("ul", { className: "divide-y", children: i.map((t) => {
-        const $ = t.icon;
-        return /* @__PURE__ */ s("li", { className: l("flex items-start gap-2 px-3 py-2", !t.read && "bg-accent/40"), children: [
+      r && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: j ?? t("states.loading") }),
+      !r && i.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: S ?? t("notifications.empty") }),
+      !r && i.length > 0 && /* @__PURE__ */ e(ne, { className: "max-h-96", children: /* @__PURE__ */ e("ul", { className: "divide-y", children: i.map((f) => {
+        const U = f.icon;
+        return /* @__PURE__ */ s("li", { className: l("flex items-start gap-2 px-3 py-2", !f.read && (D ?? "bg-accent/40"), b), children: [
           /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               className: "flex min-w-0 flex-1 items-start gap-2 rounded-sm text-left focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
               onClick: () => {
-                f(t);
+                O(f);
               },
               children: [
-                $ && /* @__PURE__ */ e(
+                U && /* @__PURE__ */ e(
                   "span",
                   {
                     className: l(
                       "mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
-                      t.iconClassName
+                      f.iconClassName
                     ),
-                    children: /* @__PURE__ */ e($, { className: "size-3.5" })
+                    children: /* @__PURE__ */ e(U, { className: "size-3.5" })
                   }
                 ),
                 /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 space-y-0.5", children: [
                   /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
-                    !t.read && /* @__PURE__ */ e("span", { className: "size-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": !0 }),
-                    /* @__PURE__ */ e("span", { className: l("truncate text-sm", !t.read && "font-medium"), children: t.title })
+                    !f.read && /* @__PURE__ */ e("span", { className: "size-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": !0 }),
+                    /* @__PURE__ */ e("span", { className: l("truncate text-sm", !f.read && "font-medium"), children: f.title })
                   ] }),
-                  t.description && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: t.description }),
-                  t.date && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground/60", children: t.date })
+                  f.description && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: f.description }),
+                  f.date && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground/60", children: f.date })
                 ] })
               ]
             }
@@ -208,20 +210,20 @@ const ke = ({
               size: "icon",
               className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
               onClick: () => {
-                o(t);
+                o(f);
               },
-              "aria-label": j ?? p("notifications.remove"),
-              title: j ?? p("notifications.remove"),
-              children: /* @__PURE__ */ e(M, { className: "size-3.5" })
+              "aria-label": T ?? t("notifications.remove"),
+              title: T ?? t("notifications.remove"),
+              children: /* @__PURE__ */ e(R, { className: "size-3.5" })
             }
           )
-        ] }, t.key);
+        ] }, f.key);
       }) }) })
     ] })
   ] });
-}, O = (i, d, h) => d === i ? !0 : i === "/" || !d.startsWith(`${i}/`) ? !1 : !h.some(
+}, L = (i, d, h) => d === i ? !0 : i === "/" || !d.startsWith(`${i}/`) ? !1 : !h.some(
   (o) => o !== i && o.startsWith(`${i}/`) && (d === o || d.startsWith(`${o}/`))
-), me = ({
+), pe = ({
   path: i,
   // eslint-disable-next-line @typescript-eslint/naming-convention
   icon: d,
@@ -233,34 +235,34 @@ const ke = ({
   dense: x = !1,
   onItemClick: g
 }) => {
-  const N = (r == null ? void 0 : r.map((n) => n.path)) ?? [], [w, z] = K.useState((r == null ? void 0 : r.some((n) => O(n.path, c, N))) ?? !1), S = i ? c === i || i !== "/" && c.startsWith(`${i}/`) : !1, k = r == null ? void 0 : r.some((n) => O(n.path, c, N)), T = /* @__PURE__ */ s(
+  const N = (r == null ? void 0 : r.map((t) => t.path)) ?? [], [w, S] = $.useState((r == null ? void 0 : r.some((t) => L(t.path, c, N))) ?? !1), j = i ? c === i || i !== "/" && c.startsWith(`${i}/`) : !1, k = r == null ? void 0 : r.some((t) => L(t.path, c, N)), D = /* @__PURE__ */ s(
     "a",
     {
       href: i ?? "#",
-      onClick: (n) => {
-        n.ctrlKey || n.metaKey || n.button === 1 || (n.preventDefault(), r && r.length > 0 ? m || z(!w) : i && g(i));
+      onClick: (t) => {
+        t.ctrlKey || t.metaKey || t.button === 1 || (t.preventDefault(), r && r.length > 0 ? m || S(!w) : i && g(i));
       },
       className: l(
         "flex items-center cursor-pointer transition-all duration-200 group rounded-control",
         x ? "gap-2.5  mb-0.5" : "gap-3  mb-1",
         m ? 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",
-        S || !m && 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"
+        j || !m && 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: l("flex-shrink-0 transition-transform group-hover:scale-110", m ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(d, { className: "size-4" }) }),
-        !m && /* @__PURE__ */ s(L, { children: [
+        !m && /* @__PURE__ */ s(G, { children: [
           /* @__PURE__ */ e("span", { className: l("flex-grow transition-opacity duration-150 font-medium", x ? "text-sm" : ""), children: h }),
           o !== 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: o }),
-          r && r.length > 0 && /* @__PURE__ */ e(Q, { className: l("size-4 transition-transform duration-200", w ? "rotate-180" : "") })
+          r && r.length > 0 && /* @__PURE__ */ e(q, { className: l("size-4 transition-transform duration-200", w ? "rotate-180" : "") })
         ] })
       ]
     }
   );
-  return /* @__PURE__ */ s(L, { children: [
-    m ? /* @__PURE__ */ s(q, { children: [
-      /* @__PURE__ */ e(H, { asChild: !0, children: T }),
+  return /* @__PURE__ */ s(G, { children: [
+    m ? /* @__PURE__ */ s(P, { children: [
+      /* @__PURE__ */ e(V, { asChild: !0, children: D }),
       /* @__PURE__ */ e(
-        P,
+        X,
         {
           side: "right",
           sideOffset: 6,
@@ -275,7 +277,7 @@ const ke = ({
           ] }) })
         }
       )
-    ] }) : T,
+    ] }) : D,
     !m && r && r.length > 0 && w && /* @__PURE__ */ e(
       "div",
       {
@@ -283,53 +285,53 @@ const ke = ({
           "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((n, y) => {
-          const C = O(n.path, c, N);
+        children: r.map((t, z) => {
+          const v = L(t.path, c, N);
           return /* @__PURE__ */ s(
             "a",
             {
-              href: n.path,
+              href: t.path,
               onClick: (a) => {
-                a.ctrlKey || a.metaKey || a.button === 1 || (a.preventDefault(), g(n.path));
+                a.ctrlKey || a.metaKey || a.button === 1 || (a.preventDefault(), g(t.path));
               },
               className: l(
                 "flex items-center justify-between rounded-control text-sm transition-all duration-200",
                 x ? "px-3 py-1" : "px-4 py-2",
-                C ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
+                v ? "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: n.label }),
-                n.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: n.badge })
+                /* @__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 })
               ]
             },
-            y
+            z
           );
         })
       }
     )
   ] });
-}, Se = ({ groups: i, currentPath: d, onItemClick: h, slots: o, search: r, dense: c = !1, loading: m = !1 }) => {
-  const { t: x } = G(), { enabled: g = !1, placeholder: N } = r ?? {}, { header: w, footer: z } = o ?? {}, { collapsed: S, isMobile: k, setCollapsed: j } = W(), [D, A] = K.useState(""), b = k ? !1 : S, p = !S, T = (a) => {
-    h(a), k && j(!0);
-  }, n = D.trim().toLowerCase(), y = n === "" ? i : i.map((a) => ({
+}, Te = ({ groups: i, currentPath: d, onItemClick: h, slots: o, search: r, dense: c = !1, loading: m = !1 }) => {
+  const { t: x } = B(), { enabled: g = !1, placeholder: N } = r ?? {}, { header: w, footer: S } = o ?? {}, { collapsed: j, isMobile: k, setCollapsed: T } = F(), [A, K] = $.useState(""), u = k ? !1 : j, b = !j, D = (a) => {
+    h(a), k && T(!0);
+  }, t = A.trim().toLowerCase(), z = t === "" ? i : i.map((a) => ({
     ...a,
     items: a.items.filter(
-      (u) => {
-        var v;
-        return u.label.toLowerCase().includes(n) || (((v = u.subItems) == null ? void 0 : v.some((f) => f.label.toLowerCase().includes(n))) ?? !1);
+      (y) => {
+        var C;
+        return y.label.toLowerCase().includes(t) || (((C = y.subItems) == null ? void 0 : C.some((n) => n.label.toLowerCase().includes(t))) ?? !1);
       }
     )
-  })).filter((a) => a.items.length > 0), C = /* @__PURE__ */ s("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
+  })).filter((a) => a.items.length > 0), v = /* @__PURE__ */ s("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
     w,
-    g && !b && /* @__PURE__ */ e("div", { className: l("px-4", c ? "pt-2" : "pt-4"), children: /* @__PURE__ */ s("div", { className: "relative", children: [
-      /* @__PURE__ */ e(U, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
+    g && !u && /* @__PURE__ */ e("div", { className: l("px-4", c ? "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(
-        ie,
+        le,
         {
           type: "search",
-          value: D,
+          value: A,
           onChange: (a) => {
-            A(a.target.value);
+            K(a.target.value);
           },
           placeholder: N ?? x("search.placeholder"),
           className: l(
@@ -339,51 +341,51 @@ const ke = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: l("flex-1 overflow-y-auto scrollbar-modern", b ? "px-0" : "px-2", c ? "py-2" : "py-4"), children: m ? Array.from({ length: 5 }).map((a, u) => /* @__PURE__ */ s("div", { className: l("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", b ? "justify-center px-3" : "px-4"), children: [
-      /* @__PURE__ */ e(B, { className: "size-5 flex-shrink-0 rounded-control" }),
-      !b && /* @__PURE__ */ e(B, { className: "h-4 flex-1" })
-    ] }, u)) : y.map((a, u) => /* @__PURE__ */ s("div", { className: c ? "mb-3" : "mb-6", children: [
-      !b && a.title !== void 0 && a.title !== "" && /* @__PURE__ */ e("h3", { className: l("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", c ? "mb-1" : "mb-2"), children: a.title }),
-      /* @__PURE__ */ e("nav", { className: l("flex flex-col", c ? "gap-0.5" : "gap-1"), children: a.items.map((v, f) => /* @__PURE__ */ e(me, { ...v, currentPath: d, collapsed: b, dense: c, onItemClick: T }, f)) })
-    ] }, u)) }),
-    z && /* @__PURE__ */ e("div", { className: l("border-t border-sidebar-border", c ? "p-2" : "p-4", b ? "flex justify-center" : ""), children: z })
+    /* @__PURE__ */ e("div", { className: l("flex-1 overflow-y-auto scrollbar-modern", u ? "px-0" : "px-2", c ? "py-2" : "py-4"), children: m ? Array.from({ length: 5 }).map((a, y) => /* @__PURE__ */ s("div", { className: l("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", u ? "justify-center px-3" : "px-4"), children: [
+      /* @__PURE__ */ e(W, { className: "size-5 flex-shrink-0 rounded-control" }),
+      !u && /* @__PURE__ */ e(W, { className: "h-4 flex-1" })
+    ] }, y)) : z.map((a, y) => /* @__PURE__ */ s("div", { className: c ? "mb-3" : "mb-6", children: [
+      !u && a.title !== void 0 && a.title !== "" && /* @__PURE__ */ e("h3", { className: l("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", c ? "mb-1" : "mb-2"), children: a.title }),
+      /* @__PURE__ */ e("nav", { className: l("flex flex-col", c ? "gap-0.5" : "gap-1"), children: a.items.map((C, n) => /* @__PURE__ */ e(pe, { ...C, currentPath: d, collapsed: u, dense: c, onItemClick: D }, n)) })
+    ] }, y)) }),
+    S && /* @__PURE__ */ e("div", { className: l("border-t border-sidebar-border", c ? "p-2" : "p-4", u ? "flex justify-center" : ""), children: S })
   ] });
   return k ? /* @__PURE__ */ e(
-    ne,
+    oe,
     {
-      open: p,
+      open: b,
       onOpenChange: (a) => {
-        j(!a);
+        T(!a);
       },
-      children: /* @__PURE__ */ s(le, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
-        /* @__PURE__ */ e(oe, { className: "sr-only", children: x("sidebar.menu") }),
-        /* @__PURE__ */ e(ce, { className: "sr-only", children: x("sidebar.description") }),
-        C
+      children: /* @__PURE__ */ s(ce, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
+        /* @__PURE__ */ e(de, { className: "sr-only", children: x("sidebar.menu") }),
+        /* @__PURE__ */ e(me, { className: "sr-only", children: x("sidebar.description") }),
+        v
       ] })
     }
-  ) : /* @__PURE__ */ e(V, { delayDuration: 0, children: /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(J, { delayDuration: 0, children: /* @__PURE__ */ e(
     "aside",
     {
       className: l(
         "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
-        b ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
+        u ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
         "flex"
       ),
       style: {
         "--navbar-width": "16rem",
         "--navbar-width-icon": "4rem"
       },
-      children: C
+      children: v
     }
   ) });
-}, je = ({
+}, De = ({
   name: i = "appname",
   subName: d = "appsubname",
   // eslint-disable-next-line @typescript-eslint/naming-convention
   icon: h,
   dense: o = !1
 }) => {
-  const { collapsed: r, isMobile: c } = W(), m = c ? !1 : r;
+  const { collapsed: r, isMobile: c } = F(), m = c ? !1 : r;
   return /* @__PURE__ */ s("div", { className: l("flex items-center flex-shrink-0 gap-3 px-4", o ? "h-14" : "h-16 md:h-20", m ? "justify-center" : ""), children: [
     h !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(h, { className: o ? "size-5" : "size-6" }) }),
     !m && /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
@@ -391,7 +393,7 @@ const ke = ({
       /* @__PURE__ */ e("span", { className: l("text-sidebar-muted font-medium", o ? "text-[11px]" : "text-xs"), children: d })
     ] })
   ] });
-}, Te = ({ collapsed: i, isMobile: d, onToggleSidebar: h, actionsNode: o, userMenuNode: r }) => /* @__PURE__ */ s(
+}, Ae = ({ collapsed: i, isMobile: d, onToggleSidebar: h, actionsNode: o, userMenuNode: r }) => /* @__PURE__ */ s(
   "header",
   {
     className: l(
@@ -409,7 +411,7 @@ const ke = ({
           size: "icon",
           onClick: h,
           className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
-          children: /* @__PURE__ */ e(R, { className: "size-4" })
+          children: /* @__PURE__ */ e(H, { className: "size-4" })
         }
       ) }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
@@ -420,10 +422,10 @@ const ke = ({
   }
 );
 export {
-  ke as G,
-  ze as N,
-  Se as S,
-  Te as T,
-  je as a,
-  me as b
+  Se as G,
+  je as N,
+  Te as S,
+  Ae as T,
+  De as a,
+  pe as b
 };

package/dist/components/core/index.js

@@ -9,18 +9,18 @@ import { G as V } from "../../GenericForm-CydibLHU.js";
 import { I as z } from "../../ImageInput-DoOOvvth.js";
 import { D as q, a as w, S as J, b as Q } from "../../SearchInput-DIZ5Yt6L.js";
 import { M as X } from "../../MultiSelect-DbH7LrsD.js";
-import { L as $ } from "../../LanguageSelector-D5Ly1SFC.js";
+import { L as $ } from "../../LanguageSelector-C7E51rCQ.js";
 import { A as ea } from "../../AppActions-BFwztl-1.js";
 import { A as oa, K as sa } from "../../KpiCardsLayout-Ca6otKVw.js";
 import { A as ia } from "../../AppSubTitle-BTN0YAc7.js";
 import { A as pa } from "../../AppTitle-D15YXeMx.js";
-import { G as ma, N as Ca, S as na, a as ba, b as fa, T as Aa } from "../../Topbar-CPWjqOBF.js";
+import { G as ma, N as Ca, S as na, a as ba, b as fa, T as Aa } from "../../Topbar-Clby5_uj.js";
 import { E as da } from "../../ErrorAlert-B99Xb_Hg.js";
 import { E as Ta } from "../../ErrorState-CkeS_IBT.js";
 import { L as Da } from "../../LoadingState-BN0YaPSs.js";
 import { A as Fa, D as La, S as Pa, T as ua, a as Ea, b as Ha, c as Ia, d as Ka, e as Na, g as Oa, f as Ba, h as Ma } from "../../DataTable-CjrR27Di.js";
 import { A as Ga, a as _a, b as va, c as ya } from "../../AppVerticalTabs-B7XXtAVj.js";
-import { T as Ua } from "../../ThemeSelector-DKhn02V2.js";
+import { T as Ua } from "../../ThemeSelector-CLi4_epH.js";
 export {
   Fa as ACTIONS_COLUMN_KEY,
   G as ActiveFilters,

package/dist/components/core/language/LanguageSelector.d.ts

@@ -3,7 +3,9 @@ import { type LanguageOption } from "../../../hooks/ui/useLanguage";
 interface LanguageSelectorProps {
     languageOptions: readonly LanguageOption[];
     variant?: "select" | "mini";
+    /** Posé sur le déclencheur, pour qu'un `<Label htmlFor>` de l'application puisse s'y associer. */
+    id?: string;
 }
-export declare function LanguageSelector({ languageOptions, variant }: LanguageSelectorProps): React.JSX.Element;
+export declare function LanguageSelector({ languageOptions, variant, id }: LanguageSelectorProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=LanguageSelector.d.ts.map

package/dist/components/core/language/LanguageSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/language/LanguageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG1E,UAAU,qBAAqB;IAC7B,eAAe,EAAE,SAAS,cAAc,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,eAAe,EAAE,OAAkB,EAAE,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqDlH"}
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/language/LanguageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG1E,UAAU,qBAAqB;IAC7B,eAAe,EAAE,SAAS,cAAc,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,kGAAkG;IAClG,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,EAAE,eAAe,EAAE,OAAkB,EAAE,EAAE,EAAE,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsDtH"}

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

@@ -1,4 +1,4 @@
-import { L as o } from "../../../LanguageSelector-D5Ly1SFC.js";
+import { L as o } from "../../../LanguageSelector-C7E51rCQ.js";
 export {
   o as LanguageSelector
 };

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

@@ -52,6 +52,14 @@ export interface NotificationsBellProps {
     contentClassName?: string;
     /** Classes de la pastille de comptage, pour l'accorder à la charte de l'application. */
     badgeClassName?: string;
+    /** Classes ajoutées à chaque entrée de la liste. */
+    itemClassName?: string;
+    /**
+     * Classes des entrées non lues. Remplace la mise en avant par défaut (`bg-accent/40`) plutôt
+     * que de s'y ajouter : deux fonds concurrents ne se départagent pas, l'ordre des classes
+     * Tailwind ne décidant pas du gagnant.
+     */
+    unreadItemClassName?: string;
 }
 /**
  * Cloche de notifications : pastille de comptage et panneau listant les messages reçus.
@@ -60,5 +68,5 @@ export interface NotificationsBellProps {
  * les entrées et décide de ce que fait un clic. C'est ce qui lui permet de servir aussi bien un
  * historique stocké en base qu'une liste tenue en mémoire.
  */
-export declare const NotificationsBell: ({ items, onSelect, onMarkAllAsRead, onRemove, loading, unreadCount, maxBadgeCount, open, onOpenChange, triggerLabel, title, emptyLabel, loadingLabel, markAllAsReadLabel, removeLabel, className, contentClassName, badgeClassName, }: NotificationsBellProps) => React.ReactElement;
+export declare const NotificationsBell: ({ items, onSelect, onMarkAllAsRead, onRemove, loading, unreadCount, maxBadgeCount, open, onOpenChange, triggerLabel, title, emptyLabel, loadingLabel, markAllAsReadLabel, removeLabel, className, contentClassName, badgeClassName, itemClassName, unreadItemClassName, }: NotificationsBellProps) => React.ReactElement;
 //# sourceMappingURL=NotificationsBell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsBell.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/NotificationsBell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC/B,qFAAqF;IACrF,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAID;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,uOAmB/B,sBAAsB,KAAG,KAAK,CAAC,YAyHjC,CAAC"}
+{"version":3,"file":"NotificationsBell.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/NotificationsBell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC/B,qFAAqF;IACrF,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAID;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,2QAqB/B,sBAAsB,KAAG,KAAK,CAAC,YAyHjC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { G as r, N as s, S as b, a as i, b as o, T as S } from "../../../Topbar-CPWjqOBF.js";
+import { G as r, N as s, S as b, a as i, b as o, T as S } from "../../../Topbar-Clby5_uj.js";
 export {
   r as GlobalSearch,
   s as NotificationsBell,

package/dist/components/core/theme/ThemeSelector.d.ts

@@ -3,7 +3,9 @@ import { type ThemeOption } from "../../../hooks/ui/useTheme";
 interface ThemeSelectorProps {
     themeOptions: readonly ThemeOption[];
     variant?: "select" | "mini";
+    /** Posé sur le déclencheur, pour qu'un `<Label htmlFor>` de l'application puisse s'y associer. */
+    id?: string;
 }
-export declare function ThemeSelector({ themeOptions, variant }: ThemeSelectorProps): React.JSX.Element;
+export declare function ThemeSelector({ themeOptions, variant, id }: ThemeSelectorProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ThemeSelector.d.ts.map

package/dist/components/core/theme/ThemeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/theme/ThemeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEjE,UAAU,kBAAkB;IAC1B,YAAY,EAAE,SAAS,WAAW,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,OAAkB,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDzG"}
+{"version":3,"file":"ThemeSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/theme/ThemeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEjE,UAAU,kBAAkB;IAC1B,YAAY,EAAE,SAAS,WAAW,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,kGAAkG;IAClG,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,OAAkB,EAAE,EAAE,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqD7G"}

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

@@ -1,4 +1,4 @@
-import { T as r } from "../../../ThemeSelector-DKhn02V2.js";
+import { T as r } from "../../../ThemeSelector-CLi4_epH.js";
 export {
   r as ThemeSelector
 };

package/dist/components/index.js

@@ -9,18 +9,18 @@ import { G as as } from "../GenericForm-CydibLHU.js";
 import { I as rs } from "../ImageInput-DoOOvvth.js";
 import { D as os, a as ts, S as ns, b as is } from "../SearchInput-DIZ5Yt6L.js";
 import { M as ps } from "../MultiSelect-DbH7LrsD.js";
-import { L as us } from "../LanguageSelector-D5Ly1SFC.js";
+import { L as us } from "../LanguageSelector-C7E51rCQ.js";
 import { A as gs } from "../AppActions-BFwztl-1.js";
 import { A as ds, K as Ss } from "../KpiCardsLayout-Ca6otKVw.js";
 import { A as cs } from "../AppSubTitle-BTN0YAc7.js";
 import { A as Ms } from "../AppTitle-D15YXeMx.js";
-import { G as As, N as hs, S as fs, a as Ps, b as Is, T as ws } from "../Topbar-CPWjqOBF.js";
+import { G as As, N as hs, S as fs, a as Ps, b as Is, T as ws } from "../Topbar-Clby5_uj.js";
 import { E as Fs } from "../ErrorAlert-B99Xb_Hg.js";
 import { E as Bs } from "../ErrorState-CkeS_IBT.js";
 import { L as ks } from "../LoadingState-BN0YaPSs.js";
 import { A as Ns, D as Rs, S as Os, T as Es, a as ys, b as Vs, c as Ks, d as zs, e as _s, g as js, f as Us, h as qs } from "../DataTable-CjrR27Di.js";
 import { A as Js, a as Qs, b as Ws, c as Xs } from "../AppVerticalTabs-B7XXtAVj.js";
-import { T as $s } from "../ThemeSelector-DKhn02V2.js";
+import { T as $s } from "../ThemeSelector-CLi4_epH.js";
 import { A as eo, a as ro, b as so } from "../alert-B9F1N9Qk.js";
 import { A as to, C as no, a as io, b as lo, R as po, c as bo, d as uo, T as Co, e as go } from "../toaster-CyzB1m5z.js";
 import { B as So, T as To, a as co, b as Do, c as Mo, d as xo, e as Ao, f as ho } from "../tooltip-DVeqVwqV.js";

package/package.json

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

package/dist/LanguageSelector-D5Ly1SFC.js

@@ -1,46 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import "date-fns/locale";
-import "react-i18next";
-import { u } from "./useKrosoftTranslation-BTp46G94.js";
-import { b as h, T as g, c as f, B as v, a as p } from "./tooltip-DVeqVwqV.js";
-import { S as b, h as T, i as N, a as x, c as S } from "./select-BpjFWqAY.js";
-import { u as C } from "./useLanguage-C9jI2nwn.js";
-import { LanguagesIcon as t } from "lucide-react";
-function K({ languageOptions: o, variant: i = "select" }) {
-  const { t: r } = u(), { currentLanguageOption: a, nextLanguageOption: c, changeLanguage: n, cycleLanguage: m } = C(o);
-  if (i === "mini") {
-    const l = (a == null ? void 0 : a.icon) ?? t;
-    return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ s(g, { children: [
-      /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ s(
-        v,
-        {
-          variant: "ghost",
-          size: "icon",
-          onClick: m,
-          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-          children: [
-            /* @__PURE__ */ e(l, { className: "size-4" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: r("language.current", { language: (a == null ? void 0 : a.label) ?? "" }) })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(p, { side: "bottom", align: "center", children: r("language.switchTo", { language: (c == null ? void 0 : c.label) ?? "" }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ s(b, { value: a == null ? void 0 : a.value, onValueChange: n, children: [
-      /* @__PURE__ */ e(T, { className: "w-full", children: /* @__PURE__ */ e(N, { placeholder: r("select.language") }) }),
-      /* @__PURE__ */ e(x, { children: o.map((l) => {
-        const d = l.icon ?? t;
-        return /* @__PURE__ */ e(S, { value: l.value, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(d, { className: "size-4" }),
-          l.label
-        ] }) }, l.value);
-      }) })
-    ] }),
-    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("language.description") })
-  ] });
-}
-export {
-  K as L
-};