@tempots/beatui 0.25.0 → 0.27.0

package/dist/auth/index.es.js

@@ -1,9 +1,9 @@
-import { localStorageProp as ae, prop as E, Use as P, html as l, OnDispose as U, attr as t, on as T, When as _, coalesce as g, computedOf as f, bind as ne, ForEach as re, Value as J, OneOfValue as ie, Fragment as A } from "@tempots/dom";
-import { t as ce, b as K, u as R, S as q, c as oe, d as $, P as M, E as W, a as O, T as le, I as me } from "../translations-GO9sIajX.js";
-import { s as I, o as G, b as D, M as ue } from "../modal-C2Aa-aVN.js";
-import { AuthI18n as x } from "../translations-CB6iJ1Rn.js";
-import { classes as de } from "@tempots/ui";
-const N = {
+import { localStorageProp as re, prop as E, Use as P, html as i, OnDispose as U, attr as t, on as T, When as L, coalesce as h, Ensure as N, computedOf as f, bind as ie, ForEach as ce, Value as Q, OneOfValue as le, Fragment as A } from "@tempots/dom";
+import { t as me, b as ee, u as R, S as q, c as se, d as $, P as M, E as W, N as G, a as O, T as ue, I as de } from "../notice-DKO4C8y2.js";
+import { s as I, o as H, b as D, M as pe } from "../modal-Fect9dc4.js";
+import { AuthI18n as x } from "../translations-BBguPjg9.js";
+import { classes as he } from "@tempots/ui";
+const j = {
   google: { name: "Google", icon: "logos:google-icon", color: "#4285f4" },
   github: { name: "GitHub", icon: "logos:github-icon", color: "#333" },
   apple: { name: "Apple", icon: "logos:apple", color: "#000" },
@@ -49,17 +49,17 @@ const N = {
   paypal: { name: "PayPal", icon: "logos:paypal", color: "#0070ba" },
   x: { name: "X", icon: "simple-icons:x", color: "#000" }
 };
-function pe(e) {
-  return N[e]?.name || e;
+function ge(e) {
+  return j[e]?.name || e;
 }
-function xe(e) {
-  return N[e]?.icon || "mdi:account";
+function Be(e) {
+  return j[e]?.icon || "mdi:account";
 }
-function qe(e) {
-  return N[e]?.color || "#666";
+function $e(e) {
+  return j[e]?.color || "#666";
 }
-function Be(e, o = "Continue with {provider}") {
-  return o.replace("{provider}", pe(e));
+function Ie(e, o = "Continue with {provider}") {
+  return o.replace("{provider}", ge(e));
 }
 const B = {
   minLength: 8,
@@ -68,18 +68,18 @@ const B = {
   requireNumbers: !0,
   requireSymbols: !1
 };
-function $e(e) {
+function Te(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function he(e = 32) {
+function fe(e = 32) {
   const o = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let i = "";
+  let c = "";
   for (let m = 0; m < e; m++)
-    i += o.charAt(Math.floor(Math.random() * o.length));
-  return i;
+    c += o.charAt(Math.floor(Math.random() * o.length));
+  return c;
 }
-function Ie(e, o, i, m = [], c = {}) {
-  const n = {
+function Ae(e, o, c, m = [], l = {}) {
+  const a = {
     google: "https://accounts.google.com/oauth/authorize",
     github: "https://github.com/login/oauth/authorize",
     apple: "https://appleid.apple.com/auth/authorize",
@@ -129,60 +129,60 @@ function Ie(e, o, i, m = [], c = {}) {
     yahoo: ["openid", "email", "profile"],
     paypal: ["openid", "email", "profile"],
     x: ["openid", "email", "profile"]
-  }, a = n[e];
-  if (!a)
+  }, n = a[e];
+  if (!n)
     throw new Error(`Unsupported provider: ${e}`);
-  const u = m.length > 0 ? m : s[e], r = he(), b = new URLSearchParams({
+  const u = m.length > 0 ? m : s[e], r = fe(), w = new URLSearchParams({
     client_id: o,
-    redirect_uri: i,
+    redirect_uri: c,
     scope: u.join(" "),
     state: r,
     response_type: "code",
-    ...c
+    ...l
   });
-  return `${a}?${b.toString()}`;
+  return `${n}?${w.toString()}`;
 }
-function Te(e, o, i, m) {
-  const c = window.open(
+function Ce(e, o, c, m) {
+  const l = window.open(
     e,
     `${o}_login`,
     "width=500,height=600,scrollbars=yes,resizable=yes"
   );
-  if (!c) {
+  if (!l) {
     m?.(new Error("Failed to open popup window"));
     return;
   }
-  const n = setInterval(() => {
-    c.closed && (clearInterval(n), m?.(new Error("Login cancelled")));
-  }, 1e3), s = (a) => {
-    a.origin === window.location.origin && (a.data.type === "SOCIAL_LOGIN_SUCCESS" ? (clearInterval(n), c.close(), window.removeEventListener("message", s), i?.(a.data.result)) : a.data.type === "SOCIAL_LOGIN_ERROR" && (clearInterval(n), c.close(), window.removeEventListener("message", s), m?.(new Error(a.data.error))));
+  const a = setInterval(() => {
+    l.closed && (clearInterval(a), m?.(new Error("Login cancelled")));
+  }, 1e3), s = (n) => {
+    n.origin === window.location.origin && (n.data.type === "SOCIAL_LOGIN_SUCCESS" ? (clearInterval(a), l.close(), window.removeEventListener("message", s), c?.(n.data.result)) : n.data.type === "SOCIAL_LOGIN_ERROR" && (clearInterval(a), l.close(), window.removeEventListener("message", s), m?.(new Error(n.data.error))));
   };
   window.addEventListener("message", s);
 }
-function Ae(e) {
+function ze(e) {
   return e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e ? String(e.message) : "An unexpected error occurred";
 }
-function Ce() {
+function Ee() {
   return typeof window < "u" && typeof document < "u";
 }
-function H({
+function X({
   task: e,
   message: o,
-  onStart: i,
+  onStart: c,
   onEnd: m
 }) {
-  return async (c) => {
-    i?.();
-    const n = await ce({
-      task: e != null ? () => e(c) : async () => null,
+  return async (l) => {
+    c?.();
+    const a = await me({
+      task: e != null ? () => e(l) : async () => null,
       errorMessage: o,
       errorPath: ["root"],
-      validation: (s) => s != null ? K.invalid({ message: s }) : K.valid
+      validation: (s) => s != null ? ee.invalid({ message: s }) : ee.valid
     });
-    return m?.(), n;
+    return m?.(), a;
   };
 }
-function j(e = B) {
+function Y(e = B) {
   let o = I();
   return e.minLength && (o = o.min(
     e.minLength,
@@ -199,56 +199,56 @@ function j(e = B) {
   )), e.requireSymbols && (o = o.regex(
     /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/,
     "Password must contain at least one special character"
-  )), e.customValidation && (o = o.refine((i) => e.customValidation(i))), o;
+  )), e.customValidation && (o = o.refine((c) => e.customValidation(c))), o;
 }
 const V = I().min(1, "Email is required").email("Please enter a valid email address");
-function X(e) {
-  const o = e ? j(e) : I().refine(
-    (i) => i.length > 0 ? null : "Password is required"
+function Z(e) {
+  const o = e ? Y(e) : I().refine(
+    (c) => c.length > 0 ? null : "Password is required"
   );
-  return G({
+  return H({
     email: V,
     password: o,
     rememberMe: D().default(!1)
   }).schema();
 }
-function Y(e = B, o) {
-  const i = j(e), m = o?.showNameField !== !1, c = o?.showConfirmPassword !== !1, n = o?.showAcceptTermsAndConditions !== !1, s = {
+function J(e = B, o) {
+  const c = Y(e), m = o?.showNameField !== !1, l = o?.showConfirmPassword !== !1, a = o?.showAcceptTermsAndConditions !== !1, s = {
     name: m ? I().min(1, "Name is required").optional() : I().optional(),
     email: V,
-    password: i,
+    password: c,
     // Always require confirmPassword as string to match SignUpData interface
     // When not shown, it should accept any value (including empty string)
-    confirmPassword: c ? I().min(1, "Please confirm your password") : I(),
+    confirmPassword: l ? I().min(1, "Please confirm your password") : I(),
     // Accept any string value when not shown
-    acceptTerms: n ? D().refine(
+    acceptTerms: a ? D().refine(
       (u) => u === !0,
       "You must accept the terms and conditions"
     ) : D().default(!0)
     // Default to true when not shown
-  }, a = G(s);
-  return c ? a.refine(
+  }, n = H(s);
+  return l ? n.refine(
     (u) => u.password === u.confirmPassword ? null : "Passwords don't match",
     { path: ["confirmPassword"] }
-  ).schema() : a.schema();
+  ).schema() : n.schema();
 }
-const te = G({
+const ne = H({
   email: V
-}).schema(), ze = X(), Ee = Y(), Ue = {
-  signIn: X,
-  signUp: Y,
-  resetPassword: () => te
+}).schema(), Ue = Z(), Oe = J(), Ve = {
+  signIn: Z,
+  signUp: J,
+  resetPassword: () => ne
 };
-function Oe(e) {
+function Fe(e) {
   const o = V.validate(e);
   return o.success ? null : o.errors[0]?.message || "Invalid email";
 }
-function Ve(e, o = B) {
-  const m = j(o).validate(e);
+function Me(e, o = B) {
+  const m = Y(o).validate(e);
   return m.success ? null : m.errors[0]?.message || "Invalid password";
 }
-function Z(e, o = B) {
-  const i = {
+function K(e, o = B) {
+  const c = {
     length: e.length >= (o.minLength || 8),
     uppercase: /[A-Z]/.test(e),
     lowercase: /[a-z]/.test(e),
@@ -264,87 +264,91 @@ function Z(e, o = B) {
     o.requireNumbers,
     o.requireSymbols,
     !!o.customValidation
-  ].filter(Boolean).length, c = [
-    i.length,
-    o.requireUppercase ? i.uppercase : null,
-    o.requireLowercase ? i.lowercase : null,
-    o.requireNumbers ? i.numbers : null,
-    o.requireSymbols ? i.symbols : null,
-    o.customValidation ? i.custom : null
-  ].filter((a) => a === !0).length, n = m > 0 ? Math.round(c / m * 100) : 0;
+  ].filter(Boolean).length, l = [
+    c.length,
+    o.requireUppercase ? c.uppercase : null,
+    o.requireLowercase ? c.lowercase : null,
+    o.requireNumbers ? c.numbers : null,
+    o.requireSymbols ? c.symbols : null,
+    o.customValidation ? c.custom : null
+  ].filter((n) => n === !0).length, a = m > 0 ? Math.round(l / m * 100) : 0;
   let s;
-  return n < 40 ? s = "weak" : n < 60 ? s = "fair" : n < 80 ? s = "good" : s = "strong", { strength: s, score: n, checks: i };
+  return a < 40 ? s = "weak" : a < 60 ? s = "fair" : a < 80 ? s = "good" : s = "strong", { strength: s, score: a, checks: c };
 }
-const se = () => ae({
+const ae = () => re({
   key: "bui_auth_email",
   defaultValue: null
 });
-function ge({
+function be({
   onSignIn: e,
   passwordRules: o,
-  labels: i,
+  labels: c,
   showRememberMe: m
 }) {
-  const c = E(!1), n = se(), s = X(o), a = R({
+  const l = E(!1), a = ae(), s = Z(o), n = R({
     schema: s,
-    onSubmit: H({
-      task: e != null ? (h) => e({
-        email: h.email,
-        password: h.password
-      }) : void 0,
+    onSubmit: X({
+      task: e,
       message: "Reset password failed",
       onStart: () => {
-        c.set(!0), a.controller.disable();
+        l.set(!0), n.controller.disable();
       },
       onEnd: () => {
-        c.set(!1), a.controller.enable();
+        l.set(!1), n.controller.enable();
       }
     }),
     initialValue: {
       email: "",
       password: ""
     }
-  }), { controller: u, submit: r } = a;
-  c.on(u.setDisabled);
-  const b = u.field("email"), w = u.field("password");
-  return n.on((h) => {
-    h != null && b.change(h);
-  }), b.value.on((h) => {
-    n.value != null && (n.value = h);
+  }), { controller: u, submit: r } = n;
+  l.on(u.setDisabled);
+  const w = u.field("email"), _ = u.field("password");
+  return a.on((g) => {
+    g != null && w.change(g);
+  }), w.value.on((g) => {
+    a.value != null && (a.value = g);
   }), P(
     x,
-    (h) => (
+    (g) => (
       // Email/Password form
-      l.form(
-        U(u.dispose, n.dispose, c.dispose),
+      i.form(
+        U(u.dispose, a.dispose, l.dispose),
         t.class("bc-auth-form__form"),
         T.submit(r),
         q(
           t.class("bc-auth-form__fields"),
+          N(
+            u.error,
+            (b) => G(
+              { variant: "danger", tone: "prominent", role: "alert" },
+              i.div(b)
+            )
+          ),
           // Email field
           $(W, {
-            controller: b,
-            label: g(i?.emailLabel, h.$.emailLabel)
+            controller: w,
+            label: h(c?.emailLabel, g.$.emailLabel)
           }),
           // Password field
           $(M, {
-            controller: w,
-            label: g(i?.passwordLabel, h.$.passwordLabel)
+            controller: _,
+            label: h(c?.passwordLabel, g.$.passwordLabel)
           }),
           // Remember me checkbox
-          _(
+          L(
             m ?? !0,
-            () => l.div(
+            () => i.div(
               t.class("bc-auth-form__remember-me"),
-              l.label(
+              i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                oe({
-                  value: n.map((L) => L != null),
-                  after: l.span(
-                    g(i?.rememberMeLabel, h.$.rememberMeLabel)
+                se({
+                  value: a.map((b) => b != null),
+                  after: i.span(
+                    h(c?.rememberMeLabel, g.$.rememberMeLabel)
                   ),
-                  onChange: (L) => {
-                    L ? n.value = b.value.value ?? "" : n.value = null;
+                  onChange: (b) => {
+                    b ? a.value = w.value.value ?? "" : a.value = null;
                   }
                 })
               )
@@ -357,23 +361,23 @@ function ge({
             type: "submit",
             variant: "filled",
             color: "primary",
-            loading: c,
+            loading: l,
             disabled: u.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          g(i?.signInButton, h.$.signInButton)
+          h(c?.signInButton, g.$.signInButton)
         )
       )
     )
   );
 }
-function fe({
+function we({
   password: e,
   rules: o = B,
-  showLabel: i = !0,
+  showLabel: c = !0,
   className: m
 }) {
-  const c = f(e)((r) => !r || r.length === 0 ? {
+  const l = f(e)((r) => !r || r.length === 0 ? {
     strength: "weak",
     score: 0,
     checks: {
@@ -384,149 +388,149 @@ function fe({
       symbols: !1,
       custom: !1
     }
-  } : Z(r, o)), n = c.map((r) => r.strength), s = c.map((r) => r.score), a = c.map((r) => r.checks), u = f(
-    n,
+  } : K(r, o)), a = l.map((r) => r.strength), s = l.map((r) => r.score), n = l.map((r) => r.checks), u = f(
+    a,
     m
-  )((r, b) => [
+  )((r, w) => [
     "bc-password-strength",
     `bc-password-strength--${r}`,
-    b
+    w
   ].filter(Boolean).join(" "));
-  return l.div(
+  return i.div(
     t.class(u),
     // Strength bar
-    l.div(
+    i.div(
       t.class("bc-password-strength__bar"),
-      l.div(
+      i.div(
         t.class("bc-password-strength__fill"),
         t.style(s.map((r) => `width: ${r}%`))
       )
     ),
     // Strength label (optional)
-    _(
-      i,
+    L(
+      c,
       () => P(
         x,
-        (r) => l.div(
+        (r) => i.div(
           t.class("bc-password-strength__label"),
           f(
-            n,
+            a,
             r
-          )((b, w) => {
-            switch (b) {
+          )((w, _) => {
+            switch (w) {
               case "weak":
-                return w.passwordStrengthWeak;
+                return _.passwordStrengthWeak;
               case "fair":
-                return w.passwordStrengthFair;
+                return _.passwordStrengthFair;
               case "good":
-                return w.passwordStrengthGood;
+                return _.passwordStrengthGood;
               case "strong":
-                return w.passwordStrengthStrong;
+                return _.passwordStrengthStrong;
               default:
-                return w.passwordStrengthWeak;
+                return _.passwordStrengthWeak;
             }
           })
         )
       )
     ),
     // Requirements checklist
-    l.div(
+    i.div(
       t.class("bc-password-strength__requirements"),
       // Length requirement
-      _(
+      L(
         o.minLength !== void 0,
-        () => l.div(
+        () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(a)(
+            f(n)(
               (r) => r.length ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(a)((r) => r.length ? "✓" : "○")
+            f(n)((r) => r.length ? "✓" : "○")
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-text"),
             `At least ${o.minLength} characters`
           )
         )
       ),
       // Uppercase requirement
-      _(
+      L(
         o.requireUppercase === !0,
-        () => l.div(
+        () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(a)(
+            f(n)(
               (r) => r.uppercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(a)((r) => r.uppercase ? "✓" : "○")
+            f(n)((r) => r.uppercase ? "✓" : "○")
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-text"),
             "One uppercase letter"
           )
         )
       ),
       // Lowercase requirement
-      _(
+      L(
         o.requireLowercase === !0,
-        () => l.div(
+        () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(a)(
+            f(n)(
               (r) => r.lowercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(a)((r) => r.lowercase ? "✓" : "○")
+            f(n)((r) => r.lowercase ? "✓" : "○")
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-text"),
             "One lowercase letter"
           )
         )
       ),
       // Numbers requirement
-      _(
+      L(
         o.requireNumbers === !0,
-        () => l.div(
+        () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(a)(
+            f(n)(
               (r) => r.numbers ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(a)((r) => r.numbers ? "✓" : "○")
+            f(n)((r) => r.numbers ? "✓" : "○")
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-text"),
             "One number"
           )
         )
       ),
       // Symbols requirement
-      _(
+      L(
         o.requireSymbols === !0,
-        () => l.div(
+        () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(a)(
+            f(n)(
               (r) => r.symbols ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(a)((r) => r.symbols ? "✓" : "○")
+            f(n)((r) => r.symbols ? "✓" : "○")
           ),
-          l.span(
+          i.span(
             t.class("bc-password-strength__requirement-text"),
             "One special character"
           )
@@ -535,92 +539,92 @@ function fe({
     )
   );
 }
-function Fe({
+function De({
   password: e,
   rules: o = B,
-  className: i
+  className: c
 }) {
-  const m = f(e)((a) => !a || a.length === 0 ? { strength: "weak", score: 0 } : Z(a, o)), c = m.map((a) => a.strength), n = m.map((a) => a.score), s = f(
-    c,
-    i
-  )((a, u) => [
+  const m = f(e)((n) => !n || n.length === 0 ? { strength: "weak", score: 0 } : K(n, o)), l = m.map((n) => n.strength), a = m.map((n) => n.score), s = f(
+    l,
+    c
+  )((n, u) => [
     "bc-password-strength-bar",
-    `bc-password-strength-bar--${a}`,
+    `bc-password-strength-bar--${n}`,
     u
   ].filter(Boolean).join(" "));
-  return l.div(
+  return i.div(
     t.class(s),
-    l.div(
+    i.div(
       t.class("bc-password-strength-bar__fill"),
-      t.style(n.map((a) => `width: ${a}%`))
+      t.style(a.map((n) => `width: ${n}%`))
     )
   );
 }
-function Me({
+function Ne({
   password: e,
   rules: o = B,
-  className: i
+  className: c
 }) {
-  const m = f(e)((n) => !n || n.length === 0 ? "weak" : Z(n, o).strength), c = f(
+  const m = f(e)((a) => !a || a.length === 0 ? "weak" : K(a, o).strength), l = f(
     m,
-    i
-  )((n, s) => [
+    c
+  )((a, s) => [
     "bc-password-strength-text",
-    `bc-password-strength-text--${n}`,
+    `bc-password-strength-text--${a}`,
     s
   ].filter(Boolean).join(" "));
   return P(
     x,
-    (n) => l.span(
-      t.class(c),
+    (a) => i.span(
+      t.class(l),
       f(
         m,
-        n
-      )((s, a) => {
+        a
+      )((s, n) => {
         switch (s) {
           case "weak":
-            return a.passwordStrengthWeak;
+            return n.passwordStrengthWeak;
           case "fair":
-            return a.passwordStrengthFair;
+            return n.passwordStrengthFair;
           case "good":
-            return a.passwordStrengthGood;
+            return n.passwordStrengthGood;
           case "strong":
-            return a.passwordStrengthStrong;
+            return n.passwordStrengthStrong;
           default:
-            return a.passwordStrengthWeak;
+            return n.passwordStrengthWeak;
         }
       })
     )
   );
 }
-function be({
+function _e({
   passwordRules: e,
   labels: o,
-  showPasswordStrength: i,
+  showPasswordStrength: c,
   onSignUp: m,
-  showNameField: c,
-  showConfirmPassword: n,
+  showNameField: l,
+  showConfirmPassword: a,
   showAcceptTermsAndConditions: s,
-  termsAndConditions: a
+  termsAndConditions: n
 }) {
-  const u = E(!1), r = e || B, b = Y(r, {
-    showNameField: c !== !1,
-    showConfirmPassword: n !== !1,
+  const u = E(!1), r = e || B, w = J(r, {
+    showNameField: l !== !1,
+    showConfirmPassword: a !== !1,
     showAcceptTermsAndConditions: s !== !1
-  }), w = R({
-    schema: b,
-    onSubmit: H({
-      task: m != null ? (y) => m({
-        email: y.email,
-        password: y.password,
-        name: y.name
+  }), _ = R({
+    schema: w,
+    onSubmit: X({
+      task: m != null ? (S) => m({
+        email: S.email,
+        password: S.password,
+        name: S.name
       }) : void 0,
       message: "Reset password failed",
       onStart: () => {
-        u.set(!0), w.controller.disable();
+        u.set(!0), _.controller.disable();
       },
       onEnd: () => {
-        u.set(!1), w.controller.enable();
+        u.set(!1), _.controller.enable();
       }
     }),
     initialValue: {
@@ -630,80 +634,87 @@ function be({
       confirmPassword: "",
       acceptTerms: !1
     }
-  }), { controller: h, submit: L } = w;
-  u.on(h.setDisabled);
-  const k = h.field("name"), C = h.field("email"), z = h.field("password"), F = h.field("confirmPassword"), v = h.field("acceptTerms");
+  }), { controller: g, submit: b } = _;
+  u.on(g.setDisabled);
+  const k = g.field("name"), C = g.field("email"), z = g.field("password"), F = g.field("confirmPassword"), y = g.field("acceptTerms");
   return P(
     x,
-    (y) => (
+    (S) => (
       // Registration form
-      l.form(
-        U(h.dispose, u.dispose),
+      i.form(
+        U(g.dispose, u.dispose),
         t.class("bc-auth-form__form"),
-        T.submit(L),
+        T.submit(b),
         q(
           t.class("bc-auth-form__fields"),
+          N(
+            g.error,
+            (v) => G(
+              { variant: "danger", tone: "prominent", role: "alert" },
+              i.div(v)
+            )
+          ),
           // Name field (optional)
-          _(
-            c !== !1,
-            () => $(le, {
+          L(
+            l !== !1,
+            () => $(ue, {
               controller: k.transform(
-                (S) => S ?? "",
-                (S) => S === "" ? void 0 : S
+                (v) => v ?? "",
+                (v) => v === "" ? void 0 : v
               ),
-              label: g(o?.nameLabel, y.$.nameLabel)
+              label: h(o?.nameLabel, S.$.nameLabel)
             })
           ),
           // Email field
           $(W, {
             controller: C,
-            label: g(o?.emailLabel, y.$.emailLabel)
+            label: h(o?.emailLabel, S.$.emailLabel)
           }),
           // Password field
           $(M, {
             controller: z,
-            label: g(o?.passwordLabel, y.$.passwordLabel)
+            label: h(o?.passwordLabel, S.$.passwordLabel)
           }),
           // Password strength indicator
-          _(
-            i ?? !1,
-            () => fe({
+          L(
+            c ?? !1,
+            () => we({
               password: z.value,
               rules: r,
               showLabel: !0
             })
           ),
           // Confirm password field
-          _(
-            n ?? !1,
+          L(
+            a ?? !1,
             () => $(M, {
               controller: F,
-              label: g(
+              label: h(
                 o?.confirmPasswordLabel,
-                y.$.confirmPasswordLabel
+                S.$.confirmPasswordLabel
               )
             })
           ),
           // Terms acceptance checkbox
-          _(
+          L(
             s ?? !1,
-            () => l.div(
+            () => i.div(
               t.class("bc-auth-form__terms"),
-              l.label(
+              i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                oe({
-                  value: v.value.map((S) => S ?? !1),
-                  onChange: (S) => v.change(S)
+                se({
+                  value: y.value.map((v) => v ?? !1),
+                  onChange: (v) => y.change(v)
                 }),
-                l.span(
-                  a || g(o?.acceptTermsLabel, y.$.acceptTermsLabel)
+                i.span(
+                  n || h(o?.acceptTermsLabel, S.$.acceptTermsLabel)
                 )
               ),
-              _(
-                v.errorVisible,
-                () => l.div(
+              L(
+                y.errorVisible,
+                () => i.div(
                   t.class("bc-auth-form__field-error"),
-                  v.error.map((S) => S || "")
+                  y.error.map((v) => v || "")
                 )
               )
             )
@@ -716,58 +727,65 @@ function be({
             variant: "filled",
             color: "primary",
             loading: u,
-            disabled: h.disabledOrHasErrors
+            disabled: g.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          g(o?.signUpButton, y.$.signUpButton)
+          h(o?.signUpButton, S.$.signUpButton)
         )
       )
     )
   );
 }
-function we({
+function Le({
   onResetPassword: e,
   labels: o = {}
 }) {
-  const i = se(), m = E(!1), c = R({
-    schema: te,
-    onSubmit: H({
+  const c = ae(), m = E(!1), l = R({
+    schema: ne,
+    onSubmit: X({
       task: e,
       message: "Reset password failed",
       onStart: () => {
-        m.set(!0), c.controller.disable();
+        m.set(!0), l.controller.disable();
       },
       onEnd: () => {
-        m.set(!1), c.controller.enable();
+        m.set(!1), l.controller.enable();
       }
     }),
     initialValue: {
       email: ""
     }
-  }), { controller: n, submit: s } = c;
-  m.on(n.setDisabled);
-  const a = n.field("email");
-  return i.on((u) => {
-    u != null && a.change(u);
+  }), { controller: a, submit: s } = l;
+  m.on(a.setDisabled);
+  const n = a.field("email");
+  return c.on((u) => {
+    u != null && n.change(u);
   }), P(
     x,
     (u) => (
       // Reset password form
-      l.form(
-        U(n.dispose, i.dispose, m.dispose),
+      i.form(
+        U(a.dispose, c.dispose, m.dispose),
         t.class("bc-auth-form__form"),
+        N(
+          a.error,
+          (r) => G(
+            { variant: "danger", tone: "prominent", role: "alert" },
+            i.div(r)
+          )
+        ),
         // Description
-        l.p(
+        i.p(
           t.class("bc-auth-form__description"),
-          g(o?.resetPasswordDescription, u.$.resetPasswordDescription)
+          h(o?.resetPasswordDescription, u.$.resetPasswordDescription)
         ),
         T.submit(s),
         q(
           t.class("bc-auth-form__fields"),
           // Email field
           $(W, {
-            controller: a,
-            label: g(o?.emailLabel, u.$.emailLabel)
+            controller: n,
+            label: h(o?.emailLabel, u.$.emailLabel)
           })
         ),
         // Submit button
@@ -777,10 +795,10 @@ function we({
             type: "submit",
             variant: "filled",
             color: "primary",
-            disabled: n.disabledOrHasErrors
+            disabled: a.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          g(o?.resetPasswordButton, u.$.resetPasswordButton)
+          h(o?.resetPasswordButton, u.$.resetPasswordButton)
         )
       )
     )
@@ -789,19 +807,19 @@ function we({
 function p({
   provider: e,
   onClick: o,
-  size: i = "md",
+  size: c = "md",
   name: m,
-  icon: c,
-  color: n,
+  icon: l,
+  color: a,
   flow: s,
-  labels: a
+  labels: n
 }) {
   return O(
     {
       type: "button",
       variant: "filled",
-      size: i,
-      color: n,
+      size: c,
+      color: a,
       onClick: async () => {
         if (o)
           try {
@@ -819,47 +837,47 @@ function p({
     t.class(
       f(e)((r) => `bc-social-login-button--${r}`)
     ),
-    l.span(
+    i.span(
       t.class("bc-social-login-button__inner"),
-      l.span(
+      i.span(
         t.class("bc-social-login-button__icon"),
-        me({ icon: c, size: i }, t.class("bc-social-login-button__icon-inner"))
+        de({ icon: l, size: c }, t.class("bc-social-login-button__icon-inner"))
       ),
       P(
         x,
-        (r) => l.span(
+        (r) => i.span(
           t.class("bc-social-login-button__label"),
-          ne(
-            g(a?.continueWithProvider, r.$.continueWithProvider)
+          ie(
+            h(n?.continueWithProvider, r.$.continueWithProvider)
           )(m)
         )
       )
     )
   );
 }
-function _e({
+function ve({
   providers: e,
   onProviderClick: o,
-  size: i = "md",
+  size: c = "md",
   className: m
 }) {
   return q(
     t.class("bc-social-login-buttons"),
     t.class(m),
-    re(
+    ce(
       e,
-      (c) => p({
-        provider: c.$.provider,
-        flow: c.$.flow,
-        color: c.map(
-          ({ provider: n }) => d[n].color
+      (l) => p({
+        provider: l.$.provider,
+        flow: l.$.flow,
+        color: l.map(
+          ({ provider: a }) => d[a].color
         ),
-        name: c.map(({ provider: n }) => d[n].name),
-        icon: c.map(({ provider: n }) => d[n].icon),
+        name: l.map(({ provider: a }) => d[a].name),
+        icon: l.map(({ provider: a }) => d[a].icon),
         onClick: async () => {
-          o && await o(c.$.provider.value);
+          o && await o(l.$.provider.value);
         },
-        size: i
+        size: c
       })
     )
   );
@@ -995,174 +1013,174 @@ const d = {
     color: "blue"
     // distinct deep blue tone (not Facebook’s exact blue)
   }
-}, De = (e) => p({
+}, Re = (e) => p({
   ...e,
   ...d.google,
   provider: "google"
-}), Re = (e) => p({
+}), We = (e) => p({
   ...e,
   ...d.github,
   provider: "github"
-}), We = (e) => p({
+}), Ge = (e) => p({
   ...e,
   ...d.apple,
   provider: "apple"
-}), Ge = (e) => p({
+}), He = (e) => p({
   ...e,
   ...d.facebook,
   provider: "facebook"
-}), Ne = (e) => p({
+}), je = (e) => p({
   ...e,
   ...d.x,
   provider: "x"
-}), He = (e) => p({
+}), Xe = (e) => p({
   ...e,
   ...d.twitter,
   provider: "twitter"
-}), je = (e) => p({
+}), Ye = (e) => p({
   ...e,
   ...d.microsoft,
   provider: "microsoft"
-}), Xe = (e) => p({
+}), Ze = (e) => p({
   ...e,
   ...d.discord,
   provider: "discord"
-}), Ye = (e) => p({
+}), Je = (e) => p({
   ...e,
   ...d.linkedin,
   provider: "linkedin"
-}), Ze = (e) => p({
+}), Ke = (e) => p({
   ...e,
   ...d.instagram,
   provider: "instagram"
-}), Je = (e) => p({
+}), Qe = (e) => p({
   ...e,
   ...d.tiktok,
   provider: "tiktok"
-}), Ke = (e) => p({
+}), eo = (e) => p({
   ...e,
   ...d.snapchat,
   provider: "snapchat"
-}), Qe = (e) => p({
+}), oo = (e) => p({
   ...e,
   ...d.reddit,
   provider: "reddit"
-}), eo = (e) => p({
+}), to = (e) => p({
   ...e,
   ...d.pinterest,
   provider: "pinterest"
-}), oo = (e) => p({
+}), so = (e) => p({
   ...e,
   ...d.twitch,
   provider: "twitch"
-}), to = (e) => p({
+}), no = (e) => p({
   ...e,
   ...d.steam,
   provider: "steam"
-}), so = (e) => p({
+}), ao = (e) => p({
   ...e,
   ...d.epic,
   provider: "epic"
-}), ao = (e) => p({
+}), ro = (e) => p({
   ...e,
   ...d.playstation,
   provider: "playstation"
-}), no = (e) => p({
+}), io = (e) => p({
   ...e,
   ...d.xbox,
   provider: "xbox"
-}), ro = (e) => p({
+}), co = (e) => p({
   ...e,
   ...d.whatsapp,
   provider: "whatsapp"
-}), io = (e) => p({
+}), lo = (e) => p({
   ...e,
   ...d.wechat,
   provider: "wechat"
-}), co = (e) => p({
+}), mo = (e) => p({
   ...e,
   ...d.amazon,
   provider: "amazon"
-}), lo = (e) => p({
+}), uo = (e) => p({
   ...e,
   ...d.yahoo,
   provider: "yahoo"
-}), mo = (e) => p({
+}), po = (e) => p({
   ...e,
   ...d.paypal,
   provider: "paypal"
 });
-function Q({ providers: e }) {
+function oe({ providers: e }) {
   return q(
-    _e({
+    ve({
       providers: e
     })
   );
 }
-function Le({
+function ke({
   mode: e,
   socialProviders: o,
-  passwordRules: i,
+  passwordRules: c,
   showRememberMe: m,
-  showSocialDivider: c,
-  showPasswordStrength: n,
+  showSocialDivider: l,
+  showPasswordStrength: a,
   labels: s,
-  onSignIn: a,
+  onSignIn: n,
   onSignUp: u,
   onResetPassword: r,
-  onModeChange: b,
+  onModeChange: w,
   // onSocialLogin,
-  showContainer: w
-}, ...h) {
-  const L = e != null ? J.deriveProp(e) : E("signin");
-  return L.on((k) => b?.(k)), P(x, (k) => {
+  showContainer: _
+}, ...g) {
+  const b = e != null ? Q.deriveProp(e) : E("signin");
+  return b.on((k) => w?.(k)), P(x, (k) => {
     function C() {
-      const v = g(s?.hasAccountLink, k.$.hasAccountLink);
-      return l.button(
+      const y = h(s?.hasAccountLink, k.$.hasAccountLink);
+      return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        T.click(() => L.set("signin")),
-        v
+        T.click(() => b.set("signin")),
+        y
       );
     }
     function z() {
-      return l.button(
+      return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        T.click(() => L.set("signup")),
-        g(s?.noAccountLink, k.$.noAccountLink)
+        T.click(() => b.set("signup")),
+        h(s?.noAccountLink, k.$.noAccountLink)
       );
     }
     function F() {
-      return l.button(
+      return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        T.click(() => L.set("reset-password")),
-        g(s?.forgotPasswordLink, k.$.forgotPasswordLink)
+        T.click(() => b.set("reset-password")),
+        h(s?.forgotPasswordLink, k.$.forgotPasswordLink)
       );
     }
-    return l.div(
-      de({
+    return i.div(
+      he({
         "bc-auth-container": !0,
-        "bc-auth-container--styled": J.map(w ?? !0, (v) => v)
+        "bc-auth-container--styled": Q.map(_ ?? !0, (y) => y)
       }),
-      t.class(L.map((v) => `bc-auth-container--${v}`)),
+      t.class(b.map((y) => `bc-auth-container--${y}`)),
       t.class("bc-auth-form"),
-      U(L.dispose),
-      ie(L, {
+      U(b.dispose),
+      le(b, {
         signin: () => A(
-          l.h2(
+          i.h2(
             t.class("bc-auth-form__title"),
-            g(s?.signInTitle, k.$.signInTitle)
+            h(s?.signInTitle, k.$.signInTitle)
           ),
           o != null ? A(
-            Q({ providers: o }),
-            _(c ?? !1, ee)
+            oe({ providers: o }),
+            L(l ?? !1, te)
           ) : null,
-          ge({
-            onSignIn: a,
+          be({
+            onSignIn: n,
             showRememberMe: m,
-            passwordRules: i,
+            passwordRules: c,
             labels: {
               emailLabel: s?.emailLabel,
               passwordLabel: s?.passwordLabel,
@@ -1179,15 +1197,15 @@ function Le({
           )
         ),
         signup: () => A(
-          l.h2(
+          i.h2(
             t.class("bc-auth-form__title"),
-            g(s?.signUpTitle, k.$.signUpTitle)
+            h(s?.signUpTitle, k.$.signUpTitle)
           ),
           o != null ? A(
-            Q({ providers: o }),
-            _(c ?? !1, ee)
+            oe({ providers: o }),
+            L(l ?? !1, te)
           ) : null,
-          be({
+          _e({
             labels: {
               nameLabel: s?.nameLabel,
               emailLabel: s?.emailLabel,
@@ -1198,17 +1216,17 @@ function Le({
               hasAccountLink: s?.hasAccountLink
             },
             onSignUp: u,
-            passwordRules: i,
-            showPasswordStrength: n
+            passwordRules: c,
+            showPasswordStrength: a
           }),
           q(t.class("bc-auth-form__footer"), C())
         ),
         "reset-password": () => A(
-          l.h2(
+          i.h2(
             t.class("bc-auth-form__title"),
-            g(s?.resetPasswordTitle, k.$.resetPasswordTitle)
+            h(s?.resetPasswordTitle, k.$.resetPasswordTitle)
           ),
-          we({
+          Le({
             labels: {
               backToSignInLink: s?.backToSignInLink,
               emailLabel: s?.emailLabel,
@@ -1220,107 +1238,107 @@ function Le({
           q(t.class("bc-auth-form__footer"), C())
         )
       }),
-      ...h
+      ...g
     );
   });
 }
-function uo(e) {
-  return ue(
+function ho(e) {
+  return pe(
     {
       size: "sm",
       dismissable: !0,
       showCloseButton: !0
     },
-    (o, i) => e(
+    (o, c) => e(
       (m) => o({
-        body: Le({ showContainer: !1, ...m }),
+        body: ke({ showContainer: !1, ...m }),
         header: P(
           x,
-          (c) => g(m.modalTitle, c.$.authenticationTitle)
+          (l) => h(m.modalTitle, l.$.authenticationTitle)
         )
       })
     )
   );
 }
-function ee({
+function te({
   labels: e,
   className: o
 } = {}) {
-  return l.div(
+  return i.div(
     t.class("bc-auth-divider"),
     t.class(o),
-    l.div(t.class("bc-auth-divider__line")),
+    i.div(t.class("bc-auth-divider__line")),
     P(
       x,
-      (i) => l.span(
+      (c) => i.span(
         t.class("bc-auth-divider__text"),
-        g(e?.text, i.$.orDivider)
+        h(e?.text, c.$.orDivider)
       )
     ),
-    l.div(t.class("bc-auth-divider__line"))
+    i.div(t.class("bc-auth-divider__line"))
   );
 }
 export {
-  co as AmazonLoginButton,
-  We as AppleLoginButton,
-  Le as AuthContainer,
-  ee as AuthDivider,
-  uo as AuthModal,
-  Xe as DiscordLoginButton,
-  so as EpicLoginButton,
-  Ge as FacebookLoginButton,
-  Re as GitHubLoginButton,
-  De as GoogleLoginButton,
-  Ze as InstagramLoginButton,
-  Ye as LinkedInLoginButton,
-  je as MicrosoftLoginButton,
-  Fe as PasswordStrengthBar,
-  fe as PasswordStrengthIndicator,
-  Me as PasswordStrengthText,
-  mo as PayPalLoginButton,
-  eo as PinterestLoginButton,
-  ao as PlayStationLoginButton,
-  Qe as RedditLoginButton,
-  we as ResetPasswordForm,
-  ge as SignInForm,
-  be as SignUpForm,
-  Ke as SnapchatLoginButton,
+  mo as AmazonLoginButton,
+  Ge as AppleLoginButton,
+  ke as AuthContainer,
+  te as AuthDivider,
+  ho as AuthModal,
+  Ze as DiscordLoginButton,
+  ao as EpicLoginButton,
+  He as FacebookLoginButton,
+  We as GitHubLoginButton,
+  Re as GoogleLoginButton,
+  Ke as InstagramLoginButton,
+  Je as LinkedInLoginButton,
+  Ye as MicrosoftLoginButton,
+  De as PasswordStrengthBar,
+  we as PasswordStrengthIndicator,
+  Ne as PasswordStrengthText,
+  po as PayPalLoginButton,
+  to as PinterestLoginButton,
+  ro as PlayStationLoginButton,
+  oo as RedditLoginButton,
+  Le as ResetPasswordForm,
+  be as SignInForm,
+  _e as SignUpForm,
+  eo as SnapchatLoginButton,
   p as SocialLoginButton,
-  _e as SocialLoginButtons,
-  Q as SocialProviders,
-  to as SteamLoginButton,
-  Je as TiktokLoginButton,
-  oo as TwitchLoginButton,
-  He as TwitterLoginButton,
-  io as WeChatLoginButton,
-  ro as WhatsAppLoginButton,
-  Ne as XLoginButtin,
-  no as XboxLoginButton,
-  lo as YahooLoginButton,
-  Ue as authSchemas,
-  Z as calculatePasswordStrength,
-  j as createPasswordSchema,
-  X as createSignInSchema,
-  Y as createSignUpSchema,
-  Ie as createSocialLoginUrl,
+  ve as SocialLoginButtons,
+  oe as SocialProviders,
+  no as SteamLoginButton,
+  Qe as TiktokLoginButton,
+  so as TwitchLoginButton,
+  Xe as TwitterLoginButton,
+  lo as WeChatLoginButton,
+  co as WhatsAppLoginButton,
+  je as XLoginButtin,
+  io as XboxLoginButton,
+  uo as YahooLoginButton,
+  Ve as authSchemas,
+  K as calculatePasswordStrength,
+  Y as createPasswordSchema,
+  Z as createSignInSchema,
+  J as createSignUpSchema,
+  Ae as createSocialLoginUrl,
   B as defaultPasswordRules,
-  ze as defaultSignInSchema,
-  Ee as defaultSignUpSchema,
+  Ue as defaultSignInSchema,
+  Oe as defaultSignUpSchema,
   V as emailSchema,
-  Ae as formatAuthError,
-  pe as formatProviderName,
-  Be as formatSocialLoginText,
-  he as generateRandomString,
-  qe as getProviderColor,
-  xe as getProviderIcon,
-  Ce as isBrowser,
-  $e as isValidEmail,
-  Te as openSocialLoginPopup,
-  N as providerInfo,
-  H as requestToControllerValidation,
-  te as resetPasswordSchema,
+  ze as formatAuthError,
+  ge as formatProviderName,
+  Ie as formatSocialLoginText,
+  fe as generateRandomString,
+  $e as getProviderColor,
+  Be as getProviderIcon,
+  Ee as isBrowser,
+  Te as isValidEmail,
+  Ce as openSocialLoginPopup,
+  j as providerInfo,
+  X as requestToControllerValidation,
+  ne as resetPasswordSchema,
   d as socialProviderInfo,
-  se as useAuthEmailProp,
-  Oe as validateEmail,
-  Ve as validatePassword
+  ae as useAuthEmailProp,
+  Fe as validateEmail,
+  Me as validatePassword
 };