@rte-ds/react 1.3.1 → 1.3.2

package/dist/react-package.js

@@ -1,5 +1,5 @@
 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 i6, { forwardRef as z, useState as N, useEffect as E, useRef as K, createContext as A3, useContext as V3, useCallback as $, Fragment as C3, 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 n3(C) {
+function r3(C) {
   return typeof C != "number" ? "" : C < w6 ? C.toString() : u6;
 }
 function U1(C) {
@@ -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 = n3(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 = r3(n)) == null ? void 0 : u.length) > 2;
     return o ? /* @__PURE__ */ g("div", { ref: c, className: n1.badgeContainer, ...s, children: [
       /* @__PURE__ */ g(
         "div",
@@ -2778,7 +2778,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
           ),
           children: [
             a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: i }),
-            d && /* @__PURE__ */ r("span", { className: n1.count, children: n3(n) }, n)
+            d && /* @__PURE__ */ r("span", { className: n1.count, children: r3(n) }, n)
           ]
         }
       ),
@@ -2797,7 +2797,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
         ),
         children: [
           a && /* @__PURE__ */ r(A, { name: l, className: n1.icon, size: i }),
-          d && /* @__PURE__ */ r("span", { className: n1.count, children: n3(n) }, n)
+          d && /* @__PURE__ */ r("span", { className: n1.count, children: r3(n) }, n)
         ]
       }
     ) });
@@ -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", r3 = {
+}, de = "_button_3bzxf_1", we = "_label_3bzxf_169", o3 = {
   button: de,
   label: we
-}, C3 = z(
+}, e3 = z(
   ({
     size: C = "m",
     label: e,
@@ -2851,7 +2851,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
   }, 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 }),
+      /* @__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 })
     ] });
     return L ? /* @__PURE__ */ r(
@@ -2867,7 +2867,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
           {
             ref: Z,
             type: o,
-            className: R(r3.button, n),
+            className: R(o3.button, n),
             "data-size": C,
             "data-variant": t,
             onClick: l,
@@ -2881,7 +2881,7 @@ const le = "_badgeContainer_3v2tn_1", se = "_badge_3v2tn_1", ie = "_hidden_3v2tn
       {
         ref: Z,
         type: o,
-        className: R(r3.button, n),
+        className: R(o3.button, n),
         "data-size": C,
         "data-variant": t,
         onClick: l,
@@ -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(C3, { label: c, onClick: s, variant: "text", "aria-label": c, size: "s" }),
+          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: B, "aria-label": "close banner" }) })
         ]
       }
