@coinbase/cdp-react 0.0.18 → 0.0.20

package/dist/assets/Button.css

@@ -1 +1 @@
-.Button-module__btn___Fx11X{--cdp-web-button-ring-color: transparent;--cdp-web-button-ring-width: 2px;--cdp-web-button-ring-inset-color: transparent;--cdp-web-button-ring-inset-width: 2px;box-sizing:border-box;box-shadow:inset 0 0 0 var(--cdp-web-button-ring-inset-width) var(--cdp-web-button-ring-inset-color),0 0 0 var(--cdp-web-button-ring-width) var(--cdp-web-button-ring-color);display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:1em;border-radius:9999em;border:0;background-color:transparent;color:var(--cdp-web-colors-page-text-default);font-size:1em;font-weight:500;line-height:1.5;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.Button-module__link-primary___wROmv,.Button-module__link-secondary___5VErP{padding:0 .25em}.Button-module__primary___s1sM6{background-color:var(--cdp-web-colors-cta-primary-bg-default);color:var(--cdp-web-colors-cta-primary-text-default)}.Button-module__primary___s1sM6:hover{background-color:var(--cdp-web-colors-cta-primary-bg-hover);color:var(--cdp-web-colors-cta-primary-text-hover)}.Button-module__primary___s1sM6:focus{outline:none}.Button-module__primary___s1sM6:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-primary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__secondary___R0waJ{background-color:var(--cdp-web-colors-cta-secondary-bg-default);color:var(--cdp-web-colors-cta-secondary-text-default)}.Button-module__secondary___R0waJ:hover{background-color:var(--cdp-web-colors-cta-secondary-bg-hover);color:var(--cdp-web-colors-cta-secondary-text-hover)}.Button-module__secondary___R0waJ:focus{outline:none}.Button-module__secondary___R0waJ:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-secondary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__link-primary___wROmv,.Button-module__transparent-primary___Ah0yM{background-color:transparent;color:var(--cdp-web-colors-link-primary-text-default)}.Button-module__link-primary___wROmv:hover,.Button-module__transparent-primary___Ah0yM:hover{color:var(--cdp-web-colors-link-primary-text-hover)}.Button-module__link-primary___wROmv:focus,.Button-module__transparent-primary___Ah0yM:focus{outline:none}.Button-module__link-primary___wROmv:focus-visible,.Button-module__transparent-primary___Ah0yM:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-primary-text-default);outline:none}.Button-module__link-secondary___5VErP,.Button-module__transparent-secondary___kk5sZ{background-color:transparent;color:var(--cdp-web-colors-link-secondary-text-default)}.Button-module__link-secondary___5VErP:hover,.Button-module__transparent-secondary___kk5sZ:hover{color:var(--cdp-web-colors-link-secondary-text-hover)}.Button-module__link-secondary___5VErP:focus,.Button-module__transparent-secondary___kk5sZ:focus{outline:none}.Button-module__link-secondary___5VErP:focus-visible,.Button-module__transparent-secondary___kk5sZ:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-secondary-text-default);outline:none}
+.Button-module__btn___Wj6Dr{--cdp-web-button-ring-color: transparent;--cdp-web-button-ring-width: 2px;--cdp-web-button-ring-inset-color: transparent;--cdp-web-button-ring-inset-width: 2px;box-sizing:border-box;box-shadow:inset 0 0 0 var(--cdp-web-button-ring-inset-width) var(--cdp-web-button-ring-inset-color),0 0 0 var(--cdp-web-button-ring-width) var(--cdp-web-button-ring-color);display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:1em;border-radius:9999em;border:0;background-color:transparent;color:var(--cdp-web-colors-page-text-default);font-size:var(--cdp-web-font-size-base);font-family:var(--cdp-web-font-family-sans);font-weight:500;line-height:1.5;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.Button-module__size-lg___WlcVE{padding:1em}.Button-module__size-md___-SMmD{padding:.75em}.Button-module__size-sm___Vnrq6{padding:.5em}.Button-module__link-primary___6Zgkh,.Button-module__link-secondary___S0Qdo{padding:0 .25em}.Button-module__primary___WGT--{background-color:var(--cdp-web-colors-cta-primary-bg-default);color:var(--cdp-web-colors-cta-primary-text-default)}.Button-module__primary___WGT--:hover{background-color:var(--cdp-web-colors-cta-primary-bg-hover);color:var(--cdp-web-colors-cta-primary-text-hover)}.Button-module__primary___WGT--:focus{outline:none}.Button-module__primary___WGT--:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-primary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__secondary___Fx0LJ{background-color:var(--cdp-web-colors-cta-secondary-bg-default);color:var(--cdp-web-colors-cta-secondary-text-default)}.Button-module__secondary___Fx0LJ:hover{background-color:var(--cdp-web-colors-cta-secondary-bg-hover);color:var(--cdp-web-colors-cta-secondary-text-hover)}.Button-module__secondary___Fx0LJ:focus{outline:none}.Button-module__secondary___Fx0LJ:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-secondary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__link-primary___6Zgkh,.Button-module__transparent-primary___iwWv5{background-color:transparent;color:var(--cdp-web-colors-link-primary-text-default)}.Button-module__link-primary___6Zgkh:hover,.Button-module__transparent-primary___iwWv5:hover{color:var(--cdp-web-colors-link-primary-text-hover)}.Button-module__link-primary___6Zgkh:focus,.Button-module__transparent-primary___iwWv5:focus{outline:none}.Button-module__link-primary___6Zgkh:focus-visible,.Button-module__transparent-primary___iwWv5:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-primary-text-default);outline:none}.Button-module__link-secondary___S0Qdo,.Button-module__transparent-secondary___GfRXu{background-color:transparent;color:var(--cdp-web-colors-link-secondary-text-default)}.Button-module__link-secondary___S0Qdo:hover,.Button-module__transparent-secondary___GfRXu:hover{color:var(--cdp-web-colors-link-secondary-text-hover)}.Button-module__link-secondary___S0Qdo:focus,.Button-module__transparent-secondary___GfRXu:focus{outline:none}.Button-module__link-secondary___S0Qdo:focus-visible,.Button-module__transparent-secondary___GfRXu:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-secondary-text-default);outline:none}

