@canaia/ui-kit 0.0.11-alpha.20 → 0.0.11-alpha.22

package/dist/canaia-ui-kit.es.js

@@ -1,5 +1,5 @@
 import * as hA from "react";
-import _e, { Children as ao, isValidElement as rr, createContext as Wn, useContext as je, useRef as JA, useEffect as PA, useCallback as oA, useState as mA, useId as Qn, useLayoutEffect as Mg, useMemo as zA, forwardRef as dt, useInsertionEffect as o0, Fragment as xB, createElement as Ts, Component as Mw, memo as dw, useSyncExternalStore as fw, cloneElement as Nn, PureComponent as ww, useReducer as Dw, useImperativeHandle as hw } from "react";
+import _e, { Children as ao, isValidElement as rr, createContext as Wn, useContext as je, useRef as JA, useEffect as PA, useCallback as oA, useState as xA, useId as Qn, useLayoutEffect as Mg, useMemo as zA, forwardRef as dt, useInsertionEffect as o0, Fragment as xB, createElement as Ts, Component as Mw, memo as dw, useSyncExternalStore as fw, cloneElement as Nn, PureComponent as ww, useReducer as Dw, useImperativeHandle as hw } from "react";
 import { createPortal as B0 } from "react-dom";
 var fi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function go(A) {
@@ -283,7 +283,7 @@ function pw() {
       var AA = m ? m.displayName || m.name : "", iA = AA ? tA(AA) : "";
       return typeof m == "function" && sA.set(m, iA), iA;
     }
-    function xA(m, rA, uA) {
+    function mA(m, rA, uA) {
       return O(m, !1);
     }
     function QA(m) {
@@ -306,7 +306,7 @@ function pw() {
       if (typeof m == "object")
         switch (m.$$typeof) {
           case a:
-            return xA(m.render);
+            return mA(m.render);
           case E:
             return Z(m.type, rA, uA);
           case I: {
@@ -963,7 +963,7 @@ La.exports;
     } catch {
     }
   }(), O = fA && fA.isTypedArray;
-  function xA(T, v, j) {
+  function mA(T, v, j) {
     switch (j.length) {
       case 0:
         return T.call(v);
@@ -1331,7 +1331,7 @@ La.exports;
       ne = -1;
       for (var le = Array(v + 1); ++ne < v; )
         le[ne] = DA[ne];
-      return le[v] = j(be), xA(T, this, le);
+      return le[v] = j(be), mA(T, this, le);
     };
   }
   function cr(T, v) {
@@ -1452,7 +1452,7 @@ function ha(A, e, t, n) {
   };
 }
 function tD(A) {
-  const { isOpen: e, ref: t } = A, [n, i] = mA(e), [r, o] = mA(!1);
+  const { isOpen: e, ref: t } = A, [n, i] = xA(e), [r, o] = xA(!1);
   return PA(() => {
     r || (i(e), o(!0));
   }, [e, r, n]), ha(
@@ -1476,7 +1476,7 @@ function R0(A) {
     defaultValue: t,
     onChange: n,
     shouldUpdate: i = (I, c) => I !== c
-  } = A, r = In(n), o = In(i), [B, a] = mA(t), g = e !== void 0, l = g ? e : B, E = In(
+  } = A, r = In(n), o = In(i), [B, a] = xA(t), g = e !== void 0, l = g ? e : B, E = In(
     (I) => {
       const Q = typeof I == "function" ? I(l) : I;
       o(l, Q) && (g || a(Q), r(Q));
@@ -1491,7 +1491,7 @@ function C0(A = {}) {
     onOpen: t,
     isOpen: n,
     id: i
-  } = A, r = In(t), o = In(e), [B, a] = mA(A.defaultIsOpen || !1), g = n !== void 0 ? n : B, l = n !== void 0, E = Qn(), I = i ?? `disclosure-${E}`, c = oA(() => {
+  } = A, r = In(t), o = In(e), [B, a] = xA(A.defaultIsOpen || !1), g = n !== void 0 ? n : B, l = n !== void 0, E = Qn(), I = i ?? `disclosure-${E}`, c = oA(() => {
     l || a(!1), o == null || o();
   }, [l, o]), Q = oA(() => {
     l || a(!0), r == null || r();
@@ -7250,8 +7250,8 @@ function am() {
     }
     function h(O) {
       if (typeof O == "object" && O !== null) {
-        var xA = O.$$typeof;
-        switch (xA) {
+        var mA = O.$$typeof;
+        switch (mA) {
           case e:
             var QA = O.type;
             switch (QA) {
@@ -7272,11 +7272,11 @@ function am() {
                   case o:
                     return Z;
                   default:
-                    return xA;
+                    return mA;
                 }
             }
           case t:
-            return xA;
+            return mA;
         }
       }
     }
@@ -7767,9 +7767,9 @@ const AF = function(e) {
       disableTransitionOnChange: o
     } = {},
     colorModeManager: B = Vm
-  } = e, a = Cm(), g = r === "dark" ? "dark" : "light", [l, E] = mA(
+  } = e, a = Cm(), g = r === "dark" ? "dark" : "light", [l, E] = xA(
     () => MQ(B, g)
-  ), [I, c] = mA(
+  ), [I, c] = xA(
     () => MQ(B)
   ), { getSystemTheme: Q, setClassName: U, setDataset: R, addListener: C } = zA(
     () => Sm({
@@ -8307,7 +8307,7 @@ function dQ(A) {
   }), e;
 }
 const eI = typeof window < "u", oF = eI ? Mg : PA, or = ({ children: A, custom: e, initial: t = !0, onExitComplete: n, presenceAffectsLayout: i = !0, mode: r = "sync", propagate: o = !1 }) => {
-  const [B, a] = AI(o), g = zA(() => dQ(A), [A]), l = o && !B ? [] : g.map(sa), E = JA(!0), I = JA(g), c = _s(() => /* @__PURE__ */ new Map()), [Q, U] = mA(g), [R, C] = mA(g);
+  const [B, a] = AI(o), g = zA(() => dQ(A), [A]), l = o && !B ? [] : g.map(sa), E = JA(!0), I = JA(g), c = _s(() => /* @__PURE__ */ new Map()), [Q, U] = xA(g), [R, C] = xA(g);
   oF(() => {
     E.current = !1, I.current = g;
     for (let h = 0; h < R.length; h++) {
@@ -13374,7 +13374,7 @@ const IA = T9(), V9 = {
     containerStyle: a,
     motionVariants: g = V9,
     toastSpacing: l = "0.5rem"
-  } = A, [E, I] = mA(B), c = Pm();
+  } = A, [E, I] = xA(B), c = Pm();
   Xr(() => {
     c || n == null || n();
   }, [c]), Xr(() => {
@@ -13955,7 +13955,7 @@ const [Yu, q9] = Ve({
     children: A.children
   }
 ), Ak = (A) => {
-  const { appendToParentPortal: e, children: t } = A, [n, i] = mA(null), r = JA(null), [, o] = mA({});
+  const { appendToParentPortal: e, children: t } = A, [n, i] = xA(null), r = JA(null), [, o] = xA({});
   PA(() => o({}), []);
   const B = q9(), a = vm();
   Pi(() => {
@@ -13986,7 +13986,7 @@ const [Yu, q9] = Ve({
   const { children: e, containerRef: t, appendToParentPortal: n } = A, i = t.current, r = i ?? (typeof window < "u" ? document.body : void 0), o = zA(() => {
     const a = i == null ? void 0 : i.ownerDocument.createElement("div");
     return a && (a.className = bI), a;
-  }, [i]), [, B] = mA({});
+  }, [i]), [, B] = xA({});
   return Pi(() => B({}), []), Pi(() => {
     if (!(!o || !r))
       return r.appendChild(o), () => {
@@ -14158,7 +14158,7 @@ function WI() {
       return Nl(() => () => i.current.destroy()), i.current;
     },
     (i) => {
-      const r = e(), [o, B] = mA(-1), a = JA(null);
+      const r = e(), [o, B] = xA(-1), a = JA(null);
       Nl(() => () => {
         a.current && r.unregister(a.current);
       }, []), Nl(() => {
@@ -14201,7 +14201,7 @@ function Uk(A) {
     ...o
   } = A;
   Fk(A), uk(A);
-  const B = ck(), [a, g] = mA(-1);
+  const B = ck(), [a, g] = xA(-1);
   PA(() => () => {
     g(-1);
   }, []);
@@ -14507,7 +14507,7 @@ const Wr = {
       transitionEnd: l,
       animatePresenceProps: E,
       ...I
-    } = A, [c, Q] = mA(!1);
+    } = A, [c, Q] = xA(!1);
     PA(() => {
       const F = setTimeout(() => {
         Q(!0);
@@ -14619,7 +14619,7 @@ function qu(A) {
     crossOrigin: o,
     sizes: B,
     ignoreFallback: a
-  } = A, [g, l] = mA("pending");
+  } = A, [g, l] = xA("pending");
   PA(() => {
     l(t ? "loading" : "pending");
   }, [t]);
@@ -14701,7 +14701,7 @@ const Tk = {
   position: "relative",
   flexShrink: 0
 }, $u = dA((A, e) => {
-  const t = ft("Avatar", A), [n, i] = mA(!1), {
+  const t = ft("Avatar", A), [n, i] = xA(!1), {
     src: r,
     srcSet: o,
     name: B,
@@ -14835,7 +14835,7 @@ function LE(A) {
 }
 LE.displayName = "ButtonSpinner";
 function xk(A) {
-  const [e, t] = mA(!A);
+  const [e, t] = xA(!A);
   return { ref: oA((r) => {
     r && t(r.tagName === "BUTTON");
   }, []), type: e ? "button" : void 0 };
@@ -15124,7 +15124,7 @@ function Kk(A) {
     isDisabled: i,
     isReadOnly: r,
     ...o
-  } = A, B = Qn(), a = e || `field-${B}`, g = `${a}-label`, l = `${a}-feedback`, E = `${a}-helptext`, [I, c] = mA(!1), [Q, U] = mA(!1), [R, C] = mA(!1), u = oA(
+  } = A, B = Qn(), a = e || `field-${B}`, g = `${a}-label`, l = `${a}-feedback`, E = `${a}-helptext`, [I, c] = xA(!1), [Q, U] = xA(!1), [R, C] = xA(!1), u = oA(
     (V = {}, x = null) => ({
       id: E,
       ...V,
@@ -15322,11 +15322,11 @@ function rM(A = {}) {
     "onBlur",
     "onFocus",
     "aria-describedby"
-  ]), V = In(c), x = In(B), N = In(a), [S, G] = mA(!1), [L, eA] = mA(!1), [k, z] = mA(!1), K = JA(!1);
+  ]), V = In(c), x = In(B), N = In(a), [S, G] = xA(!1), [L, eA] = xA(!1), [k, z] = xA(!1), K = JA(!1);
   PA(() => Ok((QA) => {
     K.current = QA;
   }), []);
-  const H = JA(null), [EA, cA] = mA(!0), [M, W] = mA(!!l), _ = E !== void 0, f = _ ? E : M, J = oA(
+  const H = JA(null), [EA, cA] = xA(!0), [M, W] = xA(!!l), _ = E !== void 0, f = _ ? E : M, J = oA(
     (QA) => {
       if (n || t) {
         QA.preventDefault();
@@ -15549,7 +15549,7 @@ function $k(A) {
   A.preventDefault(), A.stopPropagation();
 }
 function AN(A) {
-  const [e, t] = mA(A), [n, i] = mA(!1);
+  const [e, t] = xA(A), [n, i] = xA(!1);
   return A !== e && (i(!0), t(A)), n;
 }
 const eN = {
@@ -15948,11 +15948,11 @@ function IN() {
             );
             throw O.name = "Invariant Violation", O;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var xA = tA + ":" + nA;
-            !W[xA] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var mA = tA + ":" + nA;
+            !W[mA] && // Avoid spamming the console because they are often not actionable except for lib authors
             _ < 3 && (r(
               "You are manually calling a React.PropTypes validation function for the `" + sA + "` prop on `" + tA + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), W[xA] = !0, _++);
+            ), W[mA] = !0, _++);
           }
         }
         return q[nA] == null ? D ? q[nA] === null ? new U("The " + UA + " `" + sA + "` is marked as required " + ("in `" + tA + "`, but its value is `null`.")) : new U("The " + UA + " `" + sA + "` is marked as required in " + ("`" + tA + "`, but its value is `undefined`.")) : null : M(q, nA, tA, UA, sA);
@@ -16037,8 +16037,8 @@ function IN() {
           if (Q(nA, M[tA]))
             return null;
         var UA = JSON.stringify(M, function(fA, O) {
-          var xA = H(O);
-          return xA === "symbol" ? String(O) : O;
+          var mA = H(O);
+          return mA === "symbol" ? String(O) : O;
         });
         return new U("Invalid " + D + " `" + q + "` of value `" + String(nA) + "` " + ("supplied to `" + J + "`, expected one of " + UA + "."));
       }
@@ -16078,8 +16078,8 @@ function IN() {
             return null;
           O.data && n(O.data, "expectedType") && UA.push(O.data.expectedType);
         }
-        var xA = UA.length > 0 ? ", expected one of type [" + UA.join(", ") + "]" : "";
-        return new U("Invalid " + nA + " `" + tA + "` supplied to " + ("`" + q + "`" + xA + "."));
+        var mA = UA.length > 0 ? ", expected one of type [" + UA.join(", ") + "]" : "";
+        return new U("Invalid " + nA + " `" + tA + "` supplied to " + ("`" + q + "`" + mA + "."));
       }
       return R(f);
     }
@@ -16266,7 +16266,7 @@ function Jl(A, e) {
   return typeof A == "function" ? A(e) : A && (A.current = e), A;
 }
 function uN(A, e) {
-  var t = mA(function() {
+  var t = xA(function() {
     return {
       // value
       value: A,
@@ -16454,7 +16454,7 @@ var RM = PI({}, function(A) {
   async: !0,
   ssr: typeof document < "u"
 }), hN = /* @__PURE__ */ Wn(void 0), SN = [], zI = /* @__PURE__ */ dt(function(e, t) {
-  var n, i = mA(), r = i[0], o = i[1], B = JA(), a = JA(!1), g = JA(null), l = mA({}), E = l[1], I = e.children, c = e.disabled, Q = c === void 0 ? !1 : c, U = e.noFocusGuards, R = U === void 0 ? !1 : U, C = e.persistentFocus, u = C === void 0 ? !1 : C, F = e.crossFrame, h = F === void 0 ? !0 : F, d = e.autoFocus, w = d === void 0 ? !0 : d, V = e.allowTextSelection, x = e.group, N = e.className, S = e.whiteList, G = e.hasPositiveIndices, L = e.shards, eA = L === void 0 ? SN : L, k = e.as, z = k === void 0 ? "div" : k, K = e.lockProps, H = K === void 0 ? {} : K, EA = e.sideCar, cA = e.returnFocus, M = cA === void 0 ? !1 : cA, W = e.focusOptions, _ = e.onActivation, f = e.onDeactivation, J = mA({}), D = J[0], q = oA(function(aA) {
+  var n, i = xA(), r = i[0], o = i[1], B = JA(), a = JA(!1), g = JA(null), l = xA({}), E = l[1], I = e.children, c = e.disabled, Q = c === void 0 ? !1 : c, U = e.noFocusGuards, R = U === void 0 ? !1 : U, C = e.persistentFocus, u = C === void 0 ? !1 : C, F = e.crossFrame, h = F === void 0 ? !0 : F, d = e.autoFocus, w = d === void 0 ? !0 : d, V = e.allowTextSelection, x = e.group, N = e.className, S = e.whiteList, G = e.hasPositiveIndices, L = e.shards, eA = L === void 0 ? SN : L, k = e.as, z = k === void 0 ? "div" : k, K = e.lockProps, H = K === void 0 ? {} : K, EA = e.sideCar, cA = e.returnFocus, M = cA === void 0 ? !1 : cA, W = e.focusOptions, _ = e.onActivation, f = e.onDeactivation, J = xA({}), D = J[0], q = oA(function(aA) {
     var wA = aA.captureFocusRestore;
     if (!g.current) {
       var CA, FA = (CA = document) == null ? void 0 : CA.activeElement;
@@ -16482,7 +16482,7 @@ var RM = PI({}, function(A) {
   process.env.NODE_ENV !== "production" && (typeof V < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), PA(function() {
     !B.current && typeof z != "string" && console.error("FocusLock: could not obtain ref to internal node");
   }, []));
-  var O = $i((n = {}, n[lM] = Q && "disabled", n[$E] = x, n), H), xA = R !== !0, QA = xA && R !== "tail", Z = EM([t, fA]), $ = zA(function() {
+  var O = $i((n = {}, n[lM] = Q && "disabled", n[$E] = x, n), H), mA = R !== !0, QA = mA && R !== "tail", Z = EM([t, fA]), $ = zA(function() {
     return {
       observed: B,
       shards: eA,
@@ -16490,7 +16490,7 @@ var RM = PI({}, function(A) {
       active: a.current
     };
   }, [Q, a.current, eA, r]);
-  return /* @__PURE__ */ _e.createElement(xB, null, xA && [
+  return /* @__PURE__ */ _e.createElement(xB, null, mA && [
     /* @__PURE__ */ _e.createElement("div", {
       key: "guard-first",
       "data-focus-guard": !0,
@@ -17621,7 +17621,7 @@ function Zb(A) {
   return e.length === 1 || e.length > 1 && /[^a-zA-Z0-9]/.test(e);
 }
 function Jb(A = {}) {
-  const { timeout: e = 300, preventDefault: t = () => !0 } = A, [n, i] = mA([]), r = JA(void 0), o = () => {
+  const { timeout: e = 300, preventDefault: t = () => !0 } = A, [n, i] = xA([]), r = JA(void 0), o = () => {
     r.current && (clearTimeout(r.current), r.current = null);
   }, B = () => {
     o(), r.current = setTimeout(() => {
@@ -18335,7 +18335,7 @@ function b3(A) {
       var eA, k = h === "y" ? Vt : mt, z = h === "y" ? An : en, K = h === "y" ? "height" : "width", H = w[h], EA = H + R[k], cA = H - R[z], M = c ? -x[K] / 2 : 0, W = u === to ? V[K] : x[K], _ = u === to ? -x[K] : -V[K], f = e.elements.arrow, J = c && f ? Bc(f) : {
         width: 0,
         height: 0
-      }, D = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ed(), q = D[k], nA = D[z], tA = nB(0, V[K], J[K]), UA = F ? V[K] / 2 - M - tA - q - S.mainAxis : W - tA - q - S.mainAxis, sA = F ? -V[K] / 2 + M + tA + nA + S.mainAxis : _ + tA + nA + S.mainAxis, fA = e.elements.arrow && OB(e.elements.arrow), O = fA ? h === "y" ? fA.clientTop || 0 : fA.clientLeft || 0 : 0, xA = (eA = G == null ? void 0 : G[h]) != null ? eA : 0, QA = H + UA - xA - O, Z = H + sA - xA, $ = nB(c ? ag(EA, QA) : EA, H, c ? qi(cA, Z) : cA);
+      }, D = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ed(), q = D[k], nA = D[z], tA = nB(0, V[K], J[K]), UA = F ? V[K] / 2 - M - tA - q - S.mainAxis : W - tA - q - S.mainAxis, sA = F ? -V[K] / 2 + M + tA + nA + S.mainAxis : _ + tA + nA + S.mainAxis, fA = e.elements.arrow && OB(e.elements.arrow), O = fA ? h === "y" ? fA.clientTop || 0 : fA.clientLeft || 0 : 0, mA = (eA = G == null ? void 0 : G[h]) != null ? eA : 0, QA = H + UA - mA - O, Z = H + sA - mA, $ = nB(c ? ag(EA, QA) : EA, H, c ? qi(cA, Z) : cA);
       w[h] = $, L[h] = $ - H;
     }
     if (B) {
@@ -18886,7 +18886,7 @@ function Bd(A = {}) {
     onMouseOver: I,
     onMouseLeave: c,
     ...Q
-  } = A, [U, R] = mA(!0), [C, u] = mA(!1), F = gW(), h = (H) => {
+  } = A, [U, R] = xA(!0), [C, u] = xA(!1), F = gW(), h = (H) => {
     H && H.tagName !== "BUTTON" && R(!1);
   }, d = U ? E : E || 0, w = t && !n, V = oA(
     (H) => {
@@ -19073,7 +19073,7 @@ function UW(A = {}) {
     enabled: x || Q,
     placement: E,
     direction: c
-  }), [eA, k] = mA(-1);
+  }), [eA, k] = xA(-1);
   iD(R, {
     focusRef: C,
     visible: x
@@ -19582,7 +19582,7 @@ class NW {
 }
 const gs = new NW();
 function sd(A, e) {
-  const [t, n] = mA(0);
+  const [t, n] = xA(0);
   return PA(() => {
     const i = A.current;
     if (i) {
@@ -19620,7 +19620,7 @@ function bW(A) {
       N.key === "Escape" && (N.stopPropagation(), r && (t == null || t()), a == null || a());
     },
     [r, t, a]
-  ), [u, F] = mA(!1), [h, d] = mA(!1), w = oA(
+  ), [u, F] = xA(!1), [h, d] = xA(!1), w = oA(
     (N = {}, S = null) => ({
       role: "dialog",
       ...N,
@@ -20890,7 +20890,7 @@ function Zv(A) {
     orientation: B = "horizontal",
     direction: a = "ltr",
     ...g
-  } = A, [l, E] = mA(e ?? 0), [I, c] = R0({
+  } = A, [l, E] = xA(e ?? 0), [I, c] = R0({
     defaultValue: e ?? 0,
     value: n,
     onChange: t
@@ -21264,8 +21264,8 @@ function eH(A = {}) {
       const O = H.current;
       if (!O)
         return null;
-      const xA = U0(O);
-      return xA.localName === "body" ? ja(H) : xA;
+      const mA = U0(O);
+      return mA.localName === "body" ? ja(H) : mA;
     },
     "scroll",
     () => {
@@ -21278,9 +21278,9 @@ function eH(A = {}) {
     cA(), W();
   }, [cA, W]), ha(() => H.current, "pointerleave", D);
   const UA = oA(
-    (O = {}, xA = null) => ({
+    (O = {}, mA = null) => ({
       ...O,
-      ref: gt(H, xA, S),
+      ref: gt(H, mA, S),
       onPointerEnter: Be(O.onPointerEnter, (Z) => {
         Z.pointerType !== "touch" && J();
       }),
@@ -21300,7 +21300,7 @@ function eH(A = {}) {
       S
     ]
   ), sA = oA(
-    (O = {}, xA = null) => G(
+    (O = {}, mA = null) => G(
       {
         ...O,
         style: {
@@ -21309,18 +21309,18 @@ function eH(A = {}) {
           [Bt.arrowShadowColor.var]: U
         }
       },
-      xA
+      mA
     ),
     [G, Q, U]
   ), fA = oA(
-    (O = {}, xA = null) => {
+    (O = {}, mA = null) => {
       const QA = {
         ...O.style,
         position: "relative",
         transformOrigin: Bt.transformOrigin.varRef
       };
       return {
-        ref: xA,
+        ref: mA,
         ...w,
         ...O,
         id: K,
@@ -21877,7 +21877,7 @@ const iH = {
     fontFamilySubtitle: N = "Lato",
     ...S
   }, G) => {
-    const [L, eA] = mA(""), k = (z) => {
+    const [L, eA] = xA(""), k = (z) => {
       eA(z), i(z);
     };
     return /* @__PURE__ */ s.jsxs(zB, { isRequired: C, children: [
@@ -22223,7 +22223,7 @@ const fz = ({
   initialImage: o,
   isReadOnly: B = !1
 }) => {
-  const [a, g] = mA(null);
+  const [a, g] = xA(null);
   PA(() => {
     typeof o == "string" ? g(o) : o instanceof File ? g(URL.createObjectURL(o)) : g(null);
   }, [o]);
@@ -24355,7 +24355,7 @@ function tf() {
     z.current && (cA({
       type: "openDialog"
     }), L(), z.current.value = null, z.current.click());
-  }, [cA, L, eA, C, sA, q, G, B]), xA = oA(function(X) {
+  }, [cA, L, eA, C, sA, q, G, B]), mA = oA(function(X) {
     !k.current || !k.current.isEqualNode(X.target) || (X.key === " " || X.key === "Enter" || X.keyCode === 32 || X.keyCode === 13) && (X.preventDefault(), O());
   }, [k, O]), QA = oA(function() {
     cA({
@@ -24379,7 +24379,7 @@ function tf() {
     return function() {
       var X = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, BA = X.refKey, y = BA === void 0 ? "ref" : BA, P = X.role, gA = X.onKeyDown, SA = X.onFocus, VA = X.onBlur, re = X.onClick, de = X.onDragEnter, xe = X.onDragOver, $A = X.onDragLeave, Se = X.onDrop, Ue = Ug(X, SG);
       return He(He(Us({
-        onKeyDown: wA(dn(gA, xA)),
+        onKeyDown: wA(dn(gA, mA)),
         onFocus: wA(dn(SA, QA)),
         onBlur: wA(dn(VA, Z)),
         onClick: aA(dn(re, $)),
@@ -24392,7 +24392,7 @@ function tf() {
         tabIndex: 0
       } : {}), Ue);
     };
-  }, [k, xA, QA, Z, $, nA, tA, UA, fA, d, w, n]), YA = oA(function(X) {
+  }, [k, mA, QA, Z, $, nA, tA, UA, fA, d, w, n]), YA = oA(function(X) {
     X.stopPropagation();
   }, []), RA = zA(function() {
     return function() {
@@ -24610,7 +24610,7 @@ const Dz = ({
     minHeight: F = "auto",
     type: h = "text"
   }, d) => {
-    const [w, V] = mA(!0), x = (L) => {
+    const [w, V] = xA(!0), x = (L) => {
       o(L.target.value);
     }, N = ve[l], S = N[200], G = N[300];
     return /* @__PURE__ */ s.jsxs(zB, { isRequired: B, children: [
@@ -25065,7 +25065,7 @@ var HG = function(A) {
     }
     var z, K, H, EA = Array.prototype, cA = Function.prototype, M = Object.prototype, W = F["__core-js_shared__"], _ = (z = /[^.]+$/.exec(W && W.keys && W.keys.IE_PROTO || "")) ? "Symbol(src)_1." + z : "", f = cA.toString, J = M.hasOwnProperty, D = M.toString, q = RegExp("^" + f.call(J).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), nA = F.Symbol, tA = F.Uint8Array, UA = M.propertyIsEnumerable, sA = EA.splice, fA = (K = Object.keys, H = Object, function(p) {
       return K(H(p));
-    }), O = rn(F, "DataView"), xA = rn(F, "Map"), QA = rn(F, "Promise"), Z = rn(F, "Set"), $ = rn(F, "WeakMap"), aA = rn(Object, "create"), wA = on(O), CA = on(xA), FA = on(QA), TA = on(Z), YA = on($), RA = nA ? nA.prototype : void 0, X = RA ? RA.valueOf : void 0, BA = RA ? RA.toString : void 0;
+    }), O = rn(F, "DataView"), mA = rn(F, "Map"), QA = rn(F, "Promise"), Z = rn(F, "Set"), $ = rn(F, "WeakMap"), aA = rn(Object, "create"), wA = on(O), CA = on(mA), FA = on(QA), TA = on(Z), YA = on($), RA = nA ? nA.prototype : void 0, X = RA ? RA.valueOf : void 0, BA = RA ? RA.toString : void 0;
     function y(p) {
       var Y = -1, AA = p ? p.length : 0;
       for (this.clear(); ++Y < AA; ) {
@@ -25136,7 +25136,7 @@ var HG = function(A) {
       var AA = this.__data__, iA = de(AA, p);
       return iA < 0 ? AA.push([p, Y]) : AA[iA][1] = Y, this;
     }, gA.prototype.clear = function() {
-      this.__data__ = { hash: new y(), map: new (xA || P)(), string: new y() };
+      this.__data__ = { hash: new y(), map: new (mA || P)(), string: new y() };
     }, gA.prototype.delete = function(p) {
       return Ei(this, p).delete(p);
     }, gA.prototype.get = function(p) {
@@ -25161,7 +25161,7 @@ var HG = function(A) {
       var AA = this.__data__;
       if (AA instanceof P) {
         var iA = AA.__data__;
-        if (!xA || iA.length < 199) return iA.push([p, Y]), this;
+        if (!mA || iA.length < 199) return iA.push([p, Y]), this;
         AA = this.__data__ = new gA(iA);
       }
       return AA.set(p, Y), this;
@@ -25388,7 +25388,7 @@ var HG = function(A) {
         return AA != null && AA[p] === Y && (Y !== void 0 || p in Object(AA));
       };
     }
-    (O && jt(new O(new ArrayBuffer(1))) != "[object DataView]" || xA && jt(new xA()) != o || QA && jt(QA.resolve()) != "[object Promise]" || Z && jt(new Z()) != a || $ && jt(new $()) != "[object WeakMap]") && (jt = function(p) {
+    (O && jt(new O(new ArrayBuffer(1))) != "[object DataView]" || mA && jt(new mA()) != o || QA && jt(QA.resolve()) != "[object Promise]" || Z && jt(new Z()) != a || $ && jt(new $()) != "[object WeakMap]") && (jt = function(p) {
       var Y = D.call(p), AA = Y == B ? p.constructor : void 0, iA = AA ? on(AA) : void 0;
       if (iA) switch (iA) {
         case wA:
@@ -25595,16 +25595,16 @@ var HG = function(A) {
     return q = W === !0, [(D = []).concat.apply(D, r(M.map(function(tA) {
       var UA = { name: tA[0], regions: tA[1], iso2: tA[2], countryCode: tA[3], dialCode: tA[3], format: k(_, tA[3], tA[4], f, J), priority: tA[5] || 0 }, sA = [];
       return tA[6] && tA[6].map(function(fA) {
-        var O = function(xA) {
+        var O = function(mA) {
           for (var QA = 1; QA < arguments.length; QA++) {
             var Z = arguments[QA] != null ? arguments[QA] : {}, $ = Object.keys(Z);
             typeof Object.getOwnPropertySymbols == "function" && ($ = $.concat(Object.getOwnPropertySymbols(Z).filter(function(aA) {
               return Object.getOwnPropertyDescriptor(Z, aA).enumerable;
             }))), $.forEach(function(aA) {
-              n(xA, aA, Z[aA]);
+              n(mA, aA, Z[aA]);
             });
           }
-          return xA;
+          return mA;
         }({}, UA);
         O.dialCode = tA[3] + fA, O.isAreaCode = !0, O.areaCodeLength = fA.length, sA.push(O);
       }), sA.length > 0 ? (UA.mainCode = !0, q || W.constructor.name === "Array" && W.includes(tA[2]) ? (UA.hasAreaCodes = !0, [UA].concat(sA)) : (nA = nA.concat(sA), [UA])) : [UA];
@@ -25635,7 +25635,7 @@ var HG = function(A) {
       return J[1] && (_[4] = J[1]), J[3] && (_[5] = J[3]), J[2] && (_[6] = J[2]), _;
     });
   }
-  var EA = function M(W, _, f, J, D, q, nA, tA, UA, sA, fA, O, xA, QA) {
+  var EA = function M(W, _, f, J, D, q, nA, tA, UA, sA, fA, O, mA, QA) {
     a(this, M), this.filterRegions = function(RA, X) {
       if (typeof RA == "string") {
         var BA = RA;
@@ -25691,9 +25691,9 @@ var HG = function(A) {
     var Z = function(RA, X, BA) {
       var y = [];
       return K(y, 1, RA, !0), K(y, 3, X), K(y, 2, BA), y;
-    }(tA, UA, sA), $ = H(JSON.parse(JSON.stringify(L)), Z), aA = H(JSON.parse(JSON.stringify(eA)), Z), wA = G(z($, W, O, xA, QA), 2), CA = wA[0], FA = wA[1];
+    }(tA, UA, sA), $ = H(JSON.parse(JSON.stringify(L)), Z), aA = H(JSON.parse(JSON.stringify(eA)), Z), wA = G(z($, W, O, mA, QA), 2), CA = wA[0], FA = wA[1];
     if (_) {
-      var TA = G(z(aA, W, O, xA, QA), 2), YA = TA[0];
+      var TA = G(z(aA, W, O, mA, QA), 2), YA = TA[0];
       TA[1], CA = this.sortTerritories(YA, CA);
     }
     f && (CA = this.filterRegions(f, CA)), this.onlyCountries = this.localizeCountries(this.excludeCountries(this.getFilteredCountryList(J, CA, nA.includes("onlyCountries")), q), fA, nA.includes("onlyCountries")), this.preferredCountries = D.length === 0 ? [] : this.localizeCountries(this.getFilteredCountryList(D, CA, nA.includes("preferredCountries")), fA, nA.includes("preferredCountries")), this.hiddenAreaCodes = this.excludeCountries(this.getFilteredCountryList(J, FA), q);
@@ -25922,8 +25922,8 @@ var HG = function(A) {
       q = J.disableInitialCountryGuess ? 0 : fA.length > 1 ? D.guessSelectedCountry(fA.substring(0, 6), J.country, tA, sA) || 0 : J.country && tA.find(function(Z) {
         return Z.iso2 == J.country;
       }) || 0;
-      var O, xA = fA.length < 2 && q && !x()(fA, q.dialCode) ? q.dialCode : "";
-      O = fA === "" && q === 0 ? "" : D.formatNumber((J.disableCountryCode ? "" : xA) + fA, q.name ? q : void 0);
+      var O, mA = fA.length < 2 && q && !x()(fA, q.dialCode) ? q.dialCode : "";
+      O = fA === "" && q === 0 ? "" : D.formatNumber((J.disableCountryCode ? "" : mA) + fA, q.name ? q : void 0);
       var QA = tA.findIndex(function(Z) {
         return Z == q;
       });
@@ -25943,17 +25943,17 @@ var HG = function(A) {
       if (J === null) return this.setState({ selectedCountry: 0, formattedNumber: "" });
       var D = this.state, q = D.onlyCountries, nA = D.selectedCountry, tA = D.hiddenAreaCodes, UA = this.props, sA = UA.country, fA = UA.prefix;
       if (J === "") return this.setState({ selectedCountry: nA, formattedNumber: "" });
-      var O, xA, QA = J.replace(/\D/g, "");
-      if (nA && x()(J, fA + nA.dialCode)) xA = this.formatNumber(QA, nA), this.setState({ formattedNumber: xA });
+      var O, mA, QA = J.replace(/\D/g, "");
+      if (nA && x()(J, fA + nA.dialCode)) mA = this.formatNumber(QA, nA), this.setState({ formattedNumber: mA });
       else {
         var Z = (O = this.props.disableCountryGuess ? nA : this.guessSelectedCountry(QA.substring(0, 6), sA, q, tA) || nA) && x()(QA, fA + O.dialCode) ? O.dialCode : "";
-        xA = this.formatNumber((this.props.disableCountryCode ? "" : Z) + QA, O || void 0), this.setState({ selectedCountry: O, formattedNumber: xA });
+        mA = this.formatNumber((this.props.disableCountryCode ? "" : Z) + QA, O || void 0), this.setState({ selectedCountry: O, formattedNumber: mA });
       }
     } }, { key: "render", value: function() {
-      var J, D, q, nA = this, tA = this.state, UA = tA.onlyCountries, sA = tA.selectedCountry, fA = tA.showDropdown, O = tA.formattedNumber, xA = tA.hiddenAreaCodes, QA = this.props, Z = QA.disableDropdown, $ = QA.renderStringAsFlag, aA = QA.isValid, wA = QA.defaultErrorMessage, CA = QA.specialLabel;
+      var J, D, q, nA = this, tA = this.state, UA = tA.onlyCountries, sA = tA.selectedCountry, fA = tA.showDropdown, O = tA.formattedNumber, mA = tA.hiddenAreaCodes, QA = this.props, Z = QA.disableDropdown, $ = QA.renderStringAsFlag, aA = QA.isValid, wA = QA.defaultErrorMessage, CA = QA.specialLabel;
       if (typeof aA == "boolean") D = aA;
       else {
-        var FA = aA(O.replace(/\D/g, ""), sA, UA, xA);
+        var FA = aA(O.replace(/\D/g, ""), sA, UA, mA);
         typeof FA == "boolean" ? (D = FA) === !1 && (q = wA) : (D = !1, q = FA);
       }
       var TA = S()((n(J = {}, this.props.containerClass, !0), n(J, "react-tel-input", !0), J)), YA = S()({ arrow: !0, up: fA }), RA = S()(n({ "form-control": !0, "invalid-number": !D, open: fA }, this.props.inputClass, !0)), X = S()({ "selected-flag": !0, open: fA }), BA = S()(n({ "flag-dropdown": !0, "invalid-number": !D, open: fA }, this.props.buttonClass, !0)), y = "flag ".concat(sA && sA.iso2);
@@ -26013,7 +26013,7 @@ const GG = /* @__PURE__ */ go(HG), pz = ({
   isDisabled: l = !1,
   isReadOnly: E = !1
 }) => {
-  const [I, c] = mA(!0), Q = ve[a], U = Q[200], R = Q[300], C = (u, F) => {
+  const [I, c] = xA(!0), Q = ve[a], U = Q[200], R = Q[300], C = (u, F) => {
     i && i(u, F);
   };
   return /* @__PURE__ */ s.jsx(ZA, { children: /* @__PURE__ */ s.jsxs(zB, { isRequired: g, children: [
@@ -30295,7 +30295,7 @@ function $J(A) {
       codeTextData: N,
       data: N,
       codeFlowValue: N,
-      definition: r(xA),
+      definition: r(mA),
       definitionDestinationString: o,
       definitionLabelString: o,
       definitionTitleString: o,
@@ -30700,7 +30700,7 @@ function $J(A) {
       value: ""
     };
   }
-  function xA() {
+  function mA() {
     return {
       type: "definition",
       identifier: "",
@@ -35838,7 +35838,7 @@ function ez(A) {
   return ae({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2.5a5.5 5.5 0 0 1 3.096 10.047 9.005 9.005 0 0 1 5.9 8.181.75.75 0 1 1-1.499.044 7.5 7.5 0 0 0-14.993 0 .75.75 0 0 1-1.5-.045 9.005 9.005 0 0 1 5.9-8.18A5.5 5.5 0 0 1 12 2.5ZM8 8a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z" }, child: [] }] })(A);
 }
 const sw = ({ iconDefault: A, iconHover: e, isActive: t }) => {
-  const [n, i] = mA(!1);
+  const [n, i] = xA(!1);
   return /* @__PURE__ */ s.jsx(
     "span",
     {
@@ -35865,7 +35865,7 @@ const sw = ({ iconDefault: A, iconHover: e, isActive: t }) => {
   menuOptions: l = [],
   ...E
 }) => {
-  const I = e || Hi.colors.primary[500], c = at(I, 0.7), Q = at(I, 0.8), U = l.filter((u) => u.isVisible), [R, C] = mA(
+  const I = e || Hi.colors.primary[500], c = at(I, 0.7), Q = at(I, 0.8), U = l.filter((u) => u.isVisible), [R, C] = xA(
     Array(U.length).fill(!1)
   );
   return /* @__PURE__ */ s.jsx(
@@ -36004,7 +36004,7 @@ const sw = ({ iconDefault: A, iconHover: e, isActive: t }) => {
   onSend: e,
   disabled: t = !1
 }) => {
-  const [n, i] = mA(""), r = JA(null), [o, B] = mA("3xl"), a = (E) => {
+  const [n, i] = xA(""), r = JA(null), [o, B] = xA("3xl"), a = (E) => {
     if (i(E.target.value), r.current) {
       r.current.style.height = "auto";
       const I = r.current.scrollHeight;
@@ -36070,7 +36070,7 @@ const sw = ({ iconDefault: A, iconHover: e, isActive: t }) => {
     ) })
   ] }) });
 }, kz = ({ color: A, menuOptions: e, currentUrl: t, ...n }) => {
-  const i = ["hub", "play", "elevate", "assist", "talent", "ad", "collect", "localhost"], [r, o] = mA(null), a = `sidebarOpen_${window.location.hostname.split(".").find((C) => i.includes(C)) || "default"}`, [g, l] = mA(() => {
+  const i = ["hub", "play", "elevate", "assist", "talent", "ad", "collect", "localhost"], [r, o] = xA(null), a = `sidebarOpen_${window.location.hostname.split(".").find((C) => i.includes(C)) || "default"}`, [g, l] = xA(() => {
     const Q = localStorage.getItem(a);
     return Q === null ? (localStorage.setItem(a, "true"), !0) : Q === "true";
   }), E = A || ve.primary[400], I = xs(ve, `${E.split(".")[0]}.300`), c = () => {
@@ -36310,27 +36310,25 @@ const Wz = ({
   colorIcon: e,
   onClickPinned: t,
   onClickConversation: n,
-  onExpandedChange: i,
-  index: r,
-  onChange: o
+  onExpandedChange: i
 }) => {
-  const [B, a] = mA(
-    () => A.map((l) => Array.isArray(l.content) ? l.content.map((E) => E.is_pinned) : [])
+  const [r, o] = xA(
+    () => A.map((a) => Array.isArray(a.content) ? a.content.map((g) => g.is_pinned) : [])
   );
   PA(() => {
-    a((l) => A.map((E, I) => {
-      if (!Array.isArray(E.content)) return [];
-      const c = l[I] || [];
-      return E.content.map((Q, U) => U < c.length ? c[U] : E.title === "Favorites" ? !0 : Q.is_pinned);
+    o((a) => A.map((g, l) => {
+      if (!Array.isArray(g.content)) return [];
+      const E = a[l] || [];
+      return g.content.map((I, c) => c < E.length ? E[c] : g.title === "Favorites" ? !0 : I.is_pinned);
     }));
   }, [A]);
-  const g = (l, E, I) => {
-    if (a((c) => {
-      const Q = [...c], U = [...Q[l]], R = !U[E];
-      return U[E] = R, Q[l] = U, Q;
+  const B = (a, g, l) => {
+    if (o((E) => {
+      const I = [...E], c = [...I[a]], Q = !c[g];
+      return c[g] = Q, I[a] = c, I;
     }), t) {
-      const c = !B[l][E];
-      t(I, c);
+      const E = !r[a][g];
+      t(l, E);
     }
   };
   return /* @__PURE__ */ s.jsx(wt, { borderRadius: "1px", width: "100%", padding: ".5rem", children: /* @__PURE__ */ s.jsx(
@@ -36339,14 +36337,13 @@ const Wz = ({
       defaultIndex: [0],
       allowMultiple: !0,
       width: "100%",
-      index: r,
-      onChange: (l) => {
-        const E = Array.isArray(l) ? l : [l];
-        o == null || o(l);
-        const I = A.map((c, Q) => E.includes(Q));
-        i && i(I);
+      onChange: (a) => {
+        const g = Array.isArray(a) ? a : [a], l = A.map(
+          (E, I) => g.includes(I)
+        );
+        i && i(l);
       },
-      children: A.map((l, E) => !Array.isArray(l.content) || l.content.length === 0 ? null : /* @__PURE__ */ s.jsxs(Ou, { border: "none", children: [
+      children: A.map((a, g) => !Array.isArray(a.content) || a.content.length === 0 ? null : /* @__PURE__ */ s.jsxs(Ou, { border: "none", children: [
         /* @__PURE__ */ s.jsx("h2", { children: /* @__PURE__ */ s.jsxs(zu, { children: [
           /* @__PURE__ */ s.jsx(
             ZA,
@@ -36357,12 +36354,12 @@ const Wz = ({
               fontSize: "1rem",
               lineHeight: "1.5rem",
               fontWeight: 700,
-              children: l.title
+              children: a.title
             }
           ),
           /* @__PURE__ */ s.jsx(ju, { boxSize: 4 })
         ] }) }),
-        /* @__PURE__ */ s.jsx(Xu, { pb: 4, textAlign: "left", children: /* @__PURE__ */ s.jsx(Gg, { children: l.content.map((I, c) => /* @__PURE__ */ s.jsxs(
+        /* @__PURE__ */ s.jsx(Xu, { pb: 4, textAlign: "left", children: /* @__PURE__ */ s.jsx(Gg, { children: a.content.map((l, E) => /* @__PURE__ */ s.jsxs(
           LM,
           {
             display: "flex",
@@ -36375,29 +36372,29 @@ const Wz = ({
             width: "95%",
             position: "relative",
             _hover: {
-              ".pin-icon": B[E][c] ? {} : { visibility: "visible", opacity: 1 }
+              ".pin-icon": r[g][E] ? {} : { visibility: "visible", opacity: 1 }
             },
             cursor: n ? "pointer" : "default",
             onClick: () => {
-              n && n(I.id);
+              n && n(l.id);
             },
             children: [
-              I.title,
+              l.title,
               e && /* @__PURE__ */ s.jsx(
                 ZA,
                 {
                   className: "pin-icon",
                   cursor: "pointer",
-                  visibility: B[E][c] ? "visible" : "hidden",
-                  opacity: B[E][c] ? 1 : 0,
+                  visibility: r[g][E] ? "visible" : "hidden",
+                  opacity: r[g][E] ? 1 : 0,
                   transition: "opacity 0.2s ease, visibility 0.2s ease",
-                  onClick: (Q) => {
-                    Q.stopPropagation(), g(E, c, I.id);
+                  onClick: (I) => {
+                    I.stopPropagation(), B(g, E, l.id);
                   },
                   children: /* @__PURE__ */ s.jsx(
                     KM,
                     {
-                      as: B[E][c] ? nz : tz,
+                      as: r[g][E] ? nz : tz,
                       color: e,
                       boxSize: 6
                     }
@@ -36406,9 +36403,9 @@ const Wz = ({
               )
             ]
           },
-          I.id
+          l.id
         )) }) })
-      ] }, E))
+      ] }, g))
     }
   ) });
 }, vz = ({ items: A, navigation: e }) => {
@@ -36454,7 +36451,7 @@ const Wz = ({
     textValue: r = "",
     ...o
   }, B) => {
-    const [a, g] = mA(r);
+    const [a, g] = xA(r);
     PA(() => {
       e && g(r);
     }, [r, e]);
@@ -36812,7 +36809,7 @@ const Oz = ({
   checkedLabel: o = "",
   uncheckedLabel: B = ""
 }) => {
-  const [a, g] = mA(A), l = (E) => {
+  const [a, g] = xA(A), l = (E) => {
     if (!r) return;
     const I = E.target.checked;
     g(I), e && e(I);
@@ -36913,7 +36910,7 @@ const Oz = ({
   fontSizeSubtitle: x = "1rem",
   alignSubtitle: N = "left"
 }) => {
-  const [S, G] = mA(e);
+  const [S, G] = xA(e);
   PA(() => {
     n && G(e);
   }, [n, e]);
@@ -37349,12 +37346,14 @@ const nj = ({
   hideCloseButton: a = !1,
   closeOnEsc: g = !0,
   closeOnOverlayClick: l = !0,
-  ...E
-}) => /* @__PURE__ */ s.jsx(wt, { alignItems: "center", justifyContent: "center", ...E, children: /* @__PURE__ */ s.jsxs(ii, { isOpen: r, onClose: B, isCentered: !0, closeOnEsc: g, closeOnOverlayClick: l, children: [
+  overlayDark: E = !1,
+  ...I
+}) => /* @__PURE__ */ s.jsx(wt, { alignItems: "center", justifyContent: "center", ...I, children: /* @__PURE__ */ s.jsxs(ii, { isOpen: r, onClose: B, isCentered: !0, closeOnEsc: g, closeOnOverlayClick: l, children: [
   /* @__PURE__ */ s.jsx(
     ai,
     {
-      backgroundColor: "black.100"
+      bg: E ? "black.50" : "rgba(165, 165, 165, 0.6)",
+      display: E ? "block" : void 0
     }
   ),
   /* @__PURE__ */ s.jsx(ri, { backgroundColor: "assist.200", borderRadius: "1rem", boxShadow: "0 0 0 rgba(0, 0, 0, 0.06)", maxWidth: "664px", width: "100%", children: /* @__PURE__ */ s.jsxs(ZA, { maxWidth: "306px", margin: " 66px auto", textAlign: "left", width: "100%", children: [
@@ -37364,7 +37363,7 @@ const nj = ({
     ] }),
     /* @__PURE__ */ s.jsx(KB, { _hover: { backgroundColor: "white.100" }, hidden: a }),
     /* @__PURE__ */ s.jsxs(oi, { padding: "0", children: [
-      t == null ? void 0 : t.map((I, c) => /* @__PURE__ */ s.jsxs(KA, { alignItems: "center", children: [
+      t == null ? void 0 : t.map((c, Q) => /* @__PURE__ */ s.jsxs(KA, { alignItems: "center", children: [
         o || /* @__PURE__ */ s.jsx(gz, { size: "20", color: "#2f93df" }),
         /* @__PURE__ */ s.jsx(
           yA,
@@ -37372,10 +37371,10 @@ const nj = ({
             fontFamily: "Lato",
             color: "black.400",
             margin: "4px 4px",
-            children: I.name
+            children: c.name
           }
         )
-      ] }, c)),
+      ] }, Q)),
       /* @__PURE__ */ s.jsxs(
         Je,
         {
@@ -37552,7 +37551,7 @@ const ij = ({ text: A, onClick: e }) => /* @__PURE__ */ s.jsxs(KA, { flexDirecti
     }
   );
 }, oj = ({ items: A, onClick: e, size: t, indexActive: n }) => {
-  const [i, r] = mA(null);
+  const [i, r] = xA(null);
   PA(() => {
     n !== void 0 && A[n] && r(A[n].value);
   }, [n, A]);
@@ -37582,9 +37581,9 @@ const ij = ({ text: A, onClick: e }) => /* @__PURE__ */ s.jsxs(KA, { flexDirecti
     },
     a
   )) });
-}, Bj = ({ elements: A }) => {
-  const [e, t] = mA(null), n = (i) => {
-    t((r) => r === i ? null : i);
+}, Bj = ({ elements: A, expandedItem: e, setExpandedItem: t }) => {
+  const n = (i) => {
+    t(e === i ? null : i);
   };
   return /* @__PURE__ */ s.jsx(ZA, { w: "100%", mx: "auto", children: A.map((i) => {
     const r = e === i.id;
@@ -37641,7 +37640,7 @@ const ij = ({ text: A, onClick: e }) => /* @__PURE__ */ s.jsxs(KA, { flexDirecti
     ] }, i.id);
   }) });
 }, aj = ({ color: A, icon: e, title: t, status: n, menuOptions: i, textBottomOption: r, currentUrl: o, ...B }) => {
-  const a = ["hub", "play", "elevate", "assist", "talent", "ad", "collect", "localhost"], l = `sidebarOpen_${window.location.hostname.split(".").find((w) => a.includes(w)) || "default"}`, [E, I] = mA(() => {
+  const a = ["hub", "play", "elevate", "assist", "talent", "ad", "collect", "localhost"], l = `sidebarOpen_${window.location.hostname.split(".").find((w) => a.includes(w)) || "default"}`, [E, I] = xA(() => {
     const F = localStorage.getItem(l);
     return F === null ? (localStorage.setItem(l, "true"), !0) : F === "true";
   }), c = A || ve.primary[400], Q = xs(ve, `${c.split(".")[0]}.300`), U = () => {