@ledgerhq/react-ui 0.14.8-nightly.1 → 0.14.8

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

@@ -0,0 +1,83 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ProviderIcon_exports = {};
+__export(ProviderIcon_exports, {
+  default: () => ProviderIcon_default,
+  iconNames: () => iconNames,
+  sizes: () => sizes
+});
+module.exports = __toCommonJS(ProviderIcon_exports);
+var providers = __toESM(require("@ledgerhq/icons-ui/reactLegacy/Providers/index"));
+var providersBoxed = __toESM(require("@ledgerhq/icons-ui/reactLegacy/ProvidersBoxed/index"));
+var import_react = __toESM(require("react"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+const sizes = {
+  XXS: 16,
+  XS: 24,
+  S: 32,
+  M: 40,
+  L: 48,
+  XL: 56
+};
+const iconNames = Array.from(
+  Object.keys(providers).reduce((set, rawKey) => {
+    const key = rawKey.replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, "$1").replace(/(.+)(Ultra)+$/g, "$1").replace(/^_/, "");
+    if (!set.has(key))
+      set.add(key);
+    return set;
+  }, /* @__PURE__ */ new Set())
+);
+const getIconCaseInsensitive = ({ search, object }) => {
+  const asLower = search.toLowerCase();
+  const key = Object.keys(object).find((key2) => key2.toLowerCase().replace(/^_/, "") === asLower);
+  return key ? object[key] : null;
+};
+const ProviderIcon = ({ name, size = "S", boxed = false }) => {
+  const maybeIconName = `${name}`;
+  if (boxed) {
+    const BoxedComponent = getIconCaseInsensitive({
+      search: maybeIconName,
+      object: providersBoxed
+    });
+    if (BoxedComponent) {
+      return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { width: sizes[size], height: sizes[size], borderRadius: 8, overflow: "hidden" }, /* @__PURE__ */ import_react.default.createElement(BoxedComponent, { size: sizes[size] }));
+    }
+    return null;
+  }
+  const Component = getIconCaseInsensitive({
+    search: maybeIconName,
+    object: providers
+  });
+  if (Component) {
+    return /* @__PURE__ */ import_react.default.createElement(Component, { size: sizes[size] });
+  }
+  return null;
+};
+var ProviderIcon_default = ProviderIcon;
+//# sourceMappingURL=ProviderIcon.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/asorted/Icon/ProviderIcon.tsx"],
+  "sourcesContent": ["import * as providers from \"@ledgerhq/icons-ui/reactLegacy/Providers/index\";\nimport * as providersBoxed from \"@ledgerhq/icons-ui/reactLegacy/ProvidersBoxed/index\";\n\nimport React from \"react\";\nimport FlexBox from \"../../layout/Flex\";\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      .replace(/^_/, \"\");\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().replace(/^_/, \"\") === 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    const BoxedComponent = getIconCaseInsensitive({\n      search: maybeIconName,\n      object: providersBoxed,\n    }) as React.ElementType;\n    if (BoxedComponent) {\n      return (\n        <FlexBox width={sizes[size]} height={sizes[size]} borderRadius={8} overflow={\"hidden\"}>\n          <BoxedComponent size={sizes[size]} />\n        </FlexBox>\n      );\n    }\n    return null;\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;AAAA;AAAA,gBAA2B;AAC3B,qBAAgC;AAEhC,mBAAkB;AAClB,kBAAoB;AAEb,MAAM,QAAQ;AAAA,EACnB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN;AAUO,MAAM,YAAY,MAAM;AAAA,EAC7B,OAAO,KAAK,SAAS,EAAE,OAAO,CAAC,KAAK,WAAW;AAC7C,UAAM,MAAM,OACT,QAAQ,iDAAiD,IAAI,EAC7D,QAAQ,kBAAkB,IAAI,EAC9B,QAAQ,MAAM,EAAE;AACnB,QAAI,CAAC,IAAI,IAAI,GAAG;AAAG,UAAI,IAAI,GAAG;AAC9B,WAAO;AAAA,EACT,GAAG,oBAAI,IAAY,CAAC;AACtB;AAOA,MAAM,yBAAyB,CAAC,EAAE,QAAQ,OAAO,MAAuB;AACtE,QAAM,UAAU,OAAO,YAAY;AACnC,QAAM,MAAM,OAAO,KAAK,MAAM,EAAE,KAAK,CAAAA,SAAOA,KAAI,YAAY,EAAE,QAAQ,MAAM,EAAE,MAAM,OAAO;AAC3F,SAAO,MAAM,OAAO,GAAG,IAAI;AAC7B;AAEA,MAAM,eAAe,CAAC,EAAE,MAAM,OAAO,KAAK,QAAQ,MAAM,MAAiC;AACvF,QAAM,gBAAgB,GAAG;AAEzB,MAAI,OAAO;AACT,UAAM,iBAAiB,uBAAuB;AAAA,MAC5C,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AACD,QAAI,gBAAgB;AAClB,aACE,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAQ,OAAO,MAAM,IAAI,GAAG,QAAQ,MAAM,IAAI,GAAG,cAAc,GAAG,UAAU,YAC3E,6BAAAD,QAAA,cAAC,kBAAe,MAAM,MAAM,IAAI,GAAG,CACrC;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AACA,QAAM,YAAY,uBAAuB;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AACD,MAAI,WAAW;AACb,WAAO,6BAAAA,QAAA,cAAC,aAAU,MAAM,MAAM,IAAI,GAAG;AAAA,EACvC;AACA,SAAO;AACT;AAEA,IAAO,uBAAQ;",
+  "names": ["key", "React", "FlexBox"]
+}

