@ledgerhq/react-ui 0.12.1-recover-beta.0 → 0.13.0-next.0

package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js

@@ -1,37 +1,44 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 SideBar_exports = {};
+__export(SideBar_exports, {
   default: () => SideBar_default
 });
-var import_react = __toModule(require("react"));
-var import_react_transition_group = __toModule(require("react-transition-group"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_sideBar = __toModule(require("../../../navigation/sideBar"));
-var import_Flex = __toModule(require("../../../layout/Flex"));
-var import_Item = __toModule(require("../../../navigation/sideBar/Item"));
-var import_Logo = __toModule(require("../../../navigation/sideBar/Logo"));
-var import_Toggle = __toModule(require("../../../navigation/sideBar/Toggle"));
+module.exports = __toCommonJS(SideBar_exports);
+var import_react = __toESM(require("react"));
+var import_react_transition_group = require("react-transition-group");
+var import_styled_components = __toESM(require("styled-components"));
+var import_sideBar = __toESM(require("../../../navigation/sideBar"));
+var import_Flex = __toESM(require("../../../layout/Flex"));
+var import_Item = __toESM(require("../../../navigation/sideBar/Item"));
+var import_Logo = __toESM(require("../../../navigation/sideBar/Logo"));
+var import_Toggle = __toESM(require("../../../navigation/sideBar/Toggle"));
 const Nav = (0, import_styled_components.default)(import_Flex.default)`
   position: relative;
   padding: ${(p) => `${p.theme.space[19]}px ${p.theme.space[5]}px 0`};
@@ -69,27 +76,22 @@ const TransparentMouseZone = import_styled_components.default.div`
 const SideBar = ({ children, onToggle, isExpanded = true }) => {
   const [isToggleDisplayed, setToggleDisplayed] = (0, import_react.useState)(false);
   const providerValue = (0, import_react.useMemo)(() => ({ isExpanded, onToggle }), [isExpanded, onToggle]);
-  return /* @__PURE__ */ import_react.default.createElement(import_sideBar.default.Provider, {
-    value: providerValue
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
-    in: isExpanded,
-    timeout: 200,
-    classNames: "nav"
-  }, /* @__PURE__ */ import_react.default.createElement(Nav, {
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    alignContent: "stretch",
-    role: "navigation",
-    "aria-label": "Main",
-    onMouseEnter: () => setToggleDisplayed(true),
-    onMouseLeave: () => setToggleDisplayed(false)
-  }, /* @__PURE__ */ import_react.default.createElement(TransparentMouseZone, null), /* @__PURE__ */ import_react.default.createElement(import_Toggle.default, {
-    isDisplayed: isToggleDisplayed
-  }), /* @__PURE__ */ import_react.default.createElement(import_Logo.default, null), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    alignContent: "stretch"
-  }, children))));
+  return /* @__PURE__ */ import_react.default.createElement(import_sideBar.default.Provider, { value: providerValue }, /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, { in: isExpanded, timeout: 200, classNames: "nav" }, /* @__PURE__ */ import_react.default.createElement(
+    Nav,
+    {
+      flexDirection: "column",
+      justifyContent: "flex-start",
+      alignContent: "stretch",
+      role: "navigation",
+      "aria-label": "Main",
+      onMouseEnter: () => setToggleDisplayed(true),
+      onMouseLeave: () => setToggleDisplayed(false)
+    },
+    /* @__PURE__ */ import_react.default.createElement(TransparentMouseZone, null),
+    /* @__PURE__ */ import_react.default.createElement(import_Toggle.default, { isDisplayed: isToggleDisplayed }),
+    /* @__PURE__ */ import_react.default.createElement(import_Logo.default, null),
+    /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", justifyContent: "flex-start", alignContent: "stretch" }, children)
+  )));
 };
 SideBar.Item = import_Item.default;
 var SideBar_default = SideBar;

