@coinbase/cdp-react 0.0.36 → 0.0.38

package/README.md

@@ -54,20 +54,15 @@ Update your main application file (e.g., `main.tsx` or `App.tsx`) to include the
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { App } from './App'; // Your main App component
-import { CDPReactProvider, type Theme } from '@coinbase/cdp-react';
+import { CDPReactProvider, type Config, type Theme } from '@coinbase/cdp-react';
 
-// Your CDP config
-const cdpConfig = {
+// Config for your dapp
+const config: Config = {
   projectId: "your-project-id", // Copy your Project ID here.
+  appName: "My app", // the name of your application
+  appLogoUrl: "https://picsum.photos/64", // logo will be displayed in select components
 }
 
-// Global config for your dapp
-const appConfig = {
-  name: "My app", // the name of your application
-  logoUrl: "https://picsum.photos/64", // logo will be displayed in select components
-}
-
-
 // You can customize the theme by overriding theme variables
 const themeOverrides: Partial<Theme> = {
   "colors-bg-default": "black",
@@ -78,7 +73,7 @@ const themeOverrides: Partial<Theme> = {
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <CDPReactProvider config={cdpConfig} app={appConfig} theme={themeOverrides}>
+    <CDPReactProvider config={config} theme={themeOverrides}>
       <App />
     </CDPReactProvider>
   </React.StrictMode>,

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/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.d.ts

@@ -1,15 +1,16 @@
-import { CDPHooksProviderProps } from '@coinbase/cdp-hooks';
+import { Config as CDPHooksConfig } 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;
+    appName?: string;
+    appLogoUrl?: string;
     showCoinbaseFooter?: boolean;
     authMethods?: AuthMethod[];
 }
+export type Config = AppConfig & CDPHooksConfig;
 export type CDPReactProviderProps = {
-    app?: AppConfig;
-} & CDPHooksProviderProps & ThemeProviderProps;
-export declare const CDPReactProvider: ({ children, config, theme, app }: CDPReactProviderProps) => import("react/jsx-runtime").JSX.Element;
+    config: Config;
+} & ThemeProviderProps;
+export declare const CDPReactProvider: ({ children, config, theme }: CDPReactProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useAppConfig: () => AppConfig;

package/dist/components/CDPReactProvider/index.js

@@ -1,39 +1,63 @@
 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 m } from "react";
-import { ThemeProvider as u } from "../ThemeProvider/index.js";
-const A = [
+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"
-], 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 });
-}, s = d(void 0), a = {
-  name: "",
-  logoUrl: "",
+], F = ({ children: o, config: e, theme: n }) => {
+  const {
+    appName: i,
+    appLogoUrl: s,
+    showCoinbaseFooter: a,
+    authMethods: p,
+    projectId: c,
+    useMock: C,
+    debugging: u,
+    basePath: d,
+    ethereum: P,
+    solana: x
+  } = e, { createOnLogin: m } = P ?? {}, { createOnLogin: g } = x ?? {}, v = r(
+    () => ({
+      projectId: c,
+      useMock: C,
+      debugging: u,
+      basePath: d,
+      ethereum: { createOnLogin: m },
+      solana: { createOnLogin: g }
+    }),
+    [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"]
-}, f = ({ children: o, app: e }) => {
-  const r = m(
+}, M = ({ children: o, config: e }) => {
+  const n = r(
     () => ({
       app: {
-        ...a,
+        ...D,
         ...e
       }
     }),
     [e]
   );
-  return /* @__PURE__ */ t(s.Provider, { value: r, children: o });
-}, D = () => {
-  const o = i(s);
+  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;
 };
 export {
-  A as AUTH_METHODS,
-  g as CDPReactProvider,
-  D as useAppConfig
+  E as AUTH_METHODS,
+  F as CDPReactProvider,
+  N as useAppConfig
 };

package/dist/components/SignIn/SignInForm.js

@@ -1,37 +1,51 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as s, useLayoutEffect as g } from "react";
-import { useAppConfig as M } from "../CDPReactProvider/index.js";
-import { SwitchFadeTransition as w } from "../ui/SwitchFadeTransition/index.js";
-import { a as _ } from "../../chunks/index.BzllgVaP.js";
-import { useSignInContext as F } from "./SignInProvider.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as d, useState as _, useLayoutEffect as p } from "react";
+import { useAppConfig as I } from "../CDPReactProvider/index.js";
+import { SwitchFadeTransition as T } from "../ui/SwitchFadeTransition/index.js";
+import { a as y } from "../../chunks/index.BzllgVaP.js";
+import { useSignInContext as v } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import '../../assets/SignInForm.css';const I = {
+import '../../assets/SignInForm.css';const E = {
   "auth-method-wrapper": "SignInForm-module__auth-method-wrapper___uIOAB"
-}, T = ({
-  onSuccess: a,
-  step: u,
-  children: h,
-  ...m
+}, B = ({
+  onSuccess: l,
+  step: f,
+  children: M,
+  ...g
 }) => {
-  const { state: t } = F(), { authMethods: p } = M(), c = u || t.step, o = s(t.authMethod), r = s(null);
-  return g(() => {
-    o.current !== t.authMethod && (r.current?.transition.toggle(t.authMethod), o.current = t.authMethod);
-  }, [t.authMethod]), /* @__PURE__ */ e(
-    w,
+  const { state: o, dispatch: c } = v(), { authMethods: e } = I(), S = f || o.step, m = d(o.authMethod), i = d(e), u = d(null), [w, A] = _(e || []);
+  return p(() => {
+    let t = o.authMethod;
+    const r = !e?.includes(o.authMethod), n = i.current && i.current.length === e?.length && i.current.some((h, s) => h !== e?.[s]);
+    if ((r || n) && (t = e?.[0]), t && t !== o.authMethod) {
+      c({
+        type: "SET_AUTH_METHOD",
+        payload: { authMethod: t }
+      });
+      return;
+    }
+    u.current?.transition && t && m.current !== t && (u.current.transition.toggle(t), m.current = t);
+  }, [e, c, o.authMethod]), p(() => {
+    i.current = e, A((t) => {
+      const r = e?.filter((n) => !t.includes(n)) || [];
+      return r.length ? [...t, ...r] : t;
+    });
+  }, [e]), /* @__PURE__ */ a(
+    T,
     {
       animateHeight: !0,
       timeout: 250,
-      items: p || ["email"],
+      items: w,
       initialEntered: !0,
-      transitionRef: r,
-      ...m,
-      children: ({ itemKey: n, ...d }) => {
-        const f = _[n].forms;
-        return /* @__PURE__ */ e("div", { ...d, className: I["auth-method-wrapper"], children: /* @__PURE__ */ e(f, { step: c, onSuccess: a, children: ({ step: l, Form: i }) => h?.({ step: l, authMethod: n, Form: i }) || i }) });
+      transitionRef: u,
+      ...g,
+      children: ({ itemKey: t, ...r }) => {
+        const n = y[t].forms;
+        return /* @__PURE__ */ a("div", { ...r, className: E["auth-method-wrapper"], children: /* @__PURE__ */ a(n, { step: S, onSuccess: l, children: ({ step: h, Form: s }) => M?.({ step: h, authMethod: t, Form: s }) || s }) });
       }
     }
   );
 };
 export {
-  T as SignInForm
+  B as SignInForm
 };

package/dist/components/SignIn/SignInImage.js

@@ -1,15 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useAppConfig as m } from "../CDPReactProvider/index.js";
-import '../../assets/SignInImage.css';const p = "SignInImage-module__logo___rlzt-", c = {
-  logo: p
-}, n = (t) => /^https?:\/\//.test(t), f = ({ className: t = "", alt: s, src: l }) => {
-  const o = m(), r = o.logoUrl && n(o.logoUrl) ? o.logoUrl : void 0, g = l && n(l) ? l : r, i = s || o.name;
-  return g ? /* @__PURE__ */ e(
+import { jsx as i } from "react/jsx-runtime";
+import { useAppConfig as e } from "../CDPReactProvider/index.js";
+import '../../assets/SignInImage.css';const a = "SignInImage-module__logo___rlzt-", m = {
+  logo: a
+}, p = (t) => /^https?:\/\//.test(t), f = ({ className: t = "", alt: n, src: g }) => {
+  const o = e(), s = o.appLogoUrl && p(o.appLogoUrl) ? o.appLogoUrl : void 0, l = g && p(g) ? g : s, r = n || o.appName || "";
+  return l ? /* @__PURE__ */ i(
     "img",
     {
-      src: g,
-      alt: i || "",
-      className: `${c.logo} ${t}`,
+      src: l,
+      alt: r || "",
+      className: `${m.logo} ${t}`,
       width: 64,
       height: 64
     }

package/dist/components/ui/SwitchTransition/index.js

@@ -1,106 +1,106 @@
-import { jsx as m, Fragment as B } from "react/jsx-runtime";
-import { useId as D, useState as R, useRef as F, useImperativeHandle as G, useLayoutEffect as _, useEffect as H } from "react";
-import { useTransitionMap as J } from "react-transition-state";
-import '../../../assets/SwitchTransition.css';const P = {
+import { jsx as h, Fragment as G } from "react/jsx-runtime";
+import { useRef as R, useId as H, useState as _, useImperativeHandle as J, useLayoutEffect as j, useEffect as P } from "react";
+import { useTransitionMap as Q } from "react-transition-state";
+import '../../../assets/SwitchTransition.css';const U = {
   "transition-wrapper": "SwitchTransition-module__transition-wrapper___jrI35"
-}, Q = (h) => {
+}, V = (b) => {
   const {
-    children: r,
+    children: n,
     index: d,
-    itemKey: i,
+    itemKey: r,
     initialEntered: l,
     setItem: u,
     deleteItem: f,
-    stateMap: b,
-    transitionName: v,
-    parentKey: y
-  } = h;
-  H(() => (u(i, { initialEntered: l }), () => {
-    f(i);
-  }), [i, l, u, f]);
-  const { isEnter: p, isMounted: I, isResolved: w, status: x } = b.get(i) || {};
-  return I ? r({
+    stateMap: v,
+    transitionName: y,
+    parentKey: p
+  } = b;
+  P(() => (u(r, { initialEntered: l }), () => {
+    f(r);
+  }), [r, l, u, f]);
+  const { isEnter: m, isMounted: I, isResolved: w, status: x } = v.get(r) || {};
+  return I ? n({
     "data-index": d,
-    inert: !p,
-    itemKey: i,
-    "data-transition": v,
+    inert: !m,
+    itemKey: r,
+    "data-transition": y,
     "data-status": x,
-    "data-is-enter": p,
+    "data-is-enter": m,
     "data-is-resolved": w,
-    "data-parent": y
+    "data-parent": p
   }) : null;
-}, X = ({
-  allowMultiple: h,
-  animateHeight: r,
+}, Z = ({
+  allowMultiple: b,
+  animateHeight: n,
   autoFocus: d,
-  initialEntered: i,
+  initialEntered: r,
   as: l = "div",
   children: u,
   className: f = "",
-  enter: b,
-  exit: v,
-  items: y,
-  mountOnEnter: p,
+  enter: v,
+  exit: y,
+  items: p,
+  mountOnEnter: m,
   onStateChange: I,
   preEnter: w,
   preExit: x,
-  style: j,
+  style: q,
   timeout: e = 200,
   transitionName: T,
-  transitionRef: q,
-  unmountOnExit: z,
+  transitionRef: z,
+  unmountOnExit: L,
   ...$
 }) => {
-  const L = D(), s = $.id || L, [E, N] = R(null), [S, C] = R(null), g = F(null), o = J({
-    allowMultiple: h,
+  const N = R(p[0]), O = H(), s = $.id || O, [E, A] = _(null), [S, C] = _(null), g = R(null), o = Q({
+    allowMultiple: b,
     initialEntered: !1,
-    mountOnEnter: p,
-    unmountOnExit: z,
+    mountOnEnter: m,
+    unmountOnExit: L,
     preEnter: w,
     preExit: x,
-    enter: b,
-    exit: v,
+    enter: v,
+    exit: y,
     timeout: e,
     onStateChange: I
   });
-  G(q, () => ({
-    transition: r || d ? {
+  J(z, () => ({
+    transition: n || d ? {
       ...o,
       toggle: (t) => {
-        o.toggle(t), N(t);
+        o.toggle(t), A(t);
       }
     } : o
-  })), _(() => {
-    if (!r)
+  })), j(() => {
+    if (!n)
       return;
     let t = null;
-    const n = g.current;
-    if (!n)
+    const i = g.current;
+    if (!i)
       return;
     const c = setTimeout(() => {
-      const a = n.querySelector(
+      const a = i.querySelector(
         `[data-is-enter="true"][data-parent="${s}"]`
       );
       if (!a)
         return;
       const M = a?.scrollHeight ?? null;
-      M !== null && C(M), t = new ResizeObserver((O) => {
-        for (const k of O) {
-          const A = k.contentRect.height;
-          C(A);
+      M !== null && C(M), t = new ResizeObserver((B) => {
+        for (const D of B) {
+          const F = D.contentRect.height;
+          C(F);
         }
       }), t.observe(a);
     }, 0);
     return () => {
       c && clearTimeout(c), t?.disconnect();
     };
-  }, [r, E, s]), _(() => {
+  }, [n, E, s]), j(() => {
     if (!d)
       return;
     const t = typeof e == "number" ? e : e.enter;
     if (t === void 0)
       return;
-    const n = setTimeout(() => {
+    const i = setTimeout(() => {
       const c = g.current?.querySelector(
         `[data-is-enter="true"][data-parent="${s}"]`
       );
@@ -112,44 +112,44 @@ import '../../../assets/SwitchTransition.css';const P = {
       a && a.focus();
     }, t);
     return () => {
-      n && clearTimeout(n);
+      i && clearTimeout(i);
     };
   }, [d, E, s, e]);
-  const K = /* @__PURE__ */ m(B, { children: y.map((t, n) => /* @__PURE__ */ m(
-    Q,
+  const K = /* @__PURE__ */ h(G, { children: p.map((t, i) => /* @__PURE__ */ h(
+    V,
     {
-      index: n,
+      index: i,
       itemKey: t,
       setItem: o.setItem,
       deleteItem: o.deleteItem,
       stateMap: o.stateMap,
-      initialEntered: i ? n === 0 : void 0,
+      initialEntered: r ? N.current === t : void 0,
       transitionName: T,
       parentKey: s,
       children: u
     },
-    n
+    t
   )) });
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     l,
     {
       ...$,
       id: s,
       ref: g,
       "data-transition": T || void 0,
-      "data-animate-height": r,
-      className: `${P["transition-wrapper"]} ${f}`,
+      "data-animate-height": n,
+      className: `${U["transition-wrapper"]} ${f}`,
       style: {
-        ...j,
+        ...q,
         "--cdp-web-transition-enter-timeout": typeof e == "object" ? `${e.enter ?? 200}ms` : void 0,
         "--cdp-web-transition-exit-timeout": typeof e == "object" ? `${e.exit ?? 200}ms` : void 0,
         "--cdp-web-transition-timeout": typeof e == "number" ? `${e}ms` : void 0,
-        "--cdp-web-transition-height": r && S ? `${S}px` : void 0
+        "--cdp-web-transition-height": n && S ? `${S}px` : void 0
       },
-      children: r ? /* @__PURE__ */ m("div", { children: K }) : K
+      children: n ? /* @__PURE__ */ h("div", { children: K }) : K
     }
   );
 };
 export {
-  X as SwitchTransition
+  Z as SwitchTransition
 };