componentables 0.1.26 → 0.1.27

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as n, Fragment as Oe } from "react/jsx-runtime";
-import G, { useMemo as Te, useEffect as H, createContext as $e, useContext as _e, useState as _, useCallback as Ne, useRef as ue } from "react";
+import G, { useMemo as Te, useEffect as U, createContext as $e, useContext as _e, useState as _, useCallback as Ne, useRef as ue } from "react";
 import { Oval as Re } from "react-loader-spinner";
 import { createPortal as Fe } from "react-dom";
 import { toast as te } from "react-toastify";
@@ -123,12 +123,12 @@ const pe = "-", Be = (e) => {
     experimentalParseClassName: t
   } = e, o = r.length === 1, s = r[0], l = r.length, i = (a) => {
     const d = [];
-    let u = 0, b = 0, v;
+    let u = 0, g = 0, v;
     for (let m = 0; m < a.length; m++) {
       let k = a[m];
       if (u === 0) {
         if (k === s && (o || a.slice(m, m + l) === r)) {
-          d.push(a.slice(b, m)), b = m + l;
+          d.push(a.slice(g, m)), g = m + l;
           continue;
         }
         if (k === "/") {
@@ -138,12 +138,12 @@ const pe = "-", Be = (e) => {
       }
       k === "[" ? u++ : k === "]" && u--;
     }
-    const h = d.length === 0 ? a : a.substring(b), w = h.startsWith(ze), g = w ? h.substring(1) : h, x = v && v > b ? v - b : void 0;
+    const f = d.length === 0 ? a : a.substring(g), x = f.startsWith(ze), b = x ? f.substring(1) : f, w = v && v > g ? v - g : void 0;
     return {
       modifiers: d,
-      hasImportantModifier: w,
-      baseClassName: g,
-      maybePostfixModifierPosition: x
+      hasImportantModifier: x,
+      baseClassName: b,
+      maybePostfixModifierPosition: w
     };
   };
   return t ? (a) => t({
@@ -171,31 +171,31 @@ const pe = "-", Be = (e) => {
   let a = "";
   for (let d = i.length - 1; d >= 0; d -= 1) {
     const u = i[d], {
-      modifiers: b,
+      modifiers: g,
       hasImportantModifier: v,
-      baseClassName: h,
-      maybePostfixModifierPosition: w
+      baseClassName: f,
+      maybePostfixModifierPosition: x
     } = t(u);
-    let g = !!w, x = o(g ? h.substring(0, w) : h);
-    if (!x) {
-      if (!g) {
+    let b = !!x, w = o(b ? f.substring(0, x) : f);
+    if (!w) {
+      if (!b) {
         a = u + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (x = o(h), !x) {
+      if (w = o(f), !w) {
         a = u + (a.length > 0 ? " " + a : a);
         continue;
       }
-      g = !1;
+      b = !1;
     }
-    const m = Ke(b).join(":"), k = v ? m + ze : m, y = k + x;
+    const m = Ke(g).join(":"), k = v ? m + ze : m, y = k + w;
     if (l.includes(y))
       continue;
     l.push(y);
-    const D = s(x, g);
-    for (let A = 0; A < D.length; ++A) {
-      const z = D[A];
-      l.push(k + z);
+    const z = s(w, b);
+    for (let D = 0; D < z.length; ++D) {
+      const L = z[D];
+      l.push(k + L);
     }
     a = u + (a.length > 0 ? " " + a : a);
   }
@@ -218,15 +218,15 @@ const Le = (e) => {
 function er(e, ...r) {
   let t, o, s, l = i;
   function i(d) {
-    const u = r.reduce((b, v) => v(b), e());
+    const u = r.reduce((g, v) => v(g), e());
     return t = Ze(u), o = t.cache.get, s = t.cache.set, l = a, a(d);
   }
   function a(d) {
     const u = o(d);
     if (u)
       return u;
-    const b = Qe(d, t);
-    return s(d, b), b;
+    const g = Qe(d, t);
+    return s(d, g), g;
   }
   return function() {
     return l(qe.apply(null, arguments));
@@ -235,7 +235,7 @@ function er(e, ...r) {
 const I = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, De = /^\[(?:([a-z-]+):)?(.+)\]$/i, rr = /^\d+\/\d+$/, tr = /* @__PURE__ */ new Set(["px", "full", "screen"]), or = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nr = /\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$/, sr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ar = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, lr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => q(e) || tr.has(e) || rr.test(e), Y = (e) => re(e, "length", gr), q = (e) => !!e && !Number.isNaN(Number(e)), ie = (e) => re(e, "number", q), oe = (e) => !!e && Number.isInteger(Number(e)), ir = (e) => e.endsWith("%") && q(e.slice(0, -1)), C = (e) => De.test(e), J = (e) => or.test(e), cr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), dr = (e) => re(e, cr, Se), ur = (e) => re(e, "position", Se), mr = /* @__PURE__ */ new Set(["image", "url"]), pr = (e) => re(e, mr, hr), br = (e) => re(e, "", fr), ne = () => !0, re = (e, r, t) => {
+}, De = /^\[(?:([a-z-]+):)?(.+)\]$/i, rr = /^\d+\/\d+$/, tr = /* @__PURE__ */ new Set(["px", "full", "screen"]), or = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nr = /\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$/, sr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ar = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, lr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => q(e) || tr.has(e) || rr.test(e), Y = (e) => re(e, "length", gr), q = (e) => !!e && !Number.isNaN(Number(e)), ie = (e) => re(e, "number", q), oe = (e) => !!e && Number.isInteger(Number(e)), ir = (e) => e.endsWith("%") && q(e.slice(0, -1)), C = (e) => De.test(e), J = (e) => or.test(e), cr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), dr = (e) => re(e, cr, Se), ur = (e) => re(e, "position", Se), mr = /* @__PURE__ */ new Set(["image", "url"]), pr = (e) => re(e, mr, hr), br = (e) => re(e, "", fr), ne = () => !0, re = (e, r, t) => {
   const o = De.exec(e);
   return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
 }, gr = (e) => (
@@ -244,36 +244,36 @@ const I = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   nr.test(e) && !sr.test(e)
 ), Se = () => !1, fr = (e) => ar.test(e), hr = (e) => lr.test(e), yr = () => {
-  const e = I("colors"), r = I("spacing"), t = I("blur"), o = I("brightness"), s = I("borderColor"), l = I("borderRadius"), i = I("borderSpacing"), a = I("borderWidth"), d = I("contrast"), u = I("grayscale"), b = I("hueRotate"), v = I("invert"), h = I("gap"), w = I("gradientColorStops"), g = I("gradientColorStopPositions"), x = I("inset"), m = I("margin"), k = I("opacity"), y = I("padding"), D = I("saturate"), A = I("scale"), z = I("sepia"), E = I("skew"), f = I("space"), O = I("translate"), R = () => ["auto", "contain", "none"], W = () => ["auto", "hidden", "clip", "visible", "scroll"], Z = () => ["auto", C, r], S = () => [C, r], M = () => ["", U, Y], P = () => ["auto", q, C], B = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], $ = () => ["solid", "dashed", "dotted", "double", "none"], X = () => ["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"], L = () => ["", "0", C], F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [q, C];
+  const e = I("colors"), r = I("spacing"), t = I("blur"), o = I("brightness"), s = I("borderColor"), l = I("borderRadius"), i = I("borderSpacing"), a = I("borderWidth"), d = I("contrast"), u = I("grayscale"), g = I("hueRotate"), v = I("invert"), f = I("gap"), x = I("gradientColorStops"), b = I("gradientColorStopPositions"), w = I("inset"), m = I("margin"), k = I("opacity"), y = I("padding"), z = I("saturate"), D = I("scale"), L = I("sepia"), E = I("skew"), h = I("space"), O = I("translate"), R = () => ["auto", "contain", "none"], W = () => ["auto", "hidden", "clip", "visible", "scroll"], Z = () => ["auto", C, r], A = () => [C, r], M = () => ["", H, Y], P = () => ["auto", q, C], B = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], $ = () => ["solid", "dashed", "dotted", "double", "none"], X = () => ["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"], S = () => ["", "0", C], F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [q, C];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [ne],
-      spacing: [U, Y],
+      spacing: [H, Y],
       blur: ["none", "", J, C],
       brightness: V(),
       borderColor: [e],
       borderRadius: ["none", "", "full", J, C],
-      borderSpacing: S(),
+      borderSpacing: A(),
       borderWidth: M(),
       contrast: V(),
-      grayscale: L(),
+      grayscale: S(),
       hueRotate: V(),
-      invert: L(),
-      gap: S(),
+      invert: S(),
+      gap: A(),
       gradientColorStops: [e],
       gradientColorStopPositions: [ir, Y],
       inset: Z(),
       margin: Z(),
       opacity: V(),
-      padding: S(),
+      padding: A(),
       saturate: V(),
       scale: V(),
-      sepia: L(),
+      sepia: S(),
       skew: V(),
-      space: S(),
-      translate: S()
+      space: A(),
+      translate: A()
     },
     classGroups: {
       // Layout
@@ -421,63 +421,63 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [x]
+        inset: [w]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [x]
+        "inset-x": [w]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [x]
+        "inset-y": [w]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [x]
+        start: [w]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [x]
+        end: [w]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [x]
+        top: [w]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [x]
+        right: [w]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [x]
+        bottom: [w]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [x]
+        left: [w]
       }],
       /**
        * Visibility
@@ -525,14 +525,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: L()
+        grow: S()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: L()
+        shrink: S()
       }],
       /**
        * Order
@@ -627,21 +627,21 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [h]
+        gap: [f]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [h]
+        "gap-x": [f]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [h]
+        "gap-y": [f]
       }],
       /**
        * Justify Content
@@ -838,7 +838,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [f]
+        "space-x": [h]
       }],
       /**
        * Space Between X Reverse
@@ -850,7 +850,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [f]
+        "space-y": [h]
       }],
       /**
        * Space Between Y Reverse
@@ -990,7 +990,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", U, C]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", H, C]
       }],
       /**
        * List Style Image
@@ -1066,14 +1066,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", U, Y]
+        decoration: ["auto", "from-font", H, Y]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", U, C]
+        "underline-offset": ["auto", H, C]
       }],
       /**
        * Text Decoration Color
@@ -1104,7 +1104,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: S()
+        indent: A()
       }],
       /**
        * Vertical Alignment
@@ -1215,42 +1215,42 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [g]
+        from: [b]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [g]
+        via: [b]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [g]
+        to: [b]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [w]
+        from: [x]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [w]
+        via: [x]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [w]
+        to: [x]
       }],
       // Borders
       /**
@@ -1555,14 +1555,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [U, C]
+        "outline-offset": [H, C]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [U, Y]
+        outline: [H, Y]
       }],
       /**
        * Outline Color
@@ -1602,7 +1602,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [U, Y]
+        "ring-offset": [H, Y]
       }],
       /**
        * Ring Offset Color
@@ -1696,7 +1696,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [b]
+        "hue-rotate": [g]
       }],
       /**
        * Invert
@@ -1710,14 +1710,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [D]
+        saturate: [z]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [z]
+        sepia: [L]
       }],
       /**
        * Backdrop Filter
@@ -1760,7 +1760,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b]
+        "backdrop-hue-rotate": [g]
       }],
       /**
        * Backdrop Invert
@@ -1781,14 +1781,14 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [D]
+        "backdrop-saturate": [z]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [z]
+        "backdrop-sepia": [L]
       }],
       // Tables
       /**
@@ -1882,21 +1882,21 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [A]
+        scale: [D]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [A]
+        "scale-x": [D]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [A]
+        "scale-y": [D]
       }],
       /**
        * Rotate
@@ -1995,126 +1995,126 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": S()
+        "scroll-m": A()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": S()
+        "scroll-mx": A()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": S()
+        "scroll-my": A()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": S()
+        "scroll-ms": A()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": S()
+        "scroll-me": A()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": S()
+        "scroll-mt": A()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": S()
+        "scroll-mr": A()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": S()
+        "scroll-mb": A()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": S()
+        "scroll-ml": A()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": S()
+        "scroll-p": A()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": S()
+        "scroll-px": A()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": S()
+        "scroll-py": A()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": S()
+        "scroll-ps": A()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": S()
+        "scroll-pe": A()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": S()
+        "scroll-pt": A()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": S()
+        "scroll-pr": A()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": S()
+        "scroll-pb": A()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": S()
+        "scroll-pl": A()
       }],
       /**
        * Scroll Snap Align
@@ -2197,7 +2197,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [U, Y, ie]
+        stroke: [H, Y, ie]
       }],
       /**
        * Stroke
@@ -2404,7 +2404,7 @@ function ot({
       }
     };
   }, [r]);
-  return typeof window < "u" && he(t), H(() => {
+  return typeof window < "u" && he(t), U(() => {
     he(t);
   }, [t]), G.createElement(Ae.Provider, { value: t }, e);
 }
@@ -2497,37 +2497,37 @@ function Nr({
   error: a,
   disabled: d = !1,
   required: u = !1,
-  colorScheme: b = "secondary",
+  colorScheme: g = "secondary",
   className: v = "",
-  ...h
+  ...f
 }) {
-  const w = () => {
-    const x = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
+  const x = () => {
+    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";
     if (a)
       return c(
-        x,
+        w,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
-    switch (b) {
+    switch (g) {
       case "primary":
         return c(
-          x,
+          w,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return c(
-          x,
+          w,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, g = () => b === "primary" ? "text-primary" : "text-secondary";
+  }, b = () => g === "primary" ? "text-primary" : "text-secondary";
   return /* @__PURE__ */ p("div", { className: c("mb-6", v), children: [
     i && /* @__PURE__ */ p(
       "label",
       {
         htmlFor: e,
-        className: c("block mb-2 text-sm font-medium", g()),
+        className: c("block mb-2 text-sm font-medium", b()),
         children: [
           i,
           u && /* @__PURE__ */ n("span", { className: "text-danger ml-1", children: "*" })
@@ -2545,8 +2545,8 @@ function Nr({
         placeholder: l,
         disabled: d,
         required: u,
-        className: w(),
-        ...h
+        className: x(),
+        ...f
       }
     ),
     a && /* @__PURE__ */ n("span", { className: "block mt-1 text-xs text-danger font-medium", children: a })
@@ -2563,37 +2563,37 @@ function Cr({
   disabled: a = !1,
   required: d = !1,
   colorScheme: u = "secondary",
-  className: b = "",
+  className: g = "",
   rows: v = 4,
-  ...h
+  ...f
 }) {
-  const w = () => {
-    const x = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted resize-none";
+  const x = () => {
+    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";
     if (i)
       return c(
-        x,
+        w,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
     switch (u) {
       case "primary":
         return c(
-          x,
+          w,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return c(
-          x,
+          w,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, g = () => u === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ p("div", { className: c("mb-6", b), children: [
+  }, b = () => u === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ p("div", { className: c("mb-6", g), children: [
     l && /* @__PURE__ */ p(
       "label",
       {
         htmlFor: e,
-        className: c("block mb-2 text-sm font-medium", g()),
+        className: c("block mb-2 text-sm font-medium", b()),
         children: [
           l,
           d && /* @__PURE__ */ n("span", { className: "text-danger ml-1", children: "*" })
@@ -2611,8 +2611,8 @@ function Cr({
         disabled: a,
         required: d,
         rows: v,
-        className: w(),
-        ...h
+        className: x(),
+        ...f
       }
     ),
     i && /* @__PURE__ */ n("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
@@ -2622,7 +2622,7 @@ const Ee = { Input: Nr, InputArea: Cr };
 function nt({
   id: e,
   name: r,
-  checked: t = !1,
+  checked: t,
   onChange: o,
   disabled: s = !1,
   label: l,
@@ -2631,14 +2631,10 @@ function nt({
   className: d = "",
   ...u
 }) {
-  const [b, v] = _(t);
-  H(() => {
-    v(t);
-  }, [t]);
-  const h = () => {
+  const [g, v] = _(!1), f = t !== void 0, x = f ? t : g, b = () => {
     if (s) return;
-    const y = !b;
-    v(y), o?.(y);
+    const D = !x;
+    f || v(D), o?.(D);
   }, w = () => ({
     primary: {
       bg: "bg-primary",
@@ -2650,7 +2646,7 @@ function nt({
       border: "border-secondary",
       text: "text-secondary"
     }
-  })[i], g = () => {
+  })[i], m = () => {
     switch (a) {
       case "sm":
         return "w-10 h-6";
@@ -2660,7 +2656,7 @@ function nt({
       default:
         return "w-13 h-7";
     }
-  }, x = () => {
+  }, k = () => {
     switch (a) {
       case "sm":
         return "w-5 h-5";
@@ -2670,18 +2666,18 @@ function nt({
       default:
         return "w-6 h-6";
     }
-  }, m = () => {
-    if (!b) return "translate-x-0";
+  }, y = () => {
+    if (!x) return "translate-x-0";
     switch (a) {
       case "sm":
-        return "translate-x-5";
+        return "translate-x-4";
       case "lg":
         return "translate-x-8";
       case "md":
       default:
         return "translate-x-6";
     }
-  }, k = w();
+  }, z = w();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -2690,7 +2686,7 @@ function nt({
         s ? "cursor-not-allowed" : "cursor-pointer",
         d
       ),
-      onClick: h,
+      onClick: b,
       children: [
         /* @__PURE__ */ p("div", { className: "relative", children: [
           /* @__PURE__ */ n(
@@ -2699,9 +2695,9 @@ function nt({
               type: "checkbox",
               id: e,
               name: r,
-              checked: b,
-              onChange: () => {
-              },
+              checked: x,
+              onChange: b,
+              onClick: (D) => D.stopPropagation(),
               disabled: s,
               className: "sr-only",
               "aria-label": l || r,
@@ -2713,8 +2709,8 @@ function nt({
             {
               className: c(
                 "block transition-all duration-300 rounded-full border-2",
-                g(),
-                b ? c(k.bg, k.border) : "bg-gray-200 border-gray-300",
+                m(),
+                x ? c(z.bg, z.border) : "bg-gray-200 border-gray-300",
                 s ? "opacity-50" : "hover:shadow-md"
               ),
               children: /* @__PURE__ */ n(
@@ -2722,8 +2718,8 @@ function nt({
                 {
                   className: c(
                     "absolute top-0.5 left-0.5 inline-block rounded-full bg-white transition-all duration-300 shadow-sm",
-                    x(),
-                    m()
+                    k(),
+                    y()
                   )
                 }
               )
@@ -2735,7 +2731,7 @@ function nt({
           {
             className: c(
               "text-sm font-medium select-none",
-              k.text,
+              z.text,
               s && "opacity-50"
             ),
             children: l
@@ -2789,30 +2785,30 @@ const Mr = ({
   const [i, a] = _({
     email: "",
     password: ""
-  }), [d, u] = _({}), [b, v] = _(!1), [h, w] = _(
+  }), [d, u] = _({}), [g, v] = _(!1), [f, x] = _(
     t ? "forgot" : "login"
-  ), g = (E, f) => {
+  ), b = (E, h) => {
     switch (E) {
       case "email":
-        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f) ? "" : "Por favor ingresa un email válido";
+        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h) ? "" : "Por favor ingresa un email válido";
       case "password":
-        return f.length >= 6 ? "" : "La contraseña debe tener al menos 6 caracteres";
+        return h.length >= 6 ? "" : "La contraseña debe tener al menos 6 caracteres";
       default:
         return "";
     }
-  }, x = (E) => {
-    const { name: f, value: O } = E.target;
+  }, w = (E) => {
+    const { name: h, value: O } = E.target;
     a((R) => ({
       ...R,
-      [f]: O
-    })), d[f] && u((R) => ({
+      [h]: O
+    })), d[h] && u((R) => ({
       ...R,
-      [f]: ""
+      [h]: ""
     }));
   }, m = () => {
-    const E = {}, f = g("email", i.email);
-    if (f && (E.email = f), h === "login") {
-      const O = g("password", i.password);
+    const E = {}, h = b("email", i.email);
+    if (h && (E.email = h), f === "login") {
+      const O = b("password", i.password);
       O && (E.password = O);
     }
     return u(E), Object.keys(E).length === 0;
@@ -2820,7 +2816,7 @@ const Mr = ({
     if (E.preventDefault(), !!m()) {
       v(!0);
       try {
-        switch (h) {
+        switch (f) {
           case "login":
             s && await s({
               email: i.email,
@@ -2831,16 +2827,16 @@ const Mr = ({
             l && await l(i.email);
             break;
         }
-      } catch (f) {
-        console.error("Login error:", f);
+      } catch (h) {
+        console.error("Login error:", h);
       } finally {
         v(!1);
       }
     }
   }, y = (E) => {
-    w(E), u({}), a({ email: i.email, password: "" });
-  }, D = () => {
-    switch (h) {
+    x(E), u({}), a({ email: i.email, password: "" });
+  }, z = () => {
+    switch (f) {
       case "forgot":
         return /* @__PURE__ */ n(
           de,
@@ -2851,9 +2847,9 @@ const Mr = ({
             placeholder: "Ingresa tu email",
             label: "Email",
             value: i.email,
-            onChange: x,
+            onChange: w,
             error: d.email,
-            disabled: b,
+            disabled: g,
             colorScheme: "secondary"
           }
         );
@@ -2868,9 +2864,9 @@ const Mr = ({
               placeholder: "Ingresa tu email",
               label: "Email",
               value: i.email,
-              onChange: x,
+              onChange: w,
               error: d.email,
-              disabled: b,
+              disabled: g,
               colorScheme: "secondary"
             }
           ),
@@ -2883,25 +2879,25 @@ const Mr = ({
               placeholder: "Ingresa tu contraseña",
               label: "Contraseña",
               value: i.password,
-              onChange: x,
+              onChange: w,
               error: d.password,
-              disabled: b,
+              disabled: g,
               colorScheme: "secondary"
             }
           )
         ] });
     }
-  }, A = () => {
-    switch (h) {
+  }, D = () => {
+    switch (f) {
       case "forgot":
         return t ? "Cambiar Contraseña" : "Recuperar Contraseña";
       default:
         return e;
     }
-  }, z = () => {
-    if (b)
+  }, L = () => {
+    if (g)
       return /* @__PURE__ */ n(Mr, { size: 20, wrapperStyle: { minHeight: "auto" } });
-    switch (h) {
+    switch (f) {
       case "forgot":
         return "Enviar Enlace";
       default:
@@ -2913,24 +2909,24 @@ const Mr = ({
     {
       className: `flex justify-center items-center min-h-[90vh] p-4 bg-background ${o || ""}`,
       children: /* @__PURE__ */ p("div", { className: "w-full max-w-100 p-6 bg-white rounded-2xl shadow-lg animate-[fadeIn_0.3s_ease-out] sm:p-8", children: [
-        /* @__PURE__ */ n("h2", { className: "text-center mb-8 text-2xl font-semibold text-primary", children: A() }),
+        /* @__PURE__ */ n("h2", { className: "text-center mb-8 text-2xl font-semibold text-primary", children: D() }),
         /* @__PURE__ */ p("form", { onSubmit: k, children: [
-          /* @__PURE__ */ n("div", { className: "space-y-4 mb-6", children: D() }),
+          /* @__PURE__ */ n("div", { className: "space-y-4 mb-6", children: z() }),
           /* @__PURE__ */ n(
             ee,
             {
               type: "submit",
-              disabled: b,
-              loading: b,
+              disabled: g,
+              loading: g,
               fullWidth: !0,
               variant: "primary",
               size: "lg",
               className: "mb-6",
-              children: !b && z()
+              children: !g && L()
             }
           )
         ] }),
-        h === "login" && r && /* @__PURE__ */ n(
+        f === "login" && r && /* @__PURE__ */ n(
           ee,
           {
             type: "button",
@@ -2942,7 +2938,7 @@ const Mr = ({
             children: "¿Olvidaste tu contraseña?"
           }
         ),
-        h === "forgot" && !t && /* @__PURE__ */ n(
+        f === "forgot" && !t && /* @__PURE__ */ n(
           ee,
           {
             type: "button",
@@ -3071,7 +3067,7 @@ function Ir(e) {
 }
 const jr = (e, r = 500) => {
   const [t, o] = _(e);
-  return H(() => {
+  return U(() => {
     const s = setTimeout(() => {
       o(e);
     }, r);
@@ -3107,7 +3103,7 @@ const jr = (e, r = 500) => {
 } });
 function lt(e = 768) {
   const [r, t] = _(() => typeof window > "u" ? !1 : window.innerWidth < e);
-  return H(() => {
+  return U(() => {
     if (typeof window > "u")
       return;
     const o = () => {
@@ -3129,11 +3125,11 @@ function it({
   debounceDelay: a = 500,
   ...d
 }) {
-  const [u, b] = _(e || ""), v = jr(u, a), h = Ne(r, [r]);
-  H(() => {
-    h(v);
-  }, [v, h]);
-  const w = () => {
+  const [u, g] = _(e || ""), v = jr(u, a), f = Ne(r, [r]);
+  U(() => {
+    f(v);
+  }, [v, f]);
+  const x = () => {
     const m = "w-full px-4 py-2.5 pl-10 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
     switch (s) {
       case "primary":
@@ -3148,12 +3144,12 @@ function it({
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, g = () => s === "primary" ? "text-primary" : "text-secondary", x = () => s === "primary" ? "text-primary" : "text-secondary";
+  }, b = () => s === "primary" ? "text-primary" : "text-secondary", w = () => s === "primary" ? "text-primary" : "text-secondary";
   return /* @__PURE__ */ p("div", { className: c("mb-0", i), children: [
     l && /* @__PURE__ */ n(
       "label",
       {
-        className: c("block mb-2 text-sm font-medium", x()),
+        className: c("block mb-2 text-sm font-medium", w()),
         children: l
       }
     ),
@@ -3163,7 +3159,7 @@ function it({
         {
           className: c(
             "absolute left-3 top-1/2 -translate-y-1/2 text-base pointer-events-none",
-            g()
+            b()
           )
         }
       ),
@@ -3172,10 +3168,10 @@ function it({
         {
           type: "text",
           value: u,
-          onChange: (m) => b(m.target.value),
+          onChange: (m) => g(m.target.value),
           placeholder: t,
           disabled: o,
-          className: w(),
+          className: x(),
           ...d
         }
       )
@@ -3199,15 +3195,15 @@ function ct({
   isLoading: a = !1,
   fetchPage: d
 }) {
-  const u = parseInt(String(s)) === 1 || parseInt(String(o)) === 0 || a, b = parseInt(String(s)) === parseInt(String(o)) || parseInt(String(o)) === 0 || a, v = () => {
-    a || (d ? d(s - 1) : t && t((w) => ({
-      ...w,
-      page: w.page - 1
+  const u = parseInt(String(s)) === 1 || parseInt(String(o)) === 0 || a, g = parseInt(String(s)) === parseInt(String(o)) || parseInt(String(o)) === 0 || a, v = () => {
+    a || (d ? d(s - 1) : t && t((x) => ({
+      ...x,
+      page: x.page - 1
     })));
-  }, h = () => {
-    a || (d ? d(s + 1) : t && t((w) => ({
-      ...w,
-      page: w.page + 1
+  }, f = () => {
+    a || (d ? d(s + 1) : t && t((x) => ({
+      ...x,
+      page: x.page + 1
     })));
   };
   return /* @__PURE__ */ p("div", { className: c("flex justify-center items-center mt-8", i), children: [
@@ -3224,8 +3220,8 @@ function ct({
     /* @__PURE__ */ n(
       ee,
       {
-        disabled: b,
-        onClick: h,
+        disabled: g,
+        onClick: f,
         variant: "primary",
         children: /* @__PURE__ */ n(Tr, { size: 14 })
       }
@@ -3252,20 +3248,20 @@ function dt({
   colorScheme: a = "primary",
   icon: d,
   disabled: u = !1,
-  headerExtra: b
+  headerExtra: g
 }) {
-  const [v, h] = _(o), w = s !== void 0 ? s : v, g = () => {
+  const [v, f] = _(o), x = s !== void 0 ? s : v, b = () => {
     if (u) return;
-    const y = !w;
-    s === void 0 && h(y), l?.(y);
-  }, x = () => a === "primary" ? "border-primary" : "border-secondary", m = () => a === "primary" ? "text-primary" : "text-secondary", k = () => a === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
+    const y = !x;
+    s === void 0 && f(y), l?.(y);
+  }, w = () => a === "primary" ? "border-primary" : "border-secondary", m = () => a === "primary" ? "text-primary" : "text-secondary", k = () => a === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
   return /* @__PURE__ */ p(
     "div",
     {
       className: c(
         "w-full rounded-lg border-2 bg-background transition-all duration-300",
-        x(),
-        w && "shadow-lg",
+        w(),
+        x && "shadow-lg",
         i
       ),
       children: [
@@ -3273,14 +3269,14 @@ function dt({
           "button",
           {
             type: "button",
-            onClick: g,
+            onClick: b,
             disabled: u,
             className: c(
               "w-full flex cursor-pointer items-center justify-between p-4 text-left transition-all duration-300 rounded-lg",
               !u && k(),
               u && "opacity-50"
             ),
-            "aria-expanded": w,
+            "aria-expanded": x,
             children: [
               /* @__PURE__ */ p("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
                 d && /* @__PURE__ */ n("div", { className: c("shrink-0", m()), children: d }),
@@ -3296,14 +3292,14 @@ function dt({
                 ] })
               ] }),
               /* @__PURE__ */ p("div", { className: "flex items-center gap-3 shrink-0", children: [
-                b && /* @__PURE__ */ n("div", { onClick: (y) => y.stopPropagation(), children: b }),
+                g && /* @__PURE__ */ n("div", { onClick: (y) => y.stopPropagation(), children: g }),
                 /* @__PURE__ */ n(
                   "div",
                   {
                     className: c(
                       "h-5 w-5 transition-transform duration-300",
                       m(),
-                      w && "rotate-180"
+                      x && "rotate-180"
                     ),
                     children: /* @__PURE__ */ n(je, { className: "h-5 w-5" })
                   }
@@ -3317,9 +3313,9 @@ function dt({
           {
             className: c(
               "overflow-hidden transition-all duration-300 ease-in-out",
-              w ? "max-h-500 opacity-100" : "max-h-0 opacity-0"
+              x ? "max-h-500 opacity-100" : "max-h-0 opacity-0"
             ),
-            children: /* @__PURE__ */ n("div", { className: c("p-4 pt-0 border-t-0", x()), children: /* @__PURE__ */ n("div", { className: "border-t border-border pt-4", children: t }) })
+            children: /* @__PURE__ */ n("div", { className: c("p-4 pt-0 border-t-0", w()), children: /* @__PURE__ */ n("div", { className: "border-t border-border pt-4", children: t }) })
           }
         )
       ]
@@ -3340,11 +3336,11 @@ function mt({
 }) {
   const [a, d] = _(
     r ?? e[0]?.value ?? ""
-  ), u = r !== void 0 ? r : a, b = (g) => {
-    r === void 0 && d(g), t?.(g);
-  }, v = (g, x) => {
-    const m = u === g, 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 (x)
+  ), u = r !== void 0 ? r : a, g = (b) => {
+    r === void 0 && d(b), t?.(b);
+  }, v = (b, w) => {
+    const m = u === b, 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 c(k, "text-text-muted");
     switch (i) {
       case "filled":
@@ -3367,7 +3363,7 @@ function mt({
           m ? l === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-gray-500 hover:text-gray-700"
         );
     }
-  }, h = () => {
+  }, f = () => {
     switch (i) {
       case "filled":
         return "flex gap-1 p-1 bg-background-light rounded-lg";
@@ -3377,26 +3373,26 @@ function mt({
       default:
         return "flex gap-2 border-b border-gray-200";
     }
-  }, w = G.Children.toArray(o).find((g) => G.isValidElement(g) ? g.props.value === u : !1);
+  }, x = G.Children.toArray(o).find((b) => G.isValidElement(b) ? b.props.value === u : !1);
   return /* @__PURE__ */ p("div", { className: c("w-full", s), children: [
-    /* @__PURE__ */ n("div", { className: h(), role: "tablist", children: e.map((g) => /* @__PURE__ */ p(
+    /* @__PURE__ */ n("div", { className: f(), role: "tablist", children: e.map((b) => /* @__PURE__ */ p(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": u === g.value,
-        "aria-controls": `tabpanel-${g.value}`,
-        disabled: g.disabled,
-        onClick: () => !g.disabled && b(g.value),
-        className: v(g.value, g.disabled),
+        "aria-selected": u === b.value,
+        "aria-controls": `tabpanel-${b.value}`,
+        disabled: b.disabled,
+        onClick: () => !b.disabled && g(b.value),
+        className: v(b.value, b.disabled),
         children: [
-          g.icon && /* @__PURE__ */ n("span", { className: "shrink-0", children: g.icon }),
-          g.label
+          b.icon && /* @__PURE__ */ n("span", { className: "shrink-0", children: b.icon }),
+          b.label
         ]
       },
-      g.value
+      b.value
     )) }),
-    /* @__PURE__ */ n("div", { role: "tabpanel", id: `tabpanel-${u}`, children: w })
+    /* @__PURE__ */ n("div", { role: "tabpanel", id: `tabpanel-${u}`, children: x })
   ] });
 }
 function we(e) {
@@ -3467,27 +3463,27 @@ function pt({
   const [a, d] = _(e || /* @__PURE__ */ new Date()), u = {
     en: "en-US",
     es: "es-ES"
-  }, b = {
+  }, g = {
     en: Rr,
     es: Fr
   }, v = {
     en: Vr,
     es: Br
-  }, h = Gr(a), w = Wr(a), g = [];
-  for (let f = 0; f < w; f++)
-    g.push(null);
-  for (let f = 1; f <= h; f++) {
+  }, f = Gr(a), x = Wr(a), b = [];
+  for (let h = 0; h < x; h++)
+    b.push(null);
+  for (let h = 1; h <= f; h++) {
     const O = new Date(
       a.getFullYear(),
       a.getMonth(),
-      f,
+      h,
       12,
       0,
       0
     );
-    g.push(O);
+    b.push(O);
   }
-  const x = () => {
+  const w = () => {
     d(
       new Date(
         a.getFullYear(),
@@ -3531,19 +3527,19 @@ function pt({
         0
       )
     );
-  }, D = (f) => {
-    if (f && !t) {
+  }, z = (h) => {
+    if (h && !t) {
       const O = new Date(
-        f.getFullYear(),
-        f.getMonth(),
-        f.getDate(),
+        h.getFullYear(),
+        h.getMonth(),
+        h.getDate(),
         12,
         0,
         0
       );
       d(O), r?.(O);
     }
-  }, z = (() => {
+  }, L = (() => {
     switch (s) {
       case "primary":
         return {
@@ -3561,7 +3557,7 @@ function pt({
           button: "text-secondary border-secondary hover:bg-secondary/20"
         };
     }
-  })(), E = (f) => f && e ? f.toDateString() === e.toDateString() : !1;
+  })(), E = (h) => h && e ? h.toDateString() === e.toDateString() : !1;
   return /* @__PURE__ */ p(
     "div",
     {
@@ -3577,7 +3573,7 @@ function pt({
             {
               className: c(
                 "flex items-center justify-between mb-4",
-                z.header
+                L.header
               ),
               children: [
                 /* @__PURE__ */ n(
@@ -3588,7 +3584,7 @@ function pt({
                     disabled: t,
                     className: c(
                       "p-2 rounded-lg border transition-all duration-300",
-                      z.button,
+                      L.button,
                       t && "opacity-50 cursor-not-allowed"
                     ),
                     children: /* @__PURE__ */ n(we, { size: 18 })
@@ -3603,7 +3599,7 @@ function pt({
                     disabled: t,
                     className: c(
                       "p-2 rounded-lg border transition-all duration-300",
-                      z.button,
+                      L.button,
                       t && "opacity-50 cursor-not-allowed"
                     ),
                     children: /* @__PURE__ */ n(ve, { size: 18 })
@@ -3612,16 +3608,16 @@ function pt({
               ]
             }
           ),
-          /* @__PURE__ */ p("div", { className: c("flex items-center justify-between", z.header), children: [
+          /* @__PURE__ */ p("div", { className: c("flex items-center justify-between", L.header), children: [
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                onClick: x,
+                onClick: w,
                 disabled: t,
                 className: c(
                   "p-2 rounded-lg border transition-all duration-300",
-                  z.button,
+                  L.button,
                   t && "opacity-50 cursor-not-allowed"
                 ),
                 children: /* @__PURE__ */ n(we, { size: 18 })
@@ -3636,7 +3632,7 @@ function pt({
                 disabled: t,
                 className: c(
                   "p-2 rounded-lg border transition-all duration-300",
-                  z.button,
+                  L.button,
                   t && "opacity-50 cursor-not-allowed"
                 ),
                 children: /* @__PURE__ */ n(ve, { size: 18 })
@@ -3644,33 +3640,33 @@ function pt({
             )
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-2 mb-4", children: b[l].map((f) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-2 mb-4", children: g[l].map((h) => /* @__PURE__ */ n(
           "div",
           {
             className: c(
               "text-center text-sm font-medium py-2",
-              z.header
+              L.header
             ),
-            children: f
+            children: h
           },
-          f
+          h
         )) }),
-        /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-2", children: g.map((f, O) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-2", children: b.map((h, O) => /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            onClick: () => D(f),
-            disabled: !f || t,
+            onClick: () => z(h),
+            disabled: !h || t,
             className: c(
               "p-2 rounded-lg text-sm font-medium transition-all duration-300",
-              f ? c(
+              h ? c(
                 "cursor-pointer",
-                z.hover,
-                E(f) ? z.selected : "text-text border border-transparent hover:border-border",
+                L.hover,
+                E(h) ? L.selected : "text-text border border-transparent hover:border-border",
                 t && "opacity-50 cursor-not-allowed"
               ) : "cursor-default"
             ),
-            children: f ? f.getDate() : ""
+            children: h ? h.getDate() : ""
           },
           O
         )) }),
@@ -3679,7 +3675,7 @@ function pt({
           {
             className: c(
               "mt-6 p-3 rounded-lg bg-background-dark border border-border text-center text-sm font-medium",
-              z.header
+              L.header
             ),
             children: e.toLocaleDateString(u[l], {
               year: "numeric",
@@ -3703,38 +3699,38 @@ function bt({
   className: a = "",
   rowClassName: d = "",
   cellClassName: u = "",
-  headerClassName: b = "",
+  headerClassName: g = "",
   emptyText: v = "No data available",
-  showCount: h = !0,
-  countText: w = (x) => `Showing ${x} record${x !== 1 ? "s" : ""}`,
-  keyExtractor: g = (x, m) => x._id || x.id || m
+  showCount: f = !0,
+  countText: x = (w) => `Showing ${w} record${w !== 1 ? "s" : ""}`,
+  keyExtractor: b = (w, m) => w._id || w.id || m
 }) {
   if (t)
     return /* @__PURE__ */ n("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ n("div", { className: "text-lg text-text-light", children: o }) });
   if (r.length === 0)
     return /* @__PURE__ */ n("div", { className: "flex justify-center items-center min-h-50", children: /* @__PURE__ */ n("div", { className: "text-lg text-text-muted", children: v }) });
-  const x = (m, k) => {
+  const w = (m, k) => {
     const y = k.toLowerCase().replace(/\s+/g, "_");
-    let D = m[y];
-    if (D === void 0) {
-      const A = [
+    let z = m[y];
+    if (z === void 0) {
+      const D = [
         y.replace(/_/g, ""),
         k.toLowerCase().replace(/\s+/g, ""),
-        y.replace(/_([a-z])/g, (z, E) => E.toUpperCase())
+        y.replace(/_([a-z])/g, (L, E) => E.toUpperCase())
       ];
-      for (const z of A)
-        if (m[z] !== void 0) {
-          D = m[z];
+      for (const L of D)
+        if (m[L] !== void 0) {
+          z = m[L];
           break;
         }
     }
-    if (D === void 0) {
-      const A = k.toLowerCase().split(" "), z = Object.keys(m).find(
-        (E) => A.some((f) => E.toLowerCase().includes(f))
+    if (z === void 0) {
+      const D = k.toLowerCase().split(" "), L = Object.keys(m).find(
+        (E) => D.some((h) => E.toLowerCase().includes(h))
       );
-      z && (D = m[z]);
+      L && (z = m[L]);
     }
-    return D != null ? String(D) : "N/A";
+    return G.isValidElement(z) ? z : z != null ? String(z) : "N/A";
   };
   return /* @__PURE__ */ p("div", { className: c("overflow-x-auto", a), children: [
     /* @__PURE__ */ p("table", { className: "w-full border-collapse", children: [
@@ -3744,7 +3740,7 @@ function bt({
           {
             className: c(
               "text-left py-3 px-4 font-semibold text-text",
-              b
+              g
             ),
             children: m
           },
@@ -3755,7 +3751,7 @@ function bt({
           {
             className: c(
               "text-center py-3 px-4 font-semibold text-text",
-              b
+              g
             ),
             children: l
           }
@@ -3771,17 +3767,17 @@ function bt({
           ),
           onClick: () => i?.(m),
           children: [
-            e.map((y, D) => /* @__PURE__ */ n("td", { className: c("py-4 px-4", u), children: /* @__PURE__ */ n("div", { className: "text-text-light", children: x(m, y) }) }, D)),
-            s && /* @__PURE__ */ n("td", { className: c("py-4 px-4", u), children: /* @__PURE__ */ n("div", { className: "flex gap-2 justify-center", children: s.map((y, D) => {
-              const A = (z) => {
-                z?.stopPropagation(), y.onClick?.(m);
+            e.map((y, z) => /* @__PURE__ */ n("td", { className: c("py-4 px-4", u), children: /* @__PURE__ */ n("div", { className: "text-text-light", children: w(m, y) }) }, z)),
+            s && /* @__PURE__ */ n("td", { className: c("py-4 px-4", u), children: /* @__PURE__ */ n("div", { className: "flex gap-2 justify-center", children: s.map((y, z) => {
+              const D = (L) => {
+                L?.stopPropagation(), y.onClick?.(m);
               };
               if (y.component) {
-                const z = y.component;
+                const L = y.component;
                 return /* @__PURE__ */ p(
-                  z,
+                  L,
                   {
-                    onClick: A,
+                    onClick: D,
                     className: y.className || "",
                     ...y.props || {},
                     children: [
@@ -3789,13 +3785,13 @@ function bt({
                       y.label && y.label
                     ]
                   },
-                  D
+                  z
                 );
               }
               return /* @__PURE__ */ p(
                 ee,
                 {
-                  onClick: A,
+                  onClick: D,
                   className: y.className || "",
                   ...y.props || {},
                   children: [
@@ -3803,15 +3799,15 @@ function bt({
                     y.label && y.label
                   ]
                 },
-                D
+                z
               );
             }) }) })
           ]
         },
-        g(m, k)
+        b(m, k)
       )) })
     ] }),
-    h && r.length > 0 && /* @__PURE__ */ n("div", { className: "mt-6 text-center text-text-light text-sm", children: w(r.length) })
+    f && r.length > 0 && /* @__PURE__ */ n("div", { className: "mt-6 text-center text-text-light text-sm", children: x(r.length) })
   ] });
 }
 function gt({
@@ -3825,24 +3821,24 @@ function gt({
   onSearchInputCustom: a,
   placeholder: d = "Select...",
   disabled: u = !1,
-  error: b,
+  error: g,
   required: v = !1,
-  colorScheme: h = "primary",
-  noResultsText: w = "No results found",
-  searchPlaceholder: g = "Search...",
-  ...x
+  colorScheme: f = "primary",
+  noResultsText: x = "No results found",
+  searchPlaceholder: b = "Search...",
+  ...w
 }) {
-  const [m, k] = _(!1), [y, D] = _(""), [A, z] = _({
+  const [m, k] = _(!1), [y, z] = _(""), [D, L] = _({
     top: 0,
     left: 0,
     openUpward: !1
-  }), E = Array.isArray(t) ? t : t ? [t] : [], [f, O] = _(
-    E.map((N) => r.find((L) => L.value === N)).filter(Boolean)
+  }), E = Array.isArray(t) ? t : t ? [t] : [], [h, O] = _(
+    E.map((N) => r.find((S) => S.value === N)).filter(Boolean)
   ), R = ue(null), W = ue(null), Z = () => {
     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 (b)
+    if (g)
       return c(N, "border-danger focus:border-danger");
-    switch (h) {
+    switch (f) {
       case "primary":
         return c(
           N,
@@ -3855,51 +3851,51 @@ function gt({
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, S = () => h === "primary" ? "text-primary" : "text-secondary";
-  H(() => {
-    const L = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((F) => r.find((V) => V.value === F)).filter(Boolean);
-    O(L);
-  }, [t, r]), H(() => {
+  }, A = () => f === "primary" ? "text-primary" : "text-secondary";
+  U(() => {
+    const S = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((F) => r.find((V) => V.value === F)).filter(Boolean);
+    O(S);
+  }, [t, r]), U(() => {
     m && i && W.current && W.current.focus();
   }, [m, i]);
   const M = Ne(() => {
     if (!R.current) return;
-    const N = R.current.getBoundingClientRect(), L = window.innerHeight, F = 250, Q = L - N.bottom < F && N.top > F;
-    z({
+    const N = R.current.getBoundingClientRect(), S = window.innerHeight, F = 250, Q = S - N.bottom < F && N.top > F;
+    L({
       top: Q ? N.top : N.bottom,
       left: N.left,
       width: N.width,
       openUpward: Q
     });
   }, []);
-  H(() => {
+  U(() => {
     function N(F) {
       R.current && !R.current.contains(F.target) && k(!1);
     }
-    function L() {
+    function S() {
       m && M();
     }
-    return document.addEventListener("mousedown", N), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
-      document.removeEventListener("mousedown", N), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
+    return document.addEventListener("mousedown", N), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
+      document.removeEventListener("mousedown", N), window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
     };
   }, [m, M]);
   const P = (N) => {
-    const L = r.find(
+    const S = r.find(
       (V) => V.value === N
     );
-    if (!L) return;
+    if (!S) return;
     let F;
-    s ? (F = f.some((Q) => Q.value === N) ? f.filter((Q) => Q.value !== N) : [...f, L], O(F), o(F)) : (F = [L], O(F), o(L), k(!1), D(""));
+    s ? (F = h.some((Q) => Q.value === N) ? h.filter((Q) => Q.value !== N) : [...h, S], O(F), o(F)) : (F = [S], O(F), o(S), k(!1), z(""));
   }, B = (N) => {
-    D(N), a?.(N);
+    z(N), a?.(N);
   }, $ = i ? r.filter(
     (N) => N.label.toLowerCase().includes(y.toLowerCase())
-  ) : r, X = () => f.length === 0 ? d : s ? f.length === 1 ? f[0].label : `${f.length} selected` : f[0]?.label || d;
+  ) : r, X = () => h.length === 0 ? d : s ? h.length === 1 ? h[0].label : `${h.length} selected` : h[0]?.label || d;
   return /* @__PURE__ */ p("div", { className: c("mb-6", l), children: [
     e && /* @__PURE__ */ p(
       "label",
       {
-        className: c("block mb-2 text-sm font-medium", S()),
+        className: c("block mb-2 text-sm font-medium", A()),
         children: [
           e,
           v && /* @__PURE__ */ n("span", { className: "text-danger ml-1", children: "*" })
@@ -3921,20 +3917,20 @@ function gt({
             m && "ring-1"
           ),
           disabled: u,
-          ...x,
+          ...w,
           children: [
             /* @__PURE__ */ p("div", { className: "flex items-center gap-2 flex-1", children: [
-              f.length > 0 && f[0].hex && /* @__PURE__ */ n(
+              h.length > 0 && h[0].hex && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "h-4 w-4 rounded border border-border",
-                  style: { backgroundColor: f[0].hex }
+                  style: { backgroundColor: h[0].hex }
                 }
               ),
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: f.length > 0 ? "" : "text-text-muted",
+                  className: h.length > 0 ? "" : "text-text-muted",
                   children: X()
                 }
               )
@@ -3957,13 +3953,13 @@ function gt({
         {
           className: c(
             "fixed z-9999 rounded-lg border-2 bg-white shadow-xl",
-            b ? "border-danger" : h === "primary" ? "border-primary" : "border-secondary"
+            g ? "border-danger" : f === "primary" ? "border-primary" : "border-secondary"
           ),
           style: {
-            top: `${A.top + (A.openUpward ? 0 : 8)}px`,
-            left: `${A.left}px`,
-            width: `${A.width}px`,
-            transform: A.openUpward ? "translateY(-100%)" : "none"
+            top: `${D.top + (D.openUpward ? 0 : 8)}px`,
+            left: `${D.left}px`,
+            width: `${D.width}px`,
+            transform: D.openUpward ? "translateY(-100%)" : "none"
           },
           children: [
             i && /* @__PURE__ */ n("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ p("div", { className: "relative", children: [
@@ -3975,10 +3971,10 @@ function gt({
                   type: "text",
                   value: y,
                   onChange: (N) => B(N.target.value),
-                  placeholder: g,
+                  placeholder: b,
                   className: c(
                     "w-full rounded-lg border-2 py-2 pr-10 pl-10 text-sm transition-all duration-300 focus:outline-none focus:ring-1",
-                    h === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
+                    f === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
                   )
                 }
               ),
@@ -3986,7 +3982,7 @@ function gt({
                 "button",
                 {
                   type: "button",
-                  onClick: () => D(""),
+                  onClick: () => z(""),
                   className: "absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2 transform text-text-muted hover:text-text",
                   children: /* @__PURE__ */ n($r, { className: "h-4 w-4" })
                 }
@@ -4000,7 +3996,7 @@ function gt({
                   onClick: () => P(N.value ?? ""),
                   className: c(
                     "w-full px-4 py-3 text-left text-sm transition-colors",
-                    f.some((L) => L.value === N.value) ? h === "primary" ? "bg-primary/10 text-primary font-medium" : "bg-secondary/10 text-secondary font-medium" : "text-text hover:bg-background-light"
+                    h.some((S) => S.value === N.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__ */ p("div", { className: "flex items-center gap-3", children: [
                     s && /* @__PURE__ */ n(
@@ -4008,10 +4004,10 @@ function gt({
                       {
                         className: c(
                           "flex h-4 w-4 items-center justify-center rounded border-2 transition-colors",
-                          f.some((L) => L.value === N.value) ? h === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
+                          h.some((S) => S.value === N.value) ? f === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
                         ),
-                        children: f.some(
-                          (L) => L.value === N.value
+                        children: h.some(
+                          (S) => S.value === N.value
                         ) && /* @__PURE__ */ n(
                           "svg",
                           {
@@ -4042,13 +4038,13 @@ function gt({
                 },
                 N.value
               )),
-              $.length === 0 && y && r.length > 0 && /* @__PURE__ */ n("div", { className: "px-4 py-3", children: /* @__PURE__ */ n("span", { className: "text-sm text-text-muted", children: w }) })
+              $.length === 0 && y && r.length > 0 && /* @__PURE__ */ n("div", { className: "px-4 py-3", children: /* @__PURE__ */ n("span", { className: "text-sm text-text-muted", children: x }) })
             ] })
           ]
         }
       )
     ] }),
-    b && /* @__PURE__ */ n("span", { className: "block mt-1 text-xs text-danger font-medium", children: b })
+    g && /* @__PURE__ */ n("span", { className: "block mt-1 text-xs text-danger font-medium", children: g })
   ] });
 }
 const ft = ({
@@ -4063,13 +4059,13 @@ const ft = ({
   required: d = !1,
   colorScheme: u = "secondary",
   // "primary" | "secondary"
-  className: b = "",
+  className: g = "",
   accept: v = "*/*",
   // Tipos de archivo aceptados: "image/*", "application/pdf", ".doc,.docx", etc.
-  multiple: h = !1,
-  ...w
+  multiple: f = !1,
+  ...x
 }) => {
-  const g = ue(null), [x, m] = _(!1), [k, y] = _([]), D = () => {
+  const b = ue(null), [w, m] = _(!1), [k, y] = _([]), z = () => {
     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 c(
@@ -4089,7 +4085,7 @@ const ft = ({
           "border-secondary focus:border-secondary focus:ring-1 focus:ring-secondary hover:border-secondary-dark"
         );
     }
-  }, A = () => {
+  }, D = () => {
     switch (u) {
       case "primary":
         return "text-primary";
@@ -4097,13 +4093,13 @@ const ft = ({
       default:
         return "text-secondary";
     }
-  }, z = (M) => {
+  }, L = (M) => {
     M.preventDefault(), M.stopPropagation(), a || (M.type === "dragenter" || M.type === "dragover" ? m(!0) : M.type === "dragleave" && m(!1));
   }, E = (M) => {
     if (M.preventDefault(), M.stopPropagation(), m(!1), a) return;
     const P = M.dataTransfer.files;
     O(P);
-  }, f = (M) => {
+  }, h = (M) => {
     const P = M.target.files;
     P && O(P);
   }, O = (M) => {
@@ -4114,27 +4110,27 @@ const ft = ({
         console.warn("No valid files selected");
         return;
       }
-      y(h ? B : [B[0]]), t(h ? B : [B[0]]);
+      y(f ? B : [B[0]]), t(f ? B : [B[0]]);
     } else
-      y(h ? P : [P[0]]), t(h ? P : [P[0]]);
+      y(f ? P : [P[0]]), t(f ? P : [P[0]]);
   }, R = (M, P) => P.split(",").map(($) => $.trim()).some(($) => {
     if ($.startsWith("."))
       return M.name.toLowerCase().endsWith($.toLowerCase());
     if ($.includes("/")) {
-      const [X, N] = $.split("/"), L = M.type.split("/")[0];
-      return N === "*" ? L === X : M.type === $;
+      const [X, N] = $.split("/"), S = M.type.split("/")[0];
+      return N === "*" ? S === X : M.type === $;
     }
     return !1;
   }), W = () => {
-    a || g.current?.click();
+    a || b.current?.click();
   }, Z = (M) => {
     const P = k.filter((B, $) => $ !== M);
     y(P), t(P);
-  }, S = (M) => {
+  }, A = (M) => {
     (M.key === "Enter" || M.key === " ") && (M.preventDefault(), W());
   };
-  return /* @__PURE__ */ p("div", { className: `mb-6 ${b}`, children: [
-    l && /* @__PURE__ */ p("label", { className: `block mb-2 text-sm font-medium ${A()}`, children: [
+  return /* @__PURE__ */ p("div", { className: `mb-6 ${g}`, children: [
+    l && /* @__PURE__ */ p("label", { className: `block mb-2 text-sm font-medium ${D()}`, children: [
       l,
       d && /* @__PURE__ */ n("span", { className: "text-danger ml-1", children: "*" })
     ] }),
@@ -4142,32 +4138,32 @@ const ft = ({
       "div",
       {
         className: c(
-          D(),
-          x && "bg-background-light border-2-dashed"
+          z(),
+          w && "bg-background-light border-2-dashed"
         ),
-        onDragEnter: z,
-        onDragLeave: z,
-        onDragOver: z,
+        onDragEnter: L,
+        onDragLeave: L,
+        onDragOver: L,
         onDrop: E,
         onClick: W,
-        onKeyDown: S,
+        onKeyDown: A,
         role: "button",
         tabIndex: a ? -1 : 0,
         children: [
           /* @__PURE__ */ n(
             "input",
             {
-              ref: g,
+              ref: b,
               id: e,
               name: r,
               type: "file",
-              onChange: f,
+              onChange: h,
               disabled: a,
               required: d,
               accept: v,
-              multiple: h,
+              multiple: f,
               className: "hidden",
-              ...w
+              ...x
             }
           ),
           /* @__PURE__ */ p("div", { className: "flex flex-col items-center justify-center py-4", children: [
@@ -4189,13 +4185,13 @@ const ft = ({
                 )
               }
             ),
-            /* @__PURE__ */ n("p", { className: `text-sm ${A()}`, children: o })
+            /* @__PURE__ */ n("p", { className: `text-sm ${D()}`, children: o })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ p("div", { className: "mt-4 space-y-2", children: [
-      /* @__PURE__ */ p("p", { className: `text-sm font-medium ${A()}`, children: [
+      /* @__PURE__ */ p("p", { className: `text-sm font-medium ${D()}`, children: [
         k.length,
         " ",
         s,
@@ -4269,19 +4265,19 @@ function yt({
   closeOnOverlayClick: d = !0,
   closeOnEscape: u = !0
 }) {
-  if (H(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  if (U(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [e]), H(() => {
+  }), [e]), U(() => {
     if (!u || !e)
       return;
-    const w = (g) => {
-      g.key === "Escape" && r();
+    const x = (b) => {
+      b.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", w), () => {
-      document.removeEventListener("keydown", w);
+    return document.addEventListener("keydown", x), () => {
+      document.removeEventListener("keydown", x);
     };
   }, [e, r, u]), !e) return null;
-  const b = {
+  const g = {
     sm: "max-w-sm",
     md: "max-w-md",
     lg: "max-w-lg",
@@ -4289,7 +4285,7 @@ function yt({
     "2xl": "max-w-2xl"
   }, v = () => {
     d && r();
-  }, h = /* @__PURE__ */ n(
+  }, f = /* @__PURE__ */ n(
     "div",
     {
       className: c(
@@ -4305,10 +4301,10 @@ function yt({
         {
           className: c(
             "relative bg-white rounded-xl shadow-2xl max-h-[90vh] flex flex-col w-full transition-all duration-300",
-            b[s],
+            g[s],
             l
           ),
-          onClick: (w) => w.stopPropagation(),
+          onClick: (x) => x.stopPropagation(),
           children: [
             (t || a) && /* @__PURE__ */ p("div", { className: "flex justify-between items-center px-6 py-5 border-b border-border rounded-t-xl shrink-0", children: [
               t && /* @__PURE__ */ n(
@@ -4336,7 +4332,7 @@ function yt({
       )
     }
   );
-  return Fe(h, document.body);
+  return Fe(f, document.body);
 }
 function xt({
   id: e,
@@ -4349,25 +4345,25 @@ function xt({
   variant: a = "solid",
   label: d,
   className: u = "",
-  ...b
+  ...g
 }) {
-  const v = (h, w) => {
-    const g = "checkbox-input size-4 shrink-0 rounded transition-all duration-300 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-opacity-50 disabled:cursor-not-allowed disabled:opacity-50";
-    if (h === "outline")
-      switch (w) {
+  const v = (f, x) => {
+    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 (x) {
         case "primary":
-          return `${g} checkbox-outline checkbox-primary`;
+          return `${b} checkbox-outline checkbox-primary`;
         case "secondary":
         default:
-          return `${g} checkbox-outline checkbox-secondary`;
+          return `${b} checkbox-outline checkbox-secondary`;
       }
     else
-      switch (w) {
+      switch (x) {
         case "primary":
-          return `${g} checkbox-solid checkbox-primary`;
+          return `${b} checkbox-solid checkbox-primary`;
         case "secondary":
         default:
-          return `${g} checkbox-solid checkbox-secondary`;
+          return `${b} checkbox-solid checkbox-secondary`;
       }
   };
   return d ? /* @__PURE__ */ p("div", { className: `flex items-center gap-2 ${u}`, children: [
@@ -4382,7 +4378,7 @@ function xt({
         disabled: s,
         required: l,
         className: v(a, i),
-        ...b
+        ...g
       }
     ),
     /* @__PURE__ */ p(
@@ -4410,7 +4406,7 @@ function xt({
       style: {
         accentColor: "white"
       },
-      ...b
+      ...g
     }
   );
 }
@@ -4430,14 +4426,14 @@ function wt({
   disabled: a = !1,
   required: d = !1,
   colorScheme: u = "secondary",
-  className: b = "",
+  className: g = "",
   ...v
 }) {
-  const h = c(
+  const f = 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",
     i ? "border-danger focus:border-danger focus:shadow-danger-light" : u === "primary" ? "text-primary border-primary focus:border-primary" : "text-secondary border-secondary focus:border-secondary"
   );
-  return /* @__PURE__ */ p("div", { className: c("mb-6", b), children: [
+  return /* @__PURE__ */ p("div", { className: c("mb-6", g), children: [
     l && /* @__PURE__ */ p(
       "label",
       {
@@ -4459,12 +4455,12 @@ function wt({
         name: r,
         type: "datetime-local",
         value: ke(t),
-        onChange: (w) => o(Hr(w.target.value)),
+        onChange: (x) => o(Hr(x.target.value)),
         min: s ? ke(s) : void 0,
         disabled: a,
         required: d,
         "aria-invalid": i ? !0 : void 0,
-        className: h,
+        className: f,
         ...v
       }
     ),