@ledgerhq/react-ui 0.7.6 → 0.7.7-esbuild.0

package/README.md

@@ -1,8 +1,7 @@
 # `@ledgerhq/react-ui`
 
-[![build](https://github.com/LedgerHQ/ui/actions/workflows/react.yml/badge.svg)](https://github.com/LedgerHQ/ui/actions/workflows/react.yml)
 [![npm](https://img.shields.io/npm/v/@ledgerhq/react-ui)](https://www.npmjs.com/package/@ledgerhq/react-ui)
-[![storybook](https://img.shields.io/badge/Storybook-📚-61DBFB)](https://ledger-live-ui-react.vercel.app)
+[![storybook](https://img.shields.io/badge/Storybook-📚-61DBFB)](https://react-ui-storybook.vercel.app)
 
 ### Design and interface resources for React
 
@@ -10,7 +9,7 @@
 
 ## Reference
 
-**[🔗 Storybook](https://ledger-live-ui-react.vercel.app/)**
+**[🔗 Storybook](https://react-ui-storybook.vercel.app)**
 
 ## Installation
 
@@ -193,4 +192,4 @@ ReactDOM.render(<Root />, document.getElementById("react-root"));
 
 ### Contributing
 
-Check the [contributing guide here](https://github.com/LedgerHQ/ui/blob/main/packages/react/CONTRIBUTING.md).
+Check the [contributing guide here](https://github.com/LedgerHQ/ledger-live/blob/develop/libs/ui/packages/react/CONTRIBUTING.md).

package/lib/cjs/assets/fonts.js

@@ -0,0 +1,27 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var import_HMAlphaMono_Medium = __toModule(require("./fonts/HMAlphaMono-Medium.woff2"));
+var import_Inter_Bold = __toModule(require("./fonts/Inter-Bold.woff2"));
+var import_Inter_ExtraBold = __toModule(require("./fonts/Inter-ExtraBold.woff2"));
+var import_Inter_ExtraLight_BETA = __toModule(require("./fonts/Inter-ExtraLight-BETA.woff2"));
+var import_Inter_Light_BETA = __toModule(require("./fonts/Inter-Light-BETA.woff2"));
+var import_Inter_Medium = __toModule(require("./fonts/Inter-Medium.woff2"));
+var import_Inter_Regular = __toModule(require("./fonts/Inter-Regular.woff2"));
+var import_Inter_SemiBold = __toModule(require("./fonts/Inter-SemiBold.woff2"));
+//# sourceMappingURL=fonts.js.map

package/lib/cjs/assets/fonts.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/assets/fonts.ts"],
+  "sourcesContent": ["import \"./fonts/HMAlphaMono-Medium.woff2\";\nimport \"./fonts/Inter-Bold.woff2\";\nimport \"./fonts/Inter-ExtraBold.woff2\";\nimport \"./fonts/Inter-ExtraLight-BETA.woff2\";\nimport \"./fonts/Inter-Light-BETA.woff2\";\nimport \"./fonts/Inter-Medium.woff2\";\nimport \"./fonts/Inter-Regular.woff2\";\nimport \"./fonts/Inter-SemiBold.woff2\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,gCAAO;AACP,wBAAO;AACP,6BAAO;AACP,mCAAO;AACP,8BAAO;AACP,0BAAO;AACP,2BAAO;AACP,4BAAO;",
+  "names": []
+}

package/lib/cjs/assets/icons.js

@@ -0,0 +1,21 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__markAsModule(exports);
+__reExport(exports, __toModule(require("@ledgerhq/icons-ui/react")));
+//# sourceMappingURL=icons.js.map

package/lib/cjs/assets/icons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/assets/icons.ts"],
+  "sourcesContent": ["export * from \"@ledgerhq/icons-ui/react\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
+  "names": []
+}

package/lib/cjs/assets/images/images.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=images.d.js.map

package/lib/cjs/assets/images/images.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/lib/cjs/assets/images/images.d.ts

@@ -0,0 +1 @@
+declare module "*.png";

package/lib/cjs/assets/index.js

@@ -0,0 +1,30 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Icons: () => Icons,
+  Logos: () => Logos
+});
+var Icons = __toModule(require("@ledgerhq/icons-ui/react"));
+var Logos = __toModule(require("./logos"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/assets/index.ts"],
+  "sourcesContent": ["export * as Icons from \"@ledgerhq/icons-ui/react\";\nexport * as Logos from \"./logos\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,YAAuB;",
+  "names": []
+}

package/lib/cjs/assets/logos/LedgerLiveAltRegular.js

@@ -0,0 +1,45 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => LedgerLiveAltRegular_default
+});
+var React = __toModule(require("react"));
+function LedgerLiveAltRegular({
+  width = 38,
+  height = 32,
+  color = "currentColor"
+}) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width,
+    height,
+    viewBox: "0 0 38 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M0.620148 22.9137V32H14.4471V29.9849H2.63476V22.9137H0.620148ZM35.3653 22.9137V29.9849H23.553V31.9995H37.3799V22.9137H35.3653ZM14.4671 9.08631V22.9132H23.553V21.0961H16.4817V9.08631H14.4671ZM0.620148 0V9.08631H2.63476V2.01461H14.4471V0H0.620148ZM23.553 0V2.01461H35.3653V9.08631H37.3799V0H23.553Z",
+    fill: color
+  }));
+}
+var LedgerLiveAltRegular_default = LedgerLiveAltRegular;
+//# sourceMappingURL=LedgerLiveAltRegular.js.map

package/lib/cjs/assets/logos/LedgerLiveAltRegular.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/assets/logos/LedgerLiveAltRegular.tsx"],
+  "sourcesContent": ["import * as React from \"react\";\n\ntype Props = { width?: number | string; height?: number | string; color?: string };\n\nfunction LedgerLiveAltRegular({\n  width = 38,\n  height = 32,\n  color = \"currentColor\",\n}: Props): JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 38 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0.620148 22.9137V32H14.4471V29.9849H2.63476V22.9137H0.620148ZM35.3653 22.9137V29.9849H23.553V31.9995H37.3799V22.9137H35.3653ZM14.4671 9.08631V22.9132H23.553V21.0961H16.4817V9.08631H14.4671ZM0.620148 0V9.08631H2.63476V2.01461H14.4471V0H0.620148ZM23.553 0V2.01461H35.3653V9.08631H37.3799V0H23.553Z\"\n        fill={color}\n      />\n    </svg>\n  );\n}\n\nexport default LedgerLiveAltRegular;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,YAAuB;AAIvB,8BAA8B;AAAA,EAC5B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,GACa;AACrB,SACE,oCAAC,OAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,KAEN,oCAAC,QAAD;AAAA,IACE,GAAE;AAAA,IACF,MAAM;AAAA;AAAA;AAMd,IAAO,+BAAQ;",
+  "names": []
+}

package/lib/cjs/assets/logos/LedgerLiveRegular.js

@@ -0,0 +1,45 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => LedgerLiveRegular_default
+});
+var React = __toModule(require("react"));
+function LedgerLiveRegular({
+  width = 155,
+  height = 32,
+  color = "currentColor"
+}) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width,
+    height,
+    viewBox: "0 0 155 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M141.239 29.9849V32H154.998V22.9137H152.993V29.9849H141.239ZM141.239 0V2.01461H152.993V9.08631H154.998V0H141.239ZM134.598 16.8689H140.652V15.0522H134.598V10.9035H141.242V9.08679H132.593V22.9137H141.537V21.097H134.598V16.8689ZM126.362 22.9137L130.333 9.08631H128.287L125.123 20.6615H124.848L121.821 9.08631H119.718L123.571 22.9137H126.362ZM117.557 9.08631H108.909V10.8643H112.231V21.1357H108.909V22.9137H117.557V21.1357H114.236V10.8643H117.557V9.08631ZM99.4157 9.08631H97.4105V22.9137H106.452V21.097H99.4157V9.08631ZM93.1838 16.9875H86.109V18.8042H93.1852L93.1838 16.9875ZM75.3969 15.5853V10.9035H78.5404C80.0736 10.9035 80.624 11.4174 80.624 12.8196V13.6495C80.624 15.0914 80.0931 15.5853 78.5404 15.5853H75.3969ZM80.3895 16.4147C81.8242 16.0394 82.8266 14.6937 82.8266 13.0964C82.8266 12.0886 82.4336 11.1803 81.6849 10.4493C80.7415 9.54096 79.4833 9.08631 77.852 9.08631H73.4279V22.9137H75.3935V17.402H78.343C79.8562 17.402 80.4656 18.034 80.4656 19.614V22.9127H82.4707V19.931C82.4707 17.7581 81.9593 16.9282 80.3871 16.6911L80.3895 16.4147ZM63.8408 16.8689H69.8948V15.0522H63.8408V10.9035H70.4846V9.08679H61.8362V22.9137H70.7796V21.097H63.8408V16.8689ZM57.2565 17.5999V18.5493C57.2565 20.5443 56.5291 21.1964 54.7009 21.1964H54.2685C52.4408 21.1964 51.5569 20.6036 51.5569 17.858V14.1429C51.5569 11.3777 52.4808 10.805 54.3085 10.805H54.7014C56.4901 10.805 57.0605 11.4767 57.08 13.3331H59.2421C59.0456 10.608 57.237 8.88695 54.5249 8.88695C53.2077 8.88695 52.1073 9.30192 51.2815 10.0917C50.0446 11.2572 49.3553 13.2327 49.3553 15.9979C49.3553 18.6646 49.9452 20.64 51.163 21.8648C51.9889 22.6747 53.1287 23.1078 54.249 23.1078C55.4283 23.1078 56.5096 22.6335 57.06 21.6066H57.335V22.9103H59.1427V15.7827H53.8147V17.5994L57.2565 17.5999ZM39.9195 10.9035H42.0603C44.0849 10.9035 45.1857 11.4174 45.1857 14.1826V17.816C45.1857 20.5812 44.0849 21.0946 42.0603 21.0946H39.9195V10.9035ZM42.2391 22.9137C45.9935 22.9137 47.3887 20.0491 47.3887 15.9998C47.3887 11.8912 45.895 9.08631 42.1996 9.08631H37.9544V22.9137H42.2391ZM28.4605 16.8689H34.5145V15.0522H28.4605V10.9035H35.1044V9.08679H26.4559V22.9137H35.3993V21.097H28.4605V16.8689ZM15.7832 9.08631H13.7786V22.9137H22.82V21.097H15.7832V9.08631ZM0 22.9137V32H13.7586V29.9849H2.00466V22.9137H0ZM0 0V9.08631H2.00466V2.01461H13.7586V0H0Z",
+    fill: color
+  }));
+}
+var LedgerLiveRegular_default = LedgerLiveRegular;
+//# sourceMappingURL=LedgerLiveRegular.js.map