package/dist/assets/EmailForm.css

@@ -0,0 +1 @@
+.EmailForm-module__form___L0wVX{display:flex;flex-direction:column;gap:1em}.EmailForm-module__server-error___0TSPx{justify-content:center}

package/dist/assets/Error.css

@@ -1 +1 @@
-.Error-module__error___mRFLG{color:var(--cdp-web-colors-fg-negative);line-height:1.25em;display:flex;align-items:center;gap:.25em;margin:0}.Error-module__error___mRFLG span{font-size:.875em}.Error-module__icon___web4F{width:1em;height:1em;flex-grow:0;flex-shrink:0}
+.Error-module__error___zeTQt{color:var(--cdp-web-colors-fg-negative);line-height:1.25em;font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);display:flex;align-items:center;gap:.25em;margin:0}.Error-module__error___zeTQt span{font-size:.875em}.Error-module__icon___uwkis{width:auto;height:.875em;flex-grow:0;flex-shrink:0}

package/dist/assets/Field.css

@@ -1 +1 @@
-.Field-module__field-wrapper___0p4i7{display:flex;flex-direction:column;gap:.375em}.Field-module__label___LAQio{font-size:.875em;line-height:1.43;font-weight:500;color:var(--cdp-web-colors-input-label-default)}
+.Field-module__field-wrapper___SCcbl{display:flex;flex-direction:column;font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);gap:.25em}

package/dist/assets/Input.css

@@ -1 +1 @@
-.Input-module__input___WjT81{--cdp-web-input-ring-width: 1px;--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-default);box-sizing:border-box;font-size:1em;line-height:1.5;padding:1em .75em;border-radius:.5em;border:0;background-color:var(--cdp-web-colors-input-bg-default);box-shadow:0 0 0 var(--cdp-web-input-ring-width) var(--cdp-web-input-ring-color) inset;color:var(--cdp-web-colors-input-text-default);transition:all .15s ease-in-out;width:100%}.Input-module__input___WjT81::placeholder{color:var(--cdp-web-colors-input-placeholder-default)}.Input-module__input___WjT81:focus-visible{outline:none;--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-focus);--cdp-web-input-ring-width: 2px}.Input-module__input___WjT81[aria-invalid=true]{--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-error)}
+.Input-module__input___-mK8z{--cdp-web-input-ring-width: 1px;--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-default);box-sizing:border-box;font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);line-height:1.5;padding:1em;border-radius:.5em;border:0;background-color:var(--cdp-web-colors-input-bg-default);box-shadow:0 0 0 var(--cdp-web-input-ring-width) var(--cdp-web-input-ring-color) inset;color:var(--cdp-web-colors-input-text-default);transition:box-shadow .15s ease-in-out;width:100%}.Input-module__input___-mK8z::placeholder{color:var(--cdp-web-colors-input-placeholder-default)}.Input-module__input___-mK8z:focus-visible{outline:none;--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-focus);--cdp-web-input-ring-width: 2px}.Input-module__input___-mK8z[aria-invalid=true]{--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-error)}.Input-module__input___-mK8z[data-success=true]{--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-success)}

package/dist/assets/Label.css

@@ -0,0 +1 @@
+.Label-module__label___jDumT{font-size:.875em;line-height:1.43;font-weight:500;color:var(--cdp-web-colors-input-label-default)}

package/dist/assets/LoadingSkeleton.css

@@ -1 +1 @@
-.LoadingSkeleton-module__loading___ezIkq{animation:LoadingSkeleton-module__pulse___a9tGO 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--cdp-web-colors-bg-skeleton);cursor:progress}@keyframes LoadingSkeleton-module__pulse___a9tGO{50%{opacity:.5}}
+.LoadingSkeleton-module__loading___kqndV{animation:LoadingSkeleton-module__pulse___x86cJ 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--cdp-web-colors-bg-skeleton);cursor:progress}@keyframes LoadingSkeleton-module__pulse___x86cJ{50%{opacity:.5}}

package/dist/assets/LoadingSpinner.css

@@ -1 +1 @@
-.LoadingSpinner-module__spinner___X3Bl3{transform-origin:center;animation:LoadingSpinner-module__spinner___X3Bl3 2s linear infinite}.LoadingSpinner-module__spinner-circle___NCrsp{stroke-linecap:round;animation:LoadingSpinner-module__spinner-circle___NCrsp 1.5s ease-in-out infinite}@keyframes LoadingSpinner-module__spinner___X3Bl3{to{transform:rotate(360deg)}}@keyframes LoadingSpinner-module__spinner-circle___NCrsp{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}
+.LoadingSpinner-module__spinner___-zo6Y{transform-origin:center;animation:LoadingSpinner-module__spinner___-zo6Y 2s linear infinite}.LoadingSpinner-module__spinner-circle___9Jfm7{stroke-linecap:round;animation:LoadingSpinner-module__spinner-circle___9Jfm7 1.5s ease-in-out infinite}@keyframes LoadingSpinner-module__spinner___-zo6Y{to{transform:rotate(360deg)}}@keyframes LoadingSpinner-module__spinner-circle___9Jfm7{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}

package/dist/assets/Modal.css

