componentables 0.1.16 → 0.1.18

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 l, 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";
@@ -12,11 +12,11 @@ function we(e) {
   } else for (t in e) e[t] && (o && (o += " "), o += t);
   return o;
 }
-function Fe() {
+function Re() {
   for (var e, r, t = 0, o = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = we(e)) && (o && (o += " "), o += r);
   return o;
 }
-const ue = "-", Re = (e) => {
+const ue = "-", Fe = (e) => {
   const r = Ve(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
@@ -39,10 +39,10 @@ const ue = "-", Re = (e) => {
     return a;
   if (r.validators.length === 0)
     return;
-  const l = e.join(ue);
+  const s = e.join(ue);
   return r.validators.find(({
     validator: i
-  }) => i(l))?.classGroupId;
+  }) => i(s))?.classGroupId;
 }, pe = /^\[(.+)\]$/, _e = (e) => {
   if (pe.test(e)) {
     const r = pe.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
@@ -57,14 +57,14 @@ const ue = "-", Re = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ge(Object.entries(e.classGroups), t).forEach(([l, i]) => {
-    de(i, o, l, r);
+  return Ge(Object.entries(e.classGroups), t).forEach(([s, i]) => {
+    de(i, o, s, r);
   }), o;
 }, de = (e, r, t, o) => {
   e.forEach((a) => {
     if (typeof a == "string") {
-      const l = a === "" ? r : me(r, a);
-      l.classGroupId = t;
+      const s = a === "" ? r : me(r, a);
+      s.classGroupId = t;
       return;
     }
     if (typeof a == "function") {
@@ -78,8 +78,8 @@ const ue = "-", Re = (e) => {
       });
       return;
     }
-    Object.entries(a).forEach(([l, i]) => {
-      de(i, me(r, l), t, o);
+    Object.entries(a).forEach(([s, i]) => {
+      de(i, me(r, s), t, o);
     });
   });
 }, me = (e, r) => {
@@ -91,7 +91,7 @@ const ue = "-", Re = (e) => {
     }), t = t.nextPart.get(o);
   }), t;
 }, Be = (e) => e.isThemeGetter, Ge = (e, r) => r ? e.map(([t, o]) => {
-  const a = o.map((l) => typeof l == "string" ? r + l : typeof l == "object" ? Object.fromEntries(Object.entries(l).map(([i, n]) => [r + i, n])) : l);
+  const a = o.map((s) => typeof s == "string" ? r + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([i, n]) => [r + i, n])) : s);
   return [t, a];
 }) : e, We = (e) => {
   if (e < 1)
@@ -102,33 +102,33 @@ const ue = "-", Re = (e) => {
       }
     };
   let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const a = (l, i) => {
-    t.set(l, i), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+  const a = (s, i) => {
+    t.set(s, i), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
   };
   return {
-    get(l) {
-      let i = t.get(l);
+    get(s) {
+      let i = t.get(s);
       if (i !== void 0)
         return i;
-      if ((i = o.get(l)) !== void 0)
-        return a(l, i), i;
+      if ((i = o.get(s)) !== void 0)
+        return a(s, i), i;
     },
-    set(l, i) {
-      t.has(l) ? t.set(l, i) : a(l, i);
+    set(s, i) {
+      t.has(s) ? t.set(s, i) : a(s, i);
     }
   };
 }, Ce = "!", He = (e) => {
   const {
     separator: r,
     experimentalParseClassName: t
-  } = e, o = r.length === 1, a = r[0], l = r.length, i = (n) => {
+  } = e, o = r.length === 1, a = r[0], s = 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;
+        if (w === a && (o || n.slice(u, u + s) === r)) {
+          c.push(n.slice(b, u)), b = u + s;
           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 h = c.length === 0 ? n : n.substring(b), v = h.startsWith(Ce), m = v ? h.substring(1) : h, 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({
@@ -161,41 +161,41 @@ const ue = "-", Re = (e) => {
 }, Ye = (e) => ({
   cache: We(e.cacheSize),
   parseClassName: He(e),
-  ...Re(e)
+  ...Fe(e)
 }), Je = /\s+/, Ke = (e, r) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
     getConflictingClassGroupIds: a
-  } = r, l = [], i = e.trim().split(Je);
+  } = r, s = [], i = e.trim().split(Je);
   let n = "";
   for (let c = i.length - 1; c >= 0; c -= 1) {
     const d = i[c], {
-      modifiers: m,
+      modifiers: b,
       hasImportantModifier: k,
-      baseClassName: f,
+      baseClassName: h,
       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 ? h.substring(0, v) : h);
+    if (!x) {
+      if (!m) {
         n = d + (n.length > 0 ? " " + n : n);
         continue;
       }
-      if (y = o(f), !y) {
+      if (x = o(h), !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;
-    if (l.includes(h))
+    const u = Ue(b).join(":"), w = k ? u + Ce : u, f = w + x;
+    if (s.includes(f))
       continue;
-    l.push(h);
-    const L = a(y, b);
-    for (let E = 0; E < L.length; ++E) {
-      const z = L[E];
-      l.push(w + z);
+    s.push(f);
+    const D = a(x, m);
+    for (let E = 0; E < D.length; ++E) {
+      const z = D[E];
+      s.push(w + z);
     }
     n = d + (n.length > 0 ? " " + n : n);
   }
@@ -216,26 +216,26 @@ const Ne = (e) => {
   return t;
 };
 function Xe(e, ...r) {
-  let t, o, a, l = i;
+  let t, o, a, s = i;
   function i(c) {
-    const d = r.reduce((m, k) => k(m), e());
-    return t = Ye(d), o = t.cache.get, a = t.cache.set, l = n, n(c);
+    const d = r.reduce((b, k) => k(b), e());
+    return t = Ye(d), o = t.cache.get, a = t.cache.set, s = 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));
+    return s(Ze.apply(null, arguments));
   };
 }
 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"), s = I("borderRadius"), i = I("borderSpacing"), n = I("borderWidth"), c = I("contrast"), d = I("grayscale"), b = I("hueRotate"), k = I("invert"), h = I("gap"), v = I("gradientColorStops"), m = I("gradientColorStopPositions"), x = I("inset"), u = I("margin"), w = I("opacity"), f = I("padding"), D = I("saturate"), E = I("scale"), z = I("sepia"), P = I("skew"), g = I("space"), j = I("translate"), R = () => ["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"], L = () => ["", "0", N], F = () => ["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],
@@ -258,9 +258,9 @@ const I = (e) => {
       borderSpacing: S(),
       borderWidth: M(),
       contrast: _(),
-      grayscale: D(),
+      grayscale: L(),
       hueRotate: _(),
-      invert: D(),
+      invert: L(),
       gap: S(),
       gradientColorStops: [e],
       gradientColorStopPositions: [ar, U],
@@ -270,7 +270,7 @@ const I = (e) => {
       padding: S(),
       saturate: _(),
       scale: _(),
-      sepia: D(),
+      sepia: L(),
       skew: _(),
       space: S(),
       translate: S()
@@ -301,14 +301,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": R()
+        "break-after": F()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": R()
+        "break-before": F()
       }],
       /**
        * Break Inside
@@ -395,21 +395,21 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: F()
+        overscroll: R()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": F()
+        "overscroll-x": R()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": F()
+        "overscroll-y": R()
       }],
       /**
        * Position
@@ -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
@@ -525,14 +525,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: D()
+        grow: L()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: D()
+        shrink: L()
       }],
       /**
        * Order
@@ -627,21 +627,21 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [f]
+        gap: [h]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [f]
+        "gap-x": [h]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [f]
+        "gap-y": [h]
       }],
       /**
        * Justify Content
@@ -712,63 +712,63 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [h]
+        p: [f]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [h]
+        px: [f]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [h]
+        py: [f]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [h]
+        ps: [f]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [h]
+        pe: [f]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [h]
+        pt: [f]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [h]
+        pr: [f]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [h]
+        pb: [f]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [h]
+        pl: [f]
       }],
       /**
        * Margin
@@ -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
@@ -1258,105 +1258,105 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [l]
+        rounded: [s]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [l]
+        "rounded-s": [s]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [l]
+        "rounded-e": [s]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [l]
+        "rounded-t": [s]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [l]
+        "rounded-r": [s]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [l]
+        "rounded-b": [s]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [l]
+        "rounded-l": [s]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [l]
+        "rounded-ss": [s]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [l]
+        "rounded-se": [s]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [l]
+        "rounded-ee": [s]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [l]
+        "rounded-es": [s]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [l]
+        "rounded-tl": [s]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [l]
+        "rounded-tr": [s]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [l]
+        "rounded-br": [s]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [l]
+        "rounded-bl": [s]
       }],
       /**
        * Border Width
@@ -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
@@ -1710,7 +1710,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [L]
+        saturate: [D]
       }],
       /**
        * Sepia
@@ -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
@@ -1781,7 +1781,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [L]
+        "backdrop-saturate": [D]
       }],
       /**
        * Backdrop Sepia
@@ -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
@@ -2274,15 +2274,15 @@ const I = (e) => {
   };
 }, fr = /* @__PURE__ */ Xe(gr);
 function p(...e) {
-  return fr(Fe(e));
+  return fr(Re(e));
 }
 function hr(e) {
-  const r = parseInt(e.slice(1, 3), 16) / 255, t = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, a = Math.max(r, t, o), l = Math.min(r, t, o);
+  const r = parseInt(e.slice(1, 3), 16) / 255, t = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, a = Math.max(r, t, o), s = Math.min(r, t, o);
   let i = 0, n = 0;
-  const c = (a + l) / 2;
-  if (a !== l) {
-    const d = a - l;
-    switch (n = c > 0.5 ? d / (2 - a - l) : d / (a + l), a) {
+  const c = (a + s) / 2;
+  if (a !== s) {
+    const d = a - s;
+    switch (n = c > 0.5 ? d / (2 - a - s) : d / (a + s), a) {
       case r:
         i = ((t - o) / d + (t < o ? 6 : 0)) / 6;
         break;
@@ -2298,8 +2298,8 @@ function hr(e) {
 }
 function be(e, r, t) {
   t /= 100;
-  const o = r * Math.min(t, 1 - t) / 100, a = (l) => {
-    const i = (l + e / 30) % 12, n = t - o * Math.max(Math.min(i - 3, 9 - i, 1), -1);
+  const o = r * Math.min(t, 1 - t) / 100, a = (s) => {
+    const i = (s + e / 30) % 12, n = t - o * Math.max(Math.min(i - 3, 9 - i, 1), -1);
     return Math.round(255 * n).toString(16).padStart(2, "0");
   };
   return `#${a(0)}${a(8)}${a(4)}`;
@@ -2336,7 +2336,7 @@ const O = {
     active: "#4338ca"
   }
 }, Le = je(O);
-function Kr() {
+function Yr() {
   return Oe(Le);
 }
 function ge(e) {
@@ -2373,20 +2373,20 @@ 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
 }) {
   const t = Ie(() => {
-    const o = r?.colors || {}, a = o.primary ? le(o.primary) : null, l = o.secondary ? le(o.secondary) : null, i = o.danger ? le(o.danger) : null;
+    const o = r?.colors || {}, a = o.primary ? le(o.primary) : null, s = o.secondary ? le(o.secondary) : null, i = o.danger ? le(o.danger) : null;
     return {
       colors: {
         primary: o.primary || O.colors.primary,
         primaryLight: a?.light || O.colors.primaryLight,
         primaryDark: a?.dark || O.colors.primaryDark,
         secondary: o.secondary || O.colors.secondary,
-        secondaryLight: l?.light || O.colors.secondaryLight,
-        secondaryDark: l?.dark || O.colors.secondaryDark,
+        secondaryLight: s?.light || O.colors.secondaryLight,
+        secondaryDark: s?.dark || O.colors.secondaryDark,
         danger: o.danger || O.colors.danger,
         dangerLight: i?.light || O.colors.dangerLight,
         dangerDark: i?.dark || O.colors.dangerDark,
@@ -2404,14 +2404,15 @@ 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);
 }
 const yr = {
   primary: "bg-primary text-white border-primary hover:bg-primary-dark hover:border-primary-dark active:bg-active",
   secondary: "bg-secondary text-white border-secondary hover:bg-secondary-dark hover:border-secondary-dark",
-  outline: "bg-transparent text-primary border-primary hover:bg-primary hover:text-white",
+  "primary-outline": "bg-transparent text-primary border-primary hover:bg-primary hover:text-white",
+  "secondary-outline": "bg-transparent text-secondary border-secondary hover:bg-secondary hover:text-white",
   ghost: "bg-transparent text-primary border-transparent hover:bg-primary hover:text-white hover:border-primary",
   light: "bg-light text-text border-border hover:bg-background-light",
   danger: "bg-transparent text-danger border-danger hover:text-white hover:bg-danger hover:border-danger active:bg-danger-dark",
@@ -2428,13 +2429,13 @@ function q({
   disabled: t = !1,
   type: o = "button",
   variant: a = "primary",
-  size: l = "md",
+  size: s = "md",
   fullWidth: i = !1,
   loading: n = !1,
   className: c = "",
   ...d
 }) {
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ y(
     "button",
     {
       type: o,
@@ -2443,21 +2444,21 @@ function q({
       className: p(
         "inline-flex shadow-md hover:shadow-lg cursor-pointer items-center justify-center font-medium rounded-lg border transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50",
         t || n ? "bg-disabled text-text-muted border-disabled cursor-not-allowed hover:bg-disabled hover:border-disabled hover:text-text-muted" : yr[a],
-        xr[l],
+        xr[s],
         i && "w-full",
         n && "cursor-wait opacity-75",
         c
       ),
       ...d,
       children: [
-        n && /* @__PURE__ */ x(
+        n && /* @__PURE__ */ y(
           "svg",
           {
             className: "w-4 h-4 mr-2 animate-spin",
             fill: "none",
             viewBox: "0 0 24 24",
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "circle",
                 {
                   className: "opacity-25",
@@ -2468,7 +2469,7 @@ function q({
                   strokeWidth: "4"
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "path",
                 {
                   className: "opacity-75",
@@ -2490,49 +2491,49 @@ function vr({
   type: t = "text",
   value: o,
   onChange: a,
-  placeholder: l,
+  placeholder: s,
   label: i,
   error: n,
   disabled: c = !1,
   required: d = !1,
-  colorScheme: m = "secondary",
+  colorScheme: b = "secondary",
   className: k = "",
-  ...f
+  ...h
 }) {
   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: "*" })
+          d && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       "input",
       {
         id: e,
@@ -2540,14 +2541,14 @@ function vr({
         type: t,
         value: o,
         onChange: a,
-        placeholder: l,
+        placeholder: s,
         disabled: c,
         required: d,
         className: v(),
-        ...f
+        ...h
       }
     ),
-    n && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: n })
+    n && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: n })
   ] });
 }
 function wr({
@@ -2556,49 +2557,49 @@ function wr({
   value: t,
   onChange: o,
   placeholder: a,
-  label: l,
+  label: s,
   error: i,
   disabled: n = !1,
   required: c = !1,
   colorScheme: d = "secondary",
-  className: m = "",
+  className: b = "",
   rows: k = 4,
-  ...f
+  ...h
 }) {
   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: [
+    s && /* @__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: "*" })
+          s,
+          c && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       "textarea",
       {
         id: e,
@@ -2610,28 +2611,33 @@ function wr({
         required: c,
         rows: k,
         className: v(),
-        ...f
+        ...h
       }
     ),
-    i && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
+    i && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
   ] });
 }
 const De = { Input: vr, InputArea: wr };
-function kr({
+function Kr({
   id: e,
   name: r,
   checked: t = !1,
   onChange: o,
   disabled: a = !1,
-  label: l,
+  label: s,
   colorScheme: i = "secondary",
   size: n = "md",
   className: c = "",
   ...d
 }) {
-  const [m, k] = $(t), f = (h) => {
-    const L = h.target.checked;
-    k(L), o?.(L);
+  const [b, k] = $(t);
+  W(() => {
+    k(t);
+  }, [t]);
+  const h = () => {
+    if (a) return;
+    const f = !b;
+    k(f), o?.(f);
   }, v = () => ({
     primary: {
       bg: "bg-primary",
@@ -2643,7 +2649,7 @@ function kr({
       border: "border-secondary",
       text: "text-secondary"
     }
-  })[i], b = () => {
+  })[i], m = () => {
     switch (n) {
       case "sm":
         return "w-10 h-6";
@@ -2653,7 +2659,7 @@ function kr({
       default:
         return "w-13 h-7";
     }
-  }, y = () => {
+  }, x = () => {
     switch (n) {
       case "sm":
         return "w-5 h-5";
@@ -2664,7 +2670,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,65 +2681,76 @@ 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: [
-      /* @__PURE__ */ s(
-        "input",
-        {
-          type: "checkbox",
-          id: e,
-          name: r,
-          checked: m,
-          onChange: f,
-          disabled: a,
-          className: "sr-only",
-          ...d
-        }
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: p(
+        "flex items-center gap-3",
+        a ? "cursor-not-allowed" : "cursor-pointer",
+        c
       ),
-      /* @__PURE__ */ s(
-        "label",
-        {
-          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",
-            a ? "opacity-50 cursor-not-allowed" : "hover:shadow-md"
+      onClick: h,
+      children: [
+        /* @__PURE__ */ y("div", { className: "relative", children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              type: "checkbox",
+              id: e,
+              name: r,
+              checked: b,
+              onChange: () => {
+              },
+              disabled: a,
+              className: "sr-only",
+              "aria-label": s || r,
+              ...d
+            }
           ),
-          children: /* @__PURE__ */ s(
-            "span",
+          /* @__PURE__ */ l(
+            "div",
             {
               className: p(
-                "absolute top-0.5 left-0.5 inline-block rounded-full bg-white transition-all duration-300 shadow-sm",
-                y(),
-                u()
+                "block transition-all duration-300 rounded-full border-2",
+                m(),
+                b ? p(w.bg, w.border) : "bg-gray-200 border-gray-300",
+                a ? "opacity-50" : "hover:shadow-md"
+              ),
+              children: /* @__PURE__ */ l(
+                "span",
+                {
+                  className: p(
+                    "absolute top-0.5 left-0.5 inline-block rounded-full bg-white transition-all duration-300 shadow-sm",
+                    x(),
+                    u()
+                  )
+                }
               )
             }
           )
-        }
-      )
-    ] }),
-    l && /* @__PURE__ */ s(
-      "label",
-      {
-        htmlFor: e,
-        className: p(
-          "text-sm font-medium cursor-pointer select-none",
-          w.text,
-          a && "opacity-50 cursor-not-allowed"
-        ),
-        children: l
-      }
-    )
-  ] });
+        ] }),
+        s && /* @__PURE__ */ l(
+          "span",
+          {
+            className: p(
+              "text-sm font-medium select-none",
+              w.text,
+              a && "opacity-50"
+            ),
+            children: s
+          }
+        )
+      ]
+    }
+  );
 }
-const Cr = { Toggle: kr }, Nr = ({
+const kr = ({
   size: e = 40,
   wrapperStyle: r = {},
   wrapperClass: t = "",
   ariaLabel: o = "Cargando...",
   label: a = "Cargando...",
-  visible: l = !0,
+  visible: s = !0,
   direction: i = "column"
 }) => {
   const n = {
@@ -2744,12 +2761,12 @@ const Cr = { Toggle: kr }, Nr = ({
     minHeight: "100px",
     ...r
   };
-  return /* @__PURE__ */ x("div", { style: n, className: t, children: [
-    /* @__PURE__ */ s("label", { children: a }),
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ y("div", { style: n, className: t, children: [
+    /* @__PURE__ */ l("label", { children: a }),
+    /* @__PURE__ */ l(
       Te,
       {
-        visible: l,
+        visible: s,
         height: e,
         width: e,
         ariaLabel: o,
@@ -2760,20 +2777,20 @@ const Cr = { Toggle: kr }, Nr = ({
       }
     )
   ] });
-}, { Input: ie } = De, Xr = ({
+}, { Input: ie } = De, Zr = ({
   title: e = "Iniciar Sesión",
   showForgotPassword: r = !0,
   onlyForgotPassword: t = !1,
   className: o = "",
   onLogin: a,
-  onForgotPassword: l
+  onForgotPassword: s
 }) => {
   const [i, n] = $({
     email: "",
     password: ""
-  }), [c, d] = $({}), [m, k] = $(!1), [f, v] = $(
+  }), [c, d] = $({}), [b, k] = $(!1), [h, 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,19 +2799,19 @@ const Cr = { Toggle: kr }, Nr = ({
       default:
         return "";
     }
-  }, y = (P) => {
+  }, x = (P) => {
     const { name: g, value: j } = P.target;
-    n((F) => ({
-      ...F,
+    n((R) => ({
+      ...R,
       [g]: j
-    })), c[g] && d((F) => ({
-      ...F,
+    })), c[g] && d((R) => ({
+      ...R,
       [g]: ""
     }));
   }, u = () => {
-    const P = {}, g = b("email", i.email);
-    if (g && (P.email = g), f === "login") {
-      const j = b("password", i.password);
+    const P = {}, g = m("email", i.email);
+    if (g && (P.email = g), h === "login") {
+      const j = m("password", i.password);
       j && (P.password = j);
     }
     return d(P), Object.keys(P).length === 0;
@@ -2802,7 +2819,7 @@ const Cr = { Toggle: kr }, Nr = ({
     if (P.preventDefault(), !!u()) {
       k(!0);
       try {
-        switch (f) {
+        switch (h) {
           case "login":
             a && await a({
               email: i.email,
@@ -2810,7 +2827,7 @@ const Cr = { Toggle: kr }, Nr = ({
             });
             break;
           case "forgot":
-            l && await l(i.email);
+            s && await s(i.email);
             break;
         }
       } catch (g) {
@@ -2819,12 +2836,12 @@ const Cr = { Toggle: kr }, Nr = ({
         k(!1);
       }
     }
-  }, h = (P) => {
+  }, f = (P) => {
     v(P), d({}), n({ email: i.email, password: "" });
-  }, L = () => {
-    switch (f) {
+  }, D = () => {
+    switch (h) {
       case "forgot":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ l(
           ie,
           {
             id: "email",
@@ -2833,15 +2850,15 @@ 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: [
-          /* @__PURE__ */ s(
+        return /* @__PURE__ */ y(Ae, { children: [
+          /* @__PURE__ */ l(
             ie,
             {
               id: "email",
@@ -2850,13 +2867,13 @@ 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"
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ l(
             ie,
             {
               id: "password",
@@ -2865,56 +2882,56 @@ 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"
             }
           )
         ] });
     }
   }, E = () => {
-    switch (f) {
+    switch (h) {
       case "forgot":
         return t ? "Cambiar Contraseña" : "Recuperar Contraseña";
       default:
         return e;
     }
   }, z = () => {
-    if (m)
-      return /* @__PURE__ */ s(Nr, { size: 20, wrapperStyle: { minHeight: "auto" } });
-    switch (f) {
+    if (b)
+      return /* @__PURE__ */ l(kr, { size: 20, wrapperStyle: { minHeight: "auto" } });
+    switch (h) {
       case "forgot":
         return "Enviar Enlace";
       default:
         return "Entrar";
     }
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "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: [
-        /* @__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(
+      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__ */ l("h2", { className: "text-center mb-12 text-3xl font-semibold text-primary sm:text-2xl sm:mb-8", children: E() }),
+        /* @__PURE__ */ l("div", { className: "space-y-4 mb-6", children: D() }),
+        /* @__PURE__ */ l("form", { onSubmit: w, children: /* @__PURE__ */ l(
           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(
+        h === "login" && r && /* @__PURE__ */ l(
           q,
           {
             type: "button",
-            onClick: () => h("forgot"),
+            onClick: () => f("forgot"),
             variant: "link",
             size: "sm",
             fullWidth: !0,
@@ -2922,11 +2939,11 @@ const Cr = { Toggle: kr }, Nr = ({
             children: "¿Olvidaste tu contraseña?"
           }
         ),
-        f === "forgot" && !t && /* @__PURE__ */ s(
+        h === "forgot" && !t && /* @__PURE__ */ l(
           q,
           {
             type: "button",
-            onClick: () => h("login"),
+            onClick: () => f("login"),
             variant: "link",
             size: "sm",
             fullWidth: !0,
@@ -2944,18 +2961,18 @@ 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++)
-      o = l[a], !(r.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
+    var s = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < s.length; a++)
+      o = s[a], !(r.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
   }
   return t;
 }
-function Lr(e, r) {
+function Mr(e, r) {
   if (e == null) return {};
   var t = {};
   for (var o in e)
@@ -2989,21 +3006,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 +3036,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;
+      title: s
+    } = 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",
@@ -3042,22 +3059,22 @@ function Pr(e) {
       height: n,
       width: n,
       xmlns: "http://www.w3.org/2000/svg"
-    }), l && /* @__PURE__ */ B.createElement("title", null, l), e.children);
+    }), s && /* @__PURE__ */ B.createElement("title", null, s), e.children);
   };
   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 +3102,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,21 +3115,21 @@ function qr(e = 768) {
     };
   }, [e]), r;
 }
-function et({
+function qr({
   value: e,
   onChange: r,
   placeholder: t = "Search...",
   disabled: o = !1,
   colorScheme: a = "secondary",
-  label: l,
+  label: s,
   className: i = "",
   debounceDelay: n = 500,
   ...c
 }) {
-  const [d, m] = $(e || ""), k = Ir(d, n), f = ve(r, [r]);
-  H(() => {
-    f(k);
-  }, [k, f]);
+  const [d, b] = $(e || ""), k = Pr(d, n), h = ve(r, [r]);
+  W(() => {
+    h(k);
+  }, [k, h]);
   const v = () => {
     const u = "w-full px-4 py-4 pl-10 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";
     switch (a) {
@@ -3128,31 +3145,31 @@ 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: [
-    l && /* @__PURE__ */ s(
+  }, m = () => a === "primary" ? "text-primary" : "text-secondary", x = () => a === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ y("div", { className: p("mb-0", i), children: [
+    s && /* @__PURE__ */ l(
       "label",
       {
-        className: p("block mb-2 text-sm font-medium", y()),
-        children: l
+        className: p("block mb-2 text-sm font-medium", x()),
+        children: s
       }
     ),
-    /* @__PURE__ */ x("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ s(
-        Ar,
+    /* @__PURE__ */ y("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ l(
+        Er,
         {
           className: p(
             "absolute left-3 top-1/2 -translate-y-1/2 text-base pointer-events-none",
-            b()
+            m()
           )
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         "input",
         {
           type: "text",
           value: d,
-          onChange: (u) => m(u.target.value),
+          onChange: (u) => b(u.target.value),
           placeholder: t,
           disabled: o,
           className: v(),
@@ -3162,52 +3179,52 @@ 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,
   totalPages: o,
   currentPage: a,
-  showLabel: l = !0,
+  showLabel: s = !0,
   className: i = "",
   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
     })));
-  }, f = () => {
+  }, h = () => {
     n || (c ? c(a + 1) : t && t((v) => ({
       ...v,
       page: v.page + 1
     })));
   };
-  return /* @__PURE__ */ x("div", { className: p("flex justify-center items-center mt-8", i), children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ y("div", { className: p("flex justify-center items-center mt-8", i), children: [
+    /* @__PURE__ */ l(
       q,
       {
         disabled: d,
         onClick: k,
         variant: "secondary",
-        children: /* @__PURE__ */ s(jr, { size: 14 })
+        children: /* @__PURE__ */ l(Ar, { size: 14 })
       }
     ),
-    /* @__PURE__ */ s("h5", { className: "font-bold mx-2.5 text-text", children: `${l ? e : ""} ${a}${l ? ` ${r} ` : " / "}${o}` }),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l("h5", { className: "font-bold mx-2.5 text-text", children: `${s ? e : ""} ${a}${s ? ` ${r} ` : " / "}${o}` }),
+    /* @__PURE__ */ l(
       q,
       {
-        disabled: m,
-        onClick: f,
+        disabled: b,
+        onClick: h,
         variant: "primary",
-        children: /* @__PURE__ */ s(Or, { size: 14 })
+        children: /* @__PURE__ */ l(Ir, { size: 14 })
       }
     )
   ] });
@@ -3215,45 +3232,45 @@ 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,
   defaultExpanded: o = !1,
   expanded: a,
-  onToggle: l,
+  onToggle: s,
   className: i = "",
   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, h] = $(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(
+    const f = !v;
+    a === void 0 && h(f), s?.(f);
+  }, 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,22 +3279,22 @@ function tt({
             ),
             "aria-expanded": v,
             children: [
-              /* @__PURE__ */ x("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__ */ s(
+              /* @__PURE__ */ y("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+                c && /* @__PURE__ */ l("div", { className: p("shrink-0", u()), children: c }),
+                /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ l(
                     "h3",
                     {
                       className: p("text-base font-medium truncate", u()),
                       children: e
                     }
                   ),
-                  r && /* @__PURE__ */ s("p", { className: "text-sm text-text-muted truncate mt-0.5", children: r })
+                  r && /* @__PURE__ */ l("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__ */ s(
+              /* @__PURE__ */ y("div", { className: "flex items-center gap-3 shrink-0", children: [
+                b && /* @__PURE__ */ l("div", { onClick: (f) => f.stopPropagation(), children: b }),
+                /* @__PURE__ */ l(
                   "div",
                   {
                     className: p(
@@ -3285,69 +3302,69 @@ function tt({
                       u(),
                       v && "rotate-180"
                     ),
-                    children: /* @__PURE__ */ s(Pe, { className: "h-5 w-5" })
+                    children: /* @__PURE__ */ l(Pe, { className: "h-5 w-5" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "div",
           {
             className: p(
               "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__ */ l("div", { className: p("p-4 pt-0 border-t-0", x()), children: /* @__PURE__ */ l("div", { className: "border-t border-border pt-4", children: t }) })
           }
         )
       ]
     }
   );
 }
-function ot({ children: e, className: r = "" }) {
-  return /* @__PURE__ */ s("div", { className: p("py-4", r), children: e });
+function tt({ children: e, className: r = "" }) {
+  return /* @__PURE__ */ l("div", { className: p("py-4", r), children: e });
 }
-function nt({
+function ot({
   options: e,
   value: r,
   onChange: t,
   children: o,
   className: a = "",
-  colorScheme: l = "primary",
+  colorScheme: s = "primary",
   variant: i = "underline"
 }) {
   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":
         return p(
           w,
           "rounded-lg",
-          u ? l === "primary" ? "bg-primary text-white" : "bg-secondary text-white" : "text-text-muted hover:bg-background-light"
+          u ? s === "primary" ? "bg-primary text-white" : "bg-secondary text-white" : "text-text-muted hover:bg-background-light"
         );
       case "pills":
         return p(
           w,
           "rounded-full",
-          u ? l === "primary" ? "bg-primary/10 text-primary border-2 border-primary" : "bg-secondary/10 text-secondary border-2 border-secondary" : "text-text-muted hover:bg-background-light border-2 border-transparent"
+          u ? s === "primary" ? "bg-primary/10 text-primary border-2 border-primary" : "bg-secondary/10 text-secondary border-2 border-secondary" : "text-text-muted hover:bg-background-light border-2 border-transparent"
         );
       case "underline":
       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 ? s === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-gray-500 hover:text-gray-700"
         );
     }
-  }, f = () => {
+  }, h = () => {
     switch (i) {
       case "filled":
         return "flex gap-1 p-1 bg-background-light rounded-lg";
@@ -3355,25 +3372,28 @@ 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__ */ l("div", { className: h(), 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__ */ l("span", { className: "shrink-0", children: m.icon }),
+          m.label
+        ]
       },
-      b.value
+      m.value
     )) }),
-    /* @__PURE__ */ s("div", { role: "tabpanel", id: `tabpanel-${d}`, children: v })
+    /* @__PURE__ */ l("div", { role: "tabpanel", id: `tabpanel-${d}`, children: v })
   ] });
 }
 function ye(e) {
@@ -3382,7 +3402,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 +3410,7 @@ const Fr = [
   "Fri",
   "Sat",
   "Sun"
-], Rr = [
+], $r = [
   "Lun",
   "Mar",
   "Mié",
@@ -3398,7 +3418,7 @@ const Fr = [
   "Vie",
   "Sáb",
   "Dom"
-], _r = [
+], Rr = [
   "January",
   "February",
   "March",
@@ -3411,7 +3431,7 @@ const Fr = [
   "October",
   "November",
   "December"
-], Vr = [
+], Fr = [
   "Enero",
   "Febrero",
   "Marzo",
@@ -3425,35 +3445,35 @@ 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,
   className: o = "",
   colorScheme: a = "secondary",
-  lang: l = "en",
+  lang: s = "en",
   ...i
 }) {
   const [n, c] = $(e || /* @__PURE__ */ new Date()), d = {
     en: "en-US",
     es: "es-ES"
-  }, m = {
-    en: Fr,
-    es: Rr
+  }, b = {
+    en: Tr,
+    es: $r
   }, k = {
-    en: _r,
-    es: Vr
-  }, f = Br(n), v = Gr(n), b = [];
+    en: Rr,
+    es: Fr
+  }, h = _r(n), v = Vr(n), m = [];
   for (let g = 0; g < v; g++)
-    b.push(null);
-  for (let g = 1; g <= f; g++) {
+    m.push(null);
+  for (let g = 1; g <= h; g++) {
     const j = new Date(
       n.getFullYear(),
       n.getMonth(),
@@ -3462,9 +3482,9 @@ function at({
       0,
       0
     );
-    b.push(j);
+    m.push(j);
   }
-  const y = () => {
+  const x = () => {
     c(
       new Date(
         n.getFullYear(),
@@ -3497,7 +3517,7 @@ function at({
         0
       )
     );
-  }, h = () => {
+  }, f = () => {
     c(
       new Date(
         n.getFullYear() + 1,
@@ -3508,7 +3528,7 @@ function at({
         0
       )
     );
-  }, L = (g) => {
+  }, D = (g) => {
     if (g && !t) {
       const j = new Date(
         g.getFullYear(),
@@ -3539,7 +3559,7 @@ function at({
         };
     }
   })(), P = (g) => g && e ? g.toDateString() === e.toDateString() : !1;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: p(
@@ -3548,8 +3568,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(
@@ -3557,7 +3577,7 @@ function at({
                 z.header
               ),
               children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
@@ -3568,44 +3588,44 @@ function at({
                       z.button,
                       t && "opacity-50 cursor-not-allowed"
                     ),
-                    children: /* @__PURE__ */ s(ye, { size: 18 })
+                    children: /* @__PURE__ */ l(ye, { size: 18 })
                   }
                 ),
-                /* @__PURE__ */ s("h2", { className: "font-semibold text-lg", children: n.getFullYear() }),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ l("h2", { className: "font-semibold text-lg", children: n.getFullYear() }),
+                /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    onClick: h,
+                    onClick: f,
                     disabled: t,
                     className: p(
                       "p-2 rounded-lg border transition-all duration-300",
                       z.button,
                       t && "opacity-50 cursor-not-allowed"
                     ),
-                    children: /* @__PURE__ */ s(xe, { size: 18 })
+                    children: /* @__PURE__ */ l(xe, { size: 18 })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ x("div", { className: p("flex items-center justify-between", z.header), children: [
-            /* @__PURE__ */ s(
+          /* @__PURE__ */ y("div", { className: p("flex items-center justify-between", z.header), children: [
+            /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
-                onClick: y,
+                onClick: x,
                 disabled: t,
                 className: p(
                   "p-2 rounded-lg border transition-all duration-300",
                   z.button,
                   t && "opacity-50 cursor-not-allowed"
                 ),
-                children: /* @__PURE__ */ s(ye, { size: 18 })
+                children: /* @__PURE__ */ l(ye, { size: 18 })
               }
             ),
-            /* @__PURE__ */ s("h2", { className: "font-semibold text-lg", children: k[l][n.getMonth()] }),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ l("h2", { className: "font-semibold text-lg", children: k[s][n.getMonth()] }),
+            /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
@@ -3616,12 +3636,12 @@ function at({
                   z.button,
                   t && "opacity-50 cursor-not-allowed"
                 ),
-                children: /* @__PURE__ */ s(xe, { size: 18 })
+                children: /* @__PURE__ */ l(xe, { size: 18 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2 mb-4", children: m[l].map((g) => /* @__PURE__ */ s(
+        /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-2 mb-4", children: b[s].map((g) => /* @__PURE__ */ l(
           "div",
           {
             className: p(
@@ -3632,11 +3652,11 @@ function at({
           },
           g
         )) }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2", children: b.map((g, j) => /* @__PURE__ */ s(
+        /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-2", children: m.map((g, j) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: () => L(g),
+            onClick: () => D(g),
             disabled: !g || t,
             className: p(
               "p-2 rounded-lg text-sm font-medium transition-all duration-300",
@@ -3651,14 +3671,14 @@ function at({
           },
           j
         )) }),
-        e && /* @__PURE__ */ s(
+        e && /* @__PURE__ */ l(
           "div",
           {
             className: p(
               "mt-6 p-3 rounded-lg bg-background-dark border border-border text-center text-sm font-medium",
               z.header
             ),
-            children: e.toLocaleDateString(d[l], {
+            children: e.toLocaleDateString(d[s], {
               year: "numeric",
               month: "long",
               day: "numeric"
@@ -3669,76 +3689,76 @@ function at({
     }
   );
 }
-function st({
+function at({
   headers: e,
   data: r,
   loading: t,
   loadingText: o = "Loading...",
   actions: a,
-  actionsHeader: l = "Actions",
+  actionsHeader: s = "Actions",
   onRowClick: i,
   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
+  showCount: h = !0,
+  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 }) });
+    return /* @__PURE__ */ l("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ l("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 h = w.toLowerCase().replace(/\s+/g, "_");
-    let L = u[h];
-    if (L === void 0) {
+    return /* @__PURE__ */ l("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ l("div", { className: "text-lg text-text-muted", children: k }) });
+  const x = (u, w) => {
+    const f = w.toLowerCase().replace(/\s+/g, "_");
+    let D = u[f];
+    if (D === void 0) {
       const E = [
-        h.replace(/_/g, ""),
+        f.replace(/_/g, ""),
         w.toLowerCase().replace(/\s+/g, ""),
-        h.replace(/_([a-z])/g, (z, P) => P.toUpperCase())
+        f.replace(/_([a-z])/g, (z, P) => P.toUpperCase())
       ];
       for (const z of E)
         if (u[z] !== void 0) {
-          L = u[z];
+          D = u[z];
           break;
         }
     }
-    if (L === void 0) {
+    if (D === void 0) {
       const E = w.toLowerCase().split(" "), z = Object.keys(u).find(
         (P) => E.some((g) => P.toLowerCase().includes(g))
       );
-      z && (L = u[z]);
+      z && (D = u[z]);
     }
-    return L != null ? String(L) : "N/A";
+    return D != null ? String(D) : "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: [
-        e.map((u, w) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ y("div", { className: p("overflow-x-auto", n), children: [
+    /* @__PURE__ */ y("table", { className: "w-full border-collapse", children: [
+      /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ y("tr", { className: "border-b-2 border-border", children: [
+        e.map((u, w) => /* @__PURE__ */ l(
           "th",
           {
             className: p(
               "text-left py-3 px-4 font-semibold text-text",
-              m
+              b
             ),
             children: u
           },
           w
         )),
-        a && /* @__PURE__ */ s(
+        a && /* @__PURE__ */ l(
           "th",
           {
             className: p(
               "text-center py-3 px-4 font-semibold text-text",
-              m
+              b
             ),
-            children: l
+            children: s
           }
         )
       ] }) }),
-      /* @__PURE__ */ s("tbody", { children: r.map((u, w) => /* @__PURE__ */ x(
+      /* @__PURE__ */ l("tbody", { children: r.map((u, w) => /* @__PURE__ */ y(
         "tr",
         {
           className: p(
@@ -3748,78 +3768,78 @@ 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)),
-            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) => {
+            e.map((f, D) => /* @__PURE__ */ l("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ l("div", { className: "text-text-light", children: x(u, f) }) }, D)),
+            a && /* @__PURE__ */ l("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ l("div", { className: "flex gap-2 justify-center", children: a.map((f, D) => {
               const E = (z) => {
-                z?.stopPropagation(), h.onClick?.(u);
+                z?.stopPropagation(), f.onClick?.(u);
               };
-              if (h.component) {
-                const z = h.component;
-                return /* @__PURE__ */ x(
+              if (f.component) {
+                const z = f.component;
+                return /* @__PURE__ */ y(
                   z,
                   {
                     onClick: E,
-                    className: h.className || "",
-                    ...h.props || {},
+                    className: f.className || "",
+                    ...f.props || {},
                     children: [
-                      h.icon && /* @__PURE__ */ s("span", { className: "inline-block", children: B.createElement(h.icon) }),
-                      h.label && h.label
+                      f.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: B.createElement(f.icon) }),
+                      f.label && f.label
                     ]
                   },
-                  L
+                  D
                 );
               }
-              return /* @__PURE__ */ x(
+              return /* @__PURE__ */ y(
                 q,
                 {
                   onClick: E,
-                  className: h.className || "",
-                  ...h.props || {},
+                  className: f.className || "",
+                  ...f.props || {},
                   children: [
-                    h.icon && /* @__PURE__ */ s("span", { className: "inline-block", children: B.createElement(h.icon) }),
-                    h.label && h.label
+                    f.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: B.createElement(f.icon) }),
+                    f.label && f.label
                   ]
                 },
-                L
+                D
               );
             }) }) })
           ]
         },
-        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) })
+    h && r.length > 0 && /* @__PURE__ */ l("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 = "",
   onChange: o,
   multiple: a = !1,
-  className: l = "",
+  className: s = "",
   searchable: i = !1,
   onSearchInputCustom: n,
   placeholder: c = "Select...",
   disabled: d = !1,
-  error: m,
+  error: b,
   required: k = !1,
-  colorScheme: f = "primary",
+  colorScheme: h = "primary",
   noResultsText: v = "No results found",
-  searchPlaceholder: b = "Search...",
-  ...y
+  searchPlaceholder: m = "Search...",
+  ...x
 }) {
-  const [u, w] = $(!1), [h, L] = $(""), [E, z] = $({
+  const [u, w] = $(!1), [f, D] = $(""), [E, z] = $({
     top: 0,
     left: 0,
     openUpward: !1
   }), P = Array.isArray(t) ? t : t ? [t] : [], [g, j] = $(
-    P.map((C) => r.find((D) => D.value === C)).filter(Boolean)
-  ), F = ce(null), G = ce(null), K = () => {
+    P.map((C) => r.find((L) => L.value === C)).filter(Boolean)
+  ), R = 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) {
+    switch (h) {
       case "primary":
         return p(
           C,
@@ -3832,16 +3852,16 @@ function lt({
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, S = () => f === "primary" ? "text-primary" : "text-secondary";
-  H(() => {
-    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(() => {
+  }, S = () => h === "primary" ? "text-primary" : "text-secondary";
+  W(() => {
+    const L = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((F) => r.find((_) => _.value === F)).filter(Boolean);
+    j(L);
+  }, [t, r]), W(() => {
     u && i && G.current && G.current.focus();
   }, [u, i]);
   const M = ve(() => {
-    if (!F.current) return;
-    const C = F.current.getBoundingClientRect(), D = window.innerHeight, R = 250, X = D - C.bottom < R && C.top > R;
+    if (!R.current) return;
+    const C = R.current.getBoundingClientRect(), L = window.innerHeight, F = 250, X = L - C.bottom < F && C.top > F;
     z({
       top: X ? C.top : C.bottom,
       left: C.left,
@@ -3849,42 +3869,42 @@ function lt({
       openUpward: X
     });
   }, []);
-  H(() => {
-    function C(R) {
-      F.current && !F.current.contains(R.target) && w(!1);
+  W(() => {
+    function C(F) {
+      R.current && !R.current.contains(F.target) && w(!1);
     }
-    function D() {
+    function L() {
       u && M();
     }
-    return document.addEventListener("mousedown", C), window.addEventListener("scroll", D, !0), window.addEventListener("resize", D), () => {
-      document.removeEventListener("mousedown", C), window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
+    return document.addEventListener("mousedown", C), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
+      document.removeEventListener("mousedown", C), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
     };
   }, [u, M]);
   const A = (C) => {
-    const D = r.find(
+    const L = r.find(
       (_) => _.value === C
     );
-    if (!D) return;
-    let R;
-    a ? (R = g.some((X) => X.value === C) ? g.filter((X) => X.value !== C) : [...g, D], j(R), o(R)) : (R = [D], j(R), o(D), w(!1), L(""));
+    if (!L) return;
+    let F;
+    a ? (F = g.some((X) => X.value === C) ? g.filter((X) => X.value !== C) : [...g, L], j(F), o(F)) : (F = [L], j(F), o(L), w(!1), D(""));
   }, V = (C) => {
-    L(C), n?.(C);
+    D(C), n?.(C);
   }, T = i ? r.filter(
-    (C) => C.label.toLowerCase().includes(h.toLowerCase())
+    (C) => C.label.toLowerCase().includes(f.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", s), children: [
+    e && /* @__PURE__ */ y(
       "label",
       {
         className: p("block mb-2 text-sm font-medium", S()),
         children: [
           e,
-          k && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
+          k && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ x("div", { ref: F, className: "relative w-full", children: [
-      /* @__PURE__ */ x(
+    /* @__PURE__ */ y("div", { ref: R, className: "relative w-full", children: [
+      /* @__PURE__ */ y(
         "button",
         {
           type: "button",
@@ -3898,17 +3918,17 @@ function lt({
             u && "ring-1"
           ),
           disabled: d,
-          ...y,
+          ...x,
           children: [
-            /* @__PURE__ */ x("div", { className: "flex items-center gap-2 flex-1", children: [
-              g.length > 0 && g[0].hex && /* @__PURE__ */ s(
+            /* @__PURE__ */ y("div", { className: "flex items-center gap-2 flex-1", children: [
+              g.length > 0 && g[0].hex && /* @__PURE__ */ l(
                 "div",
                 {
                   className: "h-4 w-4 rounded border border-border",
                   style: { backgroundColor: g[0].hex }
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "span",
                 {
                   className: g.length > 0 ? "" : "text-text-muted",
@@ -3916,25 +3936,25 @@ function lt({
                 }
               )
             ] }),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ l(
               "div",
               {
                 className: p(
                   "h-5 w-5 transition-transform duration-200",
                   u && "rotate-180"
                 ),
-                children: /* @__PURE__ */ s(Pe, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ l(Pe, { className: "h-5 w-5" })
               }
             )
           ]
         }
       ),
-      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" : h === "primary" ? "border-primary" : "border-secondary"
           ),
           style: {
             top: `${E.top + (E.openUpward ? 0 : 8)}px`,
@@ -3943,59 +3963,59 @@ 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" }),
-              /* @__PURE__ */ s(
+            i && /* @__PURE__ */ l("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ y("div", { className: "relative", children: [
+              /* @__PURE__ */ l(Or, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-text-muted" }),
+              /* @__PURE__ */ l(
                 "input",
                 {
                   ref: G,
                   type: "text",
-                  value: h,
+                  value: f,
                   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"
+                    h === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
                   )
                 }
               ),
-              h && /* @__PURE__ */ s(
+              f && /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  onClick: () => L(""),
+                  onClick: () => D(""),
                   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__ */ l(jr, { className: "h-4 w-4" })
                 }
               )
             ] }) }),
-            /* @__PURE__ */ x("div", { className: "max-h-60 overflow-y-auto py-1", children: [
-              T.map((C) => /* @__PURE__ */ s(
+            /* @__PURE__ */ y("div", { className: "max-h-60 overflow-y-auto py-1", children: [
+              T.map((C) => /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
                   onClick: () => A(C.value ?? ""),
                   className: p(
                     "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"
+                    g.some((L) => L.value === C.value) ? h === "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: [
-                    a && /* @__PURE__ */ s(
+                  children: /* @__PURE__ */ y("div", { className: "flex items-center gap-3", children: [
+                    a && /* @__PURE__ */ l(
                       "div",
                       {
                         className: p(
                           "flex h-4 w-4 items-center justify-center rounded border-2 transition-colors",
-                          g.some((D) => D.value === C.value) ? f === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
+                          g.some((L) => L.value === C.value) ? h === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
                         ),
                         children: g.some(
-                          (D) => D.value === C.value
-                        ) && /* @__PURE__ */ s(
+                          (L) => L.value === C.value
+                        ) && /* @__PURE__ */ l(
                           "svg",
                           {
                             className: "h-3 w-3 text-white",
                             fill: "currentColor",
                             viewBox: "0 0 20 20",
-                            children: /* @__PURE__ */ s(
+                            children: /* @__PURE__ */ l(
                               "path",
                               {
                                 fillRule: "evenodd",
@@ -4007,46 +4027,46 @@ function lt({
                         )
                       }
                     ),
-                    C.hex && /* @__PURE__ */ s(
+                    C.hex && /* @__PURE__ */ l(
                       "div",
                       {
                         className: "h-4 w-4 rounded border border-border",
                         style: { backgroundColor: C.hex }
                       }
                     ),
-                    /* @__PURE__ */ s("span", { children: C.label })
+                    /* @__PURE__ */ l("span", { children: C.label })
                   ] })
                 },
                 C.value
               )),
-              T.length === 0 && h && r.length > 0 && /* @__PURE__ */ s("div", { className: "px-4 py-3", children: /* @__PURE__ */ s("span", { className: "text-sm text-text-muted", children: v }) })
+              T.length === 0 && f && r.length > 0 && /* @__PURE__ */ l("div", { className: "px-4 py-3", children: /* @__PURE__ */ l("span", { className: "text-sm text-text-muted", children: v }) })
             ] })
           ]
         }
       )
     ] }),
-    m && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: m })
+    b && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: b })
   ] });
 }
-const it = ({
+const lt = ({
   id: e,
   name: r,
   onFilesSelected: t,
   placeholder: o = "Arrastra y suelta archivos aquí o haz clic para seleccionar",
   labelSelectedFiles: a = "archivo:",
-  label: l,
+  label: s,
   error: i,
   disabled: n = !1,
   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,
+  multiple: h = !1,
   ...v
 }) => {
-  const b = ce(null), [y, u] = $(!1), [w, h] = $([]), L = () => {
+  const m = ce(null), [x, u] = $(!1), [w, f] = $([]), D = () => {
     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(
@@ -4086,41 +4106,41 @@ const it = ({
   }, j = (M) => {
     const A = Array.from(M);
     if (k !== "*/*") {
-      const V = A.filter((T) => F(T, k));
+      const V = A.filter((T) => R(T, k));
       if (V.length === 0) {
         console.warn("No valid files selected");
         return;
       }
-      h(f ? V : [V[0]]), t(f ? V : [V[0]]);
+      f(h ? V : [V[0]]), t(h ? V : [V[0]]);
     } else
-      h(f ? A : [A[0]]), t(f ? A : [A[0]]);
-  }, F = (M, A) => A.split(",").map((T) => T.trim()).some((T) => {
+      f(h ? A : [A[0]]), t(h ? A : [A[0]]);
+  }, R = (M, A) => A.split(",").map((T) => T.trim()).some((T) => {
     if (T.startsWith("."))
       return M.name.toLowerCase().endsWith(T.toLowerCase());
     if (T.includes("/")) {
-      const [Z, C] = T.split("/"), D = M.type.split("/")[0];
-      return C === "*" ? D === Z : M.type === T;
+      const [Z, C] = T.split("/"), L = M.type.split("/")[0];
+      return C === "*" ? L === Z : M.type === T;
     }
     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);
+    f(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: [
-      l,
-      c && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
+  return /* @__PURE__ */ y("div", { className: `mb-6 ${b}`, children: [
+    s && /* @__PURE__ */ y("label", { className: `block mb-2 text-sm font-medium ${E()}`, children: [
+      s,
+      c && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
     ] }),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ y(
       "div",
       {
         className: p(
-          L(),
-          y && "bg-background-light border-2-dashed"
+          D(),
+          x && "bg-background-light border-2-dashed"
         ),
         onDragEnter: z,
         onDragLeave: z,
@@ -4131,10 +4151,10 @@ const it = ({
         role: "button",
         tabIndex: n ? -1 : 0,
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ l(
             "input",
             {
-              ref: b,
+              ref: m,
               id: e,
               name: r,
               type: "file",
@@ -4142,20 +4162,20 @@ const it = ({
               disabled: n,
               required: c,
               accept: k,
-              multiple: f,
+              multiple: h,
               className: "hidden",
               ...v
             }
           ),
-          /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center py-4", children: [
-            /* @__PURE__ */ s(
+          /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center py-4", children: [
+            /* @__PURE__ */ l(
               "svg",
               {
                 className: `w-8 h-8 mb-2 ${d === "primary" ? "text-primary" : "text-secondary"}`,
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ s(
+                children: /* @__PURE__ */ l(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -4166,39 +4186,39 @@ const it = ({
                 )
               }
             ),
-            /* @__PURE__ */ s("p", { className: `text-sm ${E()}`, children: o })
+            /* @__PURE__ */ l("p", { className: `text-sm ${E()}`, children: o })
           ] })
         ]
       }
     ),
-    /* @__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__ */ l("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",
                   fill: "currentColor",
                   viewBox: "0 0 20 20",
                   children: [
-                    /* @__PURE__ */ s("path", { d: "M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" }),
-                    /* @__PURE__ */ s("path", { d: "M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 10H17a1 1 0 001-1v-3a1 1 0 00-1-1h-3z" })
+                    /* @__PURE__ */ l("path", { d: "M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" }),
+                    /* @__PURE__ */ l("path", { d: "M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 10H17a1 1 0 001-1v-3a1 1 0 00-1-1h-3z" })
                   ]
                 }
               ),
-              /* @__PURE__ */ s("span", { className: "text-sm text-text truncate", children: M.name })
+              /* @__PURE__ */ l("span", { className: "text-sm text-text truncate", children: M.name })
             ] }),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ l(
               "button",
               {
                 onClick: (V) => {
@@ -4214,9 +4234,9 @@ const it = ({
         A
       )) })
     ] }),
-    i && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
+    i && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
   ] });
-}, ct = ({
+}, it = ({
   text: e,
   className: r = "",
   variant: t = "default",
@@ -4224,41 +4244,41 @@ const it = ({
   ...a
 }) => {
   if (!o) return null;
-  const l = {
+  const s = {
     default: "bg-gray-200 text-gray-800",
     primary: "bg-primary text-white",
     secondary: "bg-secondary text-white",
     secondaryDark: "bg-secondary-dark text-white",
     danger: "bg-danger text-white",
     warning: "bg-warning text-white"
-  }, 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 });
+  }, i = "inline-flex items-center px-3 py-1 rounded-full text-xs font-bold uppercase shadow-md", n = s[t] || s.default;
+  return /* @__PURE__ */ l("div", { className: `${i} ${n} ${r}`, ...a, children: e });
 };
-function dt({
+function ct({
   isOpen: e,
   onClose: r,
   title: t,
   children: o,
   size: a = "md",
-  className: l = "",
+  className: s = "",
   overlayClassName: i = "",
   showCloseButton: n = !0,
   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",
@@ -4266,7 +4286,7 @@ function dt({
     "2xl": "max-w-2xl"
   }, k = () => {
     c && r();
-  }, f = /* @__PURE__ */ s(
+  }, h = /* @__PURE__ */ l(
     "div",
     {
       className: p(
@@ -4277,18 +4297,18 @@ 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],
-            l
+            b[a],
+            s
           ),
           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 && /* @__PURE__ */ s(
+            (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__ */ l(
                 "h2",
                 {
                   id: "modal-title",
@@ -4296,59 +4316,59 @@ function dt({
                   children: t
                 }
               ),
-              n && /* @__PURE__ */ s(
+              n && /* @__PURE__ */ l(
                 "button",
                 {
                   className: "flex items-center justify-center w-8 h-8 text-text-muted hover:text-text hover:bg-background-light transition-colors duration-200 rounded-lg",
                   onClick: r,
                   "aria-label": "Cerrar modal",
                   type: "button",
-                  children: /* @__PURE__ */ s("span", { className: "text-2xl font-light leading-none", children: "×" })
+                  children: /* @__PURE__ */ l("span", { className: "text-2xl font-light leading-none", children: "×" })
                 }
               )
             ] }),
-            /* @__PURE__ */ s("div", { className: "p-6 overflow-y-auto flex-1", children: o })
+            /* @__PURE__ */ l("div", { className: "p-6 overflow-y-auto flex-1", children: o })
           ]
         }
       )
     }
   );
-  return $e(f, document.body);
+  return $e(h, document.body);
 }
-function ut({
+function dt({
   id: e,
   name: r,
   checked: t = !1,
   onChange: o,
   disabled: a = !1,
-  required: l = !1,
+  required: s = !1,
   colorScheme: i = "secondary",
   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";
-    if (f === "outline")
+  const k = (h, v) => {
+    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 (h === "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: [
-    /* @__PURE__ */ s(
+  return c ? /* @__PURE__ */ y("div", { className: `flex items-center gap-2 ${d}`, children: [
+    /* @__PURE__ */ l(
       "input",
       {
         id: e,
@@ -4357,23 +4377,23 @@ function ut({
         checked: t,
         onChange: o,
         disabled: a,
-        required: l,
+        required: s,
         className: k(n, i),
-        ...m
+        ...b
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ y(
       "label",
       {
         htmlFor: e,
         className: "text-sm text-text cursor-pointer font-medium",
         children: [
           c,
-          l && /* @__PURE__ */ s("span", { className: "text-red-500 ml-1", children: "*" })
+          s && /* @__PURE__ */ l("span", { className: "text-red-500 ml-1", children: "*" })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ s(
+  ] }) : /* @__PURE__ */ l(
     "input",
     {
       id: e,
@@ -4382,48 +4402,48 @@ function ut({
       checked: t,
       onChange: o,
       disabled: a,
-      required: l,
+      required: s,
       className: `${k(n, i)} ${d}`,
       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,
+  Rr as EN_DEFAULT_MONTH_NAMES,
+  $r as ES_DEFAULT_DAY_NAMES,
+  Fr 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