@coinbase/cdp-react 0.0.54 → 0.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/assets/ManageAuth.css +1 -0
  2. package/dist/assets/ManageAuthItem.css +1 -0
  3. package/dist/assets/ManageAuthModal.css +1 -0
  4. package/dist/chunks/useSendComponentCallOnce.BHZMuo6E.js +273 -0
  5. package/dist/components/AuthButton/index.js +1 -1
  6. package/dist/components/Fund/index.js +1 -1
  7. package/dist/components/FundModal/index.js +1 -1
  8. package/dist/components/ManageAuth/ManageAuthItem.d.ts +9 -0
  9. package/dist/components/ManageAuth/ManageAuthItem.js +77 -0
  10. package/dist/components/ManageAuth/ManageAuthProvider.d.ts +8 -0
  11. package/dist/components/ManageAuth/ManageAuthProvider.js +64 -0
  12. package/dist/components/ManageAuth/index.d.ts +9 -0
  13. package/dist/components/ManageAuth/index.js +51 -0
  14. package/dist/components/ManageAuth/types.d.ts +13 -0
  15. package/dist/components/ManageAuth/types.js +1 -0
  16. package/dist/components/ManageAuthModal/index.d.ts +20 -0
  17. package/dist/components/ManageAuthModal/index.js +53 -0
  18. package/dist/components/OAuthStatusModal/index.js +53 -51
  19. package/dist/components/SendEvmTransactionButton/index.js +1 -1
  20. package/dist/components/SendSolanaTransactionButton/index.js +1 -1
  21. package/dist/components/SignIn/SignInAuthMethodButtons.js +20 -15
  22. package/dist/components/SignIn/index.js +1 -1
  23. package/dist/components/SignInModal/index.js +1 -1
  24. package/dist/components/SignOutButton/index.js +1 -1
  25. package/dist/icons/IconMinus.d.ts +2 -0
  26. package/dist/icons/IconMinus.js +7 -0
  27. package/dist/icons/IconPlus.d.ts +2 -0
  28. package/dist/icons/IconPlus.js +7 -0
  29. package/dist/icons/IconXLogo.d.ts +2 -0
  30. package/dist/icons/IconXLogo.js +13 -0
  31. package/dist/icons/index.d.ts +4 -0
  32. package/dist/icons/index.js +28 -20
  33. package/dist/index.d.ts +2 -0
  34. package/dist/index.js +136 -115
  35. package/dist/theme/theme.d.ts +10 -0
  36. package/dist/theme/tokens.d.ts +30 -0
  37. package/dist/theme/tokens.js +7 -1
  38. package/dist/version.d.ts +1 -0
  39. package/dist/version.js +4 -0
  40. package/package.json +5 -5
  41. package/dist/chunks/useSendComponentCallOnce.CUgcsUye.js +0 -219
@@ -1,77 +1,78 @@
1
- import { jsx as s, jsxs as o, Fragment as l } from "react/jsx-runtime";
1
+ import { jsx as s, jsxs as e, Fragment as l } from "react/jsx-runtime";
2
2
  import "@coinbase/cdp-core";
3
3
  import { useOAuthState as O } from "@coinbase/cdp-hooks";
4
- import { u as C } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
5
- import { useState as I, useEffect as u, useRef as S, useCallback as b } from "react";
4
+ import { u as I } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
5
+ import { useState as C, useEffect as u, useRef as g, useCallback as b } from "react";
6
6
  import { useProviderName as v } from "../CDPReactProvider/index.js";
7
- import { OAUTH_PROVIDER_SESSION_STORAGE_KEY as g } from "../SignIn/hooks/useSignInWithOAuth.js";
7
+ import { OAUTH_PROVIDER_SESSION_STORAGE_KEY as S } from "../SignIn/hooks/useSignInWithOAuth.js";
8
8
  import { CoinbaseFooter as T } from "../ui/CoinbaseFooter/index.js";
9
9
  import { LoadingSpinner as $ } from "../ui/LoadingSpinner/index.js";
10
10
  import { Modal as w, ModalContent as E, ModalTitle as P, ModalDescription as R } from "../ui/Modal/index.js";
