@ledgerhq/react-ui 0.46.0 → 0.47.0-nightly.20260227030100

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

@@ -143,14 +143,14 @@ var __webpack_exports__ = {};
 (() => {
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* export default binding */ __rspack_default_export)
+  "default": () => (Header)
 });
 /* 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 _layout_Flex__rspack_import_1 = __webpack_require__(3696);
 
 
-/* export default */ function __rspack_default_export({ left, right, children, ...rest }) {
+function Header({ left, right, children, ...rest }) {
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_1["default"], {
         justifyContent: "space-between",
         ...rest

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

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/Header/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","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/Header/index.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\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};","import React from \"react\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport type Props = {\n  /* Content displayed on the left side of the header. */\n  left?: React.ReactNode;\n  /* Content displayed on the right side of the header. */\n  right?: React.ReactNode;\n  /* Content displayed in the middle part - vertically centered. */\n  children?: React.ReactNode;\n} & React.ComponentProps<typeof FlexBox>;\n\nexport default function ({ left, right, children, ...rest }: Props): JSX.Element {\n  return (\n    <FlexBox justifyContent=\"space-between\" {...rest}>\n      {left}\n      <FlexBox justify-content=\"center\">{children}</FlexBox>\n      {right}\n    </FlexBox>\n  );\n}\n"],"names":["baseStyled","FlexBox","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","React","left","right","children","rest"],"mappings":";;;;;;;;AAA2D;AAE3D,MAAMC,UAAUD,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;ACLkB;AAC0C;AAiB5D;AAoBhB,MAAMW,aAA6CR,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRC,oCAAKA,EACLC,qCAAMA,EACNC,uCAAQA,EACRR,+CAAIA,EACJS,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMX,8CAAMA,EAAE;IACpC,OAAMY,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOd,4CAAMA,CAACY,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOf,4CAAMA,CAACY,MAAM,CAACG,SAAS,CAAC,KAAK,CAACf,8CAAMA,EAAE;gBAACS;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;AC7DL;AAEvC,MAAMX,OAAOiB,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAejB,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;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;;;;;;;;;;;;ACN0B;AACc;AAWxC,qBAAe,iCAAU,EAAEmB,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,MAAa;IAChE,qBACE,+CAACvB,wCAAOA;QAAC,gBAAe;QAAiB,GAAGuB,IAAI;OAC7CH,oBACD,+CAACpB,wCAAOA;QAAC,mBAAgB;OAAUsB,WAClCD;AAGP"}
+{"version":3,"file":"components/navigation/Header/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","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/Header/index.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\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};","import React from \"react\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport type Props = {\n  /* Content displayed on the left side of the header. */\n  left?: React.ReactNode;\n  /* Content displayed on the right side of the header. */\n  right?: React.ReactNode;\n  /* Content displayed in the middle part - vertically centered. */\n  children?: React.ReactNode;\n} & React.ComponentProps<typeof FlexBox>;\n\nexport default function Header({\n  left,\n  right,\n  children,\n  ...rest\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <FlexBox justifyContent=\"space-between\" {...rest}>\n      {left}\n      <FlexBox justify-content=\"center\">{children}</FlexBox>\n      {right}\n    </FlexBox>\n  );\n}\n"],"names":["baseStyled","FlexBox","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","React","Header","left","right","children","rest"],"mappings":";;;;;;;;AAA2D;AAE3D,MAAMC,UAAUD,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;ACJkB;AAC0C;AAiB5D;AAqBhB,MAAMW,aAA6CR,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRC,oCAAKA,EACLC,qCAAMA,EACNC,uCAAQA,EACRR,+CAAIA,EACJS,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMX,8CAAMA,EAAE;IACpC,OAAMY,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOd,4CAAMA,CAACY,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOf,4CAAMA,CAACY,MAAM,CAACG,SAAS,CAAC,KAAK,CAACf,8CAAMA,EAAE;gBAACS;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;AC/DL;AAEvC,MAAMX,OAAOiB,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAejB,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;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;;;;;;;;;;;;ACN0B;AACc;AAWzB,SAASmB,OAAO,EAC7BC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACR,GAAGC,MACa;IAChB,qBACE,+CAACxB,wCAAOA;QAAC,gBAAe;QAAiB,GAAGwB,IAAI;OAC7CH,oBACD,+CAACrB,wCAAOA;QAAC,mBAAgB;OAAUuB,WAClCD;AAGP"}

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

