@coinbase/cdp-react 0.0.49 → 0.0.51

package/dist/index.js

@@ -1,104 +1,117 @@
 import { ALL_AUTH_METHODS as e, AUTH_METHODS as t, CDPReactProvider as n, OAUTH_METHODS as m, useAppConfig as p, useProviderName as f } from "./components/CDPReactProvider/index.js";
-import { AuthButton as i } from "./components/AuthButton/index.js";
+import { AuthButton as x } from "./components/AuthButton/index.js";
 import { Fund as s, FundFooter as c } from "./components/Fund/index.js";
-import { FundModal as I } from "./components/FundModal/index.js";
-import { SendEvmTransactionButton as l } from "./components/SendEvmTransactionButton/index.js";
-import { SendSolanaTransactionButton as g } from "./components/SendSolanaTransactionButton/index.js";
-import { SignIn as C } from "./components/SignIn/index.js";
-import { useSignInReducer as F } from "./components/SignIn/useSignInReducer.js";
-import { SignOutButton as E } from "./components/SignOutButton/index.js";
-import { SignInModal as B } from "./components/SignInModal/index.js";
-import { ThemeProvider as b, useTheme as v } from "./components/ThemeProvider/index.js";
-import { cssVariables as H } from "./theme/cssVariables.js";
-import { theme as P } from "./theme/theme.js";
-import { borderRadius as R, borderRadiusComponents as U, borderRadiusSemantic as L, colors as _, colorsBase as V, colorsComponents as N, colorsSemantic as j, font as X, fontComponents as q, fontSemantic as y, tokens as z } from "./theme/tokens.js";
-import { flattenTokensObject as J, themeToCssVariables as K } from "./theme/utils.js";
-import { IconArrowLeft as W } from "./icons/IconArrowLeft.js";
-import { IconArrowsUpDown as Z } from "./icons/IconArrowsUpDown.js";
-import { IconCheck as oo } from "./icons/IconCheck.js";
-import { IconCheckCircle as eo } from "./icons/IconCheckCircle.js";
-import { IconChevronDown as no } from "./icons/IconChevronDown.js";
-import { IconEnvelope as po } from "./icons/IconEnvelope.js";
-import { IconExclamationCircle as xo } from "./icons/IconExclamationCircle.js";
-import { IconExclamationTriangle as ao } from "./icons/IconExclamationTriangle.js";
-import { IconLock as co } from "./icons/IconLock.js";
-import { IconPhone as Io } from "./icons/IconPhone.js";
-import { IconXMark as So } from "./icons/IconXMark.js";
-import { clamp as To } from "./utils/clamp.js";
-import { getMessageFromUnknownError as ho } from "./utils/getMessageFromUnknownError.js";
-import { isApiError as Ao } from "./utils/isApiError.js";
-import { isEmailInvalid as ko } from "./utils/isEmailInvalid.js";
-import { parseValuesFromPhoneNumber as Mo } from "./utils/parseValuesFromPhoneNumber.js";
-import { FundForm as vo } from "./components/Fund/FundForm.js";
-import { FundTitle as Ho } from "./components/Fund/FundTitle.js";
-import { useFundContext as Po } from "./components/Fund/FundProvider.js";
-import { SignInAuthMethodButtons as Ro } from "./components/SignIn/SignInAuthMethodButtons.js";
-import { SignInBackButton as Lo } from "./components/SignIn/SignInBackButton.js";
-import { SignInDescription as Vo } from "./components/SignIn/SignInDescription.js";
-import { SignInFooter as jo } from "./components/SignIn/SignInFooter.js";
-import { SignInForm as qo } from "./components/SignIn/SignInForm.js";
-import { SignInImage as zo } from "./components/SignIn/SignInImage.js";
-import { SignInTitle as Jo } from "./components/SignIn/SignInTitle.js";
-import { useSignInContext as Qo } from "./components/SignIn/SignInProvider.js";
+import { FundModal as l, FundModalContent as u, FundModalTrigger as I } from "./components/FundModal/index.js";
+import { SendEvmTransactionButton as S } from "./components/SendEvmTransactionButton/index.js";
+import { SendSolanaTransactionButton as M } from "./components/SendSolanaTransactionButton/index.js";
+import { SignIn as F } from "./components/SignIn/index.js";
+import { useSignInReducer as A } from "./components/SignIn/useSignInReducer.js";
+import { SignOutButton as B } from "./components/SignOutButton/index.js";
+import { SignInModal as D, SignInModalContent as b, SignInModalTrigger as v } from "./components/SignInModal/index.js";
+import { ThemeProvider as O, useTheme as P } from "./components/ThemeProvider/index.js";
+import { Button as R } from "./components/ui/Button/index.js";
+import { Modal as L, ModalClose as _, ModalContent as V, ModalDescription as N, ModalTitle as j, ModalTrigger as X } from "./components/ui/Modal/index.js";
+import { cssVariables as y } from "./theme/cssVariables.js";
+import { theme as G } from "./theme/theme.js";
+import { borderRadius as K, borderRadiusComponents as Q, borderRadiusSemantic as W, colors as Y, colorsBase as Z, colorsComponents as $, colorsSemantic as oo, font as ro, fontComponents as eo, fontSemantic as to, tokens as no } from "./theme/tokens.js";
+import { flattenTokensObject as po, themeToCssVariables as fo } from "./theme/utils.js";
+import { IconArrowLeft as xo } from "./icons/IconArrowLeft.js";
+import { IconArrowsUpDown as so } from "./icons/IconArrowsUpDown.js";
+import { IconCheck as lo } from "./icons/IconCheck.js";
+import { IconCheckCircle as Io } from "./icons/IconCheckCircle.js";
+import { IconChevronDown as So } from "./icons/IconChevronDown.js";
+import { IconEnvelope as Mo } from "./icons/IconEnvelope.js";
+import { IconExclamationCircle as Fo } from "./icons/IconExclamationCircle.js";
+import { IconExclamationTriangle as Ao } from "./icons/IconExclamationTriangle.js";
+import { IconLock as Bo } from "./icons/IconLock.js";
+import { IconPhone as Do } from "./icons/IconPhone.js";
+import { IconXMark as vo } from "./icons/IconXMark.js";
+import { clamp as Oo } from "./utils/clamp.js";
+import { getMessageFromUnknownError as wo } from "./utils/getMessageFromUnknownError.js";
+import { isApiError as Uo } from "./utils/isApiError.js";
+import { isEmailInvalid as _o } from "./utils/isEmailInvalid.js";
+import { parseValuesFromPhoneNumber as No } from "./utils/parseValuesFromPhoneNumber.js";
+import { FundForm as Xo } from "./components/Fund/FundForm.js";
+import { FundTitle as yo } from "./components/Fund/FundTitle.js";
+import { useFundContext as Go } from "./components/Fund/FundProvider.js";
+import { SignInAuthMethodButtons as Ko } from "./components/SignIn/SignInAuthMethodButtons.js";
+import { SignInBackButton as Wo } from "./components/SignIn/SignInBackButton.js";
+import { SignInDescription as Zo } from "./components/SignIn/SignInDescription.js";
+import { SignInFooter as or } from "./components/SignIn/SignInFooter.js";
+import { SignInForm as er } from "./components/SignIn/SignInForm.js";
+import { SignInImage as nr } from "./components/SignIn/SignInImage.js";
+import { SignInTitle as pr } from "./components/SignIn/SignInTitle.js";
+import { useSignInContext as ir } from "./components/SignIn/SignInProvider.js";
 export {
   e as ALL_AUTH_METHODS,
   t as AUTH_METHODS,
-  i as AuthButton,
+  x as AuthButton,
+  R as Button,
   n as CDPReactProvider,
   s as Fund,
   c as FundFooter,
-  vo as FundForm,
-  I as FundModal,
-  Ho as FundTitle,
-  W as IconArrowLeft,
-  Z as IconArrowsUpDown,
-  oo as IconCheck,
-  eo as IconCheckCircle,
-  no as IconChevronDown,
-  po as IconEnvelope,
-  xo as IconExclamationCircle,
-  ao as IconExclamationTriangle,
-  co as IconLock,
-  Io as IconPhone,
-  So as IconXMark,
+  Xo as FundForm,
+  l as FundModal,
+  u as FundModalContent,
+  I as FundModalTrigger,
+  yo as FundTitle,
+  xo as IconArrowLeft,
+  so as IconArrowsUpDown,
+  lo as IconCheck,
+  Io as IconCheckCircle,
+  So as IconChevronDown,
+  Mo as IconEnvelope,
+  Fo as IconExclamationCircle,
+  Ao as IconExclamationTriangle,
+  Bo as IconLock,
+  Do as IconPhone,
+  vo as IconXMark,
+  L as Modal,
+  _ as ModalClose,
+  V as ModalContent,
+  N as ModalDescription,
+  j as ModalTitle,
+  X as ModalTrigger,
   m as OAUTH_METHODS,
-  l as SendEvmTransactionButton,
-  g as SendSolanaTransactionButton,
-  C as SignIn,
-  Ro as SignInAuthMethodButtons,
-  Lo as SignInBackButton,
-  Vo as SignInDescription,
-  jo as SignInFooter,
-  qo as SignInForm,
-  zo as SignInImage,
-  B as SignInModal,
-  Jo as SignInTitle,
-  E as SignOutButton,
-  b as ThemeProvider,
-  R as borderRadius,
-  U as borderRadiusComponents,
-  L as borderRadiusSemantic,
-  To as clamp,
-  _ as colors,
-  V as colorsBase,
-  N as colorsComponents,
-  j as colorsSemantic,
-  H as cssVariables,
-  J as flattenTokensObject,
-  X as font,
-  q as fontComponents,
-  y as fontSemantic,
-  ho as getMessageFromUnknownError,
-  Ao as isApiError,
-  ko as isEmailInvalid,
-  Mo as parseValuesFromPhoneNumber,
-  P as theme,
-  K as themeToCssVariables,
-  z as tokens,
+  S as SendEvmTransactionButton,
+  M as SendSolanaTransactionButton,
+  F as SignIn,
+  Ko as SignInAuthMethodButtons,
+  Wo as SignInBackButton,
+  Zo as SignInDescription,
+  or as SignInFooter,
+  er as SignInForm,
+  nr as SignInImage,
+  D as SignInModal,
+  b as SignInModalContent,
+  v as SignInModalTrigger,
+  pr as SignInTitle,
+  B as SignOutButton,
+  O as ThemeProvider,
+  K as borderRadius,
+  Q as borderRadiusComponents,
+  W as borderRadiusSemantic,
+  Oo as clamp,
+  Y as colors,
+  Z as colorsBase,
+  $ as colorsComponents,
+  oo as colorsSemantic,
+  y as cssVariables,
+  po as flattenTokensObject,
+  ro as font,
+  eo as fontComponents,
+  to as fontSemantic,
+  wo as getMessageFromUnknownError,
+  Uo as isApiError,
+  _o as isEmailInvalid,
+  No as parseValuesFromPhoneNumber,
+  G as theme,
+  fo as themeToCssVariables,
+  no as tokens,
   p as useAppConfig,
-  Po as useFundContext,
+  Go as useFundContext,
   f as useProviderName,
-  Qo as useSignInContext,
-  F as useSignInReducer,
-  v as useTheme
+  ir as useSignInContext,
+  A as useSignInReducer,
+  P as useTheme
 };

