@coinbase/cdp-react 0.0.37 → 0.0.39

package/README.md

@@ -7,7 +7,8 @@ the CDP frontend SDK.
  - {@link SignIn | `SignIn`} - the forms for the sign in flow, a logo, heading, and description text
  - {@link SignOutButton | `SignOutButton`} - a sign out button
  - {@link AuthButton | `AuthButton`} - the `SignOutButton` when logged in, and the `SignInModal` when logged out
- - {@link SendTransactionButton | `SendTransactionButton`} - a button that signs and sends a transaction
+ - {@link SendEvmTransactionButton | `SendEvmTransactionButton`} - a button that signs and sends an EVM transaction
+ - {@link SendSolanaTransactionButton | `SendSolanaTransactionButton`} - a button that signs and sends a Solana transaction
  - {@link Fund | `Fund`} - the fund flow
  - {@link FundModal | `FundModal`} - a button that triggers a modal with the fund flow
 

package/dist/assets/AmountInput.css

@@ -1 +1 @@
-.AmountInput-module__amount-input___24NlC{box-sizing:border-box;color:var(--cdp-web-colors-page-text-default);font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);line-height:1.2;display:flex;align-items:center;justify-content:flex-start;gap:.25rem;overflow:hidden;position:relative;width:100%}.AmountInput-module__input___Af-R1{appearance:textfield;background-color:transparent;color:var(--cdp-web-colors-page-text-default);border:0;font-size:1em;font-family:var(--cdp-web-font-family-sans);font-weight:500;margin:0;outline:0;padding:0;width:1em}.AmountInput-module__input___Af-R1::placeholder{color:var(--cdp-web-colors-page-text-muted)}.AmountInput-module__amount-unit___48d60{font-size:3.75em;font-weight:500;display:flex;align-items:center;justify-content:flex-start}.AmountInput-module__amount-unit___48d60.AmountInput-module__visible___qmvT0{cursor:text;transform-origin:left center}.AmountInput-module__hidden___cO0sQ{visibility:hidden;position:absolute;pointer-events:none}.AmountInput-module__unit___-zmGz{color:var(--cdp-web-colors-page-text-muted)}
+.AmountInput-module__amount-input___24NlC{box-sizing:border-box;color:var(--cdp-web-colors-page-text-default);font-family:var(--cdp-web-font-family-input);font-size:var(--cdp-web-font-size-base);line-height:1.2;display:flex;align-items:center;justify-content:flex-start;gap:.25rem;overflow:hidden;position:relative;width:100%}.AmountInput-module__input___Af-R1{appearance:textfield;background-color:transparent;color:var(--cdp-web-colors-page-text-default);border:0;font-size:1em;font-family:var(--cdp-web-font-family-input);font-weight:500;margin:0;outline:0;padding:0;width:1em}.AmountInput-module__input___Af-R1::placeholder{color:var(--cdp-web-colors-page-text-muted)}.AmountInput-module__amount-unit___48d60{font-size:3.75em;font-weight:500;display:flex;align-items:center;justify-content:flex-start}.AmountInput-module__amount-unit___48d60.AmountInput-module__visible___qmvT0{cursor:text;transform-origin:left center}.AmountInput-module__hidden___cO0sQ{visibility:hidden;position:absolute;pointer-events:none}.AmountInput-module__unit___-zmGz{color:var(--cdp-web-colors-page-text-muted)}

package/dist/assets/AuthButton.css

@@ -1 +1 @@
-.AuthButton-module__loading___JpDqi{border-radius:9999em;height:3em;width:7.5em}
+.AuthButton-module__loading___JpDqi{border-radius:var(--cdp-web-borderRadius-cta);height:3em;width:7.5em}

package/dist/assets/Button.css

