@ledgerhq/react-ui 0.52.0 → 0.53.0-nightly.20260626030713

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

@@ -2,9 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 2837(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
@@ -22,12 +19,14 @@ function LedgerLiveAltRegular({ width = 38, height = 32, color = "currentColor"
 }
 /* export default */ const __rspack_default_export = (LedgerLiveAltRegular);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 6456(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
@@ -63,12 +62,14 @@ function LedgerLiveRegular({ width = 220, height = 60, color = "currentColor" })
 }
 /* export default */ const __rspack_default_export = (LedgerLiveRegular);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 5378(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
@@ -112,23 +113,27 @@ const Logo = ()=>{
 };
 /* export default */ const __rspack_default_export = (Logo);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 4967(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
 /* export default */ const __rspack_default_export = (/*#__PURE__*/(0,react__rspack_import_0.createContext)({}));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 660(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var react_transition_group__rspack_import_1 = __webpack_require__(7727);
@@ -173,6 +178,11 @@ const TransitionInOut = ({ children, in: inProp, timeout = duration, ...Transiti
 };
 /* export default */ const __rspack_default_export = (TransitionInOut);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 2015(module) {
@@ -226,12 +236,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -252,11 +266,12 @@ var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 __webpack_require__.r(__webpack_exports__);
+/* import */ var _Logo__rspack_import_0 = __webpack_require__(5378);
+
+
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* reexport safe */ _Logo__rspack_import_0["default"])
 });
-/* import */ var _Logo__rspack_import_0 = __webpack_require__(5378);
-
 
 })();
 

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

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/sideBar/Logo/index.js","sources":["webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveAltRegular.tsx","webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveRegular.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Logo/Logo.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Logo/index.ts"],"sourcesContent":["import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveAltRegular({\n  width = 38,\n  height = 32,\n  color = \"currentColor\",\n}: Readonly<Props>): React.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","import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveRegular({\n  width = 220,\n  height = 60,\n  color = \"currentColor\",\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 220 60\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0 42.9632V60H25.9539V56.2217H3.78153V42.9632H0ZM65.2185 42.9632V56.2217H43.0461V59.9991H69V42.9632H65.2185ZM25.9915 17.0368V42.9623H43.0461V39.5551H29.7731V17.0368H25.9915ZM0 0V17.0368H3.78153V3.7774H25.9539V0H0ZM43.0461 0V3.7774H65.2185V17.0368H69V0H43.0461Z\"\n        fill={color}\n      />\n      <path\n        d=\"M86.7939 17.75H90.5814L92.1189 39.725H92.6439L94.4814 22.2125H100.144L102.019 39.725H102.544L104.156 17.75H107.794L105.356 44H99.5439L97.5564 26.4875H97.0314L95.0439 44H89.2314L86.7939 17.75Z\"\n        fill={color}\n      />\n      <path\n        d=\"M129.904 44H125.892L124.204 37.625H115.317L113.554 44H109.654L117.229 17.75H122.554L129.904 44ZM116.254 34.175H123.304L120.117 22.025H119.592L116.254 34.175Z\"\n        fill={color}\n      />\n      <path d=\"M134.577 17.75H138.402V40.55H151.827V44H134.577V17.75Z\" fill={color} />\n      <path d=\"M157.062 17.75H160.887V40.55H174.312V44H157.062V17.75Z\" fill={color} />\n      <path\n        d=\"M179.173 17.75H195.673V21.2H182.998V29.075H194.548V32.525H182.998V40.55H196.235V44H179.173V17.75Z\"\n        fill={color}\n      />\n      <path d=\"M207.808 21.2H199.596V17.75H219.846V21.2H211.633V44H207.808V21.2Z\" fill={color} />\n    </svg>\n  );\n}\n\nexport default LedgerLiveRegular;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport LedgerLiveIconLarge from \"../../../../assets/logos/LedgerLiveRegular\";\nimport LedgerIconSmall from \"../../../../assets/logos/LedgerLiveAltRegular\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n`;\n\nconst Logo = (): React.JSX.Element => {\n  const { isExpanded } = useContext(SideBarContext);\n\n  return (\n    <Container>\n      <TransitionInOut\n        timeout={300}\n        in={isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ transitionDelay: \"300ms\", marginLeft: \"1rem\" }}\n      >\n        <LedgerLiveIconLarge />\n      </TransitionInOut>\n      <TransitionInOut\n        timeout={300}\n        in={!isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ margin: \"auto\", transitionDelay: \"300ms\" }}\n      >\n        <LedgerIconSmall />\n      </TransitionInOut>\n    </Container>\n  );\n};\n\nexport default Logo;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n  transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n  &.transition-inout-enter {\n    opacity: 0;\n  }\n\n  &.transition-inout-enter-active {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit-active {\n    opacity: 0;\n  }\n`;\ntype TransitionInOutProps = Partial<\n  CSSTransitionProps<HTMLDivElement> & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionInOut = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionInOutProps): React.JSX.Element => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...TransitionProps}\n      nodeRef={nodeRef}\n      in={inProp}\n      timeout={timeout}\n      classNames=\"transition-inout\"\n    >\n      <ChildrenWrapper ref={nodeRef} timeout={timeout}>\n        {children}\n      </ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionInOut;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { default } from \"./Logo\";\n"],"names":["React","LedgerLiveAltRegular","width","height","color","LedgerLiveRegular","useContext","styled","LedgerLiveIconLarge","LedgerIconSmall","SideBarContext","TransitionInOut","Container","Logo","isExpanded","createContext","useRef","CSSTransition","duration","ChildrenWrapper","props","children","inProp","timeout","TransitionProps","nodeRef","default"],"mappings":";;;;;;;;;AAA+B;AAQ/B,SAASC,qBAAqB,EAC5BC,QAAQ,EAAE,EACVC,SAAS,EAAE,EACXC,QAAQ,cAAc,EACN;IAChB,qBACE,qCAAC;QACC,OAAOF;QACP,QAAQC;QACR,SAAQ;QACR,MAAK;QACL,OAAM;qBAEN,qCAAC;QACC,GAAE;QACF,MAAMC;;AAId;AAEA,sDAAeH,oBAAoBA,EAAC;;;;;;;;;;AC7BL;AAQ/B,SAASI,kBAAkB,EACzBH,QAAQ,GAAG,EACXC,SAAS,EAAE,EACXC,QAAQ,cAAc,EACN;IAChB,qBACE,qCAAC;QACC,OAAOF;QACP,QAAQC;QACR,SAAQ;QACR,MAAK;QACL,OAAM;qBAEN,qCAAC;QACC,GAAE;QACF,MAAMC;sBAER,qCAAC;QACC,GAAE;QACF,MAAMA;sBAER,qCAAC;QACC,GAAE;QACF,MAAMA;sBAER,qCAAC;QAAK,GAAE;QAAyD,MAAMA;sBACvE,qCAAC;QAAK,GAAE;QAAyD,MAAMA;sBACvE,qCAAC;QACC,GAAE;QACF,MAAMA;sBAER,qCAAC;QAAK,GAAE;QAAoE,MAAMA;;AAGxF;AAEA,sDAAeC,iBAAiBA,EAAC;;;;;;;;;;;;;;;;AC5CS;AACH;AAEsC;AACD;AACnB;AACU;AAEnE,MAAMO,YAAYL,kDAAU,CAAC;;;;AAI7B,CAAC;AAED,MAAMM,OAAO;IACX,MAAM,EAAEC,UAAU,EAAE,GAAGR,qCAAUA,CAACI,+CAAcA;IAEhD,qBACE,+CAACE,+BACC,+CAACD,wDAAeA;QACd,SAAS;QACT,IAAIG;QACJ;QACA;QACA,OAAO;YAAE,iBAAiB;YAAS,YAAY;QAAO;qBAEtD,+CAACN,2DAAmBA,wBAEtB,+CAACG,wDAAeA;QACd,SAAS;QACT,IAAI,CAACG;QACL;QACA;QACA,OAAO;YAAE,QAAQ;YAAQ,iBAAiB;QAAQ;qBAElD,+CAACL,8DAAeA;AAIxB;AAEA,sDAAeI,IAAIA,EAAC;;;;;;;;;;ACzCkB;AAGtC,mEAAeE,wCAAaA,CAA8B,CAAC,EAAE,EAAC;;;;;;;;;;;;;;ACHxB;AACiB;AAEhB;AACvC,MAAMG,WAAW;AACjB,MAAMC,kBAAkBZ,kDAA+B,CAAC;cAC1C,EAAEa,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMT,kBAAkB,CAAC,EACvBU,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUL,QAAQ,EAClB,GAAGM,iBACkB;IACrB,MAAMC,UAAUT,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGO,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACJ;QAAgB,KAAKM;QAAS,SAASF;OACrCF;AAIT;AAEA,sDAAeV,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD/B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;ACNiC"}
+{"version":3,"file":"components/navigation/sideBar/Logo/index.js","sources":["webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveAltRegular.tsx","webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveRegular.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Logo/Logo.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Logo/index.ts"],"sourcesContent":["import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveAltRegular({\n  width = 38,\n  height = 32,\n  color = \"currentColor\",\n}: Readonly<Props>): React.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","import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveRegular({\n  width = 220,\n  height = 60,\n  color = \"currentColor\",\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 220 60\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0 42.9632V60H25.9539V56.2217H3.78153V42.9632H0ZM65.2185 42.9632V56.2217H43.0461V59.9991H69V42.9632H65.2185ZM25.9915 17.0368V42.9623H43.0461V39.5551H29.7731V17.0368H25.9915ZM0 0V17.0368H3.78153V3.7774H25.9539V0H0ZM43.0461 0V3.7774H65.2185V17.0368H69V0H43.0461Z\"\n        fill={color}\n      />\n      <path\n        d=\"M86.7939 17.75H90.5814L92.1189 39.725H92.6439L94.4814 22.2125H100.144L102.019 39.725H102.544L104.156 17.75H107.794L105.356 44H99.5439L97.5564 26.4875H97.0314L95.0439 44H89.2314L86.7939 17.75Z\"\n        fill={color}\n      />\n      <path\n        d=\"M129.904 44H125.892L124.204 37.625H115.317L113.554 44H109.654L117.229 17.75H122.554L129.904 44ZM116.254 34.175H123.304L120.117 22.025H119.592L116.254 34.175Z\"\n        fill={color}\n      />\n      <path d=\"M134.577 17.75H138.402V40.55H151.827V44H134.577V17.75Z\" fill={color} />\n      <path d=\"M157.062 17.75H160.887V40.55H174.312V44H157.062V17.75Z\" fill={color} />\n      <path\n        d=\"M179.173 17.75H195.673V21.2H182.998V29.075H194.548V32.525H182.998V40.55H196.235V44H179.173V17.75Z\"\n        fill={color}\n      />\n      <path d=\"M207.808 21.2H199.596V17.75H219.846V21.2H211.633V44H207.808V21.2Z\" fill={color} />\n    </svg>\n  );\n}\n\nexport default LedgerLiveRegular;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport LedgerLiveIconLarge from \"../../../../assets/logos/LedgerLiveRegular\";\nimport LedgerIconSmall from \"../../../../assets/logos/LedgerLiveAltRegular\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n`;\n\nconst Logo = (): React.JSX.Element => {\n  const { isExpanded } = useContext(SideBarContext);\n\n  return (\n    <Container>\n      <TransitionInOut\n        timeout={300}\n        in={isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ transitionDelay: \"300ms\", marginLeft: \"1rem\" }}\n      >\n        <LedgerLiveIconLarge />\n      </TransitionInOut>\n      <TransitionInOut\n        timeout={300}\n        in={!isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ margin: \"auto\", transitionDelay: \"300ms\" }}\n      >\n        <LedgerIconSmall />\n      </TransitionInOut>\n    </Container>\n  );\n};\n\nexport default Logo;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n  transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n  &.transition-inout-enter {\n    opacity: 0;\n  }\n\n  &.transition-inout-enter-active {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit-active {\n    opacity: 0;\n  }\n`;\ntype TransitionInOutProps = Partial<\n  CSSTransitionProps<HTMLDivElement> & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionInOut = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionInOutProps): React.JSX.Element => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...TransitionProps}\n      nodeRef={nodeRef}\n      in={inProp}\n      timeout={timeout}\n      classNames=\"transition-inout\"\n    >\n      <ChildrenWrapper ref={nodeRef} timeout={timeout}>\n        {children}\n      </ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionInOut;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { default } from \"./Logo\";\n"],"names":["React","LedgerLiveAltRegular","width","height","color","LedgerLiveRegular","useContext","styled","LedgerLiveIconLarge","LedgerIconSmall","SideBarContext","TransitionInOut","Container","Logo","isExpanded","createContext","useRef","CSSTransition","duration","ChildrenWrapper","props","children","inProp","timeout","TransitionProps","nodeRef","default"],"mappings":";;;;;;AAA+B;AAQ/B,SAASC,qBAAqB,EAC5BC,QAAQ,EAAE,EACVC,SAAS,EAAE,EACXC,QAAQ,cAAc,EACN;IAChB,qBACE,qCAAC;QACC,OAAOF;QACP,QAAQC;QACR,SAAQ;QACR,MAAK;QACL,OAAM;qBAEN,qCAAC;QACC,GAAE;QACF,MAAMC;;AAId;AAEA,sDAAeH,oBAAoBA,EAAC;;;;;;;;;;;;AC7BL;AAQ/B,SAASI,kBAAkB,EACzBH,QAAQ,GAAG,EACXC,SAAS,EAAE,EACXC,QAAQ,cAAc,EACN;IAChB,qBACE,qCAAC;QACC,OAAOF;QACP,QAAQC;QACR,SAAQ;QACR,MAAK;QACL,OAAM;qBAEN,qCAAC;QACC,GAAE;QACF,MAAMC;sBAER,qCAAC;QACC,GAAE;QACF,MAAMA;sBAER,qCAAC;QACC,GAAE;QACF,MAAMA;sBAER,qCAAC;QAAK,GAAE;QAAyD,MAAMA;sBACvE,qCAAC;QAAK,GAAE;QAAyD,MAAMA;sBACvE,qCAAC;QACC,GAAE;QACF,MAAMA;sBAER,qCAAC;QAAK,GAAE;QAAoE,MAAMA;;AAGxF;AAEA,sDAAeC,iBAAiBA,EAAC;;;;;;;;;;;;;;;;;;AC5CS;AACH;AAEsC;AACD;AACnB;AACU;AAEnE,MAAMO,YAAYL,kDAAU,CAAC;;;;AAI7B,CAAC;AAED,MAAMM,OAAO;IACX,MAAM,EAAEC,UAAU,EAAE,GAAGR,qCAAUA,CAACI,+CAAcA;IAEhD,qBACE,+CAACE,+BACC,+CAACD,wDAAeA;QACd,SAAS;QACT,IAAIG;QACJ;QACA;QACA,OAAO;YAAE,iBAAiB;YAAS,YAAY;QAAO;qBAEtD,+CAACN,2DAAmBA,wBAEtB,+CAACG,wDAAeA;QACd,SAAS;QACT,IAAI,CAACG;QACL;QACA;QACA,OAAO;YAAE,QAAQ;YAAQ,iBAAiB;QAAQ;qBAElD,+CAACL,8DAAeA;AAIxB;AAEA,sDAAeI,IAAIA,EAAC;;;;;;;;;;;;ACzCkB;AAGtC,mEAAeE,wCAAaA,CAA8B,CAAC,EAAE,EAAC;;;;;;;;;;;;;;;;ACHxB;AACiB;AAEhB;AACvC,MAAMG,WAAW;AACjB,MAAMC,kBAAkBZ,kDAA+B,CAAC;cAC1C,EAAEa,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMT,kBAAkB,CAAC,EACvBU,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUL,QAAQ,EAClB,GAAGM,iBACkB;IACrB,MAAMC,UAAUT,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGO,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACJ;QAAgB,KAAKM;QAAS,SAASF;OACrCF;AAIT;AAEA,sDAAeV,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD/B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;ACNiC"}

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

@@ -2,9 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 2837(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
@@ -22,12 +19,14 @@ function LedgerLiveAltRegular({ width = 38, height = 32, color = "currentColor"
 }
 /* export default */ const __rspack_default_export = (LedgerLiveAltRegular);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 6456(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
@@ -63,12 +62,14 @@ function LedgerLiveRegular({ width = 220, height = 60, color = "currentColor" })
 }
 /* export default */ const __rspack_default_export = (LedgerLiveRegular);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 348(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
@@ -101,12 +102,14 @@ const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body",
 `;
 /* export default */ const __rspack_default_export = (Text);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 4368(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  textVariantStyle: () => (textVariantStyle)
-});
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
 
@@ -253,12 +256,14 @@ const textVariantStyle = {
     }
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  textVariantStyle: textVariantStyle
+});
+
 
 },
 3696(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
 
 const FlexBox = _styled__rspack_import_0["default"].div.attrs({
@@ -267,12 +272,14 @@ const FlexBox = _styled__rspack_import_0["default"].div.attrs({
 })``;
 /* export default */ const __rspack_default_export = (FlexBox);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 1698(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
@@ -395,12 +402,14 @@ const Item = ({ label, children, onClick, isActive, isDisabled, displayNotificat
 };
 /* export default */ const __rspack_default_export = (Item);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 5378(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
@@ -444,9 +453,14 @@ const Logo = ()=>{
 };
 /* export default */ const __rspack_default_export = (Logo);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
-8548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+7535(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -509,20 +523,19 @@ const ToggleButton = ({ isDisplayed })=>{
 
 },
 4967(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
 /* export default */ const __rspack_default_export = (/*#__PURE__*/(0,react__rspack_import_0.createContext)({}));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
@@ -547,12 +560,14 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 660(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var react_transition_group__rspack_import_1 = __webpack_require__(7727);
@@ -597,16 +612,21 @@ const TransitionInOut = ({ children, in: inProp, timeout = duration, ...Transiti
 };
 /* export default */ const __rspack_default_export = (TransitionInOut);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
-4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+205(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   ff: () => (/* binding */ ff)
 });
 
-// UNUSED EXPORTS: darken, ensureContrast, mix, rgba, lighten
+// UNUSED EXPORTS: darken, ensureContrast, lighten, mix, rgba
 
 ;// CONCATENATED MODULE: external "color"
 const external_color_namespaceObject = require("color");
@@ -644,10 +664,7 @@ const ensureContrast = (color1, color2)=>{
 
 },
 3364(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
-/* import */ var _helpers__rspack_import_0 = __webpack_require__(4336);
+/* import */ var _helpers__rspack_import_0 = __webpack_require__(205);
 
 /* export default */ const __rspack_default_export = ((props)=>{
     const prop = props.ff;
@@ -657,12 +674,14 @@ __webpack_require__.d(__webpack_exports__, {
     return (0,_helpers__rspack_import_0.ff)(prop);
 });
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
 /* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
 
@@ -678,12 +697,14 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 5548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  fontFamilies: () => (fontFamilies)
-});
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
 /* import */ var _ledgerhq_ui_shared__rspack_import_1 = __webpack_require__(2993);
@@ -952,6 +973,11 @@ const theme = {
 };
 /* unused export default */ var __rspack_default_export = ((/* unused pure expression or super */ null && (theme)));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  fontFamilies: fontFamilies
+});
+
 
 },
 3935(module) {
@@ -1017,12 +1043,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -1043,9 +1073,6 @@ var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 __webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var react_transition_group__rspack_import_1 = __webpack_require__(7727);
@@ -1056,7 +1083,7 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _layout_Flex__rspack_import_3 = __webpack_require__(3696);
 /* import */ var _navigation_sideBar_Item__rspack_import_7 = __webpack_require__(1698);
 /* import */ var _navigation_sideBar_Logo__rspack_import_6 = __webpack_require__(5378);
-/* import */ var _navigation_sideBar_Toggle__rspack_import_5 = __webpack_require__(8548);
+/* import */ var _navigation_sideBar_Toggle__rspack_import_5 = __webpack_require__(7535);
 
 
 
@@ -1136,6 +1163,11 @@ const SideBar = ({ children, onToggle, isExpanded = true })=>{
 SideBar.Item = _navigation_sideBar_Item__rspack_import_7["default"];
 /* export default */ const __rspack_default_export = (SideBar);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 })();
 
 module.exports = __webpack_exports__;