@@ -69,29 +69,32 @@ function LedgerLiveRegular({ width = 220, height = 60, color = "currentColor" })
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
-/* 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);
-/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
-/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
+/* 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);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+/* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
 
 
 
 
-const uppercase = (0,styled_system__rspack_import_0.system)({
+
+const uppercase = (0,styled_system__rspack_import_1.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
         fontSize: fontSize ? fontSize : variant,
         color: color || "neutral.c100"
     }))`
   font-weight: 500;
   white-space: ${(props)=>props.whiteSpace ?? "normal"};
-  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
-  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
+  ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
@@ -595,29 +598,29 @@ const InputContainer = (external_styled_components_default()).div`
   transition: all 0.2s ease;
   color: ${(p)=>p.theme.colors.neutral.c100};
 
-  ${(p)=>p.focus && !p.error && !p.warning && (0,external_styled_components_.css)`
-      border: 1px solid ${p.theme.colors.primary.c80};
-      box-shadow: 0 0 0 4px ${(0,helpers.rgba)(p.theme.colors.primary.c60, 0.4)};
-    `};
+  ${(p)=>p.focus && !p.error && !p.warning ? (0,external_styled_components_.css)`
+          border: 1px solid ${p.theme.colors.primary.c80};
+          box-shadow: 0 0 0 4px ${(0,helpers.rgba)(p.theme.colors.primary.c60, 0.4)};
+        ` : undefined};
 
-  ${(p)=>p.error && !p.disabled && (0,external_styled_components_.css)`
-      border: 1px solid ${p.theme.colors.error.c50};
-    `};
+  ${(p)=>p.error && !p.disabled ? (0,external_styled_components_.css)`
+          border: 1px solid ${p.theme.colors.error.c50};
+        ` : undefined};
 
-  ${(p)=>!p.error && p.warning && !p.disabled && (0,external_styled_components_.css)`
-      border: 1px solid ${p.theme.colors.warning.c40};
-    `};
+  ${(p)=>!p.error && p.warning && !p.disabled ? (0,external_styled_components_.css)`
+          border: 1px solid ${p.theme.colors.warning.c40};
+        ` : undefined};
 
-  ${(p)=>!p.error && !p.warning && !p.disabled && (0,external_styled_components_.css)`
-      &:hover {
-        border: ${!p.disabled && `1px solid ${p.theme.colors.primary.c80}`};
-      }
-    `};
+  ${(p)=>!p.error && !p.warning && !p.disabled ? (0,external_styled_components_.css)`
+          &:hover {
+            border: ${!p.disabled && `1px solid ${p.theme.colors.primary.c80}`};
+          }
+        ` : undefined};
 
-  ${(p)=>p.disabled && (0,external_styled_components_.css)`
-      color: ${p.theme.colors.neutral.c60};
-      background: ${(p)=>p.theme.colors.neutral.c20};
-    `};
+  ${(p)=>p.disabled ? (0,external_styled_components_.css)`
+          color: ${p.theme.colors.neutral.c60};
+          background: ${(p)=>p.theme.colors.neutral.c20};
+        ` : undefined};
 `;
 const BaseInput = external_styled_components_default().input.attrs({
     fontSize: "paragraph",
@@ -1370,21 +1373,21 @@ __webpack_require__.d(__webpack_exports__, {
 });
 /* 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_is__rspack_import_1 = __webpack_require__(4562);
-/* import */ var react_is__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(react_is__rspack_import_1);
 /* import */ var _layout_Flex__rspack_import_2 = __webpack_require__(3696);
 /* import */ var ___rspack_import_3 = __webpack_require__(1982);
