componentables 0.1.14 → 0.1.15

package/dist/index.js

@@ -1,5 +1,5 @@
-import { jsxs as h, jsx as l, Fragment as Ae } from "react/jsx-runtime";
-import V, { 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 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 { Oval as Te } from "react-loader-spinner";
 import { createPortal as $e } from "react-dom";
 import { toast as re } from "react-toastify";
@@ -7,13 +7,13 @@ function we(e) {
   var r, t, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (r = 0; r < s; r++) e[r] && (t = we(e[r])) && (o && (o += " "), o += t);
+    var a = e.length;
+    for (r = 0; r < a; r++) e[r] && (t = we(e[r])) && (o && (o += " "), o += t);
   } else for (t in e) e[t] && (o && (o += " "), o += t);
   return o;
 }
 function Fe() {
-  for (var e, r, t = 0, o = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (r = we(e)) && (o && (o += " "), o += r);
+  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) => {
@@ -34,15 +34,15 @@ const ue = "-", Re = (e) => {
 }, ke = (e, r) => {
   if (e.length === 0)
     return r.classGroupId;
-  const t = e[0], o = r.nextPart.get(t), s = o ? ke(e.slice(1), o) : void 0;
-  if (s)
-    return s;
+  const t = e[0], o = r.nextPart.get(t), a = o ? ke(e.slice(1), o) : void 0;
+  if (a)
+    return a;
   if (r.validators.length === 0)
     return;
-  const a = e.join(ue);
+  const l = e.join(ue);
   return r.validators.find(({
     validator: i
-  }) => i(a))?.classGroupId;
+  }) => i(l))?.classGroupId;
 }, pe = /^\[(.+)\]$/, _e = (e) => {
   if (pe.test(e)) {
     const r = pe.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
@@ -57,29 +57,29 @@ const ue = "-", Re = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ge(Object.entries(e.classGroups), t).forEach(([a, i]) => {
-    de(i, o, a, r);
+  return Ge(Object.entries(e.classGroups), t).forEach(([l, i]) => {
+    de(i, o, l, r);
   }), o;
 }, de = (e, r, t, o) => {
-  e.forEach((s) => {
-    if (typeof s == "string") {
-      const a = s === "" ? r : me(r, s);
-      a.classGroupId = t;
+  e.forEach((a) => {
+    if (typeof a == "string") {
+      const l = a === "" ? r : me(r, a);
+      l.classGroupId = t;
       return;
     }
-    if (typeof s == "function") {
-      if (Be(s)) {
-        de(s(o), r, t, o);
+    if (typeof a == "function") {
+      if (Be(a)) {
+        de(a(o), r, t, o);
         return;
       }
       r.validators.push({
-        validator: s,
+        validator: a,
         classGroupId: t
       });
       return;
     }
-    Object.entries(s).forEach(([a, i]) => {
-      de(i, me(r, a), t, o);
+    Object.entries(a).forEach(([l, i]) => {
+      de(i, me(r, l), t, o);
     });
   });
 }, me = (e, r) => {
@@ -91,8 +91,8 @@ const ue = "-", Re = (e) => {
     }), t = t.nextPart.get(o);
   }), t;
 }, Be = (e) => e.isThemeGetter, Ge = (e, r) => r ? e.map(([t, o]) => {
-  const s = o.map((a) => typeof a == "string" ? r + a : typeof a == "object" ? Object.fromEntries(Object.entries(a).map(([i, n]) => [r + i, n])) : a);
-  return [t, s];
+  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);
+  return [t, a];
 }) : e, We = (e) => {
   if (e < 1)
     return {
@@ -102,48 +102,48 @@ const ue = "-", Re = (e) => {
       }
     };
   let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const s = (a, i) => {
-    t.set(a, i), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+  const a = (l, i) => {
+    t.set(l, i), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
   };
   return {
-    get(a) {
-      let i = t.get(a);
+    get(l) {
+      let i = t.get(l);
       if (i !== void 0)
         return i;
-      if ((i = o.get(a)) !== void 0)
-        return s(a, i), i;
+      if ((i = o.get(l)) !== void 0)
+        return a(l, i), i;
     },
-    set(a, i) {
-      t.has(a) ? t.set(a, i) : s(a, i);
+    set(l, i) {
+      t.has(l) ? t.set(l, i) : a(l, i);
     }
   };
 }, Ce = "!", He = (e) => {
   const {
     separator: r,
     experimentalParseClassName: t
-  } = e, o = r.length === 1, s = r[0], a = r.length, i = (n) => {
+  } = e, o = r.length === 1, a = r[0], l = r.length, i = (n) => {
     const c = [];
-    let d = 0, g = 0, y;
+    let d = 0, m = 0, k;
     for (let u = 0; u < n.length; u++) {
-      let k = n[u];
+      let w = n[u];
       if (d === 0) {
-        if (k === s && (o || n.slice(u, u + a) === r)) {
-          c.push(n.slice(g, u)), g = u + a;
+        if (w === a && (o || n.slice(u, u + l) === r)) {
+          c.push(n.slice(m, u)), m = u + l;
           continue;
         }
-        if (k === "/") {
-          y = u;
+        if (w === "/") {
+          k = u;
           continue;
         }
       }
-      k === "[" ? d++ : k === "]" && d--;
+      w === "[" ? d++ : w === "]" && d--;
     }
-    const x = c.length === 0 ? n : n.substring(g), v = x.startsWith(Ce), m = v ? x.substring(1) : x, w = y && y > g ? y - g : void 0;
+    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;
     return {
       modifiers: c,
       hasImportantModifier: v,
-      baseClassName: m,
-      maybePostfixModifierPosition: w
+      baseClassName: b,
+      maybePostfixModifierPosition: y
     };
   };
   return t ? (n) => t({
@@ -166,36 +166,36 @@ const ue = "-", Re = (e) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
-    getConflictingClassGroupIds: s
-  } = r, a = [], i = e.trim().split(Je);
+    getConflictingClassGroupIds: a
+  } = r, l = [], i = e.trim().split(Je);
   let n = "";
   for (let c = i.length - 1; c >= 0; c -= 1) {
     const d = i[c], {
-      modifiers: g,
-      hasImportantModifier: y,
-      baseClassName: x,
+      modifiers: m,
+      hasImportantModifier: k,
+      baseClassName: f,
       maybePostfixModifierPosition: v
     } = t(d);
-    let m = !!v, w = o(m ? x.substring(0, v) : x);
-    if (!w) {
-      if (!m) {
+    let b = !!v, y = o(b ? f.substring(0, v) : f);
+    if (!y) {
+      if (!b) {
         n = d + (n.length > 0 ? " " + n : n);
         continue;
       }
-      if (w = o(x), !w) {
+      if (y = o(f), !y) {
         n = d + (n.length > 0 ? " " + n : n);
         continue;
       }
-      m = !1;
+      b = !1;
     }
-    const u = Ue(g).join(":"), k = y ? u + Ce : u, b = k + w;
-    if (a.includes(b))
+    const u = Ue(m).join(":"), w = k ? u + Ce : u, h = w + y;
+    if (l.includes(h))
       continue;
-    a.push(b);
-    const L = s(w, m);
+    l.push(h);
+    const L = a(y, b);
     for (let P = 0; P < L.length; ++P) {
-      const C = L[P];
-      a.push(k + C);
+      const z = L[P];
+      l.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, s, a = i;
+  let t, o, a, l = i;
   function i(c) {
-    const d = r.reduce((g, y) => y(g), e());
-    return t = Ye(d), o = t.cache.get, s = t.cache.set, a = n, n(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);
   }
   function n(c) {
     const d = o(c);
     if (d)
       return d;
-    const g = Ke(c, t);
-    return s(c, g), g;
+    const m = Ke(c, t);
+    return a(c, m), m;
   }
   return function() {
-    return a(Ze.apply(null, arguments));
+    return l(Ze.apply(null, arguments));
   };
 }
-const A = (e) => {
+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)), M = (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)\(.+\)$/, 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) => {
   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,34 +244,34 @@ const A = (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 = A("colors"), r = A("spacing"), t = A("blur"), o = A("brightness"), s = A("borderColor"), a = A("borderRadius"), i = A("borderSpacing"), n = A("borderWidth"), c = A("contrast"), d = A("grayscale"), g = A("hueRotate"), y = A("invert"), x = A("gap"), v = A("gradientColorStops"), m = A("gradientColorStopPositions"), w = A("inset"), u = A("margin"), k = A("opacity"), b = A("padding"), L = A("saturate"), P = A("scale"), C = A("sepia"), I = A("skew"), f = A("space"), O = A("translate"), B = () => ["auto", "contain", "none"], G = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", M, r], S = () => [M, r], z = () => ["", W, U], E = () => ["auto", Q, M], _ = () => ["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"], N = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", M], F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], R = () => [Q, M];
+  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"), P = I("scale"), z = I("sepia"), E = 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];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [oe],
       spacing: [W, U],
-      blur: ["none", "", Y, M],
-      brightness: R(),
+      blur: ["none", "", Y, N],
+      brightness: _(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", Y, M],
+      borderRadius: ["none", "", "full", Y, N],
       borderSpacing: S(),
-      borderWidth: z(),
-      contrast: R(),
+      borderWidth: M(),
+      contrast: _(),
       grayscale: D(),
-      hueRotate: R(),
+      hueRotate: _(),
       invert: D(),
       gap: S(),
       gradientColorStops: [e],
       gradientColorStopPositions: [ar, U],
       inset: K(),
       margin: K(),
-      opacity: R(),
+      opacity: _(),
       padding: S(),
-      saturate: R(),
-      scale: R(),
+      saturate: _(),
+      scale: _(),
       sepia: D(),
-      skew: R(),
+      skew: _(),
       space: S(),
       translate: S()
     },
@@ -282,7 +282,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", M]
+        aspect: ["auto", "square", "video", N]
       }],
       /**
        * Container
@@ -301,14 +301,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": F()
+        "break-after": R()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": F()
+        "break-before": R()
       }],
       /**
        * Break Inside
@@ -367,7 +367,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [..._(), M]
+        object: [...V(), N]
       }],
       /**
        * Overflow
@@ -395,21 +395,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: B()
+        overscroll: F()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": B()
+        "overscroll-x": F()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": B()
+        "overscroll-y": F()
       }],
       /**
        * Position
@@ -421,63 +421,63 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [w]
+        inset: [y]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [w]
+        "inset-x": [y]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [w]
+        "inset-y": [y]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [w]
+        start: [y]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [w]
+        end: [y]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [w]
+        top: [y]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [w]
+        right: [y]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [w]
+        bottom: [y]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [w]
+        left: [y]
       }],
       /**
        * Visibility
@@ -489,7 +489,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", te, M]
+        z: ["auto", te, N]
       }],
       // Flexbox and Grid
       /**
@@ -518,7 +518,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", M]
+        flex: ["1", "auto", "initial", "none", N]
       }],
       /**
        * Flex Grow
@@ -539,7 +539,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", te, M]
+        order: ["first", "last", "none", te, N]
       }],
       /**
        * Grid Template Columns
@@ -554,22 +554,22 @@ const A = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", te, M]
-        }, M]
+          span: ["full", te, N]
+        }, N]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": E()
+        "col-start": A()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": E()
+        "col-end": A()
       }],
       /**
        * Grid Template Rows
@@ -584,22 +584,22 @@ const A = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [te, M]
-        }, M]
+          span: [te, N]
+        }, N]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": E()
+        "row-start": A()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": E()
+        "row-end": A()
       }],
       /**
        * Grid Auto Flow
@@ -613,42 +613,42 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", M]
+        "auto-cols": ["auto", "min", "max", "fr", N]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", M]
+        "auto-rows": ["auto", "min", "max", "fr", N]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [x]
+        gap: [f]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [x]
+        "gap-x": [f]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [x]
+        "gap-y": [f]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...N()]
+        justify: ["normal", ...C()]
       }],
       /**
        * Justify Items
@@ -669,7 +669,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...N(), "baseline"]
+        content: ["normal", ...C(), "baseline"]
       }],
       /**
        * Align Items
@@ -690,7 +690,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...N(), "baseline"]
+        "place-content": [...C(), "baseline"]
       }],
       /**
        * Place Items
@@ -712,63 +712,63 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [b]
+        p: [h]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [b]
+        px: [h]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [b]
+        py: [h]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [b]
+        ps: [h]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [b]
+        pe: [h]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [b]
+        pt: [h]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [b]
+        pr: [h]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [b]
+        pb: [h]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [b]
+        pl: [h]
       }],
       /**
        * Margin
@@ -838,7 +838,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [f]
+        "space-x": [g]
       }],
       /**
        * Space Between X Reverse
@@ -850,7 +850,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [f]
+        "space-y": [g]
       }],
       /**
        * Space Between Y Reverse
@@ -863,21 +863,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", M, r]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", N, r]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [M, r, "min", "max", "fit"]
+        "min-w": [N, r, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [M, r, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [N, r, "none", "full", "min", "max", "fit", "prose", {
           screen: [Y]
         }, Y]
       }],
@@ -886,28 +886,28 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [M, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [N, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [M, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [N, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [M, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [N, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [M, r, "auto", "min", "max", "fit"]
+        size: [N, r, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -976,7 +976,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", M]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", N]
       }],
       /**
        * Line Clamp
@@ -990,21 +990,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", W, M]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", W, N]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", M]
+        "list-image": ["none", N]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", M]
+        list: ["none", "disc", "decimal", N]
       }],
       /**
        * List Style Position
@@ -1026,7 +1026,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [k]
+        "placeholder-opacity": [w]
       }],
       /**
        * Text Alignment
@@ -1047,7 +1047,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [k]
+        "text-opacity": [w]
       }],
       /**
        * Text Decoration
@@ -1073,7 +1073,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", W, M]
+        "underline-offset": ["auto", W, N]
       }],
       /**
        * Text Decoration Color
@@ -1111,7 +1111,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", M]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", N]
       }],
       /**
        * Whitespace
@@ -1139,7 +1139,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", M]
+        content: ["none", N]
       }],
       // Backgrounds
       /**
@@ -1162,7 +1162,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [k]
+        "bg-opacity": [w]
       }],
       /**
        * Background Origin
@@ -1176,7 +1176,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [..._(), ir]
+        bg: [...V(), ir]
       }],
       /**
        * Background Repeat
@@ -1215,21 +1215,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [m]
+        from: [b]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [m]
+        via: [b]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [m]
+        to: [b]
       }],
       /**
        * Gradient Color Stops From
@@ -1258,105 +1258,105 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [a]
+        rounded: [l]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [a]
+        "rounded-s": [l]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [a]
+        "rounded-e": [l]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [a]
+        "rounded-t": [l]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [a]
+        "rounded-r": [l]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [a]
+        "rounded-b": [l]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [a]
+        "rounded-l": [l]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [a]
+        "rounded-ss": [l]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [a]
+        "rounded-se": [l]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [a]
+        "rounded-ee": [l]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [a]
+        "rounded-es": [l]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [a]
+        "rounded-tl": [l]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [a]
+        "rounded-tr": [l]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [a]
+        "rounded-br": [l]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [a]
+        "rounded-bl": [l]
       }],
       /**
        * Border Width
@@ -1426,7 +1426,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [k]
+        "border-opacity": [w]
       }],
       /**
        * Border Style
@@ -1464,7 +1464,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [k]
+        "divide-opacity": [w]
       }],
       /**
        * Divide Style
@@ -1478,70 +1478,70 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: [s]
+        border: [a]
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": [s]
+        "border-x": [a]
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": [s]
+        "border-y": [a]
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": [s]
+        "border-s": [a]
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": [s]
+        "border-e": [a]
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": [s]
+        "border-t": [a]
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": [s]
+        "border-r": [a]
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": [s]
+        "border-b": [a]
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": [s]
+        "border-l": [a]
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: [s]
+        divide: [a]
       }],
       /**
        * Outline Style
@@ -1555,7 +1555,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [W, M]
+        "outline-offset": [W, N]
       }],
       /**
        * Outline Width
@@ -1576,7 +1576,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: z()
+        ring: M()
       }],
       /**
        * Ring Width Inset
@@ -1595,7 +1595,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [k]
+        "ring-opacity": [w]
       }],
       /**
        * Ring Offset Width
@@ -1631,7 +1631,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [k]
+        opacity: [w]
       }],
       /**
        * Mix Blend Mode
@@ -1682,7 +1682,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", Y, M]
+        "drop-shadow": ["", "none", Y, N]
       }],
       /**
        * Grayscale
@@ -1696,14 +1696,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g]
+        "hue-rotate": [m]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [y]
+        invert: [k]
       }],
       /**
        * Saturate
@@ -1717,7 +1717,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [C]
+        sepia: [z]
       }],
       /**
        * Backdrop Filter
@@ -1760,21 +1760,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g]
+        "backdrop-hue-rotate": [m]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [y]
+        "backdrop-invert": [k]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [k]
+        "backdrop-opacity": [w]
       }],
       /**
        * Backdrop Saturate
@@ -1788,7 +1788,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [C]
+        "backdrop-sepia": [z]
       }],
       // Tables
       /**
@@ -1839,35 +1839,35 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", M]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", N]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: R()
+        duration: _()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", M]
+        ease: ["linear", "in", "out", "in-out", N]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: R()
+        delay: _()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", M]
+        animate: ["none", "spin", "ping", "pulse", "bounce", N]
       }],
       // Transforms
       /**
@@ -1903,42 +1903,42 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [te, M]
+        rotate: [te, N]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [O]
+        "translate-x": [j]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [O]
+        "translate-y": [j]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [I]
+        "skew-x": [E]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [I]
+        "skew-y": [E]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", M]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", N]
       }],
       // Interactivity
       /**
@@ -1960,7 +1960,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", M]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", N]
       }],
       /**
        * Caret Color
@@ -2182,7 +2182,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", M]
+        "will-change": ["auto", "scroll", "contents", "transform", N]
       }],
       // SVG
       /**
@@ -2277,12 +2277,12 @@ function p(...e) {
   return fr(Fe(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, s = Math.max(r, t, o), a = 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), l = Math.min(r, t, o);
   let i = 0, n = 0;
-  const c = (s + a) / 2;
-  if (s !== a) {
-    const d = s - a;
-    switch (n = c > 0.5 ? d / (2 - s - a) : d / (s + a), s) {
+  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) {
       case r:
         i = ((t - o) / d + (t < o ? 6 : 0)) / 6;
         break;
@@ -2298,11 +2298,11 @@ function hr(e) {
 }
 function be(e, r, t) {
   t /= 100;
-  const o = r * Math.min(t, 1 - t) / 100, s = (a) => {
-    const i = (a + 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 = (l) => {
+    const i = (l + 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 `#${s(0)}${s(8)}${s(4)}`;
+  return `#${a(0)}${a(8)}${a(4)}`;
 }
 function le(e) {
   const [r, t, o] = hr(e);
@@ -2312,7 +2312,7 @@ function le(e) {
     dark: be(r, Math.min(100, t + 10), Math.max(0, o - 15))
   };
 }
-const j = {
+const O = {
   colors: {
     primary: "#6366f1",
     primaryLight: "#818cf8",
@@ -2335,7 +2335,7 @@ const j = {
     light: "#f9fafb",
     active: "#4338ca"
   }
-}, Le = je(j);
+}, Le = je(O);
 function Kr() {
   return Oe(Le);
 }
@@ -2378,35 +2378,35 @@ function Zr({
   theme: r
 }) {
   const t = Ie(() => {
-    const o = r?.colors || {}, s = o.primary ? le(o.primary) : null, a = o.secondary ? le(o.secondary) : null, i = o.danger ? le(o.danger) : null;
+    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;
     return {
       colors: {
-        primary: o.primary || j.colors.primary,
-        primaryLight: s?.light || j.colors.primaryLight,
-        primaryDark: s?.dark || j.colors.primaryDark,
-        secondary: o.secondary || j.colors.secondary,
-        secondaryLight: a?.light || j.colors.secondaryLight,
-        secondaryDark: a?.dark || j.colors.secondaryDark,
-        danger: o.danger || j.colors.danger,
-        dangerLight: i?.light || j.colors.dangerLight,
-        dangerDark: i?.dark || j.colors.dangerDark,
-        text: o.text || j.colors.text,
-        textMuted: o.textMuted || j.colors.textMuted,
-        textLight: o.textLight || j.colors.textLight,
-        border: o.border || j.colors.border,
-        borderDark: o.borderDark || j.colors.borderDark,
-        background: o.background || j.colors.background,
-        backgroundDark: o.backgroundDark || j.colors.backgroundDark,
-        backgroundLight: o.backgroundLight || j.colors.backgroundLight,
-        disabled: o.disabled || j.colors.disabled,
-        light: o.light || j.colors.light,
-        active: o.active || j.colors.active
+        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,
+        danger: o.danger || O.colors.danger,
+        dangerLight: i?.light || O.colors.dangerLight,
+        dangerDark: i?.dark || O.colors.dangerDark,
+        text: o.text || O.colors.text,
+        textMuted: o.textMuted || O.colors.textMuted,
+        textLight: o.textLight || O.colors.textLight,
+        border: o.border || O.colors.border,
+        borderDark: o.borderDark || O.colors.borderDark,
+        background: o.background || O.colors.background,
+        backgroundDark: o.backgroundDark || O.colors.backgroundDark,
+        backgroundLight: o.backgroundLight || O.colors.backgroundLight,
+        disabled: o.disabled || O.colors.disabled,
+        light: o.light || O.colors.light,
+        active: o.active || O.colors.active
       }
     };
   }, [r]);
   return typeof window < "u" && ge(t), H(() => {
     ge(t);
-  }, [t]), V.createElement(Le.Provider, { value: t }, e);
+  }, [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",
@@ -2427,14 +2427,14 @@ function q({
   onClick: r,
   disabled: t = !1,
   type: o = "button",
-  variant: s = "primary",
-  size: a = "md",
+  variant: a = "primary",
+  size: l = "md",
   fullWidth: i = !1,
   loading: n = !1,
   className: c = "",
   ...d
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ x(
     "button",
     {
       type: o,
@@ -2442,22 +2442,22 @@ function q({
       disabled: t || n,
       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[s],
-        xr[a],
+        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],
         i && "w-full",
         n && "cursor-wait opacity-75",
         c
       ),
       ...d,
       children: [
-        n && /* @__PURE__ */ h(
+        n && /* @__PURE__ */ x(
           "svg",
           {
             className: "w-4 h-4 mr-2 animate-spin",
             fill: "none",
             viewBox: "0 0 24 24",
             children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ s(
                 "circle",
                 {
                   className: "opacity-25",
@@ -2468,7 +2468,7 @@ function q({
                   strokeWidth: "4"
                 }
               ),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ s(
                 "path",
                 {
                   className: "opacity-75",
@@ -2489,65 +2489,65 @@ function vr({
   name: r,
   type: t = "text",
   value: o,
-  onChange: s,
-  placeholder: a,
+  onChange: a,
+  placeholder: l,
   label: i,
   error: n,
   disabled: c = !1,
   required: d = !1,
-  colorScheme: g = "secondary",
-  className: y = "",
-  ...x
+  colorScheme: m = "secondary",
+  className: k = "",
+  ...f
 }) {
   const v = () => {
-    const w = "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 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";
     if (n)
       return p(
-        w,
+        y,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
-    switch (g) {
+    switch (m) {
       case "primary":
         return p(
-          w,
+          y,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return p(
-          w,
+          y,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, m = () => g === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ h("div", { className: p("mb-6", y), children: [
-    i && /* @__PURE__ */ h(
+  }, b = () => m === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ x("div", { className: p("mb-6", k), children: [
+    i && /* @__PURE__ */ x(
       "label",
       {
         htmlFor: e,
-        className: p("block mb-2 text-sm font-medium", m()),
+        className: p("block mb-2 text-sm font-medium", b()),
         children: [
           i,
-          d && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
+          d && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "input",
       {
         id: e,
         name: r,
         type: t,
         value: o,
-        onChange: s,
-        placeholder: a,
+        onChange: a,
+        placeholder: l,
         disabled: c,
         required: d,
         className: v(),
-        ...x
+        ...f
       }
     ),
-    n && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: n })
+    n && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: n })
   ] });
 }
 function wr({
@@ -2555,65 +2555,65 @@ function wr({
   name: r,
   value: t,
   onChange: o,
-  placeholder: s,
-  label: a,
+  placeholder: a,
+  label: l,
   error: i,
   disabled: n = !1,
   required: c = !1,
   colorScheme: d = "secondary",
-  className: g = "",
-  rows: y = 4,
-  ...x
+  className: m = "",
+  rows: k = 4,
+  ...f
 }) {
   const v = () => {
-    const w = "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 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";
     if (i)
       return p(
-        w,
+        y,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
     switch (d) {
       case "primary":
         return p(
-          w,
+          y,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return p(
-          w,
+          y,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, m = () => d === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ h("div", { className: p("mb-6", g), children: [
-    a && /* @__PURE__ */ h(
+  }, b = () => d === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ x("div", { className: p("mb-6", m), children: [
+    l && /* @__PURE__ */ x(
       "label",
       {
         htmlFor: e,
-        className: p("block mb-2 text-sm font-medium", m()),
+        className: p("block mb-2 text-sm font-medium", b()),
         children: [
-          a,
-          c && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
+          l,
+          c && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "textarea",
       {
         id: e,
         name: r,
         value: t,
         onChange: o,
-        placeholder: s,
+        placeholder: a,
         disabled: n,
         required: c,
-        rows: y,
+        rows: k,
         className: v(),
-        ...x
+        ...f
       }
     ),
-    i && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
+    i && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
   ] });
 }
 const De = { Input: vr, InputArea: wr };
@@ -2622,16 +2622,16 @@ function kr({
   name: r,
   checked: t = !1,
   onChange: o,
-  disabled: s = !1,
-  label: a,
+  disabled: a = !1,
+  label: l,
   colorScheme: i = "secondary",
   size: n = "md",
   className: c = "",
   ...d
 }) {
-  const [g, y] = $(t), x = (b) => {
-    const L = b.target.checked;
-    y(L), o?.(L);
+  const [m, k] = $(t), f = (h) => {
+    const L = h.target.checked;
+    k(L), o?.(L);
   }, v = () => ({
     primary: {
       bg: "bg-primary",
@@ -2643,7 +2643,7 @@ function kr({
       border: "border-secondary",
       text: "text-secondary"
     }
-  })[i], m = () => {
+  })[i], b = () => {
     switch (n) {
       case "sm":
         return "w-10 h-6";
@@ -2653,7 +2653,7 @@ function kr({
       default:
         return "w-13 h-7";
     }
-  }, w = () => {
+  }, y = () => {
     switch (n) {
       case "sm":
         return "w-5 h-5";
@@ -2664,7 +2664,7 @@ function kr({
         return "w-6 h-6";
     }
   }, u = () => {
-    if (!g) return "translate-x-0";
+    if (!m) return "translate-x-0";
     switch (n) {
       case "sm":
         return "translate-x-5";
@@ -2674,38 +2674,38 @@ function kr({
       default:
         return "translate-x-6";
     }
-  }, k = v();
-  return /* @__PURE__ */ h("div", { className: p("flex items-center gap-3", c), children: [
-    /* @__PURE__ */ h("div", { className: "relative", children: [
-      /* @__PURE__ */ l(
+  }, 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: g,
-          onChange: x,
-          disabled: s,
+          checked: m,
+          onChange: f,
+          disabled: a,
           className: "sr-only",
           ...d
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "label",
         {
           htmlFor: e,
           className: p(
             "block cursor-pointer transition-all duration-300 rounded-full border-2",
-            m(),
-            g ? p(k.bg, k.border) : "bg-gray-200 border-gray-300",
-            s ? "opacity-50 cursor-not-allowed" : "hover:shadow-md"
+            b(),
+            m ? p(w.bg, w.border) : "bg-gray-200 border-gray-300",
+            a ? "opacity-50 cursor-not-allowed" : "hover:shadow-md"
           ),
-          children: /* @__PURE__ */ l(
+          children: /* @__PURE__ */ s(
             "span",
             {
               className: p(
                 "absolute top-0.5 left-0.5 inline-block rounded-full bg-white transition-all duration-300 shadow-sm",
-                w(),
+                y(),
                 u()
               )
             }
@@ -2713,16 +2713,16 @@ function kr({
         }
       )
     ] }),
-    a && /* @__PURE__ */ l(
+    l && /* @__PURE__ */ s(
       "label",
       {
         htmlFor: e,
         className: p(
           "text-sm font-medium cursor-pointer select-none",
-          k.text,
-          s && "opacity-50 cursor-not-allowed"
+          w.text,
+          a && "opacity-50 cursor-not-allowed"
         ),
-        children: a
+        children: l
       }
     )
   ] });
@@ -2732,8 +2732,8 @@ const Cr = { Toggle: kr }, Nr = ({
   wrapperStyle: r = {},
   wrapperClass: t = "",
   ariaLabel: o = "Cargando...",
-  label: s = "Cargando...",
-  visible: a = !0,
+  label: a = "Cargando...",
+  visible: l = !0,
   direction: i = "column"
 }) => {
   const n = {
@@ -2744,12 +2744,12 @@ const Cr = { Toggle: kr }, Nr = ({
     minHeight: "100px",
     ...r
   };
-  return /* @__PURE__ */ h("div", { style: n, className: t, children: [
-    /* @__PURE__ */ l("label", { children: s }),
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ x("div", { style: n, className: t, children: [
+    /* @__PURE__ */ s("label", { children: a }),
+    /* @__PURE__ */ s(
       Te,
       {
-        visible: a,
+        visible: l,
         height: e,
         width: e,
         ariaLabel: o,
@@ -2763,65 +2763,68 @@ const Cr = { Toggle: kr }, Nr = ({
 }, { Input: ie } = De, Xr = ({
   title: e = "Iniciar Sesión",
   showForgotPassword: r = !0,
-  className: t = "",
-  onLogin: o,
-  onForgotPassword: s
+  onlyForgotPassword: t = !1,
+  className: o = "",
+  onLogin: a,
+  onForgotPassword: l
 }) => {
-  const [a, i] = $({
+  const [i, n] = $({
     email: "",
     password: ""
-  }), [n, c] = $({}), [d, g] = $(!1), [y, x] = $("login"), v = (C, I) => {
-    switch (C) {
+  }), [c, d] = $({}), [m, k] = $(!1), [f, v] = $(
+    t ? "forgot" : "login"
+  ), b = (E, g) => {
+    switch (E) {
       case "email":
-        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(I) ? "" : "Por favor ingresa un email válido";
+        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(g) ? "" : "Por favor ingresa un email válido";
       case "password":
-        return I.length >= 6 ? "" : "La contraseña debe tener al menos 6 caracteres";
+        return g.length >= 6 ? "" : "La contraseña debe tener al menos 6 caracteres";
       default:
         return "";
     }
-  }, m = (C) => {
-    const { name: I, value: f } = C.target;
-    i((O) => ({
-      ...O,
-      [I]: f
-    })), n[I] && c((O) => ({
-      ...O,
-      [I]: ""
+  }, y = (E) => {
+    const { name: g, value: j } = E.target;
+    n((F) => ({
+      ...F,
+      [g]: j
+    })), c[g] && d((F) => ({
+      ...F,
+      [g]: ""
     }));
-  }, w = () => {
-    const C = {}, I = v("email", a.email);
-    if (I && (C.email = I), y === "login") {
-      const f = v("password", a.password);
-      f && (C.password = f);
+  }, u = () => {
+    const E = {}, g = b("email", i.email);
+    if (g && (E.email = g), f === "login") {
+      const j = b("password", i.password);
+      j && (E.password = j);
     }
-    return c(C), Object.keys(C).length === 0;
-  }, u = async (C) => {
-    if (C.preventDefault(), !!w()) {
-      g(!0);
+    return d(E), Object.keys(E).length === 0;
+  }, w = async (E) => {
+    if (E.preventDefault(), !!u()) {
+      k(!0);
       try {
-        switch (y) {
+        switch (f) {
           case "login":
-            o && await o({
-              email: a.email,
-              password: a.password
+            a && await a({
+              email: i.email,
+              password: i.password
             });
             break;
           case "forgot":
-            s && await s(a.email);
+            l && await l(i.email);
             break;
         }
-      } catch (I) {
-        console.error("Login error:", I);
+      } catch (g) {
+        console.error("Login error:", g);
       } finally {
-        g(!1);
+        k(!1);
       }
     }
-  }, k = (C) => {
-    x(C), c({}), i({ email: a.email, password: "" });
-  }, b = () => {
-    switch (y) {
+  }, h = (E) => {
+    v(E), d({}), n({ email: i.email, password: "" });
+  }, L = () => {
+    switch (f) {
       case "forgot":
-        return /* @__PURE__ */ l(
+        return /* @__PURE__ */ s(
           ie,
           {
             id: "email",
@@ -2829,16 +2832,16 @@ const Cr = { Toggle: kr }, Nr = ({
             name: "email",
             placeholder: "Ingresa tu email",
             label: "Email",
-            value: a.email,
-            onChange: m,
-            error: n.email,
-            disabled: d,
+            value: i.email,
+            onChange: y,
+            error: c.email,
+            disabled: m,
             colorScheme: "secondary"
           }
         );
       default:
-        return /* @__PURE__ */ h(Ae, { children: [
-          /* @__PURE__ */ l(
+        return /* @__PURE__ */ x(Ae, { children: [
+          /* @__PURE__ */ s(
             ie,
             {
               id: "email",
@@ -2846,14 +2849,14 @@ const Cr = { Toggle: kr }, Nr = ({
               name: "email",
               placeholder: "Ingresa tu email",
               label: "Email",
-              value: a.email,
-              onChange: m,
-              error: n.email,
-              disabled: d,
+              value: i.email,
+              onChange: y,
+              error: c.email,
+              disabled: m,
               colorScheme: "secondary"
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             ie,
             {
               id: "password",
@@ -2861,57 +2864,57 @@ const Cr = { Toggle: kr }, Nr = ({
               name: "password",
               placeholder: "Ingresa tu contraseña",
               label: "Contraseña",
-              value: a.password,
-              onChange: m,
-              error: n.password,
-              disabled: d,
+              value: i.password,
+              onChange: y,
+              error: c.password,
+              disabled: m,
               colorScheme: "secondary"
             }
           )
         ] });
     }
-  }, L = () => {
-    switch (y) {
+  }, P = () => {
+    switch (f) {
       case "forgot":
         return "Recuperar Contraseña";
       default:
         return e;
     }
-  }, P = () => {
-    if (d)
-      return /* @__PURE__ */ l(Nr, { size: 20, wrapperStyle: { minHeight: "auto" } });
-    switch (y) {
+  }, z = () => {
+    if (m)
+      return /* @__PURE__ */ s(Nr, { size: 20, wrapperStyle: { minHeight: "auto" } });
+    switch (f) {
       case "forgot":
         return "Enviar Enlace";
       default:
         return "Entrar";
     }
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: `flex justify-center items-center min-h-[90vh] p-6 bg-background sm:p-4 ${t || ""}`,
-      children: /* @__PURE__ */ h("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: L() }),
-        /* @__PURE__ */ l("div", { className: "space-y-4 mb-6", children: b() }),
-        /* @__PURE__ */ l("form", { onSubmit: u, children: /* @__PURE__ */ l(
+      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: P() }),
+        /* @__PURE__ */ s("div", { className: "space-y-4 mb-6", children: L() }),
+        /* @__PURE__ */ s("form", { onSubmit: w, children: /* @__PURE__ */ s(
           q,
           {
             type: "submit",
-            disabled: d,
-            loading: d,
+            disabled: m,
+            loading: m,
             fullWidth: !0,
             variant: "primary",
             size: "lg",
             className: "mb-6",
-            children: !d && P()
+            children: !m && z()
           }
         ) }),
-        y === "login" && r && /* @__PURE__ */ l(
+        f === "login" && r && /* @__PURE__ */ s(
           q,
           {
             type: "button",
-            onClick: () => k("forgot"),
+            onClick: () => h("forgot"),
             variant: "link",
             size: "sm",
             fullWidth: !0,
@@ -2919,11 +2922,11 @@ const Cr = { Toggle: kr }, Nr = ({
             children: "¿Olvidaste tu contraseña?"
           }
         ),
-        y === "forgot" && /* @__PURE__ */ l(
+        f === "forgot" && /* @__PURE__ */ s(
           q,
           {
             type: "button",
-            onClick: () => k("login"),
+            onClick: () => h("login"),
             variant: "link",
             size: "sm",
             fullWidth: !0,
@@ -2941,14 +2944,14 @@ var Se = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, fe = V.createContext && /* @__PURE__ */ V.createContext(Se), Mr = ["attr", "size", "title"];
+}, fe = B.createContext && /* @__PURE__ */ B.createContext(Se), Mr = ["attr", "size", "title"];
 function zr(e, r) {
   if (e == null) return {};
-  var t = Lr(e, r), o, s;
+  var t = Lr(e, r), o, a;
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (s = 0; s < a.length; s++)
-      o = a[s], !(r.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
+    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]);
   }
   return t;
 }
@@ -2976,8 +2979,8 @@ function he(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    r && (o = o.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
     })), t.push.apply(t, o);
   }
   return t;
@@ -3011,12 +3014,12 @@ function Pr(e, r) {
   return (r === "string" ? String : Number)(e);
 }
 function Pe(e) {
-  return e && e.map((r, t) => /* @__PURE__ */ V.createElement(r.tag, ae({
+  return e && e.map((r, t) => /* @__PURE__ */ B.createElement(r.tag, ae({
     key: t
   }, r.attr), Pe(r.child)));
 }
 function J(e) {
-  return (r) => /* @__PURE__ */ V.createElement(Er, ne({
+  return (r) => /* @__PURE__ */ B.createElement(Er, ne({
     attr: ae({}, e.attr)
   }, r), Pe(e.child));
 }
@@ -3024,10 +3027,10 @@ function Er(e) {
   var r = (t) => {
     var {
       attr: o,
-      size: s,
-      title: a
-    } = e, i = zr(e, Mr), n = s || t.size || "1em", c;
-    return t.className && (c = t.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ V.createElement("svg", ne({
+      size: a,
+      title: l
+    } = e, i = zr(e, Mr), 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",
       strokeWidth: "0"
@@ -3039,9 +3042,9 @@ function Er(e) {
       height: n,
       width: n,
       xmlns: "http://www.w3.org/2000/svg"
-    }), a && /* @__PURE__ */ V.createElement("title", null, a), e.children);
+    }), l && /* @__PURE__ */ B.createElement("title", null, l), e.children);
   };
-  return fe !== void 0 ? /* @__PURE__ */ V.createElement(fe.Consumer, null, (t) => r(t)) : r(Se);
+  return fe !== void 0 ? /* @__PURE__ */ B.createElement(fe.Consumer, null, (t) => r(t)) : r(Se);
 }
 function Ar(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);
@@ -3049,10 +3052,10 @@ function Ar(e) {
 const Ir = (e, r = 500) => {
   const [t, o] = $(e);
   return H(() => {
-    const s = setTimeout(() => {
+    const a = setTimeout(() => {
       o(e);
     }, r);
-    return () => clearTimeout(s);
+    return () => clearTimeout(a);
   }, [e, r]), t;
 }, Qr = () => ({ showToast: (r, t) => {
   const o = {
@@ -3100,19 +3103,19 @@ function et({
   onChange: r,
   placeholder: t = "Search...",
   disabled: o = !1,
-  colorScheme: s = "secondary",
-  label: a,
+  colorScheme: a = "secondary",
+  label: l,
   className: i = "",
   debounceDelay: n = 500,
   ...c
 }) {
-  const [d, g] = $(e || ""), y = Ir(d, n), x = ve(r, [r]);
+  const [d, m] = $(e || ""), k = Ir(d, n), f = ve(r, [r]);
   H(() => {
-    x(y);
-  }, [y, x]);
+    f(k);
+  }, [k, f]);
   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 (s) {
+    switch (a) {
       case "primary":
         return p(
           u,
@@ -3125,31 +3128,31 @@ function et({
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, m = () => s === "primary" ? "text-primary" : "text-secondary", w = () => s === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ h("div", { className: p("mb-0", i), children: [
-    a && /* @__PURE__ */ l(
+  }, 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(
       "label",
       {
-        className: p("block mb-2 text-sm font-medium", w()),
-        children: a
+        className: p("block mb-2 text-sm font-medium", y()),
+        children: l
       }
     ),
-    /* @__PURE__ */ h("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ l(
+    /* @__PURE__ */ x("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ s(
         Ar,
         {
           className: p(
             "absolute left-3 top-1/2 -translate-y-1/2 text-base pointer-events-none",
-            m()
+            b()
           )
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "input",
         {
           type: "text",
           value: d,
-          onChange: (u) => g(u.target.value),
+          onChange: (u) => m(u.target.value),
           placeholder: t,
           disabled: o,
           className: v(),
@@ -3170,41 +3173,41 @@ function rt({
   labelOf: r = "of",
   setPagination: t,
   totalPages: o,
-  currentPage: s,
-  showLabel: a = !0,
+  currentPage: a,
+  showLabel: l = !0,
   className: i = "",
   isLoading: n = !1,
   fetchPage: c
 }) {
-  const d = parseInt(String(s)) === 1 || parseInt(String(o)) === 0 || n, g = parseInt(String(s)) === parseInt(String(o)) || parseInt(String(o)) === 0 || n, y = () => {
-    n || (c ? c(s - 1) : t && t((v) => ({
+  const d = parseInt(String(a)) === 1 || parseInt(String(o)) === 0 || n, m = 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
     })));
-  }, x = () => {
-    n || (c ? c(s + 1) : t && t((v) => ({
+  }, f = () => {
+    n || (c ? c(a + 1) : t && t((v) => ({
       ...v,
       page: v.page + 1
     })));
   };
-  return /* @__PURE__ */ h("div", { className: p("flex justify-center items-center mt-8", i), children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ x("div", { className: p("flex justify-center items-center mt-8", i), children: [
+    /* @__PURE__ */ s(
       q,
       {
         disabled: d,
-        onClick: y,
+        onClick: k,
         variant: "secondary",
-        children: /* @__PURE__ */ l(jr, { size: 14 })
+        children: /* @__PURE__ */ s(jr, { size: 14 })
       }
     ),
-    /* @__PURE__ */ l("h5", { className: "font-bold mx-2.5 text-text", children: `${a ? e : ""} ${s}${a ? ` ${r} ` : " / "}${o}` }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s("h5", { className: "font-bold mx-2.5 text-text", children: `${l ? e : ""} ${a}${l ? ` ${r} ` : " / "}${o}` }),
+    /* @__PURE__ */ s(
       q,
       {
-        disabled: g,
-        onClick: x,
+        disabled: m,
+        onClick: f,
         variant: "primary",
-        children: /* @__PURE__ */ l(Or, { size: 14 })
+        children: /* @__PURE__ */ s(Or, { size: 14 })
       }
     )
   ] });
@@ -3223,58 +3226,58 @@ function tt({
   subtitle: r,
   children: t,
   defaultExpanded: o = !1,
-  expanded: s,
-  onToggle: a,
+  expanded: a,
+  onToggle: l,
   className: i = "",
   colorScheme: n = "primary",
   icon: c,
   disabled: d = !1,
-  headerExtra: g
+  headerExtra: m
 }) {
-  const [y, x] = $(o), v = s !== void 0 ? s : y, m = () => {
+  const [k, f] = $(o), v = a !== void 0 ? a : k, b = () => {
     if (d) return;
-    const b = !v;
-    s === void 0 && x(b), a?.(b);
-  }, w = () => n === "primary" ? "border-primary" : "border-secondary", u = () => n === "primary" ? "text-primary" : "text-secondary", k = () => n === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
-  return /* @__PURE__ */ h(
+    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(
     "div",
     {
       className: p(
         "w-full rounded-lg border-2 bg-background transition-all duration-300",
-        w(),
+        y(),
         v && "shadow-lg",
         i
       ),
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ x(
           "button",
           {
             type: "button",
-            onClick: m,
+            onClick: b,
             disabled: d,
             className: p(
               "w-full flex cursor-pointer items-center justify-between p-4 text-left transition-all duration-300 rounded-lg",
-              !d && k(),
+              !d && w(),
               d && "opacity-50"
             ),
             "aria-expanded": v,
             children: [
-              /* @__PURE__ */ h("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__ */ h("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ l(
+              /* @__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(
                     "h3",
                     {
                       className: p("text-base font-medium truncate", u()),
                       children: e
                     }
                   ),
-                  r && /* @__PURE__ */ l("p", { className: "text-sm text-text-muted truncate mt-0.5", children: r })
+                  r && /* @__PURE__ */ s("p", { className: "text-sm text-text-muted truncate mt-0.5", children: r })
                 ] })
               ] }),
-              /* @__PURE__ */ h("div", { className: "flex items-center gap-3 shrink-0", children: [
-                g && /* @__PURE__ */ l("div", { onClick: (b) => b.stopPropagation(), children: g }),
-                /* @__PURE__ */ l(
+              /* @__PURE__ */ x("div", { className: "flex items-center gap-3 shrink-0", children: [
+                m && /* @__PURE__ */ s("div", { onClick: (h) => h.stopPropagation(), children: m }),
+                /* @__PURE__ */ s(
                   "div",
                   {
                     className: p(
@@ -3282,21 +3285,21 @@ function tt({
                       u(),
                       v && "rotate-180"
                     ),
-                    children: /* @__PURE__ */ l(Ee, { className: "h-5 w-5" })
+                    children: /* @__PURE__ */ s(Ee, { className: "h-5 w-5" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "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__ */ l("div", { className: p("p-4 pt-0 border-t-0", w()), children: /* @__PURE__ */ l("div", { className: "border-t border-border pt-4", children: t }) })
+            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 }) })
           }
         )
       ]
@@ -3304,47 +3307,47 @@ function tt({
   );
 }
 function ot({ children: e, className: r = "" }) {
-  return /* @__PURE__ */ l("div", { className: p("py-4", r), children: e });
+  return /* @__PURE__ */ s("div", { className: p("py-4", r), children: e });
 }
 function nt({
   options: e,
   value: r,
   onChange: t,
   children: o,
-  className: s = "",
-  colorScheme: a = "primary",
+  className: a = "",
+  colorScheme: l = "primary",
   variant: i = "underline"
 }) {
   const [n, c] = $(
     r ?? e[0]?.value ?? ""
-  ), d = r !== void 0 ? r : n, g = (m) => {
-    r === void 0 && c(m), t?.(m);
-  }, y = (m, w) => {
-    const u = d === m, k = "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 (w)
-      return p(k, "text-text-muted");
+  ), 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)
+      return p(w, "text-text-muted");
     switch (i) {
       case "filled":
         return p(
-          k,
+          w,
           "rounded-lg",
-          u ? a === "primary" ? "bg-primary text-white" : "bg-secondary text-white" : "text-text-muted hover:bg-background-light"
+          u ? l === "primary" ? "bg-primary text-white" : "bg-secondary text-white" : "text-text-muted hover:bg-background-light"
         );
       case "pills":
         return p(
-          k,
+          w,
           "rounded-full",
-          u ? a === "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 ? 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"
         );
       case "underline":
       default:
         return p(
-          k,
+          w,
           "border-b-2",
-          u ? a === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-text-muted hover:text-text hover:border-border"
+          u ? l === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-text-muted hover:text-text hover:border-border"
         );
     }
-  }, x = () => {
+  }, f = () => {
     switch (i) {
       case "filled":
         return "flex gap-1 p-1 bg-background-light rounded-lg";
@@ -3354,23 +3357,23 @@ function nt({
       default:
         return "flex border-b-2 border-border";
     }
-  }, v = V.Children.toArray(o).find((m) => V.isValidElement(m) ? m.props.value === d : !1);
-  return /* @__PURE__ */ h("div", { className: p("w-full", s), children: [
-    /* @__PURE__ */ l("div", { className: x(), role: "tablist", children: e.map((m) => /* @__PURE__ */ l(
+  }, 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(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": d === m.value,
-        "aria-controls": `tabpanel-${m.value}`,
-        disabled: m.disabled,
-        onClick: () => !m.disabled && g(m.value),
-        className: y(m.value, m.disabled),
-        children: m.label
+        "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
       },
-      m.value
+      b.value
     )) }),
-    /* @__PURE__ */ l("div", { role: "tabpanel", id: `tabpanel-${d}`, children: v })
+    /* @__PURE__ */ s("div", { role: "tabpanel", id: `tabpanel-${d}`, children: v })
   ] });
 }
 function ye(e) {
@@ -3434,34 +3437,34 @@ function at({
   onChange: r,
   disabled: t = !1,
   className: o = "",
-  colorScheme: s = "secondary",
-  lang: a = "en",
+  colorScheme: a = "secondary",
+  lang: l = "en",
   ...i
 }) {
   const [n, c] = $(e || /* @__PURE__ */ new Date()), d = {
     en: "en-US",
     es: "es-ES"
-  }, g = {
+  }, m = {
     en: Fr,
     es: Rr
-  }, y = {
+  }, k = {
     en: _r,
     es: Vr
-  }, x = Br(n), v = Gr(n), m = [];
-  for (let f = 0; f < v; f++)
-    m.push(null);
-  for (let f = 1; f <= x; f++) {
-    const O = new Date(
+  }, f = Br(n), v = Gr(n), b = [];
+  for (let g = 0; g < v; g++)
+    b.push(null);
+  for (let g = 1; g <= f; g++) {
+    const j = new Date(
       n.getFullYear(),
       n.getMonth(),
-      f,
+      g,
       12,
       0,
       0
     );
-    m.push(O);
+    b.push(j);
   }
-  const w = () => {
+  const y = () => {
     c(
       new Date(
         n.getFullYear(),
@@ -3483,7 +3486,7 @@ function at({
         0
       )
     );
-  }, k = () => {
+  }, w = () => {
     c(
       new Date(
         n.getFullYear() - 1,
@@ -3494,7 +3497,7 @@ function at({
         0
       )
     );
-  }, b = () => {
+  }, h = () => {
     c(
       new Date(
         n.getFullYear() + 1,
@@ -3505,20 +3508,20 @@ function at({
         0
       )
     );
-  }, L = (f) => {
-    if (f && !t) {
-      const O = new Date(
-        f.getFullYear(),
-        f.getMonth(),
-        f.getDate(),
+  }, L = (g) => {
+    if (g && !t) {
+      const j = new Date(
+        g.getFullYear(),
+        g.getMonth(),
+        g.getDate(),
         12,
         0,
         0
       );
-      c(O), r?.(O);
+      c(j), r?.(j);
     }
-  }, C = (() => {
-    switch (s) {
+  }, z = (() => {
+    switch (a) {
       case "primary":
         return {
           header: "text-primary",
@@ -3535,8 +3538,8 @@ function at({
           button: "text-secondary border-secondary hover:bg-secondary/20"
         };
     }
-  })(), I = (f) => f && e ? f.toDateString() === e.toDateString() : !1;
-  return /* @__PURE__ */ h(
+  })(), E = (g) => g && e ? g.toDateString() === e.toDateString() : !1;
+  return /* @__PURE__ */ x(
     "div",
     {
       className: p(
@@ -3545,64 +3548,64 @@ function at({
       ),
       ...i,
       children: [
-        /* @__PURE__ */ h("div", { className: "mb-6", children: [
-          /* @__PURE__ */ h(
+        /* @__PURE__ */ x("div", { className: "mb-6", children: [
+          /* @__PURE__ */ x(
             "div",
             {
               className: p(
                 "flex items-center justify-between mb-4",
-                C.header
+                z.header
               ),
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
-                    onClick: k,
+                    onClick: w,
                     disabled: t,
                     className: p(
                       "p-2 rounded-lg border transition-all duration-300",
-                      C.button,
+                      z.button,
                       t && "opacity-50 cursor-not-allowed"
                     ),
-                    children: /* @__PURE__ */ l(ye, { size: 18 })
+                    children: /* @__PURE__ */ s(ye, { size: 18 })
                   }
                 ),
-                /* @__PURE__ */ l("h2", { className: "font-semibold text-lg", children: n.getFullYear() }),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ s("h2", { className: "font-semibold text-lg", children: n.getFullYear() }),
+                /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
-                    onClick: b,
+                    onClick: h,
                     disabled: t,
                     className: p(
                       "p-2 rounded-lg border transition-all duration-300",
-                      C.button,
+                      z.button,
                       t && "opacity-50 cursor-not-allowed"
                     ),
-                    children: /* @__PURE__ */ l(xe, { size: 18 })
+                    children: /* @__PURE__ */ s(xe, { size: 18 })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ h("div", { className: p("flex items-center justify-between", C.header), children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ x("div", { className: p("flex items-center justify-between", z.header), children: [
+            /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
-                onClick: w,
+                onClick: y,
                 disabled: t,
                 className: p(
                   "p-2 rounded-lg border transition-all duration-300",
-                  C.button,
+                  z.button,
                   t && "opacity-50 cursor-not-allowed"
                 ),
-                children: /* @__PURE__ */ l(ye, { size: 18 })
+                children: /* @__PURE__ */ s(ye, { size: 18 })
               }
             ),
-            /* @__PURE__ */ l("h2", { className: "font-semibold text-lg", children: y[a][n.getMonth()] }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ s("h2", { className: "font-semibold text-lg", children: k[l][n.getMonth()] }),
+            /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
@@ -3610,52 +3613,52 @@ function at({
                 disabled: t,
                 className: p(
                   "p-2 rounded-lg border transition-all duration-300",
-                  C.button,
+                  z.button,
                   t && "opacity-50 cursor-not-allowed"
                 ),
-                children: /* @__PURE__ */ l(xe, { size: 18 })
+                children: /* @__PURE__ */ s(xe, { size: 18 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-2 mb-4", children: g[a].map((f) => /* @__PURE__ */ l(
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2 mb-4", children: m[l].map((g) => /* @__PURE__ */ s(
           "div",
           {
             className: p(
               "text-center text-sm font-medium py-2",
-              C.header
+              z.header
             ),
-            children: f
+            children: g
           },
-          f
+          g
         )) }),
-        /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-2", children: m.map((f, O) => /* @__PURE__ */ l(
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-2", children: b.map((g, j) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            onClick: () => L(f),
-            disabled: !f || t,
+            onClick: () => L(g),
+            disabled: !g || t,
             className: p(
               "p-2 rounded-lg text-sm font-medium transition-all duration-300",
-              f ? p(
+              g ? p(
                 "cursor-pointer",
-                C.hover,
-                I(f) ? C.selected : "text-text border border-transparent hover:border-border",
+                z.hover,
+                E(g) ? z.selected : "text-text border border-transparent hover:border-border",
                 t && "opacity-50 cursor-not-allowed"
               ) : "cursor-default"
             ),
-            children: f ? f.getDate() : ""
+            children: g ? g.getDate() : ""
           },
-          O
+          j
         )) }),
-        e && /* @__PURE__ */ l(
+        e && /* @__PURE__ */ s(
           "div",
           {
             className: p(
               "mt-6 p-3 rounded-lg bg-background-dark border border-border text-center text-sm font-medium",
-              C.header
+              z.header
             ),
-            children: e.toLocaleDateString(d[a], {
+            children: e.toLocaleDateString(d[l], {
               year: "numeric",
               month: "long",
               day: "numeric"
@@ -3671,71 +3674,71 @@ function st({
   data: r,
   loading: t,
   loadingText: o = "Loading...",
-  actions: s,
-  actionsHeader: a = "Actions",
+  actions: a,
+  actionsHeader: l = "Actions",
   onRowClick: i,
   className: n = "",
   rowClassName: c = "",
   cellClassName: d = "",
-  headerClassName: g = "",
-  emptyText: y = "No data available",
-  showCount: x = !0,
-  countText: v = (w) => `Showing ${w} record${w !== 1 ? "s" : ""}`,
-  keyExtractor: m = (w, u) => w._id || w.id || u
+  headerClassName: m = "",
+  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
 }) {
   if (t)
-    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 }) });
+    return /* @__PURE__ */ s("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ s("div", { className: "text-lg text-text-light", children: o }) });
   if (r.length === 0)
-    return /* @__PURE__ */ l("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ l("div", { className: "text-lg text-text-muted", children: y }) });
-  const w = (u, k) => {
-    const b = k.toLowerCase().replace(/\s+/g, "_");
-    let L = u[b];
+    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) {
       const P = [
-        b.replace(/_/g, ""),
-        k.toLowerCase().replace(/\s+/g, ""),
-        b.replace(/_([a-z])/g, (C, I) => I.toUpperCase())
+        h.replace(/_/g, ""),
+        w.toLowerCase().replace(/\s+/g, ""),
+        h.replace(/_([a-z])/g, (z, E) => E.toUpperCase())
       ];
-      for (const C of P)
-        if (u[C] !== void 0) {
-          L = u[C];
+      for (const z of P)
+        if (u[z] !== void 0) {
+          L = u[z];
           break;
         }
     }
     if (L === void 0) {
-      const P = k.toLowerCase().split(" "), C = Object.keys(u).find(
-        (I) => P.some((f) => I.toLowerCase().includes(f))
+      const P = w.toLowerCase().split(" "), z = Object.keys(u).find(
+        (E) => P.some((g) => E.toLowerCase().includes(g))
       );
-      C && (L = u[C]);
+      z && (L = u[z]);
     }
     return L != null ? String(L) : "N/A";
   };
-  return /* @__PURE__ */ h("div", { className: p("overflow-x-auto", n), children: [
-    /* @__PURE__ */ h("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ h("tr", { className: "border-b-2 border-border", children: [
-        e.map((u, k) => /* @__PURE__ */ l(
+  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(
           "th",
           {
             className: p(
               "text-left py-3 px-4 font-semibold text-text",
-              g
+              m
             ),
             children: u
           },
-          k
+          w
         )),
-        s && /* @__PURE__ */ l(
+        a && /* @__PURE__ */ s(
           "th",
           {
             className: p(
               "text-center py-3 px-4 font-semibold text-text",
-              g
+              m
             ),
-            children: a
+            children: l
           }
         )
       ] }) }),
-      /* @__PURE__ */ l("tbody", { children: r.map((u, k) => /* @__PURE__ */ h(
+      /* @__PURE__ */ s("tbody", { children: r.map((u, w) => /* @__PURE__ */ x(
         "tr",
         {
           className: p(
@@ -3745,36 +3748,36 @@ function st({
           ),
           onClick: () => i?.(u),
           children: [
-            e.map((b, L) => /* @__PURE__ */ l("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ l("div", { className: "text-text-light", children: w(u, b) }) }, L)),
-            s && /* @__PURE__ */ l("td", { className: p("py-4 px-4", d), children: /* @__PURE__ */ l("div", { className: "flex gap-2 justify-center", children: s.map((b, L) => {
-              const P = (C) => {
-                C?.stopPropagation(), b.onClick?.(u);
+            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) => {
+              const P = (z) => {
+                z?.stopPropagation(), h.onClick?.(u);
               };
-              if (b.component) {
-                const C = b.component;
-                return /* @__PURE__ */ h(
-                  C,
+              if (h.component) {
+                const z = h.component;
+                return /* @__PURE__ */ x(
+                  z,
                   {
                     onClick: P,
-                    className: b.className || "",
-                    ...b.props || {},
+                    className: h.className || "",
+                    ...h.props || {},
                     children: [
-                      b.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: V.createElement(b.icon) }),
-                      b.label && b.label
+                      h.icon && /* @__PURE__ */ s("span", { className: "inline-block", children: B.createElement(h.icon) }),
+                      h.label && h.label
                     ]
                   },
                   L
                 );
               }
-              return /* @__PURE__ */ h(
+              return /* @__PURE__ */ x(
                 q,
                 {
                   onClick: P,
-                  className: b.className || "",
-                  ...b.props || {},
+                  className: h.className || "",
+                  ...h.props || {},
                   children: [
-                    b.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: V.createElement(b.icon) }),
-                    b.label && b.label
+                    h.icon && /* @__PURE__ */ s("span", { className: "inline-block", children: B.createElement(h.icon) }),
+                    h.label && h.label
                   ]
                 },
                 L
@@ -3782,10 +3785,10 @@ function st({
             }) }) })
           ]
         },
-        m(u, k)
+        b(u, w)
       )) })
     ] }),
-    x && r.length > 0 && /* @__PURE__ */ l("div", { className: "mt-6 text-center text-text-light text-sm", children: v(r.length) })
+    f && r.length > 0 && /* @__PURE__ */ s("div", { className: "mt-6 text-center text-text-light text-sm", children: v(r.length) })
   ] });
 }
 function lt({
@@ -3793,100 +3796,100 @@ function lt({
   options: r,
   value: t = "",
   onChange: o,
-  multiple: s = !1,
-  className: a = "",
+  multiple: a = !1,
+  className: l = "",
   searchable: i = !1,
   onSearchInputCustom: n,
   placeholder: c = "Select...",
   disabled: d = !1,
-  error: g,
-  required: y = !1,
-  colorScheme: x = "primary",
+  error: m,
+  required: k = !1,
+  colorScheme: f = "primary",
   noResultsText: v = "No results found",
-  searchPlaceholder: m = "Search...",
-  ...w
+  searchPlaceholder: b = "Search...",
+  ...y
 }) {
-  const [u, k] = $(!1), [b, L] = $(""), [P, C] = $({
+  const [u, w] = $(!1), [h, L] = $(""), [P, z] = $({
     top: 0,
     left: 0,
     openUpward: !1
-  }), I = Array.isArray(t) ? t : t ? [t] : [], [f, O] = $(
-    I.map((N) => r.find((D) => D.value === N)).filter(Boolean)
-  ), B = ce(null), G = ce(null), K = () => {
-    const N = "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 (g)
-      return p(N, "border-danger focus:border-danger");
-    switch (x) {
+  }), E = Array.isArray(t) ? t : t ? [t] : [], [g, j] = $(
+    E.map((C) => r.find((D) => D.value === C)).filter(Boolean)
+  ), F = ce(null), G = ce(null), K = () => {
+    const C = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed";
+    if (m)
+      return p(C, "border-danger focus:border-danger");
+    switch (f) {
       case "primary":
         return p(
-          N,
+          C,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return p(
-          N,
+          C,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, S = () => x === "primary" ? "text-primary" : "text-secondary";
+  }, S = () => f === "primary" ? "text-primary" : "text-secondary";
   H(() => {
-    const D = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((F) => r.find((R) => R.value === F)).filter(Boolean);
-    O(D);
+    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(() => {
     u && i && G.current && G.current.focus();
   }, [u, i]);
-  const z = ve(() => {
-    if (!B.current) return;
-    const N = B.current.getBoundingClientRect(), D = window.innerHeight, F = 250, X = D - N.bottom < F && N.top > F;
-    C({
-      top: X ? N.top : N.bottom,
-      left: N.left,
-      width: N.width,
+  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;
+    z({
+      top: X ? C.top : C.bottom,
+      left: C.left,
+      width: C.width,
       openUpward: X
     });
   }, []);
   H(() => {
-    function N(F) {
-      B.current && !B.current.contains(F.target) && k(!1);
+    function C(R) {
+      F.current && !F.current.contains(R.target) && w(!1);
     }
     function D() {
-      u && z();
+      u && M();
     }
-    return document.addEventListener("mousedown", N), window.addEventListener("scroll", D, !0), window.addEventListener("resize", D), () => {
-      document.removeEventListener("mousedown", N), window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
+    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);
     };
-  }, [u, z]);
-  const E = (N) => {
+  }, [u, M]);
+  const A = (C) => {
     const D = r.find(
-      (R) => R.value === N
+      (_) => _.value === C
     );
     if (!D) return;
-    let F;
-    s ? (F = f.some((X) => X.value === N) ? f.filter((X) => X.value !== N) : [...f, D], O(F), o(F)) : (F = [D], O(F), o(D), k(!1), L(""));
-  }, _ = (N) => {
-    L(N), n?.(N);
+    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(""));
+  }, V = (C) => {
+    L(C), n?.(C);
   }, T = i ? r.filter(
-    (N) => N.label.toLowerCase().includes(b.toLowerCase())
-  ) : r, Z = () => f.length === 0 ? c : s ? f.length === 1 ? f[0].label : `${f.length} selected` : f[0]?.label || c;
-  return /* @__PURE__ */ h("div", { className: p("mb-6", a), children: [
-    e && /* @__PURE__ */ h(
+    (C) => C.label.toLowerCase().includes(h.toLowerCase())
+  ) : r, Z = () => g.length === 0 ? c : a ? g.length === 1 ? g[0].label : `${g.length} selected` : g[0]?.label || c;
+  return /* @__PURE__ */ x("div", { className: p("mb-6", l), children: [
+    e && /* @__PURE__ */ x(
       "label",
       {
         className: p("block mb-2 text-sm font-medium", S()),
         children: [
           e,
-          y && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
+          k && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ h("div", { ref: B, className: "relative w-full", children: [
-      /* @__PURE__ */ h(
+    /* @__PURE__ */ x("div", { ref: F, className: "relative w-full", children: [
+      /* @__PURE__ */ x(
         "button",
         {
           type: "button",
-          onClick: (N) => {
-            N.preventDefault(), N.stopPropagation(), u || z(), k(!u);
+          onClick: (C) => {
+            C.preventDefault(), C.stopPropagation(), u || M(), w(!u);
           },
           className: p(
             K(),
@@ -3895,43 +3898,43 @@ function lt({
             u && "ring-1"
           ),
           disabled: d,
-          ...w,
+          ...y,
           children: [
-            /* @__PURE__ */ h("div", { className: "flex items-center gap-2 flex-1", children: [
-              f.length > 0 && f[0].hex && /* @__PURE__ */ l(
+            /* @__PURE__ */ x("div", { className: "flex items-center gap-2 flex-1", children: [
+              g.length > 0 && g[0].hex && /* @__PURE__ */ s(
                 "div",
                 {
                   className: "h-4 w-4 rounded border border-border",
-                  style: { backgroundColor: f[0].hex }
+                  style: { backgroundColor: g[0].hex }
                 }
               ),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ s(
                 "span",
                 {
-                  className: f.length > 0 ? "" : "text-text-muted",
+                  className: g.length > 0 ? "" : "text-text-muted",
                   children: Z()
                 }
               )
             ] }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ s(
               "div",
               {
                 className: p(
                   "h-5 w-5 transition-transform duration-200",
                   u && "rotate-180"
                 ),
-                children: /* @__PURE__ */ l(Ee, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ s(Ee, { className: "h-5 w-5" })
               }
             )
           ]
         }
       ),
-      u && /* @__PURE__ */ h(
+      u && /* @__PURE__ */ x(
         "div",
         {
           className: p(
             "fixed z-9999 rounded-lg border-2 bg-white shadow-xl",
-            g ? "border-danger" : x === "primary" ? "border-primary" : "border-secondary"
+            m ? "border-danger" : f === "primary" ? "border-primary" : "border-secondary"
           ),
           style: {
             top: `${P.top + (P.openUpward ? 0 : 8)}px`,
@@ -3940,59 +3943,59 @@ function lt({
             transform: P.openUpward ? "translateY(-100%)" : "none"
           },
           children: [
-            i && /* @__PURE__ */ l("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ h("div", { className: "relative", children: [
-              /* @__PURE__ */ l($r, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-text-muted" }),
-              /* @__PURE__ */ l(
+            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(
                 "input",
                 {
                   ref: G,
                   type: "text",
-                  value: b,
-                  onChange: (N) => _(N.target.value),
-                  placeholder: m,
+                  value: h,
+                  onChange: (C) => V(C.target.value),
+                  placeholder: b,
                   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",
-                    x === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
+                    f === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
                   )
                 }
               ),
-              b && /* @__PURE__ */ l(
+              h && /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
                   onClick: () => L(""),
                   className: "absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2 transform text-text-muted hover:text-text",
-                  children: /* @__PURE__ */ l(Tr, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ s(Tr, { className: "h-4 w-4" })
                 }
               )
             ] }) }),
-            /* @__PURE__ */ h("div", { className: "max-h-60 overflow-y-auto py-1", children: [
-              T.map((N) => /* @__PURE__ */ l(
+            /* @__PURE__ */ x("div", { className: "max-h-60 overflow-y-auto py-1", children: [
+              T.map((C) => /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  onClick: () => E(N.value ?? ""),
+                  onClick: () => A(C.value ?? ""),
                   className: p(
                     "w-full px-4 py-3 text-left text-sm transition-colors",
-                    f.some((D) => D.value === N.value) ? x === "primary" ? "bg-primary/10 text-primary font-medium" : "bg-secondary/10 text-secondary font-medium" : "text-text hover:bg-background-light"
+                    g.some((D) => D.value === C.value) ? f === "primary" ? "bg-primary/10 text-primary font-medium" : "bg-secondary/10 text-secondary font-medium" : "text-text hover:bg-background-light"
                   ),
-                  children: /* @__PURE__ */ h("div", { className: "flex items-center gap-3", children: [
-                    s && /* @__PURE__ */ l(
+                  children: /* @__PURE__ */ x("div", { className: "flex items-center gap-3", children: [
+                    a && /* @__PURE__ */ s(
                       "div",
                       {
                         className: p(
                           "flex h-4 w-4 items-center justify-center rounded border-2 transition-colors",
-                          f.some((D) => D.value === N.value) ? x === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
+                          g.some((D) => D.value === C.value) ? f === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
                         ),
-                        children: f.some(
-                          (D) => D.value === N.value
-                        ) && /* @__PURE__ */ l(
+                        children: g.some(
+                          (D) => D.value === C.value
+                        ) && /* @__PURE__ */ s(
                           "svg",
                           {
                             className: "h-3 w-3 text-white",
                             fill: "currentColor",
                             viewBox: "0 0 20 20",
-                            children: /* @__PURE__ */ l(
+                            children: /* @__PURE__ */ s(
                               "path",
                               {
                                 fillRule: "evenodd",
@@ -4004,25 +4007,25 @@ function lt({
                         )
                       }
                     ),
-                    N.hex && /* @__PURE__ */ l(
+                    C.hex && /* @__PURE__ */ s(
                       "div",
                       {
                         className: "h-4 w-4 rounded border border-border",
-                        style: { backgroundColor: N.hex }
+                        style: { backgroundColor: C.hex }
                       }
                     ),
-                    /* @__PURE__ */ l("span", { children: N.label })
+                    /* @__PURE__ */ s("span", { children: C.label })
                   ] })
                 },
-                N.value
+                C.value
               )),
-              T.length === 0 && b && r.length > 0 && /* @__PURE__ */ l("div", { className: "px-4 py-3", children: /* @__PURE__ */ l("span", { className: "text-sm text-text-muted", children: v }) })
+              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 }) })
             ] })
           ]
         }
       )
     ] }),
-    g && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: g })
+    m && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: m })
   ] });
 }
 const it = ({
@@ -4030,36 +4033,36 @@ const it = ({
   name: r,
   onFilesSelected: t,
   placeholder: o = "Arrastra y suelta archivos aquí o haz clic para seleccionar",
-  labelSelectedFiles: s = "archivo:",
-  label: a,
+  labelSelectedFiles: a = "archivo:",
+  label: l,
   error: i,
   disabled: n = !1,
   required: c = !1,
   colorScheme: d = "secondary",
   // "primary" | "secondary"
-  className: g = "",
-  accept: y = "*/*",
+  className: m = "",
+  accept: k = "*/*",
   // Tipos de archivo aceptados: "image/*", "application/pdf", ".doc,.docx", etc.
-  multiple: x = !1,
+  multiple: f = !1,
   ...v
 }) => {
-  const m = ce(null), [w, u] = $(!1), [k, b] = $([]), L = () => {
-    const z = "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]";
+  const b = ce(null), [y, u] = $(!1), [w, h] = $([]), L = () => {
+    const M = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed cursor-pointer min-h-[120px]";
     if (i)
       return p(
-        z,
+        M,
         "border-danger focus:border-danger focus:ring-1 focus:ring-danger"
       );
     switch (d) {
       case "primary":
         return p(
-          z,
+          M,
           "border-primary focus:border-primary focus:ring-1 focus:ring-primary hover:border-primary-dark"
         );
       case "secondary":
       default:
         return p(
-          z,
+          M,
           "border-secondary focus:border-secondary focus:ring-1 focus:ring-secondary hover:border-secondary-dark"
         );
     }
@@ -4071,88 +4074,88 @@ const it = ({
       default:
         return "text-secondary";
     }
-  }, C = (z) => {
-    z.preventDefault(), z.stopPropagation(), n || (z.type === "dragenter" || z.type === "dragover" ? u(!0) : z.type === "dragleave" && u(!1));
-  }, I = (z) => {
-    if (z.preventDefault(), z.stopPropagation(), u(!1), n) return;
-    const E = z.dataTransfer.files;
-    O(E);
-  }, f = (z) => {
-    const E = z.target.files;
-    E && O(E);
-  }, O = (z) => {
-    const E = Array.from(z);
-    if (y !== "*/*") {
-      const _ = E.filter((T) => B(T, y));
-      if (_.length === 0) {
+  }, z = (M) => {
+    M.preventDefault(), M.stopPropagation(), n || (M.type === "dragenter" || M.type === "dragover" ? u(!0) : M.type === "dragleave" && u(!1));
+  }, E = (M) => {
+    if (M.preventDefault(), M.stopPropagation(), u(!1), n) return;
+    const A = M.dataTransfer.files;
+    j(A);
+  }, g = (M) => {
+    const A = M.target.files;
+    A && j(A);
+  }, j = (M) => {
+    const A = Array.from(M);
+    if (k !== "*/*") {
+      const V = A.filter((T) => F(T, k));
+      if (V.length === 0) {
         console.warn("No valid files selected");
         return;
       }
-      b(x ? _ : [_[0]]), t(x ? _ : [_[0]]);
+      h(f ? V : [V[0]]), t(f ? V : [V[0]]);
     } else
-      b(x ? E : [E[0]]), t(x ? E : [E[0]]);
-  }, B = (z, E) => E.split(",").map((T) => T.trim()).some((T) => {
+      h(f ? A : [A[0]]), t(f ? A : [A[0]]);
+  }, F = (M, A) => A.split(",").map((T) => T.trim()).some((T) => {
     if (T.startsWith("."))
-      return z.name.toLowerCase().endsWith(T.toLowerCase());
+      return M.name.toLowerCase().endsWith(T.toLowerCase());
     if (T.includes("/")) {
-      const [Z, N] = T.split("/"), D = z.type.split("/")[0];
-      return N === "*" ? D === Z : z.type === T;
+      const [Z, C] = T.split("/"), D = M.type.split("/")[0];
+      return C === "*" ? D === Z : M.type === T;
     }
     return !1;
   }), G = () => {
-    n || m.current?.click();
-  }, K = (z) => {
-    const E = k.filter((_, T) => T !== z);
-    b(E), t(E);
-  }, S = (z) => {
-    (z.key === "Enter" || z.key === " ") && (z.preventDefault(), G());
+    n || b.current?.click();
+  }, K = (M) => {
+    const A = w.filter((V, T) => T !== M);
+    h(A), t(A);
+  }, S = (M) => {
+    (M.key === "Enter" || M.key === " ") && (M.preventDefault(), G());
   };
-  return /* @__PURE__ */ h("div", { className: `mb-6 ${g}`, children: [
-    a && /* @__PURE__ */ h("label", { className: `block mb-2 text-sm font-medium ${P()}`, children: [
-      a,
-      c && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
+  return /* @__PURE__ */ x("div", { className: `mb-6 ${m}`, children: [
+    l && /* @__PURE__ */ x("label", { className: `block mb-2 text-sm font-medium ${P()}`, children: [
+      l,
+      c && /* @__PURE__ */ s("span", { className: "text-danger ml-1", children: "*" })
     ] }),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ x(
       "div",
       {
         className: p(
           L(),
-          w && "bg-background-light border-2-dashed"
+          y && "bg-background-light border-2-dashed"
         ),
-        onDragEnter: C,
-        onDragLeave: C,
-        onDragOver: C,
-        onDrop: I,
+        onDragEnter: z,
+        onDragLeave: z,
+        onDragOver: z,
+        onDrop: E,
         onClick: G,
         onKeyDown: S,
         role: "button",
         tabIndex: n ? -1 : 0,
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "input",
             {
-              ref: m,
+              ref: b,
               id: e,
               name: r,
               type: "file",
-              onChange: f,
+              onChange: g,
               disabled: n,
               required: c,
-              accept: y,
-              multiple: x,
+              accept: k,
+              multiple: f,
               className: "hidden",
               ...v
             }
           ),
-          /* @__PURE__ */ h("div", { className: "flex flex-col items-center justify-center py-4", children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center py-4", children: [
+            /* @__PURE__ */ s(
               "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__ */ l(
+                children: /* @__PURE__ */ s(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -4163,43 +4166,43 @@ const it = ({
                 )
               }
             ),
-            /* @__PURE__ */ l("p", { className: `text-sm ${P()}`, children: o })
+            /* @__PURE__ */ s("p", { className: `text-sm ${P()}`, children: o })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ h("div", { className: "mt-4 space-y-2", children: [
-      /* @__PURE__ */ h("p", { className: `text-sm font-medium ${P()}`, children: [
-        k.length,
+    /* @__PURE__ */ x("div", { className: "mt-4 space-y-2", children: [
+      /* @__PURE__ */ x("p", { className: `text-sm font-medium ${P()}`, children: [
+        w.length,
         " ",
-        s,
+        a,
         "(s) seleccionado(s):"
       ] }),
-      /* @__PURE__ */ l("ul", { className: "space-y-1", children: k.map((z, E) => /* @__PURE__ */ h(
+      /* @__PURE__ */ s("ul", { className: "space-y-1", children: w.map((M, A) => /* @__PURE__ */ x(
         "li",
         {
           className: "flex items-center justify-between p-2 bg-light rounded border border-border",
           children: [
-            /* @__PURE__ */ h("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-              /* @__PURE__ */ h(
+            /* @__PURE__ */ x("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+              /* @__PURE__ */ x(
                 "svg",
                 {
                   className: "w-4 h-4 text-text-muted shrink-0",
                   fill: "currentColor",
                   viewBox: "0 0 20 20",
                   children: [
-                    /* @__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("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("span", { className: "text-sm text-text truncate", children: z.name })
+              /* @__PURE__ */ s("span", { className: "text-sm text-text truncate", children: M.name })
             ] }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ s(
               "button",
               {
-                onClick: (_) => {
-                  _.stopPropagation(), K(E);
+                onClick: (V) => {
+                  V.stopPropagation(), K(A);
                 },
                 className: "ml-2 text-danger hover:text-danger-dark shrink-0",
                 type: "button",
@@ -4208,36 +4211,36 @@ const it = ({
             )
           ]
         },
-        E
+        A
       )) })
     ] }),
-    i && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
+    i && /* @__PURE__ */ s("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
   ] });
 }, ct = ({
   text: e,
   className: r = "",
   variant: t = "default",
   visible: o = !0,
-  ...s
+  ...a
 }) => {
   if (!o) return null;
-  const a = {
+  const l = {
     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 = a[t] || a.default;
-  return /* @__PURE__ */ l("div", { className: `${i} ${n} ${r}`, ...s, children: e });
+  }, i = "inline-flex items-center px-3 py-1 rounded-full text-xs font-bold uppercase shadow-md", n = l[t] || l.default;
+  return /* @__PURE__ */ s("div", { className: `${i} ${n} ${r}`, ...a, children: e });
 };
 function dt({
   isOpen: e,
   onClose: r,
   title: t,
   children: o,
-  size: s = "md",
-  className: a = "",
+  size: a = "md",
+  className: l = "",
   overlayClassName: i = "",
   showCloseButton: n = !0,
   closeOnOverlayClick: c = !0,
@@ -4248,44 +4251,44 @@ function dt({
   }), [e]), H(() => {
     if (!d || !e)
       return;
-    const v = (m) => {
-      m.key === "Escape" && r();
+    const v = (b) => {
+      b.key === "Escape" && r();
     };
     return document.addEventListener("keydown", v), () => {
       document.removeEventListener("keydown", v);
     };
   }, [e, r, d]), !e) return null;
-  const g = {
+  const m = {
     sm: "max-w-sm",
     md: "max-w-md",
     lg: "max-w-lg",
     xl: "max-w-xl",
     "2xl": "max-w-2xl"
-  }, y = () => {
+  }, k = () => {
     c && r();
-  }, x = /* @__PURE__ */ l(
+  }, f = /* @__PURE__ */ s(
     "div",
     {
       className: p(
         "fixed inset-0 bg-black/40 flex items-center justify-center z-9999 p-4",
         i
       ),
-      onClick: y,
+      onClick: k,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": t ? "modal-title" : void 0,
-      children: /* @__PURE__ */ h(
+      children: /* @__PURE__ */ x(
         "div",
         {
           className: p(
             "relative bg-white rounded-xl shadow-2xl max-h-[90vh] flex flex-col w-full transition-all duration-300",
-            g[s],
-            a
+            m[a],
+            l
           ),
           onClick: (v) => v.stopPropagation(),
           children: [
-            (t || n) && /* @__PURE__ */ h("div", { className: "flex justify-between items-center px-6 py-5 border-b border-border rounded-t-xl shrink-0", children: [
-              t && /* @__PURE__ */ l(
+            (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(
                 "h2",
                 {
                   id: "modal-title",
@@ -4293,59 +4296,59 @@ function dt({
                   children: t
                 }
               ),
-              n && /* @__PURE__ */ l(
+              n && /* @__PURE__ */ s(
                 "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__ */ l("span", { className: "text-2xl font-light leading-none", children: "×" })
+                  children: /* @__PURE__ */ s("span", { className: "text-2xl font-light leading-none", children: "×" })
                 }
               )
             ] }),
-            /* @__PURE__ */ l("div", { className: "p-6 overflow-y-auto flex-1", children: o })
+            /* @__PURE__ */ s("div", { className: "p-6 overflow-y-auto flex-1", children: o })
           ]
         }
       )
     }
   );
-  return $e(x, document.body);
+  return $e(f, document.body);
 }
 function ut({
   id: e,
   name: r,
   checked: t = !1,
   onChange: o,
-  disabled: s = !1,
-  required: a = !1,
+  disabled: a = !1,
+  required: l = !1,
   colorScheme: i = "secondary",
   variant: n = "solid",
   label: c,
   className: d = "",
-  ...g
+  ...m
 }) {
-  const y = (x, 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 (x === "outline")
+  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")
       switch (v) {
         case "primary":
-          return `${m} checkbox-outline checkbox-primary`;
+          return `${b} checkbox-outline checkbox-primary`;
         case "secondary":
         default:
-          return `${m} checkbox-outline checkbox-secondary`;
+          return `${b} checkbox-outline checkbox-secondary`;
       }
     else
       switch (v) {
         case "primary":
-          return `${m} checkbox-solid checkbox-primary`;
+          return `${b} checkbox-solid checkbox-primary`;
         case "secondary":
         default:
-          return `${m} checkbox-solid checkbox-secondary`;
+          return `${b} checkbox-solid checkbox-secondary`;
       }
   };
-  return c ? /* @__PURE__ */ h("div", { className: `flex items-center gap-2 ${d}`, children: [
-    /* @__PURE__ */ l(
+  return c ? /* @__PURE__ */ x("div", { className: `flex items-center gap-2 ${d}`, children: [
+    /* @__PURE__ */ s(
       "input",
       {
         id: e,
@@ -4353,24 +4356,24 @@ function ut({
         type: "checkbox",
         checked: t,
         onChange: o,
-        disabled: s,
-        required: a,
-        className: y(n, i),
-        ...g
+        disabled: a,
+        required: l,
+        className: k(n, i),
+        ...m
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ x(
       "label",
       {
         htmlFor: e,
         className: "text-sm text-text cursor-pointer font-medium",
         children: [
           c,
-          a && /* @__PURE__ */ l("span", { className: "text-red-500 ml-1", children: "*" })
+          l && /* @__PURE__ */ s("span", { className: "text-red-500 ml-1", children: "*" })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ l(
+  ] }) : /* @__PURE__ */ s(
     "input",
     {
       id: e,
@@ -4378,13 +4381,13 @@ function ut({
       type: "checkbox",
       checked: t,
       onChange: o,
-      disabled: s,
-      required: a,
-      className: `${y(n, i)} ${d}`,
+      disabled: a,
+      required: l,
+      className: `${k(n, i)} ${d}`,
       style: {
         accentColor: "white"
       },
-      ...g
+      ...m
     }
   );
 }
@@ -4414,7 +4417,7 @@ export {
   Zr as ThemeProvider,
   bt as Toggle,
   p as cn,
-  j as defaultTheme,
+  O as defaultTheme,
   le as generateColorVariants,
   hr as hexToHsl,
   be as hslToHex,