@@ -1 +1 @@
-.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;border-radius:9999em}.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--:active{background-color:var(--cdp-web-colors-cta-primary-bg-pressed)}.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:active{background-color:var(--cdp-web-colors-cta-secondary-bg-pressed)}.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:active,.Button-module__transparent-primary___iwWv5:active{color:var(--cdp-web-colors-link-primary-text-pressed)}.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:active,.Button-module__transparent-secondary___GfRXu:active{color:var(--cdp-web-colors-link-secondary-text-pressed)}.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}.Button-module__control-btn___9Gkoz{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-trigger-text-default);font-weight:400}.Button-module__control-btn___9Gkoz:hover{background-color:var(--cdp-web-colors-select-trigger-bg-hover)}.Button-module__control-btn___9Gkoz:active{background-color:var(--cdp-web-colors-select-trigger-bg-pressed)}.Button-module__control-btn___9Gkoz:focus{outline:none}.Button-module__control-btn___9Gkoz:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-input-border-focus);--cdp-web-button-ring-inset-width: 2px;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;border-radius:var(--cdp-web-borderRadius-cta);font-family:var(--cdp-web-font-family-cta)}.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);border-radius:var(--cdp-web-borderRadius-cta);font-family:var(--cdp-web-font-family-cta)}.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--:active{background-color:var(--cdp-web-colors-cta-primary-bg-pressed)}.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);border-radius:var(--cdp-web-borderRadius-cta);font-family:var(--cdp-web-font-family-cta)}.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:active{background-color:var(--cdp-web-colors-cta-secondary-bg-pressed)}.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);border-radius:var(--cdp-web-borderRadius-link);font-family:var(--cdp-web-font-family-link)}.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:active,.Button-module__transparent-primary___iwWv5:active{color:var(--cdp-web-colors-link-primary-text-pressed)}.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);border-radius:var(--cdp-web-borderRadius-link);font-family:var(--cdp-web-font-family-link)}.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:active,.Button-module__transparent-secondary___GfRXu:active{color:var(--cdp-web-colors-link-secondary-text-pressed)}.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}.Button-module__control-btn___9Gkoz{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:var(--cdp-web-borderRadius-select-trigger);color:var(--cdp-web-colors-select-trigger-text-default);font-family:var(--cdp-web-font-family-select);font-weight:400}.Button-module__control-btn___9Gkoz:hover{background-color:var(--cdp-web-colors-select-trigger-bg-hover)}.Button-module__control-btn___9Gkoz:active{background-color:var(--cdp-web-colors-select-trigger-bg-pressed)}.Button-module__control-btn___9Gkoz:focus{outline:none}.Button-module__control-btn___9Gkoz:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-input-border-focus);--cdp-web-button-ring-inset-width: 2px;outline:none}

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-.ButtonBase-module__btn___9S8PJ{--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: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;transition-property:color,background-color,border-color,box-shadow,transform;-webkit-user-select:none;user-select:none}.ButtonBase-module__full-width___vLJsn{display:flex;width:100%}.ButtonBase-module__size-lg___569jT{padding:1em}.ButtonBase-module__size-md___sAsBJ{padding:.75em}.ButtonBase-module__size-sm___xHCtU{padding:.5em .75em}.ButtonBase-module__size-xs___LiiO7{padding:.25em .75em}
+.ButtonBase-module__btn___9S8PJ{--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: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-interactive);font-weight:500;line-height:1.5;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;transition-property:color,background-color,border-color,box-shadow,transform;-webkit-user-select:none;user-select:none}.ButtonBase-module__full-width___vLJsn{display:flex;width:100%}.ButtonBase-module__size-lg___569jT{padding:1em}.ButtonBase-module__size-md___sAsBJ{padding:.75em}.ButtonBase-module__size-sm___xHCtU{padding:.5em .75em}.ButtonBase-module__size-xs___LiiO7{padding:.25em .75em}

package/dist/assets/Error.css

@@ -1 +1 @@
-.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}
+.Error-module__error___zeTQt{color:var(--cdp-web-colors-fg-negative);line-height:1.25em;font-family:var(--cdp-web-font-family-body);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___SCcbl{display:flex;flex-direction:column;font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);gap:.25em}
+.Field-module__field-wrapper___SCcbl{display:flex;flex-direction:column;font-family:var(--cdp-web-font-family-body);font-size:var(--cdp-web-font-size-base);gap:.25em}

package/dist/assets/Fund.css

@@ -1 +1 @@
-.Fund-module__fund___6j-Og{box-sizing:border-box;color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;font-family:var(--cdp-web-font-family-sans);font-size:var(--cdp-web-font-size-base);gap:1em;width:100%;max-width:28.125em;padding:.75em 2em 1em}.Fund-module__fund___6j-Og *{box-sizing:border-box}
+.Fund-module__fund___6j-Og{box-sizing:border-box;color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;font-family:var(--cdp-web-font-family-body);font-size:var(--cdp-web-font-size-base);gap:1em;width:100%;max-width:28.125em;padding:.75em 2em 1em}.Fund-module__fund___6j-Og *{box-sizing:border-box}

