componentables 0.1.17 → 0.1.21

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as s, Fragment as Ae } from "react/jsx-runtime";
+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";
@@ -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, 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(b, u)), b = 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,7 +138,7 @@ const ue = "-", Re = (e) => {
       }
       w === "[" ? d++ : w === "]" && d--;
     }
-    const f = c.length === 0 ? n : n.substring(b), v = f.startsWith(Ce), m = v ? f.substring(1) : f, x = k && k > b ? k - b : void 0;
+    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,
@@ -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: b,
       hasImportantModifier: k,
-      baseClassName: f,
+      baseClassName: h,
       maybePostfixModifierPosition: v
     } = t(d);
-    let m = !!v, x = o(m ? f.substring(0, v) : f);
+    let m = !!v, x = o(m ? h.substring(0, v) : h);
     if (!x) {
       if (!m) {
         n = d + (n.length > 0 ? " " + n : n);
         continue;
       }
-      if (x = o(f), !x) {
+      if (x = o(h), !x) {
         n = d + (n.length > 0 ? " " + n : n);
         continue;
       }
       m = !1;
     }
-    const u = Ue(b).join(":"), w = k ? u + Ce : u, h = w + x;
-    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(x, m);
-    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,10 +216,10 @@ 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((b, k) => k(b), e());
-    return t = Ye(d), o = t.cache.get, a = t.cache.set, l = n, n(c);
+    return t = Ye(d), o = t.cache.get, a = t.cache.set, s = n, n(c);
   }
   function n(c) {
     const d = o(c);
@@ -229,7 +229,7 @@ function Xe(e, ...r) {
     return a(c, b), b;
   }
   return function() {
-    return l(Ze.apply(null, arguments));
+    return s(Ze.apply(null, arguments));
   };
 }
 const I = (e) => {
@@ -244,7 +244,7 @@ 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"), b = I("hueRotate"), k = I("invert"), f = I("gap"), v = I("gradientColorStops"), m = I("gradientColorStopPositions"), x = I("inset"), u = I("margin"), w = I("opacity"), h = I("padding"), L = I("saturate"), E = I("scale"), z = I("sepia"), P = I("skew"), g = I("space"), j = I("translate"), F = () => ["auto", "contain", "none"], G = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", N, r], S = () => [N, r], M = () => ["", H, U], A = () => ["auto", Q, N], V = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", N], R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], _ = () => [Q, N];
+  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: ":",
@@ -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
@@ -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
@@ -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
@@ -1710,7 +1710,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [L]
+        saturate: [D]
       }],
       /**
        * Sepia
@@ -1781,7 +1781,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [L]
+        "backdrop-saturate": [D]
       }],
       /**
        * Backdrop Sepia
@@ -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)}`;
@@ -2378,15 +2378,15 @@ function Jr({
   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,
@@ -2411,11 +2411,13 @@ function Jr({
 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",
-  link: "bg-transparent text-secondary-light! underline hover:text-primary! border-0"
+  link: "bg-transparent text-secondary-light! underline hover:text-primary! border-0",
+  dark: "bg-gray-800 text-white border-gray-800 hover:bg-gray-900 hover:border-gray-900"
 }, xr = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-base",
@@ -2428,7 +2430,7 @@ 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 = "",
@@ -2443,7 +2445,7 @@ 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
@@ -2457,7 +2459,7 @@ function q({
             fill: "none",
             viewBox: "0 0 24 24",
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "circle",
                 {
                   className: "opacity-25",
@@ -2468,7 +2470,7 @@ function q({
                   strokeWidth: "4"
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "path",
                 {
                   className: "opacity-75",
@@ -2490,14 +2492,14 @@ function vr({
   type: t = "text",
   value: o,
   onChange: a,
-  placeholder: l,
+  placeholder: s,
   label: i,
   error: n,
   disabled: c = !1,
   required: d = !1,
   colorScheme: b = "secondary",
   className: k = "",
-  ...f
+  ...h
 }) {
   const v = () => {
     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";
@@ -2528,11 +2530,11 @@ function vr({
         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 +2542,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,14 +2558,14 @@ function wr({
   value: t,
   onChange: o,
   placeholder: a,
-  label: l,
+  label: s,
   error: i,
   disabled: n = !1,
   required: c = !1,
   colorScheme: d = "secondary",
   className: b = "",
   rows: k = 4,
-  ...f
+  ...h
 }) {
   const v = () => {
     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";
@@ -2587,18 +2589,18 @@ function wr({
     }
   }, m = () => d === "primary" ? "text-primary" : "text-secondary";
   return /* @__PURE__ */ y("div", { className: p("mb-6", b), children: [
-    l && /* @__PURE__ */ y(
+    s && /* @__PURE__ */ y(
       "label",
       {
         htmlFor: e,
         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,10 +2612,10 @@ 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 };
@@ -2623,7 +2625,7 @@ function Kr({
   checked: t = !1,
   onChange: o,
   disabled: a = !1,
-  label: l,
+  label: s,
   colorScheme: i = "secondary",
   size: n = "md",
   className: c = "",
@@ -2633,9 +2635,10 @@ function Kr({
   W(() => {
     k(t);
   }, [t]);
-  const f = (h) => {
-    const L = h.target.checked;
-    k(L), o?.(L);
+  const h = () => {
+    if (a) return;
+    const f = !b;
+    k(f), o?.(f);
   }, v = () => ({
     primary: {
       bg: "bg-primary",
@@ -2679,57 +2682,68 @@ function Kr({
         return "translate-x-6";
     }
   }, w = v();
-  return /* @__PURE__ */ y("div", { className: p("flex items-center gap-3", c), children: [
-    /* @__PURE__ */ y("div", { className: "relative", children: [
-      /* @__PURE__ */ s(
-        "input",
-        {
-          type: "checkbox",
-          id: e,
-          name: r,
-          checked: b,
-          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",
-            m(),
-            b ? 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",
-                x(),
-                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 kr = ({
   size: e = 40,
@@ -2737,7 +2751,7 @@ const kr = ({
   wrapperClass: t = "",
   ariaLabel: o = "Cargando...",
   label: a = "Cargando...",
-  visible: l = !0,
+  visible: s = !0,
   direction: i = "column"
 }) => {
   const n = {
@@ -2749,11 +2763,11 @@ const kr = ({
     ...r
   };
   return /* @__PURE__ */ y("div", { style: n, className: t, children: [
-    /* @__PURE__ */ s("label", { children: a }),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l("label", { children: a }),
+    /* @__PURE__ */ l(
       Te,
       {
-        visible: l,
+        visible: s,
         height: e,
         width: e,
         ariaLabel: o,
@@ -2770,12 +2784,12 @@ const kr = ({
   onlyForgotPassword: t = !1,
   className: o = "",
   onLogin: a,
-  onForgotPassword: l
+  onForgotPassword: s
 }) => {
   const [i, n] = $({
     email: "",
     password: ""
-  }), [c, d] = $({}), [b, k] = $(!1), [f, v] = $(
+  }), [c, d] = $({}), [b, k] = $(!1), [h, v] = $(
     t ? "forgot" : "login"
   ), m = (P, g) => {
     switch (P) {
@@ -2788,16 +2802,16 @@ const kr = ({
     }
   }, 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 = m("email", i.email);
-    if (g && (P.email = g), f === "login") {
+    if (g && (P.email = g), h === "login") {
       const j = m("password", i.password);
       j && (P.password = j);
     }
@@ -2806,7 +2820,7 @@ const kr = ({
     if (P.preventDefault(), !!u()) {
       k(!0);
       try {
-        switch (f) {
+        switch (h) {
           case "login":
             a && await a({
               email: i.email,
@@ -2814,7 +2828,7 @@ const kr = ({
             });
             break;
           case "forgot":
-            l && await l(i.email);
+            s && await s(i.email);
             break;
         }
       } catch (g) {
@@ -2823,12 +2837,12 @@ const kr = ({
         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",
@@ -2845,7 +2859,7 @@ const kr = ({
         );
       default:
         return /* @__PURE__ */ y(Ae, { children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ l(
             ie,
             {
               id: "email",
@@ -2860,7 +2874,7 @@ const kr = ({
               colorScheme: "secondary"
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ l(
             ie,
             {
               id: "password",
@@ -2878,7 +2892,7 @@ const kr = ({
         ] });
     }
   }, E = () => {
-    switch (f) {
+    switch (h) {
       case "forgot":
         return t ? "Cambiar Contraseña" : "Recuperar Contraseña";
       default:
@@ -2886,22 +2900,22 @@ const kr = ({
     }
   }, z = () => {
     if (b)
-      return /* @__PURE__ */ s(kr, { size: 20, wrapperStyle: { minHeight: "auto" } });
-    switch (f) {
+      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__ */ y("div", { className: "w-full max-w-100 p-12 bg-white rounded-2xl shadow-lg animate-[fadeIn_0.3s_ease-out] sm:p-8", children: [
-        /* @__PURE__ */ s("h2", { className: "text-center mb-12 text-3xl font-semibold text-primary sm:text-2xl sm:mb-8", children: E() }),
-        /* @__PURE__ */ s("div", { className: "space-y-4 mb-6", children: L() }),
-        /* @__PURE__ */ s("form", { onSubmit: w, children: /* @__PURE__ */ s(
+        /* @__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",
@@ -2914,11 +2928,11 @@ const kr = ({
             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,
@@ -2926,11 +2940,11 @@ const kr = ({
             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,
@@ -2953,9 +2967,9 @@ function Nr(e, r) {
   if (e == null) return {};
   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;
 }
@@ -3032,7 +3046,7 @@ function Sr(e) {
     var {
       attr: o,
       size: a,
-      title: l
+      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",
@@ -3046,7 +3060,7 @@ function Sr(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);
 }
@@ -3108,17 +3122,17 @@ function qr({
   placeholder: t = "Search...",
   disabled: o = !1,
   colorScheme: a = "secondary",
-  label: l,
+  label: s,
   className: i = "",
   debounceDelay: n = 500,
   ...c
 }) {
-  const [d, b] = $(e || ""), k = Pr(d, n), f = ve(r, [r]);
+  const [d, b] = $(e || ""), k = Pr(d, n), h = ve(r, [r]);
   W(() => {
-    f(k);
-  }, [k, f]);
+    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";
+    const u = "w-full px-4 py-2.5 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) {
       case "primary":
         return p(
@@ -3134,15 +3148,15 @@ function qr({
     }
   }, m = () => a === "primary" ? "text-primary" : "text-secondary", x = () => a === "primary" ? "text-primary" : "text-secondary";
   return /* @__PURE__ */ y("div", { className: p("mb-0", i), children: [
-    l && /* @__PURE__ */ s(
+    s && /* @__PURE__ */ l(
       "label",
       {
         className: p("block mb-2 text-sm font-medium", x()),
-        children: l
+        children: s
       }
     ),
     /* @__PURE__ */ y("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         Er,
         {
           className: p(
@@ -3151,7 +3165,7 @@ function qr({
           )
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         "input",
         {
           type: "text",
@@ -3178,7 +3192,7 @@ function et({
   setPagination: t,
   totalPages: o,
   currentPage: a,
-  showLabel: l = !0,
+  showLabel: s = !0,
   className: i = "",
   isLoading: n = !1,
   fetchPage: c
@@ -3188,30 +3202,30 @@ function et({
       ...v,
       page: v.page - 1
     })));
-  }, f = () => {
+  }, h = () => {
     n || (c ? c(a + 1) : t && t((v) => ({
       ...v,
       page: v.page + 1
     })));
   };
   return /* @__PURE__ */ y("div", { className: p("flex justify-center items-center mt-8", i), children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       q,
       {
         disabled: d,
         onClick: k,
         variant: "secondary",
-        children: /* @__PURE__ */ s(Ar, { 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: b,
-        onClick: f,
+        onClick: h,
         variant: "primary",
-        children: /* @__PURE__ */ s(Ir, { size: 14 })
+        children: /* @__PURE__ */ l(Ir, { size: 14 })
       }
     )
   ] });
@@ -3231,17 +3245,17 @@ function rt({
   children: t,
   defaultExpanded: o = !1,
   expanded: a,
-  onToggle: l,
+  onToggle: s,
   className: i = "",
   colorScheme: n = "primary",
   icon: c,
   disabled: d = !1,
   headerExtra: b
 }) {
-  const [k, f] = $(o), v = a !== void 0 ? a : k, m = () => {
+  const [k, h] = $(o), v = a !== void 0 ? a : k, m = () => {
     if (d) return;
-    const h = !v;
-    a === void 0 && f(h), l?.(h);
+    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",
@@ -3267,21 +3281,21 @@ function rt({
             "aria-expanded": v,
             children: [
               /* @__PURE__ */ y("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-                c && /* @__PURE__ */ s("div", { className: p("shrink-0", u()), children: c }),
+                c && /* @__PURE__ */ l("div", { className: p("shrink-0", u()), children: c }),
                 /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ s(
+                  /* @__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__ */ y("div", { className: "flex items-center gap-3 shrink-0", children: [
-                b && /* @__PURE__ */ s("div", { onClick: (h) => h.stopPropagation(), children: b }),
-                /* @__PURE__ */ s(
+                b && /* @__PURE__ */ l("div", { onClick: (f) => f.stopPropagation(), children: b }),
+                /* @__PURE__ */ l(
                   "div",
                   {
                     className: p(
@@ -3289,21 +3303,21 @@ function rt({
                       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", x()), 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 }) })
           }
         )
       ]
@@ -3311,7 +3325,7 @@ function rt({
   );
 }
 function tt({ children: e, className: r = "" }) {
-  return /* @__PURE__ */ s("div", { className: p("py-4", r), children: e });
+  return /* @__PURE__ */ l("div", { className: p("py-4", r), children: e });
 }
 function ot({
   options: e,
@@ -3319,7 +3333,7 @@ function ot({
   onChange: t,
   children: o,
   className: a = "",
-  colorScheme: l = "primary",
+  colorScheme: s = "primary",
   variant: i = "underline"
 }) {
   const [n, c] = $(
@@ -3335,23 +3349,23 @@ function ot({
         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 flex items-center gap-2",
-          u ? l === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-gray-500 hover:text-gray-700"
+          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";
@@ -3363,7 +3377,7 @@ function ot({
     }
   }, v = B.Children.toArray(o).find((m) => B.isValidElement(m) ? m.props.value === d : !1);
   return /* @__PURE__ */ y("div", { className: p("w-full", a), children: [
-    /* @__PURE__ */ s("div", { className: f(), role: "tablist", children: e.map((m) => /* @__PURE__ */ y(
+    /* @__PURE__ */ l("div", { className: h(), role: "tablist", children: e.map((m) => /* @__PURE__ */ y(
       "button",
       {
         type: "button",
@@ -3374,13 +3388,13 @@ function ot({
         onClick: () => !m.disabled && b(m.value),
         className: k(m.value, m.disabled),
         children: [
-          m.icon && /* @__PURE__ */ s("span", { className: "shrink-0", children: m.icon }),
+          m.icon && /* @__PURE__ */ l("span", { className: "shrink-0", children: m.icon }),
           m.label
         ]
       },
       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) {
@@ -3405,7 +3419,7 @@ const Tr = [
   "Vie",
   "Sáb",
   "Dom"
-], Fr = [
+], Rr = [
   "January",
   "February",
   "March",
@@ -3418,7 +3432,7 @@ const Tr = [
   "October",
   "November",
   "December"
-], Rr = [
+], Fr = [
   "Enero",
   "Febrero",
   "Marzo",
@@ -3445,7 +3459,7 @@ function nt({
   disabled: t = !1,
   className: o = "",
   colorScheme: a = "secondary",
-  lang: l = "en",
+  lang: s = "en",
   ...i
 }) {
   const [n, c] = $(e || /* @__PURE__ */ new Date()), d = {
@@ -3455,12 +3469,12 @@ function nt({
     en: Tr,
     es: $r
   }, k = {
-    en: Fr,
-    es: Rr
-  }, f = _r(n), v = Vr(n), m = [];
+    en: Rr,
+    es: Fr
+  }, h = _r(n), v = Vr(n), m = [];
   for (let g = 0; g < v; g++)
     m.push(null);
-  for (let g = 1; g <= f; g++) {
+  for (let g = 1; g <= h; g++) {
     const j = new Date(
       n.getFullYear(),
       n.getMonth(),
@@ -3504,7 +3518,7 @@ function nt({
         0
       )
     );
-  }, h = () => {
+  }, f = () => {
     c(
       new Date(
         n.getFullYear() + 1,
@@ -3515,7 +3529,7 @@ function nt({
         0
       )
     );
-  }, L = (g) => {
+  }, D = (g) => {
     if (g && !t) {
       const j = new Date(
         g.getFullYear(),
@@ -3564,7 +3578,7 @@ function nt({
                 z.header
               ),
               children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
@@ -3575,29 +3589,29 @@ function nt({
                       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__ */ y("div", { className: p("flex items-center justify-between", z.header), children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
@@ -3608,11 +3622,11 @@ function nt({
                   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",
@@ -3623,12 +3637,12 @@ function nt({
                   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: b[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(
@@ -3639,11 +3653,11 @@ function nt({
           },
           g
         )) }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2", children: m.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",
@@ -3658,14 +3672,14 @@ function nt({
           },
           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"
@@ -3682,48 +3696,48 @@ function at({
   loading: t,
   loadingText: o = "Loading...",
   actions: a,
-  actionsHeader: l = "Actions",
+  actionsHeader: s = "Actions",
   onRowClick: i,
   className: n = "",
   rowClassName: c = "",
   cellClassName: d = "",
   headerClassName: b = "",
   emptyText: k = "No data available",
-  showCount: f = !0,
+  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 }) });
+    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 h = w.toLowerCase().replace(/\s+/g, "_");
-    let L = u[h];
-    if (L === void 0) {
+    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__ */ y("div", { className: p("overflow-x-auto", n), children: [
     /* @__PURE__ */ y("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ y("tr", { className: "border-b-2 border-border", children: [
-        e.map((u, w) => /* @__PURE__ */ s(
+      /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ y("tr", { className: "border-b-2 border-border", children: [
+        e.map((u, w) => /* @__PURE__ */ l(
           "th",
           {
             className: p(
@@ -3734,18 +3748,18 @@ function at({
           },
           w
         )),
-        a && /* @__PURE__ */ s(
+        a && /* @__PURE__ */ l(
           "th",
           {
             className: p(
               "text-center py-3 px-4 font-semibold text-text",
               b
             ),
-            children: l
+            children: s
           }
         )
       ] }) }),
-      /* @__PURE__ */ s("tbody", { children: r.map((u, w) => /* @__PURE__ */ y(
+      /* @__PURE__ */ l("tbody", { children: r.map((u, w) => /* @__PURE__ */ y(
         "tr",
         {
           className: p(
@@ -3755,39 +3769,39 @@ function at({
           ),
           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: x(u, h) }) }, L)),
-            a && /* @__PURE__ */ s("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ s("div", { className: "flex gap-2 justify-center", children: a.map((h, L) => {
+            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;
+              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__ */ 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
               );
             }) }) })
           ]
@@ -3795,7 +3809,7 @@ function at({
         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 st({
@@ -3804,29 +3818,29 @@ function st({
   value: t = "",
   onChange: o,
   multiple: a = !1,
-  className: l = "",
+  className: s = "",
   searchable: i = !1,
   onSearchInputCustom: n,
   placeholder: c = "Select...",
   disabled: d = !1,
   error: b,
   required: k = !1,
-  colorScheme: f = "primary",
+  colorScheme: h = "primary",
   noResultsText: v = "No results found",
   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 (b)
       return p(C, "border-danger focus:border-danger");
-    switch (f) {
+    switch (h) {
       case "primary":
         return p(
           C,
@@ -3839,16 +3853,16 @@ function st({
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, S = () => f === "primary" ? "text-primary" : "text-secondary";
+  }, S = () => h === "primary" ? "text-primary" : "text-secondary";
   W(() => {
-    const D = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((R) => r.find((_) => _.value === R)).filter(Boolean);
-    j(D);
+    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,
@@ -3857,40 +3871,40 @@ function st({
     });
   }, []);
   W(() => {
-    function C(R) {
-      F.current && !F.current.contains(R.target) && w(!1);
+    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__ */ y("div", { className: p("mb-6", l), children: [
+  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__ */ y("div", { ref: F, className: "relative w-full", children: [
+    /* @__PURE__ */ y("div", { ref: R, className: "relative w-full", children: [
       /* @__PURE__ */ y(
         "button",
         {
@@ -3908,14 +3922,14 @@ function st({
           ...x,
           children: [
             /* @__PURE__ */ y("div", { className: "flex items-center gap-2 flex-1", children: [
-              g.length > 0 && g[0].hex && /* @__PURE__ */ s(
+              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",
@@ -3923,14 +3937,14 @@ function st({
                 }
               )
             ] }),
-            /* @__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" })
               }
             )
           ]
@@ -3941,7 +3955,7 @@ function st({
         {
           className: p(
             "fixed z-9999 rounded-lg border-2 bg-white shadow-xl",
-            b ? "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`,
@@ -3950,59 +3964,59 @@ function st({
             transform: E.openUpward ? "translateY(-100%)" : "none"
           },
           children: [
-            i && /* @__PURE__ */ s("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ y("div", { className: "relative", children: [
-              /* @__PURE__ */ s(Or, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-text-muted" }),
-              /* @__PURE__ */ s(
+            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: 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(jr, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ l(jr, { className: "h-4 w-4" })
                 }
               )
             ] }) }),
             /* @__PURE__ */ y("div", { className: "max-h-60 overflow-y-auto py-1", children: [
-              T.map((C) => /* @__PURE__ */ s(
+              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__ */ y("div", { className: "flex items-center gap-3", children: [
-                    a && /* @__PURE__ */ s(
+                    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",
@@ -4014,25 +4028,25 @@ function st({
                         )
                       }
                     ),
-                    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 }) })
             ] })
           ]
         }
       )
     ] }),
-    b && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: b })
+    b && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: b })
   ] });
 }
 const lt = ({
@@ -4041,7 +4055,7 @@ const lt = ({
   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,
@@ -4050,10 +4064,10 @@ const lt = ({
   className: b = "",
   accept: k = "*/*",
   // Tipos de archivo aceptados: "image/*", "application/pdf", ".doc,.docx", etc.
-  multiple: f = !1,
+  multiple: h = !1,
   ...v
 }) => {
-  const m = ce(null), [x, 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(
@@ -4093,40 +4107,40 @@ const lt = ({
   }, 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 || 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__ */ y("div", { className: `mb-6 ${b}`, children: [
-    l && /* @__PURE__ */ y("label", { className: `block mb-2 text-sm font-medium ${E()}`, children: [
-      l,
-      c && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
+    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__ */ y(
       "div",
       {
         className: p(
-          L(),
+          D(),
           x && "bg-background-light border-2-dashed"
         ),
         onDragEnter: z,
@@ -4138,7 +4152,7 @@ const lt = ({
         role: "button",
         tabIndex: n ? -1 : 0,
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ l(
             "input",
             {
               ref: m,
@@ -4149,20 +4163,20 @@ const lt = ({
               disabled: n,
               required: c,
               accept: k,
-              multiple: f,
+              multiple: h,
               className: "hidden",
               ...v
             }
           ),
           /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center py-4", children: [
-            /* @__PURE__ */ s(
+            /* @__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",
@@ -4173,7 +4187,7 @@ const lt = ({
                 )
               }
             ),
-            /* @__PURE__ */ s("p", { className: `text-sm ${E()}`, children: o })
+            /* @__PURE__ */ l("p", { className: `text-sm ${E()}`, children: o })
           ] })
         ]
       }
@@ -4185,7 +4199,7 @@ const lt = ({
         a,
         "(s) seleccionado(s):"
       ] }),
-      /* @__PURE__ */ s("ul", { className: "space-y-1", children: w.map((M, A) => /* @__PURE__ */ y(
+      /* @__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",
@@ -4198,14 +4212,14 @@ const lt = ({
                   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) => {
@@ -4221,7 +4235,7 @@ const lt = ({
         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 })
   ] });
 }, it = ({
   text: e,
@@ -4231,15 +4245,15 @@ const lt = ({
   ...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 ct({
   isOpen: e,
@@ -4247,7 +4261,7 @@ function ct({
   title: t,
   children: o,
   size: a = "md",
-  className: l = "",
+  className: s = "",
   overlayClassName: i = "",
   showCloseButton: n = !0,
   closeOnOverlayClick: c = !0,
@@ -4273,7 +4287,7 @@ function ct({
     "2xl": "max-w-2xl"
   }, k = () => {
     c && r();
-  }, f = /* @__PURE__ */ s(
+  }, h = /* @__PURE__ */ l(
     "div",
     {
       className: p(
@@ -4290,12 +4304,12 @@ function ct({
           className: p(
             "relative bg-white rounded-xl shadow-2xl max-h-[90vh] flex flex-col w-full transition-all duration-300",
             b[a],
-            l
+            s
           ),
           onClick: (v) => v.stopPropagation(),
           children: [
             (t || n) && /* @__PURE__ */ y("div", { className: "flex justify-between items-center px-6 py-5 border-b border-border rounded-t-xl shrink-0", children: [
-              t && /* @__PURE__ */ s(
+              t && /* @__PURE__ */ l(
                 "h2",
                 {
                   id: "modal-title",
@@ -4303,24 +4317,24 @@ function ct({
                   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 dt({
   id: e,
@@ -4328,16 +4342,16 @@ function dt({
   checked: t = !1,
   onChange: o,
   disabled: a = !1,
-  required: l = !1,
+  required: s = !1,
   colorScheme: i = "secondary",
   variant: n = "solid",
   label: c,
   className: d = "",
   ...b
 }) {
-  const k = (f, v) => {
+  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 (f === "outline")
+    if (h === "outline")
       switch (v) {
         case "primary":
           return `${m} checkbox-outline checkbox-primary`;
@@ -4355,7 +4369,7 @@ function dt({
       }
   };
   return c ? /* @__PURE__ */ y("div", { className: `flex items-center gap-2 ${d}`, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       "input",
       {
         id: e,
@@ -4364,7 +4378,7 @@ function dt({
         checked: t,
         onChange: o,
         disabled: a,
-        required: l,
+        required: s,
         className: k(n, i),
         ...b
       }
@@ -4376,11 +4390,11 @@ function dt({
         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,
@@ -4389,7 +4403,7 @@ function dt({
       checked: t,
       onChange: o,
       disabled: a,
-      required: l,
+      required: s,
       className: `${k(n, i)} ${d}`,
       style: {
         accentColor: "white"
@@ -4406,9 +4420,9 @@ export {
   dt as Checkbox,
   st as Dropdown,
   Tr as EN_DEFAULT_DAY_NAMES,
-  Fr as EN_DEFAULT_MONTH_NAMES,
+  Rr as EN_DEFAULT_MONTH_NAMES,
   $r as ES_DEFAULT_DAY_NAMES,
-  Rr as ES_DEFAULT_MONTH_NAMES,
+  Fr as ES_DEFAULT_MONTH_NAMES,
   rt as ExpandableCard,
   lt as FileDropZone,
   ut as Input,