@coinbase/cdp-react 0.0.12 → 0.0.14

package/dist/assets/Button.css

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

package/dist/assets/Error.css

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

package/dist/assets/Input.css

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

package/dist/assets/SignInForm.css

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

package/dist/assets/SignInModal.css

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

package/dist/components/Button/index.js

@@ -1,29 +1,35 @@
-import { jsx as n, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as y } from "react";
+import { jsx as n, jsxs as d, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as c, useMemo as p } from "react";
 import "../../theme/theme.js";
 import { LoadingSpinner as u } from "../LoadingSpinner/index.js";
 import { VisuallyHidden as l } from "../VisuallyHidden/index.js";
-import '../../assets/Button.css';const f = "Button-module__btn___Fx11X", B = "Button-module__primary___s1sM6", h = "Button-module__secondary___R0waJ", r = {
-  btn: f,
+import '../../assets/Button.css';const k = "Button-module__btn___Fx11X", B = "Button-module__primary___s1sM6", f = "Button-module__secondary___R0waJ", r = {
+  btn: k,
+  "link-primary": "Button-module__link-primary___wROmv",
+  "link-secondary": "Button-module__link-secondary___5VErP",
   primary: B,
-  secondary: h,
+  secondary: f,
   "transparent-primary": "Button-module__transparent-primary___Ah0yM",
   "transparent-secondary": "Button-module__transparent-secondary___kk5sZ"
-}, b = c(
+}, h = c(
   ({
-    children: a,
+    children: t,
     className: e = "",
     isPending: o,
     pendingLabel: s = "Loading...",
-    variant: t = "primary",
-    ...m
-  }, i) => {
-    const d = y(() => {
-      switch (t) {
+    variant: a = "primary",
+    ...i
+  }, m) => {
+    const _ = p(() => {
+      switch (a) {
         case "primary":
           return r.primary;
         case "secondary":
           return r.secondary;
+        case "linkPrimary":
+          return r["link-primary"];
+        case "linkSecondary":
+          return r["link-secondary"];
         case "transparentPrimary":
           return r["transparent-primary"];
         case "transparentSecondary":
@@ -31,14 +37,14 @@ import '../../assets/Button.css';const f = "Button-module__btn___Fx11X", B = "Bu
         default:
           return r.primary;
       }
-    }, [t]);
-    return /* @__PURE__ */ n("button", { className: `${r.btn} ${d} ${e}`, ref: i, ...m, children: o ? /* @__PURE__ */ p(_, { children: [
+    }, [a]);
+    return /* @__PURE__ */ n("button", { className: `${r.btn} ${_} ${e}`, ref: m, ...i, children: o ? /* @__PURE__ */ d(y, { children: [
       /* @__PURE__ */ n(u, { "aria-hidden": "true" }),
       /* @__PURE__ */ n(l, { children: s })
-    ] }) : a });
+    ] }) : t });
   }
 );
-b.displayName = "Button";
+h.displayName = "Button";
 export {
-  b as Button
+  h as Button
 };

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

@@ -3,6 +3,7 @@ import { ThemeProviderProps } from '../ThemeProvider';
 export interface AppConfig {
     name: string;
     logoUrl?: string;
+    showCoinbaseFooter?: boolean;
 }
 export type CDPReactProviderProps = {
     app?: AppConfig;

package/dist/components/CDPReactProvider/index.js

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

package/dist/components/OTP/index.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { OneTimePasswordField as _, OneTimePasswordFieldInput as f, OneTimePasswordFieldHiddenInput as P } from "@radix-ui/react-one-time-password-field";
 import { forwardRef as O, useId as T, useRef as h, useEffect as y } from "react";
 import { Input as I } from "../Input/index.js";
@@ -9,18 +9,18 @@ import '../../assets/OTP.css';const w = "OTP-module__otp___EUcSo", N = "OTP-modu
   "input-container": "OTP-module__input-container___-yRBL",
   input: N
 }, R = O(
-  ({ error: i, passwordLength: s = 6, className: d = "", ...p }, t) => {
-    const u = T(), c = h(/* @__PURE__ */ new Map()), l = (e, n) => {
-      e ? c.current.set(n, e) : c.current.delete(n);
+  ({ error: i, passwordLength: s = 6, className: l = "", ...c }, n) => {
+    const u = T(), a = h(/* @__PURE__ */ new Map()), p = (e, t) => {
+      e ? a.current.set(t, e) : a.current.delete(t);
     };
     return y(() => {
-      const e = Array.from(c.current.values());
-      typeof t == "function" ? t(e) : t && (t.current = e);
-    }, [s, t]), /* @__PURE__ */ a("div", { className: `${r.otp} ${d}`, children: [
-      /* @__PURE__ */ a(
+      const e = Array.from(a.current.values());
+      typeof n == "function" ? n(e) : n && (n.current = e);
+    }, [s, n]), /* @__PURE__ */ d("div", { className: `${r.otp} ${l}`, children: [
+      /* @__PURE__ */ d(
         _,
         {
-          ...p,
+          ...c,
           className: r["group-container"],
           "aria-invalid": !!i,
           "aria-describedby": i ? u : void 0,
@@ -28,7 +28,14 @@ import '../../assets/OTP.css';const w = "OTP-module__otp___EUcSo", N = "OTP-modu
             "--cdp-web-otp-input-width": `${Math.floor(100 / s)}%`
           },
           children: [
-            Array.from({ length: s }, (e, n) => /* @__PURE__ */ o("div", { className: r["input-container"], children: /* @__PURE__ */ o(f, { asChild: !0, children: /* @__PURE__ */ o(I, { ref: (m) => l(m, n), className: r.input }) }) }, n)),
+            Array.from({ length: s }, (e, t) => /* @__PURE__ */ o("div", { className: r["input-container"], children: /* @__PURE__ */ o(f, { asChild: !0, children: /* @__PURE__ */ o(
+              I,
+              {
+                name: `${c.name || "otp"}-${t}`,
+                ref: (m) => p(m, t),
+                className: r.input
+              }
+            ) }) }, t)),
             /* @__PURE__ */ o(P, {})
           ]
         }

package/dist/components/SignIn/SignInForm.js

@@ -1,76 +1,80 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useSignInWithEmail as N, useVerifyEmailOTP as U } from "@coinbase/cdp-hooks";
+import { jsxs as s, jsx as o, Fragment as A } from "react/jsx-runtime";
+import { useSignInWithEmail as U, useVerifyEmailOTP as V } from "@coinbase/cdp-hooks";
 import { Form as P, FormSubmit as R } from "@radix-ui/react-form";
-import { useState as v, useEffect as y, useRef as A } from "react";
+import { useState as v, useEffect as y, useRef as B } from "react";
 import { Button as C } from "../Button/index.js";
-import { Field as V } from "../Field/index.js";
-import { withValidityState as B } from "../Input/index.js";
-import { LoadingSpinner as x } from "../LoadingSpinner/index.js";
-import { OTP as q } from "../OTP/index.js";
+import { useAppConfig as k } from "../CDPReactProvider/index.js";
+import { Field as x } from "../Field/index.js";
+import { withValidityState as q } from "../Input/index.js";
+import { OTP as D } from "../OTP/index.js";
 import { ServerError as O } from "../ServerError/index.js";
-import { VisuallyHidden as k } from "../VisuallyHidden/index.js";
-import { IconCoinbaseWordmark as D } from "../../icons/IconCoinbaseWordmark.js";
-import { IconLock as W } from "../../icons/IconLock.js";
+import { IconCoinbaseWordmark as W } from "../../icons/IconCoinbaseWordmark.js";
+import { IconLock as Q } from "../../icons/IconLock.js";
 import { isApiError as T } from "../../utils/isApiError.js";
-import { isEmailInvalid as $ } from "../../utils/isEmailInvalid.js";
+import { isEmailInvalid as Z } from "../../utils/isEmailInvalid.js";
 import { useSignInContext as E } from "./SignInProvider.js";
-import '../../assets/SignInForm.css';const j = "SignInForm-module__form___8Mc3V", J = "SignInForm-module__footer___6Lo9w", Z = "SignInForm-module__hr___fOcy4", G = "SignInForm-module__icon___qkJnq", n = {
-  form: j,
+import { LoadingSpinner as $ } from "../LoadingSpinner/index.js";
+import { VisuallyHidden as j } from "../VisuallyHidden/index.js";
+import '../../assets/SignInForm.css';const J = "SignInForm-module__form___8Mc3V", G = "SignInForm-module__footer___6Lo9w", H = "SignInForm-module__hr___fOcy4", X = "SignInForm-module__icon___qkJnq", n = {
+  "form-wrapper": "SignInForm-module__form-wrapper___SlQkZ",
+  form: J,
   "form-footer": "SignInForm-module__form-footer___PqM2J",
   "server-state-wrapper": "SignInForm-module__server-state-wrapper___QVsXy",
   "loading-spinner": "SignInForm-module__loading-spinner___W6gZo",
   "server-error": "SignInForm-module__server-error___dD9VE",
+  "resend-wrapper": "SignInForm-module__resend-wrapper___ODSQA",
   "reset-timer": "SignInForm-module__reset-timer___Ms2YZ",
-  footer: J,
+  footer: G,
   "coinbase-icon": "SignInForm-module__coinbase-icon___vGv7u",
-  hr: Z,
-  icon: G
-}, H = ({ submit: u }) => {
-  const { state: s, dispatch: d } = E(), e = () => d({ type: "CLEAR_ERROR" }), _ = (p) => (p.preventDefault(), u(s.email));
-  return /* @__PURE__ */ i(
+  hr: H,
+  icon: X
+}, Y = ({ submit: _ }) => {
+  const { state: i, dispatch: d } = E(), e = () => d({ type: "CLEAR_ERROR" }), u = (p) => (p.preventDefault(), _(i.email));
+  return /* @__PURE__ */ s(
     P,
     {
       className: n.form,
       onClearServerErrors: e,
-      onSubmit: _,
+      onSubmit: u,
       children: [
         /* @__PURE__ */ o(
-          V,
+          x,
           {
             label: "Email address",
             name: "email",
             validators: [
               ["valueMissing", "Email is required"],
               ["typeMismatch", "Use a valid email address"],
-              [$, "Use a valid email address"]
+              [Z, "Use a valid email address"]
             ],
-            children: B({
+            children: q({
+              autoComplete: "email",
               type: "email",
               placeholder: "name@example.com",
               required: !0,
-              value: s.email,
+              value: i.email,
               onChange: (p) => {
                 d({ type: "SET_EMAIL", payload: { email: p.target.value } });
               }
             })
           }
         ),
-        s.error && /* @__PURE__ */ o(O, { error: s.error, className: n["server-error"] }),
-        /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(C, { type: "submit", isPending: s.isPending, children: "Continue with email" }) })
+        i.error && /* @__PURE__ */ o(O, { error: i.error, className: n["server-error"] }),
+        /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(C, { type: "submit", isPending: i.isPending, children: "Continue with email" }) })
       ]
     }
   );
-}, Q = ({
-  reset: u,
-  resetCountdown: s,
+}, z = ({
+  reset: _,
+  resetCountdown: i,
   submit: d
 }) => {
-  const { state: e, dispatch: _ } = E(), p = () => _({ type: "CLEAR_ERROR" }), l = A([]), f = (c) => (c.preventDefault(), d(e.otp)), h = () => {
-    u(), l.current[0]?.focus();
+  const { state: e, dispatch: u } = E(), p = () => u({ type: "CLEAR_ERROR" }), l = B([]), f = (c) => (c.preventDefault(), d(e.otp)), S = () => {
+    _(), l.current[0]?.focus();
   };
   return y(() => {
     e.step === "otp" && l.current[0]?.focus();
-  }, [e.step]), /* @__PURE__ */ i(
+  }, [e.step]), /* @__PURE__ */ s(
     P,
     {
       className: `${n.form}`,
@@ -78,7 +82,7 @@ import '../../assets/SignInForm.css';const j = "SignInForm-module__form___8Mc3V"
       onSubmit: f,
       children: [
         /* @__PURE__ */ o(
-          q,
+          D,
           {
             ref: l,
             name: "otp",
@@ -87,37 +91,37 @@ import '../../assets/SignInForm.css';const j = "SignInForm-module__form___8Mc3V"
             value: e.otp,
             onChange: (c) => c.preventDefault(),
             onValueChange: (c) => {
-              _({ type: "SET_OTP", payload: { otp: c } });
+              u({ type: "SET_OTP", payload: { otp: c } });
             },
             autoSubmit: !0
           }
         ),
-        /* @__PURE__ */ i("div", { className: n["form-footer"], children: [
-          (e.isPending && !e.canResetOTP || e.error) && /* @__PURE__ */ i("div", { className: n["server-state-wrapper"], children: [
-            e.isPending && !e.canResetOTP && /* @__PURE__ */ o(x, { className: n["loading-spinner"] }),
+        /* @__PURE__ */ s("div", { className: n["form-footer"], children: [
+          (e.isPending && !e.canResetOTP || e.error) && /* @__PURE__ */ s("div", { className: n["server-state-wrapper"], children: [
+            e.isPending && !e.canResetOTP && /* @__PURE__ */ o($, { className: n["loading-spinner"] }),
             e.error && /* @__PURE__ */ o(O, { error: e.error, className: n["server-error"] })
           ] }),
-          /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ s("div", { className: n["resend-wrapper"], children: [
             e.canResetOTP && /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(
               C,
               {
                 type: "button",
-                onClick: h,
+                onClick: S,
                 isPending: e.isPending,
-                variant: "transparentPrimary",
+                variant: "linkPrimary",
                 children: "Resend code"
               }
             ) }),
-            !e.canResetOTP && /* @__PURE__ */ o("div", { className: n["reset-timer"], children: /* @__PURE__ */ i("p", { children: [
+            !e.canResetOTP && /* @__PURE__ */ o("div", { className: n["reset-timer"], children: /* @__PURE__ */ s("p", { children: [
               "Resend code in ",
-              /* @__PURE__ */ i("span", { "aria-hidden": "true", children: [
-                s,
+              /* @__PURE__ */ s("span", { "aria-hidden": "true", children: [
+                i,
                 "s"
               ] }),
-              /* @__PURE__ */ i(k, { children: [
-                s,
+              /* @__PURE__ */ s(j, { children: [
+                i,
                 " ",
-                s === 1 ? "second" : "seconds"
+                i === 1 ? "second" : "seconds"
               ] })
             ] }) })
           ] })
@@ -125,20 +129,20 @@ import '../../assets/SignInForm.css';const j = "SignInForm-module__form___8Mc3V"
       ]
     }
   );
-}, pe = ({
-  as: u = "div",
-  className: s = "",
+}, Se = ({
+  as: _ = "div",
+  className: i = "",
   onSuccess: d,
   ...e
 }) => {
-  const l = "An error occurred while signing in. Please try again.", [f, h] = v(0), [c, S] = v(!1), b = N(), F = U(), { state: a, dispatch: m } = E(), w = (t) => {
-    h(t), S(!0);
+  const l = "An error occurred while signing in. Please try again.", [f, S] = v(0), [c, h] = v(!1), w = U(), b = V(), { state: a, dispatch: m } = E(), { showCoinbaseFooter: F } = k(), L = (t) => {
+    S(t), h(!0);
   };
   y(() => {
     if (!c)
       return;
     const t = setInterval(() => {
-      h((r) => r > 1 ? r - 1 : (S(!1), 0));
+      S((r) => r > 1 ? r - 1 : (h(!1), 0));
     }, 1e3);
     return () => clearInterval(t);
   }, [c]), y(() => {
@@ -148,16 +152,16 @@ import '../../assets/SignInForm.css';const j = "SignInForm-module__form___8Mc3V"
     if (!a.isPending) {
       m({ type: "SUBMIT_EMAIL", payload: { email: t } });
       try {
-        const { flowId: r } = await b({
+        const { flowId: r } = await w({
           email: t
         });
-        m({ type: "SUBMIT_EMAIL_SUCCESS", payload: { flowId: r } }), w(60);
+        m({ type: "SUBMIT_EMAIL_SUCCESS", payload: { flowId: r } }), L(60);
       } catch (r) {
         const g = T(r) ? r : r instanceof Error && r.message || l;
         m({ type: "SUBMIT_EMAIL_FAILURE", payload: { error: g } }), console.error(r);
       }
     }
-  }, L = async (t) => {
+  }, M = async (t) => {
     if (!a.isPending) {
       if (t.length !== 6) {
         m({ type: "SET_OTP", payload: { otp: t } });
@@ -165,7 +169,7 @@ import '../../assets/SignInForm.css';const j = "SignInForm-module__form___8Mc3V"
       }
       m({ type: "SUBMIT_OTP", payload: { otp: t } });
       try {
-        await F({
+        await b({
           flowId: a.flowId,
           otp: t
         }), m({ type: "SUBMIT_OTP_SUCCESS", payload: { otp: t } }), d?.();
@@ -174,23 +178,25 @@ import '../../assets/SignInForm.css';const j = "SignInForm-module__form___8Mc3V"
         m({ type: "SUBMIT_OTP_FAILURE", payload: { error: g } }), console.error(r);
       }
     }
-  }, M = () => {
-    m({ type: "RESET_OTP" }), S(!1), I(a.email);
+  }, N = () => {
+    m({ type: "RESET_OTP" }), h(!1), I(a.email);
   };
-  return /* @__PURE__ */ i(u, { className: `${n.form} ${s}`, ...e, children: [
-    a.step === "email" && /* @__PURE__ */ o(H, { submit: I }),
-    a.step === "otp" && /* @__PURE__ */ o(Q, { submit: L, reset: M, resetCountdown: f }),
-    /* @__PURE__ */ o("hr", { className: n.hr }),
-    /* @__PURE__ */ i("div", { className: n.footer, children: [
-      /* @__PURE__ */ o(W, { className: n.icon }),
-      /* @__PURE__ */ i("p", { children: [
-        "Secured by",
-        " ",
-        /* @__PURE__ */ o(D, { className: n["coinbase-icon"], "aria-label": "Coinbase" })
+  return /* @__PURE__ */ s(_, { className: `${n["form-wrapper"]} ${i}`, ...e, children: [
+    a.step === "email" && /* @__PURE__ */ o(Y, { submit: I }),
+    a.step === "otp" && /* @__PURE__ */ o(z, { submit: M, reset: N, resetCountdown: f }),
+    F && /* @__PURE__ */ s(A, { children: [
+      /* @__PURE__ */ o("hr", { className: n.hr }),
+      /* @__PURE__ */ s("div", { className: n.footer, children: [
+        /* @__PURE__ */ o(Q, { className: n.icon }),
+        /* @__PURE__ */ s("p", { children: [
+          "Secured by",
+          " ",
+          /* @__PURE__ */ o(W, { className: n["coinbase-icon"], "aria-label": "Coinbase" })
+        ] })
       ] })
     ] })
   ] });
 };
 export {
-  pe as SignInForm
+  Se as SignInForm
 };

package/dist/components/SignInModal/index.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { Dialog as t, DialogTrigger as g, DialogPortal as _, DialogOverlay as d, DialogContent as c, DialogClose as p, DialogTitle as u, DialogDescription as I } from "@radix-ui/react-dialog";
+import { Dialog as g, DialogTrigger as m, DialogPortal as _, DialogOverlay as d, DialogContent as c, DialogClose as p, DialogTitle as I, DialogDescription as u } from "@radix-ui/react-dialog";
 import "react";
 import { IconXMark as h } from "../../icons/IconXMark.js";
 import { Button as r } from "../Button/index.js";
@@ -13,22 +13,21 @@ import '../../assets/SignInModal.css';const y = "SignInModal-module__trigger___I
   trigger: y,
   modal: C,
   "sign-in": "SignInModal-module__sign-in___n05-5",
-  "sign-in-form": "SignInModal-module__sign-in-form___Jzx1-",
+  "sign-in-image": "SignInModal-module__sign-in-image___DGg7B",
   "sign-in-title": "SignInModal-module__sign-in-title___cju2s",
   "sign-in-description": "SignInModal-module__sign-in-description___-Oi9q",
-  "sign-in-image": "SignInModal-module__sign-in-image___DGg7B",
-  "close-wrapper": "SignInModal-module__close-wrapper___zuxDu",
+  "sign-in-form": "SignInModal-module__sign-in-form___Jzx1-",
   "close-button": "SignInModal-module__close-button___k1I5Q",
   overlay: x,
   spacer: b
-}, F = ({ children: l, open: a, setIsOpen: s, onSuccess: e }) => {
-  const { cssVariables: m } = f();
-  return /* @__PURE__ */ o(t, { open: a, onOpenChange: s, children: [
-    /* @__PURE__ */ i(g, { asChild: !0, children: l || /* @__PURE__ */ i(r, { variant: "primary", className: n.trigger, children: "Sign In" }) }),
-    /* @__PURE__ */ i(_, { children: /* @__PURE__ */ o(d, { className: n.overlay, style: m, children: [
+}, G = ({ children: l, open: a, setIsOpen: s, onSuccess: e }) => {
+  const { cssVariables: t } = f();
+  return /* @__PURE__ */ o(g, { open: a, onOpenChange: s, children: [
+    /* @__PURE__ */ i(m, { asChild: !0, children: l || /* @__PURE__ */ i(r, { variant: "primary", className: n.trigger, children: "Sign In" }) }),
+    /* @__PURE__ */ i(_, { children: /* @__PURE__ */ o(d, { className: n.overlay, style: t, children: [
       /* @__PURE__ */ i("div", { className: n.spacer }),
       /* @__PURE__ */ i(c, { className: n.modal, children: /* @__PURE__ */ o(S, { onSuccess: e, className: n["sign-in"], children: [
-        /* @__PURE__ */ i("div", { className: n["close-wrapper"], children: /* @__PURE__ */ i(p, { asChild: !0, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i(p, { asChild: !0, children: /* @__PURE__ */ i(
           r,
           {
             "aria-label": "Close",
@@ -36,15 +35,15 @@ import '../../assets/SignInModal.css';const y = "SignInModal-module__trigger___I
             className: `${n["close-button"]}`,
             children: /* @__PURE__ */ i(h, {})
           }
-        ) }) }),
+        ) }),
         /* @__PURE__ */ i("div", { className: n["sign-in-image"], children: /* @__PURE__ */ i(M, {}) }),
-        /* @__PURE__ */ i("div", { className: n["sign-in-title"], children: /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(D, {}) }) }),
-        /* @__PURE__ */ i(I, { asChild: !0, children: /* @__PURE__ */ i(v, { className: n["sign-in-description"] }) }),
+        /* @__PURE__ */ i("div", { className: n["sign-in-title"], children: /* @__PURE__ */ i(I, { asChild: !0, children: /* @__PURE__ */ i(D, {}) }) }),
+        /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(v, { className: n["sign-in-description"] }) }),
         /* @__PURE__ */ i(N, { className: n["sign-in-form"], onSuccess: e })
       ] }) })
     ] }) })
   ] });
 };
 export {
-  F as SignInModal
+  G as SignInModal
 };

package/dist/icons/IconCoinbaseWordmark.js

@@ -1,16 +1,16 @@
-import { jsxs as r, jsx as C } from "react/jsx-runtime";
+import { jsxs as H, jsx as C } from "react/jsx-runtime";
 import "react";
-import { SvgIcon as H } from "./SvgIcon.js";
-const o = (i) => /* @__PURE__ */ r(H, { width: "67", height: "13", viewBox: "0 0 67 13", fill: "none", ...i, children: [
+import { SvgIcon as r } from "./SvgIcon.js";
+const V = (i) => /* @__PURE__ */ H(r, { width: "67", height: "13", viewBox: "0 0 67 13", fill: "none", ...i, children: [
   /* @__PURE__ */ C("g", { clipPath: "url(#clip0_7507_87)", children: /* @__PURE__ */ C(
     "path",
     {
       d: "M13.5224 3.8526C11.0884 3.8526 9.18662 5.70351 9.18662 8.18134C9.18662 10.6592 11.0404 12.4942 13.5224 12.4942C16.0044 12.4942 17.8903 10.6275 17.8903 8.1655C17.8903 5.71935 16.0366 3.8526 13.5224 3.8526ZM13.5388 10.7085C12.1527 10.7085 11.1371 9.63014 11.1371 8.18195C11.1371 6.71731 12.1363 5.63954 13.5224 5.63954C14.9248 5.63954 15.9399 6.73376 15.9399 8.18195C15.9399 9.63014 14.9248 10.7085 13.5388 10.7085ZM18.4219 5.7358H19.631V12.334H21.565V4.01344H18.4219V5.7358ZM4.31932 5.63893C5.33499 5.63893 6.14083 6.26646 6.44675 7.19983H8.4939C8.12291 5.20453 6.47899 3.8526 4.33574 3.8526C1.90179 3.8526 0 5.70351 0 8.18195C0 10.6604 1.85375 12.4948 4.33574 12.4948C6.43094 12.4948 8.10709 11.1429 8.47809 9.13116H6.44675C6.15665 10.0645 5.3508 10.7085 4.33514 10.7085C2.93266 10.7085 1.94984 9.63014 1.94984 8.18195C1.95045 6.71731 2.91746 5.63893 4.31932 5.63893ZM55.1696 7.37713L53.7513 7.16815C53.0744 7.07189 52.5909 6.84647 52.5909 6.3152C52.5909 5.7358 53.2198 5.44641 54.0736 5.44641C55.0084 5.44641 55.6051 5.84851 55.734 6.50833H57.6035C57.3937 4.83472 56.1044 3.85321 54.1223 3.85321C52.0752 3.85321 50.7213 4.8993 50.7213 6.37978C50.7213 7.79568 51.6081 8.61695 53.3967 8.87406L54.815 9.08303C55.5084 9.17929 55.8952 9.45346 55.8952 9.96828C55.8952 10.6281 55.2182 10.9016 54.2835 10.9016C53.1389 10.9016 52.4942 10.435 52.3975 9.72701H50.4957C50.6733 11.3525 51.9462 12.4948 54.2671 12.4948C56.3787 12.4948 57.7805 11.5292 57.7805 9.8714C57.7805 8.39092 56.7655 7.61839 55.1696 7.37713ZM20.598 0.585792C19.8888 0.585792 19.3567 1.10061 19.3567 1.80856C19.3567 2.51651 19.8882 3.03133 20.598 3.03133C21.3071 3.03133 21.8393 2.51651 21.8393 1.80856C21.8393 1.10061 21.3071 0.585792 20.598 0.585792ZM48.9807 6.86231C48.9807 5.06014 47.8848 3.85321 45.5639 3.85321C43.372 3.85321 42.1472 4.96388 41.9051 6.66978H43.8233C43.92 6.00996 44.4358 5.46286 45.5317 5.46286C46.5151 5.46286 46.9986 5.89725 46.9986 6.42852C46.9986 7.12063 46.1119 7.29731 45.016 7.41003C43.5332 7.57087 41.6959 8.08569 41.6959 10.017C41.6959 11.5139 42.8083 12.479 44.5811 12.479C45.9672 12.479 46.8375 11.8996 47.2729 10.9821C47.3374 11.8027 47.9498 12.334 48.8043 12.334H49.9325V10.6123H48.9813V6.86231H48.9807ZM47.0789 8.95448C47.0789 10.0651 46.1119 10.8858 44.9351 10.8858C44.2095 10.8858 43.5971 10.58 43.5971 9.93659C43.5971 9.11593 44.5805 8.89051 45.483 8.79425C46.3534 8.71383 46.8369 8.52069 47.0789 8.15027V8.95448ZM36.8122 3.8526C35.732 3.8526 34.8295 4.30345 34.1848 5.05953V0.505371H32.2508V12.334H34.1526V11.2398C34.7973 12.0282 35.7162 12.4948 36.8122 12.4948C39.133 12.4948 40.89 10.6604 40.89 8.18195C40.89 5.70351 39.1008 3.8526 36.8122 3.8526ZM36.5221 10.7085C35.136 10.7085 34.1203 9.63014 34.1203 8.18195C34.1203 6.73376 35.1518 5.63954 36.5379 5.63954C37.9403 5.63954 38.9232 6.71792 38.9232 8.18195C38.9232 9.63014 37.9081 10.7085 36.5221 10.7085ZM27.6249 3.8526C26.3678 3.8526 25.5456 4.36742 25.062 5.09182V4.01344H23.1438V12.3334H25.0779V7.81152C25.0779 6.54001 25.8837 5.63893 27.0764 5.63893C28.1887 5.63893 28.8814 6.4273 28.8814 7.57026V12.334H30.8155V7.42587C30.8161 5.33308 29.7366 3.8526 27.6249 3.8526ZM67 7.90839C67 5.52683 65.2594 3.85321 62.9221 3.85321C60.4401 3.85321 58.6186 5.71996 58.6186 8.18195C58.6186 10.7731 60.5691 12.4948 62.9544 12.4948C64.9693 12.4948 66.5487 11.3038 66.9513 9.6143H64.9364C64.6463 10.3545 63.9372 10.7731 62.986 10.7731C61.7447 10.7731 60.8099 10.0006 60.6007 8.64863H66.9994V7.90839H67ZM60.7138 7.26441C61.0203 6.10562 61.8906 5.54267 62.8899 5.54267C63.9858 5.54267 64.8239 6.1702 65.0173 7.26441H60.7138Z",
-      fill: "currentColor"
+      fill: "#0050ff"
     }
   ) }),
   /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_7507_87", children: /* @__PURE__ */ C("rect", { width: "67", height: "11.9895", fill: "white", transform: "translate(0 0.505371)" }) }) })
 ] });
 export {
-  o as IconCoinbaseWordmark
+  V as IconCoinbaseWordmark
 };

package/dist/theme/theme.d.ts

@@ -239,4 +239,4 @@ export type FontTokens = Flattened<{
 }>;
 export type ColorTokens = SemanticColors | ComponentColors;
 export type Theme = ColorTokens & FontTokens;
-export type ButtonVariant = "primary" | "secondary" | "transparentPrimary" | "transparentSecondary";
+export type ButtonVariant = "primary" | "secondary" | "linkPrimary" | "linkSecondary" | "transparentPrimary" | "transparentSecondary";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.14",
@@ -9,8 +9,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0",
-    "@coinbase/cdp-core": "^0.0.12",
-    "@coinbase/cdp-hooks": "^0.0.12"
+    "@coinbase/cdp-core": "^0.0.14",
+    "@coinbase/cdp-hooks": "^0.0.14"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -38,8 +38,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.12",
-    "@coinbase/cdp-hooks": "^0.0.12"
+    "@coinbase/cdp-core": "^0.0.14",
+    "@coinbase/cdp-hooks": "^0.0.14"
   },
   "size-limit": [
     {