package/lib/cjs/components/asorted/Icon/Providers.stories.js

@@ -0,0 +1,123 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Providers_stories_exports = {};
+__export(Providers_stories_exports, {
+  List: () => List,
+  SingleIcon: () => SingleIcon,
+  default: () => Providers_stories_default
+});
+module.exports = __toCommonJS(Providers_stories_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ProviderIcon = __toESM(require("./ProviderIcon"));
+var import__ = require("../../..");
+const ScrollArea = (0, import_styled_components.default)(import__.Grid)`
+  flex: 1;
+  height: auto;
+  ${(p) => p.theme.overflow.y};
+`;
+const Container = (0, import_styled_components.default)(import__.Flex).attrs({
+  flex: 1,
+  flexDirection: "column",
+  p: 4
+})`
+  overflow: hidden;
+  height: calc(100vh - 4em);
+`;
+const IconContainer = (0, import_styled_components.default)(import__.Flex).attrs({
+  flexDirection: "column",
+  justifyContent: "flex-end",
+  alignItems: "center",
+  p: 4
+})`
+  ${(p) => p.active ? `background-color: ${p.theme.colors.neutral.c20};` : ``}
+  border-radius: 4px;
+  height: 100px;
+`;
+const Bold = import_styled_components.default.b`
+  color: ${(p) => p.theme.colors.primary.c80};
+`;
+const Story = {
+  title: "Asorted/Icons/ProviderIcons",
+  argTypes: {
+    size: {
+      type: "enum",
+      description: "Icon size",
+      defaultValue: "L",
+      control: {
+        options: Object.keys(import_ProviderIcon.sizes)
+      }
+    },
+    boxed: {
+      type: "boolean",
+      description: "Boxed",
+      defaultValue: false
+    },
+    name: {
+      type: "string"
+      // defaultValue: "Aave",
+      // description: "[Only for single icon], Icon name",
+      // control: {
+      //   options: iconNames,
+      //   control: {
+      //     type: "select",
+      //   },
+      // },
+    }
+  }
+};
+var Providers_stories_default = Story;
+const ListTemplate = (args) => {
+  const [search, setSearch] = (0, import_react.useState)("");
+  const s = search.toLowerCase();
+  const regexp = new RegExp(s, "i");
+  return /* @__PURE__ */ import_react.default.createElement(Container, null, /* @__PURE__ */ import_react.default.createElement(import__.SearchInput, { value: search, onChange: setSearch }), /* @__PURE__ */ import_react.default.createElement(
+    ScrollArea,
+    {
+      gridTemplateColumns: "repeat(auto-fill, 100px);",
+      gridTemplateRows: "repeat(auto-fill, 100px);",
+      gridGap: 4,
+      mt: 4
+    },
+    import_ProviderIcon.iconNames.sort((a, b) => {
+      return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);
+    }).map((name) => {
+      const match = name.match(regexp);
+      const active = s && match;
+      const index = (match == null ? void 0 : match.index) ?? 0;
+      return /* @__PURE__ */ import_react.default.createElement(IconContainer, { active: !!active }, /* @__PURE__ */ import_react.default.createElement(import__.Flex, { flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, { key: name, name, size: args.size, boxed: args.boxed })), /* @__PURE__ */ import_react.default.createElement(import__.Text, { variant: "extraSmall" }, active ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, name.substr(0, index), /* @__PURE__ */ import_react.default.createElement(Bold, null, name.substr(index, s.length)), name.substr(index + s.length)) : name));
+    })
+  ));
+};
+const FlagTemplate = (args) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, { ...args });
+};
+const List = ListTemplate.bind({});
+const SingleIcon = FlagTemplate.bind({});
+//# sourceMappingURL=Providers.stories.js.map

