@aws-amplify/ui-vue 2.4.2 → 2.4.5

package/dist/index.js

@@ -33,36 +33,48 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$b = ["data-loading", "data-disabled", "disabled"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   props: {
     type: null,
     fullWidth: { type: [Boolean, String] },
     size: null,
     variation: null,
-    fontWeight: null
+    fontWeight: null,
+    loading: { type: [Boolean, String] },
+    disabled: { type: [Boolean, String] }
   },
   setup(__props) {
     const { type, fullWidth, size, variation, fontWeight } = __props;
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "buttont", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
         createElementVNode("button", mergeProps({
-          class: "amplify-button",
+          class: ["amplify-button", {
+            [`amplify-button--${variation}`]: variation,
+            [`amplify-button--${size}`]: size,
+            "amplify-button--fullwidth": fullWidth,
+            "amplify-button--loading": __props.loading,
+            "amplify-button--disabled": __props.disabled
+          }],
           type,
           style: { fontWeight },
           "data-fullwidth": fullWidth,
           "data-size": size,
           "data-fontWeight": fontWeight,
-          "data-variation": variation
+          "data-variation": variation,
+          "data-loading": __props.loading,
+          "data-disabled": __props.disabled,
+          disabled: __props.disabled
         }, _ctx.$attrs, { "data-amplify-button": "" }), [
           renderSlot(_ctx.$slots, "default")
-        ], 16)
+        ], 16, _hoisted_1$b)
       ]);
     };
   }
 });
 const _hoisted_1$a = {
   key: 0,
-  class: "amplify-flex amplify-alert amplify-authenticator__base",
+  class: "amplify-flex amplify-alert amplify-alert--error amplify-authenticator__base",
   "data-variation": "error",
   role: "alert"
 };
@@ -100,8 +112,8 @@ const _sfc_main$w = {
         ]),
         createVNode(_component_amplify_button, {
           class: "amplify-field-group__control",
-          "data-fullwidth": "false",
-          "data-variation": "link",
+          fullwidth: false,
+          variation: "link",
           type: "button",
           onClick: close
         }, {
@@ -613,7 +625,7 @@ var n$4 = function(e2) {
     }
   }(v2);
   return { error: c2, hasValidationErrors: m2, isPending: f2, route: v2, authStatus: h2, user: a2, validationErrors: d2, codeDeliveryDetails: l2 };
-}, i$3 = function(t2) {
+}, i$4 = function(t2) {
   var r2 = t2.send, i2 = t2.state, a2 = n$4(r2), o2 = s$2(i2);
   return t$4(t$4({}, a2), o2);
 };
