anima-ds-nucleus 1.0.4 → 1.0.6

package/dist/anima-ds.esm.js

@@ -1,14 +1,14 @@
 import * as e from "react";
-import a5, { useState as I, useEffect as l0, useRef as r5, useMemo as t0 } from "react";
-import { useTranslation as q, initReactI18next as V5, I18nextProvider as S5 } from "react-i18next";
+import a5, { useState as I, useEffect as t0, useRef as r5, useMemo as o0 } from "react";
+import { useTranslation as _, initReactI18next as V5, I18nextProvider as S5 } from "react-i18next";
 import { DataGrid as D5 } from "@mui/x-data-grid";
 import { Box as N5 } from "@mui/material";
-import o0 from "react-apexcharts";
-import b0 from "i18next";
-var p0 = { exports: {} }, d0 = {};
+import c0 from "react-apexcharts";
+import E0 from "i18next";
+var R0 = { exports: {} }, u0 = {};
 var _0;
 function P5() {
-  if (_0) return d0;
+  if (_0) return u0;
   _0 = 1;
   var a = a5, r = Symbol.for("react.element"), l = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(u, d, f) {
@@ -18,57 +18,57 @@ function P5() {
     if (u && u.defaultProps) for (w in d = u.defaultProps, d) h[w] === void 0 && (h[w] = d[w]);
     return { $$typeof: r, type: u, key: g, ref: v, props: h, _owner: c.current };
   }
-  return d0.Fragment = l, d0.jsx = i, d0.jsxs = i, d0;
+  return u0.Fragment = l, u0.jsx = i, u0.jsxs = i, u0;
 }
-var s0 = {};
+var w0 = {};
 var X0;
 function W5() {
   return X0 || (X0 = 1, process.env.NODE_ENV !== "production" && (function() {
-    var a = a5, r = Symbol.for("react.element"), l = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), A = Symbol.iterator, R = "@@iterator";
+    var a = a5, r = Symbol.for("react.element"), l = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), A = Symbol.iterator, L = "@@iterator";
     function M(o) {
       if (o === null || typeof o != "object")
         return null;
-      var m = A && o[A] || o[R];
+      var m = A && o[A] || o[L];
       return typeof m == "function" ? m : null;
     }
-    var C = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var R = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(o) {
       {
         for (var m = arguments.length, p = new Array(m > 1 ? m - 1 : 0), x = 1; x < m; x++)
           p[x - 1] = arguments[x];
-        N("error", o, p);
+        k("error", o, p);
       }
     }
-    function N(o, m, p) {
+    function k(o, m, p) {
       {
-        var x = C.ReactDebugCurrentFrame, B = x.getStackAddendum();
+        var x = R.ReactDebugCurrentFrame, B = x.getStackAddendum();
         B !== "" && (m += "%s", p = p.concat([B]));
-        var L = p.map(function(j) {
+        var O = p.map(function(j) {
           return String(j);
         });
-        L.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, L);
+        O.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, O);
       }
     }
-    var X = !1, V = !1, F = !1, G = !1, k = !1, U;
-    U = Symbol.for("react.module.reference");
-    function R0(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === s || k || o === c || o === f || o === w || G || o === v || X || V || F || typeof o == "object" && o !== null && (o.$$typeof === g || o.$$typeof === h || o.$$typeof === i || o.$$typeof === u || o.$$typeof === d || // This needs to include all possible module reference object
+    var W = !1, Y = !1, q = !1, S = !1, V = !1, T;
+    T = Symbol.for("react.module.reference");
+    function C(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === n || o === s || V || o === c || o === f || o === w || S || o === v || W || Y || q || typeof o == "object" && o !== null && (o.$$typeof === g || o.$$typeof === h || o.$$typeof === i || o.$$typeof === u || 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 === U || o.getModuleId !== void 0));
+      o.$$typeof === T || o.getModuleId !== void 0));
     }
-    function k0(o, m, p) {
+    function i0(o, m, p) {
       var x = o.displayName;
       if (x)
         return x;
       var B = m.displayName || m.name || "";
       return B !== "" ? p + "(" + B + ")" : p;
     }
-    function c0(o) {
+    function d0(o) {
       return o.displayName || "Context";
     }
-    function W(o) {
+    function U(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")
@@ -93,19 +93,19 @@ function W5() {
         switch (o.$$typeof) {
           case u:
             var m = o;
-            return c0(m) + ".Consumer";
+            return d0(m) + ".Consumer";
           case i:
             var p = o;
-            return c0(p._context) + ".Provider";
+            return d0(p._context) + ".Provider";
           case d:
-            return k0(o, o.render, "ForwardRef");
+            return i0(o, o.render, "ForwardRef");
           case h:
             var x = o.displayName || null;
-            return x !== null ? x : W(o.type) || "Memo";
+            return x !== null ? x : U(o.type) || "Memo";
           case g: {
-            var B = o, L = B._payload, j = B._init;
+            var B = o, O = B._payload, j = B._init;
             try {
-              return W(j(L));
+              return U(j(O));
             } catch {
               return null;
             }
@@ -113,14 +113,14 @@ function W5() {
         }
       return null;
     }
-    var z = Object.assign, Y = 0, w0, $, _, K, Q, f0, B0;
+    var G = Object.assign, K = 0, h0, $, X, Q, J, m0, B0;
     function L0() {
     }
     L0.__reactDisabledLog = !0;
     function s5() {
       {
-        if (Y === 0) {
-          w0 = console.log, $ = console.info, _ = console.warn, K = console.error, Q = console.group, f0 = console.groupCollapsed, B0 = console.groupEnd;
+        if (K === 0) {
+          h0 = console.log, $ = console.info, X = console.warn, Q = console.error, J = console.group, m0 = console.groupCollapsed, B0 = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -137,77 +137,77 @@ function W5() {
             groupEnd: o
           });
         }
-        Y++;
+        K++;
       }
     }
     function u5() {
       {
-        if (Y--, Y === 0) {
+        if (K--, K === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: z({}, o, {
-              value: w0
+            log: G({}, o, {
+              value: h0
             }),
-            info: z({}, o, {
+            info: G({}, o, {
               value: $
             }),
-            warn: z({}, o, {
-              value: _
+            warn: G({}, o, {
+              value: X
             }),
-            error: z({}, o, {
-              value: K
-            }),
-            group: z({}, o, {
+            error: G({}, o, {
               value: Q
             }),
-            groupCollapsed: z({}, o, {
-              value: f0
+            group: G({}, o, {
+              value: J
+            }),
+            groupCollapsed: G({}, o, {
+              value: m0
             }),
-            groupEnd: z({}, o, {
+            groupEnd: G({}, o, {
               value: B0
             })
           });
         }
-        Y < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        K < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var E0 = C.ReactCurrentDispatcher, x0;
-    function h0(o, m, p) {
+    var x0 = R.ReactCurrentDispatcher, Z0;
+    function v0(o, m, p) {
       {
-        if (x0 === void 0)
+        if (Z0 === void 0)
           try {
             throw Error();
           } catch (B) {
             var x = B.stack.trim().match(/\n( *(at )?)/);
-            x0 = x && x[1] || "";
+            Z0 = x && x[1] || "";
           }
         return `
-` + x0 + o;
+` + Z0 + o;
       }
     }
-    var Z0 = !1, m0;
+    var M0 = !1, g0;
     {
       var w5 = typeof WeakMap == "function" ? WeakMap : Map;
-      m0 = new w5();
+      g0 = new w5();
     }
     function O0(o, m) {
-      if (!o || Z0)
+      if (!o || M0)
         return "";
       {
-        var p = m0.get(o);
+        var p = g0.get(o);
         if (p !== void 0)
           return p;
       }
       var x;
-      Z0 = !0;
+      M0 = !0;
       var B = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var L;
-      L = E0.current, E0.current = null, s5();
+      var O;
+      O = x0.current, x0.current = null, s5();
       try {
         if (m) {
           var j = function() {
@@ -220,50 +220,50 @@ function W5() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(j, []);
-            } catch (D) {
-              x = D;
+            } catch (N) {
+              x = N;
             }
             Reflect.construct(o, [], j);
           } else {
             try {
               j.call();
-            } catch (D) {
-              x = D;
+            } catch (N) {
+              x = N;
             }
             o.call(j.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (D) {
-            x = D;
+          } catch (N) {
+            x = N;
           }
           o();
         }
-      } catch (D) {
-        if (D && x && typeof D.stack == "string") {
-          for (var y = D.stack.split(`
-`), S = x.stack.split(`
-`), O = y.length - 1, H = S.length - 1; O >= 1 && H >= 0 && y[O] !== S[H]; )
+      } catch (N) {
+        if (N && x && typeof N.stack == "string") {
+          for (var y = N.stack.split(`
+`), D = x.stack.split(`
+`), F = y.length - 1, H = D.length - 1; F >= 1 && H >= 0 && y[F] !== D[H]; )
             H--;
-          for (; O >= 1 && H >= 0; O--, H--)
-            if (y[O] !== S[H]) {
-              if (O !== 1 || H !== 1)
+          for (; F >= 1 && H >= 0; F--, H--)
+            if (y[F] !== D[H]) {
+              if (F !== 1 || H !== 1)
                 do
-                  if (O--, H--, H < 0 || y[O] !== S[H]) {
+                  if (F--, H--, H < 0 || y[F] !== D[H]) {
                     var P = `
-` + y[O].replace(" at new ", " at ");
-                    return o.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", o.displayName)), typeof o == "function" && m0.set(o, P), P;
+` + y[F].replace(" at new ", " at ");
+                    return o.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", o.displayName)), typeof o == "function" && g0.set(o, P), P;
                   }
-                while (O >= 1 && H >= 0);
+                while (F >= 1 && H >= 0);
               break;
             }
         }
       } finally {
-        Z0 = !1, E0.current = L, u5(), Error.prepareStackTrace = B;
+        M0 = !1, x0.current = O, u5(), Error.prepareStackTrace = B;
       }
-      var a0 = o ? o.displayName || o.name : "", J = a0 ? h0(a0) : "";
-      return typeof o == "function" && m0.set(o, J), J;
+      var n0 = o ? o.displayName || o.name : "", e0 = n0 ? v0(n0) : "";
+      return typeof o == "function" && g0.set(o, e0), e0;
     }
     function f5(o, m, p) {
       return O0(o, !1);
@@ -272,64 +272,64 @@ function W5() {
       var m = o.prototype;
       return !!(m && m.isReactComponent);
     }
-    function v0(o, m, p) {
+    function p0(o, m, p) {
       if (o == null)
         return "";
       if (typeof o == "function")
         return O0(o, h5(o));
       if (typeof o == "string")
-        return h0(o);
+        return v0(o);
       switch (o) {
         case f:
-          return h0("Suspense");
+          return v0("Suspense");
         case w:
-          return h0("SuspenseList");
+          return v0("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
           case d:
             return f5(o.render);
           case h:
-            return v0(o.type, m, p);
+            return p0(o.type, m, p);
           case g: {
-            var x = o, B = x._payload, L = x._init;
+            var x = o, B = x._payload, O = x._init;
             try {
-              return v0(L(B), m, p);
+              return p0(O(B), m, p);
             } catch {
             }
           }
         }
       return "";
     }
-    var i0 = Object.prototype.hasOwnProperty, F0 = {}, H0 = C.ReactDebugCurrentFrame;
-    function g0(o) {
+    var s0 = Object.prototype.hasOwnProperty, F0 = {}, H0 = R.ReactDebugCurrentFrame;
+    function b0(o) {
       if (o) {
-        var m = o._owner, p = v0(o.type, o._source, m ? m.type : null);
+        var m = o._owner, p = p0(o.type, o._source, m ? m.type : null);
         H0.setExtraStackFrame(p);
       } else
         H0.setExtraStackFrame(null);
     }
     function m5(o, m, p, x, B) {
       {
-        var L = Function.call.bind(i0);
+        var O = Function.call.bind(s0);
         for (var j in o)
-          if (L(o, j)) {
+          if (O(o, j)) {
             var y = void 0;
             try {
               if (typeof o[j] != "function") {
-                var S = Error((x || "React class") + ": " + p + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw S.name = "Invariant Violation", S;
+                var D = Error((x || "React class") + ": " + p + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw D.name = "Invariant Violation", D;
               }
               y = o[j](m, j, x, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (O) {
-              y = O;
+            } catch (F) {
+              y = F;
             }
-            y && !(y instanceof Error) && (g0(B), 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).", x || "React class", p, j, typeof y), g0(null)), y instanceof Error && !(y.message in F0) && (F0[y.message] = !0, g0(B), E("Failed %s type: %s", p, y.message), g0(null));
+            y && !(y instanceof Error) && (b0(B), 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).", x || "React class", p, j, typeof y), b0(null)), y instanceof Error && !(y.message in F0) && (F0[y.message] = !0, b0(B), E("Failed %s type: %s", p, y.message), b0(null));
           }
       }
     }
     var v5 = Array.isArray;
-    function M0(o) {
+    function A0(o) {
       return v5(o);
     }
     function g5(o) {
@@ -352,14 +352,14 @@ function W5() {
       if (p5(o))
         return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", g5(o)), I0(o);
     }
-    var S0 = C.ReactCurrentOwner, b5 = {
+    var S0 = R.ReactCurrentOwner, b5 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, D0, N0;
     function R5(o) {
-      if (i0.call(o, "ref")) {
+      if (s0.call(o, "ref")) {
         var m = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (m && m.isReactWarning)
           return !1;
@@ -367,7 +367,7 @@ function W5() {
       return o.ref !== void 0;
     }
     function E5(o) {
-      if (i0.call(o, "key")) {
+      if (s0.call(o, "key")) {
         var m = Object.getOwnPropertyDescriptor(o, "key").get;
         if (m && m.isReactWarning)
           return !1;
@@ -399,7 +399,7 @@ function W5() {
         });
       }
     }
-    var A5 = function(o, m, p, x, B, L, j) {
+    var A5 = function(o, m, p, x, B, O, j) {
       var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -409,7 +409,7 @@ function W5() {
         ref: p,
         props: j,
         // Record the component responsible for creating this element.
-        _owner: L
+        _owner: O
       };
       return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
@@ -430,39 +430,39 @@ function W5() {
     };
     function C5(o, m, p, x, B) {
       {
-        var L, j = {}, y = null, S = null;
-        p !== void 0 && (V0(p), y = "" + p), E5(m) && (V0(m.key), y = "" + m.key), R5(m) && (S = m.ref, x5(m, B));
-        for (L in m)
-          i0.call(m, L) && !b5.hasOwnProperty(L) && (j[L] = m[L]);
+        var O, j = {}, y = null, D = null;
+        p !== void 0 && (V0(p), y = "" + p), E5(m) && (V0(m.key), y = "" + m.key), R5(m) && (D = m.ref, x5(m, B));
+        for (O in m)
+          s0.call(m, O) && !b5.hasOwnProperty(O) && (j[O] = m[O]);
         if (o && o.defaultProps) {
-          var O = o.defaultProps;
-          for (L in O)
-            j[L] === void 0 && (j[L] = O[L]);
+          var F = o.defaultProps;
+          for (O in F)
+            j[O] === void 0 && (j[O] = F[O]);
         }
-        if (y || S) {
+        if (y || D) {
           var H = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          y && Z5(j, H), S && M5(j, H);
+          y && Z5(j, H), D && M5(j, H);
         }
-        return A5(o, y, S, B, x, S0.current, j);
+        return A5(o, y, D, B, x, S0.current, j);
       }
     }
-    var A0 = C.ReactCurrentOwner, P0 = C.ReactDebugCurrentFrame;
-    function e0(o) {
+    var C0 = R.ReactCurrentOwner, P0 = R.ReactDebugCurrentFrame;
+    function r0(o) {
       if (o) {
-        var m = o._owner, p = v0(o.type, o._source, m ? m.type : null);
+        var m = o._owner, p = p0(o.type, o._source, m ? m.type : null);
         P0.setExtraStackFrame(p);
       } else
         P0.setExtraStackFrame(null);
     }
-    var C0;
-    C0 = !1;
-    function y0(o) {
+    var y0;
+    y0 = !1;
+    function $0(o) {
       return typeof o == "object" && o !== null && o.$$typeof === r;
     }
     function W0() {
       {
-        if (A0.current) {
-          var o = W(A0.current.type);
+        if (C0.current) {
+          var o = U(C0.current.type);
           if (o)
             return `
 
@@ -497,25 +497,25 @@ Check the top-level render call using <` + p + ">.");
           return;
         T0[p] = !0;
         var x = "";
-        o && o._owner && o._owner !== A0.current && (x = " It was passed a child from " + W(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.', p, x), e0(null);
+        o && o._owner && o._owner !== C0.current && (x = " It was passed a child from " + U(o._owner.type) + "."), r0(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.', p, x), r0(null);
       }
     }
     function z0(o, m) {
       {
         if (typeof o != "object")
           return;
-        if (M0(o))
+        if (A0(o))
           for (var p = 0; p < o.length; p++) {
             var x = o[p];
-            y0(x) && U0(x, m);
+            $0(x) && U0(x, m);
           }
-        else if (y0(o))
+        else if ($0(o))
           o._store && (o._store.validated = !0);
         else if (o) {
           var B = M(o);
           if (typeof B == "function" && B !== o.entries)
-            for (var L = B.call(o), j; !(j = L.next()).done; )
-              y0(j.value) && U0(j.value, m);
+            for (var O = B.call(o), j; !(j = O.next()).done; )
+              $0(j.value) && U0(j.value, m);
         }
       }
     }
@@ -534,11 +534,11 @@ Check the top-level render call using <` + p + ">.");
         else
           return;
         if (p) {
-          var x = W(m);
+          var x = U(m);
           m5(p, o.props, "prop", x, o);
-        } else if (m.PropTypes !== void 0 && !C0) {
-          C0 = !0;
-          var B = W(m);
+        } else if (m.PropTypes !== void 0 && !y0) {
+          y0 = !0;
+          var B = U(m);
           E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "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.");
@@ -549,53 +549,53 @@ Check the top-level render call using <` + p + ">.");
         for (var m = Object.keys(o.props), p = 0; p < m.length; p++) {
           var x = m[p];
           if (x !== "children" && x !== "key") {
-            e0(o), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), e0(null);
+            r0(o), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), r0(null);
             break;
           }
         }
-        o.ref !== null && (e0(o), E("Invalid attribute `ref` supplied to `React.Fragment`."), e0(null));
+        o.ref !== null && (r0(o), E("Invalid attribute `ref` supplied to `React.Fragment`."), r0(null));
       }
     }
     var q0 = {};
-    function G0(o, m, p, x, B, L) {
+    function G0(o, m, p, x, B, O) {
       {
-        var j = R0(o);
+        var j = C(o);
         if (!j) {
           var y = "";
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (y += " 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 S = y5();
-          S ? y += S : y += W0();
-          var O;
-          o === null ? O = "null" : M0(o) ? O = "array" : o !== void 0 && o.$$typeof === r ? (O = "<" + (W(o.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : O = 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", O, y);
+          var D = y5();
+          D ? y += D : y += W0();
+          var F;
+          o === null ? F = "null" : A0(o) ? F = "array" : o !== void 0 && o.$$typeof === r ? (F = "<" + (U(o.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : F = 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", F, y);
         }
-        var H = C5(o, m, p, B, L);
+        var H = C5(o, m, p, B, O);
         if (H == null)
           return H;
         if (j) {
           var P = m.children;
           if (P !== void 0)
             if (x)
-              if (M0(P)) {
-                for (var a0 = 0; a0 < P.length; a0++)
-                  z0(P[a0], o);
+              if (A0(P)) {
+                for (var n0 = 0; n0 < P.length; n0++)
+                  z0(P[n0], o);
                 Object.freeze && Object.freeze(P);
               } 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
               z0(P, o);
         }
-        if (i0.call(m, "key")) {
-          var J = W(o), D = Object.keys(m).filter(function(I5) {
+        if (s0.call(m, "key")) {
+          var e0 = U(o), N = Object.keys(m).filter(function(I5) {
             return I5 !== "key";
-          }), $0 = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!q0[J + $0]) {
-            var H5 = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
+          }), j0 = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!q0[e0 + j0]) {
+            var H5 = N.length > 0 ? "{" + N.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} />`, $0, J, H5, J), q0[J + $0] = !0;
+  <%s key={someKey} {...props} />`, j0, e0, H5, e0), q0[e0 + j0] = !0;
           }
         }
         return o === n ? k5(H) : j5(H), H;
@@ -608,15 +608,15 @@ React keys must be passed directly to JSX without using spread:
       return G0(o, m, p, !1);
     }
     var O5 = L5, F5 = B5;
-    s0.Fragment = n, s0.jsx = O5, s0.jsxs = F5;
-  })()), s0;
+    w0.Fragment = n, w0.jsx = O5, w0.jsxs = F5;
+  })()), w0;
 }
 var Y0;
 function T5() {
-  return Y0 || (Y0 = 1, process.env.NODE_ENV === "production" ? p0.exports = P5() : p0.exports = W5()), p0.exports;
+  return Y0 || (Y0 = 1, process.env.NODE_ENV === "production" ? R0.exports = P5() : R0.exports = W5()), R0.exports;
 }
 var t = T5();
-const T = ({
+const z = ({
   texto: a,
   children: r,
   tipo: l,
@@ -640,7 +640,7 @@ const T = ({
     Grape: "#ffffff",
     Honey: "#374151"
     // gray-700 (gris oscuro/carbón)
-  }, R = {
+  }, L = {
     Teal: v.Teal,
     Grape: v.Grape,
     Honey: "#80501F"
@@ -650,7 +650,7 @@ const T = ({
     Grape: v.Grape,
     Honey: "#80501F"
     // marrón medio-oscuro para Ghost (igual que Secondary)
-  }, C = {
+  }, R = {
     Teal: v.Teal,
     Grape: v.Grape,
     Honey: "#6E4D11"
@@ -662,16 +662,16 @@ const T = ({
     // gray-400
     background: "#F3F4F6"
     // gray-100
-  }, N = v[c] || v.Teal, [X, V] = I(!1), F = d, G = "font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", k = {
+  }, k = v[c] || v.Teal, [W, Y] = I(!1), q = d, S = "font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", V = {
     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"
-  }, U = ($, _ = 1) => {
-    const K = parseInt($.slice(1, 3), 16), Q = parseInt($.slice(3, 5), 16), f0 = parseInt($.slice(5, 7), 16);
-    return `rgba(${K}, ${Q}, ${f0}, ${_})`;
-  }, R0 = () => {
+  }, T = ($, X = 1) => {
+    const Q = parseInt($.slice(1, 3), 16), J = parseInt($.slice(3, 5), 16), m0 = parseInt($.slice(5, 7), 16);
+    return `rgba(${Q}, ${J}, ${m0}, ${X})`;
+  }, C = () => {
     const $ = {};
-    if (F) {
+    if (q) {
       switch (h) {
         case "Primary":
           $.backgroundColor = E.background, $.color = E.text;
@@ -687,20 +687,20 @@ const T = ({
     }
     switch (h) {
       case "Primary":
-        $.backgroundColor = N, $.color = A[c] || "#ffffff", X && ($.opacity = "0.9");
+        $.backgroundColor = k, $.color = A[c] || "#ffffff", W && ($.opacity = "0.9");
         break;
       case "Secondary":
-        const _ = R[c] || N;
-        $.borderColor = _, $.color = _, $.borderWidth = "1px", $.borderStyle = "solid", X ? $.backgroundColor = U(_, 0.1) : $.backgroundColor = c === "Honey" || c === "Grape" ? "#ffffff" : "transparent";
+        const X = L[c] || k;
+        $.borderColor = X, $.color = X, $.borderWidth = "1px", $.borderStyle = "solid", W ? $.backgroundColor = T(X, 0.1) : $.backgroundColor = c === "Honey" || c === "Grape" ? "#ffffff" : "transparent";
         break;
       case "Ghost":
-        const K = M[c] || N, Q = C[c] || N;
-        c === "Honey" ? ($.color = Q, $.backgroundColor = "#ffffff", X && ($.backgroundColor = U(K, 0.1))) : ($.color = Q, $.backgroundColor = X ? U(K, 0.1) : "transparent");
+        const Q = M[c] || k, J = R[c] || k;
+        c === "Honey" ? ($.color = J, $.backgroundColor = "#ffffff", W && ($.backgroundColor = T(Q, 0.1))) : ($.color = J, $.backgroundColor = W ? T(Q, 0.1) : "transparent");
         break;
     }
     return $;
-  }, c0 = (() => {
-    if (F)
+  }, d0 = (() => {
+    if (q)
       switch (h) {
         case "Primary":
           return {
@@ -745,25 +745,25 @@ const T = ({
           disabled: "opacity-50 cursor-not-allowed"
         };
     }
-  })(), W = k[s] || k.Default, z = R0(), Y = `
-    ${G}
-    ${W}
-    ${c0.base}
-    ${F ? c0.disabled : "cursor-pointer"}
+  })(), U = V[s] || V.Default, G = C(), K = `
+    ${S}
+    ${U}
+    ${d0.base}
+    ${q ? d0.disabled : "cursor-pointer"}
     ${f}
-  `.trim().replace(/\s+/g, " "), w0 = ($) => {
-    !F && i && i($);
+  `.trim().replace(/\s+/g, " "), h0 = ($) => {
+    !q && i && i($);
   };
   return /* @__PURE__ */ t.jsx(
     "button",
     {
       type: u,
-      className: Y,
-      style: z,
-      disabled: F,
-      onClick: w0,
-      onMouseEnter: () => !F && V(!0),
-      onMouseLeave: () => V(!1),
+      className: K,
+      style: G,
+      disabled: q,
+      onClick: h0,
+      onMouseEnter: () => !q && Y(!0),
+      onMouseLeave: () => Y(!1),
       ...w,
       children: g
     }
@@ -31279,15 +31279,15 @@ const BD = /* @__PURE__ */ e.forwardRef(kD), o5 = /* @__PURE__ */ Object.freeze(
     { name: "modules-time", component: "ClockIcon" }
   ],
   nuevos: [{ name: "nuevos-eye", component: "EyeIcon" }]
-}, Q0 = Object.values(OD).flat().reduce((a, r) => (a[r.name] = r.component, a), {}), u0 = [
+}, Q0 = Object.values(OD).flat().reduce((a, r) => (a[r.name] = r.component, a), {}), f0 = [
   { key: "24-outline", weight: 24, style: "outline", lib: n5, defaultSize: 24 },
   { key: "24-solid", weight: 24, style: "solid", lib: l5, defaultSize: 24 },
   { key: "20-solid", weight: 20, style: "solid", lib: t5, defaultSize: 20 },
   { key: "16-solid", weight: 16, style: "solid", lib: o5, defaultSize: 16 }
 ], FD = Array.from(
-  new Set(u0.flatMap(({ lib: a }) => Object.keys(a)))
+  new Set(f0.flatMap(({ lib: a }) => Object.keys(a)))
 ).sort();
-u0.map(({ key: a }) => a);
+f0.map(({ key: a }) => a);
 const HD = [
   { key: "critical", fill: "#EF4444", subtle: "#FEE2E2" },
   { key: "high", fill: "#F97316", subtle: "#FFEDD5" },
@@ -31467,8 +31467,8 @@ const e5 = FD, b = ({
   const i = ID[a];
   if (i)
     return ND(i, l ?? 18, n, c, s);
-  const u = DD(a), d = u0.find(({ key: A }) => A === r) || u0[0], f = u0.find(
-    ({ weight: A, style: R }) => A === d.weight && R !== d.style
+  const u = DD(a), d = f0.find(({ key: A }) => A === r) || f0[0], f = f0.find(
+    ({ weight: A, style: L }) => A === d.weight && L !== d.style
   ), w = d.lib[u] || (f ? f.lib[u] : null) || n5[u] || l5[u] || t5[u] || o5[u];
   if (!w)
     return console.warn(`Icon "${a}" not found in catalog`), null;
@@ -31514,7 +31514,7 @@ const e5 = FD, b = ({
       }
     )
   ] }) });
-}, j0 = ({
+}, k0 = ({
   src: a,
   alt: r = "",
   name: l,
@@ -31705,7 +31705,7 @@ const e5 = FD, b = ({
   className: s = "",
   ...i
 }) => {
-  l0(() => {
+  t0(() => {
     if (l > 0 && n) {
       const w = setTimeout(() => {
         n();
@@ -31807,7 +31807,7 @@ const e5 = FD, b = ({
       ]
     }
   );
-}, n0 = ({
+}, a0 = ({
   width: a = 36,
   height: r = 40,
   backgroundColor: l = "#2D5C63",
@@ -31837,7 +31837,7 @@ const e5 = FD, b = ({
       }
     )
   }
-), r0 = ({
+), l0 = ({
   label: a,
   placeholder: r,
   type: l = "text",
@@ -31848,7 +31848,7 @@ const e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  const { t: f } = q(), w = `
+  const { t: f } = _(), 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 e5 = FD, b = ({
   className: d = "",
   ...f
 }) => {
-  const { t: w } = q(), h = `
+  const { t: w } = _(), h = `
     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 e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  const { t: f } = q(), w = `
+  const { t: f } = _(), 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 e5 = FD, b = ({
   className: i = "",
   ...u
 }) => {
-  const { t: d } = q(), f = `
+  const { t: d } = _(), 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,11 +32086,11 @@ const e5 = FD, b = ({
   className: d = "",
   ...f
 }) => {
-  const { t: w } = q(), [h, g] = I([]), v = (R) => {
-    const M = Array.from(R.target.files);
+  const { t: w } = _(), [h, g] = I([]), v = (L) => {
+    const M = Array.from(L.target.files);
     g(M), u && u(M);
-  }, A = (R) => {
-    const M = h.filter((C, E) => E !== R);
+  }, A = (L) => {
+    const M = h.filter((R, E) => E !== L);
     g(M), u && u(M);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: `w-full ${d}`, children: [
@@ -32129,17 +32129,17 @@ const e5 = FD, b = ({
       ] }),
       /* @__PURE__ */ t.jsx("p", { className: "text-xs text-gray-500", children: "PNG, JPG, GIF hasta 10MB" })
     ] }) }),
-    h.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "mt-4 space-y-2", children: h.map((R, M) => /* @__PURE__ */ t.jsxs(
+    h.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "mt-4 space-y-2", children: h.map((L, M) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "flex items-center justify-between p-2 bg-gray-50 rounded-lg",
         children: [
           /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
             /* @__PURE__ */ t.jsx(b, { name: "DocumentIcon", className: "h-5 w-5 text-gray-400" }),
-            /* @__PURE__ */ t.jsx("span", { className: "text-sm text-gray-700", children: R.name }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-sm text-gray-700", children: L.name }),
             /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-gray-500", children: [
               "(",
-              (R.size / 1024).toFixed(2),
+              (L.size / 1024).toFixed(2),
               " KB)"
             ] })
           ] }),
@@ -32256,7 +32256,7 @@ const e5 = FD, b = ({
               "aria-label": "Perfil de usuario",
               children: [
                 /* @__PURE__ */ t.jsx(
-                  j0,
+                  k0,
                   {
                     src: l,
                     name: r,
@@ -32331,16 +32331,9 @@ const e5 = FD, b = ({
           box-shadow: 0 0 0 1px #3b82f6;
         }
         @media (max-width: 768px) {
-          .header-search-input {
-            font-size: 12px !important;
-            padding-left: 8px !important;
-            padding-right: 8px !important;
-          }
-          .header-search-icon-container {
-            width: 36px !important;
+          .header-mobile-layout {
+            display: block;
           }
-        }
-        @media (max-width: 480px) {
           .header-mobile-top-row {
             display: flex;
             align-items: center;
@@ -32353,10 +32346,18 @@ const e5 = FD, b = ({
             padding: 12px 4px 8px 4px;
           }
           .header-desktop-layout {
-            display: none;
+            display: none !important;
+          }
+          .header-mobile-layout .header-search-input {
+            font-size: 12px !important;
+            padding-left: 8px !important;
+            padding-right: 8px !important;
+          }
+          .header-mobile-layout .header-search-icon-container {
+            width: 36px !important;
           }
         }
-        @media (min-width: 481px) {
+        @media (min-width: 769px) {
           .header-mobile-layout {
             display: none;
           }
@@ -32453,7 +32454,7 @@ const e5 = FD, b = ({
                   "aria-label": "Perfil de usuario",
                   children: [
                     /* @__PURE__ */ t.jsx(
-                      j0,
+                      k0,
                       {
                         src: l,
                         name: r,
@@ -32567,7 +32568,7 @@ const e5 = FD, b = ({
                     className: "hover:bg-gray-50 rounded-lg transition-colors",
                     "aria-label": "Perfil de usuario",
                     children: /* @__PURE__ */ t.jsx(
-                      j0,
+                      k0,
                       {
                         src: l,
                         name: r || "",
@@ -32647,19 +32648,19 @@ const e5 = FD, b = ({
   buttonBackgroundColor: g = "#000000",
   buttonBorderColor: v = "#FFFFFF",
   buttonTextColor: A = "#FFFFFF",
-  className: R = "",
+  className: L = "",
   ...M
 }) => {
-  const C = l || (/* @__PURE__ */ new Date()).toLocaleDateString("es-AR", {
+  const R = l || (/* @__PURE__ */ new Date()).toLocaleDateString("es-AR", {
     weekday: "long",
     year: "numeric",
     month: "long",
     day: "numeric"
-  }), E = C.charAt(0).toUpperCase() + C.slice(1);
+  }), E = R.charAt(0).toUpperCase() + R.slice(1);
   return /* @__PURE__ */ t.jsx(
     "header",
     {
-      className: `${R}`,
+      className: `${L}`,
       style: {
         backgroundColor: s || "#FFFFFF",
         borderBottom: i ? `1px solid ${i}` : "1px solid #E5E7EB"
@@ -32675,7 +32676,7 @@ const e5 = FD, b = ({
               className: "w-8 h-8"
             }
           ) : /* @__PURE__ */ t.jsx(
-            n0,
+            a0,
             {
               width: 36,
               height: 40
@@ -32751,7 +32752,7 @@ const e5 = FD, b = ({
   };
   return /* @__PURE__ */ t.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__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ t.jsx(n0, { width: 32, height: 36 }),
+      /* @__PURE__ */ t.jsx(a0, { width: 32, height: 36 }),
       /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", style: { gap: "4px" }, children: [
         /* @__PURE__ */ t.jsx(Z, { variant: "h6", className: "font-normal", style: { color: "#2D5C63", margin: 0 }, children: a }),
         /* @__PURE__ */ t.jsx(Z, { variant: "h6", className: "font-normal", style: { color: "#2D5C63", margin: 0 }, children: r })
@@ -32826,11 +32827,15 @@ const e5 = FD, b = ({
   // Texto del footer: puede ser string "v1.0 | Powered by Nucleus" o objeto { version: "v1.0", poweredBy: "Powered by", brand: "Nucleus" }
   footerCollapsedContent: d,
   // Contenido a mostrar en el footer cuando está colapsado (puede ser string, ReactNode, o objeto con icon y text)
-  className: f = "",
-  ...w
+  coreContainerStyle: f,
+  // Estilos personalizados para el contenedor de LogoHexa y "Core"
+  coreTextStyle: w,
+  // Estilos personalizados para el texto "Core"
+  className: h = "",
+  ...g
 }) => {
-  const [h, g] = I(!1), v = () => {
-    g(!h);
+  const [v, A] = I(!1), L = () => {
+    A(!v);
   };
   return (() => {
     if (d)
@@ -32846,7 +32851,7 @@ const e5 = FD, b = ({
     /* @__PURE__ */ t.jsx("style", { children: `
         .sidebar-core-mobile {
           width: 100%;
-          transform: ${h ? "translateX(0)" : "translateX(-100%)"};
+          transform: ${v ? "translateX(0)" : "translateX(-100%)"};
           position: fixed;
           left: 0;
           top: 0;
@@ -32855,10 +32860,10 @@ const e5 = FD, b = ({
           transition: transform 0.3s ease-in-out;
         }
       ` }),
-    !h && /* @__PURE__ */ t.jsx(
+    !v && /* @__PURE__ */ t.jsx(
       "button",
       {
-        onClick: v,
+        onClick: L,
         className: `fixed top-4 left-4 z-50 p-2 bg-white border border-gray-200 rounded-lg shadow-md \r
                    hover:bg-gray-50 transition-colors`,
         "aria-label": "Toggle menu",
@@ -32873,33 +32878,63 @@ const e5 = FD, b = ({
         )
       }
     ),
-    h && /* @__PURE__ */ t.jsx(
+    v && /* @__PURE__ */ t.jsx(
       "div",
       {
         className: "fixed inset-0 bg-black bg-opacity-50 z-40",
-        onClick: v
+        onClick: L
       }
     ),
     /* @__PURE__ */ t.jsx(
       "aside",
       {
-        className: `bg-white border-r border-gray-200 sidebar-core-mobile ${f}`,
-        ...w,
+        className: `bg-white border-r border-gray-200 sidebar-core-mobile ${h}`,
+        ...g,
         children: /* @__PURE__ */ t.jsxs("nav", { className: "h-full flex flex-col", children: [
           /* @__PURE__ */ t.jsxs("div", { className: "bg-white px-4 py-4 flex items-center justify-between border-b border-gray-200", children: [
-            /* @__PURE__ */ t.jsx(
-              Z,
+            /* @__PURE__ */ t.jsxs(
+              "div",
               {
-                variant: "h5",
-                style: { color: "#223B40", fontSize: "24px", fontWeight: "normal" },
-                children: "Core"
+                className: "flex items-center space-x-2",
+                style: f,
+                children: [
+                  /* @__PURE__ */ t.jsx(
+                    a0,
+                    {
+                      width: 36,
+                      height: 40,
+                      className: "flex-shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx(
+                    Z,
+                    {
+                      variant: "h6",
+                      style: {
+                        color: "#2D5C63",
+                        fontSize: "24px",
+                        fontFamily: "IBM Plex Sans",
+                        fontWeight: 600,
+                        lineHeight: "1.2",
+                        margin: 0,
+                        marginLeft: "8px",
+                        width: "272px",
+                        height: "40px",
+                        display: "flex",
+                        alignItems: "center",
+                        ...w
+                      },
+                      children: "Core"
+                    }
+                  )
+                ]
               }
             ),
             /* @__PURE__ */ t.jsx(
               "button",
               {
-                onClick: v,
-                className: "p-1 hover:bg-gray-100 rounded transition-colors",
+                onClick: L,
+                className: "p-1 hover:bg-gray-100 rounded transition-colors flex-shrink-0",
                 "aria-label": "Cerrar menú",
                 children: /* @__PURE__ */ t.jsx(
                   b,
@@ -32918,7 +32953,7 @@ const e5 = FD, b = ({
               "button",
               {
                 onClick: () => {
-                  l && l("inicio"), v();
+                  l && l("inicio"), L();
                 },
                 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" } : {},
@@ -32946,10 +32981,11 @@ const e5 = FD, b = ({
                     "span",
                     {
                       className: `px-2 py-0.5 min-w-[20px] h-5 \r
-                             text-white rounded-full flex items-center justify-center\r
+                             rounded-full flex items-center justify-center\r
                              text-body-sm font-medium`,
                       style: {
-                        backgroundColor: "#6D3856",
+                        backgroundColor: r === "inicio" ? "#ffffff" : "#6D3856",
+                        color: r === "inicio" ? "#6D3856" : "#ffffff",
                         borderRadius: "12px"
                       },
                       children: i.inicio > 9 ? "9+" : i.inicio
@@ -32958,7 +32994,7 @@ const e5 = FD, b = ({
                 ]
               }
             ) }),
-            a.map((R, M) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
+            a.map((R, E) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ t.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ t.jsx(
                 Z,
                 {
@@ -32967,51 +33003,52 @@ const e5 = FD, b = ({
                   children: R.title
                 }
               ) }),
-              /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: R.items.map((C) => /* @__PURE__ */ t.jsx("div", { className: "px-4", children: /* @__PURE__ */ t.jsxs(
+              /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: R.items.map((k) => /* @__PURE__ */ t.jsx("div", { className: "px-4", children: /* @__PURE__ */ t.jsxs(
                 "button",
                 {
                   onClick: () => {
-                    l && l(C.id), v();
+                    l && l(k.id), L();
                   },
-                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === C.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                  style: r === C.id ? { backgroundColor: "#2D5C63" } : {},
+                  className: `w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r === k.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                  style: r === k.id ? { backgroundColor: "#2D5C63" } : {},
                   children: [
                     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
                       /* @__PURE__ */ t.jsx(
                         b,
                         {
-                          name: C.icon,
+                          name: k.icon,
                           variant: "24-outline",
                           size: 20,
-                          className: `mr-3 ${r === C.id ? "color-white" : "color-gray-700"}`
+                          className: `mr-3 ${r === k.id ? "color-white" : "color-gray-700"}`
                         }
                       ),
                       /* @__PURE__ */ t.jsx(
                         Z,
                         {
                           variant: "body-md",
-                          className: `font-medium ${r === C.id ? "color-white" : "color-gray-700"}`,
-                          children: C.label
+                          className: `font-medium ${r === k.id ? "color-white" : "color-gray-700"}`,
+                          children: k.label
                         }
                       )
                     ] }),
-                    (i[C.id] !== void 0 && i[C.id] > 0 || C.id === "empleados" && 2) && /* @__PURE__ */ t.jsx(
+                    (i[k.id] !== void 0 && i[k.id] > 0 || k.id === "empleados" && 2) && /* @__PURE__ */ t.jsx(
                       "span",
                       {
                         className: `px-2 py-0.5 min-w-[20px] h-5 \r
-                                     text-white rounded-full flex items-center justify-center\r
+                                     rounded-full flex items-center justify-center\r
                                      text-body-sm font-medium`,
                         style: {
-                          backgroundColor: "#6D3856",
+                          backgroundColor: r === k.id ? "#ffffff" : "#6D3856",
+                          color: r === k.id ? "#6D3856" : "#ffffff",
                           borderRadius: "12px"
                         },
-                        children: C.id === "empleados" ? 2 : i[C.id] > 9 ? "9+" : i[C.id]
+                        children: k.id === "empleados" ? 2 : i[k.id] > 9 ? "9+" : i[k.id]
                       }
                     )
                   ]
                 }
-              ) }, C.id)) })
-            ] }, M))
+              ) }, k.id)) })
+            ] }, E))
           ] }),
           u && /* @__PURE__ */ t.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ t.jsx(
             "div",
@@ -33030,17 +33067,17 @@ const e5 = FD, b = ({
                   children: (() => {
                     const R = u.split("|");
                     if (R.length === 2) {
-                      const M = R[0].trim(), C = R[1].trim();
-                      if (C.includes("Powered by")) {
-                        const E = C.match(/Powered by (.+)/);
-                        if (E)
+                      const E = R[0].trim(), k = R[1].trim();
+                      if (k.includes("Powered by")) {
+                        const W = k.match(/Powered by (.+)/);
+                        if (W)
                           return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                            M,
+                            E,
                             " | Powered by ",
-                            /* @__PURE__ */ t.jsx("span", { className: "font-bold", children: E[1] })
+                            /* @__PURE__ */ t.jsx("span", { className: "font-bold", children: W[1] })
                           ] });
                       }
-                      return `${M} | ${C}`;
+                      return `${E} | ${k}`;
                     }
                     return u;
                   })()
@@ -33082,21 +33119,25 @@ const e5 = FD, b = ({
   // Texto del footer: puede ser string "v1.0 | Powered by Nucleus" o objeto { version: "v1.0", poweredBy: "Powered by", brand: "Nucleus" }
   footerCollapsedContent: g,
   // Contenido a mostrar en el footer cuando está colapsado (puede ser string, ReactNode, o objeto con icon y text)
-  className: v = "",
-  ...A
+  coreContainerStyle: v,
+  // Estilos personalizados para el contenedor de LogoHexa y "Core" (solo mobile)
+  coreTextStyle: A,
+  // Estilos personalizados para el texto "Core" (solo mobile)
+  className: L = "",
+  ...M
 }) => {
-  const [R, M] = I(n), [C, E] = I(!1);
-  l0(() => {
-    const F = () => {
-      E(window.innerWidth <= 480);
+  const [R, E] = I(n), [k, W] = I(!1);
+  t0(() => {
+    const V = () => {
+      W(window.innerWidth <= 768);
     };
-    return F(), window.addEventListener("resize", F), () => {
-      window.removeEventListener("resize", F);
+    return V(), window.addEventListener("resize", V), () => {
+      window.removeEventListener("resize", V);
     };
   }, []);
-  const N = () => {
-    M(!R);
-  }, V = (() => {
+  const Y = () => {
+    E(!R);
+  }, S = (() => {
     if (g)
       return g;
     if (h && !g) {
@@ -33107,7 +33148,7 @@ const e5 = FD, b = ({
     }
     return null;
   })();
-  return C ? /* @__PURE__ */ t.jsx(
+  return k ? /* @__PURE__ */ t.jsx(
     TD,
     {
       sections: a,
@@ -33119,14 +33160,16 @@ const e5 = FD, b = ({
       itemBadges: w,
       footerText: h,
       footerCollapsedContent: g,
-      className: v,
-      ...A
+      coreContainerStyle: v,
+      coreTextStyle: A,
+      className: L,
+      ...M
     }
   ) : /* @__PURE__ */ t.jsx(
     "aside",
     {
-      className: `bg-white border-r border-gray-200 transition-all duration-300 ease-in-out h-full ${R ? "w-20" : "w-64"} ${v}`,
-      ...A,
+      className: `bg-white border-r border-gray-200 transition-all duration-300 ease-in-out h-full ${R ? "w-20" : "w-64"} ${L}`,
+      ...M,
       children: /* @__PURE__ */ t.jsxs("nav", { className: "h-full flex flex-col", style: { overflow: "hidden" }, children: [
         !R && /* @__PURE__ */ t.jsx("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ t.jsx(
           "button",
@@ -33142,7 +33185,7 @@ const e5 = FD, b = ({
                   alt: c,
                   className: "w-8 h-8 rounded"
                 }
-              ) : /* @__PURE__ */ t.jsx(n0, { width: 36, height: 40 }),
+              ) : /* @__PURE__ */ t.jsx(a0, { width: 36, height: 40 }),
               /* @__PURE__ */ t.jsx(
                 Z,
                 {
@@ -33157,7 +33200,7 @@ const e5 = FD, b = ({
         !R && /* @__PURE__ */ t.jsx("div", { className: "px-4 pt-2 pb-2 flex justify-end flex-shrink-0", children: /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: N,
+            onClick: Y,
             className: "p-1.5 hover:bg-gray-100 rounded-lg transition-colors",
             "aria-label": "Colapsar sidebar",
             style: { marginRight: "10px" },
@@ -33179,11 +33222,11 @@ const e5 = FD, b = ({
             alt: c,
             className: "w-8 h-8 rounded"
           }
-        ) : /* @__PURE__ */ t.jsx(n0, { width: 36, height: 40 }) }),
+        ) : /* @__PURE__ */ t.jsx(a0, { width: 36, height: 40 }) }),
         R && /* @__PURE__ */ t.jsx("div", { className: "px-4 pt-2 pb-2 flex justify-center flex-shrink-0", children: /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: N,
+            onClick: Y,
             className: "p-1.5 hover:bg-gray-100 rounded-lg transition-colors",
             "aria-label": "Expandir sidebar",
             children: /* @__PURE__ */ t.jsx(
@@ -33227,10 +33270,11 @@ const e5 = FD, b = ({
                     "span",
                     {
                       className: `px-2 py-0.5 min-w-[20px] h-5 \r
-                             text-white rounded-full flex items-center justify-center\r
+                             rounded-full flex items-center justify-center\r
                              text-body-sm font-medium absolute`,
                       style: {
-                        backgroundColor: "#6D3856",
+                        backgroundColor: r === "inicio" ? "#ffffff" : "#6D3856",
+                        color: r === "inicio" ? "#6D3856" : "#ffffff",
                         borderRadius: "12px",
                         top: "-4px",
                         right: "-4px",
@@ -33244,10 +33288,11 @@ const e5 = FD, b = ({
                   "span",
                   {
                     className: `px-2 py-0.5 min-w-[20px] h-5 \r
-                           text-white rounded-full flex items-center justify-center\r
+                           rounded-full flex items-center justify-center\r
                            text-body-sm font-medium`,
                     style: {
-                      backgroundColor: "#6D3856",
+                      backgroundColor: r === "inicio" ? "#ffffff" : "#6D3856",
+                      color: r === "inicio" ? "#6D3856" : "#ffffff",
                       borderRadius: "12px"
                     },
                     children: w.inicio > 9 ? "9+" : w.inicio
@@ -33256,76 +33301,78 @@ const e5 = FD, b = ({
               ]
             }
           ) }),
-          a.map((F, G) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
+          a.map((V, T) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
             R && /* @__PURE__ */ t.jsx("div", { className: "px-4 mb-4", children: /* @__PURE__ */ t.jsx("div", { className: "border-t", style: { borderColor: "#2D5C63" } }) }),
             !R && /* @__PURE__ */ t.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ t.jsx(
               Z,
               {
                 variant: "body-sm",
                 className: "color-gray-500 uppercase font-medium tracking-wider",
-                children: F.title
+                children: V.title
               }
             ) }),
-            /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: F.items.map((k) => /* @__PURE__ */ t.jsx("div", { className: "px-4", children: /* @__PURE__ */ t.jsxs(
+            /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: V.items.map((C) => /* @__PURE__ */ t.jsx("div", { className: "px-4", children: /* @__PURE__ */ t.jsxs(
               "button",
               {
-                onClick: () => l && l(k.id),
-                className: `w-full flex items-center ${R ? "justify-center px-2" : "px-4 justify-between"} py-2.5 rounded-lg transition-all duration-200 ${r === k.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
-                style: r === k.id ? { backgroundColor: "#2D5C63" } : {},
-                title: R ? k.label : "",
+                onClick: () => l && l(C.id),
+                className: `w-full flex items-center ${R ? "justify-center px-2" : "px-4 justify-between"} py-2.5 rounded-lg transition-all duration-200 ${r === C.id ? "" : "color-gray-700 hover:bg-gray-100"}`,
+                style: r === C.id ? { backgroundColor: "#2D5C63" } : {},
+                title: R ? C.label : "",
                 children: [
-                  /* @__PURE__ */ t.jsxs("div", { className: `flex items-center ${R ? "relative" : ""}`, style: R && (w[k.id] !== void 0 && w[k.id] > 0 || k.id === "empleados") ? { paddingRight: "16px" } : {}, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: `flex items-center ${R ? "relative" : ""}`, style: R && (w[C.id] !== void 0 && w[C.id] > 0 || C.id === "empleados") ? { paddingRight: "16px" } : {}, children: [
                     /* @__PURE__ */ t.jsx(
                       b,
                       {
-                        name: k.icon,
+                        name: C.icon,
                         variant: "24-outline",
                         size: 20,
-                        className: `${R ? "" : "mr-3"} ${r === k.id ? "color-white" : "color-gray-700"}`
+                        className: `${R ? "" : "mr-3"} ${r === C.id ? "color-white" : "color-gray-700"}`
                       }
                     ),
                     !R && /* @__PURE__ */ t.jsx(
                       Z,
                       {
                         variant: "body-md",
-                        className: `font-medium ${r === k.id ? "color-white" : "color-gray-700"}`,
-                        children: k.label
+                        className: `font-medium ${r === C.id ? "color-white" : "color-gray-700"}`,
+                        children: C.label
                       }
                     ),
-                    R && (w[k.id] !== void 0 && w[k.id] > 0 || k.id === "empleados" && 2) && /* @__PURE__ */ t.jsx(
+                    R && (w[C.id] !== void 0 && w[C.id] > 0 || C.id === "empleados" && 2) && /* @__PURE__ */ t.jsx(
                       "span",
                       {
                         className: `px-2 py-0.5 min-w-[20px] h-5 \r
-                                     text-white rounded-full flex items-center justify-center\r
+                                     rounded-full flex items-center justify-center\r
                                      text-body-sm font-medium absolute`,
                         style: {
-                          backgroundColor: "#6D3856",
+                          backgroundColor: r === C.id ? "#ffffff" : "#6D3856",
+                          color: r === C.id ? "#6D3856" : "#ffffff",
                           borderRadius: "12px",
                           top: "-4px",
                           right: "-4px",
                           zIndex: 10
                         },
-                        children: k.id === "empleados" ? 2 : w[k.id] > 9 ? "9+" : w[k.id]
+                        children: C.id === "empleados" ? 2 : w[C.id] > 9 ? "9+" : w[C.id]
                       }
                     )
                   ] }),
-                  !R && (w[k.id] !== void 0 && w[k.id] > 0 || k.id === "empleados" && 2) && /* @__PURE__ */ t.jsx(
+                  !R && (w[C.id] !== void 0 && w[C.id] > 0 || C.id === "empleados" && 2) && /* @__PURE__ */ t.jsx(
                     "span",
                     {
                       className: `px-2 py-0.5 min-w-[20px] h-5 \r
-                                   text-white rounded-full flex items-center justify-center\r
+                                   rounded-full flex items-center justify-center\r
                                    text-body-sm font-medium`,
                       style: {
-                        backgroundColor: "#6D3856",
+                        backgroundColor: r === C.id ? "#ffffff" : "#6D3856",
+                        color: r === C.id ? "#6D3856" : "#ffffff",
                         borderRadius: "12px"
                       },
-                      children: k.id === "empleados" ? 2 : w[k.id] > 9 ? "9+" : w[k.id]
+                      children: C.id === "empleados" ? 2 : w[C.id] > 9 ? "9+" : w[C.id]
                     }
                   )
                 ]
               }
-            ) }, k.id)) })
-          ] }, G))
+            ) }, C.id)) })
+          ] }, T))
         ] }) }),
         h && !R && /* @__PURE__ */ t.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ t.jsx(
           "div",
@@ -33342,19 +33389,19 @@ const e5 = FD, b = ({
                 style: { color: "#2D5C63" },
                 className: "text-center",
                 children: (() => {
-                  const F = h.split("|");
-                  if (F.length === 2) {
-                    const G = F[0].trim(), k = F[1].trim();
-                    if (k.includes("Powered by")) {
-                      const U = k.match(/Powered by (.+)/);
-                      if (U)
+                  const V = h.split("|");
+                  if (V.length === 2) {
+                    const T = V[0].trim(), C = V[1].trim();
+                    if (C.includes("Powered by")) {
+                      const i0 = C.match(/Powered by (.+)/);
+                      if (i0)
                         return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                          G,
+                          T,
                           " | Powered by ",
-                          /* @__PURE__ */ t.jsx("span", { className: "font-bold", children: U[1] })
+                          /* @__PURE__ */ t.jsx("span", { className: "font-bold", children: i0[1] })
                         ] });
                     }
-                    return `${G} | ${k}`;
+                    return `${T} | ${C}`;
                   }
                   return h;
                 })()
@@ -33375,7 +33422,7 @@ const e5 = FD, b = ({
             )
           }
         ) }),
-        V && R && /* @__PURE__ */ t.jsx("div", { className: "flex justify-center flex-shrink-0", style: { zIndex: 10, paddingTop: "10px", paddingBottom: "10px" }, children: /* @__PURE__ */ t.jsx(
+        S && R && /* @__PURE__ */ t.jsx("div", { className: "flex justify-center flex-shrink-0", style: { zIndex: 10, paddingTop: "10px", paddingBottom: "10px" }, children: /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "bg-white border flex items-center justify-center",
@@ -33389,7 +33436,7 @@ const e5 = FD, b = ({
               paddingBottom: "8px",
               paddingLeft: "12px"
             },
-            children: typeof V == "string" ? /* @__PURE__ */ t.jsx(
+            children: typeof S == "string" ? /* @__PURE__ */ t.jsx(
               "span",
               {
                 style: {
@@ -33403,30 +33450,30 @@ const e5 = FD, b = ({
                   textOverflow: "ellipsis",
                   maxWidth: "100%"
                 },
-                children: V
+                children: S
               }
-            ) : typeof V == "object" && V.icon ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-              V.icon && /* @__PURE__ */ t.jsx(
+            ) : typeof S == "object" && S.icon ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
+              S.icon && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: V.icon,
+                  name: S.icon,
                   variant: "24-outline",
                   size: 14,
                   style: { color: "#2D5C63" }
                 }
               ),
-              V.text && /* @__PURE__ */ t.jsx(
+              S.text && /* @__PURE__ */ t.jsx(
                 "span",
                 {
                   style: {
                     color: "#2D5C63",
                     fontSize: "12px",
-                    marginLeft: V.icon ? "4px" : "0"
+                    marginLeft: S.icon ? "4px" : "0"
                   },
-                  children: V.text
+                  children: S.text
                 }
               )
-            ] }) : V
+            ] }) : S
           }
         ) })
       ] })
@@ -33466,7 +33513,7 @@ const e5 = FD, b = ({
   className: h = "",
   ...g
 }) => {
-  const [v, A] = I(n), R = () => {
+  const [v, A] = I(n), L = () => {
     A(!v);
   };
   return /* @__PURE__ */ t.jsx(
@@ -33489,7 +33536,7 @@ const e5 = FD, b = ({
                   alt: c,
                   className: "w-8 h-8 rounded"
                 }
-              ) : /* @__PURE__ */ t.jsx(n0, { width: 36, height: 40 }),
+              ) : /* @__PURE__ */ t.jsx(a0, { width: 36, height: 40 }),
               /* @__PURE__ */ t.jsx(
                 Z,
                 {
@@ -33504,7 +33551,7 @@ const e5 = FD, b = ({
         !v && /* @__PURE__ */ t.jsx("div", { className: "px-4 pt-2 pb-2 flex justify-end flex-shrink-0", children: /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: R,
+            onClick: L,
             className: "p-1.5 hover:bg-gray-100 rounded-lg transition-colors",
             "aria-label": "Colapsar sidebar",
             style: { marginRight: "10px" },
@@ -33534,11 +33581,11 @@ const e5 = FD, b = ({
             alt: c,
             className: "w-8 h-8 rounded"
           }
-        ) : /* @__PURE__ */ t.jsx(n0, { width: 36, height: 40 }) }),
+        ) : /* @__PURE__ */ t.jsx(a0, { width: 36, height: 40 }) }),
         v && /* @__PURE__ */ t.jsx("div", { className: "px-4 pt-2 pb-2 flex justify-center flex-shrink-0", children: /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: R,
+            onClick: L,
             className: "p-1.5 hover:bg-gray-100 rounded-lg transition-colors",
             "aria-label": "Expandir sidebar",
             children: /* @__PURE__ */ t.jsx(
@@ -33593,7 +33640,7 @@ const e5 = FD, b = ({
               ]
             }
           ) }),
-          a.map((M, C) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
+          a.map((M, R) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
             v && /* @__PURE__ */ t.jsx("div", { className: "px-4 mb-4", children: /* @__PURE__ */ t.jsx("div", { className: "border-t", style: { borderColor: "#2D5C63" } }) }),
             !v && /* @__PURE__ */ t.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ t.jsx(
               Z,
@@ -33646,7 +33693,7 @@ const e5 = FD, b = ({
                 ]
               }
             ) }, E.id)) })
-          ] }, C))
+          ] }, R))
         ] }) }),
         d && !v && /* @__PURE__ */ t.jsx("div", { className: "px-4 pb-4 flex-shrink-0", children: /* @__PURE__ */ t.jsx(
           "div",
@@ -33665,17 +33712,17 @@ const e5 = FD, b = ({
                 children: (() => {
                   const M = d.split("|");
                   if (M.length === 2) {
-                    const C = M[0].trim(), E = M[1].trim();
+                    const R = M[0].trim(), E = M[1].trim();
                     if (E.includes("Powered by")) {
-                      const N = E.match(/Powered by (.+)/);
-                      if (N)
+                      const k = E.match(/Powered by (.+)/);
+                      if (k)
                         return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                          C,
+                          R,
                           " | Powered by ",
-                          /* @__PURE__ */ t.jsx("span", { className: "font-bold", children: N[1] })
+                          /* @__PURE__ */ t.jsx("span", { className: "font-bold", children: k[1] })
                         ] });
                     }
-                    return `${C} | ${E}`;
+                    return `${R} | ${E}`;
                   }
                   return d;
                 })()
@@ -33900,7 +33947,7 @@ const e5 = FD, b = ({
                 ]
               }
             ) }),
-            a.map((A, R) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
+            a.map((A, L) => /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ t.jsx("div", { className: "px-4 mb-2", children: /* @__PURE__ */ t.jsx(
                 Z,
                 {
@@ -33953,7 +34000,7 @@ const e5 = FD, b = ({
                   ]
                 }
               ) }, M.id)) })
-            ] }, R))
+            ] }, L))
           ] })
         ] })
       }
@@ -34025,7 +34072,7 @@ const e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  if (l0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  if (t0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [a]), !a) return null;
   const f = {
@@ -34186,7 +34233,7 @@ const e5 = FD, b = ({
   };
   return r <= 1 ? null : /* @__PURE__ */ t.jsx("nav", { className: c, "aria-label": "Pagination", ...s, children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center space-x-1", children: [
     n && /* @__PURE__ */ t.jsx(
-      T,
+      z,
       {
         variant: "outline",
         size: "small",
@@ -34196,7 +34243,7 @@ const e5 = FD, b = ({
       }
     ),
     /* @__PURE__ */ t.jsx(
-      T,
+      z,
       {
         variant: "outline",
         size: "small",
@@ -34206,7 +34253,7 @@ const e5 = FD, b = ({
       }
     ),
     u().map((d) => /* @__PURE__ */ t.jsx(
-      T,
+      z,
       {
         variant: a === d ? "primary" : "outline",
         size: "small",
@@ -34216,7 +34263,7 @@ const e5 = FD, b = ({
       d
     )),
     /* @__PURE__ */ t.jsx(
-      T,
+      z,
       {
         variant: "outline",
         size: "small",
@@ -34226,7 +34273,7 @@ const e5 = FD, b = ({
       }
     ),
     n && /* @__PURE__ */ t.jsx(
-      T,
+      z,
       {
         variant: "outline",
         size: "small",
@@ -34247,7 +34294,7 @@ const e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  if (l0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  if (t0(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [a]), !a) return null;
   const f = {
@@ -34299,7 +34346,7 @@ const e5 = FD, b = ({
   ...c
 }) => {
   const [s, i] = I(!1), u = r5(null);
-  l0(() => {
+  t0(() => {
     const f = (w) => {
       u.current && !u.current.contains(w.target) && i(!1);
     };
@@ -35199,7 +35246,7 @@ const e5 = FD, b = ({
   className: i = "",
   ...u
 }) => {
-  const { t: d } = q(), f = a.map((v) => {
+  const { t: d } = _(), f = a.map((v) => {
     const A = v.translationKey ? d(v.translationKey) : v.label || v.headerName;
     return {
       ...v,
@@ -35266,7 +35313,7 @@ const e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  const f = t0(() => ({
+  const f = o0(() => ({
     chart: {
       type: "line",
       height: n,
@@ -35322,7 +35369,7 @@ const e5 = FD, b = ({
   return /* @__PURE__ */ t.jsxs("div", { className: u, children: [
     l && /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: l }),
     /* @__PURE__ */ t.jsx(
-      o0,
+      c0,
       {
         options: f,
         series: a,
@@ -35344,7 +35391,7 @@ const e5 = FD, b = ({
   className: d = "",
   ...f
 }) => {
-  const w = t0(() => ({
+  const w = o0(() => ({
     chart: {
       type: "bar",
       height: n,
@@ -35403,7 +35450,7 @@ const e5 = FD, b = ({
   return /* @__PURE__ */ t.jsxs("div", { className: d, children: [
     l && /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: l }),
     /* @__PURE__ */ t.jsx(
-      o0,
+      c0,
       {
         options: w,
         series: a,
@@ -35424,7 +35471,7 @@ const e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  const f = t0(() => ({
+  const f = o0(() => ({
     chart: {
       type: "area",
       height: n,
@@ -35489,7 +35536,7 @@ const e5 = FD, b = ({
   return /* @__PURE__ */ t.jsxs("div", { className: u, children: [
     l && /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: l }),
     /* @__PURE__ */ t.jsx(
-      o0,
+      c0,
       {
         options: f,
         series: a,
@@ -35509,7 +35556,7 @@ const e5 = FD, b = ({
   className: i = "",
   ...u
 }) => {
-  const d = t0(() => ({
+  const d = o0(() => ({
     chart: {
       type: "pie",
       height: n,
@@ -35544,7 +35591,7 @@ const e5 = FD, b = ({
   return /* @__PURE__ */ t.jsxs("div", { className: i, children: [
     l && /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: l }),
     /* @__PURE__ */ t.jsx(
-      o0,
+      c0,
       {
         options: d,
         series: a,
@@ -35565,7 +35612,7 @@ const e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  const f = t0(() => ({
+  const f = o0(() => ({
     chart: {
       type: "donut",
       height: n,
@@ -35615,7 +35662,7 @@ const e5 = FD, b = ({
   return /* @__PURE__ */ t.jsxs("div", { className: u, children: [
     l && /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: l }),
     /* @__PURE__ */ t.jsx(
-      o0,
+      c0,
       {
         options: f,
         series: a,
@@ -35636,7 +35683,7 @@ const e5 = FD, b = ({
   className: u = "",
   ...d
 }) => {
-  const f = t0(() => ({
+  const f = o0(() => ({
     chart: {
       type: "column",
       height: n,
@@ -35698,7 +35745,7 @@ const e5 = FD, b = ({
   return /* @__PURE__ */ t.jsxs("div", { className: u, children: [
     l && /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: l }),
     /* @__PURE__ */ t.jsx(
-      o0,
+      c0,
       {
         options: f,
         series: a,
@@ -35720,7 +35767,7 @@ const e5 = FD, b = ({
   /* @__PURE__ */ t.jsx("div", { className: "mb-4", children: /* @__PURE__ */ t.jsx(b, { name: a, className: "h-16 w-16 text-gray-400" }) }),
   /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: r }),
   /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500 text-center max-w-sm mb-4", children: l }),
-  n && c && /* @__PURE__ */ t.jsx(T, { variant: "primary", onClick: c, children: n })
+  n && c && /* @__PURE__ */ t.jsx(z, { variant: "primary", onClick: c, children: n })
 ] }), UN = ({
   title: a,
   value: r,
@@ -35799,7 +35846,7 @@ const e5 = FD, b = ({
   className: r = "",
   ...l
 }) => {
-  const { t: n } = q(), [c, s] = I({
+  const { t: n } = _(), [c, s] = I({
     email: "",
     password: "",
     rememberMe: !1
@@ -35824,7 +35871,7 @@ const e5 = FD, b = ({
         /* @__PURE__ */ t.jsx("h2", { className: "text-2xl font-bold mb-6 text-center", children: n("form.login") }),
         /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ t.jsx(
-            r0,
+            l0,
             {
               label: n("form.email"),
               type: "email",
@@ -35836,7 +35883,7 @@ const e5 = FD, b = ({
             }
           ),
           /* @__PURE__ */ t.jsx(
-            r0,
+            l0,
             {
               label: n("form.password"),
               type: "password",
@@ -35855,7 +35902,7 @@ const e5 = FD, b = ({
               onChange: (w) => d("rememberMe", w.target.checked)
             }
           ),
-          /* @__PURE__ */ t.jsx(T, { type: "submit", variant: "primary", className: "w-full", children: n("form.login") }),
+          /* @__PURE__ */ t.jsx(z, { type: "submit", variant: "primary", className: "w-full", children: n("form.login") }),
           /* @__PURE__ */ t.jsx("div", { className: "text-center", children: /* @__PURE__ */ t.jsx("a", { href: "#", className: "text-sm text-blue-600 hover:underline", children: n("form.forgotPassword") }) })
         ] })
       ]
@@ -35866,7 +35913,7 @@ const e5 = FD, b = ({
   className: r = "",
   ...l
 }) => {
-  const { t: n } = q(), [c, s] = I({
+  const { t: n } = _(), [c, s] = I({
     currentPassword: "",
     newPassword: "",
     confirmPassword: ""
@@ -35896,7 +35943,7 @@ const e5 = FD, b = ({
         d && /* @__PURE__ */ t.jsx(PD, { variant: "success", className: "mb-4", children: "Password changed successfully!" }),
         /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ t.jsx(
-            r0,
+            l0,
             {
               label: n("form.currentPassword"),
               type: "password",
@@ -35908,7 +35955,7 @@ const e5 = FD, b = ({
             }
           ),
           /* @__PURE__ */ t.jsx(
-            r0,
+            l0,
             {
               label: n("form.newPassword"),
               type: "password",
@@ -35921,7 +35968,7 @@ const e5 = FD, b = ({
             }
           ),
           /* @__PURE__ */ t.jsx(
-            r0,
+            l0,
             {
               label: n("form.confirmPassword"),
               type: "password",
@@ -35933,8 +35980,8 @@ const e5 = FD, b = ({
             }
           ),
           /* @__PURE__ */ t.jsxs("div", { className: "flex space-x-4", children: [
-            /* @__PURE__ */ t.jsx(T, { type: "submit", variant: "primary", className: "flex-1", children: n("form.changePassword") }),
-            /* @__PURE__ */ t.jsx(T, { type: "button", variant: "outline", className: "flex-1", children: n("common.cancel") })
+            /* @__PURE__ */ t.jsx(z, { type: "submit", variant: "primary", className: "flex-1", children: n("form.changePassword") }),
+            /* @__PURE__ */ t.jsx(z, { type: "button", variant: "outline", className: "flex-1", children: n("common.cancel") })
           ] })
         ] })
       ]
@@ -35949,10 +35996,10 @@ const e5 = FD, b = ({
   className: c = "",
   ...s
 }) => {
-  const { t: i } = q(), [u, d] = I(""), f = r5(null), w = () => {
+  const { t: i } = _(), [u, d] = I(""), f = r5(null), w = () => {
     f.current?.scrollIntoView({ behavior: "smooth" });
   };
-  l0(() => {
+  t0(() => {
     w();
   }, [r]);
   const h = (v) => {
@@ -35998,7 +36045,7 @@ const e5 = FD, b = ({
     ] }),
     /* @__PURE__ */ t.jsx("form", { onSubmit: h, className: "px-4 py-3 border-t border-gray-200", children: /* @__PURE__ */ t.jsxs("div", { className: "flex space-x-2", children: [
       /* @__PURE__ */ t.jsx(
-        r0,
+        l0,
         {
           value: u,
           onChange: (v) => d(v.target.value),
@@ -36008,7 +36055,7 @@ const e5 = FD, b = ({
         }
       ),
       /* @__PURE__ */ t.jsx(
-        T,
+        z,
         {
           type: "submit",
           variant: "primary",
@@ -36198,7 +36245,7 @@ const e5 = FD, b = ({
     }
   }
 };
-b0.use(V5).init({
+E0.use(V5).init({
   resources: JD,
   lng: "es-AR",
   fallbackLng: "es-AR",
@@ -36206,16 +36253,16 @@ b0.use(V5).init({
     escapeValue: !1
   }
 });
-const KN = ({ children: a, language: r = "es-AR" }) => (b0.language !== r && b0.changeLanguage(r), /* @__PURE__ */ t.jsx(S5, { i18n: b0, children: a }));
+const KN = ({ children: a, language: r = "es-AR" }) => (E0.language !== r && E0.changeLanguage(r), /* @__PURE__ */ t.jsx(S5, { i18n: E0, children: a }));
 export {
   jN as Accordion,
   PD as Alert,
   DN as AreaChart,
-  j0 as Avatar,
+  k0 as Avatar,
   U5 as Badge,
   SN as BarChart,
   kN as Breadcrumbs,
-  T as Button,
+  z as Button,
   HN as Card,
   GD as CardError,
   zD as CardSkeleton,
@@ -36242,12 +36289,12 @@ export {
   EN as HeaderPoint,
   KN as I18nProvider,
   b as Icon,
-  r0 as Input,
+  l0 as Input,
   pN as Layout,
   VN as LineChart,
   qN as List,
   _N as LoginForm,
-  n0 as LogoHexa,
+  a0 as LogoHexa,
   yN as Modal,
   CN as NavPoint,
   BN as Pagination,