package/dist/assets/FundPaymentMethods.css

@@ -1 +1 @@
-.FundPaymentMethods-module__select-loading-skeleton___ZuD3n{width:100%;border-radius:.5em;height:3em}.FundPaymentMethods-module__select-item___9VyxH{display:flex;align-items:center;line-height:1.25em;gap:.5em}.FundPaymentMethods-module__select-item-icon___28unQ{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:2.25em}.FundPaymentMethods-module__select-item-name___5vLc0{display:block;font-weight:600;font-size:.875em}.FundPaymentMethods-module__select-item-description___C5mTB{color:var(--cdp-web-colors-select-list-item-text-muted);display:block;font-size:.875em}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item___9VyxH{line-height:1.5em;gap:.75em}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item-icon___28unQ{width:auto}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item-name___5vLc0{font-size:1em}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item-description___C5mTB{display:none}
+.FundPaymentMethods-module__select-loading-skeleton___ZuD3n{width:100%;border-radius:var(--cdp-web-borderRadius-select-trigger);height:3em}.FundPaymentMethods-module__select-item___9VyxH{display:flex;align-items:center;line-height:1.25em;gap:.5em}.FundPaymentMethods-module__select-item-icon___28unQ{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:2.25em}.FundPaymentMethods-module__select-item-name___5vLc0{display:block;font-weight:600;font-size:.875em}.FundPaymentMethods-module__select-item-description___C5mTB{color:var(--cdp-web-colors-select-list-item-text-muted);display:block;font-size:.875em}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item___9VyxH{line-height:1.5em;gap:.75em}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item-icon___28unQ{width:auto}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item-name___5vLc0{font-size:1em}.FundPaymentMethods-module__select-trigger___ypebl .FundPaymentMethods-module__select-item-description___C5mTB{display:none}

package/dist/assets/Input.css

@@ -1 +1 @@
-.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__size-lg___IYoRG{padding:1em}.Input-module__size-md___8hkn5{padding:.75em}.Input-module__size-sm___cnynF{padding:.5em .75em}.Input-module__size-xs___aK-NH{padding:.25em .75em}.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)}
+.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-input);font-size:var(--cdp-web-font-size-base);line-height:1.5;padding:1em;border-radius:var(--cdp-web-borderRadius-input);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__size-lg___IYoRG{padding:1em}.Input-module__size-md___8hkn5{padding:.75em}.Input-module__size-sm___cnynF{padding:.5em .75em}.Input-module__size-xs___aK-NH{padding:.25em .75em}.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/Modal.css

@@ -1 +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:auto}.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%)}}}
+.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:var(--cdp-web-borderRadius-modal);outline:1px solid var(--cdp-web-colors-page-border-default);overflow:hidden;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:auto}.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/PhoneNumberInput.css

@@ -1 +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}
+.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-input);font-size:var(--cdp-web-font-size-base);line-height:1.5;padding-left:1em;border-radius:var(--cdp-web-borderRadius-input);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/Select.css