@@ -633,7 +645,7 @@ var e$2 = { "Account recovery requires verified contact information": "F\xF6r at
 var a$1 = { "Account recovery requires verified contact information": "Pemulihan akun memerlukan informasi kontak terverifikasi", "An account with the given email already exists.": "Akun dengan email tersebut sudah terdaftar.", "Attempt limit exceeded, please try after some time.": "Batas percobaan terlampaui, mohon coba lagi setelah beberapa waktu.", "Back to Sign In": "Kembali ke Masuk", "Cannot reset password for the user as there is no registered/verified email or phone_number": "Tidak dapat mengatur ulang kata sandi karena tidak ada email terdaftar / terverifikasi atau nomor telepon", Change: "Ubah", "Change Password": "Ubah kata sandi", Code: "Kode", Confirm: "Konfirmasi", "Confirm a Code": "Konfirmasi kode", "Confirm Password": "Konfirmasi kata sandi", "Confirmation Code": "Kode Konfirmasi", "Create a new account": "Buat akun baru", "Create account": "Buat akun", "Create Account": "Buat Akun", "Creating Account": "Membuat Akun", Confirming: "Mengkonfirmasi", Email: "Email", "Enter your code": "Masukkan kode anda", "Enter your email": "Masukkan email anda", "Enter your password": "Masukkan kata sandi anda", "Enter your phone number": "Masukkan nomor telepon anda", "Enter your username": "Masukkan nama akun anda", "Forgot Password": "Lupa kata sandi", "Forgot your password?": "Lupa kata sandi? ", "Have an account? ": "Sudah punya akun? ", Hello: "Halo", "Incorrect username or password.": "Nama akun atau kata sandi salah.", "Invalid phone number format": "Nomor telepon tidak sesuai dengan format.", "Invalid verification code provided, please try again.": "Kode verifikasi tidak sesuai, mohon coba lagi.", "It may take a minute to arrive.": "Mungkin perlu beberapa waktu untuk tiba.", "Lost your code? ": "Kode anda hilang?", Name: "Nama", "Network error": "Galat jaringan", "New password": "Kata sandi baru", "No account? ": "Tidak ada akun?", or: "atau", Password: "Kata sandi", "Password did not conform with policy: Password not long enough": "Kata sandi tidak sesuai dengan aturan: Kata sandi kurang panjang", "Phone Number": "Nomor telepon", "Resend a Code": "Renvoyer un code", "Resend Code": "Kirim ulang kodenya", "Reset password": "Ubah kata sandi anda", "Reset your password": "Ubah kata sandi anda", Send: "Kirim", "Send Code": "Kirim Kode", "Send code": "Kirim kode", Sending: "Mengirim", "Sign in": "Masuk", "Sign In": "Masuk", "Sign in to your account": "Masuk akun anda", "Sign In with Amazon": "Masuk dengan Amazon", "Sign In with AWS": "Masuk dengan AWS", "Sign In with Facebook": "Masuk dengan Facebook", "Sign In with Google": "Masuk dengan Google", "Sign Up with Amazon": "Daftar dengan Amazon", "Sign Up with AWS": "Daftar dengan AWS", "Sign Up with Facebook": "Daftar dengan Facebook", "Sign Up with Google": "Daftar dengan Google", "Signing in": "Memasuki", Skip: "Lewati", SMS: "SMS", Submit: "Ajukan", Submitting: "Mengajukan", "User is disabled.": "Akun dinonaktifkan.", "User already exists": "Akun sudah terdaftar", "User does not exist.": "Akun tidak terdaftar.", Username: "Nama akun", "Username cannot be empty": "Nama akun tidak boleh kosong", "Username/client id combination not found.": "Nama akun atau id tidak ditemukan.", Verify: "Verifikasi", "Verify Contact": "Verifikasi Kontak", "We Emailed You": "Kami mengirimkanmu email", "Your code is on the way. To log in, enter the code we emailed to": "Kode anda dalam pengiriman. Untuk masuk, masukkan kode yang kami emailkan ke", "Your code is on the way. To log in, enter the code we texted to": "Kode anda dalam pengiriman. Untuk masuk, masukkan kode yang kami tuliskan ke", "Your passwords must match": "Kata sandi harus sama" };
 var e$1 = { "Account recovery requires verified contact information": "Hesap kurtarma, do\u011Frulanm\u0131\u015F ileti\u015Fim bilgilerini gerektirir", "An account with the given email already exists.": "Bu e-postaya ait zaten bir hesap var.", "Back to Sign In": "Oturum A\xE7maya Geri D\xF6n", "Change Password": "\u015Eifreyi De\u011Fi\u015Ftir", Changing: "De\u011Fi\u015Ftiriliyor", Code: "Kod", Confirm: "Do\u011Frula", "Confirm Password": "\u015Eifreyi Do\u011Frula", "Confirm Sign In": "Oturum A\xE7may\u0131 Do\u011Frula", "Confirm Sign Up": "Kay\u0131t \u0130\u015Flemini Do\u011Frula", "Confirm SMS Code": "SMS Kodunu Do\u011Frula", "Confirm TOTP Code": "Tek Kullan\u0131ml\u0131k \u015Eifreyi Do\u011Frula", "Confirmation Code": "Do\u011Frulama Kodu", Confirming: "Do\u011Frulan\u0131yor", "Create Account": "Hesap Olu\u015Ftur", "Creating Account": "Hesap Olu\u015Fturuluyor", Email: "E-posta", "Enter your code": "Kodu girin", "Enter your username": "Kullan\u0131c\u0131 ad\u0131n\u0131z\u0131 girin", "Enter your phone number": "Telefon numaran\u0131z\u0131 girin", "Enter your email": "E-posta adresinizi girin", "Forgot your password?": "\u015Eifrenizi mi unuttunuz?", "Hide password": "\u015Eifreyi gizle", "Have an account? ": "Hesab\u0131n\u0131z var m\u0131? ", "Incorrect username or password": "Yanl\u0131\u015F kullan\u0131c\u0131 ad\u0131 ya da \u015Fifre", "Invalid password format": "Ge\xE7ersiz parola format\u0131", "Invalid phone number format": "Ge\xE7ersiz telefon numaras\u0131 format\u0131", "Lost your code? ": "Kodu mu kaybettiniz? ", Loading: "Y\xFCkleniyor", "New password": "Yeni \u015Fifre", "No account? ": "Hesab\u0131n\u0131z yok mu? ", or: "veya", Password: "\u015Eifre", "Password attempts exceeded": "Maksimum oturum a\xE7ma giri\u015Fimi a\u015F\u0131ld\u0131", "Phone Number": "Telefon Numaras\u0131", "Resend Code": "Kodu Yeniden G\xF6nder", "Reset your password": "\u015Eifrenizi s\u0131f\u0131rlay\u0131n", "Reset your Password": "\u015Eifrenizi S\u0131f\u0131rlay\u0131n", "Send Code": "Kod G\xF6nder", "Send code": "Kod g\xF6nder", Sending: "G\xF6nderiliyor", "Setup TOTP": "Tek kullan\u0131ml\u0131k \u015Fifre kurulumu yap", "Show password": "\u015Eifreyi g\xF6ster", "Sign in": "Oturum a\xE7", "Sign In": "Oturum A\xE7", "Sign In with Amazon": "Amazon ile Oturum A\xE7", "Sign In with Apple": "Apple ile Oturum A\xE7", "Sign In with Facebook": "Facebook ile Oturum A\xE7", "Sign In with Google": "Google ile Oturum A\xE7", "Sign in to your account": "Hesab\u0131n\u0131zda oturum a\xE7\u0131n", "Create a new account": "Yeni bir hesap olu\u015Ftur", "Signing in": "Oturum a\xE7\u0131l\u0131yor", "Sign Out": "\xC7\u0131k\u0131\u015F yap", "Sign Up": "Kay\u0131t Ol", Skip: "Atla", Submit: "G\xF6nder", Submitting: "G\xF6nderiliyor", "User already exists": "Bu kullan\u0131c\u0131 zaten var", "User does not exist": "B\xF6yle bir kullan\u0131c\u0131 mevcut de\u011Fil", Username: "Kullan\u0131c\u0131 ad\u0131", "Username cannot be empty": "Kullan\u0131c\u0131 ad\u0131 bo\u015F olamaz", "Verify Contact": "Ki\u015Fiyi Do\u011Frula", Verify: "Do\u011Frula" };
 var N$1 = { BACK_SIGN_IN: "Back to Sign In", BIRTHDATE: "Birthdate", CHANGE_PASSWORD: "Change Password", CHANGING_PASSWORD: "Changing", CODE: "Code", CONFIRM_PASSWORD: "Confirm Password", CONFIRM_RESET_PASSWORD_HEADING: "Reset your Password", CONFIRM_SIGNUP_HEADING: "Confirm Sign Up", CONFIRM_SMS: "Confirm SMS Code", CONFIRM_TOTP: "Confirm TOTP Code", CONFIRM: "Confirm", CONFIRMATION_CODE: "Confirmation Code", CONFIRMING: "Confirming", CREATE_ACCOUNT: "Create Account", CREATING_ACCOUNT: "Creating Account", EMAIL_ADDRESS: "Email", ENTER_CODE: "Enter your code", ENTER_USERNAME: "Enter your username", FAMILY_NAME: "Family Name", GIVEN_NAME: "Given Name", FORGOT_YOUR_PASSWORD: "Forgot your password?", FORGOT_YOUR_PASSWORD_LEGACY: "Forgot your password? ", HIDE_PASSWORD: "Hide password", LOADING: "Loading", LOGIN_NAME: "Username", MIDDLE_NAME: "Middle Name", NAME: "Name", NICKNAME: "Nickname", NEW_PASSWORD: "New password", PASSWORD: "Password", PHONE_NUMBER: "Phone Number", PREFERRED_USERNAME: "Preferred Username", PROFILE: "Profile", RESEND_CODE: "Resend Code", RESET_PASSWORD_HEADING: "Reset your password", RESET_PASSWORD: "Reset Password", SEND_CODE: "Send code", SENDING: "Sending", SETUP_TOTP: "Setup TOTP", SHOW_PASSWORD: "Show password", SIGN_IN_BUTTON: "Sign in", SIGN_IN_TAB: "Sign In", SIGN_IN_WITH_AMAZON: "Sign In with Amazon", SIGN_IN_WITH_APPLE: "Sign In with Apple", SIGN_IN_WITH_FACEBOOK: "Sign In with Facebook", SIGN_IN_WITH_GOOGLE: "Sign In with Google", SIGN_IN: "Sign in to your account", SIGN_UP_BUTTON: "Create a new account", SIGNING_IN_BUTTON: "Signing in", SKIP: "Skip", SUBMIT: "Submit", SUBMITTING: "Submitting", VERIFY_CONTACT: "Verify Contact", VERIFY_HEADING: "Account recovery requires verified contact information", VERIFY: "Verify", WEBSITE: "Website" };
-var l$2 = t$4({}, e$6), d$2 = t$4({}, n$3), v$2 = t$4({}, n$2), x$1 = t$4({}, e$5), b$2 = t$4({}, o$7), k$1 = t$4({}, o$6), z = t$4({}, e$4), T = t$4({}, e$3), _$1 = t$4({}, o$5), g$2 = t$4({}, o$4), q$1 = t$4({}, r$1), w$1 = t$4({}, e$2), y$1 = t$4({}, a$1), A$1 = t$4({}, e$1), B = t$4({}, N$1);
+var l$2 = t$4({}, e$6), d$2 = t$4({}, n$3), v$1 = t$4({}, n$2), x$1 = t$4({}, e$5), b$2 = t$4({}, o$7), k$1 = t$4({}, o$6), z = t$4({}, e$4), T = t$4({}, e$3), _$1 = t$4({}, o$5), g$2 = t$4({}, o$4), q$1 = t$4({}, r$1), w$1 = t$4({}, e$2), y$1 = t$4({}, a$1), A$1 = t$4({}, e$1), B = t$4({}, N$1);
 t$4({}, B);
 function g$1(r2) {
   return I18n.get(r2);
@@ -641,7 +653,7 @@ function g$1(r2) {
 function x(r2) {
   return I18n.get(r2) !== r2;
 }
-var h$1 = { de: l$2, en: d$2, es: v$2, fr: x$1, id: y$1, it: b$2, ja: k$1, kr: z, nl: T, pl: _$1, pt: g$2, zh: q$1, sv: w$1, tr: A$1 };
+var h$1 = { de: l$2, en: d$2, es: v$1, fr: x$1, id: y$1, it: b$2, ja: k$1, kr: z, nl: T, pl: _$1, pt: g$2, zh: q$1, sv: w$1, tr: A$1 };
 var l$1 = { birthdate: { label: "Birthdate", labelHidden: true, placeholder: "Birthdate", type: "date", autocomplete: "bday", isRequired: true }, confirmation_code: { label: "Confirmation Code", labelHidden: true, placeholder: "Code", type: "number", autocomplete: "one-time-code", isRequired: true }, confirm_password: { label: "Confirm Password", labelHidden: true, placeholder: "Confirm Password", type: "password", autocomplete: "new-password", isRequired: true }, email: { label: "Email", labelHidden: true, placeholder: "Email", type: "email", autocomplete: "username", isRequired: true }, family_name: { label: "Family Name", labelHidden: true, placeholder: "Family Name", type: "text", autocomplete: "family-name", isRequired: true }, given_name: { label: "Given Name", labelHidden: true, placeholder: "Given Name", type: "text", autocomplete: "given-name", isRequired: true }, middle_name: { label: "Middle Name", labelHidden: true, placeholder: "Middle Name", type: "text", autocomplete: "additional-name", isRequired: true }, name: { label: "Name", labelHidden: true, placeholder: "Name", type: "text", autocomplete: "name", isRequired: true }, nickname: { label: "Nickname", labelHidden: true, placeholder: "Nickname", type: "text", autocomplete: "tel", isRequired: true }, password: { label: "Password", labelHidden: true, placeholder: "Password", type: "password", autocomplete: "new-password", isRequired: true }, phone_number: { label: "Phone Number", labelHidden: true, placeholder: "Phone", type: "tel", autocomplete: "tel", dialCode: "+1", dialCodeList: r$2, isRequired: true }, preferred_username: { label: "Preferred Username", labelHidden: true, placeholder: "Preferred Username", type: "text", isRequired: true }, profile: { label: "Profile", labelHidden: true, placeholder: "Profile", type: "url", autocomplete: "url", isRequired: true }, website: { label: "Website", labelHidden: true, placeholder: "Website", type: "url", autocomplete: "url", isRequired: true }, username: { label: "Username", labelHidden: true, placeholder: "Username", type: "text", autocomplete: "username", isRequired: true } };
 var n$1 = function(r2) {
   var t2 = new FormData(r2.target);
@@ -652,16 +664,19 @@ var n$1 = function(r2) {
   return r2 ? (t2 = r2, Array.isArray(t2) ? r2 : [r2]) : null;
   var t2;
 };
-var r = function(e2) {
-  return Hub.listen("auth", function(t2) {
-    switch (t2.payload.event) {
-      case "tokenRefresh":
-        e2("TOKEN_REFRESH");
-        break;
-      case "signOut":
-      case "tokenRefresh_failure":
-        e2("SIGN_OUT");
-    }
+var i$3 = function(t2, e2) {
+  var n2 = e2.send, i2 = e2.getSnapshot();
+  switch (t2.payload.event) {
+    case "tokenRefresh":
+      i2.matches("authenticated.idle") && n2("TOKEN_REFRESH");
+      break;
+    case "signOut":
+    case "tokenRefresh_failure":
+      i2.matches("authenticated.idle") && n2("SIGN_OUT");
+  }
+}, r = function(e2, n2) {
+  return n2 === void 0 && (n2 = i$3), Hub.listen("auth", function(t2) {
+    n2(t2, e2);
   });
 };
 function listCacheClear$1() {
@@ -6284,7 +6299,7 @@ actions.actionTypes = actionTypes;
 actions.after = after;
 var assign_1 = actions.assign = assign;
 actions.cancel = cancel;
-actions.choose = choose;
+var choose_1 = actions.choose = choose;
 actions.done = done;
 actions.doneInvoke = doneInvoke;
 actions.error = error;
@@ -6329,7 +6344,7 @@ var t$2 = function(e2) {
 } }), m = assign_1({ challengeName: function(e2, r2) {
   var n2;
   return (n2 = r2.data) === null || n2 === void 0 ? void 0 : n2.challengeName;
-} }), v$1 = assign_1({ requiredAttributes: function(e2, r2) {
+} }), v = assign_1({ requiredAttributes: function(e2, r2) {
   var n2, t2;
   return (t2 = (n2 = r2.data) === null || n2 === void 0 ? void 0 : n2.challengeParam) === null || t2 === void 0 ? void 0 : t2.requiredAttributes;
 } }), h = assign_1({ redirectIntent: function(e2) {
@@ -6339,7 +6354,7 @@ var t$2 = function(e2) {
 } }), V = assign_1({ authAttributes: function(e2, r2) {
   var n2, t2, o2 = e2.loginMechanisms[0];
   return { username: (n2 = e2.formValues[o2]) !== null && n2 !== void 0 ? n2 : e2.formValues.username, password: (t2 = e2.formValues) === null || t2 === void 0 ? void 0 : t2.password };
-} }), p = assign_1({ validationError: function(e2, r2) {
+} }), p$1 = assign_1({ validationError: function(e2, r2) {
   return r2.data;
 } }), g = assign_1({ remoteError: function(e2, r2) {
   var n2;
@@ -6874,7 +6889,7 @@ function k(k2) {
     return { user: e2.user };
   } }, rejected: { type: "final", data: function(e2, t2) {
     return { intent: e2.redirectIntent, authAttributes: e2.authAttributes };
-  } } } }, { actions: { clearAttributeToVerify: o$2, clearChallengeName: u, clearRequiredAttributes: a, clearError: i, clearFormValues: c, clearTouched: s$1, clearUnverifiedAttributes: l, clearValidationError: f$1, handleInput: N, handleSubmit: q, handleBlur: w, parsePhoneNumber: P, setChallengeName: m, setConfirmResetPasswordIntent: h, setConfirmSignUpIntent: b$1, setRequiredAttributes: v$1, setCredentials: V, setFieldErrors: p, setRemoteError: g, setUnverifiedAttributes: _, setUser: A, setUsernameAuthAttributes: D, sendUpdate: sendUpdate$1() }, guards: { shouldConfirmSignIn: function(e2, t2) {
+  } } } }, { actions: { clearAttributeToVerify: o$2, clearChallengeName: u, clearRequiredAttributes: a, clearError: i, clearFormValues: c, clearTouched: s$1, clearUnverifiedAttributes: l, clearValidationError: f$1, handleInput: N, handleSubmit: q, handleBlur: w, parsePhoneNumber: P, setChallengeName: m, setConfirmResetPasswordIntent: h, setConfirmSignUpIntent: b$1, setRequiredAttributes: v, setCredentials: V, setFieldErrors: p$1, setRemoteError: g, setUnverifiedAttributes: _, setUser: A, setUsernameAuthAttributes: D, sendUpdate: sendUpdate$1() }, guards: { shouldConfirmSignIn: function(e2, t2) {
     var r2 = t$1(t2, "data.challengeName");
     return [E$2.SMS_MFA, E$2.SOFTWARE_TOKEN_MFA].includes(r2);
   }, shouldRedirectToConfirmSignUp: function(e2, t2) {
@@ -7000,7 +7015,7 @@ var t = createMachine({ initial: "pending", id: "signOutActor", states: { pendin
 } } });
 function E(E2) {
   var h2 = E2.services;
-  return createMachine({ id: "resetPasswordActor", initial: "init", states: { init: { always: [{ target: "confirmResetPassword", cond: "shouldAutoConfirmReset" }, { target: "resetPassword" }] }, resetPassword: { initial: "edit", exit: ["clearFormValues", "clearError", "clearTouched"], states: { edit: { entry: "sendUpdate", on: { SUBMIT: { actions: "handleSubmit", target: "submit" }, CHANGE: { actions: "handleInput" }, BLUR: { actions: "handleBlur" } } }, submit: { tags: ["pending"], entry: ["sendUpdate", "setUsername", "clearError"], invoke: { src: "resetPassword", onDone: { target: "#resetPasswordActor.confirmResetPassword" }, onError: { actions: ["setRemoteError"], target: "edit" } } } } }, confirmResetPassword: { type: "parallel", exit: ["clearFormValues", "clearError", "clearUsername", "clearTouched"], states: { validation: { initial: "pending", states: { pending: { invoke: { src: "validateFields", onDone: { target: "valid", actions: "clearValidationError" }, onError: { target: "invalid", actions: "setFieldErrors" } } }, valid: { entry: "sendUpdate" }, invalid: { entry: "sendUpdate" } }, on: { CHANGE: { actions: "handleInput", target: ".pending" }, BLUR: { actions: "handleBlur", target: ".pending" } } }, submission: { initial: "idle", states: { idle: { entry: "sendUpdate", on: { SUBMIT: { actions: "handleSubmit", target: "validate" }, RESEND: "resendCode", CHANGE: { actions: "handleInput" }, BLUR: { actions: "handleBlur" } } }, validate: { entry: "sendUpdate", invoke: { src: "validateFields", onDone: { target: "pending", actions: "clearValidationError" }, onError: { target: "idle", actions: "setFieldErrors" } } }, resendCode: { tags: ["pending"], entry: ["clearError", "sendUpdate"], invoke: { src: "resetPassword", onDone: { target: "idle" }, onError: { actions: "setRemoteError", target: "idle" } } }, pending: { tags: ["pending"], entry: ["clearError", "sendUpdate"], invoke: { src: "confirmResetPassword", onDone: { actions: "clearUsername", target: "#resetPasswordActor.resolved" }, onError: { actions: "setRemoteError", target: "idle" } } } } } } }, resolved: { type: "final" } } }, { actions: { clearError: i, clearFormValues: c, clearTouched: s$1, clearUsername: d, clearValidationError: f$1, handleInput: N, handleSubmit: q, handleBlur: w, setFieldErrors: p, setRemoteError: g, setUsername: y, sendUpdate: sendUpdate$1() }, guards: { shouldAutoConfirmReset: function(e2, r2) {
+  return createMachine({ id: "resetPasswordActor", initial: "init", states: { init: { always: [{ target: "confirmResetPassword", cond: "shouldAutoConfirmReset" }, { target: "resetPassword" }] }, resetPassword: { initial: "edit", exit: ["clearFormValues", "clearError", "clearTouched"], states: { edit: { entry: "sendUpdate", on: { SUBMIT: { actions: "handleSubmit", target: "submit" }, CHANGE: { actions: "handleInput" }, BLUR: { actions: "handleBlur" } } }, submit: { tags: ["pending"], entry: ["sendUpdate", "setUsername", "clearError"], invoke: { src: "resetPassword", onDone: { target: "#resetPasswordActor.confirmResetPassword" }, onError: { actions: ["setRemoteError"], target: "edit" } } } } }, confirmResetPassword: { type: "parallel", exit: ["clearFormValues", "clearError", "clearUsername", "clearTouched"], states: { validation: { initial: "pending", states: { pending: { invoke: { src: "validateFields", onDone: { target: "valid", actions: "clearValidationError" }, onError: { target: "invalid", actions: "setFieldErrors" } } }, valid: { entry: "sendUpdate" }, invalid: { entry: "sendUpdate" } }, on: { CHANGE: { actions: "handleInput", target: ".pending" }, BLUR: { actions: "handleBlur", target: ".pending" } } }, submission: { initial: "idle", states: { idle: { entry: "sendUpdate", on: { SUBMIT: { actions: "handleSubmit", target: "validate" }, RESEND: "resendCode", CHANGE: { actions: "handleInput" }, BLUR: { actions: "handleBlur" } } }, validate: { entry: "sendUpdate", invoke: { src: "validateFields", onDone: { target: "pending", actions: "clearValidationError" }, onError: { target: "idle", actions: "setFieldErrors" } } }, resendCode: { tags: ["pending"], entry: ["clearError", "sendUpdate"], invoke: { src: "resetPassword", onDone: { target: "idle" }, onError: { actions: "setRemoteError", target: "idle" } } }, pending: { tags: ["pending"], entry: ["clearError", "sendUpdate"], invoke: { src: "confirmResetPassword", onDone: { actions: "clearUsername", target: "#resetPasswordActor.resolved" }, onError: { actions: "setRemoteError", target: "idle" } } } } } } }, resolved: { type: "final" } } }, { actions: { clearError: i, clearFormValues: c, clearTouched: s$1, clearUsername: d, clearValidationError: f$1, handleInput: N, handleSubmit: q, handleBlur: w, setFieldErrors: p$1, setRemoteError: g, setUsername: y, sendUpdate: sendUpdate$1() }, guards: { shouldAutoConfirmReset: function(e2, r2) {
     return !(!e2.intent || e2.intent !== "confirmPasswordReset");
   } }, services: { resetPassword: function(t2) {
     return n$6(this, void 0, void 0, function() {
@@ -7470,7 +7485,7 @@ function b(b2) {
     return e2.intent && e2.intent === "confirmSignUp";
   }, shouldSkipConfirm: function(e2, r2) {
     return r2.data.userConfirmed;
-  } }, actions: { clearError: i, clearFormValues: c, clearTouched: s$1, clearValidationError: f$1, handleInput: N, handleSubmit: q, handleBlur: w, parsePhoneNumber: P, setCredentials: V, setFieldErrors: p, setRemoteError: g, setCodeDeliveryDetails: E$1, setUser: A, sendUpdate: sendUpdate$1() }, services: { signIn: function(i2, s2) {
+  } }, actions: { clearError: i, clearFormValues: c, clearTouched: s$1, clearValidationError: f$1, handleInput: N, handleSubmit: q, handleBlur: w, parsePhoneNumber: P, setCredentials: V, setFieldErrors: p$1, setRemoteError: g, setCodeDeliveryDetails: E$1, setUser: A, sendUpdate: sendUpdate$1() }, services: { signIn: function(i2, s2) {
     return n$6(this, void 0, void 0, function() {
       var e2, s3, a2, o2, d2;
       return r$4(this, function(r2) {
@@ -7558,10 +7573,10 @@ function b(b2) {
     });
   } } });
 }
-function v() {
-  return createMachine({ id: "authenticator", initial: "idle", context: { user: void 0, config: {}, services: o, actorRef: void 0, hasSetup: false }, states: { idle: { invoke: { src: "getCurrentUser", onDone: { actions: "setUser", target: "authenticated" }, onError: { target: "setup" } } }, setup: { initial: "waitConfig", states: { waitConfig: { on: { INIT: { actions: ["configure", "setHasSetup"], target: "applyConfig" } } }, applyConfig: { invoke: { src: "getAmplifyConfig", onDone: { actions: "applyAmplifyConfig", target: "goToInitialState" } } }, goToInitialState: { always: [{ target: "#authenticator.signUp", cond: "isInitialStateSignUp" }, { target: "#authenticator.resetPassword", cond: "isInitialStateResetPassword" }, { target: "#authenticator.signIn" }] } } }, signIn: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnSignInActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: "stopSignInActor" } }, on: { SIGN_UP: "signUp", RESET_PASSWORD: "resetPassword", "done.invoke.signInActor": [{ target: "signUp", actions: "setActorDoneData", cond: "shouldRedirectToSignUp" }, { target: "resetPassword", actions: "setActorDoneData", cond: "shouldRedirectToResetPassword" }, { target: "authenticated", actions: "setActorDoneData" }] } }, signUp: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnSignUpActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: "stopSignUpActor" }, autoSignIn: { invoke: { src: "getCurrentUser", onDone: "#authenticator.authenticated", onError: "#authenticator.setup.goToInitialState" } } }, on: { SIGN_IN: "signIn", "done.invoke.signUpActor": { target: "signUp.autoSignIn", actions: "setActorDoneData" } } }, resetPassword: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnResetPasswordActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: "stopResetPasswordActor" } }, on: { SIGN_IN: "signIn", "done.invoke.resetPasswordActor": { target: "signIn", actions: "setActorDoneData" } } }, signOut: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnSignOutActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: ["stopSignOutActor", "clearUser"] } }, on: { "done.invoke.signOutActor": [{ target: "setup", cond: "shouldSetup" }, { target: "setup.goToInitialState" }] } }, authenticated: { initial: "idle", states: { idle: { on: { TOKEN_REFRESH: "refreshUser" } }, refreshUser: { invoke: { src: "getCurrentUser", onDone: { actions: "setUser", target: "idle" }, onError: { target: "#authenticator.signOut" } } } }, on: { SIGN_OUT: "signOut" } } }, on: { CHANGE: { actions: "forwardToActor" }, BLUR: { actions: "forwardToActor" }, SUBMIT: { actions: "forwardToActor" }, FEDERATED_SIGN_IN: { actions: "forwardToActor" }, RESEND: { actions: "forwardToActor" }, SIGN_OUT: { actions: "forwardToActor" }, SIGN_IN: { actions: "forwardToActor" }, SKIP: { actions: "forwardToActor" } } }, { actions: { forwardToActor: forwardTo$1(function(t2) {
+function f() {
+  return createMachine({ id: "authenticator", initial: "idle", context: { user: void 0, config: {}, services: o, actorRef: void 0, hasSetup: false }, states: { idle: { invoke: { src: "getCurrentUser", onDone: { actions: "setUser", target: "authenticated" }, onError: { target: "setup" } } }, setup: { initial: "waitConfig", states: { waitConfig: { on: { INIT: { actions: ["configure", "setHasSetup"], target: "applyConfig" } } }, applyConfig: { invoke: { src: "getAmplifyConfig", onDone: { actions: "applyAmplifyConfig", target: "goToInitialState" } } }, goToInitialState: { always: [{ target: "#authenticator.signUp", cond: "isInitialStateSignUp" }, { target: "#authenticator.resetPassword", cond: "isInitialStateResetPassword" }, { target: "#authenticator.signIn" }] } } }, signIn: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnSignInActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: "stopSignInActor" } }, on: { SIGN_UP: "signUp", RESET_PASSWORD: "resetPassword", "done.invoke.signInActor": [{ target: "signUp", actions: "setActorDoneData", cond: "shouldRedirectToSignUp" }, { target: "resetPassword", actions: "setActorDoneData", cond: "shouldRedirectToResetPassword" }, { target: "authenticated", actions: "setActorDoneData" }] } }, signUp: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnSignUpActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: "stopSignUpActor" }, autoSignIn: { invoke: { src: "getCurrentUser", onDone: "#authenticator.authenticated", onError: "#authenticator.setup.goToInitialState" } } }, on: { SIGN_IN: "signIn", "done.invoke.signUpActor": { target: "signUp.autoSignIn", actions: "setActorDoneData" } } }, resetPassword: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnResetPasswordActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: "stopResetPasswordActor" } }, on: { SIGN_IN: "signIn", "done.invoke.resetPasswordActor": { target: "signIn", actions: "setActorDoneData" } } }, signOut: { initial: "spawnActor", states: { spawnActor: { always: { actions: "spawnSignOutActor", target: "runActor" } }, runActor: { entry: "clearActorDoneData", exit: ["stopSignOutActor", "clearUser"] } }, on: { "done.invoke.signOutActor": [{ target: "setup", cond: "shouldSetup" }, { target: "setup.goToInitialState" }] } }, authenticated: { initial: "idle", states: { idle: { on: { TOKEN_REFRESH: "refreshUser" } }, refreshUser: { invoke: { src: "getCurrentUser", onDone: { actions: "setUser", target: "idle" }, onError: { target: "#authenticator.signOut" } } } }, on: { SIGN_OUT: "signOut" } } }, on: { CHANGE: { actions: "forwardToActor" }, BLUR: { actions: "forwardToActor" }, SUBMIT: { actions: "forwardToActor" }, FEDERATED_SIGN_IN: { actions: "forwardToActor" }, RESEND: { actions: "forwardToActor" }, SIGN_IN: { actions: "forwardToActor" }, SKIP: { actions: "forwardToActor" } } }, { actions: { forwardToActor: choose_1([{ cond: "hasActor", actions: forwardTo$1(function(t2) {
     return t2.actorRef;
-  }), setUser: assign$2({ user: function(t2, o2) {
+  }) }]), setUser: assign$2({ user: function(t2, o2) {
     return o2.data;
   } }), setActorDoneData: assign$2({ actorDoneData: function(o2, n2) {
     var r2, i2;
@@ -7574,16 +7589,16 @@ function v() {
       return t3.toLowerCase();
     })) !== null && i2 !== void 0 ? i2 : [], v2 = (a2 = (e2 = n2.data.aws_cognito_verification_mechanisms) === null || e2 === void 0 ? void 0 : e2.map(function(t3) {
       return t3.toLowerCase();
-    })) !== null && a2 !== void 0 ? a2 : [], p2 = (c2 = (s2 = n2.data.aws_cognito_signup_attributes) === null || s2 === void 0 ? void 0 : s2.map(function(t3) {
+    })) !== null && a2 !== void 0 ? a2 : [], f2 = (c2 = (s2 = n2.data.aws_cognito_signup_attributes) === null || s2 === void 0 ? void 0 : s2.map(function(t3) {
       return t3.toLowerCase();
     })) !== null && c2 !== void 0 ? c2 : [], A2 = (d2 = (u2 = n2.data.aws_cognito_social_providers) === null || u2 === void 0 ? void 0 : u2.map(function(t3) {
       return t3.toLowerCase();
     })) !== null && d2 !== void 0 ? d2 : [], w2 = n2.data.aws_cognito_password_protection_settings || {};
     g2.length === 0 && g2.push("username");
-    var S2 = t2.config, m2 = S2.loginMechanisms, h2 = S2.signUpAttributes, D2 = S2.socialProviders, I = S2.initialState;
-    return { loginMechanisms: m2 != null ? m2 : g2, formFields: (l2 = f(S2.formFields)) !== null && l2 !== void 0 ? l2 : {}, passwordSettings: w2, signUpAttributes: h2 != null ? h2 : Array.from(new Set(o$8(o$8([], v2, true), p2, true))), socialProviders: D2 != null ? D2 : A2.sort(), initialState: I };
+    var m2 = t2.config, S2 = m2.loginMechanisms, h2 = m2.signUpAttributes, D2 = m2.socialProviders, I = m2.initialState;
+    return { loginMechanisms: S2 != null ? S2 : g2, formFields: (l2 = p(m2.formFields)) !== null && l2 !== void 0 ? l2 : {}, passwordSettings: w2, signUpAttributes: h2 != null ? h2 : Array.from(new Set(o$8(o$8([], v2, true), f2, true))), socialProviders: D2 != null ? D2 : A2.sort(), initialState: I };
   } }), spawnSignInActor: assign$2({ actorRef: function(t2, o2) {
-    var n2, r2, i2, e2, s2, u2 = t2.services, d2 = k({ services: u2 }).withContext({ authAttributes: (n2 = t2.actorDoneData) === null || n2 === void 0 ? void 0 : n2.authAttributes, user: t2.user, intent: (r2 = t2.actorDoneData) === null || r2 === void 0 ? void 0 : r2.intent, country_code: "+1", formValues: {}, touched: {}, validationError: {}, loginMechanisms: (i2 = t2.config) === null || i2 === void 0 ? void 0 : i2.loginMechanisms, socialProviders: (e2 = t2.config) === null || e2 === void 0 ? void 0 : e2.socialProviders, formFields: (s2 = t2.config) === null || s2 === void 0 ? void 0 : s2.formFields });
+    var n2, r2, i2, e2, s2, c2 = t2.services, d2 = k({ services: c2 }).withContext({ authAttributes: (n2 = t2.actorDoneData) === null || n2 === void 0 ? void 0 : n2.authAttributes, user: t2.user, intent: (r2 = t2.actorDoneData) === null || r2 === void 0 ? void 0 : r2.intent, country_code: "+1", formValues: {}, touched: {}, validationError: {}, loginMechanisms: (i2 = t2.config) === null || i2 === void 0 ? void 0 : i2.loginMechanisms, socialProviders: (e2 = t2.config) === null || e2 === void 0 ? void 0 : e2.socialProviders, formFields: (s2 = t2.config) === null || s2 === void 0 ? void 0 : s2.formFields });
     return spawn(d2, { name: "signInActor" });
   } }), spawnSignUpActor: assign$2({ actorRef: function(t2, o2) {
     var n2, r2, i2, e2, s2, c2, u2, d2 = t2.services, l2 = b({ services: d2 }).withContext({ authAttributes: (r2 = (n2 = t2.actorDoneData) === null || n2 === void 0 ? void 0 : n2.authAttributes) !== null && r2 !== void 0 ? r2 : {}, country_code: "+1", intent: (i2 = t2.actorDoneData) === null || i2 === void 0 ? void 0 : i2.intent, formValues: {}, touched: {}, validationError: {}, loginMechanisms: (e2 = t2.config) === null || e2 === void 0 ? void 0 : e2.loginMechanisms, socialProviders: (s2 = t2.config) === null || s2 === void 0 ? void 0 : s2.socialProviders, formFields: (c2 = t2.config) === null || c2 === void 0 ? void 0 : c2.formFields, passwordSettings: (u2 = t2.config) === null || u2 === void 0 ? void 0 : u2.passwordSettings });
@@ -7609,13 +7624,15 @@ function v() {
     return ((n2 = o2.data) === null || n2 === void 0 ? void 0 : n2.intent) === "confirmPasswordReset";
   }, shouldSetup: function(t2) {
     return t2.hasSetup === false;
+  }, hasActor: function(t2) {
+    return !!t2.actorRef;
   } }, services: { getCurrentUser: function(t2, o2) {
     return t2.services.getCurrentUser();
   }, getAmplifyConfig: function(t2, o2) {
     return t2.services.getAmplifyConfig();
   } } });
 }
-function f(t2) {
+function p(t2) {
   return t2 && Object.keys(t2).forEach(function(o2) {
     Object.keys(t2[o2]).forEach(function(n2) {
       var r2 = t2[o2][n2];
@@ -7776,7 +7793,7 @@ function createValues() {
   if (!service.value)
     return;
   const { state, send: send2 } = useAuth();
-  const facadeValues = i$3({ send: send2, state: state.value });
+  const facadeValues = i$4({ send: send2, state: state.value });
   for (const key of Object.keys(facade)) {
     useAuthenticatorValue[key] = facadeValues[key];
   }
@@ -7803,7 +7820,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       const _component_amplify_button = _sfc_main$x;
       return openBlock(), createBlock(_component_amplify_button, {
         class: "amplify-field-group__control federated-sign-in-button amplify-authenticator__font",
-        "data-fullwidth": "false",
+        fullwidth: false,
+        style: { "font-weight": "normal" },
         type: "button",
         onClick
       }, {
@@ -7881,7 +7899,7 @@ const _hoisted_7$2 = /* @__PURE__ */ createElementVNode("svg", {
 ], -1);
 const _hoisted_8$2 = { class: "amplify-text amplify-authenticator__federated-text" };
 const _hoisted_9$1 = /* @__PURE__ */ createElementVNode("hr", {
-  class: "amplify-divider amplify-divider--label",
+  class: "amplify-divider amplify-divider--label amplify-divider--small",
   "aria-orientation": "horizontal",
   "data-size": "small",
   "data-label": "or"
@@ -8076,7 +8094,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                     default: withCtx(() => [
                       createElementVNode("button", {
                         "aria-label": showHideLabel.value,
-                        class: "amplify-button amplify-field-group__control amplify-field__show-password",
+                        class: "amplify-button amplify-field-group__control amplify-field__show-password amplify-button--fullwidth",
                         "data-fullwidth": "false",
                         type: "button",
                         onClick: togglePasswordText
@@ -8130,7 +8148,7 @@ const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("svg", {
   "data-size": "large",
   fill: "currentColor",
   viewBox: "0 0 24 24",
-  class: "amplify-icon"
+  class: "amplify-icon amplify-icon--large"
 }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })
 ], -1);
@@ -8278,7 +8296,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               key: idx,
               role: "alert",
               "data-variation": "error",
-              class: "amplify-text"
+              class: "amplify-text amplify-text--error"
             }, toDisplayString(unref(g$1)(error2)), 1);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -8402,7 +8420,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       disabled: unref(actorState).matches("signIn.submit"),
                       class: "amplify-field-group__control amplify-authenticator__font",
                       fullwidth: true,
-                      "data-loading": "false",
+                      loading: false,
                       variation: "primary"
                     }, {
                       default: withCtx(() => [
@@ -8426,9 +8444,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 createVNode(_component_amplify_button, {
                   onClick: onForgotPasswordClicked,
                   class: "amplify-field-group__control amplify-authenticator__font",
-                  "data-fullwidth": "true",
-                  "data-size": "small",
-                  "data-variation": "link",
+                  variation: "link",
+                  fullwidth: true,
+                  size: "small",
+                  style: { "font-weight": "normal" },
                   type: "button"
                 }, {
                   default: withCtx(() => [
@@ -8521,9 +8540,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     })) : createCommentVNode("", true),
                     createVNode(_component_amplify_button, {
                       class: "amplify-field-group__control amplify-authenticator__font",
-                      "data-fullwidth": "true",
-                      "data-loading": "false",
-                      "data-variation": "primary",
+                      fullwidth: true,
+                      loading: false,
+                      variation: "primary",
+                      style: { "border-radius": "0px", "font-weight": "normal" },
                       disabled: unref(isPending) || unref(hasValidationErrors)
                     }, {
                       default: withCtx(() => [
@@ -8619,12 +8639,13 @@ const _sfc_main$e = defineComponent({
     var _a2, _b;
     const defaultSlot = slots.default ? slots.default() : [];
     const headingI = slots.headingI ? slots.headingI() : [];
+    const headerClass = `${attrs.class || ""} amplify-heading--${props.level}`;
     if (((_b = (_a2 = headingI[0]) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) === 0) {
       headingI[0].children = [
-        h$2(`h${props.level}`, __spreadValues({}, attrs), [defaultSlot])
+        h$2(`h${props.level}`, __spreadProps(__spreadValues({}, attrs), { class: headerClass }), [defaultSlot])
       ];
     } else {
-      return () => h$2(`h${props.level}`, __spreadValues({ "data-amplify-heading": "" }, attrs), [
+      return () => h$2(`h${props.level}`, __spreadProps(__spreadValues({ "data-amplify-heading": "" }, attrs), { class: headerClass }), [
         headingI[0] ? h$2(headingI[0].children[0]) : h$2(defaultSlot[0])
       ]);
     }
@@ -8738,9 +8759,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         })) : createCommentVNode("", true),
                         createVNode(_component_amplify_button, {
                           class: "amplify-field-group__control amplify-authenticator__font",
-                          "data-fullwidth": "false",
-                          "data-loading": "false",
-                          "data-variation": "primary",
+                          fullwidth: false,
+                          loading: false,
+                          variation: "primary",
                           type: "submit",
                           disabled: unref(isPending)
                         }, {
@@ -8751,8 +8772,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         }, 8, ["disabled"]),
                         createVNode(_component_amplify_button, {
                           class: "amplify-field-group__control amplify-authenticator__font",
-                          "data-fullwidth": "false",
-                          "data-variation": "default",
+                          fullwidth: false,
+                          variation: "default",
+                          style: { "font-weight": "normal" },
                           type: "button",
                           onClick: withModifiers(onLostCodeClicked, ["prevent"])
                         }, {
@@ -8877,9 +8899,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-loading": "false",
-                            "data-variation": "primary",
+                            fullwidth: false,
+                            loading: false,
+                            variation: "primary",
+                            style: { "font-weight": "normal" },
                             disabled: unref(actorState).matches("confirmSignIn.pending")
                           }, {
                             default: withCtx(() => [
@@ -8889,9 +8912,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                           }, 8, ["disabled"]),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-size": "small",
-                            "data-variation": "link",
+                            fullwidth: false,
+                            size: "small",
+                            variation: "link",
+                            style: { "font-weight": "normal" },
                             type: "button",
                             onClick: withModifiers(onBackToSignInClicked, ["prevent"])
                           }, {
@@ -11079,9 +11103,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                               })) : createCommentVNode("", true),
                               createVNode(_component_amplify_button, {
                                 class: "amplify-field-group__control amplify-authenticator__font",
-                                "data-fullwidth": "false",
-                                "data-loading": "false",
-                                "data-variation": "primary",
+                                fullwidth: false,
+                                loading: false,
+                                variation: "primary",
                                 type: "submit",
                                 disabled: unref(actorState).matches("confirmSignIn.pending")
                               }, {
@@ -11092,9 +11116,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                               }, 8, ["disabled"]),
                               createVNode(_component_amplify_button, {
                                 class: "amplify-field-group__control amplify-authenticator__font",
-                                "data-fullwidth": "false",
-                                "data-size": "small",
-                                "data-variation": "link",
+                                fullwidth: false,
+                                size: "small",
+                                variation: "link",
+                                style: { "font-weight": "normal" },
                                 type: "button",
                                 onClick: withModifiers(onBackToSignInClicked, ["prevent"])
                               }, {
@@ -11230,9 +11255,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                         })) : createCommentVNode("", true),
                         createVNode(_component_amplify_button, {
                           class: "amplify-field-group__control amplify-authenticator__font",
-                          "data-fullwidth": "false",
-                          "data-loading": "false",
-                          "data-variation": "primary",
+                          fullwidth: false,
+                          loading: false,
+                          variation: "primary",
+                          style: { "font-weight": "normal" },
                           disabled: unref(actorState).matches("signUp.submit")
                         }, {
                           default: withCtx(() => [
@@ -11242,9 +11268,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                         }, 8, ["disabled"]),
                         createVNode(_component_amplify_button, {
                           class: "amplify-field-group__control amplify-authenticator__font",
-                          "data-fullwidth": "false",
-                          "data-size": "small",
-                          "data-variation": "link",
+                          fullwidth: false,
+                          size: "small",
+                          variation: "link",
+                          style: { "font-weight": "normal" },
                           type: "button",
                           onClick: withModifiers(onHaveAccountClicked, ["prevent"])
                         }, {
@@ -11356,8 +11383,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     })) : createCommentVNode("", true),
                     createVNode(_component_amplify_button, {
                       class: "amplify-field-group__control amplify-authenticator__font",
-                      "data-fullwidth": "false",
-                      "data-variation": "primary",
+                      fullwidth: false,
+                      variation: "primary",
                       type: "submit",
                       disabled: unref(isPending)
                     }, {
@@ -11368,9 +11395,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     }, 8, ["disabled"]),
                     createVNode(_component_amplify_button, {
                       class: "amplify-field-group__control amplify-authenticator__font",
-                      "data-fullwidth": "false",
-                      "data-size": "small",
-                      "data-variation": "link",
+                      fullwidth: false,
+                      size: "small",
+                      variation: "link",
+                      style: { "font-weight": "normal" },
                       type: "button",
                       onClick: withModifiers(onBackToSignInClicked, ["prevent"])
                     }, {
@@ -11489,8 +11517,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-variation": "primary",
+                            variation: "primary",
+                            fullwidth: false,
                             type: "submit",
                             disabled: unref(actorState).matches("confirmResetPassword.pending")
                           }, {
@@ -11501,9 +11529,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                           }, 8, ["disabled"]),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-size": "small",
-                            "data-variation": "link",
+                            variation: "link",
+                            fullwidth: false,
+                            size: "small",
                             type: "button",
                             onClick: withModifiers(onLostYourCodeClicked, ["prevent"])
                           }, {
@@ -11673,8 +11701,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-variation": "primary",
+                            fullwidth: false,
+                            variation: "primary",
                             type: "submit",
                             disabled: unref(actorState).matches("verifyUser.pending")
                           }, {
@@ -11685,9 +11713,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           }, 8, ["disabled"]),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-size": "small",
-                            "data-variation": "link",
+                            fullwidth: false,
+                            size: "small",
+                            variation: "link",
+                            style: { "font-weight": "normal" },
                             type: "button",
                             onClick: withModifiers(onSkipClicked, ["prevent"])
                           }, {
@@ -11807,8 +11836,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-variation": "primary",
+                            fullwidth: false,
+                            variation: "primary",
                             type: "submit",
                             disabled: unref(actorState).matches("confirmVerifyUser.pending")
                           }, {
@@ -11819,9 +11848,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                           }, 8, ["disabled"]),
                           createVNode(_component_amplify_button, {
                             class: "amplify-field-group__control amplify-authenticator__font",
-                            "data-fullwidth": "false",
-                            "data-size": "small",
-                            "data-variation": "link",
+                            fullwidth: false,
+                            size: "small",
+                            variation: "link",
+                            style: { "font-weight": "normal" },
                             type: "button",
                             onClick: withModifiers(onSkipClicked, ["prevent"])
                           }, {
@@ -11883,7 +11913,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const { initialState, loginMechanisms, variation, services, signUpAttributes, socialProviders, hideSignUp, formFields } = __props;
     const attrs = useAttrs();
-    const machine = v();
+    const machine = f();
     const service2 = useInterpret(machine);
     let unsubscribeHub;
     let unsubscribeMachine;
@@ -11907,7 +11937,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     }).unsubscribe;
     onMounted(() => {
-      unsubscribeHub = r(send2);
+      unsubscribeHub = r(service2);
     });
     onUnmounted(() => {
       if (unsubscribeHub)
@@ -12002,7 +12032,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const user = ref(null);
     const signOut = ref();
     watch(() => state.value.context, () => {
-      const { user: u2, signOut: s2 } = i$3({
+      const { user: u2, signOut: s2 } = i$4({
         send: send2,
         state: state.value
       });
@@ -12368,7 +12398,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           createElementVNode("span", {
-            class: "amplify-flex amplify-checkbox__button",
+            class: normalizeClass(["amplify-flex amplify-checkbox__button", {
+              "amplify-checkbox__button--error": !checked.value
+            }]),
             "aria-hidden": "true",
             "data-focus": "false",
             "data-error": !checked.value,
@@ -12376,12 +12408,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             (openBlock(), createElementBlock("svg", {
               xmlns: "http://www.w3.org/2000/svg",
-              class: "amplify-icon amplify-checkbox__icon",
+              class: normalizeClass(["amplify-icon amplify-checkbox__icon", {
+                "amplify-checkbox__icon--checked": checked.value
+              }]),
               viewBox: "0 0 24 24",
               fill: "currentColor",
               "data-checked": checked.value
-            }, _hoisted_7, 8, _hoisted_5))
-          ], 8, _hoisted_4),
+            }, _hoisted_7, 10, _hoisted_5))
+          ], 10, _hoisted_4),
           _hoisted_8
         ]),
         !checked.value ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(unref(errorMessage)), 1)) : createCommentVNode("", true)