@rte-ds/react 1.3.0 → 1.3.1

package/dist/react-package.js

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as g, Fragment as J } from "react/jsx-runtime";
-import i6, { forwardRef as z, useState as N, useEffect as P, useRef as K, createContext as A3, useContext as V3, useCallback as $, Fragment as C3, useMemo as j1, useLayoutEffect as c6 } from "react";
+import { jsx as r, jsxs as g, Fragment as X } from "react/jsx-runtime";
+import i6, { forwardRef as z, useState as N, useEffect as E, useRef as K, createContext as A3, useContext as V3, useCallback as $, Fragment as J1, useMemo as j1, useLayoutEffect as c6 } from "react";
 import { createPortal as a6 } from "react-dom";
 const H1 = {
   xs: 12,
@@ -37,7 +37,7 @@ function h6({ size: C, content: e, count: t, iconSize: n }) {
       return !0;
   }
 }
-function r3(C) {
+function n3(C) {
   return typeof C != "number" ? "" : C < w6 ? C.toString() : u6;
 }
 function U1(C) {
@@ -2724,7 +2724,7 @@ const H6 = ({
 function I1(C) {
   return p6(C, R3, E3);
 }
-const D = ({ name: C, size: e, color: t, appearance: n, ...l }) => {
+const A = ({ name: C, size: e, color: t, appearance: n, ...l }) => {
   if (I1(C)) {
     const o = E3[C];
     if (o) {
@@ -2763,7 +2763,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     var u;
     if (t == "icon" && l && !I1(l))
       return console.warn(`Badge: Invalid icon name "${l}". Please use a valid icon key.`), null;
-    const i = v6(e), a = D3({ size: e, content: t, iconSize: i }), d = T3({ size: e, content: t, count: n }), v = h6({ size: e, content: t, count: n, iconSize: i }), h = d && ((u = r3(n)) == null ? void 0 : u.length) > 2;
+    const i = v6(e), a = D3({ size: e, content: t, iconSize: i }), d = T3({ size: e, content: t, count: n }), v = h6({ size: e, content: t, count: n, iconSize: i }), h = d && ((u = n3(n)) == null ? void 0 : u.length) > 2;
     return o ? /* @__PURE__ */ g("div", { ref: c, className: n1.badgeContainer, ...s, children: [
       /* @__PURE__ */ g(
         "div",
@@ -2777,8 +2777,8 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
             h ? n1.countOverflow : ""
           ),
           children: [
-            a && /* @__PURE__ */ r(D, { name: l, className: n1.icon, size: i }),
-            d && /* @__PURE__ */ r("span", { className: n1.count, children: r3(n) }, n)
+            a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: i }),
+            d && /* @__PURE__ */ r("span", { className: n1.count, children: n3(n) }, n)
           ]
         }
       ),
@@ -2796,15 +2796,15 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
           h ? n1.countOverflow : ""
         ),
         children: [
-          a && /* @__PURE__ */ r(D, { name: l, className: n1.icon, size: i }),
-          d && /* @__PURE__ */ r("span", { className: n1.count, children: r3(n) }, n)
+          a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: i }),
+          d && /* @__PURE__ */ r("span", { className: n1.count, children: n3(n) }, n)
         ]
       }
     ) });
   }
 ), D1 = (C, e = 300) => {
   const [t, n] = N(C), [l, o] = N(C);
-  return P(() => {
+  return E(() => {
     if (C)
       t || (n(!0), o(!1), requestAnimationFrame(() => {
         requestAnimationFrame(() => o(!0));
@@ -2828,10 +2828,10 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
   s: "m",
   m: "m",
   l: "l"
-}, de = "_button_3bzxf_1", we = "_label_3bzxf_169", q1 = {
+}, de = "_button_3bzxf_1", we = "_label_3bzxf_169", r3 = {
   button: de,
   label: we
-}, e3 = z(
+}, C3 = z(
   ({
     size: C = "m",
     label: e,
@@ -2843,42 +2843,53 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     badgeCount: c,
     badgeType: i,
     badgeIcon: a,
-    ...d
-  }, v) => c > 0 && s === "number" || s === "icon" && a ? /* @__PURE__ */ r(
-    C1,
-    {
-      badgeType: i,
-      size: ae[C],
-      content: C === "s" ? "empty" : s,
-      count: c,
-      icon: a,
-      children: /* @__PURE__ */ r(
-        "button",
-        {
-          ref: v,
-          type: o,
-          className: R(q1.button, n),
-          "data-size": C,
-          "data-variant": t,
-          onClick: l,
-          ...d,
-          children: /* @__PURE__ */ r("span", { "data-size": C, className: q1.label, children: e })
-        }
-      )
-    }
-  ) : /* @__PURE__ */ r(
-    "button",
-    {
-      ref: v,
-      type: o,
-      className: R(q1.button, n),
-      "data-size": C,
-      "data-variant": t,
-      onClick: l,
-      ...d,
-      children: /* @__PURE__ */ r("span", { "data-size": C, className: q1.label, children: e })
-    }
-  )
+    icon: d,
+    iconPosition: v = "left",
+    iconColor: h,
+    iconAppearance: u,
+    ...p
+  }, Z) => {
+    const L = c > 0 && s === "number" || s === "icon" && a, V = C === "s" ? 16 : C === "m" ? 20 : 24, B = /* @__PURE__ */ g(X, { children: [
+      d && v === "left" && /* @__PURE__ */ r(A, { name: d, size: V, color: h, appearance: u }),
+      /* @__PURE__ */ r("span", { "data-size": C, className: r3.label, children: e }),
+      d && v === "right" && /* @__PURE__ */ r(A, { name: d, size: V, color: h, appearance: u })
+    ] });
+    return L ? /* @__PURE__ */ r(
+      C1,
+      {
+        badgeType: i,
+        size: ae[C],
+        content: C === "s" ? "empty" : s,
+        count: c,
+        icon: a,
+        children: /* @__PURE__ */ r(
+          "button",
+          {
+            ref: Z,
+            type: o,
+            className: R(r3.button, n),
+            "data-size": C,
+            "data-variant": t,
+            onClick: l,
+            ...p,
+            children: B
+          }
+        )
+      }
+    ) : /* @__PURE__ */ r(
+      "button",
+      {
+        ref: Z,
+        type: o,
+        className: R(r3.button, n),
+        "data-size": C,
+        "data-variant": t,
+        onClick: l,
+        ...p,
+        children: B
+      }
+    );
+  }
 ), f3 = {
   "icon-button": "_icon-button_1w2tu_1"
 }, d1 = z(
@@ -2915,7 +2926,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
           "data-compact-spacing": c,
           onClick: n,
           ...h,
-          children: /* @__PURE__ */ r(D, { name: o, appearance: s, size: Z3[C] })
+          children: /* @__PURE__ */ r(A, { name: o, appearance: s, size: Z3[C] })
         }
       )
     }
@@ -2930,7 +2941,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
       "data-compact-spacing": c,
       onClick: n,
       ...h,
-      children: /* @__PURE__ */ r(D, { name: o, appearance: s, size: Z3[C] })
+      children: /* @__PURE__ */ r(A, { name: o, appearance: s, size: Z3[C] })
     }
   ) : (console.warn(`IconButton: Invalid icon name "${o}". Please use a valid icon key.`), null)
 ), ue = "_banner_vvnzx_1", S1 = {
@@ -2954,23 +2965,23 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     isOpen: a = !0,
     ...d
   }, v) => {
-    const [h, u] = N(a), H = t === "error" ? "alert" : "status", { shouldRender: Z, isAnimating: L } = D1(h, 200), M = {
+    const [h, u] = N(a), p = t === "error" ? "alert" : "status", { shouldRender: Z, isAnimating: L } = D1(h, 200), V = {
       info: "info",
       error: "dangerous",
       success: "check-circle",
       warning: "warning"
     };
-    if (P(() => {
+    if (E(() => {
       u(a);
     }, [a]), n === !1 && o === "overlay")
       return console.warn("Banner: 'closable' and 'onClose' props must be set when 'position' has 'overlay' value."), null;
-    const S = () => {
+    const B = () => {
       u(!1), l == null || l();
     };
     return Z && /* @__PURE__ */ g(
       "section",
       {
-        role: H,
+        role: p,
         className: R(S1.banner, i),
         ref: v,
         "data-type": t,
@@ -2978,13 +2989,13 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
         "data-open": L || void 0,
         ...d,
         children: [
-          /* @__PURE__ */ r("div", { className: S1["banner-icon"], children: /* @__PURE__ */ r(D, { name: M[t], size: 32 }) }),
+          /* @__PURE__ */ r("div", { className: S1["banner-icon"], children: /* @__PURE__ */ r(A, { name: V[t], size: 32 }) }),
           /* @__PURE__ */ g("div", { className: S1["banner-content"], children: [
             C && /* @__PURE__ */ r("span", { className: S1["banner-title"], children: C }),
             e && /* @__PURE__ */ r("div", { className: S1["banner-message"], children: /* @__PURE__ */ r("span", { children: e }) })
           ] }),
-          s && c && /* @__PURE__ */ r(e3, { label: c, onClick: s, variant: "text", "aria-label": c, size: "s" }),
-          n && /* @__PURE__ */ r("div", { className: S1["banner-close-icon"], children: /* @__PURE__ */ r(d1, { variant: "neutral", name: "close", onClick: S, "aria-label": "close banner" }) })
+          s && c && /* @__PURE__ */ r(C3, { label: c, onClick: s, variant: "text", "aria-label": c, size: "s" }),
+          n && /* @__PURE__ */ r("div", { className: S1["banner-close-icon"], children: /* @__PURE__ */ r(d1, { variant: "neutral", name: "close", onClick: B, "aria-label": "close banner" }) })
         ]
       }
     );
@@ -3082,7 +3093,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     start: t === "top" || t === "bottom" ? window.innerWidth - o.left >= s.width : window.innerHeight - o.top >= s.height
   };
   return c.start ? "start" : c.end ? "end" : n;
-}, t3 = (C, e, t, n = 0, l = "center") => {
+}, e3 = (C, e, t, n = 0, l = "center") => {
   const o = e.getBoundingClientRect(), s = t.getBoundingClientRect();
   return C === "bottom" ? Le(o, s, n, l) : C === "left" ? Me(o, s, n, l) : C === "right" ? Ze(o, s, n, l) : fe(o, s, n, l);
 }, Le = (C, e, t, n) => {
@@ -3101,20 +3112,20 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   const l = C.top - e.height - t + window.scrollY;
   let o = 0;
   return n === "start" ? o = C.left + window.scrollX : n === "end" ? o = C.right - e.width + window.scrollX : o = C.left + C.width / 2 - e.width / 2 + window.scrollX, { top: l, left: o };
-}, e1 = " ", W = "Enter", A1 = "Tab", x3 = "Backspace", B3 = "Delete", X1 = "ArrowLeft", J1 = "ArrowRight", P1 = "ArrowUp", x1 = "ArrowDown", z1 = "Escape", Y1 = () => {
+}, e1 = " ", W = "Enter", A1 = "Tab", x3 = "Backspace", B3 = "Delete", Q1 = "ArrowLeft", X1 = "ArrowRight", P1 = "ArrowUp", x1 = "ArrowDown", z1 = "Escape", q1 = () => {
 }, B1 = (C = {}, e = {}) => {
   const { id: t, interactiveKeyCodes: n } = e, {
-    onKeyDown: l = Y1,
-    onKeyUp: o = Y1,
-    onBlur: s = Y1,
-    onFocus: c = Y1
+    onKeyDown: l = q1,
+    onKeyUp: o = q1,
+    onBlur: s = q1,
+    onFocus: c = q1
   } = C, i = K(n ?? [e1, W]);
   return { onKeyDown: (u) => {
-    var H;
-    (H = i.current) != null && H.includes(u.key) && (!t || u.target.id === t) && (u.preventDefault(), l(u));
+    var p;
+    (p = i.current) != null && p.includes(u.key) && (!t || u.target.id === t) && (u.preventDefault(), l(u));
   }, onKeyUp: (u) => {
-    var H;
-    (H = i.current) != null && H.includes(u.key) && (!t || u.target.id === t) && o(u);
+    var p;
+    (p = i.current) != null && p.includes(u.key) && (!t || u.target.id === t) && o(u);
   }, onBlur: () => {
     s();
   }, onFocus: () => {
@@ -3148,7 +3159,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   )
 ), G1 = ({ children: C, freezeNavigation: e }) => {
   const [t, n] = N(null);
-  return P(() => {
+  return E(() => {
     let l = document.getElementById("overlay-root");
     l || (l = document.createElement("div"), l.setAttribute("id", "overlay-root"), document.body.appendChild(l), e && (document.body.style.overflow = "hidden", l.style.position = "fixed", l.style.width = "100%", l.style.height = "100%", l.style.top = "0", l.style.left = "0", l.style.zIndex = "999")), n(l);
     const { parentNode: o, children: s } = l;
@@ -3159,7 +3170,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
         c && o.removeChild(c);
       }
     };
-  }, [e]), t ? /* @__PURE__ */ r(J, { children: a6(C, t) }) : null;
+  }, [e]), t ? /* @__PURE__ */ r(X, { children: a6(C, t) }) : null;
 }, L3 = A3(void 0), Be = ({
   dropdownId: C,
   closeRoot: e,
@@ -3197,7 +3208,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   return e ? Array.from(e) : [];
 }, W3 = (C) => {
   const e = K(C || i1.generateId()), [t, n] = N(!1);
-  P(() => i1.subscribe(e.current, () => {
+  E(() => i1.subscribe(e.current, () => {
     n(i1.isOpen(e.current));
   }), []);
   const l = () => {
@@ -3231,29 +3242,29 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     alignment: v = "start",
     autofocus: h = !0,
     header: u,
-    footer: H,
+    footer: p,
     ...Z
   }, L) => {
-    const { dropdownId: M } = W3(n), [S, F] = N(o), { closeRoot: B } = V3(L3) || {}, w = K(null), m = K(null), [b, k] = N(null), [_, y] = N(null), [x, f] = N({ top: 500, left: 500 }), { shouldRender: O, isAnimating: p } = D1(c, pe), V = $(
-      (A) => {
-        m.current = A, k(A), typeof L == "function" ? L(A) : L && (L.current = A);
+    const { dropdownId: V } = W3(n), [B, F] = N(o), { closeRoot: S } = V3(L3) || {}, w = K(null), m = K(null), [b, k] = N(null), [_, y] = N(null), [x, f] = N({ top: 500, left: 500 }), { shouldRender: O, isAnimating: H } = D1(c, pe), M = $(
+      (D) => {
+        m.current = D, k(D), typeof L == "function" ? L(D) : L && (L.current = D);
       },
       [L]
-    ), I = $((A) => {
-      w.current = A, y(A);
-    }, []), E = $(() => {
-      l && B ? B() : i(), i1.closeAll();
-    }, [B, l, i]), U = (A) => {
-      if (A.key === x1 || A.key === P1) {
-        if (A.stopPropagation(), A.preventDefault(), b === null) return;
-        A.key === x1 ? b3(b) : _e(b);
+    ), I = $((D) => {
+      w.current = D, y(D);
+    }, []), P = $(() => {
+      l && S ? S() : i(), i1.closeAll();
+    }, [S, l, i]), U = (D) => {
+      if (D.key === x1 || D.key === P1) {
+        if (D.stopPropagation(), D.preventDefault(), b === null) return;
+        D.key === x1 ? b3(b) : _e(b);
       }
-    }, q = (A) => {
-      A.key === z1 && E();
-    }, T = (A) => {
-      if (A.key === A1) {
+    }, q = (D) => {
+      D.key === z1 && P();
+    }, T = (D) => {
+      if (D.key === A1) {
         if (b === null) return;
-        A.preventDefault(), b3(b);
+        D.preventDefault(), b3(b);
       }
     }, { onKeyDown: Q, onKeyUp: c1 } = B1(
       { onKeyUp: q, onKeyDown: U },
@@ -3261,19 +3272,19 @@ const K3 = (C, e, t, n = 0, l = !1) => {
         interactiveKeyCodes: [W, A1, x1, P1, z1]
       }
     );
-    P(() => {
-      const A = (o1) => {
+    E(() => {
+      const D = (o1) => {
         var v1;
         const l1 = o1.target, L1 = document.querySelectorAll("[data-dropdown-id]");
-        Array.from(L1).some((n3) => n3.contains(l1)) || ((v1 = w.current) == null ? void 0 : v1.contains(l1)) || E();
+        Array.from(L1).some((t3) => t3.contains(l1)) || ((v1 = w.current) == null ? void 0 : v1.contains(l1)) || P();
       };
-      return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
-    }, [E]);
+      return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
+    }, [P]);
     const G = $(
-      (A, o1) => {
-        const l1 = m3(A, o1, "right", d, !0), L1 = g3(A, o1, l1), j = t3(
+      (D, o1) => {
+        const l1 = m3(D, o1, "right", d, !0), L1 = g3(D, o1, l1), j = e3(
           l1,
-          A,
+          D,
           o1,
           d,
           L1
@@ -3282,38 +3293,38 @@ const K3 = (C, e, t, n = 0, l = !1) => {
       },
       [d]
     ), V1 = $(
-      (A, o1, l1, L1) => {
-        const j = l1 === "auto" ? m3(A, o1, "bottom") : l1, v1 = L1 ?? g3(A, o1, j), n3 = t3(
+      (D, o1, l1, L1) => {
+        const j = l1 === "auto" ? m3(D, o1, "bottom") : l1, v1 = L1 ?? g3(D, o1, j), t3 = e3(
           j,
-          A,
+          D,
           o1,
           d,
           v1
         );
-        F(j), f(n3);
+        F(j), f(t3);
       },
       [d]
     );
-    return P(() => {
+    return E(() => {
       !_ || !b || (l ? G(_, b) : V1(_, b, o, v));
-    }, [l, b, _, o, v, G, V1]), P(() => {
-      c && b && h && U3(M);
-    }, [c, M, b, h]), /* @__PURE__ */ g(Be, { dropdownId: M, closeRoot: E, autoClose: s, children: [
+    }, [l, b, _, o, v, G, V1]), E(() => {
+      c && b && h && U3(V);
+    }, [c, V, b, h]), /* @__PURE__ */ g(Be, { dropdownId: V, closeRoot: P, autoClose: s, children: [
       /* @__PURE__ */ r("div", { ref: I, className: _1.trigger, tabIndex: -1, onKeyDown: T, children: C }),
       O && /* @__PURE__ */ r(G1, { children: /* @__PURE__ */ g(
         "div",
         {
           className: R(_1.dropdown, e),
-          "data-dropdown-id": M,
-          "data-position": S,
-          "data-open": p || void 0,
+          "data-dropdown-id": V,
+          "data-position": B,
+          "data-open": H || void 0,
           ...Z,
           style: {
             ...t,
             top: x.top,
             left: x.left
           },
-          ref: V,
+          ref: M,
           onKeyUp: c1,
           onKeyDown: Q,
           children: [
@@ -3322,9 +3333,9 @@ const K3 = (C, e, t, n = 0, l = !1) => {
               /* @__PURE__ */ r(a1, {})
             ] }),
             /* @__PURE__ */ r("div", { className: R(_1["dropdown-menu-content"], "rte-dropdown-menu-content"), children: /* @__PURE__ */ r("ul", { className: _1["dropdown-items"], role: "menu", children: a }) }),
-            H && /* @__PURE__ */ g("div", { className: R(_1["dropdown-menu-footer"], "rte-dropdown-menu-footer"), children: [
+            p && /* @__PURE__ */ g("div", { className: R(_1["dropdown-menu-footer"], "rte-dropdown-menu-footer"), children: [
               /* @__PURE__ */ r(a1, {}),
-              H
+              p
             ] })
           ]
         }
@@ -3349,32 +3360,32 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   badgeType: v,
   badgeSize: h,
   showBadge: u,
-  isSelected: H,
+  isSelected: p,
   onClick: Z,
   ...L
 }) => {
-  const { dropdownId: M, autoClose: S, closeRoot: F } = V3(L3) || {}, B = `${M}-${C && C.replace(/\s+/g, "")}`, { isOpen: w, open: m } = W3(B), b = () => {
-    M && (i1.closeSubMenus(M), m());
+  const { dropdownId: V, autoClose: B, closeRoot: F } = V3(L3) || {}, S = `${V}-${C && C.replace(/\s+/g, "")}`, { isOpen: w, open: m } = W3(S), b = () => {
+    V && (i1.closeSubMenus(V), m());
   }, k = () => {
-    M && i1.closeSubMenus(M);
+    V && i1.closeSubMenus(V);
   };
   s && t && console.warn(
     `DropdownItem: 'hasIndent' prop is ignored when 'leftIcon' is provided : displaying icon '${t}' for dropdownitem with label '${C}' without indentation.`
   );
-  const _ = (V) => {
-    l || (Z && Z(V), S && F && F());
-  }, y = (V) => {
-    if ([e1, W].includes(V.key))
+  const _ = (M) => {
+    l || (Z && Z(M), B && F && F());
+  }, y = (M) => {
+    if ([e1, W].includes(M.key))
       if (e) {
-        const I = V.currentTarget.querySelector("a");
+        const I = M.currentTarget.querySelector("a");
         I && I.click();
       } else {
         if (l) return;
-        Z && _(V), c && m();
+        Z && _(M), c && m();
       }
-  }, x = (V) => {
-    V.preventDefault(), V.key === A1 && (w && U3(B), V.shiftKey && M && ye(M));
-  }, { onKeyUp: f, onFocus: O, onKeyDown: p } = B1(
+  }, x = (M) => {
+    M.preventDefault(), M.key === A1 && (w && U3(S), M.shiftKey && V && ye(V));
+  }, { onKeyUp: f, onFocus: O, onKeyDown: H } = B1(
     { onKeyUp: x, onFocus: k, onKeyDown: y },
     {
       interactiveKeyCodes: [e1, W, A1, x1, P1, z1]
@@ -3384,9 +3395,9 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     W1,
     {
       hasParent: !0,
-      dropdownId: B,
+      dropdownId: S,
       isOpen: w,
-      trigger: /* @__PURE__ */ g(J, { children: [
+      trigger: /* @__PURE__ */ g(X, { children: [
         /* @__PURE__ */ g(
           "li",
           {
@@ -3396,13 +3407,13 @@ const K3 = (C, e, t, n = 0, l = !1) => {
             role: "menuitem",
             onMouseOver: b,
             onKeyUp: f,
-            onKeyDown: p,
+            onKeyDown: H,
             onFocus: O,
             tabIndex: 0,
             children: [
               s && /* @__PURE__ */ r("span", { style: { width: "20px" } }),
               t && /* @__PURE__ */ r(
-                D,
+                A,
                 {
                   name: t,
                   className: Z1["dropdown-item-icon"],
@@ -3410,7 +3421,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
                 }
               ),
               e ? /* @__PURE__ */ r("a", { href: e, style: { flex: "2", textDecoration: "none", color: "inherit" }, children: C }) : /* @__PURE__ */ r("span", { style: { flex: "2" }, children: C }),
-              /* @__PURE__ */ r(D, { name: "arrow-chevron-right", className: Z1["dropdown-item-icon"] })
+              /* @__PURE__ */ r(A, { name: "arrow-chevron-right", className: Z1["dropdown-item-icon"] })
             ]
           }
         ),
@@ -3418,24 +3429,24 @@ const K3 = (C, e, t, n = 0, l = !1) => {
       ] }),
       children: c
     }
-  ) : /* @__PURE__ */ g(J, { children: [
+  ) : /* @__PURE__ */ g(X, { children: [
     /* @__PURE__ */ g(
       "li",
       {
         className: Z1["dropdown-item"],
         "data-disabled": l,
-        "data-active": H,
+        "data-active": p,
         role: "menuitem",
         onClick: _,
         onMouseOver: b,
         onKeyUp: f,
-        onKeyDown: p,
+        onKeyDown: H,
         onFocus: O,
         tabIndex: 0,
         ...L,
         children: [
           s && !t && /* @__PURE__ */ r("span", { style: { width: "20px" } }),
-          t && /* @__PURE__ */ r(D, { name: t, className: Z1["dropdown-item-icon"] }),
+          t && /* @__PURE__ */ r(A, { name: t, className: Z1["dropdown-item-icon"] }),
           e ? /* @__PURE__ */ r("a", { href: e, style: { flex: "2", textDecoration: "none", color: "inherit" }, children: C }) : /* @__PURE__ */ r("span", { style: { flex: "2" }, children: C }),
           n && /* @__PURE__ */ r("div", { children: n }),
           U1({ showBadge: !!u, badgeContent: a, badgeCount: i, badgeIcon: d }) && /* @__PURE__ */ r(C1, { count: i, content: a, icon: d, badgeType: v, size: h })
@@ -3464,7 +3475,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
       ...s,
       children: [
         /* @__PURE__ */ r("span", { className: o3.label, children: C }),
-        n && /* @__PURE__ */ r(D, { name: "external-link", size: 12, className: o3["external-link-icon"] })
+        n && /* @__PURE__ */ r(A, { name: "external-link", size: 12, className: o3["external-link-icon"] })
       ]
     }
   )
@@ -3489,24 +3500,24 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
     gap: i = j3,
     ...a
   }, d) => {
-    const v = K(null), h = K(null), [u, H] = N(null), [Z, L] = N(e), [M, S] = N({ top: 0, left: 0 }), [F, B] = N(!1), { shouldRender: w, isAnimating: m } = D1(F, ke), b = $(
+    const v = K(null), h = K(null), [u, p] = N(null), [Z, L] = N(e), [V, B] = N({ top: 0, left: 0 }), [F, S] = N(!1), { shouldRender: w, isAnimating: m } = D1(F, ke), b = $(
       (x) => {
-        h.current = x, H(x), typeof d == "function" ? d(x) : d && (d.current = x);
+        h.current = x, p(x), typeof d == "function" ? d(x) : d && (d.current = x);
       },
       [d]
     ), k = $(() => {
       if (F && v.current && u) {
-        const x = Ie(l, i), f = e === "auto" ? K3(v.current, u, "top", x, !0) : e, O = t3(f, v.current, u, x);
-        L(f), S(O);
+        const x = Ie(l, i), f = e === "auto" ? K3(v.current, u, "top", x, !0) : e, O = e3(f, v.current, u, x);
+        L(f), B(O);
       }
     }, [F, e, l, u, i]);
-    P(() => (k(), window.addEventListener("scroll", k), () => {
+    E(() => (k(), window.addEventListener("scroll", k), () => {
       window.removeEventListener("scroll", k);
     }), [k]);
     const _ = () => {
-      B(!0);
+      S(!0);
     }, y = () => {
-      B(!1);
+      S(!1);
     };
     return /* @__PURE__ */ g(
       "div",
@@ -3532,8 +3543,8 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
               "data-alignment": t,
               "data-arrow": l,
               style: {
-                top: `${M.top}px`,
-                left: `${M.left}px`
+                top: `${V.top}px`,
+                left: `${V.left}px`
               },
               ...a,
               children: n && /* @__PURE__ */ r("span", { role: "tooltip", className: l3.tooltipLabel, children: n })
@@ -3547,16 +3558,16 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
   breadcrumbItem: Te
 }, s3 = ({ item: C, isLast: e, breadcrumbItemMaxWidth: t }) => {
   const [n, l] = N(!1), o = K(), s = K(null);
-  P(() => {
-    var H;
-    s.current && (o.current = (H = s.current.querySelector("a")) == null ? void 0 : H.scrollWidth);
-  }, []), P(() => {
+  E(() => {
+    var p;
+    s.current && (o.current = (p = s.current.querySelector("a")) == null ? void 0 : p.scrollWidth);
+  }, []), E(() => {
     (() => {
       o.current && t && l(o.current >= t);
     })();
   }, [t]);
   const { showBadge: c, badgeContent: i, badgeCount: a, badgeIcon: d, badgeType: v, badgeSize: h } = C, u = U1({ showBadge: !!c, badgeContent: i, badgeCount: a, badgeIcon: d });
-  return /* @__PURE__ */ r("div", { className: Re.breadcrumbItem, ref: s, children: e ? /* @__PURE__ */ r(J, { children: n ? /* @__PURE__ */ g(
+  return /* @__PURE__ */ r("div", { className: Re.breadcrumbItem, ref: s, children: e ? /* @__PURE__ */ r(X, { children: n ? /* @__PURE__ */ g(
     h3,
     {
       label: C.label,
@@ -3592,7 +3603,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
         )
       ]
     }
-  ) : /* @__PURE__ */ g(J, { children: [
+  ) : /* @__PURE__ */ g(X, { children: [
     /* @__PURE__ */ r(
       "a",
       {
@@ -3605,7 +3616,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
       }
     ),
     u && /* @__PURE__ */ r(C1, { count: a, content: i, icon: d, badgeType: v })
-  ] }) }) : /* @__PURE__ */ r(J, { children: n ? /* @__PURE__ */ g(
+  ] }) }) : /* @__PURE__ */ r(X, { children: n ? /* @__PURE__ */ g(
     h3,
     {
       label: C.label,
@@ -3631,7 +3642,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
         u && /* @__PURE__ */ r(C1, { count: a, content: i, icon: d, badgeType: v })
       ]
     }
-  ) : /* @__PURE__ */ g(J, { children: [
+  ) : /* @__PURE__ */ g(X, { children: [
     /* @__PURE__ */ r(
       v3,
       {
@@ -3662,12 +3673,12 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
   }, d) => {
     const [v, h] = N(!1);
     if ($3(C)) {
-      const { root: u, truncated: H, remaining: Z } = he(C);
+      const { root: u, truncated: p, remaining: Z } = he(C);
       return /* @__PURE__ */ g(
         "nav",
         {
           ref: d,
-          className: R(k1.breadcrumbsContainer, H.length ? k1.truncated : ""),
+          className: R(k1.breadcrumbsContainer, p.length ? k1.truncated : ""),
           ...a,
           role: "navigation",
           "aria-label": e,
@@ -3705,7 +3716,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
                 ] }),
                 isOpen: v,
                 offset: 6,
-                children: H.map((L, M) => /* @__PURE__ */ r(
+                children: p.map((L, V) => /* @__PURE__ */ r(
                   $1,
                   {
                     label: L.label,
@@ -3716,37 +3727,37 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
                     badgeType: L.badgeType,
                     showBadge: L.showBadge
                   },
-                  L.label + M
+                  L.label + V
                 ))
               }
             ) }),
             /* @__PURE__ */ r("span", { "aria-hidden": "true", className: k1.separator, children: "/" }),
-            Z.map((L, M) => /* @__PURE__ */ g(C3, { children: [
+            Z.map((L, V) => /* @__PURE__ */ g(J1, { children: [
               /* @__PURE__ */ r(
                 s3,
                 {
                   item: L,
-                  isLast: M === Z.length - 1,
+                  isLast: V === Z.length - 1,
                   breadcrumbItemMaxWidth: t
                 }
               ),
-              M < Z.length - 1 && /* @__PURE__ */ r(i3, {})
-            ] }, L.label + M))
+              V < Z.length - 1 && /* @__PURE__ */ r(i3, {})
+            ] }, L.label + V))
           ]
         }
       );
     }
-    return /* @__PURE__ */ r("nav", { ref: d, className: k1.breadcrumbsBadge, ...a, role: "navigation", "aria-label": "Fil d'Ariane", children: C.map((u, H) => /* @__PURE__ */ g(C3, { children: [
+    return /* @__PURE__ */ r("nav", { ref: d, className: k1.breadcrumbsBadge, ...a, role: "navigation", "aria-label": "Fil d'Ariane", children: C.map((u, p) => /* @__PURE__ */ g(J1, { children: [
       /* @__PURE__ */ r(
         s3,
         {
           item: u,
-          isLast: H === C.length - 1,
+          isLast: p === C.length - 1,
           breadcrumbItemMaxWidth: t
         }
       ),
-      H < C.length - 1 && /* @__PURE__ */ r(i3, {})
-    ] }, u.label + H)) });
+      p < C.length - 1 && /* @__PURE__ */ r(i3, {})
+    ] }, u.label + p)) });
   }
 ), $e = {
   xs: 240,
@@ -3757,13 +3768,13 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
 }, Ke = "_card_1fr4q_1", Ue = {
   card: Ke
 }, _r = z(
-  ({ size: C = "m", cardType: e = "default", clickable: t = !1, disabled: n = !1, children: l, onClick: o, ...s }, c) => {
-    const i = (u) => {
-      !n && t && (u.key === e1 || u.key === W) && (u.preventDefault(), o == null || o());
-    }, a = () => {
+  ({ size: C = "m", cardType: e = "default", clickable: t = !1, disabled: n = !1, children: l, onClick: o, style: s, ...c }, i) => {
+    const a = (p) => {
+      !n && t && (p.key === e1 || p.key === W) && (p.preventDefault(), o == null || o());
+    }, d = () => {
       !n && t && (o == null || o());
-    }, { onKeyDown: d, onKeyUp: v, onBlur: h } = B1(
-      { onKeyUp: i },
+    }, { onKeyDown: v, onKeyUp: h, onBlur: u } = B1(
+      { onKeyUp: a },
       {
         interactiveKeyCodes: [e1, W]
       }
@@ -3771,18 +3782,18 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: c,
+        ref: i,
         className: Ue.card,
-        style: { width: $e[C] },
+        style: { width: $e[C], ...s },
         "data-card-type": e,
         "data-clickable": t,
         "data-disabled": n,
         tabIndex: t ? 0 : -1,
-        onClick: a,
-        onKeyDown: d,
-        onKeyUp: v,
-        onBlur: h,
-        ...s,
+        onClick: d,
+        onKeyDown: v,
+        onKeyUp: h,
+        onBlur: u,
+        ...c,
         children: l
       }
     );
@@ -3809,7 +3820,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
   ...a
 }) => {
   const d = K(null);
-  P(() => {
+  E(() => {
     d.current && (d.current.indeterminate = !!i);
   }, [i]);
   const v = (h) => {
@@ -3830,8 +3841,8 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
         ...a
       }
     ),
-    /* @__PURE__ */ r("div", { className: `${w1["checkbox-icon-selected"]} ${w1["checkbox-icons"]}`, children: /* @__PURE__ */ r(D, { name: "check-small", size: 16 }) }),
-    /* @__PURE__ */ r("div", { className: `${w1["checkbox-icon-indeterminated"]} ${w1["checkbox-icons"]}`, children: /* @__PURE__ */ r(D, { name: "check-indeterminate", size: 16 }) }),
+    /* @__PURE__ */ r("div", { className: `${w1["checkbox-icon-selected"]} ${w1["checkbox-icons"]}`, children: /* @__PURE__ */ r(A, { name: "check-small", size: 16 }) }),
+    /* @__PURE__ */ r("div", { className: `${w1["checkbox-icon-indeterminated"]} ${w1["checkbox-icons"]}`, children: /* @__PURE__ */ r(A, { name: "check-indeterminate", size: 16 }) }),
     /* @__PURE__ */ g("div", { className: w1["checkbox-text-container"], "data-disabled": n, children: [
       t && /* @__PURE__ */ r("label", { htmlFor: C, children: e }),
       /* @__PURE__ */ r("p", { className: w1["checkbox-description"], children: l }),
@@ -3877,17 +3888,17 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: y1.checkboxGroup, "data-direction": e, children: C.map((H, Z) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: y1.checkboxGroup, "data-direction": e, children: C.map((p, Z) => /* @__PURE__ */ r(
           je,
           {
-            id: `${H}-${Z}`,
-            label: H,
+            id: `${p}-${Z}`,
+            label: p,
             showLabel: t,
             disabled: a,
             error: i,
             readOnly: d
           },
-          `${H}-${Z}`
+          `${p}-${Z}`
         )) })
       ] });
   }
@@ -3916,14 +3927,14 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
     onClose: i,
     ...a
   }, d) => {
-    const v = i6.useRef(null), h = (M) => {
-      if (M.key === e1 || M.key === W)
-        M.preventDefault(), n == null || n(M);
-      else if ((M.key === x3 || M.key === B3) && i) {
+    const v = i6.useRef(null), h = (V) => {
+      if (V.key === e1 || V.key === W)
+        V.preventDefault(), n == null || n(V);
+      else if ((V.key === x3 || V.key === B3) && i) {
         if (o !== "input") return;
-        M.preventDefault(), v.current && v.current.click();
+        V.preventDefault(), v.current && v.current.click();
       }
-    }, { onBlur: u, onKeyDown: H, onKeyUp: Z } = B1(
+    }, { onBlur: u, onKeyDown: p, onKeyUp: Z } = B1(
       { onKeyUp: h },
       {
         id: C,
@@ -3943,7 +3954,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
         "data-type": o,
         onClick: n,
         tabIndex: 0,
-        onKeyDown: H,
+        onKeyDown: p,
         onKeyUp: Z,
         onBlur: u,
         "aria-checked": L && t,
@@ -3956,7 +3967,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
               {
                 className: R(u1["chip-icon"], t ? u1["chip-icon--visible"] : ""),
                 "aria-hidden": !t,
-                children: /* @__PURE__ */ r(D, { name: "check-circle", appearance: "filled", size: 16 })
+                children: /* @__PURE__ */ r(A, { name: "check-circle", appearance: "filled", size: 16 })
               }
             ),
             /* @__PURE__ */ r(
@@ -3964,7 +3975,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
               {
                 className: R(u1["chip-icon"], t ? "" : u1["chip-icon--visible"]),
                 "aria-hidden": t,
-                children: /* @__PURE__ */ r(D, { name: "radio-button-empty", size: 16 })
+                children: /* @__PURE__ */ r(A, { name: "radio-button-empty", size: 16 })
               }
             )
           ] }),
@@ -3980,7 +3991,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
               "aria-label": `Supprimer ${e}`,
               value: e,
               ref: v,
-              children: /* @__PURE__ */ r(D, { className: u1["chip-close-button--icon"], name: "close" })
+              children: /* @__PURE__ */ r(A, { className: u1["chip-close-button--icon"], name: "close" })
             }
           )
         ]
@@ -4012,7 +4023,7 @@ const Nr = z(
     }, ...n });
   }
 ), q3 = (C, ...e) => {
-  P(() => {
+  E(() => {
     function t(n) {
       if (e.length === 0 || e.some((o) => !o)) return;
       e.some((o) => o.contains(n.target)) || C();
@@ -4030,7 +4041,7 @@ const Nr = z(
 ], Y3 = ot.map(
   (C) => C + ":not([disabled]):not([aria-hidden])"
 ).join(","), Q3 = (C, e) => {
-  P(() => {
+  E(() => {
     if (!e || !C)
       return;
     const t = C.querySelectorAll(Y3);
@@ -4044,7 +4055,7 @@ const Nr = z(
     return C.addEventListener("keydown", n), () => C.removeEventListener("keydown", n);
   }, [C, e]);
 }, X3 = (C) => {
-  P(() => {
+  E(() => {
     const e = (t) => {
       t.key === "Escape" && (t.preventDefault(), C());
     };
@@ -4075,15 +4086,15 @@ const Nr = z(
     className: v,
     children: h,
     ...u
-  }, H) => {
-    const { shouldRender: Z, isAnimating: L } = D1(e, 150), [M, S] = N(null), F = $(
-      (B) => {
-        S(B), typeof H == "function" ? H(B) : H && (H.current = B);
+  }, p) => {
+    const { shouldRender: Z, isAnimating: L } = D1(e, 150), [V, B] = N(null), F = $(
+      (S) => {
+        B(S), typeof p == "function" ? p(S) : p && (p.current = S);
       },
-      [H]
+      [p]
     );
     return q3(a ? d : () => {
-    }, M), X3(d), Q3(M, Z), /* @__PURE__ */ r(J, { children: Z && /* @__PURE__ */ g(G1, { freezeNavigation: !0, children: [
+    }, V), X3(d), Q3(V, Z), /* @__PURE__ */ r(X, { children: Z && /* @__PURE__ */ g(G1, { freezeNavigation: !0, children: [
       /* @__PURE__ */ r("div", { className: g1["modal-backdrop"], "data-open": L }),
       /* @__PURE__ */ g(
         "dialog",
@@ -4098,7 +4109,7 @@ const Nr = z(
           children: [
             /* @__PURE__ */ g("div", { className: g1["modal-header"], children: [
               /* @__PURE__ */ g("div", { className: g1["modal-header-text"], children: [
-                n && /* @__PURE__ */ r(D, { name: n, size: H1.xl, appearance: l }),
+                n && /* @__PURE__ */ r(A, { name: n, size: H1.xl, appearance: l }),
                 /* @__PURE__ */ r("h2", { id: `${C}-modal-title`, className: g1["modal-title"], children: t }),
                 /* @__PURE__ */ r(
                   d1,
@@ -4129,7 +4140,7 @@ const Nr = z(
     ] }) });
   }
 ), _3 = 8, y3 = 20, lt = (C) => {
-  P(() => (window.addEventListener("scroll", C, !0), () => {
+  E(() => (window.addEventListener("scroll", C, !0), () => {
     window.removeEventListener("scroll", C, !0);
   }), [C]);
 }, st = "_popoverTrigger_1oeje_1", it = "_popover_1oeje_1", ct = "_popoverInner_1oeje_25", at = "_popoverContentContainer_1oeje_33", dt = "_popoverTitle_1oeje_40", wt = "_popoverContent_1oeje_33", ut = "_popoverButtonContainer_1oeje_64", f1 = {
@@ -4156,37 +4167,37 @@ const Nr = z(
     closeOnEscape: v = !0,
     onClickPrimaryButton: h,
     onClickSecondaryButton: u,
-    ...H
+    ...p
   }, Z) => {
-    const L = K(null), [M, S] = N(null), [F, B] = N(e), [w, m] = N(t), [b, k] = N({ top: 0, left: 0 }), [_, y] = N(!1), { shouldRender: x, isAnimating: f } = D1(_, 150), [O, p] = N(!1), V = $(() => {
-      if (!L.current || !M) return;
-      const G = e === "auto" ? K3(L.current, M, "top", l ? y3 : _3) : e, V1 = t || g3(L.current, M, G), A = t3(
+    const L = K(null), [V, B] = N(null), [F, S] = N(e), [w, m] = N(t), [b, k] = N({ top: 0, left: 0 }), [_, y] = N(!1), { shouldRender: x, isAnimating: f } = D1(_, 150), [O, H] = N(!1), M = $(() => {
+      if (!L.current || !V) return;
+      const G = e === "auto" ? K3(L.current, V, "top", l ? y3 : _3) : e, V1 = t || g3(L.current, V, G), D = e3(
         G,
         L.current,
-        M,
+        V,
         l ? y3 : _3,
         V1
       );
-      m(V1), k(A), B(G);
-    }, [e, l, M, t]), I = $(() => {
+      m(V1), k(D), S(G);
+    }, [e, l, V, t]), I = $(() => {
       d && y(!1);
-    }, [d]), E = $(() => {
+    }, [d]), P = $(() => {
       v && y(!1);
     }, [v]);
-    Q3(M, x), q3(I, L.current, M), X3(E), lt(V);
+    Q3(V, x), q3(I, L.current, V), X3(P), lt(M);
     const U = $(
       (G) => {
-        S(G), typeof Z == "function" ? Z(G) : Z && (Z.current = G), G && _ && requestAnimationFrame(() => {
+        B(G), typeof Z == "function" ? Z(G) : Z && (Z.current = G), G && _ && requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            V();
+            M();
           });
         });
       },
-      [Z, _, V]
+      [Z, _, M]
     );
-    P(() => {
-      _ && M ? (V(), p(!0)) : p(!1);
-    }, [_, M, V]);
+    E(() => {
+      _ && V ? (M(), H(!0)) : H(!1);
+    }, [_, V, M]);
     const q = (G) => {
       G.key === W && (G.preventDefault(), _ || y(!0));
     }, T = (G) => {
@@ -4218,7 +4229,7 @@ const Nr = z(
               "data-alignment": w,
               "data-open": O && f || void 0,
               style: { top: `${b.top}px`, left: `${b.left}px` },
-              ...H,
+              ...p,
               children: /* @__PURE__ */ g("div", { className: f1.popoverInner, children: [
                 /* @__PURE__ */ g("div", { className: f1.popoverContentContainer, children: [
                   o && /* @__PURE__ */ r("div", { className: f1.popoverTitle, children: o }),
@@ -4226,7 +4237,7 @@ const Nr = z(
                 ] }),
                 /* @__PURE__ */ g("div", { className: f1.popoverButtonContainer, children: [
                   c && /* @__PURE__ */ r(
-                    e3,
+                    C3,
                     {
                       className: "popoverButton",
                       onClick: Q,
@@ -4235,7 +4246,7 @@ const Nr = z(
                     }
                   ),
                   /* @__PURE__ */ r(
-                    e3,
+                    C3,
                     {
                       className: "popoverButton",
                       onClick: c1,
@@ -4312,9 +4323,9 @@ const Nr = z(
     readOnly: v = !1,
     className: h = "",
     ...u
-  }, H) => {
+  }, p) => {
     if (!(d && a))
-      return /* @__PURE__ */ g("div", { ref: H, className: R(O1.radioButtonGroupContainer, h), ...u, children: [
+      return /* @__PURE__ */ g("div", { ref: p, className: R(O1.radioButtonGroupContainer, h), ...u, children: [
         /* @__PURE__ */ g(
           "div",
           {
@@ -4363,7 +4374,7 @@ const Nr = z(
   const o = yt(e);
   return /* @__PURE__ */ g("div", { className: O3["assistive-text"], "data-appearance": e, style: { width: `${l}px` }, children: [
     t && o && /* @__PURE__ */ r(
-      D,
+      A,
       {
         name: o,
         appearance: "outlined",
@@ -4381,7 +4392,7 @@ const Nr = z(
   "requirement-indicator": "_requirement-indicator_1546d_1"
 }, K1 = ({ required: C, showLabelRequirement: e }) => {
   const t = C ? e ? a3.required : a3.requiredIcon : a3.optional;
-  return /* @__PURE__ */ r(J, { children: (e || C) && /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(X, { children: (e || C) && /* @__PURE__ */ r(
     "span",
     {
       className: Ot["requirement-indicator"],
@@ -4391,7 +4402,7 @@ const Nr = z(
       children: t
     }
   ) });
-}, Nt = "_container_fb63b_1", Ft = "_inputContainer_fb63b_10", kt = "_input_fb63b_10", It = "_inputBar_fb63b_14", At = "_inputField_fb63b_14", Dt = "_text_fb63b_21", Tt = "_inputCounter_fb63b_25", Rt = "_leftIcon_fb63b_28", Et = "_labelContainer_fb63b_40", Pt = "_inputLabel_fb63b_44", zt = "_withLeftIcon_fb63b_71", $t = "_withRightIcon_fb63b_74", Kt = "_rightIcon_fb63b_82", X = {
+}, Nt = "_container_fb63b_1", Ft = "_inputContainer_fb63b_10", kt = "_input_fb63b_10", It = "_inputBar_fb63b_14", At = "_inputField_fb63b_14", Dt = "_text_fb63b_21", Tt = "_inputCounter_fb63b_25", Rt = "_leftIcon_fb63b_28", Et = "_labelContainer_fb63b_40", Pt = "_inputLabel_fb63b_44", zt = "_withLeftIcon_fb63b_71", $t = "_withRightIcon_fb63b_74", Kt = "_rightIcon_fb63b_82", J = {
   container: Nt,
   inputContainer: Ft,
   input: kt,
@@ -4421,79 +4432,79 @@ const Nr = z(
     showAssistiveIcon: v = !1,
     assistiveTextLabel: h = "",
     error: u = !1,
-    maxLength: H,
+    maxLength: p,
     disabled: Z,
     readOnly: L,
-    width: M,
-    onChange: S,
+    width: V,
+    onChange: B,
     onRightIconClick: F,
-    compactSpacing: B,
+    compactSpacing: S,
     placeholder: w,
     rightSlot: m,
     highlighted: b,
     ...k
   }, _) => {
-    const y = K(null), x = (j) => ["visibilityOn", "visibilityOff"].includes(j) ? E ? "visibility-show" : "visibility-hide" : j === "clean" ? "cancel" : "", f = (j) => ["visibilityOn", "visibilityOff"].includes(j) ? E ? "show text" : "hide text" : j === "clean" ? "clear" : "", [O, p] = N(o ?? ""), [V, I] = N(O.length), [E, U] = N(!!c && i === "visibilityOn");
-    P(() => {
-      o !== void 0 && (p(o), I(o.length));
-    }, [o]), P(() => {
+    const y = K(null), x = (j) => ["visibilityOn", "visibilityOff"].includes(j) ? P ? "visibility-show" : "visibility-hide" : j === "clean" ? "cancel" : "", f = (j) => ["visibilityOn", "visibilityOff"].includes(j) ? P ? "show text" : "hide text" : j === "clean" ? "clear" : "", [O, H] = N(o ?? ""), [M, I] = N(O.length), [P, U] = N(!!c && i === "visibilityOn");
+    E(() => {
+      o !== void 0 && (H(o), I(o.length));
+    }, [o]), E(() => {
       U(!!c && i === "visibilityOn");
     }, [c, i]);
     const q = (j) => {
       const v1 = j.target.value;
-      p(v1), I(v1.length), S && S(v1);
+      H(v1), I(v1.length), B && B(v1);
     }, T = () => {
-      i === "clean" && (p(""), I(0), S && S("")), ["visibilityOn", "visibilityOff"].includes(i) && c1();
+      i === "clean" && (H(""), I(0), B && B("")), ["visibilityOn", "visibilityOff"].includes(i) && c1();
     }, Q = () => {
       F && F(), T();
     }, c1 = () => {
-      U(!E);
+      U(!P);
     }, G = u ? "error" : s, V1 = R(
-      X.inputBar,
-      G ? X.withLeftIcon : "",
-      i ? X.withRightIcon : ""
-    ), A = l && typeof H == "number", o1 = x(i), l1 = f(i), L1 = () => L || Z ? !1 : i === "clean" ? !!(O != null && O.length) && c : c && !!i;
+      J.inputBar,
+      G ? J.withLeftIcon : "",
+      i ? J.withRightIcon : ""
+    ), D = l && typeof p == "number", o1 = x(i), l1 = f(i), L1 = () => L || Z ? !1 : i === "clean" ? !!(O != null && O.length) && c : c && !!i;
     return /* @__PURE__ */ g(
       "div",
       {
-        className: X.container,
+        className: J.container,
         "data-label-position": t,
         "data-error": u,
-        style: { width: M },
-        "data-compact-spacing": B,
+        style: { width: V },
+        "data-compact-spacing": S,
         children: [
-          e && /* @__PURE__ */ g("div", { className: X.text, children: [
-            /* @__PURE__ */ g("div", { className: X.labelContainer, children: [
-              /* @__PURE__ */ g("label", { className: X.inputLabel, id: `inputLabel-${C}`, htmlFor: C, children: [
+          e && /* @__PURE__ */ g("div", { className: J.text, children: [
+            /* @__PURE__ */ g("div", { className: J.labelContainer, children: [
+              /* @__PURE__ */ g("label", { className: J.inputLabel, id: `inputLabel-${C}`, htmlFor: C, children: [
                 " ",
                 e,
                 " "
               ] }),
               /* @__PURE__ */ r(K1, { required: n, showLabelRequirement: a })
             ] }),
-            A && t === "top" && /* @__PURE__ */ g("p", { className: X.inputCounter, "data-testid": "input-counter", children: [
+            D && t === "top" && /* @__PURE__ */ g("p", { className: J.inputCounter, "data-testid": "input-counter", children: [
               " ",
-              V,
+              M,
               "/",
-              H
+              p
             ] })
           ] }),
-          /* @__PURE__ */ g("div", { className: X.inputContainer, children: [
+          /* @__PURE__ */ g("div", { className: J.inputContainer, children: [
             /* @__PURE__ */ g(
               "div",
               {
-                className: X.input,
+                className: J.input,
                 "data-label-position": t,
                 "data-disabled": Z,
                 "data-read-only": L,
                 children: [
                   /* @__PURE__ */ g("div", { className: V1, children: [
                     G && /* @__PURE__ */ r(
-                      D,
+                      A,
                       {
                         name: G,
                         appearance: "outlined",
-                        className: X.leftIcon,
+                        className: J.leftIcon,
                         "aria-hidden": "true",
                         "data-testid": `left-icon ${G}`
                       }
@@ -4505,11 +4516,11 @@ const Nr = z(
                         ref: (j) => {
                           y.current = j, typeof _ == "function" ? _(j) : _ && (_.current = j);
                         },
-                        type: E ? "password" : "text",
+                        type: P ? "password" : "text",
                         "data-error": u,
                         "data-highlighted": b,
-                        className: X.inputField,
-                        maxLength: H,
+                        className: J.inputField,
+                        maxLength: p,
                         onChange: q,
                         disabled: Z,
                         readOnly: L,
@@ -4526,24 +4537,24 @@ const Nr = z(
                         variant: "neutral",
                         size: "s",
                         compactSpacing: !0,
-                        className: X.rightIcon,
+                        className: J.rightIcon,
                         "aria-label": l1,
                         onClick: Q,
                         "data-testid": "right-icon"
                       }
                     )
                   ] }),
-                  m && /* @__PURE__ */ r("div", { className: X.rightSlot, children: m })
+                  m && /* @__PURE__ */ r("div", { className: J.rightSlot, children: m })
                 ]
               }
             ),
             h && /* @__PURE__ */ r(M3, { label: h, appearance: d, showIcon: v })
           ] }),
-          A && t == "side" && /* @__PURE__ */ g("p", { className: X.inputCounter, "data-testid": "input-counter", children: [
+          D && t == "side" && /* @__PURE__ */ g("p", { className: J.inputCounter, "data-testid": "input-counter", children: [
             " ",
-            V,
+            M,
             "/",
-            H,
+            p,
             " "
           ] })
         ]
@@ -4582,28 +4593,28 @@ const Ar = z(
     style: v,
     ...h
   }, u) => {
-    const H = bt[c], [Z, L] = N(!1), M = K(null);
-    P(() => {
-      const y = M.current;
+    const p = bt[c], [Z, L] = N(!1), V = K(null);
+    E(() => {
+      const y = V.current;
       if (!y) return;
       const x = () => {
         L(!0);
       }, f = (O) => {
-        const p = O.relatedTarget;
-        p && y.contains(p) || L(!1);
+        const H = O.relatedTarget;
+        H && y.contains(H) || L(!1);
       };
       return y.addEventListener("focusin", x), y.addEventListener("focusout", f), () => {
         y.removeEventListener("focusin", x), y.removeEventListener("focusout", f);
       };
     }, []);
-    const S = $(
+    const B = $(
       (y) => {
         e == null || e(y);
       },
       [e]
     ), F = $(() => {
       C == null || C(a);
-    }, [C, a]), B = $(
+    }, [C, a]), S = $(
       (y) => {
         y.key === W && (C == null || C(a));
       },
@@ -4614,39 +4625,39 @@ const Ar = z(
       () => ({
         disabled: o,
         value: a,
-        onChange: S,
-        onKeyUp: C ? B : void 0,
+        onChange: B,
+        onKeyUp: C ? S : void 0,
         showRightIcon: s,
         rightIconAction: "clean",
         onRightIconClick: w,
         assistiveTextLabel: d,
         compactSpacing: i,
         placeholder: m,
-        leftIcon: H.showLeftIcon ? "search" : void 0,
+        leftIcon: p.showLeftIcon ? "search" : void 0,
         ...h
       }),
       [
         o,
         a,
-        S,
-        C,
         B,
+        C,
+        S,
         s,
         w,
         d,
         i,
         m,
-        H.showLeftIcon,
+        p.showLeftIcon,
         h
       ]
     ), k = j1(
       () => ({
-        ...qt(c, H.showLeftIcon),
+        ...qt(c, p.showLeftIcon),
         ...v ?? {}
       }),
-      [c, H.showLeftIcon, v]
+      [c, p.showLeftIcon, v]
     ), _ = j1(() => Yt(i), [i]);
-    return /* @__PURE__ */ r("div", { className: d3.searchbarContainer, role: "search", "data-appearance": c, children: /* @__PURE__ */ r("div", { ref: M, className: d3.textInputWrapper, "data-disabled": o, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r("div", { className: d3.searchbarContainer, role: "search", "data-appearance": c, children: /* @__PURE__ */ r("div", { ref: V, className: d3.textInputWrapper, "data-disabled": o, children: /* @__PURE__ */ r(
       Ut,
       {
         id: n ?? "",
@@ -4654,7 +4665,7 @@ const Ar = z(
         style: k,
         highlighted: Z,
         ref: u,
-        rightSlot: H.showSearchButton && /* @__PURE__ */ r(
+        rightSlot: p.showSearchButton && /* @__PURE__ */ r(
           d1,
           {
             name: "search",
@@ -4706,7 +4717,7 @@ const Ar = z(
       width: 2
     } : { left: s.offsetLeft, top: s.offsetTop, width: s.offsetWidth });
   }, [e, C, t]);
-  return P(() => {
+  return E(() => {
     const s = C.current;
     if (s)
       return o(), window.addEventListener("resize", o), s.addEventListener("scroll", o), () => {
@@ -4715,7 +4726,7 @@ const Ar = z(
   }, [e, C, o]), n;
 }, nn = () => {
   const [C, e] = N([]);
-  return P(() => {
+  return E(() => {
     const t = () => {
       e(Array.from(document.querySelectorAll(Y3)));
     };
@@ -4732,7 +4743,7 @@ const Ar = z(
   "segment-label": "_segment-label_j2zz5_79",
   "selected-icon": "_selected-icon_j2zz5_92"
 }, on = (C) => {
-  P(() => {
+  E(() => {
     var o;
     const e = C.current;
     if (!e) return;
@@ -4769,34 +4780,34 @@ const Ar = z(
   showBadge: v,
   ...h
 }) => {
-  const u = K(null), H = nn();
+  const u = K(null), p = nn();
   on(u);
   const Z = (w) => {
     var m, b;
     if (w.key === e1 || w.key === W)
-      B == null || B(w);
-    else if (w.key === X1 || w.key === J1) {
+      S == null || S(w);
+    else if (w.key === Q1 || w.key === X1) {
       const k = (b = (m = u.current) == null ? void 0 : m.parentElement) == null ? void 0 : b.parentElement, _ = Array.from(
         (k == null ? void 0 : k.querySelectorAll("." + s1.segment)) ?? []
       ), y = _.findIndex(
         (x) => x === document.activeElement
       );
-      w.key === J1 ? Cn(y, _) : w.key === X1 && en(y, _);
+      w.key === X1 ? Cn(y, _) : w.key === Q1 && en(y, _);
     }
   }, L = (w) => {
     if (w.key === A1) {
-      const m = document.activeElement, b = Array.from(H).indexOf(
+      const m = document.activeElement, b = Array.from(p).indexOf(
         m
       );
-      w.shiftKey ? Jt(b, H, s1.segment) : Xt(b, H, s1.segment);
+      w.shiftKey ? Jt(b, p, s1.segment) : Xt(b, p, s1.segment);
     }
-  }, { onBlur: M, onKeyDown: S, onKeyUp: F } = B1(
+  }, { onBlur: V, onKeyDown: B, onKeyUp: F } = B1(
     { onKeyUp: Z, onKeyDown: L },
     {
       id: C,
-      interactiveKeyCodes: [e1, W, A1, X1, J1]
+      interactiveKeyCodes: [e1, W, A1, Q1, X1]
     }
-  ), B = (w) => {
+  ), S = (w) => {
     w.preventDefault(), w.stopPropagation(), o == null || o(w);
   };
   return /* @__PURE__ */ r("div", { className: s1["segment-container"], "data-position": n, ...h, children: /* @__PURE__ */ g(
@@ -4809,15 +4820,15 @@ const Ar = z(
       className: s1.segment,
       "data-segment-type": e ? "icon" : "label",
       "data-selected": l,
-      onKeyDown: S,
+      onKeyDown: B,
       onKeyUp: F,
-      onBlur: M,
-      onClick: B,
+      onBlur: V,
+      onClick: S,
       tabIndex: 0,
       ref: u,
       children: [
-        l && /* @__PURE__ */ r(D, { name: "check-small", appearance: "filled", size: 24, className: s1["selected-icon"] }),
-        /* @__PURE__ */ r("div", { className: s1["segment-content"], children: e ? /* @__PURE__ */ r(D, { name: e, appearance: l ? "filled" : "outlined", size: 24 }) : /* @__PURE__ */ r("span", { className: s1["segment-label"], children: t }) }),
+        l && /* @__PURE__ */ r(A, { name: "check-small", appearance: "filled", size: 24, className: s1["selected-icon"] }),
+        /* @__PURE__ */ r("div", { className: s1["segment-content"], children: e ? /* @__PURE__ */ r(A, { name: e, appearance: l ? "filled" : "outlined", size: 24 }) : /* @__PURE__ */ r("span", { className: s1["segment-label"], children: t }) }),
         U1({ showBadge: !!v, badgeContent: c, badgeCount: s, badgeIcon: i }) && /* @__PURE__ */ r(C1, { count: s, content: c, icon: i, badgeType: a, size: d })
       ]
     }
@@ -4886,37 +4897,39 @@ const Ar = z(
     assistiveTextLabel: v,
     onClear: h,
     onChange: u,
-    options: H = [],
+    options: p = [],
     disabled: Z,
     readonly: L,
-    showResetButton: M,
-    width: S = an
+    showResetButton: V,
+    width: B = an
   }, F) => {
     var U, q;
-    const [B, w] = N(l || ""), [m, b] = N(!1), k = K(null), _ = (T) => {
+    const [S, w] = N(l || ""), [m, b] = N(!1), k = K(null), _ = (T) => {
       k.current = T, typeof F == "function" ? F(T) : F && (F.current = T);
-    }, y = M && !!B && !L && !Z, x = (U = H.find((T) => T.value === B)) == null ? void 0 : U.label, f = s && !Z && !L, O = () => {
+    }, y = V && !!S && !L && !Z, x = (U = p.find((T) => T.value === S)) == null ? void 0 : U.label, f = s && !Z && !L, O = () => {
       const T = k.current;
       if (T) {
         const Q = T.getBoundingClientRect();
         return window.innerHeight - Q.bottom >= sn ? "bottom" : "top";
       }
       return "bottom";
-    }, p = () => {
+    }, H = () => {
       if (k.current) {
         if (Z || L)
           return;
         k.current.focus(), b(!m);
       }
-    }, V = (T) => {
-      document.activeElement === k.current && (T.key === e1 || T.key === W) && (T.preventDefault(), p());
+    }, M = (T) => {
+      document.activeElement === k.current && (T.key === e1 || T.key === W) && (T.preventDefault(), H());
     }, I = (T) => {
       var Q;
-      T.stopPropagation(), E(""), h == null || h(), (Q = k.current) == null || Q.focus();
-    }, E = (T) => {
+      T.stopPropagation(), P(""), h == null || h(), (Q = k.current) == null || Q.focus();
+    }, P = (T) => {
       w(T), u == null || u(T), b(!1);
     };
-    return /* @__PURE__ */ r(J, { children: /* @__PURE__ */ g("div", { className: r1["select-container"], "data-label-position": t, children: [
+    return E(() => {
+      w(l || "");
+    }, [l]), /* @__PURE__ */ r(X, { children: /* @__PURE__ */ g("div", { className: r1["select-container"], "data-label-position": t, children: [
       o && t === "side" && /* @__PURE__ */ g("label", { htmlFor: C, id: e, className: r1["select-label"], children: [
         e,
         /* @__PURE__ */ r(K1, { required: n, showLabelRequirement: d })
@@ -4949,11 +4962,11 @@ const Ar = z(
                 className: r1["select-wrapper"],
                 role: "combobox",
                 tabIndex: Z || L ? -1 : 0,
-                onClick: p,
-                onKeyDown: V,
-                style: { width: S },
+                onClick: H,
+                onKeyDown: M,
+                style: { width: B },
                 children: /* @__PURE__ */ g("div", { className: r1["select-content"], children: [
-                  f && /* @__PURE__ */ r(D, { name: "error", className: r1["error-icon"] }),
+                  f && /* @__PURE__ */ r(A, { name: "error", className: r1["error-icon"] }),
                   /* @__PURE__ */ r("div", { className: r1["select-value"], children: /* @__PURE__ */ r("span", { children: x }) }),
                   /* @__PURE__ */ g("div", { className: r1["select-right-icons"], children: [
                     y && /* @__PURE__ */ r(
@@ -4967,7 +4980,7 @@ const Ar = z(
                       }
                     ),
                     /* @__PURE__ */ r(
-                      D,
+                      A,
                       {
                         name: m ? "arrow-chevron-up" : "arrow-chevron-down",
                         "data-testid": "trigger-icon",
@@ -4981,15 +4994,15 @@ const Ar = z(
             isOpen: m,
             position: O(),
             children: [
-              H.length === 0 && /* @__PURE__ */ r($1, { label: "No options available", onClick: () => {
+              p.length === 0 && /* @__PURE__ */ r($1, { label: "No options available", onClick: () => {
               } }),
-              H.map(({ value: T, label: Q }, c1) => /* @__PURE__ */ r(
+              p.map(({ value: T, label: Q }, c1) => /* @__PURE__ */ r(
                 $1,
                 {
                   label: Q,
-                  isSelected: T === B,
+                  isSelected: T === S,
                   onClick: () => {
-                    E(T);
+                    P(T);
                   }
                 },
                 c1 + T
@@ -5004,7 +5017,7 @@ const Ar = z(
             appearance: s ? "error" : c,
             showIcon: i,
             href: a,
-            width: S
+            width: B
           }
         )
       ] })
@@ -5116,8 +5129,8 @@ function Nn(C = !1, e = !1) {
 }
 function e6({ icon: C, showIcon: e = !0, label: t, collapsed: n, isNested: l, styleType: o = "item" }) {
   const s = Nn(l, n);
-  return /* @__PURE__ */ g(J, { children: [
-    e && C && /* @__PURE__ */ r(D, { name: C, className: (o === "menu" ? m1 : E1).icon, size: s }),
+  return /* @__PURE__ */ g(X, { children: [
+    e && C && /* @__PURE__ */ r(A, { name: C, className: (o === "menu" ? m1 : E1).icon, size: s }),
     n ? null : /* @__PURE__ */ r("span", { children: t })
   ] });
 }
@@ -5174,18 +5187,18 @@ const H3 = z(
     badge: v,
     ...h
   }, u) => {
-    const H = K(null), { onKeyDown: Z } = r6({
+    const p = K(null), { onKeyDown: Z } = r6({
       onEnterOrSpace: n
     });
     function L() {
       var w;
-      (w = H.current) == null || w.setAttribute("data-focused", "true");
+      (w = p.current) == null || w.setAttribute("data-focused", "true");
     }
-    function M() {
+    function V() {
       var w;
-      (w = H.current) == null || w.removeAttribute("data-focused");
+      (w = p.current) == null || w.removeAttribute("data-focused");
     }
-    const S = n6(i), F = /* @__PURE__ */ g(J, { children: [
+    const B = n6(i), F = /* @__PURE__ */ g(X, { children: [
       /* @__PURE__ */ r("div", { className: E1.navItemLeft, children: /* @__PURE__ */ r(
         e6,
         {
@@ -5198,7 +5211,7 @@ const H3 = z(
         }
       ) }),
       /* @__PURE__ */ r("div", { className: E1.navItemRight, children: !o && v && /* @__PURE__ */ r(C1, { badgeType: v.badgeType, size: v.size, content: v.content, count: v.count }) })
-    ] }), B = /* @__PURE__ */ r(
+    ] }), S = /* @__PURE__ */ r(
       "div",
       {
         id: C,
@@ -5209,7 +5222,7 @@ const H3 = z(
         "data-active": d,
         onClick: n,
         ref: (w) => {
-          H.current = w, typeof u == "function" ? u(w) : u && "current" in u && (u.current = w);
+          p.current = w, typeof u == "function" ? u(w) : u && "current" in u && (u.current = w);
         },
         ...h,
         children: /* @__PURE__ */ r(
@@ -5217,17 +5230,17 @@ const H3 = z(
           {
             link: s,
             label: l,
-            tabIndex: S,
+            tabIndex: B,
             onKeyDown: s ? void 0 : Z,
             onFocus: L,
-            onBlur: M,
+            onBlur: V,
             styleType: "item",
             children: F
           }
         )
       }
     );
-    return /* @__PURE__ */ r(t6, { label: l, collapsed: o, children: B });
+    return /* @__PURE__ */ r(t6, { label: l, collapsed: o, children: S });
   }
 ), o6 = z(
   ({
@@ -5245,21 +5258,21 @@ const H3 = z(
     appearance: v = "brand",
     badge: h,
     showDivider: u,
-    ...H
+    ...p
   }, Z) => {
-    const [L, M] = N(!1), S = c !== void 0 ? c : L, F = c !== void 0;
-    function B() {
-      F || M(!L), t && t();
+    const [L, V] = N(!1), B = c !== void 0 ? c : L, F = c !== void 0;
+    function S() {
+      F || V(!L), t && t();
     }
     function w() {
-      S && !F && M(!1);
+      B && !F && V(!1);
     }
     const { onKeyDown: m } = r6({
-      onEnterOrSpace: B,
+      onEnterOrSpace: S,
       onEscape: w,
       includeArrowKeys: !0,
       includeEscape: !0
-    }), b = s.length, k = !l && b, _ = S, y = n6(d), x = k && i ? /* @__PURE__ */ r(D, { name: "arrow-chevron-right", className: m1.menuIcon, "data-open": S }) : null, f = /* @__PURE__ */ g(J, { children: [
+    }), b = s.length, k = !l && b, _ = B, y = n6(d), x = k && i ? /* @__PURE__ */ r(A, { name: "arrow-chevron-right", className: m1.menuIcon, "data-open": B }) : null, f = /* @__PURE__ */ g(X, { children: [
       /* @__PURE__ */ r("div", { className: m1.menuContentLeft, children: /* @__PURE__ */ r(
         e6,
         {
@@ -5282,9 +5295,9 @@ const H3 = z(
         "data-collapsed": l,
         "data-appearance": v,
         "data-nested": a,
-        "data-open": S,
+        "data-open": B,
         ref: Z,
-        ...H,
+        ...p,
         children: [
           /* @__PURE__ */ r(
             C6,
@@ -5292,55 +5305,55 @@ const H3 = z(
               link: o,
               label: n,
               tabIndex: y,
-              onClick: B,
+              onClick: S,
               onKeyDown: m,
               styleType: "menu",
               children: f
             }
           ),
-          k && /* @__PURE__ */ r("ul", { className: m1.nestedMenu, "data-open": S, children: s.map((V) => {
-            var E;
-            return (E = V.items) != null && E.length ? /* @__PURE__ */ r(
+          k && /* @__PURE__ */ r("ul", { className: m1.nestedMenu, "data-open": B, children: s.map((M) => {
+            var P;
+            return (P = M.items) != null && P.length ? /* @__PURE__ */ r(
               o6,
               {
-                label: V.label,
-                icon: V.icon,
-                showIcon: V.showIcon,
+                label: M.label,
+                icon: M.icon,
+                showIcon: M.showIcon,
                 collapsed: l,
-                link: V.link,
-                onClick: V.onClick,
-                items: V.items || [],
+                link: M.link,
+                onClick: M.onClick,
+                items: M.items || [],
                 showMenuIcon: i,
-                showDivider: V.showDivider,
+                showDivider: M.showDivider,
                 isNested: !0,
                 parentMenuOpen: _,
                 appearance: v,
-                badge: V.badge
+                badge: M.badge
               },
-              V.id || V.label
-            ) : /* @__PURE__ */ g(C3, { children: [
+              M.id || M.label
+            ) : /* @__PURE__ */ g(J1, { children: [
               /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
                 H3,
                 {
-                  label: V.label,
-                  icon: V.icon,
-                  showIcon: V.showIcon,
+                  label: M.label,
+                  icon: M.icon,
+                  showIcon: M.showIcon,
                   collapsed: l,
-                  link: V.link,
-                  onClick: V.onClick,
+                  link: M.link,
+                  onClick: M.onClick,
                   isNested: !0,
                   parentMenuOpen: _,
                   appearance: v,
-                  badge: V.badge
+                  badge: M.badge
                 }
               ) }),
-              V.showDivider && /* @__PURE__ */ r(a1, { appearance: p3[v] })
-            ] }, V.id || V.label);
+              M.showDivider && /* @__PURE__ */ r(a1, { appearance: p3[v] })
+            ] }, M.id || M.label);
           }) })
         ]
       }
     );
-    return /* @__PURE__ */ g(J, { children: [
+    return /* @__PURE__ */ g(X, { children: [
       /* @__PURE__ */ r(t6, { label: n, collapsed: l, children: O }),
       u && /* @__PURE__ */ r(a1, { appearance: p3[v] })
     ] });
@@ -5371,10 +5384,10 @@ const H3 = z(
     appearance: a = "brand",
     activeItem: d
   }, v) => {
-    const [h, u] = N(s ?? c), [H, Z] = N(!0);
-    P(() => {
+    const [h, u] = N(s ?? c), [p, Z] = N(!0);
+    E(() => {
       s !== void 0 && u(s);
-    }, [s]), P(() => {
+    }, [s]), E(() => {
       if (h)
         Z(!1);
       else {
@@ -5387,16 +5400,16 @@ const H3 = z(
     const L = () => {
       const x = !h;
       s === void 0 && u(x), i == null || i(x);
-    }, M = h ? "arrow-double-right" : "arrow-double-left", S = p3[a], F = (x) => {
+    }, V = h ? "arrow-double-right" : "arrow-double-left", B = p3[a], F = (x) => {
       [e1, W].includes(x.key) && (x.preventDefault(), n != null && n.onClick && n.onClick());
-    }, { onKeyDown: B } = B1(
+    }, { onKeyDown: S } = B1(
       { onKeyDown: F },
       {
         interactiveKeyCodes: [e1, W]
       }
     ), w = /* @__PURE__ */ g("div", { className: t1.sideNavHeaderTitle, children: [
       /* @__PURE__ */ r("div", { className: t1.sideNavHeaderIdentifier, children: n == null ? void 0 : n.identifier }),
-      h ? "" : /* @__PURE__ */ r("h1", { "data-hidden": !H, children: n == null ? void 0 : n.title })
+      h ? "" : /* @__PURE__ */ r("h1", { "data-hidden": !p, children: n == null ? void 0 : n.title })
     ] }), m = n == null ? void 0 : n.ariaLabel, b = /* @__PURE__ */ r(
       "a",
       {
@@ -5412,7 +5425,7 @@ const H3 = z(
         className: t1.sideNavHeaderTitleContainer,
         tabIndex: 0,
         onClick: n == null ? void 0 : n.onClick,
-        onKeyDown: B,
+        onKeyDown: S,
         role: "button",
         "aria-label": m,
         children: w
@@ -5420,8 +5433,8 @@ const H3 = z(
     ), _ = n != null && n.link ? b : n != null && n.onClick ? k : /* @__PURE__ */ r("div", { className: t1.sideNavHeaderTitleContainer, children: w });
     function y(x) {
       return x != null && x.length ? /* @__PURE__ */ r("ul", { children: x.map((f) => {
-        var p;
-        return ((p = f.items) == null ? void 0 : p.length) ? /* @__PURE__ */ r(
+        var H;
+        return ((H = f.items) == null ? void 0 : H.length) ? /* @__PURE__ */ r(
           o6,
           {
             badge: f.badge,
@@ -5436,7 +5449,7 @@ const H3 = z(
             showDivider: f.showDivider
           },
           f.id
-        ) : /* @__PURE__ */ g(C3, { children: [
+        ) : /* @__PURE__ */ g(J1, { children: [
           /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
             H3,
             {
@@ -5452,7 +5465,7 @@ const H3 = z(
               active: f.id === d && !!d
             }
           ) }),
-          f.showDivider && /* @__PURE__ */ r(a1, { appearance: S })
+          f.showDivider && /* @__PURE__ */ r(a1, { appearance: B })
         ] }, f.id);
       }) }) : null;
     }
@@ -5467,19 +5480,19 @@ const H3 = z(
         header: /* @__PURE__ */ g("div", { className: t1.sideNavHeaderContainer, children: [
           /* @__PURE__ */ g("div", { className: t1.sideNavHeader, "data-collapsed": h, "data-appearance": a, children: [
             _,
-            /* @__PURE__ */ r("div", { className: t1.sideNavHeaderVersion, "data-hidden": !H, children: /* @__PURE__ */ r("span", { children: n == null ? void 0 : n.version }) })
+            /* @__PURE__ */ r("div", { className: t1.sideNavHeaderVersion, "data-hidden": !p, children: /* @__PURE__ */ r("span", { children: n == null ? void 0 : n.version }) })
           ] }),
-          /* @__PURE__ */ r(a1, { appearance: S })
+          /* @__PURE__ */ r(a1, { appearance: B })
         ] }),
         body: /* @__PURE__ */ r("div", { className: t1.sideNavBody, children: y(l) }),
         footer: ((o == null ? void 0 : o.length) || e) && /* @__PURE__ */ g("div", { className: t1.sideNavFooterContainer, children: [
           (o == null ? void 0 : o.length) && /* @__PURE__ */ r("div", { className: t1.sideNavFooterItems, children: y(o) }),
-          /* @__PURE__ */ r(a1, { appearance: S }),
+          /* @__PURE__ */ r(a1, { appearance: B }),
           /* @__PURE__ */ r("div", { className: t1.sideNavFooter, children: e && /* @__PURE__ */ r("div", { className: t1.collapsibleSection, children: /* @__PURE__ */ r(
             H3,
             {
               id: "collapse-button",
-              icon: M,
+              icon: V,
               showIcon: !0,
               collapsed: h,
               onClick: L,
@@ -5524,15 +5537,15 @@ const H3 = z(
     showBadge: v,
     badgeContent: h,
     badgeIcon: u,
-    badgeType: H,
+    badgeType: p,
     badgeCount: Z,
     badgeSize: L,
-    ...M
-  }, S) => {
-    const [F, B] = N(!1), w = K(null), m = K(null), b = K(null), [k, _] = l.split("-"), y = (f) => {
+    ...V
+  }, B) => {
+    const [F, S] = N(!1), w = K(null), m = K(null), b = K(null), [k, _] = l.split("-"), y = (f) => {
       [W].includes(f.key) && f.preventDefault();
     }, x = (f) => {
-      [W, x1].includes(f.key) && B(!0);
+      [W, x1].includes(f.key) && S(!0);
     };
     return /* @__PURE__ */ g(
       "div",
@@ -5540,7 +5553,7 @@ const H3 = z(
         className: R(h1.splitButtonContainer, o),
         "data-size": e,
         "data-compact-spacing": n,
-        ref: S,
+        ref: B,
         children: [
           /* @__PURE__ */ g(
             "button",
@@ -5552,10 +5565,10 @@ const H3 = z(
               onClick: c,
               disabled: i,
               "data-testid": "Main action button",
-              ...M,
+              ...V,
               ref: m,
               children: [
-                s && /* @__PURE__ */ r(D, { name: s, size: Un[e] }),
+                s && /* @__PURE__ */ r(A, { name: s, size: Un[e] }),
                 /* @__PURE__ */ r("p", { "data-size": e, className: h1.splitButtonLabel, children: t })
               ]
             }
@@ -5567,12 +5580,12 @@ const H3 = z(
               ref: b,
               autoClose: !0,
               dropdownId: "tab-dropdown",
-              onClose: () => B(!1),
+              onClose: () => S(!1),
               offset: 0,
               "data-testid": "Menu container",
               position: k,
               alignment: _,
-              trigger: U1({ showBadge: !!v, badgeContent: h, badgeCount: Z, badgeIcon: u }) ? /* @__PURE__ */ r(C1, { count: Z, content: h, badgeType: H, icon: u, size: L, children: /* @__PURE__ */ r(
+              trigger: U1({ showBadge: !!v, badgeContent: h, badgeCount: Z, badgeIcon: u }) ? /* @__PURE__ */ r(C1, { count: Z, content: h, badgeType: p, icon: u, size: L, children: /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
@@ -5586,12 +5599,12 @@ const H3 = z(
                   "data-size": e,
                   "data-testid": "Menu button",
                   disabled: i,
-                  onClick: () => B(!0),
+                  onClick: () => S(!0),
                   onKeyDown: y,
                   onKeyUp: x,
-                  ...M,
+                  ...V,
                   ref: w,
-                  children: /* @__PURE__ */ r("div", { className: h1.splitButtonRightIconContainer, children: /* @__PURE__ */ r(D, { name: "arrow-chevron-down", size: N3[e] }) })
+                  children: /* @__PURE__ */ r("div", { className: h1.splitButtonRightIconContainer, children: /* @__PURE__ */ r(A, { name: "arrow-chevron-down", size: N3[e] }) })
                 }
               ) }) : /* @__PURE__ */ r(
                 "button",
@@ -5607,12 +5620,12 @@ const H3 = z(
                   "data-size": e,
                   "data-testid": "Menu button",
                   disabled: i,
-                  onClick: () => B(!0),
+                  onClick: () => S(!0),
                   onKeyDown: y,
                   onKeyUp: x,
-                  ...M,
+                  ...V,
                   ref: w,
-                  children: /* @__PURE__ */ r("div", { className: h1.splitButtonRightIconContainer, children: /* @__PURE__ */ r(D, { name: "arrow-chevron-down", size: N3[e] }) })
+                  children: /* @__PURE__ */ r("div", { className: h1.splitButtonRightIconContainer, children: /* @__PURE__ */ r(A, { name: "arrow-chevron-down", size: N3[e] }) })
                 }
               ),
               isOpen: F,
@@ -5638,7 +5651,7 @@ const H3 = z(
       }
     );
   }
-), Xn = 24, Jn = 40, Q1 = {
+), Xn = 24, Jn = 40, Y1 = {
   "switch-container": "_switch-container_n4wlg_1",
   "switch-icon-check": "_switch-icon-check_n4wlg_7",
   switch: "_switch_n4wlg_1",
@@ -5660,17 +5673,17 @@ const H3 = z(
     if (o || l)
       u.stopPropagation();
     else {
-      const H = u.currentTarget.querySelector('input[type="checkbox"]');
-      H && (H.checked = !a, v({
-        target: H,
-        currentTarget: H
+      const p = u.currentTarget.querySelector('input[type="checkbox"]');
+      p && (p.checked = !a, v({
+        target: p,
+        currentTarget: p
       }));
     }
   };
   return /* @__PURE__ */ g(
     "div",
     {
-      className: Q1["switch-container"],
+      className: Y1["switch-container"],
       "data-appearance": e,
       "data-disabled": l,
       "data-read-only": o,
@@ -5684,7 +5697,7 @@ const H3 = z(
             type: "checkbox",
             role: "switch",
             name: C,
-            className: Q1.switch,
+            className: Y1.switch,
             disabled: l,
             defaultChecked: a,
             readOnly: o,
@@ -5695,11 +5708,11 @@ const H3 = z(
             ...i
           }
         ),
-        /* @__PURE__ */ g("div", { className: Q1["switch-icon-check"], "data-checked": a, children: [
-          n && a && /* @__PURE__ */ r(D, { name: "check", size: 16 }),
-          n && !a && /* @__PURE__ */ r(D, { name: "close", size: 16 })
+        /* @__PURE__ */ g("div", { className: Y1["switch-icon-check"], "data-checked": a, children: [
+          n && a && /* @__PURE__ */ r(A, { name: "check", size: 16 }),
+          n && !a && /* @__PURE__ */ r(A, { name: "close", size: 16 })
         ] }),
-        t && C && /* @__PURE__ */ r("label", { htmlFor: C, className: R(Q1["switch-label"]), children: C })
+        t && C && /* @__PURE__ */ r("label", { htmlFor: C, className: R(Y1["switch-label"]), children: C })
       ]
     }
   );
@@ -5751,69 +5764,69 @@ const H3 = z(
     compactSpacing: v,
     direction: h,
     disabled: u,
-    inverted: H,
+    inverted: p,
     ...Z
   }, L) => {
-    const M = {
+    const V = {
       count: o,
       content: s,
       icon: c,
       badgeType: d
-    }, S = o && o > 0 && s === "number", B = !u && (l || S || s === "icon" && c), w = K(null), [m, b] = N(null), k = (p) => {
-      u ? p.preventDefault() : (i(p), b((V) => ({ ...V, opacity: 0 })));
+    }, B = o && o > 0 && s === "number", S = !u && (l || B || s === "icon" && c), w = K(null), [m, b] = N(null), k = (H) => {
+      u ? H.preventDefault() : (i(H), b((M) => ({ ...M, opacity: 0 })));
     }, _ = $(
-      (p) => {
-        w.current && !n && b(p === "mouseover" ? (V) => ({
-          ...V,
+      (H) => {
+        w.current && !n && b(H === "mouseover" ? (M) => ({
+          ...M,
           opacity: 1
-        }) : (V) => ({
-          ...V,
+        }) : (M) => ({
+          ...M,
           opacity: 0
         }));
       },
       [n]
-    ), y = (p) => {
-      const V = h === "vertical", I = V && p.key === x1, E = V && p.key === P1, U = !V && p.key === J1, q = !V && p.key === X1, T = I || U;
-      (T || (E || q)) && (p.preventDefault(), x(T ? "next" : "previous"));
-    }, x = (p) => {
+    ), y = (H) => {
+      const M = h === "vertical", I = M && H.key === x1, P = M && H.key === P1, U = !M && H.key === X1, q = !M && H.key === Q1, T = I || U;
+      (T || (P || q)) && (H.preventDefault(), x(T ? "next" : "previous"));
+    }, x = (H) => {
       var Q;
-      const V = (Q = w.current) == null ? void 0 : Q.parentElement;
-      if (!V) return;
-      const I = Array.from(V.querySelectorAll(`.${w3.tabitem}`)), E = I.findIndex((c1) => c1 === document.activeElement);
-      let U = f(E, I.length, p), q = 0;
+      const M = (Q = w.current) == null ? void 0 : Q.parentElement;
+      if (!M) return;
+      const I = Array.from(M.querySelectorAll(`.${w3.tabitem}`)), P = I.findIndex((c1) => c1 === document.activeElement);
+      let U = f(P, I.length, H), q = 0;
       const T = I.length;
       for (; I[U].getAttribute("data-disabled") === "true" && q < T; )
-        U = f(U, I.length, p), q++;
+        U = f(U, I.length, H), q++;
       I[U].focus(), I[U].click();
-    }, f = (p, V, I) => I === "next" ? (p + 1) % V : (p - 1 + V) % V, O = $(() => {
-      w.current && !n && b(h === "horizontal" ? (p) => {
-        var V, I, E, U;
+    }, f = (H, M, I) => I === "next" ? (H + 1) % M : (H - 1 + M) % M, O = $(() => {
+      w.current && !n && b(h === "horizontal" ? (H) => {
+        var M, I, P, U;
         return {
-          ...p,
-          width: (V = w.current) == null ? void 0 : V.offsetWidth,
+          ...H,
+          width: (M = w.current) == null ? void 0 : M.offsetWidth,
           left: ((I = w.current) == null ? void 0 : I.offsetLeft) ?? 0,
-          top: (((E = w.current) == null ? void 0 : E.offsetTop) ?? 0) + (((U = w.current) == null ? void 0 : U.offsetHeight) ?? 0)
+          top: (((P = w.current) == null ? void 0 : P.offsetTop) ?? 0) + (((U = w.current) == null ? void 0 : U.offsetHeight) ?? 0)
         };
-      } : (p) => {
-        var V, I;
+      } : (H) => {
+        var M, I;
         return {
-          ...p,
+          ...H,
           left: 0,
-          top: (V = w.current) == null ? void 0 : V.offsetTop,
+          top: (M = w.current) == null ? void 0 : M.offsetTop,
           height: (I = w.current) == null ? void 0 : I.offsetHeight
         };
       });
     }, [n, h]);
-    return P(() => {
-      var p;
-      return O(), window.addEventListener("resize", O), (p = w.current) != null && p.parentElement && w.current.parentElement.addEventListener("scroll", O), () => {
+    return E(() => {
+      var H;
+      return O(), window.addEventListener("resize", O), (H = w.current) != null && H.parentElement && w.current.parentElement.addEventListener("scroll", O), () => {
         window.removeEventListener("resize", O), w.current && w.current.parentElement && w.current.parentElement.removeEventListener("scroll", O);
       };
-    }, [O]), P(() => {
-      var p;
+    }, [O]), E(() => {
+      var H;
       w.current && b(h === "horizontal" ? {
         width: w.current.offsetWidth,
-        left: w.current.offsetLeft - (((p = w.current.parentElement) == null ? void 0 : p.scrollLeft) ?? 0),
+        left: w.current.offsetLeft - (((H = w.current.parentElement) == null ? void 0 : H.scrollLeft) ?? 0),
         top: w.current.offsetTop + w.current.offsetHeight,
         opacity: 0
       } : {
@@ -5822,7 +5835,7 @@ const H3 = z(
         height: w.current.offsetHeight,
         opacity: 0
       });
-    }, [h]), /* @__PURE__ */ g(J, { children: [
+    }, [h]), /* @__PURE__ */ g(X, { children: [
       /* @__PURE__ */ g(
         "button",
         {
@@ -5836,11 +5849,11 @@ const H3 = z(
           "data-selected": n,
           "data-disabled": u,
           "data-direction": h,
-          "data-inverted": H,
+          "data-inverted": p,
           onClick: k,
           "data-compact-spacing": v,
-          ref: (p) => {
-            w.current = p, typeof L == "function" ? L(p) : L && (L.current = p);
+          ref: (H) => {
+            w.current = H, typeof L == "function" ? L(H) : L && (L.current = H);
           },
           onKeyDown: y,
           onMouseEnter: () => _("mouseover"),
@@ -5848,9 +5861,9 @@ const H3 = z(
           ...n && { "data-testid": "tabitem-selected" },
           ...Z,
           children: [
-            a && /* @__PURE__ */ r(D, { name: a, appearance: n ? "filled" : "outlined" }),
+            a && /* @__PURE__ */ r(A, { name: a, appearance: n ? "filled" : "outlined" }),
             t && /* @__PURE__ */ r("span", { children: t }),
-            B && /* @__PURE__ */ r(C1, { ...M })
+            S && /* @__PURE__ */ r(C1, { ...V })
           ]
         }
       ),
@@ -5881,41 +5894,41 @@ const H3 = z(
     overflowType: s = "scrollable",
     inverted: c = !1
   }, i) => {
-    const [a, d] = N(!1), [v, h] = N(!1), [u, H] = N(!1), [Z, L] = N(!1), [M, S] = N(!1), [F, B] = N(!1), w = K(null), m = J3(
+    const [a, d] = N(!1), [v, h] = N(!1), [u, p] = N(!1), [Z, L] = N(!1), [V, B] = N(!1), [F, S] = N(!1), w = K(null), m = J3(
       w,
       l,
       t === "horizontal" ? "bottom" : "left"
     ), k = t === "horizontal" && (a || v) && s === "dropdown", _ = $(() => {
       if (w.current) {
-        const p = w.current.offsetWidth < w.current.scrollWidth || w.current.offsetHeight < w.current.scrollHeight, V = w.current.scrollLeft > 0, I = w.current.scrollWidth - w.current.clientWidth - w.current.scrollLeft > 0, E = w.current.scrollTop > 0, U = w.current.scrollHeight - w.current.clientHeight - w.current.scrollTop > 0;
-        d(V), h(I), L(E), H(U), S(p);
+        const H = w.current.offsetWidth < w.current.scrollWidth || w.current.offsetHeight < w.current.scrollHeight, M = w.current.scrollLeft > 0, I = w.current.scrollWidth - w.current.clientWidth - w.current.scrollLeft > 0, P = w.current.scrollTop > 0, U = w.current.scrollHeight - w.current.clientHeight - w.current.scrollTop > 0;
+        d(M), h(I), L(P), p(U), B(H);
       }
     }, [w]);
-    P(() => {
-      var p;
-      return _(), window.addEventListener("resize", _), (p = w.current) == null || p.addEventListener("scroll", _), () => {
-        var V;
-        window.removeEventListener("resize", _), (V = w.current) == null || V.removeEventListener("scroll", _);
+    E(() => {
+      var H;
+      return _(), window.addEventListener("resize", _), (H = w.current) == null || H.addEventListener("scroll", _), () => {
+        var M;
+        window.removeEventListener("resize", _), (M = w.current) == null || M.removeEventListener("scroll", _);
       };
-    }, [_]), P(() => {
+    }, [_]), E(() => {
       !l && C.length > 0 && e(C[0].id);
     }, [l, C, e]);
-    const y = (p) => {
-      const V = p.currentTarget, I = V.getAttribute("id") || "";
-      e(I), B(!1);
-      const E = w.current;
-      E && Cr(V, E, t);
+    const y = (H) => {
+      const M = H.currentTarget, I = M.getAttribute("id") || "";
+      e(I), S(!1);
+      const P = w.current;
+      P && Cr(M, P, t);
     }, x = () => {
       if (w.current) {
-        const p = t === "horizontal" ? { left: -300 } : { top: -300 };
-        w.current.scrollBy({ ...p, behavior: "smooth" });
+        const H = t === "horizontal" ? { left: -300 } : { top: -300 };
+        w.current.scrollBy({ ...H, behavior: "smooth" });
       }
     }, f = () => {
       if (w.current) {
-        const p = t === "horizontal" ? { left: 300 } : { top: 300 };
-        w.current.scrollBy({ ...p, behavior: "smooth" });
+        const H = t === "horizontal" ? { left: 300 } : { top: 300 };
+        w.current.scrollBy({ ...H, behavior: "smooth" });
       }
-    }, O = C.find((p) => p.id === l);
+    }, O = C.find((H) => H.id === l);
     return /* @__PURE__ */ g("div", { className: F1["tab-container"], "data-direction": t, children: [
       /* @__PURE__ */ r(
         "div",
@@ -5925,7 +5938,7 @@ const H3 = z(
           role: "presentation",
           "data-direction": t,
           "data-compact-spacing": o,
-          "data-scrollable": M && s === "scrollable" ? !0 : void 0
+          "data-scrollable": V && s === "scrollable" ? !0 : void 0
         }
       ),
       /* @__PURE__ */ g(
@@ -5938,7 +5951,7 @@ const H3 = z(
             flexDirection: t === "horizontal" ? "row" : "column"
           },
           children: [
-            M && !k && /* @__PURE__ */ r(
+            V && !k && /* @__PURE__ */ r(
               d1,
               {
                 name: t === "horizontal" ? "arrow-chevron-left" : "arrow-chevron-up",
@@ -5955,13 +5968,13 @@ const H3 = z(
             /* @__PURE__ */ g(
               "div",
               {
-                ref: (p) => {
-                  w.current = p, typeof i == "function" ? i(p) : i && (i.current = p);
+                ref: (H) => {
+                  w.current = H, typeof i == "function" ? i(H) : i && (i.current = H);
                 },
                 role: "tablist",
                 "aria-label": "Sample Tabs",
                 className: F1.tab,
-                "data-alignment": M ? "start" : n,
+                "data-alignment": V ? "start" : n,
                 "data-direction": t,
                 "data-overflow-type": s,
                 children: [
@@ -5982,18 +5995,18 @@ const H3 = z(
                     {
                       autoClose: !0,
                       dropdownId: "tab-dropdown",
-                      onClose: () => B(!1),
+                      onClose: () => S(!1),
                       offset: 10,
                       trigger: /* @__PURE__ */ g(
                         "button",
                         {
                           type: "button",
                           className: F1["tab-dropdown-button"],
-                          onClick: () => B((p) => !p),
+                          onClick: () => S((H) => !H),
                           "aria-label": "Select tab",
                           "data-inverted": c,
                           children: [
-                            O && O.icon && /* @__PURE__ */ r(D, { name: O.icon, appearance: "filled" }),
+                            O && O.icon && /* @__PURE__ */ r(A, { name: O.icon, appearance: "filled" }),
                             O && /* @__PURE__ */ r("div", { style: { flexShrink: 0 }, children: O == null ? void 0 : O.label }),
                             O.badgeCount && O.badgeCount > 0 && O.badgeContent === "number" && /* @__PURE__ */ r(
                               C1,
@@ -6003,46 +6016,46 @@ const H3 = z(
                                 count: O.badgeCount
                               }
                             ),
-                            /* @__PURE__ */ r(D, { style: { flexShrink: 0 }, name: "arrow-chevron-down" })
+                            /* @__PURE__ */ r(A, { style: { flexShrink: 0 }, name: "arrow-chevron-down" })
                           ]
                         }
                       ),
                       isOpen: F,
-                      children: C.filter((p) => p.id !== l).map((p, V) => /* @__PURE__ */ r(
+                      children: C.filter((H) => H.id !== l).map((H, M) => /* @__PURE__ */ r(
                         $1,
                         {
-                          id: p.id,
-                          label: p.label,
+                          id: H.id,
+                          label: H.label,
                           onClick: y,
-                          disabled: p.disabled,
-                          leftIcon: p.icon,
-                          badgeCount: p.badgeCount,
-                          badgeContent: p.badgeContent,
-                          badgeIcon: p.badgeIcon,
-                          badgeType: p.badgeType,
+                          disabled: H.disabled,
+                          leftIcon: H.icon,
+                          badgeCount: H.badgeCount,
+                          badgeContent: H.badgeContent,
+                          badgeIcon: H.badgeIcon,
+                          badgeType: H.badgeType,
                           showBadge: !0
                         },
-                        `${p.id}-dropdown-${V}`
+                        `${H.id}-dropdown-${M}`
                       ))
                     }
                   ),
-                  C.map((p, V) => /* @__PURE__ */ r(
+                  C.map((H, M) => /* @__PURE__ */ r(
                     lr,
                     {
                       onClick: y,
-                      isSelected: l === p.id,
+                      isSelected: l === H.id,
                       compactSpacing: o,
                       direction: t,
                       "data-hidden": k,
                       inverted: c,
-                      ...p
+                      ...H
                     },
-                    `${p.id}-${V}`
+                    `${H.id}-${M}`
                   ))
                 ]
               }
             ),
-            M && !k && /* @__PURE__ */ r(
+            V && !k && /* @__PURE__ */ r(
               d1,
               {
                 name: t === "horizontal" ? "arrow-chevron-right" : "arrow-chevron-down",
@@ -6067,7 +6080,7 @@ const H3 = z(
           role: "presentation",
           "data-direction": t,
           "data-compact-spacing": o,
-          "data-scrollable": M && s === "scrollable" ? !0 : void 0
+          "data-scrollable": V && s === "scrollable" ? !0 : void 0
         }
       )
     ] });
@@ -6092,18 +6105,18 @@ const H3 = z(
       "data-compact-spacing": n,
       ...c,
       children: [
-        s && I1(s) && (C === "status" || o) && /* @__PURE__ */ r(D, { name: s, size: 16 }),
+        s && I1(s) && (C === "status" || o) && /* @__PURE__ */ r(A, { name: s, size: 16 }),
         l && /* @__PURE__ */ r("label", { className: F3["tag-label"], "data-compact-spacing": n, children: l })
       ]
     }
   ))
-), ir = "_container_6hkeo_1", cr = "_textarea_6hkeo_44", ar = "_label_6hkeo_137", p1 = {
+), ir = "_container_16ne6_1", cr = "_textarea_16ne6_44", ar = "_label_16ne6_137", p1 = {
   container: ir,
-  "top-position-container": "_top-position-container_6hkeo_9",
-  "header-container": "_header-container_6hkeo_30",
-  "textarea-container": "_textarea-container_6hkeo_44",
+  "top-position-container": "_top-position-container_16ne6_9",
+  "header-container": "_header-container_16ne6_30",
+  "textarea-container": "_textarea-container_16ne6_44",
   textarea: cr,
-  "character-counter": "_character-counter_6hkeo_126",
+  "character-counter": "_character-counter_16ne6_126",
   label: ar
 }, Kr = z(
   ({
@@ -6121,14 +6134,14 @@ const H3 = z(
     ["aria-labelledby"]: v,
     assistiveTextLink: h,
     showLabelRequirement: u = !1,
-    resizeable: H = "true",
+    resizeable: p = "true",
     maxLength: Z,
     defaultValue: L,
-    showCounter: M,
-    value: S,
+    showCounter: V,
+    value: B,
     ...F
-  }, B) => {
-    const [w, m] = N((S == null ? void 0 : S.length) || (L == null ? void 0 : L.length) || 0), b = K(null), k = M && Z, _ = (x) => {
+  }, S) => {
+    const [w, m] = N((B == null ? void 0 : B.length) || (L == null ? void 0 : L.length) || 0), b = K(null), k = V && Z, _ = (x) => {
       var f;
       o && o(x), (f = b.current) == null || f.scrollTo({ top: 0 });
     }, y = (x) => {
@@ -6156,19 +6169,19 @@ const H3 = z(
             "textarea",
             {
               ref: (x) => {
-                b.current = x, typeof B == "function" ? B(x) : B && (B.current = x);
+                b.current = x, typeof S == "function" ? S(x) : S && (S.current = x);
               },
               id: e,
               name: t,
               className: R(p1.textarea, C),
-              "data-resizeable": H,
+              "data-resizeable": p,
               "data-assistive-text-appearance": d,
               onChange: y,
               "aria-labelledby": c || v,
               maxLength: Z,
               onBlur: _,
               defaultValue: L,
-              value: S,
+              value: B,
               ...F
             }
           ),
@@ -6223,7 +6236,7 @@ const l6 = A3(null), s6 = () => {
   }, []), i = () => {
     n(!0);
   };
-  return P(() => {
+  return E(() => {
     s.length > 0 && (l(C) ? i() : o(C) && c());
   }, [s.length, l, o, c, C]), { isInternalOpen: t, hideToast: c, showToast: i };
 }, pr = 3e3, Hr = 5e3, Vr = 8e3, Lr = {
@@ -6238,7 +6251,7 @@ const l6 = A3(null), s6 = () => {
   }, [e, t]), o = $(() => {
     n.current && (clearTimeout(n.current), n.current = null);
   }, []);
-  return P(() => (C && (o(), l()), () => {
+  return E(() => (C && (o(), l()), () => {
     o();
   }), [l, o, C]), { initializeTimer: l, removeTimer: o };
 }, Zr = "_toast_ara8a_1", T1 = {
@@ -6262,54 +6275,54 @@ const l6 = A3(null), s6 = () => {
     iconName: v,
     showLeftIcon: h = !0,
     showActionButton: u = !0,
-    ...H
+    ...p
   }, Z) => {
-    const L = !!c && u, M = s && !L, [S] = N(C || vr()), { isInternalOpen: F, hideToast: B } = hr(S, o), { addToQueue: w, removeFromQueue: m } = s6(), { shouldRender: b, isAnimating: k } = D1(F, 300), { initializeTimer: _, removeTimer: y } = Mr(
-      { shouldStartTimer: M && F, duration: a },
+    const L = !!c && u, V = s && !L, [B] = N(C || vr()), { isInternalOpen: F, hideToast: S } = hr(B, o), { addToQueue: w, removeFromQueue: m } = s6(), { shouldRender: b, isAnimating: k } = D1(F, 300), { initializeTimer: _, removeTimer: y } = Mr(
+      { shouldStartTimer: V && F, duration: a },
       () => {
         O();
       }
     ), [x, f] = l.split("-"), O = $(() => {
-      B(), y(), m(S), d == null || d();
-    }, [B, y, m, S, d]);
-    P(() => {
-      o ? w({ id: S, hasActionButton: L, type: t }) : O();
-    }, [o, L, t, M, S, w, O]);
-    const p = () => {
+      S(), y(), m(B), d == null || d();
+    }, [S, y, m, B, d]);
+    E(() => {
+      o ? w({ id: B, hasActionButton: L, type: t }) : O();
+    }, [o, L, t, V, B, w, O]);
+    const H = () => {
       O();
-    }, V = (q) => {
-      q.stopPropagation(), M && o && y();
+    }, M = (q) => {
+      q.stopPropagation(), V && o && y();
     }, I = (q) => {
-      q.stopPropagation(), M && _();
-    }, E = h && t !== "neutral", U = h && v && I1(v);
+      q.stopPropagation(), V && _();
+    }, P = h && t !== "neutral", U = h && v && I1(v);
     return b && /* @__PURE__ */ r(G1, { children: /* @__PURE__ */ g(
       "div",
       {
         role: "status",
-        className: R(T1.toast, H.className),
+        className: R(T1.toast, p.className),
         "data-type": t,
         "data-position": x,
         "data-alignment": f,
         "data-open": k || void 0,
         ref: Z,
-        onMouseOver: V,
+        onMouseOver: M,
         onMouseOut: I,
-        ...H,
+        ...p,
         children: [
           /* @__PURE__ */ g("div", { className: T1["toast-content"], children: [
-            E ? /* @__PURE__ */ r(
-              D,
+            P ? /* @__PURE__ */ r(
+              A,
               {
                 name: d6[t],
                 size: H1.xl,
                 className: T1["toast-icon"],
                 "aria-hidden": "true"
               }
-            ) : U && /* @__PURE__ */ r(D, { name: v, size: H1.xl, className: T1["toast-icon"], "aria-hidden": "true" }),
+            ) : U && /* @__PURE__ */ r(A, { name: v, size: H1.xl, className: T1["toast-icon"], "aria-hidden": "true" }),
             /* @__PURE__ */ r("span", { className: T1["toast-message"], children: e })
           ] }),
           L && /* @__PURE__ */ r(
-            e3,
+            C3,
             {
               variant: t === "neutral" ? "reverse" : "transparent",
               onClick: i,
@@ -6322,7 +6335,7 @@ const l6 = A3(null), s6 = () => {
               "data-testid": "toast-close-button",
               name: "close",
               variant: t === "neutral" ? "reverse" : "neutral",
-              onClick: p
+              onClick: H
             }
           )
         ]
@@ -6371,14 +6384,14 @@ export {
   Sr as Banner,
   Ln as BaseSideNav,
   br as Breadcrumbs,
-  e3 as Button,
+  C3 as Button,
   _r as Card,
   je as Checkbox,
   yr as CheckboxGroup,
   Or as Chip,
   a1 as Divider,
   rt as Grid,
-  D as Icon,
+  A as Icon,
   d1 as IconButton,
   Nr as IconButtonToggle,
   v3 as Link,