@@ -0,0 +1 @@
+.Modal-module__modal___MUsZA{--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);box-sizing:border-box;box-shadow:var(--shadow-md);width:100%;max-width:28.125em;min-width:0;background:var(--cdp-web-colors-page-bg-default);border-radius:.5em;outline:1px solid var(--cdp-web-colors-page-border-default);position:relative}.Modal-module__modal___MUsZA[data-state=open]{animation:Modal-module__slide-in___p-A8u .2s ease-out,Modal-module__fade-in___NfUjS .2s ease-out}.Modal-module__modal___MUsZA[data-state=closed]{animation:Modal-module__slide-out___hrRK1 .2s ease-in,Modal-module__fade-out___LpBNV .2s ease-in}.Modal-module__overlay___-RqGQ{background:var(--cdp-web-colors-bg-overlay);box-sizing:border-box;-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em);display:grid;grid-template-rows:auto 1fr;inset:0;overflow-y:auto;place-items:end center;position:fixed;z-index:1000}.Modal-module__overlay___-RqGQ[data-state=open]{animation:Modal-module__fade-in___NfUjS .2s ease-out}.Modal-module__overlay___-RqGQ[data-state=closed]{animation:Modal-module__fade-out___LpBNV .2s ease-in}.Modal-module__spacer___dIfOA{height:1em}@keyframes Modal-module__fade-in___NfUjS{0%{opacity:0}to{opacity:1}}@keyframes Modal-module__fade-out___LpBNV{0%{opacity:1}to{opacity:0}}@keyframes Modal-module__slide-in___p-A8u{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes Modal-module__slide-out___hrRK1{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (min-width: 400px){.Modal-module__overlay___-RqGQ{padding:.5rem}}@media (min-width: 450px){.Modal-module__overlay___-RqGQ{place-items:center;padding:1rem;grid-template-rows:1fr}.Modal-module__modal___MUsZA{height:auto}.Modal-module__spacer___dIfOA{display:none}@keyframes Modal-module__slide-in___p-A8u{0%{transform:translateY(10%)}to{transform:translateY(0)}}@keyframes Modal-module__slide-out___hrRK1{0%{transform:translateY(0)}to{transform:translateY(10%)}}}

package/dist/assets/OTP.css

@@ -1 +1 @@
-.OTP-module__otp___EUcSo{--cdp-web-otp-input-width: 25%}.OTP-module__group-container___rfrCo{display:flex;gap:.5em}.OTP-module__input-container___-yRBL{width:var(--cdp-web-otp-input-width)}.OTP-module__input___MEBPV{text-align:center}
+.OTP-module__otp___UjnM8{--cdp-web-otp-input-width: 25%;display:flex;flex-direction:column;gap:.25em}.OTP-module__group-container___hNqnB{display:flex;gap:.5em}.OTP-module__input-container___snmj7{width:var(--cdp-web-otp-input-width)}.OTP-module__input___Vbd5m{text-align:center}.OTP-module__label___cK41n{margin:0 0 .43em}

package/dist/assets/OTPForm.css

@@ -0,0 +1 @@
+.OTPForm-module__otp-form___G1-63 [data-part=input-group]{padding-bottom:1.5em}.OTPForm-module__otp-form___G1-63 [data-part=success],.OTPForm-module__otp-form___G1-63 [data-part=error]{margin-top:-1.5em}.OTPForm-module__form-footer___ybmdd{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;min-height:1.5em;padding-top:1.5em;padding-bottom:.5em}.OTPForm-module__server-state-wrapper___R5j5k{margin-top:-1.5em;min-height:1.5em;position:relative;top:-.25em}.OTPForm-module__loading-spinner___8N9XU{color:var(--cdp-web-colors-link-primary-text-default);display:block;margin:0 auto}.OTPForm-module__resend-wrapper___aZUAz{display:flex;align-items:center;justify-content:center;text-align:center;min-height:1.5em}.OTPForm-module__reset-timer___7ElWj{color:var(--cdp-web-colors-page-text-muted);font-weight:500;line-height:1em;min-height:1em;display:flex;align-items:center;justify-content:center}.OTPForm-module__reset-timer___7ElWj p{font-size:.875em;line-height:1;margin:0}

package/dist/assets/PhoneNumberForm.css

@@ -0,0 +1 @@
+.PhoneNumberForm-module__form___ExO8G{display:flex;flex-direction:column;gap:1em}.PhoneNumberForm-module__server-error___AQcMg{justify-content:center}

package/dist/assets/PhoneNumberInput.css

@@ -0,0 +1 @@
+.PhoneNumberInput-module__phone-number-input___mYty2{--cdp-web-input-ring-width: 1px;--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-default);box-sizing:border-box;display:flex;align-items:stretch;font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);line-height:1.5;padding-left:1em;border-radius:.5em;border:0;background-color:var(--cdp-web-colors-input-bg-default);box-shadow:0 0 0 var(--cdp-web-input-ring-width) var(--cdp-web-input-ring-color) inset;color:var(--cdp-web-colors-input-text-default);transition:box-shadow .15s ease-in-out;width:100%}.PhoneNumberInput-module__phone-number-input___mYty2.PhoneNumberInput-module__invalid___zDA2p,.PhoneNumberInput-module__phone-number-input___mYty2:focus-within.PhoneNumberInput-module__invalid___zDA2p{--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-error)}.PhoneNumberInput-module__phone-number-input___mYty2.PhoneNumberInput-module__success___uPjMx{--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-success)}.PhoneNumberInput-module__phone-number-input___mYty2:focus-within{--cdp-web-input-ring-color: var(--cdp-web-colors-input-border-focus);--cdp-web-input-ring-width: 2px}.PhoneNumberInput-module__phone-number-input___mYty2 .PhoneNumberInput-module__input___H-XG-{--cdp-web-input-ring-width: 0px;background-color:transparent;padding-left:.75em}.PhoneNumberInput-module__country-calling-code___N6zDW{display:flex;align-items:center;gap:.25rem}

package/dist/assets/SignIn.css