+/* import */ var _helpers__rspack_import_1 = __webpack_require__(2563);
 
 
 
 
 function FlowStepper({ activeIndex, header, renderStepHeader, footer, renderStepFooter, extraProps, extraContainerProps, extraStepperProps, extraStepperContainerProps, extraChildrenContainerProps, renderChildren, children }) {
     const { steps, innerContents, stepFooter, stepHeader } = react__rspack_import_0_default().Children.toArray(children).reduce((acc, child, idx)=>{
-        const index = ((0,react_is__rspack_import_1.isElement)(child) && child.props.index) ?? idx;
-        const label = (0,react_is__rspack_import_1.isElement)(child) && child.props.label;
-        const hidden = (0,react_is__rspack_import_1.isElement)(child) && child.props.hidden;
-        const stepHeader = (0,react_is__rspack_import_1.isElement)(child) && child.props.header;
-        const stepFooter = (0,react_is__rspack_import_1.isElement)(child) && child.props.footer;
+        const stepChild = (0,_helpers__rspack_import_1.isValidReactElement)(child) ? child : null;
+        const index = stepChild?.props.index ?? idx;
+        const label = stepChild?.props.label;
+        const hidden = stepChild?.props.hidden;
+        const stepHeader = stepChild?.props.header;
+        const stepFooter = stepChild?.props.footer;
         if (label && !hidden) {
             acc.steps[index] = label;
         }
@@ -1411,6 +1414,13 @@ function FlowStepper({ activeIndex, header, renderStepHeader, footer, renderStep
             children: stepSection
         }) : stepSection : renderFunc && renderFunc(renderArgs);
     }
+    console.log("FlowStepper", {
+        activeIndex,
+        steps,
+        innerContents,
+        stepHeader,
+        stepFooter
+    });
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_2["default"], {
         flex: 1,
         flexDirection: "column",
@@ -1452,8 +1462,8 @@ FlowStepper.Step = Step;
  */ function FlowStepperIndexed(props) {
     const { activeKey, children, ...otherProps } = props;
     const activeIndex = react__rspack_import_0_default().Children.toArray(children).findIndex((child)=>{
-        const res = (0,react_is__rspack_import_1.isElement)(child) && child.props.itemKey === activeKey;
-        return res;
+        const stepChild = (0,_helpers__rspack_import_1.isValidReactElement)(child) ? child : null;
+        return stepChild?.props.itemKey === activeKey;
     });
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(FlowStepper, {
         ...otherProps,
@@ -1470,14 +1480,14 @@ FlowStepper.Indexed = FlowStepperIndexed;
 },
 6070(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* export default binding */ __rspack_default_export)
+  "default": () => (Header)
 });
 /* 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 _layout_Flex__rspack_import_1 = __webpack_require__(3696);
 
 
-/* export default */ function __rspack_default_export({ left, right, children, ...rest }) {
+function Header({ left, right, children, ...rest }) {
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_1["default"], {
         justifyContent: "space-between",
         ...rest
@@ -1998,13 +2008,16 @@ const SideBar = ({ children, onToggle, isExpanded = true })=>{
         isExpanded,
         onToggle
     ]);
+    const nodeRef = (0,react__rspack_import_0.useRef)(null);
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(_navigation_sideBar__rspack_import_4["default"].Provider, {
         value: providerValue
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+        nodeRef: nodeRef,
         in: isExpanded,
         timeout: 200,
         classNames: "nav"
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(Nav, {
+        ref: nodeRef,
         flexDirection: "column",
         justifyContent: "flex-start",
         alignContent: "stretch",
@@ -2161,17 +2174,41 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     opacity: 0;
   }
 `;
-const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>{
+    const nodeRef = (0,react__rspack_import_0.useRef)(null);
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...TransitionProps,
+        nodeRef: nodeRef,
         in: inProp,
         timeout: timeout,
         classNames: "transition-inout"
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
+        ref: nodeRef,
         timeout: timeout
     }, children));
+};
 /* export default */ const __rspack_default_export = (TransitionInOut);
 
 
+},
+2563(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  isValidReactElement: () => (isValidReactElement)
+});
+const REACT_ELEMENT_TYPE = Symbol.for("react.element");
+const REACT_TRANSITIONAL_ELEMENT_TYPE = Symbol.for("react.transitional.element");
+/**
+ * Checks whether a value is a React element.
+ *
+ * Handles the React 19 `react.transitional.element` symbol (and the classic
+ * `react.element` symbol for compatibility), making it safe to use without
+ * relying on the legacy `React.isValidElement` API.
+ */ const isValidReactElement = (value)=>!!value && typeof value === "object" && // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    "$$typeof" in value && // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    (value.$$typeof === REACT_ELEMENT_TYPE || // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    value.$$typeof === REACT_TRANSITIONAL_ELEMENT_TYPE);
+
+
 },
 4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
@@ -2546,10 +2583,6 @@ module.exports = require("@ledgerhq/ui-shared");
 2015(module) {
 module.exports = require("react");
 
-},
-4562(module) {
-module.exports = require("react-is");
-
 },
 8466(module) {
 module.exports = require("react-select");