npm - anima-ds-nucleus - Versions diffs - 1.0.24 → 1.0.25 - Mend

anima-ds-nucleus 1.0.24 → 1.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/anima-ds-nucleus.css +1 -1
package/dist/anima-ds.cjs.js +68 -68
package/dist/anima-ds.esm.js +963 -957
package/package.json +1 -1
package/src/components/Views/ForgotPassword/ForgotPassword.jsx +2 -0
package/src/components/Views/LoginForm/LoginForm.jsx +1 -1
package/src/components/Views/NewPassword/NewPassword.jsx +4 -0
package/src/style.css +53 -4

package/dist/anima-ds.esm.js CHANGED Viewed

@@ -11,64 +11,64 @@ function Qe() {
   if (Me) return ne;
   Me = 1;
   var a = He, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function s(d, i, f) {
-    var w, p = {}, g = null, h = null;
-    f !== void 0 && (g = "" + f), i.key !== void 0 && (g = "" + i.key), i.ref !== void 0 && (h = i.ref);
-    for (w in i) n.call(i, w) && !u.hasOwnProperty(w) && (p[w] = i[w]);
-    if (d && d.defaultProps) for (w in i = d.defaultProps, i) p[w] === void 0 && (p[w] = i[w]);
-    return { $$typeof: r, type: d, key: g, ref: h, props: p, _owner: c.current };
+  function d(s, i, f) {
+    var w, g = {}, p = null, h = null;
+    f !== void 0 && (p = "" + f), i.key !== void 0 && (p = "" + i.key), i.ref !== void 0 && (h = i.ref);
+    for (w in i) n.call(i, w) && !u.hasOwnProperty(w) && (g[w] = i[w]);
+    if (s && s.defaultProps) for (w in i = s.defaultProps, i) g[w] === void 0 && (g[w] = i[w]);
+    return { $$typeof: r, type: s, key: p, ref: h, props: g, _owner: c.current };
   }
-  return ne.Fragment = t, ne.jsx = s, ne.jsxs = s, ne;
+  return ne.Fragment = t, ne.jsx = d, ne.jsxs = d, ne;
 }
 var te = {};
 var Ce;
 function Je() {
   return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && (function() {
-    var a = He, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), d = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), A = Symbol.iterator, y = "@@iterator";
-    function C(o) {
+    var a = He, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), s = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), M = Symbol.iterator, y = "@@iterator";
+    function A(o) {
       if (o === null || typeof o != "object")
         return null;
-      var m = A && o[A] || o[y];
+      var m = M && o[M] || o[y];
       return typeof m == "function" ? m : null;
     }
     var R = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function v(o) {
       {
-        for (var m = arguments.length, E = new Array(m > 1 ? m - 1 : 0), $ = 1; $ < m; $++)
-          E[$ - 1] = arguments[$];
-        j("error", o, E);
+        for (var m = arguments.length, E = new Array(m > 1 ? m - 1 : 0), B = 1; B < m; B++)
+          E[B - 1] = arguments[B];
+        L("error", o, E);
       }
     }
-    function j(o, m, E) {
+    function L(o, m, E) {
       {
-        var $ = R.ReactDebugCurrentFrame, z = $.getStackAddendum();
+        var B = R.ReactDebugCurrentFrame, z = B.getStackAddendum();
         z !== "" && (m += "%s", E = E.concat([z]));
-        var X = E.map(function(D) {
-          return String(D);
+        var X = E.map(function(N) {
+          return String(N);
         });
         X.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, X);
       }
     }
-    var k = !1, L = !1, B = !1, J = !1, N = !1, P;
-    P = Symbol.for("react.module.reference");
-    function F(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === u || N || o === c || o === f || o === w || J || o === h || k || L || B || typeof o == "object" && o !== null && (o.$$typeof === g || o.$$typeof === p || o.$$typeof === s || o.$$typeof === d || o.$$typeof === i || // This needs to include all possible module reference object
+    var F = !1, $ = !1, k = !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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      o.$$typeof === P || o.getModuleId !== void 0));
+      o.$$typeof === W || o.getModuleId !== void 0));
     }
