@nice2dev/auth 0.1.0

package/dist/index.mjs

@@ -0,0 +1,632 @@
+import { useState as _, useCallback as A, forwardRef as T } from "react";
+import { jsxs as t, jsx as e, Fragment as q } from "react/jsx-runtime";
+function W(a = {}) {
+  const { onLogin: n, onRefresh: d, onLogout: m, storageKey: h = "nice_auth", persistAuth: f = !1 } = a, [i, p] = _(() => {
+    if (f && typeof window < "u")
+      try {
+        const o = localStorage.getItem(h);
+        if (o)
+          return { ...JSON.parse(o), loading: !1, error: null };
+      } catch {
+      }
+    return { isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null };
+  }), s = A((o) => {
+    p((l) => {
+      const u = { ...l, ...o };
+      return f && typeof window < "u" && (u.isAuthenticated ? localStorage.setItem(h, JSON.stringify({ isAuthenticated: !0, user: u.user, tokens: u.tokens })) : localStorage.removeItem(h)), u;
+    });
+  }, [f, h]), w = A(async (o, l) => {
+    s({ loading: !0, error: null });
+    try {
+      if (n) {
+        const u = await n(o, l);
+        return s({ isAuthenticated: !0, user: u.user, tokens: u.tokens, loading: !1 }), !0;
+      }
+      return s({ loading: !1, error: "No login handler configured" }), !1;
+    } catch (u) {
+      return s({ loading: !1, error: (u == null ? void 0 : u.message) ?? "Login failed" }), !1;
+    }
+  }, [n, s]), c = A(() => {
+    m == null || m(), s({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
+  }, [m, s]), k = A(async () => {
+    var o;
+    if (!((o = i.tokens) != null && o.refreshToken) || !d) return !1;
+    try {
+      const l = await d(i.tokens.refreshToken);
+      return s({ tokens: l }), !0;
+    } catch {
+      return c(), !1;
+    }
+  }, [i.tokens, d, s, c]), b = A((o, l) => {
+    s({ isAuthenticated: !0, user: o, tokens: l, loading: !1, error: null });
+  }, [s]), C = A((...o) => i.user ? o.every((l) => i.user.roles.includes(l)) : !1, [i.user]), y = A((...o) => i.user ? o.every((l) => i.user.permissions.includes(l)) : !1, [i.user]), $ = A(() => {
+    s({ error: null });
+  }, [s]);
+  return {
+    ...i,
+    login: w,
+    logout: c,
+    refreshToken: k,
+    setAuth: b,
+    hasRoles: C,
+    hasPermissions: y,
+    clearError: $
+  };
+}
+const V = T(({
+  onSubmit: a,
+  loading: n = !1,
+  error: d,
+  showRememberMe: m = !0,
+  showForgotPassword: h = !0,
+  onForgotPassword: f,
+  showRegisterLink: i = !0,
+  onRegisterClick: p,
+  title: s = "Sign In",
+  submitLabel: w = "Sign In",
+  logo: c,
+  footer: k,
+  className: b,
+  style: C,
+  emailLabel: y = "Email",
+  passwordLabel: $ = "Password"
+}, o) => {
+  const [l, u] = _(""), [F, g] = _(""), [P, v] = _(!1), S = A((x) => {
+    x.preventDefault(), a == null || a({ email: l, password: F, rememberMe: P });
+  }, [l, F, P, a]);
+  return /* @__PURE__ */ t(
+    "form",
+    {
+      ref: o,
+      className: `nice-login-form${b ? ` ${b}` : ""}`,
+      style: C,
+      onSubmit: S,
+      noValidate: !0,
+      children: [
+        c && /* @__PURE__ */ e("div", { className: "nice-login-form__logo", children: c }),
+        /* @__PURE__ */ e("h2", { className: "nice-login-form__title", children: s }),
+        d && /* @__PURE__ */ e("div", { className: "nice-login-form__error", role: "alert", children: d }),
+        /* @__PURE__ */ t("div", { className: "nice-login-form__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-login-email", children: y }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "nice-login-email",
+              className: "nice-input",
+              type: "email",
+              value: l,
+              onChange: (x) => u(x.target.value),
+              autoComplete: "email",
+              required: !0,
+              disabled: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-login-form__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-login-password", children: $ }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "nice-login-password",
+              className: "nice-input",
+              type: "password",
+              value: F,
+              onChange: (x) => g(x.target.value),
+              autoComplete: "current-password",
+              required: !0,
+              disabled: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-login-form__options", children: [
+          m && /* @__PURE__ */ t("label", { className: "nice-login-form__remember", children: [
+            /* @__PURE__ */ e("input", { type: "checkbox", checked: P, onChange: (x) => v(x.target.checked), disabled: n }),
+            /* @__PURE__ */ e("span", { children: "Remember me" })
+          ] }),
+          h && /* @__PURE__ */ e("button", { type: "button", className: "nice-login-form__forgot", onClick: f, disabled: n, children: "Forgot password?" })
+        ] }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary nice-login-form__submit", disabled: n || !l || !F, children: n ? "…" : w }),
+        i && /* @__PURE__ */ t("div", { className: "nice-login-form__register", children: [
+          /* @__PURE__ */ e("span", { children: "Don't have an account? " }),
+          /* @__PURE__ */ e("button", { type: "button", onClick: p, disabled: n, children: "Register" })
+        ] }),
+        k && /* @__PURE__ */ e("div", { className: "nice-login-form__footer", children: k })
+      ]
+    }
+  );
+});
+V.displayName = "NiceLoginForm";
+const j = {
+  0: "Very weak",
+  1: "Weak",
+  2: "Fair",
+  3: "Strong",
+  4: "Very strong"
+}, B = {
+  0: "#d9534f",
+  1: "#f0ad4e",
+  2: "#5bc0de",
+  3: "#5cb85c",
+  4: "#2e7d32"
+};
+function I(a) {
+  if (!a) return 0;
+  let n = 0;
+  return a.length >= 8 && n++, a.length >= 12 && n++, /[a-z]/.test(a) && /[A-Z]/.test(a) && n++, /\d/.test(a) && n++, /[^a-zA-Z0-9]/.test(a) && n++, Math.min(4, n);
+}
+const M = T(({
+  password: a,
+  strength: n,
+  showLabel: d = !0,
+  labels: m = j,
+  className: h
+}, f) => {
+  const i = n ?? I(a), p = B[i], s = (i + 1) / 5 * 100;
+  return /* @__PURE__ */ t("div", { ref: f, className: `nice-password-strength${h ? ` ${h}` : ""}`, children: [
+    /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e("div", { className: "nice-password-strength__fill", style: { width: `${s}%`, backgroundColor: p } }) }),
+    d && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: p }, children: m[i] })
+  ] });
+});
+M.displayName = "NicePasswordStrength";
+const G = T(({
+  onSubmit: a,
+  loading: n = !1,
+  error: d,
+  onLoginClick: m,
+  showPasswordStrength: h = !0,
+  minPasswordStrength: f = 2,
+  termsUrl: i,
+  privacyUrl: p,
+  title: s = "Create Account",
+  logo: w,
+  footer: c,
+  className: k,
+  style: b
+}, C) => {
+  const [y, $] = _(""), [o, l] = _(""), [u, F] = _(""), [g, P] = _(""), [v, S] = _(""), [x, D] = _(!1), L = I(g), E = g === v, R = y && u && g && E && x && L >= f && !n, r = A((N) => {
+    N.preventDefault(), R && (a == null || a({ firstName: y, lastName: o, email: u, password: g, acceptTerms: x }));
+  }, [R, y, o, u, g, x, a]);
+  return /* @__PURE__ */ t(
+    "form",
+    {
+      ref: C,
+      className: `nice-register-form${k ? ` ${k}` : ""}`,
+      style: b,
+      onSubmit: r,
+      noValidate: !0,
+      children: [
+        w && /* @__PURE__ */ e("div", { className: "nice-register-form__logo", children: w }),
+        /* @__PURE__ */ e("h2", { className: "nice-register-form__title", children: s }),
+        d && /* @__PURE__ */ e("div", { className: "nice-register-form__error", role: "alert", children: d }),
+        /* @__PURE__ */ t("div", { className: "nice-register-form__row", children: [
+          /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-reg-first", children: "First name *" }),
+            /* @__PURE__ */ e("input", { id: "nice-reg-first", className: "nice-input", type: "text", value: y, onChange: (N) => $(N.target.value), required: !0, disabled: n, autoComplete: "given-name" })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-reg-last", children: "Last name" }),
+            /* @__PURE__ */ e("input", { id: "nice-reg-last", className: "nice-input", type: "text", value: o, onChange: (N) => l(N.target.value), disabled: n, autoComplete: "family-name" })
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-reg-email", children: "Email *" }),
+          /* @__PURE__ */ e("input", { id: "nice-reg-email", className: "nice-input", type: "email", value: u, onChange: (N) => F(N.target.value), required: !0, disabled: n, autoComplete: "email" })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-reg-pass", children: "Password *" }),
+          /* @__PURE__ */ e("input", { id: "nice-reg-pass", className: "nice-input", type: "password", value: g, onChange: (N) => P(N.target.value), required: !0, disabled: n, autoComplete: "new-password" }),
+          h && g.length > 0 && /* @__PURE__ */ e(M, { password: g })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-reg-confirm", children: "Confirm password *" }),
+          /* @__PURE__ */ e("input", { id: "nice-reg-confirm", className: "nice-input", type: "password", value: v, onChange: (N) => S(N.target.value), required: !0, disabled: n, autoComplete: "new-password" }),
+          v && !E && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+        ] }),
+        /* @__PURE__ */ t("label", { className: "nice-register-form__terms", children: [
+          /* @__PURE__ */ e("input", { type: "checkbox", checked: x, onChange: (N) => D(N.target.checked), disabled: n }),
+          /* @__PURE__ */ t("span", { children: [
+            "I accept the",
+            " ",
+            i ? /* @__PURE__ */ e("a", { href: i, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
+            p && /* @__PURE__ */ t(q, { children: [
+              " and ",
+              /* @__PURE__ */ e("a", { href: p, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
+            ] }),
+            " *"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary nice-register-form__submit", disabled: !R, children: n ? "…" : "Register" }),
+        m && /* @__PURE__ */ t("div", { className: "nice-register-form__login", children: [
+          /* @__PURE__ */ e("span", { children: "Already have an account? " }),
+          /* @__PURE__ */ e("button", { type: "button", onClick: m, children: "Sign in" })
+        ] }),
+        c && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: c })
+      ]
+    }
+  );
+});
+G.displayName = "NiceRegistrationForm";
+const Q = T(({
+  requireCurrentPassword: a = !0,
+  onSubmit: n,
+  loading: d = !1,
+  error: m,
+  success: h,
+  minPasswordStrength: f = 2,
+  title: i = "Change Password",
+  className: p,
+  style: s
+}, w) => {
+  const [c, k] = _(""), [b, C] = _(""), [y, $] = _(""), o = I(b), l = b === y, u = (!a || c.length > 0) && b.length > 0 && l && o >= f && !d, F = A((g) => {
+    g.preventDefault(), u && (n == null || n({
+      currentPassword: a ? c : void 0,
+      newPassword: b
+    }));
+  }, [u, c, b, a, n]);
+  return /* @__PURE__ */ t(
+    "form",
+    {
+      ref: w,
+      className: `nice-change-password${p ? ` ${p}` : ""}`,
+      style: s,
+      onSubmit: F,
+      noValidate: !0,
+      children: [
+        /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: i }),
+        m && /* @__PURE__ */ e("div", { className: "nice-change-password__error", role: "alert", children: m }),
+        h && /* @__PURE__ */ e("div", { className: "nice-change-password__success", role: "status", children: h }),
+        a && /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "nice-cp-current",
+              className: "nice-input",
+              type: "password",
+              value: c,
+              onChange: (g) => k(g.target.value),
+              autoComplete: "current-password",
+              disabled: d,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-cp-new", children: "New password" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "nice-cp-new",
+              className: "nice-input",
+              type: "password",
+              value: b,
+              onChange: (g) => C(g.target.value),
+              autoComplete: "new-password",
+              disabled: d,
+              required: !0
+            }
+          ),
+          b.length > 0 && /* @__PURE__ */ e(M, { password: b })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "nice-cp-confirm", children: "Confirm new password" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "nice-cp-confirm",
+              className: "nice-input",
+              type: "password",
+              value: y,
+              onChange: (g) => $(g.target.value),
+              autoComplete: "new-password",
+              disabled: d,
+              required: !0
+            }
+          ),
+          y && !l && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+        ] }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !u, children: d ? "…" : "Change Password" })
+      ]
+    }
+  );
+});
+Q.displayName = "NiceChangePassword";
+const z = T(({
+  secret: a,
+  qrCodeUrl: n,
+  issuer: d,
+  accountName: m,
+  onVerify: h,
+  loading: f = !1,
+  error: i,
+  onCancel: p,
+  recoveryCodes: s,
+  step: w = "setup",
+  onStepChange: c,
+  className: k,
+  style: b
+}, C) => {
+  const [y, $] = _(""), [o, l] = _(!1), [u, F] = _(!1), g = A((v) => {
+    v.preventDefault(), y.length >= 6 && (h == null || h(y));
+  }, [y, h]), P = `otpauth://totp/${d ? `${d}:` : ""}${m ?? "user"}?secret=${a}${d ? `&issuer=${d}` : ""}&digits=6&period=30`;
+  return /* @__PURE__ */ t("div", { ref: C, className: `nice-2fa-setup${k ? ` ${k}` : ""}`, style: b, children: [
+    /* @__PURE__ */ e("h3", { className: "nice-2fa-setup__title", children: "Two-Factor Authentication" }),
+    w === "setup" && /* @__PURE__ */ t("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.):" }),
+      n ? /* @__PURE__ */ e("img", { src: n, alt: "2FA QR Code", className: "nice-2fa-setup__qr" }) : /* @__PURE__ */ t("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__ */ t("div", { className: "nice-2fa-setup__secret", children: [
+        /* @__PURE__ */ e("span", { children: "Or enter manually: " }),
+        o ? /* @__PURE__ */ e("code", { className: "nice-2fa-setup__secret-key", children: a }) : /* @__PURE__ */ e("button", { type: "button", onClick: () => l(!0), children: "Show secret key" })
+      ] }),
+      /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: () => c == null ? void 0 : c("verify"), children: "Next — Verify" })
+    ] }),
+    w === "verify" && /* @__PURE__ */ t("form", { className: "nice-2fa-setup__step", onSubmit: g, children: [
+      /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Enter the 6-digit code from your authenticator app:" }),
+      i && /* @__PURE__ */ e("div", { className: "nice-2fa-setup__error", role: "alert", children: i }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          className: "nice-input nice-2fa-setup__code-input",
+          type: "text",
+          inputMode: "numeric",
+          maxLength: 6,
+          value: y,
+          onChange: (v) => $(v.target.value.replace(/\D/g, "").slice(0, 6)),
+          placeholder: "000000",
+          autoFocus: !0,
+          disabled: f,
+          autoComplete: "one-time-code"
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "nice-2fa-setup__actions", children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "nice-btn", onClick: () => c == null ? void 0 : c("setup"), children: "Back" }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: f || y.length < 6, children: f ? "…" : "Verify" })
+      ] })
+    ] }),
+    w === "recovery" && s && /* @__PURE__ */ t("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: s.map((v, S) => /* @__PURE__ */ e("code", { className: "nice-2fa-setup__recovery-code", children: v }, S)) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "nice-btn",
+          onClick: () => {
+            var v;
+            (v = navigator.clipboard) == null || v.writeText(s.join(`
+`)), F(!0);
+          },
+          children: u ? "Copied!" : "Copy all codes"
+        }
+      ),
+      p && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: p, children: "Done" })
+    ] }),
+    p && w !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: p, children: "Cancel" })
+  ] });
+});
+z.displayName = "NiceTwoFaSetup";
+const J = T(({
+  provider: a = "custom",
+  siteKey: n,
+  onVerify: d,
+  onExpire: m,
+  onError: h,
+  theme: f = "light",
+  size: i = "normal",
+  customRender: p,
+  className: s,
+  style: w
+}, c) => a === "custom" && p ? /* @__PURE__ */ e("div", { ref: c, className: `nice-captcha nice-captcha--custom${s ? ` ${s}` : ""}`, style: w, children: p }) : /* @__PURE__ */ e(
+  "div",
+  {
+    ref: c,
+    className: `nice-captcha nice-captcha--${a} nice-captcha--${f}${i === "compact" ? " nice-captcha--compact" : ""}${s ? ` ${s}` : ""}`,
+    style: w,
+    "data-sitekey": n,
+    "data-theme": f,
+    "data-size": i,
+    children: /* @__PURE__ */ t("div", { className: "nice-captcha__placeholder", children: [
+      /* @__PURE__ */ t("span", { children: [
+        "🔒 Captcha (",
+        a,
+        ")"
+      ] }),
+      /* @__PURE__ */ t("p", { children: [
+        "Load the ",
+        a,
+        " SDK to activate verification."
+      ] })
+    ] })
+  }
+));
+J.displayName = "NiceCaptcha";
+const K = [
+  { 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" }
+], U = T(({
+  providers: a = K,
+  onProviderClick: n,
+  disabled: d = !1,
+  loadingProvider: m,
+  direction: h = "vertical",
+  separatorText: f = "or continue with",
+  showSeparator: i = !0,
+  className: p,
+  style: s
+}, w) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: w,
+    className: `nice-oauth nice-oauth--${h}${p ? ` ${p}` : ""}`,
+    style: s,
+    children: [
+      i && /* @__PURE__ */ t("div", { className: "nice-oauth__separator", children: [
+        /* @__PURE__ */ e("hr", {}),
+        /* @__PURE__ */ e("span", { children: f }),
+        /* @__PURE__ */ e("hr", {})
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: a.map((c) => /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `nice-oauth__btn${m === c.id ? " nice-oauth__btn--loading" : ""}`,
+          style: { backgroundColor: c.color, color: c.textColor },
+          onClick: () => n == null ? void 0 : n(c.id),
+          disabled: d || !!m,
+          children: [
+            c.icon && /* @__PURE__ */ e("span", { className: "nice-oauth__btn-icon", children: c.icon }),
+            /* @__PURE__ */ e("span", { className: "nice-oauth__btn-label", children: m === c.id ? "…" : c.label })
+          ]
+        },
+        c.id
+      )) })
+    ]
+  }
+));
+U.displayName = "NiceOAuthButtons";
+const X = T(function(n, d) {
+  const {
+    tokens: m,
+    onCreate: h,
+    onRevoke: f,
+    availableScopes: i = [],
+    maxTokens: p = 10,
+    title: s = "API Tokens",
+    className: w,
+    style: c
+  } = n, [k, b] = _(!1), [C, y] = _(""), [$, o] = _([]), [l, u] = _("90"), [F, g] = _(null), [P, v] = _(!1), [S, x] = _(null), D = A(async () => {
+    if (!(!h || !C.trim())) {
+      v(!0);
+      try {
+        const r = l ? parseInt(l, 10) : void 0, N = await h(C.trim(), $, r);
+        g(N), y(""), o([]), b(!1);
+      } finally {
+        v(!1);
+      }
+    }
+  }, [h, C, $, l]), L = A(async (r) => {
+    if (f) {
+      x(r);
+      try {
+        await f(r);
+      } finally {
+        x(null);
+      }
+    }
+  }, [f]), E = (r) => {
+    o((N) => N.includes(r) ? N.filter((O) => O !== r) : [...N, r]);
+  }, R = m.length < p;
+  return /* @__PURE__ */ t("div", { ref: d, className: `nice-token-management ${w ?? ""}`, style: c, children: [
+    /* @__PURE__ */ t("div", { className: "nice-token-management__header", children: [
+      /* @__PURE__ */ e("h3", { children: s }),
+      R && /* @__PURE__ */ e("button", { className: "nice-token-management__new-btn", onClick: () => b(!0), disabled: k, children: "+ New Token" })
+    ] }),
+    F && /* @__PURE__ */ t("div", { className: "nice-token-management__reveal", children: [
+      /* @__PURE__ */ t("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: F }),
+      /* @__PURE__ */ e("button", { onClick: () => g(null), children: "Dismiss" })
+    ] }),
+    k && /* @__PURE__ */ t("div", { className: "nice-token-management__create-form", children: [
+      /* @__PURE__ */ t("label", { children: [
+        "Name",
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: C,
+            onChange: (r) => y(r.target.value),
+            placeholder: "My API token",
+            maxLength: 64
+          }
+        )
+      ] }),
+      i.length > 0 && /* @__PURE__ */ t("fieldset", { children: [
+        /* @__PURE__ */ e("legend", { children: "Scopes" }),
+        i.map((r) => /* @__PURE__ */ t("label", { className: "nice-token-management__scope", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: $.includes(r),
+              onChange: () => E(r)
+            }
+          ),
+          r
+        ] }, r))
+      ] }),
+      /* @__PURE__ */ t("label", { children: [
+        "Expires in (days)",
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: l,
+            onChange: (r) => u(r.target.value),
+            min: 1,
+            max: 365
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-token-management__create-actions", children: [
+        /* @__PURE__ */ e("button", { onClick: D, disabled: P || !C.trim(), children: P ? "Creating…" : "Create Token" }),
+        /* @__PURE__ */ e("button", { onClick: () => b(!1), children: "Cancel" })
+      ] })
+    ] }),
+    m.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-token-management__empty", children: "No API tokens yet." }) : /* @__PURE__ */ t("table", { className: "nice-token-management__table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Name" }),
+        /* @__PURE__ */ e("th", { children: "Prefix" }),
+        /* @__PURE__ */ e("th", { children: "Created" }),
+        /* @__PURE__ */ e("th", { children: "Expires" }),
+        /* @__PURE__ */ e("th", { children: "Last Used" }),
+        /* @__PURE__ */ e("th", { children: "Scopes" }),
+        /* @__PURE__ */ e("th", {})
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: m.map((r) => {
+        var N;
+        return /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { children: r.name }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ t("code", { children: [
+            r.prefix,
+            "…"
+          ] }) }),
+          /* @__PURE__ */ e("td", { children: r.createdAt }),
+          /* @__PURE__ */ e("td", { children: r.expiresAt ?? "—" }),
+          /* @__PURE__ */ e("td", { children: r.lastUsedAt ?? "Never" }),
+          /* @__PURE__ */ e("td", { children: ((N = r.scopes) == null ? void 0 : N.join(", ")) || "—" }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-token-management__revoke-btn",
+              onClick: () => L(r.id),
+              disabled: S === r.id,
+              children: S === r.id ? "Revoking…" : "Revoke"
+            }
+          ) })
+        ] }, r.id);
+      }) })
+    ] })
+  ] });
+});
+export {
+  J as NiceCaptcha,
+  Q as NiceChangePassword,
+  V as NiceLoginForm,
+  U as NiceOAuthButtons,
+  M as NicePasswordStrength,
+  G as NiceRegistrationForm,
+  X as NiceTokenManagement,
+  z as NiceTwoFaSetup,
+  I as calcPasswordStrength,
+  W as useAuth
+};
+//# sourceMappingURL=index.mjs.map