componentables 0.1.16 → 0.1.17

package/dist/index.js

@@ -1,5 +1,5 @@
-import { jsxs as x, jsx as s, Fragment as Ae } from "react/jsx-runtime";
-import B, { useMemo as Ie, useEffect as H, createContext as je, useContext as Oe, useState as $, useCallback as ve, useRef as ce } from "react";
+import { jsxs as y, jsx as s, Fragment as Ae } from "react/jsx-runtime";
+import B, { useMemo as Ie, useEffect as W, createContext as je, useContext as Oe, useState as $, useCallback as ve, useRef as ce } from "react";
 import { Oval as Te } from "react-loader-spinner";
 import { createPortal as $e } from "react-dom";
 import { toast as re } from "react-toastify";
@@ -123,12 +123,12 @@ const ue = "-", Re = (e) => {
     experimentalParseClassName: t
   } = e, o = r.length === 1, a = r[0], l = r.length, i = (n) => {
     const c = [];
-    let d = 0, m = 0, k;
+    let d = 0, b = 0, k;
     for (let u = 0; u < n.length; u++) {
       let w = n[u];
       if (d === 0) {
         if (w === a && (o || n.slice(u, u + l) === r)) {
-          c.push(n.slice(m, u)), m = u + l;
+          c.push(n.slice(b, u)), b = u + l;
           continue;
         }
         if (w === "/") {
@@ -138,12 +138,12 @@ const ue = "-", Re = (e) => {
       }
       w === "[" ? d++ : w === "]" && d--;
     }
-    const f = c.length === 0 ? n : n.substring(m), v = f.startsWith(Ce), b = v ? f.substring(1) : f, y = k && k > m ? k - m : void 0;
+    const f = c.length === 0 ? n : n.substring(b), v = f.startsWith(Ce), m = v ? f.substring(1) : f, x = k && k > b ? k - b : void 0;
     return {
       modifiers: c,
       hasImportantModifier: v,
-      baseClassName: b,
-      maybePostfixModifierPosition: y
+      baseClassName: m,
+      maybePostfixModifierPosition: x
     };
   };
   return t ? (n) => t({
@@ -171,28 +171,28 @@ const ue = "-", Re = (e) => {
   let n = "";
   for (let c = i.length - 1; c >= 0; c -= 1) {
     const d = i[c], {
-      modifiers: m,
+      modifiers: b,
       hasImportantModifier: k,
       baseClassName: f,
       maybePostfixModifierPosition: v
     } = t(d);
-    let b = !!v, y = o(b ? f.substring(0, v) : f);
-    if (!y) {
-      if (!b) {
+    let m = !!v, x = o(m ? f.substring(0, v) : f);
+    if (!x) {
+      if (!m) {
         n = d + (n.length > 0 ? " " + n : n);
         continue;
       }
-      if (y = o(f), !y) {
+      if (x = o(f), !x) {
         n = d + (n.length > 0 ? " " + n : n);
         continue;
       }
-      b = !1;
+      m = !1;
     }
-    const u = Ue(m).join(":"), w = k ? u + Ce : u, h = w + y;
+    const u = Ue(b).join(":"), w = k ? u + Ce : u, h = w + x;
     if (l.includes(h))
       continue;
     l.push(h);
-    const L = a(y, b);
+    const L = a(x, m);
     for (let E = 0; E < L.length; ++E) {
       const z = L[E];
       l.push(w + z);
@@ -218,15 +218,15 @@ const Ne = (e) => {
 function Xe(e, ...r) {
   let t, o, a, l = i;
   function i(c) {
-    const d = r.reduce((m, k) => k(m), e());
+    const d = r.reduce((b, k) => k(b), e());
     return t = Ye(d), o = t.cache.get, a = t.cache.set, l = n, n(c);
   }
   function n(c) {
     const d = o(c);
     if (d)
       return d;
-    const m = Ke(c, t);
-    return a(c, m), m;
+    const b = Ke(c, t);
+    return a(c, b), b;
   }
   return function() {
     return l(Ze.apply(null, arguments));
@@ -235,7 +235,7 @@ function Xe(e, ...r) {
 const I = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, Me = /^\[(?:([a-z-]+):)?(.+)\]$/i, Qe = /^\d+\/\d+$/, qe = /* @__PURE__ */ new Set(["px", "full", "screen"]), er = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, rr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, tr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, or = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, W = (e) => Q(e) || qe.has(e) || Qe.test(e), U = (e) => ee(e, "length", pr), Q = (e) => !!e && !Number.isNaN(Number(e)), se = (e) => ee(e, "number", Q), te = (e) => !!e && Number.isInteger(Number(e)), ar = (e) => e.endsWith("%") && Q(e.slice(0, -1)), N = (e) => Me.test(e), Y = (e) => er.test(e), sr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), lr = (e) => ee(e, sr, ze), ir = (e) => ee(e, "position", ze), cr = /* @__PURE__ */ new Set(["image", "url"]), dr = (e) => ee(e, cr, br), ur = (e) => ee(e, "", mr), oe = () => !0, ee = (e, r, t) => {
+}, Me = /^\[(?:([a-z-]+):)?(.+)\]$/i, Qe = /^\d+\/\d+$/, qe = /* @__PURE__ */ new Set(["px", "full", "screen"]), er = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, rr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, tr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, or = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => Q(e) || qe.has(e) || Qe.test(e), U = (e) => ee(e, "length", pr), Q = (e) => !!e && !Number.isNaN(Number(e)), se = (e) => ee(e, "number", Q), te = (e) => !!e && Number.isInteger(Number(e)), ar = (e) => e.endsWith("%") && Q(e.slice(0, -1)), N = (e) => Me.test(e), Y = (e) => er.test(e), sr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), lr = (e) => ee(e, sr, ze), ir = (e) => ee(e, "position", ze), cr = /* @__PURE__ */ new Set(["image", "url"]), dr = (e) => ee(e, cr, br), ur = (e) => ee(e, "", mr), oe = () => !0, ee = (e, r, t) => {
   const o = Me.exec(e);
   return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
 }, pr = (e) => (
@@ -244,13 +244,13 @@ const I = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   rr.test(e) && !tr.test(e)
 ), ze = () => !1, mr = (e) => or.test(e), br = (e) => nr.test(e), gr = () => {
-  const e = I("colors"), r = I("spacing"), t = I("blur"), o = I("brightness"), a = I("borderColor"), l = I("borderRadius"), i = I("borderSpacing"), n = I("borderWidth"), c = I("contrast"), d = I("grayscale"), m = I("hueRotate"), k = I("invert"), f = I("gap"), v = I("gradientColorStops"), b = I("gradientColorStopPositions"), y = I("inset"), u = I("margin"), w = I("opacity"), h = I("padding"), L = I("saturate"), E = I("scale"), z = I("sepia"), P = I("skew"), g = I("space"), j = I("translate"), F = () => ["auto", "contain", "none"], G = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", N, r], S = () => [N, r], M = () => ["", W, U], A = () => ["auto", Q, N], V = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", N], R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], _ = () => [Q, N];
+  const e = I("colors"), r = I("spacing"), t = I("blur"), o = I("brightness"), a = I("borderColor"), l = I("borderRadius"), i = I("borderSpacing"), n = I("borderWidth"), c = I("contrast"), d = I("grayscale"), b = I("hueRotate"), k = I("invert"), f = I("gap"), v = I("gradientColorStops"), m = I("gradientColorStopPositions"), x = I("inset"), u = I("margin"), w = I("opacity"), h = I("padding"), L = I("saturate"), E = I("scale"), z = I("sepia"), P = I("skew"), g = I("space"), j = I("translate"), F = () => ["auto", "contain", "none"], G = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", N, r], S = () => [N, r], M = () => ["", H, U], A = () => ["auto", Q, N], V = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", N], R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], _ = () => [Q, N];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [oe],
-      spacing: [W, U],
+      spacing: [H, U],
       blur: ["none", "", Y, N],
       brightness: _(),
       borderColor: [e],
@@ -421,63 +421,63 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [y]
+        inset: [x]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [y]
+        "inset-x": [x]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [y]
+        "inset-y": [x]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [y]
+        start: [x]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [y]
+        end: [x]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [y]
+        top: [x]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [y]
+        right: [x]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [y]
+        bottom: [x]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [y]
+        left: [x]
       }],
       /**
        * Visibility
@@ -990,7 +990,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", W, N]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", H, N]
       }],
       /**
        * List Style Image
@@ -1066,14 +1066,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", W, U]
+        decoration: ["auto", "from-font", H, U]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", W, N]
+        "underline-offset": ["auto", H, N]
       }],
       /**
        * Text Decoration Color
@@ -1215,21 +1215,21 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [b]
+        from: [m]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [b]
+        via: [m]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [b]
+        to: [m]
       }],
       /**
        * Gradient Color Stops From
@@ -1555,14 +1555,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [W, N]
+        "outline-offset": [H, N]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [W, U]
+        outline: [H, U]
       }],
       /**
        * Outline Color
@@ -1602,7 +1602,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [W, U]
+        "ring-offset": [H, U]
       }],
       /**
        * Ring Offset Color
@@ -1696,7 +1696,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [m]
+        "hue-rotate": [b]
       }],
       /**
        * Invert
@@ -1760,7 +1760,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [m]
+        "backdrop-hue-rotate": [b]
       }],
       /**
        * Backdrop Invert
@@ -2197,7 +2197,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [W, U, se]
+        stroke: [H, U, se]
       }],
       /**
        * Stroke
@@ -2336,7 +2336,7 @@ const O = {
     active: "#4338ca"
   }
 }, Le = je(O);
-function Kr() {
+function Yr() {
   return Oe(Le);
 }
 function ge(e) {
@@ -2373,7 +2373,7 @@ function ge(e) {
     e.colors.backgroundLight
   ), r.style.setProperty("--componentables-disabled", e.colors.disabled), r.style.setProperty("--componentables-light", e.colors.light), r.style.setProperty("--componentables-active", e.colors.active);
 }
-function Zr({
+function Jr({
   children: e,
   theme: r
 }) {
@@ -2404,7 +2404,7 @@ function Zr({
       }
     };
   }, [r]);
-  return typeof window < "u" && ge(t), H(() => {
+  return typeof window < "u" && ge(t), W(() => {
     ge(t);
   }, [t]), B.createElement(Le.Provider, { value: t }, e);
 }
@@ -2434,7 +2434,7 @@ function q({
   className: c = "",
   ...d
 }) {
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ y(
     "button",
     {
       type: o,
@@ -2450,7 +2450,7 @@ function q({
       ),
       ...d,
       children: [
-        n && /* @__PURE__ */ x(
+        n && /* @__PURE__ */ y(
           "svg",
           {
             className: "w-4 h-4 mr-2 animate-spin",
@@ -2495,37 +2495,37 @@ function vr({
   error: n,
   disabled: c = !1,
   required: d = !1,
-  colorScheme: m = "secondary",
+  colorScheme: b = "secondary",
   className: k = "",
   ...f
 }) {
   const v = () => {
-    const y = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
+    const x = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
     if (n)
       return p(
-        y,
+        x,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
-    switch (m) {
+    switch (b) {
       case "primary":
         return p(
-          y,
+          x,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return p(
-          y,
+          x,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, b = () => m === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ x("div", { className: p("mb-6", k), children: [
-    i && /* @__PURE__ */ x(
+  }, m = () => b === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ y("div", { className: p("mb-6", k), children: [
+    i && /* @__PURE__ */ y(
       "label",
       {
         htmlFor: e,
-        className: p("block mb-2 text-sm font-medium", b()),
+        className: p("block mb-2 text-sm font-medium", m()),
         children: [
           i,
           d && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
@@ -2561,37 +2561,37 @@ function wr({
   disabled: n = !1,
   required: c = !1,
   colorScheme: d = "secondary",
-  className: m = "",
+  className: b = "",
   rows: k = 4,
   ...f
 }) {
   const v = () => {
-    const y = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted resize-none";
+    const x = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted resize-none";
     if (i)
       return p(
-        y,
+        x,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
     switch (d) {
       case "primary":
         return p(
-          y,
+          x,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return p(
-          y,
+          x,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, b = () => d === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ x("div", { className: p("mb-6", m), children: [
-    l && /* @__PURE__ */ x(
+  }, m = () => d === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ y("div", { className: p("mb-6", b), children: [
+    l && /* @__PURE__ */ y(
       "label",
       {
         htmlFor: e,
-        className: p("block mb-2 text-sm font-medium", b()),
+        className: p("block mb-2 text-sm font-medium", m()),
         children: [
           l,
           c && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
@@ -2617,7 +2617,7 @@ function wr({
   ] });
 }
 const De = { Input: vr, InputArea: wr };
-function kr({
+function Kr({
   id: e,
   name: r,
   checked: t = !1,
@@ -2629,7 +2629,11 @@ function kr({
   className: c = "",
   ...d
 }) {
-  const [m, k] = $(t), f = (h) => {
+  const [b, k] = $(t);
+  W(() => {
+    k(t);
+  }, [t]);
+  const f = (h) => {
     const L = h.target.checked;
     k(L), o?.(L);
   }, v = () => ({
@@ -2643,7 +2647,7 @@ function kr({
       border: "border-secondary",
       text: "text-secondary"
     }
-  })[i], b = () => {
+  })[i], m = () => {
     switch (n) {
       case "sm":
         return "w-10 h-6";
@@ -2653,7 +2657,7 @@ function kr({
       default:
         return "w-13 h-7";
     }
-  }, y = () => {
+  }, x = () => {
     switch (n) {
       case "sm":
         return "w-5 h-5";
@@ -2664,7 +2668,7 @@ function kr({
         return "w-6 h-6";
     }
   }, u = () => {
-    if (!m) return "translate-x-0";
+    if (!b) return "translate-x-0";
     switch (n) {
       case "sm":
         return "translate-x-5";
@@ -2675,15 +2679,15 @@ function kr({
         return "translate-x-6";
     }
   }, w = v();
-  return /* @__PURE__ */ x("div", { className: p("flex items-center gap-3", c), children: [
-    /* @__PURE__ */ x("div", { className: "relative", children: [
+  return /* @__PURE__ */ y("div", { className: p("flex items-center gap-3", c), children: [
+    /* @__PURE__ */ y("div", { className: "relative", children: [
       /* @__PURE__ */ s(
         "input",
         {
           type: "checkbox",
           id: e,
           name: r,
-          checked: m,
+          checked: b,
           onChange: f,
           disabled: a,
           className: "sr-only",
@@ -2696,8 +2700,8 @@ function kr({
           htmlFor: e,
           className: p(
             "block cursor-pointer transition-all duration-300 rounded-full border-2",
-            b(),
-            m ? p(w.bg, w.border) : "bg-gray-200 border-gray-300",
+            m(),
+            b ? p(w.bg, w.border) : "bg-gray-200 border-gray-300",
             a ? "opacity-50 cursor-not-allowed" : "hover:shadow-md"
           ),
           children: /* @__PURE__ */ s(
@@ -2705,7 +2709,7 @@ function kr({
             {
               className: p(
                 "absolute top-0.5 left-0.5 inline-block rounded-full bg-white transition-all duration-300 shadow-sm",
-                y(),
+                x(),
                 u()
               )
             }
@@ -2727,7 +2731,7 @@ function kr({
     )
   ] });
 }
-const Cr = { Toggle: kr }, Nr = ({
+const kr = ({
   size: e = 40,
   wrapperStyle: r = {},
   wrapperClass: t = "",
@@ -2744,7 +2748,7 @@ const Cr = { Toggle: kr }, Nr = ({
     minHeight: "100px",
     ...r
   };
-  return /* @__PURE__ */ x("div", { style: n, className: t, children: [
+  return /* @__PURE__ */ y("div", { style: n, className: t, children: [
     /* @__PURE__ */ s("label", { children: a }),
     /* @__PURE__ */ s(
       Te,
@@ -2760,7 +2764,7 @@ const Cr = { Toggle: kr }, Nr = ({
       }
     )
   ] });
-}, { Input: ie } = De, Xr = ({
+}, { Input: ie } = De, Zr = ({
   title: e = "Iniciar Sesión",
   showForgotPassword: r = !0,
   onlyForgotPassword: t = !1,
@@ -2771,9 +2775,9 @@ const Cr = { Toggle: kr }, Nr = ({
   const [i, n] = $({
     email: "",
     password: ""
-  }), [c, d] = $({}), [m, k] = $(!1), [f, v] = $(
+  }), [c, d] = $({}), [b, k] = $(!1), [f, v] = $(
     t ? "forgot" : "login"
-  ), b = (P, g) => {
+  ), m = (P, g) => {
     switch (P) {
       case "email":
         return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(g) ? "" : "Por favor ingresa un email válido";
@@ -2782,7 +2786,7 @@ const Cr = { Toggle: kr }, Nr = ({
       default:
         return "";
     }
-  }, y = (P) => {
+  }, x = (P) => {
     const { name: g, value: j } = P.target;
     n((F) => ({
       ...F,
@@ -2792,9 +2796,9 @@ const Cr = { Toggle: kr }, Nr = ({
       [g]: ""
     }));
   }, u = () => {
-    const P = {}, g = b("email", i.email);
+    const P = {}, g = m("email", i.email);
     if (g && (P.email = g), f === "login") {
-      const j = b("password", i.password);
+      const j = m("password", i.password);
       j && (P.password = j);
     }
     return d(P), Object.keys(P).length === 0;
@@ -2833,14 +2837,14 @@ const Cr = { Toggle: kr }, Nr = ({
             placeholder: "Ingresa tu email",
             label: "Email",
             value: i.email,
-            onChange: y,
+            onChange: x,
             error: c.email,
-            disabled: m,
+            disabled: b,
             colorScheme: "secondary"
           }
         );
       default:
-        return /* @__PURE__ */ x(Ae, { children: [
+        return /* @__PURE__ */ y(Ae, { children: [
           /* @__PURE__ */ s(
             ie,
             {
@@ -2850,9 +2854,9 @@ const Cr = { Toggle: kr }, Nr = ({
               placeholder: "Ingresa tu email",
               label: "Email",
               value: i.email,
-              onChange: y,
+              onChange: x,
               error: c.email,
-              disabled: m,
+              disabled: b,
               colorScheme: "secondary"
             }
           ),
@@ -2865,9 +2869,9 @@ const Cr = { Toggle: kr }, Nr = ({
               placeholder: "Ingresa tu contraseña",
               label: "Contraseña",
               value: i.password,
-              onChange: y,
+              onChange: x,
               error: c.password,
-              disabled: m,
+              disabled: b,
               colorScheme: "secondary"
             }
           )
@@ -2881,8 +2885,8 @@ const Cr = { Toggle: kr }, Nr = ({
         return e;
     }
   }, z = () => {
-    if (m)
-      return /* @__PURE__ */ s(Nr, { size: 20, wrapperStyle: { minHeight: "auto" } });
+    if (b)
+      return /* @__PURE__ */ s(kr, { size: 20, wrapperStyle: { minHeight: "auto" } });
     switch (f) {
       case "forgot":
         return "Enviar Enlace";
@@ -2894,20 +2898,20 @@ const Cr = { Toggle: kr }, Nr = ({
     "div",
     {
       className: `flex justify-center items-center min-h-[90vh] p-6 bg-background sm:p-4 ${o || ""}`,
-      children: /* @__PURE__ */ x("div", { className: "w-full max-w-100 p-12 bg-white rounded-2xl shadow-lg animate-[fadeIn_0.3s_ease-out] sm:p-8", children: [
+      children: /* @__PURE__ */ y("div", { className: "w-full max-w-100 p-12 bg-white rounded-2xl shadow-lg animate-[fadeIn_0.3s_ease-out] sm:p-8", children: [
         /* @__PURE__ */ s("h2", { className: "text-center mb-12 text-3xl font-semibold text-primary sm:text-2xl sm:mb-8", children: E() }),
         /* @__PURE__ */ s("div", { className: "space-y-4 mb-6", children: L() }),
         /* @__PURE__ */ s("form", { onSubmit: w, children: /* @__PURE__ */ s(
           q,
           {
             type: "submit",
-            disabled: m,
-            loading: m,
+            disabled: b,
+            loading: b,
             fullWidth: !0,
             variant: "primary",
             size: "lg",
             className: "mb-6",
-            children: !m && z()
+            children: !b && z()
           }
         ) }),
         f === "login" && r && /* @__PURE__ */ s(
@@ -2944,10 +2948,10 @@ var Se = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, fe = B.createContext && /* @__PURE__ */ B.createContext(Se), Mr = ["attr", "size", "title"];
-function zr(e, r) {
+}, fe = B.createContext && /* @__PURE__ */ B.createContext(Se), Cr = ["attr", "size", "title"];
+function Nr(e, r) {
   if (e == null) return {};
-  var t = Lr(e, r), o, a;
+  var t = Mr(e, r), o, a;
   if (Object.getOwnPropertySymbols) {
     var l = Object.getOwnPropertySymbols(e);
     for (a = 0; a < l.length; a++)
@@ -2955,7 +2959,7 @@ function zr(e, r) {
   }
   return t;
 }
-function Lr(e, r) {
+function Mr(e, r) {
   if (e == null) return {};
   var t = {};
   for (var o in e)
@@ -2989,21 +2993,21 @@ function ae(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
     r % 2 ? he(Object(t), !0).forEach(function(o) {
-      Dr(e, o, t[o]);
+      zr(e, o, t[o]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : he(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return e;
 }
-function Dr(e, r, t) {
-  return r = Sr(r), r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
+function zr(e, r, t) {
+  return r = Lr(r), r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
 }
-function Sr(e) {
-  var r = Er(e, "string");
+function Lr(e) {
+  var r = Dr(e, "string");
   return typeof r == "symbol" ? r : r + "";
 }
-function Er(e, r) {
+function Dr(e, r) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -3019,17 +3023,17 @@ function Ee(e) {
   }, r.attr), Ee(r.child)));
 }
 function J(e) {
-  return (r) => /* @__PURE__ */ B.createElement(Pr, ne({
+  return (r) => /* @__PURE__ */ B.createElement(Sr, ne({
     attr: ae({}, e.attr)
   }, r), Ee(e.child));
 }
-function Pr(e) {
+function Sr(e) {
   var r = (t) => {
     var {
       attr: o,
       size: a,
       title: l
-    } = e, i = zr(e, Mr), n = a || t.size || "1em", c;
+    } = e, i = Nr(e, Cr), n = a || t.size || "1em", c;
     return t.className && (c = t.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ B.createElement("svg", ne({
       stroke: "currentColor",
       fill: "currentColor",
@@ -3046,18 +3050,18 @@ function Pr(e) {
   };
   return fe !== void 0 ? /* @__PURE__ */ B.createElement(fe.Consumer, null, (t) => r(t)) : r(Se);
 }
-function Ar(e) {
+function Er(e) {
   return J({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "11", cy: "11", r: "8" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }, child: [] }] })(e);
 }
-const Ir = (e, r = 500) => {
+const Pr = (e, r = 500) => {
   const [t, o] = $(e);
-  return H(() => {
+  return W(() => {
     const a = setTimeout(() => {
       o(e);
     }, r);
     return () => clearTimeout(a);
   }, [e, r]), t;
-}, Qr = () => ({ showToast: (r, t) => {
+}, Xr = () => ({ showToast: (r, t) => {
   const o = {
     position: "bottom-right",
     autoClose: 2e3,
@@ -3085,9 +3089,9 @@ const Ir = (e, r = 500) => {
       break;
   }
 } });
-function qr(e = 768) {
+function Qr(e = 768) {
   const [r, t] = $(() => typeof window > "u" ? !1 : window.innerWidth < e);
-  return H(() => {
+  return W(() => {
     if (typeof window > "u")
       return;
     const o = () => {
@@ -3098,7 +3102,7 @@ function qr(e = 768) {
     };
   }, [e]), r;
 }
-function et({
+function qr({
   value: e,
   onChange: r,
   placeholder: t = "Search...",
@@ -3109,8 +3113,8 @@ function et({
   debounceDelay: n = 500,
   ...c
 }) {
-  const [d, m] = $(e || ""), k = Ir(d, n), f = ve(r, [r]);
-  H(() => {
+  const [d, b] = $(e || ""), k = Pr(d, n), f = ve(r, [r]);
+  W(() => {
     f(k);
   }, [k, f]);
   const v = () => {
@@ -3128,22 +3132,22 @@ function et({
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, b = () => a === "primary" ? "text-primary" : "text-secondary", y = () => a === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ x("div", { className: p("mb-0", i), children: [
+  }, m = () => a === "primary" ? "text-primary" : "text-secondary", x = () => a === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ y("div", { className: p("mb-0", i), children: [
     l && /* @__PURE__ */ s(
       "label",
       {
-        className: p("block mb-2 text-sm font-medium", y()),
+        className: p("block mb-2 text-sm font-medium", x()),
         children: l
       }
     ),
-    /* @__PURE__ */ x("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ y("div", { className: "relative w-full", children: [
       /* @__PURE__ */ s(
-        Ar,
+        Er,
         {
           className: p(
             "absolute left-3 top-1/2 -translate-y-1/2 text-base pointer-events-none",
-            b()
+            m()
           )
         }
       ),
@@ -3152,7 +3156,7 @@ function et({
         {
           type: "text",
           value: d,
-          onChange: (u) => m(u.target.value),
+          onChange: (u) => b(u.target.value),
           placeholder: t,
           disabled: o,
           className: v(),
@@ -3162,13 +3166,13 @@ function et({
     ] })
   ] });
 }
-function jr(e) {
+function Ar(e) {
   return J({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z" }, child: [] }] })(e);
 }
-function Or(e) {
+function Ir(e) {
   return J({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z" }, child: [] }] })(e);
 }
-function rt({
+function et({
   labelPage: e = "Page",
   labelOf: r = "of",
   setPagination: t,
@@ -3179,7 +3183,7 @@ function rt({
   isLoading: n = !1,
   fetchPage: c
 }) {
-  const d = parseInt(String(a)) === 1 || parseInt(String(o)) === 0 || n, m = parseInt(String(a)) === parseInt(String(o)) || parseInt(String(o)) === 0 || n, k = () => {
+  const d = parseInt(String(a)) === 1 || parseInt(String(o)) === 0 || n, b = parseInt(String(a)) === parseInt(String(o)) || parseInt(String(o)) === 0 || n, k = () => {
     n || (c ? c(a - 1) : t && t((v) => ({
       ...v,
       page: v.page - 1
@@ -3190,24 +3194,24 @@ function rt({
       page: v.page + 1
     })));
   };
-  return /* @__PURE__ */ x("div", { className: p("flex justify-center items-center mt-8", i), children: [
+  return /* @__PURE__ */ y("div", { className: p("flex justify-center items-center mt-8", i), children: [
     /* @__PURE__ */ s(
       q,
       {
         disabled: d,
         onClick: k,
         variant: "secondary",
-        children: /* @__PURE__ */ s(jr, { size: 14 })
+        children: /* @__PURE__ */ s(Ar, { size: 14 })
       }
     ),
     /* @__PURE__ */ s("h5", { className: "font-bold mx-2.5 text-text", children: `${l ? e : ""} ${a}${l ? ` ${r} ` : " / "}${o}` }),
     /* @__PURE__ */ s(
       q,
       {
-        disabled: m,
+        disabled: b,
         onClick: f,
         variant: "primary",
-        children: /* @__PURE__ */ s(Or, { size: 14 })
+        children: /* @__PURE__ */ s(Ir, { size: 14 })
       }
     )
   ] });
@@ -3215,13 +3219,13 @@ function rt({
 function Pe(e) {
   return J({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "48", d: "m112 184 144 144 144-144" }, child: [] }] })(e);
 }
-function Tr(e) {
+function jr(e) {
   return J({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z" }, child: [] }] })(e);
 }
-function $r(e) {
+function Or(e) {
   return J({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M456.69 421.39 362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3zM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8 124.95 124.95 0 0 1-124.8-124.8z" }, child: [] }] })(e);
 }
-function tt({
+function rt({
   title: e,
   subtitle: r,
   children: t,
@@ -3232,28 +3236,28 @@ function tt({
   colorScheme: n = "primary",
   icon: c,
   disabled: d = !1,
-  headerExtra: m
+  headerExtra: b
 }) {
-  const [k, f] = $(o), v = a !== void 0 ? a : k, b = () => {
+  const [k, f] = $(o), v = a !== void 0 ? a : k, m = () => {
     if (d) return;
     const h = !v;
     a === void 0 && f(h), l?.(h);
-  }, y = () => n === "primary" ? "border-primary" : "border-secondary", u = () => n === "primary" ? "text-primary" : "text-secondary", w = () => n === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
-  return /* @__PURE__ */ x(
+  }, x = () => n === "primary" ? "border-primary" : "border-secondary", u = () => n === "primary" ? "text-primary" : "text-secondary", w = () => n === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
+  return /* @__PURE__ */ y(
     "div",
     {
       className: p(
         "w-full rounded-lg border-2 bg-background transition-all duration-300",
-        y(),
+        x(),
         v && "shadow-lg",
         i
       ),
       children: [
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ y(
           "button",
           {
             type: "button",
-            onClick: b,
+            onClick: m,
             disabled: d,
             className: p(
               "w-full flex cursor-pointer items-center justify-between p-4 text-left transition-all duration-300 rounded-lg",
@@ -3262,9 +3266,9 @@ function tt({
             ),
             "aria-expanded": v,
             children: [
-              /* @__PURE__ */ x("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+              /* @__PURE__ */ y("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
                 c && /* @__PURE__ */ s("div", { className: p("shrink-0", u()), children: c }),
-                /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ s(
                     "h3",
                     {
@@ -3275,8 +3279,8 @@ function tt({
                   r && /* @__PURE__ */ s("p", { className: "text-sm text-text-muted truncate mt-0.5", children: r })
                 ] })
               ] }),
-              /* @__PURE__ */ x("div", { className: "flex items-center gap-3 shrink-0", children: [
-                m && /* @__PURE__ */ s("div", { onClick: (h) => h.stopPropagation(), children: m }),
+              /* @__PURE__ */ y("div", { className: "flex items-center gap-3 shrink-0", children: [
+                b && /* @__PURE__ */ s("div", { onClick: (h) => h.stopPropagation(), children: b }),
                 /* @__PURE__ */ s(
                   "div",
                   {
@@ -3299,17 +3303,17 @@ function tt({
               "overflow-hidden transition-all duration-300 ease-in-out",
               v ? "max-h-500 opacity-100" : "max-h-0 opacity-0"
             ),
-            children: /* @__PURE__ */ s("div", { className: p("p-4 pt-0 border-t-0", y()), children: /* @__PURE__ */ s("div", { className: "border-t border-border pt-4", children: t }) })
+            children: /* @__PURE__ */ s("div", { className: p("p-4 pt-0 border-t-0", x()), children: /* @__PURE__ */ s("div", { className: "border-t border-border pt-4", children: t }) })
           }
         )
       ]
     }
   );
 }
-function ot({ children: e, className: r = "" }) {
+function tt({ children: e, className: r = "" }) {
   return /* @__PURE__ */ s("div", { className: p("py-4", r), children: e });
 }
-function nt({
+function ot({
   options: e,
   value: r,
   onChange: t,
@@ -3320,11 +3324,11 @@ function nt({
 }) {
   const [n, c] = $(
     r ?? e[0]?.value ?? ""
-  ), d = r !== void 0 ? r : n, m = (b) => {
-    r === void 0 && c(b), t?.(b);
-  }, k = (b, y) => {
-    const u = d === b, w = "px-4 py-3 cursor-pointer text-sm font-medium transition-all duration-300 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed";
-    if (y)
+  ), d = r !== void 0 ? r : n, b = (m) => {
+    r === void 0 && c(m), t?.(m);
+  }, k = (m, x) => {
+    const u = d === m, w = "px-4 py-3 cursor-pointer text-sm font-medium transition-all duration-300 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed";
+    if (x)
       return p(w, "text-text-muted");
     switch (i) {
       case "filled":
@@ -3343,8 +3347,8 @@ function nt({
       default:
         return p(
           w,
-          "border-b-2",
-          u ? l === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-text-muted hover:text-text hover:border-border"
+          "border-b-2 flex items-center gap-2",
+          u ? l === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-gray-500 hover:text-gray-700"
         );
     }
   }, f = () => {
@@ -3355,23 +3359,26 @@ function nt({
         return "flex gap-2 flex-wrap";
       case "underline":
       default:
-        return "flex border-b-2 border-border";
+        return "flex gap-2 border-b border-gray-200";
     }
-  }, v = B.Children.toArray(o).find((b) => B.isValidElement(b) ? b.props.value === d : !1);
-  return /* @__PURE__ */ x("div", { className: p("w-full", a), children: [
-    /* @__PURE__ */ s("div", { className: f(), role: "tablist", children: e.map((b) => /* @__PURE__ */ s(
+  }, v = B.Children.toArray(o).find((m) => B.isValidElement(m) ? m.props.value === d : !1);
+  return /* @__PURE__ */ y("div", { className: p("w-full", a), children: [
+    /* @__PURE__ */ s("div", { className: f(), role: "tablist", children: e.map((m) => /* @__PURE__ */ y(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": d === b.value,
-        "aria-controls": `tabpanel-${b.value}`,
-        disabled: b.disabled,
-        onClick: () => !b.disabled && m(b.value),
-        className: k(b.value, b.disabled),
-        children: b.label
+        "aria-selected": d === m.value,
+        "aria-controls": `tabpanel-${m.value}`,
+        disabled: m.disabled,
+        onClick: () => !m.disabled && b(m.value),
+        className: k(m.value, m.disabled),
+        children: [
+          m.icon && /* @__PURE__ */ s("span", { className: "shrink-0", children: m.icon }),
+          m.label
+        ]
       },
-      b.value
+      m.value
     )) }),
     /* @__PURE__ */ s("div", { role: "tabpanel", id: `tabpanel-${d}`, children: v })
   ] });
@@ -3382,7 +3389,7 @@ function ye(e) {
 function xe(e) {
   return J({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }, child: [] }] })(e);
 }
-const Fr = [
+const Tr = [
   "Mon",
   "Tue",
   "Wed",
@@ -3390,7 +3397,7 @@ const Fr = [
   "Fri",
   "Sat",
   "Sun"
-], Rr = [
+], $r = [
   "Lun",
   "Mar",
   "Mié",
@@ -3398,7 +3405,7 @@ const Fr = [
   "Vie",
   "Sáb",
   "Dom"
-], _r = [
+], Fr = [
   "January",
   "February",
   "March",
@@ -3411,7 +3418,7 @@ const Fr = [
   "October",
   "November",
   "December"
-], Vr = [
+], Rr = [
   "Enero",
   "Febrero",
   "Marzo",
@@ -3425,14 +3432,14 @@ const Fr = [
   "Noviembre",
   "Diciembre"
 ];
-function Br(e) {
+function _r(e) {
   return new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
 }
-function Gr(e) {
+function Vr(e) {
   const r = new Date(e.getFullYear(), e.getMonth(), 1).getDay();
   return r === 0 ? 6 : r - 1;
 }
-function at({
+function nt({
   value: e,
   onChange: r,
   disabled: t = !1,
@@ -3444,15 +3451,15 @@ function at({
   const [n, c] = $(e || /* @__PURE__ */ new Date()), d = {
     en: "en-US",
     es: "es-ES"
-  }, m = {
+  }, b = {
+    en: Tr,
+    es: $r
+  }, k = {
     en: Fr,
     es: Rr
-  }, k = {
-    en: _r,
-    es: Vr
-  }, f = Br(n), v = Gr(n), b = [];
+  }, f = _r(n), v = Vr(n), m = [];
   for (let g = 0; g < v; g++)
-    b.push(null);
+    m.push(null);
   for (let g = 1; g <= f; g++) {
     const j = new Date(
       n.getFullYear(),
@@ -3462,9 +3469,9 @@ function at({
       0,
       0
     );
-    b.push(j);
+    m.push(j);
   }
-  const y = () => {
+  const x = () => {
     c(
       new Date(
         n.getFullYear(),
@@ -3539,7 +3546,7 @@ function at({
         };
     }
   })(), P = (g) => g && e ? g.toDateString() === e.toDateString() : !1;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: p(
@@ -3548,8 +3555,8 @@ function at({
       ),
       ...i,
       children: [
-        /* @__PURE__ */ x("div", { className: "mb-6", children: [
-          /* @__PURE__ */ x(
+        /* @__PURE__ */ y("div", { className: "mb-6", children: [
+          /* @__PURE__ */ y(
             "div",
             {
               className: p(
@@ -3589,12 +3596,12 @@ function at({
               ]
             }
           ),
-          /* @__PURE__ */ x("div", { className: p("flex items-center justify-between", z.header), children: [
+          /* @__PURE__ */ y("div", { className: p("flex items-center justify-between", z.header), children: [
             /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
-                onClick: y,
+                onClick: x,
                 disabled: t,
                 className: p(
                   "p-2 rounded-lg border transition-all duration-300",
@@ -3621,7 +3628,7 @@ function at({
             )
           ] })
         ] }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2 mb-4", children: m[l].map((g) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2 mb-4", children: b[l].map((g) => /* @__PURE__ */ s(
           "div",
           {
             className: p(
@@ -3632,7 +3639,7 @@ function at({
           },
           g
         )) }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2", children: b.map((g, j) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2", children: m.map((g, j) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -3669,7 +3676,7 @@ function at({
     }
   );
 }
-function st({
+function at({
   headers: e,
   data: r,
   loading: t,
@@ -3680,17 +3687,17 @@ function st({
   className: n = "",
   rowClassName: c = "",
   cellClassName: d = "",
-  headerClassName: m = "",
+  headerClassName: b = "",
   emptyText: k = "No data available",
   showCount: f = !0,
-  countText: v = (y) => `Showing ${y} record${y !== 1 ? "s" : ""}`,
-  keyExtractor: b = (y, u) => y._id || y.id || u
+  countText: v = (x) => `Showing ${x} record${x !== 1 ? "s" : ""}`,
+  keyExtractor: m = (x, u) => x._id || x.id || u
 }) {
   if (t)
     return /* @__PURE__ */ s("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ s("div", { className: "text-lg text-text-light", children: o }) });
   if (r.length === 0)
     return /* @__PURE__ */ s("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ s("div", { className: "text-lg text-text-muted", children: k }) });
-  const y = (u, w) => {
+  const x = (u, w) => {
     const h = w.toLowerCase().replace(/\s+/g, "_");
     let L = u[h];
     if (L === void 0) {
@@ -3713,15 +3720,15 @@ function st({
     }
     return L != null ? String(L) : "N/A";
   };
-  return /* @__PURE__ */ x("div", { className: p("overflow-x-auto", n), children: [
-    /* @__PURE__ */ x("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ x("tr", { className: "border-b-2 border-border", children: [
+  return /* @__PURE__ */ y("div", { className: p("overflow-x-auto", n), children: [
+    /* @__PURE__ */ y("table", { className: "w-full border-collapse", children: [
+      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ y("tr", { className: "border-b-2 border-border", children: [
         e.map((u, w) => /* @__PURE__ */ s(
           "th",
           {
             className: p(
               "text-left py-3 px-4 font-semibold text-text",
-              m
+              b
             ),
             children: u
           },
@@ -3732,13 +3739,13 @@ function st({
           {
             className: p(
               "text-center py-3 px-4 font-semibold text-text",
-              m
+              b
             ),
             children: l
           }
         )
       ] }) }),
-      /* @__PURE__ */ s("tbody", { children: r.map((u, w) => /* @__PURE__ */ x(
+      /* @__PURE__ */ s("tbody", { children: r.map((u, w) => /* @__PURE__ */ y(
         "tr",
         {
           className: p(
@@ -3748,14 +3755,14 @@ function st({
           ),
           onClick: () => i?.(u),
           children: [
-            e.map((h, L) => /* @__PURE__ */ s("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ s("div", { className: "text-text-light", children: y(u, h) }) }, L)),
+            e.map((h, L) => /* @__PURE__ */ s("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ s("div", { className: "text-text-light", children: x(u, h) }) }, L)),
             a && /* @__PURE__ */ s("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ s("div", { className: "flex gap-2 justify-center", children: a.map((h, L) => {
               const E = (z) => {
                 z?.stopPropagation(), h.onClick?.(u);
               };
               if (h.component) {
                 const z = h.component;
-                return /* @__PURE__ */ x(
+                return /* @__PURE__ */ y(
                   z,
                   {
                     onClick: E,
@@ -3769,7 +3776,7 @@ function st({
                   L
                 );
               }
-              return /* @__PURE__ */ x(
+              return /* @__PURE__ */ y(
                 q,
                 {
                   onClick: E,
@@ -3785,13 +3792,13 @@ function st({
             }) }) })
           ]
         },
-        b(u, w)
+        m(u, w)
       )) })
     ] }),
     f && r.length > 0 && /* @__PURE__ */ s("div", { className: "mt-6 text-center text-text-light text-sm", children: v(r.length) })
   ] });
 }
-function lt({
+function st({
   label: e,
   options: r,
   value: t = "",
@@ -3802,12 +3809,12 @@ function lt({
   onSearchInputCustom: n,
   placeholder: c = "Select...",
   disabled: d = !1,
-  error: m,
+  error: b,
   required: k = !1,
   colorScheme: f = "primary",
   noResultsText: v = "No results found",
-  searchPlaceholder: b = "Search...",
-  ...y
+  searchPlaceholder: m = "Search...",
+  ...x
 }) {
   const [u, w] = $(!1), [h, L] = $(""), [E, z] = $({
     top: 0,
@@ -3817,7 +3824,7 @@ function lt({
     P.map((C) => r.find((D) => D.value === C)).filter(Boolean)
   ), F = ce(null), G = ce(null), K = () => {
     const C = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed";
-    if (m)
+    if (b)
       return p(C, "border-danger focus:border-danger");
     switch (f) {
       case "primary":
@@ -3833,10 +3840,10 @@ function lt({
         );
     }
   }, S = () => f === "primary" ? "text-primary" : "text-secondary";
-  H(() => {
+  W(() => {
     const D = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((R) => r.find((_) => _.value === R)).filter(Boolean);
     j(D);
-  }, [t, r]), H(() => {
+  }, [t, r]), W(() => {
     u && i && G.current && G.current.focus();
   }, [u, i]);
   const M = ve(() => {
@@ -3849,7 +3856,7 @@ function lt({
       openUpward: X
     });
   }, []);
-  H(() => {
+  W(() => {
     function C(R) {
       F.current && !F.current.contains(R.target) && w(!1);
     }
@@ -3872,8 +3879,8 @@ function lt({
   }, T = i ? r.filter(
     (C) => C.label.toLowerCase().includes(h.toLowerCase())
   ) : r, Z = () => g.length === 0 ? c : a ? g.length === 1 ? g[0].label : `${g.length} selected` : g[0]?.label || c;
-  return /* @__PURE__ */ x("div", { className: p("mb-6", l), children: [
-    e && /* @__PURE__ */ x(
+  return /* @__PURE__ */ y("div", { className: p("mb-6", l), children: [
+    e && /* @__PURE__ */ y(
       "label",
       {
         className: p("block mb-2 text-sm font-medium", S()),
@@ -3883,8 +3890,8 @@ function lt({
         ]
       }
     ),
-    /* @__PURE__ */ x("div", { ref: F, className: "relative w-full", children: [
-      /* @__PURE__ */ x(
+    /* @__PURE__ */ y("div", { ref: F, className: "relative w-full", children: [
+      /* @__PURE__ */ y(
         "button",
         {
           type: "button",
@@ -3898,9 +3905,9 @@ function lt({
             u && "ring-1"
           ),
           disabled: d,
-          ...y,
+          ...x,
           children: [
-            /* @__PURE__ */ x("div", { className: "flex items-center gap-2 flex-1", children: [
+            /* @__PURE__ */ y("div", { className: "flex items-center gap-2 flex-1", children: [
               g.length > 0 && g[0].hex && /* @__PURE__ */ s(
                 "div",
                 {
@@ -3929,12 +3936,12 @@ function lt({
           ]
         }
       ),
-      u && /* @__PURE__ */ x(
+      u && /* @__PURE__ */ y(
         "div",
         {
           className: p(
             "fixed z-9999 rounded-lg border-2 bg-white shadow-xl",
-            m ? "border-danger" : f === "primary" ? "border-primary" : "border-secondary"
+            b ? "border-danger" : f === "primary" ? "border-primary" : "border-secondary"
           ),
           style: {
             top: `${E.top + (E.openUpward ? 0 : 8)}px`,
@@ -3943,8 +3950,8 @@ function lt({
             transform: E.openUpward ? "translateY(-100%)" : "none"
           },
           children: [
-            i && /* @__PURE__ */ s("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ x("div", { className: "relative", children: [
-              /* @__PURE__ */ s($r, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-text-muted" }),
+            i && /* @__PURE__ */ s("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ y("div", { className: "relative", children: [
+              /* @__PURE__ */ s(Or, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-text-muted" }),
               /* @__PURE__ */ s(
                 "input",
                 {
@@ -3952,7 +3959,7 @@ function lt({
                   type: "text",
                   value: h,
                   onChange: (C) => V(C.target.value),
-                  placeholder: b,
+                  placeholder: m,
                   className: p(
                     "w-full rounded-lg border-2 py-2 pr-10 pl-10 text-sm transition-all duration-300 focus:outline-none focus:ring-1",
                     f === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
@@ -3965,11 +3972,11 @@ function lt({
                   type: "button",
                   onClick: () => L(""),
                   className: "absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2 transform text-text-muted hover:text-text",
-                  children: /* @__PURE__ */ s(Tr, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ s(jr, { className: "h-4 w-4" })
                 }
               )
             ] }) }),
-            /* @__PURE__ */ x("div", { className: "max-h-60 overflow-y-auto py-1", children: [
+            /* @__PURE__ */ y("div", { className: "max-h-60 overflow-y-auto py-1", children: [
               T.map((C) => /* @__PURE__ */ s(
                 "button",
                 {
@@ -3979,7 +3986,7 @@ function lt({
                     "w-full px-4 py-3 text-left text-sm transition-colors",
                     g.some((D) => D.value === C.value) ? f === "primary" ? "bg-primary/10 text-primary font-medium" : "bg-secondary/10 text-secondary font-medium" : "text-text hover:bg-background-light"
                   ),
-                  children: /* @__PURE__ */ x("div", { className: "flex items-center gap-3", children: [
+                  children: /* @__PURE__ */ y("div", { className: "flex items-center gap-3", children: [
                     a && /* @__PURE__ */ s(
                       "div",
                       {
@@ -4025,10 +4032,10 @@ function lt({
         }
       )
     ] }),
-    m && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: m })
+    b && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: b })
   ] });
 }
-const it = ({
+const lt = ({
   id: e,
   name: r,
   onFilesSelected: t,
@@ -4040,13 +4047,13 @@ const it = ({
   required: c = !1,
   colorScheme: d = "secondary",
   // "primary" | "secondary"
-  className: m = "",
+  className: b = "",
   accept: k = "*/*",
   // Tipos de archivo aceptados: "image/*", "application/pdf", ".doc,.docx", etc.
   multiple: f = !1,
   ...v
 }) => {
-  const b = ce(null), [y, u] = $(!1), [w, h] = $([]), L = () => {
+  const m = ce(null), [x, u] = $(!1), [w, h] = $([]), L = () => {
     const M = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed cursor-pointer min-h-[120px]";
     if (i)
       return p(
@@ -4103,24 +4110,24 @@ const it = ({
     }
     return !1;
   }), G = () => {
-    n || b.current?.click();
+    n || m.current?.click();
   }, K = (M) => {
     const A = w.filter((V, T) => T !== M);
     h(A), t(A);
   }, S = (M) => {
     (M.key === "Enter" || M.key === " ") && (M.preventDefault(), G());
   };
-  return /* @__PURE__ */ x("div", { className: `mb-6 ${m}`, children: [
-    l && /* @__PURE__ */ x("label", { className: `block mb-2 text-sm font-medium ${E()}`, children: [
+  return /* @__PURE__ */ y("div", { className: `mb-6 ${b}`, children: [
+    l && /* @__PURE__ */ y("label", { className: `block mb-2 text-sm font-medium ${E()}`, children: [
       l,
       c && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
     ] }),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ y(
       "div",
       {
         className: p(
           L(),
-          y && "bg-background-light border-2-dashed"
+          x && "bg-background-light border-2-dashed"
         ),
         onDragEnter: z,
         onDragLeave: z,
@@ -4134,7 +4141,7 @@ const it = ({
           /* @__PURE__ */ s(
             "input",
             {
-              ref: b,
+              ref: m,
               id: e,
               name: r,
               type: "file",
@@ -4147,7 +4154,7 @@ const it = ({
               ...v
             }
           ),
-          /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center py-4", children: [
+          /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center py-4", children: [
             /* @__PURE__ */ s(
               "svg",
               {
@@ -4171,20 +4178,20 @@ const it = ({
         ]
       }
     ),
-    /* @__PURE__ */ x("div", { className: "mt-4 space-y-2", children: [
-      /* @__PURE__ */ x("p", { className: `text-sm font-medium ${E()}`, children: [
+    /* @__PURE__ */ y("div", { className: "mt-4 space-y-2", children: [
+      /* @__PURE__ */ y("p", { className: `text-sm font-medium ${E()}`, children: [
         w.length,
         " ",
         a,
         "(s) seleccionado(s):"
       ] }),
-      /* @__PURE__ */ s("ul", { className: "space-y-1", children: w.map((M, A) => /* @__PURE__ */ x(
+      /* @__PURE__ */ s("ul", { className: "space-y-1", children: w.map((M, A) => /* @__PURE__ */ y(
         "li",
         {
           className: "flex items-center justify-between p-2 bg-light rounded border border-border",
           children: [
-            /* @__PURE__ */ x("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-              /* @__PURE__ */ x(
+            /* @__PURE__ */ y("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+              /* @__PURE__ */ y(
                 "svg",
                 {
                   className: "w-4 h-4 text-text-muted shrink-0",
@@ -4216,7 +4223,7 @@ const it = ({
     ] }),
     i && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
   ] });
-}, ct = ({
+}, it = ({
   text: e,
   className: r = "",
   variant: t = "default",
@@ -4234,7 +4241,7 @@ const it = ({
   }, i = "inline-flex items-center px-3 py-1 rounded-full text-xs font-bold uppercase shadow-md", n = l[t] || l.default;
   return /* @__PURE__ */ s("div", { className: `${i} ${n} ${r}`, ...a, children: e });
 };
-function dt({
+function ct({
   isOpen: e,
   onClose: r,
   title: t,
@@ -4246,19 +4253,19 @@ function dt({
   closeOnOverlayClick: c = !0,
   closeOnEscape: d = !0
 }) {
-  if (H(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  if (W(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [e]), H(() => {
+  }), [e]), W(() => {
     if (!d || !e)
       return;
-    const v = (b) => {
-      b.key === "Escape" && r();
+    const v = (m) => {
+      m.key === "Escape" && r();
     };
     return document.addEventListener("keydown", v), () => {
       document.removeEventListener("keydown", v);
     };
   }, [e, r, d]), !e) return null;
-  const m = {
+  const b = {
     sm: "max-w-sm",
     md: "max-w-md",
     lg: "max-w-lg",
@@ -4277,17 +4284,17 @@ function dt({
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": t ? "modal-title" : void 0,
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ y(
         "div",
         {
           className: p(
             "relative bg-white rounded-xl shadow-2xl max-h-[90vh] flex flex-col w-full transition-all duration-300",
-            m[a],
+            b[a],
             l
           ),
           onClick: (v) => v.stopPropagation(),
           children: [
-            (t || n) && /* @__PURE__ */ x("div", { className: "flex justify-between items-center px-6 py-5 border-b border-border rounded-t-xl shrink-0", children: [
+            (t || n) && /* @__PURE__ */ y("div", { className: "flex justify-between items-center px-6 py-5 border-b border-border rounded-t-xl shrink-0", children: [
               t && /* @__PURE__ */ s(
                 "h2",
                 {
@@ -4315,7 +4322,7 @@ function dt({
   );
   return $e(f, document.body);
 }
-function ut({
+function dt({
   id: e,
   name: r,
   checked: t = !1,
@@ -4326,28 +4333,28 @@ function ut({
   variant: n = "solid",
   label: c,
   className: d = "",
-  ...m
+  ...b
 }) {
   const k = (f, v) => {
-    const b = "checkbox-input size-4 shrink-0 rounded transition-all duration-300 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-opacity-50 disabled:cursor-not-allowed disabled:opacity-50";
+    const m = "checkbox-input size-4 shrink-0 rounded transition-all duration-300 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-opacity-50 disabled:cursor-not-allowed disabled:opacity-50";
     if (f === "outline")
       switch (v) {
         case "primary":
-          return `${b} checkbox-outline checkbox-primary`;
+          return `${m} checkbox-outline checkbox-primary`;
         case "secondary":
         default:
-          return `${b} checkbox-outline checkbox-secondary`;
+          return `${m} checkbox-outline checkbox-secondary`;
       }
     else
       switch (v) {
         case "primary":
-          return `${b} checkbox-solid checkbox-primary`;
+          return `${m} checkbox-solid checkbox-primary`;
         case "secondary":
         default:
-          return `${b} checkbox-solid checkbox-secondary`;
+          return `${m} checkbox-solid checkbox-secondary`;
       }
   };
-  return c ? /* @__PURE__ */ x("div", { className: `flex items-center gap-2 ${d}`, children: [
+  return c ? /* @__PURE__ */ y("div", { className: `flex items-center gap-2 ${d}`, children: [
     /* @__PURE__ */ s(
       "input",
       {
@@ -4359,10 +4366,10 @@ function ut({
         disabled: a,
         required: l,
         className: k(n, i),
-        ...m
+        ...b
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ y(
       "label",
       {
         htmlFor: e,
@@ -4387,43 +4394,43 @@ function ut({
       style: {
         accentColor: "white"
       },
-      ...m
+      ...b
     }
   );
 }
-const { Input: pt, InputArea: mt } = De, { Toggle: bt } = Cr;
+const { Input: ut, InputArea: pt } = De;
 export {
-  ct as Badge,
+  it as Badge,
   q as Button,
-  at as Calendar,
-  ut as Checkbox,
-  lt as Dropdown,
-  Fr as EN_DEFAULT_DAY_NAMES,
-  _r as EN_DEFAULT_MONTH_NAMES,
-  Rr as ES_DEFAULT_DAY_NAMES,
-  Vr as ES_DEFAULT_MONTH_NAMES,
-  tt as ExpandableCard,
-  it as FileDropZone,
-  pt as Input,
-  mt as InputArea,
-  Nr as Loader,
-  Xr as Login,
-  dt as Modal,
-  rt as Pagination,
-  et as SearchInput,
-  ot as TabPanel,
-  st as Table,
-  nt as Tabs,
-  Zr as ThemeProvider,
-  bt as Toggle,
+  nt as Calendar,
+  dt as Checkbox,
+  st as Dropdown,
+  Tr as EN_DEFAULT_DAY_NAMES,
+  Fr as EN_DEFAULT_MONTH_NAMES,
+  $r as ES_DEFAULT_DAY_NAMES,
+  Rr as ES_DEFAULT_MONTH_NAMES,
+  rt as ExpandableCard,
+  lt as FileDropZone,
+  ut as Input,
+  pt as InputArea,
+  kr as Loader,
+  Zr as Login,
+  ct as Modal,
+  et as Pagination,
+  qr as SearchInput,
+  tt as TabPanel,
+  at as Table,
+  ot as Tabs,
+  Jr as ThemeProvider,
+  Kr as Toggle,
   p as cn,
   O as defaultTheme,
   le as generateColorVariants,
   hr as hexToHsl,
   be as hslToHex,
-  Ir as useDebounce,
-  qr as useIsMobile,
-  Kr as useTheme,
-  Qr as useToast
+  Pr as useDebounce,
+  Qr as useIsMobile,
+  Yr as useTheme,
+  Xr as useToast
 };
 //# sourceMappingURL=index.js.map