@@ -1 +1 @@
-.Select-module__select-trigger___yqioM{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-trigger-text-default);font-weight:500;text-align:left;justify-content:space-between}.Select-module__select-trigger___yqioM:hover{background-color:var(--cdp-web-colors-select-trigger-bg-hover)}.Select-module__select-trigger___yqioM:active{background-color:var(--cdp-web-colors-select-trigger-bg-pressed)}.Select-module__select-trigger___yqioM:focus{outline:none}.Select-module__select-trigger___yqioM:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-focus);--cdp-web-button-ring-inset-width: 2px;outline:none}.Select-module__select-icon___hE7Wy{transition:transform .2s ease-in-out}.Select-module__select-trigger___yqioM[data-state=open] .Select-module__select-icon___hE7Wy{transform:rotate(0)}.Select-module__select-trigger___yqioM[data-state=closed] .Select-module__select-icon___hE7Wy{transform:rotate(-90deg)}.Select-module__select-content___6R8J9{--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);background-color:var(--cdp-web-colors-select-list-bg-default);border:1px solid var(--cdp-web-colors-select-list-border-default);border-radius:.5em;box-sizing:border-box;box-shadow:var(--shadow-sm);font-size:var(--cdp-web-font-size-base);max-height:var(--radix-select-content-available-height);padding:.5em;text-align:left;width:var(--radix-select-trigger-width)}.Select-module__select-content___6R8J9[data-state=open]{animation:Select-module__slide-down-and-fade___66mDK .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-content___6R8J9[data-side=top][data-state=open]{animation:Select-module__slide-up-and-fade___0H9hX .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C{background-color:var(--cdp-web-colors-select-list-item-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-list-item-text-default);cursor:pointer;font-size:.875em;display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.5em;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C[data-highlighted]{background-color:var(--cdp-web-colors-select-list-item-bg-highlight);color:var(--cdp-web-colors-select-list-item-text-onHighlight);outline:none}.Select-module__rotate-180___KuvGV{transform:rotate(180deg)}@keyframes Select-module__slide-down-and-fade___66mDK{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes Select-module__slide-up-and-fade___0H9hX{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
+.Select-module__select-trigger___yqioM{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:var(--cdp-web-borderRadius-select-trigger);color:var(--cdp-web-colors-select-trigger-text-default);font-family:var(--cdp-web-font-family-select);font-weight:500;text-align:left;justify-content:space-between}.Select-module__select-trigger___yqioM:hover{background-color:var(--cdp-web-colors-select-trigger-bg-hover)}.Select-module__select-trigger___yqioM:active{background-color:var(--cdp-web-colors-select-trigger-bg-pressed)}.Select-module__select-trigger___yqioM:focus{outline:none}.Select-module__select-trigger___yqioM:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-focus);--cdp-web-button-ring-inset-width: 2px;outline:none}.Select-module__select-icon___hE7Wy{transition:transform .2s ease-in-out}.Select-module__select-trigger___yqioM[data-state=open] .Select-module__select-icon___hE7Wy{transform:rotate(0)}.Select-module__select-trigger___yqioM[data-state=closed] .Select-module__select-icon___hE7Wy{transform:rotate(-90deg)}.Select-module__select-content___6R8J9{--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);background-color:var(--cdp-web-colors-select-list-bg-default);border:1px solid var(--cdp-web-colors-select-list-border-default);border-radius:var(--cdp-web-borderRadius-select-list);box-sizing:border-box;box-shadow:var(--shadow-sm);font-size:var(--cdp-web-font-size-base);font-family:var(--cdp-web-font-family-select);max-height:var(--radix-select-content-available-height);padding:.5em;text-align:left;width:var(--radix-select-trigger-width)}.Select-module__select-content___6R8J9[data-state=open]{animation:Select-module__slide-down-and-fade___66mDK .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-content___6R8J9[data-side=top][data-state=open]{animation:Select-module__slide-up-and-fade___0H9hX .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C{background-color:var(--cdp-web-colors-select-list-item-bg-default);border-radius:var(--cdp-web-borderRadius-select-list);color:var(--cdp-web-colors-select-list-item-text-default);cursor:pointer;font-size:.875em;display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.5em;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C[data-highlighted]{background-color:var(--cdp-web-colors-select-list-item-bg-highlight);color:var(--cdp-web-colors-select-list-item-text-onHighlight);outline:none}.Select-module__rotate-180___KuvGV{transform:rotate(180deg)}@keyframes Select-module__slide-down-and-fade___66mDK{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes Select-module__slide-up-and-fade___0H9hX{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

package/dist/assets/SendEvmTransactionButton.css

@@ -0,0 +1 @@
+.SendEvmTransactionButton-module__send-evm-transaction-button___74m57{padding-left:2em;padding-right:2em}

package/dist/assets/SendSolanaTransactionButton.css

@@ -0,0 +1 @@
+.SendSolanaTransactionButton-module__send-solana-transaction-button___OxwvB{padding-left:2em;padding-right:2em}

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);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}
+.SignIn-module__sign-in___cYpee{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);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/SuccessMessage.css

@@ -1 +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}
+.SuccessMessage-module__success___ZOELg{color:var(--cdp-web-colors-fg-positive);font-family:var(--cdp-web-font-family-body);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/components/CDPReactProvider/index.js

@@ -1,46 +1,46 @@
 import { jsx as t } from "react/jsx-runtime";
-import { CDPContext as v, CDPHooksProvider as A } from "@coinbase/cdp-hooks";
-import { createContext as b, useMemo as n, useContext as g } from "react";
+import { CDPContext as A, CDPHooksProvider as O } from "@coinbase/cdp-hooks";
+import { createContext as b, useMemo as r, useContext as f } from "react";
 import { ThemeProvider as w } from "../ThemeProvider/index.js";
 const E = [
   /** Email OTP method */
   "email",
   /** SMS OTP method */
   "sms"
-], F = ({ children: o, config: e, theme: r }) => {
+], F = ({ children: o, config: e, theme: n }) => {
   const {
-    appName: p,
+    appName: i,
     appLogoUrl: s,
-    showCoinbaseFooter: i,
-    authMethods: a,
+    showCoinbaseFooter: a,
+    authMethods: p,
     projectId: c,
-    useMock: d,
+    useMock: C,
     debugging: u,
-    basePath: C,
-    ethereum: m,
-    solana: h
-  } = e, P = n(
+    basePath: d,
+    ethereum: P,
+    solana: x
+  } = e, { createOnLogin: m } = P ?? {}, { createOnLogin: g } = x ?? {}, v = r(
     () => ({
       projectId: c,
-      useMock: d,
+      useMock: C,
       debugging: u,
-      basePath: C,
-      ethereum: m || {},
-      solana: h || {}
+      basePath: d,
+      ethereum: { createOnLogin: m },
+      solana: { createOnLogin: g }
     }),
-    [c, d, u, C, m, h]
-  ), x = n(
-    () => ({ appName: p, appLogoUrl: s, showCoinbaseFooter: i, authMethods: a }),
-    [p, s, i, a]
-  ), f = /* @__PURE__ */ t(M, { config: x, children: /* @__PURE__ */ t(w, { theme: r, children: o }) });
-  return g(v) ? f : /* @__PURE__ */ t(A, { config: P, children: f });
+    [c, C, u, d, m, g]
+  ), L = r(
+    () => ({ appName: i, appLogoUrl: s, showCoinbaseFooter: a, authMethods: p }),
+    [i, s, a, p]
+  ), h = /* @__PURE__ */ t(M, { config: L, children: /* @__PURE__ */ t(w, { theme: n, children: o }) });
+  return f(A) ? h : /* @__PURE__ */ t(O, { config: v, children: h });
 }, l = b(void 0), D = {
   appName: "",
   appLogoUrl: "",
   showCoinbaseFooter: !0,
   authMethods: ["email"]
 }, M = ({ children: o, config: e }) => {
-  const r = n(
+  const n = r(
     () => ({
       app: {
         ...D,
@@ -49,9 +49,9 @@ const E = [
     }),
     [e]
   );
-  return /* @__PURE__ */ t(l.Provider, { value: r, children: o });
-}, L = () => {
-  const o = g(l);
+  return /* @__PURE__ */ t(l.Provider, { value: n, children: o });
+}, N = () => {
+  const o = f(l);
   if (!o)
     throw new Error("useAppConfig must be used within an AppConfigProvider");
   return o.app;
@@ -59,5 +59,5 @@ const E = [
 export {
   E as AUTH_METHODS,
   F as CDPReactProvider,
-  L as useAppConfig
+  N as useAppConfig
 };

package/dist/components/Fund/FundProvider.js

@@ -1,12 +1,11 @@
-import { jsx as T } from "react/jsx-runtime";
-import { useEvmAddress as U } from "@coinbase/cdp-hooks";
-import { createContext as R, useContext as b, useEffect as l, useMemo as M } from "react";
-import { useBuyUrl as g } from "./hooks/useBuyUrl.js";
-import { useEmitLifecycleStatus as k } from "./hooks/useEmitLifecycleStatus.js";
-import { useExchangeRate as H } from "./hooks/useExchangeRate.js";
-import { usePaymentMethods as N } from "./hooks/usePaymentMethods.js";
-import { useFundReducer as _ } from "./useFundReducer.js";
-const x = {
+import { jsx as A } from "react/jsx-runtime";
+import { createContext as E, useContext as R, useEffect as f, useMemo as b } from "react";
+import { useBuyUrl as M } from "./hooks/useBuyUrl.js";
+import { useEmitLifecycleStatus as g } from "./hooks/useEmitLifecycleStatus.js";
+import { useExchangeRate as k } from "./hooks/useExchangeRate.js";
+import { usePaymentMethods as H } from "./hooks/usePaymentMethods.js";
+import { useFundReducer as N } from "./useFundReducer.js";
+const h = {
   country: "US",
   cryptoCurrency: "ETH",
   cryptoDecimalPlaces: 8,
@@ -18,113 +17,118 @@ const x = {
   transactionStatus: {
     statusName: "init",
     statusData: null
-  }
-}, C = R(void 0), G = ({
+  },
+  destinationAddress: ""
+}, S = E(void 0), q = ({
   children: c,
-  fetchBuyOptions: h,
-  fetchBuyQuote: f,
-  inputType: S,
+  fetchBuyOptions: v,
+  fetchBuyQuote: y,
+  inputType: D,
   onError: u,
-  onStatus: D,
-  onSuccess: F,
-  ...I
+  onStatus: F,
+  onSuccess: I,
+  ...w
 }) => {
   const {
     country: t,
     cryptoCurrency: e,
-    cryptoDecimalPlaces: a,
+    cryptoDecimalPlaces: i,
     fiatCurrency: s,
-    fiatDecimalPlaces: i,
-    locale: d,
-    network: o,
-    presetAmountInputs: m,
-    redirectUrl: w,
-    subdivision: r
-  } = I, { evmAddress: A } = U(), [p, n] = _({
-    ...x,
+    fiatDecimalPlaces: d,
+    locale: m,
+    network: n,
+    presetAmountInputs: p,
+    redirectUrl: T,
+    subdivision: o,
+    destinationAddress: a
+  } = w, [l, r] = N({
+    ...h,
     country: t,
     cryptoCurrency: e,
-    cryptoDecimalPlaces: a,
+    cryptoDecimalPlaces: i,
     fiatCurrency: s,
-    fiatDecimalPlaces: i,
-    locale: d,
-    network: o,
-    presetAmountInputs: m,
-    subdivision: r,
-    selectedInputType: S || x.selectedInputType
+    fiatDecimalPlaces: d,
+    locale: m,
+    network: n,
+    presetAmountInputs: p,
+    subdivision: o,
+    destinationAddress: a,
+    selectedInputType: D || h.selectedInputType
   });
-  l(() => {
-    n({
+  f(() => {
+    r({
       type: "SYNC_WITH_PROPS",
       payload: {
         country: t,
         cryptoCurrency: e,
-        cryptoDecimalPlaces: a,
+        cryptoDecimalPlaces: i,
         fiatCurrency: s,
-        fiatDecimalPlaces: i,
-        locale: d,
-        network: o,
-        presetAmountInputs: m,
-        subdivision: r
+        fiatDecimalPlaces: d,
+        locale: m,
+        network: n,
+        presetAmountInputs: p,
+        subdivision: o,
+        destinationAddress: a
       }
     });
   }, [
     t,
     e,
-    a,
-    s,
     i,
+    s,
     d,
-    o,
     m,
+    n,
+    p,
+    o,
     r,
-    n
-  ]), k({
-    lifecycleStatus: p.transactionStatus,
+    a
+  ]), g({
+    lifecycleStatus: l.transactionStatus,
     onError: u,
-    onStatus: D,
-    onSuccess: F
+    onStatus: F,
+    onSuccess: I
   });
-  const { fetchExchangeRate: y } = H({
+  const { fetchExchangeRate: P } = k({
     cryptoCurrency: e,
     country: t,
-    dispatch: n,
-    fetchBuyQuote: f,
+    dispatch: r,
+    fetchBuyQuote: y,
     fiatCurrency: s,
-    network: o,
+    network: n,
     onError: u,
-    subdivision: r
-  }), { fetchPaymentMethods: P } = N({
+    subdivision: o
+  }), { fetchPaymentMethods: x } = H({
     country: t,
     cryptoCurrency: e,
-    dispatch: n,
-    fetchBuyOptions: h,
+    dispatch: r,
+    fetchBuyOptions: v,
     fiatCurrency: s,
-    network: o,
+    network: n,
     onError: u,
-    subdivision: r
-  }), { fetchBuyUrl: v } = g({
+    subdivision: o
+  }), { fetchBuyUrl: C } = M({
     cryptoCurrency: e,
-    destinationAddress: A || void 0,
     fiatCurrency: s,
-    fetchBuyQuote: f,
+    fetchBuyQuote: y,
     country: t,
-    network: o,
-    redirectUrl: w,
-    subdivision: r
-  }), E = M(() => ({ state: p, dispatch: n, fetchBuyUrl: v }), [p, n, v]);
-  return l(() => {
-    y();
-  }, [y]), l(() => {
+    network: n,
+    redirectUrl: T,
+    subdivision: o,
+    destinationAddress: a
+  }), U = b(() => ({ state: l, dispatch: r, fetchBuyUrl: C }), [l, r, C]);
+  return f(() => {
     P();
-  }, [P]), /* @__PURE__ */ T(C.Provider, { value: E, children: c });
-}, J = () => {
-  const c = b(C);
+  }, [P]), f(() => {
+    x();
+  }, [x]), /* @__PURE__ */ A(S.Provider, { value: U, children: c });
+}, z = () => {
+  const c = R(S);
   if (!c)
     throw new Error("useFundContext must be used within a FundProvider");
   return c;
 };
 export {
-  G as FundProvider,
-  J as useFundContext
+  q as FundProvider,
+  z as useFundContext
 };

package/dist/components/Fund/hooks/useBuyUrl.d.ts

@@ -1,8 +1,7 @@
 import { OnrampError, FundProps, FundState } from '../types';
-export type UseBuyUrlParams = Pick<FundState, "country" | "cryptoCurrency" | "fiatCurrency" | "network" | "subdivision"> & {
+export type UseBuyUrlParams = Pick<FundState, "country" | "cryptoCurrency" | "fiatCurrency" | "network" | "subdivision" | "destinationAddress"> & {
     fetchBuyQuote: FundProps["fetchBuyQuote"];
     onError?: (e: OnrampError | undefined) => void;
-    destinationAddress?: string;
     redirectUrl?: string;
 };
 export interface FetchBuyUrlParams {

package/dist/components/Fund/hooks/useBuyUrl.js

@@ -8,29 +8,29 @@ const _ = (o) => {
 }, h = ({
   country: o,
   cryptoCurrency: a,
-  destinationAddress: n,
+  destinationAddress: c,
   fetchBuyQuote: u,
   fiatCurrency: p,
-  network: U,
-  onError: c,
-  redirectUrl: t,
+  network: d,
+  onError: n,
+  redirectUrl: s,
   subdivision: i
 }) => {
-  const l = y(
-    async ({ paymentMethod: d, paymentAmount: m }, f) => {
-      if (isNaN(m) || !n || !d)
+  const U = y(
+    async ({ paymentMethod: l, paymentAmount: m }, f) => {
+      if (isNaN(m) || !l)
         return "";
       try {
         const e = (await u({
           purchaseCurrency: a.toUpperCase(),
-          purchaseNetwork: U.toLowerCase(),
+          purchaseNetwork: d.toLowerCase(),
           paymentCurrency: p.toUpperCase(),
           paymentAmount: m.toFixed(),
-          paymentMethod: d.replace("_GUEST", ""),
+          paymentMethod: l.replace("_GUEST", ""),
           // remove "_GUEST" from the payment method since it is not valid in the Buy Quote API
           country: o.toUpperCase(),
           subdivision: i?.toUpperCase(),
-          destinationAddress: n
+          destinationAddress: c
         })).onrampUrl;
         if (!e) {
           const r = {
@@ -38,39 +38,39 @@ const _ = (o) => {
             code: "NO_ONRAMP_URL",
             debugMessage: "No payment methods found for the selected country and currency. See docs for more information: https://docs.cdp.coinbase.com/onramp/docs/api-configurations"
           };
-          return f?.(r), c?.(r), "";
+          return f?.(r), n?.(r), "";
         }
-        if (t && _(t)) {
+        if (s && _(s)) {
           const r = new URL(e);
-          return r.searchParams.set("redirectUrl", t), r.toString();
+          return r.searchParams.set("redirectUrl", s), r.toString();
         }
         return e;
-      } catch (s) {
+      } catch (t) {
         let e;
-        return s instanceof Error ? e = {
+        return t instanceof Error ? e = {
           errorType: "handled_error",
           code: "BUY_URL_ERROR",
-          debugMessage: s.message
+          debugMessage: t.message
         } : e = {
           errorType: "unknown_error",
           code: "UNKNOWN_BUY_URL_ERROR",
-          debugMessage: JSON.stringify(s)
-        }, f?.(e), c?.(e), "";
+          debugMessage: JSON.stringify(t)
+        }, f?.(e), n?.(e), "";
       }
     },
     [
       o,
       a,
-      n,
+      c,
       u,
       p,
-      U,
-      c,
-      t,
+      d,
+      n,
+      s,
       i
     ]
   );
-  return R(() => ({ fetchBuyUrl: l }), [l]);
+  return R(() => ({ fetchBuyUrl: U }), [U]);
 };
 export {
   h as useBuyUrl

package/dist/components/Fund/types.d.ts

@@ -100,8 +100,9 @@ export interface FundState {
     selectedPaymentMethod?: FundPaymentMethod;
     subdivision?: string;
     transactionStatus: FundLifecycleStatus;
+    destinationAddress: string;
 }
-export type FundStateProps = Pick<FundState, "country" | "cryptoCurrency" | "cryptoDecimalPlaces" | "fiatCurrency" | "fiatDecimalPlaces" | "locale" | "network" | "presetAmountInputs" | "subdivision">;
+export type FundStateProps = Pick<FundState, "country" | "cryptoCurrency" | "cryptoDecimalPlaces" | "fiatCurrency" | "fiatDecimalPlaces" | "locale" | "network" | "presetAmountInputs" | "subdivision" | "destinationAddress">;
 export interface FundProps extends FundStateProps, FundLifecycleEvents {
     children?: ReactNode | ((state: FundState) => ReactNode);
     className?: string;

package/dist/components/{SendTransactionButton → SendEvmTransactionButton}/index.d.ts

@@ -1,7 +1,7 @@
 import { APIError, SendEvmTransactionOptions } from '@coinbase/cdp-hooks';
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { ButtonVariant } from '../../theme/theme';
-export interface SendTransactionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onError"> {
+export interface SendEvmTransactionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onError"> {
     account: SendEvmTransactionOptions["evmAccount"];
     network: SendEvmTransactionOptions["network"];
     onError?: (error: APIError | Error) => void;
@@ -10,4 +10,4 @@ export interface SendTransactionButtonProps extends Omit<ButtonHTMLAttributes<HT
     transaction: SendEvmTransactionOptions["transaction"];
     variant?: ButtonVariant;
 }
-export declare const SendTransactionButton: ({ account, children, className, network, onClick, onError, onSuccess, pendingLabel, transaction, variant, ...props }: SendTransactionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SendEvmTransactionButton: ({ account, children, className, network, onClick, onError, onSuccess, pendingLabel, transaction, variant, ...props }: SendEvmTransactionButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SendEvmTransactionButton/index.js

@@ -0,0 +1,67 @@
+import { jsx as S } from "react/jsx-runtime";
+import { useSendEvmTransaction as b, APIError as y } from "@coinbase/cdp-hooks";
+import { useState as T, useCallback as _ } from "react";
+import { Button as w } from "../ui/Button/index.js";
+import "../../theme/theme.js";
+import { getMessageFromUnknownError as B } from "../../utils/getMessageFromUnknownError.js";
+import '../../assets/SendEvmTransactionButton.css';const P = {
+  "send-evm-transaction-button": "SendEvmTransactionButton-module__send-evm-transaction-button___74m57"
+}, q = ({
+  account: e,
+  children: f,
+  className: l = "",
+  network: s,
+  onClick: o,
+  onError: a,
+  onSuccess: i,
+  pendingLabel: u,
+  transaction: r,
+  variant: p = "primary",
+  ...g
+}) => {
+  const [v, m] = T(!1), { sendEvmTransaction: c } = b(), h = _(
+    async (d) => {
+      d.preventDefault(), o?.(d);
+      try {
+        if (!e || !s || !r) {
+          const n = [];
+          throw e || n.push("account"), s || n.push("network"), r || n.push("transaction"), new Error(`Missing required parameters: ${n.join(", ")}`);
+        }
+        m(!0);
+        const { transactionHash: t } = await c({
+          transaction: r,
+          evmAccount: e,
+          network: s
+        });
+        i?.(t);
+      } catch (t) {
+        let n;
+        if (t instanceof y || t instanceof Error)
+          n = t;
+        else {
+          const E = B(t);
+          n = new Error(E);
+        }
+        a?.(n);
+      } finally {
+        m(!1);
+      }
+    },
+    [e, s, o, a, i, c, r]
+  );
+  return /* @__PURE__ */ S(
+    w,
+    {
+      className: `${P["send-evm-transaction-button"]} ${l}`,
+      isPending: v,
+      pendingLabel: u || "Sending transaction...",
+      onClick: h,
+      variant: p,
+      ...g,
+      children: f || "Send transaction"
+    }
+  );
+};
+export {
+  q as SendEvmTransactionButton
+};