@@ -3093,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;
-}, e3 = (C, e, t, n = 0, l = "center") => {
+}, 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);
 }, Le = (C, e, t, n) => {
@@ -3112,7 +3112,7 @@ 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", Q1 = "ArrowLeft", X1 = "ArrowRight", P1 = "ArrowUp", x1 = "ArrowDown", z1 = "Escape", q1 = () => {
+}, e1 = " ", W = "Enter", A1 = "Tab", x3 = "Backspace", B3 = "Delete", X1 = "ArrowLeft", J1 = "ArrowRight", P1 = "ArrowUp", x1 = "ArrowDown", z1 = "Escape", q1 = () => {
 }, B1 = (C = {}, e = {}) => {
   const { id: t, interactiveKeyCodes: n } = e, {
     onKeyDown: l = q1,
@@ -3276,13 +3276,13 @@ const K3 = (C, e, t, n = 0, l = !1) => {
       const D = (o1) => {
         var v1;
         const l1 = o1.target, L1 = document.querySelectorAll("[data-dropdown-id]");
-        Array.from(L1).some((t3) => t3.contains(l1)) || ((v1 = w.current) == null ? void 0 : v1.contains(l1)) || P();
+        Array.from(L1).some((n3) => n3.contains(l1)) || ((v1 = w.current) == null ? void 0 : v1.contains(l1)) || P();
       };
       return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
     }, [P]);
     const G = $(
       (D, o1) => {
-        const l1 = m3(D, o1, "right", d, !0), L1 = g3(D, o1, l1), j = e3(
+        const l1 = m3(D, o1, "right", d, !0), L1 = g3(D, o1, l1), j = t3(
           l1,
           D,
           o1,
@@ -3294,14 +3294,14 @@ const K3 = (C, e, t, n = 0, l = !1) => {
       [d]
     ), V1 = $(
       (D, o1, l1, L1) => {
-        const j = l1 === "auto" ? m3(D, o1, "bottom") : l1, v1 = L1 ?? g3(D, o1, j), t3 = e3(
+        const j = l1 === "auto" ? m3(D, o1, "bottom") : l1, v1 = L1 ?? g3(D, o1, j), n3 = t3(
           j,
           D,
           o1,
           d,
           v1
         );
-        F(j), f(t3);
+        F(j), f(n3);
       },
       [d]
     );
@@ -3455,7 +3455,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
     ),
     o && /* @__PURE__ */ r("div", { className: Z1["dropdown-divider"], children: /* @__PURE__ */ r(a1, {}) })
   ] });
-}, Oe = "_link_1yg2q_1", Ne = "_label_1yg2q_118", o3 = {
+}, Oe = "_link_1yg2q_1", Ne = "_label_1yg2q_118", l3 = {
   link: Oe,
   "external-link-icon": "_external-link-icon_1yg2q_114",
   label: Ne
@@ -3467,15 +3467,15 @@ const K3 = (C, e, t, n = 0, l = !1) => {
       href: e,
       role: "link",
       "aria-label": C,
-      className: R(o3.link, l),
+      className: R(l3.link, l),
       "data-subtle": t,
       target: n ? "_blank" : void 0,
       rel: n ? "noopener noreferrer" : void 0,
       "data-reverse": o,
       ...s,
       children: [
-        /* @__PURE__ */ r("span", { className: o3.label, children: C }),
-        n && /* @__PURE__ */ r(A, { name: "external-link", size: 12, className: o3["external-link-icon"] })
+        /* @__PURE__ */ r("span", { className: l3.label, children: C }),
+        n && /* @__PURE__ */ r(A, { name: "external-link", size: 12, className: l3["external-link-icon"] })
       ]
     }
   )
@@ -3483,7 +3483,7 @@ const K3 = (C, e, t, n = 0, l = !1) => {
 function Ie(C, e = j3) {
   return C ? Fe + e : e;
 }
-const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
+const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", s3 = {
   "tooltip-trigger": "_tooltip-trigger_jx6mx_1",
   tooltip: Ae,
   tooltipLabel: De
@@ -3507,7 +3507,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
       [d]
     ), k = $(() => {
       if (F && v.current && u) {
-        const x = Ie(l, i), f = e === "auto" ? K3(v.current, u, "top", x, !0) : e, O = e3(f, v.current, u, x);
+        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), B(O);
       }
     }, [F, e, l, u, i]);
@@ -3523,7 +3523,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
       "div",
       {
         ref: v,
-        className: l3["tooltip-trigger"],
+        className: s3["tooltip-trigger"],
         onMouseEnter: _,
         onMouseLeave: y,
         onFocus: _,
@@ -3537,7 +3537,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
             "div",
             {
               ref: b,
-              className: R(l3.tooltip, o),
+              className: R(s3.tooltip, o),
               "data-position": Z,
               "data-open": m || void 0,
               "data-alignment": t,
@@ -3547,7 +3547,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
                 left: `${V.left}px`
               },
               ...a,
-              children: n && /* @__PURE__ */ r("span", { role: "tooltip", className: l3.tooltipLabel, children: n })
+              children: n && /* @__PURE__ */ r("span", { role: "tooltip", className: s3.tooltipLabel, children: n })
             }
           ) })
         ]
