@coinbase/cdp-react 0.0.24 → 0.0.25

package/dist/components/forms/ExchangeAmountInput/index.js

@@ -1,87 +1,115 @@
-import { jsxs as o, Fragment as C, jsx as n } from "react/jsx-runtime";
-import { forwardRef as L, useCallback as z } from "react";
-import { AmountInput as D } from "../AmountInput/index.js";
-import { DEFAULT_LOCALE as F } from "../../../data/locale.js";
-import { IconArrowsUpDown as V } from "../../../icons/IconArrowsUpDown.js";
-import { useExchangeAmountInput as j } from "./useExchangeAmountInput.js";
-import '../../../assets/ExchangeAmountInput.css';const k = "ExchangeAmountInput-module__icon___b5JpF", t = {
+import { jsxs as u, Fragment as $, jsx as n } from "react/jsx-runtime";
+import { forwardRef as v, useCallback as C } from "react";
+import { AmountInput as L } from "../AmountInput/index.js";
+import { Button as z } from "../../ui/Button/index.js";
+import { LoadingSkeleton as j } from "../../ui/LoadingSkeleton/index.js";
+import { DEFAULT_LOCALE as D } from "../../../data/locale.js";
+import { IconArrowsUpDown as F } from "../../../icons/IconArrowsUpDown.js";
+import { useExchangeAmountInput as S } from "./useExchangeAmountInput.js";
+import '../../../assets/ExchangeAmountInput.css';const V = "ExchangeAmountInput-module__icon___b5JpF", t = {
   "flex-row": "ExchangeAmountInput-module__flex-row___ZKB-Q",
   "gap-1": "ExchangeAmountInput-module__gap-1___vuNQW",
   "gap-2": "ExchangeAmountInput-module__gap-2___4-s-b",
   "swap-button": "ExchangeAmountInput-module__swap-button___i9lSz",
-  icon: k
-}, v = L(
+  icon: V,
+  "output-loading-skeleton": "ExchangeAmountInput-module__output-loading-skeleton___gKMEZ",
+  "output-loading-skeleton-placeholder": "ExchangeAmountInput-module__output-loading-skeleton-placeholder___1-jT-",
+  "output-currency": "ExchangeAmountInput-module__output-currency___vlpC1"
+}, B = v(
   ({
-    cryptoAmount: c,
-    cryptoCurrency: u,
-    cryptoDecimalPlaces: s,
-    fiatAmount: l,
-    fiatCurrency: e,
-    fiatDecimalPlaces: r,
-    exchangeRate: i,
-    inputType: a,
-    locale: p = F,
-    setCryptoAmount: _,
-    setFiatAmount: d,
-    setInputType: m,
-    ...g
-  }, h) => {
-    const f = a === "fiat" ? `switch input to ${u}` : `switch input to ${e}`, {
-      inputValue: x,
-      inputCurrency: w,
-      inputDecimalPlaces: A,
-      formatOutputValue: b,
-      outputValue: E,
-      outputCurrency: I,
-      handleChange: N
-    } = j({
-      cryptoAmount: c,
-      cryptoCurrency: u,
-      cryptoDecimalPlaces: s,
-      exchangeRate: i,
-      fiatAmount: l,
-      fiatCurrency: e,
-      fiatDecimalPlaces: r,
-      inputType: a,
-      locale: p,
-      setCryptoAmount: _,
-      setFiatAmount: d
-    }), $ = z(() => {
-      m(a === "fiat" ? "crypto" : "fiat");
-    }, [a, m]);
-    return /* @__PURE__ */ o(C, { children: [
+    cryptoAmount: i,
+    cryptoCurrency: l,
+    cryptoDecimalPlaces: _,
+    fiatAmount: d,
+    fiatCurrency: p,
+    fiatDecimalPlaces: g,
+    exchangeRate: a,
+    inputType: o,
+    isExchangeRatePending: h,
+    locale: c = D,
+    setCryptoAmount: x,
+    setFiatAmount: f,
+    setInputType: r,
+    ...A
+  }, E) => {
+    const w = o === "fiat" ? `switch input to ${l}` : `switch input to ${p}`, {
+      inputValue: I,
+      inputCurrency: N,
+      inputDecimalPlaces: b,
+      formatOutputValue: s,
+      outputValue: e,
+      outputCurrency: m,
+      handleChange: k
+    } = S({
+      cryptoAmount: i,
+      cryptoCurrency: l,
+      cryptoDecimalPlaces: _,
+      exchangeRate: a,
+      fiatAmount: d,
+      fiatCurrency: p,
+      fiatDecimalPlaces: g,
+      inputType: o,
+      locale: c,
+      setCryptoAmount: x,
+      setFiatAmount: f
+    }), y = C(() => {
+      r(o === "fiat" ? "crypto" : "fiat");
+    }, [o, r]);
+    return /* @__PURE__ */ u($, { children: [
       /* @__PURE__ */ n(
-        D,
+        L,
         {
-          ref: h,
-          amount: x,
-          unit: w,
-          decimalPlaces: A,
-          locale: p,
-          setAmount: N,
-          ...g
+          ref: E,
+          amount: I,
+          unit: N,
+          decimalPlaces: b,
+          locale: c,
+          setAmount: k,
+          ...A
         }
       ),
-      /* @__PURE__ */ o("span", { className: `${t["flex-row"]} ${t["gap-1"]}`, children: [
+      !a && h && /* @__PURE__ */ n(j, { className: t["output-loading-skeleton"], children: /* @__PURE__ */ u("span", { className: t["output-loading-skeleton-placeholder"], children: [
+        s(e ?? 0),
+        " ",
+        m
+      ] }) }),
+      a && /* @__PURE__ */ u("span", { className: `${t["flex-row"]} ${t["gap-1"]}`, children: [
         /* @__PURE__ */ n(
-          "button",
+          z,
           {
-            "aria-label": f,
+            "aria-label": w,
             className: t["swap-button"],
-            onClick: $,
+            onClick: y,
             type: "button",
-            children: /* @__PURE__ */ n(V, { className: t.icon })
+            size: "xs",
+            variant: "transparentSecondary",
+            children: /* @__PURE__ */ n(F, { className: t.icon })
           }
         ),
-        /* @__PURE__ */ o("span", { className: `${t["flex-row"]} ${t["gap-2"]}`, children: [
-          /* @__PURE__ */ n("span", { "data-part": "amount-input-unsized-value", children: b(E ?? 0) }),
-          /* @__PURE__ */ n("span", { "data-part": "amount-input-unsized-currency", children: I })
+        /* @__PURE__ */ u("span", { className: `${t["flex-row"]} ${t["gap-2"]}`, children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              "data-part": "amount-output-unsized-value",
+              "data-testid": "exchange-amount-output-value",
+              children: s(isNaN(e ?? 0) ? 0 : e ?? 0)
+            }
+          ),
+          /* @__PURE__ */ n(
+            "span",
+            {
+              "data-part": "amount-output-unsized-currency",
+              "data-testid": "exchange-amount-output-currency",
+              className: t["output-currency"],
+              children: m
+            }
+          )
         ] })
       ] })
     ] });
   }
 );
-v.displayName = "ExchangeAmountInput";
+B.displayName = "ExchangeAmountInput";
 export {
-  v as ExchangeAmountInput
+  B as ExchangeAmountInput
 };

package/dist/components/forms/ExchangeAmountInput/types.d.ts

@@ -4,11 +4,12 @@ export type ExchangeAmountInputProps = {
     cryptoAmount: AmountInputProps["amount"];
     cryptoDecimalPlaces?: AmountInputProps["decimalPlaces"];
     cryptoCurrency: NonNullable<AmountInputProps["unit"]>;
-    exchangeRate: string;
+    exchangeRate?: number;
     fiatAmount: AmountInputProps["amount"];
     fiatCurrency: NonNullable<AmountInputProps["unit"]>;
     fiatDecimalPlaces?: AmountInputProps["decimalPlaces"];
     inputType: InputType;
+    isExchangeRatePending?: boolean;
     locale?: string;
     max?: number;
     min?: number;

package/dist/components/forms/ExchangeAmountInput/useExchangeAmountInput.js

@@ -1,10 +1,10 @@
-import { Big as h } from "big.js";
+import { Big as B } from "big.js";
 import { useCallback as u, useMemo as _ } from "react";
 import { useNumberParseAndFormat as I } from "../AmountInput/useNumberParseAndFormat.js";
 import { DEFAULT_LOCALE as k } from "../../../data/locale.js";
 const O = (f) => {
   try {
-    return h(f);
+    return B(f);
   } catch {
     return null;
   }
@@ -12,87 +12,91 @@ const O = (f) => {
   cryptoAmount: f,
   cryptoCurrency: F,
   cryptoDecimalPlaces: n = 8,
-  exchangeRate: a,
-  fiatAmount: N,
-  fiatCurrency: V,
+  exchangeRate: m,
+  fiatAmount: V,
+  fiatCurrency: h,
   fiatDecimalPlaces: i = 2,
   inputType: o,
   locale: E = k,
-  setFiatAmount: m,
+  setFiatAmount: s,
   setCryptoAmount: d
 }) => {
-  const x = u(
+  const L = u(
     (r) => {
-      m(r);
+      s(r);
       const t = O(r);
       if (r === 0 || isNaN(r) || t === null) {
-        d(0);
+        d(NaN);
         return;
       }
-      const s = t.times(a).round(n, h.roundDown);
-      d(s.eq(0) ? 0 : +s.toFixed());
+      const N = t.times(m ?? 0);
+      d(
+        N.eq(0) ? 0 : +N.toFixed(n, B.roundDown)
+      );
     },
-    [a, m, d, n]
-  ), L = u(
+    [m, s, d, n]
+  ), b = u(
     (r) => {
       d(r);
       const t = O(r);
       if (r === 0 || isNaN(r) || t === null) {
-        m(0);
+        s(NaN);
         return;
       }
-      const s = t.div(a).round(i, h.roundDown);
-      m(s.eq(0) ? 0 : +s.toFixed());
+      const N = m ? t.div(m) : B(0);
+      s(
+        N.eq(0) ? 0 : +N.toFixed(i, B.roundDown)
+      );
     },
-    [a, m, d, i]
-  ), b = u(
+    [m, s, d, i]
+  ), q = u(
     (r, t) => {
-      o === "fiat" ? x(r) : L(r), t?.(r);
+      o === "fiat" ? L(r) : b(r), t?.(r);
     },
-    [x, L, o]
-  ), { formatter: g } = I({
+    [L, b, o]
+  ), { formatter: a } = I({
     inputValue: "",
     locale: E,
     options: {
       maximumFractionDigits: i,
       minimumFractionDigits: 0
     }
-  }), { formatter: B } = I({
+  }), { formatter: g } = I({
     inputValue: "",
     locale: E,
     options: {
       maximumFractionDigits: n,
       minimumFractionDigits: 0
     }
-  }), q = u(
-    (r) => o === "fiat" ? g.format(r) : B.format(r),
-    [B, g, o]
-  ), w = u(
-    (r) => o === "fiat" ? B.format(r) : g.format(r),
-    [B, g, o]
+  }), w = u(
+    (r) => o === "fiat" ? a.format(r) : g.format(r),
+    [g, a, o]
+  ), x = u(
+    (r) => o === "fiat" ? g.format(r) : a.format(r),
+    [g, a, o]
   );
   return _(
     () => ({
-      inputCurrency: o === "fiat" ? V : F,
+      inputCurrency: o === "fiat" ? h : F,
       inputDecimalPlaces: o === "fiat" ? i : n,
-      inputValue: o === "fiat" ? N : f,
-      formatInputValue: q,
-      formatOutputValue: w,
-      handleChange: b,
-      outputCurrency: o === "fiat" ? F : V,
+      inputValue: o === "fiat" ? V : f,
+      formatInputValue: w,
+      formatOutputValue: x,
+      handleChange: q,
+      outputCurrency: o === "fiat" ? F : h,
       outputDecimalPlaces: o === "fiat" ? n : i,
-      outputValue: o === "fiat" ? f : N
+      outputValue: o === "fiat" ? f : V
     }),
     [
       f,
       F,
       n,
-      N,
       V,
+      h,
       i,
-      q,
       w,
-      b,
+      x,
+      q,
       o
     ]
   );

package/dist/components/forms/Input/index.d.ts

@@ -1,4 +1,8 @@
 import { FormValidityStateProps } from '@radix-ui/react-form';
 import { InputHTMLAttributes } from 'react';
-export declare const Input: import('react').ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
-export declare const withValidityState: (props: InputHTMLAttributes<HTMLInputElement>) => FormValidityStateProps["children"];
+import { InputSize } from '../../../theme/theme';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: InputSize;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const withValidityState: (props: InputProps) => FormValidityStateProps["children"];

package/dist/components/forms/Input/index.js

@@ -1,17 +1,32 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "@radix-ui/react-form";
-import { forwardRef as p } from "react";
-import '../../../assets/Input.css';const u = "Input-module__input___-mK8z", e = {
-  input: u
-}, r = p(
-  ({ className: i = "", ...n }, t) => /* @__PURE__ */ a("input", { ref: t, className: `${e.input} ${i}`, ...n })
+import { forwardRef as p, useMemo as l } from "react";
+import '../../../assets/Input.css';const d = "Input-module__input___-mK8z", t = {
+  input: d,
+  "size-lg": "Input-module__size-lg___IYoRG",
+  "size-md": "Input-module__size-md___8hkn5",
+  "size-sm": "Input-module__size-sm___cnynF",
+  "size-xs": "Input-module__size-xs___aK-NH"
+}, o = p(
+  ({ className: e = "", size: s = "md", ...i }, n) => {
+    const _ = l(() => {
+      const u = [t.input], a = {
+        lg: t["size-lg"],
+        md: t["size-md"],
+        sm: t["size-sm"],
+        xs: t["size-xs"]
+      };
+      return s && u.push(a[s]), u.join(" ");
+    }, [s]);
+    return /* @__PURE__ */ m("input", { ref: n, className: `${_} ${e}`, ...i });
+  }
 );
-r.displayName = "Input";
-const m = (i) => (t) => {
-  const o = t === void 0 || t.valid ? void 0 : !0;
-  return /* @__PURE__ */ a(r, { ...i, "aria-invalid": o });
+o.displayName = "Input";
+const I = (e) => (i) => {
+  const n = i === void 0 || i.valid ? void 0 : !0;
+  return /* @__PURE__ */ m(o, { ...e, "aria-invalid": n });
 };
 export {
-  r as Input,
-  m as withValidityState
+  o as Input,
+  I as withValidityState
 };

package/dist/components/forms/PhoneNumberInput/index.d.ts

@@ -1,7 +1,7 @@
 import { CountryCode } from 'libphonenumber-js';
-import { InputHTMLAttributes } from 'react';
+import { InputProps } from '../Input/Input';
 import { PhoneNumber } from '../../../utils/parseValuesFromPhoneNumber';
-export interface PhoneNumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
+export interface PhoneNumberInputProps extends Omit<InputProps, "value" | "onChange"> {
     onCountryCodeChange: (newCountry: CountryCode) => void;
     countryCode?: CountryCode;
     onPhoneNumberChange: (phoneNumber: PhoneNumber) => void;

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

@@ -21,24 +21,24 @@ import '../../../assets/Button.css';const f = "Button-module__btn___Wj6Dr", S =
   transparentPrimary: r["transparent-primary"],
   transparentSecondary: r["transparent-secondary"],
   control: r["control-btn"]
-}, g = u(
+}, x = u(
   ({
     children: e,
     className: i = "",
     isPending: o,
     pendingLabel: s = "Loading...",
-    size: m = "lg",
+    size: m = "md",
     variant: n = "primary",
     ..._
   }, d) => {
-    const l = n === "linkPrimary" || n === "linkSecondary" ? "none" : m, y = a[n] ?? a.primary;
+    const y = n === "linkPrimary" || n === "linkSecondary" ? "none" : m, l = a[n] ?? a.primary;
     return /* @__PURE__ */ t(
       k,
       {
-        className: `${r.btn} ${y} ${i}`,
+        className: `${r.btn} ${l} ${i}`,
         ref: d,
         isPending: o,
-        size: l,
+        size: y,
         ..._,
         children: o ? /* @__PURE__ */ c(p, { children: [
           /* @__PURE__ */ t(B, { "aria-hidden": "true" }),
@@ -48,7 +48,7 @@ import '../../../assets/Button.css';const f = "Button-module__btn___Wj6Dr", S =
     );
   }
 );
-g.displayName = "Button";
+x.displayName = "Button";
 export {
-  g as Button
+  x as Button
 };

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

@@ -1,5 +1,5 @@
-import { jsx as B } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as r } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as B, useMemo as r } from "react";
 import "../../../theme/theme.js";
 import '../../../assets/ButtonBase.css';const z = "ButtonBase-module__btn___9S8PJ", s = {
   btn: z,
@@ -8,32 +8,32 @@ import '../../../assets/ButtonBase.css';const z = "ButtonBase-module__btn___9S8P
   "size-md": "ButtonBase-module__size-md___sAsBJ",
   "size-sm": "ButtonBase-module__size-sm___xHCtU",
   "size-xs": "ButtonBase-module__size-xs___LiiO7"
-}, c = d(
+}, _ = {
+  lg: s["size-lg"],
+  md: s["size-md"],
+  sm: s["size-sm"],
+  xs: s["size-xs"],
+  none: ""
+}, c = B(
   ({
     children: n,
     className: m = "",
     fullWidth: t = !1,
     isPending: i,
-    size: o = "lg",
-    ...l
-  }, u) => {
-    const a = r(() => {
-      const e = [s.btn], _ = {
-        lg: s["size-lg"],
-        md: s["size-md"],
-        sm: s["size-sm"],
-        xs: s["size-xs"],
-        none: ""
-      };
-      return e.push(_[o] ?? _.lg), t && e.push(s["full-width"]), e.join(" ");
+    size: o = "md",
+    ...u
+  }, a) => {
+    const l = r(() => {
+      const e = [s.btn];
+      return e.push(_[o] ?? _.md), t && e.push(s["full-width"]), e.join(" ");
     }, [t, o]);
-    return /* @__PURE__ */ B(
+    return /* @__PURE__ */ d(
       "button",
       {
-        className: `${a} ${m}`,
-        ref: u,
+        className: `${l} ${m}`,
+        ref: a,
         "data-pending": i,
-        ...l,
+        ...u,
         children: n
       }
     );

package/dist/components/ui/LoadingSpinner/index.d.ts

@@ -1,3 +1,10 @@
-export declare const LoadingSpinner: ({ className }: {
+import { CSSProperties } from 'react';
+interface LoadingSpinnerProps {
     className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+    staticStroke?: boolean;
+    staticStrokeColor?: string;
+    strokeWidth?: string | number;
+    style?: CSSProperties;
+}
+export declare const LoadingSpinner: ({ className, staticStroke, staticStrokeColor, strokeWidth, style, }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
-import '../../../assets/LoadingSpinner.css';const r = "LoadingSpinner-module__spinner___-zo6Y", e = {
-  spinner: r,
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import "react";
+import '../../../assets/LoadingSpinner.css';const p = "LoadingSpinner-module__spinner___-zo6Y", i = {
+  spinner: p,
   "spinner-circle": "LoadingSpinner-module__spinner-circle___9Jfm7"
-}, o = ({ className: i }) => /* @__PURE__ */ n(
+}, g = ({
+  className: o,
+  staticStroke: c,
+  staticStrokeColor: r = "currentColor",
+  strokeWidth: e = "3",
+  style: l
+}) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12,20 +19,35 @@ import '../../../assets/LoadingSpinner.css';const r = "LoadingSpinner-module__sp
     width: "24",
     height: "24",
     stroke: "currentColor",
-    className: i,
-    children: /* @__PURE__ */ n("g", { className: e.spinner, children: /* @__PURE__ */ n(
-      "circle",
-      {
-        className: e["spinner-circle"],
-        cx: "12",
-        cy: "12",
-        r: "9.5",
-        fill: "none",
-        strokeWidth: "3"
-      }
-    ) })
+    className: o,
+    style: l,
+    children: /* @__PURE__ */ s("g", { className: i.spinner, children: [
+      c && /* @__PURE__ */ n(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "9.5",
+          fill: "none",
+          strokeWidth: e,
+          stroke: r,
+          opacity: r === "currentColor" ? "0.2" : void 0
+        }
+      ),
+      /* @__PURE__ */ n(
+        "circle",
+        {
+          className: i["spinner-circle"],
+          cx: "12",
+          cy: "12",
+          r: "9.5",
+          fill: "none",
+          strokeWidth: e
+        }
+      )
+    ] })
   }
 );
 export {
-  o as LoadingSpinner
+  g as LoadingSpinner
 };

package/dist/icons/IconAppleLogo.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconAppleLogo: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/IconAppleLogo.js

@@ -0,0 +1,10 @@
+import { jsxs as r, jsx as C } from "react/jsx-runtime";
+import "react";
+import { SvgIcon as t } from "./SvgIcon.js";
+const h = (o) => /* @__PURE__ */ r(t, { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", ...o, children: [
+  /* @__PURE__ */ C("path", { d: "M10.0787 0C10.1159 0 10.1532 0 10.1925 0C10.2839 1.12836 9.85317 1.97146 9.32974 2.58201C8.81615 3.18834 8.11286 3.77641 6.97537 3.68718C6.89949 2.57498 7.33088 1.79441 7.8536 1.18527C8.33839 0.617575 9.22716 0.112414 10.0787 0Z" }),
+  /* @__PURE__ */ C("path", { d: "M13.5221 11.7446C13.5221 11.7558 13.5221 11.7657 13.5221 11.7762C13.2025 12.7444 12.7465 13.5741 12.19 14.3442C11.6821 15.0432 11.0596 15.984 9.94808 15.984C8.98765 15.984 8.3497 15.3664 7.36537 15.3496C6.32414 15.3327 5.75153 15.866 4.79952 16.0002C4.69062 16.0002 4.58172 16.0002 4.47493 16.0002C3.77585 15.899 3.21167 15.3454 2.80066 14.8465C1.5887 13.3725 0.652147 11.4685 0.477905 9.0319C0.477905 8.79302 0.477905 8.55485 0.477905 8.31597C0.551677 6.57215 1.399 5.15432 2.52525 4.46719C3.11963 4.10185 3.93674 3.7906 4.84659 3.92971C5.23653 3.99014 5.6349 4.12363 5.98408 4.25571C6.315 4.38288 6.72883 4.60841 7.12087 4.59647C7.38645 4.58874 7.65062 4.45033 7.91831 4.35267C8.7024 4.06953 9.47103 3.74493 10.4842 3.89739C11.7017 4.08147 12.5659 4.62246 13.0999 5.45714C12.0699 6.11265 11.2556 7.10049 11.3947 8.7874C11.5184 10.3197 12.4092 11.2162 13.5221 11.7446Z" })
+] });
+export {
+  h as IconAppleLogo
+};

package/dist/icons/IconCoinbaseMark.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconCoinbaseMark: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/IconCoinbaseMark.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { SvgIcon as r } from "./SvgIcon.js";
+const e = (i) => /* @__PURE__ */ o(r, { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", ...i, children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M8.01503 12.5C5.80088 12.5 4.00751 10.6354 4.00751 8.33333C4.00751 6.03125 5.80088 4.16667 8.01503 4.16667C9.99875 4.16667 11.6452 5.67014 11.9624 7.63889H16C15.6594 3.36111 12.2162 0 8.01503 0C3.59006 0 0 3.73264 0 8.33333C0 12.934 3.59006 16.6667 8.01503 16.6667C12.2162 16.6667 15.6594 13.3056 16 9.02778H11.9624C11.6452 10.9965 9.99875 12.5 8.01503 12.5Z",
+    fill: "#0052ff"
+  }
+) });
+export {
+  e as IconCoinbaseMark
+};

package/dist/icons/IconCreditCard.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconCreditCard: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/IconCreditCard.js

@@ -0,0 +1,10 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import "react";
+import { SvgIcon as i } from "./SvgIcon.js";
+const d = (o) => /* @__PURE__ */ t(i, { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", ...o, children: [
+  /* @__PURE__ */ r("path", { d: "M0.477905 2.33301V12.9997H13.5221V2.33301H0.477905ZM12.1634 3.99967V5.33301H1.83668V3.99967H12.1634ZM1.83668 11.333V7.66634H12.1634V11.333H1.83668Z" }),
+  /* @__PURE__ */ r("path", { d: "M2.65195 8.66634H7.00003V9.66634H2.65195V8.66634Z" })
+] });
+export {
+  d as IconCreditCard
+};

package/dist/icons/IconExclamationTriangle.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconExclamationTriangle: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;