@tempots/beatui 0.53.0 → 0.54.0

package/dist/auth/index.es.js

@@ -1,10 +1,10 @@
-import { localStorageProp as ce, prop as V, Use as q, html as i, OnDispose as C, attr as t, on as E, When as b, coalesce as h, Ensure as W, computedOf as g, Fragment as z, bind as le, ForEach as me, Value as oe, OneOfValue as ue } from "@tempots/dom";
-import { t as de, a as te, u as G, S as $, b as ae, c as T, P as N, E as H, N as j } from "../notice-DTTyRbwh.js";
-import { s as A, o as X, b as R, M as pe } from "../modal-BBaPJhi-.js";
-import { AuthI18n as B } from "../translations-t57jdjWu.js";
-import { B as F, T as he, I as ge } from "../translations-CG5-f9U8.js";
-import { classes as fe } from "@tempots/ui";
-const Y = {
+import { localStorageProp as ie, prop as V, Use as x, html as i, attr as t, on as z, When as b, coalesce as h, Ensure as D, computedOf as g, Fragment as C, bind as ce, ForEach as le, Value as ee, OneOfValue as me } from "@tempots/dom";
+import { t as ue, a as oe, u as W, S as $, b as se, c as T, P as N, E as G, N as H } from "../notice-BS0d903Q.js";
+import { s as A, o as j, b as R, M as de } from "../modal-CKyUdeEz.js";
+import { AuthI18n as q } from "../translations-CpTeFtvW.js";
+import { B as F, T as pe, I as he } from "../translations-CaTkLRHu.js";
+import { classes as ge } from "@tempots/ui";
+const X = {
   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" },
@@ -50,17 +50,17 @@ const Y = {
   paypal: { name: "PayPal", icon: "logos:paypal", color: "#0070ba" },
   x: { name: "X", icon: "simple-icons:x", color: "#000" }
 };
-function be(e) {
-  return Y[e]?.name || e;
+function fe(e) {
+  return X[e]?.name || e;
 }
-function Te(e) {
-  return Y[e]?.icon || "mdi:account";
+function Ie(e) {
+  return X[e]?.icon || "mdi:account";
 }
-function Ae(e) {
-  return Y[e]?.color || "#666";
+function Te(e) {
+  return X[e]?.color || "#666";
 }
-function Ce(e, o = "Continue with {provider}") {
-  return o.replace("{provider}", be(e));
+function Ae(e, o = "Continue with {provider}") {
+  return o.replace("{provider}", fe(e));
 }
 const I = {
   minLength: 8,
@@ -69,18 +69,18 @@ const I = {
   requireNumbers: !0,
   requireSymbols: !1
 };
-function ze(e) {
+function Ce(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function we(e = 32) {
+function be(e = 32) {
   const o = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let c = "";
   for (let m = 0; m < e; m++)
     c += o.charAt(Math.floor(Math.random() * o.length));
   return c;
 }
-function Ee(e, o, c, m = [], l = {}) {
-  const n = {
+function ze(e, o, c, m = [], l = {}) {
+  const s = {
     google: "https://accounts.google.com/oauth/authorize",
     github: "https://github.com/login/oauth/authorize",
     apple: "https://appleid.apple.com/auth/authorize",
@@ -130,20 +130,20 @@ function Ee(e, o, c, m = [], l = {}) {
     yahoo: ["openid", "email", "profile"],
     paypal: ["openid", "email", "profile"],
     x: ["openid", "email", "profile"]
-  }, s = n[e];
-  if (!s)
+  }, n = s[e];
+  if (!n)
     throw new Error(`Unsupported provider: ${e}`);
-  const a = m.length > 0 ? m : u[e], r = we(), f = new URLSearchParams({
+  const r = m.length > 0 ? m : u[e], a = be(), f = new URLSearchParams({
     client_id: o,
     redirect_uri: c,
-    scope: a.join(" "),
-    state: r,
+    scope: r.join(" "),
+    state: a,
     response_type: "code",
     ...l
   });
-  return `${s}?${f.toString()}`;
+  return `${n}?${f.toString()}`;
 }
-function Ue(e, o, c, m) {
+function Ee(e, o, c, m) {
   const l = window.open(
     e,
     `${o}_login`,
@@ -153,20 +153,20 @@ function Ue(e, o, c, m) {
     m?.(new Error("Failed to open popup window"));
     return;
   }
-  const n = setInterval(() => {
-    l.closed && (clearInterval(n), m?.(new Error("Login cancelled")));
-  }, 1e3), u = (s) => {
-    s.origin === window.location.origin && (s.data.type === "SOCIAL_LOGIN_SUCCESS" ? (clearInterval(n), l.close(), window.removeEventListener("message", u), c?.(s.data.result)) : s.data.type === "SOCIAL_LOGIN_ERROR" && (clearInterval(n), l.close(), window.removeEventListener("message", u), m?.(new Error(s.data.error))));
+  const s = setInterval(() => {
+    l.closed && (clearInterval(s), m?.(new Error("Login cancelled")));
+  }, 1e3), u = (n) => {
+    n.origin === window.location.origin && (n.data.type === "SOCIAL_LOGIN_SUCCESS" ? (clearInterval(s), l.close(), window.removeEventListener("message", u), c?.(n.data.result)) : n.data.type === "SOCIAL_LOGIN_ERROR" && (clearInterval(s), l.close(), window.removeEventListener("message", u), m?.(new Error(n.data.error))));
   };
   window.addEventListener("message", u);
 }
-function Oe(e) {
+function Ue(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 Ve() {
   return typeof window < "u" && typeof document < "u";
 }
-function Z({
+function Y({
   task: e,
   message: o,
   onStart: c,
@@ -174,16 +174,16 @@ function Z({
 }) {
   return async (l) => {
     c?.();
-    const n = await de({
+    const s = await ue({
       task: e != null ? () => e(l) : async () => null,
       errorMessage: o,
       errorPath: ["root"],
-      validation: (u) => u != null ? te.invalid({ message: u }) : te.valid
+      validation: (u) => u != null ? oe.invalid({ message: u }) : oe.valid
     });
-    return m?.(), n;
+    return m?.(), s;
   };
 }
-function J(e = I) {
+function Z(e = I) {
   let o = A();
   return e.minLength && (o = o.min(
     e.minLength,
@@ -198,23 +198,23 @@ function J(e = I) {
     /[0-9]/,
     "Password must contain at least one number"
   )), e.requireSymbols && (o = o.regex(
-    /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/,
+    /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/,
     "Password must contain at least one special character"
   )), e.customValidation && (o = o.refine((c) => e.customValidation(c))), o;
 }
 const M = A().min(1, "Email is required").email("Please enter a valid email address");
-function K(e) {
-  const o = e ? J(e) : A().refine(
+function J(e) {
+  const o = e ? Z(e) : A().refine(
     (c) => c.length > 0 ? null : "Password is required"
   );
-  return X({
+  return j({
     email: M,
     password: o,
     rememberMe: R().default(!1)
   }).schema();
 }
-function Q(e = I, o) {
-  const c = J(e), m = o?.showNameField !== !1, l = o?.showConfirmPassword !== !1, n = o?.showAcceptTermsAndConditions !== !1, u = {
+function K(e = I, o) {
+  const c = Z(e), m = o?.showNameField !== !1, l = o?.showConfirmPassword !== !1, s = o?.showAcceptTermsAndConditions !== !1, u = {
     name: m ? A().min(1, "Name is required").optional() : A().optional(),
     email: M,
     password: c,
@@ -222,39 +222,39 @@ function Q(e = I, o) {
     // When not shown, it should accept any value (including empty string)
     confirmPassword: l ? A().min(1, "Please confirm your password") : A(),
     // Accept any string value when not shown
-    acceptTerms: n ? R().refine(
-      (a) => a === !0,
+    acceptTerms: s ? R().refine(
+      (r) => r === !0,
       "You must accept the terms and conditions"
     ) : R().default(!0)
     // Default to true when not shown
-  }, s = X(u);
-  return l ? s.refine(
-    (a) => a.password === a.confirmPassword ? null : "Passwords don't match",
+  }, n = j(u);
+  return l ? n.refine(
+    (r) => r.password === r.confirmPassword ? null : "Passwords don't match",
     { path: ["confirmPassword"] }
-  ).schema() : s.schema();
+  ).schema() : n.schema();
 }
-const re = X({
+const ae = j({
   email: M
-}).schema(), Fe = K(), Me = Q(), De = {
-  signIn: K,
-  signUp: Q,
-  resetPassword: () => re
+}).schema(), Fe = J(), Me = K(), Oe = {
+  signIn: J,
+  signUp: K,
+  resetPassword: () => ae
 };
 function Ne(e) {
   const o = M.validate(e);
   return o.success ? null : o.errors[0]?.message || "Invalid email";
 }
 function Re(e, o = I) {
-  const m = J(o).validate(e);
+  const m = Z(o).validate(e);
   return m.success ? null : m.errors[0]?.message || "Invalid password";
 }
-function ee(e, o = I) {
+function Q(e, o = I) {
   const c = {
     length: e.length >= (o.minLength || 8),
     uppercase: /[A-Z]/.test(e),
     lowercase: /[a-z]/.test(e),
     numbers: /[0-9]/.test(e),
-    symbols: /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(e),
+    symbols: /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(e),
     custom: o.customValidation ? o.customValidation(e) === null : e.length > 0
     // For consistency, fail if password is empty
   }, m = [
@@ -272,62 +272,61 @@ function ee(e, o = I) {
     o.requireNumbers ? c.numbers : null,
     o.requireSymbols ? c.symbols : null,
     o.customValidation ? c.custom : null
-  ].filter((s) => s === !0).length, n = m > 0 ? Math.round(l / m * 100) : 0;
+  ].filter((n) => n === !0).length, s = m > 0 ? Math.round(l / m * 100) : 0;
   let u;
-  return n < 40 ? u = "weak" : n < 60 ? u = "fair" : n < 80 ? u = "good" : u = "strong", { strength: u, score: n, checks: c };
+  return s < 40 ? u = "weak" : s < 60 ? u = "fair" : s < 80 ? u = "good" : u = "strong", { strength: u, score: s, checks: c };
 }
-const ie = () => ce({
+const re = () => ie({
   key: "bui_auth_email",
   defaultValue: null
 });
-function _e({
+function we({
   onSignIn: e,
   passwordRules: o,
   labels: c,
   showRememberMe: m
 }) {
-  const l = V(!1), n = ie(), u = K(o), s = G({
+  const l = V(!1), s = re(), u = J(o), n = W({
     schema: u,
-    onSubmit: Z({
+    onSubmit: Y({
       task: e,
       message: "Reset password failed",
       onStart: () => {
-        l.set(!0), s.controller.disable();
+        l.set(!0), n.controller.disable();
       },
       onEnd: () => {
-        l.set(!1), s.controller.enable();
+        l.set(!1), n.controller.enable();
       }
     }),
     initialValue: {
       email: "",
       password: ""
     }
-  }), { controller: a, submit: r } = s;
-  l.on(a.setDisabled);
-  const f = a.field("email"), w = a.field("password");
-  return n.on((_) => {
+  }), { controller: r, submit: a } = n;
+  l.on(r.setDisabled);
+  const f = r.field("email"), w = r.field("password");
+  return s.on((_) => {
     _ != null && f.change(_);
   }), f.signal.on((_) => {
-    n.value != null && (n.value = _);
-  }), q(
-    B,
+    s.value != null && (s.value = _);
+  }), x(
+    q,
     (_) => (
       // Email/Password form
       i.form(
-        C(a.dispose, n.dispose, l.dispose),
         t.class("bc-auth-form__form"),
-        E.submit(r),
+        z.submit(a),
         $(
           t.class("bc-auth-form__fields"),
-          W(
-            a.error,
-            (k) => j(
+          D(
+            r.error,
+            (k) => H(
               { variant: "danger", tone: "prominent", role: "alert" },
               i.div(k)
             )
           ),
           // Email field
-          T(H, {
+          T(G, {
             controller: f,
             label: h(c?.emailLabel, _.$.emailLabel)
           }),
@@ -343,13 +342,13 @@ function _e({
               t.class("bc-auth-form__remember-me"),
               i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                ae({
-                  value: n.map((k) => k != null),
+                se({
+                  value: s.map((k) => k != null),
                   after: i.span(
                     h(c?.rememberMeLabel, _.$.rememberMeLabel)
                   ),
                   onChange: (k) => {
-                    k ? n.value = f.signal.value ?? "" : n.value = null;
+                    k ? s.value = f.signal.value ?? "" : s.value = null;
                   }
                 })
               )
@@ -363,7 +362,7 @@ function _e({
             variant: "filled",
             color: "primary",
             loading: l,
-            disabled: a.disabledOrHasErrors
+            disabled: r.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
           h(c?.signInButton, _.$.signInButton)
@@ -372,13 +371,13 @@ function _e({
     )
   );
 }
-function Le({
+function _e({
   password: e,
   rules: o = I,
   showLabel: c = !0,
   className: m
 }) {
-  const l = g(e)((r) => !r || r.length === 0 ? {
+  const l = g(e)((a) => !a || a.length === 0 ? {
     strength: "weak",
     score: 0,
     checks: {
@@ -389,35 +388,34 @@ function Le({
       symbols: !1,
       custom: !1
     }
-  } : ee(r, o)), n = l.map((r) => r.strength), u = l.map((r) => r.score), s = l.map((r) => r.checks), a = g(
-    n,
+  } : Q(a, o)), s = l.map((a) => a.strength), u = l.map((a) => a.score), n = l.map((a) => a.checks), r = g(
+    s,
     m
-  )((r, f) => [
+  )((a, f) => [
     "bc-password-strength",
-    `bc-password-strength--${r}`,
+    `bc-password-strength--${a}`,
     f
   ].filter(Boolean).join(" "));
   return i.div(
-    C(l, a),
-    t.class(a),
+    t.class(r),
     // Strength bar
     i.div(
       t.class("bc-password-strength__bar"),
       i.div(
         t.class("bc-password-strength__fill"),
-        t.style(u.map((r) => `width: ${r}%`))
+        t.style(u.map((a) => `width: ${a}%`))
       )
     ),
     // Strength label (optional)
     b(
       c,
-      () => q(
-        B,
-        (r) => i.div(
+      () => x(
+        q,
+        (a) => i.div(
           t.class("bc-password-strength__label"),
           g(
-            n,
-            r
+            s,
+            a
           )((f, w) => {
             switch (f) {
               case "weak":
@@ -444,13 +442,13 @@ function Le({
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            g(s)(
-              (r) => r.length ? "bc-password-strength__requirement--met" : ""
+            g(n)(
+              (a) => a.length ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            g(s)((r) => r.length ? "✓" : "○")
+            g(n)((a) => a.length ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -464,13 +462,13 @@ function Le({
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            g(s)(
-              (r) => r.uppercase ? "bc-password-strength__requirement--met" : ""
+            g(n)(
+              (a) => a.uppercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            g(s)((r) => r.uppercase ? "✓" : "○")
+            g(n)((a) => a.uppercase ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -484,13 +482,13 @@ function Le({
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            g(s)(
-              (r) => r.lowercase ? "bc-password-strength__requirement--met" : ""
+            g(n)(
+              (a) => a.lowercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            g(s)((r) => r.lowercase ? "✓" : "○")
+            g(n)((a) => a.lowercase ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -504,13 +502,13 @@ function Le({
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            g(s)(
-              (r) => r.numbers ? "bc-password-strength__requirement--met" : ""
+            g(n)(
+              (a) => a.numbers ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            g(s)((r) => r.numbers ? "✓" : "○")
+            g(n)((a) => a.numbers ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -524,13 +522,13 @@ function Le({
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            g(s)(
-              (r) => r.symbols ? "bc-password-strength__requirement--met" : ""
+            g(n)(
+              (a) => a.symbols ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            g(s)((r) => r.symbols ? "✓" : "○")
+            g(n)((a) => a.symbols ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -541,92 +539,90 @@ function Le({
     )
   );
 }
-function We({
+function De({
   password: e,
   rules: o = I,
   className: c
 }) {
-  const m = g(e)((s) => !s || s.length === 0 ? { strength: "weak", score: 0 } : ee(s, o)), l = m.map((s) => s.strength), n = m.map((s) => s.score), u = g(
+  const m = g(e)((n) => !n || n.length === 0 ? { strength: "weak", score: 0 } : Q(n, o)), l = m.map((n) => n.strength), s = m.map((n) => n.score), u = g(
     l,
     c
-  )((s, a) => [
+  )((n, r) => [
     "bc-password-strength-bar",
-    `bc-password-strength-bar--${s}`,
-    a
+    `bc-password-strength-bar--${n}`,
+    r
   ].filter(Boolean).join(" "));
   return i.div(
-    C(m, u),
     t.class(u),
     i.div(
       t.class("bc-password-strength-bar__fill"),
-      t.style(n.map((s) => `width: ${s}%`))
+      t.style(s.map((n) => `width: ${n}%`))
     )
   );
 }
-function Ge({
+function We({
   password: e,
   rules: o = I,
   className: c
 }) {
-  const m = g(e)((n) => !n || n.length === 0 ? "weak" : ee(n, o).strength), l = g(
+  const m = g(e)((s) => !s || s.length === 0 ? "weak" : Q(s, o).strength), l = g(
     m,
     c
-  )((n, u) => [
+  )((s, u) => [
     "bc-password-strength-text",
-    `bc-password-strength-text--${n}`,
+    `bc-password-strength-text--${s}`,
     u
   ].filter(Boolean).join(" "));
-  return z(
-    C(m, l),
-    q(
-      B,
-      (n) => i.span(
+  return C(
+    x(
+      q,
+      (s) => i.span(
         t.class(l),
         g(
           m,
-          n
-        )((u, s) => {
+          s
+        )((u, n) => {
           switch (u) {
             case "weak":
-              return s.passwordStrengthWeak;
+              return n.passwordStrengthWeak;
             case "fair":
-              return s.passwordStrengthFair;
+              return n.passwordStrengthFair;
             case "good":
-              return s.passwordStrengthGood;
+              return n.passwordStrengthGood;
             case "strong":
-              return s.passwordStrengthStrong;
+              return n.passwordStrengthStrong;
             default:
-              return s.passwordStrengthWeak;
+              return n.passwordStrengthWeak;
           }
         })
       )
     )
   );
 }
-function ke({
+function Le({
   passwordRules: e,
   labels: o,
   initialEmail: c,
   initialName: m,
   showPasswordStrength: l,
-  onSignUp: n,
+  onSignUp: s,
   showNameField: u,
-  showConfirmPassword: s,
-  showAcceptTermsAndConditions: a,
-  termsAndConditions: r
+  showConfirmPassword: n,
+  showAcceptTermsAndConditions: r,
+  termsAndConditions: a
 }) {
-  const f = V(!1), w = e || I, _ = Q(w, {
+  const f = V(!1), w = e || I, _ = K(w, {
     showNameField: u !== !1,
-    showConfirmPassword: s !== !1,
-    showAcceptTermsAndConditions: a !== !1
-  }), k = G({
+    showConfirmPassword: n !== !1,
+    showAcceptTermsAndConditions: r !== !1
+  }), k = W({
     schema: _,
-    onSubmit: Z({
-      task: n != null ? (y) => n({
-        email: y.email,
-        password: y.password,
-        name: y.name,
-        acceptTerms: y.acceptTerms
+    onSubmit: Y({
+      task: s != null ? (v) => s({
+        email: v.email,
+        password: v.password,
+        name: v.name,
+        acceptTerms: v.acceptTerms
       }) : void 0,
       message: "Reset password failed",
       onStart: () => {
@@ -643,22 +639,21 @@ function ke({
       confirmPassword: "",
       acceptTerms: !1
     }
-  }), { controller: v, submit: x } = k;
-  f.on(v.setDisabled);
-  const S = v.field("name"), U = v.field("email"), O = v.field("password"), D = v.field("confirmPassword"), P = v.field("acceptTerms");
-  return q(
-    B,
-    (y) => (
+  }), { controller: y, submit: B } = k;
+  f.on(y.setDisabled);
+  const S = y.field("name"), E = y.field("email"), U = y.field("password"), O = y.field("confirmPassword"), P = y.field("acceptTerms");
+  return x(
+    q,
+    (v) => (
       // Registration form
       i.form(
-        C(v.dispose, f.dispose),
         t.class("bc-auth-form__form"),
-        E.submit(x),
+        z.submit(B),
         $(
           t.class("bc-auth-form__fields"),
-          W(
-            v.error,
-            (L) => j(
+          D(
+            y.error,
+            (L) => H(
               { variant: "danger", tone: "prominent", role: "alert" },
               i.div(L)
             )
@@ -666,57 +661,57 @@ function ke({
           // Name field (optional)
           b(
             u !== !1,
-            () => T(he, {
+            () => T(pe, {
               controller: S.transform(
                 (L) => L ?? "",
                 (L) => L === "" ? void 0 : L
               ),
-              label: h(o?.nameLabel, y.$.nameLabel)
+              label: h(o?.nameLabel, v.$.nameLabel)
             })
           ),
           // Email field
-          T(H, {
-            controller: U,
-            label: h(o?.emailLabel, y.$.emailLabel)
+          T(G, {
+            controller: E,
+            label: h(o?.emailLabel, v.$.emailLabel)
           }),
           // Password field
           T(N, {
-            controller: O,
-            label: h(o?.passwordLabel, y.$.passwordLabel)
+            controller: U,
+            label: h(o?.passwordLabel, v.$.passwordLabel)
           }),
           // Password strength indicator
           b(
             l ?? !1,
-            () => Le({
-              password: O.signal,
+            () => _e({
+              password: U.signal,
               rules: w,
               showLabel: !0
             })
           ),
           // Confirm password field
           b(
-            s ?? !1,
+            n ?? !1,
             () => T(N, {
-              controller: D,
+              controller: O,
               label: h(
                 o?.confirmPasswordLabel,
-                y.$.confirmPasswordLabel
+                v.$.confirmPasswordLabel
               )
             })
           ),
           // Terms acceptance checkbox
           b(
-            a ?? !1,
+            r ?? !1,
             () => i.div(
               t.class("bc-auth-form__terms"),
               i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                ae({
+                se({
                   value: P.signal.map((L) => L ?? !1),
                   onChange: (L) => P.change(L)
                 }),
                 i.span(
-                  r || h(o?.acceptTermsLabel, y.$.acceptTermsLabel)
+                  a || h(o?.acceptTermsLabel, v.$.acceptTermsLabel)
                 )
               ),
               b(
@@ -736,22 +731,22 @@ function ke({
             variant: "filled",
             color: "primary",
             loading: f,
-            disabled: v.disabledOrHasErrors
+            disabled: y.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          h(o?.signUpButton, y.$.signUpButton)
+          h(o?.signUpButton, v.$.signUpButton)
         )
       )
     )
   );
 }
-function ve({
+function ke({
   onResetPassword: e,
   labels: o = {}
 }) {
-  const c = ie(), m = V(!1), l = G({
-    schema: re,
-    onSubmit: Z({
+  const c = re(), m = V(!1), l = W({
+    schema: ae,
+    onSubmit: Y({
       task: e,
       message: "Reset password failed",
       onStart: () => {
@@ -764,37 +759,36 @@ function ve({
     initialValue: {
       email: ""
     }
-  }), { controller: n, submit: u } = l;
-  m.on(n.setDisabled);
-  const s = n.field("email");
-  return c.on((a) => {
-    a != null && s.change(a);
-  }), q(
-    B,
-    (a) => (
+  }), { controller: s, submit: u } = l;
+  m.on(s.setDisabled);
+  const n = s.field("email");
+  return c.on((r) => {
+    r != null && n.change(r);
+  }), x(
+    q,
+    (r) => (
       // Reset password form
       i.form(
-        C(n.dispose, c.dispose, m.dispose),
         t.class("bc-auth-form__form"),
-        W(
-          n.error,
-          (r) => j(
+        D(
+          s.error,
+          (a) => H(
             { variant: "danger", tone: "prominent", role: "alert" },
-            i.div(r)
+            i.div(a)
           )
         ),
         // Description
         i.p(
           t.class("bc-auth-form__description"),
-          h(o?.resetPasswordDescription, a.$.resetPasswordDescription)
+          h(o?.resetPasswordDescription, r.$.resetPasswordDescription)
         ),
-        E.submit(u),
+        z.submit(u),
         $(
           t.class("bc-auth-form__fields"),
           // Email field
-          T(H, {
-            controller: s,
-            label: h(o?.emailLabel, a.$.emailLabel)
+          T(G, {
+            controller: n,
+            label: h(o?.emailLabel, r.$.emailLabel)
           })
         ),
         // Submit button
@@ -804,10 +798,10 @@ function ve({
             type: "submit",
             variant: "filled",
             color: "primary",
-            disabled: n.disabledOrHasErrors
+            disabled: s.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          h(o?.resetPasswordButton, a.$.resetPasswordButton)
+          h(o?.resetPasswordButton, r.$.resetPasswordButton)
         )
       )
     )
@@ -819,24 +813,24 @@ function p({
   size: c = "md",
   name: m,
   icon: l,
-  color: n,
+  color: s,
   flow: u,
-  labels: s
+  labels: n
 }) {
   return F(
     {
       type: "button",
       variant: "filled",
       size: c,
-      color: n,
+      color: s,
       onClick: async () => {
         if (o)
           try {
             u === "popup" ? await o() : await o();
-          } catch (r) {
+          } catch (a) {
             console.error(
               `Social login error for ${e} (${u || "redirect"} flow):`,
-              r
+              a
             );
           }
       },
@@ -844,27 +838,27 @@ function p({
     },
     t.class("bc-social-login-button"),
     t.class(
-      g(e)((r) => `bc-social-login-button--${r}`)
+      g(e)((a) => `bc-social-login-button--${a}`)
     ),
     i.span(
       t.class("bc-social-login-button__inner"),
       i.span(
         t.class("bc-social-login-button__icon"),
-        ge({ icon: l, size: c }, t.class("bc-social-login-button__icon-inner"))
+        he({ icon: l, size: c }, t.class("bc-social-login-button__icon-inner"))
       ),
-      q(
-        B,
-        (r) => i.span(
+      x(
+        q,
+        (a) => i.span(
           t.class("bc-social-login-button__label"),
-          le(
-            h(s?.continueWithProvider, r.$.continueWithProvider)
+          ce(
+            h(n?.continueWithProvider, a.$.continueWithProvider)
           )(m)
         )
       )
     )
   );
 }
-function ye({
+function ve({
   providers: e,
   onProviderClick: o,
   size: c = "md",
@@ -873,16 +867,16 @@ function ye({
   return $(
     t.class("bc-social-login-buttons"),
     t.class(m),
-    me(
+    le(
       e,
       (l) => p({
         provider: l.$.provider,
         flow: l.$.flow,
         color: l.map(
-          ({ provider: n }) => d[n].color
+          ({ provider: s }) => d[s].color
         ),
-        name: l.map(({ provider: n }) => d[n].name),
-        icon: l.map(({ provider: n }) => d[n].icon),
+        name: l.map(({ provider: s }) => d[s].name),
+        icon: l.map(({ provider: s }) => d[s].icon),
         onClick: async () => {
           o && await o(l.$.provider.value);
         },
@@ -1022,51 +1016,51 @@ const d = {
     color: "blue"
     // distinct deep blue tone (not Facebook’s exact blue)
   }
-}, He = (e) => p({
+}, Ge = (e) => p({
   ...e,
   ...d.google,
   provider: "google"
-}), je = (e) => p({
+}), He = (e) => p({
   ...e,
   ...d.github,
   provider: "github"
-}), Xe = (e) => p({
+}), je = (e) => p({
   ...e,
   ...d.apple,
   provider: "apple"
-}), Ye = (e) => p({
+}), Xe = (e) => p({
   ...e,
   ...d.facebook,
   provider: "facebook"
-}), Ze = (e) => p({
+}), Ye = (e) => p({
   ...e,
   ...d.x,
   provider: "x"
-}), Je = (e) => p({
+}), Ze = (e) => p({
   ...e,
   ...d.twitter,
   provider: "twitter"
-}), Ke = (e) => p({
+}), Je = (e) => p({
   ...e,
   ...d.microsoft,
   provider: "microsoft"
-}), Qe = (e) => p({
+}), Ke = (e) => p({
   ...e,
   ...d.discord,
   provider: "discord"
-}), eo = (e) => p({
+}), Qe = (e) => p({
   ...e,
   ...d.linkedin,
   provider: "linkedin"
-}), oo = (e) => p({
+}), eo = (e) => p({
   ...e,
   ...d.instagram,
   provider: "instagram"
-}), to = (e) => p({
+}), oo = (e) => p({
   ...e,
   ...d.tiktok,
   provider: "tiktok"
-}), so = (e) => p({
+}), to = (e) => p({
   ...e,
   ...d.snapchat,
   provider: "snapchat"
@@ -1074,189 +1068,188 @@ const d = {
   ...e,
   ...d.reddit,
   provider: "reddit"
-}), ao = (e) => p({
+}), so = (e) => p({
   ...e,
   ...d.pinterest,
   provider: "pinterest"
-}), ro = (e) => p({
+}), ao = (e) => p({
   ...e,
   ...d.twitch,
   provider: "twitch"
-}), io = (e) => p({
+}), ro = (e) => p({
   ...e,
   ...d.steam,
   provider: "steam"
-}), co = (e) => p({
+}), io = (e) => p({
   ...e,
   ...d.epic,
   provider: "epic"
-}), lo = (e) => p({
+}), co = (e) => p({
   ...e,
   ...d.playstation,
   provider: "playstation"
-}), mo = (e) => p({
+}), lo = (e) => p({
   ...e,
   ...d.xbox,
   provider: "xbox"
-}), uo = (e) => p({
+}), mo = (e) => p({
   ...e,
   ...d.whatsapp,
   provider: "whatsapp"
-}), po = (e) => p({
+}), uo = (e) => p({
   ...e,
   ...d.wechat,
   provider: "wechat"
-}), ho = (e) => p({
+}), po = (e) => p({
   ...e,
   ...d.amazon,
   provider: "amazon"
-}), go = (e) => p({
+}), ho = (e) => p({
   ...e,
   ...d.yahoo,
   provider: "yahoo"
-}), fo = (e) => p({
+}), go = (e) => p({
   ...e,
   ...d.paypal,
   provider: "paypal"
 });
-function se({ providers: e }) {
+function te({ providers: e }) {
   return $(
-    ye({
+    ve({
       providers: e
     })
   );
 }
-function Se({
+function ye({
   mode: e,
   socialProviders: o,
   initialName: c,
   initialEmail: m,
   passwordRules: l,
-  showRememberMe: n,
+  showRememberMe: s,
   showSocialDivider: u,
-  showPasswordStrength: s,
-  labels: a,
-  onSignIn: r,
+  showPasswordStrength: n,
+  labels: r,
+  onSignIn: a,
   onSignUp: f,
   onResetPassword: w,
   onModeChange: _,
   // onSocialLogin,
   showContainer: k
-}, ...v) {
-  const x = e != null ? oe.deriveProp(e) : V("signin");
-  return x.on((S) => _?.(S)), q(B, (S) => {
-    function U() {
-      const P = h(a?.hasAccountLink, S.$.hasAccountLink);
+}, ...y) {
+  const B = e != null ? ee.deriveProp(e) : V("signin");
+  return B.on((S) => _?.(S)), x(q, (S) => {
+    function E() {
+      const P = h(r?.hasAccountLink, S.$.hasAccountLink);
       return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        E.click(() => x.set("signin")),
+        z.click(() => B.set("signin")),
         P
       );
     }
-    function O() {
+    function U() {
       return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        E.click(() => x.set("signup")),
-        h(a?.noAccountLink, S.$.noAccountLink)
+        z.click(() => B.set("signup")),
+        h(r?.noAccountLink, S.$.noAccountLink)
       );
     }
-    function D() {
+    function O() {
       return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        E.click(() => x.set("reset-password")),
-        h(a?.forgotPasswordLink, S.$.forgotPasswordLink)
+        z.click(() => B.set("reset-password")),
+        h(r?.forgotPasswordLink, S.$.forgotPasswordLink)
       );
     }
     return i.div(
-      fe({
+      ge({
         "bc-auth-container": !0,
-        "bc-auth-container--styled": oe.map(k ?? !0, (P) => P)
+        "bc-auth-container--styled": ee.map(k ?? !0, (P) => P)
       }),
-      t.class(x.map((P) => `bc-auth-container--${P}`)),
+      t.class(B.map((P) => `bc-auth-container--${P}`)),
       t.class("bc-auth-form"),
-      C(x.dispose),
-      ue(x, {
-        signin: () => z(
+      me(B, {
+        signin: () => C(
           i.h2(
             t.class("bc-auth-form__title"),
-            h(a?.signInTitle, S.$.signInTitle)
+            h(r?.signInTitle, S.$.signInTitle)
           ),
-          o != null ? z(
-            se({ providers: o }),
+          o != null ? C(
+            te({ providers: o }),
             b(u ?? !1, ne)
           ) : null,
-          _e({
-            onSignIn: r,
-            showRememberMe: n,
+          we({
+            onSignIn: a,
+            showRememberMe: s,
             passwordRules: l,
             labels: {
-              emailLabel: a?.emailLabel,
-              passwordLabel: a?.passwordLabel,
-              rememberMeLabel: a?.rememberMeLabel,
-              signInButton: a?.signInButton,
-              forgotPasswordLink: a?.forgotPasswordLink,
-              noAccountLink: a?.noAccountLink
+              emailLabel: r?.emailLabel,
+              passwordLabel: r?.passwordLabel,
+              rememberMeLabel: r?.rememberMeLabel,
+              signInButton: r?.signInButton,
+              forgotPasswordLink: r?.forgotPasswordLink,
+              noAccountLink: r?.noAccountLink
             }
           }),
           $(
             t.class("bc-auth-form__footer"),
-            O(),
-            D()
+            U(),
+            O()
           )
         ),
-        signup: () => z(
+        signup: () => C(
           i.h2(
             t.class("bc-auth-form__title"),
-            h(a?.signUpTitle, S.$.signUpTitle)
+            h(r?.signUpTitle, S.$.signUpTitle)
           ),
-          o != null ? z(
-            se({ providers: o }),
+          o != null ? C(
+            te({ providers: o }),
             b(u ?? !1, ne)
           ) : null,
-          ke({
+          Le({
             labels: {
-              nameLabel: a?.nameLabel,
-              emailLabel: a?.emailLabel,
-              passwordLabel: a?.passwordLabel,
-              confirmPasswordLabel: a?.confirmPasswordLabel,
-              acceptTermsLabel: a?.acceptTermsLabel,
-              signUpButton: a?.signUpButton,
-              hasAccountLink: a?.hasAccountLink
+              nameLabel: r?.nameLabel,
+              emailLabel: r?.emailLabel,
+              passwordLabel: r?.passwordLabel,
+              confirmPasswordLabel: r?.confirmPasswordLabel,
+              acceptTermsLabel: r?.acceptTermsLabel,
+              signUpButton: r?.signUpButton,
+              hasAccountLink: r?.hasAccountLink
             },
             initialEmail: m,
             initialName: c,
             onSignUp: f,
             passwordRules: l,
-            showPasswordStrength: s
+            showPasswordStrength: n
           }),
-          $(t.class("bc-auth-form__footer"), U())
+          $(t.class("bc-auth-form__footer"), E())
         ),
-        "reset-password": () => z(
+        "reset-password": () => C(
           i.h2(
             t.class("bc-auth-form__title"),
-            h(a?.resetPasswordTitle, S.$.resetPasswordTitle)
+            h(r?.resetPasswordTitle, S.$.resetPasswordTitle)
           ),
-          ve({
+          ke({
             labels: {
-              backToSignInLink: a?.backToSignInLink,
-              emailLabel: a?.emailLabel,
-              resetPasswordButton: a?.resetPasswordButton,
-              resetPasswordDescription: a?.resetPasswordDescription
+              backToSignInLink: r?.backToSignInLink,
+              emailLabel: r?.emailLabel,
+              resetPasswordButton: r?.resetPasswordButton,
+              resetPasswordDescription: r?.resetPasswordDescription
             },
             onResetPassword: w
           }),
-          $(t.class("bc-auth-form__footer"), U())
+          $(t.class("bc-auth-form__footer"), E())
         )
       }),
-      ...v
+      ...y
     );
   });
 }
-function bo(e) {
-  return pe(
+function fo(e) {
+  return de(
     {
       size: "sm",
       dismissable: !0,
@@ -1264,9 +1257,9 @@ function bo(e) {
     },
     (o, c) => e(
       (m) => o({
-        body: Se({ showContainer: !1, ...m }),
-        header: q(
-          B,
+        body: ye({ showContainer: !1, ...m }),
+        header: x(
+          q,
           (l) => h(m.modalTitle, l.$.authenticationTitle)
         )
       })
@@ -1281,8 +1274,8 @@ function ne({
     t.class("bc-auth-divider"),
     t.class(o),
     i.div(t.class("bc-auth-divider__line")),
-    q(
-      B,
+    x(
+      q,
       (c) => i.span(
         t.class("bc-auth-divider__text"),
         h(e?.text, c.$.orDivider)
@@ -1292,66 +1285,66 @@ function ne({
   );
 }
 export {
-  ho as AmazonLoginButton,
-  Xe as AppleLoginButton,
-  Se as AuthContainer,
+  po as AmazonLoginButton,
+  je as AppleLoginButton,
+  ye as AuthContainer,
   ne as AuthDivider,
-  bo as AuthModal,
-  Qe as DiscordLoginButton,
-  co as EpicLoginButton,
-  Ye as FacebookLoginButton,
-  je as GitHubLoginButton,
-  He as GoogleLoginButton,
-  oo as InstagramLoginButton,
-  eo as LinkedInLoginButton,
-  Ke as MicrosoftLoginButton,
-  We as PasswordStrengthBar,
-  Le as PasswordStrengthIndicator,
-  Ge as PasswordStrengthText,
-  fo as PayPalLoginButton,
-  ao as PinterestLoginButton,
-  lo as PlayStationLoginButton,
+  fo as AuthModal,
+  Ke as DiscordLoginButton,
+  io as EpicLoginButton,
+  Xe as FacebookLoginButton,
+  He as GitHubLoginButton,
+  Ge as GoogleLoginButton,
+  eo as InstagramLoginButton,
+  Qe as LinkedInLoginButton,
+  Je as MicrosoftLoginButton,
+  De as PasswordStrengthBar,
+  _e as PasswordStrengthIndicator,
+  We as PasswordStrengthText,
+  go as PayPalLoginButton,
+  so as PinterestLoginButton,
+  co as PlayStationLoginButton,
   no as RedditLoginButton,
-  ve as ResetPasswordForm,
-  _e as SignInForm,
-  ke as SignUpForm,
-  so as SnapchatLoginButton,
+  ke as ResetPasswordForm,
+  we as SignInForm,
+  Le as SignUpForm,
+  to as SnapchatLoginButton,
   p as SocialLoginButton,
-  ye as SocialLoginButtons,
-  se as SocialProviders,
-  io as SteamLoginButton,
-  to as TiktokLoginButton,
-  ro as TwitchLoginButton,
-  Je as TwitterLoginButton,
-  po as WeChatLoginButton,
-  uo as WhatsAppLoginButton,
-  Ze as XLoginButtin,
-  mo as XboxLoginButton,
-  go as YahooLoginButton,
-  De as authSchemas,
-  ee as calculatePasswordStrength,
-  J as createPasswordSchema,
-  K as createSignInSchema,
-  Q as createSignUpSchema,
-  Ee as createSocialLoginUrl,
+  ve as SocialLoginButtons,
+  te as SocialProviders,
+  ro as SteamLoginButton,
+  oo as TiktokLoginButton,
+  ao as TwitchLoginButton,
+  Ze as TwitterLoginButton,
+  uo as WeChatLoginButton,
+  mo as WhatsAppLoginButton,
+  Ye as XLoginButtin,
+  lo as XboxLoginButton,
+  ho as YahooLoginButton,
+  Oe as authSchemas,
+  Q as calculatePasswordStrength,
+  Z as createPasswordSchema,
+  J as createSignInSchema,
+  K as createSignUpSchema,
+  ze as createSocialLoginUrl,
   I as defaultPasswordRules,
   Fe as defaultSignInSchema,
   Me as defaultSignUpSchema,
   M as emailSchema,
-  Oe as formatAuthError,
-  be as formatProviderName,
-  Ce as formatSocialLoginText,
-  we as generateRandomString,
-  Ae as getProviderColor,
-  Te as getProviderIcon,
+  Ue as formatAuthError,
+  fe as formatProviderName,
+  Ae as formatSocialLoginText,
+  be as generateRandomString,
+  Te as getProviderColor,
+  Ie as getProviderIcon,
   Ve as isBrowser,
-  ze as isValidEmail,
-  Ue as openSocialLoginPopup,
-  Y as providerInfo,
-  Z as requestToControllerValidation,
-  re as resetPasswordSchema,
+  Ce as isValidEmail,
+  Ee as openSocialLoginPopup,
+  X as providerInfo,
+  Y as requestToControllerValidation,
+  ae as resetPasswordSchema,
   d as socialProviderInfo,
-  ie as useAuthEmailProp,
+  re as useAuthEmailProp,
   Ne as validateEmail,
   Re as validatePassword
 };