@possibly6400/ui-kit 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -14,16 +14,16 @@ function Br() {
   if (qe) return ue;
   qe = 1;
   var r = z, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(d, p, x) {
-    var f, g = {}, y = null, P = null;
-    x !== void 0 && (y = "" + x), p.key !== void 0 && (y = "" + p.key), p.ref !== void 0 && (P = p.ref);
-    for (f in p) o.call(p, f) && !c.hasOwnProperty(f) && (g[f] = p[f]);
-    if (d && d.defaultProps) for (f in p = d.defaultProps, p) g[f] === void 0 && (g[f] = p[f]);
-    return { $$typeof: t, type: d, key: y, ref: P, props: g, _owner: i.current };
+  function l(d, f, x) {
+    var p, g = {}, w = null, P = null;
+    x !== void 0 && (w = "" + x), f.key !== void 0 && (w = "" + f.key), f.ref !== void 0 && (P = f.ref);
+    for (p in f) o.call(f, p) && !c.hasOwnProperty(p) && (g[p] = f[p]);
+    if (d && d.defaultProps) for (p in f = d.defaultProps, f) g[p] === void 0 && (g[p] = f[p]);
+    return { $$typeof: t, type: d, key: w, ref: P, props: g, _owner: i.current };
   }
   return ue.Fragment = n, ue.jsx = l, ue.jsxs = l, ue;
 }
-var fe = {};
+var pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -36,7 +36,7 @@ var fe = {};
 var Je;
 function Vr() {
   return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = z, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, h = "@@iterator";
+    var r = z, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, h = "@@iterator";
     function v(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -64,7 +64,7 @@ function Vr() {
     var O = !1, V = !1, Y = !1, H = !1, me = !1, ee;
     ee = Symbol.for("react.module.reference");
     function ae(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || me || e === i || e === x || e === f || H || e === P || O || V || Y || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === g || e.$$typeof === l || e.$$typeof === d || e.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || me || e === i || e === x || e === p || H || e === P || O || V || Y || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === g || e.$$typeof === l || e.$$typeof === d || e.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -98,7 +98,7 @@ function Vr() {
           return "StrictMode";
         case x:
           return "Suspense";
-        case f:
+        case p:
           return "SuspenseList";
       }
       if (typeof e == "object")
@@ -109,12 +109,12 @@ function Vr() {
           case l:
             var u = e;
             return R(u._context) + ".Provider";
-          case p:
+          case f:
             return ie(e, e.render, "ForwardRef");
           case g:
             var b = e.displayName || null;
             return b !== null ? b : W(e.type) || "Memo";
-          case y: {
+          case w: {
             var E = e, S = E._payload, C = E._init;
             try {
               return W(C(S));
@@ -129,7 +129,7 @@ function Vr() {
     function ze() {
     }
     ze.__reactDisabledLog = !0;
-    function fr() {
+    function pr() {
       {
         if (Z === 0) {
           X = console.log, le = console.info, re = console.warn, K = console.error, ce = console.group, D = console.groupCollapsed, Ae = console.groupEnd;
@@ -152,7 +152,7 @@ function Vr() {
         Z++;
       }
     }
-    function pr() {
+    function fr() {
       {
         if (Z--, Z === 0) {
           var e = {
@@ -219,7 +219,7 @@ function Vr() {
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = ye.current, ye.current = null, fr();
+      S = ye.current, ye.current = null, pr();
       try {
         if (a) {
           var C = function() {
@@ -254,17 +254,17 @@ function Vr() {
         }
       } catch (L) {
         if (L && b && typeof L.stack == "string") {
-          for (var w = L.stack.split(`
+          for (var _ = L.stack.split(`
 `), I = b.stack.split(`
-`), A = w.length - 1, M = I.length - 1; A >= 1 && M >= 0 && w[A] !== I[M]; )
+`), A = _.length - 1, M = I.length - 1; A >= 1 && M >= 0 && _[A] !== I[M]; )
             M--;
           for (; A >= 1 && M >= 0; A--, M--)
-            if (w[A] !== I[M]) {
+            if (_[A] !== I[M]) {
               if (A !== 1 || M !== 1)
                 do
-                  if (A--, M--, M < 0 || w[A] !== I[M]) {
+                  if (A--, M--, M < 0 || _[A] !== I[M]) {
                     var $ = `
-` + w[A].replace(" at new ", " at ");
+` + _[A].replace(" at new ", " at ");
                     return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && he.set(e, $), $;
                   }
                 while (A >= 1 && M >= 0);
@@ -272,7 +272,7 @@ function Vr() {
             }
         }
       } finally {
-        _e = !1, ye.current = S, pr(), Error.prepareStackTrace = E;
+        _e = !1, ye.current = S, fr(), Error.prepareStackTrace = E;
       }
       var oe = e ? e.displayName || e.name : "", Q = oe ? xe(oe) : "";
       return typeof e == "function" && he.set(e, Q), Q;
@@ -294,16 +294,16 @@ function Vr() {
       switch (e) {
         case x:
           return xe("Suspense");
-        case f:
+        case p:
           return xe("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case p:
+          case f:
             return mr(e.render);
           case g:
             return ge(e.type, a, u);
-          case y: {
+          case w: {
             var b = e, E = b._payload, S = b._init;
             try {
               return ge(S(E), a, u);
@@ -326,17 +326,17 @@ function Vr() {
         var S = Function.call.bind(de);
         for (var C in e)
           if (S(e, C)) {
-            var w = void 0;
+            var _ = void 0;
             try {
               if (typeof e[C] != "function") {
                 var I = Error((b || "React class") + ": " + u + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw I.name = "Invariant Violation", I;
               }
-              w = e[C](a, C, b, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              _ = e[C](a, C, b, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (A) {
-              w = A;
+              _ = A;
             }
-            w && !(w instanceof Error) && (ve(E), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", u, C, typeof w), ve(null)), w instanceof Error && !(w.message in Ie) && (Ie[w.message] = !0, ve(E), j("Failed %s type: %s", u, w.message), ve(null));
+            _ && !(_ instanceof Error) && (ve(E), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", u, C, typeof _), ve(null)), _ instanceof Error && !(_.message in Ie) && (Ie[_.message] = !0, ve(E), j("Failed %s type: %s", u, _.message), ve(null));
           }
       }
     }
@@ -412,7 +412,7 @@ function Vr() {
       }
     }
     var Rr = function(e, a, u, b, E, S, C) {
-      var w = {
+      var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -423,27 +423,27 @@ function Vr() {
         // Record the component responsible for creating this element.
         _owner: S
       };
-      return w._store = {}, Object.defineProperty(w._store, "validated", {
+      return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(w, "_self", {
+      }), Object.defineProperty(_, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: b
-      }), Object.defineProperty(w, "_source", {
+      }), Object.defineProperty(_, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
     function Sr(e, a, u, b, E) {
       {
-        var S, C = {}, w = null, I = null;
-        u !== void 0 && (Fe(u), w = "" + u), Cr(a) && (Fe(a.key), w = "" + a.key), _r(a) && (I = a.ref, jr(a, E));
+        var S, C = {}, _ = null, I = null;
+        u !== void 0 && (Fe(u), _ = "" + u), Cr(a) && (Fe(a.key), _ = "" + a.key), _r(a) && (I = a.ref, jr(a, E));
         for (S in a)
           de.call(a, S) && !wr.hasOwnProperty(S) && (C[S] = a[S]);
         if (e && e.defaultProps) {
@@ -451,11 +451,11 @@ function Vr() {
           for (S in A)
             C[S] === void 0 && (C[S] = A[S]);
         }
-        if (w || I) {
+        if (_ || I) {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          w && kr(C, M), I && Er(C, M);
+          _ && kr(C, M), I && Er(C, M);
         }
-        return Rr(e, w, I, E, b, De.current, C);
+        return Rr(e, _, I, E, b, De.current, C);
       }
     }
     var je = N.ReactCurrentOwner, Ge = N.ReactDebugCurrentFrame;
@@ -539,7 +539,7 @@ Check the top-level render call using <` + u + ">.");
         var u;
         if (typeof a == "function")
           u = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === p || // Note: Memo only checks outer props here.
+        else if (typeof a == "object" && (a.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         a.$$typeof === g))
           u = a.propTypes;
@@ -573,12 +573,12 @@ Check the top-level render call using <` + u + ">.");
       {
         var C = ae(e);
         if (!C) {
-          var w = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var _ = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (_ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var I = Nr();
-          I ? w += I : w += Be();
+          I ? _ += I : _ += Be();
           var A;
-          e === null ? A = "null" : Ce(e) ? A = "array" : e !== void 0 && e.$$typeof === t ? (A = "<" + (W(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : A = typeof e, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, w);
+          e === null ? A = "null" : Ce(e) ? A = "array" : e !== void 0 && e.$$typeof === t ? (A = "<" + (W(e.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : A = typeof e, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, _);
         }
         var M = Sr(e, a, u, E, S);
         if (M == null)
@@ -620,8 +620,8 @@ React keys must be passed directly to JSX without using spread:
       return Ke(e, a, u, !1);
     }
     var Ir = Mr, Lr = zr;
-    fe.Fragment = o, fe.jsx = Ir, fe.jsxs = Lr;
-  }()), fe;
+    pe.Fragment = o, pe.jsx = Ir, pe.jsxs = Lr;
+  }()), pe;
 }
 process.env.NODE_ENV === "production" ? Ne.exports = Br() : Ne.exports = Vr();
 var s = Ne.exports;
@@ -649,8 +649,8 @@ const Pe = "-", Yr = (r) => {
       return d[0] === "" && d.length !== 1 && d.shift(), tr(d, t) || Zr(l);
     },
     getConflictingClassGroupIds: (l, d) => {
-      const p = n[l] || [];
-      return d && o[l] ? [...p, ...o[l]] : p;
+      const f = n[l] || [];
+      return d && o[l] ? [...f, ...o[l]] : f;
     }
   };
 }, tr = (r, t) => {
@@ -745,13 +745,13 @@ const Pe = "-", Yr = (r) => {
     separator: t,
     experimentalParseClassName: n
   } = r, o = t.length === 1, i = t[0], c = t.length, l = (d) => {
-    const p = [];
-    let x = 0, f = 0, g;
+    const f = [];
+    let x = 0, p = 0, g;
     for (let v = 0; v < d.length; v++) {
       let N = d[v];
       if (x === 0) {
         if (N === i && (o || d.slice(v, v + c) === t)) {
-          p.push(d.slice(f, v)), f = v + c;
+          f.push(d.slice(p, v)), p = v + c;
           continue;
         }
         if (N === "/") {
@@ -761,9 +761,9 @@ const Pe = "-", Yr = (r) => {
       }
       N === "[" ? x++ : N === "]" && x--;
     }
-    const y = p.length === 0 ? d : d.substring(f), P = y.startsWith(or), k = P ? y.substring(1) : y, h = g && g > f ? g - f : void 0;
+    const w = f.length === 0 ? d : d.substring(p), P = w.startsWith(or), k = P ? w.substring(1) : w, h = g && g > p ? g - p : void 0;
     return {
-      modifiers: p,
+      modifiers: f,
       hasImportantModifier: P,
       baseClassName: k,
       maybePostfixModifierPosition: h
@@ -792,26 +792,26 @@ const Pe = "-", Yr = (r) => {
     getConflictingClassGroupIds: i
   } = t, c = [], l = r.trim().split(rt);
   let d = "";
-  for (let p = l.length - 1; p >= 0; p -= 1) {
-    const x = l[p], {
-      modifiers: f,
+  for (let f = l.length - 1; f >= 0; f -= 1) {
+    const x = l[f], {
+      modifiers: p,
       hasImportantModifier: g,
-      baseClassName: y,
+      baseClassName: w,
       maybePostfixModifierPosition: P
     } = n(x);
-    let k = !!P, h = o(k ? y.substring(0, P) : y);
+    let k = !!P, h = o(k ? w.substring(0, P) : w);
     if (!h) {
       if (!k) {
         d = x + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (h = o(y), !h) {
+      if (h = o(w), !h) {
         d = x + (d.length > 0 ? " " + d : d);
         continue;
       }
       k = !1;
     }
-    const v = Qr(f).join(":"), N = g ? v + or : v, j = N + h;
+    const v = Qr(p).join(":"), N = g ? v + or : v, j = N + h;
     if (c.includes(j))
       continue;
     c.push(j);
@@ -840,16 +840,16 @@ const nr = (r) => {
 };
 function nt(r, ...t) {
   let n, o, i, c = l;
-  function l(p) {
-    const x = t.reduce((f, g) => g(f), r());
-    return n = et(x), o = n.cache.get, i = n.cache.set, c = d, d(p);
+  function l(f) {
+    const x = t.reduce((p, g) => g(p), r());
+    return n = et(x), o = n.cache.get, i = n.cache.set, c = d, d(f);
   }
-  function d(p) {
-    const x = o(p);
+  function d(f) {
+    const x = o(f);
     if (x)
       return x;
-    const f = tt(p, n);
-    return i(p, f), f;
+    const p = tt(f, n);
+    return i(f, p), p;
   }
   return function() {
     return c(ot.apply(null, arguments));
@@ -858,7 +858,7 @@ function nt(r, ...t) {
 const T = (r) => {
   const t = (n) => n[r] || [];
   return t.isThemeGetter = !0, t;
-}, sr = /^\[(?:([a-z-]+):)?(.+)\]$/i, st = /^\d+\/\d+$/, at = /* @__PURE__ */ new Set(["px", "full", "screen"]), it = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lt = /\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$/, ct = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, dt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ut = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (r) => ne(r) || at.has(r) || st.test(r), q = (r) => se(r, "length", vt), ne = (r) => !!r && !Number.isNaN(Number(r)), Se = (r) => se(r, "number", ne), pe = (r) => !!r && Number.isInteger(Number(r)), ft = (r) => r.endsWith("%") && ne(r.slice(0, -1)), m = (r) => sr.test(r), J = (r) => it.test(r), pt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), bt = (r) => se(r, pt, ar), mt = (r) => se(r, "position", ar), xt = /* @__PURE__ */ new Set(["image", "url"]), ht = (r) => se(r, xt, wt), gt = (r) => se(r, "", yt), be = () => !0, se = (r, t, n) => {
+}, sr = /^\[(?:([a-z-]+):)?(.+)\]$/i, st = /^\d+\/\d+$/, at = /* @__PURE__ */ new Set(["px", "full", "screen"]), it = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lt = /\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$/, ct = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, dt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ut = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (r) => ne(r) || at.has(r) || st.test(r), q = (r) => se(r, "length", vt), ne = (r) => !!r && !Number.isNaN(Number(r)), Se = (r) => se(r, "number", ne), fe = (r) => !!r && Number.isInteger(Number(r)), pt = (r) => r.endsWith("%") && ne(r.slice(0, -1)), m = (r) => sr.test(r), J = (r) => it.test(r), ft = /* @__PURE__ */ new Set(["length", "size", "percentage"]), bt = (r) => se(r, ft, ar), mt = (r) => se(r, "position", ar), xt = /* @__PURE__ */ new Set(["image", "url"]), ht = (r) => se(r, xt, wt), gt = (r) => se(r, "", yt), be = () => !0, se = (r, t, n) => {
   const o = sr.exec(r);
   return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : n(o[2]) : !1;
 }, vt = (r) => (
@@ -867,7 +867,7 @@ const T = (r) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   lt.test(r) && !ct.test(r)
 ), ar = () => !1, yt = (r) => dt.test(r), wt = (r) => ut.test(r), _t = () => {
-  const r = T("colors"), t = T("spacing"), n = T("blur"), o = T("brightness"), i = T("borderColor"), c = T("borderRadius"), l = T("borderSpacing"), d = T("borderWidth"), p = T("contrast"), x = T("grayscale"), f = T("hueRotate"), g = T("invert"), y = T("gap"), P = T("gradientColorStops"), k = T("gradientColorStopPositions"), h = T("inset"), v = T("margin"), N = T("opacity"), j = T("padding"), B = T("saturate"), O = T("scale"), V = T("sepia"), Y = T("skew"), H = T("space"), me = T("translate"), ee = () => ["auto", "contain", "none"], ae = () => ["auto", "hidden", "clip", "visible", "scroll"], ie = () => ["auto", m, t], R = () => [m, t], W = () => ["", U, q], F = () => ["auto", ne, m], Z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], le = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], K = () => ["", "0", m], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [ne, m];
+  const r = T("colors"), t = T("spacing"), n = T("blur"), o = T("brightness"), i = T("borderColor"), c = T("borderRadius"), l = T("borderSpacing"), d = T("borderWidth"), f = T("contrast"), x = T("grayscale"), p = T("hueRotate"), g = T("invert"), w = T("gap"), P = T("gradientColorStops"), k = T("gradientColorStopPositions"), h = T("inset"), v = T("margin"), N = T("opacity"), j = T("padding"), B = T("saturate"), O = T("scale"), V = T("sepia"), Y = T("skew"), H = T("space"), me = T("translate"), ee = () => ["auto", "contain", "none"], ae = () => ["auto", "hidden", "clip", "visible", "scroll"], ie = () => ["auto", m, t], R = () => [m, t], W = () => ["", U, q], F = () => ["auto", ne, m], Z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], le = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], K = () => ["", "0", m], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [ne, m];
   return {
     cacheSize: 500,
     separator: ":",
@@ -886,7 +886,7 @@ const T = (r) => {
       invert: K(),
       gap: R(),
       gradientColorStops: [r],
-      gradientColorStopPositions: [ft, q],
+      gradientColorStopPositions: [pt, q],
       inset: ie(),
       margin: ie(),
       opacity: D(),
@@ -1112,7 +1112,7 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", pe, m]
+        z: ["auto", fe, m]
       }],
       // Flexbox and Grid
       /**
@@ -1162,7 +1162,7 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", pe, m]
+        order: ["first", "last", "none", fe, m]
       }],
       /**
        * Grid Template Columns
@@ -1177,7 +1177,7 @@ const T = (r) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", pe, m]
+          span: ["full", fe, m]
         }, m]
       }],
       /**
@@ -1207,7 +1207,7 @@ const T = (r) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [pe, m]
+          span: [fe, m]
         }, m]
       }],
       /**
@@ -1250,21 +1250,21 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [y]
+        gap: [w]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [y]
+        "gap-x": [w]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [y]
+        "gap-y": [w]
       }],
       /**
        * Justify Content
@@ -2298,7 +2298,7 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [p]
+        contrast: [f]
       }],
       /**
        * Drop Shadow
@@ -2319,7 +2319,7 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [f]
+        "hue-rotate": [p]
       }],
       /**
        * Invert
@@ -2369,7 +2369,7 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [p]
+        "backdrop-contrast": [f]
       }],
       /**
        * Backdrop Grayscale
@@ -2383,7 +2383,7 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [f]
+        "backdrop-hue-rotate": [p]
       }],
       /**
        * Backdrop Invert
@@ -2526,7 +2526,7 @@ const T = (r) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [pe, m]
+        rotate: [fe, m]
       }],
       /**
        * Translate X
@@ -2896,7 +2896,7 @@ const T = (r) => {
     }
   };
 }, Ct = /* @__PURE__ */ nt(_t);
-function _(...r) {
+function y(...r) {
   return Ct(Ur(r));
 }
 const jt = {
@@ -2920,7 +2920,7 @@ const jt = {
   "button",
   {
     ref: d,
-    className: _(
+    className: y(
       "inline-flex items-center justify-center",
       "font-medium transition-all duration-200",
       "focus-visible focus:outline-none",
@@ -2932,10 +2932,10 @@ const jt = {
     disabled: o || n,
     ...l,
     children: [
-      /* @__PURE__ */ s.jsx("span", { className: _("inline-flex items-center", n ? "w-4 h-4 mr-2" : "w-0 h-4"), children: /* @__PURE__ */ s.jsxs(
+      /* @__PURE__ */ s.jsx("span", { className: y("inline-flex items-center", n ? "w-4 h-4 mr-2" : "w-0 h-4"), children: /* @__PURE__ */ s.jsxs(
         "svg",
         {
-          className: _("animate-spin h-4 w-4", !n && "opacity-0"),
+          className: y("animate-spin h-4 w-4", !n && "opacity-0"),
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -2994,33 +2994,33 @@ const Et = "_button_7snfv_7", Rt = "_state_7snfv_75", St = "_icon_7snfv_149", Nt
   className: c,
   ...l
 }) => {
-  const [d, p] = er(!1), x = Dr(), f = $r(null), g = async (y) => {
+  const [d, f] = er(!1), x = Dr(), p = $r(null), g = async (w) => {
     var P, k;
     if (n && !d)
       try {
-        await n(), p(!0), (P = f.current) == null || P.focus(), setTimeout(() => {
+        await n(), f(!0), (P = p.current) == null || P.focus(), setTimeout(() => {
           var h;
-          p(!1), (h = f.current) == null || h.blur();
+          f(!1), (h = p.current) == null || h.blur();
         }, 3e3);
       } catch (h) {
         console.error("Submit failed:", h);
       }
-    (k = l.onClick) == null || k.call(l, y);
+    (k = l.onClick) == null || k.call(l, w);
   };
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       ...l,
-      ref: f,
+      ref: p,
       type: "submit",
       disabled: o,
       onClick: g,
-      className: _(G.button, Tt[i], c),
+      className: y(G.button, Tt[i], c),
       "aria-label": d ? "Submission successful" : l["aria-label"] || "Submit",
       "aria-disabled": o,
       children: [
         /* @__PURE__ */ s.jsx("div", { className: G.outline }),
-        /* @__PURE__ */ s.jsxs("div", { className: _(G.state, G["state--default"]), children: [
+        /* @__PURE__ */ s.jsxs("div", { className: y(G.state, G["state--default"]), children: [
           /* @__PURE__ */ s.jsx("div", { className: G.icon, children: /* @__PURE__ */ s.jsxs(
             "svg",
             {
@@ -3060,7 +3060,7 @@ const Et = "_button_7snfv_7", Rt = "_state_7snfv_75", St = "_icon_7snfv_149", Nt
           ) }),
           /* @__PURE__ */ s.jsx("p", { children: Qe(typeof r == "string" ? r : "Send Message") })
         ] }),
-        /* @__PURE__ */ s.jsxs("div", { className: _(G.state, G["state--sent"]), children: [
+        /* @__PURE__ */ s.jsxs("div", { className: y(G.state, G["state--sent"]), children: [
           /* @__PURE__ */ s.jsx("div", { className: G.icon, children: /* @__PURE__ */ s.jsx(
             "svg",
             {
@@ -3095,34 +3095,59 @@ const Et = "_button_7snfv_7", Rt = "_state_7snfv_75", St = "_icon_7snfv_149", Nt
     }
   );
 }, Pt = {
-  sm: "px-3 py-1.5 text-xs rounded-md min-h-[2rem]",
-  md: "px-4 py-2 text-sm rounded-md min-h-[2.5rem]",
-  lg: "px-6 py-3 text-md rounded-lg min-h-[3rem]"
+  sm: "px-4 py-2 text-sm",
+  md: "px-5 py-[10px] text-base",
+  lg: "px-6 py-3 text-lg"
 }, lr = z.forwardRef(({
   size: r = "md",
   error: t = !1,
   className: n,
   disabled: o,
   ...i
-}, c) => /* @__PURE__ */ s.jsx(
-  "input",
-  {
-    ref: c,
-    className: _(
-      "w-full",
-      "bg-surface border border-border",
-      "text-text-primary placeholder-text-secondary",
-      "transition-colors duration-200",
-      "focus-visible focus:outline-none focus:border-border-focus",
-      "disabled:bg-surface-secondary disabled:text-text-disabled disabled:cursor-not-allowed",
-      t && "border-danger focus:border-danger",
-      Pt[r],
-      n
-    ),
-    disabled: o,
-    ...i
-  }
-));
+}, c) => /* @__PURE__ */ s.jsxs("div", { className: "relative inline-flex items-center", children: [
+  /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      ref: c,
+      className: y(
+        "bg-transparent",
+        "border-none",
+        "outline-none",
+        "max-w-[190px]",
+        "rounded-full",
+        "text-text-primary",
+        "transition-colors duration-200",
+        "disabled:text-text-disabled disabled:cursor-not-allowed",
+        t ? "shadow-[inset_2px_5px_10px_var(--input-shadow-error)] cursor-help" : "shadow-[inset_2px_5px_10px_var(--input-shadow)]",
+        Pt[r],
+        n
+      ),
+      style: t ? { paddingRight: "2rem" } : void 0,
+      disabled: o,
+      "aria-invalid": t,
+      ...i
+    }
+  ),
+  t && /* @__PURE__ */ s.jsx(
+    "svg",
+    {
+      className: "absolute right-2 w-4 h-4 text-danger pointer-events-none flex-shrink-0",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ s.jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+        }
+      )
+    }
+  )
+] }));
 lr.displayName = "Input";
 const At = z.forwardRef(({
   label: r,
@@ -3133,14 +3158,14 @@ const At = z.forwardRef(({
   onChange: c,
   ...l
 }, d) => {
-  const p = z.useId();
-  return /* @__PURE__ */ s.jsxs("div", { className: _("flex items-center space-x-2", n), children: [
-    /* @__PURE__ */ s.jsxs("label", { className: _("checkbox-container", o && "opacity-50 cursor-not-allowed", !o && "cursor-pointer"), children: [
+  const f = z.useId();
+  return /* @__PURE__ */ s.jsxs("div", { className: y("flex items-center space-x-2", o && "cursor-not-allowed", t && !o && "cursor-help", n), children: [
+    /* @__PURE__ */ s.jsxs("label", { className: y("checkbox-container", o && "opacity-50 cursor-not-allowed", t && !o && "cursor-help", !o && !t && "cursor-pointer"), children: [
       /* @__PURE__ */ s.jsx(
         "input",
         {
           ref: d,
-          id: p,
+          id: f,
           type: "checkbox",
           disabled: o,
           checked: i,
@@ -3156,17 +3181,17 @@ const At = z.forwardRef(({
         {
           d: "M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16",
           pathLength: "575.0541381835938",
-          className: _("checkbox-path", t && "checkbox-path-error")
+          className: y("checkbox-path", t && "checkbox-path-error")
         }
       ) })
     ] }),
     r && /* @__PURE__ */ s.jsx(
       "label",
       {
-        htmlFor: p,
-        className: _(
+        htmlFor: f,
+        className: y(
           "text-sm font-medium select-none",
-          o ? "text-text-disabled cursor-not-allowed" : "text-text-primary cursor-pointer"
+          o ? "text-text-disabled cursor-not-allowed" : t ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
         ),
         children: r
       }
@@ -3184,22 +3209,22 @@ const Bt = ({
   id: l,
   ...d
 }) => {
-  const p = l || z.useId(), x = (f) => {
-    if ((f.key === "Enter" || f.key === " ") && !o) {
-      f.preventDefault();
-      const g = document.getElementById(p);
+  const f = l || z.useId(), x = (p) => {
+    if ((p.key === "Enter" || p.key === " ") && !o) {
+      p.preventDefault();
+      const g = document.getElementById(f);
       if (g) {
         g.checked = !g.checked;
-        const y = new Event("change", { bubbles: !0 });
-        g.dispatchEvent(y);
+        const w = new Event("change", { bubbles: !0 });
+        g.dispatchEvent(w);
       }
     }
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: _("toggle-wrapper", t && "toggle-wrapper--error", n), children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: y("toggle-wrapper", t && "toggle-wrapper--error", o && "cursor-not-allowed", t && !o && "cursor-help", n), children: [
     /* @__PURE__ */ s.jsx(
       "input",
       {
-        id: p,
+        id: f,
         className: "toggle-checkbox",
         type: "checkbox",
         checked: i,
@@ -3208,27 +3233,28 @@ const Bt = ({
         role: "switch",
         "aria-checked": i,
         "aria-disabled": o,
+        "aria-invalid": t,
         ...d
       }
     ),
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: "toggle-container",
+        className: y("toggle-container", o && "cursor-not-allowed", t && !o && "cursor-help"),
         onKeyDown: x,
         tabIndex: o ? -1 : 0,
         role: "button",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ s.jsx("div", { className: "toggle-button", children: /* @__PURE__ */ s.jsx("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((f, g) => /* @__PURE__ */ s.jsx("div", { className: "toggle-button-circle" }, g)) }) })
+        children: /* @__PURE__ */ s.jsx("div", { className: "toggle-button", children: /* @__PURE__ */ s.jsx("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((p, g) => /* @__PURE__ */ s.jsx("div", { className: "toggle-button-circle" }, g)) }) })
       }
     ),
     r && /* @__PURE__ */ s.jsx(
       "label",
       {
-        htmlFor: p,
-        className: _(
+        htmlFor: f,
+        className: y(
           "text-sm font-medium select-none ml-2",
-          o ? "text-text-disabled cursor-not-allowed" : "text-text-primary cursor-pointer"
+          o ? "text-text-disabled cursor-not-allowed" : t ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
         ),
         children: r
       }
@@ -3237,7 +3263,7 @@ const Bt = ({
 }, Vt = ({ className: r, ...t }) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    className: _(
+    className: y(
       "card",
       "w-full",
       "rounded-lg border border-border",
@@ -3250,13 +3276,13 @@ const Bt = ({
 ), Ut = ({ className: r, ...t }) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    className: _("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", r),
+    className: y("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", r),
     ...t
   }
-), Yt = ({ className: r, ...t }) => /* @__PURE__ */ s.jsx("div", { className: _("px-6 py-4", r), ...t }), Zt = ({ className: r, ...t }) => /* @__PURE__ */ s.jsx(
+), Yt = ({ className: r, ...t }) => /* @__PURE__ */ s.jsx("div", { className: y("px-6 py-4", r), ...t }), Zt = ({ className: r, ...t }) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    className: _("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", r),
+    className: y("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", r),
     ...t
   }
 ), cr = {
@@ -3265,7 +3291,7 @@ const Bt = ({
   lg: 1.3
 }, Kt = ({ size: r = "md", className: t, ...n }) => {
   const o = 8 * cr[r];
-  return /* @__PURE__ */ s.jsxs("div", { className: _("loader", t), style: { fontSize: `${o}px` }, ...n, children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: y("loader", t), style: { fontSize: `${o}px` }, ...n, children: [
     /* @__PURE__ */ s.jsx("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s.jsx("div", { className: "loader-circle" }) }),
     /* @__PURE__ */ s.jsx("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s.jsx("div", { className: "loader-circle" }) })
   ] });
@@ -3280,7 +3306,7 @@ const Bt = ({
   return t === "container" ? /* @__PURE__ */ s.jsx(
     "div",
     {
-      className: _(
+      className: y(
         "relative w-full min-h-[8rem] rounded-lg border border-border bg-surface-secondary flex items-center justify-center",
         o
       ),
@@ -3293,7 +3319,7 @@ const Bt = ({
         n && /* @__PURE__ */ s.jsx("span", { className: "text-sm text-text-secondary", children: n })
       ] })
     }
-  ) : /* @__PURE__ */ s.jsxs("div", { className: _("inline-flex items-center gap-2", o), ...i, children: [
+  ) : /* @__PURE__ */ s.jsxs("div", { className: y("inline-flex items-center gap-2", o), ...i, children: [
     /* @__PURE__ */ s.jsxs("div", { className: "loader", style: { fontSize: `${c}px` }, children: [
       /* @__PURE__ */ s.jsx("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s.jsx("div", { className: "loader-circle" }) }),
       /* @__PURE__ */ s.jsx("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s.jsx("div", { className: "loader-circle" }) })
@@ -3309,20 +3335,20 @@ const Bt = ({
   onValueChange: c,
   className: l,
   children: d,
-  ...p
+  ...f
 }) => {
-  const x = n !== void 0, [f, g] = z.useState(o), y = x ? n : f, P = z.useCallback(
+  const x = n !== void 0, [p, g] = z.useState(o), w = x ? n : p, P = z.useCallback(
     (k) => {
       x || g(k), c == null || c(k);
     },
     [x, c]
   );
-  return /* @__PURE__ */ s.jsx(dr.Provider, { value: { name: r, value: y, disabled: i, onValueChange: P }, children: /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ s.jsx(dr.Provider, { value: { name: r, value: w, disabled: i, onValueChange: P }, children: /* @__PURE__ */ s.jsxs(
     "fieldset",
     {
-      className: _("radio-input", i && "opacity-60", l),
+      className: y("radio-input", i && "opacity-60 cursor-not-allowed", l),
       disabled: i,
-      ...p,
+      ...f,
       children: [
         t && /* @__PURE__ */ s.jsx("legend", { className: "text-sm font-medium text-text-primary", children: t }),
         d
@@ -3338,14 +3364,14 @@ const Bt = ({
   name: c,
   onChange: l,
   onCheckedChange: d,
-  className: p,
+  className: f,
   ...x
 }) => {
-  const f = z.useContext(dr), g = z.useId(), y = !!(n ?? (f == null ? void 0 : f.disabled)), P = c ?? (f == null ? void 0 : f.name), k = !!f, h = o !== void 0, [v, N] = z.useState(!!i), j = k ? (f == null ? void 0 : f.value) === t : h ? !!o : v, B = (V) => {
+  const p = z.useContext(dr), g = z.useId(), w = !!(n ?? (p == null ? void 0 : p.disabled)), P = c ?? (p == null ? void 0 : p.name), k = !!p, h = o !== void 0, [v, N] = z.useState(!!i), j = k ? (p == null ? void 0 : p.value) === t : h ? !!o : v, B = (V) => {
     var H;
     const Y = V.target.checked;
-    k && Y ? (H = f == null ? void 0 : f.onValueChange) == null || H.call(f, t) : h || N(Y), d == null || d(Y), l == null || l(V);
-  }, O = /* @__PURE__ */ s.jsxs("label", { htmlFor: g, className: _(y && "cursor-not-allowed", p), role: "radio", "aria-checked": j, "aria-disabled": y, children: [
+    k && Y ? (H = p == null ? void 0 : p.onValueChange) == null || H.call(p, t) : h || N(Y), d == null || d(Y), l == null || l(V);
+  }, O = /* @__PURE__ */ s.jsxs("label", { htmlFor: g, className: y(w && "cursor-not-allowed", f), role: "radio", "aria-checked": j, "aria-disabled": w, children: [
     /* @__PURE__ */ s.jsx(
       "input",
       {
@@ -3354,11 +3380,11 @@ const Bt = ({
         name: P,
         value: t,
         checked: j,
-        disabled: y,
+        disabled: w,
         onChange: B,
         role: "radio",
         "aria-checked": j,
-        "aria-disabled": y,
+        "aria-disabled": w,
         ...x
       }
     ),
@@ -3395,39 +3421,39 @@ const Bt = ({
   children: l,
   className: d
 }) => {
-  const p = z.useRef(null), x = () => {
-    p.current !== null && (window.clearTimeout(p.current), p.current = null);
+  const f = z.useRef(null), x = () => {
+    f.current !== null && (window.clearTimeout(f.current), f.current = null);
   };
   z.useEffect(() => x, []);
-  const f = () => {
+  const p = () => {
     if (!c) {
       if (x(), i > 0) {
-        p.current = window.setTimeout(() => t == null ? void 0 : t(!0), i);
+        f.current = window.setTimeout(() => t == null ? void 0 : t(!0), i);
         return;
       }
       t == null || t(!0);
     }
   }, g = () => {
     x(), t == null || t(!1);
-  }, y = z.Children.only(l), P = z.useId();
-  return /* @__PURE__ */ s.jsxs("span", { className: _("relative inline-block", d), children: [
-    z.cloneElement(y, {
+  }, w = z.Children.only(l), P = z.useId();
+  return /* @__PURE__ */ s.jsxs("span", { className: y("relative inline-block", d), children: [
+    z.cloneElement(w, {
       "aria-describedby": r && !c ? P : void 0,
       onMouseEnter: (k) => {
         var h, v;
-        (v = (h = y.props).onMouseEnter) == null || v.call(h, k), f();
+        (v = (h = w.props).onMouseEnter) == null || v.call(h, k), p();
       },
       onMouseLeave: (k) => {
         var h, v;
-        (v = (h = y.props).onMouseLeave) == null || v.call(h, k), g();
+        (v = (h = w.props).onMouseLeave) == null || v.call(h, k), g();
       },
       onFocus: (k) => {
         var h, v;
-        (v = (h = y.props).onFocus) == null || v.call(h, k), f();
+        (v = (h = w.props).onFocus) == null || v.call(h, k), p();
       },
       onBlur: (k) => {
         var h, v;
-        (v = (h = y.props).onBlur) == null || v.call(h, k), g();
+        (v = (h = w.props).onBlur) == null || v.call(h, k), g();
       }
     }),
     r && !c && /* @__PURE__ */ s.jsxs(
@@ -3435,7 +3461,7 @@ const Bt = ({
       {
         id: P,
         role: "tooltip",
-        className: _(
+        className: y(
           "absolute z-50 pointer-events-none",
           zt[o],
           "whitespace-nowrap",
@@ -3447,7 +3473,7 @@ const Bt = ({
           /* @__PURE__ */ s.jsx(
             "span",
             {
-              className: _(
+              className: y(
                 "absolute w-0 h-0",
                 Mt[o],
                 It[o]
@@ -3457,7 +3483,7 @@ const Bt = ({
           /* @__PURE__ */ s.jsx(
             "span",
             {
-              className: _(
+              className: y(
                 "absolute w-0 h-0 bg-surface",
                 Lt[o],
                 o === "top" && "border-t-[5px] border-r-[5px] border-l-[5px] border-t-surface border-r-transparent border-l-transparent",
@@ -3491,8 +3517,8 @@ const Bt = ({
     o === "light" ? (l.classList.add("theme-light"), l.classList.remove("theme-dark")) : (l.classList.add("theme-dark"), l.classList.remove("theme-light"));
   }, [o]), z.useEffect(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const l = window.matchMedia("(prefers-color-scheme: dark)"), d = (p) => {
-      typeof window < "u" && !localStorage.getItem("theme") && i(p.matches ? "dark" : "light");
+    const l = window.matchMedia("(prefers-color-scheme: dark)"), d = (f) => {
+      typeof window < "u" && !localStorage.getItem("theme") && i(f.matches ? "dark" : "light");
     };
     if (l.addEventListener)
       return l.addEventListener("change", d), () => l.removeEventListener("change", d);
@@ -3513,7 +3539,7 @@ const Bt = ({
   }, l = (d) => {
     (d.key === "Enter" || d.key === " ") && (d.preventDefault(), c());
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: _("flex items-center gap-3", r), children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: y("flex items-center gap-3", r), children: [
     /* @__PURE__ */ s.jsxs(
       "label",
       {
@@ -3565,7 +3591,7 @@ const Bt = ({
 }) => /* @__PURE__ */ s.jsxs(
   "div",
   {
-    className: _(
+    className: y(
       "relative flex justify-center items-center overflow-hidden",
       "bg-surface-tertiary rounded-[24px]",
       "shadow-[0_4px_8px_rgba(0,0,0,0.2),0_8px_16px_rgba(0,0,0,0.2),0_0_8px_rgba(255,255,255,0.1),0_0_16px_rgba(255,255,255,0.08)]",
@@ -3599,7 +3625,7 @@ const Bt = ({
 }) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    className: _(
+    className: y(
       "absolute bg-surface-tertiary rounded-[24px] p-7 z-[10]",
       "backdrop-blur-[15px]",
       "shadow-[inset_0_40px_60px_-8px_rgba(255,255,255,0.12),inset_4px_0_12px_-6px_rgba(255,255,255,0.12),inset_0_0_12px_-4px_rgba(255,255,255,0.12)]",
@@ -3615,7 +3641,7 @@ const Bt = ({
 ), $t = ({ className: r, ...t }) => /* @__PURE__ */ s.jsxs(
   "div",
   {
-    className: _(
+    className: y(
       "w-[65px] h-[65px] rounded-[20px] border-2 border-white",
       "bg-gradient-to-br from-white/20 to-black/20",
       "shadow-[8px_8px_16px_rgba(0,0,0,0.2),-8px_-8px_16px_rgba(255,255,255,0.06)]",
@@ -3641,7 +3667,7 @@ const Bt = ({
   /* @__PURE__ */ s.jsxs(
     "form",
     {
-      className: _("flex justify-center items-center flex-col gap-[10px]", c),
+      className: y("flex justify-center items-center flex-col gap-[10px]", c),
       ...d,
       children: [
         t && /* @__PURE__ */ s.jsx("div", { className: "flex justify-center items-center mb-2", children: /* @__PURE__ */ s.jsx($t, {}) }),
@@ -3659,11 +3685,11 @@ const Bt = ({
   ...i
 }) => /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
   r && /* @__PURE__ */ s.jsx("label", { className: "block text-text-primary text-sm mb-1.5", children: r }),
-  /* @__PURE__ */ s.jsx(
+  /* @__PURE__ */ s.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ s.jsx(
     lr,
     {
-      className: _(
-        "w-full p-2.5 border-none rounded-xl bg-surface text-text-primary text-sm outline-none",
+      className: y(
+        "p-3 border-none rounded-xl bg-surface text-text-primary text-sm outline-none",
         "focus:border focus:border-border-focus",
         n
       ),
@@ -3671,7 +3697,7 @@ const Bt = ({
       size: o,
       ...i
     }
-  )
+  ) })
 ] }), oo = ({
   variant: r = "primary",
   className: t,
@@ -3680,7 +3706,7 @@ const Bt = ({
 }) => r === "google" ? /* @__PURE__ */ s.jsx(
   "button",
   {
-    className: _(
+    className: y(
       "w-full h-10 border-none rounded-[20px] text-sm font-semibold cursor-pointer",
       "grid place-content-center gap-2.5 bg-surface-secondary text-text-primary",
       "transition-all duration-300",
@@ -3695,7 +3721,7 @@ const Bt = ({
 ) : /* @__PURE__ */ s.jsx(
   ir,
   {
-    className: _(
+    className: y(
       "w-full h-10 rounded-[20px] text-sm font-semibold mt-1.5",
       t
     ),
@@ -3710,7 +3736,7 @@ const Bt = ({
 }) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    className: _(
+    className: y(
       "w-full text-left text-text-secondary text-xs",
       r
     ),
@@ -3724,7 +3750,7 @@ const Bt = ({
 }) => /* @__PURE__ */ s.jsx(
   "a",
   {
-    className: _(
+    className: y(
       "relative text-text-secondary font-semibold no-underline transition-colors duration-300 ease-in-out",
       "hover:text-white",
       'after:content-[""] after:absolute after:left-0 after:bottom-[-2px] after:w-0 after:rounded-md after:h-[1px] after:bg-current after:transition-[width] after:duration-300 after:ease-in-out',