@nice2dev/auth 1.1.6 → 1.1.9

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { useState as _, useCallback as w, forwardRef as O, useMemo as X, useRef as U, useImperativeHandle as ae, useEffect as W } from "react";
-import { jsxs as a, jsx as e, Fragment as ce } from "react/jsx-runtime";
-function ve(i = {}) {
-  const { onLogin: t, onRefresh: c, onLogout: n, storageKey: r = "nice_auth", persistAuth: l = !1 } = i, [o, p] = _(() => {
+import { useState as _, useCallback as w, forwardRef as B, useMemo as X, useRef as U, useImperativeHandle as ae, useEffect as W } from "react";
+import { jsxs as a, jsx as e, Fragment as ie } from "react/jsx-runtime";
+function ye(c = {}) {
+  const { onLogin: t, onRefresh: i, onLogout: n, storageKey: r = "nice_auth", persistAuth: l = !1 } = c, [o, p] = _(() => {
     if (l && typeof window < "u")
       try {
         const h = localStorage.getItem(r);
@@ -47,15 +47,15 @@ function ve(i = {}) {
     n == null || n(), d({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
   }, [n, d]), C = w(async () => {
     var h;
-    if (!((h = o.tokens) != null && h.refreshToken) || !c)
+    if (!((h = o.tokens) != null && h.refreshToken) || !i)
       return !1;
     try {
-      const m = await c(o.tokens.refreshToken);
+      const m = await i(o.tokens.refreshToken);
       return d({ tokens: m }), !0;
     } catch {
       return s(), !1;
     }
-  }, [o.tokens, c, d, s]), b = w(
+  }, [o.tokens, i, d, s]), b = w(
     (h, m) => {
       d({ isAuthenticated: !0, user: h, tokens: m, loading: !1, error: null });
     },
@@ -80,11 +80,11 @@ function ve(i = {}) {
     clearError: F
   };
 }
-const ie = O(
+const ce = B(
   ({
-    onSubmit: i,
+    onSubmit: c,
     loading: t = !1,
-    error: c,
+    error: i,
     showRememberMe: n = !0,
     showForgotPassword: r = !0,
     onForgotPassword: l,
@@ -101,13 +101,13 @@ const ie = O(
     tracelessPolicy: h,
     privacyMessage: m
   }, f) => {
-    const [T, N] = _(""), [P, S] = _(""), [E, k] = _(!1), M = X(() => !(!n || h && !h.cookiesAllowed), [n, h]), q = w(
+    const [T, N] = _(""), [P, S] = _(""), [E, k] = _(!1), D = X(() => !(!n || h && !h.cookiesAllowed), [n, h]), O = w(
       (A) => {
         A.preventDefault();
-        const D = (h == null ? void 0 : h.cookiesAllowed) === !1 ? !1 : E;
-        i == null || i({ email: T, password: P, rememberMe: D });
+        const M = (h == null ? void 0 : h.cookiesAllowed) === !1 ? !1 : E;
+        c == null || c({ email: T, password: P, rememberMe: M });
       },
-      [T, P, E, i, h]
+      [T, P, E, c, h]
     );
     return /* @__PURE__ */ a(
       "form",
@@ -115,12 +115,12 @@ const ie = O(
         ref: f,
         className: `nice-login-form${b ? ` ${b}` : ""}`,
         style: x,
-        onSubmit: q,
+        onSubmit: O,
         noValidate: !0,
         children: [
           s && /* @__PURE__ */ e("div", { className: "nice-login-form__logo", children: s }),
           /* @__PURE__ */ e("h2", { className: "nice-login-form__title", children: d }),
-          c && /* @__PURE__ */ e("div", { className: "nice-login-form__error", role: "alert", children: c }),
+          i && /* @__PURE__ */ e("div", { className: "nice-login-form__error", role: "alert", children: i }),
           /* @__PURE__ */ a("div", { className: "nice-login-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-login-email", children: g }),
             /* @__PURE__ */ e(
@@ -154,7 +154,7 @@ const ie = O(
             )
           ] }),
           /* @__PURE__ */ a("div", { className: "nice-login-form__options", children: [
-            M && /* @__PURE__ */ a("label", { className: "nice-login-form__remember", children: [
+            D && /* @__PURE__ */ a("label", { className: "nice-login-form__remember", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -166,7 +166,7 @@ const ie = O(
               ),
               /* @__PURE__ */ e("span", { children: "Remember me" })
             ] }),
-            !M && n && m && /* @__PURE__ */ e("span", { className: "nice-login-form__privacy-notice", children: m }),
+            !D && n && m && /* @__PURE__ */ e("span", { className: "nice-login-form__privacy-notice", children: m }),
             r && /* @__PURE__ */ e(
               "button",
               {
@@ -197,7 +197,7 @@ const ie = O(
     );
   }
 );
-ie.displayName = "NiceLoginForm";
+ce.displayName = "NiceLoginForm";
 const re = {
   0: "Very weak",
   1: "Weak",
@@ -211,15 +211,15 @@ const re = {
   3: "#5cb85c",
   4: "#2e7d32"
 };
-function J(i) {
-  if (!i)
+function J(c) {
+  if (!c)
     return 0;
   let t = 0;
-  return i.length >= 8 && t++, i.length >= 12 && t++, /[a-z]/.test(i) && /[A-Z]/.test(i) && t++, /\d/.test(i) && t++, /[^a-zA-Z0-9]/.test(i) && t++, Math.min(4, t);
+  return c.length >= 8 && t++, c.length >= 12 && t++, /[a-z]/.test(c) && /[A-Z]/.test(c) && t++, /\d/.test(c) && t++, /[^a-zA-Z0-9]/.test(c) && t++, Math.min(4, t);
 }
-const Z = O(
-  ({ password: i, strength: t, showLabel: c = !0, labels: n = re, className: r }, l) => {
-    const o = t ?? J(i), p = se[o], d = (o + 1) / 5 * 100;
+const Z = B(
+  ({ password: c, strength: t, showLabel: i = !0, labels: n = re, className: r }, l) => {
+    const o = t ?? J(c), p = se[o], d = (o + 1) / 5 * 100;
     return /* @__PURE__ */ a("div", { ref: l, className: `nice-password-strength${r ? ` ${r}` : ""}`, children: [
       /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e(
         "div",
@@ -228,16 +228,16 @@ const Z = O(
           style: { width: `${d}%`, backgroundColor: p }
         }
       ) }),
-      c && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: p }, children: n[o] })
+      i && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: p }, children: n[o] })
     ] });
   }
 );
 Z.displayName = "NicePasswordStrength";
-const le = O(
+const le = B(
   ({
-    onSubmit: i,
+    onSubmit: c,
     loading: t = !1,
-    error: c,
+    error: i,
     onLoginClick: n,
     showPasswordStrength: r = !0,
     minPasswordStrength: l = 2,
@@ -249,11 +249,11 @@ const le = O(
     className: C,
     style: b
   }, x) => {
-    const [g, F] = _(""), [h, m] = _(""), [f, T] = _(""), [N, P] = _(""), [S, E] = _(""), [k, M] = _(!1), q = J(N), A = N === S, D = g && f && N && A && k && q >= l && !t, u = w(
+    const [g, F] = _(""), [h, m] = _(""), [f, T] = _(""), [N, P] = _(""), [S, E] = _(""), [k, D] = _(!1), O = J(N), A = N === S, M = g && f && N && A && k && O >= l && !t, u = w(
       (v) => {
-        v.preventDefault(), D && (i == null || i({ firstName: g, lastName: h, email: f, password: N, acceptTerms: k }));
+        v.preventDefault(), M && (c == null || c({ firstName: g, lastName: h, email: f, password: N, acceptTerms: k }));
       },
-      [D, g, h, f, N, k, i]
+      [M, g, h, f, N, k, c]
     );
     return /* @__PURE__ */ a(
       "form",
@@ -266,7 +266,7 @@ const le = O(
         children: [
           $ && /* @__PURE__ */ e("div", { className: "nice-register-form__logo", children: $ }),
           /* @__PURE__ */ e("h2", { className: "nice-register-form__title", children: d }),
-          c && /* @__PURE__ */ e("div", { className: "nice-register-form__error", role: "alert", children: c }),
+          i && /* @__PURE__ */ e("div", { className: "nice-register-form__error", role: "alert", children: i }),
           /* @__PURE__ */ a("div", { className: "nice-register-form__row", children: [
             /* @__PURE__ */ a("div", { className: "nice-register-form__field", children: [
               /* @__PURE__ */ e("label", { htmlFor: "nice-reg-first", children: "First name *" }),
@@ -356,7 +356,7 @@ const le = O(
               {
                 type: "checkbox",
                 checked: k,
-                onChange: (v) => M(v.target.checked),
+                onChange: (v) => D(v.target.checked),
                 disabled: t
               }
             ),
@@ -364,7 +364,7 @@ const le = O(
               "I accept the",
               " ",
               o ? /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
-              p && /* @__PURE__ */ a(ce, { children: [
+              p && /* @__PURE__ */ a(ie, { children: [
                 " ",
                 "and",
                 " ",
@@ -378,7 +378,7 @@ const le = O(
             {
               type: "submit",
               className: "nice-btn nice-btn--primary nice-register-form__submit",
-              disabled: !D,
+              disabled: !M,
               children: t ? "…" : "Register"
             }
           ),
@@ -393,11 +393,11 @@ const le = O(
   }
 );
 le.displayName = "NiceRegistrationForm";
-const oe = O(
+const oe = B(
   ({
-    requireCurrentPassword: i = !0,
+    requireCurrentPassword: c = !0,
     onSubmit: t,
-    loading: c = !1,
+    loading: i = !1,
     error: n,
     success: r,
     minPasswordStrength: l = 2,
@@ -405,14 +405,14 @@ const oe = O(
     className: p,
     style: d
   }, $) => {
-    const [s, C] = _(""), [b, x] = _(""), [g, F] = _(""), h = J(b), m = b === g, f = (!i || s.length > 0) && b.length > 0 && m && h >= l && !c, T = w(
+    const [s, C] = _(""), [b, x] = _(""), [g, F] = _(""), h = J(b), m = b === g, f = (!c || s.length > 0) && b.length > 0 && m && h >= l && !i, T = w(
       (N) => {
         N.preventDefault(), f && (t == null || t({
-          currentPassword: i ? s : void 0,
+          currentPassword: c ? s : void 0,
           newPassword: b
         }));
       },
-      [f, s, b, i, t]
+      [f, s, b, c, t]
     );
     return /* @__PURE__ */ a(
       "form",
@@ -426,7 +426,7 @@ const oe = O(
           /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: o }),
           n && /* @__PURE__ */ e("div", { className: "nice-change-password__error", role: "alert", children: n }),
           r && /* @__PURE__ */ e("div", { className: "nice-change-password__success", role: "status", children: r }),
-          i && /* @__PURE__ */ a("div", { className: "nice-change-password__field", children: [
+          c && /* @__PURE__ */ a("div", { className: "nice-change-password__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
             /* @__PURE__ */ e(
               "input",
@@ -437,7 +437,7 @@ const oe = O(
                 value: s,
                 onChange: (N) => C(N.target.value),
                 autoComplete: "current-password",
-                disabled: c,
+                disabled: i,
                 required: !0
               }
             )
@@ -453,7 +453,7 @@ const oe = O(
                 value: b,
                 onChange: (N) => x(N.target.value),
                 autoComplete: "new-password",
-                disabled: c,
+                disabled: i,
                 required: !0
               }
             ),
@@ -470,113 +470,149 @@ const oe = O(
                 value: g,
                 onChange: (N) => F(N.target.value),
                 autoComplete: "new-password",
-                disabled: c,
+                disabled: i,
                 required: !0
               }
             ),
             g && !m && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
           ] }),
-          /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !f, children: c ? "…" : "Change Password" })
+          /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !f, children: i ? "…" : "Change Password" })
         ]
       }
     );
   }
 );
 oe.displayName = "NiceChangePassword";
-const de = O(({
-  secret: i,
-  qrCodeUrl: t,
-  issuer: c,
-  accountName: n,
-  onVerify: r,
-  loading: l = !1,
-  error: o,
-  onCancel: p,
-  recoveryCodes: d,
-  step: $ = "setup",
-  onStepChange: s,
-  className: C,
-  style: b
-}, x) => {
-  const [g, F] = _(""), [h, m] = _(!1), [f, T] = _(!1), N = w((S) => {
-    S.preventDefault(), g.length >= 6 && (r == null || r(g));
-  }, [g, r]), P = `otpauth://totp/${c ? `${c}:` : ""}${n ?? "user"}?secret=${i}${c ? `&issuer=${c}` : ""}&digits=6&period=30`;
-  return /* @__PURE__ */ a("div", { ref: x, className: `nice-2fa-setup${C ? ` ${C}` : ""}`, style: b, children: [
-    /* @__PURE__ */ e("h3", { className: "nice-2fa-setup__title", children: "Two-Factor Authentication" }),
-    $ === "setup" && /* @__PURE__ */ a("div", { className: "nice-2fa-setup__step", children: [
-      /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):" }),
-      t ? /* @__PURE__ */ e("img", { src: t, alt: "2FA QR Code", className: "nice-2fa-setup__qr" }) : /* @__PURE__ */ a("div", { className: "nice-2fa-setup__qr-placeholder", children: [
-        /* @__PURE__ */ e("span", { children: "QR Code" }),
-        /* @__PURE__ */ e("code", { className: "nice-2fa-setup__uri", children: P })
+const de = B(
+  ({
+    secret: c,
+    qrCodeUrl: t,
+    issuer: i,
+    accountName: n,
+    onVerify: r,
+    loading: l = !1,
+    error: o,
+    onCancel: p,
+    recoveryCodes: d,
+    step: $ = "setup",
+    onStepChange: s,
+    className: C,
+    style: b
+  }, x) => {
+    const [g, F] = _(""), [h, m] = _(!1), [f, T] = _(!1), N = w(
+      (S) => {
+        S.preventDefault(), g.length >= 6 && (r == null || r(g));
+      },
+      [g, r]
+    ), P = `otpauth://totp/${i ? `${i}:` : ""}${n ?? "user"}?secret=${c}${i ? `&issuer=${i}` : ""}&digits=6&period=30`;
+    return /* @__PURE__ */ a("div", { ref: x, className: `nice-2fa-setup${C ? ` ${C}` : ""}`, style: b, children: [
+      /* @__PURE__ */ e("h3", { className: "nice-2fa-setup__title", children: "Two-Factor Authentication" }),
+      $ === "setup" && /* @__PURE__ */ a("div", { className: "nice-2fa-setup__step", children: [
+        /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):" }),
+        t ? /* @__PURE__ */ e("img", { src: t, alt: "2FA QR Code", className: "nice-2fa-setup__qr" }) : /* @__PURE__ */ a("div", { className: "nice-2fa-setup__qr-placeholder", children: [
+          /* @__PURE__ */ e("span", { children: "QR Code" }),
+          /* @__PURE__ */ e("code", { className: "nice-2fa-setup__uri", children: P })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "nice-2fa-setup__secret", children: [
+          /* @__PURE__ */ e("span", { children: "Or enter manually: " }),
+          h ? /* @__PURE__ */ e("code", { className: "nice-2fa-setup__secret-key", children: c }) : /* @__PURE__ */ e("button", { type: "button", onClick: () => m(!0), children: "Show secret key" })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-btn nice-btn--primary",
+            onClick: () => s == null ? void 0 : s("verify"),
+            children: "Next — Verify"
+          }
+        )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-2fa-setup__secret", children: [
-        /* @__PURE__ */ e("span", { children: "Or enter manually: " }),
-        h ? /* @__PURE__ */ e("code", { className: "nice-2fa-setup__secret-key", children: i }) : /* @__PURE__ */ e("button", { type: "button", onClick: () => m(!0), children: "Show secret key" })
+      $ === "verify" && /* @__PURE__ */ a("form", { className: "nice-2fa-setup__step", onSubmit: N, children: [
+        /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Enter the 6-digit code from your authenticator app:" }),
+        o && /* @__PURE__ */ e("div", { className: "nice-2fa-setup__error", role: "alert", children: o }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            className: "nice-input nice-2fa-setup__code-input",
+            type: "text",
+            inputMode: "numeric",
+            maxLength: 6,
+            value: g,
+            onChange: (S) => F(S.target.value.replace(/\D/g, "").slice(0, 6)),
+            placeholder: "000000",
+            autoFocus: !0,
+            disabled: l,
+            autoComplete: "one-time-code"
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "nice-2fa-setup__actions", children: [
+          /* @__PURE__ */ e("button", { type: "button", className: "nice-btn", onClick: () => s == null ? void 0 : s("setup"), children: "Back" }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "submit",
+              className: "nice-btn nice-btn--primary",
+              disabled: l || g.length < 6,
+              children: l ? "…" : "Verify"
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: () => s == null ? void 0 : s("verify"), children: "Next — Verify" })
-    ] }),
-    $ === "verify" && /* @__PURE__ */ a("form", { className: "nice-2fa-setup__step", onSubmit: N, children: [
-      /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Enter the 6-digit code from your authenticator app:" }),
-      o && /* @__PURE__ */ e("div", { className: "nice-2fa-setup__error", role: "alert", children: o }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          className: "nice-input nice-2fa-setup__code-input",
-          type: "text",
-          inputMode: "numeric",
-          maxLength: 6,
-          value: g,
-          onChange: (S) => F(S.target.value.replace(/\D/g, "").slice(0, 6)),
-          placeholder: "000000",
-          autoFocus: !0,
-          disabled: l,
-          autoComplete: "one-time-code"
-        }
-      ),
-      /* @__PURE__ */ a("div", { className: "nice-2fa-setup__actions", children: [
-        /* @__PURE__ */ e("button", { type: "button", className: "nice-btn", onClick: () => s == null ? void 0 : s("setup"), children: "Back" }),
-        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: l || g.length < 6, children: l ? "…" : "Verify" })
-      ] })
-    ] }),
-    $ === "recovery" && d && /* @__PURE__ */ a("div", { className: "nice-2fa-setup__step", children: [
-      /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Save these recovery codes in a safe place. Each code can only be used once:" }),
-      /* @__PURE__ */ e("div", { className: "nice-2fa-setup__recovery-codes", children: d.map((S, E) => /* @__PURE__ */ e("code", { className: "nice-2fa-setup__recovery-code", children: S }, E)) }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: "nice-btn",
-          onClick: () => {
-            var S;
-            (S = navigator.clipboard) == null || S.writeText(d.join(`
+      $ === "recovery" && d && /* @__PURE__ */ a("div", { className: "nice-2fa-setup__step", children: [
+        /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Save these recovery codes in a safe place. Each code can only be used once:" }),
+        /* @__PURE__ */ e("div", { className: "nice-2fa-setup__recovery-codes", children: d.map((S, E) => /* @__PURE__ */ e("code", { className: "nice-2fa-setup__recovery-code", children: S }, E)) }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-btn",
+            onClick: () => {
+              var S;
+              (S = navigator.clipboard) == null || S.writeText(d.join(`
 `)), T(!0);
-          },
-          children: f ? "Copied!" : "Copy all codes"
-        }
-      ),
-      p && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: p, children: "Done" })
-    ] }),
-    p && $ !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: p, children: "Cancel" })
-  ] });
-});
+            },
+            children: f ? "Copied!" : "Copy all codes"
+          }
+        ),
+        p && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: p, children: "Done" })
+      ] }),
+      p && $ !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: p, children: "Cancel" })
+    ] });
+  }
+);
 de.displayName = "NiceTwoFaSetup";
-const he = 500;
-function I(i, t) {
-  return Math.floor(Math.random() * (t - i + 1)) + i;
+const he = ({ style: c }) => /* @__PURE__ */ e(
+  "span",
+  {
+    "aria-hidden": "true",
+    style: {
+      display: "inline-block",
+      width: "0.85em",
+      height: "0.85em",
+      borderRadius: "50%",
+      border: "0.12em solid currentColor",
+      borderTopColor: "transparent",
+      transform: "rotate(-45deg)",
+      ...c
+    }
+  }
+), ue = 500;
+function I(c, t) {
+  return Math.floor(Math.random() * (t - c + 1)) + c;
 }
-function ue() {
+function me() {
   return `${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
 }
-function me(i, t) {
-  switch (i) {
+function pe(c, t) {
+  switch (c) {
     case "math": {
-      const c = t === "easy" ? 5 : t === "hard" ? 20 : 10, n = I(1, c), r = I(1, c), l = t !== "easy" && n >= r && Math.random() < 0.5, o = l ? n - r : n + r;
+      const i = t === "easy" ? 5 : t === "hard" ? 20 : 10, n = I(1, i), r = I(1, i), l = t !== "easy" && n >= r && Math.random() < 0.5, o = l ? n - r : n + r;
       return { kind: "math", prompt: `${n} ${l ? "−" : "+"} ${r}`, answer: o };
     }
     case "text": {
-      const c = t === "easy" ? 4 : t === "hard" ? 7 : 5, n = "ABCDEFGHJKMNPQRSTUVWXYZ23456789";
+      const i = t === "easy" ? 4 : t === "hard" ? 7 : 5, n = "ABCDEFGHJKMNPQRSTUVWXYZ23456789";
       let r = "";
-      for (let l = 0; l < c; l++)
+      for (let l = 0; l < i; l++)
         r += n[I(0, n.length - 1)];
       return { kind: "text", text: r };
     }
@@ -587,26 +623,26 @@ function me(i, t) {
       return { kind: "checkbox" };
   }
 }
-function pe(i, t, c) {
-  if (!i)
+function fe(c, t, i) {
+  if (!c)
     return;
-  const n = i.getContext("2d");
+  const n = c.getContext("2d");
   if (!n)
     return;
-  const r = i.width, l = i.height;
-  n.clearRect(0, 0, r, l), n.fillStyle = c ? "#1a1a1a" : "#f3f4f6", n.fillRect(0, 0, r, l), n.strokeStyle = c ? "rgba(255,255,255,0.18)" : "rgba(0,0,0,0.18)", n.lineWidth = 1;
+  const r = c.width, l = c.height;
+  n.clearRect(0, 0, r, l), n.fillStyle = i ? "#1a1a1a" : "#f3f4f6", n.fillRect(0, 0, r, l), n.strokeStyle = i ? "rgba(255,255,255,0.18)" : "rgba(0,0,0,0.18)", n.lineWidth = 1;
   for (let p = 0; p < 6; p++)
     n.beginPath(), n.moveTo(I(0, r), I(0, l)), n.lineTo(I(0, r), I(0, l)), n.stroke();
-  n.fillStyle = c ? "#e5e7eb" : "#111827", n.textBaseline = "middle";
+  n.fillStyle = i ? "#e5e7eb" : "#111827", n.textBaseline = "middle";
   const o = r / (t.length + 1);
   for (let p = 0; p < t.length; p++) {
     const d = I(22, 30);
     n.save(), n.translate(o * (p + 1), l / 2 + I(-4, 4)), n.rotate(I(-22, 22) * Math.PI / 180), n.font = `bold ${d}px monospace`, n.fillText(t[p], -d / 3, 0), n.restore();
   }
 }
-const fe = O((i, t) => {
+const ge = B((c, t) => {
   const {
-    variant: c,
+    variant: i,
     difficulty: n = "medium",
     refreshable: r = !0,
     verifyToken: l,
@@ -623,11 +659,11 @@ const fe = O((i, t) => {
     customRender: h,
     className: m,
     style: f
-  } = i, T = U(null), N = U(null), P = U(void 0), [S, E] = _(0), [k, M] = _("idle"), [q, A] = _(""), [D, u] = _(""), [v, z] = _(0), R = X(
-    () => me(c ?? "checkbox", n),
-    [c, n, S]
+  } = c, T = U(null), N = U(null), P = U(void 0), [S, E] = _(0), [k, D] = _("idle"), [O, A] = _(""), [M, u] = _(""), [v, z] = _(0), R = X(
+    () => pe(i ?? "checkbox", n),
+    [i, n, S]
   ), K = w(() => {
-    M("idle"), A(""), u(""), z(0), E((y) => y + 1);
+    D("idle"), A(""), u(""), z(0), E((y) => y + 1);
   }, []), G = w(() => {
     K(), x == null || x();
   }, [K, x]);
@@ -636,8 +672,8 @@ const fe = O((i, t) => {
     () => ({ reset: K, refresh: G, container: T.current }),
     [K, G]
   ), W(() => {
-    c === "text" && R.kind === "text" && pe(N.current, R.text, g === "dark");
-  }, [c, R, g]), W(() => {
+    i === "text" && R.kind === "text" && fe(N.current, R.text, g === "dark");
+  }, [i, R, g]), W(() => {
     if (k !== "verified" || !o)
       return;
     const y = setTimeout(() => {
@@ -645,28 +681,28 @@ const fe = O((i, t) => {
     }, o);
     return () => clearTimeout(y);
   }, [k, o, C, K]);
-  const B = w(() => {
-    const y = `ntd-cap:${c}:${ue()}`;
-    l ? (M("verifying"), A(""), Promise.resolve().then(() => l(y)).then((Q) => {
-      Q ? (M("verified"), s == null || s(y)) : (M("error"), A("Verification failed. Please try again."), E((ne) => ne + 1), u(""));
+  const q = w(() => {
+    const y = `ntd-cap:${i}:${me()}`;
+    l ? (D("verifying"), A(""), Promise.resolve().then(() => l(y)).then((Q) => {
+      Q ? (D("verified"), s == null || s(y)) : (D("error"), A("Verification failed. Please try again."), E((ne) => ne + 1), u(""));
     }).catch((Q) => {
-      M("error"), A("Verification error. Please try again."), b == null || b(Q);
-    })) : (M("verified"), s == null || s(y));
-  }, [c, l, s, b]), H = w(() => {
-    M("error"), A("Incorrect, please try again."), E((y) => y + 1), u("");
+      D("error"), A("Verification error. Please try again."), b == null || b(Q);
+    })) : (D("verified"), s == null || s(y));
+  }, [i, l, s, b]), H = w(() => {
+    D("error"), A("Incorrect, please try again."), E((y) => y + 1), u("");
   }, []), Y = w(() => {
-    k === "verifying" || k === "verified" || (M("verifying"), A(""), P.current = setTimeout(B, he));
-  }, [k, B]);
+    k === "verifying" || k === "verified" || (D("verifying"), A(""), P.current = setTimeout(q, ue));
+  }, [k, q]);
   W(() => () => clearTimeout(P.current), []);
   const j = w(() => {
-    R.kind === "math" ? D.trim() !== "" && Number(D) === R.answer ? B() : H() : R.kind === "text" && (D.trim().toUpperCase() === R.text ? B() : H());
-  }, [R, D, B, H]), ee = w(
+    R.kind === "math" ? M.trim() !== "" && Number(M) === R.answer ? q() : H() : R.kind === "text" && (M.trim().toUpperCase() === R.text ? q() : H());
+  }, [R, M, q, H]), ee = w(
     (y) => {
-      z(y), !(R.kind !== "slider" || k === "verified" || k === "verifying") && Math.abs(y - R.target) <= R.tolerance && B();
+      z(y), !(R.kind !== "slider" || k === "verified" || k === "verifying") && Math.abs(y - R.target) <= R.tolerance && q();
     },
-    [R, k, B]
+    [R, k, q]
   );
-  if (!c)
+  if (!i)
     return d === "custom" && h ? /* @__PURE__ */ e(
       "div",
       {
@@ -686,7 +722,7 @@ const fe = O((i, t) => {
         "data-size": F,
         children: /* @__PURE__ */ a("div", { className: "nice-captcha__placeholder", children: [
           /* @__PURE__ */ a("span", { children: [
-            "🔒 Captcha (",
+            "Captcha (",
             d,
             ")"
           ] }),
@@ -698,7 +734,7 @@ const fe = O((i, t) => {
         ] })
       }
     );
-  const L = k === "verifying", V = k === "verified", te = `nice-captcha nice-captcha--${c} nice-captcha--${g} nice-captcha--${k}${F === "compact" ? " nice-captcha--compact" : ""}${m ? ` ${m}` : ""}`;
+  const L = k === "verifying", V = k === "verified", te = `nice-captcha nice-captcha--${i} nice-captcha--${g} nice-captcha--${k}${F === "compact" ? " nice-captcha--compact" : ""}${m ? ` ${m}` : ""}`;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -707,11 +743,11 @@ const fe = O((i, t) => {
       style: f,
       role: "group",
       "aria-label": "Captcha challenge",
-      "data-variant": c,
+      "data-variant": i,
       "data-status": k,
       "data-theme": g,
       children: [
-        c === "checkbox" && /* @__PURE__ */ a(
+        i === "checkbox" && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -722,12 +758,25 @@ const fe = O((i, t) => {
             disabled: L || V,
             onClick: Y,
             children: [
-              /* @__PURE__ */ e("span", { className: "nice-captcha__box", "aria-hidden": "true", children: L ? "…" : V ? "✓" : "" }),
+              /* @__PURE__ */ e("span", { className: "nice-captcha__box", "aria-hidden": "true", children: L ? "…" : V ? /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    display: "inline-block",
+                    width: "0.3em",
+                    height: "0.6em",
+                    marginBottom: "0.15em",
+                    borderRight: "0.12em solid currentColor",
+                    borderBottom: "0.12em solid currentColor",
+                    transform: "rotate(45deg)"
+                  }
+                }
+              ) : "" }),
               /* @__PURE__ */ e("span", { className: "nice-captcha__label", children: p })
             ]
           }
         ),
-        c === "math" && R.kind === "math" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
+        i === "math" && R.kind === "math" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
           /* @__PURE__ */ a("span", { className: "nice-captcha__prompt", "aria-hidden": "true", children: [
             R.prompt,
             " ="
@@ -738,7 +787,7 @@ const fe = O((i, t) => {
               className: "nice-input nice-captcha__answer",
               type: "number",
               inputMode: "numeric",
-              value: D,
+              value: M,
               "aria-label": `What is ${R.prompt}?`,
               disabled: L || V,
               onChange: (y) => u(y.target.value),
@@ -752,13 +801,13 @@ const fe = O((i, t) => {
             {
               type: "button",
               className: "nice-btn nice-btn--primary nice-captcha__verify",
-              disabled: L || V || D.trim() === "",
+              disabled: L || V || M.trim() === "",
               onClick: j,
               children: L ? "…" : "Verify"
             }
           )
         ] }),
-        c === "text" && R.kind === "text" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
+        i === "text" && R.kind === "text" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
           /* @__PURE__ */ e(
             "canvas",
             {
@@ -776,7 +825,7 @@ const fe = O((i, t) => {
               type: "text",
               autoCapitalize: "characters",
               autoComplete: "off",
-              value: D,
+              value: M,
               "aria-label": "Type the characters shown in the image",
               disabled: L || V,
               onChange: (y) => u(y.target.value),
@@ -790,14 +839,14 @@ const fe = O((i, t) => {
             {
               type: "button",
               className: "nice-btn nice-btn--primary nice-captcha__verify",
-              disabled: L || V || D.trim() === "",
+              disabled: L || V || M.trim() === "",
               onClick: j,
               children: L ? "…" : "Verify"
             }
           )
         ] }),
-        c === "slider" && R.kind === "slider" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge nice-captcha__challenge--slider", children: [
-          /* @__PURE__ */ e("span", { className: "nice-captcha__slider-hint", "aria-hidden": "true", children: V ? "Verified ✓" : "Slide to the marker" }),
+        i === "slider" && R.kind === "slider" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge nice-captcha__challenge--slider", children: [
+          /* @__PURE__ */ e("span", { className: "nice-captcha__slider-hint", "aria-hidden": "true", children: V ? "Verified" : "Slide to the marker" }),
           /* @__PURE__ */ a("div", { className: "nice-captcha__track", children: [
             /* @__PURE__ */ e(
               "span",
@@ -824,7 +873,7 @@ const fe = O((i, t) => {
           ] })
         ] }),
         /* @__PURE__ */ a("div", { className: "nice-captcha__footer", children: [
-          /* @__PURE__ */ e("div", { className: "nice-captcha__message", role: "status", "aria-live": "polite", children: q }),
+          /* @__PURE__ */ e("div", { className: "nice-captcha__message", role: "status", "aria-live": "polite", children: O }),
           r && /* @__PURE__ */ e(
             "button",
             {
@@ -833,7 +882,7 @@ const fe = O((i, t) => {
               "aria-label": "Refresh challenge",
               title: "Refresh challenge",
               onClick: G,
-              children: "↻"
+              children: /* @__PURE__ */ e(he, {})
             }
           )
         ] })
@@ -841,56 +890,58 @@ const fe = O((i, t) => {
     }
   );
 });
-fe.displayName = "NiceCaptcha";
-const ge = [
-  { id: "google", label: "Google", icon: "🔵", color: "#4285f4", textColor: "#fff" },
-  { id: "microsoft", label: "Microsoft", icon: "🟦", color: "#00a4ef", textColor: "#fff" },
-  { id: "discord", label: "Discord", icon: "💬", color: "#5865f2", textColor: "#fff" },
-  { id: "spotify", label: "Spotify", icon: "🎵", color: "#1db954", textColor: "#fff" },
-  { id: "github", label: "GitHub", icon: "🐙", color: "#24292e", textColor: "#fff" }
-], _e = O(({
-  providers: i = ge,
-  onProviderClick: t,
-  disabled: c = !1,
-  loadingProvider: n,
-  direction: r = "vertical",
-  separatorText: l = "or continue with",
-  showSeparator: o = !0,
-  className: p,
-  style: d
-}, $) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: $,
-    className: `nice-oauth nice-oauth--${r}${p ? ` ${p}` : ""}`,
-    style: d,
-    children: [
-      o && /* @__PURE__ */ a("div", { className: "nice-oauth__separator", children: [
-        /* @__PURE__ */ e("hr", {}),
-        /* @__PURE__ */ e("span", { children: l }),
-        /* @__PURE__ */ e("hr", {})
-      ] }),
-      /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: i.map((s) => /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          className: `nice-oauth__btn${n === s.id ? " nice-oauth__btn--loading" : ""}`,
-          style: { backgroundColor: s.color, color: s.textColor },
-          onClick: () => t == null ? void 0 : t(s.id),
-          disabled: c || !!n,
-          children: [
-            s.icon && /* @__PURE__ */ e("span", { className: "nice-oauth__btn-icon", children: s.icon }),
-            /* @__PURE__ */ e("span", { className: "nice-oauth__btn-label", children: n === s.id ? "…" : s.label })
-          ]
-        },
-        s.id
-      )) })
-    ]
-  }
-));
-_e.displayName = "NiceOAuthButtons";
-const ye = O(
-  function(t, c) {
+ge.displayName = "NiceCaptcha";
+const _e = [
+  { id: "google", label: "Google", color: "#4285f4", textColor: "#fff" },
+  { id: "microsoft", label: "Microsoft", color: "#00a4ef", textColor: "#fff" },
+  { id: "discord", label: "Discord", color: "#5865f2", textColor: "#fff" },
+  { id: "spotify", label: "Spotify", color: "#1db954", textColor: "#fff" },
+  { id: "github", label: "GitHub", color: "#24292e", textColor: "#fff" }
+], be = B(
+  ({
+    providers: c = _e,
+    onProviderClick: t,
+    disabled: i = !1,
+    loadingProvider: n,
+    direction: r = "vertical",
+    separatorText: l = "or continue with",
+    showSeparator: o = !0,
+    className: p,
+    style: d
+  }, $) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: $,
+      className: `nice-oauth nice-oauth--${r}${p ? ` ${p}` : ""}`,
+      style: d,
+      children: [
+        o && /* @__PURE__ */ a("div", { className: "nice-oauth__separator", children: [
+          /* @__PURE__ */ e("hr", {}),
+          /* @__PURE__ */ e("span", { children: l }),
+          /* @__PURE__ */ e("hr", {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: c.map((s) => /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: `nice-oauth__btn${n === s.id ? " nice-oauth__btn--loading" : ""}`,
+            style: { backgroundColor: s.color, color: s.textColor },
+            onClick: () => t == null ? void 0 : t(s.id),
+            disabled: i || !!n,
+            children: [
+              s.icon && /* @__PURE__ */ e("span", { className: "nice-oauth__btn-icon", children: s.icon }),
+              /* @__PURE__ */ e("span", { className: "nice-oauth__btn-label", children: n === s.id ? "…" : s.label })
+            ]
+          },
+          s.id
+        )) })
+      ]
+    }
+  )
+);
+be.displayName = "NiceOAuthButtons";
+const ke = B(
+  function(t, i) {
     const {
       tokens: n,
       onCreate: r,
@@ -900,7 +951,7 @@ const ye = O(
       title: d = "API Tokens",
       className: $,
       style: s
-    } = t, [C, b] = _(!1), [x, g] = _(""), [F, h] = _([]), [m, f] = _("90"), [T, N] = _(null), [P, S] = _(!1), [E, k] = _(null), M = w(async () => {
+    } = t, [C, b] = _(!1), [x, g] = _(""), [F, h] = _([]), [m, f] = _("90"), [T, N] = _(null), [P, S] = _(!1), [E, k] = _(null), D = w(async () => {
       if (!(!r || !x.trim())) {
         S(!0);
         try {
@@ -910,7 +961,7 @@ const ye = O(
           S(!1);
         }
       }
-    }, [r, x, F, m]), q = w(
+    }, [r, x, F, m]), O = w(
       async (u) => {
         if (l) {
           k(u);
@@ -926,11 +977,11 @@ const ye = O(
       h(
         (v) => v.includes(u) ? v.filter((z) => z !== u) : [...v, u]
       );
-    }, D = n.length < p;
-    return /* @__PURE__ */ a("div", { ref: c, className: `nice-token-management ${$ ?? ""}`, style: s, children: [
+    }, M = n.length < p;
+    return /* @__PURE__ */ a("div", { ref: i, className: `nice-token-management ${$ ?? ""}`, style: s, children: [
       /* @__PURE__ */ a("div", { className: "nice-token-management__header", children: [
         /* @__PURE__ */ e("h3", { children: d }),
-        D && /* @__PURE__ */ e(
+        M && /* @__PURE__ */ e(
           "button",
           {
             className: "nice-token-management__new-btn",
@@ -990,7 +1041,7 @@ const ye = O(
           )
         ] }),
         /* @__PURE__ */ a("div", { className: "nice-token-management__create-actions", children: [
-          /* @__PURE__ */ e("button", { onClick: M, disabled: P || !x.trim(), children: P ? "Creating…" : "Create Token" }),
+          /* @__PURE__ */ e("button", { onClick: D, disabled: P || !x.trim(), children: P ? "Creating…" : "Create Token" }),
           /* @__PURE__ */ e("button", { onClick: () => b(!1), children: "Cancel" })
         ] })
       ] }),
@@ -1020,7 +1071,7 @@ const ye = O(
               "button",
               {
                 className: "nice-token-management__revoke-btn",
-                onClick: () => q(u.id),
+                onClick: () => O(u.id),
                 disabled: E === u.id,
                 children: E === u.id ? "Revoking…" : "Revoke"
               }
@@ -1032,14 +1083,14 @@ const ye = O(
   }
 );
 export {
-  fe as NiceCaptcha,
+  ge as NiceCaptcha,
   oe as NiceChangePassword,
-  ie as NiceLoginForm,
-  _e as NiceOAuthButtons,
+  ce as NiceLoginForm,
+  be as NiceOAuthButtons,
   Z as NicePasswordStrength,
   le as NiceRegistrationForm,
-  ye as NiceTokenManagement,
+  ke as NiceTokenManagement,
   de as NiceTwoFaSetup,
   J as calcPasswordStrength,
-  ve as useAuth
+  ye as useAuth
 };