@@ -1 +1 @@
-.SignIn-module__sign-in___cYpee{border-radius:.75em;box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-sans);background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;gap:1em;max-width:38.25em;padding:1em 2em;width:100%}.SignIn-module__sign-in___cYpee *{box-sizing:border-box}
+.SignIn-module__sign-in___cYpee{border-radius:.75em;box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-sans);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;padding:.75em 2em 1em;overflow:hidden;width:100%}.SignIn-module__title-desc-wrapper___VpPcA{display:flex;flex-direction:column;gap:1.5em;margin:1.5em 0}.SignIn-module__sign-in___cYpee *{box-sizing:border-box}.SignIn-module__back-button___bmE-y{align-self:flex-start}.SignIn-module__back-button-wrapper___Q9FA1{min-height:3em}.SignIn-module__footer___3Gkbc{margin-top:1.5em}

package/dist/assets/SignInAuthMethodButtons.css

@@ -0,0 +1 @@
+.SignInAuthMethodButtons-module__auth-method-buttons___jYEH7{display:flex;flex-direction:column;gap:.5em}.SignInAuthMethodButtons-module__auth-btn___o1a09{padding-left:2em;padding-right:2em;gap:0}.SignInAuthMethodButtons-module__auth-btn-icon___VjvFY{flex-shrink:0;flex-grow:0;height:1.25em;width:auto}.SignInAuthMethodButtons-module__auth-btn-label___mEWd3{flex-grow:1;padding:0 1.75em 0 .5em}.SignInAuthMethodButtons-module__divider___zphEh{position:relative;text-align:center;margin:1em 0 .5em}.SignInAuthMethodButtons-module__divider___zphEh hr{border:0;border-top:1px solid var(--cdp-web-colors-page-border-default);margin:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.SignInAuthMethodButtons-module__divider___zphEh span{background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-muted);text-transform:uppercase;font-size:.875em;font-weight:500;padding:0 .5em;position:relative}

package/dist/assets/SignInBackButton.css

@@ -0,0 +1 @@
+.SignInBackButton-module__icon___stNFS{width:1.5em;height:auto}

package/dist/assets/SignInCredentials.css

@@ -0,0 +1 @@
+.SignInCredentials-module__credentials___LE04y{font-weight:500;overflow-wrap:break-word;word-wrap:break-word}

package/dist/assets/SignInDescription.css

@@ -1 +1 @@
-.SignInDescription-module__description___jZLc6{color:var(--cdp-web-colors-page-text-muted);margin:0}.SignInDescription-module__medium___NGpLf{font-weight:500}
+.SignInDescription-module__description___jZLc6{text-align:center;margin:0}

package/dist/assets/SignInFooter.css

@@ -0,0 +1 @@
+.SignInFooter-module__footer___DLNrl{color:var(--cdp-web-colors-page-text-muted);display:flex;align-items:center;justify-content:center;gap:.5em;line-height:1;padding:1em 2em 0}.SignInFooter-module__footer___DLNrl:first-child{border-top:0}.SignInFooter-module__footer___DLNrl p{display:flex;align-items:center;font-size:.75em;gap:.25em;margin:0}.SignInFooter-module__icon___hFhfx{height:auto;width:.75em}.SignInFooter-module__coinbase-icon___NeFOp{height:1em;width:auto}

package/dist/assets/SignInForm.css

@@ -1 +1 @@
-.SignInForm-module__form-wrapper___SlQkZ{display:flex;flex-direction:column}.SignInForm-module__form___8Mc3V{display:flex;flex-direction:column;gap:1em;padding-bottom:2em}.SignInForm-module__form-footer___PqM2J{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;min-height:1.5em;padding-top:1.5em}.SignInForm-module__server-state-wrapper___QVsXy{margin-top:-1.5em;min-height:1.5em;position:relative;top:-.25em}.SignInForm-module__loading-spinner___W6gZo{color:var(--cdp-web-colors-link-primary-text-default);display:block;margin:0 auto}.SignInForm-module__server-error___dD9VE{justify-content:center}.SignInForm-module__resend-wrapper___ODSQA{display:flex;align-items:center;justify-content:center;text-align:center;min-height:1.5em}.SignInForm-module__reset-timer___Ms2YZ{color:var(--cdp-web-colors-page-text-muted);font-weight:500;line-height:1em;min-height:1em;display:flex;align-items:center;justify-content:center}.SignInForm-module__reset-timer___Ms2YZ p{font-size:.875em;line-height:1;margin:0}.SignInForm-module__footer___6Lo9w{color:var(--cdp-web-colors-page-text-muted);display:flex;align-items:center;justify-content:center;gap:.5em;line-height:1;padding:1em 2em 1.5em}.SignInForm-module__coinbase-icon___vGv7u{height:1em;width:auto}.SignInForm-module__footer___6Lo9w p{display:flex;align-items:center;font-size:.75em;gap:.25em;margin:0}.SignInForm-module__hr___fOcy4{border:0;border-top:1px solid var(--cdp-web-colors-page-border-default);width:100%}.SignInForm-module__icon___qkJnq{height:auto;width:.75em}
+.SignInForm-module__auth-method-wrapper___uIOAB{display:flex;flex-direction:column;gap:1em}

package/dist/assets/SignInImage.css

@@ -1 +1 @@
-.SignInImage-module__logo___rlzt-{display:block;margin:0;width:64px;height:64px;border-radius:9999em;object-fit:cover}.SignInImage-module__success-icon___avUF9{color:var(--cdp-web-colors-fg-positive);display:block;height:4em;width:4em}
+.SignInImage-module__logo___rlzt-{display:block;margin:0 auto;width:auto;height:64px;object-fit:cover}

package/dist/assets/SignInModal.css

