@tempots/beatui 0.26.0 → 0.28.0

package/dist/auth/index.es.js

@@ -1,8 +1,8 @@
-import { localStorageProp as ro, prop as E, Use as P, html as i, OnDispose as U, attr as t, on as T, When as L, coalesce as h, Ensure as N, computedOf as f, bind as io, ForEach as co, Value as Q, OneOfValue as lo, Fragment as A } from "@tempots/dom";
-import { t as mo, b as oo, u as R, S as q, c as so, d as $, P as M, E as W, N as G, a as V, T as uo, I as po } from "../notice-DuvHeGyh.js";
-import { s as I, o as H, b as D, M as ho } from "../modal-5GSPw0e_.js";
-import { AuthI18n as x } from "../translations-D4pKsgdi.js";
-import { classes as go } from "@tempots/ui";
+import { localStorageProp as re, prop as E, Use as P, html as i, OnDispose as U, attr as t, on as T, When as L, coalesce as h, Ensure as N, computedOf as f, bind as ie, ForEach as ce, Value as Q, OneOfValue as le, Fragment as A } from "@tempots/dom";
+import { t as me, b as ee, u as R, S as q, c as se, d as $, P as M, E as W, N as G, a as O, T as ue, I as de } from "../notice-DKO4C8y2.js";
+import { s as I, o as H, b as D, M as pe } from "../modal-Fect9dc4.js";
+import { AuthI18n as x } from "../translations-BBguPjg9.js";
+import { classes as he } from "@tempots/ui";
 const j = {
   google: { name: "Google", icon: "logos:google-icon", color: "#4285f4" },
   github: { name: "GitHub", icon: "logos:github-icon", color: "#333" },
@@ -49,17 +49,17 @@ const j = {
   paypal: { name: "PayPal", icon: "logos:paypal", color: "#0070ba" },
   x: { name: "X", icon: "simple-icons:x", color: "#000" }
 };
-function fo(o) {
-  return j[o]?.name || o;
+function ge(e) {
+  return j[e]?.name || e;
 }
-function $o(o) {
-  return j[o]?.icon || "mdi:account";
+function Be(e) {
+  return j[e]?.icon || "mdi:account";
 }
-function Io(o) {
-  return j[o]?.color || "#666";
+function $e(e) {
+  return j[e]?.color || "#666";
 }
-function To(o, e = "Continue with {provider}") {
-  return e.replace("{provider}", fo(o));
+function Ie(e, o = "Continue with {provider}") {
+  return o.replace("{provider}", ge(e));
 }
 const B = {
   minLength: 8,
@@ -68,17 +68,17 @@ const B = {
   requireNumbers: !0,
   requireSymbols: !1
 };
-function Ao(o) {
-  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o);
+function Te(e) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function bo(o = 32) {
-  const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function fe(e = 32) {
+  const o = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let c = "";
-  for (let m = 0; m < o; m++)
-    c += e.charAt(Math.floor(Math.random() * e.length));
+  for (let m = 0; m < e; m++)
+    c += o.charAt(Math.floor(Math.random() * o.length));
   return c;
 }
-function Co(o, e, c, m = [], l = {}) {
+function Ae(e, o, c, m = [], l = {}) {
   const a = {
     google: "https://accounts.google.com/oauth/authorize",
     github: "https://github.com/login/oauth/authorize",
@@ -129,11 +129,11 @@ function Co(o, e, c, m = [], l = {}) {
     yahoo: ["openid", "email", "profile"],
     paypal: ["openid", "email", "profile"],
     x: ["openid", "email", "profile"]
-  }, n = a[o];
+  }, n = a[e];
   if (!n)
-    throw new Error(`Unsupported provider: ${o}`);
-  const u = m.length > 0 ? m : s[o], r = bo(), w = new URLSearchParams({
-    client_id: e,
+    throw new Error(`Unsupported provider: ${e}`);
+  const u = m.length > 0 ? m : s[e], r = fe(), w = new URLSearchParams({
+    client_id: o,
     redirect_uri: c,
     scope: u.join(" "),
     state: r,
@@ -142,10 +142,10 @@ function Co(o, e, c, m = [], l = {}) {
   });
   return `${n}?${w.toString()}`;
 }
-function zo(o, e, c, m) {
+function Ce(e, o, c, m) {
   const l = window.open(
-    o,
-    `${e}_login`,
+    e,
+    `${o}_login`,
     "width=500,height=600,scrollbars=yes,resizable=yes"
   );
   if (!l) {
@@ -159,63 +159,63 @@ function zo(o, e, c, m) {
   };
   window.addEventListener("message", s);
 }
-function Eo(o) {
-  return o instanceof Error ? o.message : typeof o == "string" ? o : o && typeof o == "object" && "message" in o ? String(o.message) : "An unexpected error occurred";
+function ze(e) {
+  return e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e ? String(e.message) : "An unexpected error occurred";
 }
-function Uo() {
+function Ee() {
   return typeof window < "u" && typeof document < "u";
 }
 function X({
-  task: o,
-  message: e,
+  task: e,
+  message: o,
   onStart: c,
   onEnd: m
 }) {
-  return console.log(o), async (l) => {
+  return async (l) => {
     c?.();
-    const a = await mo({
-      task: o != null ? () => o(l) : async () => null,
-      errorMessage: e,
+    const a = await me({
+      task: e != null ? () => e(l) : async () => null,
+      errorMessage: o,
       errorPath: ["root"],
-      validation: (s) => (console.log("Validating", s), s != null ? (console.log("Invalid", s), oo.invalid({ message: s })) : (console.log("Valid"), oo.valid))
+      validation: (s) => s != null ? ee.invalid({ message: s }) : ee.valid
     });
     return m?.(), a;
   };
 }
-function Y(o = B) {
-  let e = I();
-  return o.minLength && (e = e.min(
-    o.minLength,
-    `Password must be at least ${o.minLength} characters`
-  )), o.requireUppercase && (e = e.regex(
+function Y(e = B) {
+  let o = I();
+  return e.minLength && (o = o.min(
+    e.minLength,
+    `Password must be at least ${e.minLength} characters`
+  )), e.requireUppercase && (o = o.regex(
     /[A-Z]/,
     "Password must contain at least one uppercase letter"
-  )), o.requireLowercase && (e = e.regex(
+  )), e.requireLowercase && (o = o.regex(
     /[a-z]/,
     "Password must contain at least one lowercase letter"
-  )), o.requireNumbers && (e = e.regex(
+  )), e.requireNumbers && (o = o.regex(
     /[0-9]/,
     "Password must contain at least one number"
-  )), o.requireSymbols && (e = e.regex(
+  )), e.requireSymbols && (o = o.regex(
     /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/,
     "Password must contain at least one special character"
-  )), o.customValidation && (e = e.refine((c) => o.customValidation(c))), e;
+  )), e.customValidation && (o = o.refine((c) => e.customValidation(c))), o;
 }
-const O = I().min(1, "Email is required").email("Please enter a valid email address");
-function Z(o) {
-  const e = o ? Y(o) : I().refine(
+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(
     (c) => c.length > 0 ? null : "Password is required"
   );
   return H({
-    email: O,
-    password: e,
+    email: V,
+    password: o,
     rememberMe: D().default(!1)
   }).schema();
 }
-function J(o = B, e) {
-  const c = Y(o), m = e?.showNameField !== !1, l = e?.showConfirmPassword !== !1, a = e?.showAcceptTermsAndConditions !== !1, s = {
+function J(e = B, o) {
+  const c = Y(e), m = o?.showNameField !== !1, l = o?.showConfirmPassword !== !1, a = o?.showAcceptTermsAndConditions !== !1, s = {
     name: m ? I().min(1, "Name is required").optional() : I().optional(),
-    email: O,
+    email: V,
     password: c,
     // Always require confirmPassword as string to match SignUpData interface
     // When not shown, it should accept any value (including empty string)
@@ -232,63 +232,63 @@ function J(o = B, e) {
     { path: ["confirmPassword"] }
   ).schema() : n.schema();
 }
-const no = H({
-  email: O
-}).schema(), Vo = Z(), Oo = J(), Fo = {
+const ne = H({
+  email: V
+}).schema(), Ue = Z(), Oe = J(), Ve = {
   signIn: Z,
   signUp: J,
-  resetPassword: () => no
+  resetPassword: () => ne
 };
-function Mo(o) {
-  const e = O.validate(o);
-  return e.success ? null : e.errors[0]?.message || "Invalid email";
+function Fe(e) {
+  const o = V.validate(e);
+  return o.success ? null : o.errors[0]?.message || "Invalid email";
 }
-function Do(o, e = B) {
-  const m = Y(e).validate(o);
+function Me(e, o = B) {
+  const m = Y(o).validate(e);
   return m.success ? null : m.errors[0]?.message || "Invalid password";
 }
-function K(o, e = B) {
+function K(e, o = B) {
   const c = {
-    length: o.length >= (e.minLength || 8),
-    uppercase: /[A-Z]/.test(o),
-    lowercase: /[a-z]/.test(o),
-    numbers: /[0-9]/.test(o),
-    symbols: /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(o),
-    custom: e.customValidation ? e.customValidation(o) === null : o.length > 0
+    length: e.length >= (o.minLength || 8),
+    uppercase: /[A-Z]/.test(e),
+    lowercase: /[a-z]/.test(e),
+    numbers: /[0-9]/.test(e),
+    symbols: /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(e),
+    custom: o.customValidation ? o.customValidation(e) === null : e.length > 0
     // For consistency, fail if password is empty
   }, m = [
     !0,
     // length is always enabled
-    e.requireUppercase,
-    e.requireLowercase,
-    e.requireNumbers,
-    e.requireSymbols,
-    !!e.customValidation
+    o.requireUppercase,
+    o.requireLowercase,
+    o.requireNumbers,
+    o.requireSymbols,
+    !!o.customValidation
   ].filter(Boolean).length, l = [
     c.length,
-    e.requireUppercase ? c.uppercase : null,
-    e.requireLowercase ? c.lowercase : null,
-    e.requireNumbers ? c.numbers : null,
-    e.requireSymbols ? c.symbols : null,
-    e.customValidation ? c.custom : null
+    o.requireUppercase ? c.uppercase : null,
+    o.requireLowercase ? c.lowercase : null,
+    o.requireNumbers ? c.numbers : null,
+    o.requireSymbols ? c.symbols : null,
+    o.customValidation ? c.custom : null
   ].filter((n) => n === !0).length, a = m > 0 ? Math.round(l / m * 100) : 0;
   let s;
   return a < 40 ? s = "weak" : a < 60 ? s = "fair" : a < 80 ? s = "good" : s = "strong", { strength: s, score: a, checks: c };
 }
-const ao = () => ro({
+const ae = () => re({
   key: "bui_auth_email",
   defaultValue: null
 });
-function wo({
-  onSignIn: o,
-  passwordRules: e,
+function be({
+  onSignIn: e,
+  passwordRules: o,
   labels: c,
   showRememberMe: m
 }) {
-  const l = E(!1), a = ao(), s = Z(e), n = R({
+  const l = E(!1), a = ae(), s = Z(o), n = R({
     schema: s,
     onSubmit: X({
-      task: o,
+      task: e,
       message: "Reset password failed",
       onStart: () => {
         l.set(!0), n.controller.disable();
@@ -342,7 +342,7 @@ function wo({
               t.class("bc-auth-form__remember-me"),
               i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                so({
+                se({
                   value: a.map((b) => b != null),
                   after: i.span(
                     h(c?.rememberMeLabel, g.$.rememberMeLabel)
@@ -356,7 +356,7 @@ function wo({
           )
         ),
         // Submit button
-        V(
+        O(
           {
             type: "submit",
             variant: "filled",
@@ -371,13 +371,13 @@ function wo({
     )
   );
 }
-function _o({
-  password: o,
-  rules: e = B,
+function we({
+  password: e,
+  rules: o = B,
   showLabel: c = !0,
   className: m
 }) {
-  const l = f(o)((r) => !r || r.length === 0 ? {
+  const l = f(e)((r) => !r || r.length === 0 ? {
     strength: "weak",
     score: 0,
     checks: {
@@ -388,7 +388,7 @@ function _o({
       symbols: !1,
       custom: !1
     }
-  } : K(r, e)), a = l.map((r) => r.strength), s = l.map((r) => r.score), n = l.map((r) => r.checks), u = f(
+  } : K(r, o)), a = l.map((r) => r.strength), s = l.map((r) => r.score), n = l.map((r) => r.checks), u = f(
     a,
     m
   )((r, w) => [
@@ -438,7 +438,7 @@ function _o({
       t.class("bc-password-strength__requirements"),
       // Length requirement
       L(
-        e.minLength !== void 0,
+        o.minLength !== void 0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
@@ -452,13 +452,13 @@ function _o({
           ),
           i.span(
             t.class("bc-password-strength__requirement-text"),
-            `At least ${e.minLength} characters`
+            `At least ${o.minLength} characters`
           )
         )
       ),
       // Uppercase requirement
       L(
-        e.requireUppercase === !0,
+        o.requireUppercase === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
@@ -478,7 +478,7 @@ function _o({
       ),
       // Lowercase requirement
       L(
-        e.requireLowercase === !0,
+        o.requireLowercase === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
@@ -498,7 +498,7 @@ function _o({
       ),
       // Numbers requirement
       L(
-        e.requireNumbers === !0,
+        o.requireNumbers === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
@@ -518,7 +518,7 @@ function _o({
       ),
       // Symbols requirement
       L(
-        e.requireSymbols === !0,
+        o.requireSymbols === !0,
         () => i.div(
           t.class("bc-password-strength__requirement"),
           t.class(
@@ -539,12 +539,12 @@ function _o({
     )
   );
 }
-function No({
-  password: o,
-  rules: e = B,
+function De({
+  password: e,
+  rules: o = B,
   className: c
 }) {
-  const m = f(o)((n) => !n || n.length === 0 ? { strength: "weak", score: 0 } : K(n, e)), l = m.map((n) => n.strength), a = m.map((n) => n.score), s = f(
+  const m = f(e)((n) => !n || n.length === 0 ? { strength: "weak", score: 0 } : K(n, o)), l = m.map((n) => n.strength), a = m.map((n) => n.score), s = f(
     l,
     c
   )((n, u) => [
@@ -560,12 +560,12 @@ function No({
     )
   );
 }
-function Ro({
-  password: o,
-  rules: e = B,
+function Ne({
+  password: e,
+  rules: o = B,
   className: c
 }) {
-  const m = f(o)((a) => !a || a.length === 0 ? "weak" : K(a, e).strength), l = f(
+  const m = f(e)((a) => !a || a.length === 0 ? "weak" : K(a, o).strength), l = f(
     m,
     c
   )((a, s) => [
@@ -597,9 +597,9 @@ function Ro({
     )
   );
 }
-function Lo({
-  passwordRules: o,
-  labels: e,
+function _e({
+  passwordRules: e,
+  labels: o,
   showPasswordStrength: c,
   onSignUp: m,
   showNameField: l,
@@ -607,7 +607,7 @@ function Lo({
   showAcceptTermsAndConditions: s,
   termsAndConditions: n
 }) {
-  const u = E(!1), r = o || B, w = J(r, {
+  const u = E(!1), r = e || B, w = J(r, {
     showNameField: l !== !1,
     showConfirmPassword: a !== !1,
     showAcceptTermsAndConditions: s !== !1
@@ -657,28 +657,28 @@ function Lo({
           // Name field (optional)
           L(
             l !== !1,
-            () => $(uo, {
+            () => $(ue, {
               controller: k.transform(
                 (v) => v ?? "",
                 (v) => v === "" ? void 0 : v
               ),
-              label: h(e?.nameLabel, S.$.nameLabel)
+              label: h(o?.nameLabel, S.$.nameLabel)
             })
           ),
           // Email field
           $(W, {
             controller: C,
-            label: h(e?.emailLabel, S.$.emailLabel)
+            label: h(o?.emailLabel, S.$.emailLabel)
           }),
           // Password field
           $(M, {
             controller: z,
-            label: h(e?.passwordLabel, S.$.passwordLabel)
+            label: h(o?.passwordLabel, S.$.passwordLabel)
           }),
           // Password strength indicator
           L(
             c ?? !1,
-            () => _o({
+            () => we({
               password: z.value,
               rules: r,
               showLabel: !0
@@ -690,7 +690,7 @@ function Lo({
             () => $(M, {
               controller: F,
               label: h(
-                e?.confirmPasswordLabel,
+                o?.confirmPasswordLabel,
                 S.$.confirmPasswordLabel
               )
             })
@@ -702,12 +702,12 @@ function Lo({
               t.class("bc-auth-form__terms"),
               i.label(
                 t.class("bc-auth-form__checkbox-label"),
-                so({
+                se({
                   value: y.value.map((v) => v ?? !1),
                   onChange: (v) => y.change(v)
                 }),
                 i.span(
-                  n || h(e?.acceptTermsLabel, S.$.acceptTermsLabel)
+                  n || h(o?.acceptTermsLabel, S.$.acceptTermsLabel)
                 )
               ),
               L(
@@ -721,7 +721,7 @@ function Lo({
           )
         ),
         // Submit button
-        V(
+        O(
           {
             type: "submit",
             variant: "filled",
@@ -730,20 +730,20 @@ function Lo({
             disabled: g.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          h(e?.signUpButton, S.$.signUpButton)
+          h(o?.signUpButton, S.$.signUpButton)
         )
       )
     )
   );
 }
-function vo({
-  onResetPassword: o,
-  labels: e = {}
+function Le({
+  onResetPassword: e,
+  labels: o = {}
 }) {
-  const c = ao(), m = E(!1), l = R({
-    schema: no,
+  const c = ae(), m = E(!1), l = R({
+    schema: ne,
     onSubmit: X({
-      task: o,
+      task: e,
       message: "Reset password failed",
       onStart: () => {
         m.set(!0), l.controller.disable();
@@ -777,7 +777,7 @@ function vo({
         // Description
         i.p(
           t.class("bc-auth-form__description"),
-          h(e?.resetPasswordDescription, u.$.resetPasswordDescription)
+          h(o?.resetPasswordDescription, u.$.resetPasswordDescription)
         ),
         T.submit(s),
         q(
@@ -785,11 +785,11 @@ function vo({
           // Email field
           $(W, {
             controller: n,
-            label: h(e?.emailLabel, u.$.emailLabel)
+            label: h(o?.emailLabel, u.$.emailLabel)
           })
         ),
         // Submit button
-        V(
+        O(
           {
             loading: m,
             type: "submit",
@@ -798,15 +798,15 @@ function vo({
             disabled: a.disabledOrHasErrors
           },
           t.class("bc-auth-form__submit"),
-          h(e?.resetPasswordButton, u.$.resetPasswordButton)
+          h(o?.resetPasswordButton, u.$.resetPasswordButton)
         )
       )
     )
   );
 }
 function p({
-  provider: o,
-  onClick: e,
+  provider: e,
+  onClick: o,
   size: c = "md",
   name: m,
   icon: l,
@@ -814,19 +814,19 @@ function p({
   flow: s,
   labels: n
 }) {
-  return V(
+  return O(
     {
       type: "button",
       variant: "filled",
       size: c,
       color: a,
       onClick: async () => {
-        if (e)
+        if (o)
           try {
-            s === "popup" ? await e() : await e();
+            s === "popup" ? await o() : await o();
           } catch (r) {
             console.error(
-              `Social login error for ${o} (${s || "redirect"} flow):`,
+              `Social login error for ${e} (${s || "redirect"} flow):`,
               r
             );
           }
@@ -835,19 +835,19 @@ function p({
     },
     t.class("bc-social-login-button"),
     t.class(
-      f(o)((r) => `bc-social-login-button--${r}`)
+      f(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"),
-        po({ icon: l, size: c }, t.class("bc-social-login-button__icon-inner"))
+        de({ icon: l, size: c }, t.class("bc-social-login-button__icon-inner"))
       ),
       P(
         x,
         (r) => i.span(
           t.class("bc-social-login-button__label"),
-          io(
+          ie(
             h(n?.continueWithProvider, r.$.continueWithProvider)
           )(m)
         )
@@ -855,17 +855,17 @@ function p({
     )
   );
 }
-function ko({
-  providers: o,
-  onProviderClick: e,
+function ve({
+  providers: e,
+  onProviderClick: o,
   size: c = "md",
   className: m
 }) {
   return q(
     t.class("bc-social-login-buttons"),
     t.class(m),
-    co(
-      o,
+    ce(
+      e,
       (l) => p({
         provider: l.$.provider,
         flow: l.$.flow,
@@ -875,7 +875,7 @@ function ko({
         name: l.map(({ provider: a }) => d[a].name),
         icon: l.map(({ provider: a }) => d[a].icon),
         onClick: async () => {
-          e && await e(l.$.provider.value);
+          o && await o(l.$.provider.value);
         },
         size: c
       })
@@ -1013,113 +1013,113 @@ const d = {
     color: "blue"
     // distinct deep blue tone (not Facebook’s exact blue)
   }
-}, Wo = (o) => p({
-  ...o,
+}, Re = (e) => p({
+  ...e,
   ...d.google,
   provider: "google"
-}), Go = (o) => p({
-  ...o,
+}), We = (e) => p({
+  ...e,
   ...d.github,
   provider: "github"
-}), Ho = (o) => p({
-  ...o,
+}), Ge = (e) => p({
+  ...e,
   ...d.apple,
   provider: "apple"
-}), jo = (o) => p({
-  ...o,
+}), He = (e) => p({
+  ...e,
   ...d.facebook,
   provider: "facebook"
-}), Xo = (o) => p({
-  ...o,
+}), je = (e) => p({
+  ...e,
   ...d.x,
   provider: "x"
-}), Yo = (o) => p({
-  ...o,
+}), Xe = (e) => p({
+  ...e,
   ...d.twitter,
   provider: "twitter"
-}), Zo = (o) => p({
-  ...o,
+}), Ye = (e) => p({
+  ...e,
   ...d.microsoft,
   provider: "microsoft"
-}), Jo = (o) => p({
-  ...o,
+}), Ze = (e) => p({
+  ...e,
   ...d.discord,
   provider: "discord"
-}), Ko = (o) => p({
-  ...o,
+}), Je = (e) => p({
+  ...e,
   ...d.linkedin,
   provider: "linkedin"
-}), Qo = (o) => p({
-  ...o,
+}), Ke = (e) => p({
+  ...e,
   ...d.instagram,
   provider: "instagram"
-}), oe = (o) => p({
-  ...o,
+}), Qe = (e) => p({
+  ...e,
   ...d.tiktok,
   provider: "tiktok"
-}), ee = (o) => p({
-  ...o,
+}), eo = (e) => p({
+  ...e,
   ...d.snapchat,
   provider: "snapchat"
-}), te = (o) => p({
-  ...o,
+}), oo = (e) => p({
+  ...e,
   ...d.reddit,
   provider: "reddit"
-}), se = (o) => p({
-  ...o,
+}), to = (e) => p({
+  ...e,
   ...d.pinterest,
   provider: "pinterest"
-}), ne = (o) => p({
-  ...o,
+}), so = (e) => p({
+  ...e,
   ...d.twitch,
   provider: "twitch"
-}), ae = (o) => p({
-  ...o,
+}), no = (e) => p({
+  ...e,
   ...d.steam,
   provider: "steam"
-}), re = (o) => p({
-  ...o,
+}), ao = (e) => p({
+  ...e,
   ...d.epic,
   provider: "epic"
-}), ie = (o) => p({
-  ...o,
+}), ro = (e) => p({
+  ...e,
   ...d.playstation,
   provider: "playstation"
-}), ce = (o) => p({
-  ...o,
+}), io = (e) => p({
+  ...e,
   ...d.xbox,
   provider: "xbox"
-}), le = (o) => p({
-  ...o,
+}), co = (e) => p({
+  ...e,
   ...d.whatsapp,
   provider: "whatsapp"
-}), me = (o) => p({
-  ...o,
+}), lo = (e) => p({
+  ...e,
   ...d.wechat,
   provider: "wechat"
-}), ue = (o) => p({
-  ...o,
+}), mo = (e) => p({
+  ...e,
   ...d.amazon,
   provider: "amazon"
-}), de = (o) => p({
-  ...o,
+}), uo = (e) => p({
+  ...e,
   ...d.yahoo,
   provider: "yahoo"
-}), pe = (o) => p({
-  ...o,
+}), po = (e) => p({
+  ...e,
   ...d.paypal,
   provider: "paypal"
 });
-function eo({ providers: o }) {
+function oe({ providers: e }) {
   return q(
-    ko({
-      providers: o
+    ve({
+      providers: e
     })
   );
 }
-function yo({
-  mode: o,
-  socialProviders: e,
+function ke({
+  mode: e,
+  socialProviders: o,
   passwordRules: c,
   showRememberMe: m,
   showSocialDivider: l,
@@ -1132,7 +1132,7 @@ function yo({
   // onSocialLogin,
   showContainer: _
 }, ...g) {
-  const b = o != null ? Q.deriveProp(o) : E("signin");
+  const b = e != null ? Q.deriveProp(e) : E("signin");
   return b.on((k) => w?.(k)), P(x, (k) => {
     function C() {
       const y = h(s?.hasAccountLink, k.$.hasAccountLink);
@@ -1160,24 +1160,24 @@ function yo({
       );
     }
     return i.div(
-      go({
+      he({
         "bc-auth-container": !0,
         "bc-auth-container--styled": Q.map(_ ?? !0, (y) => y)
       }),
       t.class(b.map((y) => `bc-auth-container--${y}`)),
       t.class("bc-auth-form"),
       U(b.dispose),
-      lo(b, {
+      le(b, {
         signin: () => A(
           i.h2(
             t.class("bc-auth-form__title"),
             h(s?.signInTitle, k.$.signInTitle)
           ),
-          e != null ? A(
-            eo({ providers: e }),
-            L(l ?? !1, to)
+          o != null ? A(
+            oe({ providers: o }),
+            L(l ?? !1, te)
           ) : null,
-          wo({
+          be({
             onSignIn: n,
             showRememberMe: m,
             passwordRules: c,
@@ -1201,11 +1201,11 @@ function yo({
             t.class("bc-auth-form__title"),
             h(s?.signUpTitle, k.$.signUpTitle)
           ),
-          e != null ? A(
-            eo({ providers: e }),
-            L(l ?? !1, to)
+          o != null ? A(
+            oe({ providers: o }),
+            L(l ?? !1, te)
           ) : null,
-          Lo({
+          _e({
             labels: {
               nameLabel: s?.nameLabel,
               emailLabel: s?.emailLabel,
@@ -1226,7 +1226,7 @@ function yo({
             t.class("bc-auth-form__title"),
             h(s?.resetPasswordTitle, k.$.resetPasswordTitle)
           ),
-          vo({
+          Le({
             labels: {
               backToSignInLink: s?.backToSignInLink,
               emailLabel: s?.emailLabel,
@@ -1242,16 +1242,16 @@ function yo({
     );
   });
 }
-function he(o) {
-  return ho(
+function ho(e) {
+  return pe(
     {
       size: "sm",
       dismissable: !0,
       showCloseButton: !0
     },
-    (e, c) => o(
-      (m) => e({
-        body: yo({ showContainer: !1, ...m }),
+    (o, c) => e(
+      (m) => o({
+        body: ke({ showContainer: !1, ...m }),
         header: P(
           x,
           (l) => h(m.modalTitle, l.$.authenticationTitle)
@@ -1260,85 +1260,85 @@ function he(o) {
     )
   );
 }
-function to({
-  labels: o,
-  className: e
+function te({
+  labels: e,
+  className: o
 } = {}) {
   return i.div(
     t.class("bc-auth-divider"),
-    t.class(e),
+    t.class(o),
     i.div(t.class("bc-auth-divider__line")),
     P(
       x,
       (c) => i.span(
         t.class("bc-auth-divider__text"),
-        h(o?.text, c.$.orDivider)
+        h(e?.text, c.$.orDivider)
       )
     ),
     i.div(t.class("bc-auth-divider__line"))
   );
 }
 export {
-  ue as AmazonLoginButton,
-  Ho as AppleLoginButton,
-  yo as AuthContainer,
-  to as AuthDivider,
-  he as AuthModal,
-  Jo as DiscordLoginButton,
-  re as EpicLoginButton,
-  jo as FacebookLoginButton,
-  Go as GitHubLoginButton,
-  Wo as GoogleLoginButton,
-  Qo as InstagramLoginButton,
-  Ko as LinkedInLoginButton,
-  Zo as MicrosoftLoginButton,
-  No as PasswordStrengthBar,
-  _o as PasswordStrengthIndicator,
-  Ro as PasswordStrengthText,
-  pe as PayPalLoginButton,
-  se as PinterestLoginButton,
-  ie as PlayStationLoginButton,
-  te as RedditLoginButton,
-  vo as ResetPasswordForm,
-  wo as SignInForm,
-  Lo as SignUpForm,
-  ee as SnapchatLoginButton,
+  mo as AmazonLoginButton,
+  Ge as AppleLoginButton,
+  ke as AuthContainer,
+  te as AuthDivider,
+  ho as AuthModal,
+  Ze as DiscordLoginButton,
+  ao as EpicLoginButton,
+  He as FacebookLoginButton,
+  We as GitHubLoginButton,
+  Re as GoogleLoginButton,
+  Ke as InstagramLoginButton,
+  Je as LinkedInLoginButton,
+  Ye as MicrosoftLoginButton,
+  De as PasswordStrengthBar,
+  we as PasswordStrengthIndicator,
+  Ne as PasswordStrengthText,
+  po as PayPalLoginButton,
+  to as PinterestLoginButton,
+  ro as PlayStationLoginButton,
+  oo as RedditLoginButton,
+  Le as ResetPasswordForm,
+  be as SignInForm,
+  _e as SignUpForm,
+  eo as SnapchatLoginButton,
   p as SocialLoginButton,
-  ko as SocialLoginButtons,
-  eo as SocialProviders,
-  ae as SteamLoginButton,
-  oe as TiktokLoginButton,
-  ne as TwitchLoginButton,
-  Yo as TwitterLoginButton,
-  me as WeChatLoginButton,
-  le as WhatsAppLoginButton,
-  Xo as XLoginButtin,
-  ce as XboxLoginButton,
-  de as YahooLoginButton,
-  Fo as authSchemas,
+  ve as SocialLoginButtons,
+  oe as SocialProviders,
+  no as SteamLoginButton,
+  Qe as TiktokLoginButton,
+  so as TwitchLoginButton,
+  Xe as TwitterLoginButton,
+  lo as WeChatLoginButton,
+  co as WhatsAppLoginButton,
+  je as XLoginButtin,
+  io as XboxLoginButton,
+  uo as YahooLoginButton,
+  Ve as authSchemas,
   K as calculatePasswordStrength,
   Y as createPasswordSchema,
   Z as createSignInSchema,
   J as createSignUpSchema,
-  Co as createSocialLoginUrl,
+  Ae as createSocialLoginUrl,
   B as defaultPasswordRules,
-  Vo as defaultSignInSchema,
-  Oo as defaultSignUpSchema,
-  O as emailSchema,
-  Eo as formatAuthError,
-  fo as formatProviderName,
-  To as formatSocialLoginText,
-  bo as generateRandomString,
-  Io as getProviderColor,
-  $o as getProviderIcon,
-  Uo as isBrowser,
-  Ao as isValidEmail,
-  zo as openSocialLoginPopup,
+  Ue as defaultSignInSchema,
+  Oe as defaultSignUpSchema,
+  V as emailSchema,
+  ze as formatAuthError,
+  ge as formatProviderName,
+  Ie as formatSocialLoginText,
+  fe as generateRandomString,
+  $e as getProviderColor,
+  Be as getProviderIcon,
+  Ee as isBrowser,
+  Te as isValidEmail,
+  Ce as openSocialLoginPopup,
   j as providerInfo,
   X as requestToControllerValidation,
-  no as resetPasswordSchema,
+  ne as resetPasswordSchema,
   d as socialProviderInfo,
-  ao as useAuthEmailProp,
-  Mo as validateEmail,
-  Do as validatePassword
+  ae as useAuthEmailProp,
+  Fe as validateEmail,
+  Me as validatePassword
 };