@tsiky/components-r19 1.6.19 → 1.6.21

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as g, Fragment as Oe } from "react/jsx-runtime";
 import * as J from "react";
 import ee, { useState as V, useRef as U, useEffect as R, createContext as Ge, useContext as le, useCallback as Re, memo as je, useLayoutEffect as HA, useId as aC, useInsertionEffect as d$, useMemo as ve, Children as DA, isValidElement as BA, Fragment as l$, createElement as RA, forwardRef as Ti, Component as FA, useImperativeHandle as OA } from "react";
-import { c as a, M as $o, I as EA, a as Ui, g as UA, R as WA, B as GA, C as ZA, X as KA, Y as XA, T as YA, b as JA } from "./SimpleBarChart-BThP_rnS.js";
-import { P as Sve, S as $ve } from "./SimpleBarChart-BThP_rnS.js";
+import { c as a, M as $o, I as EA, a as Ui, g as UA, R as WA, B as GA, C as ZA, X as KA, Y as XA, T as YA, b as JA } from "./SimpleBarChart-CCePRx-C.js";
+import { P as Sve, S as $ve } from "./SimpleBarChart-CCePRx-C.js";
 import { createPortal as h$ } from "react-dom";
 const QA = "_button_1kuwt_2", ez = "_primary_1kuwt_21", tz = "_secondary_1kuwt_26", az = "_accent_1kuwt_31", nz = "_outline_1kuwt_36", oz = "_success_1kuwt_41", iz = "_danger_1kuwt_46", cz = "_warning_1kuwt_51", rz = "_info_1kuwt_56", sz = "_sm_1kuwt_62", dz = "_md_1kuwt_67", lz = "_lg_1kuwt_72", Ze = {
   button: QA,
@@ -31422,9 +31422,9 @@ const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
                 className: "language-select",
                 value: w.value ?? "",
                 onChange: ($) => {
-                  const D = $.target.value;
+                  const H = $.target.value;
                   try {
-                    w.onChange(D);
+                    w.onChange(H);
                   } catch (B) {
                     console.error("select onChange error", B);
                   }
@@ -31468,26 +31468,26 @@ const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   const [v, x] = V([]);
   R(() => {
     const b = ($) => {
-      const D = [];
+      const H = [];
       return ee.Children.forEach($, (B) => {
-        Array.isArray(B) ? D.push(...b(B)) : ee.isValidElement(B) && D.push(B);
-      }), D;
+        Array.isArray(B) ? H.push(...b(B)) : ee.isValidElement(B) && H.push(B);
+      }), H;
     }, A = b(e).filter(($) => ee.isValidElement($)).map(($) => {
-      let D = "";
+      let H = "";
       const B = $.props;
-      return D = [
+      return H = [
         B.xs ? `grid-xs-${B.xs}` : "",
         B.sm ? `grid-sm-${B.sm}` : "",
         B.md ? `grid-md-${B.md}` : "",
         B.lg ? `grid-lg-${B.lg}` : "",
         B.xl ? `grid-xl-${B.xl}` : "",
         B.className ? B.className : ""
-      ].join(" ").trim(), { node: $, classes: D };
+      ].join(" ").trim(), { node: $, classes: H };
     });
     let N = A;
-    f && f.length > 0 && (N = A.map(($, D) => ({
+    f && f.length > 0 && (N = A.map(($, H) => ({
       ...$,
-      node: A[f[D]]?.node ?? $.node
+      node: A[f[H]]?.node ?? $.node
     }))), x(N);
   }, [e]);
   const I = (b, S) => {
@@ -31500,22 +31500,22 @@ const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     if (t && N !== u)
       return;
     const $ = [...v];
-    let D = -1, B = -1;
+    let H = -1, B = -1;
     if ($.forEach((q, j) => {
       if (ee.isValidElement(q.node)) {
         const F = q.node.props;
-        F.uniqueKey === S && (D = j), F.uniqueKey === A && (B = j);
+        F.uniqueKey === S && (H = j), F.uniqueKey === A && (B = j);
       }
-    }), D === -1 || B === -1)
+    }), H === -1 || B === -1)
       return;
     const P = $[B].node;
     $[B] = {
       ...$[B],
-      node: $[D].node
-    }, $[D] = {
-      ...$[D],
+      node: $[H].node
+    }, $[H] = {
+      ...$[H],
       node: P
-    }, x($), typeof k == "function" && k(B, D);
+    }, x($), typeof k == "function" && k(B, H);
   }, w = o ? [
     i ? `grid-xs-${i}` : "",
     c ? `grid-sm-${c}` : "",
@@ -35384,7 +35384,7 @@ function ale(e) {
       const A = Array.isArray(x) ? x : [x];
       let N = A.reduce(i(M), {});
       L === !1 && (N = {});
-      const { prevResolvedValues: $ = {} } = v, D = {
+      const { prevResolvedValues: $ = {} } = v, H = {
         ...$,
         ...N
       }, B = (j) => {
@@ -35392,21 +35392,21 @@ function ale(e) {
         const F = e.getValue(j);
         F && (F.liveStyle = !1);
       };
-      for (const j in D) {
+      for (const j in H) {
         const F = N[j], K = $[j];
         if (m.hasOwnProperty(j))
           continue;
-        let H = !1;
-        KL(F) && KL(K) ? H = !jq(F, K) : H = F !== K, H ? F != null ? B(j) : y.add(j) : F !== void 0 && y.has(j) ? B(j) : v.protectedKeys[j] = !0;
+        let D = !1;
+        KL(F) && KL(K) ? D = !jq(F, K) : D = F !== K, D ? F != null ? B(j) : y.add(j) : F !== void 0 && y.has(j) ? B(j) : v.protectedKeys[j] = !0;
       }
       v.prevProp = x, v.prevResolvedValues = N, v.isActive && (m = { ...m, ...N }), o && e.blockInitialAnimation && (b = !1);
       const P = C && w;
       b && (!P || S) && u.push(...A.map((j) => {
         const F = { type: M };
         if (typeof j == "string" && o && !P && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: K } = e, H = Xo(K, j);
-          if (K.enteringChildren && H) {
-            const { delayChildren: O } = H.transition || {};
+          const { parent: K } = e, D = Xo(K, j);
+          if (K.enteringChildren && D) {
+            const { delayChildren: O } = D.transition || {};
             F.delay = Pq(K.enteringChildren, e, O);
           }
         }
@@ -38603,16 +38603,16 @@ function eye() {
       case k:
         return C == w + "";
       case u:
-        var D = i;
+        var H = i;
       case f:
         var B = S & r;
-        if (D || (D = c), C.size != w.size && !B)
+        if (H || (H = c), C.size != w.size && !B)
           return !1;
         var P = $.get(C);
         if (P)
           return P == w;
         S |= d, $.set(C, w);
-        var q = o(D(C), D(w), S, A, N, $);
+        var q = o(H(C), H(w), S, A, N, $);
         return $.delete(C), q;
       case _:
         if (I)
@@ -38769,8 +38769,8 @@ function hye() {
   SS = 1;
   var e = kw(), t = lA(), n = gw(), o = "[object Arguments]", i = "[object Array]", c = "[object Boolean]", r = "[object Date]", d = "[object Error]", l = "[object Function]", h = "[object Map]", p = "[object Number]", u = "[object Object]", y = "[object RegExp]", m = "[object Set]", f = "[object String]", k = "[object WeakMap]", _ = "[object ArrayBuffer]", M = "[object DataView]", v = "[object Float32Array]", x = "[object Float64Array]", I = "[object Int8Array]", L = "[object Int16Array]", C = "[object Int32Array]", w = "[object Uint8Array]", b = "[object Uint8ClampedArray]", S = "[object Uint16Array]", A = "[object Uint32Array]", N = {};
   N[v] = N[x] = N[I] = N[L] = N[C] = N[w] = N[b] = N[S] = N[A] = !0, N[o] = N[i] = N[_] = N[c] = N[M] = N[r] = N[d] = N[l] = N[h] = N[p] = N[u] = N[y] = N[m] = N[f] = N[k] = !1;
-  function $(D) {
-    return n(D) && t(D.length) && !!N[e(D)];
+  function $(H) {
+    return n(H) && t(H.length) && !!N[e(H)];
   }
   return iL = $, iL;
 }
@@ -39004,9 +39004,9 @@ function Nye() {
     if (N && !S)
       return I || (I = new e()), L || d(k) ? t(k, _, M, v, x, I) : n(k, _, w, M, v, x, I);
     if (!(M & l)) {
-      var $ = S && m.call(k, "__wrapped__"), D = A && m.call(_, "__wrapped__");
-      if ($ || D) {
-        var B = $ ? k.value() : k, P = D ? _.value() : _;
+      var $ = S && m.call(k, "__wrapped__"), H = A && m.call(_, "__wrapped__");
+      if ($ || H) {
+        var B = $ ? k.value() : k, P = H ? _.value() : _;
         return I || (I = new e()), x(B, P, M, v, I);
       }
     }
@@ -39056,8 +39056,8 @@ const Aye = /* @__PURE__ */ UA(qye), Vge = ({
       const N = e.fields.find(($) => $.name === b);
       if (N) {
         const $ = eC(S, N);
-        y((D) => ({
-          ...D,
+        y((H) => ({
+          ...H,
           [b]: $.isValid ? "" : $.error
         }));
       }
@@ -39839,7 +39839,7 @@ const l5e = ({ value: e }) => e, h5e = ({ value: e }) => ee.createElement(
     }
     let q = [];
     P && Array.isArray(P) && P.length > 0 ? q = P : x && x.length > 0 ? q = x : q = N(), n?.(q), o?.(q);
-  }, D = () => {
+  }, H = () => {
     d?.(!1), typeof r != "boolean" && M(!1);
   }, B = () => {
     w(), n?.([]), o?.([]);
@@ -39922,7 +39922,7 @@ const l5e = ({ value: e }) => e, h5e = ({ value: e }) => ee.createElement(
                 "button",
                 {
                   className: z.cancelButton,
-                  onClick: D,
+                  onClick: H,
                   type: "button",
                   disabled: k,
                   children: y
@@ -40269,7 +40269,7 @@ const l5e = ({ value: e }) => e, h5e = ({ value: e }) => ee.createElement(
   sortLoading: N = !1,
   totalCount: $ = null
 }) => {
-  const [D, B] = V({ key: null, direction: "asc" }), [P, q] = V(n.currentPage ?? 1), [j, F] = V(n.pageSize ?? 10), [K, H] = V(!1), O = U(null), [te, ce] = V([]), xe = u ? d : te, mt = u ? [] : te;
+  const [H, B] = V({ key: null, direction: "asc" }), [P, q] = V(n.currentPage ?? 1), [j, F] = V(n.pageSize ?? 10), [K, D] = V(!1), O = U(null), [te, ce] = V([]), xe = u ? d : te, mt = u ? [] : te;
   R(() => {
     const X = n.currentPage ?? 1, Fi = n.pageSize ?? 10;
     X !== P && q(X), Fi !== j && F(Fi);
@@ -40278,7 +40278,7 @@ const l5e = ({ value: e }) => e, h5e = ({ value: e }) => ee.createElement(
     t,
     e,
     i,
-    D,
+    H,
     P,
     j,
     mt
@@ -40303,12 +40303,12 @@ const l5e = ({ value: e }) => e, h5e = ({ value: e }) => ee.createElement(
   }, Ae = (X) => {
     B(X), p?.(X);
   }, He = (X) => {
-    H(X), !X && O.current && O.current.style.setProperty("--filters-panel-height", "0px");
+    D(X), !X && O.current && O.current.style.setProperty("--filters-panel-height", "0px");
   };
   R(() => {
-    (xe?.length ?? 0) > 0 && H(!0);
+    (xe?.length ?? 0) > 0 && D(!0);
   }, [xe]), R(() => {
-    r.length > 0 && xe.length > 0 && H(!0);
+    r.length > 0 && xe.length > 0 && D(!0);
   }, [r.length, xe.length]);
   const ne = (xe?.length ?? 0) > 0 && x ? x : v;
   return /* @__PURE__ */ g(
@@ -40329,7 +40329,7 @@ const l5e = ({ value: e }) => e, h5e = ({ value: e }) => ee.createElement(
               columns: e,
               onSort: Ae,
               label: I,
-              sortConfig: D,
+              sortConfig: H,
               loading: N
             }
           ),
@@ -40873,7 +40873,7 @@ const N5e = "_mpRoot_31595_1", S5e = "_mpHeader_31595_22", $5e = "_mpTitle_31595
     summaryCardWidth: S,
     summaryCardHeight: A,
     summaryCardStyle: N
-  } = e, $ = n === "vertical", D = {
+  } = e, $ = n === "vertical", H = {
     "--mp-accent": c,
     "--mp-accent-soft": _ke(c, 0.08),
     "--mp-bg-primary": v
@@ -40893,15 +40893,15 @@ const N5e = "_mpRoot_31595_1", S5e = "_mpHeader_31595_22", $5e = "_mpTitle_31595
       alignItems: "stretch",
       width: "100%"
     } : void 0) ?? {}, ...x ?? {} };
-    return /* @__PURE__ */ g("div", { className: B, style: D, "aria-busy": p, children: [
+    return /* @__PURE__ */ g("div", { className: B, style: H, "aria-busy": p, children: [
       d && /* @__PURE__ */ s(QS, { title: d }),
       /* @__PURE__ */ s("div", { className: G.mpSummaryInner, children: /* @__PURE__ */ s(
         "div",
         {
           className: `${q} ${I ?? ""}`,
           style: F,
-          children: t.length === 0 ? /* @__PURE__ */ s("div", { className: G.mpEmpty, children: u }) : t.map((K, H) => {
-            const O = K.bgColor ?? f[H % f.length], te = K.borderColor ?? k[H % k.length], ce = K.valueColor ?? _[H % _.length];
+          children: t.length === 0 ? /* @__PURE__ */ s("div", { className: G.mpEmpty, children: u }) : t.map((K, D) => {
+            const O = K.bgColor ?? f[D % f.length], te = K.borderColor ?? k[D % k.length], ce = K.valueColor ?? _[D % _.length];
             return P ? /* @__PURE__ */ s(
               "div",
               {
@@ -40911,7 +40911,7 @@ const N5e = "_mpRoot_31595_1", S5e = "_mpHeader_31595_22", $5e = "_mpTitle_31595
                   height: A ?? void 0,
                   ...N ?? {}
                 },
-                children: P(K, H)
+                children: P(K, D)
               },
               K.id
             ) : /* @__PURE__ */ s(
@@ -40934,7 +40934,7 @@ const N5e = "_mpRoot_31595_1", S5e = "_mpHeader_31595_22", $5e = "_mpTitle_31595
       ) })
     ] });
   }
-  return /* @__PURE__ */ g("div", { className: B, style: D, "aria-busy": p, children: [
+  return /* @__PURE__ */ g("div", { className: B, style: H, "aria-busy": p, children: [
     d && /* @__PURE__ */ s(QS, { title: d }),
     /* @__PURE__ */ s("div", { className: G.mpList, style: x, children: p ? /* @__PURE__ */ s("div", { className: G.mpEmpty, children: "Chargement…" }) : t.length === 0 ? /* @__PURE__ */ s("div", { className: G.mpEmpty, children: u }) : t.map((q) => {
       const j = r ? {
@@ -41706,16 +41706,16 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
   draggable: l = !1,
   checkDuplicateLocal: h
 }) => {
-  const [p, u] = V(!1), [y, m] = V(""), [f, k] = V(null), [_, M] = V(""), [v, x] = V(""), [I, L] = V(!1), [C, w] = V(!1), [b, S] = V(null), [A, N] = V(!1), $ = t.map((H) => H.language), D = n.filter((H) => !$.includes(H.code)), B = () => {
+  const [p, u] = V(!1), [y, m] = V(""), [f, k] = V(null), [_, M] = V(""), [v, x] = V(""), [I, L] = V(!1), [C, w] = V(!1), [b, S] = V(null), [A, N] = V(!1), $ = t.map((D) => D.language), H = n.filter((D) => !$.includes(D.code)), B = () => {
     y && v.trim() && (d?.(e, y, v.trim()), m(""), x(""), u(!1));
-  }, P = (H, O) => {
-    k(H), M(O);
-  }, q = (H) => {
-    c?.(e, H, _), k(null), M("");
+  }, P = (D, O) => {
+    k(D), M(O);
+  }, q = (D) => {
+    c?.(e, D, _), k(null), M("");
   }, j = () => {
     k(null), M("");
-  }, F = async (H) => {
-    const O = H.name?.trim();
+  }, F = async (D) => {
+    const O = D.name?.trim();
     if (O) {
       if (S(null), N(!1), O === e || !i)
         return L(!1), "ok";
@@ -41734,8 +41734,8 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
         console.error("Erreur handleRenameSave:", te), S("Erreur lors du renommage.");
       }
     }
-  }, K = (H, O) => {
-    if (H !== "name") return;
+  }, K = (D, O) => {
+    if (D !== "name") return;
     const te = O.trim();
     S(null), N(!1), te && typeof h == "function" && (h(te, e) ? (S("Une clé existe déjà dans ce module."), N(!0)) : (S(null), N(!1)));
   };
@@ -41762,8 +41762,8 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
               "button",
               {
                 className: "action-button",
-                onClick: (H) => {
-                  H.stopPropagation(), L(!0);
+                onClick: (D) => {
+                  D.stopPropagation(), L(!0);
                 },
                 title: "Renommer la clé",
                 children: /* @__PURE__ */ s(gt, { className: "action-icon" })
@@ -41772,8 +41772,8 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
             /* @__PURE__ */ s(
               "button",
               {
-                onClick: (H) => {
-                  H.stopPropagation(), o?.(e);
+                onClick: (D) => {
+                  D.stopPropagation(), o?.(e);
                 },
                 className: "action-button delete",
                 title: "Supprimer la clé",
@@ -41783,9 +41783,9 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
           ] })
         ] }),
         /* @__PURE__ */ s("div", { className: `translations-container ${C ? "" : "expanded"}`, children: !l && /* @__PURE__ */ g(Oe, { children: [
-          t.map((H) => /* @__PURE__ */ g("div", { className: "translation-row", children: [
-            /* @__PURE__ */ s("div", { className: "language-code", children: H.language }),
-            /* @__PURE__ */ s("div", { className: "translation-content", children: f === H.language ? /* @__PURE__ */ g(Oe, { children: [
+          t.map((D) => /* @__PURE__ */ g("div", { className: "translation-row", children: [
+            /* @__PURE__ */ s("div", { className: "language-code", children: D.language }),
+            /* @__PURE__ */ s("div", { className: "translation-content", children: f === D.language ? /* @__PURE__ */ g(Oe, { children: [
               /* @__PURE__ */ s(
                 "input",
                 {
@@ -41795,14 +41795,14 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
                   className: "edit-input",
                   autoFocus: !0,
                   onKeyDown: (O) => {
-                    O.key === "Enter" && q(H.language), O.key === "Escape" && j();
+                    O.key === "Enter" && q(D.language), O.key === "Escape" && j();
                   }
                 }
               ),
               /* @__PURE__ */ s(
                 "button",
                 {
-                  onClick: () => q(H.language),
+                  onClick: () => q(D.language),
                   className: "save-button",
                   disabled: !_.trim(),
                   children: "Enregistrer"
@@ -41810,11 +41810,11 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
               ),
               /* @__PURE__ */ s("button", { onClick: j, className: "cancel-button", children: /* @__PURE__ */ s(it, { className: "action-icon" }) })
             ] }) : /* @__PURE__ */ g(Oe, { children: [
-              /* @__PURE__ */ s("span", { className: "translation-text", title: H.value, children: H.value }),
+              /* @__PURE__ */ s("span", { className: "translation-text", title: D.value, children: D.value }),
               /* @__PURE__ */ s(
                 "button",
                 {
-                  onClick: () => P(H.language, H.value),
+                  onClick: () => P(D.language, D.value),
                   className: "edit-button",
                   title: "Éditer la traduction",
                   children: /* @__PURE__ */ s(gt, { className: "action-icon" })
@@ -41823,14 +41823,14 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
               /* @__PURE__ */ s(
                 "button",
                 {
-                  onClick: () => r?.(e, H.language),
+                  onClick: () => r?.(e, D.language),
                   className: "delete-translation-button",
                   title: "Supprimer la traduction",
                   children: /* @__PURE__ */ s(it, { className: "action-icon" })
                 }
               )
             ] }) })
-          ] }, H.language)),
+          ] }, D.language)),
           p ? /* @__PURE__ */ g("div", { className: "add-language-row", children: [
             /* @__PURE__ */ s("div", { className: "language-code", children: "+" }),
             /* @__PURE__ */ g("div", { className: "add-language-content", children: [
@@ -41838,16 +41838,16 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
                 "select",
                 {
                   value: y,
-                  onChange: (H) => m(H.target.value),
+                  onChange: (D) => m(D.target.value),
                   className: "language-select",
                   children: [
                     /* @__PURE__ */ s("option", { value: "", children: "Sélectionnez la langue" }),
-                    D.map((H) => /* @__PURE__ */ g("option", { value: H.code, children: [
-                      H.name,
+                    H.map((D) => /* @__PURE__ */ g("option", { value: D.code, children: [
+                      D.name,
                       " (",
-                      H.code,
+                      D.code,
                       ")"
-                    ] }, H.code))
+                    ] }, D.code))
                   ]
                 }
               ) }),
@@ -41856,11 +41856,11 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
                 {
                   type: "text",
                   value: v,
-                  onChange: (H) => x(H.target.value),
+                  onChange: (D) => x(D.target.value),
                   placeholder: "Entrez la traduction...",
                   className: "translation-input",
-                  onKeyDown: (H) => {
-                    H.key === "Enter" && B(), H.key === "Escape" && (u(!1), m(""), x(""));
+                  onKeyDown: (D) => {
+                    D.key === "Enter" && B(), D.key === "Escape" && (u(!1), m(""), x(""));
                   }
                 }
               ),
@@ -41889,7 +41889,7 @@ const Nke = "_container_1pfsp_1", Ske = "_title_1pfsp_8", o$ = {
             {
               onClick: () => u(!0),
               className: "show-add-button",
-              disabled: D.length === 0,
+              disabled: H.length === 0,
               children: [
                 /* @__PURE__ */ s("span", { className: "plus-icon", children: "+" }),
                 "Ajouter une langue"
@@ -42346,12 +42346,12 @@ const Xge = ({
     hideConfirmation: o,
     handleConfirm: i
   };
-}, u3e = "_container_1c0ep_1", y3e = "_selectButton_1c0ep_11", k3e = "_disabled_1c0ep_39", m3e = "_error_1c0ep_59", f3e = "_outline_1c0ep_87", g3e = "_filled_1c0ep_107", v3e = "_sm_1c0ep_125", M3e = "_md_1c0ep_135", _3e = "_lg_1c0ep_145", x3e = "_buttonContent_1c0ep_155", w3e = "_label_1c0ep_169", b3e = "_placeholder_1c0ep_185", L3e = "_iconsContainer_1c0ep_193", C3e = "_loadingSpinner_1c0ep_209", I3e = "_spin_1c0ep_1", N3e = "_arrowIcon_1c0ep_249", S3e = "_arrowIconOpen_1c0ep_265", $3e = "_dropdown_1c0ep_273", q3e = "_searchContainer_1c0ep_303", A3e = "_searchInput_1c0ep_311", z3e = "_optionsList_1c0ep_353", V3e = "_noResults_1c0ep_363", P3e = "_option_1c0ep_353", j3e = "_optionHighlighted_1c0ep_407", T3e = "_optionSelected_1c0ep_417", H3e = "_optionDisabled_1c0ep_429", D3e = "_optionLabel_1c0ep_439", B3e = "_checkIcon_1c0ep_453", R3e = "_widthFull_1c0ep_469", F3e = "_width64_1c0ep_477", O3e = "_width80_1c0ep_485", E3e = "_width96_1c0ep_493", ie = {
+}, u3e = "_container_ciuhs_1", y3e = "_selectButton_ciuhs_11", k3e = "_disabled_ciuhs_37", m3e = "_error_ciuhs_57", f3e = "_outline_ciuhs_85", g3e = "_filled_ciuhs_105", v3e = "_sm_ciuhs_123", M3e = "_md_ciuhs_133", _3e = "_lg_ciuhs_143", x3e = "_buttonContent_ciuhs_153", w3e = "_label_ciuhs_167", b3e = "_placeholder_ciuhs_183", L3e = "_iconsContainer_ciuhs_191", C3e = "_loadingSpinner_ciuhs_207", I3e = "_spin_ciuhs_1", N3e = "_arrowIcon_ciuhs_247", S3e = "_arrowIconOpen_ciuhs_263", $3e = "_dropdown_ciuhs_271", q3e = "_searchContainer_ciuhs_301", A3e = "_searchInput_ciuhs_309", z3e = "_optionsList_ciuhs_357", V3e = "_noResults_ciuhs_367", P3e = "_option_ciuhs_357", j3e = "_optionHighlighted_ciuhs_411", T3e = "_optionSelected_ciuhs_421", H3e = "_optionDisabled_ciuhs_433", D3e = "_optionLabel_ciuhs_443", B3e = "_checkIcon_ciuhs_457", R3e = "_widthFull_ciuhs_473", F3e = "_width64_ciuhs_481", O3e = "_width80_ciuhs_489", E3e = "_width96_ciuhs_497", ie = {
   container: u3e,
   selectButton: y3e,
   disabled: k3e,
   error: m3e,
-  default: "_default_1c0ep_77",
+  default: "_default_ciuhs_75",
   outline: f3e,
   filled: g3e,
   sm: v3e,
@@ -42493,6 +42493,7 @@ const Xge = ({
       /* @__PURE__ */ s("div", { className: ie.searchContainer, children: /* @__PURE__ */ s(
         "input",
         {
+          id: "search",
           ref: M,
           type: "text",
           value: m,
@@ -42935,11 +42936,11 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     ...h !== void 0 ? { height: h } : {},
     ...o !== void 0 ? { backgroundColor: o } : {},
     ...N
-  }, D = `${Qe.board} ${Qe[r]} ${p}`;
+  }, H = `${Qe.board} ${Qe[r]} ${p}`;
   return /* @__PURE__ */ g(
     "div",
     {
-      className: D,
+      className: H,
       onClick: C,
       style: d !== void 0 ? { ...$, "--ds-value-scale": d } : $,
       children: [
@@ -43342,7 +43343,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   style: C,
   className: w = ""
 }) => {
-  const { user: b } = bt(), S = e || b, { currentTheme: A, switchTheme: N } = nC(), $ = U(null), D = U(null), [B, P] = V(!1), [q, j] = V({}), F = ve(() => {
+  const { user: b } = bt(), S = e || b, { currentTheme: A, switchTheme: N } = nC(), $ = U(null), H = U(null), [B, P] = V(!1), [q, j] = V({}), F = ve(() => {
     const Y = [], Q = ({ variant: Ie }) => Ie === "sun" ? /* @__PURE__ */ s(
       "svg",
       {
@@ -43405,7 +43406,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     i,
     c,
     N
-  ]), K = v ?? F, H = () => {
+  ]), K = v ?? F, D = () => {
     if (!$.current) {
       P((Y) => !Y);
       return;
@@ -43438,9 +43439,9 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
       window.removeEventListener("resize", Y), window.removeEventListener("orientationchange", Y);
     };
   }, [B, I]), R(() => {
-    if (!B || !$.current || !D.current) return;
+    if (!B || !$.current || !H.current) return;
     const Y = () => {
-      const pe = $.current.getBoundingClientRect(), Ie = D.current.getBoundingClientRect(), fe = I?.x ?? 0, qe = I?.y ?? 0;
+      const pe = $.current.getBoundingClientRect(), Ie = H.current.getBoundingClientRect(), fe = I?.x ?? 0, qe = I?.y ?? 0;
       j((ue) => ue.left !== void 0 && ue.top !== void 0 && ue.left >= pe.right - 1 ? {
         top: pe.bottom - Ie.height + qe,
         left: ue.left + fe
@@ -43587,7 +43588,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
           userSelect: "none",
           ...C
         },
-        onClick: H,
+        onClick: D,
         role: "button",
         tabIndex: 0,
         children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: u, flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s($e, {}) })
@@ -43596,7 +43597,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     /* @__PURE__ */ s(
       mme,
       {
-        ref: D,
+        ref: H,
         isVisible: B,
         onClose: () => P(!1),
         items: K,
@@ -43720,7 +43721,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   className: N = "",
   width: $ = "280px"
 }) => {
-  const D = bt(), B = D.activeNav, P = D.setActiveNav, q = D.user, j = S.user || q;
+  const H = bt(), B = H.activeNav, P = H.setActiveNav, q = H.user, j = S.user || q;
   return /* @__PURE__ */ g(
     "div",
     {
@@ -43750,13 +43751,13 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                 children: F.title
               }
             ),
-            /* @__PURE__ */ s("div", { className: ft.sectionItems, style: { gap: c }, children: F.items.map((H) => /* @__PURE__ */ s(
+            /* @__PURE__ */ s("div", { className: ft.sectionItems, style: { gap: c }, children: F.items.map((D) => /* @__PURE__ */ s(
               yA,
               {
-                ...H,
-                isActive: H.isActive === null ? H.isActive : B === H.id,
+                ...D,
+                isActive: D.isActive === null ? D.isActive : B === D.id,
                 onClick: () => {
-                  H.onClick && H.onClick(), H.isActive == null && P(H.id);
+                  D.onClick && D.onClick(), D.isActive == null && P(D.id);
                 },
                 highlightColor: d,
                 activeColor: d,
@@ -43769,7 +43770,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                 color: M,
                 style: u
               },
-              H.id
+              D.id
             )) })
           ] }, K)) })
         ] }),
@@ -43967,13 +43968,13 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   countFontWeight: A,
   navContainerClassName: N,
   navContainerStyle: $,
-  rightContentClassName: D,
+  rightContentClassName: H,
   rightContentStyle: B,
   rightActions: P,
   activeSwitcherColor: q,
   inactiveSwitcherColor: j
 }) => {
-  const { activeSubNav: F, setActiveSubNav: K, navCounts: H } = bt();
+  const { activeSubNav: F, setActiveSubNav: K, navCounts: D } = bt();
   return /* @__PURE__ */ g(
     "div",
     {
@@ -43995,7 +43996,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
             className: `${CL.navContainer} ${N || ""}`,
             style: { gap: l, ...$ },
             children: e.map((O) => {
-              const te = O.count !== void 0 ? O.count : H[O.id], ce = F === O.id || O.isActive;
+              const te = O.count !== void 0 ? O.count : D[O.id], ce = F === O.id || O.isActive;
               return /* @__PURE__ */ s(
                 Tme,
                 {
@@ -44029,7 +44030,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
         /* @__PURE__ */ g(
           "div",
           {
-            className: `${CL.rightContent} ${D || ""}`,
+            className: `${CL.rightContent} ${H || ""}`,
             style: { gap: h, ...B },
             children: [
               _ && /* @__PURE__ */ s(
@@ -44178,17 +44179,23 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     tableState: o,
     handleSort: c
   };
-}, Fme = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#FFF", viewBox: "0 -960 960 960", ...e }, /* @__PURE__ */ J.createElement("path", { d: "M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487z" })), Ome = je(Fme), Eme = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#FFF", viewBox: "0 -960 960 960", ...e }, /* @__PURE__ */ J.createElement("path", { d: "M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487z" })), Ume = je(Eme), Wme = ({ columns: e, sortBy: t, sortOrder: n, onSort: o }) => /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: e.map((i, c) => {
-  const r = t === i.key, d = !!i.sortable;
+}, Fme = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#FFF", viewBox: "0 -960 960 960", ...e }, /* @__PURE__ */ J.createElement("path", { d: "M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487z" })), Ome = je(Fme), Eme = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#FFF", viewBox: "0 -960 960 960", ...e }, /* @__PURE__ */ J.createElement("path", { d: "M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487z" })), Ume = je(Eme), Wme = ({
+  columns: e,
+  sortBy: t,
+  sortOrder: n,
+  onSort: o,
+  removeLabelSpan: i = !1
+}) => /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: e.map((c, r) => {
+  const d = t === c.key, l = !!c.sortable;
   return /* @__PURE__ */ s(
     "th",
     {
-      className: `${i.className || ""}${d ? " sortable" : ""}`,
-      style: { width: i.width, textAlign: i.align || "left" },
-      onClick: () => d && o(String(i.key)),
-      children: /* @__PURE__ */ g("div", { className: `th-content ${i.align ? `align-${i.align}` : ""}`, children: [
-        /* @__PURE__ */ s("span", { children: i.label }),
-        d && /* @__PURE__ */ s(
+      className: `${c.className || ""}${l ? " sortable" : ""}`,
+      style: { width: c.width, textAlign: c.align || "left" },
+      onClick: () => l && o(String(c.key)),
+      children: /* @__PURE__ */ g("div", { className: `th-content ${c.align ? `align-${c.align}` : ""}`, children: [
+        i ? c.label : /* @__PURE__ */ s("span", { children: c.label }),
+        l && /* @__PURE__ */ s(
           "span",
           {
             className: "sort-icon-container",
@@ -44196,7 +44203,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
               display: "inline-flex",
               alignItems: "center"
             },
-            children: r && n === "asc" ? /* @__PURE__ */ s(
+            children: d && n === "asc" ? /* @__PURE__ */ s(
               Ume,
               {
                 width: 16,
@@ -44215,7 +44222,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                 style: {
                   // matches header text (primary)
                   fill: "currentColor",
-                  opacity: r ? 1 : 0.5,
+                  opacity: d ? 1 : 0.5,
                   // slightly more visible than before against color?
                   transition: "all 0.2s ease"
                 }
@@ -44225,7 +44232,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
         )
       ] })
     },
-    String(i.key) || c
+    String(c.key) || r
   );
 }) }) }), Gme = ({
   data: e,
@@ -44396,31 +44403,32 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   style: M,
   rowStyle: v,
   onRowClick: x,
-  rowClassName: I
+  rowClassName: I,
+  removeLabelSpan: L = !1
 }) => {
-  const L = ee.useMemo(
+  const C = ee.useMemo(
     () => ({
       ...u
     }),
     [u]
-  ), C = ee.useRef(null);
+  ), w = ee.useRef(null);
   ee.useEffect(() => {
     if (!m || !y || !f || n) return;
-    const $ = new IntersectionObserver(
-      (D) => {
-        D[0].isIntersecting && y();
+    const H = new IntersectionObserver(
+      (B) => {
+        B[0].isIntersecting && y();
       },
       { threshold: 0.1 }
     );
-    return C.current && $.observe(C.current), () => $.disconnect();
+    return w.current && H.observe(w.current), () => H.disconnect();
   }, [m, y, f, n]);
-  const { tableState: w, handleSort: b } = Rme({
+  const { tableState: b, handleSort: S } = Rme({
     initialSortBy: null,
     onSortChange: c
-  }), S = (k?.sortBy !== void 0 ? k.sortBy : w.sortBy) ?? void 0, A = k?.sortOrder !== void 0 ? k.sortOrder : w.sortOrder, N = ($) => {
-    const D = S, B = A;
-    let P = "asc";
-    D === $ && (P = B === "asc" ? "desc" : "asc"), k?.sortBy !== void 0 ? c($, P) : b($);
+  }), A = (k?.sortBy !== void 0 ? k.sortBy : b.sortBy) ?? void 0, N = k?.sortOrder !== void 0 ? k.sortOrder : b.sortOrder, $ = (H) => {
+    const B = A, P = N;
+    let q = "asc";
+    B === H && (q = P === "asc" ? "desc" : "asc"), k?.sortBy !== void 0 ? c(H, q) : S(H);
   };
   return /* @__PURE__ */ g("div", { className: `table-container ${_ || ""}`, style: M, children: [
     /* @__PURE__ */ g(
@@ -44450,29 +44458,30 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                 Wme,
                 {
                   columns: t,
-                  sortBy: S,
-                  sortOrder: A,
-                  onSort: N
+                  sortBy: A,
+                  sortOrder: N,
+                  onSort: $,
+                  removeLabelSpan: L
                 }
               ),
               /* @__PURE__ */ s(
                 Gme,
                 {
                   data: e,
-                  columns: t.map(($) => ({
-                    ...$,
-                    render: $.render ? (D) => $.render(D, {}) : void 0
+                  columns: t.map((H) => ({
+                    ...H,
+                    render: H.render ? (B) => H.render(B, {}) : void 0
                   })),
                   rowKey: r,
                   onRowClick: x,
                   isLoading: n,
-                  text: L,
+                  text: C,
                   rowStyle: typeof v == "function" ? v : v ? () => v : void 0,
                   rowClassName: I
                 }
               )
             ] }),
-            m && /* @__PURE__ */ s("div", { ref: C, style: { height: 20, margin: 10 } })
+            m && /* @__PURE__ */ s("div", { ref: w, style: { height: 20, margin: 10 } })
           ] })
         ]
       }
@@ -44482,7 +44491,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
       {
         state: o,
         onPaginationChange: i,
-        text: L,
+        text: C,
         onLoadMore: y,
         infiniteScroll: m,
         hasMore: f,
@@ -44575,14 +44584,14 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   labelColor: A,
   placeholderColor: N,
   borderRadius: $ = "var(--radius-content)",
-  borderWidth: D = "0.0625rem",
+  borderWidth: H = "0.0625rem",
   boxShadow: B = "0 0.25rem 0.75rem rgba(0, 0, 0, 0.1)",
   transitionDuration: P = "0.2s",
   transitionTiming: q = "ease",
   dateCellSize: j = "2.5rem",
   headerTextColor: F = "#6c757d",
   weekdayTextColor: K = "#6c757d",
-  currentMonthDateColor: H = "#212529",
+  currentMonthDateColor: D = "#212529",
   otherMonthDateColor: O = "#adb5bd",
   selectedDateBgColor: te = "#00A6D9",
   selectedDateTextColor: ce = "#ffffff",
@@ -44707,14 +44716,14 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     borderColor: d ? S || "#dc3545" : x || "#dee2e6",
     color: I || "#212529",
     borderRadius: $,
-    borderWidth: D,
+    borderWidth: H,
     fontWeight: M,
     transition: `all ${P} ${q}`
   }, $A = {
     backgroundColor: L || "#ffffff",
     maxHeight: p,
     borderRadius: $,
-    borderWidth: D,
+    borderWidth: H,
     boxShadow: B,
     transition: `opacity ${P} ${q}, transform ${P} ${q}`,
     position: "fixed",
@@ -44926,7 +44935,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                       style: {
                         width: j,
                         height: j,
-                        color: Me ? ce : Ei ? H : O,
+                        color: Me ? ce : Ei ? D : O,
                         backgroundColor: Me ? te : "transparent"
                       },
                       onMouseEnter: (ii) => {
@@ -45070,7 +45079,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   labelColor: N,
   placeholderColor: $,
   // Bordures et ombres
-  border: D,
+  border: H,
   borderRadius: B = "var(--select-border-radius, 0.5rem)",
   borderWidth: P = "var(--select-border-width, 0.0625rem)",
   boxShadow: q = "var(--select-box-shadow, 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1))",
@@ -45079,7 +45088,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   transitionTiming: F = "var(--select-transition-timing, ease)",
   // Scrollbars
   scrollbarWidth: K = "var(--select-scrollbar-width, 0.375rem)",
-  scrollbarTrackColor: H = "var(--select-scrollbar-track-color, #f1f1f1)",
+  scrollbarTrackColor: D = "var(--select-scrollbar-track-color, #f1f1f1)",
   scrollbarThumbColor: O = "var(--select-scrollbar-thumb-color, #c1c1c1)",
   width: te,
   dropdownPosition: ce = "bottom",
@@ -45116,7 +45125,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     height: h,
     padding: p,
     backgroundColor: x || "var(--select-button-bg-color, #ffffff)",
-    border: D,
+    border: H,
     borderColor: l ? A || "var(--select-error-color, #dc3545)" : I || "var(--select-button-border-color, #dee2e6)",
     color: L || "var(--select-button-text-color, #212529)",
     borderRadius: B,
@@ -45158,7 +45167,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     gap: v
   }, Ue = {
     "--scrollbar-width": K,
-    "--scrollbar-track-color": H,
+    "--scrollbar-track-color": D,
     "--scrollbar-thumb-color": O
   };
   return /* @__PURE__ */ g(
@@ -45335,7 +45344,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     b,
     w && /* @__PURE__ */ s("div", { style: { marginLeft: "auto" }, children: w })
   ] });
-}, ofe = "_container_2a42t_31", ife = "_disabled_2a42t_51", cfe = "_predStyle_2a42t_63", rfe = "_realStyle_2a42t_71", sfe = "_predGap_2a42t_79", dfe = "_realGap_2a42t_87", lfe = "_big_2a42t_97", hfe = "_medium_2a42t_105", pfe = "_iconWrapper_2a42t_115", ufe = "_predRelative_2a42t_135", yfe = "_realRelative_2a42t_143", kfe = "_iconImg_2a42t_151", mfe = "_content_2a42t_167", ffe = "_header_2a42t_185", gfe = "_predJustify_2a42t_197", vfe = "_realJustify_2a42t_205", Mfe = "_predHeaderLineHeight_2a42t_231", _fe = "_realHeaderLineHeight_2a42t_239", xfe = "_title_2a42t_257", wfe = "_titleBlack_2a42t_287", bfe = "_titleWhite_2a42t_295", Lfe = "_subtitle_2a42t_305", Cfe = "_valueRowHorizontal_2a42t_325", Ife = "_valueRowVertical_2a42t_341", Nfe = "_singleValue_2a42t_359", Sfe = "_primaryRow_2a42t_367", $fe = "_maxBadge_2a42t_381", qfe = "_valuePrimary_2a42t_405", Afe = "_valuePrimaryBlack_2a42t_419", zfe = "_valuePrimaryWhite_2a42t_427", Vfe = "_valueSlash_2a42t_437", Pfe = "_valueSecondary_2a42t_451", jfe = "_valueSecondaryBlue_2a42t_463", Tfe = "_valueSecondaryWhite_2a42t_471", Hfe = "_valueSecondaryBlack_2a42t_479", Dfe = "_valueStacked_2a42t_489", Bfe = "_stackedTop_2a42t_507", Rfe = "_stackedBottom_2a42t_509", re = {
+}, ofe = "_container_1h28m_31", ife = "_disabled_1h28m_51", cfe = "_predStyle_1h28m_63", rfe = "_realStyle_1h28m_71", sfe = "_predGap_1h28m_79", dfe = "_realGap_1h28m_87", lfe = "_big_1h28m_97", hfe = "_medium_1h28m_105", pfe = "_iconWrapper_1h28m_115", ufe = "_predRelative_1h28m_135", yfe = "_realRelative_1h28m_143", kfe = "_iconImg_1h28m_151", mfe = "_content_1h28m_167", ffe = "_header_1h28m_185", gfe = "_predJustify_1h28m_197", vfe = "_realJustify_1h28m_205", Mfe = "_predHeaderLineHeight_1h28m_231", _fe = "_realHeaderLineHeight_1h28m_239", xfe = "_title_1h28m_257", wfe = "_titleBlack_1h28m_287", bfe = "_titleWhite_1h28m_295", Lfe = "_subtitle_1h28m_305", Cfe = "_valueRowHorizontal_1h28m_325", Ife = "_valueRowVertical_1h28m_341", Nfe = "_singleValue_1h28m_359", Sfe = "_primaryRow_1h28m_367", $fe = "_maxBadge_1h28m_381", qfe = "_valuePrimary_1h28m_405", Afe = "_valuePrimaryBlack_1h28m_419", zfe = "_valuePrimaryWhite_1h28m_427", Vfe = "_valueSlash_1h28m_437", Pfe = "_valueSecondary_1h28m_451", jfe = "_valueSecondaryBlue_1h28m_463", Tfe = "_valueSecondaryWhite_1h28m_471", Hfe = "_valueSecondaryBlack_1h28m_479", Dfe = "_valueStacked_1h28m_489", Bfe = "_stackedTop_1h28m_507", Rfe = "_stackedBottom_1h28m_509", re = {
   container: ofe,
   disabled: ife,
   predStyle: cfe,
@@ -45404,16 +45413,16 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
   justifyContent: A = "",
   headerLineHeight: N = "",
   headerMinHeight: $ = "",
-  contentSpace: D = ""
+  contentSpace: H = ""
 }) => {
-  const B = o !== void 0 ? o : !!n, P = `${re.container} ${re[r]} ${re[u]} ${b ? re.disabled : ""}`, q = l === "white" ? re.valuePrimaryWhite : re.valuePrimaryBlack, j = l === "blue" ? re.valueSecondaryBlue : l === "white" ? re.valueSecondaryWhite : re.valueSecondaryBlack, F = (ce) => ce === void 0 ? void 0 : typeof ce == "number" ? `${ce}px` : ce, K = (ce) => ce === void 0 ? void 0 : ce, H = y === "vertical", O = c != null && c !== "" && c !== "-" && c !== "—", te = H ? re.valueRowVertical : re.valueRowHorizontal;
+  const B = o !== void 0 ? o : !!n, P = `${re.container} ${re[r]} ${re[u]} ${b ? re.disabled : ""}`, q = l === "white" ? re.valuePrimaryWhite : re.valuePrimaryBlack, j = l === "blue" ? re.valueSecondaryBlue : l === "white" ? re.valueSecondaryWhite : re.valueSecondaryBlack, F = (ce) => ce === void 0 ? void 0 : typeof ce == "number" ? `${ce}px` : ce, K = (ce) => ce === void 0 ? void 0 : ce, D = y === "vertical", O = c != null && c !== "" && c !== "-" && c !== "—", te = D ? re.valueRowVertical : re.valueRowHorizontal;
   return /* @__PURE__ */ g("div", { className: `${P} ${p}`, style: { backgroundColor: C }, children: [
     e && /* @__PURE__ */ s("div", { className: `${re.iconWrapper} ${re[S]}`, children: e }),
     /* @__PURE__ */ g(
       "div",
       {
         className: `${re.content} ${re[w]} ${O ? "" : re.singleValue} content-indicator-v2`,
-        style: { justifyContent: D },
+        style: { justifyContent: H },
         children: [
           /* @__PURE__ */ s(
             "div",
@@ -45454,7 +45463,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                   className: `${re.valuePrimary} ${q}`,
                   style: {
                     fontSize: F(
-                      v || (!O && H ? "1.75rem" : void 0)
+                      v || (!O && D ? "1.75rem" : void 0)
                     ),
                     fontWeight: K(x),
                     color: h || void 0
@@ -45464,7 +45473,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
               )
             ] }),
             O && /* @__PURE__ */ g(Oe, { children: [
-              !H && /* @__PURE__ */ s(
+              !D && /* @__PURE__ */ s(
                 "span",
                 {
                   className: re.valueSlash,
@@ -45546,12 +45555,12 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     /* @__PURE__ */ s(
       "span",
       {
-        className: Be.genre,
+        className: `${Be.genre} genre-info-banner`,
         style: { color: "#ffffff", background: m, fontSize: f },
         children: t ?? "--"
       }
     ),
-    /* @__PURE__ */ s("span", { className: Be.gravite, children: n ?? "--" })
+    /* @__PURE__ */ s("span", { className: `${Be.gravite} gravite-info-banner`, children: n ?? "--" })
   ] }),
   /* @__PURE__ */ s("div", { className: Be.orientationContainer, children: /* @__PURE__ */ s("div", { className: Be.service, style: { color: h }, children: r ?? "--" }) }),
   /* @__PURE__ */ g("div", { className: Be.roomBedContainer, children: [
@@ -45563,7 +45572,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     d ? /* @__PURE__ */ s(
       "div",
       {
-        className: Be.status,
+        className: `${Be.status} status-info-banner`,
         style: {
           color: u,
           backgroundColor: y
@@ -45889,10 +45898,10 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     k(!0), L.length > 0 && M(L[0].toUpperCase()), x("");
   }, $ = () => {
     _ && v.trim() && (o(_, v.trim()), k(!1), M(""), x(""));
-  }, D = () => {
+  }, H = () => {
     k(!1), M(""), x("");
   }, B = (P) => {
-    P.key === "Enter" ? $() : P.key === "Escape" && D();
+    P.key === "Enter" ? $() : P.key === "Escape" && H();
   };
   return /* @__PURE__ */ g("div", { className: "translation-key-v2", children: [
     /* @__PURE__ */ g("div", { className: "header", children: [
@@ -45962,7 +45971,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
         ),
         /* @__PURE__ */ g("div", { className: "add-actions", children: [
           /* @__PURE__ */ s(mi, { size: 18, className: "action-icon confirm", onClick: $ }),
-          /* @__PURE__ */ s(it, { size: 18, className: "action-icon cancel", onClick: D })
+          /* @__PURE__ */ s(it, { size: 18, className: "action-icon cancel", onClick: H })
         ] })
       ] }) : L.length > 0 && /* @__PURE__ */ g("button", { className: "add-translation-btn", onClick: N, children: [
         /* @__PURE__ */ s(Ko, { size: 16 }),
@@ -46215,9 +46224,9 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     }
     C.length > I.current.length && M(null);
     const q = () => {
-      const H = f.current, O = k.current;
-      if (!H || !O) return;
-      const te = O.getBoundingClientRect().width, ce = O.querySelector(`.${ae.actions}`), xe = ce ? ce.getBoundingClientRect().width : 80, mt = 56, we = c ? 80 : 0, $e = 16, Y = Array.from(H.querySelectorAll(`.${ae.tag}`));
+      const D = f.current, O = k.current;
+      if (!D || !O) return;
+      const te = O.getBoundingClientRect().width, ce = O.querySelector(`.${ae.actions}`), xe = ce ? ce.getBoundingClientRect().width : 80, mt = 56, we = c ? 80 : 0, $e = 16, Y = Array.from(D.querySelectorAll(`.${ae.tag}`));
       Y.length === C.length && (I.current = Y.map((ke) => {
         const Ae = ke.getBoundingClientRect(), He = ke.scrollWidth;
         return Math.max(Ae.width, He, ke.offsetWidth || 0);
@@ -46268,7 +46277,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
     o(j), u(""), M(null), h(!1);
   }, N = (q) => {
     q.preventDefault(), q.stopPropagation(), x((j) => !j);
-  }, $ = _ != null && _ < C.length ? C.slice(_) : [], D = (q, j) => {
+  }, $ = _ != null && _ < C.length ? C.slice(_) : [], H = (q, j) => {
     j.stopPropagation();
     const F = C.filter((K) => K.value !== q);
     o(F);
@@ -46301,7 +46310,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                     {
                       type: "button",
                       className: ae.removeBtn,
-                      onClick: (F) => D(q.value, F),
+                      onClick: (F) => H(q.value, F),
                       "aria-label": `Supprimer ${q.label}`,
                       children: /* @__PURE__ */ s("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: /* @__PURE__ */ s(
                         "path",
@@ -46321,7 +46330,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                     {
                       type: "button",
                       className: ae.removeBtn,
-                      onClick: (F) => D(q.value, F),
+                      onClick: (F) => H(q.value, F),
                       "aria-label": `Supprimer ${q.label}`,
                       children: /* @__PURE__ */ s("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: /* @__PURE__ */ s(
                         "path",
@@ -46373,7 +46382,7 @@ const l6e = (e) => /* @__PURE__ */ J.createElement("svg", { xmlns: "http://www.w
                         type: "button",
                         className: ae.overflowDropdownItemRemove,
                         onClick: (F) => {
-                          F.stopPropagation(), D(q.value, F);
+                          F.stopPropagation(), H(q.value, F);
                         },
                         "aria-label": `Supprimer ${q.label}`,
                         children: /* @__PURE__ */ s("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: /* @__PURE__ */ s(