package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/SideBar/SideBar.tsx"],
   "sourcesContent": ["import React, { useMemo, useState } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport Flex from \"../../../layout/Flex\";\nimport Item from \"../../../navigation/sideBar/Item\";\nimport Logo from \"../../../navigation/sideBar/Logo\";\nimport Toggle from \"../../../navigation/sideBar/Toggle\";\n\nconst Nav = styled(Flex)`\n  position: relative;\n  padding: ${(p) => `${p.theme.space[19]}px ${p.theme.space[5]}px 0`};\n  row-gap: 1.5rem;\n  height: 100vh;\n  width: 14.875rem;\n  color: ${(props) => props.theme.colors.neutral.c100};\n  border-right: 1px solid ${(props) => props.theme.colors.neutral.c40};\n  background-color: ${(props) => props.theme.colors.background.main};\n  transition: width 200ms;\n  will-change: width;\n  flex-shrink: 0;\n  z-index: ${(p) => p.theme.zIndexes[2]};\n\n  &.nav-enter {\n    width: ${(p) => p.theme.space[19]}px;\n  }\n  &.nav-enter-done {\n    width: 14.875rem;\n  }\n  &.nav-exit {\n    width: 14.875rem;\n  }\n  &.nav-exit-done {\n    width: ${(p) => `${p.theme.space[19]}px`};\n  }\n`;\n\nconst TransparentMouseZone = styled.div`\n  position: absolute;\n  left: 100%;\n  top: 0;\n  width: ${(p) => `${p.theme.space[8]}px`};\n  height: 100%;\n`;\n\nexport type SideBarProps = {\n  children: Array<JSX.Element>;\n  onToggle: () => void;\n  isExpanded?: boolean;\n};\n\nconst SideBar = ({ children, onToggle, isExpanded = true }: SideBarProps): JSX.Element => {\n  const [isToggleDisplayed, setToggleDisplayed] = useState(false);\n  const providerValue = useMemo(() => ({ isExpanded, onToggle }), [isExpanded, onToggle]);\n\n  return (\n    <SideBarContext.Provider value={providerValue}>\n      <CSSTransition in={isExpanded} timeout={200} classNames=\"nav\">\n        <Nav\n          flexDirection=\"column\"\n          justifyContent=\"flex-start\"\n          alignContent=\"stretch\"\n          role=\"navigation\"\n          aria-label=\"Main\"\n          onMouseEnter={() => setToggleDisplayed(true)}\n          onMouseLeave={() => setToggleDisplayed(false)}\n        >\n          <TransparentMouseZone />\n          <Toggle isDisplayed={isToggleDisplayed} />\n          <Logo />\n          <Flex flexDirection=\"column\" justifyContent=\"flex-start\" alignContent=\"stretch\">\n            {children}\n          </Flex>\n        </Nav>\n      </CSSTransition>\n    </SideBarContext.Provider>\n  );\n};\n\nSideBar.Item = Item;\n\nexport default SideBar;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyC;AACzC,oCAA8B;AAC9B,+BAAmB;AACnB,qBAA2B;AAC3B,kBAAiB;AACjB,kBAAiB;AACjB,kBAAiB;AACjB,oBAAmB;AAEnB,MAAM,MAAM,sCAAO;AAAA;AAAA,aAEN,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM,SAAS,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,WAIjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC5C,CAAC,UAAU,MAAM,MAAM,OAAO,WAAW;AAAA;AAAA;AAAA;AAAA,aAIlD,CAAC,MAAM,EAAE,MAAM,SAAS;AAAA;AAAA;AAAA,aAGxB,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASrB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA;AAAA;AAIrC,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA,WAIzB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA;AAAA;AAUnC,MAAM,UAAU,CAAC,EAAE,UAAU,UAAU,aAAa,WAAsC;AACxF,QAAM,CAAC,mBAAmB,sBAAsB,2BAAS;AACzD,QAAM,gBAAgB,0BAAQ,MAAO,GAAE,YAAY,aAAa,CAAC,YAAY;AAE7E,SACE,mDAAC,uBAAe,UAAhB;AAAA,IAAyB,OAAO;AAAA,KAC9B,mDAAC,6CAAD;AAAA,IAAe,IAAI;AAAA,IAAY,SAAS;AAAA,IAAK,YAAW;AAAA,KACtD,mDAAC,KAAD;AAAA,IACE,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,cAAa;AAAA,IACb,MAAK;AAAA,IACL,cAAW;AAAA,IACX,cAAc,MAAM,mBAAmB;AAAA,IACvC,cAAc,MAAM,mBAAmB;AAAA,KAEvC,mDAAC,sBAAD,OACA,mDAAC,uBAAD;AAAA,IAAQ,aAAa;AAAA,MACrB,mDAAC,qBAAD,OACA,mDAAC,qBAAD;AAAA,IAAM,eAAc;AAAA,IAAS,gBAAe;AAAA,IAAa,cAAa;AAAA,KACnE;AAAA;AAQb,QAAQ,OAAO;AAEf,IAAO,kBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AACzC,oCAA8B;AAC9B,+BAAmB;AACnB,qBAA2B;AAC3B,kBAAiB;AACjB,kBAAiB;AACjB,kBAAiB;AACjB,oBAAmB;AAEnB,MAAM,UAAM,yBAAAA,SAAO,YAAAC,OAAI;AAAA;AAAA,aAEV,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,WAIlD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC5C,CAAC,UAAU,MAAM,MAAM,OAAO,WAAW;AAAA;AAAA;AAAA;AAAA,aAIlD,CAAC,MAAM,EAAE,MAAM,SAAS,CAAC;AAAA;AAAA;AAAA,aAGzB,CAAC,MAAM,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASvB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA;AAIvC,MAAM,uBAAuB,yBAAAD,QAAO;AAAA;AAAA;AAAA;AAAA,WAIzB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAUpC,MAAM,UAAU,CAAC,EAAE,UAAU,UAAU,aAAa,KAAK,MAAiC;AACxF,QAAM,CAAC,mBAAmB,kBAAkB,QAAI,uBAAS,KAAK;AAC9D,QAAM,oBAAgB,sBAAQ,OAAO,EAAE,YAAY,SAAS,IAAI,CAAC,YAAY,QAAQ,CAAC;AAEtF,SACE,6BAAAE,QAAA,cAAC,eAAAC,QAAe,UAAf,EAAwB,OAAO,iBAC9B,6BAAAD,QAAA,cAAC,+CAAc,IAAI,YAAY,SAAS,KAAK,YAAW,SACtD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,cAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,cAAc,MAAM,mBAAmB,IAAI;AAAA,MAC3C,cAAc,MAAM,mBAAmB,KAAK;AAAA;AAAA,IAE5C,6BAAAA,QAAA,cAAC,0BAAqB;AAAA,IACtB,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,aAAa,mBAAmB;AAAA,IACxC,6BAAAF,QAAA,cAAC,YAAAG,SAAA,IAAK;AAAA,IACN,6BAAAH,QAAA,cAAC,YAAAD,SAAA,EAAK,eAAc,UAAS,gBAAe,cAAa,cAAa,aACnE,QACH;AAAA,EACF,CACF,CACF;AAEJ;AAEA,QAAQ,OAAO,YAAAK;AAEf,IAAO,kBAAQ;",
+  "names": ["styled", "Flex", "React", "SideBarContext", "Toggle", "Logo", "Item"]
 }

