@tempots/beatui 0.50.0 → 0.50.1

package/dist/auth/index.es.js

@@ -1,10 +1,10 @@
-import { localStorageProp as re, prop as U, Use as P, html as i, OnDispose as T, attr as t, on as C, When as L, coalesce as h, Ensure as N, computedOf as f, Fragment as A, bind as ie, ForEach as ce, Value as Q, OneOfValue as le } from "@tempots/dom";
-import { t as me, a as ee, u as R, S as q, b as se, c as $, P as M, E as W, N as G } from "../notice-Dgv1Puqy.js";
-import { s as I, o as H, b as D, M as ue } from "../modal-Dx7nHv_u.js";
-import { AuthI18n as x } from "../translations-BaKCl3Vc.js";
-import { B as O, T as de, I as pe } from "../translations-DoBmuZ5v.js";
-import { classes as he } from "@tempots/ui";
-const j = {
+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-Dgv1Puqy.js";
+import { s as A, o as X, b as R, M as pe } from "../modal-Dx7nHv_u.js";
+import { AuthI18n as B } from "../translations-BaKCl3Vc.js";
+import { B as F, T as he, I as ge } from "../translations-DoBmuZ5v.js";
+import { classes as fe } from "@tempots/ui";
+const Y = {
   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,37 +50,37 @@ const j = {
   paypal: { name: "PayPal", icon: "logos:paypal", color: "#0070ba" },
   x: { name: "X", icon: "simple-icons:x", color: "#000" }
 };
-function ge(e) {
-  return j[e]?.name || e;
+function be(e) {
+  return Y[e]?.name || e;
 }
-function $e(e) {
-  return j[e]?.icon || "mdi:account";
+function Te(e) {
+  return Y[e]?.icon || "mdi:account";
 }
-function Ie(e) {
-  return j[e]?.color || "#666";
+function Ae(e) {
+  return Y[e]?.color || "#666";
 }
-function Te(e, o = "Continue with {provider}") {
-  return o.replace("{provider}", ge(e));
+function Ce(e, o = "Continue with {provider}") {
+  return o.replace("{provider}", be(e));
 }
-const B = {
+const I = {
   minLength: 8,
   requireUppercase: !0,
   requireLowercase: !0,
   requireNumbers: !0,
   requireSymbols: !1
 };
-function Ae(e) {
+function ze(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function fe(e = 32) {
+function we(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 Ce(e, o, c, m = [], l = {}) {
-  const a = {
+function Ee(e, o, c, m = [], l = {}) {
+  const n = {
     google: "https://accounts.google.com/oauth/authorize",
     github: "https://github.com/login/oauth/authorize",
     apple: "https://appleid.apple.com/auth/authorize",
@@ -105,7 +105,7 @@ function Ce(e, o, c, m = [], l = {}) {
     yahoo: "https://api.login.yahoo.com/oauth2/request_auth",
     paypal: "https://www.paypal.com/signin/authorize",
     x: "https://api.twitter.com/oauth2/authorize"
-  }, s = {
+  }, u = {
     google: ["openid", "email", "profile"],
     github: ["user:email"],
     apple: ["email", "name"],
@@ -130,20 +130,20 @@ function Ce(e, o, c, m = [], l = {}) {
     yahoo: ["openid", "email", "profile"],
     paypal: ["openid", "email", "profile"],
     x: ["openid", "email", "profile"]
-  }, n = a[e];
-  if (!n)
+  }, s = n[e];
+  if (!s)
     throw new Error(`Unsupported provider: ${e}`);
-  const u = m.length > 0 ? m : s[e], r = fe(), w = new URLSearchParams({
+  const a = m.length > 0 ? m : u[e], r = we(), f = new URLSearchParams({
     client_id: o,
     redirect_uri: c,
-    scope: u.join(" "),
+    scope: a.join(" "),
     state: r,
     response_type: "code",
     ...l
   });
-  return `${n}?${w.toString()}`;
+  return `${s}?${f.toString()}`;
 }
-function ze(e, o, c, m) {
+function Ue(e, o, c, m) {
   const l = window.open(
     e,
     `${o}_login`,
@@ -153,20 +153,20 @@ function ze(e, o, c, m) {
     m?.(new Error("Failed to open popup window"));
     return;
   }
-  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))));
+  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))));
   };
-  window.addEventListener("message", s);
+  window.addEventListener("message", u);
 }
-function Ee(e) {
+function Oe(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 Ue() {
+function Ve() {
   return typeof window < "u" && typeof document < "u";
 }
-function X({
+function Z({
   task: e,
   message: o,
   onStart: c,
@@ -174,17 +174,17 @@ function X({
 }) {
   return async (l) => {
     c?.();
-    const a = await me({
+    const n = await de({
       task: e != null ? () => e(l) : async () => null,
       errorMessage: o,
       errorPath: ["root"],
-      validation: (s) => s != null ? ee.invalid({ message: s }) : ee.valid
+      validation: (u) => u != null ? te.invalid({ message: u }) : te.valid
     });
-    return m?.(), a;
+    return m?.(), n;
   };
 }
-function Y(e = B) {
-  let o = I();
+function J(e = I) {
+  let o = A();
   return e.minLength && (o = o.min(
     e.minLength,
     `Password must be at least ${e.minLength} characters`
@@ -202,53 +202,53 @@ function Y(e = B) {
     "Password must contain at least one special character"
   )), 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 Z(e) {
-  const o = e ? Y(e) : I().refine(
+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(
     (c) => c.length > 0 ? null : "Password is required"
   );
-  return H({
-    email: V,
+  return X({
+    email: M,
     password: o,
-    rememberMe: D().default(!1)
+    rememberMe: R().default(!1)
   }).schema();
 }
-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,
+function Q(e = I, o) {
+  const c = J(e), m = o?.showNameField !== !1, l = o?.showConfirmPassword !== !1, n = o?.showAcceptTermsAndConditions !== !1, u = {
+    name: m ? A().min(1, "Name is required").optional() : A().optional(),
+    email: M,
     password: c,
     // Always require confirmPassword as string to match SignUpData interface
     // When not shown, it should accept any value (including empty string)
-    confirmPassword: l ? I().min(1, "Please confirm your password") : I(),
+    confirmPassword: l ? A().min(1, "Please confirm your password") : A(),
     // Accept any string value when not shown
-    acceptTerms: a ? D().refine(
-      (u) => u === !0,
+    acceptTerms: n ? R().refine(
+      (a) => a === !0,
       "You must accept the terms and conditions"
-    ) : D().default(!0)
+    ) : R().default(!0)
     // Default to true when not shown
-  }, n = H(s);
-  return l ? n.refine(
-    (u) => u.password === u.confirmPassword ? null : "Passwords don't match",
+  }, s = X(u);
+  return l ? s.refine(
+    (a) => a.password === a.confirmPassword ? null : "Passwords don't match",
     { path: ["confirmPassword"] }
-  ).schema() : n.schema();
+  ).schema() : s.schema();
 }
-const ne = H({
-  email: V
-}).schema(), Oe = Z(), Ve = J(), Fe = {
-  signIn: Z,
-  signUp: J,
-  resetPassword: () => ne
+const re = X({
+  email: M
+}).schema(), Fe = K(), Me = Q(), De = {
+  signIn: K,
+  signUp: Q,
+  resetPassword: () => re
 };
-function Me(e) {
-  const o = V.validate(e);
+function Ne(e) {
+  const o = M.validate(e);
   return o.success ? null : o.errors[0]?.message || "Invalid email";
 }
-function De(e, o = B) {
-  const m = Y(o).validate(e);
+function Re(e, o = I) {
+  const m = J(o).validate(e);
   return m.success ? null : m.errors[0]?.message || "Invalid password";
 }
-function K(e, o = B) {
+function ee(e, o = I) {
   const c = {
     length: e.length >= (o.minLength || 8),
     uppercase: /[A-Z]/.test(e),
@@ -272,84 +272,84 @@ function K(e, o = B) {
     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 a < 40 ? s = "weak" : a < 60 ? s = "fair" : a < 80 ? s = "good" : s = "strong", { strength: s, score: a, checks: c };
+  ].filter((s) => s === !0).length, n = 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 };
 }
-const ae = () => re({
+const ie = () => ce({
   key: "bui_auth_email",
   defaultValue: null
 });
-function be({
+function _e({
   onSignIn: e,
   passwordRules: o,
   labels: c,
   showRememberMe: m
 }) {
-  const l = U(!1), a = ae(), s = Z(o), n = R({
-    schema: s,
-    onSubmit: X({
+  const l = V(!1), n = ie(), u = K(o), s = G({
+    schema: u,
+    onSubmit: Z({
       task: e,
       message: "Reset password failed",
       onStart: () => {
-        l.set(!0), n.controller.disable();
+        l.set(!0), s.controller.disable();
       },
       onEnd: () => {
-        l.set(!1), n.controller.enable();
+        l.set(!1), s.controller.enable();
       }
     }),
     initialValue: {
       email: "",
       password: ""
     }
-  }), { 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.signal.on((g) => {
-    a.value != null && (a.value = g);
-  }), P(
-    x,
-    (g) => (
+  }), { controller: a, submit: r } = s;
+  l.on(a.setDisabled);
+  const f = a.field("email"), w = a.field("password");
+  return n.on((_) => {
+    _ != null && f.change(_);
+  }), f.signal.on((_) => {
+    n.value != null && (n.value = _);
+  }), q(
+    B,
+    (_) => (
       // Email/Password form
       i.form(
-        T(u.dispose, a.dispose, l.dispose),
+        C(a.dispose, n.dispose, l.dispose),
         t.class("bc-auth-form__form"),
-        C.submit(r),
-        q(
+        E.submit(r),
+        $(
           t.class("bc-auth-form__fields"),
-          N(
-            u.error,
-            (b) => G(
+          W(
+            a.error,
+            (k) => j(
               { variant: "danger", tone: "prominent", role: "alert" },
-              i.div(b)
+              i.div(k)
             )
           ),
           // Email field
-          $(W, {
-            controller: w,
-            label: h(c?.emailLabel, g.$.emailLabel)
+          T(H, {
+            controller: f,
+            label: h(c?.emailLabel, _.$.emailLabel)
           }),
           // Password field
-          $(M, {
-            controller: _,
-            label: h(c?.passwordLabel, g.$.passwordLabel)
+          T(N, {
+            controller: w,
+            label: h(c?.passwordLabel, _.$.passwordLabel)
           }),
           // Remember me checkbox
-          L(
+          b(
             m ?? !0,
             () => i.div(
               t.class("bc-auth-form__remember-me"),
               i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                se({
-                  value: a.map((b) => b != null),
+                ae({
+                  value: n.map((k) => k != null),
                   after: i.span(
-                    h(c?.rememberMeLabel, g.$.rememberMeLabel)
+                    h(c?.rememberMeLabel, _.$.rememberMeLabel)
                   ),
-                  onChange: (b) => {
-                    b ? a.value = w.signal.value ?? "" : a.value = null;
+                  onChange: (k) => {
+                    k ? n.value = f.signal.value ?? "" : n.value = null;
                   }
                 })
               )
@@ -357,28 +357,28 @@ function be({
           )
         ),
         // Submit button
-        O(
+        F(
           {
             type: "submit",
             variant: "filled",
             color: "primary",
             loading: l,
-            disabled: u.disabledOrHasErrors
+            disabled: a.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          h(c?.signInButton, g.$.signInButton)
+          h(c?.signInButton, _.$.signInButton)
         )
       )
     )
   );
 }
-function we({
+function Le({
   password: e,
-  rules: o = B,
+  rules: o = I,
   showLabel: c = !0,
   className: m
 }) {
-  const l = f(e)((r) => !r || r.length === 0 ? {
+  const l = g(e)((r) => !r || r.length === 0 ? {
     strength: "weak",
     score: 0,
     checks: {
@@ -389,47 +389,47 @@ function we({
       symbols: !1,
       custom: !1
     }
-  } : K(r, o)), a = l.map((r) => r.strength), s = l.map((r) => r.score), n = l.map((r) => r.checks), u = f(
-    a,
+  } : ee(r, o)), n = l.map((r) => r.strength), u = l.map((r) => r.score), s = l.map((r) => r.checks), a = g(
+    n,
     m
-  )((r, w) => [
+  )((r, f) => [
     "bc-password-strength",
     `bc-password-strength--${r}`,
-    w
+    f
   ].filter(Boolean).join(" "));
   return i.div(
-    T(l, u),
-    t.class(u),
+    C(l, a),
+    t.class(a),
     // Strength bar
     i.div(
       t.class("bc-password-strength__bar"),
       i.div(
         t.class("bc-password-strength__fill"),
-        t.style(s.map((r) => `width: ${r}%`))
+        t.style(u.map((r) => `width: ${r}%`))
       )
     ),
     // Strength label (optional)
-    L(
+    b(
       c,
-      () => P(
-        x,
+      () => q(
+        B,
         (r) => i.div(
           t.class("bc-password-strength__label"),
-          f(
-            a,
+          g(
+            n,
             r
-          )((w, _) => {
-            switch (w) {
+          )((f, w) => {
+            switch (f) {
               case "weak":
-                return _.passwordStrengthWeak;
+                return w.passwordStrengthWeak;
               case "fair":
-                return _.passwordStrengthFair;
+                return w.passwordStrengthFair;
               case "good":
-                return _.passwordStrengthGood;
+                return w.passwordStrengthGood;
               case "strong":
-                return _.passwordStrengthStrong;
+                return w.passwordStrengthStrong;
               default:
-                return _.passwordStrengthWeak;
+                return w.passwordStrengthWeak;
             }
           })
         )
@@ -439,18 +439,18 @@ function we({
     i.div(
       t.class("bc-password-strength__requirements"),
       // Length requirement
-      L(
+      b(
         o.minLength !== void 0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(n)(
+            g(s)(
               (r) => r.length ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(n)((r) => r.length ? "✓" : "○")
+            g(s)((r) => r.length ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -459,18 +459,18 @@ function we({
         )
       ),
       // Uppercase requirement
-      L(
+      b(
         o.requireUppercase === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(n)(
+            g(s)(
               (r) => r.uppercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(n)((r) => r.uppercase ? "✓" : "○")
+            g(s)((r) => r.uppercase ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -479,18 +479,18 @@ function we({
         )
       ),
       // Lowercase requirement
-      L(
+      b(
         o.requireLowercase === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(n)(
+            g(s)(
               (r) => r.lowercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(n)((r) => r.lowercase ? "✓" : "○")
+            g(s)((r) => r.lowercase ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -499,18 +499,18 @@ function we({
         )
       ),
       // Numbers requirement
-      L(
+      b(
         o.requireNumbers === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(n)(
+            g(s)(
               (r) => r.numbers ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(n)((r) => r.numbers ? "✓" : "○")
+            g(s)((r) => r.numbers ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -519,18 +519,18 @@ function we({
         )
       ),
       // Symbols requirement
-      L(
+      b(
         o.requireSymbols === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
-            f(n)(
+            g(s)(
               (r) => r.symbols ? "bc-password-strength__requirement--met" : ""
             )
           ),
           i.span(
             t.class("bc-password-strength__requirement-icon"),
-            f(n)((r) => r.symbols ? "✓" : "○")
+            g(s)((r) => r.symbols ? "✓" : "○")
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
@@ -541,214 +541,216 @@ function we({
     )
   );
 }
-function Ne({
+function We({
   password: e,
-  rules: o = B,
+  rules: o = I,
   className: c
 }) {
-  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(
+  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(
     l,
     c
-  )((n, u) => [
+  )((s, a) => [
     "bc-password-strength-bar",
-    `bc-password-strength-bar--${n}`,
-    u
+    `bc-password-strength-bar--${s}`,
+    a
   ].filter(Boolean).join(" "));
   return i.div(
-    T(m, s),
-    t.class(s),
+    C(m, u),
+    t.class(u),
     i.div(
       t.class("bc-password-strength-bar__fill"),
-      t.style(a.map((n) => `width: ${n}%`))
+      t.style(n.map((s) => `width: ${s}%`))
     )
   );
 }
-function Re({
+function Ge({
   password: e,
-  rules: o = B,
+  rules: o = I,
   className: c
 }) {
-  const m = f(e)((a) => !a || a.length === 0 ? "weak" : K(a, o).strength), l = f(
+  const m = g(e)((n) => !n || n.length === 0 ? "weak" : ee(n, o).strength), l = g(
     m,
     c
-  )((a, s) => [
+  )((n, u) => [
     "bc-password-strength-text",
-    `bc-password-strength-text--${a}`,
-    s
+    `bc-password-strength-text--${n}`,
+    u
   ].filter(Boolean).join(" "));
-  return A(
-    T(m, l),
-    P(
-      x,
-      (a) => i.span(
+  return z(
+    C(m, l),
+    q(
+      B,
+      (n) => i.span(
         t.class(l),
-        f(
+        g(
           m,
-          a
-        )((s, n) => {
-          switch (s) {
+          n
+        )((u, s) => {
+          switch (u) {
             case "weak":
-              return n.passwordStrengthWeak;
+              return s.passwordStrengthWeak;
             case "fair":
-              return n.passwordStrengthFair;
+              return s.passwordStrengthFair;
             case "good":
-              return n.passwordStrengthGood;
+              return s.passwordStrengthGood;
             case "strong":
-              return n.passwordStrengthStrong;
+              return s.passwordStrengthStrong;
             default:
-              return n.passwordStrengthWeak;
+              return s.passwordStrengthWeak;
           }
         })
       )
     )
   );
 }
-function _e({
+function ke({
   passwordRules: e,
   labels: o,
-  showPasswordStrength: c,
-  onSignUp: m,
-  showNameField: l,
-  showConfirmPassword: a,
-  showAcceptTermsAndConditions: s,
-  termsAndConditions: n
+  initialEmail: c,
+  initialName: m,
+  showPasswordStrength: l,
+  onSignUp: n,
+  showNameField: u,
+  showConfirmPassword: s,
+  showAcceptTermsAndConditions: a,
+  termsAndConditions: r
 }) {
-  const u = U(!1), r = e || B, w = J(r, {
-    showNameField: l !== !1,
-    showConfirmPassword: a !== !1,
-    showAcceptTermsAndConditions: s !== !1
-  }), _ = R({
-    schema: w,
-    onSubmit: X({
-      task: m != null ? (S) => m({
-        email: S.email,
-        password: S.password,
-        name: S.name
+  const f = V(!1), w = e || I, _ = Q(w, {
+    showNameField: u !== !1,
+    showConfirmPassword: s !== !1,
+    showAcceptTermsAndConditions: a !== !1
+  }), k = G({
+    schema: _,
+    onSubmit: Z({
+      task: n != null ? (P) => n({
+        email: P.email,
+        password: P.password,
+        name: P.name
       }) : void 0,
       message: "Reset password failed",
       onStart: () => {
-        u.set(!0), _.controller.disable();
+        f.set(!0), k.controller.disable();
       },
       onEnd: () => {
-        u.set(!1), _.controller.enable();
+        f.set(!1), k.controller.enable();
       }
     }),
     initialValue: {
-      name: "",
-      email: "",
+      name: m ?? "",
+      email: c ?? "",
       password: "",
       confirmPassword: "",
       acceptTerms: !1
     }
-  }), { controller: g, submit: b } = _;
-  u.on(g.setDisabled);
-  const v = g.field("name"), z = g.field("email"), E = g.field("password"), F = g.field("confirmPassword"), y = g.field("acceptTerms");
-  return P(
-    x,
-    (S) => (
+  }), { controller: v, submit: x } = k;
+  f.on(v.setDisabled);
+  const y = v.field("name"), U = v.field("email"), O = v.field("password"), D = v.field("confirmPassword"), S = v.field("acceptTerms");
+  return q(
+    B,
+    (P) => (
       // Registration form
       i.form(
-        T(g.dispose, u.dispose),
+        C(v.dispose, f.dispose),
         t.class("bc-auth-form__form"),
-        C.submit(b),
-        q(
+        E.submit(x),
+        $(
           t.class("bc-auth-form__fields"),
-          N(
-            g.error,
-            (k) => G(
+          W(
+            v.error,
+            (L) => j(
               { variant: "danger", tone: "prominent", role: "alert" },
-              i.div(k)
+              i.div(L)
             )
           ),
           // Name field (optional)
-          L(
-            l !== !1,
-            () => $(de, {
-              controller: v.transform(
-                (k) => k ?? "",
-                (k) => k === "" ? void 0 : k
+          b(
+            u !== !1,
+            () => T(he, {
+              controller: y.transform(
+                (L) => L ?? "",
+                (L) => L === "" ? void 0 : L
               ),
-              label: h(o?.nameLabel, S.$.nameLabel)
+              label: h(o?.nameLabel, P.$.nameLabel)
             })
           ),
           // Email field
-          $(W, {
-            controller: z,
-            label: h(o?.emailLabel, S.$.emailLabel)
+          T(H, {
+            controller: U,
+            label: h(o?.emailLabel, P.$.emailLabel)
           }),
           // Password field
-          $(M, {
-            controller: E,
-            label: h(o?.passwordLabel, S.$.passwordLabel)
+          T(N, {
+            controller: O,
+            label: h(o?.passwordLabel, P.$.passwordLabel)
           }),
           // Password strength indicator
-          L(
-            c ?? !1,
-            () => we({
-              password: E.signal,
-              rules: r,
+          b(
+            l ?? !1,
+            () => Le({
+              password: O.signal,
+              rules: w,
               showLabel: !0
             })
           ),
           // Confirm password field
-          L(
-            a ?? !1,
-            () => $(M, {
-              controller: F,
+          b(
+            s ?? !1,
+            () => T(N, {
+              controller: D,
               label: h(
                 o?.confirmPasswordLabel,
-                S.$.confirmPasswordLabel
+                P.$.confirmPasswordLabel
               )
             })
           ),
           // Terms acceptance checkbox
-          L(
-            s ?? !1,
+          b(
+            a ?? !1,
             () => i.div(
               t.class("bc-auth-form__terms"),
               i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                se({
-                  value: y.signal.map((k) => k ?? !1),
-                  onChange: (k) => y.change(k)
+                ae({
+                  value: S.signal.map((L) => L ?? !1),
+                  onChange: (L) => S.change(L)
                 }),
                 i.span(
-                  n || h(o?.acceptTermsLabel, S.$.acceptTermsLabel)
+                  r || h(o?.acceptTermsLabel, P.$.acceptTermsLabel)
                 )
               ),
-              L(
-                y.errorVisible,
+              b(
+                S.errorVisible,
                 () => i.div(
                   t.class("bc-auth-form__field-error"),
-                  y.error.map((k) => k || "")
+                  S.error.map((L) => L || "")
                 )
               )
             )
           )
         ),
         // Submit button
-        O(
+        F(
           {
             type: "submit",
             variant: "filled",
             color: "primary",
-            loading: u,
-            disabled: g.disabledOrHasErrors
+            loading: f,
+            disabled: v.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          h(o?.signUpButton, S.$.signUpButton)
+          h(o?.signUpButton, P.$.signUpButton)
         )
       )
     )
   );
 }
-function Le({
+function ve({
   onResetPassword: e,
   labels: o = {}
 }) {
-  const c = ae(), m = U(!1), l = R({
-    schema: ne,
-    onSubmit: X({
+  const c = ie(), m = V(!1), l = G({
+    schema: re,
+    onSubmit: Z({
       task: e,
       message: "Reset password failed",
       onStart: () => {
@@ -761,21 +763,21 @@ function Le({
     initialValue: {
       email: ""
     }
-  }), { 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) => (
+  }), { 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) => (
       // Reset password form
       i.form(
-        T(a.dispose, c.dispose, m.dispose),
+        C(n.dispose, c.dispose, m.dispose),
         t.class("bc-auth-form__form"),
-        N(
-          a.error,
-          (r) => G(
+        W(
+          n.error,
+          (r) => j(
             { variant: "danger", tone: "prominent", role: "alert" },
             i.div(r)
           )
@@ -783,28 +785,28 @@ function Le({
         // Description
         i.p(
           t.class("bc-auth-form__description"),
-          h(o?.resetPasswordDescription, u.$.resetPasswordDescription)
+          h(o?.resetPasswordDescription, a.$.resetPasswordDescription)
         ),
-        C.submit(s),
-        q(
+        E.submit(u),
+        $(
           t.class("bc-auth-form__fields"),
           // Email field
-          $(W, {
-            controller: n,
-            label: h(o?.emailLabel, u.$.emailLabel)
+          T(H, {
+            controller: s,
+            label: h(o?.emailLabel, a.$.emailLabel)
           })
         ),
         // Submit button
-        O(
+        F(
           {
             loading: m,
             type: "submit",
             variant: "filled",
             color: "primary",
-            disabled: a.disabledOrHasErrors
+            disabled: n.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          h(o?.resetPasswordButton, u.$.resetPasswordButton)
+          h(o?.resetPasswordButton, a.$.resetPasswordButton)
         )
       )
     )
@@ -816,23 +818,23 @@ function p({
   size: c = "md",
   name: m,
   icon: l,
-  color: a,
-  flow: s,
-  labels: n
+  color: n,
+  flow: u,
+  labels: s
 }) {
-  return O(
+  return F(
     {
       type: "button",
       variant: "filled",
       size: c,
-      color: a,
+      color: n,
       onClick: async () => {
         if (o)
           try {
-            s === "popup" ? await o() : await o();
+            u === "popup" ? await o() : await o();
           } catch (r) {
             console.error(
-              `Social login error for ${e} (${s || "redirect"} flow):`,
+              `Social login error for ${e} (${u || "redirect"} flow):`,
               r
             );
           }
@@ -841,45 +843,45 @@ function p({
     },
     t.class("bc-social-login-button"),
     t.class(
-      f(e)((r) => `bc-social-login-button--${r}`)
+      g(e)((r) => `bc-social-login-button--${r}`)
     ),
     i.span(
       t.class("bc-social-login-button__inner"),
       i.span(
         t.class("bc-social-login-button__icon"),
-        pe({ icon: l, size: c }, t.class("bc-social-login-button__icon-inner"))
+        ge({ icon: l, size: c }, t.class("bc-social-login-button__icon-inner"))
       ),
-      P(
-        x,
+      q(
+        B,
         (r) => i.span(
           t.class("bc-social-login-button__label"),
-          ie(
-            h(n?.continueWithProvider, r.$.continueWithProvider)
+          le(
+            h(s?.continueWithProvider, r.$.continueWithProvider)
           )(m)
         )
       )
     )
   );
 }
-function ke({
+function ye({
   providers: e,
   onProviderClick: o,
   size: c = "md",
   className: m
 }) {
-  return q(
+  return $(
     t.class("bc-social-login-buttons"),
     t.class(m),
-    ce(
+    me(
       e,
       (l) => p({
         provider: l.$.provider,
         flow: l.$.flow,
         color: l.map(
-          ({ provider: a }) => d[a].color
+          ({ provider: n }) => d[n].color
         ),
-        name: l.map(({ provider: a }) => d[a].name),
-        icon: l.map(({ provider: a }) => d[a].icon),
+        name: l.map(({ provider: n }) => d[n].name),
+        icon: l.map(({ provider: n }) => d[n].icon),
         onClick: async () => {
           o && await o(l.$.provider.value);
         },
@@ -1019,237 +1021,241 @@ const d = {
     color: "blue"
     // distinct deep blue tone (not Facebook’s exact blue)
   }
-}, We = (e) => p({
+}, He = (e) => p({
   ...e,
   ...d.google,
   provider: "google"
-}), Ge = (e) => p({
+}), je = (e) => p({
   ...e,
   ...d.github,
   provider: "github"
-}), He = (e) => p({
+}), Xe = (e) => p({
   ...e,
   ...d.apple,
   provider: "apple"
-}), je = (e) => p({
+}), Ye = (e) => p({
   ...e,
   ...d.facebook,
   provider: "facebook"
-}), Xe = (e) => p({
+}), Ze = (e) => p({
   ...e,
   ...d.x,
   provider: "x"
-}), Ye = (e) => p({
+}), Je = (e) => p({
   ...e,
   ...d.twitter,
   provider: "twitter"
-}), Ze = (e) => p({
+}), Ke = (e) => p({
   ...e,
   ...d.microsoft,
   provider: "microsoft"
-}), Je = (e) => p({
+}), Qe = (e) => p({
   ...e,
   ...d.discord,
   provider: "discord"
-}), Ke = (e) => p({
+}), eo = (e) => p({
   ...e,
   ...d.linkedin,
   provider: "linkedin"
-}), Qe = (e) => p({
+}), oo = (e) => p({
   ...e,
   ...d.instagram,
   provider: "instagram"
-}), eo = (e) => p({
+}), to = (e) => p({
   ...e,
   ...d.tiktok,
   provider: "tiktok"
-}), oo = (e) => p({
+}), so = (e) => p({
   ...e,
   ...d.snapchat,
   provider: "snapchat"
-}), to = (e) => p({
+}), no = (e) => p({
   ...e,
   ...d.reddit,
   provider: "reddit"
-}), so = (e) => p({
+}), ao = (e) => p({
   ...e,
   ...d.pinterest,
   provider: "pinterest"
-}), no = (e) => p({
+}), ro = (e) => p({
   ...e,
   ...d.twitch,
   provider: "twitch"
-}), ao = (e) => p({
+}), io = (e) => p({
   ...e,
   ...d.steam,
   provider: "steam"
-}), ro = (e) => p({
+}), co = (e) => p({
   ...e,
   ...d.epic,
   provider: "epic"
-}), io = (e) => p({
+}), lo = (e) => p({
   ...e,
   ...d.playstation,
   provider: "playstation"
-}), co = (e) => p({
+}), mo = (e) => p({
   ...e,
   ...d.xbox,
   provider: "xbox"
-}), lo = (e) => p({
+}), uo = (e) => p({
   ...e,
   ...d.whatsapp,
   provider: "whatsapp"
-}), mo = (e) => p({
+}), po = (e) => p({
   ...e,
   ...d.wechat,
   provider: "wechat"
-}), uo = (e) => p({
+}), ho = (e) => p({
   ...e,
   ...d.amazon,
   provider: "amazon"
-}), po = (e) => p({
+}), go = (e) => p({
   ...e,
   ...d.yahoo,
   provider: "yahoo"
-}), ho = (e) => p({
+}), fo = (e) => p({
   ...e,
   ...d.paypal,
   provider: "paypal"
 });
-function oe({ providers: e }) {
-  return q(
-    ke({
+function se({ providers: e }) {
+  return $(
+    ye({
       providers: e
     })
   );
 }
-function ve({
+function Se({
   mode: e,
   socialProviders: o,
-  passwordRules: c,
-  showRememberMe: m,
-  showSocialDivider: l,
-  showPasswordStrength: a,
-  labels: s,
-  onSignIn: n,
-  onSignUp: u,
-  onResetPassword: r,
-  onModeChange: w,
+  initialName: c,
+  initialEmail: m,
+  passwordRules: l,
+  showRememberMe: n,
+  showSocialDivider: u,
+  showPasswordStrength: s,
+  labels: a,
+  onSignIn: r,
+  onSignUp: f,
+  onResetPassword: w,
+  onModeChange: _,
   // onSocialLogin,
-  showContainer: _
-}, ...g) {
-  const b = e != null ? Q.deriveProp(e) : U("signin");
-  return b.on((v) => w?.(v)), P(x, (v) => {
-    function z() {
-      const y = h(s?.hasAccountLink, v.$.hasAccountLink);
+  showContainer: k
+}, ...v) {
+  const x = e != null ? oe.deriveProp(e) : V("signin");
+  return x.on((y) => _?.(y)), q(B, (y) => {
+    function U() {
+      const S = h(a?.hasAccountLink, y.$.hasAccountLink);
       return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        C.click(() => b.set("signin")),
-        y
+        E.click(() => x.set("signin")),
+        S
       );
     }
-    function E() {
+    function O() {
       return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        C.click(() => b.set("signup")),
-        h(s?.noAccountLink, v.$.noAccountLink)
+        E.click(() => x.set("signup")),
+        h(a?.noAccountLink, y.$.noAccountLink)
       );
     }
-    function F() {
+    function D() {
       return i.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
-        C.click(() => b.set("reset-password")),
-        h(s?.forgotPasswordLink, v.$.forgotPasswordLink)
+        E.click(() => x.set("reset-password")),
+        h(a?.forgotPasswordLink, y.$.forgotPasswordLink)
       );
     }
     return i.div(
-      he({
+      fe({
         "bc-auth-container": !0,
-        "bc-auth-container--styled": Q.map(_ ?? !0, (y) => y)
+        "bc-auth-container--styled": oe.map(k ?? !0, (S) => S)
       }),
-      t.class(b.map((y) => `bc-auth-container--${y}`)),
+      t.class(x.map((S) => `bc-auth-container--${S}`)),
       t.class("bc-auth-form"),
-      T(b.dispose),
-      le(b, {
-        signin: () => A(
+      C(x.dispose),
+      ue(x, {
+        signin: () => z(
           i.h2(
             t.class("bc-auth-form__title"),
-            h(s?.signInTitle, v.$.signInTitle)
+            h(a?.signInTitle, y.$.signInTitle)
           ),
-          o != null ? A(
-            oe({ providers: o }),
-            L(l ?? !1, te)
+          o != null ? z(
+            se({ providers: o }),
+            b(u ?? !1, ne)
           ) : null,
-          be({
-            onSignIn: n,
-            showRememberMe: m,
-            passwordRules: c,
+          _e({
+            onSignIn: r,
+            showRememberMe: n,
+            passwordRules: l,
             labels: {
-              emailLabel: s?.emailLabel,
-              passwordLabel: s?.passwordLabel,
-              rememberMeLabel: s?.rememberMeLabel,
-              signInButton: s?.signInButton,
-              forgotPasswordLink: s?.forgotPasswordLink,
-              noAccountLink: s?.noAccountLink
+              emailLabel: a?.emailLabel,
+              passwordLabel: a?.passwordLabel,
+              rememberMeLabel: a?.rememberMeLabel,
+              signInButton: a?.signInButton,
+              forgotPasswordLink: a?.forgotPasswordLink,
+              noAccountLink: a?.noAccountLink
             }
           }),
-          q(
+          $(
             t.class("bc-auth-form__footer"),
-            E(),
-            F()
+            O(),
+            D()
           )
         ),
-        signup: () => A(
+        signup: () => z(
           i.h2(
             t.class("bc-auth-form__title"),
-            h(s?.signUpTitle, v.$.signUpTitle)
+            h(a?.signUpTitle, y.$.signUpTitle)
           ),
-          o != null ? A(
-            oe({ providers: o }),
-            L(l ?? !1, te)
+          o != null ? z(
+            se({ providers: o }),
+            b(u ?? !1, ne)
           ) : null,
-          _e({
+          ke({
             labels: {
-              nameLabel: s?.nameLabel,
-              emailLabel: s?.emailLabel,
-              passwordLabel: s?.passwordLabel,
-              confirmPasswordLabel: s?.confirmPasswordLabel,
-              acceptTermsLabel: s?.acceptTermsLabel,
-              signUpButton: s?.signUpButton,
-              hasAccountLink: s?.hasAccountLink
+              nameLabel: a?.nameLabel,
+              emailLabel: a?.emailLabel,
+              passwordLabel: a?.passwordLabel,
+              confirmPasswordLabel: a?.confirmPasswordLabel,
+              acceptTermsLabel: a?.acceptTermsLabel,
+              signUpButton: a?.signUpButton,
+              hasAccountLink: a?.hasAccountLink
             },
-            onSignUp: u,
-            passwordRules: c,
-            showPasswordStrength: a
+            initialEmail: m,
+            initialName: c,
+            onSignUp: f,
+            passwordRules: l,
+            showPasswordStrength: s
           }),
-          q(t.class("bc-auth-form__footer"), z())
+          $(t.class("bc-auth-form__footer"), U())
         ),
-        "reset-password": () => A(
+        "reset-password": () => z(
           i.h2(
             t.class("bc-auth-form__title"),
-            h(s?.resetPasswordTitle, v.$.resetPasswordTitle)
+            h(a?.resetPasswordTitle, y.$.resetPasswordTitle)
           ),
-          Le({
+          ve({
             labels: {
-              backToSignInLink: s?.backToSignInLink,
-              emailLabel: s?.emailLabel,
-              resetPasswordButton: s?.resetPasswordButton,
-              resetPasswordDescription: s?.resetPasswordDescription
+              backToSignInLink: a?.backToSignInLink,
+              emailLabel: a?.emailLabel,
+              resetPasswordButton: a?.resetPasswordButton,
+              resetPasswordDescription: a?.resetPasswordDescription
             },
-            onResetPassword: r
+            onResetPassword: w
           }),
-          q(t.class("bc-auth-form__footer"), z())
+          $(t.class("bc-auth-form__footer"), U())
         )
       }),
-      ...g
+      ...v
     );
   });
 }
-function go(e) {
-  return ue(
+function bo(e) {
+  return pe(
     {
       size: "sm",
       dismissable: !0,
@@ -1257,16 +1263,16 @@ function go(e) {
     },
     (o, c) => e(
       (m) => o({
-        body: ve({ showContainer: !1, ...m }),
-        header: P(
-          x,
+        body: Se({ showContainer: !1, ...m }),
+        header: q(
+          B,
           (l) => h(m.modalTitle, l.$.authenticationTitle)
         )
       })
     )
   );
 }
-function te({
+function ne({
   labels: e,
   className: o
 } = {}) {
@@ -1274,8 +1280,8 @@ function te({
     t.class("bc-auth-divider"),
     t.class(o),
     i.div(t.class("bc-auth-divider__line")),
-    P(
-      x,
+    q(
+      B,
       (c) => i.span(
         t.class("bc-auth-divider__text"),
         h(e?.text, c.$.orDivider)
@@ -1285,66 +1291,66 @@ function te({
   );
 }
 export {
-  uo as AmazonLoginButton,
-  He as AppleLoginButton,
-  ve as AuthContainer,
-  te as AuthDivider,
-  go as AuthModal,
-  Je as DiscordLoginButton,
-  ro as EpicLoginButton,
-  je as FacebookLoginButton,
-  Ge as GitHubLoginButton,
-  We as GoogleLoginButton,
-  Qe as InstagramLoginButton,
-  Ke as LinkedInLoginButton,
-  Ze as MicrosoftLoginButton,
-  Ne as PasswordStrengthBar,
-  we as PasswordStrengthIndicator,
-  Re as PasswordStrengthText,
-  ho as PayPalLoginButton,
-  so as PinterestLoginButton,
-  io as PlayStationLoginButton,
-  to as RedditLoginButton,
-  Le as ResetPasswordForm,
-  be as SignInForm,
-  _e as SignUpForm,
-  oo as SnapchatLoginButton,
+  ho as AmazonLoginButton,
+  Xe as AppleLoginButton,
+  Se 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,
+  no as RedditLoginButton,
+  ve as ResetPasswordForm,
+  _e as SignInForm,
+  ke as SignUpForm,
+  so as SnapchatLoginButton,
   p as SocialLoginButton,
-  ke as SocialLoginButtons,
-  oe as SocialProviders,
-  ao as SteamLoginButton,
-  eo as TiktokLoginButton,
-  no as TwitchLoginButton,
-  Ye as TwitterLoginButton,
-  mo as WeChatLoginButton,
-  lo as WhatsAppLoginButton,
-  Xe as XLoginButtin,
-  co as XboxLoginButton,
-  po as YahooLoginButton,
-  Fe as authSchemas,
-  K as calculatePasswordStrength,
-  Y as createPasswordSchema,
-  Z as createSignInSchema,
-  J as createSignUpSchema,
-  Ce as createSocialLoginUrl,
-  B as defaultPasswordRules,
-  Oe as defaultSignInSchema,
-  Ve as defaultSignUpSchema,
-  V as emailSchema,
-  Ee as formatAuthError,
-  ge as formatProviderName,
-  Te as formatSocialLoginText,
-  fe as generateRandomString,
-  Ie as getProviderColor,
-  $e as getProviderIcon,
-  Ue as isBrowser,
-  Ae as isValidEmail,
-  ze as openSocialLoginPopup,
-  j as providerInfo,
-  X as requestToControllerValidation,
-  ne as resetPasswordSchema,
+  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,
+  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,
+  Ve as isBrowser,
+  ze as isValidEmail,
+  Ue as openSocialLoginPopup,
+  Y as providerInfo,
+  Z as requestToControllerValidation,
+  re as resetPasswordSchema,
   d as socialProviderInfo,
-  ae as useAuthEmailProp,
-  Me as validateEmail,
-  De as validatePassword
+  ie as useAuthEmailProp,
+  Ne as validateEmail,
+  Re as validatePassword
 };