-    function U(o, m, E) {
-      var $ = o.displayName;
-      if ($)
-        return $;
+    function r0(o, m, E) {
+      var B = o.displayName;
+      if (B)
+        return B;
       var z = m.displayName || m.name || "";
       return z !== "" ? E + "(" + z + ")" : E;
     }
-    function Z(o) {
+    function C(o) {
       return o.displayName || "Context";
     }
-    function O(o) {
+    function j(o) {
       if (o == null)
         return null;
       if (typeof o.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
@@ -91,21 +91,21 @@ function Je() {
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
-          case d:
-            var m = o;
-            return Z(m) + ".Consumer";
           case s:
+            var m = o;
+            return C(m) + ".Consumer";
+          case d:
             var E = o;
-            return Z(E._context) + ".Provider";
+            return C(E._context) + ".Provider";
           case i:
-            return U(o, o.render, "ForwardRef");
-          case p:
-            var $ = o.displayName || null;
-            return $ !== null ? $ : O(o.type) || "Memo";
-          case g: {
-            var z = o, X = z._payload, D = z._init;
+            return r0(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;
             try {
-              return O(D(X));
+              return j(N(X));
             } catch {
               return null;
             }
@@ -113,18 +113,18 @@ function Je() {
         }
       return null;
     }
-    var K = Object.assign, Q = 0, T, M, H, _, n0, a0, c0;
-    function W() {
+    var T = Object.assign, K = 0, D, Z, H, _, n0, e0, c0;
+    function U() {
     }
-    W.__reactDisabledLog = !0;
+    U.__reactDisabledLog = !0;
     function g0() {
       {
-        if (Q === 0) {
-          T = console.log, M = console.info, H = console.warn, _ = console.error, n0 = console.group, a0 = console.groupCollapsed, c0 = console.groupEnd;
+        if (K === 0) {
+          D = console.log, Z = console.info, H = console.warn, _ = console.error, n0 = console.group, e0 = console.groupCollapsed, c0 = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
-            value: W,
+            value: U,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -137,42 +137,42 @@ function Je() {
             groupEnd: o
           });
         }
-        Q++;
+        K++;
       }
     }
     function M0() {
       {
-        if (Q--, Q === 0) {
+        if (K--, K === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, o, {
-              value: T
+            log: T({}, o, {
+              value: D
             }),
-            info: K({}, o, {
-              value: M
+            info: T({}, o, {
+              value: Z
             }),
-            warn: K({}, o, {
+            warn: T({}, o, {
               value: H
             }),
-            error: K({}, o, {
+            error: T({}, o, {
               value: _
             }),
-            group: K({}, o, {
+            group: T({}, o, {
               value: n0
             }),
-            groupCollapsed: K({}, o, {
-              value: a0
+            groupCollapsed: T({}, o, {
+              value: e0
             }),
-            groupEnd: K({}, o, {
+            groupEnd: T({}, o, {
               value: c0
             })
           });
         }
-        Q < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        K < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var v0 = R.ReactCurrentDispatcher, l0;
@@ -182,8 +182,8 @@ function Je() {
           try {
             throw Error();
           } catch (z) {
-            var $ = z.stack.trim().match(/\n( *(at )?)/);
-            l0 = $ && $[1] || "";
+            var B = z.stack.trim().match(/\n( *(at )?)/);
+            l0 = B && B[1] || "";
           }
         return `
 ` + l0 + o;
@@ -202,7 +202,7 @@ function Je() {
         if (E !== void 0)
           return E;
       }
-      var $;
+      var B;
       C0 = !0;
       var z = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -210,52 +210,52 @@ function Je() {
       X = v0.current, v0.current = null, g0();
       try {
         if (m) {
-          var D = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(D.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(D, []);
+              Reflect.construct(N, []);
             } catch (h0) {
-              $ = h0;
+              B = h0;
             }
-            Reflect.construct(o, [], D);
+            Reflect.construct(o, [], N);
           } else {
             try {
-              D.call();
+              N.call();
             } catch (h0) {
-              $ = h0;
+              B = h0;
             }
-            o.call(D.prototype);
+            o.call(N.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (h0) {
-            $ = h0;
+            B = h0;
           }
           o();
         }
       } catch (h0) {
-        if (h0 && $ && typeof h0.stack == "string") {
+        if (h0 && B && typeof h0.stack == "string") {
           for (var V = h0.stack.split(`
-`), d0 = $.stack.split(`
-`), e0 = V.length - 1, r0 = d0.length - 1; e0 >= 1 && r0 >= 0 && V[e0] !== d0[r0]; )
-            r0--;
-          for (; e0 >= 1 && r0 >= 0; e0--, r0--)
-            if (V[e0] !== d0[r0]) {
-              if (e0 !== 1 || r0 !== 1)
+`), 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)
                 do
-                  if (e0--, r0--, r0 < 0 || V[e0] !== d0[r0]) {
+                  if (J--, a0--, a0 < 0 || V[J] !== d0[a0]) {
                     var p0 = `
-` + V[e0].replace(" at new ", " at ");
+` + V[J].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 (e0 >= 1 && r0 >= 0);
+                while (J >= 1 && a0 >= 0);
               break;
             }
         }
@@ -289,10 +289,10 @@ function Je() {
         switch (o.$$typeof) {
           case i:
             return B0(o.render);
-          case p:
+          case g:
             return E0(o.type, m, E);
-          case g: {
-            var $ = o, z = $._payload, X = $._init;
+          case p: {
+            var B = o, z = B._payload, X = B._init;
             try {
               return E0(X(z), m, E);
             } catch {
@@ -309,22 +309,22 @@ function Je() {
       } else
         z0.setExtraStackFrame(null);
     }
-    function ee(o, m, E, $, z) {
+    function ee(o, m, E, B, z) {
       {
         var X = Function.call.bind(A0);
-        for (var D in o)
-          if (X(o, D)) {
+        for (var N in o)
+          if (X(o, N)) {
             var V = void 0;
             try {
-              if (typeof o[D] != "function") {
-                var d0 = Error(($ || "React class") + ": " + E + " type `" + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof o[N] != "function") {
+                var d0 = Error((B || "React class") + ": " + E + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw d0.name = "Invariant Violation", d0;
               }
-              V = o[D](m, D, $, E, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (e0) {
-              V = e0;
+              V = o[N](m, N, B, E, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (J) {
+              V = J;
             }
-            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).", $ || "React class", E, D, 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(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));
           }
       }
     }
@@ -399,7 +399,7 @@ function Je() {
         });
       }
     }
-    var o0 = function(o, m, E, $, z, X, D) {
+    var o0 = function(o, m, E, B, z, X, N) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -407,7 +407,7 @@ function Je() {
         type: o,
         key: m,
         ref: E,
-        props: D,
+        props: N,
         // Record the component responsible for creating this element.
         _owner: X
       };
@@ -420,7 +420,7 @@ function Je() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
+        value: B
       }), Object.defineProperty(V, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -428,22 +428,22 @@ function Je() {
         value: z
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function N0(o, m, E, $, z) {
+    function N0(o, m, E, B, z) {
       {
-        var X, D = {}, V = null, d0 = null;
+        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));
         for (X in m)
-          A0.call(m, X) && !y0.hasOwnProperty(X) && (D[X] = m[X]);
+          A0.call(m, X) && !y0.hasOwnProperty(X) && (N[X] = m[X]);
         if (o && o.defaultProps) {
-          var e0 = o.defaultProps;
-          for (X in e0)
-            D[X] === void 0 && (D[X] = e0[X]);
+          var J = o.defaultProps;
+          for (X in J)
+            N[X] === void 0 && (N[X] = J[X]);
         }
         if (V || d0) {
-          var r0 = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          V && t0(D, r0), d0 && j0(D, r0);
+          var a0 = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          V && t0(N, a0), d0 && j0(N, a0);
         }
-        return o0(o, V, d0, z, $, G.current, D);
+        return o0(o, V, d0, z, B, G.current, N);
       }
     }
     var $0 = R.ReactCurrentOwner, q = R.ReactDebugCurrentFrame;
@@ -462,7 +462,7 @@ function Je() {
     function k0() {
       {
         if ($0.current) {
-          var o = O($0.current.type);
+          var o = j($0.current.type);
           if (o)
             return `
@@ -496,8 +496,8 @@ Check the top-level render call using <` + E + ">.");
         if (G0[E])
           return;
         G0[E] = !0;
-        var $ = "";
-        o && o._owner && o._owner !== $0.current && ($ = " It was passed a child from " + O(o._owner.type) + "."), i0(o), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, $), i0(null);
+        var B = "";
+        o && o._owner && o._owner !== $0.current && (B = " It was passed a child from " + j(o._owner.type) + "."), i0(o), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, B), i0(null);
       }
     }
     function f0(o, m) {
@@ -506,16 +506,16 @@ Check the top-level render call using <` + E + ">.");
           return;
         if (V0(o))
           for (var E = 0; E < o.length; E++) {
-            var $ = o[E];
-            re($) && ve($, m);
+            var B = o[E];
+            re(B) && ve(B, m);
           }
         else if (re(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var z = C(o);
+          var z = A(o);
           if (typeof z == "function" && z !== o.entries)
-            for (var X = z.call(o), D; !(D = X.next()).done; )
-              re(D.value) && ve(D.value, m);
+            for (var X = z.call(o), N; !(N = X.next()).done; )
+              re(N.value) && ve(N.value, m);
         }
       }
     }
@@ -529,16 +529,16 @@ Check the top-level render call using <` + E + ">.");
           E = m.propTypes;
         else if (typeof m == "object" && (m.$$typeof === i || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        m.$$typeof === p))
+        m.$$typeof === g))
           E = m.propTypes;
         else
           return;
         if (E) {
-          var $ = O(m);
-          ee(E, o.props, "prop", $, o);
+          var B = j(m);
+          ee(E, o.props, "prop", B, o);
         } else if (m.PropTypes !== void 0 && !H0) {
           H0 = !0;
-          var z = O(m);
+          var z = j(m);
           v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", z || "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.");
@@ -547,9 +547,9 @@ Check the top-level render call using <` + E + ">.");
     function pe(o) {
       {
         for (var m = Object.keys(o.props), E = 0; E < m.length; E++) {
-          var $ = m[E];
-          if ($ !== "children" && $ !== "key") {
-            i0(o), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), i0(null);
+          var B = m[E];
+          if (B !== "children" && B !== "key") {
+            i0(o), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", B), i0(null);
             break;
           }
         }
@@ -557,24 +557,24 @@ Check the top-level render call using <` + E + ">.");
       }
     }
     var w0 = {};
-    function P0(o, m, E, $, z, X) {
+    function P0(o, m, E, B, z, X) {
       {
-        var D = F(o);
-        if (!D) {
+        var N = O(o);
+        if (!N) {
           var V = "";
           (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 e0;
-          o === null ? e0 = "null" : V0(o) ? e0 = "array" : o !== void 0 && o.$$typeof === r ? (e0 = "<" + (O(o.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : e0 = 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", e0, V);
+          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 r0 = N0(o, m, E, z, X);
-        if (r0 == null)
-          return r0;
-        if (D) {
+        var a0 = N0(o, m, E, z, X);
+        if (a0 == null)
+          return a0;
+        if (N) {
           var p0 = m.children;
           if (p0 !== void 0)
-            if ($)
+            if (B)
               if (V0(p0)) {
                 for (var q0 = 0; q0 < p0.length; q0++)
                   f0(p0[q0], o);
@@ -585,7 +585,7 @@ Check the top-level render call using <` + E + ">.");
               f0(p0, o);
         }
         if (A0.call(m, "key")) {
-          var W0 = O(o), h0 = Object.keys(m).filter(function(Ge) {
+          var W0 = j(o), h0 = Object.keys(m).filter(function(Ge) {
             return Ge !== "key";
           }), be = h0.length > 0 ? "{key: someKey, " + h0.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!w0[W0 + be]) {
@@ -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(r0) : ge(r0), r0;
+        return o === n ? pe(a0) : ge(a0), a0;
       }
     }
     function I(o, m, E) {
@@ -623,19 +623,19 @@ const m0 = ({
   variant: n,
   color: c = "Teal",
   tamaño: u = "Default",
-  onClick: s,
-  type: d = "button",
+  onClick: d,
+  type: s = "button",
   disabled: i = !1,
   className: f = "",
   ...w
 }) => {
-  const p = t || n || "Primary", g = r ?? a, h = {
+  const g = t || n || "Primary", p = r ?? a, h = {
     Teal: "#2D5C63",
     Grape: "#6D3856",
     // morado/plum profundo
     Honey: "#E8B061"
     // naranja/ámbar claro
-  }, A = {
+  }, M = {
     Teal: "#ffffff",
     Grape: "#ffffff",
     Honey: "#374151"
@@ -645,7 +645,7 @@ const m0 = ({
     Grape: h.Grape,
     Honey: "#80501F"
     // marrón medio-oscuro para Secondary
-  }, C = {
+  }, A = {
     Teal: h.Teal,
     Grape: h.Grape,
     Honey: "#80501F"
@@ -662,46 +662,46 @@ const m0 = ({
     // gray-400
     background: "#F3F4F6"
     // gray-100
-  }, j = h[c] || h.Teal, [k, L] = S(!1), B = i, J = "font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", N = {
+  }, 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 = {
     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"
-  }, P = (M, H = 1) => {
-    const _ = parseInt(M.slice(1, 3), 16), n0 = parseInt(M.slice(3, 5), 16), a0 = parseInt(M.slice(5, 7), 16);
-    return `rgba(${_}, ${n0}, ${a0}, ${H})`;
-  }, F = () => {
-    const M = {};
-    if (B) {
-      switch (p) {
+  }, 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})`;
+  }, O = () => {
+    const Z = {};
+    if (k) {
+      switch (g) {
         case "Primary":
-          M.backgroundColor = v.background, M.color = v.text;
+          Z.backgroundColor = v.background, Z.color = v.text;
           break;
         case "Secondary":
-          M.borderColor = v.border, M.color = v.text, M.borderWidth = "1px", M.borderStyle = "solid", M.backgroundColor = "transparent";
+          Z.borderColor = v.border, Z.color = v.text, Z.borderWidth = "1px", Z.borderStyle = "solid", Z.backgroundColor = "transparent";
           break;
         case "Ghost":
-          M.color = v.text, M.backgroundColor = "transparent";
+          Z.color = v.text, Z.backgroundColor = "transparent";
           break;
       }
-      return M;
+      return Z;
     }
-    switch (p) {
+    switch (g) {
       case "Primary":
-        M.backgroundColor = j, M.color = A[c] || "#ffffff", k && (M.opacity = "0.9");
+        Z.backgroundColor = L, Z.color = M[c] || "#ffffff", F && (Z.opacity = "0.9");
         break;
       case "Secondary":
-        const H = y[c] || j;
-        M.borderColor = H, M.color = H, M.borderWidth = "1px", M.borderStyle = "solid", k ? M.backgroundColor = P(H, 0.1) : M.backgroundColor = c === "Honey" || c === "Grape" ? "#ffffff" : "transparent";
+        const H = y[c] || L;
+        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 _ = C[c] || j, n0 = R[c] || j;
-        c === "Honey" ? (M.color = n0, M.backgroundColor = "#ffffff", k && (M.backgroundColor = P(_, 0.1))) : (M.color = n0, M.backgroundColor = k ? P(_, 0.1) : "transparent");
+        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");
         break;
     }
-    return M;
-  }, Z = (() => {
-    if (B)
-      switch (p) {
+    return Z;
+  }, C = (() => {
+    if (k)
+      switch (g) {
         case "Primary":
           return {
             base: "active:opacity-80",
@@ -723,7 +723,7 @@ const m0 = ({
             disabled: "cursor-not-allowed"
           };
       }
-    switch (p) {
+    switch (g) {
       case "Primary":
         return {
           base: `${c === "Honey" ? "" : "text-white"} active:opacity-80`.trim(),
@@ -745,27 +745,27 @@ const m0 = ({
           disabled: "opacity-50 cursor-not-allowed"
         };
     }
-  })(), O = N[u] || N.Default, K = F(), Q = `
-    ${J}
-    ${O}
-    ${Z.base}
-    ${B ? Z.disabled : "cursor-pointer"}
+  })(), j = P[u] || P.Default, T = O(), K = `
+    ${Q}
+    ${j}
+    ${C.base}
+    ${k ? C.disabled : "cursor-pointer"}
     ${f}
-  `.trim().replace(/\s+/g, " "), T = (M) => {
-    !B && s && s(M);
+  `.trim().replace(/\s+/g, " "), D = (Z) => {
+    !k && d && d(Z);
   };
   return /* @__PURE__ */ l.jsx(
     "button",
     {
-      type: d,
-      className: Q,
-      style: K,
-      disabled: B,
-      onClick: T,
-      onMouseEnter: () => !B && L(!0),
-      onMouseLeave: () => L(!1),
+      type: s,
+      className: K,
+      style: T,
+      disabled: k,
+      onClick: D,
+      onMouseEnter: () => !k && $(!0),
+      onMouseLeave: () => $(!1),
       ...w,
-      children: g
+      children: p
     }
   );
 }, x = ({
@@ -775,9 +775,9 @@ const m0 = ({
   className: n = "",
   weight: c,
   color: u,
-  ...s
+  ...d
 }) => {
-  const d = {
+  const s = {
     light: "font-light",
     regular: "font-regular",
     medium: "font-medium",
@@ -825,10 +825,10 @@ const m0 = ({
     mono: "text-mono-md"
     // Alias por defecto de mono-md
   }, w = r || (a.startsWith("h") ? a : "p");
-  let p = f[a] || f["body-lg"];
-  c && d[c] && (p = p.replace(/font-(light|regular|medium|semibold|bold)/g, ""), p = `${p} ${d[c]}`.trim()), u && i[u] && (p = p.replace(/color-\w+(-\w+)?/g, ""), p = `${p} ${i[u]}`.trim());
-  const g = `${p} ${n}`.trim();
-  return /* @__PURE__ */ l.jsx(w, { className: g, ...s, children: t });
+  let g = f[a] || f["body-lg"];
+  c && s[c] && (g = g.replace(/font-(light|regular|medium|semibold|bold)/g, ""), g = `${g} ${s[c]}`.trim()), u && i[u] && (g = g.replace(/color-\w+(-\w+)?/g, ""), g = `${g} ${i[u]}`.trim());
+  const p = `${g} ${n}`.trim();
+  return /* @__PURE__ */ l.jsx(w, { className: p, ...d, children: t });
 }, a5 = ({
   children: a,
   variant: r = "default",
@@ -836,17 +836,17 @@ const m0 = ({
   className: n = "",
   ...c
 }) => {
-  const u = "inline-flex items-center font-medium rounded-full", s = {
+  const u = "inline-flex items-center font-medium rounded-full", d = {
     default: "bg-gray-100 text-gray-800",
     primary: "bg-blue-100 text-blue-800",
     success: "bg-green-100 text-green-800",
     warning: "bg-yellow-100 text-yellow-800",
     danger: "bg-red-100 text-red-800"
-  }, d = {
+  }, s = {
     small: "px-2 py-0.5 text-xs",
     medium: "px-2.5 py-1 text-sm",
     large: "px-3 py-1.5 text-base"
-  }, i = `${u} ${s[r]} ${d[t]} ${n}`;
+  }, i = `${u} ${d[r]} ${s[t]} ${n}`;
   return /* @__PURE__ */ l.jsx("span", { className: i, ...c, children: a });
 };
 function r5({
@@ -31362,7 +31362,7 @@ const _D = [
   const r = XD(a);
   return Be.includes(r) ? r : a;
 }, ke = (a, r) => a ? TD[a] || a : r, KD = (a, r, t, n, c) => {
-  const s = ke(n, a.fill), d = ke(n, a.stroke || a.fill), i = a.variant === "outline" ? 2 : 0;
+  const d = ke(n, a.fill), s = ke(n, a.stroke || a.fill), i = a.variant === "outline" ? 2 : 0;
   return a.shape === "triangle" ? /* @__PURE__ */ l.jsx(
     "svg",
     {
@@ -31377,8 +31377,8 @@ const _D = [
         "polygon",
         {
           points: "12,4 22,20 2,20",
-          fill: s,
-          stroke: i ? d : "none",
+          fill: d,
+          stroke: i ? s : "none",
           strokeWidth: i,
           strokeLinejoin: "round"
         }
@@ -31398,8 +31398,8 @@ const _D = [
         "polygon",
         {
           points: "12,2 22,12 12,22 2,12",
-          fill: s,
-          stroke: i ? d : "none",
+          fill: d,
+          stroke: i ? s : "none",
           strokeWidth: i,
           strokeLinejoin: "round"
         }
@@ -31423,8 +31423,8 @@ const _D = [
           width: "14",
           height: "14",
           rx: 4,
-          fill: s,
-          stroke: i ? d : "none",
+          fill: d,
+          stroke: i ? s : "none",
           strokeWidth: i
         }
       )
@@ -31445,8 +31445,8 @@ const _D = [
           cx: "12",
           cy: "12",
           r: "9",
-          fill: s,
-          stroke: i ? d : "none",
+          fill: d,
+          stroke: i ? s : "none",
           strokeWidth: i
         }
       )
@@ -31464,16 +31464,16 @@ const Be = zD, b = ({
 }) => {
   if (!a)
     return null;
-  const s = GD[a];
-  if (s)
-    return KD(s, t ?? 18, n, c, u);
-  const d = YD(a), i = oe.find(({ key: A }) => A === r) || oe[0], f = oe.find(
-    ({ weight: A, style: y }) => A === i.weight && y !== i.style
-  ), w = i.lib[d] || (f ? f.lib[d] : null) || Ie[d] || Ve[d] || Se[d] || De[d];
+  const d = GD[a];
+  if (d)
+    return KD(d, t ?? 18, n, c, u);
+  const s = YD(a), i = oe.find(({ key: M }) => M === r) || oe[0], f = oe.find(
+    ({ weight: M, style: y }) => M === i.weight && y !== i.style
+  ), w = i.lib[s] || (f ? f.lib[s] : null) || Ie[s] || Ve[s] || Se[s] || De[s];
   if (!w)
     return console.warn(`Icon "${a}" not found in catalog`), null;
-  const g = `${c && je[c] ? je[c] : ""} ${n}`.trim(), h = t ?? i.defaultSize;
-  return /* @__PURE__ */ l.jsx(w, { className: g, width: h, height: h, ...u });
+  const p = `${c && je[c] ? je[c] : ""} ${n}`.trim(), h = t ?? i.defaultSize;
+  return /* @__PURE__ */ l.jsx(w, { className: p, width: h, height: h, ...u });
 }, QD = ({
   variant: a = "info",
   title: r,
@@ -31482,22 +31482,22 @@ const Be = zD, b = ({
   className: c = "",
   ...u
 }) => {
-  const s = {
+  const d = {
     info: "bg-blue-50 border-blue-200 text-blue-800",
     success: "bg-green-50 border-green-200 text-green-800",
     warning: "bg-yellow-50 border-yellow-200 text-yellow-800",
     danger: "bg-red-50 border-red-200 text-red-800"
-  }, d = {
+  }, s = {
     info: "InformationCircleIcon",
     success: "CheckCircleIcon",
     warning: "ExclamationTriangleIcon",
     danger: "XCircleIcon"
-  }, i = `border rounded-lg p-4 ${s[a]} ${c}`;
+  }, i = `border rounded-lg p-4 ${d[a]} ${c}`;
   return /* @__PURE__ */ l.jsx("div", { className: i, role: "alert", ...u, children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-start", children: [
     /* @__PURE__ */ l.jsx(
       b,
       {
-        name: d[a],
+        name: s[a],
         className: "mr-3 h-5 w-5 flex-shrink-0"
       }
     ),
@@ -31521,9 +31521,9 @@ const Be = zD, b = ({
   size: n = "medium",
   variant: c = "circle",
   className: u = "",
-  ...s
+  ...d
 }) => {
-  const d = {
+  const s = {
     small: "w-8 h-8 text-xs",
     medium: "w-10 h-10 text-sm",
     large: "w-12 h-12 text-base",
@@ -31531,20 +31531,20 @@ const Be = zD, b = ({
   }, i = {
     circle: "rounded-full",
     square: "rounded-lg"
-  }, f = (p) => {
-    if (!p) return "";
-    const g = p.trim().split(" ");
-    return g.length === 1 ? g[0][0].toUpperCase() : (g[0][0] + g[g.length - 1][0]).toUpperCase();
-  }, w = `inline-flex items-center justify-center bg-gray-200 text-gray-600 font-medium ${d[n]} ${i[c]} ${u}`;
+  }, f = (g) => {
+    if (!g) return "";
+    const p = g.trim().split(" ");
+    return p.length === 1 ? p[0][0].toUpperCase() : (p[0][0] + p[p.length - 1][0]).toUpperCase();
+  }, w = `inline-flex items-center justify-center bg-gray-200 text-gray-600 font-medium ${s[n]} ${i[c]} ${u}`;
   return a ? /* @__PURE__ */ l.jsx(
     "img",
     {
       src: a,
       alt: r || t,
-      className: `${d[n]} ${i[c]} object-cover ${u}`,
-      ...s
+      className: `${s[n]} ${i[c]} object-cover ${u}`,
+      ...d
     }
-  ) : t ? /* @__PURE__ */ l.jsx("div", { className: w, ...s, children: f(t) }) : /* @__PURE__ */ l.jsx("div", { className: w, ...s, children: /* @__PURE__ */ l.jsx(b, { name: "UserIcon", className: "w-1/2 h-1/2" }) });
+  ) : t ? /* @__PURE__ */ l.jsx("div", { className: w, ...d, children: f(t) }) : /* @__PURE__ */ l.jsx("div", { className: w, ...d, children: /* @__PURE__ */ l.jsx(b, { name: "UserIcon", className: "w-1/2 h-1/2" }) });
 }, SN = ({
   size: a = "medium",
   variant: r = "primary",
@@ -31559,11 +31559,11 @@ const Be = zD, b = ({
     primary: "text-blue-600",
     secondary: "text-gray-600",
     white: "text-white"
-  }, s = `animate-spin ${c[a]} ${u[r]} ${t}`;
+  }, d = `animate-spin ${c[a]} ${u[r]} ${t}`;
   return /* @__PURE__ */ l.jsxs(
     "svg",
     {
-      className: s,
+      className: d,
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
@@ -31598,8 +31598,8 @@ const Be = zD, b = ({
   variant: n = "primary",
   showLabel: c = !1,
   label: u,
-  className: s = "",
-  ...d
+  className: d = "",
+  ...s
 }) => {
   const i = Math.min(Math.max(a / r * 100, 0), 100), f = {
     small: "h-1",
@@ -31611,7 +31611,7 @@ const Be = zD, b = ({
     warning: "bg-yellow-600",
     danger: "bg-red-600"
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: `w-full ${s}`, ...d, children: [
+  return /* @__PURE__ */ l.jsxs("div", { className: `w-full ${d}`, ...s, children: [
     c && /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-center mb-1", children: [
       /* @__PURE__ */ l.jsx("span", { className: "text-sm text-gray-700", children: u || `${Math.round(i)}%` }),
       /* @__PURE__ */ l.jsxs("span", { className: "text-sm text-gray-500", children: [
@@ -31636,11 +31636,11 @@ const Be = zD, b = ({
   className: c = "",
   ...u
 }) => {
-  const s = {
+  const d = {
     solid: "border-solid",
     dashed: "border-dashed",
     dotted: "border-dotted"
-  }, d = {
+  }, s = {
     small: a === "horizontal" ? "my-2" : "mx-2",
     medium: a === "horizontal" ? "my-4" : "mx-4",
     large: a === "horizontal" ? "my-6" : "mx-6"
@@ -31648,17 +31648,17 @@ const Be = zD, b = ({
   return a === "vertical" ? /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: `border-l border-gray-300 ${s[r]} ${d[t]} ${c}`,
+      className: `border-l border-gray-300 ${d[r]} ${s[t]} ${c}`,
       ...u
     }
-  ) : n ? /* @__PURE__ */ l.jsxs("div", { className: `flex items-center ${d[t]} ${c}`, ...u, children: [
-    /* @__PURE__ */ l.jsx("div", { className: `flex-1 border-t border-gray-300 ${s[r]}` }),
+  ) : n ? /* @__PURE__ */ l.jsxs("div", { className: `flex items-center ${s[t]} ${c}`, ...u, children: [
+    /* @__PURE__ */ l.jsx("div", { className: `flex-1 border-t border-gray-300 ${d[r]}` }),
     /* @__PURE__ */ l.jsx("span", { className: "px-4 text-sm text-gray-500", children: n }),
-    /* @__PURE__ */ l.jsx("div", { className: `flex-1 border-t border-gray-300 ${s[r]}` })
+    /* @__PURE__ */ l.jsx("div", { className: `flex-1 border-t border-gray-300 ${d[r]}` })
   ] }) : /* @__PURE__ */ l.jsx(
     "hr",
     {
-      className: `border-0 border-t border-gray-300 ${s[r]} ${d[t]} ${c}`,
+      className: `border-0 border-t border-gray-300 ${d[r]} ${s[t]} ${c}`,
       ...u
     }
   );
@@ -31669,30 +31669,30 @@ const Be = zD, b = ({
   className: n = "",
   ...c
 }) => {
-  const u = "animate-pulse bg-gray-200 rounded", s = {
+  const u = "animate-pulse bg-gray-200 rounded", d = {
     text: "h-4",
     circular: "rounded-full",
     rectangular: "rounded"
-  }, d = {};
-  return r && (d.width = r), t && (d.height = t), a === "circular" ? /* @__PURE__ */ l.jsx(
+  }, s = {};
+  return r && (s.width = r), t && (s.height = t), a === "circular" ? /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: `${u} ${s.circular} ${n}`,
-      style: d,
+      className: `${u} ${d.circular} ${n}`,
+      style: s,
       ...c
     }
   ) : a === "rectangular" ? /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: `${u} ${s.rectangular} ${n}`,
-      style: d,
+      className: `${u} ${d.rectangular} ${n}`,
+      style: s,
       ...c
     }
   ) : /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: `${u} ${s.text} ${n}`,
-      style: d,
+      className: `${u} ${d.text} ${n}`,
+      style: s,
       ...c
     }
   );
@@ -31703,7 +31703,7 @@ const Be = zD, b = ({
   onClose: n,
   position: c = "top-right",
   className: u = "",
-  ...s
+  ...d
 }) => {
   Z0(() => {
     if (t > 0 && n) {
@@ -31713,7 +31713,7 @@ const Be = zD, b = ({
       return () => clearTimeout(w);
     }
   }, [t, n]);
-  const d = {
+  const s = {
     info: "bg-blue-50 border-blue-200 text-blue-800",
     success: "bg-green-50 border-green-200 text-green-800",
     warning: "bg-yellow-50 border-yellow-200 text-yellow-800",
@@ -31735,11 +31735,11 @@ const Be = zD, b = ({
     "div",
     {
       className: `fixed ${f[c]} z-50 max-w-sm w-full ${u}`,
-      ...s,
+      ...d,
       children: /* @__PURE__ */ l.jsxs(
         "div",
         {
-          className: `border rounded-lg shadow-lg p-4 flex items-start ${d[r]}`,
+          className: `border rounded-lg shadow-lg p-4 flex items-start ${s[r]}`,
           children: [
             /* @__PURE__ */ l.jsx(
               b,
@@ -31769,7 +31769,7 @@ const Be = zD, b = ({
   className: n = "",
   ...c
 }) => {
-  const [u, s] = S(!1), d = {
+  const [u, d] = S(!1), s = {
     top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
     bottom: "top-full left-1/2 transform -translate-x-1/2 mt-2",
     left: "right-full top-1/2 transform -translate-y-1/2 mr-2",
@@ -31784,15 +31784,15 @@ const Be = zD, b = ({
     "div",
     {
       className: `relative inline-block ${n}`,
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
+      onMouseEnter: () => d(!0),
+      onMouseLeave: () => d(!1),
       ...c,
       children: [
         r,
         u && /* @__PURE__ */ l.jsxs(
           "div",
           {
-            className: `absolute z-50 px-4 py-3 text-sm text-white bg-gray-900 rounded-lg shadow-lg whitespace-nowrap ${d[t]}`,
+            className: `absolute z-50 px-4 py-3 text-sm text-white bg-gray-900 rounded-lg shadow-lg whitespace-nowrap ${s[t]}`,
             children: [
               a,
               /* @__PURE__ */ l.jsx(
@@ -31844,8 +31844,8 @@ const Be = zD, b = ({
   error: n,
   helperText: c,
   disabled: u = !1,
-  required: s = !1,
-  className: d = "",
+  required: d = !1,
+  className: s = "",
   ...i
 }) => {
   const { t: f } = b0(), w = `
@@ -31853,12 +31853,12 @@ const Be = zD, b = ({
     focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
     disabled:bg-gray-100 disabled:cursor-not-allowed
     ${n ? "border-red-500" : "border-gray-300"}
-    ${d}
+    ${s}
   `;
   return /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
     a && /* @__PURE__ */ l.jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
       a,
-      s && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+      d && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-1", children: "*" })
     ] }),
     /* @__PURE__ */ l.jsx(
       "input",
@@ -31900,9 +31900,9 @@ const Be = zD, b = ({
   checked: n = !1,
   disabled: c = !1,
   onChange: u,
-  className: s = "",
-  ...d
-}) => /* @__PURE__ */ l.jsxs("label", { className: `flex items-center ${c ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${s}`, children: [
+  className: d = "",
+  ...s
+}) => /* @__PURE__ */ l.jsxs("label", { className: `flex items-center ${c ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${d}`, children: [
   /* @__PURE__ */ l.jsx(
     "input",
     {
@@ -31913,7 +31913,7 @@ const Be = zD, b = ({
       disabled: c,
       onChange: u,
       className: "w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500",
-      ...d
+      ...s
     }
   ),
   a && /* @__PURE__ */ l.jsx("span", { className: "ml-2 text-sm text-gray-700", children: a })
@@ -31924,12 +31924,12 @@ const Be = zD, b = ({
   placeholder: n,
   error: c,
   helperText: u,
-  disabled: s = !1,
-  required: d = !1,
+  disabled: d = !1,
+  required: s = !1,
   className: i = "",
   ...f
 }) => {
-  const { t: w } = b0(), p = `
+  const { t: w } = b0(), g = `
     w-full px-3 py-2 border rounded-lg
     focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
     disabled:bg-gray-100 disabled:cursor-not-allowed
@@ -31939,18 +31939,18 @@ const Be = zD, b = ({
   return /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
     a && /* @__PURE__ */ l.jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
       a,
-      d && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+      s && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-1", children: "*" })
     ] }),
     /* @__PURE__ */ l.jsxs(
       "select",
       {
         value: t,
-        disabled: s,
-        className: p,
+        disabled: d,
+        className: g,
         ...f,
         children: [
           n && /* @__PURE__ */ l.jsx("option", { value: "", children: n || w("placeholder.select") }),
-          r.map((g) => /* @__PURE__ */ l.jsx("option", { value: g.value, children: g.label }, g.value))
+          r.map((p) => /* @__PURE__ */ l.jsx("option", { value: p.value, children: p.label }, p.value))
         ]
       }
     ),
@@ -31964,8 +31964,8 @@ const Be = zD, b = ({
   helperText: n,
   disabled: c = !1,
   required: u = !1,
-  rows: s = 4,
-  className: d = "",
+  rows: d = 4,
+  className: s = "",
   ...i
 }) => {
   const { t: f } = b0(), w = `
@@ -31974,7 +31974,7 @@ const Be = zD, b = ({
     disabled:bg-gray-100 disabled:cursor-not-allowed
     resize-y
     ${t ? "border-red-500" : "border-gray-300"}
-    ${d}
+    ${s}
   `;
   return /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
     a && /* @__PURE__ */ l.jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
@@ -31984,7 +31984,7 @@ const Be = zD, b = ({
     /* @__PURE__ */ l.jsx(
       "textarea",
       {
-        rows: s,
+        rows: d,
         placeholder: r || f("placeholder.search"),
         disabled: c,
         className: w,
@@ -32043,15 +32043,15 @@ const Be = zD, b = ({
   helperText: n,
   disabled: c = !1,
   required: u = !1,
-  className: s = "",
-  ...d
+  className: d = "",
+  ...s
 }) => {
   const { t: i } = b0(), f = `
     w-full px-3 py-2 pl-10 border rounded-lg
     focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
     disabled:bg-gray-100 disabled:cursor-not-allowed
     ${t ? "border-red-500" : "border-gray-300"}
-    ${s}
+    ${d}
   `;
   return /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
     a && /* @__PURE__ */ l.jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
@@ -32067,7 +32067,7 @@ const Be = zD, b = ({
           value: r,
           disabled: c,
           className: f,
-          ...d
+          ...s
         }
       )
     ] }),
@@ -32081,22 +32081,22 @@ const Be = zD, b = ({
   error: n,
   helperText: c,
   disabled: u = !1,
-  required: s = !1,
-  onFileChange: d,
+  required: d = !1,
+  onFileChange: s,
   className: i = "",
   ...f
 }) => {
-  const { t: w } = b0(), [p, g] = S([]), h = (y) => {
-    const C = Array.from(y.target.files);
-    g(C), d && d(C);
-  }, A = (y) => {
-    const C = p.filter((R, v) => v !== y);
-    g(C), d && d(C);
+  const { t: w } = b0(), [g, p] = S([]), h = (y) => {
+    const A = Array.from(y.target.files);
+    p(A), s && s(A);
+  }, M = (y) => {
+    const A = g.filter((R, v) => v !== y);
+    p(A), s && s(A);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: `w-full ${i}`, children: [
     a && /* @__PURE__ */ l.jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
       a,
-      s && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+      d && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-1", children: "*" })
     ] }),
     /* @__PURE__ */ l.jsx("div", { className: "mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-lg hover:border-gray-400 transition-colors", children: /* @__PURE__ */ l.jsxs("div", { className: "space-y-1 text-center", children: [
       /* @__PURE__ */ l.jsx(b, { name: "CloudArrowUpIcon", className: "mx-auto h-12 w-12 text-gray-400" }),
@@ -32129,7 +32129,7 @@ const Be = zD, b = ({
       ] }),
       /* @__PURE__ */ l.jsx("p", { className: "text-xs text-gray-500", children: "PNG, JPG, GIF hasta 10MB" })
     ] }) }),
-    p.length > 0 && /* @__PURE__ */ l.jsx("div", { className: "mt-4 space-y-2", children: p.map((y, C) => /* @__PURE__ */ l.jsxs(
+    g.length > 0 && /* @__PURE__ */ l.jsx("div", { className: "mt-4 space-y-2", children: g.map((y, A) => /* @__PURE__ */ l.jsxs(
       "div",
       {
         className: "flex items-center justify-between p-2 bg-gray-50 rounded-lg",
@@ -32147,14 +32147,14 @@ const Be = zD, b = ({
             "button",
             {
               type: "button",
-              onClick: () => A(C),
+              onClick: () => M(A),
               className: "text-red-600 hover:text-red-800",
               children: /* @__PURE__ */ l.jsx(b, { name: "XMarkIcon", className: "h-5 w-5" })
             }
           )
         ]
       },
-      C
+      A
     )) }),
     n && /* @__PURE__ */ l.jsx("p", { className: "mt-1 text-sm text-red-600", children: n }),
     c && !n && /* @__PURE__ */ l.jsx("p", { className: "mt-1 text-sm text-gray-500", children: c })
@@ -32166,29 +32166,29 @@ const Be = zD, b = ({
   notificationCount: n = 0,
   onSearch: c,
   onNotificationClick: u,
-  onUserClick: s,
-  className: d = "",
+  onUserClick: d,
+  className: s = "",
   ...i
 }) => {
-  const [f, w] = S(""), p = (h) => {
-    const A = h.target.value;
-    w(A), c && c(A);
-  }, g = (h) => {
+  const [f, w] = S(""), g = (h) => {
+    const M = h.target.value;
+    w(M), c && c(M);
+  }, p = (h) => {
     h.preventDefault(), c && c(f);
   };
   return /* @__PURE__ */ l.jsx(
     "header",
     {
-      className: `bg-white border-b border-gray-200 ${d}`,
+      className: `bg-white border-b border-gray-200 ${s}`,
       ...i,
       children: /* @__PURE__ */ l.jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between h-16", children: [
-        /* @__PURE__ */ l.jsx("div", { className: "flex-1 max-w-2xl mr-8", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: g, className: "relative", children: [
+        /* @__PURE__ */ l.jsx("div", { className: "flex-1 max-w-2xl mr-8", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: p, className: "relative", children: [
           /* @__PURE__ */ l.jsx(
             "input",
             {
               type: "text",
               value: f,
-              onChange: p,
+              onChange: g,
               placeholder: a,
               className: `w-full pl-4 pr-12 py-2.5 bg-slate-50 border border-gray-200 rounded-lg \r
                          focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\r
@@ -32250,7 +32250,7 @@ const Be = zD, b = ({
           r && /* @__PURE__ */ l.jsxs(
             "button",
             {
-              onClick: s,
+              onClick: d,
               className: `flex items-center space-x-3 hover:bg-gray-50 \r
                          rounded-lg px-2 py-1.5 transition-colors`,
               "aria-label": "Perfil de usuario",
@@ -32310,8 +32310,8 @@ const Be = zD, b = ({
   companyName: n = "HEXA Core",
   companyLogo: c,
   onCompanyClick: u,
-  itemBadges: s = {},
-  footerText: d,
+  itemBadges: d = {},
+  footerText: s,
   // Texto del footer: puede ser string "v1.0 | Powered by Nucleus" o objeto { version: "v1.0", poweredBy: "Powered by", brand: "Nucleus" }
   footerCollapsedContent: i,
   // Contenido a mostrar en el footer cuando está colapsado (puede ser string, ReactNode, o objeto con icon y text)
@@ -32319,62 +32319,62 @@ const Be = zD, b = ({
   // Estilos personalizados para el contenedor de LogoHexa y "Core"
   coreTextStyle: w,
   // Estilos personalizados para el texto "Core"
-  transitionDurationMs: p = 300,
-  transitionEasing: g = "ease-in-out",
+  transitionDurationMs: g = 300,
+  transitionEasing: p = "ease-in-out",
   // UX: permitir que el item se pinte inmediatamente aunque el padre tarde en actualizar activeItem
   enableOptimisticActiveItem: h = !0,
-  closeOnItemClickAnimationFrame: A = !0,
+  closeOnItemClickAnimationFrame: M = !0,
   // Mobile: labels de items
   mobileItemLabelFontSize: y = "1rem",
-  mobileItemLabelWeightInactive: C = "regular",
+  mobileItemLabelWeightInactive: A = "regular",
   mobileItemLabelWeightActive: R = "semibold",
   // Mobile: íconos
   mobileIconSize: v = 24,
-  mobileIconStyle: j,
+  mobileIconStyle: L,
   // Sección de Configuración
-  configSectionLabel: k = "Configuración",
-  configSectionIcon: L = "Cog6ToothIcon",
-  configSectionId: B = "configuracion",
-  onConfigClick: J,
-  configBadge: N,
-  isOpen: P,
-  onClose: F,
-  className: U = "",
-  ...Z
+  configSectionLabel: F = "Configuración",
+  configSectionIcon: $ = "Cog6ToothIcon",
+  configSectionId: k = "configuracion",
+  onConfigClick: Q,
+  configBadge: P,
+  isOpen: W,
+  onClose: O,
+  className: r0 = "",
+  ...C
 }) => {
-  const [O, K] = S(!1), [Q, T] = S(null), M = P !== void 0 ? P : O, H = h && Q != null ? Q : r;
+  const [j, T] = S(!1), [K, D] = S(null), Z = W !== void 0 ? W : j, H = h && K != null ? K : r;
   Z0(() => {
-    h && Q != null && Q === r && T(null);
-  }, [r, Q, h]), Z0(() => {
-    h && !M && Q != null && T(null);
-  }, [M, Q, h]);
+    h && K != null && K === r && D(null);
+  }, [r, K, h]), Z0(() => {
+    h && !Z && K != null && D(null);
+  }, [Z, K, h]);
   const _ = () => {
-    F ? F() : K(!O);
+    O ? O() : T(!j);
   };
   return (() => {
     if (i)
       return i;
-    if (d && !i) {
-      if (typeof d == "string")
-        return d.split("|")[0].trim() || d.trim();
-      if (typeof d == "object" && d.version)
-        return d.version;
+    if (s && !i) {
+      if (typeof s == "string")
+        return s.split("|")[0].trim() || s.trim();
+      if (typeof s == "object" && s.version)
+        return s.version;
     }
     return null;
   })(), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx("style", { children: `
         .sidebar-core-mobile {
           width: 100%;
-          transform: ${M ? "translateX(0)" : "translateX(-100%)"};
+          transform: ${Z ? "translateX(0)" : "translateX(-100%)"};
           position: fixed;
           left: 0;
           top: 0;
           height: 100vh;
           z-index: 50;
-          transition: transform ${p}ms ${g};
+          transition: transform ${g}ms ${p};
         }
       ` }),
-    !M && P === void 0 && /* @__PURE__ */ l.jsx(
+    !Z && W === void 0 && /* @__PURE__ */ l.jsx(
       "button",
       {
         onClick: _,
@@ -32394,7 +32394,7 @@ const Be = zD, b = ({
               height: `${v}px`,
               opacity: 1,
               transform: "rotate(0deg)",
-              ...j || {}
+              ...L || {}
             }
           }
         )
@@ -32405,21 +32405,21 @@ const Be = zD, b = ({
       {
         className: "fixed inset-0 bg-black bg-opacity-50 z-40",
         style: {
-          opacity: M ? 1 : 0,
-          pointerEvents: M ? "auto" : "none",
-          transition: `opacity ${p}ms ${g}`
+          opacity: Z ? 1 : 0,
+          pointerEvents: Z ? "auto" : "none",
+          transition: `opacity ${g}ms ${p}`
         },
         onClick: () => {
-          F ? F() : _();
+          O ? O() : _();
         }
       }
     ),
     /* @__PURE__ */ l.jsx(
       "aside",
       {
-        className: `bg-white sidebar-core-mobile ${U}`,
+        className: `bg-white sidebar-core-mobile ${r0}`,
         style: { border: "1px solid #C4C4C4", borderRadius: "16px" },
-        ...Z,
+        ...C,
         children: /* @__PURE__ */ l.jsxs("nav", { className: "h-full flex flex-col", children: [
           /* @__PURE__ */ l.jsxs("div", { className: "bg-white px-4 py-4 flex items-center justify-between border-b border-gray-200", children: [
             /* @__PURE__ */ l.jsxs(
@@ -32464,7 +32464,7 @@ const Be = zD, b = ({
               "button",
               {
                 onClick: () => {
-                  F ? F() : _();
+                  O ? O() : _();
                 },
                 className: "p-1 hover:bg-gray-100 rounded transition-colors flex-shrink-0",
                 "aria-label": "Cerrar menú",
@@ -32480,7 +32480,7 @@ const Be = zD, b = ({
                       height: `${v}px`,
                       opacity: 1,
                       transform: "rotate(0deg)",
-                      ...j || {}
+                      ...L || {}
                     }
                   }
                 )
@@ -32492,7 +32492,7 @@ const Be = zD, b = ({
               "button",
               {
                 onClick: () => {
-                  t && t("inicio"), F ? F() : _();
+                  t && t("inicio"), O ? O() : _();
                 },
                 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" } : {},
@@ -32510,7 +32510,7 @@ const Be = zD, b = ({
                           height: `${v}px`,
                           opacity: 1,
                           transform: "rotate(0deg)",
-                          ...j || {}
+                          ...L || {}
                         }
                       }
                     ),
@@ -32518,14 +32518,14 @@ const Be = zD, b = ({
                       x,
                       {
                         variant: "body-md",
-                        weight: H === "inicio" ? R : C,
+                        weight: H === "inicio" ? R : A,
                         className: H === "inicio" ? "color-white" : "color-gray-700",
                         style: { fontSize: y },
                         children: "Inicio"
                       }
                     )
                   ] }),
-                  s.inicio !== void 0 && s.inicio > 0 && /* @__PURE__ */ l.jsx(
+                  d.inicio !== void 0 && d.inicio > 0 && /* @__PURE__ */ l.jsx(
                     "span",
                     {
                       className: `px-2 py-0.5 min-w-[20px] h-5 \r
@@ -32536,44 +32536,44 @@ const Be = zD, b = ({
                         color: H === "inicio" ? "#6D3856" : "#ffffff",
                         borderRadius: "12px"
                       },
-                      children: s.inicio > 9 ? "9+" : s.inicio
+                      children: d.inicio > 9 ? "9+" : d.inicio
                     }
                   )
                 ]
               }
             ) }),
-            a.map((a0, c0) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
+            a.map((e0, 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: a0.title
+                  children: e0.title
                 }
               ) }),
-              /* @__PURE__ */ l.jsx("div", { children: a0.items.map((W) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
+              /* @__PURE__ */ l.jsx("div", { children: e0.items.map((U) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
                 "button",
                 {
                   onClick: () => {
-                    h && T(W.id), t && t(W.id), F ? A ? requestAnimationFrame(() => F()) : F() : _();
+                    h && D(U.id), t && t(U.id), O ? M ? requestAnimationFrame(() => O()) : O() : _();
                   },
-                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${H === W.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                  style: H === W.id ? { backgroundColor: "#2D5C63" } : {},
+                  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" } : {},
                   children: [
                     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                       /* @__PURE__ */ l.jsx(
                         b,
                         {
-                          name: W.icon,
+                          name: U.icon,
                           variant: "24-outline",
                           size: v,
-                          className: `mr-3 ${H === W.id ? "color-white" : "color-gray-700"}`,
+                          className: `mr-3 ${H === U.id ? "color-white" : "color-gray-700"}`,
                           style: {
                             width: `${v}px`,
                             height: `${v}px`,
                             opacity: 1,
                             transform: "rotate(0deg)",
-                            ...j || {}
+                            ...L || {}
                           }
                         }
                       ),
@@ -32581,30 +32581,30 @@ const Be = zD, b = ({
                         x,
                         {
                           variant: "body-md",
-                          weight: H === W.id ? R : C,
-                          className: H === W.id ? "color-white" : "color-gray-700",
+                          weight: H === U.id ? R : A,
+                          className: H === U.id ? "color-white" : "color-gray-700",
                           style: { fontSize: y },
-                          children: W.label
+                          children: U.label
                         }
                       )
                     ] }),
-                    (s[W.id] !== void 0 && s[W.id] > 0 || W.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
+                    (d[U.id] !== void 0 && d[U.id] > 0 || U.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
                       "span",
                       {
                         className: `px-2 py-0.5 min-w-[20px] h-5 \r
                                      rounded-full flex items-center justify-center\r
                                      text-body-sm font-medium`,
                         style: {
-                          backgroundColor: H === W.id ? "#ffffff" : "#6D3856",
-                          color: H === W.id ? "#6D3856" : "#ffffff",
+                          backgroundColor: H === U.id ? "#ffffff" : "#6D3856",
+                          color: H === U.id ? "#6D3856" : "#ffffff",
                           borderRadius: "12px"
                         },
-                        children: W.id === "empleados" ? 2 : s[W.id] > 9 ? "9+" : s[W.id]
+                        children: U.id === "empleados" ? 2 : d[U.id] > 9 ? "9+" : d[U.id]
                       }
                     )
                   ]
                 }
-              ) }, W.id)) })
+              ) }, U.id)) })
             ] }, c0))
           ] }),
           /* @__PURE__ */ l.jsxs(
@@ -32634,25 +32634,25 @@ const Be = zD, b = ({
                   "button",
                   {
                     onClick: () => {
-                      h && T(B), J && J(B), F ? A ? requestAnimationFrame(() => F()) : F() : _();
+                      h && D(k), Q && Q(k), O ? M ? requestAnimationFrame(() => O()) : O() : _();
                     },
-                    className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${H === B ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                    style: H === B ? { backgroundColor: "#2D5C63" } : {},
+                    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" } : {},
                     children: [
                       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                         /* @__PURE__ */ l.jsx(
                           b,
                           {
-                            name: L,
+                            name: $,
                             variant: "24-outline",
                             size: v,
-                            className: `mr-3 ${H === B ? "color-white" : "color-gray-700"}`,
+                            className: `mr-3 ${H === k ? "color-white" : "color-gray-700"}`,
                             style: {
                               width: `${v}px`,
                               height: `${v}px`,
                               opacity: 1,
                               transform: "rotate(0deg)",
-                              ...j || {}
+                              ...L || {}
                             }
                           }
                         ),
@@ -32660,25 +32660,25 @@ const Be = zD, b = ({
                           x,
                           {
                             variant: "body-md",
-                            weight: H === B ? R : C,
-                            className: H === B ? "color-white" : "color-gray-700",
+                            weight: H === k ? R : A,
+                            className: H === k ? "color-white" : "color-gray-700",
                             style: { fontSize: y },
-                            children: k
+                            children: F
                           }
                         )
                       ] }),
-                      N !== void 0 && N > 0 && /* @__PURE__ */ l.jsx(
+                      P !== void 0 && P > 0 && /* @__PURE__ */ l.jsx(
                         "span",
                         {
                           className: `px-2 py-0.5 min-w-[20px] h-5 \r
                            rounded-full flex items-center justify-center\r
                            text-body-sm font-medium`,
                           style: {
-                            backgroundColor: H === B ? "#ffffff" : "#6D3856",
-                            color: H === B ? "#6D3856" : "#ffffff",
+                            backgroundColor: H === k ? "#ffffff" : "#6D3856",
+                            color: H === k ? "#6D3856" : "#ffffff",
                             borderRadius: "12px"
                           },
-                          children: N > 9 ? "9+" : N
+                          children: P > 9 ? "9+" : P
                         }
                       )
                     ]
@@ -32687,7 +32687,7 @@ const Be = zD, b = ({
               ]
             }
           ),
-          d && /* @__PURE__ */ l.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
+          s && /* @__PURE__ */ l.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
             "div",
             {
               className: "bg-white border rounded-lg px-3 py-2 flex items-center justify-center",
@@ -32695,18 +32695,18 @@ const Be = zD, b = ({
                 borderColor: "#2D5C63",
                 borderRadius: "8px"
               },
-              children: typeof d == "string" ? /* @__PURE__ */ l.jsx(
+              children: typeof s == "string" ? /* @__PURE__ */ l.jsx(
                 x,
                 {
                   variant: "body-sm",
                   style: { color: "#2D5C63" },
                   className: "text-center",
                   children: (() => {
-                    const a0 = d.split("|");
-                    if (a0.length === 2) {
-                      const c0 = a0[0].trim(), W = a0[1].trim();
-                      if (W.includes("Powered by")) {
-                        const g0 = W.match(/Powered by (.+)/);
+                    const e0 = s.split("|");
+                    if (e0.length === 2) {
+                      const c0 = e0[0].trim(), U = e0[1].trim();
+                      if (U.includes("Powered by")) {
+                        const g0 = U.match(/Powered by (.+)/);
                         if (g0)
                           return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
                             c0,
@@ -32714,9 +32714,9 @@ const Be = zD, b = ({
                             /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: g0[1] })
                           ] });
                       }
-                      return `${c0} | ${W}`;
+                      return `${c0} | ${U}`;
                     }
-                    return d;
+                    return s;
                   })()
                 }
               ) : /* @__PURE__ */ l.jsxs(
@@ -32726,10 +32726,10 @@ const Be = zD, b = ({
                   style: { color: "#2D5C63" },
                   className: "text-center",
                   children: [
-                    d.version && `${d.version}`,
-                    d.version && (d.poweredBy || d.brand) && " | ",
-                    d.poweredBy && `${d.poweredBy} `,
-                    d.brand && /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: d.brand })
+                    s.version && `${s.version}`,
+                    s.version && (s.poweredBy || s.brand) && " | ",
+                    s.poweredBy && `${s.poweredBy} `,
+                    s.brand && /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: s.brand })
                   ]
                 }
               )
@@ -32746,47 +32746,47 @@ const Be = zD, b = ({
   defaultCollapsed: n = !1,
   companyName: c = "HEXA Core",
   companyLogo: u,
-  onCompanyClick: s,
+  onCompanyClick: d,
   // Overrides desktop para el header "HEXA Core"
-  desktopCompanyButtonClassName: d = "",
+  desktopCompanyButtonClassName: s = "",
   desktopCompanyButtonStyle: i,
   desktopCompanyNameClassName: f = "",
   desktopCompanyNameStyle: w,
   // Desktop: overrides para el control de colapsar (solo cuando NO está colapsado)
-  desktopCollapseControlWrapperClassName: p = "",
-  desktopCollapseControlWrapperStyle: g,
+  desktopCollapseControlWrapperClassName: g = "",
+  desktopCollapseControlWrapperStyle: p,
   desktopCollapseButtonClassName: h = "",
-  desktopCollapseButtonStyle: A,
+  desktopCollapseButtonStyle: M,
   desktopCollapseIconSize: y = 20,
-  desktopCollapseIconStrokeWidth: C = 1.5,
+  desktopCollapseIconStrokeWidth: A = 1.5,
   desktopCollapseIconColor: R = "#0F172A",
   desktopCollapseIconClassName: v = "",
-  desktopCollapseIconStyle: j,
+  desktopCollapseIconStyle: L,
   // Desktop: overrides para el control de expandir (solo cuando está colapsado)
-  desktopExpandButtonClassName: k = "",
-  desktopExpandButtonStyle: L,
-  desktopExpandIconSize: B = 20,
-  desktopExpandIconStrokeWidth: J = 1.5,
-  desktopExpandIconColor: N = "#0F172A",
-  desktopExpandIconClassName: P = "",
-  desktopExpandIconStyle: F,
+  desktopExpandButtonClassName: F = "",
+  desktopExpandButtonStyle: $,
+  desktopExpandIconSize: k = 20,
+  desktopExpandIconStrokeWidth: Q = 1.5,
+  desktopExpandIconColor: P = "#0F172A",
+  desktopExpandIconClassName: W = "",
+  desktopExpandIconStyle: O,
   // Desktop: labels de items (solo cuando NO está colapsado)
-  desktopItemLabelFontSize: U = "1rem",
-  desktopItemLabelWeightInactive: Z = "regular",
-  desktopItemLabelWeightActive: O = "semibold",
+  desktopItemLabelFontSize: r0 = "1rem",
+  desktopItemLabelWeightInactive: C = "regular",
+  desktopItemLabelWeightActive: j = "semibold",
   // Desktop: íconos de navegación (items)
-  desktopExpandedIconSize: K = 24,
-  desktopCollapsedIconSize: Q = 32,
+  desktopExpandedIconSize: T = 24,
+  desktopCollapsedIconSize: K = 32,
   // Desktop colapsado: wrapper interno del ícono (hijo del 32x32)
-  desktopCollapsedIconInnerSize: T = 24,
-  desktopCollapsedIconInnerStyle: M,
+  desktopCollapsedIconInnerSize: D = 24,
+  desktopCollapsedIconInnerStyle: Z,
   desktopCollapsedIconWrapperStyle: H,
   // Desktop colapsado: solapamiento icono + badge (mínimo)
   desktopCollapsedOverlapEnabled: _ = !0,
   desktopCollapsedOverlapIconMarginLeftPx: n0 = 3,
-  desktopCollapsedOverlapBadgeMarginLeftPx: a0 = -6,
+  desktopCollapsedOverlapBadgeMarginLeftPx: e0 = -6,
   desktopCollapsedOverlapColumnGapPx: c0 = 0,
-  desktopNavIconStyle: W,
+  desktopNavIconStyle: U,
   // Desktop colapsado: wrapper de cada item (Inicio + opciones)
   desktopCollapsedItemWrapperClassName: g0 = "",
   desktopCollapsedItemWrapperStyle: M0,
@@ -32836,7 +32836,7 @@ const Be = zD, b = ({
   className: N0 = "",
   ...$0
 }) => {
-  const [q, i0] = S(n), [H0, re] = S(!1), k0 = q ? Q : K, u0 = q ? T : K, G0 = {
+  const [q, i0] = S(n), [H0, re] = S(!1), k0 = q ? K : T, u0 = q ? D : T, G0 = {
     width: "100%",
     height: "48px",
     paddingTop: "8px",
@@ -32879,7 +32879,7 @@ const Be = zD, b = ({
         onItemClick: t,
         companyName: c,
         companyLogo: u,
-        onCompanyClick: s,
+        onCompanyClick: d,
         itemBadges: Y,
         footerText: G,
         footerCollapsedContent: y0,
@@ -32914,9 +32914,9 @@ const Be = zD, b = ({
         !q && /* @__PURE__ */ l.jsx("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: s,
+            onClick: d,
             className: `w-full bg-white rounded-lg pl-0 pr-3 py-0 h-10
-                       flex items-center justify-between hover:bg-gray-50 transition-colors ${d}`,
+                       flex items-center justify-between hover:bg-gray-50 transition-colors ${s}`,
             style: i,
             children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center space-x-3 min-w-0 flex-1", children: [
               u ? /* @__PURE__ */ l.jsx(
@@ -32956,7 +32956,7 @@ const Be = zD, b = ({
         !q && /* @__PURE__ */ l.jsx("div", { className: "px-4 pt-2 flex justify-end flex-shrink-0", children: /* @__PURE__ */ l.jsx(
           "div",
           {
-            className: `flex justify-end ${p}`,
+            className: `flex justify-end ${g}`,
             style: {
               width: "228px",
               height: "36px",
@@ -32966,7 +32966,7 @@ const Be = zD, b = ({
               boxSizing: "border-box",
               borderTopRightRadius: "8px",
               borderBottomRightRadius: "8px",
-              ...g || {}
+              ...p || {}
             },
             children: /* @__PURE__ */ l.jsx(
               "button",
@@ -32982,7 +32982,7 @@ const Be = zD, b = ({
                   justifyContent: "center",
                   opacity: 1,
                   transform: "rotate(0deg)",
-                  ...A || {}
+                  ...M || {}
                 },
                 children: /* @__PURE__ */ l.jsx(
                   b,
@@ -32990,7 +32990,7 @@ const Be = zD, b = ({
                     name: "ChevronDoubleLeftIcon",
                     variant: "24-outline",
                     size: y,
-                    strokeWidth: C,
+                    strokeWidth: A,
                     className: v,
                     style: {
                       width: `${y}px`,
@@ -32998,7 +32998,7 @@ const Be = zD, b = ({
                       opacity: 1,
                       transform: "rotate(0deg)",
                       color: R,
-                      ...j || {}
+                      ...L || {}
                     }
                   }
                 )
@@ -33018,24 +33018,24 @@ const Be = zD, b = ({
           "button",
           {
             onClick: ue,
-            className: `p-1.5 hover:bg-gray-100 rounded-lg transition-colors ${k}`,
+            className: `p-1.5 hover:bg-gray-100 rounded-lg transition-colors ${F}`,
             "aria-label": "Expandir sidebar",
-            style: L,
+            style: $,
             children: /* @__PURE__ */ l.jsx(
               b,
               {
                 name: "ChevronDoubleRightIcon",
                 variant: "24-outline",
-                size: B,
-                strokeWidth: J,
-                className: P,
+                size: k,
+                strokeWidth: Q,
+                className: W,
                 style: {
-                  color: N,
-                  width: `${B}px`,
-                  height: `${B}px`,
+                  color: P,
+                  width: `${k}px`,
+                  height: `${k}px`,
                   opacity: 1,
                   transform: "rotate(0deg)",
-                  ...F || {}
+                  ...O || {}
                 }
               }
             )
@@ -33101,7 +33101,7 @@ const Be = zD, b = ({
                                       display: "flex",
                                       alignItems: "center",
                                       justifyContent: "center",
-                                      ...M || {}
+                                      ...Z || {}
                                     },
                                     children: /* @__PURE__ */ l.jsx(
                                       b,
@@ -33115,7 +33115,7 @@ const Be = zD, b = ({
                                           height: `${u0}px`,
                                           opacity: 1,
                                           transform: "rotate(0deg)",
-                                          ...W || {}
+                                          ...U || {}
                                         }
                                       }
                                     )
@@ -33139,7 +33139,7 @@ const Be = zD, b = ({
                                   borderRadius: "16px",
                                   opacity: 1,
                                   transform: "rotate(0deg)",
-                                  marginLeft: _ ? `${a0}px` : void 0,
+                                  marginLeft: _ ? `${e0}px` : void 0,
                                   boxSizing: "border-box",
                                   ...x0 || {}
                                 },
@@ -33173,10 +33173,10 @@ const Be = zD, b = ({
                         x,
                         {
                           variant: "body-lg",
-                          weight: r === "inicio" ? O : Z,
+                          weight: r === "inicio" ? j : C,
                           className: `${r === "inicio" ? "color-white" : "color-gray-700"} min-w-0`,
                           style: {
-                            fontSize: U,
+                            fontSize: r0,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap"
@@ -33313,7 +33313,7 @@ const Be = zD, b = ({
                                         display: "flex",
                                         alignItems: "center",
                                         justifyContent: "center",
-                                        ...M || {}
+                                        ...Z || {}
                                       },
                                       children: /* @__PURE__ */ l.jsx(
                                         b,
@@ -33327,7 +33327,7 @@ const Be = zD, b = ({
                                             height: `${u0}px`,
                                             opacity: 1,
                                             transform: "rotate(0deg)",
-                                            ...W || {}
+                                            ...U || {}
                                           }
                                         }
                                       )
@@ -33351,7 +33351,7 @@ const Be = zD, b = ({
                                     borderRadius: "16px",
                                     opacity: 1,
                                     transform: "rotate(0deg)",
-                                    marginLeft: _ ? `${a0}px` : void 0,
+                                    marginLeft: _ ? `${e0}px` : void 0,
                                     boxSizing: "border-box",
                                     ...x0 || {}
                                   },
@@ -33385,10 +33385,10 @@ const Be = zD, b = ({
                           x,
                           {
                             variant: "body-lg",
-                            weight: r === I.id ? O : Z,
+                            weight: r === I.id ? j : C,
                             className: `${r === I.id ? "color-white" : "color-gray-700"} min-w-0`,
                             style: {
-                              fontSize: U,
+                              fontSize: r0,
                               overflow: "hidden",
                               textOverflow: "ellipsis",
                               whiteSpace: "nowrap"
@@ -33463,10 +33463,10 @@ const Be = zD, b = ({
                         x,
                         {
                           variant: "body-lg",
-                          weight: r === t0 ? O : Z,
+                          weight: r === t0 ? j : C,
                           className: `${r === t0 ? "color-white" : "color-gray-700"} min-w-0`,
                           style: {
-                            fontSize: U,
+                            fontSize: r0,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap"
@@ -33575,7 +33575,7 @@ const Be = zD, b = ({
                                       display: "flex",
                                       alignItems: "center",
                                       justifyContent: "center",
-                                      ...M || {}
+                                      ...Z || {}
                                     },
                                     children: /* @__PURE__ */ l.jsx(
                                       b,
@@ -33589,7 +33589,7 @@ const Be = zD, b = ({
                                           height: `${u0}px`,
                                           opacity: 1,
                                           transform: "rotate(0deg)",
-                                          ...W || {}
+                                          ...U || {}
                                         }
                                       }
                                     )
@@ -33613,7 +33613,7 @@ const Be = zD, b = ({
                                   borderRadius: "16px",
                                   opacity: 1,
                                   transform: "rotate(0deg)",
-                                  marginLeft: _ ? `${a0}px` : void 0,
+                                  marginLeft: _ ? `${e0}px` : void 0,
                                   boxSizing: "border-box",
                                   ...x0 || {}
                                 },
@@ -33760,45 +33760,45 @@ const Be = zD, b = ({
   userAvatar: n,
   notificationCount: c = 0,
   onSearch: u,
-  onNotificationClick: s,
-  onUserClick: d,
+  onNotificationClick: d,
+  onUserClick: s,
   // Borde inferior (subrayado)
   showBottomBorder: i = !1,
   bottomBorderClassName: f = "border-b border-gray-200",
   // Sidebar mobile (animación/cierre controlado)
   mobileSidebarTransitionDurationMs: w = 300,
-  mobileSidebarTransitionEasing: p = "ease-in-out",
+  mobileSidebarTransitionEasing: g = "ease-in-out",
   // Mobile background
-  mobileBackgroundColor: g = "#F3F3F3",
+  mobileBackgroundColor: p = "#F3F3F3",
   mobileHeaderClassName: h = "",
-  mobileHeaderStyle: A,
+  mobileHeaderStyle: M,
   // Overrides de estilo/clases para poder ajustar layout desde el proyecto consumidor
   desktopLayoutClassName: y = "",
-  desktopLayoutStyle: C,
+  desktopLayoutStyle: A,
   desktopSearchContainerClassName: R = "",
   desktopSearchContainerStyle: v,
-  desktopRightContainerClassName: j = "",
-  desktopRightContainerStyle: k,
-  notificationButtonClassName: L = "",
-  notificationButtonStyle: B,
-  notificationIconClassName: J = "",
-  notificationIconStyle: N,
-  notificationBadgeClassName: P = "",
-  notificationBadgeStyle: F,
+  desktopRightContainerClassName: L = "",
+  desktopRightContainerStyle: F,
+  notificationButtonClassName: $ = "",
+  notificationButtonStyle: k,
+  notificationIconClassName: Q = "",
+  notificationIconStyle: P,
+  notificationBadgeClassName: W = "",
+  notificationBadgeStyle: O,
   // Overrides específicos de medidas/posiciones (Desktop / Mobile)
-  notificationDesktopButtonStyle: U,
-  notificationDesktopIconWrapperClassName: Z = "",
-  notificationDesktopIconWrapperStyle: O,
-  notificationDesktopIconSize: K = 24,
-  notificationDesktopIconStrokeWidth: Q = 1.5,
-  notificationDesktopIconStyle: T,
-  notificationDesktopBadgeStyle: M,
+  notificationDesktopButtonStyle: r0,
+  notificationDesktopIconWrapperClassName: C = "",
+  notificationDesktopIconWrapperStyle: j,
+  notificationDesktopIconSize: T = 24,
+  notificationDesktopIconStrokeWidth: K = 1.5,
+  notificationDesktopIconStyle: D,
+  notificationDesktopBadgeStyle: Z,
   notificationMobileButtonClassName: H = "",
   notificationMobileButtonStyle: _,
   notificationMobileIconWrapperClassName: n0 = "",
-  notificationMobileIconWrapperStyle: a0,
+  notificationMobileIconWrapperStyle: e0,
   notificationMobileIconSize: c0 = 24,
-  notificationMobileIconStrokeWidth: W = 1.5,
+  notificationMobileIconStrokeWidth: U = 1.5,
   notificationMobileIconStyle: g0,
   showNotificationBadgeOnMobile: M0 = !1,
   notificationMobileBadgeStyle: v0,
@@ -33903,7 +33903,7 @@ const Be = zD, b = ({
             "div",
             {
               className: `header-desktop-layout flex items-center justify-between h-16 ${y}`,
-              style: C,
+              style: A,
               children: [
                 /* @__PURE__ */ l.jsx(
                   "div",
@@ -33962,42 +33962,42 @@ const Be = zD, b = ({
                 /* @__PURE__ */ l.jsxs(
                   "div",
                   {
-                    className: `flex items-center space-x-3 md:space-x-6 flex-shrink-0 ${j}`,
-                    style: { marginLeft: "auto", paddingRight: "0px", ...k || {} },
+                    className: `flex items-center space-x-3 md:space-x-6 flex-shrink-0 ${L}`,
+                    style: { marginLeft: "auto", paddingRight: "0px", ...F || {} },
                     children: [
                       c !== void 0 && /* @__PURE__ */ l.jsxs(
                         "button",
                         {
-                          onClick: s,
-                          className: `ml-3 p-2 hover:bg-gray-100 rounded-lg transition-colors flex items-center gap-2 ${L}`,
+                          onClick: d,
+                          className: `ml-3 p-2 hover:bg-gray-100 rounded-lg transition-colors flex items-center gap-2 ${$}`,
                           "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)",
-                            ...B || {},
-                            ...U || {}
+                            ...k || {},
+                            ...r0 || {}
                           },
                           children: [
                             /* @__PURE__ */ l.jsx(
                               "span",
                               {
-                                className: `relative inline-block ${Z}`,
+                                className: `relative inline-block ${C}`,
                                 style: {
                                   width: "24px",
                                   height: "24px",
                                   opacity: 1,
-                                  ...O || {}
+                                  ...j || {}
                                 },
                                 children: /* @__PURE__ */ l.jsx(
                                   b,
                                   {
                                     name: t0,
                                     variant: "24-outline",
-                                    size: K,
-                                    strokeWidth: Q,
-                                    className: `color-gray-600 ${J}`,
+                                    size: T,
+                                    strokeWidth: K,
+                                    className: `color-gray-600 ${Q}`,
                                     style: {
                                       width: "24px",
                                       height: "24px",
@@ -34006,8 +34006,8 @@ const Be = zD, b = ({
                                       left: "0px",
                                       opacity: 1,
                                       transform: "rotate(0deg)",
-                                      ...N || {},
-                                      ...T || {}
+                                      ...P || {},
+                                      ...D || {}
                                     }
                                   }
                                 )
@@ -34016,7 +34016,7 @@ const Be = zD, b = ({
                             c > 0 && /* @__PURE__ */ l.jsx(
                               "span",
                               {
-                                className: `h-5 text-white flex items-center justify-center text-body-sm font-medium ${P}`,
+                                className: `h-5 text-white flex items-center justify-center text-body-sm font-medium ${W}`,
                                 style: {
                                   backgroundColor: "#6D3856",
                                   minWidth: "24px",
@@ -34029,8 +34029,8 @@ const Be = zD, b = ({
                                   borderRadius: "16px",
                                   opacity: 1,
                                   transform: "rotate(0deg)",
-                                  ...F || {},
-                                  ...M || {}
+                                  ...O || {},
+                                  ...Z || {}
                                 },
                                 children: c > 9 ? "9+" : c
                               }
@@ -34041,7 +34041,7 @@ const Be = zD, b = ({
                       t && /* @__PURE__ */ l.jsxs(
                         "button",
                         {
-                          onClick: d,
+                          onClick: s,
                           className: `flex items-center space-x-3 hover:bg-gray-50 \r
                          rounded-lg px-2 py-1.5 transition-colors`,
                           "aria-label": "Perfil de usuario",
@@ -34104,7 +34104,7 @@ const Be = zD, b = ({
             "div",
             {
               className: `header-mobile-layout ${h}`,
-              style: { background: g, ...A || {} },
+              style: { background: p, ...M || {} },
               children: [
                 /* @__PURE__ */ l.jsxs("div", { className: "header-mobile-top-row", children: [
                   /* @__PURE__ */ l.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -34145,8 +34145,8 @@ const Be = zD, b = ({
                     c !== void 0 && /* @__PURE__ */ l.jsxs(
                       "button",
                       {
-                        onClick: s,
-                        className: `ml-2 hover:bg-gray-100 transition-colors flex items-center justify-center ${L} ${H}`,
+                        onClick: d,
+                        className: `ml-2 hover:bg-gray-100 transition-colors flex items-center justify-center ${$} ${H}`,
                         "aria-label": "Notificaciones",
                         style: {
                           width: "48px",
@@ -34155,7 +34155,7 @@ const Be = zD, b = ({
                           borderRadius: "8px",
                           opacity: 1,
                           transform: "rotate(0deg)",
-                          ...B || {},
+                          ...k || {},
                           ..._ || {}
                         },
                         children: [
@@ -34167,7 +34167,7 @@ const Be = zD, b = ({
                                 width: "24px",
                                 height: "24px",
                                 opacity: 1,
-                                ...a0 || {}
+                                ...e0 || {}
                               },
                               children: /* @__PURE__ */ l.jsx(
                                 b,
@@ -34175,8 +34175,8 @@ const Be = zD, b = ({
                                   name: t0,
                                   variant: "24-outline",
                                   size: c0,
-                                  strokeWidth: W,
-                                  className: `color-gray-600 ${J}`,
+                                  strokeWidth: U,
+                                  className: `color-gray-600 ${Q}`,
                                   style: {
                                     width: "24px",
                                     height: "24px",
@@ -34185,7 +34185,7 @@ const Be = zD, b = ({
                                     left: "0px",
                                     opacity: 1,
                                     transform: "rotate(0deg)",
-                                    ...N || {},
+                                    ...P || {},
                                     ...g0 || {}
                                   }
                                 }
@@ -34195,7 +34195,7 @@ const Be = zD, b = ({
                           M0 && c > 0 && /* @__PURE__ */ l.jsx(
                             "span",
                             {
-                              className: `h-5 text-white flex items-center justify-center text-body-sm font-medium ${P}`,
+                              className: `h-5 text-white flex items-center justify-center text-body-sm font-medium ${W}`,
                               style: {
                                 backgroundColor: "#6D3856",
                                 minWidth: "24px",
@@ -34209,7 +34209,7 @@ const Be = zD, b = ({
                                 marginLeft: "6px",
                                 opacity: 1,
                                 transform: "rotate(0deg)",
-                                ...F || {},
+                                ...O || {},
                                 ...v0 || {}
                               },
                               children: c > 9 ? "9+" : c
@@ -34221,7 +34221,7 @@ const Be = zD, b = ({
                     n && /* @__PURE__ */ l.jsx(
                       "button",
                       {
-                        onClick: d,
+                        onClick: s,
                         className: "hover:bg-gray-50 rounded-lg transition-colors",
                         "aria-label": "Perfil de usuario",
                         children: /* @__PURE__ */ l.jsx(
@@ -34308,7 +34308,7 @@ const Be = zD, b = ({
             isOpen: G,
             onClose: o0,
             transitionDurationMs: w,
-            transitionEasing: p
+            transitionEasing: g
           }
         ) })
       ]
@@ -34336,8 +34336,8 @@ const Be = zD, b = ({
   defaultCollapsed: n = !1,
   companyName: c = "HEXA Point",
   companyLogo: u,
-  onCompanyClick: s,
-  itemBadges: d = {},
+  onCompanyClick: d,
+  itemBadges: s = {},
   // Objeto con { itemId: number } para los badges
   footerText: i,
   // Texto del footer: puede ser string "v1.0 | Powered by Nucleus" o objeto { version: "v1.0", poweredBy: "Powered by", brand: "Nucleus" }
@@ -34345,15 +34345,15 @@ const Be = zD, b = ({
   // Contenido a mostrar en el footer cuando está colapsado (puede ser string, ReactNode, o objeto con icon y text)
   Client: w = !1,
   // Propiedad booleana para mostrar el logo de la empresa en la parte superior
-  className: p = "",
-  ...g
+  className: g = "",
+  ...p
 }) => {
-  const [h, A] = S(n);
+  const [h, M] = S(n);
   return /* @__PURE__ */ l.jsx(
     "aside",
     {
-      className: `bg-white border-r border-gray-200 transition-all duration-300 ease-in-out h-full rounded-16 ${h ? "w-20" : "w-64"} ${p}`,
-      ...g,
+      className: `bg-white border-r border-gray-200 transition-all duration-300 ease-in-out h-full rounded-16 ${h ? "w-20" : "w-64"} ${g}`,
+      ...p,
       children: /* @__PURE__ */ l.jsxs("nav", { className: "h-full flex flex-col", style: { overflow: "hidden" }, children: [
         w && u && !h && /* @__PURE__ */ l.jsx("div", { className: "flex-shrink-0 border-b border-gray-200", style: { borderStyle: "dashed" }, children: /* @__PURE__ */ l.jsx("div", { className: "px-4 py-6 flex flex-col items-center justify-center", children: /* @__PURE__ */ l.jsx(
           "img",
@@ -34390,7 +34390,7 @@ const Be = zD, b = ({
                     }
                   )
                 ] }),
-                !h && d.inicio !== void 0 && d.inicio > 0 && /* @__PURE__ */ l.jsx(
+                !h && s.inicio !== void 0 && s.inicio > 0 && /* @__PURE__ */ l.jsx(
                   "span",
                   {
                     className: `px-2 py-0.5 min-w-[20px] h-5 \r
@@ -34401,13 +34401,13 @@ const Be = zD, b = ({
                       color: r === "inicio" ? "#6D3856" : "#FFFFFF",
                       borderRadius: "12px"
                     },
-                    children: d.inicio > 9 ? "9+" : d.inicio
+                    children: s.inicio > 9 ? "9+" : s.inicio
                   }
                 )
               ]
             }
           ) }),
-          a.map((y, C) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
+          a.map((y, A) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
             h && /* @__PURE__ */ l.jsx("div", { className: "px-4 mb-4", children: /* @__PURE__ */ l.jsx("div", { className: "border-t", style: { borderColor: "#2D5C63" } }) }),
             !h && /* @__PURE__ */ l.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ l.jsx(
               x,
@@ -34444,7 +34444,7 @@ const Be = zD, b = ({
                       }
                     )
                   ] }),
-                  !h && (d[R.id] !== void 0 && d[R.id] > 0 || R.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
+                  !h && (s[R.id] !== void 0 && s[R.id] > 0 || R.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
                     "span",
                     {
                       className: `px-2 py-0.5 min-w-[20px] h-5 \r
@@ -34455,13 +34455,13 @@ const Be = zD, b = ({
                         color: r === R.id ? "#6D3856" : "#FFFFFF",
                         borderRadius: "12px"
                       },
-                      children: R.id === "empleados" ? 2 : d[R.id] > 9 ? "9+" : d[R.id]
+                      children: R.id === "empleados" ? 2 : s[R.id] > 9 ? "9+" : s[R.id]
                     }
                   )
                 ]
               }
             ) }, R.id)) })
-          ] }, C))
+          ] }, A))
         ] }) }),
         i && !h && /* @__PURE__ */ l.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
           "div",
@@ -34480,17 +34480,17 @@ const Be = zD, b = ({
                 children: (() => {
                   const y = i.split("|");
                   if (y.length === 2) {
-                    const C = y[0].trim(), R = y[1].trim();
+                    const A = y[0].trim(), R = y[1].trim();
                     if (R.includes("Powered by")) {
                       const v = R.match(/Powered by (.+)/);
                       if (v)
                         return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-                          C,
+                          A,
                           " | Powered by ",
                           /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: v[1] })
                         ] });
                     }
-                    return `${C} | ${R}`;
+                    return `${A} | ${R}`;
                   }
                   return i;
                 })()
@@ -34571,28 +34571,28 @@ const Be = zD, b = ({
   companyName: n = "HEXA Point",
   companyLogo: c,
   onCompanyClick: u,
-  itemBadges: s = {},
-  isOpen: d,
+  itemBadges: d = {},
+  isOpen: s,
   onClose: i,
   className: f = "",
   ...w
 }) => {
-  const [p, g] = S(!1), [h, A] = S(!1), y = d !== void 0 ? d : p;
+  const [g, p] = S(!1), [h, M] = S(!1), y = s !== void 0 ? s : g;
   Z0(() => {
-    if (d !== void 0)
-      if (d) {
-        A(!1);
-        const j = setTimeout(() => {
-          A(!0);
+    if (s !== void 0)
+      if (s) {
+        M(!1);
+        const L = setTimeout(() => {
+          M(!0);
         }, 10);
-        return () => clearTimeout(j);
+        return () => clearTimeout(L);
       } else
-        A(!1);
+        M(!1);
     else
-      A(p);
-  }, [d, p]);
-  const C = () => {
-    i ? i() : g(!p);
+      M(g);
+  }, [s, g]);
+  const A = () => {
+    i ? i() : p(!g);
   }, R = (/* @__PURE__ */ new Date()).toLocaleDateString("es-AR", {
     weekday: "long",
     year: "numeric",
@@ -34621,10 +34621,10 @@ const Be = zD, b = ({
           pointer-events: ${y ? "auto" : "none"};
         }
       ` }),
-    !y && d === void 0 && /* @__PURE__ */ l.jsx(
+    !y && s === void 0 && /* @__PURE__ */ l.jsx(
       "button",
       {
-        onClick: C,
+        onClick: A,
         className: `fixed top-4 left-4 z-50 p-2 bg-white border border-gray-200 rounded-lg shadow-md \r
                    hover:bg-gray-50 transition-colors`,
         "aria-label": "Toggle menu",
@@ -34644,7 +34644,7 @@ const Be = zD, b = ({
       {
         className: "sidebar-point-mobile-overlay",
         onClick: () => {
-          i ? i() : C();
+          i ? i() : A();
         }
       }
     ),
@@ -34667,7 +34667,7 @@ const Be = zD, b = ({
               "button",
               {
                 onClick: () => {
-                  i ? i() : C();
+                  i ? i() : A();
                 },
                 className: "p-1 hover:bg-opacity-80 rounded transition-colors",
                 style: { cursor: "pointer" },
@@ -34705,7 +34705,7 @@ const Be = zD, b = ({
               "button",
               {
                 onClick: () => {
-                  t && t("inicio"), C();
+                  t && t("inicio"), A();
                 },
                 className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === "inicio" ? "" : "color-gray-700 hover:bg-gray-100"}`,
                 style: r === "inicio" ? { backgroundColor: "#2D5C63" } : {},
@@ -34729,7 +34729,7 @@ const Be = zD, b = ({
                       }
                     )
                   ] }),
-                  s.inicio !== void 0 && s.inicio > 0 && /* @__PURE__ */ l.jsx(
+                  d.inicio !== void 0 && d.inicio > 0 && /* @__PURE__ */ l.jsx(
                     "span",
                     {
                       className: `px-2 py-0.5 min-w-[20px] h-5 \r
@@ -34739,50 +34739,50 @@ const Be = zD, b = ({
                         backgroundColor: "#6D3856",
                         borderRadius: "12px"
                       },
-                      children: s.inicio > 9 ? "9+" : s.inicio
+                      children: d.inicio > 9 ? "9+" : d.inicio
                     }
                   )
                 ]
               }
             ) }),
-            a.map((j, k) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
+            a.map((L, F) => /* @__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: j.title
+                  children: L.title
                 }
               ) }),
-              /* @__PURE__ */ l.jsx("div", { className: "space-y-1", children: j.items.map((L) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
+              /* @__PURE__ */ l.jsx("div", { className: "space-y-1", children: L.items.map(($) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
                 "button",
                 {
                   onClick: () => {
-                    t && t(L.id), C();
+                    t && t($.id), A();
                   },
-                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === L.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                  style: r === L.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 === $.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                  style: r === $.id ? { backgroundColor: "#2D5C63" } : {},
                   children: [
                     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                       /* @__PURE__ */ l.jsx(
                         b,
                         {
-                          name: L.icon,
+                          name: $.icon,
                           variant: "24-outline",
                           size: 20,
-                          className: `mr-3 ${r === L.id ? "color-white" : "color-gray-700"}`
+                          className: `mr-3 ${r === $.id ? "color-white" : "color-gray-700"}`
                         }
                       ),
                       /* @__PURE__ */ l.jsx(
                         x,
                         {
                           variant: "body-md",
-                          className: `font-medium ${r === L.id ? "color-white" : "color-gray-700"}`,
-                          children: L.label
+                          className: `font-medium ${r === $.id ? "color-white" : "color-gray-700"}`,
+                          children: $.label
                         }
                       )
                     ] }),
-                    (s[L.id] !== void 0 && s[L.id] > 0 || L.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
+                    (d[$.id] !== void 0 && d[$.id] > 0 || $.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
                       "span",
                       {
                         className: `px-2 py-0.5 min-w-[20px] h-5 \r
@@ -34792,13 +34792,13 @@ const Be = zD, b = ({
                           backgroundColor: "#6D3856",
                           borderRadius: "12px"
                         },
-                        children: L.id === "empleados" ? 2 : s[L.id] > 9 ? "9+" : s[L.id]
+                        children: $.id === "empleados" ? 2 : d[$.id] > 9 ? "9+" : d[$.id]
                       }
                     )
                   ]
                 }
-              ) }, L.id)) })
-            ] }, k))
+              ) }, $.id)) })
+            ] }, F))
           ] })
         ] })
       }
@@ -34811,27 +34811,27 @@ const Be = zD, b = ({
   notificationCount: n = 0,
   onSearch: c,
   onNotificationClick: u,
-  onUserClick: s,
-  sidebarSections: d,
+  onUserClick: d,
+  sidebarSections: s,
   sidebarActiveItem: i,
   onSidebarItemClick: f,
   sidebarItemBadges: w,
-  sidebarCompanyName: p,
-  sidebarCompanyLogo: g,
+  sidebarCompanyName: g,
+  sidebarCompanyLogo: p,
   mobileBackgroundColor: h = Oe,
-  className: A = "",
+  className: M = "",
   ...y
 }) => {
-  const [C, R] = S(""), [v, j] = S(!1), k = (P) => {
-    const F = P.target.value;
-    R(F), c && c(F);
-  }, L = (P) => {
-    P.preventDefault(), c && c(C);
-  }, B = (P) => {
-    f && f(P), j(!1);
-  }, J = () => {
-    j(!1);
-  }, N = (P) => P > 9 ? "9+" : P;
+  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) => {
+    f && f(W), L(!1);
+  }, Q = () => {
+    L(!1);
+  }, P = (W) => W > 9 ? "9+" : W;
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx("style", { children: `
         .header-point-container {
@@ -35029,18 +35029,18 @@ const Be = zD, b = ({
     /* @__PURE__ */ l.jsxs(
       "header",
       {
-        className: `bg-white header-point-mobile rounded-12 header-point-container ${A}`,
+        className: `bg-white header-point-mobile rounded-12 header-point-container ${M}`,
         ...y,
         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: L, 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: $, className: "header-search-form flex items-center w-full", children: [
                 /* @__PURE__ */ l.jsx(
                   "input",
                   {
                     type: "text",
-                    value: C,
-                    onChange: k,
+                    value: A,
+                    onChange: F,
                     placeholder: a,
                     className: "header-search-input flex-1 pl-2 md:pl-4 pr-2 md:pr-4 py-2 md:py-2.5 bg-white border border-gray-400 rounded-l-lg focus:outline-none text-sm md:text-base",
                     style: {
@@ -35091,14 +35091,14 @@ const Be = zD, b = ({
                           className: "color-gray-600"
                         }
                       ),
-                      n > 0 && /* @__PURE__ */ l.jsx("span", { className: "absolute -top-1 -right-1 px-1.5 py-0.5 min-w-[20px] h-5 text-white rounded-full flex items-center justify-center text-body-sm font-medium header-notification-badge", children: N(n) })
+                      n > 0 && /* @__PURE__ */ l.jsx("span", { className: "absolute -top-1 -right-1 px-1.5 py-0.5 min-w-[20px] h-5 text-white rounded-full flex items-center justify-center text-body-sm font-medium header-notification-badge", children: P(n) })
                     ]
                   }
                 ),
                 r && /* @__PURE__ */ l.jsxs(
                   "button",
                   {
-                    onClick: s,
+                    onClick: d,
                     className: "flex items-center gap-3 hover:bg-gray-50 rounded-lg px-2 py-1.5 transition-colors",
                     "aria-label": "Perfil de usuario",
                     children: [
@@ -35138,7 +35138,7 @@ const Be = zD, b = ({
                 /* @__PURE__ */ l.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ l.jsx(
                   "button",
                   {
-                    onClick: () => j(!0),
+                    onClick: () => L(!0),
                     className: "p-2 hover:bg-gray-100 rounded-lg transition-colors header-mobile-menu-button cursor-pointer",
                     "aria-label": "Menú",
                     children: /* @__PURE__ */ l.jsx(
@@ -35176,18 +35176,18 @@ const Be = zD, b = ({
                           className: "header-mobile-notification-icon"
                         }
                       ),
-                      n > 0 && /* @__PURE__ */ l.jsx("span", { className: "absolute -top-1 -right-1 px-1.5 py-0.5 min-w-[20px] h-5 text-white rounded-full flex items-center justify-center text-body-sm font-medium header-notification-badge", children: N(n) })
+                      n > 0 && /* @__PURE__ */ l.jsx("span", { className: "absolute -top-1 -right-1 px-1.5 py-0.5 min-w-[20px] h-5 text-white rounded-full flex items-center justify-center text-body-sm font-medium header-notification-badge", children: P(n) })
                     ]
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ l.jsx("div", { className: "header-mobile-search-row", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: L, 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: $, className: "header-search-form flex items-center w-full", children: [
                 /* @__PURE__ */ l.jsx(
                   "input",
                   {
                     type: "text",
-                    value: C,
-                    onChange: k,
+                    value: A,
+                    onChange: F,
                     placeholder: a,
                     className: "header-search-input flex-1 pl-3 pr-3 py-2 bg-white border border-gray-400 rounded-l-lg focus:outline-none text-sm",
                     style: {
@@ -35225,14 +35225,14 @@ const Be = zD, b = ({
           v && /* @__PURE__ */ l.jsx("div", { className: "header-mobile-sidebar-wrapper", children: /* @__PURE__ */ l.jsx(
             eN,
             {
-              sections: d,
+              sections: s,
               activeItem: i,
-              onItemClick: B,
+              onItemClick: k,
               itemBadges: w,
-              companyName: p,
-              companyLogo: g,
+              companyName: g,
+              companyLogo: p,
               isOpen: v,
-              onClose: J
+              onClose: Q
             }
           ) })
         ]
@@ -35249,18 +35249,18 @@ const Be = zD, b = ({
   ],
   currentLanguageCode: c = "es-AR",
   onLanguageChange: u,
-  className: s = "",
-  ...d
+  className: d = "",
+  ...s
 }) => {
-  const [i, f] = S(!1), [w, p] = S(null), [g, h] = S(!1), A = a === "login", y = n.find((R) => R.code === c) || n[0], C = (R) => {
+  const [i, f] = S(!1), [w, g] = S(null), [p, h] = S(!1), M = a === "login", y = n.find((R) => R.code === c) || n[0], A = (R) => {
     u && u(R), f(!1);
   };
-  return A ? (() => {
-    const { style: R, ...v } = d;
+  return M ? (() => {
+    const { style: R, ...v } = s;
     return /* @__PURE__ */ l.jsxs(
       "header",
       {
-        className: `w-full flex justify-between items-center bg-white ${s}`,
+        className: `w-full flex justify-between items-center bg-white ${d}`,
         style: {
           boxShadow: "0px 2px 4px -1px #0000000F, 0px 4px 6px -1px #0000001A",
           padding: "16px var(--mf-ds-grid-margin, 20px)",
@@ -35334,7 +35334,7 @@ const Be = zD, b = ({
                     gap: "8px",
                     borderRadius: "8px",
                     border: "1px solid #38656D",
-                    background: g ? "#F9FAFB" : "white",
+                    background: p ? "#F9FAFB" : "white",
                     opacity: 1,
                     color: "#374151"
                   },
@@ -35376,10 +35376,10 @@ const Be = zD, b = ({
                     flexDirection: "column",
                     gap: "8px"
                   },
-                  children: n.map((j) => /* @__PURE__ */ l.jsx(
+                  children: n.map((L) => /* @__PURE__ */ l.jsx(
                     "button",
                     {
-                      onClick: () => C(j.code),
+                      onClick: () => A(L.code),
                       className: "w-full text-left transition-colors",
                       style: {
                         width: "200px",
@@ -35388,8 +35388,8 @@ const Be = zD, b = ({
                         border: "none",
                         background: "transparent"
                       },
-                      onMouseEnter: () => p(j.code),
-                      onMouseLeave: () => p(null),
+                      onMouseEnter: () => g(L.code),
+                      onMouseLeave: () => g(null),
                       children: /* @__PURE__ */ l.jsxs(
                         "div",
                         {
@@ -35402,8 +35402,8 @@ const Be = zD, b = ({
                             alignItems: "center",
                             justifyContent: "space-between",
                             gap: "16px",
-                            backgroundColor: y.code === j.code ? "#6D3856" : w === j.code ? "#DDDDDD" : "transparent",
-                            color: y.code === j.code ? "#FFFFFF" : void 0
+                            backgroundColor: y.code === L.code ? "#6D3856" : w === L.code ? "#DDDDDD" : "transparent",
+                            color: y.code === L.code ? "#FFFFFF" : void 0
                           },
                           children: [
                             /* @__PURE__ */ l.jsx(
@@ -35420,10 +35420,10 @@ const Be = zD, b = ({
                                   height: "24px",
                                   opacity: 1
                                 },
-                                children: j.name
+                                children: L.name
                               }
                             ),
-                            y.code === j.code && /* @__PURE__ */ l.jsx(
+                            y.code === L.code && /* @__PURE__ */ l.jsx(
                               "div",
                               {
                                 style: {
@@ -35450,7 +35450,7 @@ const Be = zD, b = ({
                         }
                       )
                     },
-                    j.code
+                    L.code
                   ))
                 }
               )
@@ -35459,7 +35459,7 @@ const Be = zD, b = ({
         ]
       }
     );
-  })() : /* @__PURE__ */ l.jsxs("header", { className: `w-full flex justify-between items-center bg-white ${s}`, style: { paddingTop: "4px", paddingBottom: "4px", paddingLeft: "8px", paddingRight: "12px" }, ...d, children: [
+  })() : /* @__PURE__ */ l.jsxs("header", { className: `w-full flex justify-between items-center bg-white ${d}`, style: { paddingTop: "4px", paddingBottom: "4px", paddingLeft: "8px", paddingRight: "12px" }, ...s, children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ l.jsx(ie, { width: 32, height: 36 }),
       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", style: { gap: "4px" }, children: [
@@ -35500,7 +35500,7 @@ const Be = zD, b = ({
         /* @__PURE__ */ l.jsx("div", { className: "absolute right-0 mt-2 w-40 bg-white rounded-lg shadow-lg z-20 py-1", style: { border: "1px solid #2D5C63" }, children: n.map((R) => /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: () => C(R.code),
+            onClick: () => A(R.code),
             className: `w-full text-left px-4 py-2 text-body-md hover:bg-gray-50 transition-colors ${y.code === R.code ? "bg-gray-50 color-brand font-medium" : "color-gray-700"}`,
             children: R.name
           },
@@ -35516,29 +35516,29 @@ const Be = zD, b = ({
   notificationCount: n = 0,
   onSearch: c,
   onNotificationClick: u,
-  onUserClick: s,
+  onUserClick: d,
   // Borde inferior (subrayado)
-  showBottomBorder: d = !1,
+  showBottomBorder: s = !1,
   bottomBorderClassName: i = "border-b border-gray-200",
   // Overrides de estilo/clases para poder ajustar layout desde el proyecto consumidor
   desktopLayoutClassName: f = "",
   desktopLayoutStyle: w,
-  desktopSearchContainerClassName: p = "",
-  desktopSearchContainerStyle: g,
+  desktopSearchContainerClassName: g = "",
+  desktopSearchContainerStyle: p,
   className: h = "",
-  ...A
+  ...M
 }) => {
-  const [y, C] = S(""), R = (k) => k > 9 ? "9+" : k, v = (k) => {
-    const L = k.target.value;
-    C(L), c && c(L);
-  }, j = (k) => {
-    k.preventDefault(), c && c(y);
+  const [y, A] = S(""), R = (F) => F > 9 ? "9+" : F, v = (F) => {
+    const $ = F.target.value;
+    A($), c && c($);
+  }, L = (F) => {
+    F.preventDefault(), c && c(y);
   };
   return /* @__PURE__ */ l.jsxs(
     "header",
     {
-      className: `bg-white ${d ? i : ""} ${h}`,
-      ...A,
+      className: `bg-white ${s ? i : ""} ${h}`,
+      ...M,
       children: [
         /* @__PURE__ */ l.jsx("style", { children: `
         .header-search-input {
@@ -35576,9 +35576,9 @@ const Be = zD, b = ({
               /* @__PURE__ */ l.jsx(
                 "div",
                 {
-                  className: `flex-1 mr-2 md:mr-4 ${p}`,
-                  style: { maxWidth: "none", minWidth: "0", ...g || {} },
-                  children: /* @__PURE__ */ l.jsxs("form", { onSubmit: j, className: "header-search-form flex items-center w-full", children: [
+                  className: `flex-1 mr-2 md:mr-4 ${g}`,
+                  style: { maxWidth: "none", minWidth: "0", ...p || {} },
+                  children: /* @__PURE__ */ l.jsxs("form", { onSubmit: L, className: "header-search-form flex items-center w-full", children: [
                     /* @__PURE__ */ l.jsx(
                       "input",
                       {
@@ -35651,7 +35651,7 @@ const Be = zD, b = ({
                 r && /* @__PURE__ */ l.jsxs(
                   "button",
                   {
-                    onClick: s,
+                    onClick: d,
                     className: "flex items-center gap-3 hover:bg-gray-50 rounded-lg px-2 py-1.5 transition-colors",
                     "aria-label": "Perfil de usuario",
                     children: [
@@ -35703,9 +35703,9 @@ const Be = zD, b = ({
   className: n = "",
   ...c
 }) => {
-  const u = (d) => {
-    t && t(d);
-  }, s = (d) => d ? `${X0} ${X0} 0 0` : "0";
+  const u = (s) => {
+    t && t(s);
+  }, d = (s) => s ? `${X0} ${X0} 0 0` : "0";
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx("style", { children: `
         .nav-point {
@@ -35759,22 +35759,22 @@ const Be = zD, b = ({
           height: le
         },
         ...c,
-        children: /* @__PURE__ */ l.jsx("div", { className: "flex items-stretch h-full", style: { overflow: "hidden" }, children: a.map((d, i) => {
-          const f = r === d.id;
+        children: /* @__PURE__ */ l.jsx("div", { className: "flex items-stretch h-full", style: { overflow: "hidden" }, children: a.map((s, i) => {
+          const f = r === s.id;
           return /* @__PURE__ */ l.jsxs(
             "button",
             {
-              onClick: () => u(d.id),
+              onClick: () => u(s.id),
               className: "flex flex-col items-center justify-center px-4 py-3 transition-colors duration-200 cursor-pointer flex-1 relative nav-point-item",
               style: {
                 backgroundColor: f ? wN : "transparent",
-                borderRadius: s(f)
+                borderRadius: d(f)
               },
               children: [
                 /* @__PURE__ */ l.jsx(
                   b,
                   {
-                    name: d.icon,
+                    name: s.icon,
                     variant: "24-outline",
                     size: sN,
                     style: { color: f ? uN : fN }
@@ -35792,12 +35792,12 @@ const Be = zD, b = ({
                       textOverflow: "ellipsis",
                       width: "100%"
                     },
-                    children: d.label
+                    children: s.label
                   }
                 )
               ]
             },
-            d.id
+            s.id
           );
         }) })
       }
@@ -35810,8 +35810,8 @@ const Be = zD, b = ({
   children: n,
   footer: c,
   size: u = "medium",
-  showCloseButton: s = !0,
-  className: d = "",
+  showCloseButton: d = !0,
+  className: s = "",
   ...i
 }) => {
   if (Z0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
@@ -35841,12 +35841,12 @@ const Be = zD, b = ({
         /* @__PURE__ */ l.jsxs(
           "div",
           {
-            className: `inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full ${f[u]} ${d}`,
+            className: `inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full ${f[u]} ${s}`,
             onClick: (w) => w.stopPropagation(),
             children: [
               t && /* @__PURE__ */ l.jsxs("div", { className: "px-6 py-4 border-b border-gray-200 flex items-center justify-between", children: [
                 /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: t }),
-                s && /* @__PURE__ */ l.jsx(
+                d && /* @__PURE__ */ l.jsx(
                   "button",
                   {
                     onClick: r,
@@ -35871,27 +35871,27 @@ const Be = zD, b = ({
   className: c = "",
   ...u
 }) => {
-  const [s, d] = S(r), i = (w) => {
-    d(w), t && t(w);
+  const [d, s] = S(r), i = (w) => {
+    s(w), t && t(w);
   }, f = {
     default: "border-blue-500 text-blue-600",
     underline: "border-blue-500 text-blue-600 border-b-2"
   };
   return a.length === 0 ? null : /* @__PURE__ */ l.jsxs("div", { className: c, ...u, children: [
-    /* @__PURE__ */ l.jsx("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ l.jsx("nav", { className: "flex -mb-px space-x-8", "aria-label": "Tabs", children: a.map((w, p) => /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ l.jsx("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ l.jsx("nav", { className: "flex -mb-px space-x-8", "aria-label": "Tabs", children: a.map((w, g) => /* @__PURE__ */ l.jsx(
       "button",
       {
-        onClick: () => i(p),
+        onClick: () => i(g),
         className: `
                 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm
                 transition-colors
-                ${s === p ? f[n] : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}
+                ${d === g ? f[n] : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}
               `,
         children: w.label
       },
-      p
+      g
     )) }) }),
-    /* @__PURE__ */ l.jsx("div", { className: "mt-4", children: a[s]?.content })
+    /* @__PURE__ */ l.jsx("div", { className: "mt-4", children: a[d]?.content })
   ] });
 }, cP = ({
   items: a = [],
@@ -35900,8 +35900,8 @@ const Be = zD, b = ({
   className: n = "",
   ...c
 }) => {
-  const [u, s] = S(t), d = (i) => {
-    s(
+  const [u, d] = S(t), s = (i) => {
+    d(
       r ? (f) => f.includes(i) ? f.filter((w) => w !== i) : [...f, i] : (f) => f.includes(i) ? [] : [i]
     );
   };
@@ -35911,7 +35911,7 @@ const Be = zD, b = ({
       /* @__PURE__ */ l.jsxs(
         "button",
         {
-          onClick: () => d(f),
+          onClick: () => s(f),
           className: "w-full px-4 py-3 flex items-center justify-between bg-white hover:bg-gray-50 transition-colors",
           children: [
             /* @__PURE__ */ l.jsx("span", { className: "font-medium text-gray-900", children: i.title }),
@@ -35934,10 +35934,10 @@ const Be = zD, b = ({
   className: t = "",
   ...n
 }) => a.length === 0 ? null : /* @__PURE__ */ l.jsx("nav", { className: t, "aria-label": "Breadcrumb", ...n, children: /* @__PURE__ */ l.jsx("ol", { className: "flex items-center space-x-2", children: a.map((c, u) => {
-  const s = u === a.length - 1;
+  const d = u === a.length - 1;
   return /* @__PURE__ */ l.jsxs("li", { className: "flex items-center", children: [
     u > 0 && /* @__PURE__ */ l.jsx("span", { className: "mx-2 text-gray-400", children: r === "icon" ? /* @__PURE__ */ l.jsx(b, { name: "ChevronRightIcon", className: "h-4 w-4" }) : r }),
-    s ? /* @__PURE__ */ l.jsx("span", { className: "text-gray-500 font-medium", "aria-current": "page", children: c.label }) : /* @__PURE__ */ l.jsx(
+    d ? /* @__PURE__ */ l.jsx("span", { className: "text-gray-500 font-medium", "aria-current": "page", children: c.label }) : /* @__PURE__ */ l.jsx(
       "a",
       {
         href: c.href || "#",
@@ -35955,9 +35955,9 @@ const Be = zD, b = ({
   className: c = "",
   ...u
 }) => {
-  const s = (i) => {
+  const d = (i) => {
     i >= 1 && i <= r && i !== a && t && t(i);
-  }, d = () => {
+  }, s = () => {
     const i = [];
     if (r <= 5)
       for (let w = 1; w <= r; w++)
@@ -35979,7 +35979,7 @@ const Be = zD, b = ({
       {
         variant: "outline",
         size: "small",
-        onClick: () => s(1),
+        onClick: () => d(1),
         disabled: a === 1,
         children: /* @__PURE__ */ l.jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" }) })
       }
@@ -35989,17 +35989,17 @@ const Be = zD, b = ({
       {
         variant: "outline",
         size: "small",
-        onClick: () => s(a - 1),
+        onClick: () => d(a - 1),
         disabled: a === 1,
         children: /* @__PURE__ */ l.jsx(b, { name: "ChevronLeftIcon", className: "h-4 w-4" })
       }
     ),
-    d().map((i) => /* @__PURE__ */ l.jsx(
+    s().map((i) => /* @__PURE__ */ l.jsx(
       m0,
       {
         variant: a === i ? "primary" : "outline",
         size: "small",
-        onClick: () => s(i),
+        onClick: () => d(i),
         children: i
       },
       i
@@ -36009,7 +36009,7 @@ const Be = zD, b = ({
       {
         variant: "outline",
         size: "small",
-        onClick: () => s(a + 1),
+        onClick: () => d(a + 1),
         disabled: a === r,
         children: /* @__PURE__ */ l.jsx(b, { name: "ChevronRightIcon", className: "h-4 w-4" })
       }
@@ -36019,7 +36019,7 @@ const Be = zD, b = ({
       {
         variant: "outline",
         size: "small",
-        onClick: () => s(r),
+        onClick: () => d(r),
         disabled: a === r,
         children: /* @__PURE__ */ l.jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5.25 4.5l7.5 7.5-7.5 7.5m6-15l7.5 7.5-7.5 7.5" }) })
       }
@@ -36032,8 +36032,8 @@ const Be = zD, b = ({
   children: n,
   position: c = "right",
   size: u = "medium",
-  showCloseButton: s = !0,
-  className: d = "",
+  showCloseButton: d = !0,
+  className: s = "",
   ...i
 }) => {
   if (Z0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
@@ -36061,12 +36061,12 @@ const Be = zD, b = ({
     /* @__PURE__ */ l.jsxs(
       "div",
       {
-        className: `fixed z-50 bg-white shadow-xl ${f[c]} ${w[u]} ${d}`,
+        className: `fixed z-50 bg-white shadow-xl ${f[c]} ${w[u]} ${s}`,
         ...i,
         children: [
           t && /* @__PURE__ */ l.jsxs("div", { className: "px-6 py-4 border-b border-gray-200 flex items-center justify-between", children: [
             /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: t }),
-            s && /* @__PURE__ */ l.jsx(
+            d && /* @__PURE__ */ l.jsx(
               "button",
               {
                 onClick: r,
@@ -36087,10 +36087,10 @@ const Be = zD, b = ({
   className: n = "",
   ...c
 }) => {
-  const [u, s] = S(!1), d = Ze(null);
+  const [u, d] = S(!1), s = Ze(null);
   Z0(() => {
     const f = (w) => {
-      d.current && !d.current.contains(w.target) && s(!1);
+      s.current && !s.current.contains(w.target) && d(!1);
     };
     return u && document.addEventListener("mousedown", f), () => {
       document.removeEventListener("mousedown", f);
@@ -36102,8 +36102,8 @@ const Be = zD, b = ({
     "top-left": "bottom-full left-0 mb-1",
     "top-right": "bottom-full right-0 mb-1"
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: `relative inline-block ${n}`, ref: d, ...c, children: [
-    /* @__PURE__ */ l.jsx("div", { onClick: () => s(!u), children: a || /* @__PURE__ */ l.jsx("button", { className: "p-2 rounded-lg hover:bg-gray-100", children: /* @__PURE__ */ l.jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z" }) }) }) }),
+  return /* @__PURE__ */ l.jsxs("div", { className: `relative inline-block ${n}`, ref: s, ...c, children: [
+    /* @__PURE__ */ l.jsx("div", { onClick: () => d(!u), children: a || /* @__PURE__ */ l.jsx("button", { className: "p-2 rounded-lg hover:bg-gray-100", children: /* @__PURE__ */ l.jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z" }) }) }) }),
     u && /* @__PURE__ */ l.jsx(
       "div",
       {
@@ -36112,7 +36112,7 @@ const Be = zD, b = ({
           "button",
           {
             onClick: () => {
-              f.onClick && f.onClick(), s(!1);
+              f.onClick && f.onClick(), d(!1);
             },
             className: `
                 w-full text-left px-4 py-2 text-sm
@@ -36136,8 +36136,8 @@ const Be = zD, b = ({
   orientation: t = "horizontal",
   className: n = "",
   ...c
-}) => a.length === 0 ? null : t === "vertical" ? /* @__PURE__ */ l.jsx("div", { className: n, ...c, children: /* @__PURE__ */ l.jsx("ol", { className: "space-y-4", children: a.map((u, s) => {
-  const d = s === r, i = s < r;
+}) => a.length === 0 ? null : t === "vertical" ? /* @__PURE__ */ l.jsx("div", { className: n, ...c, children: /* @__PURE__ */ l.jsx("ol", { className: "space-y-4", children: a.map((u, d) => {
+  const s = d === r, i = d < r;
   return /* @__PURE__ */ l.jsxs("li", { className: "flex items-start", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ l.jsx(
@@ -36145,12 +36145,12 @@ const Be = zD, b = ({
         {
           className: `
                       flex items-center justify-center w-10 h-10 rounded-full border-2
-                      ${i ? "bg-blue-600 border-blue-600 text-white" : d ? "bg-blue-100 border-blue-600 text-blue-600" : "bg-white border-gray-300 text-gray-400"}
+                      ${i ? "bg-blue-600 border-blue-600 text-white" : s ? "bg-blue-100 border-blue-600 text-blue-600" : "bg-white border-gray-300 text-gray-400"}
                     `,
-          children: i ? /* @__PURE__ */ l.jsx(b, { name: "CheckCircleIcon", className: "h-6 w-6" }) : /* @__PURE__ */ l.jsx("span", { className: "font-medium", children: s + 1 })
+          children: i ? /* @__PURE__ */ l.jsx(b, { name: "CheckCircleIcon", className: "h-6 w-6" }) : /* @__PURE__ */ l.jsx("span", { className: "font-medium", children: d + 1 })
         }
       ),
-      s < a.length - 1 && /* @__PURE__ */ l.jsx(
+      d < a.length - 1 && /* @__PURE__ */ l.jsx(
         "div",
         {
           className: `
@@ -36166,26 +36166,26 @@ const Be = zD, b = ({
         {
           className: `
                       text-sm font-medium
-                      ${d || i ? "text-gray-900" : "text-gray-400"}
+                      ${s || i ? "text-gray-900" : "text-gray-400"}
                     `,
           children: u.label
         }
       ),
       u.description && /* @__PURE__ */ l.jsx("p", { className: "text-sm text-gray-500 mt-1", children: u.description })
     ] })
-  ] }, s);
+  ] }, d);
 }) }) }) : /* @__PURE__ */ l.jsxs("div", { className: n, ...c, children: [
-  /* @__PURE__ */ l.jsx("ol", { className: "flex items-center w-full", children: a.map((u, s) => {
-    const d = s === r, i = s < r, f = s === a.length - 1;
+  /* @__PURE__ */ l.jsx("ol", { className: "flex items-center w-full", children: a.map((u, d) => {
+    const s = d === r, i = d < r, f = d === a.length - 1;
     return /* @__PURE__ */ l.jsx("li", { className: "flex items-center w-full", children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ l.jsx(
         "div",
         {
           className: `
                     flex items-center justify-center w-10 h-10 rounded-full border-2
-                    ${i ? "bg-blue-600 border-blue-600 text-white" : d ? "bg-blue-100 border-blue-600 text-blue-600" : "bg-white border-gray-300 text-gray-400"}
+                    ${i ? "bg-blue-600 border-blue-600 text-white" : s ? "bg-blue-100 border-blue-600 text-blue-600" : "bg-white border-gray-300 text-gray-400"}
                   `,
-          children: i ? /* @__PURE__ */ l.jsx(b, { name: "CheckIcon", className: "h-6 w-6" }) : /* @__PURE__ */ l.jsx("span", { className: "font-medium", children: s + 1 })
+          children: i ? /* @__PURE__ */ l.jsx(b, { name: "CheckIcon", className: "h-6 w-6" }) : /* @__PURE__ */ l.jsx("span", { className: "font-medium", children: d + 1 })
         }
       ),
       !f && /* @__PURE__ */ l.jsx(
@@ -36197,7 +36197,7 @@ const Be = zD, b = ({
                     `
         }
       )
-    ] }) }, s);
+    ] }) }, d);
   }) }),
   a[r] && /* @__PURE__ */ l.jsxs("div", { className: "mt-6", children: [
     /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: a[r].label }),
@@ -36223,73 +36223,73 @@ const Be = zD, b = ({
   // Prop para ocultar saludo y fecha manteniendo el alto
   // Breadcrumb / inicio (arriba del saludo)
   showInicio: u = !0,
-  inicioText: s = "Inicio",
-  showInicioIcon: d = !0,
+  inicioText: d = "Inicio",
+  showInicioIcon: s = !0,
   inicioIconName: i = "ChevronRightIcon",
   inicioIconVariant: f = "20-solid",
   // heroicons "mini"
   inicioIconSize: w = 16,
   // Responsive behavior (<= breakpoint): centrar saludo y ocultar el resto
-  responsiveBreakpointPx: p = 1365,
-  responsiveHideInicio: g = !0,
+  responsiveBreakpointPx: g = 1365,
+  responsiveHideInicio: p = !0,
   responsiveHideDate: h = !0,
-  responsiveCenterGreeting: A = !0,
+  responsiveCenterGreeting: M = !0,
   // Date formatting
   locale: y = "es-AR",
-  dateOptions: C = xN,
+  dateOptions: A = xN,
   formatDate: R,
   // (date, { locale, dateOptions }) => string
   capitalizeDate: v = !0,
   // Layout / styles (overrideable)
-  className: j = "",
-  style: k,
-  leftClassName: L = "",
-  leftStyle: B,
-  rightClassName: J = "",
-  rightStyle: N,
-  saludoFechaContainerClassName: P = "",
-  saludoFechaContainerStyle: F,
-  inicioContainerClassName: U = "",
-  inicioContainerStyle: Z,
-  inicioTextClassName: O = "",
-  inicioTextStyle: K,
-  inicioIconClassName: Q = "",
-  inicioIconStyle: T,
-  greetingClassName: M = "",
+  className: L = "",
+  style: F,
+  leftClassName: $ = "",
+  leftStyle: k,
+  rightClassName: Q = "",
+  rightStyle: P,
+  saludoFechaContainerClassName: W = "",
+  saludoFechaContainerStyle: O,
+  inicioContainerClassName: r0 = "",
+  inicioContainerStyle: C,
+  inicioTextClassName: j = "",
+  inicioTextStyle: T,
+  inicioIconClassName: K = "",
+  inicioIconStyle: D,
+  greetingClassName: Z = "",
   greetingStyle: H,
   greetingPrefix: _ = "¡",
   greetingSuffix: n0 = "!",
-  nameClassName: a0 = "",
+  nameClassName: e0 = "",
   nameStyle: c0,
-  dateTextClassName: W = "",
+  dateTextClassName: U = "",
   dateTextStyle: g0,
   ...M0
 }) => {
   const v0 = n ? RN(t) : null;
   let l0 = "";
-  return v0 && (typeof R == "function" ? l0 = R(v0, { locale: y, dateOptions: C }) : l0 = new Intl.DateTimeFormat(y, C).format(v0), v && (l0 = EN(l0))), /* @__PURE__ */ l.jsxs(
+  return v0 && (typeof R == "function" ? l0 = R(v0, { locale: y, dateOptions: A }) : l0 = new Intl.DateTimeFormat(y, A).format(v0), v && (l0 = EN(l0))), /* @__PURE__ */ l.jsxs(
     "div",
     {
-      className: `w-full ${j}`,
-      style: k,
+      className: `w-full ${L}`,
+      style: F,
       ...M0,
       children: [
         /* @__PURE__ */ l.jsx("style", { children: `
-        @media (max-width: ${p}px) {
+        @media (max-width: ${g}px) {
           .scfd-inicio {
-            display: ${g ? "none" : "flex"};
+            display: ${p ? "none" : "flex"};
           }
           .scfd-date {
             display: ${h ? "none" : "flex"};
           }
           .scfd-saludo-fecha {
-            justify-content: ${A ? "center" : "space-between"};
+            justify-content: ${M ? "center" : "space-between"};
           }
           .scfd-greeting-wrapper {
             width: 100%;
           }
           .scfd-greeting {
-            text-align: ${A ? "center" : "left"};
+            text-align: ${M ? "center" : "left"};
           }
         }
       ` }),
@@ -36297,18 +36297,18 @@ const Be = zD, b = ({
           u && /* @__PURE__ */ l.jsxs(
             "div",
             {
-              className: `scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${U}`,
+              className: `scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${r0}`,
               style: {
                 // Mantener "Inicio" alineado al mismo borde que "Hola" (padding-left del contenedor inferior)
                 paddingLeft: "8px",
-                ...Z || {}
+                ...C || {}
               },
               children: [
                 /* @__PURE__ */ l.jsx(
                   x,
                   {
                     variant: "body-md",
-                    className: O,
+                    className: j,
                     style: {
                       color: "#223B40",
                       fontFamily: "IBM Plex Sans",
@@ -36318,23 +36318,23 @@ const Be = zD, b = ({
                       lineHeight: "20px",
                       letterSpacing: "0%",
                       verticalAlign: "middle",
-                      ...K || {}
+                      ...T || {}
                     },
-                    children: s
+                    children: d
                   }
                 ),
-                d && i ? /* @__PURE__ */ l.jsx(
+                s && i ? /* @__PURE__ */ l.jsx(
                   b,
                   {
                     name: i,
                     variant: f,
                     size: w,
-                    className: Q,
+                    className: K,
                     style: {
                       color: "#223B40",
                       opacity: 1,
                       transform: "rotate(0deg)",
-                      ...T || {}
+                      ...D || {}
                     }
                   }
                 ) : null
@@ -36344,7 +36344,7 @@ const Be = zD, b = ({
           /* @__PURE__ */ l.jsxs(
             "div",
             {
-              className: `scfd-saludo-fecha col-start-1 col-end-3 row-start-2 flex items-center justify-between ${P}`,
+              className: `scfd-saludo-fecha col-start-1 col-end-3 row-start-2 flex items-center justify-between ${W}`,
               style: {
                 // Responsive: ocupar el ancho disponible sin generar scroll horizontal,
                 // manteniendo el ancho Figma como máximo.
@@ -36358,14 +36358,14 @@ const Be = zD, b = ({
                 paddingLeft: "8px",
                 boxSizing: "border-box",
                 visibility: c ? "visible" : "hidden",
-                ...F || {}
+                ...O || {}
               },
               children: [
-                /* @__PURE__ */ l.jsx("div", { className: `scfd-greeting-wrapper min-w-0 ${L}`, style: B, children: /* @__PURE__ */ l.jsxs(
+                /* @__PURE__ */ l.jsx("div", { className: `scfd-greeting-wrapper min-w-0 ${$}`, style: k, children: /* @__PURE__ */ l.jsxs(
                   x,
                   {
                     variant: "h5",
-                    className: `scfd-greeting ${M}`,
+                    className: `scfd-greeting ${Z}`,
                     style: {
                       color: "#223B40",
                       fontFamily: "IBM Plex Sans",
@@ -36403,7 +36403,7 @@ const Be = zD, b = ({
                         /* @__PURE__ */ l.jsx(
                           "span",
                           {
-                            className: a0,
+                            className: e0,
                             style: {
                               display: "inline-block",
                               verticalAlign: "middle",
@@ -36424,11 +36424,11 @@ const Be = zD, b = ({
                     ]
                   }
                 ) }),
-                n && l0 ? /* @__PURE__ */ l.jsx("div", { className: `scfd-date flex items-center flex-shrink-0 ${J}`, style: N, children: /* @__PURE__ */ l.jsx(
+                n && l0 ? /* @__PURE__ */ l.jsx("div", { className: `scfd-date flex items-center flex-shrink-0 ${Q}`, style: P, children: /* @__PURE__ */ l.jsx(
                   x,
                   {
                     variant: "body-lg",
-                    className: `color-gray-600 ${W}`,
+                    className: `color-gray-600 ${U}`,
                     style: g0,
                     children: l0
                   }
@@ -37228,8 +37228,8 @@ const Be = zD, b = ({
   data: n = null,
   variant: c = "corto",
   title: u = "Notificaciones",
-  status: s = null,
-  errorMessage: d = null,
+  status: d = null,
+  errorMessage: s = null,
   children: i = null,
   className: f = "",
   ...w
@@ -37241,7 +37241,7 @@ const Be = zD, b = ({
       MN,
       {
         title: u,
-        errorMessage: d || r,
+        errorMessage: s || r,
         className: f,
         ...w
       }
@@ -37271,7 +37271,7 @@ const Be = zD, b = ({
         jN,
         {
           title: u,
-          status: s,
+          status: d,
           className: f,
           ...w,
           children: i
@@ -37282,7 +37282,7 @@ const Be = zD, b = ({
         $N,
         {
           title: u,
-          status: s,
+          status: d,
           className: f,
           ...w,
           children: i
@@ -37348,15 +37348,15 @@ const Be = zD, b = ({
   emptyMessage: n,
   pageSize: c = 10,
   pageSizeOptions: u = [5, 10, 25, 50],
-  className: s = "",
-  ...d
+  className: d = "",
+  ...s
 }) => {
   const { t: i } = b0(), f = a.map((h) => {
-    const A = h.translationKey ? i(h.translationKey) : h.label || h.headerName;
+    const M = h.translationKey ? i(h.translationKey) : h.label || h.headerName;
     return {
       ...h,
-      headerName: A,
-      label: A
+      headerName: M,
+      label: M
     };
   }), w = [
     {
@@ -37383,16 +37383,16 @@ const Be = zD, b = ({
       width: 150,
       translationKey: "table.role"
     }
-  ], p = f.length > 0 ? f : w, g = {
+  ], g = f.length > 0 ? f : w, p = {
     ...kN,
     // Personalizar mensaje de sin datos si se proporciona
     ...n && { noRowsLabel: n }
   };
-  return /* @__PURE__ */ l.jsx(Ke, { className: s, sx: { height: 400, width: "100%" }, children: /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ l.jsx(Ke, { className: d, sx: { height: 400, width: "100%" }, children: /* @__PURE__ */ l.jsx(
     Ye,
     {
       rows: r,
-      columns: p,
+      columns: g,
       loading: t,
       pageSizeOptions: u,
       initialState: {
@@ -37402,9 +37402,9 @@ const Be = zD, b = ({
           }
         }
       },
-      localeText: g,
+      localeText: p,
       disableRowSelectionOnClick: !0,
-      ...d
+      ...s
     }
   ) });
 }, gP = ({
@@ -37414,8 +37414,8 @@ const Be = zD, b = ({
   height: n = 350,
   colors: c = ["#3B82F6", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6"],
   showLegend: u = !0,
-  showToolbar: s = !0,
-  className: d = "",
+  showToolbar: d = !0,
+  className: s = "",
   ...i
 }) => {
   const f = K0(() => ({
@@ -37423,7 +37423,7 @@ const Be = zD, b = ({
       type: "line",
       height: n,
       toolbar: {
-        show: s,
+        show: d,
         tools: {
           download: !0,
           selection: !0,
@@ -37470,8 +37470,8 @@ const Be = zD, b = ({
     dataLabels: {
       enabled: !1
     }
-  }), [r, c, n, u, s]);
-  return /* @__PURE__ */ l.jsxs("div", { className: d, children: [
+  }), [r, c, n, u, d]);
+  return /* @__PURE__ */ l.jsxs("div", { className: s, children: [
     t && /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: t }),
     /* @__PURE__ */ l.jsx(
       Q0,
@@ -37491,8 +37491,8 @@ const Be = zD, b = ({
   height: n = 350,
   colors: c = ["#3B82F6", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6"],
   showLegend: u = !0,
-  showToolbar: s = !0,
-  horizontal: d = !1,
+  showToolbar: d = !0,
+  horizontal: s = !1,
   className: i = "",
   ...f
 }) => {
@@ -37501,7 +37501,7 @@ const Be = zD, b = ({
       type: "bar",
       height: n,
       toolbar: {
-        show: s,
+        show: d,
         tools: {
           download: !0,
           selection: !0,
@@ -37516,7 +37516,7 @@ const Be = zD, b = ({
     colors: c,
     plotOptions: {
       bar: {
-        horizontal: d,
+        horizontal: s,
         borderRadius: 4,
         columnWidth: "55%"
       }
@@ -37551,7 +37551,7 @@ const Be = zD, b = ({
     dataLabels: {
       enabled: !1
     }
-  }), [r, c, n, u, s, d]);
+  }), [r, c, n, u, d, s]);
   return /* @__PURE__ */ l.jsxs("div", { className: i, children: [
     t && /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: t }),
     /* @__PURE__ */ l.jsx(
@@ -37572,8 +37572,8 @@ const Be = zD, b = ({
   height: n = 350,
   colors: c = ["#3B82F6", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6"],
   showLegend: u = !0,
-  showToolbar: s = !0,
-  className: d = "",
+  showToolbar: d = !0,
+  className: s = "",
   ...i
 }) => {
   const f = K0(() => ({
@@ -37581,7 +37581,7 @@ const Be = zD, b = ({
       type: "area",
       height: n,
       toolbar: {
-        show: s,
+        show: d,
         tools: {
           download: !0,
           selection: !0,
@@ -37637,8 +37637,8 @@ const Be = zD, b = ({
     dataLabels: {
       enabled: !1
     }
-  }), [r, c, n, u, s]);
-  return /* @__PURE__ */ l.jsxs("div", { className: d, children: [
+  }), [r, c, n, u, d]);
+  return /* @__PURE__ */ l.jsxs("div", { className: s, children: [
     t && /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: t }),
     /* @__PURE__ */ l.jsx(
       Q0,
@@ -37658,8 +37658,8 @@ const Be = zD, b = ({
   height: n = 350,
   colors: c = ["#3B82F6", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6", "#EC4899", "#06B6D4"],
   showLegend: u = !0,
-  className: s = "",
-  ...d
+  className: d = "",
+  ...s
 }) => {
   const i = K0(() => ({
     chart: {
@@ -37693,7 +37693,7 @@ const Be = zD, b = ({
       }
     }
   }), [r, c, n, u]);
-  return /* @__PURE__ */ l.jsxs("div", { className: s, children: [
+  return /* @__PURE__ */ l.jsxs("div", { className: d, children: [
     t && /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: t }),
     /* @__PURE__ */ l.jsx(
       Q0,
@@ -37702,7 +37702,7 @@ const Be = zD, b = ({
         series: a,
         type: "pie",
         height: n,
-        ...d
+        ...s
       }
     )
   ] });
@@ -37713,8 +37713,8 @@ const Be = zD, b = ({
   height: n = 350,
   colors: c = ["#3B82F6", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6", "#EC4899", "#06B6D4"],
   showLegend: u = !0,
-  donutSize: s = "70%",
-  className: d = "",
+  donutSize: d = "70%",
+  className: s = "",
   ...i
 }) => {
   const f = K0(() => ({
@@ -37744,7 +37744,7 @@ const Be = zD, b = ({
     plotOptions: {
       pie: {
         donut: {
-          size: s,
+          size: d,
           labels: {
             show: !0,
             name: {
@@ -37757,14 +37757,14 @@ const Be = zD, b = ({
             total: {
               show: !0,
               label: "Total",
-              formatter: () => a.reduce((p, g) => p + g, 0).toString()
+              formatter: () => a.reduce((g, p) => g + p, 0).toString()
             }
           }
         }
       }
     }
-  }), [r, c, n, u, s, a]);
-  return /* @__PURE__ */ l.jsxs("div", { className: d, children: [
+  }), [r, c, n, u, d, a]);
+  return /* @__PURE__ */ l.jsxs("div", { className: s, children: [
     t && /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: t }),
     /* @__PURE__ */ l.jsx(
       Q0,
@@ -37784,8 +37784,8 @@ const Be = zD, b = ({
   height: n = 350,
   colors: c = ["#3B82F6", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6"],
   showLegend: u = !0,
-  showToolbar: s = !0,
-  className: d = "",
+  showToolbar: d = !0,
+  className: s = "",
   ...i
 }) => {
   const f = K0(() => ({
@@ -37793,7 +37793,7 @@ const Be = zD, b = ({
       type: "column",
       height: n,
       toolbar: {
-        show: s,
+        show: d,
         tools: {
           download: !0,
           selection: !0,
@@ -37846,8 +37846,8 @@ const Be = zD, b = ({
     dataLabels: {
       enabled: !1
     }
-  }), [r, c, n, u, s]);
-  return /* @__PURE__ */ l.jsxs("div", { className: d, children: [
+  }), [r, c, n, u, d]);
+  return /* @__PURE__ */ l.jsxs("div", { className: s, children: [
     t && /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: t }),
     /* @__PURE__ */ l.jsx(
       Q0,
@@ -37867,8 +37867,8 @@ const Be = zD, b = ({
   actionLabel: n,
   onAction: c,
   className: u = "",
-  ...s
-}) => /* @__PURE__ */ l.jsxs("div", { className: `flex flex-col items-center justify-center py-12 px-4 ${u}`, ...s, children: [
+  ...d
+}) => /* @__PURE__ */ l.jsxs("div", { className: `flex flex-col items-center justify-center py-12 px-4 ${u}`, ...d, children: [
   /* @__PURE__ */ l.jsx("div", { className: "mb-4", children: /* @__PURE__ */ l.jsx(b, { name: a, className: "h-16 w-16 text-gray-400" }) }),
   /* @__PURE__ */ l.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: r }),
   /* @__PURE__ */ l.jsx("p", { className: "text-sm text-gray-500 text-center max-w-sm mb-4", children: t }),
@@ -37880,8 +37880,8 @@ const Be = zD, b = ({
   changeType: n = "neutral",
   icon: c,
   iconColor: u = "blue",
-  className: s = "",
-  ...d
+  className: d = "",
+  ...s
 }) => {
   const i = {
     blue: "bg-blue-100 text-blue-600",
@@ -37894,7 +37894,7 @@ const Be = zD, b = ({
     negative: "text-red-600",
     neutral: "text-gray-600"
   };
-  return /* @__PURE__ */ l.jsx("div", { className: `bg-white rounded-lg shadow-md p-6 ${s}`, ...d, children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ l.jsx("div", { className: `bg-white rounded-lg shadow-md p-6 ${d}`, ...s, children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex-1", children: [
       /* @__PURE__ */ l.jsx(x, { variant: "body2", className: "text-gray-600 mb-1", children: a }),
       /* @__PURE__ */ l.jsx(x, { variant: "h3", className: "text-gray-900 mb-2", children: r }),
@@ -37926,26 +37926,26 @@ const Be = zD, b = ({
     default: "divide-y divide-gray-200",
     none: ""
   };
-  return /* @__PURE__ */ l.jsx("ul", { className: `${c[r]} ${t}`, ...n, children: a.map((u, s) => /* @__PURE__ */ l.jsx("li", { className: "py-3", children: typeof u == "string" ? /* @__PURE__ */ l.jsx("span", { className: "text-gray-900", children: u }) : u }, s)) });
+  return /* @__PURE__ */ l.jsx("ul", { className: `${c[r]} ${t}`, ...n, children: a.map((u, d) => /* @__PURE__ */ l.jsx("li", { className: "py-3", children: typeof u == "string" ? /* @__PURE__ */ l.jsx("span", { className: "text-gray-900", children: u }) : u }, d)) });
 }, AP = ({
   tags: a = [],
   onRemove: r,
   variant: t = "default",
   className: n = "",
   ...c
-}) => a.length === 0 ? null : /* @__PURE__ */ l.jsx("div", { className: `flex flex-wrap gap-2 ${n}`, ...c, children: a.map((u, s) => {
-  const d = typeof u == "string" ? u : u.label, i = typeof u == "string" ? t : u.variant || t;
+}) => a.length === 0 ? null : /* @__PURE__ */ l.jsx("div", { className: `flex flex-wrap gap-2 ${n}`, ...c, children: a.map((u, d) => {
+  const s = typeof u == "string" ? u : u.label, i = typeof u == "string" ? t : u.variant || t;
   return /* @__PURE__ */ l.jsxs(a5, { variant: i, children: [
-    d,
+    s,
     r && /* @__PURE__ */ l.jsx(
       "button",
       {
-        onClick: () => r(s),
+        onClick: () => r(d),
         className: "ml-2 hover:text-gray-800",
         children: "×"
       }
     )
-  ] }, s);
+  ] }, d);
 }) }), ye = ({
   label: a,
   placeholder: r,
@@ -37953,15 +37953,15 @@ const Be = zD, b = ({
   onChange: n,
   error: c,
   required: u = !1,
-  disabled: s = !1,
-  variant: d,
+  disabled: d = !1,
+  variant: s,
   className: i = "",
   inputClassName: f = "",
   labelClassName: w = "",
-  labelStyle: p,
-  ...g
+  labelStyle: g,
+  ...p
 }) => {
-  const [h, A] = S(!1), y = d === "hexa-login", R = `
+  const [h, M] = S(!1), y = s === "hexa-login", R = `
     ${y ? "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" : "w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:cursor-not-allowed"}
     ${y ? "" : c ? "border-red-500" : "border-gray-300"}
     ${f}
@@ -37971,7 +37971,7 @@ const Be = zD, b = ({
       "label",
       {
         className: w || "block text-sm font-medium text-gray-700 mb-1",
-        style: p,
+        style: g,
         children: [
           a,
           u && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-1", children: "*" })
@@ -37984,11 +37984,11 @@ const Be = zD, b = ({
         {
           type: h ? "text" : "password",
           placeholder: r,
-          disabled: s,
+          disabled: d,
           value: t,
           onChange: n,
           className: `${R} ${y ? "anima-passwordfield__input" : ""}`,
-          ...g
+          ...p
         }
       ),
       /* @__PURE__ */ l.jsx(
@@ -37996,7 +37996,7 @@ const Be = zD, b = ({
         {
           type: "button",
           tabIndex: -1,
-          onClick: () => A((v) => !v),
+          onClick: () => M((v) => !v),
           className: "anima-passwordfield__toggle",
           "aria-label": h ? "Ocultar contraseña" : "Mostrar contraseña",
           children: /* @__PURE__ */ l.jsx(
@@ -38019,61 +38019,61 @@ const Be = zD, b = ({
   onForgotPassword: n,
   onGoogleLogin: c,
   onMicrosoftLogin: u,
-  showSocialLogin: s = !0,
-  showDivider: d = !0,
+  showSocialLogin: d = !0,
+  showDivider: s = !0,
   showPasswordRequirementsOnError: i = !0,
   passwordRequirementsItems: f,
   passwordRequirementsTitle: w,
-  passwordRequirementsPrefix: p,
-  labels: g,
+  passwordRequirementsPrefix: g,
+  labels: p,
   generalError: h,
-  generalErrorTitle: A,
+  generalErrorTitle: M,
   generalErrorSubtitle: y,
-  className: C = "",
+  className: A = "",
   ...R
 }) => {
-  const { t: v } = b0(), j = a === "hexa-login", [k, L] = S({
+  const { t: v } = b0(), L = a === "hexa-login", [F, $] = S({
     email: "",
     password: "",
     rememberMe: !1
-  }), [B, J] = S({}), N = (Z, O) => {
-    L((K) => ({ ...K, [Z]: O })), B[Z] && J((K) => ({ ...K, [Z]: null }));
-  }, P = (Z) => {
-    Z.preventDefault();
-    const O = {};
-    if (k.email || (O.email = v("form.email") + " is required"), k.password || (O.password = v("form.password") + " is required"), Object.keys(O).length > 0) {
-      J(O);
+  }), [k, Q] = S({}), P = (C, j) => {
+    $((T) => ({ ...T, [C]: j })), k[C] && Q((T) => ({ ...T, [C]: null }));
+  }, W = (C) => {
+    C.preventDefault();
+    const j = {};
+    if (F.email || (j.email = v("form.email") + " is required"), F.password || (j.password = v("form.password") + " is required"), Object.keys(j).length > 0) {
+      Q(j);
       return;
     }
-    r && r(k);
-  }, F = {
-    emailLabel: g?.emailLabel ?? v("form.email") ?? "Email",
-    passwordLabel: g?.passwordLabel ?? v("form.password") ?? "Contraseña",
-    rememberMeLabel: g?.rememberMeLabel ?? v("form.rememberMe") ?? "Recordarme",
-    forgotPasswordLabel: g?.forgotPasswordLabel ?? v("form.forgotPassword") ?? "Olvidé mi contraseña",
-    continueWithLabel: g?.continueWithLabel ?? "Continuar con",
-    googleLabel: g?.googleLabel ?? "Google",
-    microsoftLabel: g?.microsoftLabel ?? "Microsoft"
-  }, U = t ? v("form.loggingIn") ?? "Ingresando..." : v("form.login") ?? "Ingresar";
-  return j ? /* @__PURE__ */ l.jsx("div", { className: `anima-loginform__container ${C}`, ...R, children: /* @__PURE__ */ l.jsx("div", { className: "anima-loginform__card", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: P, children: [
+    r && r(F);
+  }, O = {
+    emailLabel: p?.emailLabel ?? v("form.email") ?? "Email",
+    passwordLabel: p?.passwordLabel ?? v("form.password") ?? "Contraseña",
+    rememberMeLabel: p?.rememberMeLabel ?? v("form.rememberMe") ?? "Recordarme",
+    forgotPasswordLabel: p?.forgotPasswordLabel ?? v("form.forgotPassword") ?? "Olvidé mi contraseña",
+    continueWithLabel: p?.continueWithLabel ?? "Continuar con",
+    googleLabel: p?.googleLabel ?? "Google",
+    microsoftLabel: p?.microsoftLabel ?? "Microsoft"
+  }, r0 = 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(
         "label",
         {
           className: "block mb-2 font-medium text-sm",
           style: { color: "#2D5C63" },
-          children: F.emailLabel
+          children: O.emailLabel
         }
       ),
       /* @__PURE__ */ l.jsx(
         "input",
         {
           type: "email",
-          value: k.email,
-          onChange: (Z) => N("email", Z.target.value),
+          value: F.email,
+          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: B.email ? "#ef4444" : "#2D5C63" }
+          style: { borderColor: k.email ? "#ef4444" : "#2D5C63" }
         }
       )
     ] }),
@@ -38081,19 +38081,19 @@ const Be = zD, b = ({
       ye,
       {
         variant: "hexa-login",
-        label: F.passwordLabel,
+        label: O.passwordLabel,
         labelClassName: "block mb-2 font-medium text-sm",
         labelStyle: { color: "#2D5C63" },
         placeholder: v("placeholder.password"),
-        value: k.password,
-        onChange: (Z) => N("password", Z.target.value),
+        value: F.password,
+        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: B.password ? "#ef4444" : "#2D5C63"
+          borderColor: k.password ? "#ef4444" : "#2D5C63"
         }
       }
     ) }),
-    i && !!B.password && /* @__PURE__ */ l.jsx(
+    i && !!k.password && /* @__PURE__ */ l.jsx(
       "div",
       {
         className: "anima-loginform__requirementsBox rounded-lg p-4 border mt-4",
@@ -38114,17 +38114,17 @@ const Be = zD, b = ({
               whiteSpace: "pre-line"
             },
             children: w || (() => {
-              const Z = p || v("form.passwordRequirementsPrefix") || "Recuerda que la contraseña debe tener:", O = f || [
+              const C = g || v("form.passwordRequirementsPrefix") || "Recuerda que la contraseña debe tener:", j = f || [
                 v("form.passwordRequirementMinChars") || "Un mínimo de 6 caracteres",
                 v("form.passwordRequirementOther") || "Una mayúscula, un número, un carácter especial"
               ];
-              return f && f.length > 0 ? `${Z}
+              return f && f.length > 0 ? `${C}
 ${f[0]}
-${f.slice(1).join(", ")}` : `${Z}
-${O[0]}
+${f.slice(1).join(", ")}` : `${C}
+${j[0]}
-${O[1]}`;
+${j[1]}`;
             })()
           }
         )
@@ -38136,16 +38136,16 @@ ${O[1]}`;
           "input",
           {
             type: "checkbox",
-            checked: k.rememberMe,
-            onChange: (Z) => N("rememberMe", Z.target.checked),
+            checked: F.rememberMe,
+            onChange: (C) => P("rememberMe", C.target.checked),
             className: "w-4 h-4 border-gray-300 rounded focus:outline-none focus:ring-0",
             style: {
               accentColor: "#2D5C63",
-              borderColor: k.rememberMe ? "#2D5C63" : "#d1d5db"
+              borderColor: F.rememberMe ? "#2D5C63" : "#d1d5db"
             }
           }
         ),
-        /* @__PURE__ */ l.jsx("span", { className: "ml-2 text-sm font-medium", style: { color: "#2D5C63" }, children: F.rememberMeLabel })
+        /* @__PURE__ */ l.jsx("span", { className: "ml-2 text-sm font-medium", style: { color: "#2D5C63" }, children: O.rememberMeLabel })
       ] }),
       /* @__PURE__ */ l.jsx(
         "a",
@@ -38153,14 +38153,14 @@ ${O[1]}`;
           href: "#",
           className: "text-body-md hover:underline font-medium",
           style: { color: "#2D5C63" },
-          onClick: (Z) => {
-            Z.preventDefault(), n && n();
+          onClick: (C) => {
+            C.preventDefault(), n && n();
           },
-          children: F.forgotPasswordLabel
+          children: O.forgotPasswordLabel
         }
       )
     ] }),
-    (h || B.general) && /* @__PURE__ */ l.jsxs(
+    (h || k.general) && /* @__PURE__ */ l.jsxs(
       "div",
       {
         className: "anima-loginform__errorBox mt-4",
@@ -38192,7 +38192,7 @@ ${O[1]}`;
                 color: "#B30808",
                 margin: 0
               },
-              children: A ?? (typeof h == "string" ? h : null) ?? (B.general && typeof B.general == "string" ? B.general : null) ?? v("errors.invalidCredentials") ?? "Correo o contraseña incorrectos."
+              children: M ?? (typeof h == "string" ? h : null) ?? (k.general && typeof k.general == "string" ? k.general : null) ?? v("errors.invalidCredentials") ?? "Correo o contraseña incorrectos."
             }
           ),
           /* @__PURE__ */ l.jsx(
@@ -38235,12 +38235,12 @@ ${O[1]}`;
               lineHeight: "24px",
               letterSpacing: "0%"
             },
-            children: U
+            children: r0
           }
         )
       }
     ) }),
-    d && /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-3 my-6", children: [
+    s && /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-3 my-6", children: [
       /* @__PURE__ */ l.jsx("div", { className: "flex-1", style: { borderTop: "1px solid #2D5C63" } }),
       /* @__PURE__ */ l.jsx(
         x,
@@ -38248,12 +38248,12 @@ ${O[1]}`;
           variant: "body2",
           className: "text-body-md font-medium",
           style: { color: "#2D5C63", whiteSpace: "nowrap" },
-          children: F.continueWithLabel
+          children: O.continueWithLabel
         }
       ),
       /* @__PURE__ */ l.jsx("div", { className: "flex-1", style: { borderTop: "1px solid #2D5C63" } })
     ] }),
-    s && /* @__PURE__ */ l.jsxs("div", { className: "anima-loginform__socialRow", children: [
+    d && /* @__PURE__ */ l.jsxs("div", { className: "anima-loginform__socialRow", children: [
       /* @__PURE__ */ l.jsxs(
         "button",
         {
@@ -38267,7 +38267,7 @@ ${O[1]}`;
               /* @__PURE__ */ l.jsx("path", { fill: "#4CAF50", d: "M24 44c5.166 0 9.86-1.977 13.409-5.197l-6.19-5.238C29.211 35.091 26.715 36 24 36c-5.205 0-9.616-3.318-11.281-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z" }),
               /* @__PURE__ */ l.jsx("path", { fill: "#1976D2", d: "M43.611 20.083H42V20H24v8h11.303c-.793 2.116-2.318 3.91-4.284 5.238l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z" })
             ] }),
-            /* @__PURE__ */ l.jsx(x, { variant: "body2", className: "text-gray-900 font-medium", children: F.googleLabel })
+            /* @__PURE__ */ l.jsx(x, { variant: "body2", className: "text-gray-900 font-medium", children: O.googleLabel })
           ]
         }
       ),
@@ -38284,7 +38284,7 @@ ${O[1]}`;
               /* @__PURE__ */ l.jsx("path", { fill: "#00A4EF", d: "M6 25h17v17H6z" }),
               /* @__PURE__ */ l.jsx("path", { fill: "#FFB900", d: "M25 25h17v17H25z" })
             ] }),
-            /* @__PURE__ */ l.jsx(x, { variant: "body2", className: "text-gray-900 font-medium", children: F.microsoftLabel })
+            /* @__PURE__ */ l.jsx(x, { variant: "body2", className: "text-gray-900 font-medium", children: O.microsoftLabel })
           ]
         }
       )
@@ -38292,8 +38292,8 @@ ${O[1]}`;
   ] }) }) }) : /* @__PURE__ */ l.jsxs(
     "form",
     {
-      onSubmit: P,
-      className: `max-w-md mx-auto bg-white p-6 rounded-lg shadow-md ${C}`,
+      onSubmit: W,
+      className: `max-w-md mx-auto bg-white p-6 rounded-lg shadow-md ${A}`,
       ...R,
       children: [
         /* @__PURE__ */ l.jsx("h2", { className: "text-2xl font-bold mb-6 text-center", children: v("form.login") }),
@@ -38304,9 +38304,9 @@ ${O[1]}`;
               label: v("form.email"),
               type: "email",
               placeholder: v("placeholder.email"),
-              value: k.email,
-              onChange: (Z) => N("email", Z.target.value),
-              error: B.email,
+              value: F.email,
+              onChange: (C) => P("email", C.target.value),
+              error: k.email,
               required: !0
             }
           ),
@@ -38316,9 +38316,9 @@ ${O[1]}`;
               label: v("form.password"),
               type: "password",
               placeholder: v("placeholder.password"),
-              value: k.password,
-              onChange: (Z) => N("password", Z.target.value),
-              error: B.password,
+              value: F.password,
+              onChange: (C) => P("password", C.target.value),
+              error: k.password,
               required: !0
             }
           ),
@@ -38326,8 +38326,8 @@ ${O[1]}`;
             JD,
             {
               label: v("form.rememberMe"),
-              checked: k.rememberMe,
-              onChange: (Z) => N("rememberMe", Z.target.checked)
+              checked: F.rememberMe,
+              onChange: (C) => P("rememberMe", C.target.checked)
             }
           ),
           /* @__PURE__ */ l.jsx(m0, { type: "submit", variant: "primary", className: "w-full", children: v("form.login") }),
@@ -38345,13 +38345,13 @@ ${O[1]}`;
     currentPassword: "",
     newPassword: "",
     confirmPassword: ""
-  }), [s, d] = S({}), [i, f] = S(!1), w = (g, h) => {
-    u((A) => ({ ...A, [g]: h })), s[g] && d((A) => ({ ...A, [g]: null })), f(!1);
-  }, p = (g) => {
-    g.preventDefault();
+  }), [d, s] = S({}), [i, f] = S(!1), w = (p, h) => {
+    u((M) => ({ ...M, [p]: h })), d[p] && s((M) => ({ ...M, [p]: null })), f(!1);
+  }, g = (p) => {
+    p.preventDefault();
     const h = {};
     if (c.currentPassword || (h.currentPassword = n("form.currentPassword") + " is required"), c.newPassword ? c.newPassword.length < 8 && (h.newPassword = "Password must be at least 8 characters") : h.newPassword = n("form.newPassword") + " is required", c.confirmPassword ? c.newPassword !== c.confirmPassword && (h.confirmPassword = "Passwords do not match") : h.confirmPassword = "Please confirm your password", Object.keys(h).length > 0) {
-      d(h);
+      s(h);
       return;
     }
     a && a(c), f(!0), u({
@@ -38363,7 +38363,7 @@ ${O[1]}`;
   return /* @__PURE__ */ l.jsxs(
     "form",
     {
-      onSubmit: p,
+      onSubmit: g,
       className: `max-w-md mx-auto bg-white p-6 rounded-lg shadow-md ${r}`,
       ...t,
       children: [
@@ -38377,8 +38377,8 @@ ${O[1]}`;
               type: "password",
               placeholder: n("placeholder.password"),
               value: c.currentPassword,
-              onChange: (g) => w("currentPassword", g.target.value),
-              error: s.currentPassword,
+              onChange: (p) => w("currentPassword", p.target.value),
+              error: d.currentPassword,
               required: !0
             }
           ),
@@ -38389,8 +38389,8 @@ ${O[1]}`;
               type: "password",
               placeholder: n("placeholder.password"),
               value: c.newPassword,
-              onChange: (g) => w("newPassword", g.target.value),
-              error: s.newPassword,
+              onChange: (p) => w("newPassword", p.target.value),
+              error: d.newPassword,
               helperText: "Must be at least 8 characters",
               required: !0
             }
@@ -38402,8 +38402,8 @@ ${O[1]}`;
               type: "password",
               placeholder: n("placeholder.password"),
               value: c.confirmPassword,
-              onChange: (g) => w("confirmPassword", g.target.value),
-              error: s.confirmPassword,
+              onChange: (p) => w("confirmPassword", p.target.value),
+              error: d.confirmPassword,
               required: !0
             }
           ),
@@ -38422,40 +38422,42 @@ ${O[1]}`;
   error: n,
   className: c = "",
   variant: u = "default",
-  layout: s = "embedded",
-  ...d
+  layout: d = "embedded",
+  ...s
 }) => {
-  const { t: i } = b0(), f = s === "page", [w, p] = S(""), [g, h] = S({}), [A, y] = S(!1), [C, R] = S(null), [v, j] = S(null), k = t !== void 0 ? t : A, L = n !== void 0 ? n : v, B = (U) => U && U.includes("@"), J = (U) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(U), N = () => {
-    const U = {};
-    return w ? J(w) || (U.email = i("errors.invalidEmail") ?? "El mail ingresado no es válido") : U.email = i("errors.required") ?? "Este campo es obligatorio", h(U), Object.keys(U).length === 0;
-  }, P = (U) => {
-    const Z = U.target.value;
-    p(Z), g.email && h((O) => ({ ...O, email: null })), v && j(null);
-  }, F = async (U) => {
-    if (U.preventDefault(), !!N()) {
+  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 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) => {
+    if (C.preventDefault(), !!W()) {
       if (!r) {
         console.warn("ForgotPassword: onSubmit prop is required");
         return;
       }
-      t === void 0 && y(!0), h({}), j(null);
+      t === void 0 && A(!0), M({}), F(null);
       try {
-        const Z = await r({ email: w, countryCode: null });
-        Z?.resetLink ? R(Z.resetLink) : R("success");
-      } catch (Z) {
-        let O = i("forgotPassword.errors.sendFailed") ?? "Error al enviar el link. Intenta nuevamente.";
-        Z?.response?.status === 404 ? O = Z?.response?.data?.message || Z?.message || "No se encontró una cuenta asociada a este correo electrónico. Por favor, verifica que el correo esté correcto." : Z?.response?.status === 400 ? O = Z?.response?.data?.message || Z?.message || "El correo electrónico ingresado no es válido." : Z?.response?.status >= 500 ? O = "Error del servidor. Por favor, intenta más tarde." : Z?.message && (O = Z.message), n === void 0 && j(O);
+        const j = await r({ email: g, countryCode: null });
+        j?.resetLink ? v(j.resetLink) : v("success");
+      } catch (j) {
+        let T = i("forgotPassword.errors.sendFailed") ?? "Error al enviar el link. Intenta nuevamente.";
+        j?.response?.status === 404 ? T = j?.response?.data?.message || j?.message || "No se encontró una cuenta asociada a este correo electrónico. Por favor, verifica que el correo esté correcto." : j?.response?.status === 400 ? T = j?.response?.data?.message || j?.message || "El correo electrónico ingresado no es válido." : j?.response?.status >= 500 ? T = "Error del servidor. Por favor, intenta más tarde." : j?.message && (T = j.message), n === void 0 && F(T);
       } finally {
-        t === void 0 && y(!1);
+        t === void 0 && A(!1);
       }
     }
   };
   return /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: `${f ? "min-h-screen flex flex-col" : ""} ${c}`,
-      style: f ? { backgroundColor: "#f5f5f5" } : void 0,
-      ...d,
-      children: /* @__PURE__ */ l.jsx("div", { className: f ? "flex-1 flex items-center justify-center p-4" : "p-4", children: /* @__PURE__ */ l.jsxs("div", { className: "w-full max-w-md", children: [
+      className: `${w ? "min-h-screen flex flex-col" : ""} ${c}`,
+      style: w ? { backgroundColor: "#f5f5f5" } : void 0,
+      "data-variant": f ? "hexa-login" : void 0,
+      "data-layout": d,
+      ...s,
+      children: /* @__PURE__ */ l.jsx("div", { className: w ? "flex-1 flex items-center justify-center p-4" : "p-4", children: /* @__PURE__ */ l.jsxs("div", { className: "w-full max-w-md", children: [
         /* @__PURE__ */ l.jsxs("div", { className: "mb-8 text-center", children: [
           /* @__PURE__ */ l.jsx(
             x,
@@ -38494,7 +38496,7 @@ ${O[1]}`;
           )
         ] }),
         /* @__PURE__ */ l.jsxs("div", { className: "bg-white border border-gray-200 rounded-lg p-6 shadow-md", children: [
-          C && !k && /* @__PURE__ */ l.jsxs("div", { className: "text-center space-y-4", children: [
+          R && !$ && /* @__PURE__ */ l.jsxs("div", { className: "text-center space-y-4", children: [
             /* @__PURE__ */ l.jsxs(
               "div",
               {
@@ -38525,17 +38527,17 @@ ${O[1]}`;
                 ]
               }
             ),
-            C !== "success" && /* @__PURE__ */ l.jsx(
+            R !== "success" && /* @__PURE__ */ l.jsx(
               "a",
               {
-                href: C,
+                href: R,
                 className: "inline-block px-4 py-2 rounded-lg font-medium text-white hover:opacity-90 transition-opacity",
                 style: { backgroundColor: "#2D5C63" },
                 children: i("forgotPassword.success.linkLabel") ?? "Ir a restablecer contraseña"
               }
             )
           ] }),
-          k && /* @__PURE__ */ l.jsx("div", { className: "text-center space-y-4", children: /* @__PURE__ */ l.jsxs(
+          $ && /* @__PURE__ */ l.jsx("div", { className: "text-center space-y-4", children: /* @__PURE__ */ l.jsxs(
             "div",
             {
               className: "rounded-lg p-4 border",
@@ -38574,7 +38576,7 @@ ${O[1]}`;
               ]
             }
           ) }),
-          !C && !k && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          !R && !$ && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
             a && /* @__PURE__ */ l.jsxs(
               "button",
               {
@@ -38588,7 +38590,7 @@ ${O[1]}`;
                 ]
               }
             ),
-            /* @__PURE__ */ l.jsxs("form", { onSubmit: F, className: "space-y-4", children: [
+            /* @__PURE__ */ l.jsxs("form", { onSubmit: r0, className: "space-y-4", children: [
               /* @__PURE__ */ l.jsxs("div", { children: [
                 /* @__PURE__ */ l.jsx(
                   "label",
@@ -38603,19 +38605,19 @@ ${O[1]}`;
                   {
                     type: "email",
                     placeholder: i("login.emailPlaceholder") ?? i("placeholder.email") ?? "Ingresa tu correo electrónico",
-                    value: w,
-                    onChange: P,
+                    value: g,
+                    onChange: O,
                     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: g.email ? "#ef4444" : "#2D5C63",
+                      borderColor: h.email ? "#ef4444" : "#2D5C63",
                       borderWidth: "1px",
                       borderStyle: "solid"
                     }
                   }
                 ),
-                g.email && /* @__PURE__ */ l.jsx("p", { className: "mt-1 text-sm text-red-600", children: g.email })
+                h.email && /* @__PURE__ */ l.jsx("p", { className: "mt-1 text-sm text-red-600", children: h.email })
               ] }),
-              L && /* @__PURE__ */ l.jsx(
+              k && /* @__PURE__ */ l.jsx(
                 "div",
                 {
                   className: "rounded-lg p-4 border",
@@ -38629,7 +38631,7 @@ ${O[1]}`;
                       variant: "body2",
                       className: "font-bold",
                       style: { color: "#b91c1c" },
-                      children: L
+                      children: k
                     }
                   )
                 }
@@ -38642,7 +38644,7 @@ ${O[1]}`;
                   tamaño: "Default",
                   type: "submit",
                   className: "w-full",
-                  disabled: k || !B(w),
+                  disabled: $ || !Q(g),
                   children: /* @__PURE__ */ l.jsx(
                     "span",
                     {
@@ -38654,7 +38656,7 @@ ${O[1]}`;
                         lineHeight: "24px",
                         letterSpacing: "0%"
                       },
-                      children: k ? i("forgotPassword.sending") ?? "Enviando..." : i("forgotPassword.button") ?? "Enviar link"
+                      children: $ ? i("forgotPassword.sending") ?? "Enviando..." : i("forgotPassword.button") ?? "Enviar link"
                     }
                   )
                 }
@@ -38674,57 +38676,59 @@ ${O[1]}`;
   // Password field
   passwordLabel: c,
   passwordPlaceholder: u,
-  passwordValue: s,
-  onPasswordChange: d,
+  passwordValue: d,
+  onPasswordChange: s,
   passwordError: i,
   // Confirm field
   confirmPasswordLabel: f,
   confirmPasswordPlaceholder: w,
-  confirmPasswordValue: p,
-  onConfirmPasswordChange: g,
+  confirmPasswordValue: g,
+  onConfirmPasswordChange: p,
   confirmPasswordError: h,
   // Requirements box
-  requirementsTitle: A,
+  requirementsTitle: M,
   requirementsItems: y = [],
-  requirementsPrefix: C,
+  requirementsPrefix: A,
   showRequirements: R = !0,
   // General error
   generalError: v,
   // Actions
-  cancelLabel: j,
-  submitLabel: k,
-  onCancel: L,
-  onSubmit: B,
-  disabled: J = !1,
-  submitting: N = !1,
+  cancelLabel: L,
+  submitLabel: F,
+  onCancel: $,
+  onSubmit: k,
+  disabled: Q = !1,
+  submitting: P = !1,
   // Success
-  success: P = !1,
-  successTitle: F,
-  successMessage: U,
-  successExtra: Z,
-  className: O = "",
-  ...K
+  success: W = !1,
+  successTitle: O,
+  successMessage: r0,
+  successExtra: C,
+  className: j = "",
+  ...T
 }) => {
-  const { t: Q } = b0(), T = a === "hexa-login", M = r === "page", H = (_) => {
-    _.preventDefault(), B && !J && !N && B({
-      password: s,
-      confirmPassword: p
+  const { t: K } = b0(), D = a === "hexa-login", Z = r === "page", H = (_) => {
+    _.preventDefault(), k && !Q && !P && k({
+      password: d,
+      confirmPassword: g
     });
   };
-  return P ? /* @__PURE__ */ l.jsx(
+  return W ? /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: `${M ? "min-h-screen flex flex-col" : ""} ${O}`,
-      style: M ? { backgroundColor: "#f5f5f5" } : void 0,
-      ...K,
-      children: /* @__PURE__ */ l.jsx("div", { className: M ? "flex-1 flex items-center justify-center p-4" : "p-4", children: /* @__PURE__ */ l.jsxs("div", { className: "w-full max-w-md", children: [
+      className: `${Z ? "min-h-screen flex flex-col" : ""} ${j}`,
+      style: Z ? { backgroundColor: "#f5f5f5" } : void 0,
+      "data-variant": D ? "hexa-login" : void 0,
+      "data-layout": r,
+      ...T,
+      children: /* @__PURE__ */ l.jsx("div", { className: Z ? "flex-1 flex items-center justify-center p-4" : "p-4", children: /* @__PURE__ */ l.jsxs("div", { className: "w-full max-w-md", children: [
         (t || n) && /* @__PURE__ */ l.jsxs("div", { className: "mb-8 text-center", children: [
           t && /* @__PURE__ */ l.jsx(
             x,
             {
               variant: "h3",
               className: "mb-2 font-semibold",
-              style: T ? {
+              style: D ? {
                 color: "#2D5C63",
                 fontFamily: "inherit",
                 fontWeight: 400,
@@ -38742,7 +38746,7 @@ ${O[1]}`;
             {
               variant: "body2",
               className: "text-gray-600",
-              style: T ? {
+              style: D ? {
                 fontFamily: "inherit",
                 fontWeight: 400,
                 fontStyle: "normal",
@@ -38764,25 +38768,25 @@ ${O[1]}`;
               borderColor: "#10b981"
             },
             children: [
-              F && /* @__PURE__ */ l.jsx(
+              O && /* @__PURE__ */ l.jsx(
                 x,
                 {
                   variant: "body2",
                   className: "font-medium",
                   style: { color: "#065f46" },
-                  children: F
+                  children: O
                 }
               ),
-              U && /* @__PURE__ */ l.jsx(
+              r0 && /* @__PURE__ */ l.jsx(
                 x,
                 {
                   variant: "body2",
-                  className: F ? "mt-2" : "",
+                  className: O ? "mt-2" : "",
                   style: { color: "#047857", fontSize: "14px" },
-                  children: U
+                  children: r0
                 }
               ),
-              Z && /* @__PURE__ */ l.jsx("div", { className: "mt-4", children: Z })
+              C && /* @__PURE__ */ l.jsx("div", { className: "mt-4", children: C })
             ]
           }
         ) })
@@ -38791,17 +38795,19 @@ ${O[1]}`;
   ) : /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: `${M ? "min-h-screen flex flex-col" : ""} ${O}`,
-      style: M ? { backgroundColor: "#f5f5f5" } : void 0,
-      ...K,
-      children: /* @__PURE__ */ l.jsx("div", { className: M ? "flex-1 flex items-center justify-center p-4" : "p-4", children: /* @__PURE__ */ l.jsxs("div", { className: "w-full max-w-md", children: [
+      className: `${Z ? "min-h-screen flex flex-col" : ""} ${j}`,
+      style: Z ? { backgroundColor: "#f5f5f5" } : void 0,
+      "data-variant": D ? "hexa-login" : void 0,
+      "data-layout": r,
+      ...T,
+      children: /* @__PURE__ */ l.jsx("div", { className: Z ? "flex-1 flex items-center justify-center p-4" : "p-4", children: /* @__PURE__ */ l.jsxs("div", { className: "w-full max-w-md", children: [
         (t || n) && /* @__PURE__ */ l.jsxs("div", { className: "mb-8 text-center", children: [
           t && /* @__PURE__ */ l.jsx(
             x,
             {
               variant: "h3",
               className: "mb-2 font-semibold",
-              style: T ? {
+              style: D ? {
                 color: "#2D5C63",
                 fontFamily: "inherit",
                 fontWeight: 400,
@@ -38819,7 +38825,7 @@ ${O[1]}`;
             {
               variant: "body2",
               className: "text-gray-600",
-              style: T ? {
+              style: D ? {
                 fontFamily: "inherit",
                 fontWeight: 400,
                 fontStyle: "normal",
@@ -38836,16 +38842,16 @@ ${O[1]}`;
           /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(
             ye,
             {
-              variant: T ? "hexa-login" : void 0,
+              variant: D ? "hexa-login" : void 0,
               label: c,
-              labelClassName: T ? "block mb-2 font-medium text-sm" : void 0,
-              labelStyle: T ? { color: "#2D5C63" } : void 0,
+              labelClassName: D ? "block mb-2 font-medium text-sm" : void 0,
+              labelStyle: D ? { color: "#2D5C63" } : void 0,
               placeholder: u,
-              value: s || "",
-              onChange: d,
+              value: d || "",
+              onChange: s,
               error: i,
-              inputClassName: T ? "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" : void 0,
-              style: T ? {
+              inputClassName: D ? "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" : void 0,
+              style: D ? {
                 borderColor: i ? "#ef4444" : "#2D5C63",
                 borderWidth: "1px",
                 borderStyle: "solid"
@@ -38855,16 +38861,16 @@ ${O[1]}`;
           /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(
             ye,
             {
-              variant: T ? "hexa-login" : void 0,
+              variant: D ? "hexa-login" : void 0,
               label: f,
-              labelClassName: T ? "block mb-2 font-medium text-sm" : void 0,
-              labelStyle: T ? { color: "#2D5C63" } : void 0,
+              labelClassName: D ? "block mb-2 font-medium text-sm" : void 0,
+              labelStyle: D ? { color: "#2D5C63" } : void 0,
               placeholder: w,
-              value: p || "",
-              onChange: g,
+              value: g || "",
+              onChange: p,
               error: h,
-              inputClassName: T ? "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" : void 0,
-              style: T ? {
+              inputClassName: D ? "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" : void 0,
+              style: D ? {
                 borderColor: h ? "#ef4444" : "#2D5C63",
                 borderWidth: "1px",
                 borderStyle: "solid"
@@ -38891,10 +38897,10 @@ ${O[1]}`;
                     fontFamily: "'IBM Plex Mono', monospace",
                     whiteSpace: "pre-line"
                   },
-                  children: A || (() => {
-                    const _ = C || Q("form.passwordRequirementsPrefix") || "Recuerda que la contraseña debe tener:", n0 = y.length > 0 ? y : [
-                      Q("form.passwordRequirementMinChars") || "Un mínimo de 6 caracteres",
-                      Q("form.passwordRequirementOther") || "Una mayúscula, un número, un carácter especial"
+                  children: M || (() => {
+                    const _ = A || K("form.passwordRequirementsPrefix") || "Recuerda que la contraseña debe tener:", n0 = 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]}
@@ -38925,7 +38931,7 @@ ${n0.slice(1).join(", ")}`;
             }
           ),
           /* @__PURE__ */ l.jsxs("div", { className: "flex gap-4 pt-4", children: [
-            L && /* @__PURE__ */ l.jsx(
+            $ && /* @__PURE__ */ l.jsx(
               m0,
               {
                 type: "button",
@@ -38933,12 +38939,12 @@ ${n0.slice(1).join(", ")}`;
                 color: "Teal",
                 tamaño: "Default",
                 className: "flex-1",
-                onClick: L,
-                disabled: J || N,
+                onClick: $,
+                disabled: Q || P,
                 children: /* @__PURE__ */ l.jsx(
                   "span",
                   {
-                    style: T ? {
+                    style: D ? {
                       fontFamily: "'IBM Plex Sans', sans-serif",
                       fontWeight: 400,
                       fontStyle: "normal",
@@ -38946,7 +38952,7 @@ ${n0.slice(1).join(", ")}`;
                       lineHeight: "24px",
                       letterSpacing: "0%"
                     } : void 0,
-                    children: j || "Cancelar"
+                    children: L || "Cancelar"
                   }
                 )
               }
@@ -38958,12 +38964,12 @@ ${n0.slice(1).join(", ")}`;
                 tipo: "Primary",
                 color: "Teal",
                 tamaño: "Default",
-                className: L ? "flex-1" : "w-full",
-                disabled: J || N,
+                className: $ ? "flex-1" : "w-full",
+                disabled: Q || P,
                 children: /* @__PURE__ */ l.jsx(
                   "span",
                   {
-                    style: T ? {
+                    style: D ? {
                       fontFamily: "'IBM Plex Sans', sans-serif",
                       fontWeight: 400,
                       fontStyle: "normal",
@@ -38971,7 +38977,7 @@ ${n0.slice(1).join(", ")}`;
                       lineHeight: "24px",
                       letterSpacing: "0%"
                     } : void 0,
-                    children: N ? "Guardando..." : k || "Guardar"
+                    children: P ? "Guardando..." : F || "Guardar"
                   }
                 )
               }
@@ -38990,25 +38996,25 @@ ${n0.slice(1).join(", ")}`;
   className: c = "",
   ...u
 }) => {
-  const { t: s } = b0(), [d, i] = S(""), f = Ze(null), w = () => {
+  const { t: d } = b0(), [s, i] = S(""), f = Ze(null), w = () => {
     f.current?.scrollIntoView({ behavior: "smooth" });
   };
   Z0(() => {
     w();
   }, [r]);
-  const p = (h) => {
-    h.preventDefault(), d.trim() && t && (t(d.trim()), i(""));
-  }, g = r.length > 0 ? r : [];
+  const g = (h) => {
+    h.preventDefault(), s.trim() && t && (t(s.trim()), i(""));
+  }, p = r.length > 0 ? r : [];
   return /* @__PURE__ */ l.jsxs("div", { className: `flex flex-col h-full bg-white rounded-lg shadow-md ${c}`, ...u, children: [
     /* @__PURE__ */ l.jsx("div", { className: "px-4 py-3 border-b border-gray-200 bg-gray-50", children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ l.jsx("div", { className: "flex-shrink-0", children: a === "ai" ? /* @__PURE__ */ l.jsx("div", { className: "w-10 h-10 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ l.jsx(b, { name: "Cog6ToothIcon", className: "h-6 w-6 text-white" }) }) : /* @__PURE__ */ l.jsx("div", { className: "w-10 h-10 rounded-full bg-gray-300 flex items-center justify-center", children: /* @__PURE__ */ l.jsx(b, { name: "UserIcon", className: "h-6 w-6 text-gray-600" }) }) }),
       /* @__PURE__ */ l.jsxs("div", { className: "ml-3", children: [
-        /* @__PURE__ */ l.jsx("h3", { className: "text-sm font-medium text-gray-900", children: s(a === "ai" ? "chat.ai" : "chat.user") }),
+        /* @__PURE__ */ l.jsx("h3", { className: "text-sm font-medium text-gray-900", children: d(a === "ai" ? "chat.ai" : "chat.user") }),
         a === "ai" && /* @__PURE__ */ l.jsx("p", { className: "text-xs text-gray-500", children: "En línea" })
       ] })
     ] }) }),
     /* @__PURE__ */ l.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
-      g.length === 0 ? /* @__PURE__ */ l.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ l.jsx("p", { className: "text-gray-400 text-sm", children: s("chat.empty") }) }) : g.map((h, A) => /* @__PURE__ */ l.jsx(
+      p.length === 0 ? /* @__PURE__ */ l.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ l.jsx("p", { className: "text-gray-400 text-sm", children: d("chat.empty") }) }) : p.map((h, M) => /* @__PURE__ */ l.jsx(
         "div",
         {
           className: `flex ${h.sender === "user" ? "justify-end" : "justify-start"}`,
@@ -39032,18 +39038,18 @@ ${n0.slice(1).join(", ")}`;
             }
           )
         },
-        A
+        M
       )),
-      n && /* @__PURE__ */ l.jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ l.jsx("div", { className: "bg-gray-100 text-gray-900 px-4 py-2 rounded-lg", children: /* @__PURE__ */ l.jsx("p", { className: "text-sm", children: s("chat.loading") }) }) }),
+      n && /* @__PURE__ */ l.jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ l.jsx("div", { className: "bg-gray-100 text-gray-900 px-4 py-2 rounded-lg", children: /* @__PURE__ */ l.jsx("p", { className: "text-sm", children: d("chat.loading") }) }) }),
       /* @__PURE__ */ l.jsx("div", { ref: f })
     ] }),
-    /* @__PURE__ */ l.jsx("form", { onSubmit: p, className: "px-4 py-3 border-t border-gray-200", children: /* @__PURE__ */ l.jsxs("div", { className: "flex space-x-2", children: [
+    /* @__PURE__ */ l.jsx("form", { onSubmit: g, className: "px-4 py-3 border-t border-gray-200", children: /* @__PURE__ */ l.jsxs("div", { className: "flex space-x-2", children: [
       /* @__PURE__ */ l.jsx(
         Y0,
         {
-          value: d,
+          value: s,
           onChange: (h) => i(h.target.value),
-          placeholder: s("chat.placeholder"),
+          placeholder: d("chat.placeholder"),
           className: "flex-1",
           disabled: n
         }
@@ -39053,8 +39059,8 @@ ${n0.slice(1).join(", ")}`;
         {
           type: "submit",
           variant: "primary",
-          disabled: !d.trim() || n,
-          children: s("chat.send")
+          disabled: !s.trim() || n,
+          children: d("chat.send")
         }
       )
     ] }) })