@ledgerhq/react-ui 0.10.0-nightly.1 → 0.10.0-nightly.2

package/lib/assets/providersFavicons/index.d.ts

@@ -0,0 +1,74 @@
+declare module "*.png" {
+  const value: any;
+  export = value;
+}
+
+import _1Inch from "./_1Inch.png";
+import Aave from "./Aave.png";
+import Baanx from "./Baanx.png";
+import Banxa from "./Banxa.png";
+import Bitrefill from "./Bitrefill.png";
+import BtcDirect from "./BtcDirect.png";
+import Changelly from "./Changelly.png";
+import CoinGecko from "./CoinGecko.png";
+import Coinify from "./Coinify.png";
+import Compound from "./Compound.png";
+import Deversifi from "./Deversifi.png";
+import Ftx from "./Ftx.png";
+import Ftxus from "./Ftxus.png";
+import Kiln from "./Kiln.png";
+import LedgerBlack from "./LedgerBlack.png";
+import LedgerWhite from "./LedgerWhite.png";
+import LedgerCard from "./LedgerCard.png";
+import Lido from "./Lido.png";
+import LoopiPay from "./LoopiPay.png";
+import Mercuryo from "./Mercuryo.png";
+import Moonpay from "./Moonpay.png";
+import Opensea from "./Opensea.png";
+import PancakeSwap from "./PancakeSwap.png";
+import Paraswap from "./Paraswap.png";
+import Poap from "./Poap.png";
+import RainbowMe from "./RainbowMe.png";
+import Ramp from "./Ramp.png";
+import Rarible from "./Rarible.png";
+import Simplex from "./Simplex.png";
+import SushiSwap from "./SushiSwap.png";
+import Transak from "./Transak.png";
+import Wyre from "./Wyre.png";
+import Zerion from "./Zerion.png";
+
+export {
+  _1Inch,
+  Aave,
+  Baanx,
+  Banxa,
+  Bitrefill,
+  BtcDirect,
+  Changelly,
+  CoinGecko,
+  Coinify,
+  Compound,
+  Deversifi,
+  Ftx,
+  Ftxus,
+  Kiln,
+  LedgerBlack,
+  LedgerWhite,
+  LedgerCard,
+  Lido,
+  LoopiPay,
+  Mercuryo,
+  Moonpay,
+  Opensea,
+  PancakeSwap,
+  Paraswap,
+  Poap,
+  RainbowMe,
+  Ramp,
+  Rarible,
+  Simplex,
+  SushiSwap,
+  Transak,
+  Wyre,
+  Zerion,
+};

package/lib/{components/asorted/Icon/ProvidersFavicons → assets/providersFavicons}/index.js

@@ -31,4 +31,39 @@ import SushiSwap from "./SushiSwap.png";
 import Transak from "./Transak.png";
 import Wyre from "./Wyre.png";
 import Zerion from "./Zerion.png";
-export { _1Inch, Aave, Baanx, Banxa, Bitrefill, BtcDirect, Changelly, CoinGecko, Coinify, Compound, Deversifi, Ftx, Ftxus, Kiln, LedgerBlack, LedgerWhite, LedgerCard, Lido, LoopiPay, Mercuryo, Moonpay, Opensea, PancakeSwap, Paraswap, Poap, RainbowMe, Ramp, Rarible, Simplex, SushiSwap, Transak, Wyre, Zerion, };
+
+export {
+  _1Inch,
+  Aave,
+  Baanx,
+  Banxa,
+  Bitrefill,
+  BtcDirect,
+  Changelly,
+  CoinGecko,
+  Coinify,
+  Compound,
+  Deversifi,
+  Ftx,
+  Ftxus,
+  Kiln,
+  LedgerBlack,
+  LedgerWhite,
+  LedgerCard,
+  Lido,
+  LoopiPay,
+  Mercuryo,
+  Moonpay,
+  Opensea,
+  PancakeSwap,
+  Paraswap,
+  Poap,
+  RainbowMe,
+  Ramp,
+  Rarible,
+  Simplex,
+  SushiSwap,
+  Transak,
+  Wyre,
+  Zerion,
+};

