@rte-ds/react 1.3.5 → 1.3.7

package/dist/react-package.js

@@ -2728,8 +2728,8 @@ const A = ({ name: C, size: e, color: t, appearance: n, ...l }) => {
   if (I1(C)) {
     const o = E3[C];
     if (o) {
-      const [s, c] = o;
-      return n === "filled" ? /* @__PURE__ */ r(c, { width: e, height: e, fill: t, ...l }) : /* @__PURE__ */ r(s, { width: e, height: e, fill: t, ...l });
+      const [s, i] = o;
+      return n === "filled" ? /* @__PURE__ */ r(i, { width: e, height: e, fill: t, ...l }) : /* @__PURE__ */ r(s, { width: e, height: e, fill: t, ...l });
     } else {
       const s = R3[C];
       return /* @__PURE__ */ r(s, { width: e, height: e, fill: t, ...l });
@@ -2759,12 +2759,12 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
   hidden: ie,
   countOverflow: ce
 }, C1 = z(
-  ({ badgeType: C = "brand", size: e = "m", content: t = "number", count: n, icon: l = "notification", children: o, ...s }, c) => {
+  ({ badgeType: C = "brand", size: e = "m", content: t = "number", count: n, icon: l = "notification", children: o, ...s }, i) => {
     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;
-    return o ? /* @__PURE__ */ g("div", { ref: c, className: n1.badgeContainer, ...s, children: [
+    const c = v6(e), a = D3({ size: e, content: t, iconSize: c }), d = T3({ size: e, content: t, count: n }), v = h6({ size: e, content: t, count: n, iconSize: c }), h = d && ((u = r3(n)) == null ? void 0 : u.length) > 2;
+    return o ? /* @__PURE__ */ g("div", { ref: i, className: n1.badgeContainer, ...s, children: [
       /* @__PURE__ */ g(
         "div",
         {
@@ -2777,13 +2777,13 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
             h ? n1.countOverflow : ""
           ),
           children: [
-            a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: i }),
+            a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: c }),
             d && /* @__PURE__ */ r("span", { className: n1.count, children: r3(n) }, n)
           ]
         }
       ),
       o
-    ] }) : /* @__PURE__ */ r("div", { ref: c, className: n1.badgeContainer, ...s, children: /* @__PURE__ */ g(
+    ] }) : /* @__PURE__ */ r("div", { ref: i, className: n1.badgeContainer, ...s, children: /* @__PURE__ */ g(
       "div",
       {
         "data-simple-badge": "true",
@@ -2796,7 +2796,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
           h ? n1.countOverflow : ""
         ),
         children: [
-          a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: i }),
+          a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: c }),
           d && /* @__PURE__ */ r("span", { className: n1.count, children: r3(n) }, n)
         ]
       }
@@ -2840,8 +2840,8 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     onClick: l,
     type: o = "button",
     badgeContent: s,
-    badgeCount: c,
-    badgeType: i,
+    badgeCount: i,
+    badgeType: c,
     badgeIcon: a,
     icon: d,
     iconPosition: v = "left",
@@ -2849,7 +2849,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     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: [
+    const L = i > 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: o3.label, children: e }),
       d && v === "right" && /* @__PURE__ */ r(A, { name: d, size: V, color: h, appearance: u })
@@ -2857,10 +2857,10 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     return L ? /* @__PURE__ */ r(
       C1,
       {
-        badgeType: i,
+        badgeType: c,
         size: ae[C],
         content: C === "s" ? "empty" : s,
-        count: c,
+        count: i,
         icon: a,
         children: /* @__PURE__ */ r(
           "button",
@@ -2901,18 +2901,18 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     type: l = "button",
     name: o,
     appearance: s,
-    compactSpacing: c,
-    badgeContent: i,
+    compactSpacing: i,
+    badgeContent: c,
     badgeCount: a,
     badgeType: d,
     badgeIcon: v,
     ...h
-  }, u) => I1(o) ? a > 0 && i === "number" || i === "icon" && v ? /* @__PURE__ */ r(
+  }, u) => I1(o) ? a > 0 && c === "number" || c === "icon" && v ? /* @__PURE__ */ r(
     C1,
     {
       badgeType: d,
       size: C,
-      content: C === "s" ? "empty" : i,
+      content: C === "s" ? "empty" : c,
       count: a,
       icon: v,
       children: /* @__PURE__ */ r(
@@ -2923,7 +2923,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
           className: R(f3["icon-button"], t),
           "data-size": C,
           "data-variant": e,
-          "data-compact-spacing": c,
+          "data-compact-spacing": i,
           onClick: n,
           ...h,
           children: /* @__PURE__ */ r(A, { name: o, appearance: s, size: Z3[C] })
@@ -2938,7 +2938,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
       className: R(f3["icon-button"], t),
       "data-size": C,
       "data-variant": e,
-      "data-compact-spacing": c,
+      "data-compact-spacing": i,
       onClick: n,
       ...h,
       children: /* @__PURE__ */ r(A, { name: o, appearance: s, size: Z3[C] })
@@ -2951,7 +2951,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
   "banner-content": "_banner-content_vvnzx_55",
   "banner-title": "_banner-title_vvnzx_65",
   "banner-message": "_banner-message_vvnzx_77"
-}, Sr = z(
+}, br = z(
   ({
     title: C,
     message: e,
@@ -2960,8 +2960,8 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
     onClose: l,
     position: o = "push",
     actionCallback: s,
-    actionLabel: c,
-    className: i = "",
+    actionLabel: i,
+    className: c = "",
     isOpen: a = !0,
     ...d
   }, v) => {
@@ -2982,7 +2982,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
       "section",
       {
         role: p,
-        className: R(S1.banner, i),
+        className: R(S1.banner, c),
         ref: v,
         "data-type": t,
         "data-position": o,
@@ -2994,7 +2994,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
             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" }),
+          s && i && /* @__PURE__ */ r(e3, { label: i, onClick: s, variant: "text", "aria-label": i, 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" }) })
         ]
       }
@@ -3056,43 +3056,43 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   let o;
   const s = C.getBoundingClientRect();
   if (l) {
-    const c = C.parentElement;
-    if (!c)
+    const i = C.parentElement;
+    if (!i)
       return t;
-    const i = parseInt(getComputedStyle(e).getPropertyValue("max-width")), a = parseInt(getComputedStyle(e).getPropertyValue("max-height")), d = c.getBoundingClientRect();
+    const c = parseInt(getComputedStyle(e).getPropertyValue("max-width")), a = parseInt(getComputedStyle(e).getPropertyValue("max-height")), d = i.getBoundingClientRect();
     o = {
       top: s.top - d.top > a + n,
-      right: d.right - s.right > i + n,
+      right: d.right - s.right > c + n,
       bottom: d.bottom - s.bottom >= a + n,
-      left: s.left - d.left > i + n
+      left: s.left - d.left > c + n
     };
   } else {
-    const c = e.getBoundingClientRect();
+    const i = e.getBoundingClientRect();
     o = {
-      top: c.height + n < s.top,
-      right: c.width + n < window.innerWidth - s.right,
-      bottom: c.height + n < window.innerHeight - s.bottom,
-      left: c.width + n < s.left
+      top: i.height + n < s.top,
+      right: i.width + n < window.innerWidth - s.right,
+      bottom: i.height + n < window.innerHeight - s.bottom,
+      left: i.width + n < s.left
     };
   }
   return o.top ? "top" : o.bottom ? "bottom" : o.left ? "left" : o.right ? "right" : t;
 }, m3 = (C, e, t, n = 0, l = !1) => {
-  const o = C.getBoundingClientRect(), s = e.getBoundingClientRect(), c = {
+  const o = C.getBoundingClientRect(), s = e.getBoundingClientRect(), i = {
     top: s.height + n < o.top,
     right: s.width + n < window.innerWidth - o.right,
     bottom: s.height + n < window.innerHeight - o.bottom,
     left: s.width + n < o.left
   };
-  return l ? He(c, t) : Ve(c, t);
+  return l ? He(i, t) : Ve(i, t);
 }, He = (C, e) => C.right ? "right" : C.left ? "left" : C.bottom ? "bottom" : C.top ? "top" : e, Ve = (C, e) => C.bottom ? "bottom" : C.right ? "right" : C.left ? "left" : C.top ? "top" : e, g3 = (C, e, t) => {
   const n = "center";
   if (!C.parentElement)
     return n;
-  const o = C.getBoundingClientRect(), s = e.getBoundingClientRect(), c = {
+  const o = C.getBoundingClientRect(), s = e.getBoundingClientRect(), i = {
     end: t === "top" || t === "bottom" ? o.right >= s.width : window.innerHeight - o.bottom >= s.height,
     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;
+  return i.start ? "start" : i.end ? "end" : n;
 }, t3 = (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);
@@ -3113,27 +3113,31 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   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", q1 = () => {
+}, me = (C) => {
+  if (!C || !(C instanceof HTMLElement)) return !1;
+  const e = C.tagName.toLowerCase();
+  return e === "input" || e === "textarea" || e === "select" || C.isContentEditable;
 }, B1 = (C = {}, e = {}) => {
   const { id: t, interactiveKeyCodes: n } = e, {
     onKeyDown: l = q1,
     onKeyUp: o = q1,
     onBlur: s = q1,
-    onFocus: c = q1
-  } = C, i = K(n ?? [e1, W]);
+    onFocus: i = q1
+  } = C, c = K(n ?? [e1, W]);
   return { onKeyDown: (u) => {
     var p;
-    (p = i.current) != null && p.includes(u.key) && (!t || u.target.id === t) && (u.preventDefault(), l(u));
+    me(u.target) || (p = c.current) != null && p.includes(u.key) && (!t || u.target.id === t) && (u.preventDefault(), l(u));
   }, onKeyUp: (u) => {
     var p;
-    (p = i.current) != null && p.includes(u.key) && (!t || u.target.id === t) && o(u);
+    (p = c.current) != null && p.includes(u.key) && (!t || u.target.id === t) && o(u);
   }, onBlur: () => {
     s();
   }, onFocus: () => {
-    c();
+    i();
   } };
-}, me = "_horizontal_1wa9l_1", xe = "_vertical_1wa9l_29", S3 = {
-  horizontal: me,
-  vertical: xe
+}, xe = "_horizontal_1wa9l_1", Be = "_vertical_1wa9l_29", S3 = {
+  horizontal: xe,
+  vertical: Be
 }, a1 = z(
   ({ orientation: C = "horizontal", thickness: e = "light", appearance: t = "default", endPoint: n = "round", ...l }, o) => C === "horizontal" ? /* @__PURE__ */ r(
     "hr",
@@ -3166,19 +3170,19 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     return () => {
       if (o && !s.length) {
         e && (document.body.style.overflow = "unset");
-        const c = o.querySelector("#overlay-root");
-        c && o.removeChild(c);
+        const i = o.querySelector("#overlay-root");
+        i && o.removeChild(i);
       }
     };
   }, [e]), t ? /* @__PURE__ */ r(X, { children: a6(C, t) }) : null;
-}, L3 = A3(void 0), Be = ({
+}, L3 = A3(void 0), Se = ({
   dropdownId: C,
   closeRoot: e,
   autoClose: t = !0,
   children: n
-}) => /* @__PURE__ */ r(L3.Provider, { value: { dropdownId: C, closeRoot: e, autoClose: t }, children: n }), Se = "_trigger_19dwi_1", be = "_dropdown_19dwi_13", _1 = {
-  trigger: Se,
-  dropdown: be,
+}) => /* @__PURE__ */ r(L3.Provider, { value: { dropdownId: C, closeRoot: e, autoClose: t }, children: n }), be = "_trigger_19dwi_1", _e = "_dropdown_19dwi_13", _1 = {
+  trigger: be,
+  dropdown: _e,
   "dropdown-menu-header": "_dropdown-menu-header_19dwi_39",
   "dropdown-menu-content": "_dropdown-menu-content_19dwi_39",
   "dropdown-menu-footer": "_dropdown-menu-footer_19dwi_39",
@@ -3187,7 +3191,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   var n;
   const e = G3(C), t = e.findIndex((l) => l === document.activeElement);
   t < e.length - 1 ? e[t + 1].focus() : (n = e[0]) == null || n.focus();
-}, _e = (C) => {
+}, ye = (C) => {
   var n;
   const e = G3(C), t = e.findIndex((l) => l === document.activeElement);
   t > 0 ? e[t - 1].focus() : (n = e[e.length - 1]) == null || n.focus();
@@ -3197,7 +3201,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   if (!e) return;
   const t = document.querySelector(`[data-dropdown-id='${e}']`);
   t && ((n = (t == null ? void 0 : t.querySelectorAll('li[role="menuitem"]'))[0]) == null || n.focus());
-}, ye = (C) => {
+}, Oe = (C) => {
   var l;
   const e = i1.getParentDropdownId(C), t = e ? CSS.escape(e) : null;
   if (!t) return;
@@ -3234,8 +3238,8 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     hasParent: l,
     position: o = "bottom",
     autoClose: s = !0,
-    isOpen: c = !1,
-    onClose: i = () => {
+    isOpen: i = !1,
+    onClose: c = () => {
     },
     children: a,
     offset: d = 0,
@@ -3245,7 +3249,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     footer: p,
     ...Z
   }, L) => {
-    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 = $(
+    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(i, pe), M = $(
       (D) => {
         m.current = D, k(D), typeof L == "function" ? L(D) : L && (L.current = D);
       },
@@ -3253,11 +3257,11 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     ), I = $((D) => {
       w.current = D, y(D);
     }, []), P = $(() => {
-      l && S ? S() : i(), i1.closeAll();
-    }, [S, l, i]), U = (D) => {
+      l && S ? S() : c(), i1.closeAll();
+    }, [S, l, c]), U = (D) => {
       if (D.key === x1 || D.key === P1) {
         if (D.stopPropagation(), D.preventDefault(), b === null) return;
-        D.key === x1 ? b3(b) : _e(b);
+        D.key === x1 ? b3(b) : ye(b);
       }
     }, q = (D) => {
       D.key === z1 && P();
@@ -3308,8 +3312,8 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     return E(() => {
       !_ || !b || (l ? G(_, b) : V1(_, b, o, v));
     }, [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: [
+      i && b && h && U3(V);
+    }, [i, V, b, h]), /* @__PURE__ */ g(Se, { 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",
@@ -3353,8 +3357,8 @@ const K3 = (C, e, t, n = 0, l = !1) => {
   disabled: l,
   hasSeparator: o,
   hasIndent: s,
-  children: c,
-  badgeCount: i,
+  children: i,
+  badgeCount: c,
   badgeContent: a,
   badgeIcon: d,
   badgeType: v,
@@ -3381,17 +3385,17 @@ const K3 = (C, e, t, n = 0, l = !1) => {
         I && I.click();
       } else {
         if (l) return;
-        Z && _(M), c && m();
+        Z && _(M), i && m();
       }
   }, x = (M) => {
-    M.preventDefault(), M.key === A1 && (w && U3(S), M.shiftKey && V && ye(V));
+    M.preventDefault(), M.key === A1 && (w && U3(S), M.shiftKey && V && Oe(V));
   }, { onKeyUp: f, onFocus: O, onKeyDown: H } = B1(
     { onKeyUp: x, onFocus: k, onKeyDown: y },
     {
       interactiveKeyCodes: [e1, W, A1, x1, P1, z1]
     }
   );
-  return c ? /* @__PURE__ */ r(
+  return i ? /* @__PURE__ */ r(
     W1,
     {
       hasParent: !0,
@@ -3427,7 +3431,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
         ),
         o && /* @__PURE__ */ r("div", { className: Z1["dropdown-divider"], children: /* @__PURE__ */ r(a1, {}) })
       ] }),
-      children: c
+      children: i
     }
   ) : /* @__PURE__ */ g(X, { children: [
     /* @__PURE__ */ g(
@@ -3449,21 +3453,21 @@ const K3 = (C, e, t, n = 0, l = !1) => {
           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 })
+          U1({ showBadge: !!u, badgeContent: a, badgeCount: c, badgeIcon: d }) && /* @__PURE__ */ r(C1, { count: c, content: a, icon: d, badgeType: v, size: h })
         ]
       }
     ),
     o && /* @__PURE__ */ r("div", { className: Z1["dropdown-divider"], children: /* @__PURE__ */ r(a1, {}) })
   ] });
-}, Oe = "_link_1yg2q_1", Ne = "_label_1yg2q_118", l3 = {
-  link: Oe,
+}, Ne = "_link_1yg2q_1", Fe = "_label_1yg2q_118", l3 = {
+  link: Ne,
   "external-link-icon": "_external-link-icon_1yg2q_114",
-  label: Ne
+  label: Fe
 }, v3 = z(
-  ({ label: C, href: e, subtle: t = !1, externalLink: n = !1, className: l = "", reverse: o, ...s }, c) => /* @__PURE__ */ g(
+  ({ label: C, href: e, subtle: t = !1, externalLink: n = !1, className: l = "", reverse: o, ...s }, i) => /* @__PURE__ */ g(
     "a",
     {
-      ref: c,
+      ref: i,
       href: e,
       role: "link",
       "aria-label": C,
@@ -3479,14 +3483,14 @@ const K3 = (C, e, t, n = 0, l = !1) => {
       ]
     }
   )
-), j3 = 4, Fe = 5, ke = 150;
-function Ie(C, e = j3) {
-  return C ? Fe + e : e;
+), j3 = 4, ke = 5, Ie = 150;
+function Ae(C, e = j3) {
+  return C ? ke + e : e;
 }
-const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
+const De = "_tooltip_jx6mx_1", Te = "_tooltipLabel_jx6mx_22", s3 = {
   "tooltip-trigger": "_tooltip-trigger_jx6mx_1",
-  tooltip: Ae,
-  tooltipLabel: De
+  tooltip: De,
+  tooltipLabel: Te
 }, h3 = z(
   ({
     children: C,
@@ -3496,21 +3500,21 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
     arrow: l = !0,
     className: o = "",
     triggerStyles: s,
-    shouldFocusTrigger: c = !0,
-    gap: i = j3,
+    shouldFocusTrigger: i = !0,
+    gap: c = j3,
     ...a
   }, d) => {
-    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 = $(
+    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, Ie), b = $(
       (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);
+        const x = Ae(l, c), f = e === "auto" ? K3(v.current, u, "top", x, !0) : e, O = t3(f, v.current, u, x);
         L(f), B(O);
       }
-    }, [F, e, l, u, i]);
+    }, [F, e, l, u, c]);
     E(() => (k(), window.addEventListener("scroll", k), () => {
       window.removeEventListener("scroll", k);
     }), [k]);
@@ -3527,9 +3531,9 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
         onMouseEnter: _,
         onMouseLeave: y,
         onFocus: _,
-        onFocusCapture: c ? void 0 : _,
+        onFocusCapture: i ? void 0 : _,
         onBlur: y,
-        tabIndex: c ? 0 : void 0,
+        tabIndex: i ? 0 : void 0,
         style: s,
         children: [
           C,
@@ -3554,8 +3558,8 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
       }
     );
   }
