@stackloop/ui 2.4.2 → 2.4.3

package/dist/index.js

@@ -1,18 +1,18 @@
 import { jsxs as d, jsx as r, Fragment as ae } from "react/jsx-runtime";
-import Le, { forwardRef as ne, useState as L, useRef as Y, useEffect as Z, createContext as er, useCallback as ze, useContext as rr } from "react";
+import Le, { forwardRef as se, useState as L, useRef as Y, useEffect as Z, createContext as er, useCallback as ze, useContext as rr } from "react";
 import { motion as g, AnimatePresence as Q } from "framer-motion";
-import { Loader2 as tr, EyeOff as or, Eye as ar, Check as Oe, ChevronDown as Ee, Search as Fe, X as H, Calendar as nr, ChevronLeft as Pe, ChevronRight as Ge, ArrowUp as sr, ArrowDown as ir, ChevronsUpDown as lr, Plus as cr, WifiOff as ge, Wifi as Te, Info as dr, AlertTriangle as mr, AlertCircle as ur, CheckCircle as pr, Camera as br, Upload as fr, Play as hr, Pause as gr, Mic as yr, Square as xr, Trash2 as wr, Image as vr, FileText as Me } from "lucide-react";
+import { Loader2 as tr, EyeOff as or, Eye as ar, Check as Oe, ChevronDown as Ee, Search as Fe, X as H, Calendar as sr, ChevronLeft as Pe, ChevronRight as Ge, ArrowUp as nr, ArrowDown as ir, ChevronsUpDown as lr, Plus as cr, WifiOff as ge, Wifi as Te, Info as dr, AlertTriangle as mr, AlertCircle as ur, CheckCircle as pr, Camera as br, Upload as fr, Play as hr, Pause as gr, Mic as yr, Square as xr, Trash2 as wr, Image as vr, FileText as Me } from "lucide-react";
 function Be(e) {
   var t, a, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (a = Be(e[t])) && (o && (o += " "), o += a);
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (a = Be(e[t])) && (o && (o += " "), o += a);
   } else for (a in e) e[a] && (o && (o += " "), o += a);
   return o;
 }
 function Nr() {
-  for (var e, t, a = 0, o = "", n = arguments.length; a < n; a++) (e = arguments[a]) && (t = Be(e)) && (o && (o += " "), o += t);
+  for (var e, t, a = 0, o = "", s = arguments.length; a < s; a++) (e = arguments[a]) && (t = Be(e)) && (o && (o += " "), o += t);
   return o;
 }
 const kr = (e, t) => {
@@ -35,34 +35,34 @@ const kr = (e, t) => {
     conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: (s) => {
-      if (s.startsWith("[") && s.endsWith("]"))
-        return Tr(s);
-      const c = s.split(ue), i = c[0] === "" && c.length > 1 ? 1 : 0;
+    getClassGroupId: (n) => {
+      if (n.startsWith("[") && n.endsWith("]"))
+        return Tr(n);
+      const c = n.split(ue), i = c[0] === "" && c.length > 1 ? 1 : 0;
       return $e(c, i, t);
     },
-    getConflictingClassGroupIds: (s, c) => {
+    getConflictingClassGroupIds: (n, c) => {
       if (c) {
-        const i = o[s], m = a[s];
+        const i = o[n], m = a[n];
         return i ? m ? kr(m, i) : i : m || Re;
       }
-      return a[s] || Re;
+      return a[n] || Re;
     }
   };
 }, $e = (e, t, a) => {
   if (e.length - t === 0)
     return a.classGroupId;
-  const n = e[t], l = a.nextPart.get(n);
+  const s = e[t], l = a.nextPart.get(s);
   if (l) {
     const m = $e(e, t + 1, l);
     if (m) return m;
   }
-  const s = a.validators;
-  if (s === null)
+  const n = a.validators;
+  if (n === null)
     return;
-  const c = t === 0 ? e.join(ue) : e.slice(t).join(ue), i = s.length;
+  const c = t === 0 ? e.join(ue) : e.slice(t).join(ue), i = n.length;
   for (let m = 0; m < i; m++) {
-    const x = s[m];
+    const x = n[m];
     if (x.validator(c))
       return x.classGroupId;
   }
@@ -78,15 +78,15 @@ const kr = (e, t) => {
 }, Rr = (e, t) => {
   const a = Ue();
   for (const o in e) {
-    const n = e[o];
-    we(n, a, o, t);
+    const s = e[o];
+    we(s, a, o, t);
   }
   return a;
 }, we = (e, t, a, o) => {
-  const n = e.length;
-  for (let l = 0; l < n; l++) {
-    const s = e[l];
-    Ar(s, t, a, o);
+  const s = e.length;
+  for (let l = 0; l < s; l++) {
+    const n = e[l];
+    Ar(n, t, a, o);
   }
 }, Ar = (e, t, a, o) => {
   if (typeof e == "string") {
@@ -108,18 +108,18 @@ const kr = (e, t) => {
   }
   t.validators === null && (t.validators = []), t.validators.push(Cr(a, e));
 }, Dr = (e, t, a, o) => {
-  const n = Object.entries(e), l = n.length;
-  for (let s = 0; s < l; s++) {
-    const [c, i] = n[s];
+  const s = Object.entries(e), l = s.length;
+  for (let n = 0; n < l; n++) {
+    const [c, i] = s[n];
     we(i, _e(t, c), a, o);
   }
 }, _e = (e, t) => {
   let a = e;
-  const o = t.split(ue), n = o.length;
-  for (let l = 0; l < n; l++) {
-    const s = o[l];
-    let c = a.nextPart.get(s);
-    c || (c = Ue(), a.nextPart.set(s, c)), a = c;
+  const o = t.split(ue), s = o.length;
+  for (let l = 0; l < s; l++) {
+    const n = o[l];
+    let c = a.nextPart.get(n);
+    c || (c = Ue(), a.nextPart.set(n, c)), a = c;
   }
   return a;
 }, Lr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Or = (e) => {
@@ -131,41 +131,41 @@ const kr = (e, t) => {
       }
     };
   let t = 0, a = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const n = (l, s) => {
-    a[l] = s, t++, t > e && (t = 0, o = a, a = /* @__PURE__ */ Object.create(null));
+  const s = (l, n) => {
+    a[l] = n, t++, t > e && (t = 0, o = a, a = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(l) {
-      let s = a[l];
-      if (s !== void 0)
-        return s;
-      if ((s = o[l]) !== void 0)
-        return n(l, s), s;
+      let n = a[l];
+      if (n !== void 0)
+        return n;
+      if ((n = o[l]) !== void 0)
+        return s(l, n), n;
     },
-    set(l, s) {
-      l in a ? a[l] = s : n(l, s);
+    set(l, n) {
+      l in a ? a[l] = n : s(l, n);
     }
   };
-}, ye = "!", Ae = ":", Er = [], Ie = (e, t, a, o, n) => ({
+}, ye = "!", Ae = ":", Er = [], Ie = (e, t, a, o, s) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: a,
   maybePostfixModifierPosition: o,
-  isExternal: n
+  isExternal: s
 }), Fr = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: a
   } = e;
-  let o = (n) => {
+  let o = (s) => {
     const l = [];
-    let s = 0, c = 0, i = 0, m;
-    const x = n.length;
+    let n = 0, c = 0, i = 0, m;
+    const x = s.length;
     for (let v = 0; v < x; v++) {
-      const M = n[v];
-      if (s === 0 && c === 0) {
+      const M = s[v];
+      if (n === 0 && c === 0) {
         if (M === Ae) {
-          l.push(n.slice(i, v)), i = v + 1;
+          l.push(s.slice(i, v)), i = v + 1;
           continue;
         }
         if (M === "/") {
@@ -173,9 +173,9 @@ const kr = (e, t) => {
           continue;
         }
       }
-      M === "[" ? s++ : M === "]" ? s-- : M === "(" ? c++ : M === ")" && c--;
+      M === "[" ? n++ : M === "]" ? n-- : M === "(" ? c++ : M === ")" && c--;
     }
-    const y = l.length === 0 ? n : n.slice(i);
+    const y = l.length === 0 ? s : s.slice(i);
     let f = y, k = !1;
     y.endsWith(ye) ? (f = y.slice(0, -1), k = !0) : (
       /**
@@ -188,14 +188,14 @@ const kr = (e, t) => {
     return Ie(l, k, f, w);
   };
   if (t) {
-    const n = t + Ae, l = o;
-    o = (s) => s.startsWith(n) ? l(s.slice(n.length)) : Ie(Er, !1, s, void 0, !0);
+    const s = t + Ae, l = o;
+    o = (n) => n.startsWith(s) ? l(n.slice(s.length)) : Ie(Er, !1, n, void 0, !0);
   }
   if (a) {
-    const n = o;
+    const s = o;
     o = (l) => a({
       className: l,
-      parseClassName: n
+      parseClassName: s
     });
   }
   return o;
@@ -205,12 +205,12 @@ const kr = (e, t) => {
     t.set(a, 1e6 + o);
   }), (a) => {
     const o = [];
-    let n = [];
+    let s = [];
     for (let l = 0; l < a.length; l++) {
-      const s = a[l], c = s[0] === "[", i = t.has(s);
-      c || i ? (n.length > 0 && (n.sort(), o.push(...n), n = []), o.push(s)) : n.push(s);
+      const n = a[l], c = n[0] === "[", i = t.has(n);
+      c || i ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(n)) : s.push(n);
     }
-    return n.length > 0 && (n.sort(), o.push(...n)), o;
+    return s.length > 0 && (s.sort(), o.push(...s)), o;
   };
 }, Gr = (e) => ({
   cache: Or(e.cacheSize),
@@ -221,9 +221,9 @@ const kr = (e, t) => {
   const {
     parseClassName: a,
     getClassGroupId: o,
-    getConflictingClassGroupIds: n,
+    getConflictingClassGroupIds: s,
     sortModifiers: l
-  } = t, s = [], c = e.trim().split(Br);
+  } = t, n = [], c = e.trim().split(Br);
   let i = "";
   for (let m = c.length - 1; m >= 0; m -= 1) {
     const x = c[m], {
@@ -250,22 +250,22 @@ const kr = (e, t) => {
       M = !1;
     }
     const T = f.length === 0 ? "" : f.length === 1 ? f[0] : l(f).join(":"), O = k ? T + ye : T, G = O + I;
-    if (s.indexOf(G) > -1)
+    if (n.indexOf(G) > -1)
       continue;
-    s.push(G);
-    const z = n(I, M);
+    n.push(G);
+    const z = s(I, M);
     for (let R = 0; R < z.length; ++R) {
       const F = z[R];
-      s.push(O + F);
+      n.push(O + F);
     }
     i = x + (i.length > 0 ? " " + i : i);
   }
   return i;
 }, $r = (...e) => {
-  let t = 0, a, o, n = "";
+  let t = 0, a, o, s = "";
   for (; t < e.length; )
-    (a = e[t++]) && (o = Ve(a)) && (n && (n += " "), n += o);
-  return n;
+    (a = e[t++]) && (o = Ve(a)) && (s && (s += " "), s += o);
+  return s;
 }, Ve = (e) => {
   if (typeof e == "string")
     return e;
@@ -274,18 +274,18 @@ const kr = (e, t) => {
     e[o] && (t = Ve(e[o])) && (a && (a += " "), a += t);
   return a;
 }, _r = (e, ...t) => {
-  let a, o, n, l;
-  const s = (i) => {
+  let a, o, s, l;
+  const n = (i) => {
     const m = t.reduce((x, y) => y(x), e());
-    return a = Gr(m), o = a.cache.get, n = a.cache.set, l = c, c(i);
+    return a = Gr(m), o = a.cache.get, s = a.cache.set, l = c, c(i);
   }, c = (i) => {
     const m = o(i);
     if (m)
       return m;
     const x = Ur(i, a);
-    return n(i, x), x;
+    return s(i, x), x;
   };
-  return l = s, (...i) => l($r(...i));
+  return l = n, (...i) => l($r(...i));
 }, Vr = [], A = (e) => {
   const t = (a) => a[e] || Vr;
   return t.isThemeGetter = !0, t;
@@ -294,14 +294,14 @@ const kr = (e, t) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Hr.test(e) && !qr.test(e)
-), He = () => !1, Zr = (e) => Jr.test(e), et = (e) => Qr.test(e), rt = (e) => !p(e) && !b(e), tt = (e) => ee(e, Qe, He), p = (e) => We.test(e), K = (e) => ee(e, Ke, Xr), he = (e) => ee(e, it, S), je = (e) => ee(e, qe, He), ot = (e) => ee(e, Je, et), de = (e) => ee(e, Xe, Zr), b = (e) => Ye.test(e), oe = (e) => re(e, Ke), at = (e) => re(e, lt), De = (e) => re(e, qe), nt = (e) => re(e, Qe), st = (e) => re(e, Je), me = (e) => re(e, Xe, !0), ee = (e, t, a) => {
+), He = () => !1, Zr = (e) => Jr.test(e), et = (e) => Qr.test(e), rt = (e) => !p(e) && !b(e), tt = (e) => ee(e, Qe, He), p = (e) => We.test(e), K = (e) => ee(e, Ke, Xr), he = (e) => ee(e, it, S), je = (e) => ee(e, qe, He), ot = (e) => ee(e, Je, et), de = (e) => ee(e, Xe, Zr), b = (e) => Ye.test(e), oe = (e) => re(e, Ke), at = (e) => re(e, lt), De = (e) => re(e, qe), st = (e) => re(e, Qe), nt = (e) => re(e, Je), me = (e) => re(e, Xe, !0), ee = (e, t, a) => {
   const o = We.exec(e);
   return o ? o[1] ? t(o[1]) : a(o[2]) : !1;
 }, re = (e, t, a = !1) => {
   const o = Ye.exec(e);
   return o ? o[1] ? t(o[1]) : a : !1;
 }, qe = (e) => e === "position" || e === "percentage", Je = (e) => e === "image" || e === "url", Qe = (e) => e === "length" || e === "size" || e === "bg-size", Ke = (e) => e === "length", it = (e) => e === "number", lt = (e) => e === "family-name", Xe = (e) => e === "shadow", ct = () => {
-  const e = A("color"), t = A("font"), a = A("text"), o = A("font-weight"), n = A("tracking"), l = A("leading"), s = A("breakpoint"), c = A("container"), i = A("spacing"), m = A("radius"), x = A("shadow"), y = A("inset-shadow"), f = A("text-shadow"), k = A("drop-shadow"), w = A("blur"), v = A("perspective"), M = A("aspect"), I = A("ease"), T = A("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
+  const e = A("color"), t = A("font"), a = A("text"), o = A("font-weight"), s = A("tracking"), l = A("leading"), n = A("breakpoint"), c = A("container"), i = A("spacing"), m = A("radius"), x = A("shadow"), y = A("inset-shadow"), f = A("text-shadow"), k = A("drop-shadow"), w = A("blur"), v = A("perspective"), M = A("aspect"), I = A("ease"), T = A("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
     "center",
     "top",
     "bottom",
@@ -325,7 +325,7 @@ const kr = (e, t) => {
     position: [b, p]
   }], Ne = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ke = () => ["auto", "cover", "contain", nt, tt, {
+  }], ke = () => ["auto", "cover", "contain", st, tt, {
     size: [b, p]
   }], pe = () => [fe, oe, K], E = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -335,7 +335,7 @@ const kr = (e, t) => {
     m,
     b,
     p
-  ], U = () => ["", S, oe, K], se = () => ["solid", "dashed", "dotted", "double"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [S, fe, De, je], Se = () => [
+  ], U = () => ["", S, oe, K], ne = () => ["solid", "dashed", "dotted", "double"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [S, fe, De, je], Se = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1001,7 +1001,7 @@ const kr = (e, t) => {
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [s]
+            screen: [n]
           },
           ...P()
         ]
@@ -1103,7 +1103,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, b, p]
+        tracking: [s, b, p]
       }],
       /**
        * Line Clamp
@@ -1176,7 +1176,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...se(), "wavy"]
+        decoration: [...ne(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1321,7 +1321,7 @@ const kr = (e, t) => {
           }, J, b, p],
           radial: ["", b, p],
           conic: [J, b, p]
-        }, st, ot]
+        }, nt, ot]
       }],
       /**
        * Background Color
@@ -1572,14 +1572,14 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...se(), "hidden", "none"]
+        border: [...ne(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...se(), "hidden", "none"]
+        divide: [...ne(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1656,7 +1656,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...se(), "none", "hidden"]
+        outline: [...ne(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -2775,7 +2775,7 @@ function u(...e) {
   return dt(Nr(e));
 }
 const xe = Le.forwardRef(
-  ({ variant: e = "primary", size: t = "md", loading: a, icon: o, className: n, children: l, disabled: s, ...c }, i) => {
+  ({ variant: e = "primary", size: t = "md", loading: a, icon: o, className: s, children: l, disabled: n, ...c }, i) => {
     const m = "inline-flex items-center justify-center gap-2 font-medium rounded-md transition-all duration-200 touch-target disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98] flex-shrink-0 whitespace-nowrap", x = {
       primary: "bg-primary text-white hover:bg-primary-dark active:bg-primary-dark/90 shadow-sm",
       secondary: "bg-secondary text-foreground hover:bg-border active:bg-border-dark",
@@ -2791,9 +2791,9 @@ const xe = Le.forwardRef(
       g.button,
       {
         ref: i,
-        whileTap: { scale: s || a ? 1 : 0.98 },
-        className: u(m, x[e], y[t], n),
-        disabled: s || a,
+        whileTap: { scale: n || a ? 1 : 0.98 },
+        className: u(m, x[e], y[t], s),
+        disabled: n || a,
         ...c,
         children: [
           a ? /* @__PURE__ */ r(tr, { className: "h-5 w-5 animate-spin" }) : o ? /* @__PURE__ */ r("span", { className: "flex-shrink-0", children: o }) : null,
@@ -2804,9 +2804,9 @@ const xe = Le.forwardRef(
   }
 );
 xe.displayName = "Button";
-const mt = ne(
-  ({ label: e, error: t, hint: a, leftIcon: o, rightIcon: n, className: l, type: s, ...c }, i) => {
-    const [m, x] = L(!1), y = s === "password", f = y && m ? "text" : s;
+const mt = se(
+  ({ label: e, error: t, hint: a, leftIcon: o, rightIcon: s, className: l, type: n, ...c }, i) => {
+    const [m, x] = L(!1), y = n === "password", f = y && m ? "text" : n;
     return /* @__PURE__ */ d("div", { className: "w-full space-y-1.5", children: [
       e && /* @__PURE__ */ d("label", { className: "block text-sm font-medium text-foreground", children: [
         e,
@@ -2833,7 +2833,7 @@ const mt = ne(
               paddingTop: "12px",
               paddingBottom: "12px",
               paddingLeft: o ? "44px" : "16px",
-              paddingRight: n || y ? "44px" : "16px"
+              paddingRight: s || y ? "44px" : "16px"
             },
             ...c
           }
@@ -2858,7 +2858,7 @@ const mt = ne(
             children: m ? /* @__PURE__ */ r(or, { className: "w-5 h-5" }) : /* @__PURE__ */ r(ar, { className: "w-5 h-5" })
           }
         ),
-        n && !y && /* @__PURE__ */ r("div", { className: "absolute flex items-center pointer-events-none text-primary", style: { right: "14px", top: "50%", transform: "translateY(-50%)" }, children: n })
+        s && !y && /* @__PURE__ */ r("div", { className: "absolute flex items-center pointer-events-none text-primary", style: { right: "14px", top: "50%", transform: "translateY(-50%)" }, children: s })
       ] }),
       t && /* @__PURE__ */ r(
         g.p,
@@ -2874,8 +2874,8 @@ const mt = ne(
   }
 );
 mt.displayName = "Input";
-const ut = ne(
-  ({ label: e, error: t, helperText: a, className: o, required: n, ...l }, s) => /* @__PURE__ */ d(
+const ut = se(
+  ({ label: e, error: t, helperText: a, className: o, required: s, ...l }, n) => /* @__PURE__ */ d(
     g.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -2885,12 +2885,12 @@ const ut = ne(
       children: [
         e && /* @__PURE__ */ d("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: [
           e,
-          n && /* @__PURE__ */ r("span", { className: "text-error ml-1", children: "*" })
+          s && /* @__PURE__ */ r("span", { className: "text-error ml-1", children: "*" })
         ] }),
         /* @__PURE__ */ r(
           "textarea",
           {
-            ref: s,
+            ref: n,
             className: u(
               "w-full px-4 py-3 bg-background border border-border rounded-md",
               "text-foreground placeholder:text-foreground/50",
@@ -2919,9 +2919,9 @@ const ut = ne(
   )
 );
 ut.displayName = "Textarea";
-const pt = ne(
-  ({ label: e, description: t, className: a, checked: o, defaultChecked: n, onChange: l, ...s }, c) => {
-    const [i, m] = L(n || !1), x = o !== void 0 ? o : i;
+const pt = se(
+  ({ label: e, description: t, className: a, checked: o, defaultChecked: s, onChange: l, ...n }, c) => {
+    const [i, m] = L(s || !1), x = o !== void 0 ? o : i;
     return /* @__PURE__ */ d("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
       /* @__PURE__ */ d("div", { className: "relative flex-shrink-0 mt-0.5", children: [
         /* @__PURE__ */ r(
@@ -2934,7 +2934,7 @@ const pt = ne(
             onChange: (f) => {
               o === void 0 && m(f.target.checked), l?.(f.target.checked);
             },
-            ...s
+            ...n
           }
         ),
         /* @__PURE__ */ r(
@@ -2969,27 +2969,27 @@ const Rt = ({
   value: t,
   onChange: a,
   name: o,
-  disabled: n,
+  disabled: s,
   className: l
-}) => /* @__PURE__ */ r("div", { className: u("flex flex-wrap gap-2", l), children: e.map((s) => {
-  const c = t === s.value;
+}) => /* @__PURE__ */ r("div", { className: u("flex flex-wrap gap-2", l), children: e.map((n) => {
+  const c = t === n.value;
   return /* @__PURE__ */ d("label", { className: "relative cursor-pointer", children: [
     /* @__PURE__ */ r(
       "input",
       {
         type: "radio",
         name: o,
-        value: s.value,
+        value: n.value,
         checked: c,
         onChange: (i) => a?.(i.target.value),
-        disabled: n,
+        disabled: s,
         className: "sr-only peer"
       }
     ),
     /* @__PURE__ */ d(
       g.div,
       {
-        whileTap: { scale: n ? 1 : 0.95 },
+        whileTap: { scale: s ? 1 : 0.95 },
         className: u(
           "px-4 py-2.5 rounded-full border-2 transition-all duration-200",
           "flex items-center gap-2 min-h-[2.75rem]",
@@ -2998,14 +2998,14 @@ const Rt = ({
           c ? "bg-primary border-primary text-white" : "bg-background border-border text-primary hover:border-border-dark"
         ),
         children: [
-          s.icon && /* @__PURE__ */ r("span", { className: "flex-shrink-0", children: s.icon }),
-          /* @__PURE__ */ r("span", { className: "font-medium text-base", children: s.label })
+          n.icon && /* @__PURE__ */ r("span", { className: "flex-shrink-0", children: n.icon }),
+          /* @__PURE__ */ r("span", { className: "font-medium text-base", children: n.label })
         ]
       }
     )
-  ] }, s.value);
-}) }), bt = ne(
-  ({ label: e, description: t, className: a, checked: o, onChange: n, ...l }, s) => /* @__PURE__ */ d("label", { className: "flex items-center justify-between gap-4 cursor-pointer group", children: [
+  ] }, n.value);
+}) }), bt = se(
+  ({ label: e, description: t, className: a, checked: o, onChange: s, ...l }, n) => /* @__PURE__ */ d("label", { className: "flex items-center justify-between gap-4 cursor-pointer group", children: [
     (e || t) && /* @__PURE__ */ d("div", { className: "flex-1 space-y-0.5", children: [
       e && /* @__PURE__ */ r("div", { className: "text-base font-medium text-foreground", children: e }),
       t && /* @__PURE__ */ r("div", { className: "text-sm text-primary/70", children: t })
@@ -3014,10 +3014,10 @@ const Rt = ({
       /* @__PURE__ */ r(
         "input",
         {
-          ref: s,
+          ref: n,
           type: "checkbox",
           onChange: (i) => {
-            n?.(i.target.checked);
+            s?.(i.target.checked);
           },
           className: "sr-only peer",
           checked: o,
@@ -3053,18 +3053,18 @@ const At = ({
   onChange: t,
   min: a = 0,
   max: o = 100,
-  step: n = 1,
+  step: s = 1,
   label: l,
-  showValue: s = !0,
+  showValue: n = !0,
   unit: c = "%",
   disabled: i,
   className: m
 }) => {
   const [x, y] = L(!1), f = (e - a) / (o - a) * 100;
   return /* @__PURE__ */ d("div", { className: u("w-full space-y-2", m), children: [
-    (l || s) && /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+    (l || n) && /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
       l && /* @__PURE__ */ r("label", { className: "text-sm font-medium text-primary", children: l }),
-      s && /* @__PURE__ */ d("span", { className: "text-sm font-semibold text-primary", children: [
+      n && /* @__PURE__ */ d("span", { className: "text-sm font-semibold text-primary", children: [
         e,
         c
       ] })
@@ -3086,7 +3086,7 @@ const At = ({
           type: "range",
           min: a,
           max: o,
-          step: n,
+          step: s,
           value: e,
           onChange: (k) => t(Number(k.target.value)),
           onMouseDown: () => y(!0),
@@ -3118,17 +3118,17 @@ const At = ({
   value2: t,
   onChange: a,
   label1: o,
-  label2: n,
+  label2: s,
   min: l = 0,
-  max: s = 100,
+  max: n = 100,
   step: c = 1,
   unit: i = "%",
   disabled: m,
   className: x
 }) => {
   const y = e + t, f = y > 0 ? e / y * 100 : 50, k = y > 0 ? t / y * 100 : 50, w = (v) => {
-    const M = s - v;
-    a(v, Math.max(l, Math.min(s, M)));
+    const M = n - v;
+    a(v, Math.max(l, Math.min(n, M)));
   };
   return /* @__PURE__ */ d("div", { className: u("w-full space-y-3", x), children: [
     /* @__PURE__ */ d("div", { className: "space-y-2", children: [
@@ -3154,7 +3154,7 @@ const At = ({
           {
             type: "range",
             min: l,
-            max: s,
+            max: n,
             step: c,
             value: e,
             onChange: (v) => w(Number(v.target.value)),
@@ -3166,7 +3166,7 @@ const At = ({
     ] }),
     /* @__PURE__ */ d("div", { className: "space-y-2", children: [
       /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ r("label", { className: "text-sm font-medium text-primary", children: n }),
+        /* @__PURE__ */ r("label", { className: "text-sm font-medium text-primary", children: s }),
         /* @__PURE__ */ d("span", { className: "text-sm font-semibold text-success", children: [
           t,
           i
@@ -3187,10 +3187,10 @@ const At = ({
           {
             type: "range",
             min: l,
-            max: s,
+            max: n,
             step: c,
             value: t,
-            onChange: (v) => w(s - Number(v.target.value)),
+            onChange: (v) => w(n - Number(v.target.value)),
             disabled: m,
             className: "absolute inset-0 w-full opacity-0 cursor-pointer disabled:cursor-not-allowed"
           }
@@ -3208,14 +3208,14 @@ const At = ({
   value: t,
   onChange: a,
   placeholder: o = "Select an option",
-  label: n,
+  label: s,
   error: l,
-  searchable: s = !1,
+  searchable: n = !1,
   clearable: c = !0,
   disabled: i,
   className: m
 }) => {
-  const [x, y] = L(!1), [f, k] = L(""), w = Y(null), v = e.find((T) => T.value === t), M = s ? e.filter(
+  const [x, y] = L(!1), [f, k] = L(""), w = Y(null), v = e.find((T) => T.value === t), M = n ? e.filter(
     (T) => T.label.toLowerCase().includes(f.toLowerCase())
   ) : e;
   Z(() => {
@@ -3228,7 +3228,7 @@ const At = ({
     a(T), y(!1), k("");
   };
   return /* @__PURE__ */ d("div", { ref: w, className: u("relative w-full", m), children: [
-    n && /* @__PURE__ */ r("label", { className: "block mb-1.5 text-sm font-medium text-foreground", children: n }),
+    s && /* @__PURE__ */ r("label", { className: "block mb-1.5 text-sm font-medium text-foreground", children: s }),
     /* @__PURE__ */ d(
       "button",
       {
@@ -3271,7 +3271,7 @@ const At = ({
         transition: { duration: 0.2 },
         className: "absolute z-50 w-full mt-2 bg-background rounded-md border border-border shadow-lg max-h-80 overflow-hidden",
         children: [
-          s && /* @__PURE__ */ r("div", { className: "p-2 border-b border-border", children: /* @__PURE__ */ d("div", { className: "relative", children: [
+          n && /* @__PURE__ */ r("div", { className: "p-2 border-b border-border", children: /* @__PURE__ */ d("div", { className: "relative", children: [
             /* @__PURE__ */ r(Fe, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-primary/50" }),
             /* @__PURE__ */ r(
               "input",
@@ -3292,7 +3292,7 @@ const At = ({
               }
             )
           ] }) }),
-          /* @__PURE__ */ d("div", { className: "overflow-y-auto max-h-64 p-2", children: [
+          /* @__PURE__ */ d("div", { className: "overflow-y-auto max-h-64 p-2 space-y-1", children: [
             c && /* @__PURE__ */ r(
               "button",
               {
@@ -3337,15 +3337,15 @@ const At = ({
       }
     )
   ] });
-}, ft = ne(
+}, ft = se(
   ({
     options: e,
     value: t,
     onChange: a,
     placeholder: o = "Select an option",
-    label: n,
+    label: s,
     error: l,
-    hint: s,
+    hint: n,
     searchable: c = !1,
     clearable: i = !0,
     disabled: m,
@@ -3365,8 +3365,8 @@ const At = ({
       a(z), w(!1), M("");
     };
     return /* @__PURE__ */ d("div", { ref: f, className: u("w-full space-y-1.5", y), children: [
-      n && /* @__PURE__ */ d("label", { className: "block text-sm font-medium text-foreground", children: [
-        n,
+      s && /* @__PURE__ */ d("label", { className: "block text-sm font-medium text-foreground", children: [
+        s,
         x && /* @__PURE__ */ r("span", { className: "text-error ml-1", children: "*" })
       ] }),
       /* @__PURE__ */ d("div", { ref: I, className: "relative", children: [
@@ -3440,7 +3440,7 @@ const At = ({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ d("div", { className: "overflow-y-auto max-h-64 p-2", children: [
+              /* @__PURE__ */ d("div", { className: "overflow-y-auto max-h-64 p-2 space-y-1", children: [
                 i && /* @__PURE__ */ r(
                   "button",
                   {
@@ -3492,7 +3492,7 @@ const At = ({
           children: l
         }
       ),
-      s && !l && /* @__PURE__ */ r("p", { className: "text-sm text-primary/70", children: s })
+      n && !l && /* @__PURE__ */ r("p", { className: "text-sm text-primary/70", children: n })
     ] });
   }
 );
@@ -3502,9 +3502,9 @@ const Dt = ({
   onChange: t,
   label: a,
   placeholder: o = "Select date",
-  error: n,
+  error: s,
   disabled: l,
-  minDate: s,
+  minDate: n,
   maxDate: c,
   className: i
 }) => {
@@ -3543,7 +3543,7 @@ const Dt = ({
     f(new Date(y.getFullYear(), y.getMonth() + 1, 1));
   }, O = (C) => {
     t(C), x(!1);
-  }, G = (C) => !!(s && C < s || c && C > c), z = (C, j) => !C || !j ? !1 : C.getDate() === j.getDate() && C.getMonth() === j.getMonth() && C.getFullYear() === j.getFullYear(), R = (C) => C ? z(C, /* @__PURE__ */ new Date()) : !1, F = (C) => C ? C.toLocaleDateString("en-US", {
+  }, G = (C) => !!(n && C < n || c && C > c), z = (C, j) => !C || !j ? !1 : C.getDate() === j.getDate() && C.getMonth() === j.getMonth() && C.getFullYear() === j.getFullYear(), R = (C) => C ? z(C, /* @__PURE__ */ new Date()) : !1, F = (C) => C ? C.toLocaleDateString("en-US", {
     year: "numeric",
     month: "short",
     day: "numeric"
@@ -3562,13 +3562,13 @@ const Dt = ({
           "focus:outline-none focus:ring-2 focus:ring-primary",
           "disabled:bg-secondary disabled:cursor-not-allowed",
           "touch-target",
-          n && "border-error",
-          !n && "border-border",
+          s && "border-error",
+          !s && "border-border",
           m && "ring-2 ring-primary"
         ),
         children: [
           /* @__PURE__ */ r("span", { className: u("truncate", !e && "text-foreground/50"), children: e ? F(e) : o }),
-          /* @__PURE__ */ r(nr, { className: "w-5 h-5 text-primary flex-shrink-0" })
+          /* @__PURE__ */ r(sr, { className: "w-5 h-5 text-primary flex-shrink-0" })
         ]
       }
     ),
@@ -3651,13 +3651,13 @@ const Dt = ({
         ]
       }
     ) }),
-    n && /* @__PURE__ */ r(
+    s && /* @__PURE__ */ r(
       g.p,
       {
         initial: { opacity: 0, y: -5 },
         animate: { opacity: 1, y: 0 },
         className: "mt-1.5 text-sm text-error",
-        children: n
+        children: s
       }
     )
   ] });
@@ -3666,10 +3666,10 @@ const Dt = ({
   variant: t = "default",
   padding: a = "md",
   className: o,
-  onClick: n,
+  onClick: s,
   hover: l = !1
 }) => {
-  const s = {
+  const n = {
     default: "bg-background border border-border",
     outlined: "bg-transparent border-2 border-border-dark",
     elevated: "bg-background border-2 border-border shadow-card"
@@ -3678,23 +3678,23 @@ const Dt = ({
     sm: "p-3",
     md: "p-4 sm:p-6",
     lg: "p-6 sm:p-8"
-  }, i = n ? g.button : g.div;
+  }, i = s ? g.button : g.div;
   return /* @__PURE__ */ r(
     i,
     {
       initial: { opacity: 0, y: 20 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3 },
-      whileHover: l || n ? { y: -2, boxShadow: "0 10px 15px -3px rgb(0 0 0 / 0.1)" } : void 0,
-      whileTap: n ? { scale: 0.98 } : void 0,
+      whileHover: l || s ? { y: -2, boxShadow: "0 10px 15px -3px rgb(0 0 0 / 0.1)" } : void 0,
+      whileTap: s ? { scale: 0.98 } : void 0,
       className: u(
         "rounded-lg transition-all duration-200",
-        s[t],
+        n[t],
         c[a],
-        n && "cursor-pointer w-full text-left",
+        s && "cursor-pointer w-full text-left",
         o
       ),
-      onClick: n,
+      onClick: s,
       children: e
     }
   );
@@ -3703,14 +3703,14 @@ const Dt = ({
   onClose: t,
   children: a,
   title: o,
-  position: n = "right",
+  position: s = "right",
   className: l
 }) => (Z(() => {
-  const s = (c) => {
+  const n = (c) => {
     c.key === "Escape" && t();
   };
-  return e && (document.addEventListener("keydown", s), document.body.style.overflow = "hidden"), () => {
-    document.removeEventListener("keydown", s), document.body.style.overflow = "unset";
+  return e && (document.addEventListener("keydown", n), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", n), document.body.style.overflow = "unset";
   };
 }, [e, t]), /* @__PURE__ */ r(Q, { children: e && /* @__PURE__ */ d(ae, { children: [
   /* @__PURE__ */ r(
@@ -3727,13 +3727,13 @@ const Dt = ({
   /* @__PURE__ */ d(
     g.div,
     {
-      initial: { x: n === "left" ? "-100%" : "100%" },
+      initial: { x: s === "left" ? "-100%" : "100%" },
       animate: { x: 0 },
-      exit: { x: n === "left" ? "-100%" : "100%" },
+      exit: { x: s === "left" ? "-100%" : "100%" },
       transition: { type: "spring", damping: 30, stiffness: 300 },
       className: u(
         "fixed top-0 z-50 h-full w-[400px] sm:w-[480px] bg-background shadow-xl",
-        n === "left" ? "left-0 border-r" : "right-0 border-l",
+        s === "left" ? "left-0 border-r" : "right-0 border-l",
         "border-border",
         l
       ),
@@ -3759,10 +3759,10 @@ const Dt = ({
   onClose: t,
   children: a,
   title: o,
-  size: n = "md",
+  size: s = "md",
   className: l
 }) => {
-  const s = Y(null);
+  const n = Y(null);
   Z(() => {
     const i = (m) => {
       m.key === "Escape" && t();
@@ -3788,14 +3788,14 @@ const Dt = ({
       children: /* @__PURE__ */ d(
         g.div,
         {
-          ref: s,
+          ref: n,
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
           transition: { duration: 0.2 },
           className: u(
             "bg-background border border-border rounded-lg shadow-2xl w-full max-h-[90vh] overflow-hidden flex flex-col",
-            c[n],
+            c[s],
             l
           ),
           children: [
@@ -3828,7 +3828,7 @@ const Dt = ({
   onClose: t,
   title: a,
   children: o,
-  showCloseButton: n = !0,
+  showCloseButton: s = !0,
   className: l
 }) => (Z(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
   document.body.style.overflow = "unset";
@@ -3858,9 +3858,9 @@ const Dt = ({
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "flex justify-center pt-3 pb-2", children: /* @__PURE__ */ r("div", { className: "w-12 h-1.5 bg-border-dark rounded-full" }) }),
-        (a || n) && /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border", children: [
+        (a || s) && /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border", children: [
           a && /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-foreground", children: a }),
-          n && /* @__PURE__ */ r(
+          s && /* @__PURE__ */ r(
             "button",
             {
               onClick: t,
@@ -3879,13 +3879,13 @@ function Vt({
   columns: t,
   loading: a = !1,
   onRowClick: o,
-  keyExtractor: n,
+  keyExtractor: s,
   className: l
 }) {
-  const [s, c] = L(null), [i, m] = L("asc"), x = (f) => {
-    s === f ? m(i === "asc" ? "desc" : "asc") : (c(f), m("asc"));
-  }, y = s ? [...e].sort((f, k) => {
-    const w = f[s], v = k[s];
+  const [n, c] = L(null), [i, m] = L("asc"), x = (f) => {
+    n === f ? m(i === "asc" ? "desc" : "asc") : (c(f), m("asc"));
+  }, y = n ? [...e].sort((f, k) => {
+    const w = f[n], v = k[n];
     return w < v ? i === "asc" ? -1 : 1 : w > v ? i === "asc" ? 1 : -1 : 0;
   }) : e;
   return a ? /* @__PURE__ */ r("div", { className: u("border border-border rounded-lg overflow-hidden", l), children: /* @__PURE__ */ r("div", { className: "overflow-x-auto", children: /* @__PURE__ */ d("table", { className: "w-full", children: [
@@ -3910,7 +3910,7 @@ function Vt({
             onClick: () => f.sortable && x(f.key),
             children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
               f.header,
-              f.sortable && /* @__PURE__ */ r("span", { className: "text-primary/50 hover:text-primary transition-colors", children: s === f.key ? i === "asc" ? /* @__PURE__ */ r(sr, { className: "w-4 h-4" }) : /* @__PURE__ */ r(ir, { className: "w-4 h-4" }) : /* @__PURE__ */ r(lr, { className: "w-4 h-4" }) })
+              f.sortable && /* @__PURE__ */ r("span", { className: "text-primary/50 hover:text-primary transition-colors", children: n === f.key ? i === "asc" ? /* @__PURE__ */ r(nr, { className: "w-4 h-4" }) : /* @__PURE__ */ r(ir, { className: "w-4 h-4" }) : /* @__PURE__ */ r(lr, { className: "w-4 h-4" }) })
             ] })
           },
           k
@@ -3940,7 +3940,7 @@ function Vt({
               v
             ))
           },
-          n(f)
+          s(f)
         )) })
       ] }) })
     }
@@ -3951,7 +3951,7 @@ const Wt = ({
   totalPages: t,
   onPageChange: a,
   totalItems: o,
-  itemsPerPage: n,
+  itemsPerPage: s,
   className: l
 }) => {
   const c = Array.from({ length: t }, (i, m) => m + 1).slice(
@@ -3966,12 +3966,12 @@ const Wt = ({
       transition: { duration: 0.3 },
       className: u("flex items-center justify-between gap-4 flex-wrap", l),
       children: [
-        /* @__PURE__ */ r("div", { className: "text-sm text-foreground/70", children: o && n && /* @__PURE__ */ d("span", { children: [
+        /* @__PURE__ */ r("div", { className: "text-sm text-foreground/70", children: o && s && /* @__PURE__ */ d("span", { children: [
           "Showing ",
-          Math.min((e - 1) * n + 1, o),
+          Math.min((e - 1) * s + 1, o),
           " to",
           " ",
-          Math.min(e * n, o),
+          Math.min(e * s, o),
           " of ",
           o,
           " results"
@@ -4050,9 +4050,9 @@ const Wt = ({
   onClick: t,
   label: a,
   actions: o,
-  variant: n = "primary",
+  variant: s = "primary",
   position: l = "bottom-right",
-  disabled: s,
+  disabled: n,
   className: c
 }) => {
   const [i, m] = L(!1), x = {
@@ -4122,15 +4122,15 @@ const Wt = ({
     /* @__PURE__ */ d(
       g.button,
       {
-        whileTap: { scale: s ? 1 : 0.9 },
-        whileHover: { scale: s ? 1 : 1.05 },
+        whileTap: { scale: n ? 1 : 0.9 },
+        whileHover: { scale: n ? 1 : 1.05 },
         onClick: k,
-        disabled: s,
+        disabled: n,
         className: u(
           "z-30 rounded-full p-4 transition-all duration-200",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           "flex items-center gap-2",
-          y[n],
+          y[s],
           a ? "px-6" : "w-16 h-16 justify-center",
           i && "rotate-45"
         ),
@@ -4148,8 +4148,8 @@ const Wt = ({
 }) => {
   const o = e[t];
   return /* @__PURE__ */ d("div", { className: u("w-full", a), children: [
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r("div", { className: "relative flex items-center mb-2", children: e.map((n, l) => {
-      const s = l < t, c = l === t, i = l > t;
+    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r("div", { className: "relative flex items-center mb-2", children: e.map((s, l) => {
+      const n = l < t, c = l === t, i = l > t;
       return /* @__PURE__ */ d(Le.Fragment, { children: [
         /* @__PURE__ */ d("div", { className: "flex flex-col items-center relative z-10", children: [
           /* @__PURE__ */ r(
@@ -4163,10 +4163,10 @@ const Wt = ({
                 "w-12 h-12 rounded-full flex items-center justify-center",
                 "font-semibold text-base transition-all duration-300",
                 "ring-4 ring-white",
-                (s || c) && "bg-primary text-white shadow-lg",
+                (n || c) && "bg-primary text-white shadow-lg",
                 i && "bg-border text-muted-foreground"
               ),
-              children: s ? /* @__PURE__ */ r(Oe, { className: "w-6 h-6 stroke-[3]" }) : /* @__PURE__ */ r("span", { children: l + 1 })
+              children: n ? /* @__PURE__ */ r(Oe, { className: "w-6 h-6 stroke-[3]" }) : /* @__PURE__ */ r("span", { children: l + 1 })
             }
           ),
           /* @__PURE__ */ d("div", { className: "mt-3 text-center max-w-[120px]", children: [
@@ -4176,22 +4176,22 @@ const Wt = ({
                 className: u(
                   "text-sm font-semibold block",
                   c && "text-primary",
-                  s && "text-primary",
+                  n && "text-primary",
                   i && "text-primary/50"
                 ),
-                children: n.label
+                children: s.label
               }
             ),
-            n.description && /* @__PURE__ */ r(
+            s.description && /* @__PURE__ */ r(
               "p",
               {
                 className: u(
                   "text-xs mt-1 leading-tight",
                   c && "text-primary",
-                  s && "text-primary/70",
+                  n && "text-primary/70",
                   i && "text-primary/50"
                 ),
-                children: n.description
+                children: s.description
               }
             )
           ] })
@@ -4210,20 +4210,20 @@ const Wt = ({
       ] }, l);
     }) }) }),
     /* @__PURE__ */ d("div", { className: "md:hidden", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-center gap-2 mb-3", children: e.map((n, l) => {
-        const s = l < t, c = l === t;
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-center gap-2 mb-3", children: e.map((s, l) => {
+        const n = l < t, c = l === t;
         return /* @__PURE__ */ r(
           g.div,
           {
             initial: !1,
             animate: {
               scale: c ? 1.2 : 1,
-              backgroundColor: s || c ? "var(--color-primary)" : "var(--color-border-dark)"
+              backgroundColor: n || c ? "var(--color-primary)" : "var(--color-border-dark)"
             },
             className: u(
               "rounded-full transition-all duration-300",
               c ? "w-3 h-3" : "w-2 h-2",
-              (s || c) && "shadow-sm"
+              (n || c) && "shadow-sm"
             )
           },
           l
@@ -4247,7 +4247,7 @@ const Wt = ({
   variant: t = "default",
   size: a = "md",
   className: o,
-  dot: n = !1
+  dot: s = !1
 }) => {
   const l = {
     default: "bg-secondary text-primary border border-border",
@@ -4256,7 +4256,7 @@ const Wt = ({
     warning: "bg-warning/10 text-warning border border-warning/20",
     danger: "bg-error/10 text-error border border-error/20",
     info: "bg-info/10 text-info border border-info/20"
-  }, s = {
+  }, n = {
     sm: "px-2 py-0.5 text-xs",
     md: "px-2.5 py-1 text-sm",
     lg: "px-3 py-1.5 text-base"
@@ -4277,11 +4277,11 @@ const Wt = ({
       className: u(
         "inline-flex items-center gap-1.5 rounded-lg font-medium",
         l[t],
-        s[a],
+        n[a],
         o
       ),
       children: [
-        n && /* @__PURE__ */ r("span", { className: u("w-1.5 h-1.5 rounded-full", c[t]) }),
+        s && /* @__PURE__ */ r("span", { className: u("w-1.5 h-1.5 rounded-full", c[t]) }),
         e
       ]
     }
@@ -4310,7 +4310,7 @@ const Wt = ({
   count: t,
   className: a
 }) => {
-  const n = {
+  const s = {
     synced: {
       icon: /* @__PURE__ */ r(Te, { className: "w-4 h-4" }),
       label: "Synced",
@@ -4340,12 +4340,12 @@ const Wt = ({
       className: u(
         "inline-flex items-center gap-2 px-3 py-1.5 rounded-full",
         "text-sm font-medium shadow-sm",
-        n.color,
+        s.color,
         a
       ),
       children: [
-        n.icon,
-        /* @__PURE__ */ r("span", { children: n.label })
+        s.icon,
+        /* @__PURE__ */ r("span", { children: s.label })
       ]
     }
   );
@@ -4410,7 +4410,7 @@ const Ze = er(void 0), Kt = () => {
   "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
   "bottom-right": "bottom-4 right-4"
 }, kt = ({ toast: e, onRemove: t }) => {
-  const a = e.variant || "default", o = vt[a], n = typeof e.message == "string" ? e.message : String(e.message);
+  const a = e.variant || "default", o = vt[a], s = typeof e.message == "string" ? e.message : String(e.message);
   return /* @__PURE__ */ d(
     g.div,
     {
@@ -4426,7 +4426,7 @@ const Ze = er(void 0), Kt = () => {
       children: [
         o && /* @__PURE__ */ r(o, { className: "w-5 h-5 flex-shrink-0 mt-0.5" }),
         /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ r("p", { className: "text-sm font-medium leading-relaxed", children: n }),
+          /* @__PURE__ */ r("p", { className: "text-sm font-medium leading-relaxed", children: s }),
           e.action && /* @__PURE__ */ r(
             "button",
             {
@@ -4453,22 +4453,22 @@ const Ze = er(void 0), Kt = () => {
   position: t = "top-right",
   maxToasts: a = 5
 }) => {
-  const [o, n] = L([]), l = ze((c) => {
-    n((i) => i.filter((m) => m.id !== c));
-  }, []), s = ze(
+  const [o, s] = L([]), l = ze((c) => {
+    s((i) => i.filter((m) => m.id !== c));
+  }, []), n = ze(
     (c) => {
       if (typeof c.message != "string") {
         console.error("Toast message must be a string, received:", c.message);
         return;
       }
       const i = Math.random().toString(36).substring(2, 9), m = c.duration ?? 5e3;
-      n((x) => [...x, { ...c, id: i }].slice(-a)), m > 0 && setTimeout(() => {
+      s((x) => [...x, { ...c, id: i }].slice(-a)), m > 0 && setTimeout(() => {
         l(i);
       }, m);
     },
     [a, l]
   );
-  return /* @__PURE__ */ d(Ze.Provider, { value: { toasts: o, addToast: s, removeToast: l }, children: [
+  return /* @__PURE__ */ d(Ze.Provider, { value: { toasts: o, addToast: n, removeToast: l }, children: [
     e,
     /* @__PURE__ */ r("div", { className: u("fixed z-[100] flex flex-col gap-2", Nt[t]), children: /* @__PURE__ */ r(Q, { mode: "popLayout", children: o.map((c) => /* @__PURE__ */ r(kt, { toast: c, onRemove: l }, c.id)) }) })
   ] });
@@ -4479,10 +4479,10 @@ const Xt = ({
   onRemove: t,
   preview: a,
   label: o = "Take Photo",
-  disabled: n,
+  disabled: s,
   className: l
 }) => {
-  const s = Y(null), c = (i) => {
+  const n = Y(null), c = (i) => {
     const m = i.target.files?.[0];
     m && e(m);
   };
@@ -4509,9 +4509,9 @@ const Xt = ({
       g.button,
       {
         type: "button",
-        whileTap: { scale: n ? 1 : 0.98 },
-        onClick: () => s.current?.click(),
-        disabled: n,
+        whileTap: { scale: s ? 1 : 0.98 },
+        onClick: () => n.current?.click(),
+        disabled: s,
         className: u(
           "w-full p-4 rounded-lg border-2 border-border",
           "flex items-center justify-center gap-3",
@@ -4528,13 +4528,13 @@ const Xt = ({
     /* @__PURE__ */ r(
       "input",
       {
-        ref: s,
+        ref: n,
         type: "file",
         accept: "image/*",
         capture: "environment",
         onChange: c,
         className: "hidden",
-        disabled: n
+        disabled: s
       }
     )
   ] });
@@ -4543,10 +4543,10 @@ const Xt = ({
   accept: t = "*/*",
   multiple: a = !1,
   label: o = "Upload Files",
-  disabled: n,
+  disabled: s,
   className: l
 }) => {
-  const s = Y(null), c = (i) => {
+  const n = Y(null), c = (i) => {
     i && e(Array.from(i));
   };
   return /* @__PURE__ */ d("div", { className: u("w-full", l), children: [
@@ -4555,9 +4555,9 @@ const Xt = ({
       g.button,
       {
         type: "button",
-        whileTap: { scale: n ? 1 : 0.98 },
-        onClick: () => !n && s.current?.click(),
-        disabled: n,
+        whileTap: { scale: s ? 1 : 0.98 },
+        onClick: () => !s && n.current?.click(),
+        disabled: s,
         className: u(
           "w-full p-4 rounded-lg border-2 border-border",
           "flex items-center justify-center gap-3",
@@ -4574,13 +4574,13 @@ const Xt = ({
     /* @__PURE__ */ r(
       "input",
       {
-        ref: s,
+        ref: n,
         type: "file",
         accept: t,
         multiple: a,
         onChange: (i) => c(i.target.files),
         className: "hidden",
-        disabled: n
+        disabled: s
       }
     )
   ] });
@@ -4590,9 +4590,9 @@ const Xt = ({
   maxDuration: a = 300,
   // 5 minutes default
   disabled: o,
-  className: n
+  className: s
 }) => {
-  const [l, s] = L(!1), [c, i] = L(!1), [m, x] = L(0), [y, f] = L(null), k = Y(null), w = Y([]), v = Y(null), M = async () => {
+  const [l, n] = L(!1), [c, i] = L(!1), [m, x] = L(0), [y, f] = L(null), k = Y(null), w = Y([]), v = Y(null), M = async () => {
     try {
       const R = await navigator.mediaDevices.getUserMedia({ audio: !0 }), F = new MediaRecorder(R);
       k.current = F, w.current = [], F.ondataavailable = (h) => {
@@ -4600,7 +4600,7 @@ const Xt = ({
       }, F.onstop = () => {
         const h = new Blob(w.current, { type: "audio/webm" }), C = URL.createObjectURL(h);
         f(C), e(h), R.getTracks().forEach((j) => j.stop());
-      }, F.start(), s(!0), x(0), v.current = setInterval(() => {
+      }, F.start(), n(!0), x(0), v.current = setInterval(() => {
         x((h) => h >= a ? (O(), h) : h + 1);
       }, 1e3);
     } catch (R) {
@@ -4613,14 +4613,14 @@ const Xt = ({
       x((R) => Math.min(R + 1, a));
     }, 1e3));
   }, O = () => {
-    k.current && (k.current.stop(), s(!1), i(!1), v.current && (clearInterval(v.current), v.current = null));
+    k.current && (k.current.stop(), n(!1), i(!1), v.current && (clearInterval(v.current), v.current = null));
   }, G = () => {
     f(null), x(0);
   }, z = (R) => {
     const F = Math.floor(R / 60), h = R % 60;
     return `${F.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ d("div", { className: u("w-full", n), children: [
+  return /* @__PURE__ */ d("div", { className: u("w-full", s), children: [
     t && /* @__PURE__ */ r("label", { className: "block mb-2 text-sm font-medium text-primary", children: t }),
     /* @__PURE__ */ d("div", { className: "p-4 md:p-6 bg-background rounded-lg border-2 border-border space-y-4", children: [
       !y && /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-4", children: [
@@ -4705,13 +4705,13 @@ const Xt = ({
   onRemove: t,
   onView: a,
   columns: o = 3,
-  className: n
+  className: s
 }) => {
   const l = {
     2: "grid-cols-2",
     3: "grid-cols-3",
     4: "grid-cols-4"
-  }, s = (i) => {
+  }, n = (i) => {
     if (!i) return "";
     const m = i / 1024;
     return m < 1024 ? `${m.toFixed(1)} KB` : `${(m / 1024).toFixed(1)} MB`;
@@ -4725,7 +4725,7 @@ const Xt = ({
         return /* @__PURE__ */ r(vr, { className: "w-8 h-8 text-primary" });
     }
   };
-  return e.length === 0 ? null : /* @__PURE__ */ r("div", { className: u("w-full", n), children: /* @__PURE__ */ r("div", { className: u("grid gap-3", l[o]), children: e.map((i) => /* @__PURE__ */ d(
+  return e.length === 0 ? null : /* @__PURE__ */ r("div", { className: u("w-full", s), children: /* @__PURE__ */ r("div", { className: u("grid gap-3", l[o]), children: e.map((i) => /* @__PURE__ */ d(
     g.div,
     {
       initial: { opacity: 0, scale: 0.8 },
@@ -4770,7 +4770,7 @@ const Xt = ({
         ),
         i.size && /* @__PURE__ */ d("div", { className: "absolute bottom-0 left-0 right-0 bg-black/60 text-white text-xs p-1.5 backdrop-blur-sm", children: [
           /* @__PURE__ */ r("p", { className: "truncate", children: i.name }),
-          /* @__PURE__ */ r("p", { className: "text-white/70", children: s(i.size) })
+          /* @__PURE__ */ r("p", { className: "text-white/70", children: n(i.size) })
         ] })
       ]
     },
@@ -4781,9 +4781,9 @@ const Xt = ({
   showHeart: t = !0,
   href: a,
   position: o = "fixed",
-  backgroundColor: n = "bg-gray-900",
+  backgroundColor: s = "bg-gray-900",
   textColor: l = "text-gray-400",
-  className: s = ""
+  className: n = ""
 }) => {
   const c = t ? /* @__PURE__ */ d(ae, { children: [
     "Built with ",
@@ -4803,7 +4803,7 @@ const Xt = ({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: `${o} bottom-0 left-0 right-0 ${n} ${s}`,
+      className: `${o} bottom-0 left-0 right-0 ${s} ${n}`,
       style: { zIndex: 40 },
       children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-2 px-4", children: i })
     }