package/lib/cjs/components/asorted/Icon/Providers.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/asorted/Icon/Providers.stories.tsx"],
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport ProviderIcon, {\n  iconNames,\n  Props as ProviderIconProps,\n  sizes as providerSizes,\n} from \"./ProviderIcon\";\nimport { Text, SearchInput, Flex, Grid } from \"../../..\";\n\nconst ScrollArea = styled(Grid)`\n  flex: 1;\n  height: auto;\n  ${p => p.theme.overflow.y};\n`;\n\nconst Container = styled(Flex).attrs({\n  flex: 1,\n  flexDirection: \"column\",\n  p: 4,\n})`\n  overflow: hidden;\n  height: calc(100vh - 4em);\n`;\n\nconst IconContainer = styled(Flex).attrs<{ active?: boolean }>({\n  flexDirection: \"column\",\n  justifyContent: \"flex-end\",\n  alignItems: \"center\",\n  p: 4,\n})<{ active?: boolean }>`\n  ${p => (p.active ? `background-color: ${p.theme.colors.neutral.c20};` : ``)}\n  border-radius: 4px;\n  height: 100px;\n`;\n\nconst Bold = styled.b`\n  color: ${p => p.theme.colors.primary.c80};\n`;\n\nconst Story = {\n  title: \"Asorted/Icons/ProviderIcons\",\n  argTypes: {\n    size: {\n      type: \"enum\",\n      description: \"Icon size\",\n      defaultValue: \"L\",\n      control: {\n        options: Object.keys(providerSizes),\n      },\n    },\n    boxed: {\n      type: \"boolean\",\n      description: \"Boxed\",\n      defaultValue: false,\n    },\n    name: {\n      type: \"string\",\n      // defaultValue: \"Aave\",\n      // description: \"[Only for single icon], Icon name\",\n      // control: {\n      //   options: iconNames,\n      //   control: {\n      //     type: \"select\",\n      //   },\n      // },\n    },\n  },\n};\nexport default Story;\n\nconst ListTemplate = (args: ProviderIconProps) => {\n  const [search, setSearch] = useState(\"\");\n  const s = search.toLowerCase();\n  const regexp = new RegExp(s, \"i\");\n\n  return (\n    <Container>\n      <SearchInput value={search} onChange={setSearch} />\n      <ScrollArea\n        gridTemplateColumns=\"repeat(auto-fill, 100px);\"\n        gridTemplateRows=\"repeat(auto-fill, 100px);\"\n        gridGap={4}\n        mt={4}\n      >\n        {iconNames\n          .sort((a: string, b: string) => {\n            return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);\n          })\n          .map(name => {\n            const match = name.match(regexp);\n            const active = s && match;\n            const index = match?.index ?? 0;\n            return (\n              <IconContainer active={!!active}>\n                <Flex flex={1} justifyContent=\"center\" alignItems=\"center\">\n                  <ProviderIcon key={name} name={name} size={args.size} boxed={args.boxed} />\n                </Flex>\n                <Text variant=\"extraSmall\">\n                  {active ? (\n                    <>\n                      {name.substr(0, index)}\n                      <Bold>{name.substr(index, s.length)}</Bold>\n                      {name.substr(index + s.length)}\n                    </>\n                  ) : (\n                    name\n                  )}\n                </Text>\n              </IconContainer>\n            );\n          })}\n      </ScrollArea>\n    </Container>\n  );\n};\nconst FlagTemplate = (args: ProviderIconProps) => {\n  return <ProviderIcon {...args} />;\n};\n\nexport const List = ListTemplate.bind({});\nexport const SingleIcon = FlagTemplate.bind({});\n"],
+  "mappings": "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",
+  "names": ["styled", "providerSizes", "React", "ProviderIcon"]
+}

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

