@rte-ds/react 1.3.14 → 1.3.15

package/dist/react-package.js

@@ -2823,10 +2823,10 @@ const xe = "_badgeContainer_3v2tn_1", _e = "_badge_3v2tn_1", Be = "_hidden_3v2tn
   countOverflow: be
 }, r1 = $(
   ({ badgeType: C = "brand", size: e = "m", content: t = "number", count: r, icon: l = "notification", children: o, ...s }, i) => {
-    var g;
+    var v;
     if (t == "icon" && l && !G1(l))
       return console.warn(`Badge: Invalid icon name "${l}". Please use a valid icon key.`), null;
-    const c = b6(e), a = X3({ size: e, content: t, iconSize: c }), w = J3({ size: e, content: t, count: r }), p = S6({ size: e, content: t, count: r, iconSize: c }), H = w && ((g = M3(r)) == null ? void 0 : g.length) > 2;
+    const c = b6(e), a = X3({ size: e, content: t, iconSize: c }), w = J3({ size: e, content: t, count: r }), g = S6({ size: e, content: t, count: r, iconSize: c }), V = w && ((v = M3(r)) == null ? void 0 : v.length) > 2;
     return o ? /* @__PURE__ */ d("div", { ref: i, className: w1.badgeContainer, ...s, children: [
       /* @__PURE__ */ d(
         "div",
@@ -2836,8 +2836,8 @@ const xe = "_badgeContainer_3v2tn_1", _e = "_badge_3v2tn_1", Be = "_hidden_3v2tn
           "data-testid": "badge",
           className: z(
             w1.badge,
-            p ? "" : w1.hidden,
-            H ? w1.countOverflow : ""
+            g ? "" : w1.hidden,
+            V ? w1.countOverflow : ""
           ),
           children: [
             a && /* @__PURE__ */ n(I, { name: l, className: w1.icon, size: c }),
@@ -2855,8 +2855,8 @@ const xe = "_badgeContainer_3v2tn_1", _e = "_badge_3v2tn_1", Be = "_hidden_3v2tn
         "data-testid": "badge",
         className: z(
           w1.badge,
-          p ? "" : w1.hidden,
-          H ? w1.countOverflow : ""
+          g ? "" : w1.hidden,
+          V ? w1.countOverflow : ""
         ),
         children: [
           a && /* @__PURE__ */ n(I, { name: l, className: w1.icon, size: c }),
@@ -2907,17 +2907,17 @@ const xe = "_badgeContainer_3v2tn_1", _e = "_badge_3v2tn_1", Be = "_hidden_3v2tn
     badgeType: c,
     badgeIcon: a,
     icon: w,
-    iconPosition: p = "left",
-    iconColor: H,
-    iconAppearance: g,
-    ...V
-  }, Z) => {
-    const L = i > 0 && s === "number" || s === "icon" && a, v = C === "s" ? 16 : C === "m" ? 20 : 24, x = /* @__PURE__ */ d(G, { children: [
-      w && p === "left" && /* @__PURE__ */ n(I, { name: w, size: v, color: H, appearance: g }),
+    iconPosition: g = "left",
+    iconColor: V,
+    iconAppearance: v,
+    ...L
+  }, m) => {
+    const H = i > 0 && s === "number" || s === "icon" && a, p = C === "s" ? 16 : C === "m" ? 20 : 24, _ = /* @__PURE__ */ d(G, { children: [
+      w && g === "left" && /* @__PURE__ */ n(I, { name: w, size: p, color: V, appearance: v }),
       /* @__PURE__ */ n("span", { "data-size": C, className: m3.label, children: e }),
-      w && p === "right" && /* @__PURE__ */ n(I, { name: w, size: v, color: H, appearance: g })
+      w && g === "right" && /* @__PURE__ */ n(I, { name: w, size: p, color: V, appearance: v })
     ] });
-    return L ? /* @__PURE__ */ n(
+    return H ? /* @__PURE__ */ n(
       r1,
       {
         badgeType: c,
@@ -2928,28 +2928,28 @@ const xe = "_badgeContainer_3v2tn_1", _e = "_badge_3v2tn_1", Be = "_hidden_3v2tn
         children: /* @__PURE__ */ n(
           "button",
           {
-            ref: Z,
+            ref: m,
             type: o,
             className: z(m3.button, r),
             "data-size": C,
             "data-variant": t,
             onClick: l,
-            ...V,
-            children: x
+            ...L,
+            children: _
           }
         )
       }
     ) : /* @__PURE__ */ n(
       "button",
       {
-        ref: Z,
+        ref: m,
         type: o,
         className: z(m3.button, r),
         "data-size": C,
         "data-variant": t,
         onClick: l,
-        ...V,
-        children: x
+        ...L,
+        children: _
       }
     );
   }
@@ -2968,44 +2968,44 @@ const xe = "_badgeContainer_3v2tn_1", _e = "_badge_3v2tn_1", Be = "_hidden_3v2tn
     badgeContent: c,
     badgeCount: a,
     badgeType: w,
-    badgeIcon: p,
-    iconColor: H,
-    ...g
-  }, V) => G1(o) ? a > 0 && c === "number" || c === "icon" && p ? /* @__PURE__ */ n(
+    badgeIcon: g,
+    iconColor: V,
+    ...v
+  }, L) => G1(o) ? a > 0 && c === "number" || c === "icon" && g ? /* @__PURE__ */ n(
     r1,
     {
       badgeType: w,
       size: C,
       content: C === "s" ? "empty" : c,
       count: a,
-      icon: p,
+      icon: g,
       children: /* @__PURE__ */ n(
         "button",
         {
-          ref: V,
+          ref: L,
           type: l,
           className: z(R3["icon-button"], t),
           "data-size": C,
           "data-variant": e,
           "data-compact-spacing": i,
           onClick: r,
-          ...g,
-          children: /* @__PURE__ */ n(I, { name: o, appearance: s, size: T3[C], color: H })
+          ...v,
+          children: /* @__PURE__ */ n(I, { name: o, appearance: s, size: T3[C], color: V })
         }
       )
     }
   ) : /* @__PURE__ */ n(
     "button",
     {
-      ref: V,
+      ref: L,
       type: l,
       className: z(R3["icon-button"], t),
       "data-size": C,
       "data-variant": e,
       "data-compact-spacing": i,
       onClick: r,
-      ...g,
-      children: /* @__PURE__ */ n(I, { name: o, appearance: s, size: T3[C], color: H })
+      ...v,
+      children: /* @__PURE__ */ n(I, { name: o, appearance: s, size: T3[C], color: V })
     }
   ) : (console.warn(`IconButton: Invalid icon name "${o}". Please use a valid icon key.`), null)
 ), ke = "_banner_vvnzx_1", P1 = {
@@ -3028,38 +3028,38 @@ const xe = "_badgeContainer_3v2tn_1", _e = "_badge_3v2tn_1", Be = "_hidden_3v2tn
     className: c = "",
     isOpen: a = !0,
     ...w
-  }, p) => {
-    const [H, g] = F(a), V = t === "error" ? "alert" : "status", { shouldRender: Z, isAnimating: L } = R1(H, 200), v = {
+  }, g) => {
+    const [V, v] = F(a), L = t === "error" ? "alert" : "status", { shouldRender: m, isAnimating: H } = R1(V, 200), p = {
       info: "info",
       error: "dangerous",
       success: "check-circle",
       warning: "warning"
     };
     if (E(() => {
-      g(a);
+      v(a);
     }, [a]), r === !1 && o === "overlay")
       return console.warn("Banner: 'closable' and 'onClose' props must be set when 'position' has 'overlay' value."), null;
-    const x = () => {
-      g(!1), l == null || l();
+    const _ = () => {
+      v(!1), l == null || l();
     };
-    return Z && /* @__PURE__ */ d(
+    return m && /* @__PURE__ */ d(
       "section",
       {
-        role: V,
+        role: L,
         className: z(P1.banner, c),
-        ref: p,
+        ref: g,
         "data-type": t,
         "data-position": o,
-        "data-open": L || void 0,
+        "data-open": H || void 0,
         ...w,
         children: [
-          /* @__PURE__ */ n("div", { className: P1["banner-icon"], children: /* @__PURE__ */ n(I, { name: v[t], size: 32 }) }),
+          /* @__PURE__ */ n("div", { className: P1["banner-icon"], children: /* @__PURE__ */ n(I, { name: p[t], size: 32 }) }),
           /* @__PURE__ */ d("div", { className: P1["banner-content"], children: [
             C && /* @__PURE__ */ n("span", { className: P1["banner-title"], children: C }),
             e && /* @__PURE__ */ n("div", { className: P1["banner-message"], children: /* @__PURE__ */ n("span", { children: e }) })
           ] }),
           s && i && /* @__PURE__ */ n(h3, { label: i, onClick: s, variant: "text", "aria-label": i, size: "s" }),
-          r && /* @__PURE__ */ n("div", { className: P1["banner-close-icon"], children: /* @__PURE__ */ n(H1, { variant: "neutral", name: "close", onClick: x, "aria-label": "close banner" }) })
+          r && /* @__PURE__ */ n("div", { className: P1["banner-close-icon"], children: /* @__PURE__ */ n(H1, { variant: "neutral", name: "close", onClick: _, "aria-label": "close banner" }) })
         ]
       }
     );
@@ -3188,12 +3188,12 @@ const o6 = (C, e, t, r = 0, l = !1) => {
     onBlur: s = a3,
     onFocus: i = a3
   } = C, c = q(r ?? [o1, Q]);
-  return { onKeyDown: (g) => {
-    var V;
-    $e(g.target) || (V = c.current) != null && V.includes(g.key) && (!t || g.target.id === t) && (g.preventDefault(), l(g));
-  }, onKeyUp: (g) => {
-    var V;
-    (V = c.current) != null && V.includes(g.key) && (!t || g.target.id === t) && o(g);
+  return { onKeyDown: (v) => {
+    var L;
+    $e(v.target) || (L = c.current) != null && L.includes(v.key) && (!t || v.target.id === t) && (v.preventDefault(), l(v));
+  }, onKeyUp: (v) => {
+    var L;
+    (L = c.current) != null && L.includes(v.key) && (!t || v.target.id === t) && o(v);
   }, onBlur: () => {
     s();
   }, onFocus: () => {
@@ -3332,17 +3332,17 @@ const o6 = (C, e, t, r = 0, l = !1) => {
     },
     children: a,
     offset: w = 0,
-    alignment: p = "start",
-    autofocus: H = !0,
-    header: g,
-    footer: V,
-    ...Z
-  }, L) => {
-    const { dropdownId: v } = i6(r), [x, _] = F(o), { closeRoot: u } = k3(O3) || {}, h = q(null), f = q(null), [B, N] = F(null), [S, y] = F(null), [O, k] = F({ top: 500, left: 500 }), { shouldRender: b, isAnimating: M } = R1(i, Ae), m = W(
+    alignment: g = "start",
+    autofocus: V = !0,
+    header: v,
+    footer: L,
+    ...m
+  }, H) => {
+    const { dropdownId: p } = i6(r), [_, x] = F(o), { closeRoot: u } = k3(O3) || {}, h = q(null), f = q(null), [B, N] = F(null), [S, y] = F(null), [O, k] = F({ top: 500, left: 500 }), { shouldRender: b, isAnimating: M } = R1(i, Ae), Z = W(
       (T) => {
-        f.current = T, N(T), typeof L == "function" ? L(T) : L && (L.current = T);
+        f.current = T, N(T), typeof H == "function" ? H(T) : H && (H.current = T);
       },
-      [L]
+      [H]
     ), A = W((T) => {
       h.current = T, y(T);
     }, []), K = W(() => {
@@ -3382,7 +3382,7 @@ const o6 = (C, e, t, r = 0, l = !1) => {
           w,
           V1
         );
-        _(t1), k(u1);
+        x(t1), k(u1);
       },
       [w]
     ), g1 = W(
@@ -3394,41 +3394,41 @@ const o6 = (C, e, t, r = 0, l = !1) => {
           w,
           f1
         );
-        _(u1), k(x1);
+        x(u1), k(x1);
       },
       [w]
     );
     return E(() => {
-      !S || !B || (l ? j(S, B) : g1(S, B, o, p));
-    }, [l, B, S, o, p, j, g1]), E(() => {
-      i && B && H && l6(v);
-    }, [i, v, B, H]), /* @__PURE__ */ d(Ge, { dropdownId: v, closeRoot: K, autoClose: s, children: [
+      !S || !B || (l ? j(S, B) : g1(S, B, o, g));
+    }, [l, B, S, o, g, j, g1]), E(() => {
+      i && B && V && l6(p);
+    }, [i, p, B, V]), /* @__PURE__ */ d(Ge, { dropdownId: p, closeRoot: K, autoClose: s, children: [
       /* @__PURE__ */ n("div", { ref: A, className: $1.trigger, tabIndex: -1, onKeyDown: P, children: C }),
       b && /* @__PURE__ */ n(Q1, { children: /* @__PURE__ */ d(
         "div",
         {
           className: z($1.dropdown, e),
-          "data-dropdown-id": v,
-          "data-position": x,
+          "data-dropdown-id": p,
+          "data-position": _,
           "data-open": M || void 0,
-          ...Z,
+          ...m,
           style: {
             ...t,
             top: O.top,
             left: O.left
           },
-          ref: m,
+          ref: Z,
           onKeyUp: Y,
           onKeyDown: l1,
           children: [
-            g && /* @__PURE__ */ d("div", { className: z($1["dropdown-menu-header"], "rte-dropdown-menu-header"), children: [
-              g,
+            v && /* @__PURE__ */ d("div", { className: z($1["dropdown-menu-header"], "rte-dropdown-menu-header"), children: [
+              v,
               /* @__PURE__ */ n(d1, {})
             ] }),
             /* @__PURE__ */ n("div", { className: z($1["dropdown-menu-content"], "rte-dropdown-menu-content"), children: /* @__PURE__ */ n("ul", { className: $1["dropdown-items"], role: "menu", children: a }) }),
-            V && /* @__PURE__ */ d("div", { className: z($1["dropdown-menu-footer"], "rte-dropdown-menu-footer"), children: [
+            L && /* @__PURE__ */ d("div", { className: z($1["dropdown-menu-footer"], "rte-dropdown-menu-footer"), children: [
               /* @__PURE__ */ n(d1, {}),
-              V
+              L
             ] })
           ]
         }
@@ -3450,34 +3450,34 @@ const o6 = (C, e, t, r = 0, l = !1) => {
   badgeCount: c,
   badgeContent: a,
   badgeIcon: w,
-  badgeType: p,
-  badgeSize: H,
-  showBadge: g,
-  isSelected: V,
-  onClick: Z,
-  ...L
+  badgeType: g,
+  badgeSize: V,
+  showBadge: v,
+  isSelected: L,
+  onClick: m,
+  ...H
 }) => {
-  const { dropdownId: v, autoClose: x, closeRoot: _ } = k3(O3) || {}, u = `${v}-${C && C.replace(/\s+/g, "")}`, { isOpen: h, open: f } = i6(u), B = () => {
-    v && (v1.closeSubMenus(v), f());
+  const { dropdownId: p, autoClose: _, closeRoot: x } = k3(O3) || {}, u = `${p}-${C && C.replace(/\s+/g, "")}`, { isOpen: h, open: f } = i6(u), B = () => {
+    p && (v1.closeSubMenus(p), f());
   }, N = () => {
-    v && v1.closeSubMenus(v);
+    p && v1.closeSubMenus(p);
   };
   s && t && console.warn(
     `DropdownItem: 'hasIndent' prop is ignored when 'leftIcon' is provided : displaying icon '${t}' for dropdownitem with label '${C}' without indentation.`
   );
-  const S = (m) => {
-    l || (Z && Z(m), x && _ && _());
-  }, y = (m) => {
-    if ([o1, Q].includes(m.key))
+  const S = (Z) => {
+    l || (m && m(Z), _ && x && x());
+  }, y = (Z) => {
+    if ([o1, Q].includes(Z.key))
       if (e) {
-        const A = m.currentTarget.querySelector("a");
+        const A = Z.currentTarget.querySelector("a");
         A && A.click();
       } else {
         if (l) return;
-        Z && S(m), i && f();
+        m && S(Z), i && f();
       }
-  }, O = (m) => {
-    m.preventDefault(), m.key === j1 && (h && l6(u), m.shiftKey && v && Xe(v));
+  }, O = (Z) => {
+    Z.preventDefault(), Z.key === j1 && (h && l6(u), Z.shiftKey && p && Xe(p));
   }, { onKeyUp: k, onFocus: b, onKeyDown: M } = E1(
     { onKeyUp: O, onFocus: N, onKeyDown: y },
     {
@@ -3528,7 +3528,7 @@ const o6 = (C, e, t, r = 0, l = !1) => {
       {
         className: O1["dropdown-item"],
         "data-disabled": l,
-        "data-active": V,
+        "data-active": L,
         role: "menuitem",
         onClick: S,
         onMouseOver: B,
@@ -3536,13 +3536,13 @@ const o6 = (C, e, t, r = 0, l = !1) => {
         onKeyDown: M,
         onFocus: b,
         tabIndex: 0,
-        ...L,
+        ...H,
         children: [
           s && !t && /* @__PURE__ */ n("span", { style: { width: "20px" } }),
           t && /* @__PURE__ */ n(I, { name: t, className: O1["dropdown-item-icon"] }),
           e ? /* @__PURE__ */ n("a", { href: e, style: { flex: "2", textDecoration: "none", color: "inherit" }, children: C }) : /* @__PURE__ */ n("span", { style: { flex: "2" }, children: C }),
           r && /* @__PURE__ */ n("div", { children: r }),
-          Y1({ showBadge: !!g, badgeContent: a, badgeCount: c, badgeIcon: w }) && /* @__PURE__ */ n(r1, { count: c, content: a, icon: w, badgeType: p, size: H })
+          Y1({ showBadge: !!v, badgeContent: a, badgeCount: c, badgeIcon: w }) && /* @__PURE__ */ n(r1, { count: c, content: a, icon: w, badgeType: g, size: V })
         ]
       }
     ),
@@ -3609,23 +3609,23 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     gap: c = c6,
     ...a
   }, w) => {
-    const p = q(null), H = q(null), [g, V] = F(null), [Z, L] = F(e), [v, x] = F({ top: 0, left: 0 }), [_, u] = F(!1), { shouldRender: h, isAnimating: f } = R1(_, nt), B = W(
+    const g = q(null), V = q(null), [v, L] = F(null), [m, H] = F(e), [p, _] = F({ top: 0, left: 0 }), [x, u] = F(!1), { shouldRender: h, isAnimating: f } = R1(x, nt), B = W(
       (O) => {
-        H.current = O, V(O), typeof w == "function" ? w(O) : w && (w.current = O);
+        V.current = O, L(O), typeof w == "function" ? w(O) : w && (w.current = O);
       },
       [w]
     ), N = W(() => {
-      if (_ && p.current && g) {
-        const O = rt(l, c), k = e === "auto" ? o6(p.current, g, "top", O, !0) : e, b = v3(
+      if (x && g.current && v) {
+        const O = rt(l, c), k = e === "auto" ? o6(g.current, v, "top", O, !0) : e, b = v3(
           k,
-          p.current,
-          g,
+          g.current,
+          v,
           O,
           t
         );
-        L(k), x(b);
+        H(k), _(b);
       }
-    }, [_, e, l, g, c, t]);
+    }, [x, e, l, v, c, t]);
     E(() => (N(), window.addEventListener("scroll", N), () => {
       window.removeEventListener("scroll", N);
     }), [N]);
@@ -3637,7 +3637,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     return /* @__PURE__ */ d(
       "div",
       {
-        ref: p,
+        ref: g,
         className: Z3["tooltip-trigger"],
         onMouseEnter: S,
         onMouseLeave: y,
@@ -3653,13 +3653,13 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
             {
               ref: B,
               className: z(Z3.tooltip, o),
-              "data-position": Z,
+              "data-position": m,
               "data-open": f || void 0,
               "data-alignment": t,
               "data-arrow": l,
               style: {
-                top: `${v.top}px`,
-                left: `${v.left}px`
+                top: `${p.top}px`,
+                left: `${p.left}px`
               },
               ...a,
               children: r && /* @__PURE__ */ n("span", { role: "tooltip", className: Z3.tooltipLabel, children: r })
@@ -3674,14 +3674,14 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
 }, f3 = ({ item: C, isLast: e, breadcrumbItemMaxWidth: t }) => {
   const [r, l] = F(!1), o = q(), s = q(null);
   E(() => {
-    var V;
-    s.current && (o.current = (V = s.current.querySelector("a")) == null ? void 0 : V.scrollWidth);
+    var L;
+    s.current && (o.current = (L = s.current.querySelector("a")) == null ? void 0 : L.scrollWidth);
   }, []), E(() => {
     (() => {
       o.current && t && l(o.current >= t);
     })();
   }, [t]);
-  const { showBadge: i, badgeContent: c, badgeCount: a, badgeIcon: w, badgeType: p, badgeSize: H } = C, g = Y1({ showBadge: !!i, badgeContent: c, badgeCount: a, badgeIcon: w });
+  const { showBadge: i, badgeContent: c, badgeCount: a, badgeIcon: w, badgeType: g, badgeSize: V } = C, v = Y1({ showBadge: !!i, badgeContent: c, badgeCount: a, badgeIcon: w });
   return /* @__PURE__ */ n("div", { className: it.breadcrumbItem, ref: s, children: e ? /* @__PURE__ */ n(G, { children: r ? /* @__PURE__ */ d(
     Z1,
     {
@@ -3706,14 +3706,14 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
             children: C.label
           }
         ),
-        g && /* @__PURE__ */ n(
+        v && /* @__PURE__ */ n(
           r1,
           {
             count: a,
             content: c,
             icon: w,
-            badgeType: p,
-            size: H
+            badgeType: g,
+            size: V
           }
         )
       ]
@@ -3730,7 +3730,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
         children: C.label
       }
     ),
-    g && /* @__PURE__ */ n(r1, { count: a, content: c, icon: w, badgeType: p })
+    v && /* @__PURE__ */ n(r1, { count: a, content: c, icon: w, badgeType: g })
   ] }) }) : /* @__PURE__ */ n(G, { children: r ? /* @__PURE__ */ d(
     Z1,
     {
@@ -3754,7 +3754,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
           }
         ),
         " ",
-        g && /* @__PURE__ */ n(r1, { count: a, content: c, icon: w, badgeType: p })
+        v && /* @__PURE__ */ n(r1, { count: a, content: c, icon: w, badgeType: g })
       ]
     }
   ) : /* @__PURE__ */ d(G, { children: [
@@ -3767,7 +3767,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
         style: { color: "var(--content-tertiary)", maxWidth: `${t}px` }
       }
     ),
-    g && /* @__PURE__ */ n(r1, { count: a, content: c, icon: w, badgeType: p })
+    v && /* @__PURE__ */ n(r1, { count: a, content: c, icon: w, badgeType: g })
   ] }) }) }, C.link);
 }, ct = "_breadcrumbsContainer_12g5q_1", at = "_breadcrumbItem_12g5q_7", dt = "_separator_12g5q_36", U1 = {
   breadcrumbsContainer: ct,
@@ -3786,26 +3786,26 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     showBadge: c,
     ...a
   }, w) => {
-    const [p, H] = F(!1);
+    const [g, V] = F(!1);
     if (r6(C)) {
-      const { root: g, truncated: V, remaining: Z } = Ie(C);
+      const { root: v, truncated: L, remaining: m } = Ie(C);
       return /* @__PURE__ */ d(
         "nav",
         {
           ref: w,
-          className: z(U1.breadcrumbsContainer, V.length ? U1.truncated : ""),
+          className: z(U1.breadcrumbsContainer, L.length ? U1.truncated : ""),
           ...a,
           role: "navigation",
           "aria-label": e,
           children: [
-            /* @__PURE__ */ n(f3, { item: g, isLast: !1, breadcrumbItemMaxWidth: t }),
+            /* @__PURE__ */ n(f3, { item: v, isLast: !1, breadcrumbItemMaxWidth: t }),
             /* @__PURE__ */ n(x3, {}),
             /* @__PURE__ */ n("span", { className: U1.breadcrumbItem, children: /* @__PURE__ */ n(
               i3,
               {
                 dropdownId: "breadcrumbs-truncated-list" + e,
                 onClose: () => {
-                  H(!1);
+                  V(!1);
                 },
                 trigger: /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                   /* @__PURE__ */ n(
@@ -3815,7 +3815,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
                       "data-testid": "show-more",
                       variant: "neutral",
                       compactSpacing: !0,
-                      onClick: () => H(!p)
+                      onClick: () => V(!g)
                     }
                   ),
                   Y1({ showBadge: !!c, badgeContent: r, badgeCount: l, badgeIcon: o }) && /* @__PURE__ */ n(
@@ -3829,50 +3829,50 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
                     }
                   )
                 ] }),
-                isOpen: p,
+                isOpen: g,
                 offset: 6,
-                children: V.map((L, v) => /* @__PURE__ */ n(
+                children: L.map((H, p) => /* @__PURE__ */ n(
                   s3,
                   {
-                    label: L.label,
-                    link: L.link,
-                    badgeCount: L.badgeCount,
-                    badgeContent: L.badgeContent,
-                    badgeIcon: L.badgeIcon,
-                    badgeType: L.badgeType,
-                    showBadge: L.showBadge
+                    label: H.label,
+                    link: H.link,
+                    badgeCount: H.badgeCount,
+                    badgeContent: H.badgeContent,
+                    badgeIcon: H.badgeIcon,
+                    badgeType: H.badgeType,
+                    showBadge: H.showBadge
                   },
-                  L.label + v
+                  H.label + p
                 ))
               }
             ) }),
             /* @__PURE__ */ n("span", { "aria-hidden": "true", className: U1.separator, children: "/" }),
-            Z.map((L, v) => /* @__PURE__ */ d(r3, { children: [
+            m.map((H, p) => /* @__PURE__ */ d(r3, { children: [
               /* @__PURE__ */ n(
                 f3,
                 {
-                  item: L,
-                  isLast: v === Z.length - 1,
+                  item: H,
+                  isLast: p === m.length - 1,
                   breadcrumbItemMaxWidth: t
                 }
               ),
-              v < Z.length - 1 && /* @__PURE__ */ n(x3, {})
-            ] }, L.label + v))
+              p < m.length - 1 && /* @__PURE__ */ n(x3, {})
+            ] }, H.label + p))
           ]
         }
       );
     }
-    return /* @__PURE__ */ n("nav", { ref: w, className: U1.breadcrumbsBadge, ...a, role: "navigation", "aria-label": "Fil d'Ariane", children: C.map((g, V) => /* @__PURE__ */ d(r3, { children: [
+    return /* @__PURE__ */ n("nav", { ref: w, className: U1.breadcrumbsBadge, ...a, role: "navigation", "aria-label": "Fil d'Ariane", children: C.map((v, L) => /* @__PURE__ */ d(r3, { children: [
       /* @__PURE__ */ n(
         f3,
         {
-          item: g,
-          isLast: V === C.length - 1,
+          item: v,
+          isLast: L === C.length - 1,
           breadcrumbItemMaxWidth: t
         }
       ),
-      V < C.length - 1 && /* @__PURE__ */ n(x3, {})
-    ] }, g.label + V)) });
+      L < C.length - 1 && /* @__PURE__ */ n(x3, {})
+    ] }, v.label + L)) });
   }
 ), wt = {
   xs: 240,
@@ -3896,13 +3896,13 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     style: c,
     className: a,
     ...w
-  }, p) => {
-    const H = (v) => {
-      !r && t && (v.key === o1 || v.key === Q) && (v.preventDefault(), i == null || i());
-    }, g = () => {
+  }, g) => {
+    const V = (p) => {
+      !r && t && (p.key === o1 || p.key === Q) && (p.preventDefault(), i == null || i());
+    }, v = () => {
       !r && t && (i == null || i());
-    }, { onKeyDown: V, onKeyUp: Z, onBlur: L } = E1(
-      { onKeyUp: H },
+    }, { onKeyDown: L, onKeyUp: m, onBlur: H } = E1(
+      { onKeyUp: V },
       {
         interactiveKeyCodes: [o1, Q]
       }
@@ -3910,7 +3910,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: p,
+        ref: g,
         className: `${ht.card}${a ? ` ${a}` : ""}`,
         style: { width: wt[C], ...c },
         "data-card-type": e,
@@ -3919,10 +3919,10 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
         "data-selected": l,
         "data-pressed": o,
         tabIndex: t ? 0 : -1,
-        onClick: g,
-        onKeyDown: V,
-        onKeyUp: Z,
-        onBlur: L,
+        onClick: v,
+        onKeyDown: L,
+        onKeyUp: m,
+        onBlur: H,
         ...w,
         children: s
       }
@@ -3953,8 +3953,8 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
   E(() => {
     w.current && (w.current.indeterminate = !!c);
   }, [c]);
-  const p = (H) => {
-    H.code === "Space" && i && H.preventDefault();
+  const g = (V) => {
+    V.code === "Space" && i && V.preventDefault();
   };
   return /* @__PURE__ */ d("div", { className: L1.container, children: [
     /* @__PURE__ */ n(
@@ -3967,7 +3967,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
         ref: w,
         "data-read-only": i,
         "data-error": !!o,
-        onKeyDown: p,
+        onKeyDown: g,
         ...a
       }
     ),
@@ -4018,15 +4018,15 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     error: c = !1,
     disabled: a = !1,
     readOnly: w = !1,
-    required: p = !1,
-    showLabelRequirement: H = !1,
-    className: g = "",
-    tooltipTextLabel: V,
-    ...Z
-  }, L) => {
+    required: g = !1,
+    showLabelRequirement: V = !1,
+    className: v = "",
+    tooltipTextLabel: L,
+    ...m
+  }, H) => {
     if (a && c)
       return;
-    const v = /* @__PURE__ */ d("div", { ref: L, className: z(F1.checkboxGroupContainer, g), ...Z, children: [
+    const p = /* @__PURE__ */ d("div", { ref: H, className: z(F1.checkboxGroupContainer, v), ...m, children: [
       /* @__PURE__ */ d(
         "div",
         {
@@ -4037,27 +4037,27 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
           children: [
             r && l && /* @__PURE__ */ d("div", { className: F1.labelContainer, children: [
               /* @__PURE__ */ n("h3", { className: F1.groupTitle, children: r }),
-              /* @__PURE__ */ n(S1, { required: p, showLabelRequirement: H })
+              /* @__PURE__ */ n(S1, { required: g, showLabelRequirement: V })
             ] }),
             o && s && /* @__PURE__ */ n("p", { className: F1.groupHelpText, children: o }),
             i && c && /* @__PURE__ */ n("p", { className: F1.errorMessage, children: i })
           ]
         }
       ),
-      /* @__PURE__ */ n("div", { className: F1.checkboxGroup, "data-direction": e, children: C.map((x, _) => /* @__PURE__ */ n(
+      /* @__PURE__ */ n("div", { className: F1.checkboxGroup, "data-direction": e, children: C.map((_, x) => /* @__PURE__ */ n(
         pt,
         {
-          id: `${x}-${_}`,
-          label: x,
+          id: `${_}-${x}`,
+          label: _,
           showLabel: t,
           disabled: a,
           error: c,
           readOnly: w
         },
-        `${x}-${_}`
+        `${_}-${x}`
       )) })
     ] });
-    return /* @__PURE__ */ n(G, { children: V ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: V, position: "bottom", children: v }) : v });
+    return /* @__PURE__ */ n(G, { children: L ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: L, position: "bottom", children: p }) : p });
   }
 ), _t = {
   single: "radio",
@@ -4085,20 +4085,20 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     clickable: c = !0,
     icon: a,
     textColor: w,
-    backgroundColor: p,
-    onClose: H,
-    style: g,
-    ...V
-  }, Z) => {
-    const L = M6.useRef(null), v = (f) => {
+    backgroundColor: g,
+    onClose: V,
+    style: v,
+    ...L
+  }, m) => {
+    const H = M6.useRef(null), p = (f) => {
       if (f.key === o1 || f.key === Q)
         f.preventDefault(), r == null || r(f);
-      else if ((f.key === P3 || f.key === z3) && H) {
+      else if ((f.key === P3 || f.key === z3) && V) {
         if (o !== "input") return;
-        f.preventDefault(), L.current && L.current.click();
+        f.preventDefault(), H.current && H.current.click();
       }
-    }, { onBlur: x, onKeyDown: _, onKeyUp: u } = E1(
-      { onKeyUp: v },
+    }, { onBlur: _, onKeyDown: x, onKeyUp: u } = E1(
+      { onKeyUp: p },
       {
         id: C,
         interactiveKeyCodes: [o1, Q, P3, z3]
@@ -4108,7 +4108,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
       "span",
       {
         id: C,
-        ref: Z,
+        ref: m,
         role: _t[o],
         className: z(p1.chip, s),
         "data-selected": h && t,
@@ -4118,17 +4118,17 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
         "data-type": o,
         onClick: c ? r : void 0,
         tabIndex: c ? 0 : void 0,
-        onKeyDown: c ? _ : void 0,
+        onKeyDown: c ? x : void 0,
         onKeyUp: c ? u : void 0,
-        onBlur: c ? x : void 0,
+        onBlur: c ? _ : void 0,
         "aria-checked": h && t,
         "aria-disabled": l,
         style: {
-          ...g,
+          ...v,
           ...w ? { color: w } : {},
-          ...p ? { background: p } : {}
+          ...g ? { background: g } : {}
         },
-        ...V,
+        ...L,
         children: [
           o === "multi" && /* @__PURE__ */ d("span", { className: p1["chip-icon-container"], children: [
             /* @__PURE__ */ n(
@@ -4158,11 +4158,11 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
               id: C + "-delete-button",
               type: "button",
               className: p1["chip-close-button"],
-              onClick: H,
+              onClick: V,
               disabled: l,
               "aria-label": `Supprimer ${e}`,
               value: e,
-              ref: L,
+              ref: H,
               children: /* @__PURE__ */ n(I, { className: p1["chip-close-button--icon"], name: "close" })
             }
           )
@@ -4171,7 +4171,7 @@ const ot = "_tooltip_jx6mx_1", lt = "_tooltipLabel_jx6mx_22", Z3 = {
     );
   }
 ), bt = ({ children: C, className: e, xxs: t, xs: r, s: l, m: o, l: s, xl: i, ...c }) => {
-  const a = (p, H) => H ? `${p}-${H}` : "", w = z(
+  const a = (g, V) => V ? `${g}-${V}` : "", w = z(
     "col",
     a("col-xxs", t),
     a("col-xs", r),
@@ -4253,37 +4253,38 @@ const Do = $(
     primaryButton: s,
     secondaryButton: i,
     size: c = "m",
-    closeOnOverlayClick: a = !0,
-    onClose: w,
-    className: p,
-    children: H,
-    ...g
-  }, V) => {
-    const { shouldRender: Z, isAnimating: L } = R1(e, 150), [v, x] = F(null), _ = W(
-      (u) => {
-        x(u), typeof V == "function" ? V(u) : V && (V.current = u);
+    showCloseIcon: a = !0,
+    closeOnOverlayClick: w = !0,
+    onClose: g,
+    className: V,
+    children: v,
+    ...L
+  }, m) => {
+    const { shouldRender: H, isAnimating: p } = R1(e, 150), [_, x] = F(null), u = W(
+      (h) => {
+        x(h), typeof m == "function" ? m(h) : m && (m.current = h);
       },
-      [V]
+      [m]
     );
-    return a6(a ? w : () => {
-    }, v), I3(w), F3(v, Z), /* @__PURE__ */ n(G, { children: Z && /* @__PURE__ */ d(Q1, { freezeNavigation: !0, children: [
-      /* @__PURE__ */ n("div", { className: M1["modal-backdrop"], "data-open": L }),
+    return a6(w ? g : () => {
+    }, _), I3(g), F3(_, H), /* @__PURE__ */ n(G, { children: H && /* @__PURE__ */ d(Q1, { freezeNavigation: !0, children: [
+      /* @__PURE__ */ n("div", { className: M1["modal-backdrop"], "data-open": p }),
       /* @__PURE__ */ d(
         "dialog",
         {
-          ref: _,
-          className: z(M1["modal-container"], p),
+          ref: u,
+          className: z(M1["modal-container"], V),
           "aria-modal": "true",
           "aria-labelledby": `${C}-modal-title`,
-          "aria-describedby": o ? `${C}-modal-desc` : g["aria-describedby"],
+          "aria-describedby": o ? `${C}-modal-desc` : L["aria-describedby"],
           "data-size": c,
-          "data-open": L,
+          "data-open": p,
           children: [
             /* @__PURE__ */ d("div", { className: M1["modal-header"], children: [
               /* @__PURE__ */ d("div", { className: M1["modal-header-text"], children: [
                 r && /* @__PURE__ */ n(I, { name: r, size: b1.xl, appearance: l }),
                 /* @__PURE__ */ n("h2", { id: `${C}-modal-title`, className: M1["modal-title"], children: t }),
-                /* @__PURE__ */ n(
+                a && /* @__PURE__ */ n(
                   H1,
                   {
                     "data-testid": "modal-close-button",
@@ -4291,16 +4292,16 @@ const Do = $(
                     size: "l",
                     className: M1["close-icon"],
                     variant: "neutral",
-                    onClick: w,
+                    onClick: g,
                     "aria-label": `Close modal ${C}`
                   }
                 )
               ] }),
               /* @__PURE__ */ n(d1, {})
             ] }),
-            (o || H) && /* @__PURE__ */ d("div", { className: M1["modal-content"], children: [
+            (o || v) && /* @__PURE__ */ d("div", { className: M1["modal-content"], children: [
               o && /* @__PURE__ */ n("p", { className: M1["modal-content-description"], id: `${C}-modal-desc`, children: o }),
-              H
+              v
             ] }),
             /* @__PURE__ */ d("div", { className: M1["modal-footer"], children: [
               i,
@@ -4336,53 +4337,53 @@ const Do = $(
     className: c = "",
     triggerStyles: a,
     closeOnClickOutside: w = !0,
-    closeOnEscape: p = !0,
-    onClickPrimaryButton: H,
-    onClickSecondaryButton: g,
-    ...V
-  }, Z) => {
-    const L = q(null), [v, x] = F(null), [_, u] = F(e), [h, f] = F(t), [B, N] = F({ top: 0, left: 0 }), [S, y] = F(!1), { shouldRender: O, isAnimating: k } = R1(S, 150), [b, M] = F(!1), m = W(() => {
-      if (!L.current || !v) return;
-      const j = e === "auto" ? o6(L.current, v, "top", l ? U3 : K3) : e, g1 = t || y3(L.current, v, j), T = v3(
+    closeOnEscape: g = !0,
+    onClickPrimaryButton: V,
+    onClickSecondaryButton: v,
+    ...L
+  }, m) => {
+    const H = q(null), [p, _] = F(null), [x, u] = F(e), [h, f] = F(t), [B, N] = F({ top: 0, left: 0 }), [S, y] = F(!1), { shouldRender: O, isAnimating: k } = R1(S, 150), [b, M] = F(!1), Z = W(() => {
+      if (!H.current || !p) return;
+      const j = e === "auto" ? o6(H.current, p, "top", l ? U3 : K3) : e, g1 = t || y3(H.current, p, j), T = v3(
         j,
-        L.current,
-        v,
+        H.current,
+        p,
         l ? U3 : K3,
         g1
       );
       f(g1), N(T), u(j);
-    }, [e, l, v, t]), A = W(() => {
+    }, [e, l, p, t]), A = W(() => {
       w && y(!1);
     }, [w]), K = W(() => {
-      p && y(!1);
-    }, [p]);
-    F3(v, O), a6(A, L.current, v), I3(K), Nt(m);
+      g && y(!1);
+    }, [g]);
+    F3(p, O), a6(A, H.current, p), I3(K), Nt(Z);
     const D = W(
       (j) => {
-        x(j), typeof Z == "function" ? Z(j) : Z && (Z.current = j), j && S && requestAnimationFrame(() => {
+        _(j), typeof m == "function" ? m(j) : m && (m.current = j), j && S && requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            m();
+            Z();
           });
         });
       },
-      [Z, S, m]
+      [m, S, Z]
     );
     E(() => {
-      S && v ? (m(), M(!0)) : M(!1);
-    }, [S, v, m]);
+      S && p ? (Z(), M(!0)) : M(!1);
+    }, [S, p, Z]);
     const U = (j) => {
       j.key === Q && (j.preventDefault(), S || y(!0));
     }, P = (j) => {
       S || (j.preventDefault(), y(!0));
     }, l1 = () => {
-      g && g(), y(!1);
+      v && v(), y(!1);
     }, Y = () => {
-      H && H(), y(!1);
+      V && V(), y(!1);
     };
     return /* @__PURE__ */ d(
       "div",
       {
-        ref: L,
+        ref: H,
         className: z(I1.popoverTrigger),
         onClick: P,
         onKeyDown: U,
@@ -4397,11 +4398,11 @@ const Do = $(
               role: "dialog",
               "aria-modal": "true",
               "data-arrow": l,
-              "data-position": _,
+              "data-position": x,
               "data-alignment": h,
               "data-open": b && k || void 0,
               style: { top: `${B.top}px`, left: `${B.left}px` },
-              ...V,
+              ...L,
               children: /* @__PURE__ */ d("div", { className: I1.popoverInner, children: [
                 /* @__PURE__ */ d("div", { className: I1.popoverContentContainer, children: [
                   o && /* @__PURE__ */ n("div", { className: I1.popoverTitle, children: o }),
@@ -4493,33 +4494,33 @@ const Do = $(
     errorMessage: c = "",
     error: a = !1,
     disabled: w = !1,
-    readOnly: p = !1,
-    required: H = !1,
-    showLabelRequirement: g = !1,
-    className: V = "",
-    value: Z,
-    defaultValue: L,
-    onChange: v,
-    tooltipTextLabel: x,
-    ..._
+    readOnly: g = !1,
+    required: V = !1,
+    showLabelRequirement: v = !1,
+    className: L = "",
+    value: m,
+    defaultValue: H,
+    onChange: p,
+    tooltipTextLabel: _,
+    ...x
   }, u) => {
-    const [h, f] = F(L ?? ""), B = Z !== void 0, N = B ? Z : h, S = (O) => {
-      B || f(O), v == null || v(O);
+    const [h, f] = F(H ?? ""), B = m !== void 0, N = B ? m : h, S = (O) => {
+      B || f(O), p == null || p(O);
     };
     if (w && a)
       return;
-    const y = /* @__PURE__ */ d("div", { ref: u, className: z(A1.radioButtonGroupContainer, V), ..._, children: [
+    const y = /* @__PURE__ */ d("div", { ref: u, className: z(A1.radioButtonGroupContainer, L), ...x, children: [
       /* @__PURE__ */ d(
         "div",
         {
           className: A1.radioButtonGroupHeader,
           "data-error": a,
           "data-disabled": w,
-          "data-read-only": p,
+          "data-read-only": g,
           children: [
             l && o && /* @__PURE__ */ d("div", { className: A1.labelContainer, children: [
               /* @__PURE__ */ n("h3", { className: A1.groupTitle, children: l }),
-              /* @__PURE__ */ n(S1, { required: H, showLabelRequirement: g })
+              /* @__PURE__ */ n(S1, { required: V, showLabelRequirement: v })
             ] }),
             s && i && /* @__PURE__ */ n("p", { className: A1.groupHelpText, children: s }),
             c && a && /* @__PURE__ */ n("p", { className: A1.errorMessage, children: c })
@@ -4534,14 +4535,14 @@ const Do = $(
           showLabel: r,
           disabled: w,
           error: a,
-          readOnly: p,
+          readOnly: g,
           checked: N === O,
           onChange: () => S(O)
         },
         k
       )) })
     ] });
-    return /* @__PURE__ */ n(G, { children: x ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: x, position: "bottom", children: y }) : y });
+    return /* @__PURE__ */ n(G, { children: _ ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: _, position: "bottom", children: y }) : y });
   }
 ), Qt = "8px", Xt = "44px", Jt = "24px", t3 = "8px", Cn = {
   primary: {
@@ -4603,15 +4604,15 @@ const Do = $(
     rightIconAction: c = "clean",
     showLabelRequirement: a = !1,
     assistiveAppearance: w = "description",
-    showAssistiveIcon: p = !1,
-    assistiveTextLabel: H = "",
-    error: g = !1,
-    maxLength: V,
-    disabled: Z,
-    readOnly: L,
-    width: v,
-    onChange: x,
-    onRightIconClick: _,
+    showAssistiveIcon: g = !1,
+    assistiveTextLabel: V = "",
+    error: v = !1,
+    maxLength: L,
+    disabled: m,
+    readOnly: H,
+    width: p,
+    onChange: _,
+    onRightIconClick: x,
     compactSpacing: u,
     placeholder: h,
     rightSlot: f,
@@ -4620,7 +4621,7 @@ const Do = $(
     tooltipTextLabel: S,
     ...y
   }, O) => {
-    const k = q(null), b = q(null), [M, m] = F(48), A = (n1) => ["visibilityOn", "visibilityOff"].includes(n1) ? Y ? "visibility-show" : "visibility-hide" : n1 === "clean" ? "cancel" : "", K = (n1) => ["visibilityOn", "visibilityOff"].includes(n1) ? Y ? "show text" : "hide text" : n1 === "clean" ? "clear" : "", [D, U] = F(o ?? ""), [P, l1] = F(D.length), [Y, j] = F(!!i && c === "visibilityOn");
+    const k = q(null), b = q(null), [M, Z] = F(48), A = (n1) => ["visibilityOn", "visibilityOff"].includes(n1) ? Y ? "visibility-show" : "visibility-hide" : n1 === "clean" ? "cancel" : "", K = (n1) => ["visibilityOn", "visibilityOff"].includes(n1) ? Y ? "show text" : "hide text" : n1 === "clean" ? "clear" : "", [D, U] = F(o ?? ""), [P, l1] = F(D.length), [Y, j] = F(!!i && c === "visibilityOn");
     E(() => {
       o !== void 0 && (U(o), l1(o.length));
     }, [o]), E(() => {
@@ -4628,23 +4629,23 @@ const Do = $(
     }, [i, c]), E(() => {
       if (N && b.current) {
         const n1 = b.current.offsetWidth;
-        m(Math.max(48, n1 + 8));
+        Z(Math.max(48, n1 + 8));
       }
     }, [D, N]);
     const g1 = (n1) => {
       const y1 = n1.target.value;
-      U(y1), l1(y1.length), x && x(y1);
+      U(y1), l1(y1.length), _ && _(y1);
     }, T = () => {
-      c === "clean" && (U(""), l1(0), x && x("")), ["visibilityOn", "visibilityOff"].includes(c) && t1();
+      c === "clean" && (U(""), l1(0), _ && _("")), ["visibilityOn", "visibilityOff"].includes(c) && t1();
     }, s1 = () => {
-      _ && _(), T();
+      x && x(), T();
     }, t1 = () => {
       j(!Y);
     }, V1 = z(
       J.inputBar,
       s ? J.withLeftIcon : "",
       c ? J.withRightIcon : ""
-    ), u1 = l && typeof V == "number", f1 = A(c), x1 = K(c), H3 = () => L || Z ? !1 : c === "clean" ? !!(D != null && D.length) && i : i && !!c, c3 = /* @__PURE__ */ d(G, { children: [
+    ), u1 = l && typeof L == "number", f1 = A(c), x1 = K(c), H3 = () => H || m ? !1 : c === "clean" ? !!(D != null && D.length) && i : i && !!c, c3 = /* @__PURE__ */ d(G, { children: [
       e && /* @__PURE__ */ d("div", { className: J.text, children: [
         /* @__PURE__ */ d("div", { className: J.labelContainer, children: [
           /* @__PURE__ */ d("label", { className: J.inputLabel, id: `inputLabel-${C}`, htmlFor: C, children: [
@@ -4658,7 +4659,7 @@ const Do = $(
           " ",
           P,
           "/",
-          V
+          L
         ] })
       ] }),
       /* @__PURE__ */ d("div", { className: J.inputContainer, children: [
@@ -4667,8 +4668,8 @@ const Do = $(
           {
             className: J.input,
             "data-label-position": t,
-            "data-disabled": Z,
-            "data-read-only": L,
+            "data-disabled": m,
+            "data-read-only": H,
             children: [
               /* @__PURE__ */ d("div", { className: V1, children: [
                 s && /* @__PURE__ */ n(
@@ -4691,15 +4692,15 @@ const Do = $(
                         k.current = n1, typeof O == "function" ? O(n1) : O && (O.current = n1);
                       },
                       type: N ? "number" : Y ? "password" : "text",
-                      "data-error": g,
+                      "data-error": v,
                       "data-highlighted": B,
                       className: J.inputField,
                       "data-has-unit": !!N,
-                      maxLength: V,
+                      maxLength: L,
                       onChange: g1,
-                      disabled: Z,
-                      readOnly: L,
-                      value: Z ? "" : D,
+                      disabled: m,
+                      readOnly: H,
+                      value: m ? "" : D,
                       placeholder: h,
                       ...y
                     }
@@ -4725,13 +4726,13 @@ const Do = $(
             ]
           }
         ),
-        H && /* @__PURE__ */ n(A3, { label: H, appearance: w, showIcon: p })
+        V && /* @__PURE__ */ n(A3, { label: V, appearance: w, showIcon: g })
       ] }),
       u1 && t == "side" && /* @__PURE__ */ d("p", { className: J.inputCounter, "data-testid": "input-counter", children: [
         " ",
         P,
         "/",
-        V,
+        L,
         " "
       ] })
     ] });
@@ -4740,8 +4741,8 @@ const Do = $(
       {
         className: J.container,
         "data-label-position": t,
-        "data-error": g,
-        style: { width: v },
+        "data-error": v,
+        style: { width: p },
         "data-compact-spacing": u,
         children: S ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: S, position: "bottom", children: c3 }) : c3
       }
@@ -4776,29 +4777,29 @@ const Po = $(
     compactSpacing: c,
     value: a,
     assistiveText: w,
-    style: p,
-    ...H
-  }, g) => {
-    const V = Cn[i], [Z, L] = F(!1), v = q(null);
+    style: g,
+    ...V
+  }, v) => {
+    const L = Cn[i], [m, H] = F(!1), p = q(null);
     E(() => {
-      const y = v.current;
+      const y = p.current;
       if (!y) return;
       const O = () => {
-        L(!0);
+        H(!0);
       }, k = (b) => {
         const M = b.relatedTarget;
-        M && y.contains(M) || L(!1);
+        M && y.contains(M) || H(!1);
       };
       return y.addEventListener("focusin", O), y.addEventListener("focusout", k), () => {
         y.removeEventListener("focusin", O), y.removeEventListener("focusout", k);
       };
     }, []);
-    const x = W(
+    const _ = W(
       (y) => {
         e == null || e(y);
       },
       [e]
-    ), _ = W(() => {
+    ), x = W(() => {
       C == null || C(a);
     }, [C, a]), u = W(
       (y) => {
@@ -4811,7 +4812,7 @@ const Po = $(
       () => ({
         disabled: o,
         value: a,
-        onChange: x,
+        onChange: _,
         onKeyUp: C ? u : void 0,
         showRightIcon: s,
         rightIconAction: "clean",
@@ -4819,13 +4820,13 @@ const Po = $(
         assistiveTextLabel: w,
         compactSpacing: c,
         placeholder: f,
-        leftIcon: V.showLeftIcon ? "search" : void 0,
-        ...H
+        leftIcon: L.showLeftIcon ? "search" : void 0,
+        ...V
       }),
       [
         o,
         a,
-        x,
+        _,
         C,
         u,
         s,
@@ -4833,32 +4834,32 @@ const Po = $(
         w,
         c,
         f,
-        V.showLeftIcon,
-        H
+        L.showLeftIcon,
+        V
       ]
     ), N = W1(
       () => ({
-        ...fn(i, V.showLeftIcon),
-        ...p ?? {}
+        ...fn(i, L.showLeftIcon),
+        ...g ?? {}
       }),
-      [i, V.showLeftIcon, p]
+      [i, L.showLeftIcon, g]
     ), S = W1(() => xn(c), [c]);
-    return /* @__PURE__ */ n("div", { className: b3.searchbarContainer, role: "search", "data-appearance": i, children: /* @__PURE__ */ n("div", { ref: v, className: b3.textInputWrapper, "data-disabled": o, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ n("div", { className: b3.searchbarContainer, role: "search", "data-appearance": i, children: /* @__PURE__ */ n("div", { ref: p, className: b3.textInputWrapper, "data-disabled": o, children: /* @__PURE__ */ n(
       Ln,
       {
         id: r ?? "",
         ...B,
         style: N,
-        highlighted: Z,
-        ref: g,
-        rightSlot: V.showSearchButton && /* @__PURE__ */ n(
+        highlighted: m,
+        ref: v,
+        rightSlot: L.showSearchButton && /* @__PURE__ */ n(
           H1,
           {
             name: "search",
             size: "m",
             variant: "primary",
             appearance: "filled",
-            onClick: _,
+            onClick: x,
             disabled: o,
             "aria-label": l,
             className: b3.searchButton,
@@ -4958,33 +4959,33 @@ const Po = $(
   badgeIcon: c,
   badgeType: a,
   badgeSize: w,
-  showBadge: p,
-  size: H = "l",
-  ...g
+  showBadge: g,
+  size: V = "l",
+  ...v
 }) => {
-  const V = H === "s" ? 16 : 24, Z = q(null), L = Nn();
-  On(Z);
-  const v = (B) => {
+  const L = V === "s" ? 16 : 24, m = q(null), H = Nn();
+  On(m);
+  const p = (B) => {
     var N, S;
     if (B.key === o1 || B.key === Q)
       f == null || f(B);
     else if (B.key === e3 || B.key === q1) {
-      const y = (S = (N = Z.current) == null ? void 0 : N.parentElement) == null ? void 0 : S.parentElement, O = Array.from(
+      const y = (S = (N = m.current) == null ? void 0 : N.parentElement) == null ? void 0 : S.parentElement, O = Array.from(
         (y == null ? void 0 : y.querySelectorAll("." + h1.segment)) ?? []
       ), k = O.findIndex(
         (b) => b === document.activeElement
       );
       B.key === q1 ? Sn(k, O) : B.key === e3 && yn(k, O);
     }
-  }, x = (B) => {
+  }, _ = (B) => {
     if (B.key === j1) {
-      const N = document.activeElement, S = Array.from(L).indexOf(
+      const N = document.activeElement, S = Array.from(H).indexOf(
         N
       );
-      B.shiftKey ? bn(S, L, h1.segment) : Bn(S, L, h1.segment);
+      B.shiftKey ? bn(S, H, h1.segment) : Bn(S, H, h1.segment);
     }
-  }, { onBlur: _, onKeyDown: u, onKeyUp: h } = E1(
-    { onKeyUp: v, onKeyDown: x },
+  }, { onBlur: x, onKeyDown: u, onKeyUp: h } = E1(
+    { onKeyUp: p, onKeyDown: _ },
     {
       id: C,
       interactiveKeyCodes: [o1, Q, j1, e3, q1]
@@ -4992,7 +4993,7 @@ const Po = $(
   ), f = (B) => {
     B.preventDefault(), B.stopPropagation(), o == null || o(B);
   };
-  return /* @__PURE__ */ n("div", { className: h1["segment-container"], "data-position": r, "data-size": H, ...g, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ n("div", { className: h1["segment-container"], "data-position": r, "data-size": V, ...v, children: /* @__PURE__ */ d(
     "div",
     {
       id: C,
@@ -5002,25 +5003,25 @@ const Po = $(
       className: h1.segment,
       "data-segment-type": e ? "icon" : "label",
       "data-selected": l,
-      "data-size": H,
+      "data-size": V,
       onKeyDown: u,
       onKeyUp: h,
-      onBlur: _,
+      onBlur: x,
       onClick: f,
       tabIndex: 0,
-      ref: Z,
+      ref: m,
       children: [
-        l && /* @__PURE__ */ n(I, { name: "check-small", appearance: "filled", size: V, className: h1["selected-icon"] }),
-        /* @__PURE__ */ n("div", { className: h1["segment-content"], children: e ? /* @__PURE__ */ n(I, { name: e, appearance: l ? "filled" : "outlined", size: V }) : /* @__PURE__ */ n("span", { className: h1["segment-label"], children: t }) }),
-        Y1({ showBadge: !!p, badgeContent: i, badgeCount: s, badgeIcon: c }) && /* @__PURE__ */ n(r1, { count: s, content: i, icon: c, badgeType: a, size: w })
+        l && /* @__PURE__ */ n(I, { name: "check-small", appearance: "filled", size: L, className: h1["selected-icon"] }),
+        /* @__PURE__ */ n("div", { className: h1["segment-content"], children: e ? /* @__PURE__ */ n(I, { name: e, appearance: l ? "filled" : "outlined", size: L }) : /* @__PURE__ */ n("span", { className: h1["segment-label"], children: t }) }),
+        Y1({ showBadge: !!g, badgeContent: i, badgeCount: s, badgeIcon: c }) && /* @__PURE__ */ n(r1, { count: s, content: i, icon: c, badgeType: a, size: w })
       ]
     }
   ) });
 }, zo = $(
   ({ options: C, onChange: e, selectedSegment: t, size: r = "l", ...l }, o) => {
     const s = q(null), i = w6(s, t), c = (a) => {
-      const p = a.currentTarget.getAttribute("id") || "";
-      e(p);
+      const g = a.currentTarget.getAttribute("id") || "";
+      e(g);
     };
     return /* @__PURE__ */ d(
       "div",
@@ -5070,28 +5071,28 @@ const Po = $(
   "selected-icon": "_selected-icon_kimsj_105"
 }, An = (C, e) => e === 2 ? C === 0 ? "left" : "right" : C === 0 ? "left" : C === e - 1 ? "right" : "middle", $o = $(
   ({ tabs: C, selectedTab: e, defaultSelectedTab: t, onChange: r, size: l = "l", width: o, className: s, ...i }, c) => {
-    var _;
-    const [a, w] = F(t ?? ((_ = C[0]) == null ? void 0 : _.id) ?? ""), p = e !== void 0, H = p ? e : a, g = q(null), V = l === "s" ? 16 : 24, Z = (u) => {
-      p || w(u), r == null || r(u);
-    }, L = (u) => {
+    var x;
+    const [a, w] = F(t ?? ((x = C[0]) == null ? void 0 : x.id) ?? ""), g = e !== void 0, V = g ? e : a, v = q(null), L = l === "s" ? 16 : 24, m = (u) => {
+      g || w(u), r == null || r(u);
+    }, H = (u) => {
       const h = u.currentTarget.getAttribute("id") || "";
-      Z(h);
-    }, v = (u) => {
+      m(h);
+    }, p = (u) => {
       var h, f;
       if (u.key === o1 || u.key === Q) {
         u.preventDefault();
         const B = u.currentTarget.getAttribute("id") || "";
-        Z(B);
+        m(B);
       } else if (u.key === q1 || u.key === e3) {
         u.preventDefault();
-        const B = Array.from(((h = g.current) == null ? void 0 : h.querySelectorAll("." + m1.tab)) ?? []), N = B.findIndex((y) => y === document.activeElement);
+        const B = Array.from(((h = v.current) == null ? void 0 : h.querySelectorAll("." + m1.tab)) ?? []), N = B.findIndex((y) => y === document.activeElement);
         let S;
         u.key === q1 ? S = N < B.length - 1 ? N + 1 : 0 : S = N > 0 ? N - 1 : B.length - 1, (f = B[S]) == null || f.focus();
       }
-    }, x = C.find((u) => u.id === H);
+    }, _ = C.find((u) => u.id === V);
     return /* @__PURE__ */ d("div", { ref: c, className: z(m1["segmented-tabs"], s), ...i, children: [
-      /* @__PURE__ */ n("div", { ref: g, role: "tablist", className: m1["tab-bar"], "data-size": l, style: { width: o }, children: C.map((u, h) => {
-        const f = H === u.id, B = An(h, C.length);
+      /* @__PURE__ */ n("div", { ref: v, role: "tablist", className: m1["tab-bar"], "data-size": l, style: { width: o }, children: C.map((u, h) => {
+        const f = V === u.id, B = An(h, C.length);
         return /* @__PURE__ */ n("div", { className: m1["tab-container"], "data-position": B, "data-size": l, children: /* @__PURE__ */ d(
           "div",
           {
@@ -5105,11 +5106,11 @@ const Po = $(
             "data-selected": f,
             "data-size": l,
             tabIndex: f ? 0 : -1,
-            onClick: L,
-            onKeyDown: v,
+            onClick: H,
+            onKeyDown: p,
             children: [
-              f && /* @__PURE__ */ n(I, { name: "check-small", appearance: "filled", size: V, className: m1["selected-icon"] }),
-              /* @__PURE__ */ n("div", { className: m1["tab-content"], children: u.icon ? /* @__PURE__ */ n(I, { name: u.icon, appearance: f ? "filled" : "outlined", size: V }) : /* @__PURE__ */ n("span", { className: m1["tab-label"], children: u.label }) }),
+              f && /* @__PURE__ */ n(I, { name: "check-small", appearance: "filled", size: L, className: m1["selected-icon"] }),
+              /* @__PURE__ */ n("div", { className: m1["tab-content"], children: u.icon ? /* @__PURE__ */ n(I, { name: u.icon, appearance: f ? "filled" : "outlined", size: L }) : /* @__PURE__ */ n("span", { className: m1["tab-label"], children: u.label }) }),
               Y1({
                 showBadge: !!u.showBadge,
                 badgeContent: u.badgeContent,
@@ -5129,7 +5130,7 @@ const Po = $(
           }
         ) }, u.id);
       }) }),
-      /* @__PURE__ */ n("div", { id: `panel-${H}`, role: "tabpanel", "aria-labelledby": H, className: m1["tab-panel"], children: x == null ? void 0 : x.content })
+      /* @__PURE__ */ n("div", { id: `panel-${V}`, role: "tabpanel", "aria-labelledby": V, className: m1["tab-panel"], children: _ == null ? void 0 : _.content })
     ] });
   }
 ), Dn = 100, Tn = 8, Rn = 112, X = {
@@ -5162,15 +5163,15 @@ const Po = $(
     assistiveAppearance: c = "description",
     showAssistiveIcon: a = !1,
     assistiveTextLink: w,
-    showLabelRequirement: p = !1,
-    assistiveTextLabel: H,
-    onClear: g,
-    onChange: V,
-    options: Z = [],
-    disabled: L,
-    readonly: v,
-    showResetButton: x,
-    width: _ = Rn,
+    showLabelRequirement: g = !1,
+    assistiveTextLabel: V,
+    onClear: v,
+    onChange: L,
+    options: m = [],
+    disabled: H,
+    readonly: p,
+    showResetButton: _,
+    width: x = Rn,
     multiple: u = !1,
     multipleValue: h,
     onMultipleChange: f,
@@ -5180,15 +5181,15 @@ const Po = $(
     labelExtra: y
   }, O) => {
     var V3;
-    const [k, b] = F(o || ""), [M, m] = F(h || []), [A, K] = F(!1), D = q(null), U = (R) => {
+    const [k, b] = F(o || ""), [M, Z] = F(h || []), [A, K] = F(!1), D = q(null), U = (R) => {
       D.current = R, typeof O == "function" ? O(R) : O && (O.current = R);
-    }, P = u ? M.length > 0 : !!k, l1 = x && P && !v && !L, Y = Z.find((R) => R.value === k), j = Y == null ? void 0 : Y.label, g1 = Y == null ? void 0 : Y.icon, T = !P && N, s1 = () => {
+    }, P = u ? M.length > 0 : !!k, l1 = _ && P && !p && !H, Y = m.find((R) => R.value === k), j = Y == null ? void 0 : Y.label, g1 = Y == null ? void 0 : Y.icon, T = !P && N, s1 = () => {
       var R;
-      return M.length === 0 ? "" : M.length === 1 ? ((R = Z.find((i1) => i1.value === M[0])) == null ? void 0 : R.label) || "" : `${M.length} sélectionnés`;
+      return M.length === 0 ? "" : M.length === 1 ? ((R = m.find((i1) => i1.value === M[0])) == null ? void 0 : R.label) || "" : `${M.length} sélectionnés`;
     }, t1 = (R) => M.includes(R), V1 = (R) => {
       const i1 = t1(R) ? M.filter((N1) => N1 !== R) : [...M, R];
-      m(i1), f == null || f(i1);
-    }, u1 = i && !L && !v, f1 = () => {
+      Z(i1), f == null || f(i1);
+    }, u1 = i && !H && !p, f1 = () => {
       const R = D.current;
       if (R) {
         const i1 = R.getBoundingClientRect();
@@ -5197,7 +5198,7 @@ const Po = $(
       return "bottom";
     }, x1 = () => {
       if (D.current) {
-        if (L)
+        if (H)
           return;
         D.current.focus(), K(!A);
       }
@@ -5205,20 +5206,20 @@ const Po = $(
       document.activeElement === D.current && (R.key === o1 || R.key === Q) && (R.preventDefault(), x1());
     }, c3 = (R) => {
       var i1;
-      R.stopPropagation(), u ? (m([]), f == null || f([])) : n1(""), g == null || g(), (i1 = D.current) == null || i1.focus();
+      R.stopPropagation(), u ? (Z([]), f == null || f([])) : n1(""), v == null || v(), (i1 = D.current) == null || i1.focus();
     }, n1 = (R) => {
-      b(R), V == null || V(R), K(!1);
+      b(R), L == null || L(R), K(!1);
     };
     E(() => {
       b(o || "");
     }, [o]), E(() => {
-      m(h || []);
+      Z(h || []);
     }, [h]);
     const y1 = /* @__PURE__ */ d("div", { className: X["select-container"], "data-label-position": r, children: [
       s && r === "side" && /* @__PURE__ */ d("div", { className: X["select-label-row"], children: [
         /* @__PURE__ */ d("label", { htmlFor: C, id: t, className: X["select-label"], children: [
           e,
-          /* @__PURE__ */ n(S1, { required: l, showLabelRequirement: p })
+          /* @__PURE__ */ n(S1, { required: l, showLabelRequirement: g })
         ] }),
         y
       ] }),
@@ -5226,7 +5227,7 @@ const Po = $(
         s && r === "top" && /* @__PURE__ */ d("div", { className: X["select-label-row"], children: [
           /* @__PURE__ */ d("label", { htmlFor: C, id: t, className: X["select-label"], children: [
             e,
-            /* @__PURE__ */ n(S1, { required: l, showLabelRequirement: p })
+            /* @__PURE__ */ n(S1, { required: l, showLabelRequirement: g })
           ] }),
           y
         ] }),
@@ -5247,15 +5248,15 @@ const Po = $(
                 "aria-labelledby": t,
                 "data-error": i ? "true" : "false",
                 "data-active": A ? "true" : "false",
-                "data-disabled": L ? "true" : "false",
-                "data-read-only": v ? "true" : "false",
+                "data-disabled": H ? "true" : "false",
+                "data-read-only": p ? "true" : "false",
                 id: C,
                 className: X["select-wrapper"],
                 role: "combobox",
-                tabIndex: L ? -1 : 0,
+                tabIndex: H ? -1 : 0,
                 onClick: x1,
                 onKeyDown: H3,
-                style: { width: _, ...S },
+                style: { width: x, ...S },
                 children: /* @__PURE__ */ d("div", { className: X["select-content"], children: [
                   u1 && /* @__PURE__ */ n(I, { name: "error", className: X["error-icon"] }),
                   /* @__PURE__ */ d(
@@ -5279,7 +5280,7 @@ const Po = $(
                         variant: "neutral",
                         className: z(X["icon-button"], X["clear-icon"]),
                         onClick: c3,
-                        disabled: L
+                        disabled: H
                       }
                     ),
                     /* @__PURE__ */ n(
@@ -5297,17 +5298,17 @@ const Po = $(
             isOpen: A,
             position: f1(),
             children: [
-              Z.length === 0 && /* @__PURE__ */ n(s3, { label: "No options available", onClick: () => {
+              m.length === 0 && /* @__PURE__ */ n(s3, { label: "No options available", onClick: () => {
               } }),
-              u ? Z.map(({ value: R, label: i1, icon: N1 }, L3) => /* @__PURE__ */ d(
+              u ? m.map(({ value: R, label: i1, icon: N1 }, L3) => /* @__PURE__ */ d(
                 "li",
                 {
                   className: X["dropdown-item-multiple"],
                   role: "option",
                   "aria-selected": t1(R),
-                  onClick: () => !v && V1(R),
-                  tabIndex: v ? -1 : 0,
-                  "data-read-only": v ? "true" : "false",
+                  onClick: () => !p && V1(R),
+                  tabIndex: p ? -1 : 0,
+                  "data-read-only": p ? "true" : "false",
                   children: [
                     /* @__PURE__ */ n(
                       I,
@@ -5322,15 +5323,15 @@ const Po = $(
                   ]
                 },
                 L3 + R
-              )) : Z.map(({ value: R, label: i1, icon: N1 }, L3) => /* @__PURE__ */ n(
+              )) : m.map(({ value: R, label: i1, icon: N1 }, L3) => /* @__PURE__ */ n(
                 s3,
                 {
                   label: i1,
                   leftIcon: N1,
                   isSelected: R === k,
-                  disabled: v,
+                  disabled: p,
                   onClick: () => {
-                    v || n1(R);
+                    p || n1(R);
                   }
                 },
                 L3 + R
@@ -5338,14 +5339,14 @@ const Po = $(
             ]
           }
         ),
-        H && /* @__PURE__ */ n(
+        V && /* @__PURE__ */ n(
           A3,
           {
-            label: H,
+            label: V,
             appearance: i ? "error" : c,
             showIcon: a,
             href: w,
-            width: _
+            width: x
           }
         )
       ] })
@@ -5402,23 +5403,23 @@ const tr = $(
     onProfileClick: c,
     showTeamData: a = !1,
     teamData: w,
-    middleItem: p,
-    children: H,
-    appearance: g = "brand",
-    collapsed: V,
-    ...Z
-  }, L) => {
-    const v = q(null), x = q(null);
-    return er(v, x, H), /* @__PURE__ */ d("div", { ref: v, className: c1.sideNavContainer, ...Z, children: [
+    middleItem: g,
+    children: V,
+    appearance: v = "brand",
+    collapsed: L,
+    ...m
+  }, H) => {
+    const p = q(null), _ = q(null);
+    return er(p, _, V), /* @__PURE__ */ d("div", { ref: p, className: c1.sideNavContainer, ...m, children: [
       /* @__PURE__ */ d(
         "nav",
         {
-          ref: L,
+          ref: H,
           className: c1.sideNav,
-          "data-collapsed": V,
-          "data-appearance": g,
+          "data-collapsed": L,
+          "data-appearance": v,
           style: {
-            minWidth: V ? En : Pn[C]
+            minWidth: L ? En : Pn[C]
           },
           children: [
             l && e && /* @__PURE__ */ n("div", { className: c1.sideNavHeader, children: e }),
@@ -5426,34 +5427,34 @@ const tr = $(
               "div",
               {
                 className: c1.sideNavProfile,
-                "data-collapsed": V,
+                "data-collapsed": L,
                 "data-clickable": !!c,
                 onClick: c,
-                onKeyDown: (_) => {
-                  (_.key === "Enter" || _.key === " ") && c && (_.preventDefault(), c());
+                onKeyDown: (x) => {
+                  (x.key === "Enter" || x.key === " ") && c && (x.preventDefault(), c());
                 },
                 role: c ? "button" : void 0,
                 tabIndex: c ? 0 : void 0,
                 children: [
                   /* @__PURE__ */ n(I, { name: "user-circle", appearance: "filled", size: 20 }),
-                  !V && /* @__PURE__ */ n("span", { className: c1.profileName, children: i })
+                  !L && /* @__PURE__ */ n("span", { className: c1.profileName, children: i })
                 ]
               }
             ),
-            p && !V && /* @__PURE__ */ n("div", { className: c1.sideNavMiddleItem, children: p }),
-            a && w && w.length > 0 && !V && /* @__PURE__ */ n("div", { className: c1.sideNavTeamData, children: w.map((_, u) => /* @__PURE__ */ d("div", { className: c1.teamDataItem, children: [
+            g && !L && /* @__PURE__ */ n("div", { className: c1.sideNavMiddleItem, children: g }),
+            a && w && w.length > 0 && !L && /* @__PURE__ */ n("div", { className: c1.sideNavTeamData, children: w.map((x, u) => /* @__PURE__ */ d("div", { className: c1.teamDataItem, children: [
               /* @__PURE__ */ d("span", { className: c1.teamDataLabel, children: [
-                _.label,
+                x.label,
                 " :"
               ] }),
-              /* @__PURE__ */ n("span", { className: c1.teamDataValue, children: _.value })
+              /* @__PURE__ */ n("span", { className: c1.teamDataValue, children: x.value })
             ] }, u)) }),
             t && /* @__PURE__ */ n("div", { className: c1.sideNavBody, children: t }),
             o && r && /* @__PURE__ */ n("div", { className: c1.sideNavFooter, children: r })
           ]
         }
       ),
-      H && /* @__PURE__ */ n("div", { ref: x, className: c1.sideNavContent, children: H })
+      V && /* @__PURE__ */ n("div", { ref: _, className: c1.sideNavContent, children: V })
     ] });
   }
 ), u3 = {
@@ -5519,7 +5520,7 @@ function h6({
   children: i,
   styleType: c = "item"
 }) {
-  const a = c === "menu" ? D1 : n3, p = {
+  const a = c === "menu" ? D1 : n3, g = {
     className: c === "menu" ? a.navMenu : a.navItem,
     tabIndex: t,
     "aria-label": e,
@@ -5528,7 +5529,7 @@ function h6({
     ...s && { onClick: s },
     ...r && { onKeyDown: r }
   };
-  return C ? /* @__PURE__ */ n("a", { href: C, ...p, children: i }) : /* @__PURE__ */ n("span", { ...p, children: i });
+  return C ? /* @__PURE__ */ n("a", { href: C, ...g, children: i }) : /* @__PURE__ */ n("span", { ...g, children: i });
 }
 function pr(C = !1, e = !1) {
   return C ? b1.s : e ? b1.l : b1.m;
@@ -5595,21 +5596,21 @@ const p3 = $(
     parentMenuOpen: c,
     appearance: a = "brand",
     active: w,
-    badge: p,
-    ...H
-  }, g) => {
-    const V = q(null), { onKeyDown: Z } = H6({
+    badge: g,
+    ...V
+  }, v) => {
+    const L = q(null), { onKeyDown: m } = H6({
       onEnterOrSpace: r
     });
-    function L() {
+    function H() {
       var h;
-      (h = V.current) == null || h.setAttribute("data-focused", "true");
+      (h = L.current) == null || h.setAttribute("data-focused", "true");
     }
-    function v() {
+    function p() {
       var h;
-      (h = V.current) == null || h.removeAttribute("data-focused");
+      (h = L.current) == null || h.removeAttribute("data-focused");
     }
-    const x = p6(c), _ = /* @__PURE__ */ d(G, { children: [
+    const _ = p6(c), x = /* @__PURE__ */ d(G, { children: [
       /* @__PURE__ */ n("div", { className: n3.navItemLeft, children: /* @__PURE__ */ n(
         v6,
         {
@@ -5621,7 +5622,7 @@ const p3 = $(
           styleType: "item"
         }
       ) }),
-      /* @__PURE__ */ n("div", { className: n3.navItemRight, children: !o && p && /* @__PURE__ */ n(r1, { badgeType: p.badgeType, size: p.size, content: p.content, count: p.count }) })
+      /* @__PURE__ */ n("div", { className: n3.navItemRight, children: !o && g && /* @__PURE__ */ n(r1, { badgeType: g.badgeType, size: g.size, content: g.content, count: g.count }) })
     ] }), u = /* @__PURE__ */ n(
       "div",
       {
@@ -5633,20 +5634,20 @@ const p3 = $(
         "data-active": w,
         onClick: r,
         ref: (h) => {
-          V.current = h, typeof g == "function" ? g(h) : g && "current" in g && (g.current = h);
+          L.current = h, typeof v == "function" ? v(h) : v && "current" in v && (v.current = h);
         },
-        ...H,
+        ...V,
         children: /* @__PURE__ */ n(
           h6,
           {
             link: s,
             label: l,
-            tabIndex: x,
-            onKeyDown: s ? void 0 : Z,
-            onFocus: L,
-            onBlur: v,
+            tabIndex: _,
+            onKeyDown: s ? void 0 : m,
+            onFocus: H,
+            onBlur: p,
             styleType: "item",
-            children: _
+            children: x
           }
         )
       }
@@ -5666,24 +5667,24 @@ const p3 = $(
     showMenuIcon: c = !0,
     isNested: a,
     parentMenuOpen: w,
-    appearance: p = "brand",
-    badge: H,
-    showDivider: g,
-    ...V
-  }, Z) => {
-    const [L, v] = F(!1), x = i !== void 0 ? i : L, _ = i !== void 0;
+    appearance: g = "brand",
+    badge: V,
+    showDivider: v,
+    ...L
+  }, m) => {
+    const [H, p] = F(!1), _ = i !== void 0 ? i : H, x = i !== void 0;
     function u() {
-      _ || v(!L), t && t();
+      x || p(!H), t && t();
     }
     function h() {
-      x && !_ && v(!1);
+      _ && !x && p(!1);
     }
     const { onKeyDown: f } = H6({
       onEnterOrSpace: u,
       onEscape: h,
       includeArrowKeys: !0,
       includeEscape: !0
-    }), B = s.length, N = !l && B, S = x, y = p6(w), O = N && c ? /* @__PURE__ */ n(I, { name: "arrow-chevron-right", className: D1.menuIcon, "data-open": x }) : null, k = /* @__PURE__ */ d(G, { children: [
+    }), B = s.length, N = !l && B, S = _, y = p6(w), O = N && c ? /* @__PURE__ */ n(I, { name: "arrow-chevron-right", className: D1.menuIcon, "data-open": _ }) : null, k = /* @__PURE__ */ d(G, { children: [
       /* @__PURE__ */ n("div", { className: D1.menuContentLeft, children: /* @__PURE__ */ n(
         v6,
         {
@@ -5696,7 +5697,7 @@ const p3 = $(
         }
       ) }),
       /* @__PURE__ */ d("div", { className: D1.menuContentRight, children: [
-        !l && H && /* @__PURE__ */ n(r1, { badgeType: H.badgeType, size: H.size, content: H.content, count: H.count }),
+        !l && V && /* @__PURE__ */ n(r1, { badgeType: V.badgeType, size: V.size, content: V.content, count: V.count }),
         O
       ] })
     ] }), b = /* @__PURE__ */ d(
@@ -5704,11 +5705,11 @@ const p3 = $(
       {
         className: D1.navMenuContainer,
         "data-collapsed": l,
-        "data-appearance": p,
+        "data-appearance": g,
         "data-nested": a,
-        "data-open": x,
-        ref: Z,
-        ...V,
+        "data-open": _,
+        ref: m,
+        ...L,
         children: [
           /* @__PURE__ */ n(
             h6,
@@ -5722,51 +5723,51 @@ const p3 = $(
               children: k
             }
           ),
-          N && /* @__PURE__ */ n("ul", { className: D1.nestedMenu, "data-open": x, children: s.map((m) => {
+          N && /* @__PURE__ */ n("ul", { className: D1.nestedMenu, "data-open": _, children: s.map((Z) => {
             var K;
-            return (K = m.items) != null && K.length ? /* @__PURE__ */ n(
+            return (K = Z.items) != null && K.length ? /* @__PURE__ */ n(
               D3,
               {
-                label: m.label,
-                icon: m.icon,
-                showIcon: m.showIcon,
+                label: Z.label,
+                icon: Z.icon,
+                showIcon: Z.showIcon,
                 collapsed: l,
-                link: m.link,
-                onClick: m.onClick,
-                items: m.items || [],
+                link: Z.link,
+                onClick: Z.onClick,
+                items: Z.items || [],
                 showMenuIcon: c,
-                showDivider: m.showDivider,
+                showDivider: Z.showDivider,
                 isNested: !0,
                 parentMenuOpen: S,
-                appearance: p,
-                badge: m.badge
+                appearance: g,
+                badge: Z.badge
               },
-              m.id || m.label
+              Z.id || Z.label
             ) : /* @__PURE__ */ d(r3, { children: [
               /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
                 p3,
                 {
-                  label: m.label,
-                  icon: m.icon,
-                  showIcon: m.showIcon,
+                  label: Z.label,
+                  icon: Z.icon,
+                  showIcon: Z.showIcon,
                   collapsed: l,
-                  link: m.link,
-                  onClick: m.onClick,
+                  link: Z.link,
+                  onClick: Z.onClick,
                   isNested: !0,
                   parentMenuOpen: S,
-                  appearance: p,
-                  badge: m.badge
+                  appearance: g,
+                  badge: Z.badge
                 }
               ) }),
-              m.showDivider && /* @__PURE__ */ n(d1, { appearance: g3[p] })
-            ] }, m.id || m.label);
+              Z.showDivider && /* @__PURE__ */ n(d1, { appearance: g3[g] })
+            ] }, Z.id || Z.label);
           }) })
         ]
       }
     );
     return /* @__PURE__ */ d(G, { children: [
       /* @__PURE__ */ n(g6, { label: r, collapsed: l, children: b }),
-      g && /* @__PURE__ */ n(d1, { appearance: g3[p] })
+      v && /* @__PURE__ */ n(d1, { appearance: g3[g] })
     ] });
   }
 ), Vr = "_mobileContainer_kf4sv_1", Lr = "_mobileBar_kf4sv_7", Mr = "_logoBox_kf4sv_17", mr = "_logoInner_kf4sv_28", Zr = "_hamburgerButton_kf4sv_47", fr = "_middleSlot_kf4sv_67", xr = "_rightSlot_kf4sv_74", _r = "_mobileContent_kf4sv_82", Br = "_drawerBackdrop_kf4sv_87", br = "_mobileDrawer_kf4sv_99", Sr = "_drawerHeader_kf4sv_118", yr = "_drawerHeaderLeft_kf4sv_127", Nr = "_drawerLogoInner_kf4sv_132", kr = "_drawerTitle_kf4sv_150", Or = "_closeButton_kf4sv_161", Fr = "_drawerBody_kf4sv_180", Ir = "_drawerFooter_kf4sv_200", C1 = {
@@ -5797,20 +5798,20 @@ const p3 = $(
   rightItem: s,
   children: i
 }) => {
-  const c = q(null), a = q(null), [w, p] = F(!1), H = g3[l], g = W(() => {
-    var _;
-    p(!1), (_ = a.current) == null || _.focus();
-  }, []), V = W(() => {
-    p((_) => !_);
+  const c = q(null), a = q(null), [w, g] = F(!1), V = g3[l], v = W(() => {
+    var x;
+    g(!1), (x = a.current) == null || x.focus();
+  }, []), L = W(() => {
+    g((x) => !x);
   }, []);
-  I3(w ? g : () => {
+  I3(w ? v : () => {
   }), F3(c.current ?? void 0, w);
-  const { shouldRender: Z, isAnimating: L } = R1(w);
-  function v(_) {
-    _.onClick && _.onClick(), g();
+  const { shouldRender: m, isAnimating: H } = R1(w);
+  function p(x) {
+    x.onClick && x.onClick(), v();
   }
-  function x(_) {
-    return _ != null && _.length ? /* @__PURE__ */ n("ul", { children: _.map((u) => {
+  function _(x) {
+    return x != null && x.length ? /* @__PURE__ */ n("ul", { children: x.map((u) => {
       var f;
       return ((f = u.items) == null ? void 0 : f.length) ? /* @__PURE__ */ n(
         D3,
@@ -5838,12 +5839,12 @@ const p3 = $(
             showIcon: u.showIcon,
             collapsed: !1,
             link: u.link,
-            onClick: u.onClick ? () => v(u) : void 0,
+            onClick: u.onClick ? () => p(u) : void 0,
             appearance: l,
             active: u.id === r && !!r
           }
         ) }),
-        u.showDivider && /* @__PURE__ */ n(d1, { appearance: H })
+        u.showDivider && /* @__PURE__ */ n(d1, { appearance: V })
       ] }, u.id);
     }) }) : null;
   }
@@ -5855,7 +5856,7 @@ const p3 = $(
         {
           ref: a,
           className: C1.hamburgerButton,
-          onClick: V,
+          onClick: L,
           "aria-label": w ? "Fermer le menu" : "Ouvrir le menu",
           "aria-expanded": w,
           children: /* @__PURE__ */ n(I, { name: "menu", size: 24 })
@@ -5865,29 +5866,29 @@ const p3 = $(
       s && /* @__PURE__ */ n("div", { className: C1.rightSlot, children: s })
     ] }),
     /* @__PURE__ */ n("div", { className: C1.mobileContent, children: i }),
-    Z && /* @__PURE__ */ d(Q1, { freezeNavigation: !0, children: [
+    m && /* @__PURE__ */ d(Q1, { freezeNavigation: !0, children: [
       /* @__PURE__ */ n(
         "div",
         {
           className: C1.drawerBackdrop,
-          "data-visible": L,
-          onClick: g,
+          "data-visible": H,
+          onClick: v,
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ d("nav", { ref: c, className: C1.mobileDrawer, "data-open": L, "aria-label": "Navigation", children: [
+      /* @__PURE__ */ d("nav", { ref: c, className: C1.mobileDrawer, "data-open": H, "aria-label": "Navigation", children: [
         /* @__PURE__ */ d("div", { className: C1.drawerHeader, children: [
           /* @__PURE__ */ d("div", { className: C1.drawerHeaderLeft, children: [
             /* @__PURE__ */ n("div", { className: C1.drawerLogoInner, children: C == null ? void 0 : C.identifier }),
             /* @__PURE__ */ n("h1", { className: C1.drawerTitle, children: C == null ? void 0 : C.title })
           ] }),
-          /* @__PURE__ */ n("button", { className: C1.closeButton, onClick: g, "aria-label": "Fermer le menu", children: /* @__PURE__ */ n(I, { name: "close", size: 24 }) })
+          /* @__PURE__ */ n("button", { className: C1.closeButton, onClick: v, "aria-label": "Fermer le menu", children: /* @__PURE__ */ n(I, { name: "close", size: 24 }) })
         ] }),
-        /* @__PURE__ */ n(d1, { appearance: H }),
-        /* @__PURE__ */ n("div", { className: C1.drawerBody, children: x(e) }),
+        /* @__PURE__ */ n(d1, { appearance: V }),
+        /* @__PURE__ */ n("div", { className: C1.drawerBody, children: _(e) }),
         t && t.length > 0 && /* @__PURE__ */ d(G, { children: [
-          /* @__PURE__ */ n(d1, { appearance: H }),
-          /* @__PURE__ */ n("div", { className: C1.drawerFooter, children: x(t) })
+          /* @__PURE__ */ n(d1, { appearance: V }),
+          /* @__PURE__ */ n("div", { className: C1.drawerFooter, children: _(t) })
         ] })
       ] })
     ] })
@@ -5917,15 +5918,15 @@ const p3 = $(
     onCollapsedChange: c,
     appearance: a = "brand",
     activeItem: w,
-    showProfile: p,
-    profile: H,
-    onProfileClick: g,
-    showTeamData: V,
-    teamData: Z,
-    middleItem: L,
-    rightItem: v
-  }, x) => {
-    const _ = or(), [u, h] = F(s ?? i), [f, B] = F(!0);
+    showProfile: g,
+    profile: V,
+    onProfileClick: v,
+    showTeamData: L,
+    teamData: m,
+    middleItem: H,
+    rightItem: p
+  }, _) => {
+    const x = or(), [u, h] = F(s ?? i), [f, B] = F(!0);
     E(() => {
       s !== void 0 && h(s);
     }, [s]), E(() => {
@@ -5951,7 +5952,7 @@ const p3 = $(
     ), b = /* @__PURE__ */ d("div", { className: a1.sideNavHeaderTitle, children: [
       /* @__PURE__ */ n("div", { className: a1.sideNavHeaderIdentifier, children: r == null ? void 0 : r.identifier }),
       u ? "" : /* @__PURE__ */ n("h1", { "data-hidden": !f, children: r == null ? void 0 : r.title })
-    ] }), M = r == null ? void 0 : r.ariaLabel, m = /* @__PURE__ */ n(
+    ] }), M = r == null ? void 0 : r.ariaLabel, Z = /* @__PURE__ */ n(
       "a",
       {
         href: (r == null ? void 0 : r.link) ?? "",
@@ -5971,7 +5972,7 @@ const p3 = $(
         "aria-label": M,
         children: b
       }
-    ), K = r != null && r.link ? m : r != null && r.onClick ? A : /* @__PURE__ */ n("div", { className: a1.sideNavHeaderTitleContainer, children: b });
+    ), K = r != null && r.link ? Z : r != null && r.onClick ? A : /* @__PURE__ */ n("div", { className: a1.sideNavHeaderTitleContainer, children: b });
     function D(U) {
       return U != null && U.length ? /* @__PURE__ */ n("ul", { children: U.map((P) => {
         var Y;
@@ -6010,7 +6011,7 @@ const p3 = $(
         ] }, P.id);
       }) }) : null;
     }
-    return _ ? /* @__PURE__ */ n(
+    return x ? /* @__PURE__ */ n(
       Ar,
       {
         headerConfig: r,
@@ -6018,23 +6019,23 @@ const p3 = $(
         footerItems: o,
         activeItem: w,
         appearance: a,
-        middleItem: L,
-        rightItem: v,
+        middleItem: H,
+        rightItem: p,
         children: t
       }
     ) : /* @__PURE__ */ n(
       tr,
       {
-        ref: x,
+        ref: _,
         size: C,
         collapsed: u,
         appearance: a,
-        showProfile: p,
-        profile: H,
-        onProfileClick: g,
-        showTeamData: V,
-        teamData: Z,
-        middleItem: L,
+        showProfile: g,
+        profile: V,
+        onProfileClick: v,
+        showTeamData: L,
+        teamData: m,
+        middleItem: H,
         style: { height: "100vh" },
         header: /* @__PURE__ */ d("div", { className: a1.sideNavHeaderContainer, children: [
           /* @__PURE__ */ d("div", { className: a1.sideNavHeader, "data-collapsed": u, "data-appearance": a, children: [
@@ -6093,15 +6094,15 @@ const p3 = $(
     disabled: c,
     ariaLabelRight: a,
     options: w,
-    showBadge: p,
-    badgeContent: H,
-    badgeIcon: g,
-    badgeType: V,
-    badgeCount: Z,
-    badgeSize: L,
-    ...v
-  }, x) => {
-    const [_, u] = F(!1), h = q(null), f = q(null), B = q(null), [N, S] = l.split("-"), y = (k) => {
+    showBadge: g,
+    badgeContent: V,
+    badgeIcon: v,
+    badgeType: L,
+    badgeCount: m,
+    badgeSize: H,
+    ...p
+  }, _) => {
+    const [x, u] = F(!1), h = q(null), f = q(null), B = q(null), [N, S] = l.split("-"), y = (k) => {
       [Q].includes(k.key) && k.preventDefault();
     }, O = (k) => {
       [Q, T1].includes(k.key) && u(!0);
@@ -6112,7 +6113,7 @@ const p3 = $(
         className: z(_1.splitButtonContainer, o),
         "data-size": e,
         "data-compact-spacing": r,
-        ref: x,
+        ref: _,
         children: [
           /* @__PURE__ */ d(
             "button",
@@ -6124,7 +6125,7 @@ const p3 = $(
               onClick: i,
               disabled: c,
               "data-testid": "Main action button",
-              ...v,
+              ...p,
               ref: f,
               children: [
                 s && /* @__PURE__ */ n(I, { name: s, size: jr[e] }),
@@ -6144,15 +6145,15 @@ const p3 = $(
               "data-testid": "Menu container",
               position: N,
               alignment: S,
-              trigger: Y1({ showBadge: !!p, badgeContent: H, badgeCount: Z, badgeIcon: g }) ? /* @__PURE__ */ n(r1, { count: Z, content: H, badgeType: V, icon: g, size: L, children: /* @__PURE__ */ n(
+              trigger: Y1({ showBadge: !!g, badgeContent: V, badgeCount: m, badgeIcon: v }) ? /* @__PURE__ */ n(r1, { count: m, content: V, badgeType: L, icon: v, size: H, children: /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   "aria-haspopup": "menu",
-                  "aria-expanded": _,
+                  "aria-expanded": x,
                   "aria-label": a,
                   className: _1.splitButtonRight,
-                  "data-active": _,
+                  "data-active": x,
                   "data-compact-spacing": r,
                   "data-appearance": C,
                   "data-size": e,
@@ -6161,7 +6162,7 @@ const p3 = $(
                   onClick: () => u(!0),
                   onKeyDown: y,
                   onKeyUp: O,
-                  ...v,
+                  ...p,
                   ref: h,
                   children: /* @__PURE__ */ n("div", { className: _1.splitButtonRightIconContainer, children: /* @__PURE__ */ n(I, { name: "arrow-chevron-down", size: q3[e] }) })
                 }
@@ -6170,10 +6171,10 @@ const p3 = $(
                 {
                   type: "button",
                   "aria-haspopup": "menu",
-                  "aria-expanded": _,
+                  "aria-expanded": x,
                   "aria-label": a,
                   className: _1.splitButtonRight,
-                  "data-active": _,
+                  "data-active": x,
                   "data-compact-spacing": r,
                   "data-appearance": C,
                   "data-size": e,
@@ -6182,12 +6183,12 @@ const p3 = $(
                   onClick: () => u(!0),
                   onKeyDown: y,
                   onKeyUp: O,
-                  ...v,
+                  ...p,
                   ref: h,
                   children: /* @__PURE__ */ n("div", { className: _1.splitButtonRightIconContainer, children: /* @__PURE__ */ n(I, { name: "arrow-chevron-down", size: q3[e] }) })
                 }
               ),
-              isOpen: _,
+              isOpen: x,
               children: w.map((k, b) => /* @__PURE__ */ n(
                 s3,
                 {
@@ -6228,33 +6229,34 @@ const p3 = $(
   showLabelRequirement: c = !1,
   onChange: a,
   tooltipTextLabel: w,
-  ...p
+  labelStyle: g,
+  ...V
 }) => {
-  const [H, g] = F(s);
+  const [v, L] = F(s);
   E(() => {
-    g(s);
+    L(s);
   }, [s]);
-  const V = (v) => {
-    g(v.target.checked), a == null || a(v);
-  }, Z = (v) => {
+  const m = (_) => {
+    L(_.target.checked), a == null || a(_);
+  }, H = (_) => {
     if (o || l)
-      v.stopPropagation();
+      _.stopPropagation();
     else {
-      const x = v.currentTarget.querySelector('input[type="checkbox"]');
-      x && (x.checked = !H, V({
+      const x = _.currentTarget.querySelector('input[type="checkbox"]');
+      x && (x.checked = !v, m({
         target: x,
         currentTarget: x
       }));
     }
-  }, L = /* @__PURE__ */ d(
+  }, p = /* @__PURE__ */ d(
     "div",
     {
       className: J1["switch-container"],
       "data-appearance": e,
       "data-disabled": l,
       "data-read-only": o,
-      "data-checked": H,
-      onClick: Z,
+      "data-checked": v,
+      onClick: H,
       children: [
         /* @__PURE__ */ n(
           "input",
@@ -6265,28 +6267,28 @@ const p3 = $(
             name: C,
             className: J1.switch,
             disabled: l,
-            checked: H,
-            onChange: V,
+            checked: v,
+            onChange: m,
             readOnly: o,
             style: {
               minHeight: to,
               minWidth: no
             },
-            ...p
+            ...V
           }
         ),
-        /* @__PURE__ */ d("div", { className: J1["switch-icon-check"], "data-checked": H, children: [
-          r && H && /* @__PURE__ */ n(I, { name: "check", size: 16 }),
-          r && !H && /* @__PURE__ */ n(I, { name: "close", size: 16 })
+        /* @__PURE__ */ d("div", { className: J1["switch-icon-check"], "data-checked": v, children: [
+          r && v && /* @__PURE__ */ n(I, { name: "check", size: 16 }),
+          r && !v && /* @__PURE__ */ n(I, { name: "close", size: 16 })
         ] }),
         t && C && /* @__PURE__ */ d("div", { className: J1["label-container"], children: [
-          /* @__PURE__ */ n("label", { htmlFor: C, className: z(J1["switch-label"]), children: C }),
+          /* @__PURE__ */ n("label", { htmlFor: C, className: z(J1["switch-label"]), style: g, children: C }),
           /* @__PURE__ */ n(S1, { required: i, showLabelRequirement: c })
         ] })
       ]
     }
   );
-  return /* @__PURE__ */ n(G, { children: w ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: w, position: "bottom", children: L }) : L });
+  return /* @__PURE__ */ n(G, { children: w ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: w, position: "bottom", children: p }) : p });
 }, ro = (C, e, t) => {
   if (!oo(C, e, t)) return;
   const r = e.getBoundingClientRect(), l = C.getBoundingClientRect();
@@ -6332,62 +6334,62 @@ const p3 = $(
     onClick: c,
     icon: a,
     badgeType: w = "indicator",
-    compactSpacing: p,
-    direction: H,
-    disabled: g,
-    inverted: V,
-    ...Z
-  }, L) => {
-    const v = {
+    compactSpacing: g,
+    direction: V,
+    disabled: v,
+    inverted: L,
+    ...m
+  }, H) => {
+    const p = {
       count: o,
       content: s,
       icon: i,
       badgeType: w
-    }, x = o && o > 0 && s === "number", u = !g && (l || x || s === "icon" && i), h = q(null), [f, B] = F(null), N = (M) => {
-      g ? M.preventDefault() : (c(M), B((m) => ({ ...m, opacity: 0 })));
+    }, _ = o && o > 0 && s === "number", u = !v && (l || _ || s === "icon" && i), h = q(null), [f, B] = F(null), N = (M) => {
+      v ? M.preventDefault() : (c(M), B((Z) => ({ ...Z, opacity: 0 })));
     }, S = W(
       (M) => {
-        h.current && !r && B(M === "mouseover" ? (m) => ({
-          ...m,
+        h.current && !r && B(M === "mouseover" ? (Z) => ({
+          ...Z,
           opacity: 1
-        }) : (m) => ({
-          ...m,
+        }) : (Z) => ({
+          ...Z,
           opacity: 0
         }));
       },
       [r]
     ), y = (M) => {
-      const m = H === "vertical", A = m && M.key === T1, K = m && M.key === o3, D = !m && M.key === q1, U = !m && M.key === e3, P = A || D;
+      const Z = V === "vertical", A = Z && M.key === T1, K = Z && M.key === o3, D = !Z && M.key === q1, U = !Z && M.key === e3, P = A || D;
       (P || (K || U)) && (M.preventDefault(), O(P ? "next" : "previous"));
     }, O = (M) => {
       var l1;
-      const m = (l1 = h.current) == null ? void 0 : l1.parentElement;
-      if (!m) return;
-      const A = Array.from(m.querySelectorAll(`.${S3.tabitem}`)), K = A.findIndex((Y) => Y === document.activeElement);
+      const Z = (l1 = h.current) == null ? void 0 : l1.parentElement;
+      if (!Z) return;
+      const A = Array.from(Z.querySelectorAll(`.${S3.tabitem}`)), K = A.findIndex((Y) => Y === document.activeElement);
       let D = k(K, A.length, M), U = 0;
       const P = A.length;
       for (; A[D].getAttribute("data-disabled") === "true" && U < P; )
         D = k(D, A.length, M), U++;
       A[D].focus(), A[D].click();
-    }, k = (M, m, A) => A === "next" ? (M + 1) % m : (M - 1 + m) % m, b = W(() => {
-      h.current && !r && B(H === "horizontal" ? (M) => {
-        var m, A, K, D;
+    }, k = (M, Z, A) => A === "next" ? (M + 1) % Z : (M - 1 + Z) % Z, b = W(() => {
+      h.current && !r && B(V === "horizontal" ? (M) => {
+        var Z, A, K, D;
         return {
           ...M,
-          width: (m = h.current) == null ? void 0 : m.offsetWidth,
+          width: (Z = h.current) == null ? void 0 : Z.offsetWidth,
           left: ((A = h.current) == null ? void 0 : A.offsetLeft) ?? 0,
           top: (((K = h.current) == null ? void 0 : K.offsetTop) ?? 0) + (((D = h.current) == null ? void 0 : D.offsetHeight) ?? 0)
         };
       } : (M) => {
-        var m, A;
+        var Z, A;
         return {
           ...M,
           left: 0,
-          top: (m = h.current) == null ? void 0 : m.offsetTop,
+          top: (Z = h.current) == null ? void 0 : Z.offsetTop,
           height: (A = h.current) == null ? void 0 : A.offsetHeight
         };
       });
-    }, [r, H]);
+    }, [r, V]);
     return E(() => {
       var M;
       return b(), window.addEventListener("resize", b), (M = h.current) != null && M.parentElement && h.current.parentElement.addEventListener("scroll", b), () => {
@@ -6395,7 +6397,7 @@ const p3 = $(
       };
     }, [b]), E(() => {
       var M;
-      h.current && B(H === "horizontal" ? {
+      h.current && B(V === "horizontal" ? {
         width: h.current.offsetWidth,
         left: h.current.offsetLeft - (((M = h.current.parentElement) == null ? void 0 : M.scrollLeft) ?? 0),
         top: h.current.offsetTop + h.current.offsetHeight,
@@ -6406,7 +6408,7 @@ const p3 = $(
         height: h.current.offsetHeight,
         opacity: 0
       });
-    }, [H]), /* @__PURE__ */ d(G, { children: [
+    }, [V]), /* @__PURE__ */ d(G, { children: [
       /* @__PURE__ */ d(
         "button",
         {
@@ -6415,33 +6417,33 @@ const p3 = $(
           role: "tab",
           "aria-selected": r,
           "aria-controls": e,
-          "aria-disabled": g,
+          "aria-disabled": v,
           tabIndex: r ? 0 : -1,
           "data-selected": r,
-          "data-disabled": g,
-          "data-direction": H,
-          "data-inverted": V,
+          "data-disabled": v,
+          "data-direction": V,
+          "data-inverted": L,
           onClick: N,
-          "data-compact-spacing": p,
+          "data-compact-spacing": g,
           ref: (M) => {
-            h.current = M, typeof L == "function" ? L(M) : L && (L.current = M);
+            h.current = M, typeof H == "function" ? H(M) : H && (H.current = M);
           },
           onKeyDown: y,
           onMouseEnter: () => S("mouseover"),
           onMouseLeave: () => S("mouseleave"),
           ...r && { "data-testid": "tabitem-selected" },
-          ...Z,
+          ...m,
           children: [
             a && /* @__PURE__ */ n(I, { name: a, appearance: r ? "filled" : "outlined" }),
             t && /* @__PURE__ */ n("span", { children: t }),
-            u && /* @__PURE__ */ n(r1, { ...v })
+            u && /* @__PURE__ */ n(r1, { ...p })
           ]
         }
       ),
       /* @__PURE__ */ n(
         "span",
         {
-          "data-disabled": g,
+          "data-disabled": v,
           className: S3["segment-hover-indicator"],
           style: {
             width: f == null ? void 0 : f.width,
@@ -6465,30 +6467,30 @@ const p3 = $(
     overflowType: s = "scrollable",
     inverted: i = !1
   }, c) => {
-    const [a, w] = F(!1), [p, H] = F(!1), [g, V] = F(!1), [Z, L] = F(!1), [v, x] = F(!1), [_, u] = F(!1), h = q(null), f = w6(
+    const [a, w] = F(!1), [g, V] = F(!1), [v, L] = F(!1), [m, H] = F(!1), [p, _] = F(!1), [x, u] = F(!1), h = q(null), f = w6(
       h,
       l,
       t === "horizontal" ? "bottom" : "left"
-    ), N = t === "horizontal" && (a || p) && s === "dropdown", S = W(() => {
+    ), N = t === "horizontal" && (a || g) && s === "dropdown", S = W(() => {
       if (h.current) {
-        const M = h.current.offsetWidth < h.current.scrollWidth || h.current.offsetHeight < h.current.scrollHeight, m = h.current.scrollLeft > 0, A = h.current.scrollWidth - h.current.clientWidth - h.current.scrollLeft > 0, K = h.current.scrollTop > 0, D = h.current.scrollHeight - h.current.clientHeight - h.current.scrollTop > 0;
-        w(m), H(A), L(K), V(D), x(M);
+        const M = h.current.offsetWidth < h.current.scrollWidth || h.current.offsetHeight < h.current.scrollHeight, Z = h.current.scrollLeft > 0, A = h.current.scrollWidth - h.current.clientWidth - h.current.scrollLeft > 0, K = h.current.scrollTop > 0, D = h.current.scrollHeight - h.current.clientHeight - h.current.scrollTop > 0;
+        w(Z), V(A), H(K), L(D), _(M);
       }
     }, [h]);
     E(() => {
       var M;
       return S(), window.addEventListener("resize", S), (M = h.current) == null || M.addEventListener("scroll", S), () => {
-        var m;
-        window.removeEventListener("resize", S), (m = h.current) == null || m.removeEventListener("scroll", S);
+        var Z;
+        window.removeEventListener("resize", S), (Z = h.current) == null || Z.removeEventListener("scroll", S);
       };
     }, [S]), E(() => {
       !l && C.length > 0 && e(C[0].id);
     }, [l, C, e]);
     const y = (M) => {
-      const m = M.currentTarget, A = m.getAttribute("id") || "";
+      const Z = M.currentTarget, A = Z.getAttribute("id") || "";
       e(A), u(!1);
       const K = h.current;
-      K && ro(m, K, t);
+      K && ro(Z, K, t);
     }, O = () => {
       if (h.current) {
         const M = t === "horizontal" ? { left: -300 } : { top: -300 };
@@ -6509,7 +6511,7 @@ const p3 = $(
           role: "presentation",
           "data-direction": t,
           "data-compact-spacing": o,
-          "data-scrollable": v && s === "scrollable" ? !0 : void 0
+          "data-scrollable": p && s === "scrollable" ? !0 : void 0
         }
       ),
       /* @__PURE__ */ d(
@@ -6522,7 +6524,7 @@ const p3 = $(
             flexDirection: t === "horizontal" ? "row" : "column"
           },
           children: [
-            v && !N && /* @__PURE__ */ n(
+            p && !N && /* @__PURE__ */ n(
               H1,
               {
                 name: t === "horizontal" ? "arrow-chevron-left" : "arrow-chevron-up",
@@ -6530,8 +6532,8 @@ const p3 = $(
                 variant: "transparent",
                 style: {
                   zIndex: 11,
-                  opacity: a || Z ? 1 : 0,
-                  pointerEvents: a || Z ? "auto" : "none"
+                  opacity: a || m ? 1 : 0,
+                  pointerEvents: a || m ? "auto" : "none"
                 },
                 onClick: O
               }
@@ -6545,7 +6547,7 @@ const p3 = $(
                 role: "tablist",
                 "aria-label": "Sample Tabs",
                 className: K1.tab,
-                "data-alignment": v ? "start" : r,
+                "data-alignment": p ? "start" : r,
                 "data-direction": t,
                 "data-overflow-type": s,
                 children: [
@@ -6591,8 +6593,8 @@ const p3 = $(
                           ]
                         }
                       ),
-                      isOpen: _,
-                      children: C.filter((M) => M.id !== l).map((M, m) => /* @__PURE__ */ n(
+                      isOpen: x,
+                      children: C.filter((M) => M.id !== l).map((M, Z) => /* @__PURE__ */ n(
                         s3,
                         {
                           id: M.id,
@@ -6606,11 +6608,11 @@ const p3 = $(
                           badgeType: M.badgeType,
                           showBadge: !0
                         },
-                        `${M.id}-dropdown-${m}`
+                        `${M.id}-dropdown-${Z}`
                       ))
                     }
                   ),
-                  C.map((M, m) => /* @__PURE__ */ n(
+                  C.map((M, Z) => /* @__PURE__ */ n(
                     ao,
                     {
                       onClick: y,
@@ -6621,12 +6623,12 @@ const p3 = $(
                       inverted: i,
                       ...M
                     },
-                    `${M.id}-${m}`
+                    `${M.id}-${Z}`
                   ))
                 ]
               }
             ),
-            v && !N && /* @__PURE__ */ n(
+            p && !N && /* @__PURE__ */ n(
               H1,
               {
                 name: t === "horizontal" ? "arrow-chevron-right" : "arrow-chevron-down",
@@ -6634,8 +6636,8 @@ const p3 = $(
                 variant: "transparent",
                 style: {
                   zIndex: 11,
-                  opacity: p || g ? 1 : 0,
-                  pointerEvents: p || g ? "auto" : "none"
+                  opacity: g || v ? 1 : 0,
+                  pointerEvents: g || v ? "auto" : "none"
                 },
                 onClick: k
               }
@@ -6651,7 +6653,7 @@ const p3 = $(
           role: "presentation",
           "data-direction": t,
           "data-compact-spacing": o,
-          "data-scrollable": v && s === "scrollable" ? !0 : void 0
+          "data-scrollable": p && s === "scrollable" ? !0 : void 0
         }
       )
     ] });
@@ -6702,37 +6704,37 @@ const p3 = $(
     labelPosition: c = "top",
     assistiveTextLabel: a,
     assistiveTextAppearance: w = "description",
-    ["aria-labelledby"]: p,
-    assistiveTextLink: H,
-    showLabelRequirement: g = !1,
-    resizeable: V = "true",
-    maxLength: Z,
-    defaultValue: L,
-    showCounter: v,
-    value: x,
-    tooltipTextLabel: _,
+    ["aria-labelledby"]: g,
+    assistiveTextLink: V,
+    showLabelRequirement: v = !1,
+    resizeable: L = "true",
+    maxLength: m,
+    defaultValue: H,
+    showCounter: p,
+    value: _,
+    tooltipTextLabel: x,
     ...u
   }, h) => {
-    const [f, B] = F((x == null ? void 0 : x.length) || (L == null ? void 0 : L.length) || 0), N = q(null), S = v && Z, y = (b) => {
+    const [f, B] = F((_ == null ? void 0 : _.length) || (H == null ? void 0 : H.length) || 0), N = q(null), S = p && m, y = (b) => {
       var M;
       o && o(b), (M = N.current) == null || M.scrollTo({ top: 0 });
     }, O = (b) => {
-      l && l(b), Z && B(b.target.value.length);
+      l && l(b), m && B(b.target.value.length);
     }, k = /* @__PURE__ */ d("div", { className: B1.container, "data-label-position": c, children: [
       s && c === "side" && /* @__PURE__ */ d("label", { id: i, className: B1.label, htmlFor: e, "data-label-position": c, children: [
         s,
-        /* @__PURE__ */ n(S1, { required: r, showLabelRequirement: g })
+        /* @__PURE__ */ n(S1, { required: r, showLabelRequirement: v })
       ] }),
       /* @__PURE__ */ d("div", { className: B1["top-position-container"], "data-label-position": c, children: [
         /* @__PURE__ */ d("div", { className: B1["header-container"], "data-label-position": c, children: [
           s && c === "top" && /* @__PURE__ */ d("label", { id: i, className: B1.label, htmlFor: e, "data-label-position": c, children: [
             s,
-            /* @__PURE__ */ n(S1, { required: r, showLabelRequirement: g })
+            /* @__PURE__ */ n(S1, { required: r, showLabelRequirement: v })
           ] }),
           S && /* @__PURE__ */ d("span", { className: B1["character-counter"], children: [
             f,
             "/",
-            Z
+            m
           ] })
         ] }),
         /* @__PURE__ */ d("div", { className: B1["textarea-container"], "data-label-position": c, children: [
@@ -6745,14 +6747,14 @@ const p3 = $(
               id: e,
               name: t,
               className: z(B1.textarea, C),
-              "data-resizeable": V,
+              "data-resizeable": L,
               "data-assistive-text-appearance": w,
               onChange: O,
-              "aria-labelledby": i || p,
-              maxLength: Z,
+              "aria-labelledby": i || g,
+              maxLength: m,
               onBlur: y,
-              defaultValue: L,
-              value: x,
+              defaultValue: H,
+              value: _,
               ...u
             }
           ),
@@ -6762,13 +6764,13 @@ const p3 = $(
               label: a,
               appearance: w,
               showIcon: !0,
-              href: H
+              href: V
             }
           )
         ] })
       ] })
     ] });
-    return /* @__PURE__ */ n(G, { children: _ ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: _, position: "bottom", children: k }) : k });
+    return /* @__PURE__ */ n(G, { children: x ? /* @__PURE__ */ n(Z1, { alignment: "start", arrow: !0, label: x, position: "bottom", children: k }) : k });
   }
 );
 let w3;
@@ -6841,42 +6843,42 @@ const V6 = Q3(null), L6 = () => {
     onActionButtonClick: c,
     duration: a = "medium",
     onClose: w,
-    iconName: p,
-    showLeftIcon: H = !0,
-    showActionButton: g = !0,
-    ...V
-  }, Z) => {
-    const L = !!i && g, v = s && !L, [x] = F(C || Lo()), { isInternalOpen: _, hideToast: u } = Mo(x, o), { addToQueue: h, removeFromQueue: f } = L6(), { shouldRender: B, isAnimating: N } = R1(_, 300), { initializeTimer: S, removeTimer: y } = _o(
-      { shouldStartTimer: v && _, duration: a },
+    iconName: g,
+    showLeftIcon: V = !0,
+    showActionButton: v = !0,
+    ...L
+  }, m) => {
+    const H = !!i && v, p = s && !H, [_] = F(C || Lo()), { isInternalOpen: x, hideToast: u } = Mo(_, o), { addToQueue: h, removeFromQueue: f } = L6(), { shouldRender: B, isAnimating: N } = R1(x, 300), { initializeTimer: S, removeTimer: y } = _o(
+      { shouldStartTimer: p && x, duration: a },
       () => {
         b();
       }
     ), [O, k] = l.split("-"), b = W(() => {
-      u(), y(), f(x), w == null || w();
-    }, [u, y, f, x, w]);
+      u(), y(), f(_), w == null || w();
+    }, [u, y, f, _, w]);
     E(() => {
-      o ? h({ id: x, hasActionButton: L, type: t }) : b();
-    }, [o, L, t, v, x, h, b]);
+      o ? h({ id: _, hasActionButton: H, type: t }) : b();
+    }, [o, H, t, p, _, h, b]);
     const M = () => {
       b();
-    }, m = (U) => {
-      U.stopPropagation(), v && o && y();
+    }, Z = (U) => {
+      U.stopPropagation(), p && o && y();
     }, A = (U) => {
-      U.stopPropagation(), v && S();
-    }, K = H && t !== "neutral", D = H && p && G1(p);
+      U.stopPropagation(), p && S();
+    }, K = V && t !== "neutral", D = V && g && G1(g);
     return B && /* @__PURE__ */ n(Q1, { children: /* @__PURE__ */ d(
       "div",
       {
         role: "status",
-        className: z(C3.toast, V.className),
+        className: z(C3.toast, L.className),
         "data-type": t,
         "data-position": O,
         "data-alignment": k,
         "data-open": N || void 0,
-        ref: Z,
-        onMouseOver: m,
+        ref: m,
+        onMouseOver: Z,
         onMouseOut: A,
-        ...V,
+        ...L,
         children: [
           /* @__PURE__ */ d("div", { className: C3["toast-content"], children: [
             K ? /* @__PURE__ */ n(
@@ -6887,10 +6889,10 @@ const V6 = Q3(null), L6 = () => {
                 className: C3["toast-icon"],
                 "aria-hidden": "true"
               }
-            ) : D && /* @__PURE__ */ n(I, { name: p, size: b1.xl, className: C3["toast-icon"], "aria-hidden": "true" }),
+            ) : D && /* @__PURE__ */ n(I, { name: g, size: b1.xl, className: C3["toast-icon"], "aria-hidden": "true" }),
             /* @__PURE__ */ n("span", { className: C3["toast-message"], children: e })
           ] }),
-          L && /* @__PURE__ */ n(
+          H && /* @__PURE__ */ n(
             h3,
             {
               variant: t === "neutral" ? "reverse" : "transparent",
@@ -6942,7 +6944,7 @@ const V6 = Q3(null), L6 = () => {
 }, Xo = ({ children: C }) => {
   const [e, t] = F([]), r = W((i) => {
     const c = bo(i);
-    t((a) => [...a, { id: i.id, priority: c, isOpen: !1 }].sort((w, p) => w.priority - p.priority));
+    t((a) => [...a, { id: i.id, priority: c, isOpen: !1 }].sort((w, g) => w.priority - g.priority));
   }, []), l = W((i) => {
     t((c) => c.filter((a) => a.id !== i));
   }, []), o = (i) => e.length > 0 && e[0].id === i, s = (i) => e.findIndex((c) => c.id === i) !== -1;