@nice2dev/auth 1.0.20 → 1.0.22

package/dist/index.mjs

@@ -1,178 +1,178 @@
-import { useState as _, useCallback as x, forwardRef as E, useMemo as V } from "react";
-import { jsxs as n, jsx as e, Fragment as q } from "react/jsx-runtime";
-function X(a = {}) {
-  const { onLogin: t, onRefresh: o, onLogout: d, storageKey: u = "nice_auth", persistAuth: f = !1 } = a, [r, m] = _(() => {
-    if (f && typeof window < "u")
+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] = _(() => {
+    if (l && typeof window < "u")
       try {
-        const s = localStorage.getItem(u);
-        if (s)
-          return { ...JSON.parse(s), loading: !1, error: null };
+        const h = localStorage.getItem(r);
+        if (h)
+          return { ...JSON.parse(h), loading: !1, error: null };
       } catch {
       }
     return { isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null };
-  }), c = x(
-    (s) => {
-      m((h) => {
-        const p = { ...h, ...s };
-        return f && typeof window < "u" && (p.isAuthenticated ? localStorage.setItem(
-          u,
-          JSON.stringify({ isAuthenticated: !0, user: p.user })
-        ) : localStorage.removeItem(u)), p;
+  }), d = w(
+    (h) => {
+      p((m) => {
+        const f = { ...m, ...h };
+        return l && typeof window < "u" && (f.isAuthenticated ? localStorage.setItem(
+          r,
+          JSON.stringify({ isAuthenticated: !0, user: f.user })
+        ) : localStorage.removeItem(r)), f;
       });
     },
-    [f, u]
-  ), v = x(
-    async (s, h) => {
-      c({ loading: !0, error: null });
+    [l, r]
+  ), $ = w(
+    async (h, m) => {
+      d({ loading: !0, error: null });
       try {
         if (t) {
-          const p = await t(s, h);
-          return c({
+          const f = await t(h, m);
+          return d({
             isAuthenticated: !0,
-            user: p.user,
-            tokens: p.tokens,
+            user: f.user,
+            tokens: f.tokens,
             loading: !1
           }), !0;
         }
-        return c({ loading: !1, error: "No login handler configured" }), !1;
-      } catch (p) {
-        return c({
+        return d({ loading: !1, error: "No login handler configured" }), !1;
+      } catch (f) {
+        return d({
           loading: !1,
-          error: (p == null ? void 0 : p.message) ?? "Login failed"
+          error: (f == null ? void 0 : f.message) ?? "Login failed"
         }), !1;
       }
     },
-    [t, c]
-  ), i = x(() => {
-    d == null || d(), c({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
-  }, [d, c]), k = x(async () => {
-    var s;
-    if (!((s = r.tokens) != null && s.refreshToken) || !o)
+    [t, d]
+  ), s = w(() => {
+    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)
       return !1;
     try {
-      const h = await o(r.tokens.refreshToken);
-      return c({ tokens: h }), !0;
+      const m = await c(o.tokens.refreshToken);
+      return d({ tokens: m }), !0;
     } catch {
-      return i(), !1;
+      return s(), !1;
     }
-  }, [r.tokens, o, c, i]), b = x(
-    (s, h) => {
-      c({ isAuthenticated: !0, user: s, tokens: h, loading: !1, error: null });
+  }, [o.tokens, c, d, s]), b = w(
+    (h, m) => {
+      d({ isAuthenticated: !0, user: h, tokens: m, loading: !1, error: null });
     },
-    [c]
-  ), C = x(
-    (...s) => r.user ? s.every((h) => r.user.roles.includes(h)) : !1,
-    [r.user]
-  ), w = x(
-    (...s) => r.user ? s.every((h) => r.user.permissions.includes(h)) : !1,
-    [r.user]
-  ), A = x(() => {
-    c({ error: null });
-  }, [c]);
+    [d]
+  ), x = w(
+    (...h) => o.user ? h.every((m) => o.user.roles.includes(m)) : !1,
+    [o.user]
+  ), g = w(
+    (...h) => o.user ? h.every((m) => o.user.permissions.includes(m)) : !1,
+    [o.user]
+  ), F = w(() => {
+    d({ error: null });
+  }, [d]);
   return {
-    ...r,
-    login: v,
-    logout: i,
-    refreshToken: k,
+    ...o,
+    login: $,
+    logout: s,
+    refreshToken: C,
     setAuth: b,
-    hasRoles: C,
-    hasPermissions: w,
-    clearError: A
+    hasRoles: x,
+    hasPermissions: g,
+    clearError: F
   };
 }
-const j = E(
+const ie = O(
   ({
-    onSubmit: a,
+    onSubmit: i,
     loading: t = !1,
-    error: o,
-    showRememberMe: d = !0,
-    showForgotPassword: u = !0,
-    onForgotPassword: f,
-    showRegisterLink: r = !0,
-    onRegisterClick: m,
-    title: c = "Sign In",
-    submitLabel: v = "Sign In",
-    logo: i,
-    footer: k,
+    error: c,
+    showRememberMe: n = !0,
+    showForgotPassword: r = !0,
+    onForgotPassword: l,
+    showRegisterLink: o = !0,
+    onRegisterClick: p,
+    title: d = "Sign In",
+    submitLabel: $ = "Sign In",
+    logo: s,
+    footer: C,
     className: b,
-    style: C,
-    emailLabel: w = "Email",
-    passwordLabel: A = "Password",
-    tracelessPolicy: s,
-    privacyMessage: h
-  }, p) => {
-    const [$, g] = _(""), [S, y] = _(""), [T, R] = _(!1), L = V(() => !(!d || s && !s.cookiesAllowed), [d, s]), P = x(
-      (F) => {
-        F.preventDefault();
-        const D = (s == null ? void 0 : s.cookiesAllowed) === !1 ? !1 : T;
-        a == null || a({ email: $, password: S, rememberMe: D });
+    style: x,
+    emailLabel: g = "Email",
+    passwordLabel: F = "Password",
+    tracelessPolicy: h,
+    privacyMessage: m
+  }, f) => {
+    const [T, N] = _(""), [P, S] = _(""), [E, k] = _(!1), M = X(() => !(!n || h && !h.cookiesAllowed), [n, h]), q = w(
+      (A) => {
+        A.preventDefault();
+        const D = (h == null ? void 0 : h.cookiesAllowed) === !1 ? !1 : E;
+        i == null || i({ email: T, password: P, rememberMe: D });
       },
-      [$, S, T, a, s]
+      [T, P, E, i, h]
     );
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ a(
       "form",
       {
-        ref: p,
+        ref: f,
         className: `nice-login-form${b ? ` ${b}` : ""}`,
-        style: C,
-        onSubmit: P,
+        style: x,
+        onSubmit: q,
         noValidate: !0,
         children: [
-          i && /* @__PURE__ */ e("div", { className: "nice-login-form__logo", children: i }),
-          /* @__PURE__ */ e("h2", { className: "nice-login-form__title", children: c }),
-          o && /* @__PURE__ */ e("div", { className: "nice-login-form__error", role: "alert", children: o }),
-          /* @__PURE__ */ n("div", { className: "nice-login-form__field", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "nice-login-email", children: w }),
+          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 }),
+          /* @__PURE__ */ a("div", { className: "nice-login-form__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-login-email", children: g }),
             /* @__PURE__ */ e(
               "input",
               {
                 id: "nice-login-email",
                 className: "nice-input",
                 type: "email",
-                value: $,
-                onChange: (F) => g(F.target.value),
+                value: T,
+                onChange: (A) => N(A.target.value),
                 autoComplete: "email",
                 required: !0,
                 disabled: t
               }
             )
           ] }),
-          /* @__PURE__ */ n("div", { className: "nice-login-form__field", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "nice-login-password", children: A }),
+          /* @__PURE__ */ a("div", { className: "nice-login-form__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-login-password", children: F }),
             /* @__PURE__ */ e(
               "input",
               {
                 id: "nice-login-password",
                 className: "nice-input",
                 type: "password",
-                value: S,
-                onChange: (F) => y(F.target.value),
+                value: P,
+                onChange: (A) => S(A.target.value),
                 autoComplete: "current-password",
                 required: !0,
                 disabled: t
               }
             )
           ] }),
-          /* @__PURE__ */ n("div", { className: "nice-login-form__options", children: [
-            L && /* @__PURE__ */ n("label", { className: "nice-login-form__remember", children: [
+          /* @__PURE__ */ a("div", { className: "nice-login-form__options", children: [
+            M && /* @__PURE__ */ a("label", { className: "nice-login-form__remember", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  checked: T,
-                  onChange: (F) => R(F.target.checked),
+                  checked: E,
+                  onChange: (A) => k(A.target.checked),
                   disabled: t
                 }
               ),
               /* @__PURE__ */ e("span", { children: "Remember me" })
             ] }),
-            !L && d && h && /* @__PURE__ */ e("span", { className: "nice-login-form__privacy-notice", children: h }),
-            u && /* @__PURE__ */ e(
+            !M && n && m && /* @__PURE__ */ e("span", { className: "nice-login-form__privacy-notice", children: m }),
+            r && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "nice-login-form__forgot",
-                onClick: f,
+                onClick: l,
                 disabled: t,
                 children: "Forgot password?"
               }
@@ -183,92 +183,92 @@ const j = E(
             {
               type: "submit",
               className: "nice-btn nice-btn--primary nice-login-form__submit",
-              disabled: t || !$ || !S,
-              children: t ? "…" : v
+              disabled: t || !T || !P,
+              children: t ? "…" : $
             }
           ),
-          r && /* @__PURE__ */ n("div", { className: "nice-login-form__register", children: [
+          o && /* @__PURE__ */ a("div", { className: "nice-login-form__register", children: [
             /* @__PURE__ */ e("span", { children: "Don't have an account? " }),
-            /* @__PURE__ */ e("button", { type: "button", onClick: m, disabled: t, children: "Register" })
+            /* @__PURE__ */ e("button", { type: "button", onClick: p, disabled: t, children: "Register" })
           ] }),
-          k && /* @__PURE__ */ e("div", { className: "nice-login-form__footer", children: k })
+          C && /* @__PURE__ */ e("div", { className: "nice-login-form__footer", children: C })
         ]
       }
     );
   }
 );
-j.displayName = "NiceLoginForm";
-const B = {
+ie.displayName = "NiceLoginForm";
+const re = {
   0: "Very weak",
   1: "Weak",
   2: "Fair",
   3: "Strong",
   4: "Very strong"
-}, G = {
+}, se = {
   0: "#d9534f",
   1: "#f0ad4e",
   2: "#5bc0de",
   3: "#5cb85c",
   4: "#2e7d32"
 };
-function I(a) {
-  if (!a)
+function J(i) {
+  if (!i)
     return 0;
   let t = 0;
-  return a.length >= 8 && t++, a.length >= 12 && t++, /[a-z]/.test(a) && /[A-Z]/.test(a) && t++, /\d/.test(a) && t++, /[^a-zA-Z0-9]/.test(a) && t++, Math.min(4, t);
+  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);
 }
-const M = E(
-  ({ password: a, strength: t, showLabel: o = !0, labels: d = B, className: u }, f) => {
-    const r = t ?? I(a), m = G[r], c = (r + 1) / 5 * 100;
-    return /* @__PURE__ */ n("div", { ref: f, className: `nice-password-strength${u ? ` ${u}` : ""}`, children: [
+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;
+    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",
         {
           className: "nice-password-strength__fill",
-          style: { width: `${c}%`, backgroundColor: m }
+          style: { width: `${d}%`, backgroundColor: p }
         }
       ) }),
-      o && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: m }, children: d[r] })
+      c && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: p }, children: n[o] })
     ] });
   }
 );
-M.displayName = "NicePasswordStrength";
-const Q = E(
+Z.displayName = "NicePasswordStrength";
+const le = O(
   ({
-    onSubmit: a,
+    onSubmit: i,
     loading: t = !1,
-    error: o,
-    onLoginClick: d,
-    showPasswordStrength: u = !0,
-    minPasswordStrength: f = 2,
-    termsUrl: r,
-    privacyUrl: m,
-    title: c = "Create Account",
-    logo: v,
-    footer: i,
-    className: k,
+    error: c,
+    onLoginClick: n,
+    showPasswordStrength: r = !0,
+    minPasswordStrength: l = 2,
+    termsUrl: o,
+    privacyUrl: p,
+    title: d = "Create Account",
+    logo: $,
+    footer: s,
+    className: C,
     style: b
-  }, C) => {
-    const [w, A] = _(""), [s, h] = _(""), [p, $] = _(""), [g, S] = _(""), [y, T] = _(""), [R, L] = _(!1), P = I(g), F = g === y, D = w && p && g && F && R && P >= f && !t, l = x(
-      (N) => {
-        N.preventDefault(), D && (a == null || a({ firstName: w, lastName: s, email: p, password: g, acceptTerms: R }));
+  }, 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(
+      (v) => {
+        v.preventDefault(), D && (i == null || i({ firstName: g, lastName: h, email: f, password: N, acceptTerms: k }));
       },
-      [D, w, s, p, g, R, a]
+      [D, g, h, f, N, k, i]
     );
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ a(
       "form",
       {
-        ref: C,
-        className: `nice-register-form${k ? ` ${k}` : ""}`,
+        ref: x,
+        className: `nice-register-form${C ? ` ${C}` : ""}`,
         style: b,
-        onSubmit: l,
+        onSubmit: u,
         noValidate: !0,
         children: [
-          v && /* @__PURE__ */ e("div", { className: "nice-register-form__logo", children: v }),
-          /* @__PURE__ */ e("h2", { className: "nice-register-form__title", children: c }),
-          o && /* @__PURE__ */ e("div", { className: "nice-register-form__error", role: "alert", children: o }),
-          /* @__PURE__ */ n("div", { className: "nice-register-form__row", children: [
-            /* @__PURE__ */ n("div", { className: "nice-register-form__field", 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 }),
+          /* @__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 *" }),
               /* @__PURE__ */ e(
                 "input",
@@ -276,15 +276,15 @@ const Q = E(
                   id: "nice-reg-first",
                   className: "nice-input",
                   type: "text",
-                  value: w,
-                  onChange: (N) => A(N.target.value),
+                  value: g,
+                  onChange: (v) => F(v.target.value),
                   required: !0,
                   disabled: t,
                   autoComplete: "given-name"
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
+            /* @__PURE__ */ a("div", { className: "nice-register-form__field", children: [
               /* @__PURE__ */ e("label", { htmlFor: "nice-reg-last", children: "Last name" }),
               /* @__PURE__ */ e(
                 "input",
@@ -292,15 +292,15 @@ const Q = E(
                   id: "nice-reg-last",
                   className: "nice-input",
                   type: "text",
-                  value: s,
-                  onChange: (N) => h(N.target.value),
+                  value: h,
+                  onChange: (v) => m(v.target.value),
                   disabled: t,
                   autoComplete: "family-name"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ a("div", { className: "nice-register-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-reg-email", children: "Email *" }),
             /* @__PURE__ */ e(
               "input",
@@ -308,15 +308,15 @@ const Q = E(
                 id: "nice-reg-email",
                 className: "nice-input",
                 type: "email",
-                value: p,
-                onChange: (N) => $(N.target.value),
+                value: f,
+                onChange: (v) => T(v.target.value),
                 required: !0,
                 disabled: t,
                 autoComplete: "email"
               }
             )
           ] }),
-          /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ a("div", { className: "nice-register-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-reg-pass", children: "Password *" }),
             /* @__PURE__ */ e(
               "input",
@@ -324,16 +324,16 @@ const Q = E(
                 id: "nice-reg-pass",
                 className: "nice-input",
                 type: "password",
-                value: g,
-                onChange: (N) => S(N.target.value),
+                value: N,
+                onChange: (v) => P(v.target.value),
                 required: !0,
                 disabled: t,
                 autoComplete: "new-password"
               }
             ),
-            u && g.length > 0 && /* @__PURE__ */ e(M, { password: g })
+            r && N.length > 0 && /* @__PURE__ */ e(Z, { password: N })
           ] }),
-          /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ a("div", { className: "nice-register-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-reg-confirm", children: "Confirm password *" }),
             /* @__PURE__ */ e(
               "input",
@@ -341,34 +341,34 @@ const Q = E(
                 id: "nice-reg-confirm",
                 className: "nice-input",
                 type: "password",
-                value: y,
-                onChange: (N) => T(N.target.value),
+                value: S,
+                onChange: (v) => E(v.target.value),
                 required: !0,
                 disabled: t,
                 autoComplete: "new-password"
               }
             ),
-            y && !F && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+            S && !A && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
           ] }),
-          /* @__PURE__ */ n("label", { className: "nice-register-form__terms", children: [
+          /* @__PURE__ */ a("label", { className: "nice-register-form__terms", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
-                checked: R,
-                onChange: (N) => L(N.target.checked),
+                checked: k,
+                onChange: (v) => M(v.target.checked),
                 disabled: t
               }
             ),
-            /* @__PURE__ */ n("span", { children: [
+            /* @__PURE__ */ a("span", { children: [
               "I accept the",
               " ",
-              r ? /* @__PURE__ */ e("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
-              m && /* @__PURE__ */ n(q, { children: [
+              o ? /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
+              p && /* @__PURE__ */ a(ce, { children: [
                 " ",
                 "and",
                 " ",
-                /* @__PURE__ */ e("a", { href: m, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
+                /* @__PURE__ */ e("a", { href: p, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
               ] }),
               " *"
             ] })
@@ -382,51 +382,51 @@ const Q = E(
               children: t ? "…" : "Register"
             }
           ),
-          d && /* @__PURE__ */ n("div", { className: "nice-register-form__login", children: [
+          n && /* @__PURE__ */ a("div", { className: "nice-register-form__login", children: [
             /* @__PURE__ */ e("span", { children: "Already have an account? " }),
-            /* @__PURE__ */ e("button", { type: "button", onClick: d, children: "Sign in" })
+            /* @__PURE__ */ e("button", { type: "button", onClick: n, children: "Sign in" })
           ] }),
-          i && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: i })
+          s && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: s })
         ]
       }
     );
   }
 );
-Q.displayName = "NiceRegistrationForm";
-const z = E(
+le.displayName = "NiceRegistrationForm";
+const oe = O(
   ({
-    requireCurrentPassword: a = !0,
+    requireCurrentPassword: i = !0,
     onSubmit: t,
-    loading: o = !1,
-    error: d,
-    success: u,
-    minPasswordStrength: f = 2,
-    title: r = "Change Password",
-    className: m,
-    style: c
-  }, v) => {
-    const [i, k] = _(""), [b, C] = _(""), [w, A] = _(""), s = I(b), h = b === w, p = (!a || i.length > 0) && b.length > 0 && h && s >= f && !o, $ = x(
-      (g) => {
-        g.preventDefault(), p && (t == null || t({
-          currentPassword: a ? i : void 0,
+    loading: c = !1,
+    error: n,
+    success: r,
+    minPasswordStrength: l = 2,
+    title: o = "Change Password",
+    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(
+      (N) => {
+        N.preventDefault(), f && (t == null || t({
+          currentPassword: i ? s : void 0,
           newPassword: b
         }));
       },
-      [p, i, b, a, t]
+      [f, s, b, i, t]
     );
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ a(
       "form",
       {
-        ref: v,
-        className: `nice-change-password${m ? ` ${m}` : ""}`,
-        style: c,
-        onSubmit: $,
+        ref: $,
+        className: `nice-change-password${p ? ` ${p}` : ""}`,
+        style: d,
+        onSubmit: T,
         noValidate: !0,
         children: [
-          /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: r }),
-          d && /* @__PURE__ */ e("div", { className: "nice-change-password__error", role: "alert", children: d }),
-          u && /* @__PURE__ */ e("div", { className: "nice-change-password__success", role: "status", children: u }),
-          a && /* @__PURE__ */ n("div", { className: "nice-change-password__field", children: [
+          /* @__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: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
             /* @__PURE__ */ e(
               "input",
@@ -434,15 +434,15 @@ const z = E(
                 id: "nice-cp-current",
                 className: "nice-input",
                 type: "password",
-                value: i,
-                onChange: (g) => k(g.target.value),
+                value: s,
+                onChange: (N) => C(N.target.value),
                 autoComplete: "current-password",
-                disabled: o,
+                disabled: c,
                 required: !0
               }
             )
           ] }),
-          /* @__PURE__ */ n("div", { className: "nice-change-password__field", children: [
+          /* @__PURE__ */ a("div", { className: "nice-change-password__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-new", children: "New password" }),
             /* @__PURE__ */ e(
               "input",
@@ -451,15 +451,15 @@ const z = E(
                 className: "nice-input",
                 type: "password",
                 value: b,
-                onChange: (g) => C(g.target.value),
+                onChange: (N) => x(N.target.value),
                 autoComplete: "new-password",
-                disabled: o,
+                disabled: c,
                 required: !0
               }
             ),
-            b.length > 0 && /* @__PURE__ */ e(M, { password: b })
+            b.length > 0 && /* @__PURE__ */ e(Z, { password: b })
           ] }),
-          /* @__PURE__ */ n("div", { className: "nice-change-password__field", children: [
+          /* @__PURE__ */ a("div", { className: "nice-change-password__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-confirm", children: "Confirm new password" }),
             /* @__PURE__ */ e(
               "input",
@@ -467,57 +467,57 @@ const z = E(
                 id: "nice-cp-confirm",
                 className: "nice-input",
                 type: "password",
-                value: w,
-                onChange: (g) => A(g.target.value),
+                value: g,
+                onChange: (N) => F(N.target.value),
                 autoComplete: "new-password",
-                disabled: o,
+                disabled: c,
                 required: !0
               }
             ),
-            w && !h && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+            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: !p, children: o ? "…" : "Change Password" })
+          /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !f, children: c ? "…" : "Change Password" })
         ]
       }
     );
   }
 );
-z.displayName = "NiceChangePassword";
-const J = E(({
-  secret: a,
+oe.displayName = "NiceChangePassword";
+const de = O(({
+  secret: i,
   qrCodeUrl: t,
-  issuer: o,
-  accountName: d,
-  onVerify: u,
-  loading: f = !1,
-  error: r,
-  onCancel: m,
-  recoveryCodes: c,
-  step: v = "setup",
-  onStepChange: i,
-  className: k,
+  issuer: c,
+  accountName: n,
+  onVerify: r,
+  loading: l = !1,
+  error: o,
+  onCancel: p,
+  recoveryCodes: d,
+  step: $ = "setup",
+  onStepChange: s,
+  className: C,
   style: b
-}, C) => {
-  const [w, A] = _(""), [s, h] = _(!1), [p, $] = _(!1), g = x((y) => {
-    y.preventDefault(), w.length >= 6 && (u == null || u(w));
-  }, [w, u]), S = `otpauth://totp/${o ? `${o}:` : ""}${d ?? "user"}?secret=${a}${o ? `&issuer=${o}` : ""}&digits=6&period=30`;
-  return /* @__PURE__ */ n("div", { ref: C, className: `nice-2fa-setup${k ? ` ${k}` : ""}`, style: b, children: [
+}, 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" }),
-    v === "setup" && /* @__PURE__ */ n("div", { className: "nice-2fa-setup__step", children: [
+    $ === "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__ */ n("div", { className: "nice-2fa-setup__qr-placeholder", children: [
+      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: S })
+        /* @__PURE__ */ e("code", { className: "nice-2fa-setup__uri", children: P })
       ] }),
-      /* @__PURE__ */ n("div", { className: "nice-2fa-setup__secret", children: [
+      /* @__PURE__ */ a("div", { className: "nice-2fa-setup__secret", children: [
         /* @__PURE__ */ e("span", { children: "Or enter manually: " }),
-        s ? /* @__PURE__ */ e("code", { className: "nice-2fa-setup__secret-key", children: a }) : /* @__PURE__ */ e("button", { type: "button", onClick: () => h(!0), children: "Show secret key" })
+        h ? /* @__PURE__ */ e("code", { className: "nice-2fa-setup__secret-key", children: i }) : /* @__PURE__ */ e("button", { type: "button", onClick: () => m(!0), children: "Show secret key" })
       ] }),
-      /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: () => i == null ? void 0 : i("verify"), children: "Next — Verify" })
+      /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: () => s == null ? void 0 : s("verify"), children: "Next — Verify" })
     ] }),
-    v === "verify" && /* @__PURE__ */ n("form", { className: "nice-2fa-setup__step", onSubmit: g, children: [
+    $ === "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:" }),
-      r && /* @__PURE__ */ e("div", { className: "nice-2fa-setup__error", role: "alert", children: r }),
+      o && /* @__PURE__ */ e("div", { className: "nice-2fa-setup__error", role: "alert", children: o }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -525,240 +525,477 @@ const J = E(({
           type: "text",
           inputMode: "numeric",
           maxLength: 6,
-          value: w,
-          onChange: (y) => A(y.target.value.replace(/\D/g, "").slice(0, 6)),
+          value: g,
+          onChange: (S) => F(S.target.value.replace(/\D/g, "").slice(0, 6)),
           placeholder: "000000",
           autoFocus: !0,
-          disabled: f,
+          disabled: l,
           autoComplete: "one-time-code"
         }
       ),
-      /* @__PURE__ */ n("div", { className: "nice-2fa-setup__actions", children: [
-        /* @__PURE__ */ e("button", { type: "button", className: "nice-btn", onClick: () => i == null ? void 0 : i("setup"), children: "Back" }),
-        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: f || w.length < 6, children: f ? "…" : "Verify" })
+      /* @__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" })
       ] })
     ] }),
-    v === "recovery" && c && /* @__PURE__ */ n("div", { className: "nice-2fa-setup__step", children: [
+    $ === "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: c.map((y, T) => /* @__PURE__ */ e("code", { className: "nice-2fa-setup__recovery-code", children: y }, T)) }),
+      /* @__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 y;
-            (y = navigator.clipboard) == null || y.writeText(c.join(`
-`)), $(!0);
+            var S;
+            (S = navigator.clipboard) == null || S.writeText(d.join(`
+`)), T(!0);
           },
-          children: p ? "Copied!" : "Copy all codes"
+          children: f ? "Copied!" : "Copy all codes"
         }
       ),
-      m && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: m, children: "Done" })
+      p && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: p, children: "Done" })
     ] }),
-    m && v !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: m, children: "Cancel" })
+    p && $ !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: p, children: "Cancel" })
   ] });
 });
-J.displayName = "NiceTwoFaSetup";
-const K = E(
-  ({
-    provider: a = "custom",
-    siteKey: t,
-    onVerify: o,
-    onExpire: d,
-    onError: u,
-    theme: f = "light",
-    size: r = "normal",
-    customRender: m,
-    className: c,
-    style: v
-  }, i) => a === "custom" && m ? /* @__PURE__ */ e(
-    "div",
-    {
-      ref: i,
-      className: `nice-captcha nice-captcha--custom${c ? ` ${c}` : ""}`,
-      style: v,
-      children: m
+de.displayName = "NiceTwoFaSetup";
+const he = 500;
+function I(i, t) {
+  return Math.floor(Math.random() * (t - i + 1)) + i;
+}
+function ue() {
+  return `${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+}
+function me(i, t) {
+  switch (i) {
+    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;
+      return { kind: "math", prompt: `${n} ${l ? "−" : "+"} ${r}`, answer: o };
+    }
+    case "text": {
+      const c = t === "easy" ? 4 : t === "hard" ? 7 : 5, n = "ABCDEFGHJKMNPQRSTUVWXYZ23456789";
+      let r = "";
+      for (let l = 0; l < c; l++)
+        r += n[I(0, n.length - 1)];
+      return { kind: "text", text: r };
     }
-  ) : /* @__PURE__ */ e(
+    case "slider":
+      return { kind: "slider", target: I(70, 92), tolerance: t === "easy" ? 8 : t === "hard" ? 2 : 4 };
+    case "checkbox":
+    default:
+      return { kind: "checkbox" };
+  }
+}
+function pe(i, t, c) {
+  if (!i)
+    return;
+  const n = i.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;
+  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";
+  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 {
+    variant: c,
+    difficulty: n = "medium",
+    refreshable: r = !0,
+    verifyToken: l,
+    expiresMs: o,
+    label: p = "I'm not a robot",
+    provider: d = "custom",
+    siteKey: $,
+    onVerify: s,
+    onExpire: C,
+    onError: b,
+    onRefresh: x,
+    theme: g = "light",
+    size: F = "normal",
+    customRender: h,
+    className: m,
+    style: f
+  } = i, T = U(null), N = U(null), P = U(), [S, E] = _(0), [k, M] = _("idle"), [q, A] = _(""), [D, u] = _(""), [v, z] = _(0), R = X(
+    () => me(c ?? "checkbox", n),
+    [c, n, S]
+  ), K = w(() => {
+    M("idle"), A(""), u(""), z(0), E((y) => y + 1);
+  }, []), G = w(() => {
+    K(), x == null || x();
+  }, [K, x]);
+  ae(
+    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(() => {
+    if (k !== "verified" || !o)
+      return;
+    const y = setTimeout(() => {
+      C == null || C(), K();
+    }, 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(""));
+    }).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("");
+  }, []), Y = w(() => {
+    k === "verifying" || k === "verified" || (M("verifying"), A(""), P.current = setTimeout(B, he));
+  }, [k, B]);
+  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(
+    (y) => {
+      z(y), !(R.kind !== "slider" || k === "verified" || k === "verifying") && Math.abs(y - R.target) <= R.tolerance && B();
+    },
+    [R, k, B]
+  );
+  if (!c)
+    return d === "custom" && h ? /* @__PURE__ */ e(
+      "div",
+      {
+        ref: T,
+        className: `nice-captcha nice-captcha--custom${m ? ` ${m}` : ""}`,
+        style: f,
+        children: h
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: T,
+        className: `nice-captcha nice-captcha--${d} nice-captcha--${g}${F === "compact" ? " nice-captcha--compact" : ""}${m ? ` ${m}` : ""}`,
+        style: f,
+        "data-sitekey": $,
+        "data-theme": g,
+        "data-size": F,
+        children: /* @__PURE__ */ a("div", { className: "nice-captcha__placeholder", children: [
+          /* @__PURE__ */ a("span", { children: [
+            "🔒 Captcha (",
+            d,
+            ")"
+          ] }),
+          /* @__PURE__ */ a("p", { children: [
+            "Load the ",
+            d,
+            " SDK to activate verification."
+          ] })
+        ] })
+      }
+    );
+  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}` : ""}`;
+  return /* @__PURE__ */ a(
     "div",
     {
-      ref: i,
-      className: `nice-captcha nice-captcha--${a} nice-captcha--${f}${r === "compact" ? " nice-captcha--compact" : ""}${c ? ` ${c}` : ""}`,
-      style: v,
-      "data-sitekey": t,
-      "data-theme": f,
-      "data-size": r,
-      children: /* @__PURE__ */ n("div", { className: "nice-captcha__placeholder", children: [
-        /* @__PURE__ */ n("span", { children: [
-          "🔒 Captcha (",
-          a,
-          ")"
+      ref: T,
+      className: te,
+      style: f,
+      role: "group",
+      "aria-label": "Captcha challenge",
+      "data-variant": c,
+      "data-status": k,
+      "data-theme": g,
+      children: [
+        c === "checkbox" && /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "nice-captcha__checkbox",
+            role: "checkbox",
+            "aria-checked": V,
+            "aria-busy": L,
+            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__label", children: p })
+            ]
+          }
+        ),
+        c === "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,
+            " ="
+          ] }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "nice-input nice-captcha__answer",
+              type: "number",
+              inputMode: "numeric",
+              value: D,
+              "aria-label": `What is ${R.prompt}?`,
+              disabled: L || V,
+              onChange: (y) => u(y.target.value),
+              onKeyDown: (y) => {
+                y.key === "Enter" && (y.preventDefault(), j());
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-btn nice-btn--primary nice-captcha__verify",
+              disabled: L || V || D.trim() === "",
+              onClick: j,
+              children: L ? "…" : "Verify"
+            }
+          )
+        ] }),
+        c === "text" && R.kind === "text" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
+          /* @__PURE__ */ e(
+            "canvas",
+            {
+              ref: N,
+              className: "nice-captcha__canvas",
+              width: 160,
+              height: 56,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "nice-input nice-captcha__answer",
+              type: "text",
+              autoCapitalize: "characters",
+              autoComplete: "off",
+              value: D,
+              "aria-label": "Type the characters shown in the image",
+              disabled: L || V,
+              onChange: (y) => u(y.target.value),
+              onKeyDown: (y) => {
+                y.key === "Enter" && (y.preventDefault(), j());
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-btn nice-btn--primary nice-captcha__verify",
+              disabled: L || V || D.trim() === "",
+              onClick: j,
+              children: L ? "…" : "Verify"
+            }
+          )
         ] }),
-        /* @__PURE__ */ n("p", { children: [
-          "Load the ",
-          a,
-          " SDK to activate verification."
+        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" }),
+          /* @__PURE__ */ a("div", { className: "nice-captcha__track", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: "nice-captcha__target",
+                "aria-hidden": "true",
+                style: { left: `${R.target}%` }
+              }
+            ),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                className: "nice-captcha__slider",
+                type: "range",
+                min: 0,
+                max: 100,
+                value: v,
+                "aria-label": "Slide the handle to the marker to verify",
+                "aria-valuetext": `${v}%`,
+                disabled: V || L,
+                onChange: (y) => ee(Number(y.target.value))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "nice-captcha__footer", children: [
+          /* @__PURE__ */ e("div", { className: "nice-captcha__message", role: "status", "aria-live": "polite", children: q }),
+          r && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-captcha__refresh",
+              "aria-label": "Refresh challenge",
+              title: "Refresh challenge",
+              onClick: G,
+              children: "↻"
+            }
+          )
         ] })
-      ] })
+      ]
     }
-  )
-);
-K.displayName = "NiceCaptcha";
-const U = [
+  );
+});
+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" }
-], Z = E(({
-  providers: a = U,
+], _e = O(({
+  providers: i = ge,
   onProviderClick: t,
-  disabled: o = !1,
-  loadingProvider: d,
-  direction: u = "vertical",
-  separatorText: f = "or continue with",
-  showSeparator: r = !0,
-  className: m,
-  style: c
-}, v) => /* @__PURE__ */ n(
+  disabled: c = !1,
+  loadingProvider: n,
+  direction: r = "vertical",
+  separatorText: l = "or continue with",
+  showSeparator: o = !0,
+  className: p,
+  style: d
+}, $) => /* @__PURE__ */ a(
   "div",
   {
-    ref: v,
-    className: `nice-oauth nice-oauth--${u}${m ? ` ${m}` : ""}`,
-    style: c,
+    ref: $,
+    className: `nice-oauth nice-oauth--${r}${p ? ` ${p}` : ""}`,
+    style: d,
     children: [
-      r && /* @__PURE__ */ n("div", { className: "nice-oauth__separator", children: [
+      o && /* @__PURE__ */ a("div", { className: "nice-oauth__separator", children: [
         /* @__PURE__ */ e("hr", {}),
-        /* @__PURE__ */ e("span", { children: f }),
+        /* @__PURE__ */ e("span", { children: l }),
         /* @__PURE__ */ e("hr", {})
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: a.map((i) => /* @__PURE__ */ n(
+      /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: i.map((s) => /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          className: `nice-oauth__btn${d === i.id ? " nice-oauth__btn--loading" : ""}`,
-          style: { backgroundColor: i.color, color: i.textColor },
-          onClick: () => t == null ? void 0 : t(i.id),
-          disabled: o || !!d,
+          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: [
-            i.icon && /* @__PURE__ */ e("span", { className: "nice-oauth__btn-icon", children: i.icon }),
-            /* @__PURE__ */ e("span", { className: "nice-oauth__btn-label", children: d === i.id ? "…" : i.label })
+            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 })
           ]
         },
-        i.id
+        s.id
       )) })
     ]
   }
 ));
-Z.displayName = "NiceOAuthButtons";
-const Y = E(
-  function(t, o) {
+_e.displayName = "NiceOAuthButtons";
+const ye = O(
+  function(t, c) {
     const {
-      tokens: d,
-      onCreate: u,
-      onRevoke: f,
-      availableScopes: r = [],
-      maxTokens: m = 10,
-      title: c = "API Tokens",
-      className: v,
-      style: i
-    } = t, [k, b] = _(!1), [C, w] = _(""), [A, s] = _([]), [h, p] = _("90"), [$, g] = _(null), [S, y] = _(!1), [T, R] = _(null), L = x(async () => {
-      if (!(!u || !C.trim())) {
-        y(!0);
+      tokens: n,
+      onCreate: r,
+      onRevoke: l,
+      availableScopes: o = [],
+      maxTokens: p = 10,
+      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 () => {
+      if (!(!r || !x.trim())) {
+        S(!0);
         try {
-          const l = h ? parseInt(h, 10) : void 0, N = await u(C.trim(), A, l);
-          g(N), w(""), s([]), b(!1);
+          const u = m ? parseInt(m, 10) : void 0, v = await r(x.trim(), F, u);
+          N(v), g(""), h([]), b(!1);
         } finally {
-          y(!1);
+          S(!1);
         }
       }
-    }, [u, C, A, h]), P = x(
-      async (l) => {
-        if (f) {
-          R(l);
+    }, [r, x, F, m]), q = w(
+      async (u) => {
+        if (l) {
+          k(u);
           try {
-            await f(l);
+            await l(u);
           } finally {
-            R(null);
+            k(null);
           }
         }
       },
-      [f]
-    ), F = (l) => {
-      s(
-        (N) => N.includes(l) ? N.filter((O) => O !== l) : [...N, l]
+      [l]
+    ), A = (u) => {
+      h(
+        (v) => v.includes(u) ? v.filter((z) => z !== u) : [...v, u]
       );
-    }, D = d.length < m;
-    return /* @__PURE__ */ n("div", { ref: o, className: `nice-token-management ${v ?? ""}`, style: i, children: [
-      /* @__PURE__ */ n("div", { className: "nice-token-management__header", children: [
-        /* @__PURE__ */ e("h3", { children: c }),
+    }, D = n.length < p;
+    return /* @__PURE__ */ a("div", { ref: c, className: `nice-token-management ${$ ?? ""}`, style: s, children: [
+      /* @__PURE__ */ a("div", { className: "nice-token-management__header", children: [
+        /* @__PURE__ */ e("h3", { children: d }),
         D && /* @__PURE__ */ e(
           "button",
           {
             className: "nice-token-management__new-btn",
             onClick: () => b(!0),
-            disabled: k,
+            disabled: C,
             children: "+ New Token"
           }
         )
       ] }),
-      $ && /* @__PURE__ */ n("div", { className: "nice-token-management__reveal", children: [
-        /* @__PURE__ */ n("p", { children: [
+      T && /* @__PURE__ */ a("div", { className: "nice-token-management__reveal", children: [
+        /* @__PURE__ */ a("p", { children: [
           /* @__PURE__ */ e("strong", { children: "New token created!" }),
           " Copy it now — it won't be shown again."
         ] }),
-        /* @__PURE__ */ e("code", { className: "nice-token-management__token-value", children: $ }),
-        /* @__PURE__ */ e("button", { onClick: () => g(null), children: "Dismiss" })
+        /* @__PURE__ */ e("code", { className: "nice-token-management__token-value", children: T }),
+        /* @__PURE__ */ e("button", { onClick: () => N(null), children: "Dismiss" })
       ] }),
-      k && /* @__PURE__ */ n("div", { className: "nice-token-management__create-form", children: [
-        /* @__PURE__ */ n("label", { children: [
+      C && /* @__PURE__ */ a("div", { className: "nice-token-management__create-form", children: [
+        /* @__PURE__ */ a("label", { children: [
           "Name",
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: C,
-              onChange: (l) => w(l.target.value),
+              value: x,
+              onChange: (u) => g(u.target.value),
               placeholder: "My API token",
               maxLength: 64
             }
           )
         ] }),
-        r.length > 0 && /* @__PURE__ */ n("fieldset", { children: [
+        o.length > 0 && /* @__PURE__ */ a("fieldset", { children: [
           /* @__PURE__ */ e("legend", { children: "Scopes" }),
-          r.map((l) => /* @__PURE__ */ n("label", { className: "nice-token-management__scope", children: [
+          o.map((u) => /* @__PURE__ */ a("label", { className: "nice-token-management__scope", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
-                checked: A.includes(l),
-                onChange: () => F(l)
+                checked: F.includes(u),
+                onChange: () => A(u)
               }
             ),
-            l
-          ] }, l))
+            u
+          ] }, u))
         ] }),
-        /* @__PURE__ */ n("label", { children: [
+        /* @__PURE__ */ a("label", { children: [
           "Expires in (days)",
           /* @__PURE__ */ e(
             "input",
             {
               type: "number",
-              value: h,
-              onChange: (l) => p(l.target.value),
+              value: m,
+              onChange: (u) => f(u.target.value),
               min: 1,
               max: 365
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { className: "nice-token-management__create-actions", children: [
-          /* @__PURE__ */ e("button", { onClick: L, disabled: S || !C.trim(), children: S ? "Creating…" : "Create Token" }),
+        /* @__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: () => b(!1), children: "Cancel" })
         ] })
       ] }),
-      d.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-token-management__empty", children: "No API tokens yet." }) : /* @__PURE__ */ n("table", { className: "nice-token-management__table", children: [
-        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+      n.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-token-management__empty", children: "No API tokens yet." }) : /* @__PURE__ */ a("table", { className: "nice-token-management__table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { children: [
           /* @__PURE__ */ e("th", { children: "Name" }),
           /* @__PURE__ */ e("th", { children: "Prefix" }),
           /* @__PURE__ */ e("th", { children: "Created" }),
@@ -767,43 +1004,43 @@ const Y = E(
           /* @__PURE__ */ e("th", { children: "Scopes" }),
           /* @__PURE__ */ e("th", {})
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: d.map((l) => {
-          var N;
-          return /* @__PURE__ */ n("tr", { children: [
-            /* @__PURE__ */ e("td", { children: l.name }),
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("code", { children: [
-              l.prefix,
+        /* @__PURE__ */ e("tbody", { children: n.map((u) => {
+          var v;
+          return /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ e("td", { children: u.name }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ a("code", { children: [
+              u.prefix,
               "…"
             ] }) }),
-            /* @__PURE__ */ e("td", { children: l.createdAt }),
-            /* @__PURE__ */ e("td", { children: l.expiresAt ?? "—" }),
-            /* @__PURE__ */ e("td", { children: l.lastUsedAt ?? "Never" }),
-            /* @__PURE__ */ e("td", { children: ((N = l.scopes) == null ? void 0 : N.join(", ")) || "—" }),
+            /* @__PURE__ */ e("td", { children: u.createdAt }),
+            /* @__PURE__ */ e("td", { children: u.expiresAt ?? "—" }),
+            /* @__PURE__ */ e("td", { children: u.lastUsedAt ?? "Never" }),
+            /* @__PURE__ */ e("td", { children: ((v = u.scopes) == null ? void 0 : v.join(", ")) || "—" }),
             /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
               "button",
               {
                 className: "nice-token-management__revoke-btn",
-                onClick: () => P(l.id),
-                disabled: T === l.id,
-                children: T === l.id ? "Revoking…" : "Revoke"
+                onClick: () => q(u.id),
+                disabled: E === u.id,
+                children: E === u.id ? "Revoking…" : "Revoke"
               }
             ) })
-          ] }, l.id);
+          ] }, u.id);
         }) })
       ] })
     ] });
   }
 );
 export {
-  K as NiceCaptcha,
-  z as NiceChangePassword,
-  j as NiceLoginForm,
-  Z as NiceOAuthButtons,
-  M as NicePasswordStrength,
-  Q as NiceRegistrationForm,
-  Y as NiceTokenManagement,
-  J as NiceTwoFaSetup,
-  I as calcPasswordStrength,
-  X as useAuth
+  fe as NiceCaptcha,
+  oe as NiceChangePassword,
+  ie as NiceLoginForm,
+  _e as NiceOAuthButtons,
+  Z as NicePasswordStrength,
+  le as NiceRegistrationForm,
+  ye as NiceTokenManagement,
+  de as NiceTwoFaSetup,
+  J as calcPasswordStrength,
+  ve as useAuth
 };
 //# sourceMappingURL=index.mjs.map