@@ -1 +1 @@
-.SignInModal-module__trigger___IcJ8x{padding-left:2em;padding-right:2em}.SignInModal-module__modal___PErrT{--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);box-sizing:border-box;box-shadow:var(--shadow-md);width:100%;max-width:29.375em;background:var(--cdp-web-colors-page-bg-default);border-radius:.5em;outline:1px solid var(--cdp-web-colors-page-border-default);position:relative}.SignInModal-module__modal___PErrT[data-state=open]{animation:SignInModal-module__slide-in___eayZg .2s ease-out,SignInModal-module__fade-in___YW32x .2s ease-out}.SignInModal-module__modal___PErrT[data-state=closed]{animation:SignInModal-module__slide-out___fY2xG .2s ease-in,SignInModal-module__fade-out___WE6g4 .2s ease-in}.SignInModal-module__sign-in___n05-5{height:100%;padding:2em 0 0}.SignInModal-module__sign-in-image___DGg7B,.SignInModal-module__sign-in-title___cju2s,.SignInModal-module__sign-in-description___-Oi9q,.SignInModal-module__sign-in-form___Jzx1->form,.SignInModal-module__sign-in-form___Jzx1->div{padding-left:2em;padding-right:2em}.SignInModal-module__sign-in-form___Jzx1-,.SignInModal-module__sign-in-form___Jzx1- form{flex-grow:1}.SignInModal-module__sign-in-title___cju2s,.SignInModal-module__sign-in-description___-Oi9q{text-align:center}.SignInModal-module__sign-in-image___DGg7B{display:flex;justify-content:center;align-items:center;flex-grow:1;margin:2em 0}.SignInModal-module__close-button___k1I5Q{position:absolute;top:1.5em;right:1.5em;width:3em}.SignInModal-module__close-button___k1I5Q svg{height:1em;width:1em}.SignInModal-module__overlay___-0rmi{background:var(--cdp-web-colors-bg-overlay);box-sizing:border-box;-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em);display:grid;grid-template-rows:auto 1fr;inset:0;overflow-y:auto;place-items:end center;position:fixed;z-index:1000}.SignInModal-module__overlay___-0rmi[data-state=open]{animation:SignInModal-module__fade-in___YW32x .2s ease-out}.SignInModal-module__overlay___-0rmi[data-state=closed]{animation:SignInModal-module__fade-out___WE6g4 .2s ease-in}.SignInModal-module__spacer___x-lRH{height:1em}@keyframes SignInModal-module__fade-in___YW32x{0%{opacity:0}to{opacity:1}}@keyframes SignInModal-module__fade-out___WE6g4{0%{opacity:1}to{opacity:0}}@keyframes SignInModal-module__slide-in___eayZg{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes SignInModal-module__slide-out___fY2xG{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (min-width: 400px){.SignInModal-module__overlay___-0rmi{padding:.5rem}}@media (min-width: 470px){.SignInModal-module__overlay___-0rmi{place-items:center;padding:1rem;grid-template-rows:1fr}.SignInModal-module__modal___PErrT{height:auto}.SignInModal-module__spacer___x-lRH{display:none}.SignInModal-module__sign-in___n05-5{padding-top:2.5em}.SignInModal-module__sign-in-image___DGg7B,.SignInModal-module__sign-in-title___cju2s,.SignInModal-module__sign-in-description___-Oi9q,.SignInModal-module__sign-in-form___Jzx1->form,.SignInModal-module__sign-in-form___Jzx1->div{padding-left:2.5em;padding-right:2.5em}.SignInModal-module__sign-in-image___DGg7B{align-self:flex-start;margin:0}.SignInModal-module__sign-in-image___DGg7B:empty{display:none}.SignInModal-module__sign-in-title___cju2s,.SignInModal-module__sign-in-description___-Oi9q{text-align:left}@keyframes SignInModal-module__slide-in___eayZg{0%{transform:translateY(10%)}to{transform:translateY(0)}}@keyframes SignInModal-module__slide-out___fY2xG{0%{transform:translateY(0)}to{transform:translateY(10%)}}}
+.SignInModal-module__trigger___IcJ8x{padding-left:2em;padding-right:2em}.SignInModal-module__sign-in___n05-5{height:100%;overflow:hidden}.SignInModal-module__sign-in___n05-5.SignInModal-module__no-footer___meSt1{padding-bottom:2em}.SignInModal-module__title-desc-wrapper___--XLa{display:flex;flex-direction:column;gap:1.5em;margin-bottom:1.5em}.SignInModal-module__sign-in-form___Jzx1-,.SignInModal-module__sign-in-form___Jzx1- form{flex-grow:1}.SignInModal-module__sign-in-image___DGg7B{flex-grow:1;margin:2em 0}.SignInModal-module__footer___6qEo2{margin-top:1.5em}.SignInModal-module__buttons___jhaVn{display:flex;justify-content:flex-end;align-items:center;margin-left:-.75em;margin-right:-.75em;width:calc(100% + 1.5em)}.SignInModal-module__back-button___nMh2-{margin-left:0;margin-right:auto}.SignInModal-module__close-icon___b-gMh{height:auto;width:1.5em}@media (min-width: 450px){.SignInModal-module__sign-in-image___DGg7B{flex-grow:0;margin:0 0 1.5em}.SignInModal-module__sign-in-image___DGg7B:empty{display:none}}

package/dist/assets/SignInTitle.css

@@ -1 +1 @@
-.SignInTitle-module__heading___QJ071{font-size:1.75em;line-height:1.29;margin:0}
+.SignInTitle-module__heading___QJ071{font-size:1.25em;font-weight:500;line-height:1.4;text-align:center;margin:0}

package/dist/assets/SuccessMessage.css

@@ -0,0 +1 @@
+.SuccessMessage-module__success___ZOELg{color:var(--cdp-web-colors-fg-positive);font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);line-height:1.25em;display:flex;align-items:center;gap:.25em;margin:0}.SuccessMessage-module__success___ZOELg span{font-size:.875em}.SuccessMessage-module__icon___QpPW-{width:auto;height:.875em;flex-grow:0;flex-shrink:0}

package/dist/assets/SwitchFadeTransition.css

@@ -0,0 +1 @@
+.SwitchFadeTransition-module__switch-fade-transition___--lbT[data-transition=fade]{position:relative}.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status]{transition:opacity var(--cdp-web-transition-timeout, .2s);width:100%}.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status=preEnter]{opacity:0}.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status=exiting],.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status=exited]{opacity:0;position:absolute;top:0;left:0}

