@canaia/ui-kit 0.0.11-alpha.90 → 0.0.12-alpha.1

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

@@ -608,15 +608,15 @@ Check the top-level render call using <` + UA + ">.");
         if (AA.call(aA, "key")) {
           var rA = _(V), FA = Object.keys(aA).filter(function(pe) {
             return pe !== "key";
-          }), yA = FA.length > 0 ? "{key: someKey, " + FA.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ko[rA + yA]) {
+          }), VA = FA.length > 0 ? "{key: someKey, " + FA.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ko[rA + VA]) {
             var OA = FA.length > 0 ? "{" + FA.join(": ..., ") + ": ...}" : "{}";
             h(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, yA, rA, OA, rA), Ko[rA + yA] = !0;
+  <%s key={someKey} {...props} />`, VA, rA, OA, rA), Ko[rA + VA] = !0;
           }
         }
         return V === n ? _o(x) : qt(x), x;
@@ -1186,7 +1186,7 @@ IB.exports;
       writable: !0
     }) : b[Z] = L;
   }
-  var yA = Lu();
+  var VA = Lu();
   function OA(b) {
     return b == null ? b === void 0 ? w : Q : ve && ve in Object(b) ? Fs(b) : Ur(b);
   }
@@ -1211,7 +1211,7 @@ IB.exports;
     return L;
   }
   function zt(b, Z, L, xA, Be) {
-    b !== Z && yA(Z, function(ye, Le) {
+    b !== Z && VA(Z, function(ye, Le) {
       if (Be || (Be = new qA()), io(ye))
         Qt(b, Z, Le, L, zt, xA, Be);
       else {
@@ -21505,7 +21505,7 @@ const qj = IA(Wn.div), Mu = MA((A, e) => {
   ] }) : /* @__PURE__ */ I.jsx(I.Fragment, { children: r });
 });
 Mu.displayName = "Tooltip";
-const VA = MA(function(e, t) {
+const yA = MA(function(e, t) {
   const n = bi("Text", e), { className: i, align: r, decoration: o, casing: a, ...s } = rt(e), l = iu({
     textAlign: e.align,
     textDecoration: e.decoration,
@@ -21522,7 +21522,7 @@ const VA = MA(function(e, t) {
     }
   );
 });
-VA.displayName = "Text";
+yA.displayName = "Text";
 const rS = MA(function(e, t) {
   const {
     spacing: n = "0.5rem",
@@ -21979,7 +21979,7 @@ const $j = {
           }
         )
       ] }),
-      /* @__PURE__ */ I.jsxs(VA, { display: U !== "" ? "block" : "none", textAlign: R, color: F, margin: w, fontSize: m, fontFamily: T, children: [
+      /* @__PURE__ */ I.jsxs(yA, { display: U !== "" ? "block" : "none", textAlign: R, color: F, margin: w, fontSize: m, fontFamily: T, children: [
         " ",
         U
       ] }),
@@ -22327,8 +22327,8 @@ const QEA = ({
       children: [
         s ? /* @__PURE__ */ I.jsx(Bm, { src: s, alt: "Uploaded", boxSize: "100%", rounded: "md" }) : /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
           /* @__PURE__ */ I.jsx(yt, { as: GO, color: t, boxSize: 8 }),
-          /* @__PURE__ */ I.jsx(VA, { fontWeight: "bold", children: A }),
-          /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", color: "gray.500", children: e })
+          /* @__PURE__ */ I.jsx(yA, { fontWeight: "bold", children: A }),
+          /* @__PURE__ */ I.jsx(yA, { fontSize: "sm", color: "gray.500", children: e })
         ] }),
         !a && /* @__PURE__ */ I.jsx(
           "input",
@@ -22385,7 +22385,7 @@ const QEA = ({
                     bg: g.isCompleted && !g.isActive && B !== n ? a : "white",
                     border: `2px solid ${g.isCompleted || g.isActive ? i : o}`,
                     children: /* @__PURE__ */ I.jsx(
-                      VA,
+                      yA,
                       {
                         fontSize: "14px",
                         color: g.isCompleted || g.isActive ? i : r,
@@ -22396,7 +22396,7 @@ const QEA = ({
                   }
                 ),
                 /* @__PURE__ */ I.jsx(
-                  VA,
+                  yA,
                   {
                     ml: 3,
                     mr: 2,
@@ -24624,7 +24624,7 @@ const CEA = ({
     maxSize: d
   });
   return /* @__PURE__ */ I.jsxs(pA, { children: [
-    /* @__PURE__ */ I.jsx(LA, { mt: 4, alignItems: "flex-start", children: r.trim() && /* @__PURE__ */ I.jsx(VA, { fontSize: "20px", fontWeight: "700", color: s, mb: 2, children: r }) }),
+    /* @__PURE__ */ I.jsx(LA, { mt: 4, alignItems: "flex-start", children: r.trim() && /* @__PURE__ */ I.jsx(yA, { fontSize: "20px", fontWeight: "700", color: s, mb: 2, children: r }) }),
     /* @__PURE__ */ I.jsxs(
       pA,
       {
@@ -24644,7 +24644,7 @@ const CEA = ({
         children: [
           /* @__PURE__ */ I.jsx("input", { ...F() }),
           e && e.includes("play") ? /* @__PURE__ */ I.jsx(yt, { as: NO, boxSize: "40px", color: B, mb: "16px" }) : /* @__PURE__ */ I.jsx(yt, { as: VX, boxSize: "40px", color: B, mb: "16px" }),
-          /* @__PURE__ */ I.jsx(VA, { fontSize: "16px", fontWeight: "16px", color: l, mb: 4, children: o }),
+          /* @__PURE__ */ I.jsx(yA, { fontSize: "16px", fontWeight: "16px", color: l, mb: 4, children: o }),
           /* @__PURE__ */ I.jsx(
             $e,
             {
@@ -24659,7 +24659,7 @@ const CEA = ({
       }
     )
   ] });
-}, REA = ({ text: A, fontSize: e = "md", ...t }) => /* @__PURE__ */ I.jsx(VA, { fontSize: e, ...t, children: A }), UEA = _t(
+}, REA = ({ text: A, fontSize: e = "md", ...t }) => /* @__PURE__ */ I.jsx(yA, { fontSize: e, ...t, children: A }), UEA = _t(
   ({
     label: A,
     colorLabelText: e = "black.400",
@@ -24739,9 +24739,9 @@ const CEA = ({
           ]
         }
       ),
-      !f && B && /* @__PURE__ */ I.jsx(VA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
+      !f && B && /* @__PURE__ */ I.jsx(yA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
       f ? w && B ? /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
-        /* @__PURE__ */ I.jsx(VA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
+        /* @__PURE__ */ I.jsx(yA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
         g ? /* @__PURE__ */ I.jsx(
           Ol,
           {
@@ -25107,8 +25107,8 @@ var kX = function(A) {
       }
     }(), m = w && w.isTypedArray;
     function T(x, z, eA, rA) {
-      var FA = -1, yA = x ? x.length : 0;
-      for (rA && yA && (eA = x[++FA]); ++FA < yA; ) eA = z(eA, x[FA], FA, x);
+      var FA = -1, VA = x ? x.length : 0;
+      for (rA && VA && (eA = x[++FA]); ++FA < VA; ) eA = z(eA, x[FA], FA, x);
       return eA;
     }
     function D(x, z) {
@@ -25116,8 +25116,8 @@ var kX = function(A) {
       return !1;
     }
     function y(x, z, eA, rA, FA) {
-      return FA(x, function(yA, OA, pe) {
-        eA = rA ? (rA = !1, yA) : z(eA, yA, OA, pe);
+      return FA(x, function(VA, OA, pe) {
+        eA = rA ? (rA = !1, VA) : z(eA, VA, OA, pe);
       }), eA;
     }
     function J(x) {
@@ -25176,7 +25176,7 @@ var kX = function(A) {
         for (var be = -1, De = Array(OA); ++be < OA; ) De[be] = pe(be);
         return De;
       }(x.length, String) : [], rA = eA.length, FA = !!rA;
-      for (var yA in x) !P.call(x, yA) || FA && (yA == "length" || eo(yA, rA)) || eA.push(yA);
+      for (var VA in x) !P.call(x, VA) || FA && (VA == "length" || eo(VA, rA)) || eA.push(VA);
       return eA;
     }
     function Te(x, z) {
@@ -25252,9 +25252,9 @@ var kX = function(A) {
       return x;
     }), ve = /* @__PURE__ */ function(x) {
       return function(z, eA, rA) {
-        for (var FA = -1, yA = Object(z), OA = rA(z), pe = OA.length; pe--; ) {
+        for (var FA = -1, VA = Object(z), OA = rA(z), pe = OA.length; pe--; ) {
           var be = OA[++FA];
-          if (eA(yA[be], be, yA) === !1) break;
+          if (eA(VA[be], be, VA) === !1) break;
         }
         return z;
       };
@@ -25267,11 +25267,11 @@ var kX = function(A) {
       return x != null && z in Object(x);
     }
     function Ne(x, z, eA, rA, FA) {
-      return x === z || (x == null || z == null || !qA(x) && !ce(z) ? x != x && z != z : function(yA, OA, pe, be, De, ge) {
-        var zt = V(yA), Qt = V(OA), ct = "[object Array]", It = "[object Array]";
-        zt || (ct = (ct = pn(yA)) == r ? a : ct), Qt || (It = (It = pn(OA)) == r ? a : It);
-        var un = ct == a && !J(yA), Cr = It == a && !J(OA), ii = ct == It;
-        if (ii && !un) return ge || (ge = new vA()), zt || ee(yA) ? Bn(yA, OA, pe, be, De, ge) : function(de, Ie, Fs, Hi, no, jt, Yn) {
+      return x === z || (x == null || z == null || !qA(x) && !ce(z) ? x != x && z != z : function(VA, OA, pe, be, De, ge) {
+        var zt = V(VA), Qt = V(OA), ct = "[object Array]", It = "[object Array]";
+        zt || (ct = (ct = pn(VA)) == r ? a : ct), Qt || (It = (It = pn(OA)) == r ? a : It);
+        var un = ct == a && !J(VA), Cr = It == a && !J(OA), ii = ct == It;
+        if (ii && !un) return ge || (ge = new vA()), zt || ee(VA) ? Bn(VA, OA, pe, be, De, ge) : function(de, Ie, Fs, Hi, no, jt, Yn) {
           switch (Fs) {
             case "[object DataView]":
               if (de.byteLength != Ie.byteLength || de.byteOffset != Ie.byteOffset) return !1;
@@ -25301,11 +25301,11 @@ var kX = function(A) {
               if ($) return $.call(de) == $.call(Ie);
           }
           return !1;
-        }(yA, OA, ct, pe, be, De, ge);
+        }(VA, OA, ct, pe, be, De, ge);
         if (!(2 & De)) {
-          var Jc = un && P.call(yA, "__wrapped__"), Pc = Cr && P.call(OA, "__wrapped__");
+          var Jc = un && P.call(VA, "__wrapped__"), Pc = Cr && P.call(OA, "__wrapped__");
           if (Jc || Pc) {
-            var Xu = Jc ? yA.value() : yA, Lu = Pc ? OA.value() : OA;
+            var Xu = Jc ? VA.value() : VA, Lu = Pc ? OA.value() : OA;
             return ge || (ge = new vA()), pe(Xu, Lu, be, De, ge);
           }
         }
@@ -25335,7 +25335,7 @@ var kX = function(A) {
             Fr == Mr || !("constructor" in de) || !("constructor" in Ie) || typeof Fr == "function" && Fr instanceof Fr && typeof Mr == "function" && Mr instanceof Mr || (ea = !1);
           }
           return jt.delete(de), jt.delete(Ie), ea;
-        }(yA, OA, pe, be, De, ge)) : !1;
+        }(VA, OA, pe, be, De, ge)) : !1;
       }(x, z, Ne, eA, rA, FA));
     }
     function wn(x) {
@@ -25345,11 +25345,11 @@ var kX = function(A) {
     }
     function Hn(x) {
       return typeof x == "function" ? x : x == null ? Ye : typeof x == "object" ? V(x) ? function(rA, FA) {
-        return Ni(rA) && qt(FA) ? _o(Wi(rA), FA) : function(yA) {
+        return Ni(rA) && qt(FA) ? _o(Wi(rA), FA) : function(VA) {
           var OA = function(pe, be, De) {
             var ge = pe == null ? void 0 : we(pe, be);
             return ge === void 0 ? De : ge;
-          }(yA, rA);
+          }(VA, rA);
           return OA === void 0 && OA === FA ? function(pe, be) {
             return pe != null && function(De, ge, zt) {
               ge = Ni(ge, De) ? [ge] : Qr(ge);
@@ -25360,18 +25360,18 @@ var kX = function(A) {
               }
               return Qt || !!(It = De ? De.length : 0) && HA(It) && eo(un, It) && (V(De) || qo(De));
             }(pe, be, Ut);
-          }(yA, rA) : Ne(FA, OA, void 0, 3);
+          }(VA, rA) : Ne(FA, OA, void 0, 3);
         };
       }(x[0], x[1]) : function(rA) {
-        var FA = function(yA) {
-          for (var OA = ot(yA), pe = OA.length; pe--; ) {
-            var be = OA[pe], De = yA[be];
+        var FA = function(VA) {
+          for (var OA = ot(VA), pe = OA.length; pe--; ) {
+            var be = OA[pe], De = VA[be];
             OA[pe] = [be, De, qt(De)];
           }
           return OA;
         }(rA);
-        return FA.length == 1 && FA[0][2] ? _o(FA[0][0], FA[0][1]) : function(yA) {
-          return yA === rA || function(OA, pe, be, De) {
+        return FA.length == 1 && FA[0][2] ? _o(FA[0][0], FA[0][1]) : function(VA) {
+          return VA === rA || function(OA, pe, be, De) {
             var ge = be.length, zt = ge;
             if (OA == null) return !zt;
             for (OA = Object(OA); ge--; ) {
@@ -25388,7 +25388,7 @@ var kX = function(A) {
               }
             }
             return !0;
-          }(yA, rA, FA);
+          }(VA, rA, FA);
         };
       }(x) : Ni(z = x) ? (eA = Wi(z), function(rA) {
         return rA == null ? void 0 : rA[eA];
@@ -25402,21 +25402,21 @@ var kX = function(A) {
     function Gn(x) {
       if (eA = (z = x) && z.constructor, rA = typeof eA == "function" && eA.prototype || M, z !== rA) return DA(x);
       var z, eA, rA, FA = [];
-      for (var yA in Object(x)) P.call(x, yA) && yA != "constructor" && FA.push(yA);
+      for (var VA in Object(x)) P.call(x, VA) && VA != "constructor" && FA.push(VA);
       return FA;
     }
     function Qr(x) {
       return V(x) ? x : Ko(x);
     }
-    function Bn(x, z, eA, rA, FA, yA) {
+    function Bn(x, z, eA, rA, FA, VA) {
       var OA = 2 & FA, pe = x.length, be = z.length;
       if (pe != be && !(OA && be > pe)) return !1;
-      var De = yA.get(x);
-      if (De && yA.get(z)) return De == z;
+      var De = VA.get(x);
+      if (De && VA.get(z)) return De == z;
       var ge = -1, zt = !0, Qt = 1 & FA ? new bA() : void 0;
-      for (yA.set(x, z), yA.set(z, x); ++ge < pe; ) {
+      for (VA.set(x, z), VA.set(z, x); ++ge < pe; ) {
         var ct = x[ge], It = z[ge];
-        if (rA) var un = OA ? rA(It, ct, ge, z, x, yA) : rA(ct, It, ge, x, z, yA);
+        if (rA) var un = OA ? rA(It, ct, ge, z, x, VA) : rA(ct, It, ge, x, z, VA);
         if (un !== void 0) {
           if (un) continue;
           zt = !1;
@@ -25424,17 +25424,17 @@ var kX = function(A) {
         }
         if (Qt) {
           if (!D(z, function(Cr, ii) {
-            if (!Qt.has(ii) && (ct === Cr || eA(ct, Cr, rA, FA, yA))) return Qt.add(ii);
+            if (!Qt.has(ii) && (ct === Cr || eA(ct, Cr, rA, FA, VA))) return Qt.add(ii);
           })) {
             zt = !1;
             break;
           }
-        } else if (ct !== It && !eA(ct, It, rA, FA, yA)) {
+        } else if (ct !== It && !eA(ct, It, rA, FA, VA)) {
           zt = !1;
           break;
         }
       }
-      return yA.delete(x), yA.delete(z), zt;
+      return VA.delete(x), VA.delete(z), zt;
     }
     function hr(x, z) {
       var eA, rA, FA = x.__data__;
@@ -25490,8 +25490,8 @@ var kX = function(A) {
         return FA == "0" && 1 / rA == -1 / 0 ? "-0" : FA;
       }(z);
       var eA = [];
-      return g.test(x) && eA.push(""), x.replace(B, function(rA, FA, yA, OA) {
-        eA.push(yA ? OA.replace(u, "$1") : FA || rA);
+      return g.test(x) && eA.push(""), x.replace(B, function(rA, FA, VA, OA) {
+        eA.push(VA ? OA.replace(u, "$1") : FA || rA);
       }), eA;
     });
     function Wi(x) {
@@ -25515,10 +25515,10 @@ var kX = function(A) {
     function to(x, z) {
       if (typeof x != "function" || z && typeof z != "function") throw new TypeError("Expected a function");
       var eA = function() {
-        var rA = arguments, FA = z ? z.apply(this, rA) : rA[0], yA = eA.cache;
-        if (yA.has(FA)) return yA.get(FA);
+        var rA = arguments, FA = z ? z.apply(this, rA) : rA[0], VA = eA.cache;
+        if (VA.has(FA)) return VA.get(FA);
         var OA = x.apply(this, rA);
-        return eA.cache = yA.set(FA, OA), OA;
+        return eA.cache = VA.set(FA, OA), OA;
       };
       return eA.cache = new (to.Cache || gA)(), eA;
     }
@@ -26074,7 +26074,7 @@ const vX = /* @__PURE__ */ gs(kX), FEA = ({
       placeholder: n
     }
   ),
-  r && /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", color: "red.500", mt: 1, children: r })
+  r && /* @__PURE__ */ I.jsx(yA, { fontSize: "sm", color: "red.500", mt: 1, children: r })
 ] }), MEA = ({
   label: A = "",
   description: e = "",
@@ -26133,7 +26133,7 @@ const vX = /* @__PURE__ */ gs(kX), FEA = ({
       )
     ] }),
     r && B && e && /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
-      /* @__PURE__ */ I.jsx(VA, { fontSize: "14px", color: "gray.500", mb: "10px", textAlign: "start", children: e }),
+      /* @__PURE__ */ I.jsx(yA, { fontSize: "14px", color: "gray.500", mb: "10px", textAlign: "start", children: e }),
       /* @__PURE__ */ I.jsx(LA, { wrap: "wrap", mb: 2, gap: 4, children: t.map((h, C) => /* @__PURE__ */ I.jsx(
         pA,
         {
@@ -26226,8 +26226,8 @@ const vX = /* @__PURE__ */ gs(kX), FEA = ({
   ) : /* @__PURE__ */ I.jsx("div", { style: s, children: /* @__PURE__ */ I.jsxs(LA, { direction: "row", align: "center", flex: "1", children: [
     /* @__PURE__ */ I.jsx(yt, { as: r[A], style: l, boxSize: 6 }),
     /* @__PURE__ */ I.jsxs(LA, { direction: "column", flex: "1", ml: 3, children: [
-      /* @__PURE__ */ I.jsx(VA, { style: c, children: e }),
-      t && /* @__PURE__ */ I.jsx(VA, { mt: 1, children: t })
+      /* @__PURE__ */ I.jsx(yA, { style: c, children: e }),
+      t && /* @__PURE__ */ I.jsx(yA, { mt: 1, children: t })
     ] }),
     i && /* @__PURE__ */ I.jsx(
       $e,
@@ -26276,8 +26276,8 @@ const vX = /* @__PURE__ */ gs(kX), FEA = ({
       wordBreak: "break-word",
       alignItems: "flex-start",
       children: [
-        r === "image" ? /* @__PURE__ */ I.jsx(pA, { maxWidth: "24.3125rem", height: "13.4375rem", children: /* @__PURE__ */ I.jsx("img", { src: o, alt: a, style: { width: "100%", objectFit: "contain", height: "100%" } }) }) : /* @__PURE__ */ I.jsx(VA, { textAlign: "right", fontSize: "md", whiteSpace: "normal", children: A }),
-        t && /* @__PURE__ */ I.jsx(VA, { fontSize: "xs", color: "gray.500", textAlign: "right", mt: 1, children: t })
+        r === "image" ? /* @__PURE__ */ I.jsx(pA, { maxWidth: "24.3125rem", height: "13.4375rem", children: /* @__PURE__ */ I.jsx("img", { src: o, alt: a, style: { width: "100%", objectFit: "contain", height: "100%" } }) }) : /* @__PURE__ */ I.jsx(yA, { textAlign: "right", fontSize: "md", whiteSpace: "normal", children: A }),
+        t && /* @__PURE__ */ I.jsx(yA, { fontSize: "xs", color: "gray.500", textAlign: "right", mt: 1, children: t })
       ]
     }
   ),
@@ -35395,7 +35395,7 @@ const SeA = lr`
             }
           ),
           /* @__PURE__ */ I.jsx(
-            VA,
+            yA,
             {
               textAlign: "center",
               mt: 2,
@@ -36006,7 +36006,7 @@ const xx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
               _focus: { borderColor: u, boxShadow: "0 0 0 3px rgba(66, 153, 225, 0.6)" },
               children: /* @__PURE__ */ I.jsx(Pt, { align: "flex-end", spacing: 0, children: /* @__PURE__ */ I.jsxs(LA, { align: "center", gap: "10px", children: [
                 /* @__PURE__ */ I.jsx(pA, { as: KeA, color: e, size: 18 }),
-                /* @__PURE__ */ I.jsx(VA, { color: e, fontSize: "18px", fontWeight: "medium", marginRight: 2, children: i }),
+                /* @__PURE__ */ I.jsx(yA, { color: e, fontSize: "18px", fontWeight: "medium", marginRight: 2, children: i }),
                 /* @__PURE__ */ I.jsx(xc, { fontSize: "24px", color: e })
               ] }) })
             }
@@ -36049,7 +36049,7 @@ const xx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
                           isActive: Q[w]
                         }
                       ) : /* @__PURE__ */ I.jsx(I.Fragment, { children: U }) : /* @__PURE__ */ I.jsx(I.Fragment, { children: U }),
-                      /* @__PURE__ */ I.jsx(VA, { children: C })
+                      /* @__PURE__ */ I.jsx(yA, { children: C })
                     ] })
                   },
                   w
@@ -36064,7 +36064,7 @@ const xx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
                     _hover: { bg: "transparent", color: e },
                     children: /* @__PURE__ */ I.jsxs(LA, { align: "center", gap: "10px", children: [
                       /* @__PURE__ */ I.jsx(SO, { size: 24 }),
-                      /* @__PURE__ */ I.jsx(VA, { children: r })
+                      /* @__PURE__ */ I.jsx(yA, { children: r })
                     ] })
                   }
                 )
@@ -36222,7 +36222,7 @@ const xx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
                   isActive: t === E.url || r === f
                 }
               ),
-              l && /* @__PURE__ */ I.jsx(VA, { ml: 2, fontWeight: t === E.url || r === f ? "bold" : "normal", transition: "font-weight 0.3s ease", children: E.title })
+              l && /* @__PURE__ */ I.jsx(yA, { ml: 2, fontWeight: t === E.url || r === f ? "bold" : "normal", transition: "font-weight 0.3s ease", children: E.title })
             ]
           },
           f
@@ -36332,20 +36332,24 @@ const xx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
   onConfirm: t,
   title: n,
   description: i,
-  backText: r = "Volver",
-  confirmText: o = "Eliminar",
-  product: a = "assist",
-  colorTextDelete: s = "danger.300"
+  descriptionSecondary: r,
+  backText: o = "Volver",
+  confirmText: a = "Eliminar",
+  product: s = "assist",
+  colorTextDelete: l = "danger.300"
 }) => {
-  const l = s ? (() => {
-    const [c, g] = s.split("."), B = parseInt(g, 10) + 200;
-    return `${c}.${B}`;
+  const c = l ? (() => {
+    const [g, B] = l.split("."), u = parseInt(B, 10) + 200;
+    return `${g}.${u}`;
   })() : "danger.400";
   return /* @__PURE__ */ I.jsxs(cr, { isOpen: A, onClose: e, isCentered: !0, children: [
     /* @__PURE__ */ I.jsx(Er, {}),
     /* @__PURE__ */ I.jsxs(gr, { position: "relative", bg: "white", p: "24px", borderRadius: "16px", minW: "550px", children: [
       /* @__PURE__ */ I.jsx(ur, { fontSize: "20px", fontFamily: "sansation", children: n }),
-      /* @__PURE__ */ I.jsx(Br, { children: /* @__PURE__ */ I.jsx(VA, { fontSize: "16px", fontFamily: "Lato", children: i }) }),
+      /* @__PURE__ */ I.jsxs(Br, { children: [
+        /* @__PURE__ */ I.jsx(yA, { fontSize: "16px", fontFamily: "Lato", children: i }),
+        r && /* @__PURE__ */ I.jsx(yA, { fontSize: "16px", fontFamily: "Lato", mt: "25px", mb: "10px", children: r })
+      ] }),
       /* @__PURE__ */ I.jsxs(Sc, { display: "flex", justifyContent: "center", mt: "2px", children: [
         /* @__PURE__ */ I.jsx(
           $e,
@@ -36353,11 +36357,11 @@ const xx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
             fontSize: "18px",
             fontFamily: "sansation",
             variant: "outline",
-            color: `${a}.500`,
-            borderColor: `${a}.500`,
+            color: `${s}.500`,
+            borderColor: `${s}.500`,
             mr: 8,
             onClick: e,
-            children: r
+            children: o
           }
         ),
         /* @__PURE__ */ I.jsx(
@@ -36365,11 +36369,11 @@ const xx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
           {
             fontSize: "18px",
             fontFamily: "sansation",
-            backgroundColor: s || "danger.300",
+            backgroundColor: l || "danger.300",
             color: "white",
-            _hover: { backgroundColor: l || "danger.400" },
+            _hover: { backgroundColor: c || "danger.400" },
             onClick: t,
-            children: o
+            children: a
           }
         )
       ] })
@@ -36542,7 +36546,7 @@ const bEA = ({
       e && l(g.target.value), i && i(g);
     };
     return /* @__PURE__ */ I.jsxs(Pt, { align: "start", children: [
-      /* @__PURE__ */ I.jsx(VA, { fontSize: "1.875rem", fontWeight: "bold", color: "black.300", children: A }),
+      /* @__PURE__ */ I.jsx(yA, { fontSize: "1.875rem", fontWeight: "bold", color: "black.300", children: A }),
       /* @__PURE__ */ I.jsx(
         Ol,
         {
@@ -36598,7 +36602,7 @@ const kEA = ({ type: A = "progress" }) => {
   }
   return /* @__PURE__ */ I.jsx(Pt, { children: /* @__PURE__ */ I.jsxs(LA, { children: [
     e,
-    /* @__PURE__ */ I.jsx(VA, { color: n, fontWeight: "900", fontSize: "1rem", lineHeight: "1.375rem", children: t })
+    /* @__PURE__ */ I.jsx(yA, { color: n, fontWeight: "900", fontSize: "1rem", lineHeight: "1.375rem", children: t })
   ] }) });
 }, vEA = ({ value: A = 50, size: e = "sm", backgroundColor: t = "black.40" }) => {
   const n = `${A}%`, i = A < 50 ? "danger.400" : A < 100 ? "info.400" : A === 100 ? "success.400" : "info.500";
@@ -36609,7 +36613,7 @@ const kEA = ({ type: A = "progress" }) => {
         // Change the progress bar color
       }
     } }) }),
-    /* @__PURE__ */ I.jsx(VA, { fontWeight: "bold", fontSize: "1rem", marginLeft: "1.75rem", children: n })
+    /* @__PURE__ */ I.jsx(yA, { fontWeight: "bold", fontSize: "1rem", marginLeft: "1.75rem", children: n })
   ] });
 }, NEA = ({ items: A, colorBackground: e, colorTitle: t, colorOption: n }) => /* @__PURE__ */ I.jsx(
   LA,
@@ -36620,13 +36624,13 @@ const kEA = ({ type: A = "progress" }) => {
     borderTopRightRadius: ".75rem",
     justifyContent: "space-around",
     children: A.map((i, r) => /* @__PURE__ */ I.jsxs(pA, { maxWidth: "max-content", textAlign: "center", padding: "1rem", children: [
-      /* @__PURE__ */ I.jsx(VA, { color: t, fontSize: "1rem", fontWeight: "bold", children: i.title }),
-      /* @__PURE__ */ I.jsx(VA, { fontSize: "0.875rem", color: n, paddingTop: ".25rem", children: i.option })
+      /* @__PURE__ */ I.jsx(yA, { color: t, fontSize: "1rem", fontWeight: "bold", children: i.title }),
+      /* @__PURE__ */ I.jsx(yA, { fontSize: "0.875rem", color: n, paddingTop: ".25rem", children: i.option })
     ] }, r))
   }
 ), WEA = ({ text: A = "Positive Ranking", value: e = "1,302" }) => /* @__PURE__ */ I.jsxs(pA, { color: "black.600", maxWidth: "max-content", width: "100%", children: [
-  /* @__PURE__ */ I.jsx(VA, { fontSize: "1rem", children: A }),
-  /* @__PURE__ */ I.jsx(VA, { fontSize: "1.75rem", fontWeight: "bold", textAlign: "left", marginTop: "0.25rem", children: e })
+  /* @__PURE__ */ I.jsx(yA, { fontSize: "1rem", children: A }),
+  /* @__PURE__ */ I.jsx(yA, { fontSize: "1.75rem", fontWeight: "bold", textAlign: "left", marginTop: "0.25rem", children: e })
 ] }), HEA = ({
   backgroundColor: A = "#fff",
   boxShadow: e = "1px 1px 4px #d7d7d7",
@@ -36810,7 +36814,7 @@ const JEA = ({
             fontSize: "20px"
           }
         ),
-        /* @__PURE__ */ I.jsx(pA, { display: "flex", justifyContent: "center", flex: "1", mx: "16px", alignItems: "center", children: A === "idle" ? /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", fontWeight: "bold", color: "white", children: "Record your voice" }) : A === "recording" ? /* @__PURE__ */ I.jsx(pA, { display: "flex", gap: "2px", alignItems: "center", children: s.map((g, B) => /* @__PURE__ */ I.jsx(
+        /* @__PURE__ */ I.jsx(pA, { display: "flex", justifyContent: "center", flex: "1", mx: "16px", alignItems: "center", children: A === "idle" ? /* @__PURE__ */ I.jsx(yA, { fontSize: "sm", fontWeight: "bold", color: "white", children: "Record your voice" }) : A === "recording" ? /* @__PURE__ */ I.jsx(pA, { display: "flex", gap: "2px", alignItems: "center", children: s.map((g, B) => /* @__PURE__ */ I.jsx(
           pA,
           {
             width: "2px",
@@ -36831,7 +36835,7 @@ const JEA = ({
           },
           B
         )) }) }),
-        /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", fontWeight: "bold", marginLeft: "8px", children: e })
+        /* @__PURE__ */ I.jsx(yA, { fontSize: "sm", fontWeight: "bold", marginLeft: "8px", children: e })
       ]
     }
   );
@@ -37009,8 +37013,8 @@ const JEA = ({
   }, k = E.trim().split(" ");
   let W = "0", O = "0", v = "0", iA = "0";
   return k.length === 4 ? (W = k[0], O = k[1], v = k[2], iA = k[3]) : k.length === 3 ? (W = k[0], O = iA = k[1], v = k[2]) : k.length === 2 ? (W = v = k[0], iA = O = k[1]) : k.length === 1 ? W = O = v = iA = k[0] : W = O = v = iA = "0", /* @__PURE__ */ I.jsxs(LA, { flexDirection: "column", alignItems: "flex-start", children: [
-    /* @__PURE__ */ I.jsx(VA, { color: d, fontFamily: Q, fontSize: h, textAlign: C, margin: U, children: f }),
-    /* @__PURE__ */ I.jsx(VA, { color: F, fontFamily: w, fontSize: m, textAlign: T, children: R }),
+    /* @__PURE__ */ I.jsx(yA, { color: d, fontFamily: Q, fontSize: h, textAlign: C, margin: U, children: f }),
+    /* @__PURE__ */ I.jsx(yA, { color: F, fontFamily: w, fontSize: m, textAlign: T, children: R }),
     /* @__PURE__ */ I.jsx(LA, { flexDirection: B, margin: u, children: A == null ? void 0 : A.map((oA, M) => /* @__PURE__ */ I.jsx("div", { children: /* @__PURE__ */ I.jsx(
       m2,
       {
@@ -37146,7 +37150,7 @@ const JEA = ({
       }
     ),
     /* @__PURE__ */ I.jsx(ur, { fontSize: "18px", fontFamily: "Body", children: n }),
-    /* @__PURE__ */ I.jsx(Br, { children: /* @__PURE__ */ I.jsx(VA, { fontFamily: "Lato", children: i }) }),
+    /* @__PURE__ */ I.jsx(Br, { children: /* @__PURE__ */ I.jsx(yA, { fontFamily: "Lato", children: i }) }),
     /* @__PURE__ */ I.jsxs(Sc, { display: "flex", justifyContent: "center", mt: "10px", children: [
       /* @__PURE__ */ I.jsx(
         $e,
@@ -37253,7 +37257,7 @@ const JEA = ({
                 /* @__PURE__ */ I.jsxs(Br, { children: [
                   /* @__PURE__ */ I.jsxs(sn, { spacing: 3, justifyContent: "center", children: [
                     /* @__PURE__ */ I.jsx(stA, { color: E[i] || E.primary }),
-                    /* @__PURE__ */ I.jsx(VA, { children: t })
+                    /* @__PURE__ */ I.jsx(yA, { children: t })
                   ] }),
                   /* @__PURE__ */ I.jsx(sn, { spacing: 3, justifyContent: "center", children: o })
                 ] }),
@@ -37343,7 +37347,7 @@ const JEA = ({
                 }
               ),
               /* @__PURE__ */ I.jsxs(Br, { p: 1, mb: 3, children: [
-                /* @__PURE__ */ I.jsx(sn, { spacing: 3, justifyContent: "center", children: /* @__PURE__ */ I.jsx(VA, { fontFamily: "Lato-Regular", color: "danger.400", children: t }) }),
+                /* @__PURE__ */ I.jsx(sn, { spacing: 3, justifyContent: "center", children: /* @__PURE__ */ I.jsx(yA, { fontFamily: "Lato-Regular", color: "danger.400", children: t }) }),
                 /* @__PURE__ */ I.jsx(sn, { spacing: 3, justifyContent: "center", children: o })
               ] }),
               /* @__PURE__ */ I.jsx(Sc, { p: 1, children: /* @__PURE__ */ I.jsx(
@@ -37413,7 +37417,7 @@ const JEA = ({
         borderColor: o,
         borderRadius: "50px",
         children: /* @__PURE__ */ I.jsx(LA, { justify: "space-between", align: "center", w: "100%", children: /* @__PURE__ */ I.jsx(
-          VA,
+          yA,
           {
             fontSize: "md",
             whiteSpace: "pre-wrap",
@@ -37421,7 +37425,7 @@ const JEA = ({
             w: "85%",
             textAlign: "left",
             color: e || "#333333",
-            children: i ? /* @__PURE__ */ I.jsxs(VA, { fontStyle: "italic", color: "gray.500", children: [
+            children: i ? /* @__PURE__ */ I.jsxs(yA, { fontStyle: "italic", color: "gray.500", children: [
               /* @__PURE__ */ I.jsx("span", { children: "." }),
               /* @__PURE__ */ I.jsx("span", { children: "." }),
               /* @__PURE__ */ I.jsx("span", { children: "." })
@@ -37478,14 +37482,14 @@ const qEA = ({
       boxShadow: "0 0 0 rgba(0, 0, 0, 0.06)",
       children: /* @__PURE__ */ I.jsxs(pA, { children: [
         /* @__PURE__ */ I.jsxs(ur, { fontFamily: "Sansation-Bold", children: [
-          /* @__PURE__ */ I.jsx(VA, { fontSize: "20px", children: A }),
-          /* @__PURE__ */ I.jsx(VA, { fontSize: "28px", children: e })
+          /* @__PURE__ */ I.jsx(yA, { fontSize: "20px", children: A }),
+          /* @__PURE__ */ I.jsx(yA, { fontSize: "28px", children: e })
         ] }),
         /* @__PURE__ */ I.jsx(mc, { _hover: { backgroundColor: "white.100" }, hidden: s }),
         /* @__PURE__ */ I.jsxs(Br, { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", children: [
           /* @__PURE__ */ I.jsx(LA, { direction: "column", align: "center", gap: 1, children: t == null ? void 0 : t.map((u, E) => /* @__PURE__ */ I.jsxs(LA, { align: "center", justify: "flex-start", w: "100%", gap: 2, children: [
             /* @__PURE__ */ I.jsx(pA, { mt: "2px", children: o || /* @__PURE__ */ I.jsx(ltA, { size: "20", color: "#2f93df" }) }),
-            /* @__PURE__ */ I.jsx(VA, { fontFamily: "Lato", color: "black.400", fontSize: "16px", children: u.name })
+            /* @__PURE__ */ I.jsx(yA, { fontFamily: "Lato", color: "black.400", fontSize: "16px", children: u.name })
           ] }, E)) }),
           /* @__PURE__ */ I.jsx(
             $e,
@@ -37500,7 +37504,7 @@ const qEA = ({
               _hover: {
                 backgroundColor: "assist.500"
               },
-              children: /* @__PURE__ */ I.jsx(VA, { children: n })
+              children: /* @__PURE__ */ I.jsx(yA, { children: n })
             }
           )
         ] })
@@ -37513,7 +37517,7 @@ function ctA(A) {
 }
 const $EA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirection: "row", onClick: e, color: "info.500", alignItems: "center", fontFamily: "Lato", fontSize: "1rem", maxWidth: "max-content", width: "100%", cursor: "pointer", children: [
   /* @__PURE__ */ I.jsx(ctA, {}),
-  /* @__PURE__ */ I.jsx(VA, { marginLeft: ".5rem", children: A })
+  /* @__PURE__ */ I.jsx(yA, { marginLeft: ".5rem", children: A })
 ] }), gtA = ({
   width: A = 200,
   height: e = 195,
@@ -37642,7 +37646,7 @@ const $EA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
       children: [
         r && /* @__PURE__ */ I.jsx(r, { width: "100%", height: "100%" }),
         n || /* @__PURE__ */ I.jsx(
-          VA,
+          yA,
           {
             position: "absolute",
             color: "white",
@@ -37719,7 +37723,7 @@ const $EA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
               children: [
                 /* @__PURE__ */ I.jsxs(LA, { align: "center", flex: "1", children: [
                   /* @__PURE__ */ I.jsx(pA, { mr: 3, children: r.icon }),
-                  /* @__PURE__ */ I.jsx(VA, { fontWeight: "bold", fontSize: "19px", fontFamily: "Heading", children: r.name })
+                  /* @__PURE__ */ I.jsx(yA, { fontWeight: "bold", fontSize: "19px", fontFamily: "Heading", children: r.name })
                 ] }),
                 /* @__PURE__ */ I.jsxs(LA, { align: "center", flex: "1", justify: "flex-start", width: "45%", minW: "45%", children: [
                   /* @__PURE__ */ I.jsx(
@@ -37730,7 +37734,7 @@ const $EA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
                     }
                   ),
                   /* @__PURE__ */ I.jsx(
-                    VA,
+                    yA,
                     {
                       ml: 2,
                       mr: 2,
@@ -37745,7 +37749,7 @@ const $EA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
                     }
                   ),
                   r.numericPhone && /* @__PURE__ */ I.jsx(
-                    VA,
+                    yA,
                     {
                       color: "#21B06E",
                       fontSize: "16px",
@@ -37758,7 +37762,7 @@ const $EA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
                 ] }),
                 /* @__PURE__ */ I.jsxs(LA, { align: "center", flex: "1", justify: "flex-end", children: [
                   /* @__PURE__ */ I.jsx(
-                    VA,
+                    yA,
                     {
                       ml: 2,
                       mr: 4,
@@ -37830,46 +37834,47 @@ function GF({
   );
 }
 const nIA = ({
-  icon: A,
-  title: e,
-  status: t,
-  menuOptions: n,
-  textBottomOption: i,
-  currentUrl: r,
-  ...o
+  color: A,
+  icon: e,
+  title: t,
+  status: n,
+  menuOptions: i,
+  textBottomOption: r,
+  currentUrl: o,
+  ...a
 }) => {
-  const a = ["hub", "play", "elevate", "assist", "talent", "ad", "collect", "localhost"], s = () => window.location.hostname.split(".").find((y) => a.includes(y)) || "default", l = `sidebarOpen_${s()}`, c = `sidebarOpenMap_${s()}`, [g, B] = SA(() => {
-    const m = localStorage.getItem(l);
-    return m === null ? (localStorage.setItem(l, "true"), !0) : m === "true";
-  }), u = tt.primary[400], E = zf(tt, `${u.split(".")[0]}.300`), f = () => {
-    B((m) => (localStorage.setItem(l, String(!m)), !m));
-  };
-  let d, Q, h;
-  switch (t.toLowerCase()) {
+  const s = ["hub", "play", "elevate", "assist", "talent", "ad", "collect", "localhost"], l = () => window.location.hostname.split(".").find((y) => s.includes(y)) || "default", c = `sidebarOpen_${l()}`, g = `sidebarOpenMap_${l()}`, [B, u] = SA(() => {
+    const m = localStorage.getItem(c);
+    return m === null ? (localStorage.setItem(c, "true"), !0) : m === "true";
+  }), E = A || tt.primary[400], f = zf(tt, `${E.split(".")[0]}.300`), d = () => {
+    u((m) => (localStorage.setItem(c, String(!m)), !m));
+  };
+  let Q, h;
+  switch (n.toLowerCase()) {
     case "progress":
     case "processing":
-      d = /* @__PURE__ */ I.jsx(qeA, { size: 20, style: { color: "#FFCF70", marginRight: ".5rem" } }), Q = "En curso", h = "#FFCF70";
+      Q = /* @__PURE__ */ I.jsx(qeA, { size: 20, style: { color: "#FFCF70", marginRight: ".5rem" } }), h = "En curso", A = "#FFCF70";
       break;
     case "active":
     case "ready":
-      d = /* @__PURE__ */ I.jsx(lS, { size: 20, style: { color: "#21B06e", marginRight: ".5rem" } }), Q = "Disponible", h = "#21B06e";
+      Q = /* @__PURE__ */ I.jsx(lS, { size: 20, style: { color: "#21B06e", marginRight: ".5rem" } }), h = "Disponible", A = "#21B06e";
       break;
     case "failed":
     case "error":
-      d = /* @__PURE__ */ I.jsx(etA, { size: 20, style: { color: "#ce0015", marginRight: ".5rem" } }), Q = "Incidencia", h = "#ce0015";
+      Q = /* @__PURE__ */ I.jsx(etA, { size: 20, style: { color: "#ce0015", marginRight: ".5rem" } }), h = "Incidencia", A = "#ce0015";
       break;
     case "inactive":
-      d = /* @__PURE__ */ I.jsx(Sx, { size: 20, style: { color: "#666", marginRight: ".5rem", transform: "rotate(90deg)" } }), Q = "Inactivo", h = "#666";
+      Q = /* @__PURE__ */ I.jsx(Sx, { size: 20, style: { color: "#666", marginRight: ".5rem", transform: "rotate(90deg)" } }), h = "Inactivo", A = "#666";
       break;
     case "warning":
-      d = /* @__PURE__ */ I.jsx(otA, { size: 20, style: { color: "#D68F00", marginRight: ".5rem" } }), Q = "Atención", h = "#D68F00";
+      Q = /* @__PURE__ */ I.jsx(otA, { size: 20, style: { color: "#D68F00", marginRight: ".5rem" } }), h = "Atención", A = "#D68F00";
       break;
     default:
-      d = null;
+      Q = null;
   }
   const [C, U] = SA(() => {
     try {
-      const m = localStorage.getItem(c);
+      const m = localStorage.getItem(g);
       return m ? JSON.parse(m) : {};
     } catch {
       return {};
@@ -37878,13 +37883,13 @@ const nIA = ({
     U((D) => {
       const y = { ...D, [m]: !D[m] };
       try {
-        localStorage.setItem(c, JSON.stringify(y));
+        localStorage.setItem(g, JSON.stringify(y));
       } catch {
       }
       return y;
     });
   }, F = (m, T, D, y) => {
-    const J = Array.isArray(m.children) && m.children.length > 0, _ = !!(r && m.url && (r === m.url || r.startsWith(m.url + "/"))), k = `opt-${D}-${y}`, W = C[k] ?? !1, O = () => {
+    const J = Array.isArray(m.children) && m.children.length > 0, _ = !!(o && m.url && (o === m.url || o.startsWith(m.url + "/"))), k = `opt-${D}-${y}`, W = C[k] ?? !1, O = () => {
       J && R(k), m.onClick && !J && m.onClick();
     };
     return /* @__PURE__ */ I.jsxs(pA, { width: "100%", children: [
@@ -37892,13 +37897,13 @@ const nIA = ({
         $e,
         {
           onClick: O,
-          justifyContent: g ? "flex-start" : "center",
+          justifyContent: B ? "flex-start" : "center",
           width: "100%",
           variant: "ghost",
           color: _ ? "#5AA9E6" : tt.black[400],
-          px: g ? 4 : 2,
+          px: B ? 4 : 2,
           transition: "all 0.6s ease-in-out",
-          iconSpacing: g ? 2 : 0,
+          iconSpacing: B ? 2 : 0,
           display: "flex",
           alignItems: "center",
           h: "36px",
@@ -37911,11 +37916,11 @@ const nIA = ({
             color: "#5AA9E6",
             "> div > p": { fontWeight: "bold" }
           },
-          children: /* @__PURE__ */ I.jsxs(LA, { align: "center", width: "100%", justifyContent: g ? "flex-start" : "center", children: [
-            g && /* @__PURE__ */ I.jsx(pA, { width: `${T * 12}px`, flexShrink: 0 }),
+          children: /* @__PURE__ */ I.jsxs(LA, { align: "center", width: "100%", justifyContent: B ? "flex-start" : "center", children: [
+            B && /* @__PURE__ */ I.jsx(pA, { width: `${T * 12}px`, flexShrink: 0 }),
             m.icon,
-            g && /* @__PURE__ */ I.jsx(VA, { ml: 2, transition: "font-weight 0.3s ease", color: "black.500", noOfLines: 1, children: m.title }),
-            J && g && /* @__PURE__ */ I.jsx(pA, { ml: 2, children: /* @__PURE__ */ I.jsx(utA, {}) })
+            B && /* @__PURE__ */ I.jsx(yA, { ml: 2, transition: "font-weight 0.3s ease", color: "black.500", noOfLines: 1, children: m.title }),
+            J && B && /* @__PURE__ */ I.jsx(pA, { ml: 2, children: /* @__PURE__ */ I.jsx(utA, {}) })
           ] })
         }
       ),
@@ -37938,9 +37943,9 @@ const nIA = ({
       bg: tt.white[100],
       color: tt.black[400],
       borderRight: `1px solid ${tt.black[50]}`,
-      minWidth: g ? "210px" : "80px",
-      width: g ? "210px" : "80px",
-      padding: g ? "0 10px 0 0" : "0",
+      minWidth: B ? "210px" : "80px",
+      width: B ? "210px" : "80px",
+      padding: B ? "0 10px 0 0" : "0",
       transition: "min-width 0.3s ease, background-color 0.3s ease",
       minHeight: "100vh",
       boxShadow: "xl",
@@ -37949,22 +37954,22 @@ const nIA = ({
       h: "100vh",
       zIndex: 9,
       paddingTop: "83px",
-      ...o,
+      ...a,
       children: [
         /* @__PURE__ */ I.jsxs(Pt, { align: "start", pt: "20px", position: "relative", width: "100%", spacing: 0, children: [
-          /* @__PURE__ */ I.jsx(LA, { width: "100%", display: g ? "none" : "flex", justifyContent: "center", children: A }),
-          /* @__PURE__ */ I.jsxs(pA, { width: "100%", display: g ? "block" : "none", mb: 4, children: [
-            /* @__PURE__ */ I.jsx(VA, { color: "#5AA9E6", fontFamily: "Sansation-Bold", fontSize: "24px", width: "100%", children: e }),
+          /* @__PURE__ */ I.jsx(LA, { width: "100%", display: B ? "none" : "flex", justifyContent: "center", children: e }),
+          /* @__PURE__ */ I.jsxs(pA, { width: "100%", display: B ? "block" : "none", mb: 4, children: [
+            /* @__PURE__ */ I.jsx(yA, { color: "#5AA9E6", fontFamily: "Sansation-Bold", fontSize: "24px", width: "100%", children: t }),
             /* @__PURE__ */ I.jsxs(LA, { width: "100%", justifyContent: "center", alignItems: "center", cursor: "pointer", children: [
-              d,
-              /* @__PURE__ */ I.jsx(VA, { color: h, fontSize: "16px", children: Q })
+              Q,
+              /* @__PURE__ */ I.jsx(yA, { color: A, fontSize: "16px", children: h })
             ] })
           ] }),
           /* @__PURE__ */ I.jsx(
             Et,
             {
-              icon: g ? /* @__PURE__ */ I.jsx(oS, { boxSize: "24px" }) : /* @__PURE__ */ I.jsx(mQ, { boxSize: "24px" }),
-              onClick: f,
+              icon: B ? /* @__PURE__ */ I.jsx(oS, { boxSize: "24px" }) : /* @__PURE__ */ I.jsx(mQ, { boxSize: "24px" }),
+              onClick: d,
               position: "absolute",
               top: "125px",
               right: "-20px",
@@ -37975,20 +37980,20 @@ const nIA = ({
               boxShadow: "md",
               zIndex: 2,
               transition: "all 0.6s ease-in-out",
-              _hover: { bg: E }
+              _hover: { bg: f }
             }
           ),
-          n.length > 0 && n[0].options.length > 0 && /* @__PURE__ */ I.jsx(
+          i.length > 0 && i[0].options.length > 0 && /* @__PURE__ */ I.jsx(
             pA,
             {
               width: "100%",
               mb: 4,
               alignItems: "center",
-              ml: g ? 4 : 0,
-              children: F(n[0].options[0], 0, 0, "chat")
+              ml: B ? 4 : 0,
+              children: F(i[0].options[0], 0, 0, "chat")
             }
           ),
-          n.slice(1).map((m, T) => {
+          i.slice(1).map((m, T) => {
             var W;
             const D = T + 1, y = `section-${D}`, J = (((W = m.options) == null ? void 0 : W.length) ?? 0) > 0, _ = C[y] ?? !1, k = () => R(y);
             return /* @__PURE__ */ I.jsxs(
@@ -37996,10 +38001,10 @@ const nIA = ({
               {
                 flexDirection: "column",
                 width: "100%",
-                pl: g ? "10px" : "0px",
+                pl: B ? "10px" : "0px",
                 mt: w,
                 children: [
-                  m.title && g && /* @__PURE__ */ I.jsxs(
+                  m.title && B && /* @__PURE__ */ I.jsxs(
                     LA,
                     {
                       ml: 2,
@@ -38011,7 +38016,7 @@ const nIA = ({
                       userSelect: "none",
                       children: [
                         /* @__PURE__ */ I.jsx(
-                          VA,
+                          yA,
                           {
                             transition: "font-weight 0.3s ease",
                             fontFamily: "Sansation-Bold",
@@ -38029,7 +38034,7 @@ const nIA = ({
                   /* @__PURE__ */ I.jsx(
                     GF,
                     {
-                      open: g ? _ : !0,
+                      open: B ? _ : !0,
                       items: m.options || [],
                       stepDelayMs: 70,
                       enterMs: 600,
@@ -38043,7 +38048,7 @@ const nIA = ({
             );
           })
         ] }),
-        i == null ? void 0 : i.map((m, T) => /* @__PURE__ */ I.jsx(
+        r == null ? void 0 : r.map((m, T) => /* @__PURE__ */ I.jsx(
           $e,
           {
             display: "flex",
@@ -38061,10 +38066,10 @@ const nIA = ({
               "& p": { fontWeight: "bold" }
             },
             onClick: m.onClick,
-            isActive: r === m.url,
+            isActive: o === m.url,
             children: /* @__PURE__ */ I.jsxs(LA, { children: [
               m.icon,
-              g && /* @__PURE__ */ I.jsx(VA, { ml: 2, transition: "font-weight 0.3s ease", color: "black.500", children: m.title })
+              B && /* @__PURE__ */ I.jsx(yA, { ml: 2, transition: "font-weight 0.3s ease", color: "black.500", children: m.title })
             ] })
           },
           T
@@ -38102,13 +38107,13 @@ const nIA = ({
             mt: "4px",
             children: [
               /* @__PURE__ */ I.jsx(pA, { as: "span", textAlign: "center", children: /* @__PURE__ */ I.jsx(QtA, { width: 40, height: 40 }) }),
-              /* @__PURE__ */ I.jsx(VA, { fontFamily: "Heading", fontSize: "22px", children: "¡Atención!" })
+              /* @__PURE__ */ I.jsx(yA, { fontFamily: "Heading", fontSize: "22px", children: "¡Atención!" })
             ]
           }
         ),
         /* @__PURE__ */ I.jsx(mc, { hidden: r }),
         /* @__PURE__ */ I.jsx(Br, { margin: "0 auto", maxWidth: "320px", width: "100%", padding: "0", mb: "15px", children: /* @__PURE__ */ I.jsx(
-          VA,
+          yA,
           {
             fontFamily: "Lato",
             fontSize: "16px",
@@ -38167,13 +38172,13 @@ const nIA = ({
             mt: "4px",
             children: [
               /* @__PURE__ */ I.jsx(pA, { as: "span", textAlign: "center", children: /* @__PURE__ */ I.jsx(htA, { width: 40, height: 40 }) }),
-              /* @__PURE__ */ I.jsx(VA, { fontFamily: "Sansation-Bold", fontSize: "20px", children: "¡Atención!" })
+              /* @__PURE__ */ I.jsx(yA, { fontFamily: "Sansation-Bold", fontSize: "20px", children: "¡Atención!" })
             ]
           }
         ),
         /* @__PURE__ */ I.jsx(mc, { hidden: r }),
         /* @__PURE__ */ I.jsx(Br, { margin: "0 auto", maxWidth: "310px", width: "100%", padding: "0", children: /* @__PURE__ */ I.jsx(
-          VA,
+          yA,
           {
             fontFamily: "Lato-Regular",
             fontSize: "16px",
@@ -38345,7 +38350,7 @@ const mtA = ({ content: A }) => /* @__PURE__ */ I.jsx(
     textAlign: "right",
     justifyContent: "flex-end",
     width: "fit-content",
-    children: /* @__PURE__ */ I.jsx(VA, { children: A })
+    children: /* @__PURE__ */ I.jsx(yA, { children: A })
   }
 ), PF = {};
 function StA(A) {
@@ -54231,7 +54236,7 @@ const aEA = {
                   },
                   children: [
                     /* @__PURE__ */ I.jsx(pA, { children: /* @__PURE__ */ I.jsx(
-                      VA,
+                      yA,
                       {
                         fontFamily: "Sansation-Regular, sans-serif",
                         fontSize: "17px",