-), Te = "_breadcrumbItem_1ybl5_1", Re = {
-  breadcrumbItem: Te
+), Re = "_breadcrumbItem_1ybl5_1", Ee = {
+  breadcrumbItem: Re
 }, i3 = ({ item: C, isLast: e, breadcrumbItemMaxWidth: t }) => {
   const [n, l] = N(!1), o = K(), s = K(null);
   E(() => {
@@ -3566,8 +3570,8 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
       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(X, { children: n ? /* @__PURE__ */ g(
+  const { showBadge: i, badgeContent: c, badgeCount: a, badgeIcon: d, badgeType: v, badgeSize: h } = C, u = U1({ showBadge: !!i, badgeContent: c, badgeCount: a, badgeIcon: d });
+  return /* @__PURE__ */ r("div", { className: Ee.breadcrumbItem, ref: s, children: e ? /* @__PURE__ */ r(X, { children: n ? /* @__PURE__ */ g(
     h3,
     {
       label: C.label,
@@ -3595,7 +3599,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
           C1,
           {
             count: a,
-            content: i,
+            content: c,
             icon: d,
             badgeType: v,
             size: h
@@ -3615,7 +3619,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
         children: C.label
       }
     ),
-    u && /* @__PURE__ */ r(C1, { count: a, content: i, icon: d, badgeType: v })
+    u && /* @__PURE__ */ r(C1, { count: a, content: c, icon: d, badgeType: v })
   ] }) }) : /* @__PURE__ */ r(X, { children: n ? /* @__PURE__ */ g(
     h3,
     {
@@ -3639,7 +3643,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
           }
         ),
         " ",
-        u && /* @__PURE__ */ r(C1, { count: a, content: i, icon: d, badgeType: v })
+        u && /* @__PURE__ */ r(C1, { count: a, content: c, icon: d, badgeType: v })
       ]
     }
   ) : /* @__PURE__ */ g(X, { children: [
@@ -3652,13 +3656,13 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
         style: { color: "var(--content-tertiary)", maxWidth: `${t}px` }
       }
     ),
-    u && /* @__PURE__ */ r(C1, { count: a, content: i, icon: d, badgeType: v })
+    u && /* @__PURE__ */ r(C1, { count: a, content: c, icon: d, badgeType: v })
   ] }) }) }, C.link);
-}, Ee = "_breadcrumbsContainer_12g5q_1", Pe = "_breadcrumbItem_12g5q_7", ze = "_separator_12g5q_36", k1 = {
-  breadcrumbsContainer: Ee,
-  breadcrumbItem: Pe,
-  separator: ze
-}, c3 = () => /* @__PURE__ */ r("span", { "aria-hidden": "true", className: k1.separator, children: "/" }), br = z(
+}, Pe = "_breadcrumbsContainer_12g5q_1", ze = "_breadcrumbItem_12g5q_7", $e = "_separator_12g5q_36", k1 = {
+  breadcrumbsContainer: Pe,
+  breadcrumbItem: ze,
+  separator: $e
+}, c3 = () => /* @__PURE__ */ r("span", { "aria-hidden": "true", className: k1.separator, children: "/" }), _r = z(
   ({
     items: C,
     ariaLabel: e = ge,
@@ -3667,8 +3671,8 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
     badgeCount: l,
     badgeIcon: o,
     badgeType: s,
-    badgeSize: c,
-    showBadge: i,
+    badgeSize: i,
+    showBadge: c,
     ...a
   }, d) => {
     const [v, h] = N(!1);
@@ -3703,14 +3707,14 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
                       onClick: () => h(!v)
                     }
                   ),
