@coinbase/cdp-react 0.0.63 → 0.0.65

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

@@ -55,25 +55,25 @@ import '../../../assets/IframeButton.css';const H = "IframeButton-module__label_
   if (o.fillStyle = t, o.fillStyle.startsWith("#"))
     return o.fillStyle.toLowerCase();
   o.fillRect(0, 0, 1, 1);
-  const d = o.getImageData(0, 0, 1, 1), [l, n, m, a] = d.data, i = l.toString(16).padStart(2, "0"), b = n.toString(16).padStart(2, "0"), f = m.toString(16).padStart(2, "0");
-  if (a < 255) {
-    const _ = a.toString(16).padStart(2, "0");
+  const d = o.getImageData(0, 0, 1, 1), [a, n, m, l] = d.data, i = a.toString(16).padStart(2, "0"), b = n.toString(16).padStart(2, "0"), f = m.toString(16).padStart(2, "0");
+  if (l < 255) {
+    const _ = l.toString(16).padStart(2, "0");
     return `#${i}${b}${f}${_}`;
   }
   return `#${i}${b}${f}`;
 }, k = (r, e, t, o) => {
-  const d = getComputedStyle(t), l = c("colors-page-bg-default", t, o), n = c(`colors-cta-${e}-bg-default`, t, o), m = c(`colors-cta-${e}-bg-hover`, t, o), a = c(`colors-cta-${e}-bg-pressed`, t, o), i = c(`colors-cta-${e}-text-default`, t, o);
+  const d = getComputedStyle(t), a = c("colors-page-bg-default", t, o), n = c(`colors-cta-${e}-bg-default`, t, o), m = c(`colors-cta-${e}-bg-hover`, t, o), l = c(`colors-cta-${e}-bg-pressed`, t, o), i = c(`colors-cta-${e}-text-default`, t, o);
   return {
-    pageBg: l,
+    pageBg: a,
     buttonBg: n,
     buttonBgHover: m,
-    buttonBgPressed: a,
+    buttonBgPressed: l,
     buttonBgFocus: n,
     buttonBorder: n,
     buttonBorderHover: m,
-    buttonBorderPressed: a,
+    buttonBorderPressed: l,
     buttonBorderFocus: c(`colors-cta-${e}-border-focus`, t, o),
-    buttonBorderFocusInset: l,
+    buttonBorderFocusInset: a,
     buttonBorderRadius: parseInt(d.borderRadius),
     buttonFontSize: parseInt(d.fontSize),
     buttonFontWeight: parseInt(d.fontWeight),
@@ -91,20 +91,20 @@ import '../../../assets/IframeButton.css';const H = "IframeButton-module__label_
   md: s["size-md"],
   lg: s["size-lg"]
 }, U = y(
-  ({ className: r = "", isPending: e, label: t, icon: o, fullWidth: d, size: l, theme: n, onThemeChange: m, ...a }, i) => {
+  ({ className: r = "", isPending: e, label: t, icon: o, fullWidth: d, size: a, theme: n, onThemeChange: m, ...l }, i) => {
     const { theme: b } = z(), f = x(null), _ = x(null), B = v(() => !!n && N(n), [n]), [h, I] = T(
       B ? n : void 0
     );
     return S(() => {
       if (B || !f.current || !_.current) return;
       const F = k(
-        l ?? "md",
-        a.variant ?? "primary",
+        a ?? "md",
+        l.variant ?? "primary",
         f.current,
         _.current
       );
       I({ ...F, ...n });
-    }, [a.variant, l, B, n, b]), S(() => {
+    }, [l.variant, a, B, n, b]), S(() => {
       h && m?.(h);
     }, [h, m]), /* @__PURE__ */ w(
       "div",
@@ -113,8 +113,9 @@ import '../../../assets/IframeButton.css';const H = "IframeButton-module__label_
           s["iframe-button"],
           o && s["with-icon"],
           d && s["full-width"],
-          l && j[l]
+          a && j[a]
         ),
+        "data-part": "iframe-button",
         children: [
           /* @__PURE__ */ g("span", { className: s.label, children: t }),
           e && /* @__PURE__ */ g($, { className: p(s["loading-skeleton"]) }),
@@ -123,7 +124,7 @@ import '../../../assets/IframeButton.css';const H = "IframeButton-module__label_
             {
               ref: i,
               className: p(s.iframe, e ? s.hidden : void 0, r),
-              ...a
+              ...l
             }
           ),
           !B && /* @__PURE__ */ g("div", { ref: f, className: s["computed-style"], children: /* @__PURE__ */ g("canvas", { ref: _ }) })

package/dist/index.d.ts

@@ -1,5 +1,10 @@
 export * from './components/AuthButton';
 export * from './components/CDPReactProvider';
+export * from './components/CopyAddress';
+export * from './components/CopyEvmKeyButton';
+export * from './components/CopySolanaKeyButton';
+export * from './components/ExportWallet';
+export * from './components/ExportWalletModal';
 export * from './components/Fund';
 export * from './components/FundModal';
 export * from './components/LinkAuth';
@@ -15,3 +20,4 @@ export * from './components/ui/Modal';
 export * from './theme';
 export * from './icons';
 export * from './utils';
+export { type IframeTheme } from './types/secureIframe';

package/dist/index.js

@@ -1,153 +1,171 @@
-import { A as o } from "./chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import "./chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import "react";
-import { VERSION as r } from "./version.js";
-import { AuthButton as i } from "./components/AuthButton/index.js";
-import { ALL_AUTH_METHODS as x, AUTH_METHODS as a, CDPReactProvider as s, OAUTH_METHODS as u, useAppConfig as l, useProviderName as c } from "./components/CDPReactProvider/index.js";
-import { Fund as I, FundFooter as g } from "./components/Fund/index.js";
-import { FundModal as h, FundModalContent as S, FundModalTrigger as M } from "./components/FundModal/index.js";
-import { LinkAuth as T, LinkAuthError as C } from "./components/LinkAuth/index.js";
-import { LinkAuthModal as F, LinkAuthModalContent as E, LinkAuthModalTrigger as B } from "./components/LinkAuthModal/index.js";
-import { SendEvmTransactionButton as D } from "./components/SendEvmTransactionButton/index.js";
-import { SendSolanaTransactionButton as b } from "./components/SendSolanaTransactionButton/index.js";
-import { SignIn as O } from "./components/SignIn/index.js";
-import { useSignInReducer as R } from "./components/SignIn/useSignInReducer.js";
-import { SignInModal as V, SignInModalContent as _, SignInModalTrigger as N } from "./components/SignInModal/index.js";
-import { SignOutButton as j } from "./components/SignOutButton/index.js";
-import { ThemeProvider as X, useTheme as q } from "./components/ThemeProvider/index.js";
-import { Button as J } from "./components/ui/Button/index.js";
-import { Modal as Q, ModalClose as W, ModalContent as Y, ModalDescription as Z, ModalTitle as $, ModalTrigger as oo } from "./components/ui/Modal/index.js";
-import { cssVariables as eo } from "./theme/cssVariables.js";
-import { theme as no } from "./theme/theme.js";
-import { borderRadius as po, borderRadiusComponents as io, borderRadiusSemantic as fo, colors as xo, colorsBase as ao, colorsComponents as so, colorsSemantic as uo, font as lo, fontComponents as co, fontSemantic as Io, tokens as go } from "./theme/tokens.js";
-import { flattenTokensObject as ho, themeToCssVariables as So } from "./theme/utils.js";
-import { IconAppleLogo as ko } from "./icons/IconAppleLogo.js";
-import { IconArrowLeft as Co } from "./icons/IconArrowLeft.js";
-import { IconArrowsUpDown as Fo } from "./icons/IconArrowsUpDown.js";
-import { IconCheck as Bo } from "./icons/IconCheck.js";
-import { IconCheckCircle as Do } from "./icons/IconCheckCircle.js";
-import { IconChevronDown as bo } from "./icons/IconChevronDown.js";
-import { IconCopy as Oo } from "./icons/IconCopy.js";
-import { IconEnvelope as Ro } from "./icons/IconEnvelope.js";
-import { IconExclamationCircle as Vo } from "./icons/IconExclamationCircle.js";
-import { IconExclamationTriangle as No } from "./icons/IconExclamationTriangle.js";
-import { IconGoogleLogo as jo } from "./icons/IconGoogleLogo.js";
-import { IconLock as Xo } from "./icons/IconLock.js";
-import { IconPhone as zo } from "./icons/IconPhone.js";
-import { IconXMark as Ko } from "./icons/IconXMark.js";
-import { IconMinus as Wo } from "./icons/IconMinus.js";
-import { IconPlus as Zo } from "./icons/IconPlus.js";
-import { clamp as or } from "./utils/clamp.js";
-import { getMessageFromUnknownError as er } from "./utils/getMessageFromUnknownError.js";
-import { isApiError as nr } from "./utils/isApiError.js";
-import { isEmailInvalid as pr } from "./utils/isEmailInvalid.js";
-import { parseValuesFromPhoneNumber as fr } from "./utils/parseValuesFromPhoneNumber.js";
-import { sendIframeMessage as ar } from "./utils/sendIframeMessage.js";
-import { FundForm as ur } from "./components/Fund/FundForm.js";
-import { FundTitle as cr } from "./components/Fund/FundTitle.js";
-import { useFundContext as Ir } from "./components/Fund/FundProvider.js";
-import { L as Ar, u as hr } from "./chunks/LinkAuthFlow.CxSnHF2p.js";
-import { LinkAuthFlowBackButton as Mr } from "./components/LinkAuth/LinkAuthFlowBackButton.js";
-import { LinkAuthItem as Tr } from "./components/LinkAuth/LinkAuthItem.js";
-import { LinkAuthItems as Lr } from "./components/LinkAuth/LinkAuthItems.js";
-import { LinkAuthTitle as Er } from "./components/LinkAuth/LinkAuthTitle.js";
-import { useLinkAuthContext as wr } from "./components/LinkAuth/LinkAuthProvider.js";
-import { SignInAuthMethodButtons as Pr } from "./components/SignIn/SignInAuthMethodButtons.js";
-import { SignInBackButton as vr } from "./components/SignIn/SignInBackButton.js";
-import { SignInDescription as Hr } from "./components/SignIn/SignInDescription.js";
-import { SignInFooter as Ur } from "./components/SignIn/SignInFooter.js";
-import { SignInForm as _r } from "./components/SignIn/SignInForm.js";
-import { SignInImage as yr } from "./components/SignIn/SignInImage.js";
-import { SignInTitle as Gr } from "./components/SignIn/SignInTitle.js";
-import { useSignInContext as qr } from "./components/SignIn/SignInProvider.js";
-o.registerPackageVersion("react", r);
+import "./version.js";
+import { AuthButton as m } from "./components/AuthButton/index.js";
+import { ALL_AUTH_METHODS as x, AUTH_METHODS as l, CDPReactProvider as i, OAUTH_METHODS as f, useAppConfig as s, useProviderName as u } from "./components/CDPReactProvider/index.js";
+import { CopyAddress as c } from "./components/CopyAddress/index.js";
+import { CopyEvmKeyButton as I } from "./components/CopyEvmKeyButton/index.js";
+import { CopySolanaKeyButton as C } from "./components/CopySolanaKeyButton/index.js";
+import { ExportWallet as h, ExportWalletCopyAddress as E, ExportWalletCopyKeyButton as S, ExportWalletFooter as T, E as k, a as F, b as L, c as B, d as W, ExportWalletTitle as y, ExportWalletWarning as b } from "./components/ExportWallet/index.js";
+import { Fund as w, FundFooter as D } from "./components/Fund/index.js";
+import { FundModal as H, FundModalContent as O, FundModalTrigger as R } from "./components/FundModal/index.js";
+import { LinkAuth as _, LinkAuthError as K } from "./components/LinkAuth/index.js";
+import { LinkAuthModal as N, LinkAuthModalContent as j, LinkAuthModalTrigger as G } from "./components/LinkAuthModal/index.js";
+import { SendEvmTransactionButton as q } from "./components/SendEvmTransactionButton/index.js";
+import { SendSolanaTransactionButton as J } from "./components/SendSolanaTransactionButton/index.js";
+import { SignIn as Y } from "./components/SignIn/index.js";
+import { useSignInReducer as $ } from "./components/SignIn/useSignInReducer.js";
+import { SignInModal as ro, SignInModalContent as to, SignInModalTrigger as eo } from "./components/SignInModal/index.js";
+import { SignOutButton as po } from "./components/SignOutButton/index.js";
+import { ThemeProvider as ao, useTheme as xo } from "./components/ThemeProvider/index.js";
+import { Button as io } from "./components/ui/Button/index.js";
+import { Modal as so, ModalClose as uo, ModalContent as co, ModalDescription as go, ModalTitle as Io, ModalTrigger as Mo } from "./components/ui/Modal/index.js";
+import { cssVariables as Ao } from "./theme/cssVariables.js";
+import { theme as Eo } from "./theme/theme.js";
+import { borderRadius as To, borderRadiusComponents as ko, borderRadiusSemantic as Fo, colors as Lo, colorsBase as Bo, colorsComponents as Wo, colorsSemantic as yo, font as bo, fontComponents as vo, fontSemantic as wo, tokens as Do } from "./theme/tokens.js";
+import { flattenTokensObject as Ho, themeToCssVariables as Oo } from "./theme/utils.js";
+import { IconAppleLogo as Uo } from "./icons/IconAppleLogo.js";
+import { IconArrowLeft as Ko } from "./icons/IconArrowLeft.js";
+import { IconArrowsUpDown as No } from "./icons/IconArrowsUpDown.js";
+import { IconCheck as Go } from "./icons/IconCheck.js";
+import { IconCheckCircle as qo } from "./icons/IconCheckCircle.js";
+import { IconChevronDown as Jo } from "./icons/IconChevronDown.js";
+import { IconCopy as Yo } from "./icons/IconCopy.js";
+import { IconEnvelope as $o } from "./icons/IconEnvelope.js";
+import { IconExclamationCircle as rr } from "./icons/IconExclamationCircle.js";
+import { IconExclamationTriangle as er } from "./icons/IconExclamationTriangle.js";
+import { IconGoogleLogo as pr } from "./icons/IconGoogleLogo.js";
+import { IconLock as ar } from "./icons/IconLock.js";
+import { IconPhone as lr } from "./icons/IconPhone.js";
+import { IconXMark as fr } from "./icons/IconXMark.js";
+import { IconMinus as ur } from "./icons/IconMinus.js";
+import { IconPlus as cr } from "./icons/IconPlus.js";
+import { clamp as Ir } from "./utils/clamp.js";
+import { getMessageFromUnknownError as Cr } from "./utils/getMessageFromUnknownError.js";
+import { isApiError as hr } from "./utils/isApiError.js";
+import { isEmailInvalid as Sr } from "./utils/isEmailInvalid.js";
+import { parseValuesFromPhoneNumber as kr } from "./utils/parseValuesFromPhoneNumber.js";
+import { sendIframeMessage as Lr } from "./utils/sendIframeMessage.js";
+import "@coinbase/cdp-core";
+import { FundForm as Wr } from "./components/Fund/FundForm.js";
+import { FundTitle as br } from "./components/Fund/FundTitle.js";
+import { useFundContext as wr } from "./components/Fund/FundProvider.js";
+import { a as Pr, u as Hr } from "./chunks/LinkAuthFlow.3HN888DV.js";
+import { LinkAuthFlowBackButton as Rr } from "./components/LinkAuth/LinkAuthFlowBackButton.js";
+import { LinkAuthItem as _r } from "./components/LinkAuth/LinkAuthItem.js";
+import { LinkAuthItems as Vr } from "./components/LinkAuth/LinkAuthItems.js";
+import { LinkAuthTitle as jr } from "./components/LinkAuth/LinkAuthTitle.js";
+import { useLinkAuthContext as Xr } from "./components/LinkAuth/LinkAuthProvider.js";
+import { SignInAuthMethodButtons as zr } from "./components/SignIn/SignInAuthMethodButtons.js";
+import { SignInBackButton as Qr } from "./components/SignIn/SignInBackButton.js";
+import { SignInDescription as Zr } from "./components/SignIn/SignInDescription.js";
+import { SignInFooter as ot } from "./components/SignIn/SignInFooter.js";
+import { SignInForm as tt } from "./components/SignIn/SignInForm.js";
+import { SignInImage as nt } from "./components/SignIn/SignInImage.js";
+import { SignInTitle as mt } from "./components/SignIn/SignInTitle.js";
+import { useSignInContext as xt } from "./components/SignIn/SignInProvider.js";
 export {
   x as ALL_AUTH_METHODS,
-  a as AUTH_METHODS,
-  i as AuthButton,
-  J as Button,
-  s as CDPReactProvider,
-  I as Fund,
-  g as FundFooter,
-  ur as FundForm,
-  h as FundModal,
-  S as FundModalContent,
-  M as FundModalTrigger,
-  cr as FundTitle,
-  ko as IconAppleLogo,
-  Co as IconArrowLeft,
-  Fo as IconArrowsUpDown,
-  Bo as IconCheck,
-  Do as IconCheckCircle,
-  bo as IconChevronDown,
-  Oo as IconCopy,
-  Ro as IconEnvelope,
-  Vo as IconExclamationCircle,
-  No as IconExclamationTriangle,
-  jo as IconGoogleLogo,
-  Xo as IconLock,
-  Wo as IconMinus,
-  zo as IconPhone,
-  Zo as IconPlus,
-  Ko as IconXMark,
-  T as LinkAuth,
-  C as LinkAuthError,
-  Ar as LinkAuthFlow,
-  Mr as LinkAuthFlowBackButton,
-  Tr as LinkAuthItem,
-  Lr as LinkAuthItems,
-  F as LinkAuthModal,
-  E as LinkAuthModalContent,
-  B as LinkAuthModalTrigger,
-  Er as LinkAuthTitle,
-  Q as Modal,
-  W as ModalClose,
-  Y as ModalContent,
-  Z as ModalDescription,
-  $ as ModalTitle,
-  oo as ModalTrigger,
-  u as OAUTH_METHODS,
-  D as SendEvmTransactionButton,
-  b as SendSolanaTransactionButton,
-  O as SignIn,
-  Pr as SignInAuthMethodButtons,
-  vr as SignInBackButton,
-  Hr as SignInDescription,
-  Ur as SignInFooter,
-  _r as SignInForm,
-  yr as SignInImage,
-  V as SignInModal,
-  _ as SignInModalContent,
-  N as SignInModalTrigger,
-  Gr as SignInTitle,
-  j as SignOutButton,
-  X as ThemeProvider,
-  po as borderRadius,
-  io as borderRadiusComponents,
-  fo as borderRadiusSemantic,
-  or as clamp,
-  xo as colors,
-  ao as colorsBase,
-  so as colorsComponents,
-  uo as colorsSemantic,
-  eo as cssVariables,
-  ho as flattenTokensObject,
-  lo as font,
-  co as fontComponents,
-  Io as fontSemantic,
-  er as getMessageFromUnknownError,
-  nr as isApiError,
-  pr as isEmailInvalid,
-  fr as parseValuesFromPhoneNumber,
-  ar as sendIframeMessage,
-  no as theme,
-  So as themeToCssVariables,
-  go as tokens,
-  l as useAppConfig,
-  Ir as useFundContext,
-  wr as useLinkAuthContext,
-  hr as useLinkAuthFlow,
-  c as useProviderName,
-  qr as useSignInContext,
-  R as useSignInReducer,
-  q as useTheme
+  l as AUTH_METHODS,
+  m as AuthButton,
+  io as Button,
+  i as CDPReactProvider,
+  c as CopyAddress,
+  I as CopyEvmKeyButton,
+  C as CopySolanaKeyButton,
+  h as ExportWallet,
+  E as ExportWalletCopyAddress,
+  S as ExportWalletCopyKeyButton,
+  T as ExportWalletFooter,
+  k as ExportWalletModal,
+  F as ExportWalletModalClose,
+  L as ExportWalletModalContent,
+  B as ExportWalletModalTitle,
+  W as ExportWalletModalTrigger,
+  y as ExportWalletTitle,
+  b as ExportWalletWarning,
+  w as Fund,
+  D as FundFooter,
+  Wr as FundForm,
+  H as FundModal,
+  O as FundModalContent,
+  R as FundModalTrigger,
+  br as FundTitle,
+  Uo as IconAppleLogo,
+  Ko as IconArrowLeft,
+  No as IconArrowsUpDown,
+  Go as IconCheck,
+  qo as IconCheckCircle,
+  Jo as IconChevronDown,
+  Yo as IconCopy,
+  $o as IconEnvelope,
+  rr as IconExclamationCircle,
+  er as IconExclamationTriangle,
+  pr as IconGoogleLogo,
+  ar as IconLock,
+  ur as IconMinus,
+  lr as IconPhone,
+  cr as IconPlus,
+  fr as IconXMark,
+  _ as LinkAuth,
+  K as LinkAuthError,
+  Pr as LinkAuthFlow,
+  Rr as LinkAuthFlowBackButton,
+  _r as LinkAuthItem,
+  Vr as LinkAuthItems,
+  N as LinkAuthModal,
+  j as LinkAuthModalContent,
+  G as LinkAuthModalTrigger,
+  jr as LinkAuthTitle,
+  so as Modal,
+  uo as ModalClose,
+  co as ModalContent,
+  go as ModalDescription,
+  Io as ModalTitle,
+  Mo as ModalTrigger,
+  f as OAUTH_METHODS,
+  q as SendEvmTransactionButton,
+  J as SendSolanaTransactionButton,
+  Y as SignIn,
+  zr as SignInAuthMethodButtons,
+  Qr as SignInBackButton,
+  Zr as SignInDescription,
+  ot as SignInFooter,
+  tt as SignInForm,
+  nt as SignInImage,
+  ro as SignInModal,
+  to as SignInModalContent,
+  eo as SignInModalTrigger,
+  mt as SignInTitle,
+  po as SignOutButton,
+  ao as ThemeProvider,
+  To as borderRadius,
+  ko as borderRadiusComponents,
+  Fo as borderRadiusSemantic,
+  Ir as clamp,
+  Lo as colors,
+  Bo as colorsBase,
+  Wo as colorsComponents,
+  yo as colorsSemantic,
+  Ao as cssVariables,
+  Ho as flattenTokensObject,
+  bo as font,
+  vo as fontComponents,
+  wo as fontSemantic,
+  Cr as getMessageFromUnknownError,
+  hr as isApiError,
+  Sr as isEmailInvalid,
+  kr as parseValuesFromPhoneNumber,
+  Lr as sendIframeMessage,
+  Eo as theme,
+  Oo as themeToCssVariables,
+  Do as tokens,
+  s as useAppConfig,
+  wr as useFundContext,
+  Xr as useLinkAuthContext,
+  Hr as useLinkAuthFlow,
+  u as useProviderName,
+  xt as useSignInContext,
+  $ as useSignInReducer,
+  xo as useTheme
 };

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.0.61";
+export declare const VERSION = "0.0.65";

package/dist/version.js

@@ -1,4 +1,4 @@
-const o = "0.0.61";
+const o = "0.0.65";
 export {
   o as VERSION
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.63",
+  "version": "0.0.65",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
@@ -15,8 +15,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0 <19.2.0",
-    "@coinbase/cdp-core": "^0.0.63",
-    "@coinbase/cdp-hooks": "^0.0.63"
+    "@coinbase/cdp-core": "^0.0.65",
+    "@coinbase/cdp-hooks": "^0.0.65"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -46,8 +46,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.63",
-    "@coinbase/cdp-hooks": "^0.0.63"
+    "@coinbase/cdp-core": "^0.0.65",
+    "@coinbase/cdp-hooks": "^0.0.65"
   },
   "size-limit": [
     {
@@ -55,7 +55,7 @@
       "path": "./dist/index.js",
       "import": "*",
       "running": false,
-      "limit": "111 KB"
+      "limit": "115 KB"
     },
     {
       "name": "single-component",

package/dist/assets/ExportWalletModal.css

@@ -1 +0,0 @@
-.ExportWalletModal-module__export-wallet___--L56{height:100%;overflow:hidden;gap:0}.ExportWalletModal-module__export-wallet___--L56.ExportWalletModal-module__no-footer___J8uj2{padding-bottom:2em}.ExportWalletModal-module__trigger___zMk8N{padding-left:2em;padding-right:2em}.ExportWalletModal-module__title-bar___RTPZq{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;width:100%}.ExportWalletModal-module__content___KzNol{display:flex;flex-direction:column;gap:1em}.ExportWalletModal-module__close-button___ImsDR{padding:0}.ExportWalletModal-module__close-icon___iAfyT{height:1.5em;width:1.5em}.ExportWalletModal-module__footer___byg1T{padding:.75em 0 0}@media (min-width: 450px){.ExportWalletModal-module__modal___pX1AP{max-width:22.5em}}