package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js

@@ -1,43 +1,50 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 SideBar_stories_exports = {};
+__export(SideBar_stories_exports, {
   Default: () => Default,
   default: () => SideBar_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_client_api = __toModule(require("@storybook/client-api"));
-var import_SideBar = __toModule(require("./SideBar"));
-var import_addon_actions = __toModule(require("@storybook/addon-actions"));
-var import_PortfolioMedium = __toModule(require("@ledgerhq/icons-ui/react/PortfolioMedium"));
-var import_WalletMedium = __toModule(require("@ledgerhq/icons-ui/react/WalletMedium"));
-var import_ManagerMedium = __toModule(require("@ledgerhq/icons-ui/react/ManagerMedium"));
-var import_ArrowTopMedium = __toModule(require("@ledgerhq/icons-ui/react/ArrowTopMedium"));
-var import_ArrowBottomMedium = __toModule(require("@ledgerhq/icons-ui/react/ArrowBottomMedium"));
-var import_BuyCryptoAltMedium = __toModule(require("@ledgerhq/icons-ui/react/BuyCryptoAltMedium"));
-var import_BuyCryptoMedium = __toModule(require("@ledgerhq/icons-ui/react/BuyCryptoMedium"));
-var import_LendMedium = __toModule(require("@ledgerhq/icons-ui/react/LendMedium"));
-var import_NanoFoldedMedium = __toModule(require("@ledgerhq/icons-ui/react/NanoFoldedMedium"));
+module.exports = __toCommonJS(SideBar_stories_exports);
+var import_react = __toESM(require("react"));
+var import_client_api = require("@storybook/client-api");
+var import_SideBar = __toESM(require("./SideBar"));
+var import_addon_actions = require("@storybook/addon-actions");
+var import_PortfolioMedium = __toESM(require("@ledgerhq/icons-ui/react/PortfolioMedium"));
+var import_WalletMedium = __toESM(require("@ledgerhq/icons-ui/react/WalletMedium"));
+var import_ManagerMedium = __toESM(require("@ledgerhq/icons-ui/react/ManagerMedium"));
+var import_ArrowTopMedium = __toESM(require("@ledgerhq/icons-ui/react/ArrowTopMedium"));
+var import_ArrowBottomMedium = __toESM(require("@ledgerhq/icons-ui/react/ArrowBottomMedium"));
+var import_BuyCryptoAltMedium = __toESM(require("@ledgerhq/icons-ui/react/BuyCryptoAltMedium"));
+var import_BuyCryptoMedium = __toESM(require("@ledgerhq/icons-ui/react/BuyCryptoMedium"));
+var import_LendMedium = __toESM(require("@ledgerhq/icons-ui/react/LendMedium"));
+var import_NanoFoldedMedium = __toESM(require("@ledgerhq/icons-ui/react/NanoFoldedMedium"));
 var SideBar_stories_default = {
   title: "Navigation/SideBar/SideBar",
   component: import_SideBar.default,
@@ -56,59 +63,7 @@ const Template = (args) => {
   const [currentArgs, updateArgs] = (0, import_client_api.useArgs)();
   const handleToggle = () => updateArgs({ isExpanded: !currentArgs.isExpanded });
   const sidebarIconSize = 20;
-  return /* @__PURE__ */ import_react.default.createElement(import_SideBar.default, {
-    ...args,
-    onToggle: handleToggle
-  }, /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to portfolio"),
-    label: "portfolio"
-  }, /* @__PURE__ */ import_react.default.createElement(import_PortfolioMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to accounts"),
-    label: "accounts",
-    isActive: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_WalletMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to discover"),
-    label: "discover",
-    isDisabled: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_ManagerMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to send"),
-    label: "send",
-    isDisabled: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_ArrowTopMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to receive"),
-    label: "receive"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ArrowBottomMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to buy / Sell"),
-    label: "buy / Sell"
-  }, /* @__PURE__ */ import_react.default.createElement(import_BuyCryptoAltMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to exchange"),
-    label: "exchange"
-  }, /* @__PURE__ */ import_react.default.createElement(import_BuyCryptoMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to lend"),
-    label: "lend"
-  }, /* @__PURE__ */ import_react.default.createElement(import_LendMedium.default, {
-    size: sidebarIconSize
-  })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, {
-    onClick: (0, import_addon_actions.action)("go to manager"),
-    label: "manager",
-    displayNotificationBadge: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_NanoFoldedMedium.default, {
-    size: sidebarIconSize
-  })));
+  return /* @__PURE__ */ import_react.default.createElement(import_SideBar.default, { ...args, onToggle: handleToggle }, /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to portfolio"), label: "portfolio" }, /* @__PURE__ */ import_react.default.createElement(import_PortfolioMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to accounts"), label: "accounts", isActive: true }, /* @__PURE__ */ import_react.default.createElement(import_WalletMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to discover"), label: "discover", isDisabled: true }, /* @__PURE__ */ import_react.default.createElement(import_ManagerMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to send"), label: "send", isDisabled: true }, /* @__PURE__ */ import_react.default.createElement(import_ArrowTopMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to receive"), label: "receive" }, /* @__PURE__ */ import_react.default.createElement(import_ArrowBottomMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to buy / Sell"), label: "buy / Sell" }, /* @__PURE__ */ import_react.default.createElement(import_BuyCryptoAltMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to exchange"), label: "exchange" }, /* @__PURE__ */ import_react.default.createElement(import_BuyCryptoMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to lend"), label: "lend" }, /* @__PURE__ */ import_react.default.createElement(import_LendMedium.default, { size: sidebarIconSize })), /* @__PURE__ */ import_react.default.createElement(import_SideBar.default.Item, { onClick: (0, import_addon_actions.action)("go to manager"), label: "manager", displayNotificationBadge: true }, /* @__PURE__ */ import_react.default.createElement(import_NanoFoldedMedium.default, { size: sidebarIconSize })));
 };
 const Default = Template.bind({});
 Default.args = {

package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/SideBar/SideBar.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\n// @ts-expect-error Typings\u2026\nimport { useArgs } from \"@storybook/client-api\";\n\nimport SideBar from \"./SideBar\";\nimport type { SideBarProps } from \"./SideBar\";\nimport { action } from \"@storybook/addon-actions\";\nimport PortfolioIcon from \"@ledgerhq/icons-ui/react/PortfolioMedium\";\nimport WalletIcon from \"@ledgerhq/icons-ui/react/WalletMedium\";\nimport ManagerIcon from \"@ledgerhq/icons-ui/react/ManagerMedium\";\nimport ArrowTopIcon from \"@ledgerhq/icons-ui/react/ArrowTopMedium\";\nimport ArrowBottomIcon from \"@ledgerhq/icons-ui/react/ArrowBottomMedium\";\nimport BuyCryptoAltIcon from \"@ledgerhq/icons-ui/react/BuyCryptoAltMedium\";\nimport BuyCryptoIcon from \"@ledgerhq/icons-ui/react/BuyCryptoMedium\";\nimport LendIcon from \"@ledgerhq/icons-ui/react/LendMedium\";\nimport NanoFoldedIcon from \"@ledgerhq/icons-ui/react/NanoFoldedMedium\";\nimport { StoryTemplate } from \"../../../helpers\";\n\nexport default {\n  title: \"Navigation/SideBar/SideBar\",\n  component: SideBar,\n  argTypes: {\n    children: {\n      type: \"text\",\n      description: \"A list a SideBar.Item\",\n      required: true,\n      control: false,\n    },\n    isExpanded: { control: false },\n    onToggle: { control: false },\n  },\n};\n\nconst Template = (args: SideBarProps) => {\n  const [currentArgs, updateArgs] = useArgs();\n\n  const handleToggle = () => updateArgs({ isExpanded: !currentArgs.isExpanded });\n\n  const sidebarIconSize = 20;\n  return (\n    <SideBar {...args} onToggle={handleToggle}>\n      <SideBar.Item onClick={action(\"go to portfolio\")} label=\"portfolio\">\n        <PortfolioIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to accounts\")} label=\"accounts\" isActive>\n        <WalletIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to discover\")} label=\"discover\" isDisabled>\n        <ManagerIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to send\")} label=\"send\" isDisabled>\n        <ArrowTopIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to receive\")} label=\"receive\">\n        <ArrowBottomIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to buy / Sell\")} label=\"buy / Sell\">\n        <BuyCryptoAltIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to exchange\")} label=\"exchange\">\n        <BuyCryptoIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to lend\")} label=\"lend\">\n        <LendIcon size={sidebarIconSize} />\n      </SideBar.Item>\n      <SideBar.Item onClick={action(\"go to manager\")} label=\"manager\" displayNotificationBadge>\n        <NanoFoldedIcon size={sidebarIconSize} />\n      </SideBar.Item>\n    </SideBar>\n  );\n};\n\nexport const Default: StoryTemplate<SideBarProps> = Template.bind({});\nDefault.args = {\n  onToggle: action(\"toggle sidebar\"),\n  isExpanded: true,\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,wBAAwB;AAExB,qBAAoB;AAEpB,2BAAuB;AACvB,6BAA0B;AAC1B,0BAAuB;AACvB,2BAAwB;AACxB,4BAAyB;AACzB,+BAA4B;AAC5B,gCAA6B;AAC7B,6BAA0B;AAC1B,wBAAqB;AACrB,8BAA2B;AAG3B,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA;AAAA,IAEX,YAAY,EAAE,SAAS;AAAA,IACvB,UAAU,EAAE,SAAS;AAAA;AAAA;AAIzB,MAAM,WAAW,CAAC,SAAuB;AACvC,QAAM,CAAC,aAAa,cAAc;AAElC,QAAM,eAAe,MAAM,WAAW,EAAE,YAAY,CAAC,YAAY;AAEjE,QAAM,kBAAkB;AACxB,SACE,mDAAC,wBAAD;AAAA,OAAa;AAAA,IAAM,UAAU;AAAA,KAC3B,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAoB,OAAM;AAAA,KACtD,mDAAC,gCAAD;AAAA,IAAe,MAAM;AAAA,OAEvB,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAmB,OAAM;AAAA,IAAW,UAAQ;AAAA,KACxE,mDAAC,6BAAD;AAAA,IAAY,MAAM;AAAA,OAEpB,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAmB,OAAM;AAAA,IAAW,YAAU;AAAA,KAC1E,mDAAC,8BAAD;AAAA,IAAa,MAAM;AAAA,OAErB,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAe,OAAM;AAAA,IAAO,YAAU;AAAA,KAClE,mDAAC,+BAAD;AAAA,IAAc,MAAM;AAAA,OAEtB,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAkB,OAAM;AAAA,KACpD,mDAAC,kCAAD;AAAA,IAAiB,MAAM;AAAA,OAEzB,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAqB,OAAM;AAAA,KACvD,mDAAC,mCAAD;AAAA,IAAkB,MAAM;AAAA,OAE1B,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAmB,OAAM;AAAA,KACrD,mDAAC,gCAAD;AAAA,IAAe,MAAM;AAAA,OAEvB,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAe,OAAM;AAAA,KACjD,mDAAC,2BAAD;AAAA,IAAU,MAAM;AAAA,OAElB,mDAAC,uBAAQ,MAAT;AAAA,IAAc,SAAS,iCAAO;AAAA,IAAkB,OAAM;AAAA,IAAU,0BAAwB;AAAA,KACtF,mDAAC,iCAAD;AAAA,IAAgB,MAAM;AAAA;AAAA;AAMvB,MAAM,UAAuC,SAAS,KAAK;AAClE,QAAQ,OAAO;AAAA,EACb,UAAU,iCAAO;AAAA,EACjB,YAAY;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,wBAAwB;AAExB,qBAAoB;AAEpB,2BAAuB;AACvB,6BAA0B;AAC1B,0BAAuB;AACvB,2BAAwB;AACxB,4BAAyB;AACzB,+BAA4B;AAC5B,gCAA6B;AAC7B,6BAA0B;AAC1B,wBAAqB;AACrB,8BAA2B;AAG3B,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,eAAAA;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,YAAY,EAAE,SAAS,MAAM;AAAA,IAC7B,UAAU,EAAE,SAAS,MAAM;AAAA,EAC7B;AACF;AAEA,MAAM,WAAW,CAAC,SAAuB;AACvC,QAAM,CAAC,aAAa,UAAU,QAAI,2BAAQ;AAE1C,QAAM,eAAe,MAAM,WAAW,EAAE,YAAY,CAAC,YAAY,WAAW,CAAC;AAE7E,QAAM,kBAAkB;AACxB,SACE,6BAAAC,QAAA,cAAC,eAAAD,SAAA,EAAS,GAAG,MAAM,UAAU,gBAC3B,6BAAAC,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,iBAAiB,GAAG,OAAM,eACtD,6BAAAC,QAAA,cAAC,uBAAAC,SAAA,EAAc,MAAM,iBAAiB,CACxC,GACA,6BAAAD,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,gBAAgB,GAAG,OAAM,YAAW,UAAQ,QACxE,6BAAAC,QAAA,cAAC,oBAAAE,SAAA,EAAW,MAAM,iBAAiB,CACrC,GACA,6BAAAF,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,gBAAgB,GAAG,OAAM,YAAW,YAAU,QAC1E,6BAAAC,QAAA,cAAC,qBAAAG,SAAA,EAAY,MAAM,iBAAiB,CACtC,GACA,6BAAAH,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,YAAY,GAAG,OAAM,QAAO,YAAU,QAClE,6BAAAC,QAAA,cAAC,sBAAAI,SAAA,EAAa,MAAM,iBAAiB,CACvC,GACA,6BAAAJ,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,eAAe,GAAG,OAAM,aACpD,6BAAAC,QAAA,cAAC,yBAAAK,SAAA,EAAgB,MAAM,iBAAiB,CAC1C,GACA,6BAAAL,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,kBAAkB,GAAG,OAAM,gBACvD,6BAAAC,QAAA,cAAC,0BAAAM,SAAA,EAAiB,MAAM,iBAAiB,CAC3C,GACA,6BAAAN,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,gBAAgB,GAAG,OAAM,cACrD,6BAAAC,QAAA,cAAC,uBAAAO,SAAA,EAAc,MAAM,iBAAiB,CACxC,GACA,6BAAAP,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,YAAY,GAAG,OAAM,UACjD,6BAAAC,QAAA,cAAC,kBAAAQ,SAAA,EAAS,MAAM,iBAAiB,CACnC,GACA,6BAAAR,QAAA,cAAC,eAAAD,QAAQ,MAAR,EAAa,aAAS,6BAAO,eAAe,GAAG,OAAM,WAAU,0BAAwB,QACtF,6BAAAC,QAAA,cAAC,wBAAAS,SAAA,EAAe,MAAM,iBAAiB,CACzC,CACF;AAEJ;AAEO,MAAM,UAAuC,SAAS,KAAK,CAAC,CAAC;AACpE,QAAQ,OAAO;AAAA,EACb,cAAU,6BAAO,gBAAgB;AAAA,EACjC,YAAY;AACd;",
+  "names": ["SideBar", "React", "PortfolioIcon", "WalletIcon", "ManagerIcon", "ArrowTopIcon", "ArrowBottomIcon", "BuyCryptoAltIcon", "BuyCryptoIcon", "LendIcon", "NanoFoldedIcon"]
 }