-                  U1({ showBadge: !!i, badgeContent: n, badgeCount: l, badgeIcon: o }) && /* @__PURE__ */ r(
+                  U1({ showBadge: !!c, badgeContent: n, badgeCount: l, badgeIcon: o }) && /* @__PURE__ */ r(
                     C1,
                     {
                       count: l,
                       content: n,
                       icon: o,
                       badgeType: s,
-                      size: c
+                      size: i
                     }
                   )
                 ] }),
@@ -3759,22 +3763,33 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
       p < C.length - 1 && /* @__PURE__ */ r(c3, {})
     ] }, u.label + p)) });
   }
-), $e = {
+), Ke = {
   xs: 240,
   s: 360,
   m: 480,
   l: 600,
-  xl: 720
-}, 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, style: s, ...c }, i) => {
-    const a = (p) => {
-      !n && t && (p.key === e1 || p.key === W) && (p.preventDefault(), o == null || o());
-    }, d = () => {
+  xl: 720,
+  full: "100%"
+}, Ue = "_card_1fr4q_1", Ge = {
+  card: Ue
+}, yr = z(
+  ({
+    size: C = "m",
+    cardType: e = "default",
+    clickable: t = !1,
+    disabled: n = !1,
+    children: l,
+    onClick: o,
+    style: s,
+    className: i,
+    ...c
+  }, a) => {
+    const d = (Z) => {
+      !n && t && (Z.key === e1 || Z.key === W) && (Z.preventDefault(), o == null || o());
+    }, v = () => {
       !n && t && (o == null || o());
-    }, { onKeyDown: v, onKeyUp: h, onBlur: u } = B1(
-      { onKeyUp: a },
+    }, { onKeyDown: h, onKeyUp: u, onBlur: p } = B1(
+      { onKeyUp: d },
       {
         interactiveKeyCodes: [e1, W]
       }
@@ -3782,32 +3797,32 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: i,
-        className: Ue.card,
-        style: { width: $e[C], ...s },
+        ref: a,
+        className: `${Ge.card}${i ? ` ${i}` : ""}`,
+        style: { width: Ke[C], ...s },
         "data-card-type": e,
         "data-clickable": t,
         "data-disabled": n,
         tabIndex: t ? 0 : -1,
-        onClick: d,
-        onKeyDown: v,
-        onKeyUp: h,
-        onBlur: u,
+        onClick: v,
+        onKeyDown: h,
+        onKeyUp: u,
+        onBlur: p,
         ...c,
         children: l
       }
     );
   }
-), Ge = "_container_sqob1_1", We = "_checkbox_sqob1_5", w1 = {
-  container: Ge,
-  checkbox: We,
+), We = "_container_sqob1_1", je = "_checkbox_sqob1_5", w1 = {
+  container: We,
+  checkbox: je,
   "checkbox-text-container": "_checkbox-text-container_sqob1_52",
   "checkbox-description": "_checkbox-description_sqob1_53",
   "checkbox-icons": "_checkbox-icons_sqob1_68",
   "checkbox-icon-selected": "_checkbox-icon-selected_sqob1_74",
   "checkbox-icon-indeterminated": "_checkbox-icon-indeterminated_sqob1_95",
   "checkbox-error": "_checkbox-error_sqob1_146"
-}, je = ({
+}, qe = ({
   id: C,
   label: e,
   showLabel: t,
@@ -3815,16 +3830,16 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
   description: l,
   error: o,
   errorMessage: s,
-  readOnly: c,
-  indeterminate: i,
+  readOnly: i,
+  indeterminate: c,
   ...a
 }) => {
   const d = K(null);
   E(() => {
-    d.current && (d.current.indeterminate = !!i);
-  }, [i]);
+    d.current && (d.current.indeterminate = !!c);
+  }, [c]);
   const v = (h) => {
-    h.code === "Space" && c && h.preventDefault();
+    h.code === "Space" && i && h.preventDefault();
   };
   return /* @__PURE__ */ g("div", { className: w1.container, children: [
     /* @__PURE__ */ r(
@@ -3835,7 +3850,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
         className: w1.checkbox,
         disabled: n,
         ref: d,
-        "data-read-only": c,
+        "data-read-only": i,
         "data-error": !!o,
         onKeyDown: v,
         ...a
@@ -3849,14 +3864,14 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
       o && s && /* @__PURE__ */ r("p", { className: w1["checkbox-error"], children: s })
     ] })
   ] });
-}, qe = "_checkboxGroupContainer_1yuuw_1", Ye = "_checkboxGroupHeader_1yuuw_9", Qe = "_groupTitle_1yuuw_9", Xe = "_groupHelpText_1yuuw_20", Je = "_errorMessage_1yuuw_32", Ct = "_checkboxGroup_1yuuw_1", y1 = {
-  checkboxGroupContainer: qe,
-  checkboxGroupHeader: Ye,
-  groupTitle: Qe,
-  groupHelpText: Xe,
-  errorMessage: Je,
-  checkboxGroup: Ct
-}, yr = z(
+}, Ye = "_checkboxGroupContainer_1yuuw_1", Qe = "_checkboxGroupHeader_1yuuw_9", Xe = "_groupTitle_1yuuw_9", Je = "_groupHelpText_1yuuw_20", Ct = "_errorMessage_1yuuw_32", et = "_checkboxGroup_1yuuw_1", y1 = {
+  checkboxGroupContainer: Ye,
+  checkboxGroupHeader: Qe,
+  groupTitle: Xe,
+  groupHelpText: Je,
+  errorMessage: Ct,
+  checkboxGroup: et
+}, Or = z(
   ({
     items: C,
     direction: e = "horizontal",
@@ -3865,56 +3880,56 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
     showGroupTitle: l = !1,
     groupHelpText: o = "",
     showHelpText: s = !1,
-    errorMessage: c = "",
-    error: i = !1,
+    errorMessage: i = "",
+    error: c = !1,
     disabled: a = !1,
     readOnly: d = !1,
     className: v = "",
     ...h
   }, u) => {
-    if (!(a && i))
+    if (!(a && c))
       return /* @__PURE__ */ g("div", { ref: u, className: R(y1.checkboxGroupContainer, v), ...h, children: [
         /* @__PURE__ */ g(
           "div",
           {
             className: y1.checkboxGroupHeader,
-            "data-error": i,
+            "data-error": c,
             "data-disabled": a,
             "data-read-only": d,
             children: [
               n && l && /* @__PURE__ */ r("h3", { className: y1.groupTitle, children: n }),
               o && s && /* @__PURE__ */ r("p", { className: y1.groupHelpText, children: o }),
-              c && i && /* @__PURE__ */ r("p", { className: y1.errorMessage, children: c })
+              i && c && /* @__PURE__ */ r("p", { className: y1.errorMessage, children: i })
             ]
           }
         ),
         /* @__PURE__ */ r("div", { className: y1.checkboxGroup, "data-direction": e, children: C.map((p, Z) => /* @__PURE__ */ r(
-          je,
+          qe,
           {
             id: `${p}-${Z}`,
             label: p,
             showLabel: t,
             disabled: a,
-            error: i,
+            error: c,
             readOnly: d
           },
           `${p}-${Z}`
         )) })
       ] });
   }
-), et = {
+), tt = {
   single: "radio",
   multi: "checkbox",
   input: "option"
-}, tt = "_chip_7scg0_1", u1 = {
-  chip: tt,
+}, nt = "_chip_7scg0_1", u1 = {
+  chip: nt,
   "chip-label": "_chip-label_7scg0_49",
   "chip-icon-container": "_chip-icon-container_7scg0_70",
   "chip-icon": "_chip-icon_7scg0_70",
   "chip-icon--visible": "_chip-icon--visible_7scg0_90",
   "chip-close-button": "_chip-close-button_7scg0_95",
   "chip-close-button--icon": "_chip-close-button--icon_7scg0_124"
-}, Or = z(
+}, Nr = z(
   ({
     id: C,
     label: e,
@@ -3923,14 +3938,14 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
     disabled: l = !1,
     type: o = "single",
     className: s = "",
-    compactSpacing: c = !1,
-    onClose: i,
+    compactSpacing: i = !1,
+    onClose: c,
     ...a
   }, d) => {
     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) {
+      else if ((V.key === x3 || V.key === B3) && c) {
         if (o !== "input") return;
         V.preventDefault(), v.current && v.current.click();
       }
@@ -3946,11 +3961,11 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
       {
         id: C,
         ref: d,
-        role: et[o],
+        role: tt[o],
         className: R(u1.chip, s),
         "data-selected": L && t,
         "data-disabled": l,
-        "data-compact-spacing": c,
+        "data-compact-spacing": i,
         "data-type": o,
         onClick: n,
         tabIndex: 0,
@@ -3986,7 +4001,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
               id: C + "-delete-button",
               type: "button",
               className: u1["chip-close-button"],
-              onClick: i,
+              onClick: c,
               disabled: l,
               "aria-label": `Supprimer ${e}`,
               value: e,
@@ -3998,7 +4013,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
       }
     );
   }
-), nt = ({ children: C, className: e, xxs: t, xs: n, s: l, m: o, l: s, xl: c, ...i }) => {
+), rt = ({ children: C, className: e, xxs: t, xs: n, s: l, m: o, l: s, xl: i, ...c }) => {
   const a = (v, h) => h ? `${v}-${h}` : "", d = R(
     "col",
     a("col-xxs", t),
@@ -4006,20 +4021,20 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
     a("col-s", l),
     a("col-m", o),
     a("col-l", s),
-    a("col-xl", c),
+    a("col-xl", i),
     e
   );
-  return /* @__PURE__ */ r("div", { className: d, ...i, children: C });
-}, rt = ({ gridType: C = "fluid", className: e, children: t }) => {
+  return /* @__PURE__ */ r("div", { className: d, ...c, children: C });
+}, ot = ({ gridType: C = "fluid", className: e, children: t }) => {
   const n = R("grid", e);
   return /* @__PURE__ */ r("div", { className: n, "data-gridtype": C, children: t });
 };