package/dist/assets/SwitchSlideTransition.css

@@ -0,0 +1 @@
+.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status],.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status]{width:100%;transition:opacity var(--cdp-web-transition-timeout, .2s),transform var(--cdp-web-transition-timeout, .2s)}.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-left],.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-right],.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-left][data-animate-height=true]>div,.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-right][data-animate-height=true]>div{display:flex;position:relative;width:100%}.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-left][data-animate-height=true]>div,.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-right][data-animate-height=true]>div{align-items:flex-start}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status=preEnter]{opacity:0;transform:translate(200%)}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status=exiting],.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status=exited]{position:absolute;opacity:0;transform:translate(-200%)}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status=preEnter]{opacity:0;transform:translate(-200%)}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status=exiting],.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status=exited]{position:absolute;opacity:0;transform:translate(200%)}

package/dist/assets/SwitchTransition.css

@@ -0,0 +1 @@
+.SwitchTransition-module__transition-wrapper___jrI35[data-animate-height=true]{--cdp-web-transition-height: min-cotent;height:var(--cdp-web-transition-height);transition:height var(--cdp-web-transition-timeout, .2s) ease-in-out}

package/dist/assets/ThemeProvider.css

@@ -1 +1 @@
-.ThemeProvider-module__wrapper___aXwhZ{width:100%}
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.ThemeProvider-module__wrapper___aXwhZ{width:100%}

package/dist/assets/VisuallyHidden.css

