@coinbase/cdp-react 0.0.78 → 0.0.80

package/dist/components/FundModal/index.js

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as i, Fragment as p } from "react/jsx-runtime";
+import { jsx as o, jsxs as u, Fragment as p } from "react/jsx-runtime";
 import { u as w } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { createContext as j, useState as A, useCallback as F, useMemo as S, useId as $, useContext as z } from "react";
 import { c as x } from "../../chunks/lite.1fxw3LjI.js";
-import { useAppConfig as V } from "../CDPReactProvider/index.js";
+import { u as V } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { Fund as k, FundFooter as D } from "../Fund/index.js";
 import { Button as v } from "../ui/Button/index.js";
 import { Modal as H, ModalContent as L, ModalTitle as R, ModalClose as U, ModalTrigger as W } from "../ui/Modal/index.js";
@@ -32,13 +32,13 @@ import '../../assets/FundModal.css';const B = "FundModal-module__trigger___2IuXj
   const { cryptoCurrency: r } = y();
   return /* @__PURE__ */ o(W, { asChild: !0, children: n || /* @__PURE__ */ o(v, { variant: "primary", className: x(t.trigger, l), ...s, children: e || `Deposit ${r.toUpperCase()}` }) });
 }, f = (n) => {
-  const { showCoinbaseFooter: l } = V(), e = $(), { unmount: s, ...r } = y(), { openIn: m, submitLabel: u, title: a } = r;
+  const { showCoinbaseFooter: l } = V(), e = $(), { unmount: s, ...r } = y(), { openIn: m, submitLabel: i, title: a } = r;
   return /* @__PURE__ */ o(L, { "aria-describedby": void 0, ...n, children: /* @__PURE__ */ o(
     k,
     {
       className: x(t.fund, l ? "" : t["no-footer"]),
       ...r,
-      children: /* @__PURE__ */ i(p, { children: [
+      children: /* @__PURE__ */ u(p, { children: [
         /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(_, { as: "span", children: a }) }) }),
         /* @__PURE__ */ o(
           q,
@@ -47,13 +47,13 @@ import '../../assets/FundModal.css';const B = "FundModal-module__trigger___2IuXj
             openIn: m,
             unmountOnTransactionSuccess: !0,
             unmount: s,
-            submitLabel: u,
-            children: ({ view: d, Content: c }) => /* @__PURE__ */ i(
+            submitLabel: i,
+            children: ({ view: d, Content: c }) => /* @__PURE__ */ u(
               "div",
               {
                 className: `${t["fund-inner"]} ${d === "transaction-status" ? t["tx-status"] : ""} ${d === "error" ? t["error-view"] : ""}`,
                 children: [
-                  /* @__PURE__ */ i("div", { className: t["title-buttons"], children: [
+                  /* @__PURE__ */ u("div", { className: t["title-buttons"], children: [
                     d === "error" ? /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(_, { id: e, children: a }) }) : /* @__PURE__ */ o(_, { className: t.title, id: e, children: a }),
                     /* @__PURE__ */ o(U, { asChild: !0, children: /* @__PURE__ */ o(
                       v,
@@ -76,11 +76,11 @@ import '../../assets/FundModal.css';const B = "FundModal-module__trigger___2IuXj
       ] })
     }
   ) });
-}, io = ({ children: n, open: l, setIsOpen: e, ...s }) => {
+}, uo = ({ children: n, open: l, setIsOpen: e, ...s }) => {
   w("fund_modal");
-  const r = l !== void 0, [m, u] = A(!1), a = r ? l : m, d = F(
-    (h) => r ? e?.(h) : u(h),
-    [r, e, u]
+  const r = l !== void 0, [m, i] = A(!1), a = r ? l : m, d = F(
+    (h) => r ? e?.(h) : i(h),
+    [r, e, i]
   ), c = F(() => {
     d(!1);
   }, [d]), O = S(
@@ -90,16 +90,16 @@ import '../../assets/FundModal.css';const B = "FundModal-module__trigger___2IuXj
     }),
     [c, s]
   ), T = n ? g(n, b) : !1, M = n ? g(n, f) : !1, I = !T && !M;
-  return /* @__PURE__ */ o(N.Provider, { value: O, children: /* @__PURE__ */ o(H, { open: a, onOpenChange: d, children: I ? /* @__PURE__ */ i(p, { children: [
+  return /* @__PURE__ */ o(N.Provider, { value: O, children: /* @__PURE__ */ o(H, { open: a, onOpenChange: d, children: I ? /* @__PURE__ */ u(p, { children: [
     /* @__PURE__ */ o(b, { children: n }),
     /* @__PURE__ */ o(f, {})
-  ] }) : /* @__PURE__ */ i(p, { children: [
+  ] }) : /* @__PURE__ */ u(p, { children: [
     n,
     !M && /* @__PURE__ */ o(f, {})
   ] }) }) });
 };
 export {
-  io as FundModal,
+  uo as FundModal,
   f as FundModalContent,
   b as FundModalTrigger
 };

package/dist/components/LinkAuth/LinkAuthFlow.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import "../SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import "../ui/SwitchSlideTransition/index.js";
 import "../ui/VisuallyHidden/index.js";
-import { a as A } from "../../chunks/LinkAuthFlow.3HN888DV.js";
+import { a as A } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
 import "./LinkAuthItems.js";
 import "./types.js";
 import "../SignIn/SignInProvider.js";

package/dist/components/LinkAuth/LinkAuthFlowBackButton.js

@@ -3,9 +3,9 @@ import { c as k } from "../../chunks/lite.1fxw3LjI.js";
 import "react";
 import { Button as p } from "../ui/Button/index.js";
 import { IconArrowLeft as f } from "../../icons/IconArrowLeft.js";
-import { b as w } from "../../chunks/LinkAuthFlow.3HN888DV.js";
+import { b as w } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
 import { useLinkAuthContext as _ } from "./LinkAuthProvider.js";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { methodToView as b } from "./utils.js";
 import '../../assets/LinkAuthFlowBackButton.css';const h = "LinkAuthFlowBackButton-module__button___wPKfW", B = "LinkAuthFlowBackButton-module__icon___OUmzY", o = {
   button: h,

package/dist/components/LinkAuth/LinkAuthFlowProvider.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../CDPReactProvider/index.js";
-import { L as e, u as n, b as s } from "../../chunks/LinkAuthFlow.3HN888DV.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { L as e, u as n, b as s } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
 export {
   e as LinkAuthFlowProvider,
   n as useLinkAuthFlow,

package/dist/components/LinkAuth/LinkAuthItem.js

@@ -1,48 +1,29 @@
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "react";
-import { Button as o } from "../ui/Button/index.js";
-import { IconMinus as u } from "../../icons/IconMinus.js";
-import { IconPlus as s } from "../../icons/IconPlus.js";
-import "../CDPReactProvider/index.js";
-import '../../assets/LinkAuthItem.css';const d = "LinkAuthItem-module__item___NE3CT", l = "LinkAuthItem-module__button___nM5Tc", i = {
-  item: d,
-  "item-icon": "LinkAuthItem-module__item-icon___ZIQny",
-  "item-text": "LinkAuthItem-module__item-text___-5DVL",
-  "item-action": "LinkAuthItem-module__item-action___4wOIN",
-  button: l
-}, v = ({
-  authMethod: h,
-  userAlias: a,
-  icon: m,
-  isLinked: r,
-  isPending: n,
-  label: e,
-  onLink: c
-}) => /* @__PURE__ */ _("div", { className: i.item, children: [
-  m && /* @__PURE__ */ t("div", { className: i["item-icon"], children: m }),
-  /* @__PURE__ */ t("div", { className: i["item-text"], children: a || e }),
-  /* @__PURE__ */ t("div", { className: i["item-action"], children: r ? /* @__PURE__ */ t(
-    o,
-    {
-      variant: "secondary",
-      className: i.button,
-      isPending: n,
-      disabled: !0,
-      "aria-label": `Unlink ${e}`,
-      children: /* @__PURE__ */ t(u, { "aria-hidden": "true" })
-    }
-  ) : /* @__PURE__ */ t(
-    o,
-    {
-      variant: "primary",
-      className: i.button,
-      onClick: c,
-      "aria-label": `Link ${e}`,
-      isPending: n,
-      children: /* @__PURE__ */ t(s, { "aria-hidden": "true" })
-    }
-  ) })
-] });
+import { ToggleListItem as s } from "../ui/ToggleListItem/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+const u = ({
+  authMethod: n,
+  userAlias: e,
+  icon: o,
+  isLinked: i,
+  isPending: a,
+  label: t,
+  onLink: r
+}) => /* @__PURE__ */ m(
+  s,
+  {
+    icon: o,
+    label: e || t,
+    isActive: i,
+    isPending: a,
+    onActivate: r,
+    isDisabled: i,
+    activateAriaLabel: `Link ${t}`,
+    deactivateAriaLabel: `Unlink ${t}`,
+    size: "sm"
+  }
+);
 export {
-  v as LinkAuthItem
+  u as LinkAuthItem
 };

package/dist/components/LinkAuth/LinkAuthItems.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as I } from "../../chunks/lite.1fxw3LjI.js";
 import { useMemo as b } from "react";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { IconAppleLogo as d } from "../../icons/IconAppleLogo.js";
 import { IconEnvelope as f } from "../../icons/IconEnvelope.js";
 import { IconGoogleColorLogo as L } from "../../icons/IconGoogleColorLogo.js";

package/dist/components/LinkAuth/LinkAuthProvider.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useCurrentUser as c } from "@coinbase/cdp-hooks";
 import { createContext as p, useContext as M, useMemo as r, useReducer as A, useEffect as f } from "react";
-import { useAppConfig as L } from "../CDPReactProvider/index.js";
+import { u as L } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { formatPhoneNumber as k } from "../../utils/formatPhoneNumber.js";
 const T = {
   methodToLink: null,

package/dist/components/LinkAuth/index.js

@@ -2,14 +2,14 @@ import { jsx as r, jsxs as h, Fragment as w } from "react/jsx-runtime";
 import { useLinkOAuth as C } from "@coinbase/cdp-hooks";
 import { u as I } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { useRef as d, useState as N, useCallback as u } from "react";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { useOauthStatusModal as P } from "../OAuthStatusModal/index.js";
 import { Banner as U } from "../ui/Banner/index.js";
 import { getMessageFromUnknownError as D } from "../../utils/getMessageFromUnknownError.js";
 import "libphonenumber-js";
 import { toOAuthProviderType as H } from "../../utils/toOAuthProviderType.js";
-import { L as M, a as v } from "../../chunks/LinkAuthFlow.3HN888DV.js";
-import { u as mt } from "../../chunks/LinkAuthFlow.3HN888DV.js";
+import { L as M, a as v } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import { u as mt } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
 import { LinkAuthFlowBackButton as V } from "./LinkAuthFlowBackButton.js";
 import { LinkAuthItem as dt } from "./LinkAuthItem.js";
 import { LinkAuthItems as ft } from "./LinkAuthItems.js";

package/dist/components/LinkAuth/types.js

@@ -1,4 +1,4 @@
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 const t = ["list", "email", "sms"];
 export {
   t as LINK_AUTH_FLOW_VIEWS

package/dist/components/LinkAuth/utils.js

@@ -1,4 +1,4 @@
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { LINK_AUTH_FLOW_VIEWS as i } from "./types.js";
 const t = (r) => i.includes(r), o = (r) => r && t(r) ? r : "list";
 export {

package/dist/components/LinkAuthModal/index.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as n, Fragment as d } from "react/jsx-runtime";
 import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { createContext as f, useMemo as L, useContext as g } from "react";
 import { c as A } from "../../chunks/lite.1fxw3LjI.js";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { LinkAuth as C, LinkAuthError as x } from "../LinkAuth/index.js";
 import { Button as m } from "../ui/Button/index.js";
 import { Modal as b, ModalContent as v, ModalTitle as w, ModalClose as N, ModalTrigger as T } from "../ui/Modal/index.js";
@@ -11,7 +11,7 @@ import { IconXMark as F } from "../../icons/IconXMark.js";
 import { childrenHasComponent as c } from "../../utils/childrenHasComponent.js";
 import { LinkAuthTitle as H } from "../LinkAuth/LinkAuthTitle.js";
 import { LinkAuthFlowBackButton as j } from "../LinkAuth/LinkAuthFlowBackButton.js";
-import { a as B } from "../../chunks/LinkAuthFlow.3HN888DV.js";
+import { a as B } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
 import '../../assets/LinkAuthModal.css';const S = "LinkAuthModal-module__header___qoco6", D = "LinkAuthModal-module__error___Srl7H", E = "LinkAuthModal-module__trigger___aHDfG", r = {
   header: S,
   error: D,

package/dist/components/OAuthStatusModal/index.js

@@ -3,7 +3,7 @@ import "@coinbase/cdp-core";
 import { useOAuthState as I } from "@coinbase/cdp-hooks";
 import { u as b } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { useCallback as N, useState as O, useEffect as h, useRef as A } from "react";
-import { useProviderName as $ } from "../CDPReactProvider/index.js";
+import { a as $ } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { CoinbaseFooter as k } from "../ui/CoinbaseFooter/index.js";
 import { LoadingSpinner as w } from "../ui/LoadingSpinner/index.js";
 import { Modal as E, ModalContent as L, ModalTitle as y, ModalDescription as R } from "../ui/Modal/index.js";

package/dist/components/SignIn/SignInAuthMethodButtons.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useCallback as v, useMemo as y } from "react";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { useSignInWithOAuth as S } from "./hooks/useSignInWithOAuth.js";
 import { useSignInContext as _ } from "./SignInProvider.js";
 import { Button as C } from "../ui/Button/index.js";

package/dist/components/SignIn/SignInBackButton.js

@@ -5,7 +5,7 @@ import { IconArrowLeft as d } from "../../icons/IconArrowLeft.js";
 import "../../theme/theme.js";
 import { useSignInContext as B } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import '../../assets/SignInBackButton.css';const _ = "SignInBackButton-module__icon___stNFS", k = {
   icon: _
 }, T = ({

package/dist/components/SignIn/SignInDescription.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import "react";
-import { a as d } from "../../chunks/index.Bvudzh_y.js";
+import { a as d } from "../../chunks/index.C_DV0Ud7.js";
 import { useSignInContext as h } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import '../../assets/SignInDescription.css';const u = "SignInDescription-module__description___jZLc6", _ = {
   description: u
 }, M = ({

package/dist/components/SignIn/SignInForm.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as d, useState as I, useLayoutEffect as p } from "react";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { SwitchFadeTransition as T } from "../ui/SwitchFadeTransition/index.js";
-import { a as y } from "../../chunks/index.Bvudzh_y.js";
+import { a as y } from "../../chunks/index.C_DV0Ud7.js";
 import { useSignInContext as v } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
 import '../../assets/SignInForm.css';const E = {

package/dist/components/SignIn/SignInImage.js

@@ -1,9 +1,9 @@
 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 || "";
+import { u as a } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import '../../assets/SignInImage.css';const e = "SignInImage-module__logo___rlzt-", m = {
+  logo: e
+}, p = (t) => /^https?:\/\//.test(t), f = ({ className: t = "", alt: s, src: g }) => {
+  const o = a(), n = o.appLogoUrl && p(o.appLogoUrl) ? o.appLogoUrl : void 0, l = g && p(g) ? g : n, r = s || o.appName || "";
   return l ? /* @__PURE__ */ i(
     "img",
     {

package/dist/components/SignIn/SignInProvider.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { createContext as m, useContext as l, useMemo as i } from "react";
-import { useAppConfig as f } from "../CDPReactProvider/index.js";
+import { u as f } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import "@coinbase/cdp-hooks";
 import { useSignInReducer as p } from "./useSignInReducer.js";
 const a = {

package/dist/components/SignIn/SignInTitle.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { a as c } from "../../chunks/index.Bvudzh_y.js";
+import { a as c } from "../../chunks/index.C_DV0Ud7.js";
 import { useSignInContext as d } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import '../../assets/SignInTitle.css';const l = "SignInTitle-module__heading___QJ071", g = {
   heading: l
 }, S = ({

package/dist/components/SignIn/flows/SignInWithEmail.js

@@ -8,7 +8,7 @@ import { useEmailForm as A } from "../hooks/useEmailForm.js";
 import { useOTPForm as B } from "../hooks/useOTPForm.js";
 import { SignInCredentials as G } from "../SignInCredentials.js";
 import { useSignInContext as E } from "../SignInProvider.js";
-import "../../CDPReactProvider/index.js";
+import "../../../chunks/CDPReactProvider.CIQm4C4z.js";
 const J = ["email", "otp"], N = ({
   step: n,
   autoFocus: s,

package/dist/components/SignIn/flows/SignInWithOAuth.js

@@ -1,7 +1,7 @@
 import { jsxs as h, Fragment as a, jsx as e } from "react/jsx-runtime";
 import "@coinbase/cdp-hooks";
 import { useRef as A, useCallback as S, useEffect as v } from "react";
-import { useAppConfig as m } from "../../CDPReactProvider/index.js";
+import { u as m } from "../../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { useSignInWithOAuth as O } from "../hooks/useSignInWithOAuth.js";
 import { Button as W } from "../../ui/Button/index.js";
 import { ServerError as I } from "../../ui/ServerError/index.js";

package/dist/components/SignIn/flows/SignInWithSms.js

@@ -11,7 +11,7 @@ import { useOTPForm as _ } from "../hooks/useOTPForm.js";
 import { usePhoneNumberForm as $ } from "../hooks/usePhoneNumberForm.js";
 import { SignInCredentials as K } from "../SignInCredentials.js";
 import { useSignInContext as O } from "../SignInProvider.js";
-import "../../CDPReactProvider/index.js";
+import "../../../chunks/CDPReactProvider.CIQm4C4z.js";
 const ee = ["phoneNumber", "otp"], te = ({
   step: o,
   autoFocus: i,

package/dist/components/SignIn/index.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as r, Fragment as c } from "react/jsx-runtime";
-import { u as d } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import "react";
-import { useAppConfig as u } from "../CDPReactProvider/index.js";
+import { u as d } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { SignInAuthMethodButtons as f } from "./SignInAuthMethodButtons.js";
 import { SignInBackButton as I } from "./SignInBackButton.js";
 import { SignInDescription as S } from "./SignInDescription.js";
@@ -23,7 +23,7 @@ import '../../assets/SignIn.css';const F = "SignIn-module__footer___3Gkbc", t =
   onSuccess: p,
   ...a
 }) => {
-  const { state: _ } = h(), { showCoinbaseFooter: g } = u(), s = typeof o == "function" ? o(_) : o;
+  const { state: _ } = h(), { showCoinbaseFooter: g } = d(), s = typeof o == "function" ? o(_) : o;
   return /* @__PURE__ */ r("div", { className: `${t["sign-in"]} ${e}`, ...a, children: [
     s,
     !s && /* @__PURE__ */ r(c, { children: [
@@ -40,7 +40,7 @@ import '../../assets/SignIn.css';const F = "SignIn-module__footer___3Gkbc", t =
       g && /* @__PURE__ */ n(b, { className: t.footer })
     ] })
   ] });
-}, V = ({ authMethods: e, ...o }) => (d("sign_in"), /* @__PURE__ */ n(C, { authMethods: e, children: /* @__PURE__ */ n(N, { ...o }) }));
+}, V = ({ authMethods: e, ...o }) => (u("sign_in"), /* @__PURE__ */ n(C, { authMethods: e, children: /* @__PURE__ */ n(N, { ...o }) }));
 export {
   V as SignIn,
   f as SignInAuthMethodButtons,

package/dist/components/SignIn/types.js

@@ -1,3 +1,3 @@
 import "@coinbase/cdp-hooks";
 import "react";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";

package/dist/components/SignIn/useSignInReducer.js

@@ -1,6 +1,6 @@
 import { useReducer as u } from "react";
 import "@coinbase/cdp-hooks";
-import "../CDPReactProvider/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
 function l(e, r) {
   switch (r.type) {
     case "SET_AUTH_METHODS":

package/dist/components/SignInModal/index.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as t, Fragment as c } from "react/jsx-runtime";
 import { u as C } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { createContext as b, useMemo as x, useContext as v } from "react";
 import { c as N } from "../../chunks/lite.1fxw3LjI.js";
-import { useAppConfig as w } from "../CDPReactProvider/index.js";
+import { u as w } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
 import { SignIn as T } from "../SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import { Button as h } from "../ui/Button/index.js";
@@ -36,14 +36,14 @@ import '../../assets/SignInModal.css';const O = "SignInModal-module__trigger___I
 }, p = ({
   children: i,
   className: o = "",
-  label: s,
+  label: a,
   ...r
-}) => /* @__PURE__ */ n(k, { asChild: !0, children: i || /* @__PURE__ */ n(h, { className: N(e.trigger, o), ...r, children: s || "Sign in" }) }), m = (i) => {
-  const { showCoinbaseFooter: o } = w(), { authMethods: s, onSuccess: r } = q();
+}) => /* @__PURE__ */ n(k, { asChild: !0, children: i || /* @__PURE__ */ n(h, { className: N(e.trigger, o), ...r, children: a || "Sign in" }) }), m = (i) => {
+  const { showCoinbaseFooter: o } = w(), { authMethods: a, onSuccess: r } = q();
   return /* @__PURE__ */ n(B, { ...i, children: /* @__PURE__ */ n(
     T,
     {
-      authMethods: s,
+      authMethods: a,
       onSuccess: r,
       className: `${e["sign-in"]} ${o ? "" : e["no-footer"]}`,
       ...i,
@@ -54,13 +54,13 @@ import '../../assets/SignInModal.css';const O = "SignInModal-module__trigger___I
           /* @__PURE__ */ n(D, { asChild: !0, children: /* @__PURE__ */ n(h, { "aria-label": "Close", size: "md", variant: "transparentSecondary", children: /* @__PURE__ */ n(A, { className: e["close-icon"] }) }) })
         ] }),
         /* @__PURE__ */ n("div", { className: e["sign-in-image"], children: /* @__PURE__ */ n(z, {}) }),
-        /* @__PURE__ */ n(E, { onSuccess: r, children: ({ authMethod: l, step: a, Form: d }) => /* @__PURE__ */ t(c, { children: [
+        /* @__PURE__ */ n(E, { onSuccess: r, children: ({ authMethod: s, step: l, Form: d }) => /* @__PURE__ */ t(c, { children: [
           /* @__PURE__ */ t("div", { className: e["title-desc-wrapper"], children: [
-            a === "verification" ? /* @__PURE__ */ n(g, { as: "div", children: /* @__PURE__ */ n(_, {}) }) : /* @__PURE__ */ n(_, {}),
-            a === "credentials" ? /* @__PURE__ */ n(g, { as: "div", children: /* @__PURE__ */ n(u, { authMethod: l }) }) : /* @__PURE__ */ n(u, { authMethod: l })
+            l === "verification" ? /* @__PURE__ */ n(g, { as: "div", children: /* @__PURE__ */ n(_, {}) }) : /* @__PURE__ */ n(_, {}),
+            l === "credentials" ? /* @__PURE__ */ n(g, { as: "div", children: /* @__PURE__ */ n(u, { authMethod: s }) }) : /* @__PURE__ */ n(u, { authMethod: s })
           ] }),
           /* @__PURE__ */ n("div", { className: e["sign-in-form"], children: d }),
-          a === "credentials" && /* @__PURE__ */ n(H, { activeMethod: l })
+          l === "credentials" && /* @__PURE__ */ n(H, { activeMethod: s })
         ] }) }),
         o && /* @__PURE__ */ n(J, { className: e.footer })
       ] })
@@ -69,13 +69,13 @@ import '../../assets/SignInModal.css';const O = "SignInModal-module__trigger___I
 }, mn = ({
   authMethods: i,
   children: o,
-  open: s,
+  open: a,
   setIsOpen: r,
-  onSuccess: l
+  onSuccess: s
 }) => {
   C("sign_in_modal");
-  const a = o ? f(o, p) : !1, d = o ? f(o, m) : !1, S = !a && !d, I = x(() => ({ authMethods: i, onSuccess: l }), [i, l]);
-  return /* @__PURE__ */ n(M.Provider, { value: I, children: /* @__PURE__ */ n(F, { open: s, onOpenChange: r, children: S ? /* @__PURE__ */ t(c, { children: [
+  const l = o ? f(o, p) : !1, d = o ? f(o, m) : !1, S = !l && !d, I = x(() => ({ authMethods: i, onSuccess: s }), [i, s]);
+  return /* @__PURE__ */ n(M.Provider, { value: I, children: /* @__PURE__ */ n(F, { open: a, onOpenChange: r, children: S ? /* @__PURE__ */ t(c, { children: [
     /* @__PURE__ */ n(p, { children: o }),
     /* @__PURE__ */ n(m, {})
   ] }) : /* @__PURE__ */ t(c, { children: [

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

@@ -1,15 +1,13 @@
-import { CSSProperties, ReactNode, JSX } from 'react';
+import { HTMLAttributes, JSX } from 'react';
 import { Theme } from '../../theme/theme';
 import { CDPWebCSSVariables } from '../../theme/utils';
 export type ThemeProviderProps = {
-    children: ReactNode;
-    className?: string;
-    style?: CSSProperties;
     theme?: Partial<Theme>;
-};
+    "data-cdp-provider"?: string;
+} & HTMLAttributes<HTMLDivElement>;
 export interface ThemeContextValue {
     theme: Theme;
     cssVariables: CDPWebCSSVariables;
 }
-export declare const ThemeProvider: ({ children, className, style, theme: themeOverrides, }: ThemeProviderProps) => JSX.Element;
+export declare const ThemeProvider: ({ children, className, style, theme: themeOverrides, "data-cdp-provider": nameFromProps, ...props }: ThemeProviderProps) => JSX.Element;
 export declare const useTheme: () => ThemeContextValue;

package/dist/components/ThemeProvider/index.js

@@ -1,33 +1,44 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as p, useContext as u, useMemo as s } from "react";
-import { theme as n } from "../../theme/theme.js";
-import { themeToCssVariables as l } from "../../theme/utils.js";
-import '../../assets/ThemeProvider.css';const w = "ThemeProvider-module__wrapper___aXwhZ", d = {
-  wrapper: w
-}, a = p(void 0), _ = ({
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as v, useContext as w, useMemo as s, useId as x } from "react";
+import { theme as m } from "../../theme/theme.js";
+import { themeToCssVariables as T } from "../../theme/utils.js";
+import '../../assets/ThemeProvider.css';const f = "ThemeProvider-module__wrapper___aXwhZ", _ = {
+  wrapper: f
+}, n = v(void 0), V = ({
   children: e,
   className: c = "",
-  style: i,
-  theme: o
+  style: p,
+  theme: t,
+  "data-cdp-provider": i,
+  ...d
 }) => {
-  const t = s(
-    () => o ? { ...n, ...o } : n,
-    [o]
-  ), r = s(() => l(t), [t]), h = s(
+  const r = s(
+    () => t ? { ...m, ...t } : m,
+    [t]
+  ), h = x(), u = i ?? h, o = s(() => T(r), [r]), l = s(
     () => ({
-      theme: t,
-      cssVariables: r
+      theme: r,
+      cssVariables: o
     }),
-    [t, r]
+    [r, o]
   );
-  return /* @__PURE__ */ m(a.Provider, { value: h, children: /* @__PURE__ */ m("div", { className: `${d.wrapper} ${c}`, style: { ...i, ...r }, children: e }) });
-}, C = () => {
-  const e = u(a);
+  return /* @__PURE__ */ a(n.Provider, { value: l, children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: `${_.wrapper} ${c}`,
+      style: { ...p, ...o },
+      ...d,
+      "data-cdp-provider": u,
+      children: e
+    }
+  ) });
+}, $ = () => {
+  const e = w(n);
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 };
 export {
-  _ as ThemeProvider,
-  C as useTheme
+  V as ThemeProvider,
+  $ as useTheme
 };

package/dist/components/VerifyMfa/VerifyMfaDescription.d.ts

@@ -0,0 +1,6 @@
+import { ElementType, HTMLAttributes } from 'react';
+import { VerifyMfaMethodComponentProps } from './types';
+export interface VerifyMfaDescriptionProps extends VerifyMfaMethodComponentProps, HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+}
+export declare const VerifyMfaDescription: ({ as: Component, children, className, method: methodFromProps, step: stepFromProps, ...props }: VerifyMfaDescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VerifyMfa/VerifyMfaDescription.js

@@ -0,0 +1,21 @@
+import { jsx as s } from "react/jsx-runtime";
+import "react";
+import { m as f } from "../../chunks/index.Dp-lIxM1.js";
+import "@coinbase/cdp-hooks";
+import { useVerifyMfaContext as a } from "./VerifyMfaProvider.js";
+import '../../assets/VerifyMfaDescription.css';const y = "VerifyMfaDescription-module__description___mDWgu", _ = {
+  description: y
+}, x = ({
+  as: i = "p",
+  children: t,
+  className: r = "",
+  method: n,
+  step: p,
+  ...m
+}) => {
+  const { state: o } = a(), c = p || o.step, e = n || o.method, d = f[e].description;
+  return /* @__PURE__ */ s(i, { className: `${_.description} ${r}`, ...m, children: t || /* @__PURE__ */ s(d, { step: c, method: e }) });
+};
+export {
+  x as VerifyMfaDescription
+};