package/lib/cjs/assets/logos/LedgerLiveRegular.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/assets/logos/LedgerLiveRegular.tsx"],
+  "sourcesContent": ["import * as React from \"react\";\n\ntype Props = { width?: number | string; height?: number | string; color?: string };\n\nfunction LedgerLiveRegular({\n  width = 155,\n  height = 32,\n  color = \"currentColor\",\n}: Props): JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 155 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M141.239 29.9849V32H154.998V22.9137H152.993V29.9849H141.239ZM141.239 0V2.01461H152.993V9.08631H154.998V0H141.239ZM134.598 16.8689H140.652V15.0522H134.598V10.9035H141.242V9.08679H132.593V22.9137H141.537V21.097H134.598V16.8689ZM126.362 22.9137L130.333 9.08631H128.287L125.123 20.6615H124.848L121.821 9.08631H119.718L123.571 22.9137H126.362ZM117.557 9.08631H108.909V10.8643H112.231V21.1357H108.909V22.9137H117.557V21.1357H114.236V10.8643H117.557V9.08631ZM99.4157 9.08631H97.4105V22.9137H106.452V21.097H99.4157V9.08631ZM93.1838 16.9875H86.109V18.8042H93.1852L93.1838 16.9875ZM75.3969 15.5853V10.9035H78.5404C80.0736 10.9035 80.624 11.4174 80.624 12.8196V13.6495C80.624 15.0914 80.0931 15.5853 78.5404 15.5853H75.3969ZM80.3895 16.4147C81.8242 16.0394 82.8266 14.6937 82.8266 13.0964C82.8266 12.0886 82.4336 11.1803 81.6849 10.4493C80.7415 9.54096 79.4833 9.08631 77.852 9.08631H73.4279V22.9137H75.3935V17.402H78.343C79.8562 17.402 80.4656 18.034 80.4656 19.614V22.9127H82.4707V19.931C82.4707 17.7581 81.9593 16.9282 80.3871 16.6911L80.3895 16.4147ZM63.8408 16.8689H69.8948V15.0522H63.8408V10.9035H70.4846V9.08679H61.8362V22.9137H70.7796V21.097H63.8408V16.8689ZM57.2565 17.5999V18.5493C57.2565 20.5443 56.5291 21.1964 54.7009 21.1964H54.2685C52.4408 21.1964 51.5569 20.6036 51.5569 17.858V14.1429C51.5569 11.3777 52.4808 10.805 54.3085 10.805H54.7014C56.4901 10.805 57.0605 11.4767 57.08 13.3331H59.2421C59.0456 10.608 57.237 8.88695 54.5249 8.88695C53.2077 8.88695 52.1073 9.30192 51.2815 10.0917C50.0446 11.2572 49.3553 13.2327 49.3553 15.9979C49.3553 18.6646 49.9452 20.64 51.163 21.8648C51.9889 22.6747 53.1287 23.1078 54.249 23.1078C55.4283 23.1078 56.5096 22.6335 57.06 21.6066H57.335V22.9103H59.1427V15.7827H53.8147V17.5994L57.2565 17.5999ZM39.9195 10.9035H42.0603C44.0849 10.9035 45.1857 11.4174 45.1857 14.1826V17.816C45.1857 20.5812 44.0849 21.0946 42.0603 21.0946H39.9195V10.9035ZM42.2391 22.9137C45.9935 22.9137 47.3887 20.0491 47.3887 15.9998C47.3887 11.8912 45.895 9.08631 42.1996 9.08631H37.9544V22.9137H42.2391ZM28.4605 16.8689H34.5145V15.0522H28.4605V10.9035H35.1044V9.08679H26.4559V22.9137H35.3993V21.097H28.4605V16.8689ZM15.7832 9.08631H13.7786V22.9137H22.82V21.097H15.7832V9.08631ZM0 22.9137V32H13.7586V29.9849H2.00466V22.9137H0ZM0 0V9.08631H2.00466V2.01461H13.7586V0H0Z\"\n        fill={color}\n      />\n    </svg>\n  );\n}\n\nexport default LedgerLiveRegular;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,YAAuB;AAIvB,2BAA2B;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,GACa;AACrB,SACE,oCAAC,OAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,KAEN,oCAAC,QAAD;AAAA,IACE,GAAE;AAAA,IACF,MAAM;AAAA;AAAA;AAMd,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  LedgerLiveAltRegular: () => import_LedgerLiveAltRegular.default,
+  LedgerLiveRegular: () => import_LedgerLiveRegular.default
+});
+var import_LedgerLiveRegular = __toModule(require("./LedgerLiveRegular"));
+var import_LedgerLiveAltRegular = __toModule(require("./LedgerLiveAltRegular"));
+//# sourceMappingURL=index.js.map