package/lib/cjs/{components/asorted/Icon/ProvidersFavicons → assets/providersFavicons}/index.d.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/asorted/Icon/ProvidersFavicons/index.d.ts"],
+  "sources": ["../../../../src/assets/providersFavicons/index.d.ts"],
   "sourcesContent": ["declare module \"*.png\" {\n  const value: any;\n  export = value;\n}\n\nimport _1Inch from \"./_1Inch.png\";\nimport Aave from \"./Aave.png\";\nimport Baanx from \"./Baanx.png\";\nimport Banxa from \"./Banxa.png\";\nimport Bitrefill from \"./Bitrefill.png\";\nimport BtcDirect from \"./BtcDirect.png\";\nimport Changelly from \"./Changelly.png\";\nimport CoinGecko from \"./CoinGecko.png\";\nimport Coinify from \"./Coinify.png\";\nimport Compound from \"./Compound.png\";\nimport Deversifi from \"./Deversifi.png\";\nimport Ftx from \"./Ftx.png\";\nimport Ftxus from \"./Ftxus.png\";\nimport Kiln from \"./Kiln.png\";\nimport LedgerBlack from \"./LedgerBlack.png\";\nimport LedgerWhite from \"./LedgerWhite.png\";\nimport LedgerCard from \"./LedgerCard.png\";\nimport Lido from \"./Lido.png\";\nimport LoopiPay from \"./LoopiPay.png\";\nimport Mercuryo from \"./Mercuryo.png\";\nimport Moonpay from \"./Moonpay.png\";\nimport Opensea from \"./Opensea.png\";\nimport PancakeSwap from \"./PancakeSwap.png\";\nimport Paraswap from \"./Paraswap.png\";\nimport Poap from \"./Poap.png\";\nimport RainbowMe from \"./RainbowMe.png\";\nimport Ramp from \"./Ramp.png\";\nimport Rarible from \"./Rarible.png\";\nimport Simplex from \"./Simplex.png\";\nimport SushiSwap from \"./SushiSwap.png\";\nimport Transak from \"./Transak.png\";\nimport Wyre from \"./Wyre.png\";\nimport Zerion from \"./Zerion.png\";\n\nexport {\n  _1Inch,\n  Aave,\n  Baanx,\n  Banxa,\n  Bitrefill,\n  BtcDirect,\n  Changelly,\n  CoinGecko,\n  Coinify,\n  Compound,\n  Deversifi,\n  Ftx,\n  Ftxus,\n  Kiln,\n  LedgerBlack,\n  LedgerWhite,\n  LedgerCard,\n  Lido,\n  LoopiPay,\n  Mercuryo,\n  Moonpay,\n  Opensea,\n  PancakeSwap,\n  Paraswap,\n  Poap,\n  RainbowMe,\n  Ramp,\n  Rarible,\n  Simplex,\n  SushiSwap,\n  Transak,\n  Wyre,\n  Zerion,\n};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,kBAAmB;AACnB,kBAAiB;AACjB,mBAAkB;AAClB,mBAAkB;AAClB,uBAAsB;AACtB,uBAAsB;AACtB,uBAAsB;AACtB,uBAAsB;AACtB,qBAAoB;AACpB,sBAAqB;AACrB,uBAAsB;AACtB,iBAAgB;AAChB,mBAAkB;AAClB,kBAAiB;AACjB,yBAAwB;AACxB,yBAAwB;AACxB,wBAAuB;AACvB,kBAAiB;AACjB,sBAAqB;AACrB,sBAAqB;AACrB,qBAAoB;AACpB,qBAAoB;AACpB,yBAAwB;AACxB,sBAAqB;AACrB,kBAAiB;AACjB,uBAAsB;AACtB,kBAAiB;AACjB,qBAAoB;AACpB,qBAAoB;AACpB,uBAAsB;AACtB,qBAAoB;AACpB,kBAAiB;AACjB,oBAAmB;",
   "names": []

package/lib/cjs/assets/providersFavicons/index.d.ts

@@ -0,0 +1,74 @@
+declare module "*.png" {
+  const value: any;
+  export = value;
+}
+
+import _1Inch from "./_1Inch.png";
+import Aave from "./Aave.png";
+import Baanx from "./Baanx.png";
+import Banxa from "./Banxa.png";
+import Bitrefill from "./Bitrefill.png";
+import BtcDirect from "./BtcDirect.png";
+import Changelly from "./Changelly.png";
+import CoinGecko from "./CoinGecko.png";
+import Coinify from "./Coinify.png";
+import Compound from "./Compound.png";
+import Deversifi from "./Deversifi.png";
+import Ftx from "./Ftx.png";
+import Ftxus from "./Ftxus.png";
+import Kiln from "./Kiln.png";
+import LedgerBlack from "./LedgerBlack.png";
+import LedgerWhite from "./LedgerWhite.png";
+import LedgerCard from "./LedgerCard.png";
+import Lido from "./Lido.png";
+import LoopiPay from "./LoopiPay.png";
+import Mercuryo from "./Mercuryo.png";
+import Moonpay from "./Moonpay.png";
+import Opensea from "./Opensea.png";
+import PancakeSwap from "./PancakeSwap.png";
+import Paraswap from "./Paraswap.png";
+import Poap from "./Poap.png";
+import RainbowMe from "./RainbowMe.png";
+import Ramp from "./Ramp.png";
+import Rarible from "./Rarible.png";
+import Simplex from "./Simplex.png";
+import SushiSwap from "./SushiSwap.png";
+import Transak from "./Transak.png";
+import Wyre from "./Wyre.png";
+import Zerion from "./Zerion.png";
+
+export {
+  _1Inch,
+  Aave,
+  Baanx,
+  Banxa,
+  Bitrefill,
+  BtcDirect,
+  Changelly,
+  CoinGecko,
+  Coinify,
+  Compound,
+  Deversifi,
+  Ftx,
+  Ftxus,
+  Kiln,
+  LedgerBlack,
+  LedgerWhite,
+  LedgerCard,
+  Lido,
+  LoopiPay,
+  Mercuryo,
+  Moonpay,
+  Opensea,
+  PancakeSwap,
+  Paraswap,
+  Poap,
+  RainbowMe,
+  Ramp,
+  Rarible,
+  Simplex,
+  SushiSwap,
+  Transak,
+  Wyre,
+  Zerion,
+};

package/lib/cjs/assets/providersFavicons/index.js

@@ -0,0 +1,69 @@
+import _1Inch from "./_1Inch.png";
+import Aave from "./Aave.png";
+import Baanx from "./Baanx.png";
+import Banxa from "./Banxa.png";
+import Bitrefill from "./Bitrefill.png";
+import BtcDirect from "./BtcDirect.png";
+import Changelly from "./Changelly.png";
+import CoinGecko from "./CoinGecko.png";
+import Coinify from "./Coinify.png";
+import Compound from "./Compound.png";
+import Deversifi from "./Deversifi.png";
+import Ftx from "./Ftx.png";
+import Ftxus from "./Ftxus.png";
+import Kiln from "./Kiln.png";
+import LedgerBlack from "./LedgerBlack.png";
+import LedgerWhite from "./LedgerWhite.png";
+import LedgerCard from "./LedgerCard.png";
+import Lido from "./Lido.png";
+import LoopiPay from "./LoopiPay.png";
+import Mercuryo from "./Mercuryo.png";
+import Moonpay from "./Moonpay.png";
+import Opensea from "./Opensea.png";
+import PancakeSwap from "./PancakeSwap.png";
+import Paraswap from "./Paraswap.png";
+import Poap from "./Poap.png";
+import RainbowMe from "./RainbowMe.png";
+import Ramp from "./Ramp.png";
+import Rarible from "./Rarible.png";
+import Simplex from "./Simplex.png";
+import SushiSwap from "./SushiSwap.png";
+import Transak from "./Transak.png";
+import Wyre from "./Wyre.png";
+import Zerion from "./Zerion.png";
+
+export {
+  _1Inch,
+  Aave,
+  Baanx,
+  Banxa,
+  Bitrefill,
+  BtcDirect,
+  Changelly,
+  CoinGecko,
+  Coinify,
+  Compound,
+  Deversifi,
+  Ftx,
+  Ftxus,
+  Kiln,
+  LedgerBlack,
+  LedgerWhite,
+  LedgerCard,
+  Lido,
+  LoopiPay,
+  Mercuryo,
+  Moonpay,
+  Opensea,
+  PancakeSwap,
+  Paraswap,
+  Poap,
+  RainbowMe,
+  Ramp,
+  Rarible,
+  Simplex,
+  SushiSwap,
+  Transak,
+  Wyre,
+  Zerion,
+};

package/lib/cjs/components/asorted/Icon/FlagIcon.js

@@ -26,7 +26,7 @@ __export(exports, {
   iconNames: () => iconNames,
   sizes: () => sizes
 });
-var flags = __toModule(require("@ledgerhq/icons-ui/react/_Flags"));
+var flags = __toModule(require("@ledgerhq/icons-ui/react/_Flags/index"));
 var import_react = __toModule(require("react"));
 const sizes = {
   XXS: 16,

package/lib/cjs/components/asorted/Icon/FlagIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/asorted/Icon/FlagIcon.tsx"],
-  "sourcesContent": ["import * as flags from \"@ledgerhq/icons-ui/react/_Flags\";\nimport React from \"react\";\n\nexport const sizes = {\n  XXS: 16,\n  XS: 24,\n  S: 32,\n  M: 40,\n  L: 48,\n  XL: 56,\n};\n\nexport type FlagsSizes = keyof typeof sizes;\n\nexport type Props = {\n  name: string;\n  size?: FlagsSizes;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(flags).reduce((set, rawKey) => {\n    const key = rawKey\n      .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n      .replace(/(.+)(Ultra)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst FlagIcon = ({ name, size = \"S\" }: Props): JSX.Element | null => {\n  const maybeIconName = `${name}`;\n  if (maybeIconName in flags) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = flags[maybeIconName];\n    return <Component size={sizes[size]} />;\n  }\n  return null;\n};\n\nexport default FlagIcon;\n"],
+  "sourcesContent": ["import * as flags from \"@ledgerhq/icons-ui/react/_Flags/index\";\nimport React from \"react\";\n\nexport const sizes = {\n  XXS: 16,\n  XS: 24,\n  S: 32,\n  M: 40,\n  L: 48,\n  XL: 56,\n};\n\nexport type FlagsSizes = keyof typeof sizes;\n\nexport type Props = {\n  name: string;\n  size?: FlagsSizes;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(flags).reduce((set, rawKey) => {\n    const key = rawKey\n      .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n      .replace(/(.+)(Ultra)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst FlagIcon = ({ name, size = \"S\" }: Props): JSX.Element | null => {\n  const maybeIconName = `${name}`;\n  if (maybeIconName in flags) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = flags[maybeIconName];\n    return <Component size={sizes[size]} />;\n  }\n  return null;\n};\n\nexport default FlagIcon;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,mBAAkB;AAEX,MAAM,QAAQ;AAAA,EACnB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA;AAUC,MAAM,YAAY,MAAM,KAC7B,OAAO,KAAK,OAAO,OAAO,CAAC,KAAK,WAAW;AACzC,QAAM,MAAM,OACT,QAAQ,iDAAiD,MACzD,QAAQ,kBAAkB;AAC7B,MAAI,CAAC,IAAI,IAAI;AAAM,QAAI,IAAI;AAC3B,SAAO;AAAA,GACN,IAAI;AAGT,MAAM,WAAW,CAAC,EAAE,MAAM,OAAO,UAAqC;AACpE,QAAM,gBAAgB,GAAG;AACzB,MAAI,iBAAiB,OAAO;AAE1B,UAAM,YAAY,MAAM;AACxB,WAAO,mDAAC,WAAD;AAAA,MAAW,MAAM,MAAM;AAAA;AAAA;AAEhC,SAAO;AAAA;AAGT,IAAO,mBAAQ;",
   "names": []
 }

package/lib/cjs/components/asorted/Icon/PaymentIcon.js

@@ -26,7 +26,7 @@ __export(exports, {
   iconNames: () => iconNames,
   sizes: () => sizes
 });
-var paymentProviders = __toModule(require("@ledgerhq/icons-ui/react/_Payment"));
+var paymentProviders = __toModule(require("@ledgerhq/icons-ui/react/_Payment/index"));
 var import_react = __toModule(require("react"));
 const sizes = {
   XXS: 16,

package/lib/cjs/components/asorted/Icon/PaymentIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/asorted/Icon/PaymentIcon.tsx"],
-  "sourcesContent": ["import * as paymentProviders from \"@ledgerhq/icons-ui/react/_Payment\";\n\nimport React from \"react\";\n\nexport const sizes = {\n  XXS: 16,\n  XS: 24,\n  S: 32,\n  M: 40,\n  L: 48,\n  XL: 56,\n};\n\nexport type PaymentIconSizes = keyof typeof sizes;\n\nexport type Props = {\n  name: string;\n  size?: PaymentIconSizes;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(paymentProviders).reduce((set, rawKey) => {\n    const key = rawKey\n      .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n      .replace(/(.+)(Ultra)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nexport type IconGetterProps = {\n  search: string;\n  object: Record<string, React.ReactNode>;\n};\n\nconst getIconCaseInsensitive = ({ search, object }: IconGetterProps) => {\n  const asLower = search.toLowerCase();\n  const key = Object.keys(object).find((key) => key.toLowerCase() === asLower);\n  return key ? object[key] : null;\n};\n\nconst PaymentIcon = ({ name, size = \"S\" }: Props): JSX.Element | null => {\n  const maybeIconName = `${name}`;\n\n  const Component = getIconCaseInsensitive({\n    search: maybeIconName,\n    object: paymentProviders,\n  }) as React.ElementType;\n  if (Component) {\n    return <Component size={sizes[size]} />;\n  }\n  return null;\n};\n\nexport default PaymentIcon;\n"],
+  "sourcesContent": ["import * as paymentProviders from \"@ledgerhq/icons-ui/react/_Payment/index\";\n\nimport React from \"react\";\n\nexport const sizes = {\n  XXS: 16,\n  XS: 24,\n  S: 32,\n  M: 40,\n  L: 48,\n  XL: 56,\n};\n\nexport type PaymentIconSizes = keyof typeof sizes;\n\nexport type Props = {\n  name: string;\n  size?: PaymentIconSizes;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(paymentProviders).reduce((set, rawKey) => {\n    const key = rawKey\n      .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n      .replace(/(.+)(Ultra)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nexport type IconGetterProps = {\n  search: string;\n  object: Record<string, React.ReactNode>;\n};\n\nconst getIconCaseInsensitive = ({ search, object }: IconGetterProps) => {\n  const asLower = search.toLowerCase();\n  const key = Object.keys(object).find((key) => key.toLowerCase() === asLower);\n  return key ? object[key] : null;\n};\n\nconst PaymentIcon = ({ name, size = \"S\" }: Props): JSX.Element | null => {\n  const maybeIconName = `${name}`;\n\n  const Component = getIconCaseInsensitive({\n    search: maybeIconName,\n    object: paymentProviders,\n  }) as React.ElementType;\n  if (Component) {\n    return <Component size={sizes[size]} />;\n  }\n  return null;\n};\n\nexport default PaymentIcon;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAkC;AAElC,mBAAkB;AAEX,MAAM,QAAQ;AAAA,EACnB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA;AAUC,MAAM,YAAY,MAAM,KAC7B,OAAO,KAAK,kBAAkB,OAAO,CAAC,KAAK,WAAW;AACpD,QAAM,MAAM,OACT,QAAQ,iDAAiD,MACzD,QAAQ,kBAAkB;AAC7B,MAAI,CAAC,IAAI,IAAI;AAAM,QAAI,IAAI;AAC3B,SAAO;AAAA,GACN,IAAI;AAQT,MAAM,yBAAyB,CAAC,EAAE,QAAQ,aAA8B;AACtE,QAAM,UAAU,OAAO;AACvB,QAAM,MAAM,OAAO,KAAK,QAAQ,KAAK,CAAC,SAAQ,KAAI,kBAAkB;AACpE,SAAO,MAAM,OAAO,OAAO;AAAA;AAG7B,MAAM,cAAc,CAAC,EAAE,MAAM,OAAO,UAAqC;AACvE,QAAM,gBAAgB,GAAG;AAEzB,QAAM,YAAY,uBAAuB;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA;AAEV,MAAI,WAAW;AACb,WAAO,mDAAC,WAAD;AAAA,MAAW,MAAM,MAAM;AAAA;AAAA;AAEhC,SAAO;AAAA;AAGT,IAAO,sBAAQ;",
   "names": []
 }

package/lib/cjs/components/asorted/Icon/ProviderIcon.js

@@ -26,8 +26,8 @@ __export(exports, {
   iconNames: () => iconNames,
   sizes: () => sizes
 });
-var providers = __toModule(require("@ledgerhq/icons-ui/react/_ProvidersLogos"));
-var favicons = __toModule(require("./ProvidersFavicons"));
+var providers = __toModule(require("@ledgerhq/icons-ui/react/_ProvidersLogos/index"));
+var favicons = __toModule(require("../../../assets/providersFavicons"));
 var import_react = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
 const sizes = {

package/lib/cjs/components/asorted/Icon/ProviderIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/asorted/Icon/ProviderIcon.tsx"],
-  "sourcesContent": ["import * as providers from \"@ledgerhq/icons-ui/react/_ProvidersLogos\";\nimport * as favicons from \"./ProvidersFavicons\";\n\nimport React from \"react\";\nimport styled from \"styled-components\";\n\nexport const sizes = {\n  XXS: 16,\n  XS: 24,\n  S: 32,\n  M: 40,\n  L: 48,\n  XL: 56,\n};\n\nexport type ProviderSizes = keyof typeof sizes;\n\nexport type Props = {\n  name: string;\n  size?: ProviderSizes;\n  boxed?: boolean;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(providers).reduce((set, rawKey) => {\n    const key = rawKey\n      .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n      .replace(/(.+)(Ultra)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Favicon = styled.img`\n  border-radius: 8px;\n`;\n\nexport type IconGetterProps = {\n  search: string;\n  object: Record<string, React.ReactNode>;\n};\n\nconst getIconCaseInsensitive = ({ search, object }: IconGetterProps) => {\n  const asLower = search.toLowerCase();\n  const key = Object.keys(object).find((key) => key.toLowerCase() === asLower);\n  return key ? object[key] : null;\n};\n\nconst ProviderIcon = ({ name, size = \"S\", boxed = false }: Props): JSX.Element | null => {\n  const maybeIconName = `${name}`;\n\n  if (boxed) {\n    return (\n      <Favicon\n        width={sizes[size]}\n        height={sizes[size]}\n        src={getIconCaseInsensitive({ search: maybeIconName, object: favicons }) as string}\n      />\n    );\n  }\n  const Component = getIconCaseInsensitive({\n    search: maybeIconName,\n    object: providers,\n  }) as React.ElementType;\n  if (Component) {\n    return <Component size={sizes[size]} />;\n  }\n  return null;\n};\n\nexport default ProviderIcon;\n"],
+  "sourcesContent": ["import * as providers from \"@ledgerhq/icons-ui/react/_ProvidersLogos/index\";\nimport * as favicons from \"../../../assets/providersFavicons\";\n\nimport React from \"react\";\nimport styled from \"styled-components\";\n\nexport const sizes = {\n  XXS: 16,\n  XS: 24,\n  S: 32,\n  M: 40,\n  L: 48,\n  XL: 56,\n};\n\nexport type ProviderSizes = keyof typeof sizes;\n\nexport type Props = {\n  name: string;\n  size?: ProviderSizes;\n  boxed?: boolean;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(providers).reduce((set, rawKey) => {\n    const key = rawKey\n      .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n      .replace(/(.+)(Ultra)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Favicon = styled.img`\n  border-radius: 8px;\n`;\n\nexport type IconGetterProps = {\n  search: string;\n  object: Record<string, React.ReactNode>;\n};\n\nconst getIconCaseInsensitive = ({ search, object }: IconGetterProps) => {\n  const asLower = search.toLowerCase();\n  const key = Object.keys(object).find((key) => key.toLowerCase() === asLower);\n  return key ? object[key] : null;\n};\n\nconst ProviderIcon = ({ name, size = \"S\", boxed = false }: Props): JSX.Element | null => {\n  const maybeIconName = `${name}`;\n\n  if (boxed) {\n    return (\n      <Favicon\n        width={sizes[size]}\n        height={sizes[size]}\n        src={getIconCaseInsensitive({ search: maybeIconName, object: favicons }) as string}\n      />\n    );\n  }\n  const Component = getIconCaseInsensitive({\n    search: maybeIconName,\n    object: providers,\n  }) as React.ElementType;\n  if (Component) {\n    return <Component size={sizes[size]} />;\n  }\n  return null;\n};\n\nexport default ProviderIcon;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B;AAC3B,eAA0B;AAE1B,mBAAkB;AAClB,+BAAmB;AAEZ,MAAM,QAAQ;AAAA,EACnB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA;AAWC,MAAM,YAAY,MAAM,KAC7B,OAAO,KAAK,WAAW,OAAO,CAAC,KAAK,WAAW;AAC7C,QAAM,MAAM,OACT,QAAQ,iDAAiD,MACzD,QAAQ,kBAAkB;AAC7B,MAAI,CAAC,IAAI,IAAI;AAAM,QAAI,IAAI;AAC3B,SAAO;AAAA,GACN,IAAI;AAGT,MAAM,UAAU,iCAAO;AAAA;AAAA;AASvB,MAAM,yBAAyB,CAAC,EAAE,QAAQ,aAA8B;AACtE,QAAM,UAAU,OAAO;AACvB,QAAM,MAAM,OAAO,KAAK,QAAQ,KAAK,CAAC,SAAQ,KAAI,kBAAkB;AACpE,SAAO,MAAM,OAAO,OAAO;AAAA;AAG7B,MAAM,eAAe,CAAC,EAAE,MAAM,OAAO,KAAK,QAAQ,YAAuC;AACvF,QAAM,gBAAgB,GAAG;AAEzB,MAAI,OAAO;AACT,WACE,mDAAC,SAAD;AAAA,MACE,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,KAAK,uBAAuB,EAAE,QAAQ,eAAe,QAAQ;AAAA;AAAA;AAInE,QAAM,YAAY,uBAAuB;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA;AAEV,MAAI,WAAW;AACb,WAAO,mDAAC,WAAD;AAAA,MAAW,MAAM,MAAM;AAAA;AAAA;AAEhC,SAAO;AAAA;AAGT,IAAO,uBAAQ;",
   "names": []
 }

package/lib/cjs/components/asorted/Icon/index.js

@@ -24,11 +24,17 @@ var __toModule = (module2) => {
 __export(exports, {
   BoxedIcon: () => import_BoxedIcon.default,
   CryptoIcon: () => import_CryptoIcon.default,
+  FlagIcon: () => import_FlagIcon.default,
   IconBox: () => import_BoxedIcon.IconBox,
+  PaymentIcon: () => import_PaymentIcon.default,
+  ProviderIcon: () => import_ProviderIcon.default,
   default: () => import_Icon.default,
   iconNames: () => import_Icon.iconNames
 });
 var import_Icon = __toModule(require("./Icon"));
 var import_BoxedIcon = __toModule(require("./BoxedIcon"));
 var import_CryptoIcon = __toModule(require("./CryptoIcon"));
+var import_PaymentIcon = __toModule(require("./PaymentIcon"));
+var import_ProviderIcon = __toModule(require("./ProviderIcon"));
+var import_FlagIcon = __toModule(require("./FlagIcon"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/asorted/Icon/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/asorted/Icon/index.tsx"],
-  "sourcesContent": ["export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as CryptoIcon } from \"./CryptoIcon\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,wBAAsC;",
+  "sourcesContent": ["export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as CryptoIcon } from \"./CryptoIcon\";\nexport { default as PaymentIcon } from \"./PaymentIcon\";\nexport { default as ProviderIcon } from \"./ProviderIcon\";\nexport { default as FlagIcon } from \"./FlagIcon\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,wBAAsC;AACtC,yBAAuC;AACvC,0BAAwC;AACxC,sBAAoC;",
   "names": []
 }

package/lib/cjs/components/asorted/index.js

@@ -25,8 +25,11 @@ __export(exports, {
   BoxedIcon: () => import_Icon.BoxedIcon,
   CryptoIcon: () => import_Icon.CryptoIcon,
   Divider: () => import_Divider.default,
+  FlagIcon: () => import_Icon.FlagIcon,
   Icon: () => import_Icon.default,
   IconBox: () => import_Icon.IconBox,
+  PaymentIcon: () => import_Icon.PaymentIcon,
+  ProviderIcon: () => import_Icon.ProviderIcon,
   Text: () => import_Text.default
 });
 var import_Divider = __toModule(require("./Divider"));

package/lib/cjs/components/asorted/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/asorted/index.ts"],
-  "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport { default as Icon, IconBox, BoxedIcon, CryptoIcon } from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAAgE;AAChE,kBAAgC;",
+  "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport {\n  default as Icon,\n  IconBox,\n  BoxedIcon,\n  CryptoIcon,\n  ProviderIcon,\n  PaymentIcon,\n  FlagIcon,\n} from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAQO;AACP,kBAAgC;",
   "names": []
 }

package/lib/cjs/styles/palettes/colors.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/styles/palettes/colors.stories.tsx"],
-  "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../components/asorted/Text\";\nimport Flex from \"../../components/layout/Flex\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport default { title: \"Particles\" };\n\nconst ColorArea = styled.div<{ type: keyof ColorPalette; shade: string }>`\n  width: 200px;\n  aspect-ratio: 1;\n  background-color: ${(p) => {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore next-line\n    return p.theme.colors[p.type][p.shade];\n  }};\n  cursor: pointer;\n  border-radius: 2px;\n`;\n\ntype CardColorProps = { shade: string; type: string; value: string };\nconst CardColor = ({ shade, type, value }: CardColorProps): JSX.Element => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onClick = (type: string, shade: string): void => {\n    navigator.clipboard.writeText(`p.theme.colors.${type}.${shade}`);\n  };\n\n  return (\n    <Flex\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <ColorArea\n        type={type as keyof ColorPalette}\n        shade={shade}\n        onClick={() => onClick(type, shade)}\n      />\n      <Text variant=\"tiny\">{isHovered ? value : shade}</Text>\n    </Flex>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst { type: _, ...palette } = palettes.light;\n\nexport const Colors = (): JSX.Element => (\n  <Flex flexDirection=\"column\" rowGap=\"2rem\">\n    {Object.entries(palette).map(([type, shades]: [string, Array<string>]) => (\n      <Flex flexDirection=\"column\" rowGap=\"1rem\">\n        <Text variant=\"h2\" textTransform=\"uppercase\">\n          {type}\n        </Text>\n        <Flex columnGap=\"0.5rem\" rowGap=\"0.5rem\" flexWrap=\"wrap\">\n          {Object.entries(shades).map(([shade, value]) => (\n            <CardColor key={shade} shade={shade} type={type} value={value} />\n          ))}\n        </Flex>\n      </Flex>\n    ))}\n  </Flex>\n);\n"],
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../components/asorted/Text\";\nimport Flex from \"../../components/layout/Flex\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport default { title: \"Particles\" };\n\nconst ColorArea = styled.div<{ type: keyof ColorPalette; shade: string }>`\n  width: 200px;\n  aspect-ratio: 1;\n  background-color: ${(p) => {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore next-line\n    return p.theme.colors[p.type][p.shade];\n  }};\n  cursor: pointer;\n  border-radius: 2px;\n`;\n\ntype CardColorProps = { shade: string; type: string; value: string };\nconst CardColor = ({ shade, type, value }: CardColorProps): JSX.Element => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onClick = (type: string, shade: string): void => {\n    navigator.clipboard.writeText(`p.theme.colors.${type}.${shade}`);\n  };\n\n  return (\n    <Flex\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <ColorArea\n        type={type as keyof ColorPalette}\n        shade={shade}\n        onClick={() => onClick(type, shade)}\n      />\n      <Text variant=\"tiny\">{isHovered ? value : shade}</Text>\n    </Flex>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst { type: _, ...palette } = palettes.light;\n\nexport const Colors = (): JSX.Element => (\n  <Flex flexDirection=\"column\" rowGap=\"2rem\">\n    {Object.entries(palette).map(([type, shades]) => (\n      <Flex flexDirection=\"column\" rowGap=\"1rem\">\n        <Text variant=\"h2\" textTransform=\"uppercase\">\n          {type}\n        </Text>\n        <Flex columnGap=\"0.5rem\" rowGap=\"0.5rem\" flexWrap=\"wrap\">\n          {Object.entries(shades).map(([shade, value]) => (\n            <CardColor key={shade} shade={shade} type={type} value={value} />\n          ))}\n        </Flex>\n      </Flex>\n    ))}\n  </Flex>\n);\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AACjB,uBAAuC;AAEvC,IAAO,yBAAQ,EAAE,OAAO;AAExB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA,sBAGH,CAAC,MAAM;AAGzB,SAAO,EAAE,MAAM,OAAO,EAAE,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,YAAY,CAAC,EAAE,OAAO,MAAM,YAAyC;AACzE,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAE3C,QAAM,UAAU,CAAC,OAAc,WAAwB;AACrD,cAAU,UAAU,UAAU,kBAAkB,SAAQ;AAAA;AAG1D,SACE,mDAAC,qBAAD;AAAA,IACE,eAAc;AAAA,IACd,YAAW;AAAA,IACX,cAAc,MAAM,aAAa;AAAA,IACjC,cAAc,MAAM,aAAa;AAAA,KAEjC,mDAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS,MAAM,QAAQ,MAAM;AAAA,MAE/B,mDAAC,qBAAD;AAAA,IAAM,SAAQ;AAAA,KAAQ,YAAY,QAAQ;AAAA;AAMhD,MAAM,EAAE,MAAM,MAAM,YAAY,0BAAS;AAElC,MAAM,SAAS,MACpB,mDAAC,qBAAD;AAAA,EAAM,eAAc;AAAA,EAAS,QAAO;AAAA,GACjC,OAAO,QAAQ,SAAS,IAAI,CAAC,CAAC,MAAM,YACnC,mDAAC,qBAAD;AAAA,EAAM,eAAc;AAAA,EAAS,QAAO;AAAA,GAClC,mDAAC,qBAAD;AAAA,EAAM,SAAQ;AAAA,EAAK,eAAc;AAAA,GAC9B,OAEH,mDAAC,qBAAD;AAAA,EAAM,WAAU;AAAA,EAAS,QAAO;AAAA,EAAS,UAAS;AAAA,GAC/C,OAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC,OAAO,WACnC,mDAAC,WAAD;AAAA,EAAW,KAAK;AAAA,EAAO;AAAA,EAAc;AAAA,EAAY;AAAA;",
   "names": []
 }

package/lib/components/Chart/index.d.ts

@@ -9,9 +9,9 @@ export declare type Props = Omit<ChartProps, "type" | "data" | "options"> & {
     valueKey?: string;
     timeOptions?: timeOptions;
 };
-declare const _default: ({ data, color, variant, valueKey, timeOptions, ...chartProps }: Props) => JSX.Element;
 /**
  * @remarks This component must have a parent that has only it as a child and it must be in relative position!
  * @privateRemarks Don't name this component "Chart", that will conflict with the Chart.js library cuz of the adapter
  */
+declare const _default: ({ data, color, variant, valueKey, timeOptions, ...chartProps }: Props) => JSX.Element;
 export default _default;

package/lib/components/asorted/Icon/FlagIcon.js

@@ -1,4 +1,4 @@
-import * as flags from "@ledgerhq/icons-ui/react/_Flags";
+import * as flags from "@ledgerhq/icons-ui/react/_Flags/index";
 import React from "react";
 export const sizes = {
     XXS: 16,

package/lib/components/asorted/Icon/PaymentIcon.js

@@ -1,4 +1,4 @@
-import * as paymentProviders from "@ledgerhq/icons-ui/react/_Payment";
+import * as paymentProviders from "@ledgerhq/icons-ui/react/_Payment/index";
 import React from "react";
 export const sizes = {
     XXS: 16,

package/lib/components/asorted/Icon/ProviderIcon.js

@@ -1,5 +1,5 @@
-import * as providers from "@ledgerhq/icons-ui/react/_ProvidersLogos";
-import * as favicons from "./ProvidersFavicons";
+import * as providers from "@ledgerhq/icons-ui/react/_ProvidersLogos/index";
+import * as favicons from "../../../assets/providersFavicons";
 import React from "react";
 import styled from "styled-components";
 export const sizes = {

package/lib/components/asorted/Icon/index.d.ts

@@ -3,3 +3,6 @@ import BoxedIcon, { IconBox } from "./BoxedIcon";
 export { BoxedIcon, IconBox };
 export type { Props } from "./Icon";
 export { default as CryptoIcon } from "./CryptoIcon";
+export { default as PaymentIcon } from "./PaymentIcon";
+export { default as ProviderIcon } from "./ProviderIcon";
+export { default as FlagIcon } from "./FlagIcon";

package/lib/components/asorted/Icon/index.js

@@ -2,3 +2,6 @@ export { default, iconNames } from "./Icon";
 import BoxedIcon, { IconBox } from "./BoxedIcon";
 export { BoxedIcon, IconBox };
 export { default as CryptoIcon } from "./CryptoIcon";
+export { default as PaymentIcon } from "./PaymentIcon";
+export { default as ProviderIcon } from "./ProviderIcon";
+export { default as FlagIcon } from "./FlagIcon";

package/lib/components/asorted/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Divider } from "./Divider";
-export { default as Icon, IconBox, BoxedIcon, CryptoIcon } from "./Icon";
+export { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon, FlagIcon, } from "./Icon";
 export { default as Text } from "./Text";

package/lib/components/asorted/index.js

@@ -1,3 +1,3 @@
 export { default as Divider } from "./Divider";
-export { default as Icon, IconBox, BoxedIcon, CryptoIcon } from "./Icon";
+export { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon, FlagIcon, } from "./Icon";
 export { default as Text } from "./Text";

package/lib/components/cta/Button/index.d.ts

@@ -33,7 +33,7 @@ export declare const Base: import("styled-components").StyledComponent<"button",
     fontSize: number;
 } & BaseProps, "fontFamily" | "fontSize">;
 declare const ButtonWithRef: {
-    ({ Icon, iconPosition, iconSize, children, onClick, iconName, ...props }: ButtonProps, ref?: React.ForwardedRef<HTMLButtonElement> | undefined): React.ReactElement;
+    ({ Icon, iconPosition, iconSize, children, onClick, iconName, ...props }: ButtonProps, ref?: React.ForwardedRef<HTMLButtonElement>): React.ReactElement;
     Unstyled: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
     Expand: React.ForwardRefExoticComponent<Pick<ButtonProps & {
         onToggle?: ((arg0: boolean) => void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/react-ui",
-  "version": "0.10.0-nightly.1",
+  "version": "0.10.0-nightly.2",
   "description": "Ledger Live - Desktop UI",
   "author": "Ledger Live Team <team-live@ledger.fr>",
   "repository": {
@@ -57,9 +57,9 @@
   ],
   "dependencies": {
     "@floating-ui/react-dom": "^0.4.0",
-    "@ledgerhq/icons-ui": "^0.2.7",
-    "@ledgerhq/crypto-icons-ui": "^0.2.0",
-    "@ledgerhq/ui-shared": "^0.1.9",
+    "@ledgerhq/crypto-icons-ui": "^0.2.1-nightly.0",
+    "@ledgerhq/icons-ui": "^0.2.8-nightly.0",
+    "@ledgerhq/ui-shared": "^0.1.10-nightly.0",
     "@tippyjs/react": "^4.2.6",
     "@types/color": "^3.0.2",
     "@types/react": "~17.0.37",
@@ -110,13 +110,13 @@
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "styled-components": "^5.3.3",
-    "tiny-glob": "^0.2.9",
-    "typescript": "^4.3.5",
-    "webpack": "*",
     "stylelint": "^14.9.1",
     "stylelint-config-recommended": "^8.0.0",
     "stylelint-config-styled-components": "^0.1.1",
-    "stylelint-processor-styled-components": "^1.10.0"
+    "stylelint-processor-styled-components": "^1.10.0",
+    "tiny-glob": "^0.2.9",
+    "typescript": "^4.8.3",
+    "webpack": "*"
   },
   "scripts": {
     "storybook": "start-storybook -p 6006 -s ./src",

package/lib/components/asorted/Icon/ProvidersFavicons/index.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="src/assets/images/images" />
-import _1Inch from "*.png";
-import Aave from "*.png";
-import Baanx from "*.png";
-import Banxa from "*.png";
-import Bitrefill from "*.png";
-import BtcDirect from "*.png";
-import Changelly from "*.png";
-import CoinGecko from "*.png";
-import Coinify from "*.png";
-import Compound from "*.png";
-import Deversifi from "*.png";
-import Ftx from "*.png";
-import Ftxus from "*.png";
-import Kiln from "*.png";
-import LedgerBlack from "*.png";
-import LedgerWhite from "*.png";
-import LedgerCard from "*.png";
-import Lido from "*.png";
-import LoopiPay from "*.png";
-import Mercuryo from "*.png";
-import Moonpay from "*.png";
-import Opensea from "*.png";
-import PancakeSwap from "*.png";
-import Paraswap from "*.png";
-import Poap from "*.png";
-import RainbowMe from "*.png";
-import Ramp from "*.png";
-import Rarible from "*.png";
-import Simplex from "*.png";
-import SushiSwap from "*.png";
-import Transak from "*.png";
-import Wyre from "*.png";
-import Zerion from "*.png";
-export { _1Inch, Aave, Baanx, Banxa, Bitrefill, BtcDirect, Changelly, CoinGecko, Coinify, Compound, Deversifi, Ftx, Ftxus, Kiln, LedgerBlack, LedgerWhite, LedgerCard, Lido, LoopiPay, Mercuryo, Moonpay, Opensea, PancakeSwap, Paraswap, Poap, RainbowMe, Ramp, Rarible, Simplex, SushiSwap, Transak, Wyre, Zerion };