package/dist/utils/childrenHasComponent.d.ts

@@ -0,0 +1,2 @@
+import { JSXElementConstructor, ReactNode } from 'react';
+export declare const childrenHasComponent: <T = unknown>(children: ReactNode | ReactNode[], component: string | JSXElementConstructor<T>, depth?: number) => any;

package/dist/utils/childrenHasComponent.js

@@ -0,0 +1,13 @@
+import { Children as l, isValidElement as t } from "react";
+const a = (r) => typeof r == "object" && r !== null && "children" in r && (t(r.children) || Array.isArray(r.children)), o = 10, s = (r, n, i = 0) => i >= o ? !1 : l.toArray(r).some((e) => {
+  if (t(e)) {
+    if (e.type === n)
+      return !0;
+    if (a(e.props))
+      return s(e.props.children, n, i + 1);
+  }
+  return !1;
+});
+export {
+  s as childrenHasComponent
+};

package/package.json

@@ -1,21 +1,23 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-form": "^0.1.7",
     "@radix-ui/react-one-time-password-field": "^0.1.7",
+    "@radix-ui/react-primitive": "^2.1.3",
     "@radix-ui/react-select": "^2.2.6",
     "big.js": "7.0.1",
+    "clsx": "^2.1.1",
     "libphonenumber-js": "^1.12.10",
     "react-transition-state": "2.3.0"
   },
   "peerDependencies": {
     "react": ">=18.2.0 <19.2.0",
-    "@coinbase/cdp-core": "^0.0.49",
-    "@coinbase/cdp-hooks": "^0.0.49"
+    "@coinbase/cdp-core": "^0.0.51",
+    "@coinbase/cdp-hooks": "^0.0.51"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -45,8 +47,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.49",
-    "@coinbase/cdp-hooks": "^0.0.49"
+    "@coinbase/cdp-core": "^0.0.51",
+    "@coinbase/cdp-hooks": "^0.0.51"
   },
   "size-limit": [
     {