@@ -1 +1 @@
-.VisuallyHidden-module__visually-hidden___qdUPg{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
+.VisuallyHidden-module__visually-hidden___tD5Vj{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

package/dist/chunks/index.BzllgVaP.js

@@ -0,0 +1,12 @@
+import "../components/CDPReactProvider/index.js";
+import { config as o } from "../components/SignIn/flows/SignInWithEmail.js";
+import { config as i } from "../components/SignIn/flows/SignInWithSms.js";
+import "@coinbase/cdp-hooks";
+import "react";
+const a = {
+  email: o,
+  sms: i
+};
+export {
+  a
+};

package/dist/components/AuthButton/index.js

@@ -1,13 +1,13 @@
 import { jsxs as T, jsx as l } from "react/jsx-runtime";
 import { useIsInitialized as _, useIsSignedIn as v } from "@coinbase/cdp-hooks";
 import { useState as c, useRef as w, useEffect as f } from "react";
-import { LoadingSkeleton as x } from "../LoadingSkeleton/index.js";
-import { SignInModal as y } from "../SignInModal/index.js";
-import { SignOutButton as A } from "../SignOutButton/index.js";
+import { SignInModal as x } from "../SignInModal/index.js";
+import { SignOutButton as y } from "../SignOutButton/index.js";
+import { LoadingSkeleton as A } from "../ui/LoadingSkeleton/index.js";
 import '../../assets/AuthButton.css';const B = "AuthButton-module__loading___JpDqi", D = {
   loading: B
 }, L = ({
-  closeOnSuccessDelay: S = 0,
+  closeOnSuccessDelay: S = 800,
   onSignInSuccess: g,
   onSignInSuccessTransitionEnd: a,
   onSignOutSuccess: h,
@@ -48,9 +48,9 @@ import '../../assets/AuthButton.css';const B = "AuthButton-module__loading___JpD
     } else
       s(!1);
   }, [u, t]), /* @__PURE__ */ T("div", { ...p, children: [
-    !i && /* @__PURE__ */ l(x, { className: D.loading }),
-    i && m && /* @__PURE__ */ l(A, { onSuccess: O }),
-    i && !m && /* @__PURE__ */ l(y, { open: t, setIsOpen: d, onSuccess: I })
+    !i && /* @__PURE__ */ l(A, { className: D.loading }),
+    i && m && /* @__PURE__ */ l(y, { onSuccess: O }),
+    i && !m && /* @__PURE__ */ l(x, { open: t, setIsOpen: d, onSuccess: I })
   ] });
 };
 export {

package/dist/components/CDPReactProvider/index.d.ts

@@ -1,9 +1,12 @@
 import { CDPHooksProviderProps } from '@coinbase/cdp-hooks';
 import { ThemeProviderProps } from '../ThemeProvider';
+export declare const AUTH_METHODS: readonly ["email", "sms"];
+export type AuthMethod = (typeof AUTH_METHODS)[number];
 export interface AppConfig {
     name: string;
     logoUrl?: string;
     showCoinbaseFooter?: boolean;
+    authMethods?: AuthMethod[];
 }
 export type CDPReactProviderProps = {
     app?: AppConfig;

package/dist/components/CDPReactProvider/index.js

@@ -1,32 +1,39 @@
 import { jsx as t } from "react/jsx-runtime";
 import { CDPContext as c, CDPHooksProvider as C } from "@coinbase/cdp-hooks";
-import { createContext as d, useContext as i, useMemo as u } from "react";
-import { ThemeProvider as m } from "../ThemeProvider/index.js";
-const g = ({ children: o, config: e, theme: r, app: s }) => {
-  const n = /* @__PURE__ */ t(x, { app: s, children: /* @__PURE__ */ t(m, { theme: r, children: o }) });
+import { createContext as d, useContext as i, useMemo as m } from "react";
+import { ThemeProvider as u } from "../ThemeProvider/index.js";
+const A = [
+  /** Email OTP method */
+  "email",
+  /** SMS OTP method */
+  "sms"
+], g = ({ children: o, config: e, theme: r, app: p }) => {
+  const n = /* @__PURE__ */ t(f, { app: p, children: /* @__PURE__ */ t(u, { theme: r, children: o }) });
   return i(c) ? n : /* @__PURE__ */ t(C, { config: e, children: n });
-}, p = d(void 0), f = {
+}, s = d(void 0), a = {
   name: "",
   logoUrl: "",
-  showCoinbaseFooter: !0
-}, x = ({ children: o, app: e }) => {
-  const r = u(
+  showCoinbaseFooter: !0,
+  authMethods: ["email"]
+}, f = ({ children: o, app: e }) => {
+  const r = m(
     () => ({
       app: {
-        ...f,
+        ...a,
         ...e
       }
     }),
     [e]
   );
-  return /* @__PURE__ */ t(p.Provider, { value: r, children: o });
-}, A = () => {
-  const o = i(p);
+  return /* @__PURE__ */ t(s.Provider, { value: r, children: o });
+}, D = () => {
+  const o = i(s);
   if (!o)
     throw new Error("useAppConfig must be used within an AppConfigProvider");
   return o.app;
 };
 export {
+  A as AUTH_METHODS,
   g as CDPReactProvider,
-  A as useAppConfig
+  D as useAppConfig
 };

package/dist/components/SendTransactionButton/index.js

@@ -1,7 +1,7 @@
 import { jsx as b } from "react/jsx-runtime";
 import { useSendEvmTransaction as y, APIError as T } from "@coinbase/cdp-hooks";
 import { useState as _, useCallback as v } from "react";
-import { Button as w } from "../Button/index.js";
+import { Button as w } from "../ui/Button/index.js";
 import "../../theme/theme.js";
 import { getMessageFromUnknownError as B } from "../../utils/getMessageFromUnknownError.js";
 import '../../assets/SendTransactionButton.css';const P = {

package/dist/components/SignIn/SignInAuthMethodButtons.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { AuthMethod } from '../CDPReactProvider/CDPReactProvider';
+export interface SignInAuthMethodButtonProps {
+    key: AuthMethod;
+    label: string;
+    ariaLabel?: string;
+    icon: ReactNode;
+    onClick: () => void;
+}
+export interface SignInAuthMethodButtonsProps {
+    activeMethod?: AuthMethod;
+}
+export declare const SignInAuthMethodButtons: ({ activeMethod }: SignInAuthMethodButtonsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SignIn/SignInAuthMethodButtons.js

@@ -0,0 +1,59 @@
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { useAppConfig as d } from "../CDPReactProvider/index.js";
+import { useSignInContext as m } from "./SignInProvider.js";
+import { Button as _ } from "../ui/Button/index.js";
+import { IconEnvelope as b } from "../../icons/IconEnvelope.js";
+import { IconPhone as p } from "../../icons/IconPhone.js";
+import '../../assets/SignInAuthMethodButtons.css';const f = "SignInAuthMethodButtons-module__divider___zphEh", o = {
+  "auth-method-buttons": "SignInAuthMethodButtons-module__auth-method-buttons___jYEH7",
+  "auth-btn": "SignInAuthMethodButtons-module__auth-btn___o1a09",
+  "auth-btn-icon": "SignInAuthMethodButtons-module__auth-btn-icon___VjvFY",
+  "auth-btn-label": "SignInAuthMethodButtons-module__auth-btn-label___mEWd3",
+  divider: f
+}, r = {
+  email: {
+    label: "Continue with email",
+    icon: /* @__PURE__ */ n(b, {})
+  },
+  sms: {
+    label: "Continue with phone",
+    icon: /* @__PURE__ */ n(p, {})
+  }
+}, S = ({ activeMethod: a }) => {
+  const { authMethods: u } = d(), { dispatch: l } = m(), e = c(() => (u || ["email"]).map((t) => {
+    if (!r[t])
+      return null;
+    const { label: s, icon: h } = r[t];
+    return {
+      key: t,
+      label: s,
+      icon: h,
+      onClick: () => l({ type: "SET_AUTH_METHOD", payload: { authMethod: t } })
+    };
+  }).filter((t) => t !== null), [u, l]);
+  return !e.length || e.length === 1 && e[0].key === a ? null : /* @__PURE__ */ i("div", { className: o["auth-method-buttons"], children: [
+    /* @__PURE__ */ i("div", { className: o.divider, children: [
+      /* @__PURE__ */ n("hr", {}),
+      /* @__PURE__ */ n("span", { children: "or" })
+    ] }),
+    e.map((t) => t.key === a ? null : /* @__PURE__ */ i(
+      _,
+      {
+        "aria-label": t.ariaLabel,
+        className: o["auth-btn"],
+        type: "button",
+        variant: "secondary",
+        onClick: t.onClick,
+        children: [
+          /* @__PURE__ */ n("span", { className: o["auth-btn-icon"], children: t.icon }),
+          /* @__PURE__ */ n("span", { className: o["auth-btn-label"], children: t.label })
+        ]
+      },
+      t.key
+    ))
+  ] });
+};
+export {
+  S as SignInAuthMethodButtons
+};

package/dist/components/SignIn/SignInBackButton.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { ButtonSize, ButtonVariant } from '../../theme/theme';
+import { SignInState } from './types';
+export interface SignInBackButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    step?: SignInState["step"];
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+}
+export declare const SignInBackButton: ({ step: stepFromProps, children, onClick, size, variant, ["aria-label"]: ariaLabel, ...props }: SignInBackButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SignIn/SignInBackButton.js

@@ -0,0 +1,38 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import { Button as S } from "../ui/Button/index.js";
+import { IconArrowLeft as d } from "../../icons/IconArrowLeft.js";
+import "../../theme/theme.js";
+import { useSignInContext as B } from "./SignInProvider.js";
+import "@coinbase/cdp-hooks";
+import "../CDPReactProvider/index.js";
+import '../../assets/SignInBackButton.css';const _ = "SignInBackButton-module__icon___stNFS", k = {
+  icon: _
+}, T = ({
+  step: t,
+  children: i,
+  onClick: r,
+  size: e = "md",
+  variant: c = "transparentSecondary",
+  ["aria-label"]: s = "Back",
+  ...a
+}) => {
+  const { state: o, dispatch: m } = B(), p = f(() => t || o.step, [t, o.step]), l = (u) => {
+    r?.(u), m({ type: "RESET_STATE" });
+  };
+  return p !== "verification" ? null : /* @__PURE__ */ n(
+    S,
+    {
+      type: "button",
+      "aria-label": s,
+      onClick: l,
+      size: e,
+      variant: c,
+      ...a,
+      children: i || /* @__PURE__ */ n(d, { className: k.icon })
+    }
+  );
+};
+export {
+  T as SignInBackButton
+};

package/dist/components/SignIn/SignInCredentials.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const SignInCredentials: ({ children, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignInCredentials.js

@@ -0,0 +1,8 @@
+import { jsx as s } from "react/jsx-runtime";
+import "react";
+import '../../assets/SignInCredentials.css';const t = "SignInCredentials-module__credentials___LE04y", r = {
+  credentials: t
+}, l = ({ children: e, ...n }) => /* @__PURE__ */ s("span", { className: r.credentials, ...n, children: e });
+export {
+  l as SignInCredentials
+};

package/dist/components/SignIn/SignInDescription.d.ts

@@ -1,5 +1,6 @@
 import { ElementType, HTMLAttributes } from 'react';
-export type SignInDescriptionProps = {
+import { SignInTitleAndDescriptionProps } from './types';
+export interface SignInDescriptionProps extends SignInTitleAndDescriptionProps, HTMLAttributes<HTMLElement> {
     as?: ElementType;
-} & HTMLAttributes<HTMLElement>;
-export declare const SignInDescription: ({ as: Component, children, className, ...props }: SignInDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+}
+export declare const SignInDescription: ({ as: Component, authMethod: authMethodFromProps, children, className, step: stepFromProps, ...props }: SignInDescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignInDescription.js

@@ -1,29 +1,22 @@
-import { jsxs as t, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "react";
-import { useSignInContext as l } from "./SignInProvider.js";
-import '../../assets/SignInDescription.css';const u = "SignInDescription-module__description___jZLc6", a = "SignInDescription-module__medium___NGpLf", o = {
-  description: u,
-  medium: a
-}, _ = () => /* @__PURE__ */ e(i, { children: "We’ll send you a verification code via email." }), g = ({ email: n }) => /* @__PURE__ */ t(i, { children: [
-  "We’ve sent a 6 digit code to ",
-  /* @__PURE__ */ e("span", { className: o.medium, children: n }),
-  "."
-] }), D = () => /* @__PURE__ */ e(i, { children: "You’ve successfully signed in." }), v = ({
+import { a as d } from "../../chunks/index.BzllgVaP.js";
+import { useSignInContext as h } from "./SignInProvider.js";
+import "@coinbase/cdp-hooks";
+import "../CDPReactProvider/index.js";
+import '../../assets/SignInDescription.css';const u = "SignInDescription-module__description___jZLc6", _ = {
+  description: u
+}, M = ({
   as: n = "p",
-  children: c,
-  className: r = "",
-  ...m
+  authMethod: e,
+  children: t,
+  className: p = "",
+  step: r,
+  ...c
 }) => {
-  const { state: d } = l(), { step: s, email: p } = d;
-  return /* @__PURE__ */ t(n, { className: `${o.description} ${r}`, ...m, children: [
-    c,
-    !c && /* @__PURE__ */ t(i, { children: [
-      s === "otp" && /* @__PURE__ */ e(g, { email: p }),
-      s === "success" && /* @__PURE__ */ e(D, {}),
-      s === "email" && /* @__PURE__ */ e(_, {})
-    ] })
-  ] });
+  const { state: o } = h(), m = r || o.step, s = e || o.authMethod, a = d[s].description;
+  return /* @__PURE__ */ i(n, { className: `${_.description} ${p}`, ...c, children: t || /* @__PURE__ */ i(a, { step: m, authMethod: s }) });
 };
 export {
-  v as SignInDescription
+  M as SignInDescription
 };

package/dist/components/SignIn/SignInFooter.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const SignInFooter: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignInFooter.js

@@ -0,0 +1,18 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import "react";
+import { IconCoinbaseWordmark as c } from "../../icons/IconCoinbaseWordmark.js";
+import { IconLock as s } from "../../icons/IconLock.js";
+import '../../assets/SignInFooter.css';const t = "SignInFooter-module__footer___DLNrl", a = "SignInFooter-module__icon___hFhfx", n = {
+  footer: t,
+  icon: a,
+  "coinbase-icon": "SignInFooter-module__coinbase-icon___NeFOp"
+}, f = ({ className: r = "", ...i }) => /* @__PURE__ */ e("div", { className: `${n.footer} ${r}`, ...i, children: [
+  /* @__PURE__ */ o(s, { className: n.icon }),
+  /* @__PURE__ */ e("p", { children: [
+    /* @__PURE__ */ o("span", { children: "Secured by " }),
+    /* @__PURE__ */ o(c, { className: n["coinbase-icon"], "aria-label": "Coinbase" })
+  ] })
+] });
+export {
+  f as SignInFooter
+};

package/dist/components/SignIn/SignInForm.d.ts

@@ -1,6 +1,14 @@
-import { ElementType, HTMLAttributes } from 'react';
-export type SignInFormProps = {
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { AuthMethod } from '../CDPReactProvider/CDPReactProvider';
+import { SignInState } from './types';
+export interface SignInFormProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
     as?: ElementType;
     onSuccess?: () => void;
-} & HTMLAttributes<HTMLElement>;
-export declare const SignInForm: ({ as: Component, className, onSuccess, ...props }: SignInFormProps) => import("react/jsx-runtime").JSX.Element;
+    step?: SignInState["step"];
+    children?: (props: {
+        step: SignInState["step"];
+        authMethod: AuthMethod;
+        Form: ReactNode;
+    }) => ReactNode;
+}
+export declare const SignInForm: ({ onSuccess, step: stepFromProps, children, ...props }: SignInFormProps) => import("react/jsx-runtime").JSX.Element;