@tempots/beatui 0.21.0 → 0.23.0

package/dist/auth/index.es.js

@@ -1,8 +1,8 @@
-import { localStorageProp as ae, prop as E, Use as P, html as u, 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 G, S as q, c as oe, d as $, P as M, E as R, a as O, T as le, G as ue, I as me } from "../translations-ClgoCEFC.js";
-import { s as I, o as W, b as D, M as de } from "../modal-BItfEmu0.js";
-import { AuthI18n as x } from "../translations-D4hFMU4P.js";
-import { classes as pe } from "@tempots/ui";
+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-924E7r4Q.js";
+import { s as I, o as G, b as D, M as ue } from "../modal-at2TcO_O.js";
+import { AuthI18n as x } from "../translations-DGCYRUSw.js";
+import { classes as de } from "@tempots/ui";
 const N = {
   google: { name: "Google", icon: "logos:google-icon", color: "#4285f4" },
   github: { name: "GitHub", icon: "logos:github-icon", color: "#333" },
@@ -49,17 +49,17 @@ const N = {
   paypal: { name: "PayPal", icon: "logos:paypal", color: "#0070ba" },
   x: { name: "X", icon: "simple-icons:x", color: "#000" }
 };
-function he(e) {
+function pe(e) {
   return N[e]?.name || e;
 }
-function qe(e) {
+function xe(e) {
   return N[e]?.icon || "mdi:account";
 }
-function Be(e) {
+function qe(e) {
   return N[e]?.color || "#666";
 }
-function $e(e, o = "Continue with {provider}") {
-  return o.replace("{provider}", he(e));
+function Be(e, o = "Continue with {provider}") {
+  return o.replace("{provider}", pe(e));
 }
 const B = {
   minLength: 8,
@@ -68,17 +68,17 @@ const B = {
   requireNumbers: !0,
   requireSymbols: !1
 };
-function Ie(e) {
+function $e(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function ge(e = 32) {
+function he(e = 32) {
   const o = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let i = "";
-  for (let l = 0; l < e; l++)
+  for (let m = 0; m < e; m++)
     i += o.charAt(Math.floor(Math.random() * o.length));
   return i;
 }
-function Te(e, o, i, l = [], c = {}) {
+function Ie(e, o, i, m = [], c = {}) {
   const n = {
     google: "https://accounts.google.com/oauth/authorize",
     github: "https://github.com/login/oauth/authorize",
@@ -132,44 +132,44 @@ function Te(e, o, i, l = [], c = {}) {
   }, a = n[e];
   if (!a)
     throw new Error(`Unsupported provider: ${e}`);
-  const m = l.length > 0 ? l : s[e], r = ge(), b = new URLSearchParams({
+  const u = m.length > 0 ? m : s[e], r = he(), b = new URLSearchParams({
     client_id: o,
     redirect_uri: i,
-    scope: m.join(" "),
+    scope: u.join(" "),
     state: r,
     response_type: "code",
     ...c
   });
   return `${a}?${b.toString()}`;
 }
-function Ae(e, o, i, l) {
+function Te(e, o, i, m) {
   const c = window.open(
     e,
     `${o}_login`,
     "width=500,height=600,scrollbars=yes,resizable=yes"
   );
   if (!c) {
-    l?.(new Error("Failed to open popup window"));
+    m?.(new Error("Failed to open popup window"));
     return;
   }
   const n = setInterval(() => {
-    c.closed && (clearInterval(n), l?.(new Error("Login cancelled")));
+    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), l?.(new Error(a.data.error))));
+    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))));
   };
   window.addEventListener("message", s);
 }
-function Ce(e) {
+function Ae(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 ze() {
+function Ce() {
   return typeof window < "u" && typeof document < "u";
 }
 function H({
   task: e,
   message: o,
   onStart: i,
-  onEnd: l
+  onEnd: m
 }) {
   return async (c) => {
     i?.();
@@ -179,7 +179,7 @@ function H({
       errorPath: ["root"],
       validation: (s) => s != null ? K.invalid({ message: s }) : K.valid
     });
-    return l?.(), n;
+    return m?.(), n;
   };
 }
 function j(e = B) {
@@ -206,15 +206,15 @@ function X(e) {
   const o = e ? j(e) : I().refine(
     (i) => i.length > 0 ? null : "Password is required"
   );
-  return W({
+  return G({
     email: V,
     password: o,
     rememberMe: D().default(!1)
   }).schema();
 }
 function Y(e = B, o) {
-  const i = j(e), l = o?.showNameField !== !1, c = o?.showConfirmPassword !== !1, n = o?.showAcceptTermsAndConditions !== !1, s = {
-    name: l ? I().min(1, "Name is required").optional() : I().optional(),
+  const i = j(e), m = o?.showNameField !== !1, c = o?.showConfirmPassword !== !1, n = o?.showAcceptTermsAndConditions !== !1, s = {
+    name: m ? I().min(1, "Name is required").optional() : I().optional(),
     email: V,
     password: i,
     // Always require confirmPassword as string to match SignUpData interface
@@ -222,30 +222,30 @@ function Y(e = B, o) {
     confirmPassword: c ? I().min(1, "Please confirm your password") : I(),
     // Accept any string value when not shown
     acceptTerms: n ? D().refine(
-      (m) => m === !0,
+      (u) => u === !0,
       "You must accept the terms and conditions"
     ) : D().default(!0)
     // Default to true when not shown
-  }, a = W(s);
+  }, a = G(s);
   return c ? a.refine(
-    (m) => m.password === m.confirmPassword ? null : "Passwords don't match",
+    (u) => u.password === u.confirmPassword ? null : "Passwords don't match",
     { path: ["confirmPassword"] }
   ).schema() : a.schema();
 }
-const te = W({
+const te = G({
   email: V
-}).schema(), Ee = X(), Ue = Y(), Oe = {
+}).schema(), ze = X(), Ee = Y(), Ue = {
   signIn: X,
   signUp: Y,
   resetPassword: () => te
 };
-function Ve(e) {
+function Oe(e) {
   const o = V.validate(e);
   return o.success ? null : o.errors[0]?.message || "Invalid email";
 }
-function Fe(e, o = B) {
-  const l = j(o).validate(e);
-  return l.success ? null : l.errors[0]?.message || "Invalid password";
+function Ve(e, o = B) {
+  const m = j(o).validate(e);
+  return m.success ? null : m.errors[0]?.message || "Invalid password";
 }
 function Z(e, o = B) {
   const i = {
@@ -256,7 +256,7 @@ function Z(e, o = B) {
     symbols: /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(e),
     custom: o.customValidation ? o.customValidation(e) === null : e.length > 0
     // For consistency, fail if password is empty
-  }, l = [
+  }, m = [
     !0,
     // length is always enabled
     o.requireUppercase,
@@ -271,7 +271,7 @@ function Z(e, o = B) {
     o.requireNumbers ? i.numbers : null,
     o.requireSymbols ? i.symbols : null,
     o.customValidation ? i.custom : null
-  ].filter((a) => a === !0).length, n = l > 0 ? Math.round(c / l * 100) : 0;
+  ].filter((a) => a === !0).length, n = m > 0 ? Math.round(c / 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 };
 }
@@ -279,15 +279,15 @@ const se = () => ae({
   key: "bui_auth_email",
   defaultValue: null
 });
-function fe({
+function ge({
   onSignIn: e,
   passwordRules: o,
   labels: i,
-  showRememberMe: l
+  showRememberMe: m
 }) {
-  const c = E(!1), n = se(), s = X(o), a = G({
+  const c = E(!1), n = se(), s = X(o), a = R({
     schema: s,
-    submit: H({
+    onSubmit: H({
       task: e != null ? (h) => e({
         email: h.email,
         password: h.password
@@ -304,9 +304,9 @@ function fe({
       email: "",
       password: ""
     }
-  }), { controller: m, onSubmit: r } = a;
-  c.on(m.setDisabled);
-  const b = m.field("email"), w = m.field("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) => {
@@ -315,14 +315,14 @@ function fe({
     x,
     (h) => (
       // Email/Password form
-      u.form(
-        U(m.dispose, n.dispose, c.dispose),
+      l.form(
+        U(u.dispose, n.dispose, c.dispose),
         t.class("bc-auth-form__form"),
         T.submit(r),
         q(
           t.class("bc-auth-form__fields"),
           // Email field
-          $(R, {
+          $(W, {
             controller: b,
             label: g(i?.emailLabel, h.$.emailLabel)
           }),
@@ -333,14 +333,14 @@ function fe({
           }),
           // Remember me checkbox
           _(
-            l ?? !0,
-            () => u.div(
+            m ?? !0,
+            () => l.div(
               t.class("bc-auth-form__remember-me"),
-              u.label(
+              l.label(
                 t.class("bc-auth-form__checkbox-label"),
                 oe({
                   value: n.map((L) => L != null),
-                  after: u.span(
+                  after: l.span(
                     g(i?.rememberMeLabel, h.$.rememberMeLabel)
                   ),
                   onChange: (L) => {
@@ -358,7 +358,7 @@ function fe({
             variant: "filled",
             color: "primary",
             loading: c,
-            disabled: m.disabledOrHasErrors
+            disabled: u.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
           g(i?.signInButton, h.$.signInButton)
@@ -367,11 +367,11 @@ function fe({
     )
   );
 }
-function be({
+function fe({
   password: e,
   rules: o = B,
   showLabel: i = !0,
-  className: l
+  className: m
 }) {
   const c = f(e)((r) => !r || r.length === 0 ? {
     strength: "weak",
@@ -384,20 +384,20 @@ function be({
       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), m = f(
+  } : Z(r, o)), n = c.map((r) => r.strength), s = c.map((r) => r.score), a = c.map((r) => r.checks), u = f(
     n,
-    l
+    m
   )((r, b) => [
     "bc-password-strength",
     `bc-password-strength--${r}`,
     b
   ].filter(Boolean).join(" "));
-  return u.div(
-    t.class(m),
+  return l.div(
+    t.class(u),
     // Strength bar
-    u.div(
+    l.div(
       t.class("bc-password-strength__bar"),
-      u.div(
+      l.div(
         t.class("bc-password-strength__fill"),
         t.style(s.map((r) => `width: ${r}%`))
       )
@@ -407,7 +407,7 @@ function be({
       i,
       () => P(
         x,
-        (r) => u.div(
+        (r) => l.div(
           t.class("bc-password-strength__label"),
           f(
             n,
@@ -430,23 +430,23 @@ function be({
       )
     ),
     // Requirements checklist
-    u.div(
+    l.div(
       t.class("bc-password-strength__requirements"),
       // Length requirement
       _(
         o.minLength !== void 0,
-        () => u.div(
+        () => l.div(
           t.class("bc-password-strength__requirement"),
           t.class(
             f(a)(
               (r) => r.length ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-icon"),
             f(a)((r) => r.length ? "✓" : "○")
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-text"),
             `At least ${o.minLength} characters`
           )
@@ -455,18 +455,18 @@ function be({
       // Uppercase requirement
       _(
         o.requireUppercase === !0,
-        () => u.div(
+        () => l.div(
           t.class("bc-password-strength__requirement"),
           t.class(
             f(a)(
               (r) => r.uppercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-icon"),
             f(a)((r) => r.uppercase ? "✓" : "○")
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-text"),
             "One uppercase letter"
           )
@@ -475,18 +475,18 @@ function be({
       // Lowercase requirement
       _(
         o.requireLowercase === !0,
-        () => u.div(
+        () => l.div(
           t.class("bc-password-strength__requirement"),
           t.class(
             f(a)(
               (r) => r.lowercase ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-icon"),
             f(a)((r) => r.lowercase ? "✓" : "○")
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-text"),
             "One lowercase letter"
           )
@@ -495,18 +495,18 @@ function be({
       // Numbers requirement
       _(
         o.requireNumbers === !0,
-        () => u.div(
+        () => l.div(
           t.class("bc-password-strength__requirement"),
           t.class(
             f(a)(
               (r) => r.numbers ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-icon"),
             f(a)((r) => r.numbers ? "✓" : "○")
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-text"),
             "One number"
           )
@@ -515,18 +515,18 @@ function be({
       // Symbols requirement
       _(
         o.requireSymbols === !0,
-        () => u.div(
+        () => l.div(
           t.class("bc-password-strength__requirement"),
           t.class(
             f(a)(
               (r) => r.symbols ? "bc-password-strength__requirement--met" : ""
             )
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-icon"),
             f(a)((r) => r.symbols ? "✓" : "○")
           ),
-          u.span(
+          l.span(
             t.class("bc-password-strength__requirement-text"),
             "One special character"
           )
@@ -535,34 +535,34 @@ function be({
     )
   );
 }
-function Me({
+function Fe({
   password: e,
   rules: o = B,
   className: i
 }) {
-  const l = f(e)((a) => !a || a.length === 0 ? { strength: "weak", score: 0 } : Z(a, o)), c = l.map((a) => a.strength), n = l.map((a) => a.score), s = f(
+  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, m) => [
+  )((a, u) => [
     "bc-password-strength-bar",
     `bc-password-strength-bar--${a}`,
-    m
+    u
   ].filter(Boolean).join(" "));
-  return u.div(
+  return l.div(
     t.class(s),
-    u.div(
+    l.div(
       t.class("bc-password-strength-bar__fill"),
       t.style(n.map((a) => `width: ${a}%`))
     )
   );
 }
-function De({
+function Me({
   password: e,
   rules: o = B,
   className: i
 }) {
-  const l = f(e)((n) => !n || n.length === 0 ? "weak" : Z(n, o).strength), c = f(
-    l,
+  const m = f(e)((n) => !n || n.length === 0 ? "weak" : Z(n, o).strength), c = f(
+    m,
     i
   )((n, s) => [
     "bc-password-strength-text",
@@ -571,10 +571,10 @@ function De({
   ].filter(Boolean).join(" "));
   return P(
     x,
-    (n) => u.span(
+    (n) => l.span(
       t.class(c),
       f(
-        l,
+        m,
         n
       )((s, a) => {
         switch (s) {
@@ -593,34 +593,34 @@ function De({
     )
   );
 }
-function we({
+function be({
   passwordRules: e,
   labels: o,
   showPasswordStrength: i,
-  onSignUp: l,
+  onSignUp: m,
   showNameField: c,
   showConfirmPassword: n,
   showAcceptTermsAndConditions: s,
   termsAndConditions: a
 }) {
-  const m = E(!1), r = e || B, b = Y(r, {
+  const u = E(!1), r = e || B, b = Y(r, {
     showNameField: c !== !1,
     showConfirmPassword: n !== !1,
     showAcceptTermsAndConditions: s !== !1
-  }), w = G({
+  }), w = R({
     schema: b,
-    submit: H({
-      task: l != null ? (y) => l({
+    onSubmit: H({
+      task: m != null ? (y) => m({
         email: y.email,
         password: y.password,
         name: y.name
       }) : void 0,
       message: "Reset password failed",
       onStart: () => {
-        m.set(!0), w.controller.disable();
+        u.set(!0), w.controller.disable();
       },
       onEnd: () => {
-        m.set(!1), w.controller.enable();
+        u.set(!1), w.controller.enable();
       }
     }),
     initialValue: {
@@ -630,15 +630,15 @@ function we({
       confirmPassword: "",
       acceptTerms: !1
     }
-  }), { controller: h, onSubmit: L } = w;
-  m.on(h.setDisabled);
+  }), { 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");
   return P(
     x,
     (y) => (
       // Registration form
-      u.form(
-        U(h.dispose, m.dispose),
+      l.form(
+        U(h.dispose, u.dispose),
         t.class("bc-auth-form__form"),
         T.submit(L),
         q(
@@ -655,7 +655,7 @@ function we({
             })
           ),
           // Email field
-          $(R, {
+          $(W, {
             controller: C,
             label: g(o?.emailLabel, y.$.emailLabel)
           }),
@@ -667,7 +667,7 @@ function we({
           // Password strength indicator
           _(
             i ?? !1,
-            () => be({
+            () => fe({
               password: z.value,
               rules: r,
               showLabel: !0
@@ -687,21 +687,21 @@ function we({
           // Terms acceptance checkbox
           _(
             s ?? !1,
-            () => u.div(
+            () => l.div(
               t.class("bc-auth-form__terms"),
-              u.label(
+              l.label(
                 t.class("bc-auth-form__checkbox-label"),
                 oe({
                   value: v.value.map((S) => S ?? !1),
                   onChange: (S) => v.change(S)
                 }),
-                u.span(
+                l.span(
                   a || g(o?.acceptTermsLabel, y.$.acceptTermsLabel)
                 )
               ),
               _(
                 v.errorVisible,
-                () => u.div(
+                () => l.div(
                   t.class("bc-auth-form__field-error"),
                   v.error.map((S) => S || "")
                 )
@@ -715,7 +715,7 @@ function we({
             type: "submit",
             variant: "filled",
             color: "primary",
-            loading: m,
+            loading: u,
             disabled: h.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
@@ -725,62 +725,62 @@ function we({
     )
   );
 }
-function _e({
+function we({
   onResetPassword: e,
   labels: o = {}
 }) {
-  const i = se(), l = E(!1), c = G({
+  const i = se(), m = E(!1), c = R({
     schema: te,
-    submit: H({
+    onSubmit: H({
       task: e,
       message: "Reset password failed",
       onStart: () => {
-        l.set(!0), c.controller.disable();
+        m.set(!0), c.controller.disable();
       },
       onEnd: () => {
-        l.set(!1), c.controller.enable();
+        m.set(!1), c.controller.enable();
       }
     }),
     initialValue: {
       email: ""
     }
-  }), { controller: n, onSubmit: s } = c;
-  l.on(n.setDisabled);
+  }), { controller: n, submit: s } = c;
+  m.on(n.setDisabled);
   const a = n.field("email");
-  return i.on((m) => {
-    m != null && a.change(m);
+  return i.on((u) => {
+    u != null && a.change(u);
   }), P(
     x,
-    (m) => (
+    (u) => (
       // Reset password form
-      u.form(
-        U(n.dispose, i.dispose, l.dispose),
+      l.form(
+        U(n.dispose, i.dispose, m.dispose),
         t.class("bc-auth-form__form"),
         // Description
-        u.p(
+        l.p(
           t.class("bc-auth-form__description"),
-          g(o?.resetPasswordDescription, m.$.resetPasswordDescription)
+          g(o?.resetPasswordDescription, u.$.resetPasswordDescription)
         ),
         T.submit(s),
         q(
           t.class("bc-auth-form__fields"),
           // Email field
-          $(R, {
+          $(W, {
             controller: a,
-            label: g(o?.emailLabel, m.$.emailLabel)
+            label: g(o?.emailLabel, u.$.emailLabel)
           })
         ),
         // Submit button
         O(
           {
-            loading: l,
+            loading: m,
             type: "submit",
             variant: "filled",
             color: "primary",
             disabled: n.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          g(o?.resetPasswordButton, m.$.resetPasswordButton)
+          g(o?.resetPasswordButton, u.$.resetPasswordButton)
         )
       )
     )
@@ -790,7 +790,7 @@ function p({
   provider: e,
   onClick: o,
   size: i = "md",
-  name: l,
+  name: m,
   icon: c,
   color: n,
   flow: s,
@@ -819,33 +819,33 @@ function p({
     t.class(
       f(e)((r) => `bc-social-login-button--${r}`)
     ),
-    ue(
-      t.class("bu-items-center bu-w-full"),
-      me({ icon: c, size: i }, t.class("bu-bg-white bu-rounded-full bu-p-2")),
-      // Button text or custom children
+    l.span(
+      t.class("bc-social-login-button__inner"),
+      l.span(
+        t.class("bc-social-login-button__icon"),
+        me({ icon: c, size: i }, t.class("bc-social-login-button__icon-inner"))
+      ),
       P(
         x,
-        (r) => u.span(
-          t.class(
-            "bu-flex-grow bu-flex bu-items-center bu-align-center bu-text-center bu-px-4"
-          ),
+        (r) => l.span(
+          t.class("bc-social-login-button__label"),
           ne(
             g(a?.continueWithProvider, r.$.continueWithProvider)
-          )(l)
+          )(m)
         )
       )
     )
   );
 }
-function Le({
+function _e({
   providers: e,
   onProviderClick: o,
   size: i = "md",
-  className: l
+  className: m
 }) {
   return q(
-    t.class("bc-social-login-buttons bu-gap-2 bu-px-8"),
-    t.class(l),
+    t.class("bc-social-login-buttons"),
+    t.class(m),
     re(
       e,
       (c) => p({
@@ -995,7 +995,7 @@ const d = {
     color: "blue"
     // distinct deep blue tone (not Facebook’s exact blue)
   }
-}, Ge = (e) => p({
+}, De = (e) => p({
   ...e,
   ...d.google,
   provider: "google"
@@ -1007,83 +1007,83 @@ const d = {
   ...e,
   ...d.apple,
   provider: "apple"
-}), Ne = (e) => p({
+}), Ge = (e) => p({
   ...e,
   ...d.facebook,
   provider: "facebook"
-}), He = (e) => p({
+}), Ne = (e) => p({
   ...e,
   ...d.x,
   provider: "x"
-}), je = (e) => p({
+}), He = (e) => p({
   ...e,
   ...d.twitter,
   provider: "twitter"
-}), Xe = (e) => p({
+}), je = (e) => p({
   ...e,
   ...d.microsoft,
   provider: "microsoft"
-}), Ye = (e) => p({
+}), Xe = (e) => p({
   ...e,
   ...d.discord,
   provider: "discord"
-}), Ze = (e) => p({
+}), Ye = (e) => p({
   ...e,
   ...d.linkedin,
   provider: "linkedin"
-}), Je = (e) => p({
+}), Ze = (e) => p({
   ...e,
   ...d.instagram,
   provider: "instagram"
-}), Ke = (e) => p({
+}), Je = (e) => p({
   ...e,
   ...d.tiktok,
   provider: "tiktok"
-}), Qe = (e) => p({
+}), Ke = (e) => p({
   ...e,
   ...d.snapchat,
   provider: "snapchat"
-}), eo = (e) => p({
+}), Qe = (e) => p({
   ...e,
   ...d.reddit,
   provider: "reddit"
-}), oo = (e) => p({
+}), eo = (e) => p({
   ...e,
   ...d.pinterest,
   provider: "pinterest"
-}), to = (e) => p({
+}), oo = (e) => p({
   ...e,
   ...d.twitch,
   provider: "twitch"
-}), so = (e) => p({
+}), to = (e) => p({
   ...e,
   ...d.steam,
   provider: "steam"
-}), ao = (e) => p({
+}), so = (e) => p({
   ...e,
   ...d.epic,
   provider: "epic"
-}), no = (e) => p({
+}), ao = (e) => p({
   ...e,
   ...d.playstation,
   provider: "playstation"
-}), ro = (e) => p({
+}), no = (e) => p({
   ...e,
   ...d.xbox,
   provider: "xbox"
-}), io = (e) => p({
+}), ro = (e) => p({
   ...e,
   ...d.whatsapp,
   provider: "whatsapp"
-}), co = (e) => p({
+}), io = (e) => p({
   ...e,
   ...d.wechat,
   provider: "wechat"
-}), lo = (e) => p({
+}), co = (e) => p({
   ...e,
   ...d.amazon,
   provider: "amazon"
-}), uo = (e) => p({
+}), lo = (e) => p({
   ...e,
   ...d.yahoo,
   provider: "yahoo"
@@ -1094,21 +1094,21 @@ const d = {
 });
 function Q({ providers: e }) {
   return q(
-    Le({
+    _e({
       providers: e
     })
   );
 }
-function ke({
+function Le({
   mode: e,
   socialProviders: o,
   passwordRules: i,
-  showRememberMe: l,
+  showRememberMe: m,
   showSocialDivider: c,
   showPasswordStrength: n,
   labels: s,
   onSignIn: a,
-  onSignUp: m,
+  onSignUp: u,
   onResetPassword: r,
   onModeChange: b,
   // onSocialLogin,
@@ -1118,7 +1118,7 @@ function ke({
   return L.on((k) => b?.(k)), P(x, (k) => {
     function C() {
       const v = g(s?.hasAccountLink, k.$.hasAccountLink);
-      return u.button(
+      return l.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
         T.click(() => L.set("signin")),
@@ -1126,7 +1126,7 @@ function ke({
       );
     }
     function z() {
-      return u.button(
+      return l.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
         T.click(() => L.set("signup")),
@@ -1134,15 +1134,15 @@ function ke({
       );
     }
     function F() {
-      return u.button(
+      return l.button(
         t.type("button"),
         t.class("bc-auth-form__link"),
         T.click(() => L.set("reset-password")),
         g(s?.forgotPasswordLink, k.$.forgotPasswordLink)
       );
     }
-    return u.div(
-      pe({
+    return l.div(
+      de({
         "bc-auth-container": !0,
         "bc-auth-container--styled": J.map(w ?? !0, (v) => v)
       }),
@@ -1151,7 +1151,7 @@ function ke({
       U(L.dispose),
       ie(L, {
         signin: () => A(
-          u.h2(
+          l.h2(
             t.class("bc-auth-form__title"),
             g(s?.signInTitle, k.$.signInTitle)
           ),
@@ -1159,9 +1159,9 @@ function ke({
             Q({ providers: o }),
             _(c ?? !1, ee)
           ) : null,
-          fe({
+          ge({
             onSignIn: a,
-            showRememberMe: l,
+            showRememberMe: m,
             passwordRules: i,
             labels: {
               emailLabel: s?.emailLabel,
@@ -1179,7 +1179,7 @@ function ke({
           )
         ),
         signup: () => A(
-          u.h2(
+          l.h2(
             t.class("bc-auth-form__title"),
             g(s?.signUpTitle, k.$.signUpTitle)
           ),
@@ -1187,7 +1187,7 @@ function ke({
             Q({ providers: o }),
             _(c ?? !1, ee)
           ) : null,
-          we({
+          be({
             labels: {
               nameLabel: s?.nameLabel,
               emailLabel: s?.emailLabel,
@@ -1197,18 +1197,18 @@ function ke({
               signUpButton: s?.signUpButton,
               hasAccountLink: s?.hasAccountLink
             },
-            onSignUp: m,
+            onSignUp: u,
             passwordRules: i,
             showPasswordStrength: n
           }),
           q(t.class("bc-auth-form__footer"), C())
         ),
         "reset-password": () => A(
-          u.h2(
+          l.h2(
             t.class("bc-auth-form__title"),
             g(s?.resetPasswordTitle, k.$.resetPasswordTitle)
           ),
-          _e({
+          we({
             labels: {
               backToSignInLink: s?.backToSignInLink,
               emailLabel: s?.emailLabel,
@@ -1224,19 +1224,19 @@ function ke({
     );
   });
 }
-function po(e) {
-  return de(
+function uo(e) {
+  return ue(
     {
       size: "sm",
       dismissable: !0,
       showCloseButton: !0
     },
     (o, i) => e(
-      (l) => o({
-        body: ke({ showContainer: !1, ...l }),
+      (m) => o({
+        body: Le({ showContainer: !1, ...m }),
         header: P(
           x,
-          (c) => g(l.modalTitle, c.$.authenticationTitle)
+          (c) => g(m.modalTitle, c.$.authenticationTitle)
         )
       })
     )
@@ -1246,81 +1246,81 @@ function ee({
   labels: e,
   className: o
 } = {}) {
-  return u.div(
+  return l.div(
     t.class("bc-auth-divider"),
     t.class(o),
-    u.div(t.class("bc-auth-divider__line")),
+    l.div(t.class("bc-auth-divider__line")),
     P(
       x,
-      (i) => u.span(
+      (i) => l.span(
         t.class("bc-auth-divider__text"),
         g(e?.text, i.$.orDivider)
       )
     ),
-    u.div(t.class("bc-auth-divider__line"))
+    l.div(t.class("bc-auth-divider__line"))
   );
 }
 export {
-  lo as AmazonLoginButton,
+  co as AmazonLoginButton,
   We as AppleLoginButton,
-  ke as AuthContainer,
+  Le as AuthContainer,
   ee as AuthDivider,
-  po as AuthModal,
-  Ye as DiscordLoginButton,
-  ao as EpicLoginButton,
-  Ne as FacebookLoginButton,
+  uo as AuthModal,
+  Xe as DiscordLoginButton,
+  so as EpicLoginButton,
+  Ge as FacebookLoginButton,
   Re as GitHubLoginButton,
-  Ge as GoogleLoginButton,
-  Je as InstagramLoginButton,
-  Ze as LinkedInLoginButton,
-  Xe as MicrosoftLoginButton,
-  Me as PasswordStrengthBar,
-  be as PasswordStrengthIndicator,
-  De as PasswordStrengthText,
+  De as GoogleLoginButton,
+  Ze as InstagramLoginButton,
+  Ye as LinkedInLoginButton,
+  je as MicrosoftLoginButton,
+  Fe as PasswordStrengthBar,
+  fe as PasswordStrengthIndicator,
+  Me as PasswordStrengthText,
   mo as PayPalLoginButton,
-  oo as PinterestLoginButton,
-  no as PlayStationLoginButton,
-  eo as RedditLoginButton,
-  _e as ResetPasswordForm,
-  fe as SignInForm,
-  we as SignUpForm,
-  Qe as SnapchatLoginButton,
+  eo as PinterestLoginButton,
+  ao as PlayStationLoginButton,
+  Qe as RedditLoginButton,
+  we as ResetPasswordForm,
+  ge as SignInForm,
+  be as SignUpForm,
+  Ke as SnapchatLoginButton,
   p as SocialLoginButton,
-  Le as SocialLoginButtons,
+  _e as SocialLoginButtons,
   Q as SocialProviders,
-  so as SteamLoginButton,
-  Ke as TiktokLoginButton,
-  to as TwitchLoginButton,
-  je as TwitterLoginButton,
-  co as WeChatLoginButton,
-  io as WhatsAppLoginButton,
-  He as XLoginButtin,
-  ro as XboxLoginButton,
-  uo as YahooLoginButton,
-  Oe as authSchemas,
+  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,
-  Te as createSocialLoginUrl,
+  Ie as createSocialLoginUrl,
   B as defaultPasswordRules,
-  Ee as defaultSignInSchema,
-  Ue as defaultSignUpSchema,
+  ze as defaultSignInSchema,
+  Ee as defaultSignUpSchema,
   V as emailSchema,
-  Ce as formatAuthError,
-  he as formatProviderName,
-  $e as formatSocialLoginText,
-  ge as generateRandomString,
-  Be as getProviderColor,
-  qe as getProviderIcon,
-  ze as isBrowser,
-  Ie as isValidEmail,
-  Ae as openSocialLoginPopup,
+  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,
   d as socialProviderInfo,
   se as useAuthEmailProp,
-  Ve as validateEmail,
-  Fe as validatePassword
+  Oe as validateEmail,
+  Ve as validatePassword
 };