ui-mathilde-web 0.1.6 → 0.1.8

package/dist/ui-mathilde-web.js

@@ -3,7 +3,7 @@ var op = (t, e, n) => e in t ? rp(t, e, { enumerable: !0, configurable: !0, writ
 var te = (t, e, n) => op(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as b, jsxs as z, Fragment as _t } from "react/jsx-runtime";
 import * as k from "react";
-import H, { forwardRef as ue, useState as xe, useRef as Yt, useEffect as Ze, createContext as Ye, useContext as De, createElement as Mt, Fragment as Wd, useMemo as wi, Children as Kn, cloneElement as Vo, isValidElement as ip, PureComponent as sp, useImperativeHandle as Vd, useLayoutEffect as Vs, useCallback as nl, useId as Dn } from "react";
+import H, { forwardRef as ue, useState as ye, useRef as Yt, useEffect as Ze, createContext as Ye, useContext as De, createElement as Mt, Fragment as Wd, useMemo as wi, Children as Kn, cloneElement as Vo, isValidElement as ip, PureComponent as sp, useImperativeHandle as Vd, useLayoutEffect as Vs, useCallback as nl, useId as Dn } from "react";
 import * as ap from "react-dom";
 import { createPortal as lp } from "react-dom";
 const cp = "button-module__mth-btn-default__cda3k", dp = "button-module__mth-btn-border__-pdSm", up = "button-module__mth-btn__LkrNk", fp = "button-module__mth-btn-full__7QycJ", fo = {
@@ -15,7 +15,7 @@ const cp = "button-module__mth-btn-default__cda3k", dp = "button-module__mth-btn
   mthBtn: up,
   "mth-btn-full": "button-module__mth-btn-full__7QycJ",
   mthBtnFull: fp
-}, i_ = ({
+}, s_ = ({
   txtBtn: t,
   typeButton: e,
   full: n,
@@ -41,7 +41,7 @@ const cp = "button-module__mth-btn-default__cda3k", dp = "button-module__mth-btn
 ) }), hp = "checkbox-module__checkmark__pC-qY", Yo = {
   "checkbox-container": "checkbox-module__checkbox-container__jLidj",
   checkmark: hp
-}, s_ = ({
+}, a_ = ({
   label: t,
   value: e,
   checked: n,
@@ -235,7 +235,7 @@ const Np = {
   value: n,
   ...r
 }) => {
-  const [o, i] = xe(!1), s = () => {
+  const [o, i] = ye(!1), s = () => {
     i(!o);
   };
   return /* @__PURE__ */ b("div", { className: "mb-5", children: /* @__PURE__ */ z("div", { className: "relative inline-block w-full", children: [
@@ -309,7 +309,7 @@ const Pp = {
   impresiones: "https://ftp.mathilde-ads.com/151-b50587f350bafb8f19a9308325b45467.svg",
   porcentaje: "https://ftp.mathilde-ads.com/151-846076c2407128d25fffa4f35342d415.svg",
   vistas: "https://ftp.mathilde-ads.com/151-2b68ef020e57a0986c576b16607d85dd.svg"
-}, a_ = ({
+}, l_ = ({
   logo: t,
   number: e,
   title: n,
@@ -797,7 +797,7 @@ function ge(t, e) {
   return typeof t > "u" ? e : t;
 }
 const n0 = (t, e) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) / 100 : +t / e, Xd = (t, e) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) / 100 * e : +t;
-function ve(t, e, n) {
+function xe(t, e, n) {
   if (t && typeof t.call == "function")
     return t.apply(n, e);
 }
@@ -3739,7 +3739,7 @@ class _i extends eo {
     this._cache = {}, this._dataLimitsCached = !1;
   }
   beforeUpdate() {
-    ve(this.options.beforeUpdate, [
+    xe(this.options.beforeUpdate, [
       this
     ]);
   }
@@ -3759,12 +3759,12 @@ class _i extends eo {
     this.isHorizontal() ? (n = this.left, r = this.right) : (n = this.top, r = this.bottom, e = !e), this._startPixel = n, this._endPixel = r, this._reversePixels = e, this._length = r - n, this._alignToPixels = this.options.alignToPixels;
   }
   afterUpdate() {
-    ve(this.options.afterUpdate, [
+    xe(this.options.afterUpdate, [
       this
     ]);
   }
   beforeSetDimensions() {
-    ve(this.options.beforeSetDimensions, [
+    xe(this.options.beforeSetDimensions, [
       this
     ]);
   }
@@ -3772,12 +3772,12 @@ class _i extends eo {
     this.isHorizontal() ? (this.width = this.maxWidth, this.left = 0, this.right = this.width) : (this.height = this.maxHeight, this.top = 0, this.bottom = this.height), this.paddingLeft = 0, this.paddingTop = 0, this.paddingRight = 0, this.paddingBottom = 0;
   }
   afterSetDimensions() {
-    ve(this.options.afterSetDimensions, [
+    xe(this.options.afterSetDimensions, [
       this
     ]);
   }
   _callHooks(e) {
-    this.chart.notifyPlugins(e, this.getContext()), ve(this.options[e], [
+    this.chart.notifyPlugins(e, this.getContext()), xe(this.options[e], [
       this
     ]);
   }
@@ -3799,7 +3799,7 @@ class _i extends eo {
     this._callHooks("afterBuildTicks");
   }
   beforeTickToLabelConversion() {
-    ve(this.options.beforeTickToLabelConversion, [
+    xe(this.options.beforeTickToLabelConversion, [
       this
     ]);
   }
@@ -3807,19 +3807,19 @@ class _i extends eo {
     const n = this.options.ticks;
     let r, o, i;
     for (r = 0, o = e.length; r < o; r++)
-      i = e[r], i.label = ve(n.callback, [
+      i = e[r], i.label = xe(n.callback, [
         i.value,
         r,
         e
       ], this);
   }
   afterTickToLabelConversion() {
-    ve(this.options.afterTickToLabelConversion, [
+    xe(this.options.afterTickToLabelConversion, [
       this
     ]);
   }
   beforeCalculateLabelRotation() {
-    ve(this.options.beforeCalculateLabelRotation, [
+    xe(this.options.beforeCalculateLabelRotation, [
       this
     ]);
   }
@@ -3834,14 +3834,14 @@ class _i extends eo {
     a = e.offset ? this.maxWidth / r : h / (r - 1), u + 6 > a && (a = h / (r - (e.offset ? 0.5 : 1)), l = this.maxHeight - pr(e.grid) - n.padding - Hl(e.title, this.chart.options.font), c = Math.sqrt(u * u + f * f), s = u0(Math.min(Math.asin(ht((d.highest.height + 6) / a, -1, 1)), Math.asin(ht(l / c, -1, 1)) - Math.asin(ht(f / c, -1, 1)))), s = Math.max(o, Math.min(i, s))), this.labelRotation = s;
   }
   afterCalculateLabelRotation() {
-    ve(this.options.afterCalculateLabelRotation, [
+    xe(this.options.afterCalculateLabelRotation, [
       this
     ]);
   }
   afterAutoSkip() {
   }
   beforeFit() {
-    ve(this.options.beforeFit, [
+    xe(this.options.beforeFit, [
       this
     ]);
   }
@@ -3881,7 +3881,7 @@ class _i extends eo {
     this._margins && (this._margins.left = Math.max(this.paddingLeft, this._margins.left), this._margins.top = Math.max(this.paddingTop, this._margins.top), this._margins.right = Math.max(this.paddingRight, this._margins.right), this._margins.bottom = Math.max(this.paddingBottom, this._margins.bottom));
   }
   afterFit() {
-    ve(this.options.afterFit, [
+    xe(this.options.afterFit, [
       this
     ]);
   }
@@ -4396,7 +4396,7 @@ class lb {
   }
   _exec(e, n, r) {
     const o = qs(e);
-    ve(r["before" + o], [], r), n[e](r), ve(r["after" + o], [], r);
+    xe(r["before" + o], [], r), n[e](r), xe(r["after" + o], [], r);
   }
   _getRegistryForType(e) {
     for (let n = 0; n < this._typedRegistries.length; n++) {
@@ -4431,7 +4431,7 @@ class cb {
         o,
         i.options
       ];
-      if (ve(a, l, s) === !1 && o.cancelable)
+      if (xe(a, l, s) === !1 && o.cancelable)
         return !1;
     }
     return !0;
@@ -4762,13 +4762,13 @@ function ql(t, e) {
 }
 function Gl(t) {
   const e = t.chart, n = e.options.animation;
-  e.notifyPlugins("afterRender"), ve(n && n.onComplete, [
+  e.notifyPlugins("afterRender"), xe(n && n.onComplete, [
     t
   ], e);
 }
 function Sb(t) {
   const e = t.chart, n = e.options.animation;
-  ve(n && n.onProgress, [
+  xe(n && n.onProgress, [
     t
   ], e);
 }
@@ -4863,7 +4863,7 @@ let Si = (nn = class {
     const r = this.options, o = this.canvas, i = r.maintainAspectRatio && this.aspectRatio, s = this.platform.getMaximumSize(o, e, n, i), a = r.devicePixelRatio || this.platform.getDevicePixelRatio(), l = this.width ? "resize" : "attach";
     this.width = s.width, this.height = s.height, this._aspectRatio = this.aspectRatio, Sl(this, a, !0) && (this.notifyPlugins("resize", {
       size: s
-    }), ve(r.onResize, [
+    }), xe(r.onResize, [
       this,
       s
     ], this), this.attached && this._doResize(l) && this.render());
@@ -5264,11 +5264,11 @@ let Si = (nn = class {
   }
   _handleEvent(e, n, r) {
     const { _active: o = [], options: i } = this, s = n, a = this._getActiveElements(e, o, r, s), l = a0(e), c = Ob(e, this._lastEvent, r, l);
-    r && (this._lastEvent = null, ve(i.onHover, [
+    r && (this._lastEvent = null, xe(i.onHover, [
       e,
       a,
       this
-    ], this), l && ve(i.onClick, [
+    ], this), l && xe(i.onClick, [
       e,
       a,
       this
@@ -5477,7 +5477,7 @@ class Ql extends eo {
   }
   buildLabels() {
     const e = this.options.labels || {};
-    let n = ve(e.generateLabels, [
+    let n = xe(e.generateLabels, [
       this.chart
     ], this) || [];
     e.filter && (n = n.filter((r) => e.filter(r, this.chart.data))), e.sort && (n = n.sort((r, o) => e.sort(r, o, this.chart.data))), this.options.reverse && n.reverse(), this.legendItems = n;
@@ -5647,16 +5647,16 @@ class Ql extends eo {
     const r = this._getLegendItemAt(e.x, e.y);
     if (e.type === "mousemove" || e.type === "mouseout") {
       const o = this._hoveredItem, i = Db(o, r);
-      o && !i && ve(n.onLeave, [
+      o && !i && xe(n.onLeave, [
         e,
         o,
         this
-      ], this), this._hoveredItem = r, r && !i && ve(n.onHover, [
+      ], this), this._hoveredItem = r, r && !i && xe(n.onHover, [
         e,
         r,
         this
       ], this);
-    } else r && ve(n.onClick, [
+    } else r && xe(n.onClick, [
       e,
       r,
       this
@@ -6496,7 +6496,7 @@ class oi extends _i {
   _tickFormatFunction(e, n, r, o) {
     const i = this.options, s = i.ticks.callback;
     if (s)
-      return ve(s, [
+      return xe(s, [
         e,
         n,
         r
@@ -6722,7 +6722,7 @@ function ty(t, e) {
 }
 const ny = /* @__PURE__ */ ty("doughnut", Sr);
 Si.register(Or, Kb, Bb);
-const u_ = () => {
+const f_ = () => {
   const t = {
     labels: ["Planeado", "Ejecutado"],
     datasets: [
@@ -11591,8 +11591,8 @@ function A1(t, e = {}) {
   return di(o.pathname, s) != null || di(o.pathname, i) != null;
 }
 new TextEncoder();
-const f_ = () => {
-  const [t, e] = xe(!0), [n, r] = xe(null), o = () => {
+const h_ = () => {
+  const [t, e] = ye(!0), [n, r] = ye(null), o = () => {
     n || e(!1);
   }, i = () => {
     n || e(!0);
@@ -12128,7 +12128,7 @@ function tk(t, ...e) {
     return i(ek.apply(null, arguments));
   };
 }
-function ye(t) {
+function ve(t) {
   const e = (n) => n[t] || [];
   return e.isThemeGetter = !0, e;
 }
@@ -12191,7 +12191,7 @@ function yk(t) {
   return lk.test(t);
 }
 function vk() {
-  const t = ye("colors"), e = ye("spacing"), n = ye("blur"), r = ye("brightness"), o = ye("borderColor"), i = ye("borderRadius"), s = ye("borderSpacing"), a = ye("borderWidth"), l = ye("contrast"), c = ye("grayscale"), d = ye("hueRotate"), u = ye("invert"), f = ye("gap"), h = ye("gradientColorStops"), g = ye("gradientColorStopPositions"), p = ye("inset"), m = ye("margin"), v = ye("opacity"), y = ye("padding"), C = ye("saturate"), x = ye("scale"), w = ye("sepia"), _ = ye("skew"), O = ye("space"), N = ye("translate"), T = () => ["auto", "contain", "none"], S = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", Z, e], M = () => [Z, e], P = () => ["", Bt, en], E = () => ["auto", kn, Z], R = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], D = () => ["solid", "dashed", "dotted", "double", "none"], L = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"], F = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], $ = () => ["", "0", Z], B = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [kn, No], V = () => [kn, Z];
+  const t = ve("colors"), e = ve("spacing"), n = ve("blur"), r = ve("brightness"), o = ve("borderColor"), i = ve("borderRadius"), s = ve("borderSpacing"), a = ve("borderWidth"), l = ve("contrast"), c = ve("grayscale"), d = ve("hueRotate"), u = ve("invert"), f = ve("gap"), h = ve("gradientColorStops"), g = ve("gradientColorStopPositions"), p = ve("inset"), m = ve("margin"), v = ve("opacity"), y = ve("padding"), C = ve("saturate"), x = ve("scale"), w = ve("sepia"), _ = ve("skew"), O = ve("space"), N = ve("translate"), T = () => ["auto", "contain", "none"], S = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", Z, e], M = () => [Z, e], P = () => ["", Bt, en], E = () => ["auto", kn, Z], R = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], D = () => ["solid", "dashed", "dotted", "double", "none"], L = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"], F = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], $ = () => ["", "0", Z], B = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [kn, No], V = () => [kn, Z];
   return {
     cacheSize: 500,
     separator: ":",
@@ -15598,7 +15598,7 @@ const Bf = ({
     }
   );
 }, $f = ({ children: t, ...e }) => {
-  const { alwaysOpen: n } = e, [r, o] = xe(e.isOpen), i = n ? {
+  const { alwaysOpen: n } = e, [r, o] = ye(e.isOpen), i = n ? {
     ...e,
     isOpen: r,
     setOpen: () => o(!r)
@@ -15642,7 +15642,7 @@ const Bf = ({
   theme: s = {},
   ...a
 }) => {
-  const [l, c] = xe(o ? -1 : 0), d = wi(
+  const [l, c] = ye(o ? -1 : 0), d = wi(
     () => Kn.map(
       n,
       (f, h) => Vo(f, {
@@ -16447,7 +16447,7 @@ const so = (t, e, n) => {
 }, v) => {
   const y = j(G().datepicker, g);
   l = x2(l, c, d);
-  const [C, x] = xe(e), [w, _] = xe(we.Days), [O, N] = xe(l), [T, S] = xe(l), A = Yt(null), M = Yt(null), P = ($, B) => {
+  const [C, x] = ye(e), [w, _] = ye(we.Days), [O, N] = ye(l), [T, S] = ye(l), A = Yt(null), M = Yt(null), P = ($, B) => {
     N($), p && p($), r && w === we.Days && B == !0 && !n && x(!1);
   }, E = () => {
     P(l, !0), l && S(l);
@@ -20130,7 +20130,7 @@ const PC = {
   renderTrigger: o,
   ...i
 }) => {
-  const [s, a] = xe(!1), [l, c] = xe(null), [d, u] = xe(null), [f, h] = xe(void 0), g = Yt([]), p = Yt([]), m = j(G().dropdown, r), v = i, y = i["data-testid"] || "flowbite-dropdown-target", {
+  const [s, a] = ye(!1), [l, c] = ye(null), [d, u] = ye(null), [f, h] = ye(void 0), g = Yt([]), p = Yt([]), m = j(G().dropdown, r), v = i, y = i["data-testid"] || "flowbite-dropdown-target", {
     placement: C = i.inline ? "bottom-start" : "bottom",
     trigger: x = "click",
     label: w,
@@ -20546,7 +20546,7 @@ const lg = ({ children: t, className: e, theme: n = {}, ...r }) => {
     initialFocus: d,
     ...u
   }, f) => {
-    const [h, g] = xe(void 0), p = j(G().modal, c), { context: m } = zh({
+    const [h, g] = ye(void 0), p = j(G().modal, c), { context: m } = zh({
       open: a,
       onOpenChange: () => r && r()
     }), v = Oh([m.refs.setFloating, f]), y = Lh(m), C = Fh(m, { outsidePressEvent: "mousedown", enabled: n }), x = $h(m), { getFloatingProps: w } = Bh([y, C, x]);
@@ -20672,7 +20672,7 @@ const hg = ({
   theme: s = {},
   ...a
 }) => {
-  const [l, c] = xe(o), d = j(G().navbar, s);
+  const [l, c] = ye(o), d = j(G().navbar, s);
   return /* @__PURE__ */ b(fg.Provider, { value: { theme: d, isOpen: l, setIsOpen: c }, children: /* @__PURE__ */ b(
     "nav",
     {
@@ -20936,7 +20936,7 @@ const $C = ({
   minWidth: c,
   ...d
 }) => {
-  const u = Yt(null), [f, h] = xe(!1), g = jh({
+  const u = Yt(null), [f, h] = ye(!1), g = jh({
     open: f,
     placement: i,
     arrowRef: u,
@@ -21072,7 +21072,7 @@ const _g = ({
   theme: a = {},
   ...l
 }) => {
-  const c = Dn(), [d, u] = xe(s), { theme: f, isCollapsed: h } = ur(), g = j(f.collapse, a);
+  const c = Dn(), [d, u] = ye(s), { theme: f, isCollapsed: h } = ur(), g = j(f.collapse, a);
   return Ze(() => u(s), [s]), /* @__PURE__ */ z(({ children: m }) => /* @__PURE__ */ b("li", { children: h && !d ? /* @__PURE__ */ b(Xa, { content: r, placement: "right", children: m }) : m }), { children: [
     /* @__PURE__ */ z(
       "button",
@@ -21349,12 +21349,12 @@ const jg = ue(
         ({ props: x }) => x
       ),
       [t]
-    ), d = Yt([]), [u, f] = xe(
+    ), d = Yt([]), [u, f] = ye(
       Math.max(
         0,
         c.findIndex((x) => x.active)
       )
-    ), [h, g] = xe(-1), p = (x) => {
+    ), [h, g] = ye(-1), p = (x) => {
       f(x), n && n(x);
     }, m = ({ target: x }) => {
       p(x), g(x);
@@ -21600,7 +21600,7 @@ const ep = ({
   700: "duration-700",
   1e3: "duration-1000"
 }, tp = ({ children: t, className: e, duration: n = 300, theme: r = {}, ...o }) => {
-  const [i, s] = xe(!1), [a, l] = xe(!1), c = j(G().toast, r);
+  const [i, s] = ye(!1), [a, l] = ye(!1), c = j(G().toast, r);
   return a ? null : /* @__PURE__ */ b(Qg.Provider, { value: { theme: c, duration: n, isClosed: i, isRemoved: a, setIsClosed: s, setIsRemoved: l }, children: /* @__PURE__ */ b(
     "div",
     {
@@ -21708,22 +21708,93 @@ const XC = ({
       children: /* @__PURE__ */ b(Nf, { className: "h-5 w-5" })
     }
   )
-] }), h_ = ({
+] });
+function JC({
+  label: t,
+  checked: e = !1,
+  disabled: n = !1,
+  onChange: r
+}) {
+  const [o, i] = ye(e);
+  return /* @__PURE__ */ z("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ z(
+      "label",
+      {
+        className: `inline-flex items-center ${n ? "cursor-not-allowed opacity-60" : "cursor-pointer"}`,
+        children: [
+          /* @__PURE__ */ b(
+            "input",
+            {
+              type: "checkbox",
+              className: "peer sr-only",
+              checked: o,
+              onChange: (a) => {
+                if (n) return;
+                const l = a.target.checked;
+                i(l), r == null || r(l);
+              },
+              disabled: n
+            }
+          ),
+          /* @__PURE__ */ b(
+            "div",
+            {
+              className: `peer relative h-6 w-11 rounded-full bg-gray-200 
+          after:absolute after:start-[2px] 
+          after:top-0.5 after:h-5 
+          after:w-5 after:rounded-full 
+          after:border after:border-gray-300 
+          after:bg-white after:transition-all after:content-[''] 
+          peer-checked:bg-blue-600 peer-checked:after:translate-x-full peer-checked:after:border-white 
+          peer-focus:ring-4 peer-focus:ring-blue-300 dark:border-gray-600 
+          dark:bg-gray-700 dark:peer-checked:bg-blue-600 
+          dark:peer-focus:ring-blue-800 rtl:peer-checked:after:-translate-x-full`
+            }
+          )
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ b(
+      "span",
+      {
+        className: `text-sm ${n ? "text-gray-500" : "text-gray-700"}`,
+        children: t
+      }
+    )
+  ] });
+}
+const g_ = ({
   columns: t,
   data: e,
   showSearch: n = !1,
   itemsPerPage: r = 5,
-  title: o
+  title: o,
+  onToggleChange: i
 }) => {
-  const [i, s] = k.useState(""), [a, l] = k.useState(1), c = k.useMemo(() => i.trim() ? e.filter(
-    (f) => t.some((h) => {
-      const g = f[h.relation];
-      return g != null && String(g).toLowerCase().includes(i.toLowerCase().trim());
+  const [s, a] = k.useState(""), [l, c] = k.useState(1), d = k.useMemo(() => s.trim() ? e.filter(
+    (g) => t.some((p) => {
+      const m = g[p.relation];
+      return m != null && String(m).toLowerCase().includes(s.toLowerCase().trim());
     })
-  ) : e, [e, i, t]), d = k.useMemo(() => {
-    const f = (a - 1) * r, h = f + r;
-    return c.slice(f, h);
-  }, [c, a, r]), u = Math.ceil(c.length / r);
+  ) : e, [e, s, t]), u = k.useMemo(() => {
+    const g = (l - 1) * r, p = g + r;
+    return d.slice(g, p);
+  }, [d, l, r]), f = Math.ceil(d.length / r), h = (g, p) => {
+    const m = p[g.relation];
+    return g.isToggle ? /* @__PURE__ */ b(
+      JC,
+      {
+        checked: !!m,
+        onChange: (v) => i == null ? void 0 : i({
+          rowId: p.id,
+          checked: v,
+          row: p,
+          columnKey: g.relation
+        }),
+        disabled: !1
+      }
+    ) : g.cell ? g.cell(p) : m != null ? String(m) : "";
+  };
   return /* @__PURE__ */ z("div", { className: "w-full", children: [
     /* @__PURE__ */ b("div", { className: "mb-4 flex items-center justify-between", children: o && /* @__PURE__ */ b("h2", { className: "text-xl font-bold", children: o }) }),
     /* @__PURE__ */ z("div", { className: "mb-4 flex", children: [
@@ -21732,46 +21803,43 @@ const XC = ({
         {
           rightIcon: F1,
           placeholder: "Buscar",
-          value: i,
-          onChange: (f) => s(f.target.value)
+          value: s,
+          onChange: (g) => a(g.target.value)
         }
       ) }),
-      u > 1 && /* @__PURE__ */ b("div", { className: "flex w-full justify-end", children: /* @__PURE__ */ b(
+      f > 1 && /* @__PURE__ */ b("div", { className: "flex w-full justify-end", children: /* @__PURE__ */ b(
         XC,
         {
-          currentPage: a,
-          totalPages: u,
-          onPageChange: l
+          currentPage: l,
+          totalPages: f,
+          onPageChange: c
         }
       ) })
     ] }),
     /* @__PURE__ */ b("div", { className: "overflow-x-auto", children: /* @__PURE__ */ z(jn, { striped: !0, children: [
-      /* @__PURE__ */ b(jn.Head, { children: t.map((f, h) => /* @__PURE__ */ b(jn.HeadCell, { children: f.header }, h)) }),
+      /* @__PURE__ */ b(jn.Head, { children: t.map((g, p) => /* @__PURE__ */ b(jn.HeadCell, { children: g.header }, p)) }),
       /* @__PURE__ */ b("hr", {}),
-      /* @__PURE__ */ b(jn.Body, { className: "divide-y", children: d.map((f, h) => /* @__PURE__ */ b(
+      /* @__PURE__ */ b(jn.Body, { className: "divide-y", children: u.map((g) => /* @__PURE__ */ b(
         jn.Row,
         {
           className: "bg-white dark:border-gray-700 dark:bg-gray-800",
-          children: t.map((g, p) => {
-            const m = f[g.relation];
-            return /* @__PURE__ */ b(
-              jn.Cell,
-              {
-                className: "whitespace-nowrap font-medium text-gray-900 dark:text-white",
-                children: g.cell ? g.cell(f) : m != null ? String(m) : ""
-              },
-              p
-            );
-          })
+          children: t.map((p, m) => /* @__PURE__ */ b(
+            jn.Cell,
+            {
+              className: "whitespace-nowrap font-medium text-gray-900 dark:text-white",
+              children: h(p, g)
+            },
+            `${g.id}-${m}`
+          ))
         },
-        h
+        g.id
       )) })
     ] }) })
   ] });
 }, jd = {
   "m-image-container": "layoutOutside-module__m-image-container__sCvFu",
   "m-image": "layoutOutside-module__m-image__kZHyH"
-}, g_ = () => /* @__PURE__ */ z("div", { className: "mt-32", children: [
+}, p_ = () => /* @__PURE__ */ z("div", { className: "mt-32", children: [
   /* @__PURE__ */ b(
     Tn,
     {
@@ -21792,7 +21860,7 @@ const XC = ({
       height: 300
     }
   ) })
-] }), p_ = ({
+] }), m_ = ({
   onOpenModal: t,
   checked: e,
   onChange: n,
@@ -21816,7 +21884,7 @@ const XC = ({
     /* @__PURE__ */ b("span", { className: Yo.checkmark }),
     r && /* @__PURE__ */ b("span", { children: r })
   ] }) });
-}, JC = ({
+}, ZC = ({
   validations: t
 }) => {
   const e = ({ isValid: r }) => /* @__PURE__ */ b(
@@ -21840,8 +21908,8 @@ const XC = ({
     /* @__PURE__ */ b(e, { isValid: t[r] }),
     o
   ] }, r)) });
-}, ZC = () => {
-  const [t, e] = xe(""), [n, r] = xe(""), [o, i] = xe({
+}, QC = () => {
+  const [t, e] = ye(""), [n, r] = ye(""), [o, i] = ye({
     hasMinLength: !1,
     hasNumber: !1,
     hasUpperCase: !1,
@@ -21866,14 +21934,14 @@ const XC = ({
     showError: () => !s() && t.trim() && n.trim(),
     validations: o
   };
-}, m_ = ({ formik: t }) => {
+}, b_ = ({ formik: t }) => {
   const {
     password: e,
     setPassword: n,
     confirmPassword: r,
     setConfirmPassword: o,
     validations: i
-  } = ZC();
+  } = QC();
   return /* @__PURE__ */ z(_t, { children: [
     /* @__PURE__ */ z("div", { className: "block", children: [
       /* @__PURE__ */ b(
@@ -21903,10 +21971,10 @@ const XC = ({
       ),
       t.errors.confirmPassword && t.touched.confirmPassword && /* @__PURE__ */ b("div", { className: "my-2 text-sm text-red-500", children: String(t.errors.confirmPassword) })
     ] }),
-    /* @__PURE__ */ b(JC, { validations: i })
+    /* @__PURE__ */ b(ZC, { validations: i })
   ] });
-}, b_ = ({ items: t }) => {
-  const [e, n] = xe([]), r = (i) => {
+}, y_ = ({ items: t }) => {
+  const [e, n] = ye([]), r = (i) => {
     n(
       (s) => s.includes(i) ? s.filter((a) => a !== i) : [...s, i]
     );
@@ -21969,7 +22037,7 @@ const XC = ({
   "text/csv": "Archivos CSV",
   "application/json": "Archivos JSON",
   "application/xml": "Archivos XML"
-}, y_ = ({
+}, v_ = ({
   onChange: t,
   accept: e = "application/pdf",
   maxSize: n = 10,
@@ -22031,13 +22099,13 @@ const XC = ({
     }
   ) });
 };
-function QC(t) {
+function e_(t) {
   return me({ attr: { version: "1.1", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M2 5v10c0 0.55 0.45 1 1 1h9c0.55 0 1-0.45 1-1v-10h-11zM5 14h-1v-7h1v7zM7 14h-1v-7h1v7zM9 14h-1v-7h1v7zM11 14h-1v-7h1v7z" }, child: [] }, { tag: "path", attr: { d: "M13.25 2h-3.25v-1.25c0-0.412-0.338-0.75-0.75-0.75h-3.5c-0.412 0-0.75 0.338-0.75 0.75v1.25h-3.25c-0.413 0-0.75 0.337-0.75 0.75v1.25h13v-1.25c0-0.413-0.338-0.75-0.75-0.75zM9 2h-3v-0.987h3v0.987z" }, child: [] }] })(t);
 }
-const e_ = (t) => {
+const t_ = (t) => {
   const e = Math.floor(Math.log(t) / Math.log(1024)), n = ["Bytes", "KB", "MB", "GB", "TB"];
   return `${(t / Math.pow(1024, e)).toFixed(2)} ${n[e]}`;
-}, v_ = ({ files: t, onDelete: e }) => /* @__PURE__ */ b("div", { className: "mt-4", children: /* @__PURE__ */ b("ul", { className: "list-disc", children: t.map((n, r) => /* @__PURE__ */ z(
+}, x_ = ({ files: t, onDelete: e }) => /* @__PURE__ */ b("div", { className: "mt-4", children: /* @__PURE__ */ b("ul", { className: "list-disc", children: t.map((n, r) => /* @__PURE__ */ z(
   "div",
   {
     className: "mb-5 flex w-full items-center justify-between rounded-lg border-2 border-dashed border-gray-300 bg-gray-50 p-4 hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:hover:border-gray-500 dark:hover:bg-gray-600",
@@ -22055,9 +22123,9 @@ const e_ = (t) => {
         /* @__PURE__ */ b("li", { className: "text-base font-semibold text-gray-700", children: n.name })
       ] }),
       /* @__PURE__ */ z("div", { className: "mx-4 flex items-center", children: [
-        /* @__PURE__ */ b("span", { className: "flex text-sm", children: e_(n.size) }),
+        /* @__PURE__ */ b("span", { className: "flex text-sm", children: t_(n.size) }),
         /* @__PURE__ */ b(
-          QC,
+          e_,
           {
             className: "ml-2 cursor-pointer text-4xl text-gray-400",
             onClick: () => e(n)
@@ -22067,7 +22135,7 @@ const e_ = (t) => {
     ]
   },
   r
-)) }) }), x_ = ({ description: t = "" }) => /* @__PURE__ */ z("div", { children: [
+)) }) }), w_ = ({ description: t = "" }) => /* @__PURE__ */ z("div", { className: "flex flex-col items-center justify-center", children: [
   /* @__PURE__ */ b(
     "img",
     {
@@ -22075,53 +22143,63 @@ const e_ = (t) => {
       alt: t.replace(/<[^>]*>/g, "")
     }
   ),
-  t && /* @__PURE__ */ b("p", { className: "text-center", dangerouslySetInnerHTML: { __html: t } })
+  t && /* @__PURE__ */ b(
+    "p",
+    {
+      className: "text-center",
+      dangerouslySetInnerHTML: { __html: t }
+    }
+  )
 ] });
-function w_() {
+function k_() {
   return /* @__PURE__ */ z(YC, { "aria-label": "Default tabs", children: [
     /* @__PURE__ */ z(Un, { active: !0, title: "Profile", children: [
-      "This is ",
+      "This is",
+      " ",
       /* @__PURE__ */ b("span", { className: "font-medium text-gray-800 dark:text-white", children: "Profile tab's associated content" }),
       ". Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling."
     ] }),
     /* @__PURE__ */ z(Un, { title: "Dashboard", children: [
-      "This is ",
+      "This is",
+      " ",
       /* @__PURE__ */ b("span", { className: "font-medium text-gray-800 dark:text-white", children: "Dashboard tab's associated content" }),
       ". Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling."
     ] }),
     /* @__PURE__ */ z(Un, { title: "Settings", children: [
-      "This is ",
+      "This is",
+      " ",
       /* @__PURE__ */ b("span", { className: "font-medium text-gray-800 dark:text-white", children: "Settings tab's associated content" }),
       ". Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling."
     ] }),
     /* @__PURE__ */ z(Un, { title: "Contacts", children: [
-      "This is ",
+      "This is",
+      " ",
       /* @__PURE__ */ b("span", { className: "font-medium text-gray-800 dark:text-white", children: "Contacts tab's associated content" }),
       ". Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling."
     ] })
   ] });
 }
 export {
-  i_ as ButtonFormat,
+  s_ as ButtonFormat,
   Ds as CardFormat,
-  a_ as CardIndicator,
-  s_ as Checkbox,
-  y_ as Dropzone,
+  l_ as CardIndicator,
+  a_ as Checkbox,
+  v_ as Dropzone,
   Tn as ImageFormat,
   gp as InputForm,
-  g_ as LayoutOutside,
-  v_ as ListFile,
+  p_ as LayoutOutside,
+  x_ as ListFile,
   br as ModalFormat,
-  u_ as MyDoughnutChart,
+  f_ as MyDoughnutChart,
   il as PasswordInput,
-  JC as PasswordValidationList,
+  ZC as PasswordValidationList,
   Rp as ProgressBar,
   Mp as SelectForm,
-  f_ as SidebarMth,
-  x_ as Spinner,
-  h_ as TableComponent,
-  b_ as TableOfContents,
-  w_ as TabsComponent,
-  p_ as TermsCheckbox,
-  m_ as ValidationPassword
+  h_ as SidebarMth,
+  w_ as Spinner,
+  g_ as TableComponent,
+  y_ as TableOfContents,
+  k_ as TabsComponent,
+  m_ as TermsCheckbox,
+  b_ as ValidationPassword
 };