@nice2dev/auth 1.1.9 → 1.2.0

package/dist/index.mjs

@@ -1,136 +1,136 @@
-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")
+import { useState as g, useCallback as $, forwardRef as j, useMemo as ne, useRef as H, useEffect as Q, useImperativeHandle as oe } from "react";
+import { jsxs as a, jsx as e, Fragment as ae } from "react/jsx-runtime";
+function Re(r = {}) {
+  const { onLogin: t, onRefresh: c, onLogout: n, storageKey: i = "nice_auth", persistAuth: h = !1 } = r, [l, s] = g(() => {
+    if (h && typeof window < "u")
       try {
-        const h = localStorage.getItem(r);
-        if (h)
-          return { ...JSON.parse(h), loading: !1, error: null };
+        const o = localStorage.getItem(i);
+        if (o)
+          return { ...JSON.parse(o), loading: !1, error: null };
       } catch {
       }
     return { isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null };
-  }), d = w(
-    (h) => {
-      p((m) => {
-        const f = { ...m, ...h };
-        return l && typeof window < "u" && (f.isAuthenticated ? localStorage.setItem(
-          r,
+  }), u = $(
+    (o) => {
+      s((p) => {
+        const f = { ...p, ...o };
+        return h && typeof window < "u" && (f.isAuthenticated ? localStorage.setItem(
+          i,
           JSON.stringify({ isAuthenticated: !0, user: f.user })
-        ) : localStorage.removeItem(r)), f;
+        ) : localStorage.removeItem(i)), f;
       });
     },
-    [l, r]
-  ), $ = w(
-    async (h, m) => {
-      d({ loading: !0, error: null });
+    [h, i]
+  ), S = $(
+    async (o, p) => {
+      u({ loading: !0, error: null });
       try {
         if (t) {
-          const f = await t(h, m);
-          return d({
+          const f = await t(o, p);
+          return u({
             isAuthenticated: !0,
             user: f.user,
             tokens: f.tokens,
             loading: !1
           }), !0;
         }
-        return d({ loading: !1, error: "No login handler configured" }), !1;
+        return u({ loading: !1, error: "No login handler configured" }), !1;
       } catch (f) {
-        return d({
+        return u({
           loading: !1,
           error: (f == null ? void 0 : f.message) ?? "Login failed"
         }), !1;
       }
     },
-    [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) || !i)
+    [t, u]
+  ), d = $(() => {
+    n == null || n(), u({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
+  }, [n, u]), A = $(async () => {
+    var o;
+    if (!((o = l.tokens) != null && o.refreshToken) || !c)
       return !1;
     try {
-      const m = await i(o.tokens.refreshToken);
-      return d({ tokens: m }), !0;
+      const p = await c(l.tokens.refreshToken);
+      return u({ tokens: p }), !0;
     } catch {
-      return s(), !1;
+      return d(), !1;
     }
-  }, [o.tokens, i, d, s]), b = w(
-    (h, m) => {
-      d({ isAuthenticated: !0, user: h, tokens: m, loading: !1, error: null });
+  }, [l.tokens, c, u, d]), b = $(
+    (o, p) => {
+      u({ isAuthenticated: !0, user: o, tokens: p, loading: !1, error: null });
     },
-    [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]);
+    [u]
+  ), k = $(
+    (...o) => l.user ? o.every((p) => l.user.roles.includes(p)) : !1,
+    [l.user]
+  ), _ = $(
+    (...o) => l.user ? o.every((p) => l.user.permissions.includes(p)) : !1,
+    [l.user]
+  ), F = $(() => {
+    u({ error: null });
+  }, [u]);
   return {
-    ...o,
-    login: $,
-    logout: s,
-    refreshToken: C,
+    ...l,
+    login: S,
+    logout: d,
+    refreshToken: A,
     setAuth: b,
-    hasRoles: x,
-    hasPermissions: g,
+    hasRoles: k,
+    hasPermissions: _,
     clearError: F
   };
 }
-const ce = B(
+const de = j(
   ({
-    onSubmit: c,
+    onSubmit: r,
     loading: t = !1,
-    error: i,
+    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,
+    showForgotPassword: i = !0,
+    onForgotPassword: h,
+    showRegisterLink: l = !0,
+    onRegisterClick: s,
+    title: u = "Sign In",
+    submitLabel: S = "Sign In",
+    logo: d,
+    footer: A,
     className: b,
-    style: x,
-    emailLabel: g = "Email",
+    style: k,
+    emailLabel: _ = "Email",
     passwordLabel: F = "Password",
-    tracelessPolicy: h,
-    privacyMessage: m
+    tracelessPolicy: o,
+    privacyMessage: p
   }, f) => {
-    const [T, N] = _(""), [P, S] = _(""), [E, k] = _(!1), D = X(() => !(!n || h && !h.cookiesAllowed), [n, h]), O = w(
-      (A) => {
-        A.preventDefault();
-        const M = (h == null ? void 0 : h.cookiesAllowed) === !1 ? !1 : E;
-        c == null || c({ email: T, password: P, rememberMe: M });
+    const [M, w] = g(""), [C, T] = g(""), [E, N] = g(!1), I = ne(() => !(!n || o && !o.cookiesAllowed), [n, o]), L = $(
+      (x) => {
+        x.preventDefault();
+        const D = (o == null ? void 0 : o.cookiesAllowed) === !1 ? !1 : E;
+        r == null || r({ email: M, password: C, rememberMe: D });
       },
-      [T, P, E, c, h]
+      [M, C, E, r, o]
     );
     return /* @__PURE__ */ a(
       "form",
       {
         ref: f,
         className: `nice-login-form${b ? ` ${b}` : ""}`,
-        style: x,
-        onSubmit: O,
+        style: k,
+        onSubmit: L,
         noValidate: !0,
         children: [
-          s && /* @__PURE__ */ e("div", { className: "nice-login-form__logo", children: s }),
-          /* @__PURE__ */ e("h2", { className: "nice-login-form__title", children: d }),
-          i && /* @__PURE__ */ e("div", { className: "nice-login-form__error", role: "alert", children: i }),
+          d && /* @__PURE__ */ e("div", { className: "nice-login-form__logo", children: d }),
+          /* @__PURE__ */ e("h2", { className: "nice-login-form__title", children: u }),
+          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("label", { htmlFor: "nice-login-email", children: _ }),
             /* @__PURE__ */ e(
               "input",
               {
                 id: "nice-login-email",
                 className: "nice-input",
                 type: "email",
-                value: T,
-                onChange: (A) => N(A.target.value),
+                value: M,
+                onChange: (x) => w(x.target.value),
                 autoComplete: "email",
                 required: !0,
                 disabled: t
@@ -145,8 +145,8 @@ const ce = B(
                 id: "nice-login-password",
                 className: "nice-input",
                 type: "password",
-                value: P,
-                onChange: (A) => S(A.target.value),
+                value: C,
+                onChange: (x) => T(x.target.value),
                 autoComplete: "current-password",
                 required: !0,
                 disabled: t
@@ -154,25 +154,25 @@ const ce = B(
             )
           ] }),
           /* @__PURE__ */ a("div", { className: "nice-login-form__options", children: [
-            D && /* @__PURE__ */ a("label", { className: "nice-login-form__remember", children: [
+            I && /* @__PURE__ */ a("label", { className: "nice-login-form__remember", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
                   checked: E,
-                  onChange: (A) => k(A.target.checked),
+                  onChange: (x) => N(x.target.checked),
                   disabled: t
                 }
               ),
               /* @__PURE__ */ e("span", { children: "Remember me" })
             ] }),
-            !D && n && m && /* @__PURE__ */ e("span", { className: "nice-login-form__privacy-notice", children: m }),
-            r && /* @__PURE__ */ e(
+            !I && n && p && /* @__PURE__ */ e("span", { className: "nice-login-form__privacy-notice", children: p }),
+            i && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "nice-login-form__forgot",
-                onClick: l,
+                onClick: h,
                 disabled: t,
                 children: "Forgot password?"
               }
@@ -183,90 +183,90 @@ const ce = B(
             {
               type: "submit",
               className: "nice-btn nice-btn--primary nice-login-form__submit",
-              disabled: t || !T || !P,
-              children: t ? "…" : $
+              disabled: t || !M || !C,
+              children: t ? "…" : S
             }
           ),
-          o && /* @__PURE__ */ a("div", { className: "nice-login-form__register", children: [
+          l && /* @__PURE__ */ a("div", { className: "nice-login-form__register", children: [
             /* @__PURE__ */ e("span", { children: "Don't have an account? " }),
-            /* @__PURE__ */ e("button", { type: "button", onClick: p, disabled: t, children: "Register" })
+            /* @__PURE__ */ e("button", { type: "button", onClick: s, disabled: t, children: "Register" })
           ] }),
-          C && /* @__PURE__ */ e("div", { className: "nice-login-form__footer", children: C })
+          A && /* @__PURE__ */ e("div", { className: "nice-login-form__footer", children: A })
         ]
       }
     );
   }
 );
-ce.displayName = "NiceLoginForm";
-const re = {
+de.displayName = "NiceLoginForm";
+const he = {
   0: "Very weak",
   1: "Weak",
   2: "Fair",
   3: "Strong",
   4: "Very strong"
-}, se = {
+}, ue = {
   0: "#d9534f",
   1: "#f0ad4e",
   2: "#5bc0de",
   3: "#5cb85c",
   4: "#2e7d32"
 };
-function J(c) {
-  if (!c)
+function Y(r) {
+  if (!r)
     return 0;
   let t = 0;
-  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);
+  return r.length >= 8 && t++, r.length >= 12 && t++, /[a-z]/.test(r) && /[A-Z]/.test(r) && t++, /\d/.test(r) && t++, /[^a-zA-Z0-9]/.test(r) && t++, Math.min(4, t);
 }
-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: [
+const Z = j(
+  ({ password: r, strength: t, showLabel: c = !0, labels: n = he, className: i }, h) => {
+    const l = t ?? Y(r), s = ue[l], u = (l + 1) / 5 * 100;
+    return /* @__PURE__ */ a("div", { ref: h, className: `nice-password-strength${i ? ` ${i}` : ""}`, children: [
       /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e(
         "div",
         {
           className: "nice-password-strength__fill",
-          style: { width: `${d}%`, backgroundColor: p }
+          style: { width: `${u}%`, backgroundColor: s }
         }
       ) }),
-      i && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: p }, children: n[o] })
+      c && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: s }, children: n[l] })
     ] });
   }
 );
 Z.displayName = "NicePasswordStrength";
-const le = B(
+const me = j(
   ({
-    onSubmit: c,
+    onSubmit: r,
     loading: t = !1,
-    error: i,
+    error: c,
     onLoginClick: n,
-    showPasswordStrength: r = !0,
-    minPasswordStrength: l = 2,
-    termsUrl: o,
-    privacyUrl: p,
-    title: d = "Create Account",
-    logo: $,
-    footer: s,
-    className: C,
+    showPasswordStrength: i = !0,
+    minPasswordStrength: h = 2,
+    termsUrl: l,
+    privacyUrl: s,
+    title: u = "Create Account",
+    logo: S,
+    footer: d,
+    className: A,
     style: b
-  }, x) => {
-    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(
+  }, k) => {
+    const [_, F] = g(""), [o, p] = g(""), [f, M] = g(""), [w, C] = g(""), [T, E] = g(""), [N, I] = g(!1), L = Y(w), x = w === T, D = _ && f && w && x && N && L >= h && !t, m = $(
       (v) => {
-        v.preventDefault(), M && (c == null || c({ firstName: g, lastName: h, email: f, password: N, acceptTerms: k }));
+        v.preventDefault(), D && (r == null || r({ firstName: _, lastName: o, email: f, password: w, acceptTerms: N }));
       },
-      [M, g, h, f, N, k, c]
+      [D, _, o, f, w, N, r]
     );
     return /* @__PURE__ */ a(
       "form",
       {
-        ref: x,
-        className: `nice-register-form${C ? ` ${C}` : ""}`,
+        ref: k,
+        className: `nice-register-form${A ? ` ${A}` : ""}`,
         style: b,
-        onSubmit: u,
+        onSubmit: m,
         noValidate: !0,
         children: [
-          $ && /* @__PURE__ */ e("div", { className: "nice-register-form__logo", children: $ }),
-          /* @__PURE__ */ e("h2", { className: "nice-register-form__title", children: d }),
-          i && /* @__PURE__ */ e("div", { className: "nice-register-form__error", role: "alert", children: i }),
+          S && /* @__PURE__ */ e("div", { className: "nice-register-form__logo", children: S }),
+          /* @__PURE__ */ e("h2", { className: "nice-register-form__title", children: u }),
+          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 *" }),
@@ -276,7 +276,7 @@ const le = B(
                   id: "nice-reg-first",
                   className: "nice-input",
                   type: "text",
-                  value: g,
+                  value: _,
                   onChange: (v) => F(v.target.value),
                   required: !0,
                   disabled: t,
@@ -292,8 +292,8 @@ const le = B(
                   id: "nice-reg-last",
                   className: "nice-input",
                   type: "text",
-                  value: h,
-                  onChange: (v) => m(v.target.value),
+                  value: o,
+                  onChange: (v) => p(v.target.value),
                   disabled: t,
                   autoComplete: "family-name"
                 }
@@ -309,7 +309,7 @@ const le = B(
                 className: "nice-input",
                 type: "email",
                 value: f,
-                onChange: (v) => T(v.target.value),
+                onChange: (v) => M(v.target.value),
                 required: !0,
                 disabled: t,
                 autoComplete: "email"
@@ -324,14 +324,14 @@ const le = B(
                 id: "nice-reg-pass",
                 className: "nice-input",
                 type: "password",
-                value: N,
-                onChange: (v) => P(v.target.value),
+                value: w,
+                onChange: (v) => C(v.target.value),
                 required: !0,
                 disabled: t,
                 autoComplete: "new-password"
               }
             ),
-            r && N.length > 0 && /* @__PURE__ */ e(Z, { password: N })
+            i && w.length > 0 && /* @__PURE__ */ e(Z, { password: w })
           ] }),
           /* @__PURE__ */ a("div", { className: "nice-register-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-reg-confirm", children: "Confirm password *" }),
@@ -341,34 +341,34 @@ const le = B(
                 id: "nice-reg-confirm",
                 className: "nice-input",
                 type: "password",
-                value: S,
+                value: T,
                 onChange: (v) => E(v.target.value),
                 required: !0,
                 disabled: t,
                 autoComplete: "new-password"
               }
             ),
-            S && !A && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+            T && !x && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
           ] }),
           /* @__PURE__ */ a("label", { className: "nice-register-form__terms", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
-                checked: k,
-                onChange: (v) => D(v.target.checked),
+                checked: N,
+                onChange: (v) => I(v.target.checked),
                 disabled: t
               }
             ),
             /* @__PURE__ */ a("span", { children: [
               "I accept the",
               " ",
-              o ? /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
-              p && /* @__PURE__ */ a(ie, { children: [
+              l ? /* @__PURE__ */ e("a", { href: l, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
+              s && /* @__PURE__ */ a(ae, { children: [
                 " ",
                 "and",
                 " ",
-                /* @__PURE__ */ e("a", { href: p, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
+                /* @__PURE__ */ e("a", { href: s, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
               ] }),
               " *"
             ] })
@@ -378,7 +378,7 @@ const le = B(
             {
               type: "submit",
               className: "nice-btn nice-btn--primary nice-register-form__submit",
-              disabled: !M,
+              disabled: !D,
               children: t ? "…" : "Register"
             }
           ),
@@ -386,47 +386,252 @@ const le = B(
             /* @__PURE__ */ e("span", { children: "Already have an account? " }),
             /* @__PURE__ */ e("button", { type: "button", onClick: n, children: "Sign in" })
           ] }),
-          s && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: s })
+          d && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: d })
         ]
       }
     );
   }
 );
-le.displayName = "NiceRegistrationForm";
-const oe = B(
+me.displayName = "NiceRegistrationForm";
+const pe = ({ style: r }) => /* @__PURE__ */ e(
+  "span",
+  {
+    "aria-hidden": "true",
+    style: {
+      display: "inline-block",
+      width: "0.3em",
+      height: "0.6em",
+      margin: "0 0.35em 0.15em 0.1em",
+      borderRight: "0.12em solid currentColor",
+      borderBottom: "0.12em solid currentColor",
+      transform: "rotate(45deg)",
+      ...r
+    }
+  }
+), re = ({ style: r }) => /* @__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)",
+      ...r
+    }
+  }
+), ee = {
+  lowercase: "abcdefghijklmnopqrstuvwxyz",
+  uppercase: "ABCDEFGHIJKLMNOPQRSTUVWXYZ",
+  digits: "0123456789",
+  symbols: "!@#$%^&*()-_=+[]{};:,.?/~"
+}, fe = /[0Oo1lI|]/g, W = {
+  length: 16,
+  lowercase: !0,
+  uppercase: !0,
+  digits: !0,
+  symbols: !0,
+  excludeAmbiguous: !1
+}, ge = {
+  password: "Generated password",
+  length: "Length",
+  lowercase: "Lowercase (a–z)",
+  uppercase: "Uppercase (A–Z)",
+  digits: "Digits (0–9)",
+  symbols: "Symbols (!@#…)",
+  excludeAmbiguous: "Avoid look-alikes (0 O 1 l I)",
+  generate: "Generate",
+  copy: "Copy",
+  copied: "Copied",
+  noCharacterSets: "Pick at least one kind of character."
+}, be = (r) => {
+  const t = globalThis.crypto;
+  if (!t || typeof t.getRandomValues != "function")
+    throw new Error("generatePassword: crypto.getRandomValues is not available");
+  return t.getRandomValues(r);
+};
+let _e = 0;
+function X(r, t) {
+  const c = Math.floor(4294967296 / r) * r, n = new Uint32Array(1);
+  for (; ; ) {
+    const i = t(n)[0];
+    if (i < c)
+      return i % r;
+  }
+}
+function te(r = {}, t = be) {
+  const c = { ...W, ...r }, n = ["lowercase", "uppercase", "digits", "symbols"].filter((s) => c[s]).map((s) => c.excludeAmbiguous ? ee[s].replace(fe, "") : ee[s]).filter((s) => s.length > 0);
+  if (n.length === 0)
+    return "";
+  const i = Math.max(n.length, Math.min(1024, Math.floor(c.length))), h = n.join(""), l = n.map((s) => s[X(s.length, t)]);
+  for (; l.length < i; )
+    l.push(h[X(h.length, t)]);
+  for (let s = l.length - 1; s > 0; s--) {
+    const u = X(s + 1, t);
+    [l[s], l[u]] = [l[u], l[s]];
+  }
+  return l.join("");
+}
+const Fe = ({
+  value: r,
+  defaultValue: t = "",
+  onChange: c,
+  options: n,
+  defaultOptions: i,
+  onOptionsChange: h,
+  minLength: l = 8,
+  maxLength: s = 64,
+  showStrength: u = !0,
+  showCopy: S = !0,
+  onCopy: d,
+  labels: A,
+  disabled: b = !1,
+  className: k,
+  style: _,
+  id: F
+}) => {
+  const o = { ...ge, ...A }, [p] = g(() => `nice-password-generator-${++_e}`), f = F ?? p, [M, w] = g(() => ({
+    ...W,
+    ...i
+  })), C = n ? { ...W, ...n } : M, [T, E] = g(
+    () => r === void 0 && !t ? te({ ...W, ...i, ...n }) : t
+  ), N = r ?? T, [I, L] = g(!1), x = H(void 0);
+  Q(() => () => clearTimeout(x.current), []);
+  const D = $(
+    (P) => {
+      r === void 0 && E(P), L(!1), c == null || c(P);
+    },
+    [r, c]
+  ), m = $(
+    (P) => D(te(P)),
+    [D]
+  ), v = (P, O) => {
+    const q = { ...C, [P]: O };
+    n || w(q), h == null || h(q), m(q);
+  }, z = async () => {
+    !N || !navigator.clipboard || (await navigator.clipboard.writeText(N), L(!0), clearTimeout(x.current), x.current = setTimeout(() => L(!1), 1500), d == null || d(N));
+  }, R = !C.lowercase && !C.uppercase && !C.digits && !C.symbols, U = Math.min(s, Math.max(l, C.length));
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      id: F,
+      className: `nice-password-generator${k ? ` ${k}` : ""}`,
+      style: _,
+      children: [
+        /* @__PURE__ */ a("div", { className: "nice-password-generator__output", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: `${f}-value`,
+              className: "nice-password-generator__value",
+              type: "text",
+              readOnly: !0,
+              spellCheck: !1,
+              autoComplete: "off",
+              value: N,
+              "aria-label": o.password
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-password-generator__button",
+              onClick: () => m(C),
+              disabled: b || R,
+              "aria-label": o.generate,
+              title: o.generate,
+              children: /* @__PURE__ */ e(re, {})
+            }
+          ),
+          S && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-password-generator__button nice-password-generator__button--copy",
+              onClick: z,
+              disabled: b || !N,
+              "aria-live": "polite",
+              children: I ? /* @__PURE__ */ a(ae, { children: [
+                /* @__PURE__ */ e(pe, {}),
+                " ",
+                o.copied
+              ] }) : o.copy
+            }
+          )
+        ] }),
+        u && /* @__PURE__ */ e(Z, { password: N }),
+        /* @__PURE__ */ a("div", { className: "nice-password-generator__length", children: [
+          /* @__PURE__ */ e("label", { htmlFor: `${f}-length`, children: o.length }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: `${f}-length`,
+              type: "range",
+              min: l,
+              max: s,
+              value: U,
+              disabled: b,
+              onChange: (P) => v("length", Number(P.target.value))
+            }
+          ),
+          /* @__PURE__ */ e("output", { htmlFor: `${f}-length`, className: "nice-password-generator__length-value", children: U })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-password-generator__sets", children: ["lowercase", "uppercase", "digits", "symbols", "excludeAmbiguous"].map(
+          (P) => /* @__PURE__ */ a("label", { className: "nice-password-generator__option", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: C[P],
+                disabled: b,
+                onChange: (O) => v(P, O.target.checked)
+              }
+            ),
+            o[P]
+          ] }, P)
+        ) }),
+        R && /* @__PURE__ */ e("p", { className: "nice-password-generator__error", role: "alert", children: o.noCharacterSets })
+      ]
+    }
+  );
+}, Ne = j(
   ({
-    requireCurrentPassword: c = !0,
+    requireCurrentPassword: r = !0,
     onSubmit: t,
-    loading: i = !1,
+    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 = (!c || s.length > 0) && b.length > 0 && m && h >= l && !i, T = w(
-      (N) => {
-        N.preventDefault(), f && (t == null || t({
-          currentPassword: c ? s : void 0,
+    success: i,
+    minPasswordStrength: h = 2,
+    title: l = "Change Password",
+    className: s,
+    style: u
+  }, S) => {
+    const [d, A] = g(""), [b, k] = g(""), [_, F] = g(""), o = Y(b), p = b === _, f = (!r || d.length > 0) && b.length > 0 && p && o >= h && !c, M = $(
+      (w) => {
+        w.preventDefault(), f && (t == null || t({
+          currentPassword: r ? d : void 0,
           newPassword: b
         }));
       },
-      [f, s, b, c, t]
+      [f, d, b, r, t]
     );
     return /* @__PURE__ */ a(
       "form",
       {
-        ref: $,
-        className: `nice-change-password${p ? ` ${p}` : ""}`,
-        style: d,
-        onSubmit: T,
+        ref: S,
+        className: `nice-change-password${s ? ` ${s}` : ""}`,
+        style: u,
+        onSubmit: M,
         noValidate: !0,
         children: [
-          /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: o }),
+          /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: l }),
           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 }),
-          c && /* @__PURE__ */ a("div", { className: "nice-change-password__field", children: [
+          i && /* @__PURE__ */ e("div", { className: "nice-change-password__success", role: "status", children: i }),
+          r && /* @__PURE__ */ a("div", { className: "nice-change-password__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
             /* @__PURE__ */ e(
               "input",
@@ -434,10 +639,10 @@ const oe = B(
                 id: "nice-cp-current",
                 className: "nice-input",
                 type: "password",
-                value: s,
-                onChange: (N) => C(N.target.value),
+                value: d,
+                onChange: (w) => A(w.target.value),
                 autoComplete: "current-password",
-                disabled: i,
+                disabled: c,
                 required: !0
               }
             )
@@ -451,9 +656,9 @@ const oe = B(
                 className: "nice-input",
                 type: "password",
                 value: b,
-                onChange: (N) => x(N.target.value),
+                onChange: (w) => k(w.target.value),
                 autoComplete: "new-password",
-                disabled: i,
+                disabled: c,
                 required: !0
               }
             ),
@@ -467,69 +672,69 @@ const oe = B(
                 id: "nice-cp-confirm",
                 className: "nice-input",
                 type: "password",
-                value: g,
-                onChange: (N) => F(N.target.value),
+                value: _,
+                onChange: (w) => F(w.target.value),
                 autoComplete: "new-password",
-                disabled: i,
+                disabled: c,
                 required: !0
               }
             ),
-            g && !m && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+            _ && !p && /* @__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: i ? "…" : "Change Password" })
+          /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !f, children: c ? "…" : "Change Password" })
         ]
       }
     );
   }
 );
-oe.displayName = "NiceChangePassword";
-const de = B(
+Ne.displayName = "NiceChangePassword";
+const we = j(
   ({
-    secret: c,
+    secret: r,
     qrCodeUrl: t,
-    issuer: i,
+    issuer: c,
     accountName: n,
-    onVerify: r,
-    loading: l = !1,
-    error: o,
-    onCancel: p,
-    recoveryCodes: d,
-    step: $ = "setup",
-    onStepChange: s,
-    className: C,
+    onVerify: i,
+    loading: h = !1,
+    error: l,
+    onCancel: s,
+    recoveryCodes: u,
+    step: S = "setup",
+    onStepChange: d,
+    className: A,
     style: b
-  }, x) => {
-    const [g, F] = _(""), [h, m] = _(!1), [f, T] = _(!1), N = w(
-      (S) => {
-        S.preventDefault(), g.length >= 6 && (r == null || r(g));
+  }, k) => {
+    const [_, F] = g(""), [o, p] = g(!1), [f, M] = g(!1), w = $(
+      (T) => {
+        T.preventDefault(), _.length >= 6 && (i == null || i(_));
       },
-      [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: [
+      [_, i]
+    ), C = `otpauth://totp/${c ? `${c}:` : ""}${n ?? "user"}?secret=${r}${c ? `&issuer=${c}` : ""}&digits=6&period=30`;
+    return /* @__PURE__ */ a("div", { ref: k, className: `nice-2fa-setup${A ? ` ${A}` : ""}`, 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: [
+      S === "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__ */ e("code", { className: "nice-2fa-setup__uri", children: C })
         ] }),
         /* @__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" })
+          o ? /* @__PURE__ */ e("code", { className: "nice-2fa-setup__secret-key", children: r }) : /* @__PURE__ */ e("button", { type: "button", onClick: () => p(!0), children: "Show secret key" })
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "nice-btn nice-btn--primary",
-            onClick: () => s == null ? void 0 : s("verify"),
+            onClick: () => d == null ? void 0 : d("verify"),
             children: "Next — Verify"
           }
         )
       ] }),
-      $ === "verify" && /* @__PURE__ */ a("form", { className: "nice-2fa-setup__step", onSubmit: N, children: [
+      S === "verify" && /* @__PURE__ */ a("form", { className: "nice-2fa-setup__step", onSubmit: w, 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 }),
+        l && /* @__PURE__ */ e("div", { className: "nice-2fa-setup__error", role: "alert", children: l }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -537,228 +742,213 @@ const de = B(
             type: "text",
             inputMode: "numeric",
             maxLength: 6,
-            value: g,
-            onChange: (S) => F(S.target.value.replace(/\D/g, "").slice(0, 6)),
+            value: _,
+            onChange: (T) => F(T.target.value.replace(/\D/g, "").slice(0, 6)),
             placeholder: "000000",
             autoFocus: !0,
-            disabled: l,
+            disabled: h,
             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: "button", className: "nice-btn", onClick: () => d == null ? void 0 : d("setup"), children: "Back" }),
           /* @__PURE__ */ e(
             "button",
             {
               type: "submit",
               className: "nice-btn nice-btn--primary",
-              disabled: l || g.length < 6,
-              children: l ? "…" : "Verify"
+              disabled: h || _.length < 6,
+              children: h ? "…" : "Verify"
             }
           )
         ] })
       ] }),