@@ -3556,7 +3556,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
   }
 ), Te = "_breadcrumbItem_1ybl5_1", Re = {
   breadcrumbItem: Te
-}, s3 = ({ item: C, isLast: e, breadcrumbItemMaxWidth: t }) => {
+}, i3 = ({ item: C, isLast: e, breadcrumbItemMaxWidth: t }) => {
   const [n, l] = N(!1), o = K(), s = K(null);
   E(() => {
     var p;
@@ -3658,7 +3658,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
   breadcrumbsContainer: Ee,
   breadcrumbItem: Pe,
   separator: ze
-}, i3 = () => /* @__PURE__ */ r("span", { "aria-hidden": "true", className: k1.separator, children: "/" }), br = z(
+}, c3 = () => /* @__PURE__ */ r("span", { "aria-hidden": "true", className: k1.separator, children: "/" }), br = z(
   ({
     items: C,
     ariaLabel: e = ge,
@@ -3683,8 +3683,8 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
           role: "navigation",
           "aria-label": e,
           children: [
-            /* @__PURE__ */ r(s3, { item: u, isLast: !1, breadcrumbItemMaxWidth: t }),
-            /* @__PURE__ */ r(i3, {}),
+            /* @__PURE__ */ r(i3, { item: u, isLast: !1, breadcrumbItemMaxWidth: t }),
+            /* @__PURE__ */ r(c3, {}),
             /* @__PURE__ */ r("span", { className: k1.breadcrumbItem, children: /* @__PURE__ */ r(
               W1,
               {
@@ -3732,31 +3732,31 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
               }
             ) }),
             /* @__PURE__ */ r("span", { "aria-hidden": "true", className: k1.separator, children: "/" }),
-            Z.map((L, V) => /* @__PURE__ */ g(J1, { children: [
+            Z.map((L, V) => /* @__PURE__ */ g(C3, { children: [
               /* @__PURE__ */ r(
-                s3,
+                i3,
                 {
                   item: L,
                   isLast: V === Z.length - 1,
                   breadcrumbItemMaxWidth: t
                 }
               ),
-              V < Z.length - 1 && /* @__PURE__ */ r(i3, {})
+              V < Z.length - 1 && /* @__PURE__ */ r(c3, {})
             ] }, L.label + V))
           ]
         }
       );
     }
-    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: [
+    return /* @__PURE__ */ r("nav", { ref: d, className: k1.breadcrumbsBadge, ...a, role: "navigation", "aria-label": "Fil d'Ariane", children: C.map((u, p) => /* @__PURE__ */ g(C3, { children: [
       /* @__PURE__ */ r(
-        s3,
+        i3,
         {
           item: u,
           isLast: p === C.length - 1,
           breadcrumbItemMaxWidth: t
         }
       ),
-      p < C.length - 1 && /* @__PURE__ */ r(i3, {})
+      p < C.length - 1 && /* @__PURE__ */ r(c3, {})
     ] }, u.label + p)) });
   }
 ), $e = {
@@ -3765,7 +3765,7 @@ const Ae = "_tooltip_jx6mx_1", De = "_tooltipLabel_jx6mx_22", l3 = {
   m: 480,
   l: 600,
   xl: 720
-}, Ke = "_card_1fr4q_1", Ue = {
+}, Ke = "_card_cm3cy_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) => {
@@ -4171,7 +4171,7 @@ const Nr = z(
   }, Z) => {
     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(
+      const G = e === "auto" ? K3(L.current, V, "top", l ? y3 : _3) : e, V1 = t || g3(L.current, V, G), D = t3(
         G,
         L.current,
         V,
@@ -4237,7 +4237,7 @@ const Nr = z(
                 ] }),
                 /* @__PURE__ */ g("div", { className: f1.popoverButtonContainer, children: [
                   c && /* @__PURE__ */ r(
-                    C3,
+                    e3,
                     {
                       className: "popoverButton",
                       onClick: Q,
@@ -4246,7 +4246,7 @@ const Nr = z(
                     }
                   ),
                   /* @__PURE__ */ r(
-                    C3,
+                    e3,
                     {
                       className: "popoverButton",
                       onClick: c1,
@@ -4262,14 +4262,14 @@ const Nr = z(
       }
     );
   }
-), gt = 16, vt = "_radioButtonContainer_1tw24_1", ht = "_radioButton_1tw24_1", pt = "_radioButtonLabel_1tw24_100", c3 = {
+), 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) => {
     if (!(n && l))
-      return /* @__PURE__ */ g("div", { className: c3.radioButtonContainer, children: [
+      return /* @__PURE__ */ g("div", { className: a3.radioButtonContainer, children: [
         /* @__PURE__ */ r(
           "input",
           {
@@ -4279,7 +4279,7 @@ const Nr = z(
             value: C,
             size: gt,
             name: e,
-            className: R(c3.radioButton, s),
+            className: R(a3.radioButton, s),
             disabled: n,
             "data-error": l,
             "data-read-only": o,
@@ -4290,7 +4290,7 @@ const Nr = z(
           "label",
           {
             htmlFor: C,
-            className: R(c3.radioButtonLabel, s),
+            className: R(a3.radioButtonLabel, s),
             "data-disabled": n,
             "data-error": l,
             "data-read-only": o,
@@ -4384,14 +4384,14 @@ const Nr = z(
     ),
     e === "link" ? /* @__PURE__ */ r(v3, { label: C, href: n, externalLink: !0 }) : /* @__PURE__ */ r("span", { children: C })
   ] });
-}, a3 = {
+}, d3 = {
   required: "(obligatoire)",
   requiredIcon: "*",
   optional: "(facultatif)"
 }, Ot = {
   "requirement-indicator": "_requirement-indicator_1546d_1"
 }, K1 = ({ required: C, showLabelRequirement: e }) => {
-  const t = C ? e ? a3.required : a3.requiredIcon : a3.optional;
+  const t = C ? e ? d3.required : d3.requiredIcon : d3.optional;
   return /* @__PURE__ */ r(X, { children: (e || C) && /* @__PURE__ */ r(
     "span",
     {
@@ -4561,7 +4561,7 @@ const Nr = z(
       }
     );
   }
-), Gt = "_searchbarContainer_pn0xj_1", Wt = "_textInputWrapper_pn0xj_7", jt = "_searchButton_pn0xj_19", d3 = {
+), Gt = "_searchbarContainer_pn0xj_1", Wt = "_textInputWrapper_pn0xj_7", jt = "_searchButton_pn0xj_19", w3 = {
   searchbarContainer: Gt,
   textInputWrapper: Wt,
   searchButton: jt
@@ -4657,7 +4657,7 @@ const Ar = z(
       }),
       [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: V, className: d3.textInputWrapper, "data-disabled": o, children: /* @__PURE__ */ r(
+    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,
       {
         id: n ?? "",
@@ -4675,7 +4675,7 @@ const Ar = z(
             onClick: F,
             disabled: o,
             "aria-label": l,
-            className: d3.searchButton,
+            className: w3.searchButton,
             compactSpacing: i,
             style: _
           }
@@ -4786,13 +4786,13 @@ const Ar = z(
     var m, b;
     if (w.key === e1 || w.key === W)
       S == null || S(w);
-    else if (w.key === Q1 || w.key === X1) {
+    else if (w.key === X1 || w.key === J1) {
       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 === X1 ? Cn(y, _) : w.key === Q1 && en(y, _);
+      w.key === J1 ? Cn(y, _) : w.key === X1 && en(y, _);
     }
   }, L = (w) => {
     if (w.key === A1) {
@@ -4805,7 +4805,7 @@ const Ar = z(
     { onKeyUp: Z, onKeyDown: L },
     {
       id: C,
-      interactiveKeyCodes: [e1, W, A1, Q1, X1]
+      interactiveKeyCodes: [e1, W, A1, X1, J1]
     }
   ), S = (w) => {
     w.preventDefault(), w.stopPropagation(), o == null || o(w);
@@ -5331,7 +5331,7 @@ const H3 = z(
                 badge: M.badge
               },
               M.id || M.label
-            ) : /* @__PURE__ */ g(J1, { children: [
+            ) : /* @__PURE__ */ g(C3, { children: [
               /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
                 H3,
                 {
@@ -5449,7 +5449,7 @@ const H3 = z(
             showDivider: f.showDivider
           },
           f.id
-        ) : /* @__PURE__ */ g(J1, { children: [
+        ) : /* @__PURE__ */ g(C3, { children: [
           /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
             H3,
             {
@@ -5745,7 +5745,7 @@ const H3 = z(
   "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", w3 = {
+}, or = "_tabitem_1cdnb_1", u3 = {
   tabitem: or,
   "segment-hover-indicator": "_segment-hover-indicator_1cdnb_54"
 }, lr = z(
@@ -5786,13 +5786,13 @@ const H3 = z(
       },
       [n]
     ), 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;
+      const M = h === "vertical", I = M && H.key === x1, P = M && H.key === P1, U = !M && H.key === J1, q = !M && H.key === X1, T = I || U;
       (T || (P || q)) && (H.preventDefault(), x(T ? "next" : "previous"));
     }, x = (H) => {
       var Q;
       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);
+      const I = Array.from(M.querySelectorAll(`.${u3.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; )
@@ -5840,7 +5840,7 @@ const H3 = z(
         "button",
         {
           id: C,
-          className: w3.tabitem,
+          className: u3.tabitem,
           role: "tab",
           "aria-selected": n,
           "aria-controls": e,
@@ -5871,7 +5871,7 @@ const H3 = z(
         "span",
         {
           "data-disabled": u,
-          className: w3["segment-hover-indicator"],
+          className: u3["segment-hover-indicator"],
           style: {
             width: m == null ? void 0 : m.width,
             height: m == null ? void 0 : m.height,
@@ -6198,32 +6198,29 @@ const H3 = z(
       ] })
     ] });
   }
-), Y = [];
+);
+let Q1;
+const dr = new Uint8Array(16);
+function wr() {
+  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);
+}
+const Y = [];
 for (let C = 0; C < 256; ++C)
   Y.push((C + 256).toString(16).slice(1));
-function dr(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]]).toLowerCase();
-}
-let u3;
-const wr = new Uint8Array(16);
-function ur() {
-  if (!u3) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    u3 = crypto.getRandomValues.bind(crypto);
-  }
-  return u3(wr);
+function ur(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 gr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), I3 = {
+  randomUUID: gr
+};
 function vr(C, e, t) {
-  var l;
   if (I3.randomUUID && !C)
     return I3.randomUUID();
   C = C || {};
-  const n = C.random ?? ((l = C.rng) == null ? void 0 : l.call(C)) ?? ur();
-  if (n.length < 16)
-    throw new Error("Random bytes length must be >= 16");
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, dr(n);
+  const n = C.random || (C.rng || wr)();
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, ur(n);
 }
 const l6 = A3(null), s6 = () => {
   const C = V3(l6);
@@ -6322,7 +6319,7 @@ const l6 = A3(null), s6 = () => {
             /* @__PURE__ */ r("span", { className: T1["toast-message"], children: e })
           ] }),
           L && /* @__PURE__ */ r(
-            C3,
+            e3,
             {
               variant: t === "neutral" ? "reverse" : "transparent",
               onClick: i,
@@ -6384,7 +6381,7 @@ export {
   Sr as Banner,
   Ln as BaseSideNav,
   br as Breadcrumbs,
-  C3 as Button,
+  e3 as Button,
   _r as Card,
   je as Checkbox,
   yr as CheckboxGroup,