@@ -31,6 +31,7 @@ __export(Icon_exports, {
   BoxedIcon: () => import_BoxedIcon.default,
   CryptoIcon: () => import_CryptoIcon.default,
   IconBox: () => import_BoxedIcon.IconBox,
+  ProviderIcon: () => import_ProviderIcon.default,
   default: () => import_Icon.default,
   iconNames: () => import_Icon.iconNames
 });
@@ -38,4 +39,5 @@ module.exports = __toCommonJS(Icon_exports);
 var import_Icon = __toESM(require("./Icon"));
 var import_BoxedIcon = __toESM(require("./BoxedIcon"));
 var import_CryptoIcon = __toESM(require("./CryptoIcon"));
+var import_ProviderIcon = __toESM(require("./ProviderIcon"));
 //# 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,oCAAAA;AAAA,EAAA;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 ProviderIcon } from \"./ProviderIcon\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,wBAAsC;AACtC,0BAAwC;",
   "names": ["BoxedIcon"]
 }

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

@@ -33,6 +33,7 @@ __export(asorted_exports, {
   Divider: () => import_Divider.default,
   Icon: () => import_Icon.default,
   IconBox: () => import_Icon.IconBox,
+  ProviderIcon: () => import_Icon.ProviderIcon,
   Text: () => import_Text.default
 });
 module.exports = __toCommonJS(asorted_exports);

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;AAAA;AAAA,qBAAmC;AACnC,kBAAgE;AAChE,kBAAgC;",
+  "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon } from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAA8E;AAC9E,kBAAgC;",
   "names": []
 }

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

@@ -0,0 +1,22 @@
+import React from "react";
+export declare const sizes: {
+    XXS: number;
+    XS: number;
+    S: number;
+    M: number;
+    L: number;
+    XL: number;
+};
+export type ProviderSizes = keyof typeof sizes;
+export type Props = {
+    name: string;
+    size?: ProviderSizes;
+    boxed?: boolean;
+};
+export declare const iconNames: string[];
+export type IconGetterProps = {
+    search: string;
+    object: Record<string, React.ReactNode>;
+};
+declare const ProviderIcon: ({ name, size, boxed }: Props) => JSX.Element | null;
+export default ProviderIcon;

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