11
11
  import { SwitchFadeTransition as y } from "../ui/SwitchFadeTransition/index.js";
12
12
  import { VisuallyHidden as f } from "../ui/VisuallyHidden/index.js";
13
13
  import { useTimer as k } from "../../hooks/useTimer.js";
14
- import { IconAppleLogo as U } from "../../icons/IconAppleLogo.js";
15
- import { IconCheck as q } from "../../icons/IconCheck.js";
16
- import { IconGoogleColorLogo as x } from "../../icons/IconGoogleColorLogo.js";
14
+ import { IconAppleLogo as x } from "../../icons/IconAppleLogo.js";
15
+ import { IconCheck as L } from "../../icons/IconCheck.js";
16
+ import { IconGoogleColorLogo as U } from "../../icons/IconGoogleColorLogo.js";
17
+ import { IconXLogo as q } from "../../icons/IconXLogo.js";
17
18
  import { IconXMark as G } from "../../icons/IconXMark.js";
18
19
  import { capitalize as d } from "../../utils/capitalize.js";
19
- import '../../assets/OAuthStatusModal.css';const H = "OAuthStatusModal-module__status___vU6x7", K = "OAuthStatusModal-module__graphic___2fKoa", L = "OAuthStatusModal-module__pad___oooMz", j = "OAuthStatusModal-module__spinner___Q3dYq", D = "OAuthStatusModal-module__icon___Lj5Gf", F = "OAuthStatusModal-module__subhead___Pg9GI", Y = "OAuthStatusModal-module__description___0qOZY", z = "OAuthStatusModal-module__ring___mKwSb", V = "OAuthStatusModal-module__invisible___IeRd0", t = {
20
+ import '../../assets/OAuthStatusModal.css';const H = "OAuthStatusModal-module__status___vU6x7", K = "OAuthStatusModal-module__graphic___2fKoa", j = "OAuthStatusModal-module__pad___oooMz", D = "OAuthStatusModal-module__spinner___Q3dYq", F = "OAuthStatusModal-module__icon___Lj5Gf", Y = "OAuthStatusModal-module__subhead___Pg9GI", z = "OAuthStatusModal-module__description___0qOZY", V = "OAuthStatusModal-module__ring___mKwSb", W = "OAuthStatusModal-module__invisible___IeRd0", t = {
20
21
  "oauth-status-modal": "OAuthStatusModal-module__oauth-status-modal___I69Ii",
21
22
  "transition-wrapper": "OAuthStatusModal-module__transition-wrapper___TmPRh",
22
23
  status: H,
23
24
  graphic: K,
24
- pad: L,
25
- spinner: j,
26
- icon: D,
25
+ pad: j,
26
+ spinner: D,
27
+ icon: F,
27
28
  "icon-success": "OAuthStatusModal-module__icon-success___gqMWr",
28
29
  "icon-error": "OAuthStatusModal-module__icon-error___psI7m",
29
- subhead: F,
30
- description: Y,
31
- ring: z,
30
+ subhead: Y,
31
+ description: z,
32
+ ring: V,
32
33
  "ring-success": "OAuthStatusModal-module__ring-success___unyM9",
33
34
  "ring-error": "OAuthStatusModal-module__ring-error___OsgqU",
34
- invisible: V
35
- }, W = ["pending", "success", "error"], Ot = () => {
36
- C("oauth_status_modal");
37
- const [n, e] = I(!1), { oauthState: r } = O(), a = v();
35
+ invisible: W
36
+ }, X = ["pending", "success", "error"], Mt = () => {
37
+ I("oauth_status_modal");
38
+ const [n, o] = C(!1), { oauthState: r } = O(), a = v();
38
39
  return u(() => {
39
40
  if (r?.status === "pending" || r?.status === "error" || r?.status === "success") {
40
- const c = sessionStorage.getItem(g);
41
+ const c = sessionStorage.getItem(S);
41
42
  if (c === null || c !== a)
42
43
  return;
43
- sessionStorage.removeItem(g), e(!0);
44
+ sessionStorage.removeItem(S), o(!0);
44
45
  }
45
- }, [r?.status, a]), /* @__PURE__ */ s(w, { open: n, onOpenChange: e, children: /* @__PURE__ */ o(E, { children: [
46
+ }, [r?.status, a]), /* @__PURE__ */ s(w, { open: n, onOpenChange: o, children: /* @__PURE__ */ e(E, { children: [
46
47
  /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(P, { children: "OAuth Status" }) }),
47
- /* @__PURE__ */ s(f, { children: /* @__PURE__ */ o(R, { children: [
48
+ /* @__PURE__ */ s(f, { children: /* @__PURE__ */ e(R, { children: [
48
49
  "Sign in with ",
49
50
  d(a),
50
51
  " ",
51
52
  r?.status ? `${r?.status === "success" ? "successful" : r?.status === "error" ? "failed" : "pending"}` : ""
52
53
  ] }) }),
53
- /* @__PURE__ */ s(J, { handleClose: () => e(!1) })
54
+ /* @__PURE__ */ s(J, { handleClose: () => o(!1) })
54
55
  ] }) });
55
56
  }, J = ({ handleClose: n }) => {
56
- const { oauthState: e } = O(), r = e?.providerType || "google", { timeRemaining: a, start: c, reset: m } = k(), _ = S(null), h = S(null), A = 250, p = b((i) => {
57
- h.current === i || i === void 0 || (h.current = i, _.current?.transition.toggle(i));
57
+ const { oauthState: o } = O(), r = o?.providerType || "google", { timeRemaining: a, start: c, reset: m } = k(), _ = g(null), p = g(null), A = 250, h = b((i) => {
58
+ p.current === i || i === void 0 || (p.current = i, _.current?.transition.toggle(i));
58
59
  }, []);
59
60
  return u(() => {
60
- p(e?.status), e?.status === "success" && c(3);
61
- }, [e?.status, p, c]), u(() => {
61
+ h(o?.status), o?.status === "success" && c(3);
62
+ }, [o?.status, h, c]), u(() => {
62
63
  a !== null && a <= 0 && (m(), n());
63
- }, [a, m, n]), /* @__PURE__ */ o("div", { className: t["oauth-status-modal"], children: [
64
+ }, [a, m, n]), /* @__PURE__ */ e("div", { className: t["oauth-status-modal"], children: [
64
65
  /* @__PURE__ */ s(
65
66
  y,
66
67
  {
67
68
  animateHeight: !1,
68
69
  timeout: A,
69
- items: W,
70
+ items: X,
70
71
  initialEntered: !1,
71
72
  transitionRef: _,
72
73
  className: t["transition-wrapper"],
73
74
  children: ({ itemKey: i, ...M }) => {
74
- const N = B[i];
75
+ const N = tt[i];
75
76
  return /* @__PURE__ */ s("div", { ...M, className: t.status, children: /* @__PURE__ */ s(N, { timeRemaining: a, provider: r }) });
76
77
  }
77
78
  }
@@ -79,9 +80,9 @@ import '../../assets/OAuthStatusModal.css';const H = "OAuthStatusModal-module__s
79
80
  /* @__PURE__ */ s(T, {})
80
81
  ] });
81
82
  }, Q = ({ provider: n }) => {
82
- const e = tt[n];
83
- return /* @__PURE__ */ o(l, { children: [
84
- /* @__PURE__ */ o("div", { className: t.graphic, children: [
83
+ const o = st[n];
84
+ return /* @__PURE__ */ e(l, { children: [
85
+ /* @__PURE__ */ e("div", { className: t.graphic, children: [
85
86
  /* @__PURE__ */ s(
86
87
  $,
87
88
  {
@@ -91,44 +92,45 @@ import '../../assets/OAuthStatusModal.css';const H = "OAuthStatusModal-module__s
91
92
  className: t.spinner
92
93
  }
93
94
  ),
94
- e && /* @__PURE__ */ s("span", { className: t.icon, children: /* @__PURE__ */ s(e, {}) })
95
+ o && /* @__PURE__ */ s("span", { className: t.icon, children: /* @__PURE__ */ s(o, {}) })
95
96
  ] }),
96
- /* @__PURE__ */ o("p", { className: t.subhead, children: [
97
+ /* @__PURE__ */ e("p", { className: t.subhead, children: [
97
98
  "Signing in with ",
98
99
  d(n)
99
100
  ] }),
100
101
  /* @__PURE__ */ s("p", { className: t.description, children: "Just a moment..." })
101
102
  ] });
102
- }, X = ({ timeRemaining: n, provider: e }) => /* @__PURE__ */ o(l, { children: [
103
- /* @__PURE__ */ o("div", { className: t.graphic, children: [
103
+ }, Z = ({ timeRemaining: n, provider: o }) => /* @__PURE__ */ e(l, { children: [
104
+ /* @__PURE__ */ e("div", { className: t.graphic, children: [
104
105
  /* @__PURE__ */ s("span", { className: `${t.ring} ${t["ring-success"]}` }),
105
- /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-success"]}`, children: /* @__PURE__ */ s(q, {}) })
106
+ /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-success"]}`, children: /* @__PURE__ */ s(L, {}) })
106
107
  ] }),
107
- /* @__PURE__ */ o("p", { className: t.subhead, children: [
108
+ /* @__PURE__ */ e("p", { className: t.subhead, children: [
108
109
  "Signed in with ",
109
- d(e)
110
+ d(o)
110
111
  ] }),
111
- /* @__PURE__ */ o("p", { className: `${t.description} ${n === null ? t.invisible : ""}`, children: [
112
+ /* @__PURE__ */ e("p", { className: `${t.description} ${n === null ? t.invisible : ""}`, children: [
112
113
  "This window will automatically close in ",
113
114
  n ?? "soon"
114
115
  ] })
115
- ] }), Z = () => /* @__PURE__ */ o(l, { children: [
116
- /* @__PURE__ */ o("div", { className: `${t.graphic} ${t.pad}`, children: [
116
+ ] }), B = () => /* @__PURE__ */ e(l, { children: [
117
+ /* @__PURE__ */ e("div", { className: `${t.graphic} ${t.pad}`, children: [
117
118
  /* @__PURE__ */ s("span", { className: `${t.ring} ${t["ring-error"]}` }),
118
119
  /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-error"]}`, children: /* @__PURE__ */ s(G, {}) })
119
120
  ] }),
120
121
  /* @__PURE__ */ s("p", { className: t.subhead, children: "Sign in failed" }),
121
122
  /* @__PURE__ */ s("p", { className: t.description, children: "Something went wrong. Please try again." })
122
- ] }), B = {
123
+ ] }), tt = {
123
124
  pending: Q,
124
- success: X,
125
- error: Z
126
- }, tt = {
127
- google: x,
128
- apple: U
125
+ success: Z,
126
+ error: B
127
+ }, st = {
128
+ google: U,
129
+ apple: x,
130
+ x: q
129
131
  };
130
132
  export {
131
- Ot as OAuthStatusModal,
133
+ Mt as OAuthStatusModal,
132
134
  J as OAuthStatusModalContent,
133
- Ot as default
135
+ Mt as default
134
136
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as E } from "react/jsx-runtime";
2
2
  import { useSendEvmTransaction as _, APIError as S } from "@coinbase/cdp-hooks";
3
- import { u as b } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
3
+ import { u as b } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
4
4
  import { useState as T, useCallback as y } from "react";
5
5
  import { c as C } from "../../chunks/lite.1fxw3LjI.js";
6
6
  import { Button as w } from "../ui/Button/index.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as _ } from "react/jsx-runtime";
2
2
  import { useSendSolanaTransaction as b, APIError as T } from "@coinbase/cdp-hooks";
3
- import { u as w } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
3
+ import { u as w } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
4
4
  import { useState as x, useCallback as y } from "react";
5
5
  import { c as B } from "../../chunks/lite.1fxw3LjI.js";
6
6
  import { Button as C } from "../ui/Button/index.js";
@@ -1,21 +1,22 @@
1
1
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
2
2
  import { useCallback as I, useMemo as v } from "react";
3
3
  import { useAppConfig as y } from "../CDPReactProvider/index.js";
4
- import { useSignInWithOAuth as S } from "./hooks/useSignInWithOAuth.js";
5
- import { useSignInContext as C } from "./SignInProvider.js";
4
+ import { useSignInWithOAuth as C } from "./hooks/useSignInWithOAuth.js";
5
+ import { useSignInContext as S } from "./SignInProvider.js";
6
6
  import { Button as M } from "../ui/Button/index.js";
7
7
  import { ServerError as k } from "../ui/ServerError/index.js";
8
8
  import { IconAppleLogo as B } from "../../icons/IconAppleLogo.js";
9
9
  import { IconEnvelope as E } from "../../icons/IconEnvelope.js";
10
10
  import { IconGoogleLogo as P } from "../../icons/IconGoogleLogo.js";
11
11
  import { IconPhone as O } from "../../icons/IconPhone.js";
12
+ import { IconXLogo as w } from "../../icons/IconXLogo.js";
12
13
  import { toOAuthProviderType as _ } from "../../utils/toOAuthProviderType.js";
13
- import '../../assets/SignInAuthMethodButtons.css';const N = "SignInAuthMethodButtons-module__divider___zphEh", o = {
14
+ import '../../assets/SignInAuthMethodButtons.css';const x = "SignInAuthMethodButtons-module__divider___zphEh", o = {
14
15
  "auth-method-buttons": "SignInAuthMethodButtons-module__auth-method-buttons___jYEH7",
15
16
  "auth-btn": "SignInAuthMethodButtons-module__auth-btn___o1a09",
16
17
  "auth-btn-icon": "SignInAuthMethodButtons-module__auth-btn-icon___VjvFY",
17
18
  "auth-btn-label": "SignInAuthMethodButtons-module__auth-btn-label___mEWd3",
18
- divider: N
19
+ divider: x
19
20
  }, b = {
20
21
  email: {
21
22
  label: "Continue with email",
@@ -32,37 +33,41 @@ import '../../assets/SignInAuthMethodButtons.css';const N = "SignInAuthMethodBut
32
33
  "oauth:apple": {
33
34
  label: "Continue with Apple",
34
35
  icon: /* @__PURE__ */ n(B, {})
36
+ },
37
+ "oauth:x": {
38
+ label: "Continue with X",
39
+ icon: /* @__PURE__ */ n(w, {})
35
40
  }
36
- }, U = ({ activeMethod: u }) => {
41
+ }, V = ({ activeMethod: u }) => {
37
42
  const { authMethods: a } = y(), {
38
43
  signInWithOAuth: l,
39
44
  isPending: s,
40
45
  error: h,
41
46
  oauthProvider: c
42
- } = S(), p = I(
47
+ } = C(), m = I(
43
48
  async (t) => {
44
- const i = _(t);
45
- i && l(i);
49
+ const e = _(t);
50
+ e && l(e);
46
51
  },
47
52
  [l]
48
- ), { dispatch: d } = C(), e = v(() => (a || ["email"]).map((t) => {
53
+ ), { dispatch: p } = S(), i = v(() => (a || ["email"]).map((t) => {
49
54
  if (!b[t])
50
55
  return null;
51
- const { label: i, icon: g } = b[t], m = t.startsWith("oauth:"), f = m ? () => p(t) : () => d({ type: "SET_AUTH_METHOD", payload: { authMethod: t } }), A = m && c.current === _(t) && s;
56
+ const { label: e, icon: g } = b[t], d = t.startsWith("oauth:"), f = d ? () => m(t) : () => p({ type: "SET_AUTH_METHOD", payload: { authMethod: t } }), A = d && c.current === _(t) && s;
52
57
  return {
53
58
  key: t,
54
- label: i,
59
+ label: e,
55
60
  icon: g,
56
61
  onClick: f,
57
62
  isPending: A
58
63
  };
59
- }).filter((t) => t !== null), [a, d, p, s, c]);
60
- return !e.length || e.length === 1 && e[0].key === u ? null : /* @__PURE__ */ r("div", { className: o["auth-method-buttons"], children: [
64
+ }).filter((t) => t !== null), [a, p, m, s, c]);
65
+ return !i.length || i.length === 1 && i[0].key === u ? null : /* @__PURE__ */ r("div", { className: o["auth-method-buttons"], children: [
61
66
  /* @__PURE__ */ r("div", { className: o.divider, children: [
62
67
  /* @__PURE__ */ n("hr", {}),
63
68
  /* @__PURE__ */ n("span", { children: "or" })
64
69
  ] }),
65
- e.map((t) => t.key === u ? null : /* @__PURE__ */ r(
70
+ i.map((t) => t.key === u ? null : /* @__PURE__ */ r(
66
71
  M,
67
72
  {
68
73
  "aria-label": t.ariaLabel,
@@ -82,5 +87,5 @@ import '../../assets/SignInAuthMethodButtons.css';const N = "SignInAuthMethodBut
82
87
  ] });
83
88
  };
84
89
  export {
85
- U as SignInAuthMethodButtons
90
+ V as SignInAuthMethodButtons
86
91
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as n, jsxs as t, Fragment as c } from "react/jsx-runtime";
2
- import { u as d } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
2
+ import { u as d } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
3
3
  import "react";
4
4
  import { useAppConfig as u } from "../CDPReactProvider/index.js";
5
5
  import { SignInAuthMethodButtons as f } from "./SignInAuthMethodButtons.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as n, jsxs as t, Fragment as d } from "react/jsx-runtime";
2
- import { u as I } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
2
+ import { u as I } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
3
3
  import { createContext as C, useMemo as b, useContext as x } from "react";
4
4
  import { c as v } from "../../chunks/lite.1fxw3LjI.js";
5
5
  import { useAppConfig as N } from "../CDPReactProvider/index.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as m } from "react/jsx-runtime";
2
2
  import { useSignOut as r } from "@coinbase/cdp-hooks";
3
- import { u as e } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
3
+ import { u as e } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
4
4
  import "react";
5
5
  import { c } from "../../chunks/lite.1fxw3LjI.js";
6
6
  import { Button as a } from "../ui/Button/index.js";
@@ -0,0 +1,2 @@
1
+ import { SVGProps } from 'react';
2
+ export declare const IconMinus: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import "react";
3
+ import { SvgIcon as i } from "./SvgIcon.js";
4
+ const l = (r) => /* @__PURE__ */ o(i, { width: "12", height: "2", viewBox: "0 0 12 2", fill: "currentColor", ...r, children: /* @__PURE__ */ o("path", { d: "M12 1.2H0V0H12V1.2Z", fill: "#5B616E" }) });
5
+ export {
6
+ l as IconMinus
7
+ };
@@ -0,0 +1,2 @@
1
+ import { SVGProps } from 'react';
2
+ export declare const IconPlus: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import "react";
3
+ import { SvgIcon as t } from "./SvgIcon.js";
4
+ const H = (r) => /* @__PURE__ */ o(t, { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", ...r, children: /* @__PURE__ */ o("path", { d: "M4.19995 5.79995V10H5.79995V5.79995H10V4.19995H5.79995V0H4.19995V4.19995H0V5.79995H4.19995Z" }) });
5
+ export {
6
+ H as IconPlus
7
+ };
@@ -0,0 +1,2 @@
1
+ import { SVGProps } from 'react';
2
+ export declare const IconXLogo: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import "react";
3
+ import { SvgIcon as r } from "./SvgIcon.js";
4
+ const e = (L) => /* @__PURE__ */ o(r, { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", ...L, children: /* @__PURE__ */ o(
5
+ "path",
6
+ {
7
+ fill: "currentColor",
8
+ d: "M8.92704 6.34822L14.5111 0H13.1879L8.33921 5.51207L4.4666 0H0L5.85615 8.33522L0 14.9923H1.32333L6.44364 9.17137L10.5334 14.9923H15L8.92671 6.34822H8.92704ZM7.11456 8.40866L6.52121 7.57866L1.80014 0.974259H3.83269L7.64265 6.30422L8.236 7.13422L13.1885 14.0623H11.156L7.11456 8.40897V8.40866Z"
9
+ }
10
+ ) });
11
+ export {
12
+ e as IconXLogo
13
+ };
@@ -1,3 +1,4 @@
1
+ export * from './IconAppleLogo';
1
2
  export * from './IconArrowLeft';
2
3
  export * from './IconArrowsUpDown';
3
4
  export * from './IconCheck';
@@ -6,6 +7,9 @@ export * from './IconChevronDown';
6
7
  export * from './IconEnvelope';
7
8
  export * from './IconExclamationCircle';
8
9
  export * from './IconExclamationTriangle';
10
+ export * from './IconGoogleLogo';
9
11
  export * from './IconLock';
10
12
  export * from './IconPhone';
11
13
  export * from './IconXMark';
14
+ export * from './IconMinus';
15
+ export * from './IconPlus';
@@ -1,24 +1,32 @@
1
- import { IconArrowLeft as e } from "./IconArrowLeft.js";
2
- import { IconArrowsUpDown as c } from "./IconArrowsUpDown.js";
3
- import { IconCheck as m } from "./IconCheck.js";
4
- import { IconCheckCircle as x } from "./IconCheckCircle.js";
5
- import { IconChevronDown as I } from "./IconChevronDown.js";
6
- import { IconEnvelope as l } from "./IconEnvelope.js";
7
- import { IconExclamationCircle as C } from "./IconExclamationCircle.js";
8
- import { IconExclamationTriangle as k } from "./IconExclamationTriangle.js";
1
+ import { IconAppleLogo as e } from "./IconAppleLogo.js";
2
+ import { IconArrowLeft as c } from "./IconArrowLeft.js";
3
+ import { IconArrowsUpDown as t } from "./IconArrowsUpDown.js";
4
+ import { IconCheck as x } from "./IconCheck.js";
5
+ import { IconCheckCircle as I } from "./IconCheckCircle.js";
6
+ import { IconChevronDown as a } from "./IconChevronDown.js";
7
+ import { IconEnvelope as C } from "./IconEnvelope.js";
8
+ import { IconExclamationCircle as h } from "./IconExclamationCircle.js";
9
+ import { IconExclamationTriangle as w } from "./IconExclamationTriangle.js";
10
+ import { IconGoogleLogo as s } from "./IconGoogleLogo.js";
9
11
  import { IconLock as E } from "./IconLock.js";
10
- import { IconPhone as A } from "./IconPhone.js";
11
- import { IconXMark as L } from "./IconXMark.js";
12
+ import { IconPhone as v } from "./IconPhone.js";
13
+ import { IconXMark as M } from "./IconXMark.js";
14
+ import { IconMinus as G } from "./IconMinus.js";
15
+ import { IconPlus as U } from "./IconPlus.js";
12
16
  export {
13
- e as IconArrowLeft,
14
- c as IconArrowsUpDown,
15
- m as IconCheck,
16
- x as IconCheckCircle,
17
- I as IconChevronDown,
18
- l as IconEnvelope,
19
- C as IconExclamationCircle,
20
- k as IconExclamationTriangle,
17
+ e as IconAppleLogo,
18
+ c as IconArrowLeft,
19
+ t as IconArrowsUpDown,
20
+ x as IconCheck,
21
+ I as IconCheckCircle,
22
+ a as IconChevronDown,
23
+ C as IconEnvelope,
24
+ h as IconExclamationCircle,
25
+ w as IconExclamationTriangle,
26
+ s as IconGoogleLogo,
21
27
  E as IconLock,
22
- A as IconPhone,
23
- L as IconXMark
28
+ G as IconMinus,
29
+ v as IconPhone,
30
+ U as IconPlus,
31
+ M as IconXMark
24
32
  };
package/dist/index.d.ts CHANGED
@@ -2,6 +2,8 @@ export * from './components/AuthButton';
2
2
  export * from './components/CDPReactProvider';
3
3
  export * from './components/Fund';
4
4
  export * from './components/FundModal';
5
+ export * from './components/ManageAuth';
6
+ export * from './components/ManageAuthModal';
5
7
  export * from './components/SendEvmTransactionButton';
6
8
  export * from './components/SendSolanaTransactionButton';
7
9
  export * from './components/SignIn';