package/lib/cjs/components/navigation/sideBar/SideBar/index.js

@@ -1,28 +1,35 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 SideBar_exports = {};
+__export(SideBar_exports, {
   default: () => import_SideBar.default
 });
-var import_SideBar = __toModule(require("./SideBar"));
+module.exports = __toCommonJS(SideBar_exports);
+var import_SideBar = __toESM(require("./SideBar"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/navigation/sideBar/SideBar/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/SideBar/index.ts"],
   "sourcesContent": ["export { default } from \"./SideBar\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,qBAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;",
   "names": []
 }

package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js

@@ -1,35 +1,42 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 Toggle_exports = {};
+__export(Toggle_exports, {
   default: () => Toggle_default
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_ArrowLeftMedium = __toModule(require("@ledgerhq/icons-ui/react/ArrowLeftMedium"));
-var import_ArrowRightMedium = __toModule(require("@ledgerhq/icons-ui/react/ArrowRightMedium"));
-var import_TransitionInOut = __toModule(require("../../../transitions/TransitionInOut"));
-var import_sideBar = __toModule(require("../../../navigation/sideBar"));
+module.exports = __toCommonJS(Toggle_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ArrowLeftMedium = __toESM(require("@ledgerhq/icons-ui/react/ArrowLeftMedium"));
+var import_ArrowRightMedium = __toESM(require("@ledgerhq/icons-ui/react/ArrowRightMedium"));
+var import_TransitionInOut = __toESM(require("../../../transitions/TransitionInOut"));
+var import_sideBar = __toESM(require("../../../navigation/sideBar"));
 const ToggleButtonContainer = (0, import_styled_components.default)(import_TransitionInOut.default)`
   --ll-side-bar-toggle-button-size: ${(p) => p.theme.space[10]}px;
 
@@ -49,14 +56,18 @@ const ToggleButtonContainer = (0, import_styled_components.default)(import_Trans
 `;
 const ToggleButton = ({ isDisplayed }) => {
   const { isExpanded, onToggle } = (0, import_react.useContext)(import_sideBar.default);
-  return /* @__PURE__ */ import_react.default.createElement(ToggleButtonContainer, {
-    timeout: 200,
-    in: isDisplayed,
-    appear: true,
-    unmountOnExit: true,
-    onClick: onToggle,
-    role: "button"
-  }, isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftMedium.default, null) : /* @__PURE__ */ import_react.default.createElement(import_ArrowRightMedium.default, null));
+  return /* @__PURE__ */ import_react.default.createElement(
+    ToggleButtonContainer,
+    {
+      timeout: 200,
+      in: isDisplayed,
+      appear: true,
+      unmountOnExit: true,
+      onClick: onToggle,
+      role: "button"
+    },
+    isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftMedium.default, null) : /* @__PURE__ */ import_react.default.createElement(import_ArrowRightMedium.default, null)
+  );
 };
 var Toggle_default = ToggleButton;
 //# sourceMappingURL=Toggle.js.map

package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/Toggle/Toggle.tsx"],
   "sourcesContent": ["import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/react/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/react/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${(p) => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${(p) => p.theme.colors.neutral.c20};\n  border: 1px solid ${(p) => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,+BAAmB;AAEnB,6BAA0B;AAC1B,8BAA2B;AAC3B,6BAA4B;AAC5B,qBAA2B;AAE3B,MAAM,wBAAwB,sCAAO;AAAA,sCACC,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAU3C,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,sBACxB,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAOpD,MAAM,eAAe,CAAC,EAAE,kBAAkD;AACxE,QAAM,EAAE,YAAY,aAAa,6BAAW;AAE5C,SACE,mDAAC,uBAAD;AAAA,IACE,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,QAAM;AAAA,IACN,eAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAK;AAAA,KAEJ,aAAa,mDAAC,gCAAD,QAAoB,mDAAC,iCAAD;AAAA;AAKxC,IAAO,iBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,+BAAmB;AAEnB,6BAA0B;AAC1B,8BAA2B;AAC3B,6BAA4B;AAC5B,qBAA2B;AAE3B,MAAM,4BAAwB,yBAAAA,SAAO,uBAAAC,OAAe;AAAA,sCACd,CAAC,MAAM,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAU7C,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,sBACxB,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAOpD,MAAM,eAAe,CAAC,EAAE,YAAY,MAAsC;AACxE,QAAM,EAAE,YAAY,SAAS,QAAI,yBAAW,eAAAC,OAAc;AAE1D,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,eAAa;AAAA,MACb,SAAS;AAAA,MACT,MAAK;AAAA;AAAA,IAEJ,aAAa,6BAAAA,QAAA,cAAC,uBAAAC,SAAA,IAAc,IAAK,6BAAAD,QAAA,cAAC,wBAAAE,SAAA,IAAe;AAAA,EACpD;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": ["styled", "TransitionInOut", "SideBarContext", "React", "ArrowLeftIcon", "ArrowRightIcon"]
 }

package/lib/cjs/components/navigation/sideBar/Toggle/index.js

@@ -1,28 +1,35 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 Toggle_exports = {};
+__export(Toggle_exports, {
   default: () => import_Toggle.default
 });
-var import_Toggle = __toModule(require("./Toggle"));
+module.exports = __toCommonJS(Toggle_exports);
+var import_Toggle = __toESM(require("./Toggle"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/navigation/sideBar/Toggle/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/Toggle/index.ts"],
   "sourcesContent": ["export { default } from \"./Toggle\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,oBAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAwB;",
   "names": []
 }

package/lib/cjs/components/navigation/sideBar/index.js

@@ -1,29 +1,26 @@
-var __create = Object.create;
+"use strict";
 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 });
+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 target;
+  return to;
 };
-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, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sideBar_exports = {};
+__export(sideBar_exports, {
   default: () => sideBar_default
 });
-var import_react = __toModule(require("react"));
+module.exports = __toCommonJS(sideBar_exports);
+var import_react = require("react");
 var sideBar_default = (0, import_react.createContext)({});
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/navigation/sideBar/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/sideBar/index.tsx"],
   "sourcesContent": ["import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAG9B,IAAO,kBAAQ,gCAA2C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAG9B,IAAO,sBAAQ,4BAA2C,CAAC,CAAC;",
   "names": []
 }