@@ -0,0 +1,50 @@
+import * as providers from "@ledgerhq/icons-ui/reactLegacy/Providers/index";
+import * as providersBoxed from "@ledgerhq/icons-ui/reactLegacy/ProvidersBoxed/index";
+import React from "react";
+import FlexBox from "../../layout/Flex";
+export const sizes = {
+    XXS: 16,
+    XS: 24,
+    S: 32,
+    M: 40,
+    L: 48,
+    XL: 56,
+};
+export const iconNames = Array.from(Object.keys(providers).reduce((set, rawKey) => {
+    const key = rawKey
+        .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, "$1")
+        .replace(/(.+)(Ultra)+$/g, "$1")
+        .replace(/^_/, "");
+    if (!set.has(key))
+        set.add(key);
+    return set;
+}, new Set()));
+const getIconCaseInsensitive = ({ search, object }) => {
+    const asLower = search.toLowerCase();
+    const key = Object.keys(object).find(key => key.toLowerCase().replace(/^_/, "") === asLower);
+    return key ? object[key] : null;
+};
+const ProviderIcon = ({ name, size = "S", boxed = false }) => {
+    const maybeIconName = `${name}`;
+    if (boxed) {
+        const BoxedComponent = getIconCaseInsensitive({
+            search: maybeIconName,
+            object: providersBoxed,
+        });
+        if (BoxedComponent) {
+            return (React.createElement(FlexBox, { width: sizes[size], height: sizes[size], borderRadius: 8, overflow: "hidden" },
+                React.createElement(BoxedComponent, { size: sizes[size] })));
+        }
+        return null;
+    }
+    const Component = getIconCaseInsensitive({
+        search: maybeIconName,
+        object: providers,
+    });
+    if (Component) {
+        return React.createElement(Component, { size: sizes[size] });
+    }
+    return null;
+};
+export default ProviderIcon;
+//# sourceMappingURL=ProviderIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderIcon.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/ProviderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,gDAAgD,CAAC;AAC5E,OAAO,KAAK,cAAc,MAAM,qDAAqD,CAAC;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;CACP,CAAC;AAUF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CACjC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC5C,MAAM,GAAG,GAAG,MAAM;SACf,OAAO,CAAC,+CAA+C,EAAE,IAAI,CAAC;SAC9D,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC;SAC/B,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,IAAI,GAAG,EAAU,CAAC,CACtB,CAAC;AAOF,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAmB,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;IAC7F,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAS,EAAsB,EAAE;IACtF,MAAM,aAAa,GAAG,GAAG,IAAI,EAAE,CAAC;IAEhC,IAAI,KAAK,EAAE;QACT,MAAM,cAAc,GAAG,sBAAsB,CAAC;YAC5C,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,cAAc;SACvB,CAAsB,CAAC;QACxB,IAAI,cAAc,EAAE;YAClB,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ;gBACnF,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC7B,CACX,CAAC;SACH;QACD,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,sBAAsB,CAAC;QACvC,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,SAAS;KAClB,CAAsB,CAAC;IACxB,IAAI,SAAS,EAAE;QACb,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;KACzC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

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

@@ -2,4 +2,5 @@ export { default, iconNames } from "./Icon";
 import BoxedIcon, { IconBox } from "./BoxedIcon";
 export { BoxedIcon, IconBox };
 export { default as CryptoIcon } from "./CryptoIcon";
+export { default as ProviderIcon } from "./ProviderIcon";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

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 } from "./Icon";
 export { default as Text } from "./Text";

package/lib/components/asorted/index.js

@@ -1,4 +1,4 @@
 export { default as Divider } from "./Divider";
-export { default as Icon, IconBox, BoxedIcon, CryptoIcon } from "./Icon";
+export { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon } from "./Icon";
 export { default as Text } from "./Text";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asorted/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asorted/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/react-ui",
-  "version": "0.14.8-nightly.1",
+  "version": "0.14.8",
   "description": "Ledger Live - Desktop UI",
   "author": "Ledger Live Team <team-live@ledger.fr>",
   "repository": {
@@ -69,7 +69,7 @@
     "react-window": "^1.8.6",
     "styled-system": "^5.1.5",
     "@ledgerhq/crypto-icons-ui": "^0.5.1",
-    "@ledgerhq/icons-ui": "^0.6.0-nightly.0",
+    "@ledgerhq/icons-ui": "^0.6.0",
     "@ledgerhq/ui-shared": "^0.2.1"
   },
   "peerDependencies": {