package/lib/cjs/assets/logos/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/assets/logos/index.ts"],
+  "sourcesContent": ["export { default as LedgerLiveRegular } from \"./LedgerLiveRegular\";\nexport { default as LedgerLiveAltRegular } from \"./LedgerLiveAltRegular\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,+BAA6C;AAC7C,kCAAgD;",
+  "names": []
+}

package/lib/cjs/components/Chart/Chart.stories.js

@@ -0,0 +1,138 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Default: () => Default,
+  Small: () => Small,
+  default: () => Chart_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_index = __toModule(require("./index"));
+var import_Flex = __toModule(require("../layout/Flex"));
+var import_Button = __toModule(require("../cta/Button"));
+function getRandomChartDate() {
+  const fromTime = new Date("2020-09-01T01:57:45.271Z");
+  const toTime = new Date("2021-02-12T01:57:45.271Z");
+  return new Date(fromTime.getTime() + Math.random() * (toTime.getTime() - fromTime.getTime()));
+}
+function getRandomChartValue() {
+  const min = 1e3;
+  const max = 25e5;
+  return Math.floor(Math.random() * (max - min) + min);
+}
+const generateData = () => {
+  return new Array(50).fill({}).map(() => ({ value: getRandomChartValue(), date: getRandomChartDate() })).sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());
+};
+var Chart_stories_default = {
+  title: "Charts/Chart",
+  component: import_index.default,
+  argTypes: {
+    data: {
+      control: false,
+      description: "Date is the only accepted type on the x-axis. On the y-axis, number and string are accepted."
+    },
+    color: {
+      type: "string",
+      control: "color",
+      defaultValue: "#0EBDCD",
+      description: "This property defines the color of the stroke and the color used to created the gradient. This property any color format."
+    },
+    valueKey: {
+      control: false,
+      description: "This optional property is useful to override the key in charge of storing the value used on the x-axis."
+    },
+    variant: {
+      type: "enum",
+      defaultValue: "default",
+      description: "The small variant is used to display a gridless, tickerless chart. The default one is a full chart that allows more controls and optimisations.",
+      options: ["default", "small"],
+      control: false
+    },
+    timeOptions: {
+      type: "object",
+      description: "This optional property is only used by the default variant to know how to format ticker on the x-axis. See https://www.chartjs.org/docs/latest/axes/cartesian/time.html#time-units.",
+      control: { type: "object" },
+      defaultValue: { unit: "month", displayFormats: { month: "MMM." } }
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: "This component chart componnet has two variants, the default and the small one. The small one is like a preview, it has no controls and allow less optimisations. The default one is a component that displays grid, axis, tickers and allow lot of customisation."
+      }
+    }
+  }
+};
+const Default = ({ data: _, ...args }) => {
+  const [data, setData] = import_react.default.useState(generateData());
+  const handleClick = () => setData(generateData());
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    alignItems: "flex-start",
+    flexDirection: "column",
+    rowGap: "1.5rem"
+  }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    style: args.variant === "default" ? { position: "relative", width: "100%", aspectRatio: "2 / 1" } : {}
+  }, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+    ...args,
+    data
+  })), /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
+    variant: "main",
+    outline: true,
+    onClick: handleClick
+  }, "Generate new data"));
+};
+const CardChart = import_styled_components.default.div`
+  position: relative;
+  width: 221px;
+  height: 86px;
+`;
+const Small = (args) => {
+  const theme = (0, import_styled_components.useTheme)();
+  const [data, setData] = import_react.default.useState(generateData());
+  const handleClick = () => setData(generateData());
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    alignItems: "flex-start",
+    flexDirection: "column",
+    rowGap: "1rem"
+  }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    flexWrap: "wrap",
+    rowGap: "1.5rem",
+    columnGap: "2rem"
+  }, /* @__PURE__ */ import_react.default.createElement(CardChart, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+    id: "static",
+    variant: "small",
+    color: theme.colors.primary.c100,
+    data
+  })), /* @__PURE__ */ import_react.default.createElement(CardChart, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+    id: "dynamic",
+    variant: "small",
+    color: args.color,
+    data
+  }))), /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
+    variant: "main",
+    outline: true,
+    onClick: handleClick
+  }, "Generate new data"));
+};
+//# sourceMappingURL=Chart.stories.js.map

