npm - anima-ds-nucleus - Versions diffs - 1.0.18 → 1.0.19 - Mend

anima-ds-nucleus 1.0.18 → 1.0.19

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 (4) hide show

package/dist/anima-ds.cjs.js +28 -28
package/dist/anima-ds.esm.js +880 -900
package/package.json +1 -1
package/src/components/Layout/Sidebar/SidebarCore.jsx +197 -241

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

@@ -1,16 +1,16 @@
 import * as e from "react";
-import B5, { useState as I, useEffect as p0, useRef as g5, useMemo as _0 } from "react";
-import { useTranslation as b0, initReactI18next as G5, I18nextProvider as q5 } from "react-i18next";
-import { DataGrid as X5 } from "@mui/x-data-grid";
-import { Box as Y5 } from "@mui/material";
+import Be, { useState as H, useEffect as g0, useRef as ge, useMemo as _0 } from "react";
+import { useTranslation as p0, initReactI18next as Ge, I18nextProvider as qe } from "react-i18next";
+import { DataGrid as Xe } from "@mui/x-data-grid";
+import { Box as Ye } from "@mui/material";
 import G0 from "react-apexcharts";
-import f5 from "i18next";
-var s5 = { exports: {} }, J0 = {};
-var x5;
-function K5() {
-  if (x5) return J0;
-  x5 = 1;
-  var a = B5, 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 };
+import fe from "i18next";
+var se = { exports: {} }, J0 = {};
+var xe;
+function Ke() {
+  if (xe) return J0;
+  xe = 1;
+  var a = Be, 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(i, d, f) {
     var w, v = {}, b = null, h = null;
     f !== void 0 && (b = "" + f), d.key !== void 0 && (b = "" + d.key), d.ref !== void 0 && (h = d.ref);
@@ -20,11 +20,11 @@ function K5() {
   }
   return J0.Fragment = t, J0.jsx = s, J0.jsxs = s, J0;
 }
-var e5 = {};
-var R5;
-function Q5() {
-  return R5 || (R5 = 1, process.env.NODE_ENV !== "production" && (function() {
-    var a = B5, 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"), i = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), M = Symbol.iterator, g = "@@iterator";
+var ee = {};
+var Re;
+function Qe() {
+  return Re || (Re = 1, process.env.NODE_ENV !== "production" && (function() {
+    var a = Be, 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"), i = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), M = Symbol.iterator, g = "@@iterator";
     function j(o) {
       if (o === null || typeof o != "object")
         return null;
@@ -34,41 +34,41 @@ function Q5() {
     var p = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(o) {
       {
-        for (var m = arguments.length, R = new Array(m > 1 ? m - 1 : 0), B = 1; B < m; B++)
-          R[B - 1] = arguments[B];
+        for (var m = arguments.length, R = new Array(m > 1 ? m - 1 : 0), k = 1; k < m; k++)
+          R[k - 1] = arguments[k];
         A("error", o, R);
       }
     }
     function A(o, m, R) {
       {
-        var B = p.ReactDebugCurrentFrame, N = B.getStackAddendum();
-        N !== "" && (m += "%s", R = R.concat([N]));
-        var W = R.map(function(V) {
-          return String(V);
+        var k = p.ReactDebugCurrentFrame, D = k.getStackAddendum();
+        D !== "" && (m += "%s", R = R.concat([D]));
+        var P = R.map(function(I) {
+          return String(I);
         });
-        W.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, W);
+        P.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, P);
       }
     }
-    var S = !1, C = !1, T = !1, _ = !1, q = !1, y;
+    var V = !1, C = !1, W = !1, _ = !1, q = !1, y;
     y = Symbol.for("react.module.reference");
-    function L(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === u || q || o === c || o === f || o === w || _ || o === h || S || C || T || typeof o == "object" && o !== null && (o.$$typeof === b || o.$$typeof === v || o.$$typeof === s || o.$$typeof === i || o.$$typeof === d || // This needs to include all possible module reference object
+    function B(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === n || o === u || q || o === c || o === f || o === w || _ || o === h || V || C || W || typeof o == "object" && o !== null && (o.$$typeof === b || o.$$typeof === v || o.$$typeof === s || o.$$typeof === i || o.$$typeof === d || // 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 === y || o.getModuleId !== void 0));
     }
-    function z(o, m, R) {
-      var B = o.displayName;
-      if (B)
-        return B;
-      var N = m.displayName || m.name || "";
-      return N !== "" ? R + "(" + N + ")" : R;
+    function U(o, m, R) {
+      var k = o.displayName;
+      if (k)
+        return k;
+      var D = m.displayName || m.name || "";
+      return D !== "" ? R + "(" + D + ")" : R;
     }
     function K(o) {
       return o.displayName || "Context";
     }
-    function D(o) {
+    function S(o) {
       if (o == null)
         return null;
       if (typeof o.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
@@ -98,14 +98,14 @@ function Q5() {
             var R = o;
             return K(R._context) + ".Provider";
           case d:
-            return z(o, o.render, "ForwardRef");
+            return U(o, o.render, "ForwardRef");
           case v:
-            var B = o.displayName || null;
-            return B !== null ? B : D(o.type) || "Memo";
+            var k = o.displayName || null;
+            return k !== null ? k : S(o.type) || "Memo";
           case b: {
-            var N = o, W = N._payload, V = N._init;
+            var D = o, P = D._payload, I = D._init;
             try {
-              return D(V(W));
+              return S(I(P));
             } catch {
               return null;
             }
@@ -113,18 +113,18 @@ function Q5() {
         }
       return null;
     }
-    var G = Object.assign, t0 = 0, J, $, F, Q, l0, f0, x0;
-    function w0() {
+    var G = Object.assign, n0 = 0, J, $, O, Q, t0, f0, b0;
+    function x0() {
     }
-    w0.__reactDisabledLog = !0;
+    x0.__reactDisabledLog = !0;
     function M0() {
       {
-        if (t0 === 0) {
-          J = console.log, $ = console.info, F = console.warn, Q = console.error, l0 = console.group, f0 = console.groupCollapsed, x0 = console.groupEnd;
+        if (n0 === 0) {
+          J = console.log, $ = console.info, O = console.warn, Q = console.error, t0 = console.group, f0 = console.groupCollapsed, b0 = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
-            value: w0,
+            value: x0,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -137,12 +137,12 @@ function Q5() {
             groupEnd: o
           });
         }
-        t0++;
+        n0++;
       }
     }
-    function m0() {
+    function h0() {
       {
-        if (t0--, t0 === 0) {
+        if (n0--, n0 === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -156,34 +156,34 @@ function Q5() {
               value: $
             }),
             warn: G({}, o, {
-              value: F
+              value: O
             }),
             error: G({}, o, {
               value: Q
             }),
             group: G({}, o, {
-              value: l0
+              value: t0
             }),
             groupCollapsed: G({}, o, {
               value: f0
             }),
             groupEnd: G({}, o, {
-              value: x0
+              value: b0
             })
           });
         }
-        t0 < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        n0 < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var r0 = p.ReactCurrentDispatcher, C0;
+    var a0 = p.ReactCurrentDispatcher, C0;
     function R0(o, m, R) {
       {
         if (C0 === void 0)
           try {
             throw Error();
-          } catch (N) {
-            var B = N.stack.trim().match(/\n( *(at )?)/);
-            C0 = B && B[1] || "";
+          } catch (D) {
+            var k = D.stack.trim().match(/\n( *(at )?)/);
+            C0 = k && k[1] || "";
           }
         return `
 ` + C0 + o;
@@ -202,57 +202,57 @@ function Q5() {
         if (R !== void 0)
           return R;
       }
-      var B;
+      var k;
       A0 = !0;
-      var N = Error.prepareStackTrace;
+      var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var W;
-      W = r0.current, r0.current = null, M0();
+      var P;
+      P = a0.current, a0.current = null, M0();
       try {
         if (m) {
-          var V = function() {
+          var I = function() {
             throw Error();
           };
-          if (Object.defineProperty(V.prototype, "props", {
+          if (Object.defineProperty(I.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(V, []);
+              Reflect.construct(I, []);
             } catch (c0) {
-              B = c0;
+              k = c0;
             }
-            Reflect.construct(o, [], V);
+            Reflect.construct(o, [], I);
           } else {
             try {
-              V.call();
+              I.call();
             } catch (c0) {
-              B = c0;
+              k = c0;
             }
-            o.call(V.prototype);
+            o.call(I.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (c0) {
-            B = c0;
+            k = c0;
           }
           o();
         }
       } catch (c0) {
-        if (c0 && B && typeof c0.stack == "string") {
-          for (var H = c0.stack.split(`
-`), n0 = B.stack.split(`
-`), X = H.length - 1, Y = n0.length - 1; X >= 1 && Y >= 0 && H[X] !== n0[Y]; )
+        if (c0 && k && typeof c0.stack == "string") {
+          for (var F = c0.stack.split(`
+`), r0 = k.stack.split(`
+`), X = F.length - 1, Y = r0.length - 1; X >= 1 && Y >= 0 && F[X] !== r0[Y]; )
             Y--;
           for (; X >= 1 && Y >= 0; X--, Y--)
-            if (H[X] !== n0[Y]) {
+            if (F[X] !== r0[Y]) {
               if (X !== 1 || Y !== 1)
                 do
-                  if (X--, Y--, Y < 0 || H[X] !== n0[Y]) {
+                  if (X--, Y--, Y < 0 || F[X] !== r0[Y]) {
                     var s0 = `
-` + H[X].replace(" at new ", " at ");
+` + F[X].replace(" at new ", " at ");
                     return o.displayName && s0.includes("<anonymous>") && (s0 = s0.replace("<anonymous>", o.displayName)), typeof o == "function" && E0.set(o, s0), s0;
                   }
                 while (X >= 1 && Y >= 0);
@@ -260,7 +260,7 @@ function Q5() {
             }
         }
       } finally {
-        A0 = !1, r0.current = W, m0(), Error.prepareStackTrace = N;
+        A0 = !1, a0.current = P, h0(), Error.prepareStackTrace = D;
       }
       var T0 = o ? o.displayName || o.name : "", V0 = T0 ? R0(T0) : "";
       return typeof o == "function" && E0.set(o, V0), V0;
@@ -272,7 +272,7 @@ function Q5() {
       var m = o.prototype;
       return !!(m && m.isReactComponent);
     }
-    function v0(o, m, R) {
+    function m0(o, m, R) {
       if (o == null)
         return "";
       if (typeof o == "function")
@@ -290,11 +290,11 @@ function Q5() {
           case d:
             return j0(o.render);
           case v:
-            return v0(o.type, m, R);
+            return m0(o.type, m, R);
           case b: {
-            var B = o, N = B._payload, W = B._init;
+            var k = o, D = k._payload, P = k._init;
             try {
-              return v0(W(N), m, R);
+              return m0(P(D), m, R);
             } catch {
             }
           }
@@ -304,27 +304,27 @@ function Q5() {
     var Z0 = Object.prototype.hasOwnProperty, D0 = {}, N0 = p.ReactDebugCurrentFrame;
     function $0(o) {
       if (o) {
-        var m = o._owner, R = v0(o.type, o._source, m ? m.type : null);
+        var m = o._owner, R = m0(o.type, o._source, m ? m.type : null);
         N0.setExtraStackFrame(R);
       } else
         N0.setExtraStackFrame(null);
     }
-    function X0(o, m, R, B, N) {
+    function X0(o, m, R, k, D) {
       {
-        var W = Function.call.bind(Z0);
-        for (var V in o)
-          if (W(o, V)) {
-            var H = void 0;
+        var P = Function.call.bind(Z0);
+        for (var I in o)
+          if (P(o, I)) {
+            var F = void 0;
             try {
-              if (typeof o[V] != "function") {
-                var n0 = Error((B || "React class") + ": " + R + " type `" + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[V] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw n0.name = "Invariant Violation", n0;
+              if (typeof o[I] != "function") {
+                var r0 = Error((k || "React class") + ": " + R + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw r0.name = "Invariant Violation", r0;
               }
-              H = o[V](m, V, B, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              F = o[I](m, I, k, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (X) {
-              H = X;
+              F = X;
             }
-            H && !(H instanceof Error) && ($0(N), E("%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", R, V, typeof H), $0(null)), H instanceof Error && !(H.message in D0) && (D0[H.message] = !0, $0(N), E("Failed %s type: %s", R, H.message), $0(null));
+            F && !(F instanceof Error) && ($0(D), E("%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).", k || "React class", R, I, typeof F), $0(null)), F instanceof Error && !(F.message in D0) && (D0[F.message] = !0, $0(D), E("Failed %s type: %s", R, F.message), $0(null));
           }
       }
     }
@@ -332,13 +332,13 @@ function Q5() {
     function L0(o) {
       return Y0(o);
     }
-    function l5(o) {
+    function le(o) {
       {
         var m = typeof Symbol == "function" && Symbol.toStringTag, R = m && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return R;
       }
     }
-    function o5(o) {
+    function oe(o) {
       try {
         return O0(o), !1;
       } catch {
@@ -348,11 +348,11 @@ function Q5() {
     function O0(o) {
       return "" + o;
     }
-    function U(o) {
-      if (o5(o))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", l5(o)), O0(o);
+    function T(o) {
+      if (oe(o))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", le(o)), O0(o);
     }
-    var P = p.ReactCurrentOwner, g0 = {
+    var N = p.ReactCurrentOwner, v0 = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -375,9 +375,9 @@ function Q5() {
       return o.key !== void 0;
     }
     function i0(o, m) {
-      typeof o.ref == "string" && P.current;
+      typeof o.ref == "string" && N.current;
     }
-    function k(o, m) {
+    function z(o, m) {
       {
         var R = function() {
           k0 || (k0 = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
@@ -399,70 +399,70 @@ function Q5() {
         });
       }
     }
-    var W0 = function(o, m, R, B, N, W, V) {
-      var H = {
+    var W0 = function(o, m, R, k, D, P, I) {
+      var F = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: o,
         key: m,
         ref: R,
-        props: V,
+        props: I,
         // Record the component responsible for creating this element.
-        _owner: W
+        _owner: P
       };
-      return H._store = {}, Object.defineProperty(H._store, "validated", {
+      return F._store = {}, Object.defineProperty(F._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(H, "_self", {
+      }), Object.defineProperty(F, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: B
-      }), Object.defineProperty(H, "_source", {
+        value: k
+      }), Object.defineProperty(F, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: N
-      }), Object.freeze && (Object.freeze(H.props), Object.freeze(H)), H;
+        value: D
+      }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
     };
-    function Q0(o, m, R, B, N) {
+    function Q0(o, m, R, k, D) {
       {
-        var W, V = {}, H = null, n0 = null;
-        R !== void 0 && (U(R), H = "" + R), H0(m) && (U(m.key), H = "" + m.key), P0(m) && (n0 = m.ref, i0(m, N));
-        for (W in m)
-          Z0.call(m, W) && !g0.hasOwnProperty(W) && (V[W] = m[W]);
+        var P, I = {}, F = null, r0 = null;
+        R !== void 0 && (T(R), F = "" + R), H0(m) && (T(m.key), F = "" + m.key), P0(m) && (r0 = m.ref, i0(m, D));
+        for (P in m)
+          Z0.call(m, P) && !v0.hasOwnProperty(P) && (I[P] = m[P]);
         if (o && o.defaultProps) {
           var X = o.defaultProps;
-          for (W in X)
-            V[W] === void 0 && (V[W] = X[W]);
+          for (P in X)
+            I[P] === void 0 && (I[P] = X[P]);
         }
-        if (H || n0) {
+        if (F || r0) {
           var Y = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          H && k(V, Y), n0 && K0(V, Y);
+          F && z(I, Y), r0 && K0(I, Y);
         }
-        return W0(o, H, n0, N, B, P.current, V);
+        return W0(o, F, r0, D, k, N.current, I);
       }
     }
-    var h0 = p.ReactCurrentOwner, e0 = p.ReactDebugCurrentFrame;
-    function a0(o) {
+    var w0 = p.ReactCurrentOwner, l0 = p.ReactDebugCurrentFrame;
+    function e0(o) {
       if (o) {
-        var m = o._owner, R = v0(o.type, o._source, m ? m.type : null);
-        e0.setExtraStackFrame(R);
+        var m = o._owner, R = m0(o.type, o._source, m ? m.type : null);
+        l0.setExtraStackFrame(R);
       } else
-        e0.setExtraStackFrame(null);
+        l0.setExtraStackFrame(null);
     }
     var y0;
     y0 = !1;
-    function c5(o) {
+    function ce(o) {
       return typeof o == "object" && o !== null && o.$$typeof === r;
     }
     function o0() {
       {
-        if (h0.current) {
-          var o = D(h0.current.type);
+        if (w0.current) {
+          var o = S(w0.current.type);
           if (o)
             return `
@@ -471,10 +471,10 @@ Check the render method of \`` + o + "`.";
         return "";
       }
     }
-    function w5(o) {
+    function we(o) {
       return "";
     }
-    var i5 = {};
+    var ie = {};
     function d0(o) {
       {
         var m = o0();
@@ -493,33 +493,33 @@ Check the top-level render call using <` + R + ">.");
           return;
         o._store.validated = !0;
         var R = d0(m);
-        if (i5[R])
+        if (ie[R])
           return;
-        i5[R] = !0;
-        var B = "";
-        o && o._owner && o._owner !== h0.current && (B = " It was passed a child from " + D(o._owner.type) + "."), a0(o), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, B), a0(null);
+        ie[R] = !0;
+        var k = "";
+        o && o._owner && o._owner !== w0.current && (k = " It was passed a child from " + S(o._owner.type) + "."), e0(o), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, k), e0(null);
       }
     }
-    function O(o, m) {
+    function L(o, m) {
       {
         if (typeof o != "object")
           return;
         if (L0(o))
           for (var R = 0; R < o.length; R++) {
-            var B = o[R];
-            c5(B) && I0(B, m);
+            var k = o[R];
+            ce(k) && I0(k, m);
           }
-        else if (c5(o))
+        else if (ce(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var N = j(o);
-          if (typeof N == "function" && N !== o.entries)
-            for (var W = N.call(o), V; !(V = W.next()).done; )
-              c5(V.value) && I0(V.value, m);
+          var D = j(o);
+          if (typeof D == "function" && D !== o.entries)
+            for (var P = D.call(o), I; !(I = P.next()).done; )
+              ce(I.value) && I0(I.value, m);
         }
       }
     }
-    function d5(o) {
+    function de(o) {
       {
         var m = o.type;
         if (m == null || typeof m == "string")
@@ -534,88 +534,88 @@ Check the top-level render call using <` + R + ">.");
         else
           return;
         if (R) {
-          var B = D(m);
-          X0(R, o.props, "prop", B, o);
+          var k = S(m);
+          X0(R, o.props, "prop", k, o);
         } else if (m.PropTypes !== void 0 && !y0) {
           y0 = !0;
-          var N = D(m);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+          var D = S(m);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
         typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function N5(o) {
+    function Ne(o) {
       {
         for (var m = Object.keys(o.props), R = 0; R < m.length; R++) {
-          var B = m[R];
-          if (B !== "children" && B !== "key") {
-            a0(o), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", B), a0(null);
+          var k = m[R];
+          if (k !== "children" && k !== "key") {
+            e0(o), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), e0(null);
             break;
           }
         }
-        o.ref !== null && (a0(o), E("Invalid attribute `ref` supplied to `React.Fragment`."), a0(null));
+        o.ref !== null && (e0(o), E("Invalid attribute `ref` supplied to `React.Fragment`."), e0(null));
       }
     }
-    var p5 = {};
-    function b5(o, m, R, B, N, W) {
+    var pe = {};
+    function be(o, m, R, k, D, P) {
       {
-        var V = L(o);
-        if (!V) {
-          var H = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (H += " 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 n0 = w5();
-          n0 ? H += n0 : H += o0();
+        var I = B(o);
+        if (!I) {
+          var F = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (F += " 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 r0 = we();
+          r0 ? F += r0 : F += o0();
           var X;
-          o === null ? X = "null" : L0(o) ? X = "array" : o !== void 0 && o.$$typeof === r ? (X = "<" + (D(o.type) || "Unknown") + " />", H = " Did you accidentally export a JSX literal instead of a component?") : X = typeof o, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, H);
+          o === null ? X = "null" : L0(o) ? X = "array" : o !== void 0 && o.$$typeof === r ? (X = "<" + (S(o.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : X = typeof o, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, F);
         }
-        var Y = Q0(o, m, R, N, W);
+        var Y = Q0(o, m, R, D, P);
         if (Y == null)
           return Y;
-        if (V) {
+        if (I) {
           var s0 = m.children;
           if (s0 !== void 0)
-            if (B)
+            if (k)
               if (L0(s0)) {
                 for (var T0 = 0; T0 < s0.length; T0++)
-                  O(s0[T0], o);
+                  L(s0[T0], o);
                 Object.freeze && Object.freeze(s0);
               } else
                 E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              O(s0, o);
+              L(s0, o);
         }
         if (Z0.call(m, "key")) {
-          var V0 = D(o), c0 = Object.keys(m).filter(function(_5) {
-            return _5 !== "key";
-          }), h5 = c0.length > 0 ? "{key: someKey, " + c0.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!p5[V0 + h5]) {
-            var z5 = c0.length > 0 ? "{" + c0.join(": ..., ") + ": ...}" : "{}";
+          var V0 = S(o), c0 = Object.keys(m).filter(function(_e) {
+            return _e !== "key";
+          }), he = c0.length > 0 ? "{key: someKey, " + c0.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!pe[V0 + he]) {
+            var ze = c0.length > 0 ? "{" + c0.join(": ..., ") + ": ...}" : "{}";
             E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, h5, V0, z5, V0), p5[V0 + h5] = !0;
+  <%s key={someKey} {...props} />`, he, V0, ze, V0), pe[V0 + he] = !0;
           }
         }
-        return o === n ? N5(Y) : d5(Y), Y;
+        return o === n ? Ne(Y) : de(Y), Y;
       }
     }
-    function P5(o, m, R) {
-      return b5(o, m, R, !0);
+    function Pe(o, m, R) {
+      return be(o, m, R, !0);
     }
-    function W5(o, m, R) {
-      return b5(o, m, R, !1);
+    function We(o, m, R) {
+      return be(o, m, R, !1);
     }
-    var T5 = W5, U5 = P5;
-    e5.Fragment = n, e5.jsx = T5, e5.jsxs = U5;
-  })()), e5;
+    var Te = We, Ue = Pe;
+    ee.Fragment = n, ee.jsx = Te, ee.jsxs = Ue;
+  })()), ee;
 }
-var E5;
-function J5() {
-  return E5 || (E5 = 1, process.env.NODE_ENV === "production" ? s5.exports = K5() : s5.exports = Q5()), s5.exports;
+var Ee;
+function Je() {
+  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? se.exports = Ke() : se.exports = Qe()), se.exports;
 }
-var l = J5();
+var l = Je();
 const u0 = ({
   texto: a,
   children: r,
@@ -662,16 +662,16 @@ const u0 = ({
     // gray-400
     background: "#F3F4F6"
     // gray-100
-  }, A = h[c] || h.Teal, [S, C] = I(!1), T = d, _ = "font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", q = {
+  }, A = h[c] || h.Teal, [V, C] = H(!1), W = d, _ = "font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", q = {
     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"
-  }, y = ($, F = 1) => {
-    const Q = parseInt($.slice(1, 3), 16), l0 = parseInt($.slice(3, 5), 16), f0 = parseInt($.slice(5, 7), 16);
-    return `rgba(${Q}, ${l0}, ${f0}, ${F})`;
-  }, L = () => {
+  }, y = ($, O = 1) => {
+    const Q = parseInt($.slice(1, 3), 16), t0 = parseInt($.slice(3, 5), 16), f0 = parseInt($.slice(5, 7), 16);
+    return `rgba(${Q}, ${t0}, ${f0}, ${O})`;
+  }, B = () => {
     const $ = {};
-    if (T) {
+    if (W) {
       switch (v) {
         case "Primary":
           $.backgroundColor = E.background, $.color = E.text;
@@ -687,20 +687,20 @@ const u0 = ({
     }
     switch (v) {
       case "Primary":
-        $.backgroundColor = A, $.color = M[c] || "#ffffff", S && ($.opacity = "0.9");
+        $.backgroundColor = A, $.color = M[c] || "#ffffff", V && ($.opacity = "0.9");
         break;
       case "Secondary":
-        const F = g[c] || A;
-        $.borderColor = F, $.color = F, $.borderWidth = "1px", $.borderStyle = "solid", S ? $.backgroundColor = y(F, 0.1) : $.backgroundColor = c === "Honey" || c === "Grape" ? "#ffffff" : "transparent";
+        const O = g[c] || A;
+        $.borderColor = O, $.color = O, $.borderWidth = "1px", $.borderStyle = "solid", V ? $.backgroundColor = y(O, 0.1) : $.backgroundColor = c === "Honey" || c === "Grape" ? "#ffffff" : "transparent";
         break;
       case "Ghost":
-        const Q = j[c] || A, l0 = p[c] || A;
-        c === "Honey" ? ($.color = l0, $.backgroundColor = "#ffffff", S && ($.backgroundColor = y(Q, 0.1))) : ($.color = l0, $.backgroundColor = S ? y(Q, 0.1) : "transparent");
+        const Q = j[c] || A, t0 = p[c] || A;
+        c === "Honey" ? ($.color = t0, $.backgroundColor = "#ffffff", V && ($.backgroundColor = y(Q, 0.1))) : ($.color = t0, $.backgroundColor = V ? y(Q, 0.1) : "transparent");
         break;
     }
     return $;
   }, K = (() => {
-    if (T)
+    if (W)
       switch (v) {
         case "Primary":
           return {
@@ -745,24 +745,24 @@ const u0 = ({
           disabled: "opacity-50 cursor-not-allowed"
         };
     }
-  })(), D = q[u] || q.Default, G = L(), t0 = `
+  })(), S = q[u] || q.Default, G = B(), n0 = `
     ${_}
-    ${D}
+    ${S}
     ${K.base}
-    ${T ? K.disabled : "cursor-pointer"}
+    ${W ? K.disabled : "cursor-pointer"}
     ${f}
   `.trim().replace(/\s+/g, " "), J = ($) => {
-    !T && s && s($);
+    !W && s && s($);
   };
   return /* @__PURE__ */ l.jsx(
     "button",
     {
       type: i,
-      className: t0,
+      className: n0,
       style: G,
-      disabled: T,
+      disabled: W,
       onClick: J,
-      onMouseEnter: () => !T && C(!0),
+      onMouseEnter: () => !W && C(!0),
       onMouseLeave: () => C(!1),
       ...w,
       children: b
@@ -829,7 +829,7 @@ const u0 = ({
   c && i[c] && (v = v.replace(/font-(light|regular|medium|semibold|bold)/g, ""), v = `${v} ${i[c]}`.trim()), u && d[u] && (v = v.replace(/color-\w+(-\w+)?/g, ""), v = `${v} ${d[u]}`.trim());
   const b = `${v} ${n}`.trim();
   return /* @__PURE__ */ l.jsx(w, { className: b, ...s, children: t });
-}, ee = ({
+}, e5 = ({
   children: a,
   variant: r = "default",
   size: t = "medium",
@@ -849,7 +849,7 @@ const u0 = ({
   }, d = `${u} ${s[r]} ${i[t]} ${n}`;
   return /* @__PURE__ */ l.jsx("span", { className: d, ...c, children: a });
 };
-function ae({
+function a5({
   title: a,
   titleId: r,
   ...t
@@ -872,8 +872,8 @@ function ae({
     d: "M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"
   }));
 }
-const re = /* @__PURE__ */ e.forwardRef(ae);
-function ne({
+const r5 = /* @__PURE__ */ e.forwardRef(a5);
+function n5({
   title: a,
   titleId: r,
   ...t
@@ -896,8 +896,8 @@ function ne({
     d: "M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"
   }));
 }
-const te = /* @__PURE__ */ e.forwardRef(ne);
-function le({
+const t5 = /* @__PURE__ */ e.forwardRef(n5);
+function l5({
   title: a,
   titleId: r,
   ...t
@@ -920,8 +920,8 @@ function le({
     d: "M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5"
   }));
 }
-const oe = /* @__PURE__ */ e.forwardRef(le);
-function ce({
+const o5 = /* @__PURE__ */ e.forwardRef(l5);
+function c5({
   title: a,
   titleId: r,
   ...t
@@ -944,8 +944,8 @@ function ce({
     d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m8.25 3v6.75m0 0-3-3m3 3 3-3M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
   }));
 }
-const ie = /* @__PURE__ */ e.forwardRef(ce);
-function de({
+const i5 = /* @__PURE__ */ e.forwardRef(c5);
+function d5({
   title: a,
   titleId: r,
   ...t
@@ -968,8 +968,8 @@ function de({
     d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m6 4.125 2.25 2.25m0 0 2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
   }));
 }
-const se = /* @__PURE__ */ e.forwardRef(de);
-function ue({
+const s5 = /* @__PURE__ */ e.forwardRef(d5);
+function u5({
   title: a,
   titleId: r,
   ...t
@@ -992,8 +992,8 @@ function ue({
     d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
   }));
 }
-const fe = /* @__PURE__ */ e.forwardRef(ue);
-function we({
+const f5 = /* @__PURE__ */ e.forwardRef(u5);
+function w5({
   title: a,
   titleId: r,
   ...t
@@ -1016,8 +1016,8 @@ function we({
     d: "m9 12.75 3 3m0 0 3-3m-3 3v-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
   }));
 }
-const he = /* @__PURE__ */ e.forwardRef(we);
-function me({
+const h5 = /* @__PURE__ */ e.forwardRef(w5);
+function m5({
   title: a,
   titleId: r,
   ...t
@@ -1040,8 +1040,8 @@ function me({
     d: "m19.5 4.5-15 15m0 0h11.25m-11.25 0V8.25"
   }));
 }
-const ve = /* @__PURE__ */ e.forwardRef(me);
-function ge({
+const v5 = /* @__PURE__ */ e.forwardRef(m5);
+function g5({
   title: a,
   titleId: r,
   ...t
@@ -1064,8 +1064,8 @@ function ge({
     d: "M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m-6 3.75 3 3m0 0 3-3m-3 3V1.5m6 9h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75"
   }));
 }
-const pe = /* @__PURE__ */ e.forwardRef(ge);
-function be({
+const p5 = /* @__PURE__ */ e.forwardRef(g5);
+function b5({
   title: a,
   titleId: r,
   ...t
@@ -1088,8 +1088,8 @@ function be({
     d: "M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25"
   }));
 }
-const xe = /* @__PURE__ */ e.forwardRef(be);
-function Re({
+const x5 = /* @__PURE__ */ e.forwardRef(b5);
+function R5({
   title: a,
   titleId: r,
   ...t
@@ -1112,8 +1112,8 @@ function Re({
     d: "m4.5 4.5 15 15m0 0V8.25m0 11.25H8.25"
   }));
 }
-const Ee = /* @__PURE__ */ e.forwardRef(Re);
-function Ze({
+const E5 = /* @__PURE__ */ e.forwardRef(R5);
+function Z5({
   title: a,
   titleId: r,
   ...t
@@ -1136,8 +1136,8 @@ function Ze({
     d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"
   }));
 }
-const ye = /* @__PURE__ */ e.forwardRef(Ze);
-function Me({
+const y5 = /* @__PURE__ */ e.forwardRef(Z5);
+function M5({
   title: a,
   titleId: r,
   ...t
@@ -1160,8 +1160,8 @@ function Me({
     d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3"
   }));
 }
-const Ce = /* @__PURE__ */ e.forwardRef(Me);
-function Ae({
+const C5 = /* @__PURE__ */ e.forwardRef(M5);
+function A5({
   title: a,
   titleId: r,
   ...t
@@ -1184,8 +1184,8 @@ function Ae({
     d: "m11.25 9-3 3m0 0 3 3m-3-3h7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
   }));
 }
-const je = /* @__PURE__ */ e.forwardRef(Ae);
-function $e({
+const j5 = /* @__PURE__ */ e.forwardRef(A5);
+function $5({
   title: a,
   titleId: r,
   ...t
@@ -1208,8 +1208,8 @@ function $e({
     d: "M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75"
   }));
 }
-const ke = /* @__PURE__ */ e.forwardRef($e);
-function Be({
+const k5 = /* @__PURE__ */ e.forwardRef($5);
+function B5({
   title: a,
   titleId: r,
   ...t
@@ -1232,8 +1232,8 @@ function Be({
     d: "M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75"
   }));
 }
-const Le = /* @__PURE__ */ e.forwardRef(Be);
-function Oe({
+const L5 = /* @__PURE__ */ e.forwardRef(B5);
+function O5({
   title: a,
   titleId: r,
   ...t
@@ -1256,8 +1256,8 @@ function Oe({
     d: "M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15m-3 0-3-3m0 0 3-3m-3 3H15"
   }));
 }
-const Fe = /* @__PURE__ */ e.forwardRef(Oe);
-function He({
+const F5 = /* @__PURE__ */ e.forwardRef(O5);
+function H5({
   title: a,
   titleId: r,
   ...t
@@ -1280,8 +1280,8 @@ function He({
     d: "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
   }));
 }
-const Ie = /* @__PURE__ */ e.forwardRef(He);
-function Ve({
+const I5 = /* @__PURE__ */ e.forwardRef(H5);
+function V5({
   title: a,
   titleId: r,
   ...t
@@ -1304,8 +1304,8 @@ function Ve({
     d: "M15.75 17.25 12 21m0 0-3.75-3.75M12 21V3"
   }));
 }
-const Se = /* @__PURE__ */ e.forwardRef(Ve);
-function De({
+const S5 = /* @__PURE__ */ e.forwardRef(V5);
+function D5({
   title: a,
   titleId: r,
   ...t
@@ -1328,8 +1328,8 @@ function De({
     d: "M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"
   }));
 }
-const Ne = /* @__PURE__ */ e.forwardRef(De);
-function Pe({
+const N5 = /* @__PURE__ */ e.forwardRef(D5);
+function P5({
   title: a,
   titleId: r,
   ...t
@@ -1352,8 +1352,8 @@ function Pe({
     d: "M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"
   }));
 }
-const We = /* @__PURE__ */ e.forwardRef(Pe);
-function Te({
+const W5 = /* @__PURE__ */ e.forwardRef(P5);
+function T5({
   title: a,
   titleId: r,
   ...t
@@ -1376,8 +1376,8 @@ function Te({
     d: "M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18"
   }));
 }
-const Ue = /* @__PURE__ */ e.forwardRef(Te);
-function ze({
+const U5 = /* @__PURE__ */ e.forwardRef(T5);
+function z5({
   title: a,
   titleId: r,
   ...t
@@ -1400,8 +1400,8 @@ function ze({
     d: "M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3"
   }));
 }
-const _e = /* @__PURE__ */ e.forwardRef(ze);
-function Ge({
+const _5 = /* @__PURE__ */ e.forwardRef(z5);
+function G5({
   title: a,
   titleId: r,
   ...t
@@ -1424,8 +1424,8 @@ function Ge({
     d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
   }));
 }
-const qe = /* @__PURE__ */ e.forwardRef(Ge);
-function Xe({
+const q5 = /* @__PURE__ */ e.forwardRef(G5);
+function X5({
   title: a,
   titleId: r,
   ...t
@@ -1448,8 +1448,8 @@ function Xe({
     d: "m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
   }));
 }
-const Ye = /* @__PURE__ */ e.forwardRef(Xe);
-function Ke({
+const Y5 = /* @__PURE__ */ e.forwardRef(X5);
+function K5({
   title: a,
   titleId: r,
   ...t
@@ -1472,8 +1472,8 @@ function Ke({
     d: "M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25"
   }));
 }
-const Qe = /* @__PURE__ */ e.forwardRef(Ke);
-function Je({
+const Q5 = /* @__PURE__ */ e.forwardRef(K5);
+function J5({
   title: a,
   titleId: r,
   ...t
@@ -1496,7 +1496,7 @@ function Je({
     d: "M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9"
   }));
 }
-const e1 = /* @__PURE__ */ e.forwardRef(Je);
+const e1 = /* @__PURE__ */ e.forwardRef(J5);
 function a1({
   title: a,
   titleId: r,
@@ -8675,34 +8675,34 @@ function ai({
     d: "M6 18 18 6M6 6l12 12"
   }));
 }
-const ri = /* @__PURE__ */ e.forwardRef(ai), L5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ri = /* @__PURE__ */ e.forwardRef(ai), Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AcademicCapIcon: re,
-  AdjustmentsHorizontalIcon: te,
-  AdjustmentsVerticalIcon: oe,
-  ArchiveBoxArrowDownIcon: ie,
-  ArchiveBoxIcon: fe,
-  ArchiveBoxXMarkIcon: se,
-  ArrowDownCircleIcon: he,
-  ArrowDownIcon: Ce,
-  ArrowDownLeftIcon: ve,
-  ArrowDownOnSquareIcon: xe,
-  ArrowDownOnSquareStackIcon: pe,
-  ArrowDownRightIcon: Ee,
-  ArrowDownTrayIcon: ye,
-  ArrowLeftCircleIcon: je,
-  ArrowLeftEndOnRectangleIcon: ke,
-  ArrowLeftIcon: Ie,
-  ArrowLeftOnRectangleIcon: Le,
-  ArrowLeftStartOnRectangleIcon: Fe,
-  ArrowLongDownIcon: Se,
-  ArrowLongLeftIcon: Ne,
-  ArrowLongRightIcon: We,
-  ArrowLongUpIcon: Ue,
-  ArrowPathIcon: qe,
-  ArrowPathRoundedSquareIcon: _e,
-  ArrowRightCircleIcon: Ye,
-  ArrowRightEndOnRectangleIcon: Qe,
+  AcademicCapIcon: r5,
+  AdjustmentsHorizontalIcon: t5,
+  AdjustmentsVerticalIcon: o5,
+  ArchiveBoxArrowDownIcon: i5,
+  ArchiveBoxIcon: f5,
+  ArchiveBoxXMarkIcon: s5,
+  ArrowDownCircleIcon: h5,
+  ArrowDownIcon: C5,
+  ArrowDownLeftIcon: v5,
+  ArrowDownOnSquareIcon: x5,
+  ArrowDownOnSquareStackIcon: p5,
+  ArrowDownRightIcon: E5,
+  ArrowDownTrayIcon: y5,
+  ArrowLeftCircleIcon: j5,
+  ArrowLeftEndOnRectangleIcon: k5,
+  ArrowLeftIcon: I5,
+  ArrowLeftOnRectangleIcon: L5,
+  ArrowLeftStartOnRectangleIcon: F5,
+  ArrowLongDownIcon: S5,
+  ArrowLongLeftIcon: N5,
+  ArrowLongRightIcon: W5,
+  ArrowLongUpIcon: U5,
+  ArrowPathIcon: q5,
+  ArrowPathRoundedSquareIcon: _5,
+  ArrowRightCircleIcon: Y5,
+  ArrowRightEndOnRectangleIcon: Q5,
   ArrowRightIcon: t1,
   ArrowRightOnRectangleIcon: e1,
   ArrowRightStartOnRectangleIcon: r1,
@@ -16203,7 +16203,7 @@ function rv({
     clipRule: "evenodd"
   }));
 }
-const nv = /* @__PURE__ */ e.forwardRef(rv), O5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const nv = /* @__PURE__ */ e.forwardRef(rv), Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AcademicCapIcon: ti,
   AdjustmentsHorizontalIcon: oi,
@@ -23631,7 +23631,7 @@ function rj({
     d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
   }));
 }
-const nj = /* @__PURE__ */ e.forwardRef(rj), F5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const nj = /* @__PURE__ */ e.forwardRef(rj), Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AcademicCapIcon: lv,
   AdjustmentsHorizontalIcon: cv,
@@ -30885,7 +30885,7 @@ function ND({
     d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"
   }));
 }
-const PD = /* @__PURE__ */ e.forwardRef(ND), H5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const PD = /* @__PURE__ */ e.forwardRef(ND), He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AcademicCapIcon: lj,
   AdjustmentsHorizontalIcon: cj,
@@ -31203,7 +31203,7 @@ const PD = /* @__PURE__ */ e.forwardRef(ND), H5 = /* @__PURE__ */ Object.freeze(
   WrenchScrewdriverIcon: HD,
   XCircleIcon: DD,
   XMarkIcon: PD
-}, Symbol.toStringTag, { value: "Module" })), Z5 = {
+}, Symbol.toStringTag, { value: "Module" })), Ze = {
   black: "color-black",
   white: "color-white",
   "gray-900": "color-gray-900",
@@ -31279,15 +31279,15 @@ const PD = /* @__PURE__ */ e.forwardRef(ND), H5 = /* @__PURE__ */ Object.freeze(
     { name: "modules-time", component: "ClockIcon" }
   ],
   nuevos: [{ name: "nuevos-eye", component: "EyeIcon" }]
-}, y5 = Object.values(TD).flat().reduce((a, r) => (a[r.name] = r.component, a), {}), r5 = [
-  { key: "24-outline", weight: 24, style: "outline", lib: L5, defaultSize: 24 },
-  { key: "24-solid", weight: 24, style: "solid", lib: O5, defaultSize: 24 },
-  { key: "20-solid", weight: 20, style: "solid", lib: F5, defaultSize: 20 },
-  { key: "16-solid", weight: 16, style: "solid", lib: H5, defaultSize: 16 }
+}, ye = Object.values(TD).flat().reduce((a, r) => (a[r.name] = r.component, a), {}), re = [
+  { key: "24-outline", weight: 24, style: "outline", lib: Le, defaultSize: 24 },
+  { key: "24-solid", weight: 24, style: "solid", lib: Oe, defaultSize: 24 },
+  { key: "20-solid", weight: 20, style: "solid", lib: Fe, defaultSize: 20 },
+  { key: "16-solid", weight: 16, style: "solid", lib: He, defaultSize: 16 }
 ], UD = Array.from(
-  new Set(r5.flatMap(({ lib: a }) => Object.keys(a)))
+  new Set(re.flatMap(({ lib: a }) => Object.keys(a)))
 ).sort();
-r5.map(({ key: a }) => a);
+re.map(({ key: a }) => a);
 const zD = [
   { key: "critical", fill: "#EF4444", subtle: "#FEE2E2" },
   { key: "high", fill: "#F97316", subtle: "#FFEDD5" },
@@ -31295,7 +31295,7 @@ const zD = [
   { key: "low", fill: "#22C55E", subtle: "#DCFCE7" },
   { key: "info", fill: "#2563EB", subtle: "#DBEAFE" },
   { key: "neutral", fill: "#94A3B8", subtle: "#E2E8F0" }
-], I5 = zD.flatMap((a) => [
+], Ie = zD.flatMap((a) => [
   {
     id: `status-${a.key}`,
     shape: "circle",
@@ -31350,19 +31350,19 @@ const zD = [
     group: "square",
     tone: a.key
   }
-]), _D = I5.reduce((a, r) => (a[r.id] = r, a), {}), GD = (a) => a.charAt(0).toUpperCase() + a.slice(1), qD = (a) => {
+]), _D = Ie.reduce((a, r) => (a[r.id] = r, a), {}), GD = (a) => a.charAt(0).toUpperCase() + a.slice(1), qD = (a) => {
   if (!a) return a;
   const r = a.replace(/icon$/i, "").trim();
   if (!r) return a;
   const t = r.split(/[\s-_]+/).filter(Boolean).map((n) => GD(n.toLowerCase()));
   return t.length ? `${t.join("")}Icon` : a;
 }, XD = (a) => {
-  if (y5[a]) return y5[a];
-  if (C5.includes(a)) return a;
+  if (ye[a]) return ye[a];
+  if (Ce.includes(a)) return a;
   const r = qD(a);
-  return C5.includes(r) ? r : a;
-}, M5 = (a, r) => a ? WD[a] || a : r, YD = (a, r, t, n, c) => {
-  const s = M5(n, a.fill), i = M5(n, a.stroke || a.fill), d = a.variant === "outline" ? 2 : 0;
+  return Ce.includes(r) ? r : a;
+}, Me = (a, r) => a ? WD[a] || a : r, YD = (a, r, t, n, c) => {
+  const s = Me(n, a.fill), i = Me(n, a.stroke || a.fill), d = a.variant === "outline" ? 2 : 0;
   return a.shape === "triangle" ? /* @__PURE__ */ l.jsx(
     "svg",
     {
@@ -31453,8 +31453,8 @@ const zD = [
     }
   );
 };
-I5.map(({ id: a }) => a);
-const C5 = UD, x = ({
+Ie.map(({ id: a }) => a);
+const Ce = UD, x = ({
   name: a,
   variant: r = "24-outline",
   size: t,
@@ -31467,12 +31467,12 @@ const C5 = UD, x = ({
   const s = _D[a];
   if (s)
     return YD(s, t ?? 18, n, c, u);
-  const i = XD(a), d = r5.find(({ key: M }) => M === r) || r5[0], f = r5.find(
+  const i = XD(a), d = re.find(({ key: M }) => M === r) || re[0], f = re.find(
     ({ weight: M, style: g }) => M === d.weight && g !== d.style
-  ), w = d.lib[i] || (f ? f.lib[i] : null) || L5[i] || O5[i] || F5[i] || H5[i];
+  ), w = d.lib[i] || (f ? f.lib[i] : null) || Le[i] || Oe[i] || Fe[i] || He[i];
   if (!w)
     return console.warn(`Icon "${a}" not found in catalog`), null;
-  const b = `${c && Z5[c] ? Z5[c] : ""} ${n}`.trim(), h = t ?? d.defaultSize;
+  const b = `${c && Ze[c] ? Ze[c] : ""} ${n}`.trim(), h = t ?? d.defaultSize;
   return /* @__PURE__ */ l.jsx(w, { className: b, width: h, height: h, ...u });
 }, KD = ({
   variant: a = "info",
@@ -31514,7 +31514,7 @@ const C5 = UD, x = ({
       }
     )
   ] }) });
-}, n5 = ({
+}, ne = ({
   src: a,
   alt: r = "",
   name: t,
@@ -31705,7 +31705,7 @@ const C5 = UD, x = ({
   className: u = "",
   ...s
 }) => {
-  p0(() => {
+  g0(() => {
     if (t > 0 && n) {
       const w = setTimeout(() => {
         n();
@@ -31769,7 +31769,7 @@ const C5 = UD, x = ({
   className: n = "",
   ...c
 }) => {
-  const [u, s] = I(!1), i = {
+  const [u, s] = H(!1), i = {
     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",
@@ -31807,7 +31807,7 @@ const C5 = UD, x = ({
       ]
     }
   );
-}, t5 = ({
+}, te = ({
   width: a = 36,
   height: r = 40,
   backgroundColor: t = "#2D5C63",
@@ -31848,7 +31848,7 @@ const C5 = UD, x = ({
   className: i = "",
   ...d
 }) => {
-  const { t: f } = b0(), w = `
+  const { t: f } = p0(), w = `
     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
@@ -31929,7 +31929,7 @@ const C5 = UD, x = ({
   className: d = "",
   ...f
 }) => {
-  const { t: w } = b0(), v = `
+  const { t: w } = p0(), v = `
     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
@@ -31968,7 +31968,7 @@ const C5 = UD, x = ({
   className: i = "",
   ...d
 }) => {
-  const { t: f } = b0(), w = `
+  const { t: f } = p0(), w = `
     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
@@ -32046,7 +32046,7 @@ const C5 = UD, x = ({
   className: s = "",
   ...i
 }) => {
-  const { t: d } = b0(), f = `
+  const { t: d } = p0(), 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
@@ -32086,7 +32086,7 @@ const C5 = UD, x = ({
   className: d = "",
   ...f
 }) => {
-  const { t: w } = b0(), [v, b] = I([]), h = (g) => {
+  const { t: w } = p0(), [v, b] = H([]), h = (g) => {
     const j = Array.from(g.target.files);
     b(j), i && i(j);
   }, M = (g) => {
@@ -32170,7 +32170,7 @@ const C5 = UD, x = ({
   className: i = "",
   ...d
 }) => {
-  const [f, w] = I(""), v = (h) => {
+  const [f, w] = H(""), v = (h) => {
     const M = h.target.value;
     w(M), c && c(M);
   }, b = (h) => {
@@ -32256,7 +32256,7 @@ const C5 = UD, x = ({
               "aria-label": "Perfil de usuario",
               children: [
                 /* @__PURE__ */ l.jsx(
-                  n5,
+                  ne,
                   {
                     src: t,
                     name: r,
@@ -32288,7 +32288,7 @@ const C5 = UD, x = ({
       ] }) })
     }
   );
-}, V5 = [
+}, Ve = [
   {
     title: "PERSONAS",
     items: [
@@ -32303,8 +32303,8 @@ const C5 = UD, x = ({
       { id: "desarrollo", label: "Desarrollo", icon: "AcademicCapIcon" }
     ]
   }
-], S5 = ({
-  sections: a = V5,
+], Se = ({
+  sections: a = Ve,
   activeItem: r,
   onItemClick: t,
   companyName: n = "HEXA Core",
@@ -32331,17 +32331,17 @@ const C5 = UD, x = ({
   // Mobile: íconos
   mobileIconSize: E = 24,
   mobileIconStyle: A,
-  isOpen: S,
+  isOpen: V,
   onClose: C,
-  className: T = "",
+  className: W = "",
   ..._
 }) => {
-  const [q, y] = I(!1), [L, z] = I(null), K = S !== void 0 ? S : q, D = h && L != null ? L : r;
-  p0(() => {
-    h && L != null && L === r && z(null);
-  }, [r, L, h]), p0(() => {
-    h && !K && L != null && z(null);
-  }, [K, L, h]);
+  const [q, y] = H(!1), [B, U] = H(null), K = V !== void 0 ? V : q, S = h && B != null ? B : r;
+  g0(() => {
+    h && B != null && B === r && U(null);
+  }, [r, B, h]), g0(() => {
+    h && !K && B != null && U(null);
+  }, [K, B, h]);
   const G = () => {
     C ? C() : y(!q);
   };
@@ -32368,7 +32368,7 @@ const C5 = UD, x = ({
           transition: transform ${v}ms ${b};
         }
       ` }),
-    !K && S === void 0 && /* @__PURE__ */ l.jsx(
+    !K && V === void 0 && /* @__PURE__ */ l.jsx(
       "button",
       {
         onClick: G,
@@ -32411,7 +32411,7 @@ const C5 = UD, x = ({
     /* @__PURE__ */ l.jsx(
       "aside",
       {
-        className: `bg-white sidebar-core-mobile ${T}`,
+        className: `bg-white sidebar-core-mobile ${W}`,
         style: { border: "1px solid #C4C4C4", borderRadius: "16px" },
         ..._,
         children: /* @__PURE__ */ l.jsxs("nav", { className: "h-full flex flex-col", children: [
@@ -32423,7 +32423,7 @@ const C5 = UD, x = ({
                 style: f,
                 children: [
                   /* @__PURE__ */ l.jsx(
-                    t5,
+                    te,
                     {
                       width: 36,
                       height: 40,
@@ -32488,8 +32488,8 @@ const C5 = UD, x = ({
                 onClick: () => {
                   t && t("inicio"), C ? C() : G();
                 },
-                className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${D === "inicio" ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                style: D === "inicio" ? { backgroundColor: "#2D5C63" } : {},
+                className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${S === "inicio" ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                style: S === "inicio" ? { backgroundColor: "#2D5C63" } : {},
                 children: [
                   /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                     /* @__PURE__ */ l.jsx(
@@ -32498,7 +32498,7 @@ const C5 = UD, x = ({
                         name: "HomeIcon",
                         variant: "24-outline",
                         size: E,
-                        className: `mr-3 ${D === "inicio" ? "color-white" : "color-gray-700"}`,
+                        className: `mr-3 ${S === "inicio" ? "color-white" : "color-gray-700"}`,
                         style: {
                           width: `${E}px`,
                           height: `${E}px`,
@@ -32512,8 +32512,8 @@ const C5 = UD, x = ({
                       Z,
                       {
                         variant: "body-md",
-                        weight: D === "inicio" ? p : j,
-                        className: D === "inicio" ? "color-white" : "color-gray-700",
+                        weight: S === "inicio" ? p : j,
+                        className: S === "inicio" ? "color-white" : "color-gray-700",
                         style: { fontSize: g },
                         children: "Inicio"
                       }
@@ -32526,8 +32526,8 @@ const C5 = UD, x = ({
                              rounded-full flex items-center justify-center\r
                              text-body-sm font-medium`,
                       style: {
-                        backgroundColor: D === "inicio" ? "#ffffff" : "#6D3856",
-                        color: D === "inicio" ? "#6D3856" : "#ffffff",
+                        backgroundColor: S === "inicio" ? "#ffffff" : "#6D3856",
+                        color: S === "inicio" ? "#6D3856" : "#ffffff",
                         borderRadius: "12px"
                       },
                       children: s.inicio > 9 ? "9+" : s.inicio
@@ -32545,23 +32545,23 @@ const C5 = UD, x = ({
                   children: J.title
                 }
               ) }),
-              /* @__PURE__ */ l.jsx("div", { children: J.items.map((F) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
+              /* @__PURE__ */ l.jsx("div", { children: J.items.map((O) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsxs(
                 "button",
                 {
                   onClick: () => {
-                    h && z(F.id), t && t(F.id), C ? M ? requestAnimationFrame(() => C()) : C() : G();
+                    h && U(O.id), t && t(O.id), C ? M ? requestAnimationFrame(() => C()) : C() : G();
                   },
-                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${D === F.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                  style: D === F.id ? { backgroundColor: "#2D5C63" } : {},
+                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${S === O.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                  style: S === O.id ? { backgroundColor: "#2D5C63" } : {},
                   children: [
                     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
                       /* @__PURE__ */ l.jsx(
                         x,
                         {
-                          name: F.icon,
+                          name: O.icon,
                           variant: "24-outline",
                           size: E,
-                          className: `mr-3 ${D === F.id ? "color-white" : "color-gray-700"}`,
+                          className: `mr-3 ${S === O.id ? "color-white" : "color-gray-700"}`,
                           style: {
                             width: `${E}px`,
                             height: `${E}px`,
@@ -32575,30 +32575,30 @@ const C5 = UD, x = ({
                         Z,
                         {
                           variant: "body-md",
-                          weight: D === F.id ? p : j,
-                          className: D === F.id ? "color-white" : "color-gray-700",
+                          weight: S === O.id ? p : j,
+                          className: S === O.id ? "color-white" : "color-gray-700",
                           style: { fontSize: g },
-                          children: F.label
+                          children: O.label
                         }
                       )
                     ] }),
-                    (s[F.id] !== void 0 && s[F.id] > 0 || F.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
+                    (s[O.id] !== void 0 && s[O.id] > 0 || O.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: D === F.id ? "#ffffff" : "#6D3856",
-                          color: D === F.id ? "#6D3856" : "#ffffff",
+                          backgroundColor: S === O.id ? "#ffffff" : "#6D3856",
+                          color: S === O.id ? "#6D3856" : "#ffffff",
                           borderRadius: "12px"
                         },
-                        children: F.id === "empleados" ? 2 : s[F.id] > 9 ? "9+" : s[F.id]
+                        children: O.id === "empleados" ? 2 : s[O.id] > 9 ? "9+" : s[O.id]
                       }
                     )
                   ]
                 }
-              ) }, F.id)) })
+              ) }, O.id)) })
             ] }, $))
           ] }),
           i && /* @__PURE__ */ l.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
@@ -32618,9 +32618,9 @@ const C5 = UD, x = ({
                   children: (() => {
                     const J = i.split("|");
                     if (J.length === 2) {
-                      const $ = J[0].trim(), F = J[1].trim();
-                      if (F.includes("Powered by")) {
-                        const Q = F.match(/Powered by (.+)/);
+                      const $ = J[0].trim(), O = J[1].trim();
+                      if (O.includes("Powered by")) {
+                        const Q = O.match(/Powered by (.+)/);
                         if (Q)
                           return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
                             $,
@@ -32628,7 +32628,7 @@ const C5 = UD, x = ({
                             /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: Q[1] })
                           ] });
                       }
-                      return `${$} | ${F}`;
+                      return `${$} | ${O}`;
                     }
                     return i;
                   })()
@@ -32654,7 +32654,7 @@ const C5 = UD, x = ({
     )
   ] });
 }, QN = ({
-  sections: a = V5,
+  sections: a = Ve,
   activeItem: r,
   onItemClick: t,
   defaultCollapsed: n = !1,
@@ -32677,34 +32677,34 @@ const C5 = UD, x = ({
   desktopCollapseIconClassName: E = "",
   desktopCollapseIconStyle: A,
   // Desktop: overrides para el control de expandir (solo cuando está colapsado)
-  desktopExpandButtonClassName: S = "",
+  desktopExpandButtonClassName: V = "",
   desktopExpandButtonStyle: C,
-  desktopExpandIconSize: T = 20,
+  desktopExpandIconSize: W = 20,
   desktopExpandIconStrokeWidth: _ = 1.5,
   desktopExpandIconColor: q = "#0F172A",
   desktopExpandIconClassName: y = "",
-  desktopExpandIconStyle: L,
+  desktopExpandIconStyle: B,
   // Desktop: labels de items (solo cuando NO está colapsado)
-  desktopItemLabelFontSize: z = "1rem",
+  desktopItemLabelFontSize: U = "1rem",
   desktopItemLabelWeightInactive: K = "regular",
-  desktopItemLabelWeightActive: D = "semibold",
+  desktopItemLabelWeightActive: S = "semibold",
   // Desktop: íconos de navegación (items)
   desktopExpandedIconSize: G = 24,
-  desktopCollapsedIconSize: t0 = 32,
+  desktopCollapsedIconSize: n0 = 32,
   // Desktop colapsado: wrapper interno del ícono (hijo del 32x32)
   desktopCollapsedIconInnerSize: J = 24,
   desktopCollapsedIconInnerStyle: $,
-  desktopCollapsedIconWrapperStyle: F,
+  desktopCollapsedIconWrapperStyle: O,
   // Desktop colapsado: solapamiento icono + badge (mínimo)
   desktopCollapsedOverlapEnabled: Q = !0,
-  desktopCollapsedOverlapIconMarginLeftPx: l0 = 3,
+  desktopCollapsedOverlapIconMarginLeftPx: t0 = 3,
   desktopCollapsedOverlapBadgeMarginLeftPx: f0 = -6,
-  desktopCollapsedOverlapColumnGapPx: x0 = 0,
-  desktopNavIconStyle: w0,
+  desktopCollapsedOverlapColumnGapPx: b0 = 0,
+  desktopNavIconStyle: x0,
   // Desktop colapsado: wrapper de cada item (Inicio + opciones)
   desktopCollapsedItemWrapperClassName: M0 = "",
-  desktopCollapsedItemWrapperStyle: m0,
-  desktopCollapsedItemActiveBackgroundColor: r0 = "#2D5C63",
+  desktopCollapsedItemWrapperStyle: h0,
+  desktopCollapsedItemActiveBackgroundColor: a0 = "#2D5C63",
   // Desktop colapsado: badge (globito) de notificaciones
   desktopCollapsedBadgeClassName: C0 = "",
   desktopCollapsedBadgeStyle: R0,
@@ -32716,7 +32716,7 @@ const C5 = UD, x = ({
   desktopCollapsedFooterContainerClassName: S0 = "",
   desktopCollapsedFooterContainerStyle: j0,
   desktopCollapsedFooterTextClassName: B0 = "",
-  desktopCollapsedFooterTextStyle: v0,
+  desktopCollapsedFooterTextStyle: m0,
   // Desktop colapsado: separador entre secciones
   desktopCollapsedSectionSeparatorClassName: Z0 = "",
   desktopCollapsedSectionSeparatorStyle: D0,
@@ -32726,14 +32726,14 @@ const C5 = UD, x = ({
   desktopCollapsedInicioContainerClassName: X0 = "",
   desktopCollapsedSectionContainerClassName: Y0 = "",
   desktopCollapsedSeparatorContainerClassName: L0 = "",
-  nucleusName: l5 = "Nucleus AR",
-  nucleusLogo: o5,
+  nucleusName: le = "Nucleus AR",
+  nucleusLogo: oe,
   onNucleusClick: O0,
-  itemBadges: U = {},
+  itemBadges: T = {},
   // Objeto con { itemId: number } para los badges
-  footerText: P,
+  footerText: N,
   // Texto del footer: puede ser string "v1.0 | Powered by Nucleus" o objeto { version: "v1.0", poweredBy: "Powered by", brand: "Nucleus" }
-  footerCollapsedContent: g0,
+  footerCollapsedContent: v0,
   // Contenido a mostrar en el footer cuando está colapsado (puede ser string, ReactNode, o objeto con icon y text)
   coreContainerStyle: k0,
   // Estilos personalizados para el contenedor de LogoHexa y "Core" (solo mobile)
@@ -32744,8 +32744,8 @@ const C5 = UD, x = ({
   className: H0 = "",
   ...i0
 }) => {
-  const [k, K0] = I(n), [W0, Q0] = I(!1), h0 = k ? t0 : G, e0 = k ? J : G, a0 = {
-    width: "78px",
+  const [z, K0] = H(n), [W0, Q0] = H(!1), w0 = z ? n0 : G, l0 = z ? J : G, e0 = {
+    width: "100%",
     height: "48px",
     paddingTop: "8px",
     paddingRight: "12px",
@@ -32757,7 +32757,7 @@ const C5 = UD, x = ({
     borderRadius: "8px",
     boxSizing: "border-box"
   };
-  p0(() => {
+  g0(() => {
     const d0 = () => {
       Q0(window.innerWidth <= 768);
     };
@@ -32766,21 +32766,21 @@ const C5 = UD, x = ({
     };
   }, []);
   const y0 = () => {
-    K0(!k);
+    K0(!z);
   }, o0 = (() => {
-    if (g0)
-      return g0;
-    if (P && !g0) {
-      if (typeof P == "string")
-        return P.split("|")[0].trim() || P.trim();
-      if (typeof P == "object" && P.version)
-        return P.version;
+    if (v0)
+      return v0;
+    if (N && !v0) {
+      if (typeof N == "string")
+        return N.split("|")[0].trim() || N.trim();
+      if (typeof N == "object" && N.version)
+        return N.version;
     }
     return null;
   })();
   if (W0)
     return /* @__PURE__ */ l.jsx(
-      S5,
+      Se,
       {
         sections: a,
         activeItem: r,
@@ -32788,33 +32788,33 @@ const C5 = UD, x = ({
         companyName: c,
         companyLogo: u,
         onCompanyClick: s,
-        itemBadges: U,
-        footerText: P,
-        footerCollapsedContent: g0,
+        itemBadges: T,
+        footerText: N,
+        footerCollapsedContent: v0,
         coreContainerStyle: k0,
         coreTextStyle: F0,
         className: H0,
         ...i0
       }
     );
-  const w5 = P0 ? {
+  const we = P0 ? {
     width: "100%",
     maxWidth: "100%",
     minWidth: 0,
     boxSizing: "border-box"
-  } : k ? { width: q0 } : {}, i5 = P0 ? `bg-white transition-all duration-300 ease-in-out h-full ${H0}` : `bg-white transition-all duration-300 ease-in-out h-full ${k ? "" : "w-64"} ${H0}`;
+  } : z ? { width: q0 } : {}, ie = P0 ? `bg-white transition-all duration-300 ease-in-out h-full ${H0}` : `bg-white transition-all duration-300 ease-in-out h-full ${z ? "" : "w-64"} ${H0}`;
   return /* @__PURE__ */ l.jsx(
     "aside",
     {
-      className: i5,
+      className: ie,
       style: {
         border: "1px solid #C4C4C4",
         borderRadius: "16px",
-        ...w5
+        ...we
       },
       ...i0,
       children: /* @__PURE__ */ l.jsxs("nav", { className: "h-full flex flex-col", style: { overflow: "hidden" }, children: [
-        !k && /* @__PURE__ */ l.jsx("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
+        !z && /* @__PURE__ */ l.jsx("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
           "button",
           {
             onClick: s,
@@ -32829,7 +32829,7 @@ const C5 = UD, x = ({
                   alt: c,
                   className: "w-8 h-8 rounded flex-shrink-0"
                 }
-              ) : /* @__PURE__ */ l.jsx(t5, { width: 36, height: 40, className: "flex-shrink-0" }),
+              ) : /* @__PURE__ */ l.jsx(te, { width: 36, height: 40, className: "flex-shrink-0" }),
               /* @__PURE__ */ l.jsx(
                 Z,
                 {
@@ -32856,7 +32856,7 @@ const C5 = UD, x = ({
             ] })
           }
         ) }),
-        !k && /* @__PURE__ */ l.jsx("div", { className: "px-4 pt-2 flex justify-end flex-shrink-0", children: /* @__PURE__ */ l.jsx(
+        !z && /* @__PURE__ */ l.jsx("div", { className: "px-4 pt-2 flex justify-end flex-shrink-0", children: /* @__PURE__ */ l.jsx(
           "div",
           {
             className: `flex justify-end ${v}`,
@@ -32909,19 +32909,19 @@ const C5 = UD, x = ({
             )
           }
         ) }),
-        k && /* @__PURE__ */ l.jsx("div", { className: "p-4 border-b border-gray-200 flex justify-center flex-shrink-0", children: u ? /* @__PURE__ */ l.jsx(
+        z && /* @__PURE__ */ l.jsx("div", { className: "p-4 border-b border-gray-200 flex justify-center flex-shrink-0", children: u ? /* @__PURE__ */ l.jsx(
           "img",
           {
             src: u,
             alt: c,
             className: "w-8 h-8 rounded"
           }
-        ) : /* @__PURE__ */ l.jsx(t5, { width: 36, height: 40 }) }),
-        k && /* @__PURE__ */ l.jsx("div", { className: "px-4 pt-2 pb-2 flex justify-center flex-shrink-0", children: /* @__PURE__ */ l.jsx(
+        ) : /* @__PURE__ */ l.jsx(te, { width: 36, height: 40 }) }),
+        z && /* @__PURE__ */ l.jsx("div", { className: "px-4 pt-2 pb-2 flex justify-center flex-shrink-0", children: /* @__PURE__ */ l.jsx(
           "button",
           {
             onClick: y0,
-            className: `p-1.5 hover:bg-gray-100 rounded-lg transition-colors ${S}`,
+            className: `p-1.5 hover:bg-gray-100 rounded-lg transition-colors ${V}`,
             "aria-label": "Expandir sidebar",
             style: C,
             children: /* @__PURE__ */ l.jsx(
@@ -32929,83 +32929,281 @@ const C5 = UD, x = ({
               {
                 name: "ChevronDoubleRightIcon",
                 variant: "24-outline",
-                size: T,
+                size: W,
                 strokeWidth: _,
                 className: y,
                 style: {
                   color: q,
-                  width: `${T}px`,
-                  height: `${T}px`,
+                  width: `${W}px`,
+                  height: `${W}px`,
                   opacity: 1,
                   transform: "rotate(0deg)",
-                  ...L || {}
+                  ...B || {}
                 }
               }
             )
           }
         ) }),
-        /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: /* @__PURE__ */ l.jsxs("div", { className: `flex-1 overflow-y-auto ${k ? "py-2" : "py-4"}`, style: { overflowX: "hidden" }, children: [
+        /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: /* @__PURE__ */ l.jsxs("div", { className: `flex-1 overflow-y-auto ${z ? "py-2" : "py-4"}`, style: { overflowX: "hidden" }, children: [
           /* @__PURE__ */ l.jsx(
             "div",
             {
-              className: `px-4 ${k ? "mb-0" : "mb-4"} ${X0}`,
-              children: /* @__PURE__ */ l.jsx(
+              className: `${z ? "px-2" : "px-4"} ${z ? "mb-0" : "mb-4"} ${X0}`,
+              children: z ? /* @__PURE__ */ l.jsx(
                 "div",
                 {
-                  className: k ? M0 : "",
-                  style: k ? {
-                    ...a0,
-                    backgroundColor: r === "inicio" ? r0 : "transparent",
-                    ...m0 || {}
-                  } : void 0,
-                  children: /* @__PURE__ */ l.jsxs(
+                  className: M0,
+                  style: {
+                    ...e0,
+                    backgroundColor: r === "inicio" ? a0 : "transparent",
+                    ...h0 || {}
+                  },
+                  children: /* @__PURE__ */ l.jsx(
                     "button",
                     {
                       onClick: () => t && t("inicio"),
-                      className: `flex items-center ${k ? "justify-center" : "justify-between"} ${k ? "" : "rounded-lg"} transition-all duration-200 ${r === "inicio" ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                      style: k ? {
+                      className: "flex items-center justify-center transition-all duration-200",
+                      style: {
                         width: "100%",
                         height: "100%",
                         backgroundColor: "transparent",
                         borderRadius: "8px"
-                      } : {
-                        width: "228px",
-                        height: "40px",
-                        paddingTop: "8px",
-                        paddingRight: "12px",
-                        paddingBottom: "8px",
-                        paddingLeft: "12px",
-                        gap: "12px",
-                        borderRadius: "8px",
-                        opacity: 1,
-                        backgroundColor: r === "inicio" ? "#2D5C63" : "transparent"
                       },
-                      children: [
-                        /* @__PURE__ */ l.jsxs(
+                      children: /* @__PURE__ */ l.jsxs(
+                        "div",
+                        {
+                          className: "flex items-center",
+                          style: {
+                            justifyContent: "center",
+                            columnGap: `${b0}px`,
+                            width: "100%"
+                          },
+                          children: [
+                            /* @__PURE__ */ l.jsx(
+                              "div",
+                              {
+                                style: {
+                                  width: `${w0}px`,
+                                  height: `${w0}px`,
+                                  opacity: 1,
+                                  transform: "rotate(0deg)",
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "center",
+                                  marginLeft: Q && T.inicio !== void 0 && T.inicio > 0 ? `${t0}px` : void 0,
+                                  ...O || {}
+                                },
+                                children: /* @__PURE__ */ l.jsx(
+                                  "div",
+                                  {
+                                    style: {
+                                      width: "24px",
+                                      height: "24px",
+                                      opacity: 1,
+                                      transform: "rotate(0deg)",
+                                      display: "flex",
+                                      alignItems: "center",
+                                      justifyContent: "center",
+                                      ...$ || {}
+                                    },
+                                    children: /* @__PURE__ */ l.jsx(
+                                      x,
+                                      {
+                                        name: "HomeIcon",
+                                        variant: "24-outline",
+                                        size: l0,
+                                        className: r === "inicio" ? "color-white" : "color-gray-700",
+                                        style: {
+                                          width: `${l0}px`,
+                                          height: `${l0}px`,
+                                          opacity: 1,
+                                          transform: "rotate(0deg)",
+                                          ...x0 || {}
+                                        }
+                                      }
+                                    )
+                                  }
+                                )
+                              }
+                            ),
+                            T.inicio !== void 0 && T.inicio > 0 && /* @__PURE__ */ l.jsx(
+                              "span",
+                              {
+                                className: `flex items-center justify-center text-body-sm font-medium ${C0}`,
+                                style: {
+                                  backgroundColor: r === "inicio" ? "#ffffff" : "#6D3856",
+                                  color: r === "inicio" ? "#6D3856" : "#ffffff",
+                                  width: A0,
+                                  height: E0,
+                                  paddingTop: "4px",
+                                  paddingRight: "6px",
+                                  paddingBottom: "4px",
+                                  paddingLeft: "6px",
+                                  borderRadius: "16px",
+                                  opacity: 1,
+                                  transform: "rotate(0deg)",
+                                  marginLeft: Q ? `${f0}px` : void 0,
+                                  boxSizing: "border-box",
+                                  ...R0 || {}
+                                },
+                                children: T.inicio > 9 ? "9+" : T.inicio
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ l.jsxs(
+                "button",
+                {
+                  onClick: () => t && t("inicio"),
+                  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" } : {},
+                  children: [
+                    /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
+                      /* @__PURE__ */ l.jsx(
+                        x,
+                        {
+                          name: "HomeIcon",
+                          variant: "24-outline",
+                          size: l0,
+                          className: `mr-3 ${r === "inicio" ? "color-white" : "color-gray-700"}`
+                        }
+                      ),
+                      /* @__PURE__ */ l.jsx(
+                        Z,
+                        {
+                          variant: "body-lg",
+                          weight: r === "inicio" ? S : K,
+                          className: `${r === "inicio" ? "color-white" : "color-gray-700"} min-w-0`,
+                          style: {
+                            fontSize: U,
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap"
+                          },
+                          children: "Inicio"
+                        }
+                      )
+                    ] }),
+                    T.inicio !== void 0 && T.inicio > 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: r === "inicio" ? "#ffffff" : "#6D3856",
+                          color: r === "inicio" ? "#6D3856" : "#ffffff",
+                          borderRadius: "12px"
+                        },
+                        children: T.inicio > 9 ? "9+" : T.inicio
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ),
+          a.map((d0, I0) => /* @__PURE__ */ l.jsxs(
+            "div",
+            {
+              className: `${z ? "mb-0" : "mb-6"} ${Y0}`,
+              children: [
+                z && /* @__PURE__ */ l.jsx("div", { className: `px-2 mb-0 ${L0}`, children: /* @__PURE__ */ l.jsx(
+                  "div",
+                  {
+                    className: N0,
+                    style: {
+                      width: "100%",
+                      height: "32px",
+                      paddingTop: "16px",
+                      paddingRight: "8px",
+                      paddingBottom: "16px",
+                      paddingLeft: "8px",
+                      opacity: 1,
+                      transform: "rotate(0deg)",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      boxSizing: "border-box",
+                      ...$0 || {}
+                    },
+                    children: /* @__PURE__ */ l.jsx(
+                      "div",
+                      {
+                        className: Z0,
+                        style: {
+                          width: "42px",
+                          height: "0px",
+                          opacity: 1,
+                          transform: "rotate(0deg)",
+                          borderTopWidth: "1px",
+                          borderTopStyle: "solid",
+                          borderTopColor: "#2D5C63",
+                          marginLeft: "auto",
+                          marginRight: "auto",
+                          ...D0 || {}
+                        }
+                      }
+                    )
+                  }
+                ) }),
+                !z && /* @__PURE__ */ l.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ l.jsx(
+                  Z,
+                  {
+                    variant: "body-sm",
+                    className: "color-gray-500 uppercase font-medium tracking-wider",
+                    children: d0.title
+                  }
+                ) }),
+                /* @__PURE__ */ l.jsx("div", { children: d0.items.map((L) => /* @__PURE__ */ l.jsx("div", { className: z ? "px-2" : "px-4", children: z ? /* @__PURE__ */ l.jsx(
+                  "div",
+                  {
+                    className: M0,
+                    style: {
+                      ...e0,
+                      backgroundColor: r === L.id ? a0 : "transparent",
+                      ...h0 || {}
+                    },
+                    title: L.label,
+                    children: /* @__PURE__ */ l.jsx(
+                      "button",
+                      {
+                        onClick: () => t && t(L.id),
+                        className: "flex items-center justify-center transition-all duration-200",
+                        style: {
+                          width: "100%",
+                          height: "100%",
+                          backgroundColor: "transparent",
+                          borderRadius: "8px"
+                        },
+                        title: L.label,
+                        children: /* @__PURE__ */ l.jsxs(
                           "div",
                           {
-                            className: `flex items-center ${k ? "" : "min-w-0 flex-1"}`,
-                            style: k ? {
+                            className: "flex items-center",
+                            style: {
                               justifyContent: "center",
-                              columnGap: `${x0}px`,
+                              columnGap: `${b0}px`,
                               width: "100%"
-                            } : {
-                              minWidth: 0
                             },
                             children: [
-                              k ? /* @__PURE__ */ l.jsx(
+                              /* @__PURE__ */ l.jsx(
                                 "div",
                                 {
                                   style: {
-                                    width: `${h0}px`,
-                                    height: `${h0}px`,
+                                    width: `${w0}px`,
+                                    height: `${w0}px`,
                                     opacity: 1,
                                     transform: "rotate(0deg)",
                                     display: "flex",
                                     alignItems: "center",
                                     justifyContent: "center",
-                                    marginLeft: Q && U.inicio !== void 0 && U.inicio > 0 ? `${l0}px` : void 0,
-                                    ...F || {}
+                                    marginLeft: Q && (T[L.id] !== void 0 && T[L.id] > 0 || L.id === "empleados") ? `${t0}px` : void 0,
+                                    ...O || {}
                                   },
                                   children: /* @__PURE__ */ l.jsx(
                                     "div",
@@ -33023,60 +33221,30 @@ const C5 = UD, x = ({
                                       children: /* @__PURE__ */ l.jsx(
                                         x,
                                         {
-                                          name: "HomeIcon",
+                                          name: L.icon,
                                           variant: "24-outline",
-                                          size: e0,
-                                          className: r === "inicio" ? "color-white" : "color-gray-700",
+                                          size: l0,
+                                          className: r === L.id ? "color-white" : "color-gray-700",
                                           style: {
-                                            width: `${e0}px`,
-                                            height: `${e0}px`,
+                                            width: `${l0}px`,
+                                            height: `${l0}px`,
                                             opacity: 1,
                                             transform: "rotate(0deg)",
-                                            ...w0 || {}
+                                            ...x0 || {}
                                           }
                                         }
                                       )
                                     }
                                   )
                                 }
-                              ) : /* @__PURE__ */ l.jsx(
-                                x,
-                                {
-                                  name: "HomeIcon",
-                                  variant: "24-outline",
-                                  size: e0,
-                                  className: `${k ? "" : "mr-3"} ${r === "inicio" ? "color-white" : "color-gray-700"}`,
-                                  style: {
-                                    width: `${e0}px`,
-                                    height: `${e0}px`,
-                                    opacity: 1,
-                                    transform: "rotate(0deg)",
-                                    ...w0 || {}
-                                  }
-                                }
-                              ),
-                              !k && /* @__PURE__ */ l.jsx(
-                                Z,
-                                {
-                                  variant: "body-lg",
-                                  weight: r === "inicio" ? D : K,
-                                  className: `${r === "inicio" ? "color-white" : "color-gray-700"} min-w-0`,
-                                  style: {
-                                    fontSize: z,
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis",
-                                    whiteSpace: "nowrap"
-                                  },
-                                  children: "Inicio"
-                                }
                               ),
-                              k && U.inicio !== void 0 && U.inicio > 0 && /* @__PURE__ */ l.jsx(
+                              (T[L.id] !== void 0 && T[L.id] > 0 || L.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
                                 "span",
                                 {
                                   className: `flex items-center justify-center text-body-sm font-medium ${C0}`,
                                   style: {
-                                    backgroundColor: r === "inicio" ? "#ffffff" : "#6D3856",
-                                    color: r === "inicio" ? "#6D3856" : "#ffffff",
+                                    backgroundColor: r === L.id ? "#ffffff" : "#6D3856",
+                                    color: r === L.id ? "#6D3856" : "#ffffff",
                                     width: A0,
                                     height: E0,
                                     paddingTop: "4px",
@@ -33090,259 +33258,71 @@ const C5 = UD, x = ({
                                     boxSizing: "border-box",
                                     ...R0 || {}
                                   },
-                                  children: U.inicio > 9 ? "9+" : U.inicio
+                                  children: L.id === "empleados" ? 2 : T[L.id] > 9 ? "9+" : T[L.id]
                                 }
                               )
                             ]
                           }
+                        )
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ l.jsxs(
+                  "button",
+                  {
+                    onClick: () => t && t(L.id),
+                    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" } : {},
+                    children: [
+                      /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
+                        /* @__PURE__ */ l.jsx(
+                          x,
+                          {
+                            name: L.icon,
+                            variant: "24-outline",
+                            size: l0,
+                            className: `mr-3 ${r === L.id ? "color-white" : "color-gray-700"}`
+                          }
                         ),
-                        !k && U.inicio !== void 0 && U.inicio > 0 && /* @__PURE__ */ l.jsx(
-                          "span",
+                        /* @__PURE__ */ l.jsx(
+                          Z,
                           {
-                            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`,
+                            variant: "body-lg",
+                            weight: r === L.id ? S : K,
+                            className: `${r === L.id ? "color-white" : "color-gray-700"} min-w-0`,
                             style: {
-                              backgroundColor: r === "inicio" ? "#ffffff" : "#6D3856",
-                              color: r === "inicio" ? "#6D3856" : "#ffffff",
-                              borderRadius: "12px"
+                              fontSize: U,
+                              overflow: "hidden",
+                              textOverflow: "ellipsis",
+                              whiteSpace: "nowrap"
                             },
-                            children: U.inicio > 9 ? "9+" : U.inicio
+                            children: L.label
                           }
                         )
-                      ]
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          a.map((d0, I0) => /* @__PURE__ */ l.jsxs(
-            "div",
-            {
-              className: `${k ? "mb-0" : "mb-6"} ${Y0}`,
-              children: [
-                k && /* @__PURE__ */ l.jsx("div", { className: `px-4 mb-0 ${L0}`, children: /* @__PURE__ */ l.jsx(
-                  "div",
-                  {
-                    className: N0,
-                    style: {
-                      width: "78px",
-                      height: "32px",
-                      paddingTop: "16px",
-                      paddingRight: "8px",
-                      paddingBottom: "16px",
-                      paddingLeft: "8px",
-                      opacity: 1,
-                      transform: "rotate(0deg)",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      boxSizing: "border-box",
-                      ...$0 || {}
-                    },
-                    children: /* @__PURE__ */ l.jsx(
-                      "div",
-                      {
-                        className: Z0,
-                        style: {
-                          width: "42px",
-                          height: "0px",
-                          opacity: 1,
-                          transform: "rotate(0deg)",
-                          borderTopWidth: "1px",
-                          borderTopStyle: "solid",
-                          borderTopColor: "#2D5C63",
-                          marginLeft: "auto",
-                          marginRight: "auto",
-                          ...D0 || {}
-                        }
-                      }
-                    )
-                  }
-                ) }),
-                !k && /* @__PURE__ */ l.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ l.jsx(
-                  Z,
-                  {
-                    variant: "body-sm",
-                    className: "color-gray-500 uppercase font-medium tracking-wider",
-                    children: d0.title
-                  }
-                ) }),
-                /* @__PURE__ */ l.jsx("div", { children: d0.items.map((O) => /* @__PURE__ */ l.jsx("div", { className: "px-4", children: /* @__PURE__ */ l.jsx(
-                  "div",
-                  {
-                    className: k ? M0 : "",
-                    style: k ? {
-                      ...a0,
-                      backgroundColor: r === O.id ? r0 : "transparent",
-                      ...m0 || {}
-                    } : void 0,
-                    title: k ? O.label : "",
-                    children: /* @__PURE__ */ l.jsxs(
-                      "button",
-                      {
-                        onClick: () => t && t(O.id),
-                        className: `flex items-center ${k ? "justify-center" : "justify-between"} ${k ? "" : "rounded-lg"} transition-all duration-200 ${r === O.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                        style: k ? {
-                          width: "100%",
-                          height: "100%",
-                          backgroundColor: "transparent",
-                          borderRadius: "8px"
-                        } : {
-                          width: "228px",
-                          height: "40px",
-                          paddingTop: "8px",
-                          paddingRight: "12px",
-                          paddingBottom: "8px",
-                          paddingLeft: "12px",
-                          gap: "12px",
-                          borderRadius: "8px",
-                          opacity: 1,
-                          backgroundColor: r === O.id ? "#2D5C63" : "transparent"
-                        },
-                        title: k ? O.label : "",
-                        children: [
-                          /* @__PURE__ */ l.jsxs(
-                            "div",
-                            {
-                              className: `flex items-center ${k ? "" : "min-w-0 flex-1"}`,
-                              style: k ? {
-                                justifyContent: "center",
-                                columnGap: `${x0}px`,
-                                width: "100%"
-                              } : {
-                                minWidth: 0
-                              },
-                              children: [
-                                k ? /* @__PURE__ */ l.jsx(
-                                  "div",
-                                  {
-                                    style: {
-                                      width: `${h0}px`,
-                                      height: `${h0}px`,
-                                      opacity: 1,
-                                      transform: "rotate(0deg)",
-                                      display: "flex",
-                                      alignItems: "center",
-                                      justifyContent: "center",
-                                      marginLeft: Q && (U[O.id] !== void 0 && U[O.id] > 0 || O.id === "empleados") ? `${l0}px` : void 0,
-                                      ...F || {}
-                                    },
-                                    children: /* @__PURE__ */ l.jsx(
-                                      "div",
-                                      {
-                                        style: {
-                                          width: "24px",
-                                          height: "24px",
-                                          opacity: 1,
-                                          transform: "rotate(0deg)",
-                                          display: "flex",
-                                          alignItems: "center",
-                                          justifyContent: "center",
-                                          ...$ || {}
-                                        },
-                                        children: /* @__PURE__ */ l.jsx(
-                                          x,
-                                          {
-                                            name: O.icon,
-                                            variant: "24-outline",
-                                            size: e0,
-                                            className: r === O.id ? "color-white" : "color-gray-700",
-                                            style: {
-                                              width: `${e0}px`,
-                                              height: `${e0}px`,
-                                              opacity: 1,
-                                              transform: "rotate(0deg)",
-                                              ...w0 || {}
-                                            }
-                                          }
-                                        )
-                                      }
-                                    )
-                                  }
-                                ) : /* @__PURE__ */ l.jsx(
-                                  x,
-                                  {
-                                    name: O.icon,
-                                    variant: "24-outline",
-                                    size: e0,
-                                    className: `${k ? "" : "mr-3"} ${r === O.id ? "color-white" : "color-gray-700"}`,
-                                    style: {
-                                      width: `${e0}px`,
-                                      height: `${e0}px`,
-                                      opacity: 1,
-                                      transform: "rotate(0deg)",
-                                      ...w0 || {}
-                                    }
-                                  }
-                                ),
-                                !k && /* @__PURE__ */ l.jsx(
-                                  Z,
-                                  {
-                                    variant: "body-lg",
-                                    weight: r === O.id ? D : K,
-                                    className: `${r === O.id ? "color-white" : "color-gray-700"} min-w-0`,
-                                    style: {
-                                      fontSize: z,
-                                      overflow: "hidden",
-                                      textOverflow: "ellipsis",
-                                      whiteSpace: "nowrap"
-                                    },
-                                    children: O.label
-                                  }
-                                ),
-                                k && (U[O.id] !== void 0 && U[O.id] > 0 || O.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
-                                  "span",
-                                  {
-                                    className: `flex items-center justify-center text-body-sm font-medium ${C0}`,
-                                    style: {
-                                      backgroundColor: r === O.id ? "#ffffff" : "#6D3856",
-                                      color: r === O.id ? "#6D3856" : "#ffffff",
-                                      width: A0,
-                                      height: E0,
-                                      paddingTop: "4px",
-                                      paddingRight: "6px",
-                                      paddingBottom: "4px",
-                                      paddingLeft: "6px",
-                                      borderRadius: "16px",
-                                      opacity: 1,
-                                      transform: "rotate(0deg)",
-                                      marginLeft: Q ? `${f0}px` : void 0,
-                                      boxSizing: "border-box",
-                                      ...R0 || {}
-                                    },
-                                    children: O.id === "empleados" ? 2 : U[O.id] > 9 ? "9+" : U[O.id]
-                                  }
-                                )
-                              ]
-                            }
-                          ),
-                          !k && (U[O.id] !== void 0 && U[O.id] > 0 || O.id === "empleados" && 2) && /* @__PURE__ */ l.jsx(
-                            "span",
-                            {
-                              className: `px-2 py-0.5 min-w-[20px] h-5 \r
+                      ] }),
+                      (T[L.id] !== void 0 && T[L.id] > 0 || L.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: r === O.id ? "#ffffff" : "#6D3856",
-                                color: r === O.id ? "#6D3856" : "#ffffff",
-                                borderRadius: "12px"
-                              },
-                              children: O.id === "empleados" ? 2 : U[O.id] > 9 ? "9+" : U[O.id]
-                            }
-                          )
-                        ]
-                      }
-                    )
+                          style: {
+                            backgroundColor: r === L.id ? "#ffffff" : "#6D3856",
+                            color: r === L.id ? "#6D3856" : "#ffffff",
+                            borderRadius: "12px"
+                          },
+                          children: L.id === "empleados" ? 2 : T[L.id] > 9 ? "9+" : T[L.id]
+                        }
+                      )
+                    ]
                   }
-                ) }, O.id)) })
+                ) }, L.id)) })
               ]
             },
             I0
           ))
         ] }) }),
-        P && !k && /* @__PURE__ */ l.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ l.jsx(
+        N && !z && /* @__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",
@@ -33350,28 +33330,28 @@ const C5 = UD, x = ({
               borderColor: "#2D5C63",
               borderRadius: "8px"
             },
-            children: typeof P == "string" ? /* @__PURE__ */ l.jsx(
+            children: typeof N == "string" ? /* @__PURE__ */ l.jsx(
               Z,
               {
                 variant: "body-sm",
                 style: { color: "#2D5C63" },
                 className: "text-center",
                 children: (() => {
-                  const d0 = P.split("|");
+                  const d0 = N.split("|");
                   if (d0.length === 2) {
-                    const I0 = d0[0].trim(), O = d0[1].trim();
-                    if (O.includes("Powered by")) {
-                      const d5 = O.match(/Powered by (.+)/);
-                      if (d5)
+                    const I0 = d0[0].trim(), L = d0[1].trim();
+                    if (L.includes("Powered by")) {
+                      const de = L.match(/Powered by (.+)/);
+                      if (de)
                         return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
                           I0,
                           " | Powered by ",
-                          /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: d5[1] })
+                          /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: de[1] })
                         ] });
                     }
-                    return `${I0} | ${O}`;
+                    return `${I0} | ${L}`;
                   }
-                  return P;
+                  return N;
                 })()
               }
             ) : /* @__PURE__ */ l.jsxs(
@@ -33381,21 +33361,21 @@ const C5 = UD, x = ({
                 style: { color: "#2D5C63" },
                 className: "text-center",
                 children: [
-                  P.version && `${P.version}`,
-                  P.version && (P.poweredBy || P.brand) && " | ",
-                  P.poweredBy && `${P.poweredBy} `,
-                  P.brand && /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: P.brand })
+                  N.version && `${N.version}`,
+                  N.version && (N.poweredBy || N.brand) && " | ",
+                  N.poweredBy && `${N.poweredBy} `,
+                  N.brand && /* @__PURE__ */ l.jsx("span", { className: "font-bold", children: N.brand })
                 ]
               }
             )
           }
         ) }),
-        o0 && k && /* @__PURE__ */ l.jsx("div", { className: "flex justify-center flex-shrink-0", style: { zIndex: 10, paddingTop: "10px", paddingBottom: "10px" }, children: /* @__PURE__ */ l.jsx(
+        o0 && z && /* @__PURE__ */ l.jsx("div", { className: "px-2 pt-2 pb-2 flex justify-center flex-shrink-0", style: { zIndex: 10 }, children: /* @__PURE__ */ l.jsx(
           "div",
           {
             className: `bg-white flex items-center justify-center ${S0}`,
             style: {
-              width: "78px",
+              width: "100%",
               height: "32px",
               borderRadius: "8px",
               border: "1px solid #29474C",
@@ -33426,7 +33406,7 @@ const C5 = UD, x = ({
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   maxWidth: "100%",
-                  ...v0 || {}
+                  ...m0 || {}
                 },
                 children: o0
               }
@@ -33454,7 +33434,7 @@ const C5 = UD, x = ({
                     letterSpacing: "0%",
                     textAlign: "center",
                     marginLeft: o0.icon ? "4px" : "0",
-                    ...v0 || {}
+                    ...m0 || {}
                   },
                   children: o0.text
                 }
@@ -33490,30 +33470,30 @@ const C5 = UD, x = ({
   desktopSearchContainerClassName: p = "",
   desktopSearchContainerStyle: E,
   desktopRightContainerClassName: A = "",
-  desktopRightContainerStyle: S,
+  desktopRightContainerStyle: V,
   notificationButtonClassName: C = "",
-  notificationButtonStyle: T,
+  notificationButtonStyle: W,
   notificationIconClassName: _ = "",
   notificationIconStyle: q,
   notificationBadgeClassName: y = "",
-  notificationBadgeStyle: L,
+  notificationBadgeStyle: B,
   // Overrides específicos de medidas/posiciones (Desktop / Mobile)
-  notificationDesktopButtonStyle: z,
+  notificationDesktopButtonStyle: U,
   notificationDesktopIconWrapperClassName: K = "",
-  notificationDesktopIconWrapperStyle: D,
+  notificationDesktopIconWrapperStyle: S,
   notificationDesktopIconSize: G = 24,
-  notificationDesktopIconStrokeWidth: t0 = 1.5,
+  notificationDesktopIconStrokeWidth: n0 = 1.5,
   notificationDesktopIconStyle: J,
   notificationDesktopBadgeStyle: $,
-  notificationMobileButtonClassName: F = "",
+  notificationMobileButtonClassName: O = "",
   notificationMobileButtonStyle: Q,
-  notificationMobileIconWrapperClassName: l0 = "",
+  notificationMobileIconWrapperClassName: t0 = "",
   notificationMobileIconWrapperStyle: f0,
-  notificationMobileIconSize: x0 = 24,
-  notificationMobileIconStrokeWidth: w0 = 1.5,
+  notificationMobileIconSize: b0 = 24,
+  notificationMobileIconStrokeWidth: x0 = 1.5,
   notificationMobileIconStyle: M0,
-  showNotificationBadgeOnMobile: m0 = !1,
-  notificationMobileBadgeStyle: r0,
+  showNotificationBadgeOnMobile: h0 = !1,
+  notificationMobileBadgeStyle: a0,
   // Desktop avatar / nombre (overrides)
   desktopUserAvatarClassName: C0 = "",
   desktopUserAvatarStyle: R0,
@@ -33525,7 +33505,7 @@ const C5 = UD, x = ({
   sidebarActiveItem: j0,
   onSidebarItemClick: B0,
   // Mobile: permitir persistir el item activo aunque el consumidor no controle sidebarActiveItem
-  enableInternalSidebarActiveItem: v0 = !0,
+  enableInternalSidebarActiveItem: m0 = !0,
   sidebarItemBadges: Z0,
   sidebarCompanyName: D0,
   sidebarCompanyLogo: N0,
@@ -33533,30 +33513,30 @@ const C5 = UD, x = ({
   sidebarFooterCollapsedContent: X0,
   sidebarCoreContainerStyle: Y0,
   sidebarCoreTextStyle: L0,
-  className: l5 = "",
-  ...o5
+  className: le = "",
+  ...oe
 }) => {
-  const [O0, U] = I(""), [P, g0] = I(!1), [k0, F0] = I(!1), [P0, H0] = I(void 0), i0 = g5(null), k = c > 0 ? "BellAlertIcon" : "BellIcon", K0 = () => {
-    i0.current && (clearTimeout(i0.current), i0.current = null), F0(!0), g0(!1), requestAnimationFrame(() => g0(!0));
+  const [O0, T] = H(""), [N, v0] = H(!1), [k0, F0] = H(!1), [P0, H0] = H(void 0), i0 = ge(null), z = c > 0 ? "BellAlertIcon" : "BellIcon", K0 = () => {
+    i0.current && (clearTimeout(i0.current), i0.current = null), F0(!0), v0(!1), requestAnimationFrame(() => v0(!0));
   }, W0 = () => {
-    g0(!1);
-  }, Q0 = j0 ?? (v0 ? P0 : j0);
-  p0(() => (!P && k0 && (i0.current = setTimeout(() => {
+    v0(!1);
+  }, Q0 = j0 ?? (m0 ? P0 : j0);
+  g0(() => (!N && k0 && (i0.current = setTimeout(() => {
     F0(!1), i0.current = null;
   }, w)), () => {
     i0.current && (clearTimeout(i0.current), i0.current = null);
-  }), [P, k0, w]);
-  const h0 = (a0) => {
-    const y0 = a0.target.value;
-    U(y0), u && u(y0);
-  }, e0 = (a0) => {
-    a0.preventDefault(), u && u(O0);
+  }), [N, k0, w]);
+  const w0 = (e0) => {
+    const y0 = e0.target.value;
+    T(y0), u && u(y0);
+  }, l0 = (e0) => {
+    e0.preventDefault(), u && u(O0);
   };
   return /* @__PURE__ */ l.jsxs(
     "header",
     {
-      className: `bg-white ${d ? f : ""} ${l5}`,
-      ...o5,
+      className: `bg-white ${d ? f : ""} ${le}`,
+      ...oe,
       children: [
         /* @__PURE__ */ l.jsx("style", { children: `
         .header-search-input {
@@ -33622,13 +33602,13 @@ const C5 = UD, x = ({
                   {
                     className: `flex-1 mr-2 md:mr-4 ${p}`,
                     style: { maxWidth: "none", minWidth: "0", ...E || {} },
-                    children: /* @__PURE__ */ l.jsxs("form", { onSubmit: e0, className: "header-search-form flex items-center w-full", children: [
+                    children: /* @__PURE__ */ l.jsxs("form", { onSubmit: l0, className: "header-search-form flex items-center w-full", children: [
                       /* @__PURE__ */ l.jsx(
                         "input",
                         {
                           type: "text",
                           value: O0,
-                          onChange: h0,
+                          onChange: w0,
                           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 \r
                          focus:outline-none text-sm md:text-base`,
@@ -33675,7 +33655,7 @@ const C5 = UD, x = ({
                   "div",
                   {
                     className: `flex items-center space-x-3 md:space-x-6 flex-shrink-0 ${A}`,
-                    style: { marginLeft: "auto", paddingRight: "0px", ...S || {} },
+                    style: { marginLeft: "auto", paddingRight: "0px", ...V || {} },
                     children: [
                       c !== void 0 && /* @__PURE__ */ l.jsxs(
                         "button",
@@ -33688,8 +33668,8 @@ const C5 = UD, x = ({
                             // 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)",
-                            ...T || {},
-                            ...z || {}
+                            ...W || {},
+                            ...U || {}
                           },
                           children: [
                             /* @__PURE__ */ l.jsx(
@@ -33700,15 +33680,15 @@ const C5 = UD, x = ({
                                   width: "24px",
                                   height: "24px",
                                   opacity: 1,
-                                  ...D || {}
+                                  ...S || {}
                                 },
                                 children: /* @__PURE__ */ l.jsx(
                                   x,
                                   {
-                                    name: k,
+                                    name: z,
                                     variant: "24-outline",
                                     size: G,
-                                    strokeWidth: t0,
+                                    strokeWidth: n0,
                                     className: `color-gray-600 ${_}`,
                                     style: {
                                       width: "24px",
@@ -33741,7 +33721,7 @@ const C5 = UD, x = ({
                                   borderRadius: "16px",
                                   opacity: 1,
                                   transform: "rotate(0deg)",
-                                  ...L || {},
+                                  ...B || {},
                                   ...$ || {}
                                 },
                                 children: c > 9 ? "9+" : c
@@ -33759,7 +33739,7 @@ const C5 = UD, x = ({
                           "aria-label": "Perfil de usuario",
                           children: [
                             /* @__PURE__ */ l.jsx(
-                              n5,
+                              ne,
                               {
                                 src: n,
                                 name: t,
@@ -33858,7 +33838,7 @@ const C5 = UD, x = ({
                       "button",
                       {
                         onClick: s,
-                        className: `ml-2 hover:bg-gray-100 transition-colors flex items-center justify-center ${C} ${F}`,
+                        className: `ml-2 hover:bg-gray-100 transition-colors flex items-center justify-center ${C} ${O}`,
                         "aria-label": "Notificaciones",
                         style: {
                           width: "48px",
@@ -33867,14 +33847,14 @@ const C5 = UD, x = ({
                           borderRadius: "8px",
                           opacity: 1,
                           transform: "rotate(0deg)",
-                          ...T || {},
+                          ...W || {},
                           ...Q || {}
                         },
                         children: [
                           /* @__PURE__ */ l.jsx(
                             "span",
                             {
-                              className: `relative inline-block ${l0}`,
+                              className: `relative inline-block ${t0}`,
                               style: {
                                 width: "24px",
                                 height: "24px",
@@ -33884,10 +33864,10 @@ const C5 = UD, x = ({
                               children: /* @__PURE__ */ l.jsx(
                                 x,
                                 {
-                                  name: k,
+                                  name: z,
                                   variant: "24-outline",
-                                  size: x0,
-                                  strokeWidth: w0,
+                                  size: b0,
+                                  strokeWidth: x0,
                                   className: `color-gray-600 ${_}`,
                                   style: {
                                     width: "24px",
@@ -33904,7 +33884,7 @@ const C5 = UD, x = ({
                               )
                             }
                           ),
-                          m0 && c > 0 && /* @__PURE__ */ l.jsx(
+                          h0 && c > 0 && /* @__PURE__ */ l.jsx(
                             "span",
                             {
                               className: `h-5 text-white flex items-center justify-center text-body-sm font-medium ${y}`,
@@ -33921,8 +33901,8 @@ const C5 = UD, x = ({
                                 marginLeft: "6px",
                                 opacity: 1,
                                 transform: "rotate(0deg)",
-                                ...L || {},
-                                ...r0 || {}
+                                ...B || {},
+                                ...a0 || {}
                               },
                               children: c > 9 ? "9+" : c
                             }
@@ -33937,7 +33917,7 @@ const C5 = UD, x = ({
                         className: "hover:bg-gray-50 rounded-lg transition-colors",
                         "aria-label": "Perfil de usuario",
                         children: /* @__PURE__ */ l.jsx(
-                          n5,
+                          ne,
                           {
                             src: n,
                             name: t || "",
@@ -33951,13 +33931,13 @@ const C5 = UD, x = ({
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ l.jsx("div", { className: "header-mobile-search-row", children: /* @__PURE__ */ l.jsxs("form", { onSubmit: e0, 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: l0, className: "header-search-form flex items-center w-full", children: [
                   /* @__PURE__ */ l.jsx(
                     "input",
                     {
                       type: "text",
                       value: O0,
-                      onChange: h0,
+                      onChange: w0,
                       placeholder: r,
                       className: `header-search-input flex-1 pl-3 pr-3 py-2 bg-white border border-gray-400 rounded-l-lg \r
                          focus:outline-none text-sm`,
@@ -34003,12 +33983,12 @@ const C5 = UD, x = ({
           )
         ] }),
         k0 && /* @__PURE__ */ l.jsx("div", { className: "header-core-mobile-sidebar-wrapper", children: /* @__PURE__ */ l.jsx(
-          S5,
+          Se,
           {
             sections: S0,
             activeItem: Q0,
-            onItemClick: (a0) => {
-              v0 && H0(a0), B0 && B0(a0), requestAnimationFrame(() => W0());
+            onItemClick: (e0) => {
+              m0 && H0(e0), B0 && B0(e0), requestAnimationFrame(() => W0());
             },
             itemBadges: Z0,
             companyName: D0,
@@ -34017,7 +33997,7 @@ const C5 = UD, x = ({
             footerCollapsedContent: X0,
             coreContainerStyle: Y0,
             coreTextStyle: L0,
-            isOpen: P,
+            isOpen: N,
             onClose: W0,
             transitionDurationMs: w,
             transitionEasing: v
@@ -34026,7 +34006,7 @@ const C5 = UD, x = ({
       ]
     }
   );
-}, D5 = [
+}, De = [
   {
     title: "PERSONAS",
     items: [
@@ -34042,7 +34022,7 @@ const C5 = UD, x = ({
     ]
   }
 ], eP = ({
-  sections: a = D5,
+  sections: a = De,
   activeItem: r,
   onItemClick: t,
   defaultCollapsed: n = !1,
@@ -34060,7 +34040,7 @@ const C5 = UD, x = ({
   className: v = "",
   ...b
 }) => {
-  const [h, M] = I(n);
+  const [h, M] = H(n);
   return /* @__PURE__ */ l.jsx(
     "aside",
     {
@@ -34277,7 +34257,7 @@ const C5 = UD, x = ({
     }
   );
 }, JD = ({
-  sections: a = D5,
+  sections: a = De,
   activeItem: r,
   onItemClick: t,
   companyName: n = "HEXA Point",
@@ -34289,8 +34269,8 @@ const C5 = UD, x = ({
   className: f = "",
   ...w
 }) => {
-  const [v, b] = I(!1), [h, M] = I(!1), g = i !== void 0 ? i : v;
-  p0(() => {
+  const [v, b] = H(!1), [h, M] = H(!1), g = i !== void 0 ? i : v;
+  g0(() => {
     if (i !== void 0)
       if (i) {
         M(!1);
@@ -34457,7 +34437,7 @@ const C5 = UD, x = ({
                 ]
               }
             ) }),
-            a.map((A, S) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
+            a.map((A, V) => /* @__PURE__ */ l.jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ l.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ l.jsx(
                 Z,
                 {
@@ -34510,13 +34490,13 @@ const C5 = UD, x = ({
                   ]
                 }
               ) }, C.id)) })
-            ] }, S))
+            ] }, V))
           ] })
         ] })
       }
     )
   ] });
-}, A5 = "80px", eN = "40px", j5 = "40px", aN = "#6D3856", m5 = "#374151", v5 = "#9ca3af", u5 = "#3b82f6", rN = "IBM Plex Sans", nN = 400, tN = "14px", lN = "20px", oN = "1024px", $5 = "1025px", cN = "700px", k5 = "transparent", aP = ({
+}, Ae = "80px", eN = "40px", je = "40px", aN = "#6D3856", me = "#374151", ve = "#9ca3af", ue = "#3b82f6", rN = "IBM Plex Sans", nN = 400, tN = "14px", lN = "20px", oN = "1024px", $e = "1025px", cN = "700px", ke = "transparent", aP = ({
   searchPlaceholder: a = "Buscar empleados, reportes, configuraciones...",
   userName: r,
   userAvatar: t,
@@ -34530,16 +34510,16 @@ const C5 = UD, x = ({
   sidebarItemBadges: w,
   sidebarCompanyName: v,
   sidebarCompanyLogo: b,
-  mobileBackgroundColor: h = k5,
+  mobileBackgroundColor: h = ke,
   className: M = "",
   ...g
 }) => {
-  const [j, p] = I(""), [E, A] = I(!1), S = (y) => {
-    const L = y.target.value;
-    p(L), c && c(L);
+  const [j, p] = H(""), [E, A] = H(!1), V = (y) => {
+    const B = y.target.value;
+    p(B), c && c(B);
   }, C = (y) => {
     y.preventDefault(), c && c(j);
-  }, T = (y) => {
+  }, W = (y) => {
     f && f(y), A(!1);
   }, _ = () => {
     A(!1);
@@ -34547,12 +34527,12 @@ const C5 = UD, x = ({
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx("style", { children: `
         .header-point-container {
-          height: ${A5};
+          height: ${Ae};
         }
         .header-search-input {
-          border-color: ${v5};
+          border-color: ${ve};
           height: ${eN};
-          color: ${m5};
+          color: ${me};
           font-family: ${rN};
           font-weight: ${nN};
           font-style: italic;
@@ -34561,28 +34541,28 @@ const C5 = UD, x = ({
           letter-spacing: 0px;
         }
         .header-search-input::placeholder {
-          color: ${v5} !important;
+          color: ${ve} !important;
           opacity: 1 !important;
         }
         .header-search-icon-container {
-          border-color: ${v5};
-          width: ${j5};
-          height: ${j5};
+          border-color: ${ve};
+          width: ${je};
+          height: ${je};
         }
         .header-search-form:focus-within .header-search-input {
-          border-color: ${u5} !important;
-          box-shadow: 0 0 0 1px ${u5};
+          border-color: ${ue} !important;
+          box-shadow: 0 0 0 1px ${ue};
         }
         .header-search-form:focus-within .header-search-icon-container {
-          border-color: ${u5} !important;
-          box-shadow: 0 0 0 1px ${u5};
+          border-color: ${ue} !important;
+          box-shadow: 0 0 0 1px ${ue};
         }
         .header-notification-badge {
           background-color: ${aN};
           border-radius: 12px;
         }
         .header-desktop-layout {
-          height: ${A5};
+          height: ${Ae};
         }
         .header-search-wrapper {
           flex: 1 1 0%;
@@ -34592,7 +34572,7 @@ const C5 = UD, x = ({
           flex-shrink: 0;
         }
         /* Estilos para rango intermedio (1025px - 700px) - No aplica con nuevo breakpoint */
-        @media (min-width: ${$5}) and (max-width: ${cN}) {
+        @media (min-width: ${$e}) and (max-width: ${cN}) {
           .header-desktop-layout {
             gap: 0.5rem;
             padding-left: 0.25rem;
@@ -34677,7 +34657,7 @@ const C5 = UD, x = ({
             background-color: ${h} !important;
             background: ${h} !important;
             z-index: 0 !important;
-            border-bottom: ${h !== k5 ? "1px solid var(--color-main-800)" : "none"} !important;
+            border-bottom: ${h !== ke ? "1px solid var(--color-main-800)" : "none"} !important;
             pointer-events: none !important;
             display: block !important;
             visibility: visible !important;
@@ -34723,15 +34703,15 @@ const C5 = UD, x = ({
           .header-mobile-menu-button:hover .header-mobile-menu-icon,
           .header-mobile-menu-button:active .header-mobile-menu-icon,
           .header-mobile-menu-button:focus .header-mobile-menu-icon {
-            color: ${m5} !important;
+            color: ${me} !important;
           }
           .header-mobile-notification-button:hover .header-mobile-notification-icon,
           .header-mobile-notification-button:active .header-mobile-notification-icon,
           .header-mobile-notification-button:focus .header-mobile-notification-icon {
-            color: ${m5} !important;
+            color: ${me} !important;
           }
         }
-        @media (min-width: ${$5}) {
+        @media (min-width: ${$e}) {
           .header-mobile-layout {
             display: none;
           }
@@ -34754,7 +34734,7 @@ const C5 = UD, x = ({
                   {
                     type: "text",
                     value: j,
-                    onChange: S,
+                    onChange: V,
                     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 border-r-0 rounded-r-none"
                   }
@@ -34798,7 +34778,7 @@ const C5 = UD, x = ({
                     "aria-label": "Perfil de usuario",
                     children: [
                       /* @__PURE__ */ l.jsx(
-                        n5,
+                        ne,
                         {
                           src: t,
                           name: r,
@@ -34882,7 +34862,7 @@ const C5 = UD, x = ({
                   {
                     type: "text",
                     value: j,
-                    onChange: S,
+                    onChange: V,
                     placeholder: a,
                     className: "header-search-input flex-1 pl-4 pr-4 py-2 bg-white border border-gray-400 rounded-l-lg focus:outline-none text-sm border-r-0 rounded-r-none"
                   }
@@ -34904,7 +34884,7 @@ const C5 = UD, x = ({
             {
               sections: i,
               activeItem: d,
-              onItemClick: T,
+              onItemClick: W,
               itemBadges: w,
               companyName: v,
               companyLogo: b,
@@ -34929,7 +34909,7 @@ const C5 = UD, x = ({
   className: s = "",
   ...i
 }) => {
-  const [d, f] = I(!1), [w, v] = I(null), [b, h] = I(!1), M = a === "login", g = n.find((p) => p.code === c) || n[0], j = (p) => {
+  const [d, f] = H(!1), [w, v] = H(null), [b, h] = H(!1), M = a === "login", g = n.find((p) => p.code === c) || n[0], j = (p) => {
     u && u(p), f(!1);
   };
   return M ? (() => {
@@ -34946,7 +34926,7 @@ const C5 = UD, x = ({
         ...E,
         children: [
           /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ l.jsx(t5, { width: 36, height: 40 }),
+            /* @__PURE__ */ l.jsx(te, { width: 36, height: 40 }),
             /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", style: { gap: "4px" }, children: [
               /* @__PURE__ */ l.jsx(
                 Z,
@@ -35138,7 +35118,7 @@ const C5 = UD, x = ({
     );
   })() : /* @__PURE__ */ l.jsxs("header", { className: `w-full flex justify-between items-center bg-white ${s}`, style: { paddingTop: "4px", paddingBottom: "4px", paddingLeft: "8px", paddingRight: "12px" }, ...i, children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ l.jsx(t5, { width: 32, height: 36 }),
+      /* @__PURE__ */ l.jsx(te, { width: 32, height: 36 }),
       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", style: { gap: "4px" }, children: [
         /* @__PURE__ */ l.jsx(Z, { variant: "h6", className: "font-normal", style: { color: "#2D5C63", margin: 0 }, children: r }),
         /* @__PURE__ */ l.jsx(Z, { variant: "h6", className: "font-normal", style: { color: "#2D5C63", margin: 0 }, children: t })
@@ -35205,11 +35185,11 @@ const C5 = UD, x = ({
   className: h = "",
   ...M
 }) => {
-  const [g, j] = I(""), p = (S) => S > 9 ? "9+" : S, E = (S) => {
-    const C = S.target.value;
+  const [g, j] = H(""), p = (V) => V > 9 ? "9+" : V, E = (V) => {
+    const C = V.target.value;
     j(C), c && c(C);
-  }, A = (S) => {
-    S.preventDefault(), c && c(g);
+  }, A = (V) => {
+    V.preventDefault(), c && c(g);
   };
   return /* @__PURE__ */ l.jsxs(
     "header",
@@ -35333,7 +35313,7 @@ const C5 = UD, x = ({
                     "aria-label": "Perfil de usuario",
                     children: [
                       /* @__PURE__ */ l.jsx(
-                        n5,
+                        ne,
                         {
                           src: t,
                           name: r,
@@ -35368,7 +35348,7 @@ const C5 = UD, x = ({
       ]
     }
   );
-}, dN = 24, sN = "#FFFFFF", uN = "#374151", fN = "#2D5C63", wN = "#FFFFFF", hN = "#374151", a5 = "80px", U0 = "16px", mN = "rgba(0, 0, 0, 0.1)", vN = "1024px", gN = "1025px", pN = [
+}, dN = 24, sN = "#FFFFFF", uN = "#374151", fN = "#2D5C63", wN = "#FFFFFF", hN = "#374151", ae = "80px", U0 = "16px", mN = "rgba(0, 0, 0, 0.1)", vN = "1024px", gN = "1025px", pN = [
   { id: "inicio", label: "Inicio", icon: "Squares2X2Icon" },
   { id: "docs", label: "Docs", icon: "DocumentTextIcon" },
   { id: "equipo", label: "Equipo", icon: "UserGroupIcon" },
@@ -35388,8 +35368,8 @@ const C5 = UD, x = ({
         .nav-point {
           border-radius: ${U0} ${U0} 0 0 !important;
           overflow: hidden !important;
-          min-height: ${a5} !important;
-          height: ${a5} !important;
+          min-height: ${ae} !important;
+          height: ${ae} !important;
         }
         /* Mostrar NavPoint de 0px a 1024px */
         @media (max-width: ${vN}) {
@@ -35409,7 +35389,7 @@ const C5 = UD, x = ({
         }
         .nav-point-item {
           min-width: 0;
-          min-height: ${a5};
+          min-height: ${ae};
           height: 100%;
         }
         .nav-point-text {
@@ -35432,8 +35412,8 @@ const C5 = UD, x = ({
           boxShadow: `0 -2px 8px ${mN}`,
           borderRadius: `${U0} ${U0} 0 0`,
           overflow: "hidden",
-          minHeight: a5,
-          height: a5
+          minHeight: ae,
+          height: ae
         },
         ...c,
         children: /* @__PURE__ */ l.jsx("div", { className: "flex items-stretch h-full", style: { overflow: "hidden" }, children: a.map((i, d) => {
@@ -35491,7 +35471,7 @@ const C5 = UD, x = ({
   className: i = "",
   ...d
 }) => {
-  if (p0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  if (g0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [a]), !a) return null;
   const f = {
@@ -35548,7 +35528,7 @@ const C5 = UD, x = ({
   className: c = "",
   ...u
 }) => {
-  const [s, i] = I(r), d = (w) => {
+  const [s, i] = H(r), d = (w) => {
     i(w), t && t(w);
   }, f = {
     default: "border-blue-500 text-blue-600",
@@ -35577,7 +35557,7 @@ const C5 = UD, x = ({
   className: n = "",
   ...c
 }) => {
-  const [u, s] = I(t), i = (d) => {
+  const [u, s] = H(t), i = (d) => {
     s(
       r ? (f) => f.includes(d) ? f.filter((w) => w !== d) : [...f, d] : (f) => f.includes(d) ? [] : [d]
     );
@@ -35713,7 +35693,7 @@ const C5 = UD, x = ({
   className: i = "",
   ...d
 }) => {
-  if (p0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  if (g0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [a]), !a) return null;
   const f = {
@@ -35764,8 +35744,8 @@ const C5 = UD, x = ({
   className: n = "",
   ...c
 }) => {
-  const [u, s] = I(!1), i = g5(null);
-  p0(() => {
+  const [u, s] = H(!1), i = ge(null);
+  g0(() => {
     const f = (w) => {
       i.current && !i.current.contains(w.target) && s(!1);
     };
@@ -35918,31 +35898,31 @@ const C5 = UD, x = ({
   // Layout / styles (overrideable)
   className: E = "",
   style: A,
-  leftClassName: S = "",
+  leftClassName: V = "",
   leftStyle: C,
-  rightClassName: T = "",
+  rightClassName: W = "",
   rightStyle: _,
   saludoFechaContainerClassName: q = "",
   saludoFechaContainerStyle: y,
-  inicioContainerClassName: L = "",
-  inicioContainerStyle: z,
+  inicioContainerClassName: B = "",
+  inicioContainerStyle: U,
   inicioTextClassName: K = "",
-  inicioTextStyle: D,
+  inicioTextStyle: S,
   inicioIconClassName: G = "",
-  inicioIconStyle: t0,
+  inicioIconStyle: n0,
   greetingClassName: J = "",
   greetingStyle: $,
-  greetingPrefix: F = "¡",
+  greetingPrefix: O = "¡",
   greetingSuffix: Q = "!",
-  nameClassName: l0 = "",
+  nameClassName: t0 = "",
   nameStyle: f0,
-  dateTextClassName: x0 = "",
-  dateTextStyle: w0,
+  dateTextClassName: b0 = "",
+  dateTextStyle: x0,
   ...M0
 }) => {
-  const m0 = n ? xN(t) : null;
-  let r0 = "";
-  return m0 && (typeof j == "function" ? r0 = j(m0, { locale: M, dateOptions: g }) : r0 = new Intl.DateTimeFormat(M, g).format(m0), p && (r0 = RN(r0))), /* @__PURE__ */ l.jsxs(
+  const h0 = n ? xN(t) : null;
+  let a0 = "";
+  return h0 && (typeof j == "function" ? a0 = j(h0, { locale: M, dateOptions: g }) : a0 = new Intl.DateTimeFormat(M, g).format(h0), p && (a0 = RN(a0))), /* @__PURE__ */ l.jsxs(
     "div",
     {
       className: `w-full ${E}`,
@@ -35972,11 +35952,11 @@ const C5 = UD, x = ({
           c && /* @__PURE__ */ l.jsxs(
             "div",
             {
-              className: `scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${L}`,
+              className: `scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${B}`,
               style: {
                 // Mantener "Inicio" alineado al mismo borde que "Hola" (padding-left del contenedor inferior)
                 paddingLeft: "8px",
-                ...z || {}
+                ...U || {}
               },
               children: [
                 /* @__PURE__ */ l.jsx(
@@ -35993,7 +35973,7 @@ const C5 = UD, x = ({
                       lineHeight: "20px",
                       letterSpacing: "0%",
                       verticalAlign: "middle",
-                      ...D || {}
+                      ...S || {}
                     },
                     children: u
                   }
@@ -36009,7 +35989,7 @@ const C5 = UD, x = ({
                       color: "#223B40",
                       opacity: 1,
                       transform: "rotate(0deg)",
-                      ...t0 || {}
+                      ...n0 || {}
                     }
                   }
                 ) : null
@@ -36035,7 +36015,7 @@ const C5 = UD, x = ({
                 ...y || {}
               },
               children: [
-                /* @__PURE__ */ l.jsx("div", { className: `scfd-greeting-wrapper min-w-0 ${S}`, style: C, children: /* @__PURE__ */ l.jsxs(
+                /* @__PURE__ */ l.jsx("div", { className: `scfd-greeting-wrapper min-w-0 ${V}`, style: C, children: /* @__PURE__ */ l.jsxs(
                   Z,
                   {
                     variant: "h5",
@@ -36067,7 +36047,7 @@ const C5 = UD, x = ({
                             color: "#223B40"
                           },
                           children: [
-                            F,
+                            O,
                             r
                           ]
                         }
@@ -36077,7 +36057,7 @@ const C5 = UD, x = ({
                         /* @__PURE__ */ l.jsx(
                           "span",
                           {
-                            className: l0,
+                            className: t0,
                             style: {
                               display: "inline-block",
                               verticalAlign: "middle",
@@ -36098,13 +36078,13 @@ const C5 = UD, x = ({
                     ]
                   }
                 ) }),
-                n && r0 ? /* @__PURE__ */ l.jsx("div", { className: `scfd-date flex items-center flex-shrink-0 ${T}`, style: _, children: /* @__PURE__ */ l.jsx(
+                n && a0 ? /* @__PURE__ */ l.jsx("div", { className: `scfd-date flex items-center flex-shrink-0 ${W}`, style: _, children: /* @__PURE__ */ l.jsx(
                   Z,
                   {
                     variant: "body-lg",
-                    className: `color-gray-600 ${x0}`,
-                    style: w0,
-                    children: r0
+                    className: `color-gray-600 ${b0}`,
+                    style: x0,
+                    children: a0
                   }
                 ) }) : null
               ]
@@ -36992,7 +36972,7 @@ const C5 = UD, x = ({
   className: s = "",
   ...i
 }) => {
-  const { t: d } = b0(), f = a.map((h) => {
+  const { t: d } = p0(), f = a.map((h) => {
     const M = h.translationKey ? d(h.translationKey) : h.label || h.headerName;
     return {
       ...h,
@@ -37029,8 +37009,8 @@ const C5 = UD, x = ({
     // Personalizar mensaje de sin datos si se proporciona
     ...n && { noRowsLabel: n }
   };
-  return /* @__PURE__ */ l.jsx(Y5, { className: s, sx: { height: 400, width: "100%" }, children: /* @__PURE__ */ l.jsx(
-    X5,
+  return /* @__PURE__ */ l.jsx(Ye, { className: s, sx: { height: 400, width: "100%" }, children: /* @__PURE__ */ l.jsx(
+    Xe,
     {
       rows: r,
       columns: v,
@@ -37576,7 +37556,7 @@ const C5 = UD, x = ({
   ...c
 }) => a.length === 0 ? null : /* @__PURE__ */ l.jsx("div", { className: `flex flex-wrap gap-2 ${n}`, ...c, children: a.map((u, s) => {
   const i = typeof u == "string" ? u : u.label, d = typeof u == "string" ? t : u.variant || t;
-  return /* @__PURE__ */ l.jsxs(ee, { variant: d, children: [
+  return /* @__PURE__ */ l.jsxs(e5, { variant: d, children: [
     i,
     r && /* @__PURE__ */ l.jsx(
       "button",
@@ -37602,7 +37582,7 @@ const C5 = UD, x = ({
   labelStyle: v,
   ...b
 }) => {
-  const [h, M] = I(!1), g = i === "hexa-login", p = `
+  const [h, M] = H(!1), g = i === "hexa-login", p = `
     ${g ? "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"}
     ${g ? "" : c ? "border-red-500" : "border-gray-300"}
     ${f}
@@ -37676,17 +37656,17 @@ const C5 = UD, x = ({
   className: h = "",
   ...M
 }) => {
-  const { t: g } = b0(), j = a === "hexa-login", [p, E] = I({
+  const { t: g } = p0(), j = a === "hexa-login", [p, E] = H({
     email: "",
     password: "",
     rememberMe: !1
-  }), [A, S] = I({}), C = (y, L) => {
-    E((z) => ({ ...z, [y]: L })), A[y] && S((z) => ({ ...z, [y]: null }));
-  }, T = (y) => {
+  }), [A, V] = H({}), C = (y, B) => {
+    E((U) => ({ ...U, [y]: B })), A[y] && V((U) => ({ ...U, [y]: null }));
+  }, W = (y) => {
     y.preventDefault();
-    const L = {};
-    if (p.email || (L.email = g("form.email") + " is required"), p.password || (L.password = g("form.password") + " is required"), Object.keys(L).length > 0) {
-      S(L);
+    const B = {};
+    if (p.email || (B.email = g("form.email") + " is required"), p.password || (B.password = g("form.password") + " is required"), Object.keys(B).length > 0) {
+      V(B);
       return;
     }
     r && r(p);
@@ -37711,7 +37691,7 @@ const C5 = UD, x = ({
         background: "#FFFFFF",
         boxShadow: "0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A"
       },
-      children: /* @__PURE__ */ l.jsxs("form", { onSubmit: T, className: h, ...M, children: [
+      children: /* @__PURE__ */ l.jsxs("form", { onSubmit: W, className: h, ...M, children: [
         /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
           /* @__PURE__ */ l.jsx(
             "label",
@@ -37963,7 +37943,7 @@ const C5 = UD, x = ({
   ) : /* @__PURE__ */ l.jsxs(
     "form",
     {
-      onSubmit: T,
+      onSubmit: W,
       className: `max-w-md mx-auto bg-white p-6 rounded-lg shadow-md ${h}`,
       ...M,
       children: [
@@ -38012,11 +37992,11 @@ const C5 = UD, x = ({
   className: r = "",
   ...t
 }) => {
-  const { t: n } = b0(), [c, u] = I({
+  const { t: n } = p0(), [c, u] = H({
     currentPassword: "",
     newPassword: "",
     confirmPassword: ""
-  }), [s, i] = I({}), [d, f] = I(!1), w = (b, h) => {
+  }), [s, i] = H({}), [d, f] = H(!1), w = (b, h) => {
     u((M) => ({ ...M, [b]: h })), s[b] && i((M) => ({ ...M, [b]: null })), f(!1);
   }, v = (b) => {
     b.preventDefault();
@@ -38095,25 +38075,25 @@ const C5 = UD, x = ({
   variant: u = "default",
   ...s
 }) => {
-  const { t: i } = b0(), [d, f] = I(""), [w, v] = I({}), [b, h] = I(!1), [M, g] = I(null), [j, p] = I(null), E = t !== void 0 ? t : b, A = n !== void 0 ? n : j, S = (y) => y && y.includes("@"), C = (y) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(y), T = () => {
+  const { t: i } = p0(), [d, f] = H(""), [w, v] = H({}), [b, h] = H(!1), [M, g] = H(null), [j, p] = H(null), E = t !== void 0 ? t : b, A = n !== void 0 ? n : j, V = (y) => y && y.includes("@"), C = (y) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(y), W = () => {
     const y = {};
     return d ? C(d) || (y.email = i("errors.invalidEmail") ?? "El mail ingresado no es válido") : y.email = i("errors.required") ?? "Este campo es obligatorio", v(y), Object.keys(y).length === 0;
   }, _ = (y) => {
-    const L = y.target.value;
-    f(L), w.email && v((z) => ({ ...z, email: null })), j && p(null);
+    const B = y.target.value;
+    f(B), w.email && v((U) => ({ ...U, email: null })), j && p(null);
   }, q = async (y) => {
-    if (y.preventDefault(), !!T()) {
+    if (y.preventDefault(), !!W()) {
       if (!r) {
         console.warn("ForgotPassword: onSubmit prop is required");
         return;
       }
       t === void 0 && h(!0), v({}), p(null);
       try {
-        const L = await r({ email: d, countryCode: null });
-        L?.resetLink ? g(L.resetLink) : g("success");
-      } catch (L) {
-        let z = i("forgotPassword.errors.sendFailed") ?? "Error al enviar el link. Intenta nuevamente.";
-        L?.response?.status === 404 ? z = L?.response?.data?.message || L?.message || "No se encontró una cuenta asociada a este correo electrónico. Por favor, verifica que el correo esté correcto." : L?.response?.status === 400 ? z = L?.response?.data?.message || L?.message || "El correo electrónico ingresado no es válido." : L?.response?.status >= 500 ? z = "Error del servidor. Por favor, intenta más tarde." : L?.message && (z = L.message), n === void 0 && p(z);
+        const B = await r({ email: d, countryCode: null });
+        B?.resetLink ? g(B.resetLink) : g("success");
+      } catch (B) {
+        let U = i("forgotPassword.errors.sendFailed") ?? "Error al enviar el link. Intenta nuevamente.";
+        B?.response?.status === 404 ? U = B?.response?.data?.message || B?.message || "No se encontró una cuenta asociada a este correo electrónico. Por favor, verifica que el correo esté correcto." : B?.response?.status === 400 ? U = B?.response?.data?.message || B?.message || "El correo electrónico ingresado no es válido." : B?.response?.status >= 500 ? U = "Error del servidor. Por favor, intenta más tarde." : B?.message && (U = B.message), n === void 0 && p(U);
       } finally {
         t === void 0 && h(!1);
       }
@@ -38312,7 +38292,7 @@ const C5 = UD, x = ({
                   tamaño: "Default",
                   type: "submit",
                   className: "w-full",
-                  disabled: E || !S(d),
+                  disabled: E || !V(d),
                   children: /* @__PURE__ */ l.jsx(
                     "span",
                     {
@@ -38344,10 +38324,10 @@ const C5 = UD, x = ({
   className: c = "",
   ...u
 }) => {
-  const { t: s } = b0(), [i, d] = I(""), f = g5(null), w = () => {
+  const { t: s } = p0(), [i, d] = H(""), f = ge(null), w = () => {
     f.current?.scrollIntoView({ behavior: "smooth" });
   };
-  p0(() => {
+  g0(() => {
     w();
   }, [r]);
   const v = (h) => {
@@ -38603,7 +38583,7 @@ const C5 = UD, x = ({
     }
   }
 };
-f5.use(G5).init({
+fe.use(Ge).init({
   resources: BN,
   lng: "es-AR",
   fallbackLng: "es-AR",
@@ -38611,13 +38591,13 @@ f5.use(G5).init({
     escapeValue: !1
   }
 });
-const BP = ({ children: a, language: r = "es-AR" }) => (f5.language !== r && f5.changeLanguage(r), /* @__PURE__ */ l.jsx(q5, { i18n: f5, children: a }));
+const BP = ({ children: a, language: r = "es-AR" }) => (fe.language !== r && fe.changeLanguage(r), /* @__PURE__ */ l.jsx(qe, { i18n: fe, children: a }));
 export {
   cP as Accordion,
   KD as Alert,
   pP as AreaChart,
-  n5 as Avatar,
-  ee as Badge,
+  ne as Avatar,
+  e5 as Badge,
   gP as BarChart,
   iP as Breadcrumbs,
   u0 as Button,
@@ -38654,7 +38634,7 @@ export {
   vP as LineChart,
   MP as List,
   AP as LoginForm,
-  t5 as LogoHexa,
+  te as LogoHexa,
   lP as Modal,
   tP as NavPoint,
   dP as Pagination,
@@ -38664,7 +38644,7 @@ export {
   wP as SaludoConFechaDashboard,
   zN as Select,
   QN as SidebarCore,
-  S5 as SidebarCoreMobile,
+  Se as SidebarCoreMobile,
   eP as SidebarPoint,
   JD as SidebarPointMobile,
   PN as Skeleton,