-      $ === "recovery" && d && /* @__PURE__ */ a("div", { className: "nice-2fa-setup__step", children: [
+      S === "recovery" && u && /* @__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("div", { className: "nice-2fa-setup__recovery-codes", children: u.map((T, E) => /* @__PURE__ */ e("code", { className: "nice-2fa-setup__recovery-code", children: T }, E)) }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "nice-btn",
             onClick: () => {
-              var S;
-              (S = navigator.clipboard) == null || S.writeText(d.join(`
-`)), T(!0);
+              var T;
+              (T = navigator.clipboard) == null || T.writeText(u.join(`
+`)), M(!0);
             },
             children: f ? "Copied!" : "Copy all codes"
           }
         ),
-        p && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: p, children: "Done" })
+        s && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: s, children: "Done" })
       ] }),
-      p && $ !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: p, children: "Cancel" })
+      s && S !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: s, children: "Cancel" })
     ] });
   }
 );
-de.displayName = "NiceTwoFaSetup";
-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;
+we.displayName = "NiceTwoFaSetup";
+const ve = 500;
+function V(r, t) {
+  return Math.floor(Math.random() * (t - r + 1)) + r;
 }
-function me() {
+function ye() {
   return `${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
 }
-function pe(c, t) {
-  switch (c) {
+function ke(r, t) {
+  switch (r) {
     case "math": {
-      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 };
+      const c = t === "easy" ? 5 : t === "hard" ? 20 : 10, n = V(1, c), i = V(1, c), h = t !== "easy" && n >= i && Math.random() < 0.5, l = h ? n - i : n + i;
+      return { kind: "math", prompt: `${n} ${h ? "−" : "+"} ${i}`, answer: l };
     }
     case "text": {
-      const i = t === "easy" ? 4 : t === "hard" ? 7 : 5, n = "ABCDEFGHJKMNPQRSTUVWXYZ23456789";
-      let r = "";
-      for (let l = 0; l < i; l++)
-        r += n[I(0, n.length - 1)];
-      return { kind: "text", text: r };
+      const c = t === "easy" ? 4 : t === "hard" ? 7 : 5, n = "ABCDEFGHJKMNPQRSTUVWXYZ23456789";
+      let i = "";
+      for (let h = 0; h < c; h++)
+        i += n[V(0, n.length - 1)];
+      return { kind: "text", text: i };
     }
     case "slider":
-      return { kind: "slider", target: I(70, 92), tolerance: t === "easy" ? 8 : t === "hard" ? 2 : 4 };
+      return { kind: "slider", target: V(70, 92), tolerance: t === "easy" ? 8 : t === "hard" ? 2 : 4 };
     case "checkbox":
     default:
       return { kind: "checkbox" };
   }
 }
-function fe(c, t, i) {
-  if (!c)
+function Ce(r, t, c) {
+  if (!r)
     return;
-  const n = c.getContext("2d");
+  const n = r.getContext("2d");
   if (!n)
     return;
-  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 = 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 i = r.width, h = r.height;
+  n.clearRect(0, 0, i, h), n.fillStyle = c ? "#1a1a1a" : "#f3f4f6", n.fillRect(0, 0, i, h), n.strokeStyle = c ? "rgba(255,255,255,0.18)" : "rgba(0,0,0,0.18)", n.lineWidth = 1;
+  for (let s = 0; s < 6; s++)
+    n.beginPath(), n.moveTo(V(0, i), V(0, h)), n.lineTo(V(0, i), V(0, h)), n.stroke();
+  n.fillStyle = c ? "#e5e7eb" : "#111827", n.textBaseline = "middle";
+  const l = i / (t.length + 1);
+  for (let s = 0; s < t.length; s++) {
+    const u = V(22, 30);
+    n.save(), n.translate(l * (s + 1), h / 2 + V(-4, 4)), n.rotate(V(-22, 22) * Math.PI / 180), n.font = `bold ${u}px monospace`, n.fillText(t[s], -u / 3, 0), n.restore();
   }
 }
-const ge = B((c, t) => {
+const xe = j((r, t) => {
   const {
-    variant: i,
+    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,
+    refreshable: i = !0,
+    verifyToken: h,
+    expiresMs: l,
+    label: s = "I'm not a robot",
+    provider: u = "custom",
+    siteKey: S,
+    onVerify: d,
+    onExpire: A,
     onError: b,
-    onRefresh: x,
-    theme: g = "light",
+    onRefresh: k,
+    theme: _ = "light",
     size: F = "normal",
-    customRender: h,
-    className: m,
+    customRender: o,
+    className: p,
     style: f
-  } = 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(() => {
-    D("idle"), A(""), u(""), z(0), E((y) => y + 1);
-  }, []), G = w(() => {
-    K(), x == null || x();
-  }, [K, x]);
-  ae(
+  } = r, M = H(null), w = H(null), C = H(void 0), [T, E] = g(0), [N, I] = g("idle"), [L, x] = g(""), [D, m] = g(""), [v, z] = g(0), R = ne(
+    () => ke(c ?? "checkbox", n),
+    [c, n, T]
+  ), U = $(() => {
+    I("idle"), x(""), m(""), z(0), E((y) => y + 1);
+  }, []), P = $(() => {
+    U(), k == null || k();
+  }, [U, k]);
+  oe(
     t,
-    () => ({ reset: K, refresh: G, container: T.current }),
-    [K, G]
-  ), W(() => {
-    i === "text" && R.kind === "text" && fe(N.current, R.text, g === "dark");
-  }, [i, R, g]), W(() => {
-    if (k !== "verified" || !o)
+    () => ({ reset: U, refresh: P, container: M.current }),
+    [U, P]
+  ), Q(() => {
+    c === "text" && R.kind === "text" && Ce(w.current, R.text, _ === "dark");
+  }, [c, R, _]), Q(() => {
+    if (N !== "verified" || !l)
       return;
     const y = setTimeout(() => {
-      C == null || C(), K();
-    }, o);
+      A == null || A(), U();
+    }, l);
     return () => clearTimeout(y);
-  }, [k, o, C, K]);
-  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) => {
-      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" || (D("verifying"), A(""), P.current = setTimeout(q, ue));
-  }, [k, q]);
-  W(() => () => clearTimeout(P.current), []);
-  const j = 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(
+  }, [N, l, A, U]);
+  const O = $(() => {
+    const y = `ntd-cap:${c}:${ye()}`;
+    h ? (I("verifying"), x(""), Promise.resolve().then(() => h(y)).then((J) => {
+      J ? (I("verified"), d == null || d(y)) : (I("error"), x("Verification failed. Please try again."), E((le) => le + 1), m(""));
+    }).catch((J) => {
+      I("error"), x("Verification error. Please try again."), b == null || b(J);
+    })) : (I("verified"), d == null || d(y));
+  }, [c, h, d, b]), q = $(() => {
+    I("error"), x("Incorrect, please try again."), E((y) => y + 1), m("");
+  }, []), ce = $(() => {
+    N === "verifying" || N === "verified" || (I("verifying"), x(""), C.current = setTimeout(O, ve));
+  }, [N, O]);
+  Q(() => () => clearTimeout(C.current), []);
+  const K = $(() => {
+    R.kind === "math" ? D.trim() !== "" && Number(D) === R.answer ? O() : q() : R.kind === "text" && (D.trim().toUpperCase() === R.text ? O() : q());
+  }, [R, D, O, q]), se = $(
     (y) => {
-      z(y), !(R.kind !== "slider" || k === "verified" || k === "verifying") && Math.abs(y - R.target) <= R.tolerance && q();
+      z(y), !(R.kind !== "slider" || N === "verified" || N === "verifying") && Math.abs(y - R.target) <= R.tolerance && O();
     },
-    [R, k, q]
+    [R, N, O]
   );
-  if (!i)
-    return d === "custom" && h ? /* @__PURE__ */ e(
+  if (!c)
+    return u === "custom" && o ? /* @__PURE__ */ e(
       "div",
       {
-        ref: T,
-        className: `nice-captcha nice-captcha--custom${m ? ` ${m}` : ""}`,
+        ref: M,
+        className: `nice-captcha nice-captcha--custom${p ? ` ${p}` : ""}`,
         style: f,
-        children: h
+        children: o
       }
     ) : /* @__PURE__ */ e(
       "div",
       {
-        ref: T,
-        className: `nice-captcha nice-captcha--${d} nice-captcha--${g}${F === "compact" ? " nice-captcha--compact" : ""}${m ? ` ${m}` : ""}`,
+        ref: M,
+        className: `nice-captcha nice-captcha--${u} nice-captcha--${_}${F === "compact" ? " nice-captcha--compact" : ""}${p ? ` ${p}` : ""}`,
         style: f,
-        "data-sitekey": $,
-        "data-theme": g,
+        "data-sitekey": S,
+        "data-theme": _,
         "data-size": F,
         children: /* @__PURE__ */ a("div", { className: "nice-captcha__placeholder", children: [
           /* @__PURE__ */ a("span", { children: [
             "Captcha (",
-            d,
+            u,
             ")"
           ] }),
           /* @__PURE__ */ a("p", { children: [
             "Load the ",
-            d,
+            u,
             " SDK to activate verification."
           ] })
         ] })
       }
     );
-  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}` : ""}`;
+  const B = N === "verifying", G = N === "verified", ie = `nice-captcha nice-captcha--${c} nice-captcha--${_} nice-captcha--${N}${F === "compact" ? " nice-captcha--compact" : ""}${p ? ` ${p}` : ""}`;
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: T,
-      className: te,
+      ref: M,
+      className: ie,
       style: f,
       role: "group",
       "aria-label": "Captcha challenge",
-      "data-variant": i,
-      "data-status": k,
-      "data-theme": g,
+      "data-variant": c,
+      "data-status": N,
+      "data-theme": _,
       children: [
-        i === "checkbox" && /* @__PURE__ */ a(
+        c === "checkbox" && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             className: "nice-captcha__checkbox",
             role: "checkbox",
-            "aria-checked": V,
-            "aria-busy": L,
-            disabled: L || V,
-            onClick: Y,
+            "aria-checked": G,
+            "aria-busy": B,
+            disabled: B || G,
+            onClick: ce,
             children: [
-              /* @__PURE__ */ e("span", { className: "nice-captcha__box", "aria-hidden": "true", children: L ? "…" : V ? /* @__PURE__ */ e(
+              /* @__PURE__ */ e("span", { className: "nice-captcha__box", "aria-hidden": "true", children: B ? "…" : G ? /* @__PURE__ */ e(
                 "span",
                 {
                   style: {
@@ -772,11 +962,11 @@ const ge = B((c, t) => {
                   }
                 }
               ) : "" }),
-              /* @__PURE__ */ e("span", { className: "nice-captcha__label", children: p })
+              /* @__PURE__ */ e("span", { className: "nice-captcha__label", children: s })
             ]
           }
         ),
-        i === "math" && R.kind === "math" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
+        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,
             " ="
@@ -787,12 +977,12 @@ const ge = B((c, t) => {
               className: "nice-input nice-captcha__answer",
               type: "number",
               inputMode: "numeric",
-              value: M,
+              value: D,
               "aria-label": `What is ${R.prompt}?`,
-              disabled: L || V,
-              onChange: (y) => u(y.target.value),
+              disabled: B || G,
+              onChange: (y) => m(y.target.value),
               onKeyDown: (y) => {
-                y.key === "Enter" && (y.preventDefault(), j());
+                y.key === "Enter" && (y.preventDefault(), K());
               }
             }
           ),
@@ -801,17 +991,17 @@ const ge = B((c, t) => {
             {
               type: "button",
               className: "nice-btn nice-btn--primary nice-captcha__verify",
-              disabled: L || V || M.trim() === "",
-              onClick: j,
-              children: L ? "…" : "Verify"
+              disabled: B || G || D.trim() === "",
+              onClick: K,
+              children: B ? "…" : "Verify"
             }
           )
         ] }),
-        i === "text" && R.kind === "text" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
+        c === "text" && R.kind === "text" && /* @__PURE__ */ a("div", { className: "nice-captcha__challenge", children: [
           /* @__PURE__ */ e(
             "canvas",
             {
-              ref: N,
+              ref: w,
               className: "nice-captcha__canvas",
               width: 160,
               height: 56,
@@ -825,12 +1015,12 @@ const ge = B((c, t) => {
               type: "text",
               autoCapitalize: "characters",
               autoComplete: "off",
-              value: M,
+              value: D,
               "aria-label": "Type the characters shown in the image",
-              disabled: L || V,
-              onChange: (y) => u(y.target.value),
+              disabled: B || G,
+              onChange: (y) => m(y.target.value),
               onKeyDown: (y) => {
-                y.key === "Enter" && (y.preventDefault(), j());
+                y.key === "Enter" && (y.preventDefault(), K());
               }
             }
           ),
@@ -839,14 +1029,14 @@ const ge = B((c, t) => {
             {
               type: "button",
               className: "nice-btn nice-btn--primary nice-captcha__verify",
-              disabled: L || V || M.trim() === "",
-              onClick: j,
-              children: L ? "…" : "Verify"
+              disabled: B || G || D.trim() === "",
+              onClick: K,
+              children: B ? "…" : "Verify"
             }
           )
         ] }),
-        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" }),
+        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: G ? "Verified" : "Slide to the marker" }),
           /* @__PURE__ */ a("div", { className: "nice-captcha__track", children: [
             /* @__PURE__ */ e(
               "span",
@@ -866,23 +1056,23 @@ const ge = B((c, t) => {
                 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))
+                disabled: G || B,
+                onChange: (y) => se(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: O }),
-          r && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "nice-captcha__message", role: "status", "aria-live": "polite", children: L }),
+          i && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "nice-captcha__refresh",
               "aria-label": "Refresh challenge",
               title: "Refresh challenge",
-              onClick: G,
-              children: /* @__PURE__ */ e(he, {})
+              onClick: P,
+              children: /* @__PURE__ */ e(re, {})
             }
           )
         ] })
@@ -890,142 +1080,142 @@ const ge = B((c, t) => {
     }
   );
 });
-ge.displayName = "NiceCaptcha";
-const _e = [
+xe.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(
+], Ae = j(
   ({
-    providers: c = _e,
+    providers: r = $e,
     onProviderClick: t,
-    disabled: i = !1,
+    disabled: c = !1,
     loadingProvider: n,
-    direction: r = "vertical",
-    separatorText: l = "or continue with",
-    showSeparator: o = !0,
-    className: p,
-    style: d
-  }, $) => /* @__PURE__ */ a(
+    direction: i = "vertical",
+    separatorText: h = "or continue with",
+    showSeparator: l = !0,
+    className: s,
+    style: u
+  }, S) => /* @__PURE__ */ a(
     "div",
     {
-      ref: $,
-      className: `nice-oauth nice-oauth--${r}${p ? ` ${p}` : ""}`,
-      style: d,
+      ref: S,
+      className: `nice-oauth nice-oauth--${i}${s ? ` ${s}` : ""}`,
+      style: u,
       children: [
-        o && /* @__PURE__ */ a("div", { className: "nice-oauth__separator", children: [
+        l && /* @__PURE__ */ a("div", { className: "nice-oauth__separator", children: [
           /* @__PURE__ */ e("hr", {}),
-          /* @__PURE__ */ e("span", { children: l }),
+          /* @__PURE__ */ e("span", { children: h }),
           /* @__PURE__ */ e("hr", {})
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: c.map((s) => /* @__PURE__ */ a(
+        /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: r.map((d) => /* @__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,
+            className: `nice-oauth__btn${n === d.id ? " nice-oauth__btn--loading" : ""}`,
+            style: { backgroundColor: d.color, color: d.textColor },
+            onClick: () => t == null ? void 0 : t(d.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 })
+              d.icon && /* @__PURE__ */ e("span", { className: "nice-oauth__btn-icon", children: d.icon }),
+              /* @__PURE__ */ e("span", { className: "nice-oauth__btn-label", children: n === d.id ? "…" : d.label })
             ]
           },
-          s.id
+          d.id
         )) })
       ]
     }
   )
 );
-be.displayName = "NiceOAuthButtons";
-const ke = B(
-  function(t, i) {
+Ae.displayName = "NiceOAuthButtons";
+const Me = j(
+  function(t, c) {
     const {
       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), D = w(async () => {
-      if (!(!r || !x.trim())) {
-        S(!0);
+      onCreate: i,
+      onRevoke: h,
+      availableScopes: l = [],
+      maxTokens: s = 10,
+      title: u = "API Tokens",
+      className: S,
+      style: d
+    } = t, [A, b] = g(!1), [k, _] = g(""), [F, o] = g([]), [p, f] = g("90"), [M, w] = g(null), [C, T] = g(!1), [E, N] = g(null), I = $(async () => {
+      if (!(!i || !k.trim())) {
+        T(!0);
         try {
-          const u = m ? parseInt(m, 10) : void 0, v = await r(x.trim(), F, u);
-          N(v), g(""), h([]), b(!1);
+          const m = p ? parseInt(p, 10) : void 0, v = await i(k.trim(), F, m);
+          w(v), _(""), o([]), b(!1);
         } finally {
-          S(!1);
+          T(!1);
         }
       }
-    }, [r, x, F, m]), O = w(
-      async (u) => {
-        if (l) {
-          k(u);
+    }, [i, k, F, p]), L = $(
+      async (m) => {
+        if (h) {
+          N(m);
           try {
-            await l(u);
+            await h(m);
           } finally {
-            k(null);
+            N(null);
           }
         }
       },
-      [l]
-    ), A = (u) => {
-      h(
-        (v) => v.includes(u) ? v.filter((z) => z !== u) : [...v, u]
+      [h]
+    ), x = (m) => {
+      o(
+        (v) => v.includes(m) ? v.filter((z) => z !== m) : [...v, m]
       );
-    }, M = n.length < p;
-    return /* @__PURE__ */ a("div", { ref: i, className: `nice-token-management ${$ ?? ""}`, style: s, children: [
+    }, D = n.length < s;
+    return /* @__PURE__ */ a("div", { ref: c, className: `nice-token-management ${S ?? ""}`, style: d, children: [
       /* @__PURE__ */ a("div", { className: "nice-token-management__header", children: [
-        /* @__PURE__ */ e("h3", { children: d }),
-        M && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h3", { children: u }),
+        D && /* @__PURE__ */ e(
           "button",
           {
             className: "nice-token-management__new-btn",
             onClick: () => b(!0),
-            disabled: C,
+            disabled: A,
             children: "+ New Token"
           }
         )
       ] }),
-      T && /* @__PURE__ */ a("div", { className: "nice-token-management__reveal", children: [
+      M && /* @__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: T }),
-        /* @__PURE__ */ e("button", { onClick: () => N(null), children: "Dismiss" })
+        /* @__PURE__ */ e("code", { className: "nice-token-management__token-value", children: M }),
+        /* @__PURE__ */ e("button", { onClick: () => w(null), children: "Dismiss" })
       ] }),
-      C && /* @__PURE__ */ a("div", { className: "nice-token-management__create-form", children: [
+      A && /* @__PURE__ */ a("div", { className: "nice-token-management__create-form", children: [
         /* @__PURE__ */ a("label", { children: [
           "Name",
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: x,
-              onChange: (u) => g(u.target.value),
+              value: k,
+              onChange: (m) => _(m.target.value),
               placeholder: "My API token",
               maxLength: 64
             }
           )
         ] }),
-        o.length > 0 && /* @__PURE__ */ a("fieldset", { children: [
+        l.length > 0 && /* @__PURE__ */ a("fieldset", { children: [
           /* @__PURE__ */ e("legend", { children: "Scopes" }),
-          o.map((u) => /* @__PURE__ */ a("label", { className: "nice-token-management__scope", children: [
+          l.map((m) => /* @__PURE__ */ a("label", { className: "nice-token-management__scope", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
-                checked: F.includes(u),
-                onChange: () => A(u)
+                checked: F.includes(m),
+                onChange: () => x(m)
               }
             ),
-            u
-          ] }, u))
+            m
+          ] }, m))
         ] }),
         /* @__PURE__ */ a("label", { children: [
           "Expires in (days)",
@@ -1033,15 +1223,15 @@ const ke = B(
             "input",
             {
               type: "number",
-              value: m,
-              onChange: (u) => f(u.target.value),
+              value: p,
+              onChange: (m) => f(m.target.value),
               min: 1,
               max: 365
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: "nice-token-management__create-actions", children: [
-          /* @__PURE__ */ e("button", { onClick: D, disabled: P || !x.trim(), children: P ? "Creating…" : "Create Token" }),
+          /* @__PURE__ */ e("button", { onClick: I, disabled: C || !k.trim(), children: C ? "Creating…" : "Create Token" }),
           /* @__PURE__ */ e("button", { onClick: () => b(!1), children: "Cancel" })
         ] })
       ] }),
@@ -1055,42 +1245,44 @@ const ke = B(
           /* @__PURE__ */ e("th", { children: "Scopes" }),
           /* @__PURE__ */ e("th", {})
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: n.map((u) => {
+        /* @__PURE__ */ e("tbody", { children: n.map((m) => {
           var v;
           return /* @__PURE__ */ a("tr", { children: [
-            /* @__PURE__ */ e("td", { children: u.name }),
+            /* @__PURE__ */ e("td", { children: m.name }),
             /* @__PURE__ */ e("td", { children: /* @__PURE__ */ a("code", { children: [
-              u.prefix,
+              m.prefix,
               "…"
             ] }) }),
-            /* @__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: m.createdAt }),
+            /* @__PURE__ */ e("td", { children: m.expiresAt ?? "—" }),
+            /* @__PURE__ */ e("td", { children: m.lastUsedAt ?? "Never" }),
+            /* @__PURE__ */ e("td", { children: ((v = m.scopes) == null ? void 0 : v.join(", ")) || "—" }),
             /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
               "button",
               {
                 className: "nice-token-management__revoke-btn",
-                onClick: () => O(u.id),
-                disabled: E === u.id,
-                children: E === u.id ? "Revoking…" : "Revoke"
+                onClick: () => L(m.id),
+                disabled: E === m.id,
+                children: E === m.id ? "Revoking…" : "Revoke"
               }
             ) })
-          ] }, u.id);
+          ] }, m.id);
         }) })
       ] })
     ] });
   }
 );
 export {
-  ge as NiceCaptcha,
-  oe as NiceChangePassword,
-  ce as NiceLoginForm,
-  be as NiceOAuthButtons,
+  xe as NiceCaptcha,
+  Ne as NiceChangePassword,
+  de as NiceLoginForm,
+  Ae as NiceOAuthButtons,
+  Fe as NicePasswordGenerator,
   Z as NicePasswordStrength,
-  le as NiceRegistrationForm,
-  ke as NiceTokenManagement,
-  de as NiceTwoFaSetup,
-  J as calcPasswordStrength,
-  ye as useAuth
+  me as NiceRegistrationForm,
+  Me as NiceTokenManagement,
+  we as NiceTwoFaSetup,
+  Y as calcPasswordStrength,
+  te as generatePassword,
+  Re as useAuth
 };