package/lib/cjs/components/Chart/Chart.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Chart/Chart.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\n\nimport Chart from \"./index\";\nimport type { Props as ChartPreviewProps } from \"./index\";\nimport Flex from \"../layout/Flex\";\nimport Button from \"../cta/Button\";\nimport type { Item } from \"./types\";\n\nfunction getRandomChartDate() {\n  const fromTime = new Date(\"2020-09-01T01:57:45.271Z\");\n  const toTime = new Date(\"2021-02-12T01:57:45.271Z\");\n  return new Date(fromTime.getTime() + Math.random() * (toTime.getTime() - fromTime.getTime()));\n}\n\nfunction getRandomChartValue() {\n  const min = 1_000;\n  const max = 2_500_000;\n  return Math.floor(Math.random() * (max - min) + min);\n}\n\nconst generateData = () => {\n  return new Array(50)\n    .fill({})\n    .map(() => ({ value: getRandomChartValue(), date: getRandomChartDate() } as Item))\n    .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());\n};\n\nexport default {\n  title: \"Charts/Chart\",\n  component: Chart,\n  argTypes: {\n    data: {\n      control: false,\n      description:\n        \"Date is the only accepted type on the x-axis. On the y-axis, number and string are accepted.\",\n    },\n    color: {\n      type: \"string\",\n      control: \"color\",\n      defaultValue: \"#0EBDCD\",\n      description:\n        \"This property defines the color of the stroke and the color used to created the gradient. This property any color format.\",\n    },\n    valueKey: {\n      control: false,\n      description:\n        \"This optional property is useful to override the key in charge of storing the value used on the x-axis.\",\n    },\n    variant: {\n      type: \"enum\",\n      defaultValue: \"default\",\n      description:\n        \"The small variant is used to display a gridless, tickerless chart. The default one is a full chart that allows more controls and optimisations.\",\n      options: [\"default\", \"small\"],\n      control: false,\n    },\n    timeOptions: {\n      type: \"object\",\n      description:\n        \"This optional property is only used by the default variant to know how to format ticker on the x-axis. See https://www.chartjs.org/docs/latest/axes/cartesian/time.html#time-units.\",\n      control: { type: \"object\" },\n      defaultValue: { unit: \"month\", displayFormats: { month: \"MMM.\" } },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"This component chart componnet has two variants, the default and the small one. The small one is like a preview, it has no controls and allow less optimisations. The default one is a component that displays grid, axis, tickers and allow lot of customisation.\",\n      },\n    },\n  },\n};\n\nexport const Default = ({ data: _, ...args }: ChartPreviewProps): JSX.Element => {\n  const [data, setData] = React.useState(generateData());\n\n  const handleClick = () => setData(generateData());\n\n  return (\n    <Flex alignItems=\"flex-start\" flexDirection=\"column\" rowGap=\"1.5rem\">\n      <Flex\n        style={\n          args.variant === \"default\"\n            ? { position: \"relative\", width: \"100%\", aspectRatio: \"2 / 1\" }\n            : {}\n        }\n      >\n        <Chart {...args} data={data} />\n      </Flex>\n      <Button variant=\"main\" outline onClick={handleClick}>\n        Generate new data\n      </Button>\n    </Flex>\n  );\n};\n\nconst CardChart = styled.div`\n  position: relative;\n  width: 221px;\n  height: 86px;\n`;\n\nexport const Small = (args: ChartPreviewProps): JSX.Element => {\n  const theme = useTheme();\n  const [data, setData] = React.useState(generateData());\n\n  const handleClick = () => setData(generateData());\n\n  return (\n    <Flex alignItems=\"flex-start\" flexDirection=\"column\" rowGap=\"1rem\">\n      <Flex flexWrap=\"wrap\" rowGap=\"1.5rem\" columnGap=\"2rem\">\n        <CardChart>\n          <Chart id=\"static\" variant=\"small\" color={theme.colors.primary.c100} data={data} />\n        </CardChart>\n        <CardChart>\n          <Chart id=\"dynamic\" variant=\"small\" color={args.color} data={data} />\n        </CardChart>\n      </Flex>\n      <Button variant=\"main\" outline onClick={handleClick}>\n        Generate new data\n      </Button>\n    </Flex>\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}