-rt.Col = nt;
-const Nr = z(
+ot.Col = rt;
+const Fr = z(
   ({ selected: C, onClick: e, defaultSelected: t, ...n }, l) => {
-    const o = C !== void 0, [s, c] = N(t ?? !1), i = o ? C : s;
-    return /* @__PURE__ */ r(d1, { ref: l, appearance: i ? "filled" : "outlined", onClick: (d) => {
-      d.preventDefault(), o || c(!i), e && e(d);
+    const o = C !== void 0, [s, i] = N(t ?? !1), c = o ? C : s;
+    return /* @__PURE__ */ r(d1, { ref: l, appearance: c ? "filled" : "outlined", onClick: (d) => {
+      d.preventDefault(), o || i(!c), e && e(d);
     }, ...n });
   }
 ), q3 = (C, ...e) => {
@@ -4030,7 +4045,7 @@ const Nr = z(
     }
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
   }, [C, e]);
-}, ot = [
+}, lt = [
   "button",
   "a[href]",
   "input",
@@ -4038,7 +4053,7 @@ const Nr = z(
   "textarea",
   "details",
   '[tabindex]:not([tabindex="-1"])'
-], Y3 = ot.map(
+], Y3 = lt.map(
   (C) => C + ":not([disabled]):not([aria-hidden])"
 ).join(","), Q3 = (C, e) => {
   E(() => {
@@ -4070,7 +4085,7 @@ const Nr = z(
   "modal-content": "_modal-content_ffgyd_80",
   "modal-content-description": "_modal-content-description_ffgyd_90",
   "modal-footer": "_modal-footer_ffgyd_101"
-}, Fr = z(
+}, kr = z(
   ({
     id: C,
     isOpen: e,
@@ -4079,8 +4094,8 @@ const Nr = z(
     iconAppearance: l,
     description: o,
     primaryButton: s,
-    secondaryButton: c,
-    size: i = "m",
+    secondaryButton: i,
+    size: c = "m",
     closeOnOverlayClick: a = !0,
     onClose: d,
     className: v,
@@ -4104,7 +4119,7 @@ const Nr = z(
           "aria-modal": "true",
           "aria-labelledby": `${C}-modal-title`,
           "aria-describedby": o ? `${C}-modal-desc` : u["aria-describedby"],
-          "data-size": i,
+          "data-size": c,
           "data-open": L,
           children: [
             /* @__PURE__ */ g("div", { className: g1["modal-header"], children: [
@@ -4131,7 +4146,7 @@ const Nr = z(
               h
             ] }),
             /* @__PURE__ */ g("div", { className: g1["modal-footer"], children: [
-              c,
+              i,
               s
             ] })
           ]
@@ -4139,19 +4154,19 @@ const Nr = z(
       )
     ] }) });
   }
-), _3 = 8, y3 = 20, lt = (C) => {
+), _3 = 8, y3 = 20, st = (C) => {
   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 = {
-  popoverTrigger: st,
-  popover: it,
-  popoverInner: ct,
-  popoverContentContainer: at,
-  popoverTitle: dt,
-  popoverContent: wt,
-  popoverButtonContainer: ut
-}, kr = z(
+}, it = "_popoverTrigger_1oeje_1", ct = "_popover_1oeje_1", at = "_popoverInner_1oeje_25", dt = "_popoverContentContainer_1oeje_33", wt = "_popoverTitle_1oeje_40", ut = "_popoverContent_1oeje_33", gt = "_popoverButtonContainer_1oeje_64", f1 = {
+  popoverTrigger: it,
+  popover: ct,
+  popoverInner: at,
+  popoverContentContainer: dt,
+  popoverTitle: wt,
+  popoverContent: ut,
+  popoverButtonContainer: gt
+}, Ir = z(
   ({
     children: C,
     position: e = "auto",
@@ -4160,8 +4175,8 @@ const Nr = z(
     arrow: l = !0,
     title: o,
     primaryButtonLabel: s,
-    secondaryButtonLabel: c,
-    className: i = "",
+    secondaryButtonLabel: i,
+    className: c = "",
     triggerStyles: a,
     closeOnClickOutside: d = !0,
     closeOnEscape: v = !0,
@@ -4184,7 +4199,7 @@ const Nr = z(
     }, [d]), P = $(() => {
       v && y(!1);
     }, [v]);
-    Q3(V, x), q3(I, L.current, V), X3(P), lt(M);
+    Q3(V, x), q3(I, L.current, V), X3(P), st(M);
     const U = $(
       (G) => {
         B(G), typeof Z == "function" ? Z(G) : Z && (Z.current = G), G && _ && requestAnimationFrame(() => {
@@ -4221,7 +4236,7 @@ const Nr = z(
             "div",
             {
               ref: U,
-              className: R(f1.popover, i),
+              className: R(f1.popover, c),
               role: "dialog",
               "aria-modal": "true",
               "data-arrow": l,
@@ -4236,12 +4251,12 @@ const Nr = z(
                   /* @__PURE__ */ r("div", { className: f1.popoverContent, children: n })
                 ] }),
                 /* @__PURE__ */ g("div", { className: f1.popoverButtonContainer, children: [
-                  c && /* @__PURE__ */ r(
+                  i && /* @__PURE__ */ r(
                     e3,
                     {
                       className: "popoverButton",
                       onClick: Q,
-                      label: c,
+                      label: i,
                       variant: "secondary"
                     }
                   ),
@@ -4262,28 +4277,28 @@ const Nr = z(
       }
     );
   }
-), gt = 16, vt = "_radioButtonContainer_1tw24_1", ht = "_radioButton_1tw24_1", pt = "_radioButtonLabel_1tw24_100", a3 = {
-  radioButtonContainer: vt,
-  radioButton: ht,
-  radioButtonLabel: pt
-}, Ht = z(
-  ({ label: C, groupName: e, showLabel: t = !0, disabled: n = !1, error: l = !1, readOnly: o = !1, className: s = "", ...c }, i) => {
+), vt = 16, ht = "_radioButtonContainer_1tw24_1", pt = "_radioButton_1tw24_1", Ht = "_radioButtonLabel_1tw24_100", a3 = {
+  radioButtonContainer: ht,
+  radioButton: pt,
+  radioButtonLabel: Ht
+}, Vt = z(
+  ({ label: C, groupName: e, showLabel: t = !0, disabled: n = !1, error: l = !1, readOnly: o = !1, className: s = "", ...i }, c) => {
     if (!(n && l))
       return /* @__PURE__ */ g("div", { className: a3.radioButtonContainer, children: [
         /* @__PURE__ */ r(
           "input",
           {
-            ref: i,
+            ref: c,
             type: "radio",
             id: C,
             value: C,
-            size: gt,
+            size: vt,
             name: e,
             className: R(a3.radioButton, s),
             disabled: n,
             "data-error": l,
             "data-read-only": o,
-            ...c
+            ...i
           }
         ),
         t && /* @__PURE__ */ r(
@@ -4300,14 +4315,14 @@ const Nr = z(
         )
       ] });
   }
-), Vt = "_radioButtonGroupContainer_hx6sc_1", Lt = "_radioButtonGroupHeader_hx6sc_9", Mt = "_groupTitle_hx6sc_9", Zt = "_groupHelpText_hx6sc_20", ft = "_errorMessage_hx6sc_32", mt = "_radioButtonGroup_hx6sc_1", O1 = {
-  radioButtonGroupContainer: Vt,
-  radioButtonGroupHeader: Lt,
-  groupTitle: Mt,
-  groupHelpText: Zt,
-  errorMessage: ft,
-  radioButtonGroup: mt
-}, Ir = z(
+), Lt = "_radioButtonGroupContainer_hx6sc_1", Mt = "_radioButtonGroupHeader_hx6sc_9", Zt = "_groupTitle_hx6sc_9", ft = "_groupHelpText_hx6sc_20", mt = "_errorMessage_hx6sc_32", xt = "_radioButtonGroup_hx6sc_1", O1 = {
+  radioButtonGroupContainer: Lt,
+  radioButtonGroupHeader: Mt,
+  groupTitle: Zt,
+  groupHelpText: ft,
+  errorMessage: mt,
+  radioButtonGroup: xt
+}, Ar = z(
   ({
     groupName: C,
     items: e,
@@ -4316,8 +4331,8 @@ const Nr = z(
     groupTitle: l = "",
     showGroupTitle: o = !1,
     groupHelpText: s = "",
-    showHelpText: c = !1,
-    errorMessage: i = "",
+    showHelpText: i = !1,
+    errorMessage: c = "",
     error: a = !1,
     disabled: d = !1,
     readOnly: v = !1,
@@ -4335,13 +4350,13 @@ const Nr = z(
             "data-read-only": v,
             children: [
               l && o && /* @__PURE__ */ r("h3", { className: O1.groupTitle, children: l }),
-              s && c && /* @__PURE__ */ r("p", { className: O1.groupHelpText, children: s }),
-              i && a && /* @__PURE__ */ r("p", { className: O1.errorMessage, children: i })
+              s && i && /* @__PURE__ */ r("p", { className: O1.groupHelpText, children: s }),
+              c && a && /* @__PURE__ */ r("p", { className: O1.errorMessage, children: c })
             ]
           }
         ),
         /* @__PURE__ */ r("div", { className: O1.radioButtonGroup, "data-direction": t, children: e.map((Z, L) => /* @__PURE__ */ r(
-          Ht,
+          Vt,
           {
             label: Z,
             groupName: C,
@@ -4354,7 +4369,7 @@ const Nr = z(
         )) })
       ] });
   }
-), xt = "8px", Bt = "44px", St = "24px", R1 = "8px", bt = {
+), Bt = "8px", St = "44px", bt = "24px", R1 = "8px", _t = {
   primary: {
     showSearchButton: !0,
     showLeftIcon: !1
@@ -4363,7 +4378,7 @@ const Nr = z(
     showSearchButton: !1,
     showLeftIcon: !0
   }
-}, _t = 12, yt = (C) => {
+}, yt = 12, Ot = (C) => {
   if (C === "error")
     return "error";
   if (C === "success")
@@ -4371,7 +4386,7 @@ const Nr = z(
 }, O3 = {
   "assistive-text": "_assistive-text_1gp40_1"
 }, M3 = ({ label: C, appearance: e, showIcon: t, href: n, width: l }) => {
-  const o = yt(e);
+  const o = Ot(e);
   return /* @__PURE__ */ g("div", { className: O3["assistive-text"], "data-appearance": e, style: { width: `${l}px` }, children: [
     t && o && /* @__PURE__ */ r(
       A,
@@ -4379,7 +4394,7 @@ const Nr = z(
         name: o,
         appearance: "outlined",
         className: O3[`assistive-icon-${e}`],
-        size: _t
+        size: yt
       }
     ),
     e === "link" ? /* @__PURE__ */ r(v3, { label: C, href: n, externalLink: !0 }) : /* @__PURE__ */ r("span", { children: C })
@@ -4388,35 +4403,35 @@ const Nr = z(
   required: "(obligatoire)",
   requiredIcon: "*",
   optional: "(facultatif)"
-}, Ot = {
+}, Nt = {
   "requirement-indicator": "_requirement-indicator_1546d_1"
 }, K1 = ({ required: C, showLabelRequirement: e }) => {
   const t = C ? e ? d3.required : d3.requiredIcon : d3.optional;
   return /* @__PURE__ */ r(X, { children: (e || C) && /* @__PURE__ */ r(
     "span",
     {
-      className: Ot["requirement-indicator"],
+      className: Nt["requirement-indicator"],
       "data-required": C,
       "data-show-label-requirement": e,
       "aria-hidden": "true",
       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", J = {
-  container: Nt,
-  inputContainer: Ft,
-  input: kt,
-  inputBar: It,
-  inputField: At,
-  text: Dt,
-  inputCounter: Tt,
-  leftIcon: Rt,
-  labelContainer: Et,
-  inputLabel: Pt,
-  withLeftIcon: zt,
-  withRightIcon: $t,
-  rightIcon: Kt
-}, Ut = z(
+}, Ft = "_container_fb63b_1", kt = "_inputContainer_fb63b_10", It = "_input_fb63b_10", At = "_inputBar_fb63b_14", Dt = "_inputField_fb63b_14", Tt = "_text_fb63b_21", Rt = "_inputCounter_fb63b_25", Et = "_leftIcon_fb63b_28", Pt = "_labelContainer_fb63b_40", zt = "_inputLabel_fb63b_44", $t = "_withLeftIcon_fb63b_71", Kt = "_withRightIcon_fb63b_74", Ut = "_rightIcon_fb63b_82", J = {
+  container: Ft,
+  inputContainer: kt,
+  input: It,
+  inputBar: At,
+  inputField: Dt,
+  text: Tt,
+  inputCounter: Rt,
+  leftIcon: Et,
+  labelContainer: Pt,
+  inputLabel: zt,
+  withLeftIcon: $t,
+  withRightIcon: Kt,
+  rightIcon: Ut
+}, Gt = z(
   ({
     id: C,
     label: e,
@@ -4425,8 +4440,8 @@ const Nr = z(
     showCounter: l,
     value: o,
     leftIcon: s,
-    showRightIcon: c = !0,
-    rightIconAction: i = "clean",
+    showRightIcon: i = !0,
+    rightIconAction: c = "clean",
     showLabelRequirement: a = !1,
     assistiveAppearance: d = "description",
     showAssistiveIcon: v = !1,
@@ -4444,17 +4459,17 @@ const Nr = z(
     highlighted: b,
     ...k
   }, _) => {
-    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");
+    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(!!i && c === "visibilityOn");
     E(() => {
       o !== void 0 && (H(o), I(o.length));
     }, [o]), E(() => {
-      U(!!c && i === "visibilityOn");
-    }, [c, i]);
+      U(!!i && c === "visibilityOn");
+    }, [i, c]);
     const q = (j) => {
       const v1 = j.target.value;
       H(v1), I(v1.length), B && B(v1);
     }, T = () => {
-      i === "clean" && (H(""), I(0), B && B("")), ["visibilityOn", "visibilityOff"].includes(i) && c1();
+      c === "clean" && (H(""), I(0), B && B("")), ["visibilityOn", "visibilityOff"].includes(c) && c1();
     }, Q = () => {
       F && F(), T();
     }, c1 = () => {
@@ -4462,8 +4477,8 @@ const Nr = z(
     }, G = u ? "error" : s, V1 = R(
       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;
+      c ? J.withRightIcon : ""
+    ), D = l && typeof p == "number", o1 = x(c), l1 = f(c), L1 = () => L || Z ? !1 : c === "clean" ? !!(O != null && O.length) && i : i && !!c;
     return /* @__PURE__ */ g(
       "div",
       {
@@ -4561,23 +4576,23 @@ const Nr = z(
       }
     );
   }
-), Gt = "_searchbarContainer_pn0xj_1", Wt = "_textInputWrapper_pn0xj_7", jt = "_searchButton_pn0xj_19", w3 = {
-  searchbarContainer: Gt,
-  textInputWrapper: Wt,
-  searchButton: jt
+), Wt = "_searchbarContainer_pn0xj_1", jt = "_textInputWrapper_pn0xj_7", qt = "_searchButton_pn0xj_19", w3 = {
+  searchbarContainer: Wt,
+  textInputWrapper: jt,
+  searchButton: qt
 };
-function qt(C, e) {
+function Yt(C, e) {
   const t = {};
-  return C === "primary" ? (t.borderRight = "none", t.borderRadius = `${R1} 0 0 ${R1}`, e || (t.paddingLeft = xt)) : C === "secondary" && (t.borderRadius = R1), t;
+  return C === "primary" ? (t.borderRight = "none", t.borderRadius = `${R1} 0 0 ${R1}`, e || (t.paddingLeft = Bt)) : C === "secondary" && (t.borderRadius = R1), t;
 }
-function Yt(C) {
+function Qt(C) {
   return {
-    width: Bt,
+    width: St,
     borderRadius: `0 ${R1} ${R1} 0`,
-    height: C ? St : void 0
+    height: C ? bt : void 0
   };
 }
-const Ar = z(
+const Dr = z(
   ({
     onSearch: C,
     onChange: e,
@@ -4586,14 +4601,14 @@ const Ar = z(
     label: l = "Rechercher",
     disabled: o = !1,
     showResetButton: s = !0,
-    appearance: c = "primary",
-    compactSpacing: i,
+    appearance: i = "primary",
+    compactSpacing: c,
     value: a,
     assistiveText: d,
     style: v,
     ...h
   }, u) => {
-    const p = bt[c], [Z, L] = N(!1), V = K(null);
+    const p = _t[i], [Z, L] = N(!1), V = K(null);
     E(() => {
       const y = V.current;
       if (!y) return;
@@ -4631,7 +4646,7 @@ const Ar = z(
         rightIconAction: "clean",
         onRightIconClick: w,
         assistiveTextLabel: d,
-        compactSpacing: i,
+        compactSpacing: c,
         placeholder: m,
         leftIcon: p.showLeftIcon ? "search" : void 0,
         ...h
@@ -4645,20 +4660,20 @@ const Ar = z(
         s,
         w,
         d,
-        i,
+        c,
         m,
         p.showLeftIcon,
         h
       ]
     ), k = j1(
       () => ({
-        ...qt(c, p.showLeftIcon),
+        ...Yt(i, p.showLeftIcon),
         ...v ?? {}
       }),
-      [c, p.showLeftIcon, v]
-    ), _ = j1(() => Yt(i), [i]);
-    return /* @__PURE__ */ r("div", { className: w3.searchbarContainer, role: "search", "data-appearance": c, children: /* @__PURE__ */ r("div", { ref: V, className: w3.textInputWrapper, "data-disabled": o, children: /* @__PURE__ */ r(
-      Ut,
+      [i, p.showLeftIcon, v]
+    ), _ = j1(() => Qt(c), [c]);
+    return /* @__PURE__ */ r("div", { className: w3.searchbarContainer, role: "search", "data-appearance": i, children: /* @__PURE__ */ r("div", { ref: V, className: w3.textInputWrapper, "data-disabled": o, children: /* @__PURE__ */ r(
+      Gt,
       {
         id: n ?? "",
         ...b,
@@ -4676,36 +4691,31 @@ const Ar = z(
             disabled: o,
             "aria-label": l,
             className: w3.searchButton,
-            compactSpacing: i,
+            compactSpacing: c,
             style: _
           }
         )
       }
     ) }) });
   }
-), Qt = (C, e) => e === 2 ? C === 0 ? "left" : "right" : C === 0 ? "left" : C === e - 1 ? "right" : "middle", Xt = (C, e, t) => {
+), Xt = (C, e) => e === 2 ? C === 0 ? "left" : "right" : C === 0 ? "left" : C === e - 1 ? "right" : "middle", Jt = (C, e, t) => {
   var l;
   let n = C < e.length - 2 ? C + 1 : 0;
   for (; (l = e[n]) != null && l.classList.contains(t); )
     n < e.length - 1 ? n++ : n = 0;
   e[n].focus();
-}, Jt = (C, e, t) => {
+}, Cn = (C, e, t) => {
   var l;
   let n = C > 0 ? C - 1 : e.length - 1;
   for (; (l = e[n]) != null && l.classList.contains(t); )
     n > 0 ? n-- : n = e.length - 1;
   e[n].focus();
-}, Cn = (C, e) => {
+}, en = (C, e) => {
   const t = C < e.length - 1 ? C + 1 : 0;
   e[t].focus();
-}, en = (C, e) => {
+}, tn = (C, e) => {
   const t = C > 0 ? C - 1 : e.length - 1;
   e[t].focus();
-}, tn = (C) => {
-  if (C.length <= 1 || C.length > 3)
-    return console.warn("SegmentedControl: 'options' should have 2 or 3 items."), !1;
-  const e = C.filter((t) => t.icon).length;
-  return e > 0 && e < C.length ? (console.warn("SegmentedControl: All options must either have an icon or none."), !1) : !0;
 }, J3 = (C, e, t) => {
   const [n, l] = N({ left: 0, bottom: 0, width: 0 }), o = $(() => {
     if (!C.current) return;
@@ -4753,12 +4763,12 @@ const Ar = z(
     };
     window.addEventListener("keydown", n);
     const l = () => {
-      var s, c;
+      var s, i;
       if (t === "Tab") {
-        const i = (s = e.parentElement) == null ? void 0 : s.parentElement, a = i == null ? void 0 : i.querySelector("[data-selected='true']");
-        a ? a.focus() : (c = Array.from(
-          (i == null ? void 0 : i.querySelectorAll("." + s1.segment)) ?? []
-        )[0]) == null || c.focus();
+        const c = (s = e.parentElement) == null ? void 0 : s.parentElement, a = c == null ? void 0 : c.querySelector("[data-selected='true']");
+        a ? a.focus() : (i = Array.from(
+          (c == null ? void 0 : c.querySelectorAll("." + s1.segment)) ?? []
+        )[0]) == null || i.focus();
       }
     };
     return (o = C.current) == null || o.addEventListener("focus", l), () => {
@@ -4773,8 +4783,8 @@ const Ar = z(
   isSelected: l,
   onClick: o,
   badgeCount: s,
-  badgeContent: c,
-  badgeIcon: i,
+  badgeContent: i,
+  badgeIcon: c,
   badgeType: a,
   badgeSize: d,
   showBadge: v,
@@ -4792,14 +4802,14 @@ const Ar = z(
       ), y = _.findIndex(
         (x) => x === document.activeElement
       );
-      w.key === J1 ? Cn(y, _) : w.key === X1 && en(y, _);
+      w.key === J1 ? en(y, _) : w.key === X1 && tn(y, _);
     }
   }, L = (w) => {
     if (w.key === A1) {
       const m = document.activeElement, b = Array.from(p).indexOf(
         m
       );
-      w.shiftKey ? Jt(b, p, s1.segment) : Xt(b, p, s1.segment);
+      w.shiftKey ? Cn(b, p, s1.segment) : Jt(b, p, s1.segment);
     }
   }, { onBlur: V, onKeyDown: B, onKeyUp: F } = B1(
     { onKeyUp: Z, onKeyDown: L },
@@ -4829,21 +4839,21 @@ const Ar = z(
       children: [
         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 })
+        U1({ showBadge: !!v, badgeContent: i, badgeCount: s, badgeIcon: c }) && /* @__PURE__ */ r(C1, { count: s, content: i, icon: c, badgeType: a, size: d })
       ]
     }
   ) });
-}, Dr = z(
+}, Tr = z(
   ({ options: C, onChange: e, selectedSegment: t, ...n }, l) => {
-    const o = K(null), s = J3(o, t), c = (i) => {
-      const d = i.currentTarget.getAttribute("id") || "";
+    const o = K(null), s = J3(o, t), i = (c) => {
+      const d = c.currentTarget.getAttribute("id") || "";
       e(d);
     };
-    return tn(C) ? /* @__PURE__ */ g(
+    return /* @__PURE__ */ g(
       "div",
       {
-        ref: (i) => {
-          o.current = i, typeof l == "function" ? l(i) : l && (l.current = i);
+        ref: (c) => {
+          o.current = c, typeof l == "function" ? l(c) : l && (l.current = c);
         },
         role: "radiogroup",
         className: s1["segmented-control"],
@@ -4856,19 +4866,19 @@ const Ar = z(
               style: { left: s.left, top: s.top, width: s.width }
             }
           ),
-          C.map((i, a) => /* @__PURE__ */ r(
+          C.map((c, a) => /* @__PURE__ */ r(
             ln,
             {
-              position: Qt(a, C.length),
-              onClick: c,
-              isSelected: t === i.id,
-              ...i
+              position: Xt(a, C.length),
+              onClick: i,
+              isSelected: t === c.id,
+              ...c
             },
-            `${i.id}-${a}`
+            `${c.id}-${a}`
           ))
         ]
       }
-    ) : null;
+    );
   }
 ), sn = 100, cn = 8, an = 112, r1 = {
   "select-container": "_select-container_16j69_1",
@@ -4881,7 +4891,7 @@ const Ar = z(
   "error-icon": "_error-icon_16j69_132",
   "select-right-icons": "_select-right-icons_16j69_157",
   "icon-button": "_icon-button_16j69_162"
-}, Tr = z(
+}, Rr = z(
   ({
     id: C,
     label: e,
@@ -4890,8 +4900,8 @@ const Ar = z(
     value: l,
     showLabel: o = !0,
     isError: s,
-    assistiveAppearance: c = "description",
-    showAssistiveIcon: i = !1,
+    assistiveAppearance: i = "description",
+    showAssistiveIcon: c = !1,
     assistiveTextLink: a,
     showLabelRequirement: d = !1,
     assistiveTextLabel: v,
@@ -5014,8 +5024,8 @@ const Ar = z(
           M3,
           {
             label: v,
-            appearance: s ? "error" : c,
-            showIcon: i,
+            appearance: s ? "error" : i,
+            showIcon: c,
             href: a,
             width: B
           }
@@ -5043,8 +5053,8 @@ function Vn(C, e, t) {
     const n = C.current, l = e.current;
     if (!n || !l) return;
     const o = () => {
-      const c = l.offsetHeight;
-      n.style.setProperty("--content-height", `${c}px`);
+      const i = l.offsetHeight;
+      n.style.setProperty("--content-height", `${i}px`);
     };
     o();
     const s = new ResizeObserver(() => o());
@@ -5062,8 +5072,8 @@ const Ln = z(
     showHeader: l = !0,
     showFooter: o = !0,
     children: s,
-    appearance: c = "brand",
-    collapsed: i,
+    appearance: i = "brand",
+    collapsed: c,
     ...a
   }, d) => {
     const v = K(null), h = K(null);
@@ -5073,10 +5083,10 @@ const Ln = z(
         {
           ref: d,
           className: N1.sideNav,
-          "data-collapsed": i,
-          "data-appearance": c,
+          "data-collapsed": c,
+          "data-appearance": i,
           style: {
-            minWidth: i ? dn : wn[C]
+            minWidth: c ? dn : wn[C]
           },
           children: [
             l && e && /* @__PURE__ */ r("div", { className: N1.sideNavHeader, children: e }),
@@ -5110,11 +5120,11 @@ function C6({
   onFocus: l,
   onBlur: o,
   onClick: s,
-  children: c,
-  styleType: i = "item"
+  children: i,
+  styleType: c = "item"
 }) {
-  const a = i === "menu" ? m1 : E1, v = {
-    className: i === "menu" ? a.navMenu : a.navItem,
+  const a = c === "menu" ? m1 : E1, v = {
+    className: c === "menu" ? a.navMenu : a.navItem,
     tabIndex: t,
     "aria-label": e,
     ...l && { onFocus: l },
@@ -5122,7 +5132,7 @@ function C6({
     ...s && { onClick: s },
     ...n && { onKeyDown: n }
   };
-  return C ? /* @__PURE__ */ r("a", { href: C, ...v, children: c }) : /* @__PURE__ */ r("span", { ...v, children: c });
+  return C ? /* @__PURE__ */ r("a", { href: C, ...v, children: i }) : /* @__PURE__ */ r("span", { ...v, children: i });
 }
 function Nn(C = !1, e = !1) {
   return C ? H1.s : e ? H1.l : H1.m;
@@ -5152,6 +5162,11 @@ function t6({ label: C, collapsed: e, children: t }) {
 function n6(C) {
   return C === !1 ? -1 : 0;
 }
+const Fn = (C) => {
+  if (!C || !(C instanceof HTMLElement)) return !1;
+  const e = C.tagName.toLowerCase();
+  return e === "input" || e === "textarea" || e === "select" || C.isContentEditable;
+};
 function r6({
   onEnterOrSpace: C,
   onEscape: e,
@@ -5159,8 +5174,8 @@ function r6({
   includeEscape: n = !1
 } = {}) {
   const l = $(
-    (c) => {
-      [e1, W].includes(c.key) && (c.preventDefault(), C == null || C()), c.key === z1 && n && (c.preventDefault(), e == null || e());
+    (i) => {
+      Fn(i.target) || ([e1, W].includes(i.key) && (i.preventDefault(), C == null || C()), i.key === z1 && n && (i.preventDefault(), e == null || e()));
     },
     [C, e, n]
   ), o = [
@@ -5180,8 +5195,8 @@ const H3 = z(
     label: l,
     collapsed: o,
     link: s,
-    isNested: c,
-    parentMenuOpen: i,
+    isNested: i,
+    parentMenuOpen: c,
     appearance: a = "brand",
     active: d,
     badge: v,
@@ -5198,7 +5213,7 @@ const H3 = z(
       var w;
       (w = p.current) == null || w.removeAttribute("data-focused");
     }
-    const B = n6(i), F = /* @__PURE__ */ g(X, { children: [
+    const B = n6(c), F = /* @__PURE__ */ g(X, { children: [
       /* @__PURE__ */ r("div", { className: E1.navItemLeft, children: /* @__PURE__ */ r(
         e6,
         {
@@ -5206,7 +5221,7 @@ const H3 = z(
           showIcon: t,
           label: l,
           collapsed: o,
-          isNested: c,
+          isNested: i,
           styleType: "item"
         }
       ) }),
@@ -5218,7 +5233,7 @@ const H3 = z(
         className: E1.navItemContainer,
         "data-collapsed": o,
         "data-appearance": a,
-        "data-nested": c,
+        "data-nested": i,
         "data-active": d,
         onClick: n,
         ref: (w) => {
@@ -5251,8 +5266,8 @@ const H3 = z(
     collapsed: l,
     link: o,
     items: s = [],
-    open: c,
-    showMenuIcon: i = !0,
+    open: i,
+    showMenuIcon: c = !0,
     isNested: a,
     parentMenuOpen: d,
     appearance: v = "brand",
@@ -5260,7 +5275,7 @@ const H3 = z(
     showDivider: u,
     ...p
   }, Z) => {
-    const [L, V] = N(!1), B = c !== void 0 ? c : L, F = c !== void 0;
+    const [L, V] = N(!1), B = i !== void 0 ? i : L, F = i !== void 0;
     function S() {
       F || V(!L), t && t();
     }
@@ -5272,7 +5287,7 @@ const H3 = z(
       onEscape: w,
       includeArrowKeys: !0,
       includeEscape: !0
-    }), 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: [
+    }), b = s.length, k = !l && b, _ = B, y = n6(d), x = k && c ? /* @__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,
         {
@@ -5323,7 +5338,7 @@ const H3 = z(
                 link: M.link,
                 onClick: M.onClick,
                 items: M.items || [],
-                showMenuIcon: i,
+                showMenuIcon: c,
                 showDivider: M.showDivider,
                 isNested: !0,
                 parentMenuOpen: _,
@@ -5358,19 +5373,19 @@ const H3 = z(
       u && /* @__PURE__ */ r(a1, { appearance: p3[v] })
     ] });
   }
-), Fn = "_sideNavHeaderContainer_9bdkw_27", kn = "_sideNavHeader_9bdkw_27", In = "_sideNavHeaderTitleContainer_9bdkw_64", An = "_sideNavHeaderTitle_9bdkw_64", Dn = "_sideNavHeaderIdentifier_9bdkw_102", Tn = "_sideNavHeaderVersion_9bdkw_143", Rn = "_sideNavBody_9bdkw_172", En = "_sideNavFooterContainer_9bdkw_195", Pn = "_sideNavFooter_9bdkw_195", zn = "_sideNavFooterItems_9bdkw_208", $n = "_collapsibleSection_9bdkw_225", t1 = {
-  sideNavHeaderContainer: Fn,
-  sideNavHeader: kn,
-  sideNavHeaderTitleContainer: In,
-  sideNavHeaderTitle: An,
-  sideNavHeaderIdentifier: Dn,
-  sideNavHeaderVersion: Tn,
-  sideNavBody: Rn,
-  sideNavFooterContainer: En,
-  sideNavFooter: Pn,
-  sideNavFooterItems: zn,
-  collapsibleSection: $n
-}, Kn = 300, Rr = z(
+), kn = "_sideNavHeaderContainer_9bdkw_27", In = "_sideNavHeader_9bdkw_27", An = "_sideNavHeaderTitleContainer_9bdkw_64", Dn = "_sideNavHeaderTitle_9bdkw_64", Tn = "_sideNavHeaderIdentifier_9bdkw_102", Rn = "_sideNavHeaderVersion_9bdkw_143", En = "_sideNavBody_9bdkw_172", Pn = "_sideNavFooterContainer_9bdkw_195", zn = "_sideNavFooter_9bdkw_195", $n = "_sideNavFooterItems_9bdkw_208", Kn = "_collapsibleSection_9bdkw_225", t1 = {
+  sideNavHeaderContainer: kn,
+  sideNavHeader: In,
+  sideNavHeaderTitleContainer: An,
+  sideNavHeaderTitle: Dn,
+  sideNavHeaderIdentifier: Tn,
+  sideNavHeaderVersion: Rn,
+  sideNavBody: En,
+  sideNavFooterContainer: Pn,
+  sideNavFooter: zn,
+  sideNavFooterItems: $n,
+  collapsibleSection: Kn
+}, Un = 300, Er = z(
   ({
     size: C = "m",
     collapsible: e,
@@ -5379,12 +5394,12 @@ const H3 = z(
     items: l,
     footerItems: o,
     collapsed: s,
-    defaultCollapsed: c = !1,
-    onCollapsedChange: i,
+    defaultCollapsed: i = !1,
+    onCollapsedChange: c,
     appearance: a = "brand",
     activeItem: d
   }, v) => {
-    const [h, u] = N(s ?? c), [p, Z] = N(!0);
+    const [h, u] = N(s ?? i), [p, Z] = N(!0);
     E(() => {
       s !== void 0 && u(s);
     }, [s]), E(() => {
@@ -5393,13 +5408,13 @@ const H3 = z(
       else {
         const x = setTimeout(() => {
           Z(!0);
-        }, Kn);
+        }, Un);
         return () => clearTimeout(x);
       }
     }, [h]);
     const L = () => {
       const x = !h;
-      s === void 0 && u(x), i == null || i(x);
+      s === void 0 && u(x), c == null || c(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: S } = B1(
@@ -5476,7 +5491,7 @@ const H3 = z(
         size: C,
         collapsed: h,
         appearance: a,
-        style: { minHeight: "100vh" },
+        style: { height: "100vh" },
         header: /* @__PURE__ */ g("div", { className: t1.sideNavHeaderContainer, children: [
           /* @__PURE__ */ g("div", { className: t1.sideNavHeader, "data-collapsed": h, "data-appearance": a, children: [
             _,
@@ -5506,7 +5521,7 @@ const H3 = z(
       }
     );
   }
-), Un = {
+), Gn = {
   s: 16,
   m: 20,
   l: 24
@@ -5514,14 +5529,14 @@ const H3 = z(
   s: 20,
   m: 24,
   l: 28
-}, Gn = "_splitButtonContainer_906zy_1", Wn = "_splitButtonLeft_906zy_26", jn = "_splitButtonLabel_906zy_44", qn = "_splitButtonDivider_906zy_128", Yn = "_splitButtonRight_906zy_139", Qn = "_splitButtonRightIconContainer_906zy_232", h1 = {
-  splitButtonContainer: Gn,
-  splitButtonLeft: Wn,
-  splitButtonLabel: jn,
-  splitButtonDivider: qn,
-  splitButtonRight: Yn,
-  splitButtonRightIconContainer: Qn
-}, Er = z(
+}, Wn = "_splitButtonContainer_906zy_1", jn = "_splitButtonLeft_906zy_26", qn = "_splitButtonLabel_906zy_44", Yn = "_splitButtonDivider_906zy_128", Qn = "_splitButtonRight_906zy_139", Xn = "_splitButtonRightIconContainer_906zy_232", h1 = {
+  splitButtonContainer: Wn,
+  splitButtonLeft: jn,
+  splitButtonLabel: qn,
+  splitButtonDivider: Yn,
+  splitButtonRight: Qn,
+  splitButtonRightIconContainer: Xn
+}, Pr = z(
   ({
     appearance: C = "primary",
     size: e = "m",
@@ -5530,8 +5545,8 @@ const H3 = z(
     position: l = "bottom-start",
     className: o,
     icon: s,
-    onClick: c,
-    disabled: i,
+    onClick: i,
+    disabled: c,
     ariaLabelRight: a,
     options: d,
     showBadge: v,
@@ -5562,18 +5577,18 @@ const H3 = z(
               className: h1.splitButtonLeft,
               "data-appearance": C,
               "data-size": e,
-              onClick: c,
-              disabled: i,
+              onClick: i,
+              disabled: c,
               "data-testid": "Main action button",
               ...V,
               ref: m,
               children: [
-                s && /* @__PURE__ */ r(A, { name: s, size: Un[e] }),
+                s && /* @__PURE__ */ r(A, { name: s, size: Gn[e] }),
                 /* @__PURE__ */ r("p", { "data-size": e, className: h1.splitButtonLabel, children: t })
               ]
             }
           ),
-          /* @__PURE__ */ r("div", { className: h1.splitButtonDivider, "data-appearance": C, "data-disabled": i }),
+          /* @__PURE__ */ r("div", { className: h1.splitButtonDivider, "data-appearance": C, "data-disabled": c }),
           /* @__PURE__ */ r(
             W1,
             {
@@ -5598,7 +5613,7 @@ const H3 = z(
                   "data-appearance": C,
                   "data-size": e,
                   "data-testid": "Menu button",
-                  disabled: i,
+                  disabled: c,
                   onClick: () => S(!0),
                   onKeyDown: y,
                   onKeyUp: x,
@@ -5619,7 +5634,7 @@ const H3 = z(
                   "data-appearance": C,
                   "data-size": e,
                   "data-testid": "Menu button",
-                  disabled: i,
+                  disabled: c,
                   onClick: () => S(!0),
                   onKeyDown: y,
                   onKeyUp: x,
@@ -5651,12 +5666,12 @@ const H3 = z(
       }
     );
   }
-), Xn = 24, Jn = 40, Y1 = {
+), Jn = 24, Cr = 40, Y1 = {
   "switch-container": "_switch-container_n4wlg_1",
   "switch-icon-check": "_switch-icon-check_n4wlg_7",
   switch: "_switch_n4wlg_1",
   "switch-label": "_switch-label_n4wlg_110"
-}, Pr = ({
+}, zr = ({
   label: C,
   appearance: e = "brand",
   showLabel: t = !0,
@@ -5664,11 +5679,11 @@ const H3 = z(
   disabled: l = !1,
   readOnly: o = !1,
   checked: s = !1,
-  onChange: c,
-  ...i
+  onChange: i,
+  ...c
 }) => {
   const [a, d] = N(s), v = (u) => {
-    d(u.target.checked), c == null || c(u);
+    d(u.target.checked), i == null || i(u);
   }, h = (u) => {
     if (o || l)
       u.stopPropagation();
@@ -5702,10 +5717,10 @@ const H3 = z(
             defaultChecked: a,
             readOnly: o,
             style: {
-              minHeight: Xn,
-              minWidth: Jn
+              minHeight: Jn,
+              minWidth: Cr
             },
-            ...i
+            ...c
           }
         ),
         /* @__PURE__ */ g("div", { className: Y1["switch-icon-check"], "data-checked": a, children: [
@@ -5716,39 +5731,39 @@ const H3 = z(
       ]
     }
   );
-}, Cr = (C, e, t) => {
-  if (!er(C, e, t)) return;
+}, er = (C, e, t) => {
+  if (!tr(C, e, t)) return;
   const n = e.getBoundingClientRect(), l = C.getBoundingClientRect();
   if (t === "horizontal") {
-    const o = e.scrollLeft + tr(l, n);
+    const o = e.scrollLeft + nr(l, n);
     e.scrollTo({ left: o, behavior: "smooth" });
   } else {
-    const o = e.scrollTop + nr(l, n);
+    const o = e.scrollTop + rr(l, n);
     e.scrollTo({ top: o, behavior: "smooth" });
   }
-}, er = (C, e, t) => {
+}, tr = (C, e, t) => {
   if (e && C) {
-    const n = e.getBoundingClientRect(), l = C.getBoundingClientRect(), o = l.left < n.left, s = l.right > n.right, c = l.top < n.top, i = l.bottom > n.bottom;
-    return t === "horizontal" ? o || s : c || i;
+    const n = e.getBoundingClientRect(), l = C.getBoundingClientRect(), o = l.left < n.left, s = l.right > n.right, i = l.top < n.top, c = l.bottom > n.bottom;
+    return t === "horizontal" ? o || s : i || c;
   }
   return !1;
-}, tr = (C, e) => {
+}, nr = (C, e) => {
   const t = C.left < e.left, n = C.right > e.right;
   return t ? C.left - e.left : n ? C.right - e.right : 0;
-}, nr = (C, e) => {
+}, rr = (C, e) => {
   const t = C.top < e.top, n = C.bottom > e.bottom;
   return t ? C.top - e.top : n ? C.bottom - e.bottom : 0;
-}, rr = "_tab_1m1zv_1", F1 = {
+}, or = "_tab_1m1zv_1", F1 = {
   "tab-container": "_tab-container_1m1zv_1",
-  tab: rr,
+  tab: or,
   "tab-selected-indicator": "_tab-selected-indicator_1m1zv_43",
   "tab-border-horizontal": "_tab-border-horizontal_1m1zv_64",
   "tab-border-vertical": "_tab-border-vertical_1m1zv_76",
   "tab-dropdown-button": "_tab-dropdown-button_1m1zv_85"
-}, or = "_tabitem_1cdnb_1", u3 = {
-  tabitem: or,
+}, lr = "_tabitem_1cdnb_1", u3 = {
+  tabitem: lr,
   "segment-hover-indicator": "_segment-hover-indicator_1cdnb_54"
-}, lr = z(
+}, sr = z(
   ({
     id: C,
     panelId: e,
@@ -5757,8 +5772,8 @@ const H3 = z(
     showBadge: l,
     badgeCount: o,
     badgeContent: s = "empty",
-    badgeIcon: c,
-    onClick: i,
+    badgeIcon: i,
+    onClick: c,
     icon: a,
     badgeType: d = "indicator",
     compactSpacing: v,
@@ -5770,10 +5785,10 @@ const H3 = z(
     const V = {
       count: o,
       content: s,
-      icon: c,
+      icon: i,
       badgeType: d
-    }, 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 })));
+    }, B = o && o > 0 && s === "number", S = !u && (l || B || s === "icon" && i), w = K(null), [m, b] = N(null), k = (H) => {
+      u ? H.preventDefault() : (c(H), b((M) => ({ ...M, opacity: 0 })));
     }, _ = $(
       (H) => {
         w.current && !n && b(H === "mouseover" ? (M) => ({
@@ -5883,7 +5898,7 @@ const H3 = z(
       )
     ] });
   }
-), zr = z(
+), $r = z(
   ({
     options: C,
     onChange: e,
@@ -5892,8 +5907,8 @@ const H3 = z(
     selectedTabId: l,
     compactSpacing: o,
     overflowType: s = "scrollable",
-    inverted: c = !1
-  }, i) => {
+    inverted: i = !1
+  }, c) => {
     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,
@@ -5917,7 +5932,7 @@ const H3 = z(
       const M = H.currentTarget, I = M.getAttribute("id") || "";
       e(I), S(!1);
       const P = w.current;
-      P && Cr(M, P, t);
+      P && er(M, P, t);
     }, x = () => {
       if (w.current) {
         const H = t === "horizontal" ? { left: -300 } : { top: -300 };
@@ -5969,7 +5984,7 @@ const H3 = z(
               "div",
               {
                 ref: (H) => {
-                  w.current = H, typeof i == "function" ? i(H) : i && (i.current = H);
+                  w.current = H, typeof c == "function" ? c(H) : c && (c.current = H);
                 },
                 role: "tablist",
                 "aria-label": "Sample Tabs",
@@ -6004,7 +6019,7 @@ const H3 = z(
                           className: F1["tab-dropdown-button"],
                           onClick: () => S((H) => !H),
                           "aria-label": "Select tab",
-                          "data-inverted": c,
+                          "data-inverted": i,
                           children: [
                             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 }),
@@ -6040,14 +6055,14 @@ const H3 = z(
                     }
                   ),
                   C.map((H, M) => /* @__PURE__ */ r(
-                    lr,
+                    sr,
                     {
                       onClick: y,
                       isSelected: l === H.id,
                       compactSpacing: o,
                       direction: t,
                       "data-hidden": k,
-                      inverted: c,
+                      inverted: i,
                       ...H
                     },
                     `${H.id}-${M}`
@@ -6085,40 +6100,40 @@ const H3 = z(
       )
     ] });
   }
-), sr = "_tag_1p4f3_1", F3 = {
-  tag: sr,
+), ir = "_tag_1p4f3_1", F3 = {
+  tag: ir,
   "tag-label": "_tag-label_1p4f3_15"
 }, k3 = {
   success: "check-circle",
   information: "info",
   warning: "warning",
   alert: "dangerous"
-}, $r = z(
-  ({ tagType: C = "status", status: e, color: t, compactSpacing: n, label: l, showLeftIcon: o = !1, iconName: s, ...c }, i) => (C === "status" && e && k3[e] && (s = k3[e]), s && !I1(s) ? (console.warn(`Tag: Invalid icon name "${s}". Please use a valid icon key.`), null) : /* @__PURE__ */ g(
+}, Kr = z(
+  ({ tagType: C = "status", status: e, color: t, compactSpacing: n, label: l, showLeftIcon: o = !1, iconName: s, ...i }, c) => (C === "status" && e && k3[e] && (s = k3[e]), s && !I1(s) ? (console.warn(`Tag: Invalid icon name "${s}". Please use a valid icon key.`), null) : /* @__PURE__ */ g(
     "div",
     {
-      ref: i,
+      ref: c,
       className: F3.tag,
       "data-tag-type": C,
       "data-status": e,
       "data-color": t,
       "data-compact-spacing": n,
-      ...c,
+      ...i,
       children: [
         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_16ne6_1", cr = "_textarea_16ne6_44", ar = "_label_16ne6_137", p1 = {
-  container: ir,
+), cr = "_container_16ne6_1", ar = "_textarea_16ne6_44", dr = "_label_16ne6_137", p1 = {
+  container: cr,
   "top-position-container": "_top-position-container_16ne6_9",
   "header-container": "_header-container_16ne6_30",
   "textarea-container": "_textarea-container_16ne6_44",
-  textarea: cr,
+  textarea: ar,
   "character-counter": "_character-counter_16ne6_126",
-  label: ar
-}, Kr = z(
+  label: dr
+}, Ur = z(
   ({
     className: C = "",
     id: e,
@@ -6127,8 +6142,8 @@ const H3 = z(
     onChange: l,
     onBlur: o,
     label: s,
-    labelId: c,
-    labelPosition: i = "top",
+    labelId: i,
+    labelPosition: c = "top",
     assistiveTextLabel: a,
     assistiveTextAppearance: d = "description",
     ["aria-labelledby"]: v,
@@ -6147,14 +6162,14 @@ const H3 = z(
     }, y = (x) => {
       l && l(x), Z && m(x.target.value.length);
     };
-    return /* @__PURE__ */ g("div", { className: p1.container, "data-label-position": i, children: [
-      s && i === "side" && /* @__PURE__ */ g("label", { id: c, className: p1.label, htmlFor: e, "data-label-position": i, children: [
+    return /* @__PURE__ */ g("div", { className: p1.container, "data-label-position": c, children: [
+      s && c === "side" && /* @__PURE__ */ g("label", { id: i, className: p1.label, htmlFor: e, "data-label-position": c, children: [
         s,
         /* @__PURE__ */ r(K1, { required: n, showLabelRequirement: u })
       ] }),
-      /* @__PURE__ */ g("div", { className: p1["top-position-container"], "data-label-position": i, children: [
-        /* @__PURE__ */ g("div", { className: p1["header-container"], "data-label-position": i, children: [
-          s && i === "top" && /* @__PURE__ */ g("label", { id: c, className: p1.label, htmlFor: e, "data-label-position": i, children: [
+      /* @__PURE__ */ g("div", { className: p1["top-position-container"], "data-label-position": c, children: [
+        /* @__PURE__ */ g("div", { className: p1["header-container"], "data-label-position": c, children: [
+          s && c === "top" && /* @__PURE__ */ g("label", { id: i, className: p1.label, htmlFor: e, "data-label-position": c, children: [
             s,
             /* @__PURE__ */ r(K1, { required: n, showLabelRequirement: u })
           ] }),
@@ -6164,7 +6179,7 @@ const H3 = z(
             Z
           ] })
         ] }),
-        /* @__PURE__ */ g("div", { className: p1["textarea-container"], "data-label-position": i, children: [
+        /* @__PURE__ */ g("div", { className: p1["textarea-container"], "data-label-position": c, children: [
           /* @__PURE__ */ r(
             "textarea",
             {
@@ -6177,7 +6192,7 @@ const H3 = z(
               "data-resizeable": p,
               "data-assistive-text-appearance": d,
               onChange: y,
-              "aria-labelledby": c || v,
+              "aria-labelledby": i || v,
               maxLength: Z,
               onBlur: _,
               defaultValue: L,
@@ -6200,63 +6215,63 @@ const H3 = z(
   }
 );
 let Q1;
-const dr = new Uint8Array(16);
-function wr() {
+const wr = new Uint8Array(16);
+function ur() {
   if (!Q1 && (Q1 = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Q1))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Q1(dr);
+  return Q1(wr);
 }
 const Y = [];
 for (let C = 0; C < 256; ++C)
   Y.push((C + 256).toString(16).slice(1));
-function ur(C, e = 0) {
+function gr(C, e = 0) {
   return Y[C[e + 0]] + Y[C[e + 1]] + Y[C[e + 2]] + Y[C[e + 3]] + "-" + Y[C[e + 4]] + Y[C[e + 5]] + "-" + Y[C[e + 6]] + Y[C[e + 7]] + "-" + Y[C[e + 8]] + Y[C[e + 9]] + "-" + Y[C[e + 10]] + Y[C[e + 11]] + Y[C[e + 12]] + Y[C[e + 13]] + Y[C[e + 14]] + Y[C[e + 15]];
 }
-const gr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), I3 = {
-  randomUUID: gr
+const vr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), I3 = {
+  randomUUID: vr
 };
-function vr(C, e, t) {
+function hr(C, e, t) {
   if (I3.randomUUID && !C)
     return I3.randomUUID();
   C = C || {};
-  const n = C.random || (C.rng || wr)();
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, ur(n);
+  const n = C.random || (C.rng || ur)();
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, gr(n);
 }
 const l6 = A3(null), s6 = () => {
   const C = V3(l6);
   if (!C)
     throw new Error("Toast component must be used within a ToastQueueProvider");
   return C;
-}, hr = (C, e) => {
-  const [t, n] = N(e), { isFirstInQueue: l, isInQueue: o, queue: s } = s6(), c = $(() => {
+}, pr = (C, e) => {
+  const [t, n] = N(e), { isFirstInQueue: l, isInQueue: o, queue: s } = s6(), i = $(() => {
     n(!1);
-  }, []), i = () => {
+  }, []), c = () => {
     n(!0);
   };
   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 = {
-  short: pr,
-  medium: Hr,
-  long: Vr
-}, Mr = ({ shouldStartTimer: C, duration: e }, t) => {
+    s.length > 0 && (l(C) ? c() : o(C) && i());
+  }, [s.length, l, o, i, C]), { isInternalOpen: t, hideToast: i, showToast: c };
+}, Hr = 3e3, Vr = 5e3, Lr = 8e3, Mr = {
+  short: Hr,
+  medium: Vr,
+  long: Lr
+}, Zr = ({ shouldStartTimer: C, duration: e }, t) => {
   const n = K(null), l = $(() => {
     n.current = setTimeout(() => {
       t();
-    }, Lr[e]);
+    }, Mr[e]);
   }, [e, t]), o = $(() => {
     n.current && (clearTimeout(n.current), n.current = null);
   }, []);
   return E(() => (C && (o(), l()), () => {
     o();
   }), [l, o, C]), { initializeTimer: l, removeTimer: o };
-}, Zr = "_toast_ara8a_1", T1 = {
-  toast: Zr,
+}, fr = "_toast_ara8a_1", T1 = {
+  toast: fr,
   "toast-message": "_toast-message_ara8a_53",
   "toast-icon": "_toast-icon_ara8a_68",
   "toast-content": "_toast-content_ara8a_71"
-}, Ur = z(
+}, Gr = z(
   ({
     id: C,
     message: e,
@@ -6265,8 +6280,8 @@ const l6 = A3(null), s6 = () => {
     placement: l = "bottom-right",
     isOpen: o = !0,
     autoDismiss: s = !0,
-    actionButtonLabel: c,
-    onActionButtonClick: i,
+    actionButtonLabel: i,
+    onActionButtonClick: c,
     duration: a = "medium",
     onClose: d,
     iconName: v,
@@ -6274,7 +6289,7 @@ const l6 = A3(null), s6 = () => {
     showActionButton: u = !0,
     ...p
   }, Z) => {
-    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(
+    const L = !!i && u, V = s && !L, [B] = N(C || hr()), { isInternalOpen: F, hideToast: S } = pr(B, o), { addToQueue: w, removeFromQueue: m } = s6(), { shouldRender: b, isAnimating: k } = D1(F, 300), { initializeTimer: _, removeTimer: y } = Zr(
       { shouldStartTimer: V && F, duration: a },
       () => {
         O();
@@ -6322,8 +6337,8 @@ const l6 = A3(null), s6 = () => {
             e3,
             {
               variant: t === "neutral" ? "reverse" : "transparent",
-              onClick: i,
-              label: c
+              onClick: c,
+              label: i
             }
           ),
           n && /* @__PURE__ */ r(
@@ -6339,7 +6354,7 @@ const l6 = A3(null), s6 = () => {
       }
     ) });
   }
-), fr = (C) => {
+), mr = (C) => {
   const { hasActionButton: e, type: t } = C;
   if (e)
     switch (t) {
@@ -6367,46 +6382,46 @@ const l6 = A3(null), s6 = () => {
       default:
         return 10;
     }
-}, Gr = ({ children: C }) => {
-  const [e, t] = N([]), n = $((c) => {
-    const i = fr(c);
-    t((a) => [...a, { id: c.id, priority: i, isOpen: !1 }].sort((d, v) => d.priority - v.priority));
-  }, []), l = $((c) => {
-    t((i) => i.filter((a) => a.id !== c));
-  }, []), o = (c) => e.length > 0 && e[0].id === c, s = (c) => e.findIndex((i) => i.id === c) !== -1;
+}, Wr = ({ children: C }) => {
+  const [e, t] = N([]), n = $((i) => {
+    const c = mr(i);
+    t((a) => [...a, { id: i.id, priority: c, isOpen: !1 }].sort((d, v) => d.priority - v.priority));
+  }, []), l = $((i) => {
+    t((c) => c.filter((a) => a.id !== i));
+  }, []), o = (i) => e.length > 0 && e[0].id === i, s = (i) => e.findIndex((c) => c.id === i) !== -1;
   return /* @__PURE__ */ r(l6.Provider, { value: { addToQueue: n, removeFromQueue: l, isFirstInQueue: o, isInQueue: s, queue: e }, children: C });
 };
 export {
   C1 as Badge,
-  Sr as Banner,
+  br as Banner,
   Ln as BaseSideNav,
-  br as Breadcrumbs,
+  _r as Breadcrumbs,
   e3 as Button,
-  _r as Card,
-  je as Checkbox,
-  yr as CheckboxGroup,
-  Or as Chip,
+  yr as Card,
+  qe as Checkbox,
+  Or as CheckboxGroup,
+  Nr as Chip,
   a1 as Divider,
-  rt as Grid,
+  ot as Grid,
   A as Icon,
   d1 as IconButton,
-  Nr as IconButtonToggle,
+  Fr as IconButtonToggle,
   v3 as Link,
-  Fr as Modal,
-  kr as Popover,
-  Ht as RadioButton,
-  Ir as RadioButtonGroup,
-  Ar as Searchbar,
-  Dr as SegmentedControl,
-  Tr as Select,
-  Rr as SideNav,
-  Er as SplitButton,
-  Pr as Switch,
-  zr as Tab,
-  $r as Tag,
-  Ut as TextInput,
-  Kr as Textarea,
-  Ur as Toast,
-  Gr as ToastQueueProvider,
+  kr as Modal,
+  Ir as Popover,
+  Vt as RadioButton,
+  Ar as RadioButtonGroup,
+  Dr as Searchbar,
+  Tr as SegmentedControl,
+  Rr as Select,
+  Er as SideNav,
+  Pr as SplitButton,
+  zr as Switch,
+  $r as Tab,
+  Kr as Tag,
+  Gt as TextInput,
+  Ur as Textarea,
+  Gr as Toast,
+  Wr as ToastQueueProvider,
   h3 as Tooltip
 };