anima-ds-nucleus 1.0.25 → 1.0.27

package/dist/anima-ds.esm.js

@@ -41,29 +41,29 @@ function Je() {
     }
     function L(o, m, E) {
       {
-        var B = R.ReactDebugCurrentFrame, z = B.getStackAddendum();
-        z !== "" && (m += "%s", E = E.concat([z]));
+        var B = R.ReactDebugCurrentFrame, _ = B.getStackAddendum();
+        _ !== "" && (m += "%s", E = E.concat([_]));
         var X = E.map(function(N) {
           return String(N);
         });
         X.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, X);
       }
     }
-    var F = !1, $ = !1, k = !1, Q = !1, P = !1, W;
+    var F = !1, k = !1, $ = !1, Q = !1, P = !1, W;
     W = Symbol.for("react.module.reference");
     function O(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === u || P || o === c || o === f || o === w || Q || o === h || F || $ || k || typeof o == "object" && o !== null && (o.$$typeof === p || o.$$typeof === g || o.$$typeof === d || o.$$typeof === s || o.$$typeof === i || // This needs to include all possible module reference object
+      return !!(typeof o == "string" || typeof o == "function" || o === n || o === u || P || o === c || o === f || o === w || Q || o === h || F || k || $ || typeof o == "object" && o !== null && (o.$$typeof === p || o.$$typeof === g || o.$$typeof === d || o.$$typeof === s || o.$$typeof === i || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       o.$$typeof === W || o.getModuleId !== void 0));
     }
-    function r0(o, m, E) {
+    function n0(o, m, E) {
       var B = o.displayName;
       if (B)
         return B;
-      var z = m.displayName || m.name || "";
-      return z !== "" ? E + "(" + z + ")" : E;
+      var _ = m.displayName || m.name || "";
+      return _ !== "" ? E + "(" + _ + ")" : E;
     }
     function C(o) {
       return o.displayName || "Context";
@@ -98,12 +98,12 @@ function Je() {
             var E = o;
             return C(E._context) + ".Provider";
           case i:
-            return r0(o, o.render, "ForwardRef");
+            return n0(o, o.render, "ForwardRef");
           case g:
             var B = o.displayName || null;
             return B !== null ? B : j(o.type) || "Memo";
           case p: {
-            var z = o, X = z._payload, N = z._init;
+            var _ = o, X = _._payload, N = _._init;
             try {
               return j(N(X));
             } catch {
@@ -113,14 +113,14 @@ function Je() {
         }
       return null;
     }
-    var T = Object.assign, K = 0, D, Z, H, _, n0, e0, c0;
+    var T = Object.assign, K = 0, D, Z, H, z, t0, J, c0;
     function U() {
     }
     U.__reactDisabledLog = !0;
     function g0() {
       {
         if (K === 0) {
-          D = console.log, Z = console.info, H = console.warn, _ = console.error, n0 = console.group, e0 = console.groupCollapsed, c0 = console.groupEnd;
+          D = console.log, Z = console.info, H = console.warn, z = console.error, t0 = console.group, J = console.groupCollapsed, c0 = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -159,13 +159,13 @@ function Je() {
               value: H
             }),
             error: T({}, o, {
-              value: _
+              value: z
             }),
             group: T({}, o, {
-              value: n0
+              value: t0
             }),
             groupCollapsed: T({}, o, {
-              value: e0
+              value: J
             }),
             groupEnd: T({}, o, {
               value: c0
@@ -181,8 +181,8 @@ function Je() {
         if (l0 === void 0)
           try {
             throw Error();
-          } catch (z) {
-            var B = z.stack.trim().match(/\n( *(at )?)/);
+          } catch (_) {
+            var B = _.stack.trim().match(/\n( *(at )?)/);
             l0 = B && B[1] || "";
           }
         return `
@@ -204,7 +204,7 @@ function Je() {
       }
       var B;
       C0 = !0;
-      var z = Error.prepareStackTrace;
+      var _ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var X;
       X = v0.current, v0.current = null, g0();
@@ -244,23 +244,23 @@ function Je() {
         if (h0 && B && typeof h0.stack == "string") {
           for (var V = h0.stack.split(`
 `), d0 = B.stack.split(`
-`), J = V.length - 1, a0 = d0.length - 1; J >= 1 && a0 >= 0 && V[J] !== d0[a0]; )
-            a0--;
-          for (; J >= 1 && a0 >= 0; J--, a0--)
-            if (V[J] !== d0[a0]) {
-              if (J !== 1 || a0 !== 1)
+`), a0 = V.length - 1, r0 = d0.length - 1; a0 >= 1 && r0 >= 0 && V[a0] !== d0[r0]; )
+            r0--;
+          for (; a0 >= 1 && r0 >= 0; a0--, r0--)
+            if (V[a0] !== d0[r0]) {
+              if (a0 !== 1 || r0 !== 1)
                 do
-                  if (J--, a0--, a0 < 0 || V[J] !== d0[a0]) {
+                  if (a0--, r0--, r0 < 0 || V[a0] !== d0[r0]) {
                     var p0 = `
-` + V[J].replace(" at new ", " at ");
+` + V[a0].replace(" at new ", " at ");
                     return o.displayName && p0.includes("<anonymous>") && (p0 = p0.replace("<anonymous>", o.displayName)), typeof o == "function" && R0.set(o, p0), p0;
                   }
-                while (J >= 1 && a0 >= 0);
+                while (a0 >= 1 && r0 >= 0);
               break;
             }
         }
       } finally {
-        C0 = !1, v0.current = X, M0(), Error.prepareStackTrace = z;
+        C0 = !1, v0.current = X, M0(), Error.prepareStackTrace = _;
       }
       var q0 = o ? o.displayName || o.name : "", W0 = q0 ? x0(q0) : "";
       return typeof o == "function" && R0.set(o, W0), W0;
@@ -292,9 +292,9 @@ function Je() {
           case g:
             return E0(o.type, m, E);
           case p: {
-            var B = o, z = B._payload, X = B._init;
+            var B = o, _ = B._payload, X = B._init;
             try {
-              return E0(X(z), m, E);
+              return E0(X(_), m, E);
             } catch {
             }
           }
@@ -309,7 +309,7 @@ function Je() {
       } else
         z0.setExtraStackFrame(null);
     }
-    function ee(o, m, E, B, z) {
+    function ee(o, m, E, B, _) {
       {
         var X = Function.call.bind(A0);
         for (var N in o)
@@ -321,10 +321,10 @@ function Je() {
                 throw d0.name = "Invariant Violation", d0;
               }
               V = o[N](m, N, B, E, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (J) {
-              V = J;
+            } catch (a0) {
+              V = a0;
             }
-            V && !(V instanceof Error) && (L0(z), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", B || "React class", E, N, typeof V), L0(null)), V instanceof Error && !(V.message in U0) && (U0[V.message] = !0, L0(z), v("Failed %s type: %s", E, V.message), L0(null));
+            V && !(V instanceof Error) && (L0(_), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", B || "React class", E, N, typeof V), L0(null)), V instanceof Error && !(V.message in U0) && (U0[V.message] = !0, L0(_), v("Failed %s type: %s", E, V.message), L0(null));
           }
       }
     }
@@ -377,7 +377,7 @@ function Je() {
     function s0(o, m) {
       typeof o.ref == "string" && G.current;
     }
-    function t0(o, m) {
+    function e0(o, m) {
       {
         var E = function() {
           F0 || (F0 = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
@@ -399,7 +399,7 @@ function Je() {
         });
       }
     }
-    var o0 = function(o, m, E, B, z, X, N) {
+    var o0 = function(o, m, E, B, _, X, N) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -425,25 +425,25 @@ function Je() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: z
+        value: _
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function N0(o, m, E, B, z) {
+    function N0(o, m, E, B, _) {
       {
         var X, N = {}, V = null, d0 = null;
-        E !== void 0 && (Y(E), V = "" + E), O0(m) && (Y(m.key), V = "" + m.key), _0(m) && (d0 = m.ref, s0(m, z));
+        E !== void 0 && (Y(E), V = "" + E), O0(m) && (Y(m.key), V = "" + m.key), _0(m) && (d0 = m.ref, s0(m, _));
         for (X in m)
           A0.call(m, X) && !y0.hasOwnProperty(X) && (N[X] = m[X]);
         if (o && o.defaultProps) {
-          var J = o.defaultProps;
-          for (X in J)
-            N[X] === void 0 && (N[X] = J[X]);
+          var a0 = o.defaultProps;
+          for (X in a0)
+            N[X] === void 0 && (N[X] = a0[X]);
         }
         if (V || d0) {
-          var a0 = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          V && t0(N, a0), d0 && j0(N, a0);
+          var r0 = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          V && e0(N, r0), d0 && j0(N, r0);
         }
-        return o0(o, V, d0, z, B, G.current, N);
+        return o0(o, V, d0, _, B, G.current, N);
       }
     }
     var $0 = R.ReactCurrentOwner, q = R.ReactDebugCurrentFrame;
@@ -512,9 +512,9 @@ Check the top-level render call using <` + E + ">.");
         else if (re(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var z = A(o);
-          if (typeof z == "function" && z !== o.entries)
-            for (var X = z.call(o), N; !(N = X.next()).done; )
+          var _ = A(o);
+          if (typeof _ == "function" && _ !== o.entries)
+            for (var X = _.call(o), N; !(N = X.next()).done; )
               re(N.value) && ve(N.value, m);
         }
       }
@@ -538,8 +538,8 @@ Check the top-level render call using <` + E + ">.");
           ee(E, o.props, "prop", B, o);
         } else if (m.PropTypes !== void 0 && !H0) {
           H0 = !0;
-          var z = j(m);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", z || "Unknown");
+          var _ = j(m);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
         }
         typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -557,7 +557,7 @@ Check the top-level render call using <` + E + ">.");
       }
     }
     var w0 = {};
-    function P0(o, m, E, B, z, X) {
+    function P0(o, m, E, B, _, X) {
       {
         var N = O(o);
         if (!N) {
@@ -565,12 +565,12 @@ Check the top-level render call using <` + E + ">.");
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (V += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var d0 = u0();
           d0 ? V += d0 : V += k0();
-          var J;
-          o === null ? J = "null" : V0(o) ? J = "array" : o !== void 0 && o.$$typeof === r ? (J = "<" + (j(o.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : J = typeof o, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, V);
+          var a0;
+          o === null ? a0 = "null" : V0(o) ? a0 = "array" : o !== void 0 && o.$$typeof === r ? (a0 = "<" + (j(o.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : a0 = typeof o, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", a0, V);
         }
-        var a0 = N0(o, m, E, z, X);
-        if (a0 == null)
-          return a0;
+        var r0 = N0(o, m, E, _, X);
+        if (r0 == null)
+          return r0;
         if (N) {
           var p0 = m.children;
           if (p0 !== void 0)
@@ -598,7 +598,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, be, W0, _e, W0), w0[W0 + be] = !0;
           }
         }
-        return o === n ? pe(a0) : ge(a0), a0;
+        return o === n ? pe(r0) : ge(r0), r0;
       }
     }
     function I(o, m, E) {
@@ -662,16 +662,16 @@ const m0 = ({
     // gray-400
     background: "#F3F4F6"
     // gray-100
-  }, L = h[c] || h.Teal, [F, $] = S(!1), k = i, Q = "font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", P = {
+  }, L = h[c] || h.Teal, [F, k] = S(!1), $ = i, Q = "font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", P = {
     Small: "px-3 py-1.5 text-sm rounded-md",
     Default: "px-4 py-2 text-base rounded-lg",
     Large: "px-6 py-3 text-lg rounded-lg"
   }, W = (Z, H = 1) => {
-    const _ = parseInt(Z.slice(1, 3), 16), n0 = parseInt(Z.slice(3, 5), 16), e0 = parseInt(Z.slice(5, 7), 16);
-    return `rgba(${_}, ${n0}, ${e0}, ${H})`;
+    const z = parseInt(Z.slice(1, 3), 16), t0 = parseInt(Z.slice(3, 5), 16), J = parseInt(Z.slice(5, 7), 16);
+    return `rgba(${z}, ${t0}, ${J}, ${H})`;
   }, O = () => {
     const Z = {};
-    if (k) {
+    if ($) {
       switch (g) {
         case "Primary":
           Z.backgroundColor = v.background, Z.color = v.text;
@@ -694,13 +694,13 @@ const m0 = ({
         Z.borderColor = H, Z.color = H, Z.borderWidth = "1px", Z.borderStyle = "solid", F ? Z.backgroundColor = W(H, 0.1) : Z.backgroundColor = c === "Honey" || c === "Grape" ? "#ffffff" : "transparent";
         break;
       case "Ghost":
-        const _ = A[c] || L, n0 = R[c] || L;
-        c === "Honey" ? (Z.color = n0, Z.backgroundColor = "#ffffff", F && (Z.backgroundColor = W(_, 0.1))) : (Z.color = n0, Z.backgroundColor = F ? W(_, 0.1) : "transparent");
+        const z = A[c] || L, t0 = R[c] || L;
+        c === "Honey" ? (Z.color = t0, Z.backgroundColor = "#ffffff", F && (Z.backgroundColor = W(z, 0.1))) : (Z.color = t0, Z.backgroundColor = F ? W(z, 0.1) : "transparent");
         break;
     }
     return Z;
   }, C = (() => {
-    if (k)
+    if ($)
       switch (g) {
         case "Primary":
           return {
@@ -749,10 +749,10 @@ const m0 = ({
     ${Q}
     ${j}
     ${C.base}
-    ${k ? C.disabled : "cursor-pointer"}
+    ${$ ? C.disabled : "cursor-pointer"}
     ${f}
   `.trim().replace(/\s+/g, " "), D = (Z) => {
-    !k && d && d(Z);
+    !$ && d && d(Z);
   };
   return /* @__PURE__ */ l.jsx(
     "button",
@@ -760,10 +760,10 @@ const m0 = ({
       type: s,
       className: K,
       style: T,
-      disabled: k,
+      disabled: $,
       onClick: D,
-      onMouseEnter: () => !k && $(!0),
-      onMouseLeave: () => $(!1),
+      onMouseEnter: () => !$ && k(!0),
+      onMouseLeave: () => k(!1),
       ...w,
       children: p
     }
@@ -32333,13 +32333,13 @@ const Be = zD, b = ({
   mobileIconStyle: L,
   // Sección de Configuración
   configSectionLabel: F = "Configuración",
-  configSectionIcon: $ = "Cog6ToothIcon",
-  configSectionId: k = "configuracion",
+  configSectionIcon: k = "Cog6ToothIcon",
+  configSectionId: $ = "configuracion",
   onConfigClick: Q,
   configBadge: P,
   isOpen: W,
   onClose: O,
-  className: r0 = "",
+  className: n0 = "",
   ...C
 }) => {
   const [j, T] = S(!1), [K, D] = S(null), Z = W !== void 0 ? W : j, H = h && K != null ? K : r;
@@ -32348,7 +32348,7 @@ const Be = zD, b = ({
   }, [r, K, h]), Z0(() => {
     h && !Z && K != null && D(null);
   }, [Z, K, h]);
-  const _ = () => {
+  const z = () => {
     O ? O() : T(!j);
   };
   return (() => {
@@ -32377,7 +32377,7 @@ const Be = zD, b = ({
     !Z && W === void 0 && /* @__PURE__ */ l.jsx(
       "button",
       {
-        onClick: _,
+        onClick: z,
         className: `fixed top-4 left-4 z-50 p-2 bg-white rounded-lg \r
                    hover:bg-gray-50 transition-colors`,
         style: { border: "1px solid #C4C4C4" },
@@ -32410,14 +32410,14 @@ const Be = zD, b = ({
           transition: `opacity ${g}ms ${p}`
         },
         onClick: () => {
-          O ? O() : _();
+          O ? O() : z();
         }
       }
     ),
     /* @__PURE__ */ l.jsx(
       "aside",
       {
-        className: `bg-white sidebar-core-mobile ${r0}`,
+        className: `bg-white sidebar-core-mobile ${n0}`,
         style: { border: "1px solid #C4C4C4", borderRadius: "16px" },
         ...C,
         children: /* @__PURE__ */ l.jsxs("nav", { className: "h-full flex flex-col", children: [
@@ -32464,7 +32464,7 @@ const Be = zD, b = ({
               "button",
               {
                 onClick: () => {
-                  O ? O() : _();
+                  O ? O() : z();
                 },
                 className: "p-1 hover:bg-gray-100 rounded transition-colors flex-shrink-0",
                 "aria-label": "Cerrar menú",
@@ -32492,7 +32492,7 @@ const Be = zD, b = ({
               "button",
               {
                 onClick: () => {
-                  t && t("inicio"), O ? O() : _();
+                  t && t("inicio"), O ? O() : z();
                 },
                 className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${H === "inicio" ? "" : "color-gray-700 hover:bg-gray-100"}`,
                 style: H === "inicio" ? { backgroundColor: "#2D5C63" } : {},
@@ -32542,20 +32542,19 @@ const Be = zD, b = ({
                 ]
               }
             ) }),
-            a.map((e0, c0) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
+            a.map((J, c0) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ l.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ l.jsx(
                 x,
                 {
-                  variant: "body-sm",
-                  className: "color-gray-500 uppercase font-medium tracking-wider",
-                  children: e0.title
+                  className: "text-sidebar-core color-gray-500 uppercase font-medium tracking-wider",
+                  children: J.title
                 }
               ) }),
-              /* @__PURE__ */ l.jsx("div", { children: e0.items.map((U) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
+              /* @__PURE__ */ l.jsx("div", { children: J.items.map((U) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
                 "button",
                 {
                   onClick: () => {
-                    h && D(U.id), t && t(U.id), O ? M ? requestAnimationFrame(() => O()) : O() : _();
+                    h && D(U.id), t && t(U.id), O ? M ? requestAnimationFrame(() => O()) : O() : z();
                   },
                   className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${H === U.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
                   style: H === U.id ? { backgroundColor: "#2D5C63" } : {},
@@ -32622,7 +32621,7 @@ const Be = zD, b = ({
                   {
                     style: {
                       position: "absolute",
-                      top: "24px",
+                      top: "0px",
                       left: "16px",
                       right: "16px",
                       height: "1px",
@@ -32634,19 +32633,19 @@ const Be = zD, b = ({
                   "button",
                   {
                     onClick: () => {
-                      h && D(k), Q && Q(k), O ? M ? requestAnimationFrame(() => O()) : O() : _();
+                      h && D($), t && t($), Q && Q($), O ? M ? requestAnimationFrame(() => O()) : O() : z();
                     },
-                    className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${H === k ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                    style: H === k ? { backgroundColor: "#2D5C63" } : {},
+                    className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${H === $ ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                    style: H === $ ? { backgroundColor: "#2D5C63" } : {},
                     children: [
                       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                         /* @__PURE__ */ l.jsx(
                           b,
                           {
-                            name: $,
+                            name: k,
                             variant: "24-outline",
                             size: v,
-                            className: `mr-3 ${H === k ? "color-white" : "color-gray-700"}`,
+                            className: `mr-3 ${H === $ ? "color-white" : "color-gray-700"}`,
                             style: {
                               width: `${v}px`,
                               height: `${v}px`,
@@ -32660,8 +32659,8 @@ const Be = zD, b = ({
                           x,
                           {
                             variant: "body-md",
-                            weight: H === k ? R : A,
-                            className: H === k ? "color-white" : "color-gray-700",
+                            weight: H === $ ? R : A,
+                            className: H === $ ? "color-white" : "color-gray-700",
                             style: { fontSize: y },
                             children: F
                           }
@@ -32674,8 +32673,8 @@ const Be = zD, b = ({
                            rounded-full flex items-center justify-center\r
                            text-body-sm font-medium`,
                           style: {
-                            backgroundColor: H === k ? "#ffffff" : "#6D3856",
-                            color: H === k ? "#6D3856" : "#ffffff",
+                            backgroundColor: H === $ ? "#ffffff" : "#6D3856",
+                            color: H === $ ? "#6D3856" : "#ffffff",
                             borderRadius: "12px"
                           },
                           children: P > 9 ? "9+" : P
@@ -32702,9 +32701,9 @@ const Be = zD, b = ({
                   style: { color: "#2D5C63" },
                   className: "text-center",
                   children: (() => {
-                    const e0 = s.split("|");
-                    if (e0.length === 2) {
-                      const c0 = e0[0].trim(), U = e0[1].trim();
+                    const J = s.split("|");
+                    if (J.length === 2) {
+                      const c0 = J[0].trim(), U = J[1].trim();
                       if (U.includes("Powered by")) {
                         const g0 = U.match(/Powered by (.+)/);
                         if (g0)
@@ -32764,14 +32763,14 @@ const Be = zD, b = ({
   desktopCollapseIconStyle: L,
   // Desktop: overrides para el control de expandir (solo cuando está colapsado)
   desktopExpandButtonClassName: F = "",
-  desktopExpandButtonStyle: $,
-  desktopExpandIconSize: k = 20,
+  desktopExpandButtonStyle: k,
+  desktopExpandIconSize: $ = 20,
   desktopExpandIconStrokeWidth: Q = 1.5,
   desktopExpandIconColor: P = "#0F172A",
   desktopExpandIconClassName: W = "",
   desktopExpandIconStyle: O,
   // Desktop: labels de items (solo cuando NO está colapsado)
-  desktopItemLabelFontSize: r0 = "1rem",
+  desktopItemLabelFontSize: n0 = "1rem",
   desktopItemLabelWeightInactive: C = "regular",
   desktopItemLabelWeightActive: j = "semibold",
   // Desktop: íconos de navegación (items)
@@ -32782,9 +32781,9 @@ const Be = zD, b = ({
   desktopCollapsedIconInnerStyle: Z,
   desktopCollapsedIconWrapperStyle: H,
   // Desktop colapsado: solapamiento icono + badge (mínimo)
-  desktopCollapsedOverlapEnabled: _ = !0,
-  desktopCollapsedOverlapIconMarginLeftPx: n0 = 3,
-  desktopCollapsedOverlapBadgeMarginLeftPx: e0 = -6,
+  desktopCollapsedOverlapEnabled: z = !0,
+  desktopCollapsedOverlapIconMarginLeftPx: t0 = 3,
+  desktopCollapsedOverlapBadgeMarginLeftPx: J = -6,
   desktopCollapsedOverlapColumnGapPx: c0 = 0,
   desktopNavIconStyle: U,
   // Desktop colapsado: wrapper de cada item (Inicio + opciones)
@@ -32830,7 +32829,7 @@ const Be = zD, b = ({
   // Sección de Configuración
   configSectionLabel: O0 = "Configuración",
   configSectionIcon: s0 = "Cog6ToothIcon",
-  configSectionId: t0 = "configuracion",
+  configSectionId: e0 = "configuracion",
   onConfigClick: j0,
   configBadge: o0,
   className: N0 = "",
@@ -32887,7 +32886,7 @@ const Be = zD, b = ({
         coreTextStyle: D0,
         configSectionLabel: O0,
         configSectionIcon: s0,
-        configSectionId: t0,
+        configSectionId: e0,
         onConfigClick: j0,
         configBadge: o0,
         className: N0,
@@ -33020,19 +33019,19 @@ const Be = zD, b = ({
             onClick: ue,
             className: `p-1.5 hover:bg-gray-100 rounded-lg transition-colors ${F}`,
             "aria-label": "Expandir sidebar",
-            style: $,
+            style: k,
             children: /* @__PURE__ */ l.jsx(
               b,
               {
                 name: "ChevronDoubleRightIcon",
                 variant: "24-outline",
-                size: k,
+                size: $,
                 strokeWidth: Q,
                 className: W,
                 style: {
                   color: P,
-                  width: `${k}px`,
-                  height: `${k}px`,
+                  width: `${$}px`,
+                  height: `${$}px`,
                   opacity: 1,
                   transform: "rotate(0deg)",
                   ...O || {}
@@ -33087,7 +33086,7 @@ const Be = zD, b = ({
                                   display: "flex",
                                   alignItems: "center",
                                   justifyContent: "center",
-                                  marginLeft: _ && Y.inicio !== void 0 && Y.inicio > 0 ? `${n0}px` : void 0,
+                                  marginLeft: z && Y.inicio !== void 0 && Y.inicio > 0 ? `${t0}px` : void 0,
                                   ...H || {}
                                 },
                                 children: /* @__PURE__ */ l.jsx(
@@ -33139,7 +33138,7 @@ const Be = zD, b = ({
                                   borderRadius: "16px",
                                   opacity: 1,
                                   transform: "rotate(0deg)",
-                                  marginLeft: _ ? `${e0}px` : void 0,
+                                  marginLeft: z ? `${J}px` : void 0,
                                   boxSizing: "border-box",
                                   ...x0 || {}
                                 },
@@ -33176,7 +33175,7 @@ const Be = zD, b = ({
                           weight: r === "inicio" ? j : C,
                           className: `${r === "inicio" ? "color-white" : "color-gray-700"} min-w-0`,
                           style: {
-                            fontSize: r0,
+                            fontSize: n0,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap"
@@ -33251,8 +33250,7 @@ const Be = zD, b = ({
                 !q && /* @__PURE__ */ l.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ l.jsx(
                   x,
                   {
-                    variant: "body-sm",
-                    className: "color-gray-500 uppercase font-medium tracking-wider",
+                    className: "text-sidebar-core color-gray-500 uppercase font-medium tracking-wider",
                     children: w0.title
                   }
                 ) }),
@@ -33299,7 +33297,7 @@ const Be = zD, b = ({
                                     display: "flex",
                                     alignItems: "center",
                                     justifyContent: "center",
-                                    marginLeft: _ && (Y[I.id] !== void 0 && Y[I.id] > 0 || I.id === "empleados") ? `${n0}px` : void 0,
+                                    marginLeft: z && (Y[I.id] !== void 0 && Y[I.id] > 0 || I.id === "empleados") ? `${t0}px` : void 0,
                                     ...H || {}
                                   },
                                   children: /* @__PURE__ */ l.jsx(
@@ -33351,7 +33349,7 @@ const Be = zD, b = ({
                                     borderRadius: "16px",
                                     opacity: 1,
                                     transform: "rotate(0deg)",
-                                    marginLeft: _ ? `${e0}px` : void 0,
+                                    marginLeft: z ? `${J}px` : void 0,
                                     boxSizing: "border-box",
                                     ...x0 || {}
                                   },
@@ -33388,7 +33386,7 @@ const Be = zD, b = ({
                             weight: r === I.id ? j : C,
                             className: `${r === I.id ? "color-white" : "color-gray-700"} min-w-0`,
                             style: {
-                              fontSize: r0,
+                              fontSize: n0,
                               overflow: "hidden",
                               textOverflow: "ellipsis",
                               whiteSpace: "nowrap"
@@ -33434,7 +33432,7 @@ const Be = zD, b = ({
                 {
                   style: {
                     position: "absolute",
-                    top: "24px",
+                    top: "0px",
                     left: "16px",
                     right: "16px",
                     height: "1px",
@@ -33445,9 +33443,11 @@ const Be = zD, b = ({
               /* @__PURE__ */ l.jsxs(
                 "button",
                 {
-                  onClick: () => j0 && j0(t0),
-                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === t0 ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                  style: r === t0 ? { backgroundColor: "#2D5C63" } : {},
+                  onClick: () => {
+                    t && t(e0), j0 && j0(e0);
+                  },
+                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === e0 ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                  style: r === e0 ? { backgroundColor: "#2D5C63" } : {},
                   children: [
                     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                       /* @__PURE__ */ l.jsx(
@@ -33456,17 +33456,17 @@ const Be = zD, b = ({
                           name: s0,
                           variant: "24-outline",
                           size: u0,
-                          className: `mr-3 ${r === t0 ? "color-white" : "color-gray-700"}`
+                          className: `mr-3 ${r === e0 ? "color-white" : "color-gray-700"}`
                         }
                       ),
                       /* @__PURE__ */ l.jsx(
                         x,
                         {
                           variant: "body-lg",
-                          weight: r === t0 ? j : C,
-                          className: `${r === t0 ? "color-white" : "color-gray-700"} min-w-0`,
+                          weight: r === e0 ? j : C,
+                          className: `${r === e0 ? "color-white" : "color-gray-700"} min-w-0`,
                           style: {
-                            fontSize: r0,
+                            fontSize: n0,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap"
@@ -33482,8 +33482,8 @@ const Be = zD, b = ({
                            rounded-full flex items-center justify-center\r
                            text-body-sm font-medium`,
                         style: {
-                          backgroundColor: r === t0 ? "#ffffff" : "#6D3856",
-                          color: r === t0 ? "#6D3856" : "#ffffff",
+                          backgroundColor: r === e0 ? "#ffffff" : "#6D3856",
+                          color: r === e0 ? "#6D3856" : "#ffffff",
                           borderRadius: "12px"
                         },
                         children: o0 > 9 ? "9+" : o0
@@ -33510,7 +33510,7 @@ const Be = zD, b = ({
                 {
                   style: {
                     position: "absolute",
-                    top: "24px",
+                    top: "0px",
                     left: "8px",
                     right: "8px",
                     height: "1px",
@@ -33524,14 +33524,16 @@ const Be = zD, b = ({
                   className: g0,
                   style: {
                     ...G0,
-                    backgroundColor: r === t0 ? v0 : "transparent",
+                    backgroundColor: r === e0 ? v0 : "transparent",
                     ...M0 || {}
                   },
                   title: O0,
                   children: /* @__PURE__ */ l.jsx(
                     "button",
                     {
-                      onClick: () => j0 && j0(t0),
+                      onClick: () => {
+                        t && t(e0), j0 && j0(e0);
+                      },
                       className: "flex items-center justify-center transition-all duration-200",
                       style: {
                         width: "100%",
@@ -33561,7 +33563,7 @@ const Be = zD, b = ({
                                   display: "flex",
                                   alignItems: "center",
                                   justifyContent: "center",
-                                  marginLeft: _ && o0 !== void 0 && o0 > 0 ? `${n0}px` : void 0,
+                                  marginLeft: z && o0 !== void 0 && o0 > 0 ? `${t0}px` : void 0,
                                   ...H || {}
                                 },
                                 children: /* @__PURE__ */ l.jsx(
@@ -33583,7 +33585,7 @@ const Be = zD, b = ({
                                         name: s0,
                                         variant: "24-outline",
                                         size: u0,
-                                        className: r === t0 ? "color-white" : "color-gray-700",
+                                        className: r === e0 ? "color-white" : "color-gray-700",
                                         style: {
                                           width: `${u0}px`,
                                           height: `${u0}px`,
@@ -33602,8 +33604,8 @@ const Be = zD, b = ({
                               {
                                 className: `flex items-center justify-center text-body-sm font-medium ${l0}`,
                                 style: {
-                                  backgroundColor: r === t0 ? "#ffffff" : "#6D3856",
-                                  color: r === t0 ? "#6D3856" : "#ffffff",
+                                  backgroundColor: r === e0 ? "#ffffff" : "#6D3856",
+                                  color: r === e0 ? "#6D3856" : "#ffffff",
                                   width: C0,
                                   height: R0,
                                   paddingTop: "4px",
@@ -33613,7 +33615,7 @@ const Be = zD, b = ({
                                   borderRadius: "16px",
                                   opacity: 1,
                                   transform: "rotate(0deg)",
-                                  marginLeft: _ ? `${e0}px` : void 0,
+                                  marginLeft: z ? `${J}px` : void 0,
                                   boxSizing: "border-box",
                                   ...x0 || {}
                                 },
@@ -33779,14 +33781,14 @@ const Be = zD, b = ({
   desktopSearchContainerStyle: v,
   desktopRightContainerClassName: L = "",
   desktopRightContainerStyle: F,
-  notificationButtonClassName: $ = "",
-  notificationButtonStyle: k,
+  notificationButtonClassName: k = "",
+  notificationButtonStyle: $,
   notificationIconClassName: Q = "",
   notificationIconStyle: P,
   notificationBadgeClassName: W = "",
   notificationBadgeStyle: O,
   // Overrides específicos de medidas/posiciones (Desktop / Mobile)
-  notificationDesktopButtonStyle: r0,
+  notificationDesktopButtonStyle: n0,
   notificationDesktopIconWrapperClassName: C = "",
   notificationDesktopIconWrapperStyle: j,
   notificationDesktopIconSize: T = 24,
@@ -33794,9 +33796,9 @@ const Be = zD, b = ({
   notificationDesktopIconStyle: D,
   notificationDesktopBadgeStyle: Z,
   notificationMobileButtonClassName: H = "",
-  notificationMobileButtonStyle: _,
-  notificationMobileIconWrapperClassName: n0 = "",
-  notificationMobileIconWrapperStyle: e0,
+  notificationMobileButtonStyle: z,
+  notificationMobileIconWrapperClassName: t0 = "",
+  notificationMobileIconWrapperStyle: J,
   notificationMobileIconSize: c0 = 24,
   notificationMobileIconStrokeWidth: U = 1.5,
   notificationMobileIconStyle: g0,
@@ -33824,7 +33826,7 @@ const Be = zD, b = ({
   className: de = "",
   ...se
 }) => {
-  const [S0, Y] = S(""), [G, y0] = S(!1), [F0, D0] = S(!1), [_0, O0] = S(void 0), s0 = Ze(null), t0 = c > 0 ? "BellAlertIcon" : "BellIcon", j0 = () => {
+  const [S0, Y] = S(""), [G, y0] = S(!1), [F0, D0] = S(!1), [_0, O0] = S(void 0), s0 = Ze(null), e0 = c > 0 ? "BellAlertIcon" : "BellIcon", j0 = () => {
     s0.current && (clearTimeout(s0.current), s0.current = null), D0(!0), y0(!1), requestAnimationFrame(() => y0(!0));
   }, o0 = () => {
     y0(!1);
@@ -33898,7 +33900,7 @@ const Be = zD, b = ({
           }
         }
       ` }),
-        /* @__PURE__ */ l.jsxs("div", { className: "w-full", style: { paddingLeft: "4px", paddingRight: "4px" }, children: [
+        /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
           /* @__PURE__ */ l.jsxs(
             "div",
             {
@@ -33969,15 +33971,15 @@ const Be = zD, b = ({
                         "button",
                         {
                           onClick: d,
-                          className: `ml-3 p-2 hover:bg-gray-100 rounded-lg transition-colors flex items-center gap-2 ${$}`,
+                          className: `ml-3 p-2 hover:bg-gray-100 rounded-lg transition-colors flex items-center gap-2 ${k}`,
                           "aria-label": "Notificaciones",
                           style: {
                             // Nota: en desktop el contenedor derecho está anclado a la derecha (marginLeft: auto).
                             // Un ml-* en el primer hijo no “mueve” visualmente, porque ensancha el contenedor hacia la izquierda.
                             // Por eso usamos translateX por defecto (overrideable por props).
                             transform: "translateX(12px)",
-                            ...k || {},
-                            ...r0 || {}
+                            ...$ || {},
+                            ...n0 || {}
                           },
                           children: [
                             /* @__PURE__ */ l.jsx(
@@ -33993,7 +33995,7 @@ const Be = zD, b = ({
                                 children: /* @__PURE__ */ l.jsx(
                                   b,
                                   {
-                                    name: t0,
+                                    name: e0,
                                     variant: "24-outline",
                                     size: T,
                                     strokeWidth: K,
@@ -34146,7 +34148,7 @@ const Be = zD, b = ({
                       "button",
                       {
                         onClick: d,
-                        className: `ml-2 hover:bg-gray-100 transition-colors flex items-center justify-center ${$} ${H}`,
+                        className: `ml-2 hover:bg-gray-100 transition-colors flex items-center justify-center ${k} ${H}`,
                         "aria-label": "Notificaciones",
                         style: {
                           width: "48px",
@@ -34155,24 +34157,24 @@ const Be = zD, b = ({
                           borderRadius: "8px",
                           opacity: 1,
                           transform: "rotate(0deg)",
-                          ...k || {},
-                          ..._ || {}
+                          ...$ || {},
+                          ...z || {}
                         },
                         children: [
                           /* @__PURE__ */ l.jsx(
                             "span",
                             {
-                              className: `relative inline-block ${n0}`,
+                              className: `relative inline-block ${t0}`,
                               style: {
                                 width: "24px",
                                 height: "24px",
                                 opacity: 1,
-                                ...e0 || {}
+                                ...J || {}
                               },
                               children: /* @__PURE__ */ l.jsx(
                                 b,
                                 {
-                                  name: t0,
+                                  name: e0,
                                   variant: "24-outline",
                                   size: c0,
                                   strokeWidth: U,
@@ -34754,35 +34756,35 @@ const Be = zD, b = ({
                   children: L.title
                 }
               ) }),
-              /* @__PURE__ */ l.jsx("div", { className: "space-y-1", children: L.items.map(($) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
+              /* @__PURE__ */ l.jsx("div", { className: "space-y-1", children: L.items.map((k) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
                 "button",
                 {
                   onClick: () => {
-                    t && t($.id), A();
+                    t && t(k.id), A();
                   },
-                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === $.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                  style: r === $.id ? { backgroundColor: "#2D5C63" } : {},
+                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === k.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                  style: r === k.id ? { backgroundColor: "#2D5C63" } : {},
                   children: [
                     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                       /* @__PURE__ */ l.jsx(
                         b,
                         {
-                          name: $.icon,
+                          name: k.icon,
                           variant: "24-outline",
                           size: 20,
-                          className: `mr-3 ${r === $.id ? "color-white" : "color-gray-700"}`
+                          className: `mr-3 ${r === k.id ? "color-white" : "color-gray-700"}`
                         }
                       ),
                       /* @__PURE__ */ l.jsx(
                         x,
                         {
                           variant: "body-md",
-                          className: `font-medium ${r === $.id ? "color-white" : "color-gray-700"}`,
-                          children: $.label
+                          className: `font-medium ${r === k.id ? "color-white" : "color-gray-700"}`,
+                          children: k.label
                         }
                       )
                     ] }),
-                    (d[$.id] !== void 0 && d[$.id] > 0 || $.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
+                    (d[k.id] !== void 0 && d[k.id] > 0 || k.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
                       "span",
                       {
                         className: `px-2 py-0.5 min-w-[20px] h-5 \r
@@ -34792,12 +34794,12 @@ const Be = zD, b = ({
                           backgroundColor: "#6D3856",
                           borderRadius: "12px"
                         },
-                        children: $.id === "empleados" ? 2 : d[$.id] > 9 ? "9+" : d[$.id]
+                        children: k.id === "empleados" ? 2 : d[k.id] > 9 ? "9+" : d[k.id]
                       }
                     )
                   ]
                 }
-              ) }, $.id)) })
+              ) }, k.id)) })
             ] }, F))
           ] })
         ] })
@@ -34825,9 +34827,9 @@ const Be = zD, b = ({
   const [A, R] = S(""), [v, L] = S(!1), F = (W) => {
     const O = W.target.value;
     R(O), c && c(O);
-  }, $ = (W) => {
-    W.preventDefault(), c && c(A);
   }, k = (W) => {
+    W.preventDefault(), c && c(A);
+  }, $ = (W) => {
     f && f(W), L(!1);
   }, Q = () => {
     L(!1);
@@ -35034,7 +35036,7 @@ const Be = zD, b = ({
         children: [
           /* @__PURE__ */ l.jsxs("div", { className: "w-full", style: { paddingLeft: "4px", paddingRight: "4px" }, children: [
             /* @__PURE__ */ l.jsxs("div", { className: "header-desktop-layout flex items-center justify-between", style: { height: xe, padding: "16px" }, children: [
-              /* @__PURE__ */ l.jsx("div", { className: "header-search-wrapper", style: { marginRight: "16px" }, children: /* @__PURE__ */ l.jsxs("form", { onSubmit: $, className: "header-search-form flex items-center w-full", children: [
+              /* @__PURE__ */ l.jsx("div", { className: "header-search-wrapper", style: { marginRight: "16px" }, children: /* @__PURE__ */ l.jsxs("form", { onSubmit: k, className: "header-search-form flex items-center w-full", children: [
                 /* @__PURE__ */ l.jsx(
                   "input",
                   {
@@ -35181,7 +35183,7 @@ const Be = zD, b = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ l.jsx("div", { className: "header-mobile-search-row", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: $, className: "header-search-form flex items-center w-full", children: [
+              /* @__PURE__ */ l.jsx("div", { className: "header-mobile-search-row", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: k, className: "header-search-form flex items-center w-full", children: [
                 /* @__PURE__ */ l.jsx(
                   "input",
                   {
@@ -35227,7 +35229,7 @@ const Be = zD, b = ({
             {
               sections: s,
               activeItem: i,
-              onItemClick: k,
+              onItemClick: $,
               itemBadges: w,
               companyName: g,
               companyLogo: p,
@@ -35529,8 +35531,8 @@ const Be = zD, b = ({
   ...M
 }) => {
   const [y, A] = S(""), R = (F) => F > 9 ? "9+" : F, v = (F) => {
-    const $ = F.target.value;
-    A($), c && c($);
+    const k = F.target.value;
+    A(k), c && c(k);
   }, L = (F) => {
     F.preventDefault(), c && c(y);
   };
@@ -35784,9 +35786,10 @@ const Be = zD, b = ({
                   x,
                   {
                     variant: "body-sm",
-                    className: "mt-1 font-medium nav-point-text",
+                    className: `mt-1 ${f ? "font-medium" : "font-regular"} nav-point-text`,
                     style: {
                       color: f ? hN : mN,
+                      fontSize: "1rem",
                       whiteSpace: "nowrap",
                       overflow: "hidden",
                       textOverflow: "ellipsis",
@@ -36243,13 +36246,13 @@ const Be = zD, b = ({
   // Layout / styles (overrideable)
   className: L = "",
   style: F,
-  leftClassName: $ = "",
-  leftStyle: k,
+  leftClassName: k = "",
+  leftStyle: $,
   rightClassName: Q = "",
   rightStyle: P,
   saludoFechaContainerClassName: W = "",
   saludoFechaContainerStyle: O,
-  inicioContainerClassName: r0 = "",
+  inicioContainerClassName: n0 = "",
   inicioContainerStyle: C,
   inicioTextClassName: j = "",
   inicioTextStyle: T,
@@ -36257,9 +36260,9 @@ const Be = zD, b = ({
   inicioIconStyle: D,
   greetingClassName: Z = "",
   greetingStyle: H,
-  greetingPrefix: _ = "¡",
-  greetingSuffix: n0 = "!",
-  nameClassName: e0 = "",
+  greetingPrefix: z = "¡",
+  greetingSuffix: t0 = "!",
+  nameClassName: J = "",
   nameStyle: c0,
   dateTextClassName: U = "",
   dateTextStyle: g0,
@@ -36297,7 +36300,7 @@ const Be = zD, b = ({
           u && /* @__PURE__ */ l.jsxs(
             "div",
             {
-              className: `scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${r0}`,
+              className: `scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${n0}`,
               style: {
                 // Mantener "Inicio" alineado al mismo borde que "Hola" (padding-left del contenedor inferior)
                 paddingLeft: "8px",
@@ -36361,7 +36364,7 @@ const Be = zD, b = ({
                 ...O || {}
               },
               children: [
-                /* @__PURE__ */ l.jsx("div", { className: `scfd-greeting-wrapper min-w-0 ${$}`, style: k, children: /* @__PURE__ */ l.jsxs(
+                /* @__PURE__ */ l.jsx("div", { className: `scfd-greeting-wrapper min-w-0 ${k}`, style: $, children: /* @__PURE__ */ l.jsxs(
                   x,
                   {
                     variant: "h5",
@@ -36393,7 +36396,7 @@ const Be = zD, b = ({
                             color: "#223B40"
                           },
                           children: [
-                            _,
+                            z,
                             r
                           ]
                         }
@@ -36403,7 +36406,7 @@ const Be = zD, b = ({
                         /* @__PURE__ */ l.jsx(
                           "span",
                           {
-                            className: e0,
+                            className: J,
                             style: {
                               display: "inline-block",
                               verticalAlign: "middle",
@@ -36420,7 +36423,7 @@ const Be = zD, b = ({
                           }
                         )
                       ] }) : null,
-                      /* @__PURE__ */ l.jsx("span", { style: { display: "inline-block", verticalAlign: "middle" }, children: n0 })
+                      /* @__PURE__ */ l.jsx("span", { style: { display: "inline-block", verticalAlign: "middle" }, children: t0 })
                     ]
                   }
                 ) }),
@@ -36481,13 +36484,14 @@ const Be = zD, b = ({
 }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: `bg-white ${a}`,
+    className: `bg-white w-full ${a}`,
     style: {
-      width: "379.5px",
-      height: "476px",
+      minHeight: "476px",
       borderRadius: "14px",
       border: "1px solid #C4C4C4",
-      opacity: 1
+      opacity: 1,
+      display: "flex",
+      flexDirection: "column"
     },
     ...r,
     children: [
@@ -36509,13 +36513,12 @@ const Be = zD, b = ({
           "div",
           {
             style: {
-              width: "379.5px",
-              height: "60px",
               paddingTop: "24px",
               paddingRight: "24px",
               paddingBottom: "6px",
               paddingLeft: "24px",
-              opacity: 1
+              opacity: 1,
+              flexShrink: 0
             },
             children: /* @__PURE__ */ l.jsx(
               "div",
@@ -36589,13 +36592,14 @@ const Be = zD, b = ({
 }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: `bg-white ${r}`,
+    className: `bg-white w-full ${r}`,
     style: {
-      width: "379.5px",
-      height: "476px",
+      minHeight: "476px",
       borderRadius: "14px",
       border: "1px solid #C4C4C4",
-      opacity: 1
+      opacity: 1,
+      display: "flex",
+      flexDirection: "column"
     },
     ...t,
     children: [
@@ -36603,21 +36607,20 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "60px",
             paddingTop: "24px",
             paddingRight: "24px",
             paddingBottom: "6px",
             paddingLeft: "24px",
-            opacity: 1
+            opacity: 1,
+            flexShrink: 0
           },
           className: "flex items-start justify-between",
           children: /* @__PURE__ */ l.jsx(
             "div",
             {
               style: {
-                width: "331.5px",
-                height: "30px",
+                flex: 1,
+                minWidth: 0,
                 opacity: 1
               },
               children: /* @__PURE__ */ l.jsx(
@@ -36635,20 +36638,23 @@ const Be = zD, b = ({
       /* @__PURE__ */ l.jsxs(
         "div",
         {
-          className: "flex flex-col items-center justify-center",
+          className: "flex flex-col items-center justify-center flex-1",
           style: {
             paddingTop: "80px",
             paddingBottom: "24px",
+            paddingLeft: "24px",
+            paddingRight: "24px",
             display: "flex",
-            justifyContent: "flex-start"
+            justifyContent: "flex-start",
+            minHeight: 0
           },
           children: [
             /* @__PURE__ */ l.jsx(
               "div",
               {
-                className: "mb-4 flex items-center justify-center",
+                className: "mb-4 flex items-center justify-center flex-shrink-0",
                 style: {
-                  width: "63.99068069458008px",
+                  width: "64px",
                   height: "64px",
                   borderRadius: "12px",
                   paddingTop: "8px",
@@ -36711,13 +36717,14 @@ const Be = zD, b = ({
 }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: `bg-white ${t}`,
+    className: `bg-white w-full ${t}`,
     style: {
-      width: "379.5px",
-      height: "476px",
+      minHeight: "476px",
       borderRadius: "14px",
       border: "1px solid #C4C4C4",
-      opacity: 1
+      opacity: 1,
+      display: "flex",
+      flexDirection: "column"
     },
     ...n,
     children: [
@@ -36725,21 +36732,20 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "60px",
             paddingTop: "24px",
             paddingRight: "24px",
             paddingBottom: "6px",
             paddingLeft: "24px",
-            opacity: 1
+            opacity: 1,
+            flexShrink: 0
           },
           className: "flex items-start justify-between",
           children: /* @__PURE__ */ l.jsx(
             "div",
             {
               style: {
-                width: "331.5px",
-                height: "30px",
+                flex: 1,
+                minWidth: 0,
                 opacity: 1
               },
               children: /* @__PURE__ */ l.jsx(
@@ -36757,18 +36763,21 @@ const Be = zD, b = ({
       /* @__PURE__ */ l.jsxs(
         "div",
         {
-          className: "flex flex-col items-center justify-center",
+          className: "flex flex-col items-center justify-center flex-1",
           style: {
             paddingTop: "80px",
             paddingBottom: "24px",
+            paddingLeft: "24px",
+            paddingRight: "24px",
             display: "flex",
-            justifyContent: "flex-start"
+            justifyContent: "flex-start",
+            minHeight: 0
           },
           children: [
             /* @__PURE__ */ l.jsx(
               "div",
               {
-                className: "mb-4 flex items-center justify-center border-2 rounded-full",
+                className: "mb-4 flex items-center justify-center border-2 rounded-full flex-shrink-0",
                 style: {
                   borderColor: "#374151",
                   width: "48px",
@@ -36790,8 +36799,8 @@ const Be = zD, b = ({
               "div",
               {
                 style: {
-                  width: "331.5px",
-                  height: "48px",
+                  width: "100%",
+                  maxWidth: "331.5px",
                   opacity: 1,
                   display: "flex",
                   alignItems: "center",
@@ -36822,8 +36831,9 @@ const Be = zD, b = ({
               {
                 className: "border flex items-center justify-center",
                 style: {
-                  width: "331.5px",
-                  height: "128px",
+                  width: "100%",
+                  maxWidth: "331.5px",
+                  minHeight: "128px",
                   borderRadius: "10px",
                   borderWidth: "1px",
                   borderColor: "#EF4444",
@@ -36838,8 +36848,7 @@ const Be = zD, b = ({
                   "div",
                   {
                     style: {
-                      width: "298px",
-                      height: "96px",
+                      width: "100%",
                       opacity: 1
                     },
                     children: /* @__PURE__ */ l.jsx(
@@ -36869,13 +36878,14 @@ const Be = zD, b = ({
 }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: `bg-white ${t}`,
+    className: `bg-white w-full ${t}`,
     style: {
-      width: "379.5px",
-      height: "476px",
+      minHeight: "476px",
       borderRadius: "14px",
       border: "1px solid #C4C4C4",
-      opacity: 1
+      opacity: 1,
+      display: "flex",
+      flexDirection: "column"
     },
     ...n,
     children: [
@@ -36883,21 +36893,20 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "60px",
             paddingTop: "24px",
             paddingRight: "24px",
             paddingBottom: "6px",
             paddingLeft: "24px",
-            opacity: 1
+            opacity: 1,
+            flexShrink: 0
           },
           className: "flex items-start justify-between",
           children: /* @__PURE__ */ l.jsx(
             "div",
             {
               style: {
-                width: "331.5px",
-                height: "30px",
+                flex: 1,
+                minWidth: 0,
                 opacity: 1
               },
               children: /* @__PURE__ */ l.jsx(
@@ -36926,14 +36935,16 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "416px",
+            flex: 1,
             paddingRight: "24px",
             paddingLeft: "24px",
+            paddingBottom: "24px",
             gap: "16px",
             opacity: 1,
             display: "flex",
-            flexDirection: "column"
+            flexDirection: "column",
+            minHeight: 0,
+            overflow: "auto"
           },
           children: r
         }
@@ -36948,13 +36959,14 @@ const Be = zD, b = ({
 }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: `bg-white ${t}`,
+    className: `bg-white w-full ${t}`,
     style: {
-      width: "379.5px",
-      height: "476px",
+      minHeight: "476px",
       borderRadius: "14px",
       border: "1px solid #C4C4C4",
-      opacity: 1
+      opacity: 1,
+      display: "flex",
+      flexDirection: "column"
     },
     ...n,
     children: [
@@ -36962,21 +36974,20 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "60px",
             paddingTop: "24px",
             paddingRight: "24px",
             paddingBottom: "6px",
             paddingLeft: "24px",
-            opacity: 1
+            opacity: 1,
+            flexShrink: 0
           },
           className: "flex items-start justify-between",
           children: /* @__PURE__ */ l.jsx(
             "div",
             {
               style: {
-                width: "331.5px",
-                height: "30px",
+                flex: 1,
+                minWidth: 0,
                 opacity: 1
               },
               children: /* @__PURE__ */ l.jsx(
@@ -37005,14 +37016,16 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "416px",
+            flex: 1,
             paddingRight: "24px",
             paddingLeft: "24px",
+            paddingBottom: "24px",
             gap: "16px",
             opacity: 1,
             display: "flex",
-            flexDirection: "column"
+            flexDirection: "column",
+            minHeight: 0,
+            overflow: "auto"
           },
           children: r
         }
@@ -37028,13 +37041,14 @@ const Be = zD, b = ({
 }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: `bg-white ${n}`,
+    className: `bg-white w-full ${n}`,
     style: {
-      width: "379.5px",
-      height: "476px",
+      minHeight: "476px",
       borderRadius: "14px",
       border: "1px solid #C4C4C4",
-      opacity: 1
+      opacity: 1,
+      display: "flex",
+      flexDirection: "column"
     },
     ...c,
     children: [
@@ -37042,13 +37056,12 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "60px",
             paddingTop: "24px",
             paddingRight: "24px",
             paddingBottom: "6px",
             paddingLeft: "24px",
-            opacity: 1
+            opacity: 1,
+            flexShrink: 0
           },
           className: "flex items-start justify-between",
           children: [
@@ -37056,8 +37069,8 @@ const Be = zD, b = ({
               "div",
               {
                 style: {
-                  width: "331.5px",
-                  height: "30px",
+                  flex: 1,
+                  minWidth: 0,
                   opacity: 1
                 },
                 children: /* @__PURE__ */ l.jsx(
@@ -37085,7 +37098,7 @@ const Be = zD, b = ({
               {
                 className: "text-sm font-medium flex-shrink-0 ml-2 flex items-center justify-center",
                 style: {
-                  width: "90px",
+                  minWidth: "90px",
                   height: "24px",
                   borderRadius: "12px",
                   paddingTop: "2px",
@@ -37106,14 +37119,16 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "416px",
+            flex: 1,
             paddingRight: "24px",
             paddingLeft: "24px",
+            paddingBottom: "24px",
             gap: "16px",
             opacity: 1,
             display: "flex",
-            flexDirection: "column"
+            flexDirection: "column",
+            minHeight: 0,
+            overflow: "auto"
           },
           children: t
         }
@@ -37129,13 +37144,14 @@ const Be = zD, b = ({
 }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: `bg-white ${n}`,
+    className: `bg-white w-full ${n}`,
     style: {
-      width: "379.5px",
-      height: "476px",
+      minHeight: "476px",
       borderRadius: "14px",
       border: "1px solid #C4C4C4",
-      opacity: 1
+      opacity: 1,
+      display: "flex",
+      flexDirection: "column"
     },
     ...c,
     children: [
@@ -37143,13 +37159,12 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "90px",
             paddingTop: "24px",
             paddingRight: "24px",
             paddingBottom: "6px",
             paddingLeft: "24px",
-            opacity: 1
+            opacity: 1,
+            flexShrink: 0
           },
           className: "flex items-start justify-between",
           children: [
@@ -37157,8 +37172,8 @@ const Be = zD, b = ({
               "div",
               {
                 style: {
-                  width: "241.5px",
-                  height: "60px",
+                  flex: 1,
+                  minWidth: 0,
                   opacity: 1
                 },
                 children: /* @__PURE__ */ l.jsx(
@@ -37186,7 +37201,7 @@ const Be = zD, b = ({
               {
                 className: "text-sm font-medium flex-shrink-0 ml-2 flex items-center justify-center",
                 style: {
-                  width: "90px",
+                  minWidth: "90px",
                   height: "24px",
                   borderRadius: "12px",
                   paddingTop: "2px",
@@ -37207,14 +37222,16 @@ const Be = zD, b = ({
         "div",
         {
           style: {
-            width: "379.5px",
-            height: "416px",
+            flex: 1,
             paddingRight: "24px",
             paddingLeft: "24px",
+            paddingBottom: "24px",
             gap: "16px",
             opacity: 1,
             display: "flex",
-            flexDirection: "column"
+            flexDirection: "column",
+            minHeight: 0,
+            overflow: "auto"
           },
           children: t
         }
@@ -38032,12 +38049,12 @@ const Be = zD, b = ({
   className: A = "",
   ...R
 }) => {
-  const { t: v } = b0(), L = a === "hexa-login", [F, $] = S({
+  const { t: v } = b0(), L = a === "hexa-login", [F, k] = S({
     email: "",
     password: "",
     rememberMe: !1
-  }), [k, Q] = S({}), P = (C, j) => {
-    $((T) => ({ ...T, [C]: j })), k[C] && Q((T) => ({ ...T, [C]: null }));
+  }), [$, Q] = S({}), P = (C, j) => {
+    k((T) => ({ ...T, [C]: j })), $[C] && Q((T) => ({ ...T, [C]: null }));
   }, W = (C) => {
     C.preventDefault();
     const j = {};
@@ -38054,7 +38071,7 @@ const Be = zD, b = ({
     continueWithLabel: p?.continueWithLabel ?? "Continuar con",
     googleLabel: p?.googleLabel ?? "Google",
     microsoftLabel: p?.microsoftLabel ?? "Microsoft"
-  }, r0 = t ? v("form.loggingIn") ?? "Ingresando..." : v("form.login") ?? "Ingresar";
+  }, n0 = t ? v("form.loggingIn") ?? "Ingresando..." : v("form.login") ?? "Ingresar";
   return L ? /* @__PURE__ */ l.jsx("div", { className: `anima-loginform__container ${A}`, "data-variant": "hexa-login", ...R, children: /* @__PURE__ */ l.jsx("div", { className: "anima-loginform__card", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: W, children: [
     /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
       /* @__PURE__ */ l.jsx(
@@ -38073,7 +38090,7 @@ const Be = zD, b = ({
           onChange: (C) => P("email", C.target.value),
           placeholder: "Ingresa tu correo electronico",
           className: "w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm text-gray-900",
-          style: { borderColor: k.email ? "#ef4444" : "#2D5C63" }
+          style: { borderColor: $.email ? "#ef4444" : "#2D5C63" }
         }
       )
     ] }),
@@ -38089,11 +38106,11 @@ const Be = zD, b = ({
         onChange: (C) => P("password", C.target.value),
         inputClassName: "w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm text-gray-900 anima-passwordfield__input",
         style: {
-          borderColor: k.password ? "#ef4444" : "#2D5C63"
+          borderColor: $.password ? "#ef4444" : "#2D5C63"
         }
       }
     ) }),
-    i && !!k.password && /* @__PURE__ */ l.jsx(
+    i && !!$.password && /* @__PURE__ */ l.jsx(
       "div",
       {
         className: "anima-loginform__requirementsBox rounded-lg p-4 border mt-4",
@@ -38160,7 +38177,7 @@ ${j[1]}`;
         }
       )
     ] }),
-    (h || k.general) && /* @__PURE__ */ l.jsxs(
+    (h || $.general) && /* @__PURE__ */ l.jsxs(
       "div",
       {
         className: "anima-loginform__errorBox mt-4",
@@ -38192,7 +38209,7 @@ ${j[1]}`;
                 color: "#B30808",
                 margin: 0
               },
-              children: M ?? (typeof h == "string" ? h : null) ?? (k.general && typeof k.general == "string" ? k.general : null) ?? v("errors.invalidCredentials") ?? "Correo o contraseña incorrectos."
+              children: M ?? (typeof h == "string" ? h : null) ?? ($.general && typeof $.general == "string" ? $.general : null) ?? v("errors.invalidCredentials") ?? "Correo o contraseña incorrectos."
             }
           ),
           /* @__PURE__ */ l.jsx(
@@ -38235,7 +38252,7 @@ ${j[1]}`;
               lineHeight: "24px",
               letterSpacing: "0%"
             },
-            children: r0
+            children: n0
           }
         )
       }
@@ -38306,7 +38323,7 @@ ${j[1]}`;
               placeholder: v("placeholder.email"),
               value: F.email,
               onChange: (C) => P("email", C.target.value),
-              error: k.email,
+              error: $.email,
               required: !0
             }
           ),
@@ -38318,7 +38335,7 @@ ${j[1]}`;
               placeholder: v("placeholder.password"),
               value: F.password,
               onChange: (C) => P("password", C.target.value),
-              error: k.password,
+              error: $.password,
               required: !0
             }
           ),
@@ -38425,13 +38442,13 @@ ${j[1]}`;
   layout: d = "embedded",
   ...s
 }) => {
-  const { t: i } = b0(), f = u === "hexa-login", w = d === "page", [g, p] = S(""), [h, M] = S({}), [y, A] = S(!1), [R, v] = S(null), [L, F] = S(null), $ = t !== void 0 ? t : y, k = n !== void 0 ? n : L, Q = (C) => C && C.includes("@"), P = (C) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C), W = () => {
+  const { t: i } = b0(), f = u === "hexa-login", w = d === "page", [g, p] = S(""), [h, M] = S({}), [y, A] = S(!1), [R, v] = S(null), [L, F] = S(null), k = t !== void 0 ? t : y, $ = n !== void 0 ? n : L, Q = (C) => C && C.includes("@"), P = (C) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C), W = () => {
     const C = {};
     return g ? P(g) || (C.email = i("errors.invalidEmail") ?? "El mail ingresado no es válido") : C.email = i("errors.required") ?? "Este campo es obligatorio", M(C), Object.keys(C).length === 0;
   }, O = (C) => {
     const j = C.target.value;
     p(j), h.email && M((T) => ({ ...T, email: null })), L && F(null);
-  }, r0 = async (C) => {
+  }, n0 = async (C) => {
     if (C.preventDefault(), !!W()) {
       if (!r) {
         console.warn("ForgotPassword: onSubmit prop is required");
@@ -38496,7 +38513,7 @@ ${j[1]}`;
           )
         ] }),
         /* @__PURE__ */ l.jsxs("div", { className: "bg-white border border-gray-200 rounded-lg p-6 shadow-md", children: [
-          R && !$ && /* @__PURE__ */ l.jsxs("div", { className: "text-center space-y-4", children: [
+          R && !k && /* @__PURE__ */ l.jsxs("div", { className: "text-center space-y-4", children: [
             /* @__PURE__ */ l.jsxs(
               "div",
               {
@@ -38537,7 +38554,7 @@ ${j[1]}`;
               }
             )
           ] }),
-          $ && /* @__PURE__ */ l.jsx("div", { className: "text-center space-y-4", children: /* @__PURE__ */ l.jsxs(
+          k && /* @__PURE__ */ l.jsx("div", { className: "text-center space-y-4", children: /* @__PURE__ */ l.jsxs(
             "div",
             {
               className: "rounded-lg p-4 border",
@@ -38576,7 +38593,7 @@ ${j[1]}`;
               ]
             }
           ) }),
-          !R && !$ && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          !R && !k && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
             a && /* @__PURE__ */ l.jsxs(
               "button",
               {
@@ -38590,7 +38607,7 @@ ${j[1]}`;
                 ]
               }
             ),
-            /* @__PURE__ */ l.jsxs("form", { onSubmit: r0, className: "space-y-4", children: [
+            /* @__PURE__ */ l.jsxs("form", { onSubmit: n0, className: "space-y-4", children: [
               /* @__PURE__ */ l.jsxs("div", { children: [
                 /* @__PURE__ */ l.jsx(
                   "label",
@@ -38617,10 +38634,10 @@ ${j[1]}`;
                 ),
                 h.email && /* @__PURE__ */ l.jsx("p", { className: "mt-1 text-sm text-red-600", children: h.email })
               ] }),
-              k && /* @__PURE__ */ l.jsx(
+              $ && /* @__PURE__ */ l.jsx(
                 "div",
                 {
-                  className: "rounded-lg p-4 border",
+                  className: "rounded-lg p-4 border anima-forgotpassword__errorBox",
                   style: {
                     backgroundColor: "#fecaca",
                     borderColor: "#ef4444"
@@ -38630,8 +38647,16 @@ ${j[1]}`;
                     {
                       variant: "body2",
                       className: "font-bold",
-                      style: { color: "#b91c1c" },
-                      children: k
+                      style: {
+                        color: "#b91c1c",
+                        fontFamily: "'IBM Plex Mono', monospace",
+                        fontWeight: 400,
+                        fontStyle: "normal",
+                        fontSize: "14px",
+                        lineHeight: "21px",
+                        letterSpacing: "0.02em"
+                      },
+                      children: $
                     }
                   )
                 }
@@ -38644,7 +38669,7 @@ ${j[1]}`;
                   tamaño: "Default",
                   type: "submit",
                   className: "w-full",
-                  disabled: $ || !Q(g),
+                  disabled: k || !Q(g),
                   children: /* @__PURE__ */ l.jsx(
                     "span",
                     {
@@ -38656,7 +38681,7 @@ ${j[1]}`;
                         lineHeight: "24px",
                         letterSpacing: "0%"
                       },
-                      children: $ ? i("forgotPassword.sending") ?? "Enviando..." : i("forgotPassword.button") ?? "Enviar link"
+                      children: k ? i("forgotPassword.sending") ?? "Enviando..." : i("forgotPassword.button") ?? "Enviar link"
                     }
                   )
                 }
@@ -38695,20 +38720,20 @@ ${j[1]}`;
   // Actions
   cancelLabel: L,
   submitLabel: F,
-  onCancel: $,
-  onSubmit: k,
+  onCancel: k,
+  onSubmit: $,
   disabled: Q = !1,
   submitting: P = !1,
   // Success
   success: W = !1,
   successTitle: O,
-  successMessage: r0,
+  successMessage: n0,
   successExtra: C,
   className: j = "",
   ...T
 }) => {
-  const { t: K } = b0(), D = a === "hexa-login", Z = r === "page", H = (_) => {
-    _.preventDefault(), k && !Q && !P && k({
+  const { t: K } = b0(), D = a === "hexa-login", Z = r === "page", H = (z) => {
+    z.preventDefault(), $ && !Q && !P && $({
       password: d,
       confirmPassword: g
     });
@@ -38777,13 +38802,13 @@ ${j[1]}`;
                   children: O
                 }
               ),
-              r0 && /* @__PURE__ */ l.jsx(
+              n0 && /* @__PURE__ */ l.jsx(
                 x,
                 {
                   variant: "body2",
                   className: O ? "mt-2" : "",
                   style: { color: "#047857", fontSize: "14px" },
-                  children: r0
+                  children: n0
                 }
               ),
               C && /* @__PURE__ */ l.jsx("div", { className: "mt-4", children: C })
@@ -38898,14 +38923,14 @@ ${j[1]}`;
                     whiteSpace: "pre-line"
                   },
                   children: M || (() => {
-                    const _ = A || K("form.passwordRequirementsPrefix") || "Recuerda que la contraseña debe tener:", n0 = y.length > 0 ? y : [
+                    const z = A || K("form.passwordRequirementsPrefix") || "Recuerda que la contraseña debe tener:", t0 = y.length > 0 ? y : [
                       K("form.passwordRequirementMinChars") || "Un mínimo de 6 caracteres",
                       K("form.passwordRequirementOther") || "Una mayúscula, un número, un carácter especial"
                     ];
-                    return `${_}
-${n0[0]}
+                    return t0.length > 0 ? `${z}
 
-${n0.slice(1).join(", ")}`;
+${t0.map((J) => `• ${J}`).join(`
+`)}` : z;
                   })()
                 }
               )
@@ -38931,7 +38956,7 @@ ${n0.slice(1).join(", ")}`;
             }
           ),
           /* @__PURE__ */ l.jsxs("div", { className: "flex gap-4 pt-4", children: [
-            $ && /* @__PURE__ */ l.jsx(
+            k && /* @__PURE__ */ l.jsx(
               m0,
               {
                 type: "button",
@@ -38939,7 +38964,7 @@ ${n0.slice(1).join(", ")}`;
                 color: "Teal",
                 tamaño: "Default",
                 className: "flex-1",
-                onClick: $,
+                onClick: k,
                 disabled: Q || P,
                 children: /* @__PURE__ */ l.jsx(
                   "span",
@@ -38964,7 +38989,7 @@ ${n0.slice(1).join(", ")}`;
                 tipo: "Primary",
                 color: "Teal",
                 tamaño: "Default",
-                className: $ ? "flex-1" : "w-full",
+                className: k ? "flex-1" : "w-full",
                 disabled: Q || P,
                 children: /* @__PURE__ */ l.jsx(
                   "span",