@ledgerhq/react-ui 0.46.0-nightly.20260225030417 → 0.46.0

package/lib/cjs/components/transitions/TransitionScale.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/transitions/TransitionScale.js","sources":["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/transitions/TransitionScale.tsx"],"sourcesContent":["// 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, { 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`\n  transition: transform ${duration}ms;\n\n  &.transition-scale-appear {\n    transform: scale(0.9);\n  }\n\n  &.transition-scale-appear-active {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit-active {\n    transform: scale(0.9);\n  }\n`;\ntype TransitionScaleProps = 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 TransitionScale = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionScaleProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...TransitionProps}\n      nodeRef={nodeRef}\n      in={inProp}\n      timeout={timeout}\n      classNames=\"transition-scale\"\n    >\n      <ChildrenWrapper ref={nodeRef}>{children}</ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionScale;\n"],"names":["React","useRef","CSSTransition","styled","duration","ChildrenWrapper","TransitionScale","children","inProp","timeout","TransitionProps","nodeRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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;;;;;;;;;;;;;;;ACNsC;AACiB;AAEhB;AACvC,MAAMI,WAAW;AACjB,MAAMC,kBAAkBF,kDAAU,CAAC;wBACX,EAAEC,SAAS;;;;;;;;;;;;;;;;;AAiBnC,CAAC;AAYD,MAAME,kBAAkB,CAAC,EACvBC,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUL,QAAQ,EAClB,GAAGM,iBACkB;IACrB,MAAMC,UAAUV,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGQ,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACJ;QAAgB,KAAKM;OAAUJ;AAGtC;AAEA,sDAAeD,eAAeA,EAAC"}
+{"version":3,"file":"components/transitions/TransitionScale.js","sources":["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/transitions/TransitionScale.tsx"],"sourcesContent":["// 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 { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div`\n  transition: transform ${duration}ms;\n\n  &.transition-scale-appear {\n    transform: scale(0.9);\n  }\n\n  &.transition-scale-appear-active {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit-active {\n    transform: scale(0.9);\n  }\n`;\ntype TransitionScaleProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionScale = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionScaleProps) => (\n  <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-scale\">\n    <ChildrenWrapper>{children}</ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionScale;\n"],"names":["React","CSSTransition","styled","duration","ChildrenWrapper","TransitionScale","children","inProp","timeout","TransitionProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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;AAC6B;AAEhB;AACvC,MAAMG,WAAW;AACjB,MAAMC,kBAAkBF,kDAAU,CAAC;wBACX,EAAEC,SAAS;;;;;;;;;;;;;;;;;AAiBnC,CAAC;AAYD,MAAME,kBAAkB,CAAC,EACvBC,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUL,QAAQ,EAClB,GAAGM,iBACkB,iBACrB,+CAACR,qDAAaA;QAAE,GAAGQ,eAAe;QAAE,IAAIF;QAAQ,SAASC;QAAS,YAAW;qBAC3E,+CAACJ,uBAAiBE;AAItB,sDAAeD,eAAeA,EAAC"}

package/lib/cjs/components/transitions/TransitionSlide.js

@@ -136,19 +136,14 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     transform: translateX(${(p)=>p.reverseExit ? -100 : 100}%);
   }
 `;
-const TransitionSlide = ({ children, fixed, direction = "left", reverseExit, ...props })=>{
-    const nodeRef = (0,react__rspack_import_0.useRef)(null);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+const TransitionSlide = ({ children, fixed, direction = "left", reverseExit, ...props })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...props,
-        nodeRef: nodeRef,
         timeout: duration,
         classNames: `transition-${direction}`
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
-        ref: nodeRef,
         fixed: fixed,
         reverseExit: reverseExit
     }, children));
-};
 /* export default */ const __rspack_default_export = (TransitionSlide);
 
 })();

package/lib/cjs/components/transitions/TransitionSlide.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/transitions/TransitionSlide.js","sources":["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/transitions/TransitionSlide.tsx"],"sourcesContent":["// 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, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n  transition: all ${duration}ms ease-in-out;\n  will-change: transform;\n  ${p =>\n    !p.fixed\n      ? `\n    position: absolute;\n    width: 100%;\n    `\n      : \"\"}\n  height: 100%;\n\n  &.transition-left-appear,\n  &.transition-left-enter {\n    transform: translateX(100%);\n  }\n\n  &.transition-left-appear-active,\n  &.transition-left-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit-active {\n    transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n  }\n\n  &.transition-right-appear,\n  &.transition-right-enter {\n    transform: translateX(-100%);\n  }\n\n  &.transition-right-appear-active,\n  &.transition-right-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit-active {\n    transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n  }\n`;\ntype TransitionSlideProps = Partial<\n  CSSTransitionProps<HTMLDivElement> & {\n    children: React.ReactNode;\n    fixed: boolean;\n    reverseExit?: boolean;\n    direction?: \"left\" | \"right\" | string;\n  }\n>;\n\nconst TransitionSlide = ({\n  children,\n  fixed,\n  direction = \"left\",\n  reverseExit,\n  ...props\n}: TransitionSlideProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...props}\n      nodeRef={nodeRef}\n      timeout={duration}\n      classNames={`transition-${direction}`}\n    >\n      <ChildrenWrapper ref={nodeRef} fixed={fixed} reverseExit={reverseExit}>\n        {children}\n      </ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionSlide;\n"],"names":["React","useRef","CSSTransition","styled","duration","ChildrenWrapper","p","TransitionSlide","children","fixed","direction","reverseExit","props","nodeRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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;;;;;;;;;;;;;;;ACNsC;AACiB;AAEhB;AACvC,MAAMI,WAAW;AACjB,MAAMC,kBAAkBF,kDAAsD,CAAC;kBAC7D,EAAEC,SAAS;;EAE3B,EAAEE,CAAAA,IACA,CAACA,EAAE,KAAK,GACJ,CAAC;;;IAGL,CAAC,GACG,GAAG;;;;;;;;;;;;;;;;;;0BAkBe,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,MAAM,CAAC,IAAK;;;;;;;;;;;;;;;;;;0BAkBpC,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,CAAC,MAAM,IAAK;;AAE9D,CAAC;AAUD,MAAMC,kBAAkB,CAAC,EACvBC,QAAQ,EACRC,KAAK,EACLC,YAAY,MAAM,EAClBC,WAAW,EACX,GAAGC,OACkB;IACrB,MAAMC,UAAUZ,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGU,KAAK;QACT,SAASC;QACT,SAAST;QACT,YAAY,CAAC,WAAW,EAAEM,WAAW;qBAErC,+CAACL;QAAgB,KAAKQ;QAAS,OAAOJ;QAAO,aAAaE;OACvDH;AAIT;AAEA,sDAAeD,eAAeA,EAAC"}
+{"version":3,"file":"components/transitions/TransitionSlide.js","sources":["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/transitions/TransitionSlide.tsx"],"sourcesContent":["// 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 { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n  transition: all ${duration}ms ease-in-out;\n  will-change: transform;\n  ${p =>\n    !p.fixed\n      ? `\n    position: absolute;\n    width: 100%;\n    `\n      : \"\"}\n  height: 100%;\n\n  &.transition-left-appear,\n  &.transition-left-enter {\n    transform: translateX(100%);\n  }\n\n  &.transition-left-appear-active,\n  &.transition-left-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit-active {\n    transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n  }\n\n  &.transition-right-appear,\n  &.transition-right-enter {\n    transform: translateX(-100%);\n  }\n\n  &.transition-right-appear-active,\n  &.transition-right-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit-active {\n    transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n  }\n`;\ntype TransitionSlideProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    fixed: boolean;\n    reverseExit?: boolean;\n    direction?: \"left\" | \"right\" | string;\n  }\n>;\n\nconst TransitionSlide = ({\n  children,\n  fixed,\n  direction = \"left\",\n  reverseExit,\n  ...props\n}: TransitionSlideProps) => (\n  <CSSTransition {...props} timeout={duration} classNames={`transition-${direction}`}>\n    <ChildrenWrapper fixed={fixed} reverseExit={reverseExit}>\n      {children}\n    </ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionSlide;\n"],"names":["React","CSSTransition","styled","duration","ChildrenWrapper","p","TransitionSlide","children","fixed","direction","reverseExit","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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;AAC6B;AAEhB;AACvC,MAAMG,WAAW;AACjB,MAAMC,kBAAkBF,kDAAsD,CAAC;kBAC7D,EAAEC,SAAS;;EAE3B,EAAEE,CAAAA,IACA,CAACA,EAAE,KAAK,GACJ,CAAC;;;IAGL,CAAC,GACG,GAAG;;;;;;;;;;;;;;;;;;0BAkBe,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,MAAM,CAAC,IAAK;;;;;;;;;;;;;;;;;;0BAkBpC,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,CAAC,MAAM,IAAK;;AAE9D,CAAC;AAUD,MAAMC,kBAAkB,CAAC,EACvBC,QAAQ,EACRC,KAAK,EACLC,YAAY,MAAM,EAClBC,WAAW,EACX,GAAGC,OACkB,iBACrB,+CAACV,qDAAaA;QAAE,GAAGU,KAAK;QAAE,SAASR;QAAU,YAAY,CAAC,WAAW,EAAEM,WAAW;qBAChF,+CAACL;QAAgB,OAAOI;QAAO,aAAaE;OACzCH;AAKP,sDAAeD,eAAeA,EAAC"}

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

@@ -34,19 +34,14 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     opacity: 0;
   }
 `;
-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, {
+const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__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);
 
 
@@ -84,18 +79,12 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     transform: scale(0.9);
   }
 `;
-const TransitionScale = ({ 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, {
+const TransitionScale = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...TransitionProps,
-        nodeRef: nodeRef,
         in: inProp,
         timeout: timeout,
         classNames: "transition-scale"
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
-        ref: nodeRef
-    }, children));
-};
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, null, children));
 /* export default */ const __rspack_default_export = (TransitionScale);
 
 
@@ -159,19 +148,14 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     transform: translateX(${(p)=>p.reverseExit ? -100 : 100}%);
   }
 `;
-const TransitionSlide = ({ children, fixed, direction = "left", reverseExit, ...props })=>{
-    const nodeRef = (0,react__rspack_import_0.useRef)(null);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+const TransitionSlide = ({ children, fixed, direction = "left", reverseExit, ...props })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...props,
-        nodeRef: nodeRef,
         timeout: duration,
         classNames: `transition-${direction}`
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
-        ref: nodeRef,
         fixed: fixed,
         reverseExit: reverseExit
     }, children));
-};
 /* export default */ const __rspack_default_export = (TransitionSlide);
 
 

package/lib/cjs/components/transitions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/transitions/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionScale.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionSlide.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/transitions/index.ts"],"sourcesContent":["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","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`\n  transition: transform ${duration}ms;\n\n  &.transition-scale-appear {\n    transform: scale(0.9);\n  }\n\n  &.transition-scale-appear-active {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit-active {\n    transform: scale(0.9);\n  }\n`;\ntype TransitionScaleProps = 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 TransitionScale = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionScaleProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...TransitionProps}\n      nodeRef={nodeRef}\n      in={inProp}\n      timeout={timeout}\n      classNames=\"transition-scale\"\n    >\n      <ChildrenWrapper ref={nodeRef}>{children}</ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionScale;\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 = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n  transition: all ${duration}ms ease-in-out;\n  will-change: transform;\n  ${p =>\n    !p.fixed\n      ? `\n    position: absolute;\n    width: 100%;\n    `\n      : \"\"}\n  height: 100%;\n\n  &.transition-left-appear,\n  &.transition-left-enter {\n    transform: translateX(100%);\n  }\n\n  &.transition-left-appear-active,\n  &.transition-left-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit-active {\n    transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n  }\n\n  &.transition-right-appear,\n  &.transition-right-enter {\n    transform: translateX(-100%);\n  }\n\n  &.transition-right-appear-active,\n  &.transition-right-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit-active {\n    transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n  }\n`;\ntype TransitionSlideProps = Partial<\n  CSSTransitionProps<HTMLDivElement> & {\n    children: React.ReactNode;\n    fixed: boolean;\n    reverseExit?: boolean;\n    direction?: \"left\" | \"right\" | string;\n  }\n>;\n\nconst TransitionSlide = ({\n  children,\n  fixed,\n  direction = \"left\",\n  reverseExit,\n  ...props\n}: TransitionSlideProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...props}\n      nodeRef={nodeRef}\n      timeout={duration}\n      classNames={`transition-${direction}`}\n    >\n      <ChildrenWrapper ref={nodeRef} fixed={fixed} reverseExit={reverseExit}>\n        {children}\n      </ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionSlide;\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 as TransitionInOut } from \"./TransitionInOut\";\nexport { default as TransitionScale } from \"./TransitionScale\";\nexport { default as TransitionSlide } from \"./TransitionSlide\";\n"],"names":["React","useRef","CSSTransition","styled","duration","ChildrenWrapper","props","TransitionInOut","children","inProp","timeout","TransitionProps","nodeRef","TransitionScale","p","TransitionSlide","fixed","direction","reverseExit","default"],"mappings":";;;;;;;;;;;;;AAAsC;AACiB;AAEhB;AACvC,MAAMI,WAAW;AACjB,MAAMC,kBAAkBF,kDAA+B,CAAC;cAC1C,EAAEG,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMC,kBAAkB,CAAC,EACvBC,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUN,QAAQ,EAClB,GAAGO,iBACkB;IACrB,MAAMC,UAAUX,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGS,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACL;QAAgB,KAAKO;QAAS,SAASF;OACrCF;AAIT;AAEA,sDAAeD,eAAeA,EAAC;;;;;;;;;;;;;;ACzDO;AACiB;AAEhB;AACvC,MAAMH,WAAW;AACjB,MAAMC,kBAAkBF,kDAAU,CAAC;wBACX,EAAEC,SAAS;;;;;;;;;;;;;;;;;AAiBnC,CAAC;AAYD,MAAMS,kBAAkB,CAAC,EACvBL,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUN,QAAQ,EAClB,GAAGO,iBACkB;IACrB,MAAMC,UAAUX,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGS,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACL;QAAgB,KAAKO;OAAUJ;AAGtC;AAEA,sDAAeK,eAAeA,EAAC;;;;;;;;;;;;;;ACvDO;AACiB;AAEhB;AACvC,MAAMT,WAAW;AACjB,MAAMC,kBAAkBF,kDAAsD,CAAC;kBAC7D,EAAEC,SAAS;;EAE3B,EAAEU,CAAAA,IACA,CAACA,EAAE,KAAK,GACJ,CAAC;;;IAGL,CAAC,GACG,GAAG;;;;;;;;;;;;;;;;;;0BAkBe,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,MAAM,CAAC,IAAK;;;;;;;;;;;;;;;;;;0BAkBpC,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,CAAC,MAAM,IAAK;;AAE9D,CAAC;AAUD,MAAMC,kBAAkB,CAAC,EACvBP,QAAQ,EACRQ,KAAK,EACLC,YAAY,MAAM,EAClBC,WAAW,EACX,GAAGZ,OACkB;IACrB,MAAMM,UAAUX,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGI,KAAK;QACT,SAASM;QACT,SAASR;QACT,YAAY,CAAC,WAAW,EAAEa,WAAW;qBAErC,+CAACZ;QAAgB,KAAKO;QAAS,OAAOI;QAAO,aAAaE;OACvDV;AAIT;AAEA,sDAAeO,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpF/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;;;;;;;;;;;;;;ACN+D;AACA;AACA"}
+{"version":3,"file":"components/transitions/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionScale.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionSlide.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/transitions/index.ts"],"sourcesContent":["import React 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 & {\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): JSX.Element => (\n  <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-inout\">\n    <ChildrenWrapper timeout={timeout}>{children}</ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionInOut;\n","import React 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`\n  transition: transform ${duration}ms;\n\n  &.transition-scale-appear {\n    transform: scale(0.9);\n  }\n\n  &.transition-scale-appear-active {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit-active {\n    transform: scale(0.9);\n  }\n`;\ntype TransitionScaleProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionScale = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionScaleProps) => (\n  <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-scale\">\n    <ChildrenWrapper>{children}</ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionScale;\n","import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n  transition: all ${duration}ms ease-in-out;\n  will-change: transform;\n  ${p =>\n    !p.fixed\n      ? `\n    position: absolute;\n    width: 100%;\n    `\n      : \"\"}\n  height: 100%;\n\n  &.transition-left-appear,\n  &.transition-left-enter {\n    transform: translateX(100%);\n  }\n\n  &.transition-left-appear-active,\n  &.transition-left-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit-active {\n    transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n  }\n\n  &.transition-right-appear,\n  &.transition-right-enter {\n    transform: translateX(-100%);\n  }\n\n  &.transition-right-appear-active,\n  &.transition-right-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit-active {\n    transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n  }\n`;\ntype TransitionSlideProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    fixed: boolean;\n    reverseExit?: boolean;\n    direction?: \"left\" | \"right\" | string;\n  }\n>;\n\nconst TransitionSlide = ({\n  children,\n  fixed,\n  direction = \"left\",\n  reverseExit,\n  ...props\n}: TransitionSlideProps) => (\n  <CSSTransition {...props} timeout={duration} classNames={`transition-${direction}`}>\n    <ChildrenWrapper fixed={fixed} reverseExit={reverseExit}>\n      {children}\n    </ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionSlide;\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 as TransitionInOut } from \"./TransitionInOut\";\nexport { default as TransitionScale } from \"./TransitionScale\";\nexport { default as TransitionSlide } from \"./TransitionSlide\";\n"],"names":["React","CSSTransition","styled","duration","ChildrenWrapper","props","TransitionInOut","children","inProp","timeout","TransitionProps","TransitionScale","p","TransitionSlide","fixed","direction","reverseExit","default"],"mappings":";;;;;;;;;;;;;AAA0B;AAC6B;AAEhB;AACvC,MAAMG,WAAW;AACjB,MAAMC,kBAAkBF,kDAA+B,CAAC;cAC1C,EAAEG,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMC,kBAAkB,CAAC,EACvBC,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUN,QAAQ,EAClB,GAAGO,iBACkB,iBACrB,+CAACT,qDAAaA;QAAE,GAAGS,eAAe;QAAE,IAAIF;QAAQ,SAASC;QAAS,YAAW;qBAC3E,+CAACL;QAAgB,SAASK;OAAUF;AAIxC,sDAAeD,eAAeA,EAAC;;;;;;;;;;;;;;AC9CL;AAC6B;AAEhB;AACvC,MAAMH,WAAW;AACjB,MAAMC,kBAAkBF,kDAAU,CAAC;wBACX,EAAEC,SAAS;;;;;;;;;;;;;;;;;AAiBnC,CAAC;AAYD,MAAMQ,kBAAkB,CAAC,EACvBJ,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUN,QAAQ,EAClB,GAAGO,iBACkB,iBACrB,+CAACT,qDAAaA;QAAE,GAAGS,eAAe;QAAE,IAAIF;QAAQ,SAASC;QAAS,YAAW;qBAC3E,+CAACL,uBAAiBG;AAItB,sDAAeI,eAAeA,EAAC;;;;;;;;;;;;;;AC9CL;AAC6B;AAEhB;AACvC,MAAMR,WAAW;AACjB,MAAMC,kBAAkBF,kDAAsD,CAAC;kBAC7D,EAAEC,SAAS;;EAE3B,EAAES,CAAAA,IACA,CAACA,EAAE,KAAK,GACJ,CAAC;;;IAGL,CAAC,GACG,GAAG;;;;;;;;;;;;;;;;;;0BAkBe,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,MAAM,CAAC,IAAK;;;;;;;;;;;;;;;;;;0BAkBpC,EAAEA,CAAAA,IAAMA,EAAE,WAAW,GAAG,CAAC,MAAM,IAAK;;AAE9D,CAAC;AAUD,MAAMC,kBAAkB,CAAC,EACvBN,QAAQ,EACRO,KAAK,EACLC,YAAY,MAAM,EAClBC,WAAW,EACX,GAAGX,OACkB,iBACrB,+CAACJ,qDAAaA;QAAE,GAAGI,KAAK;QAAE,SAASF;QAAU,YAAY,CAAC,WAAW,EAAEY,WAAW;qBAChF,+CAACX;QAAgB,OAAOU;QAAO,aAAaE;OACzCT;AAKP,sDAAeM,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5E/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;;;;;;;;;;;;;;ACN+D;AACA;AACA"}

package/lib/cjs/index.js

@@ -621,32 +621,29 @@ const squareWrapper = (0,styled_components__rspack_import_1.css)`
 __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);
-/* 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);
-
+/* 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);
 
 
 
 
-const uppercase = (0,styled_system__rspack_import_1.system)({
+const uppercase = (0,styled_system__rspack_import_0.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_1["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_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)({
+  ${(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)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
@@ -1342,29 +1339,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)};
-        ` : undefined};
+  ${(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.error && !p.disabled ? (0,external_styled_components_.css)`
-          border: 1px solid ${p.theme.colors.error.c50};
-        ` : undefined};
+  ${(p)=>p.error && !p.disabled && (0,external_styled_components_.css)`
+      border: 1px solid ${p.theme.colors.error.c50};
+    `};
 
-  ${(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)`
+      border: 1px solid ${p.theme.colors.warning.c40};
+    `};
 
-  ${(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.error && !p.warning && !p.disabled && (0,external_styled_components_.css)`
+      &:hover {
+        border: ${!p.disabled && `1px solid ${p.theme.colors.primary.c80}`};
+      }
+    `};
 
-  ${(p)=>p.disabled ? (0,external_styled_components_.css)`
-          color: ${p.theme.colors.neutral.c60};
-          background: ${(p)=>p.theme.colors.neutral.c20};
-        ` : undefined};
+  ${(p)=>p.disabled && (0,external_styled_components_.css)`
+      color: ${p.theme.colors.neutral.c60};
+      background: ${(p)=>p.theme.colors.neutral.c20};
+    `};
 `;
 const BaseInput = external_styled_components_default().input.attrs({
     fontSize: "paragraph",
@@ -3469,9 +3466,8 @@ const useBulletStyles = ()=>{
     return BulletStyle;
 };
 const Bullet = ({ type })=>{
-    const springStyle = (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type]);
-    /* react-spring animated.div typings don't include style; spread with assertion for compatibility */ /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */ return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
-        style: springStyle
+    return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+        style: (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type])
     });
 };
 /* export default */ const bullets = (Bullet);
@@ -4324,7 +4320,7 @@ function TimelineItem({ item, isFirstItem, isLastItem, onClick, isNeutral }) {
 },
 2503(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
+  "default": () => (VerticalTimeline)
 });
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
@@ -4335,7 +4331,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
-const VerticalTimelineImpl = function VerticalTimeline({ steps, onClickIndex, isNeutral, ...props }) {
+function VerticalTimeline({ steps, onClickIndex, isNeutral, ...props }) {
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(___rspack_import_1["default"], {
         ...props,
         flexDirection: "column",
@@ -4348,7 +4344,7 @@ const VerticalTimelineImpl = function VerticalTimeline({ steps, onClickIndex, is
             onClick: onClickIndex ? ()=>onClickIndex(index) : undefined,
             isNeutral: isNeutral
         })));
-};
+}
 const SubtitleText = (props)=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted_Text__rspack_import_3["default"], {
         variant: "body",
         fontWeight: "semiBold",
@@ -4362,9 +4358,8 @@ const BodyText = (props)=>/*#__PURE__*/ react__rspack_import_0_default().createE
         color: "neutral.c80",
         ...props
     });
-VerticalTimelineImpl.BodyText = BodyText;
-VerticalTimelineImpl.SubtitleText = SubtitleText;
-/* export default */ const __rspack_default_export = (VerticalTimelineImpl);
+VerticalTimeline.BodyText = BodyText;
+VerticalTimeline.SubtitleText = SubtitleText;
 
 
 },
@@ -5379,7 +5374,7 @@ function Tip({ type, label }) {
 
 
 },
-7441(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+5845(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -5389,8 +5384,8 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2015);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: external "react-is"
-const external_react_is_namespaceObject = require("react-is");
+// EXTERNAL MODULE: external "react-is"
+var external_react_is_ = __webpack_require__(4562);
 ;// CONCATENATED MODULE: external "@tippyjs/react"
 const react_namespaceObject = require("@tippyjs/react");
 var react_default = /*#__PURE__*/__webpack_require__.n(react_namespaceObject);
@@ -5409,7 +5404,7 @@ const Wrapper = /*#__PURE__*/ (0,external_react_.forwardRef)((props, ref)=>{
     try {
         const child = external_react_default().Children.only(props.children);
         const isValidElement = /*#__PURE__*/ external_react_default().isValidElement(child);
-        const isForwardingRef = (0,external_react_is_namespaceObject.isForwardRef)(child);
+        const isForwardingRef = (0,external_react_is_.isForwardRef)(child);
         const isDomElement = isValidElement && typeof child.type === "string";
         if (isForwardingRef || isDomElement) {
             return /*#__PURE__*/ external_react_default().cloneElement(child, {
@@ -5558,7 +5553,7 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _Log__rspack_import_2 = __webpack_require__(7518);
 /* import */ var _Notification__rspack_import_3 = __webpack_require__(3341);
 /* import */ var _Notification_Badge__rspack_import_4 = __webpack_require__(3424);
-/* import */ var _Tooltip__rspack_import_5 = __webpack_require__(7441);
+/* import */ var _Tooltip__rspack_import_5 = __webpack_require__(5845);
 /* import */ var _Tip__rspack_import_6 = __webpack_require__(5083);
 /* import */ var _StatusNotification__rspack_import_7 = __webpack_require__(1931);
 
@@ -5716,21 +5711,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 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;
+        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;
         if (label && !hidden) {
             acc.steps[index] = label;
         }
@@ -5757,13 +5752,6 @@ 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",
@@ -5805,8 +5793,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 stepChild = (0,_helpers__rspack_import_1.isValidReactElement)(child) ? child : null;
-        return stepChild?.props.itemKey === activeKey;
+        const res = (0,react_is__rspack_import_1.isElement)(child) && child.props.itemKey === activeKey;
+        return res;
     });
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(FlowStepper, {
         ...otherProps,
@@ -5823,14 +5811,14 @@ FlowStepper.Indexed = FlowStepperIndexed;
 },
 6070(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (Header)
+  "default": () => (/* export default binding */ __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 _layout_Flex__rspack_import_1 = __webpack_require__(3696);
 
 
-function Header({ left, right, children, ...rest }) {
+/* export default */ function __rspack_default_export({ left, right, children, ...rest }) {
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_1["default"], {
         justifyContent: "space-between",
         ...rest
@@ -6376,16 +6364,13 @@ 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",
@@ -6869,19 +6854,14 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     opacity: 0;
   }
 `;
-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, {
+const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__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);
 
 
@@ -6919,18 +6899,12 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     transform: scale(0.9);
   }
 `;
-const TransitionScale = ({ 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, {
+const TransitionScale = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...TransitionProps,
-        nodeRef: nodeRef,
         in: inProp,
         timeout: timeout,
         classNames: "transition-scale"
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
-        ref: nodeRef
-    }, children));
-};
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, null, children));
 /* export default */ const __rspack_default_export = (TransitionScale);
 
 
@@ -6994,19 +6968,14 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     transform: translateX(${(p)=>p.reverseExit ? -100 : 100}%);
   }
 `;
-const TransitionSlide = ({ children, fixed, direction = "left", reverseExit, ...props })=>{
-    const nodeRef = (0,react__rspack_import_0.useRef)(null);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+const TransitionSlide = ({ children, fixed, direction = "left", reverseExit, ...props })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...props,
-        nodeRef: nodeRef,
         timeout: duration,
         classNames: `transition-${direction}`
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
-        ref: nodeRef,
         fixed: fixed,
         reverseExit: reverseExit
     }, children));
-};
 /* export default */ const __rspack_default_export = (TransitionSlide);
 
 
@@ -7025,25 +6994,6 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
-},
-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);
-
-
 },
 160(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
@@ -7593,6 +7543,10 @@ module.exports = require("react");
 2326(module) {
 module.exports = require("react-dom");
 
+},
+4562(module) {
+module.exports = require("react-is");
+
 },
 8466(module) {
 module.exports = require("react-select");
@@ -7702,8 +7656,8 @@ __webpack_require__.d(__webpack_exports__, {
   IconsLegacy: () => (/* reexport safe */ _assets__rspack_import_1.IconsLegacy),
   InfiniteLoader: () => (/* reexport safe */ _components__rspack_import_0.InfiniteLoader),
   Input: () => (/* reexport safe */ _components__rspack_import_0.Input),
-  InvertTheme: () => (/* reexport safe */ _styles__rspack_import_4.InvertTheme),
-  InvertThemeV3: () => (/* reexport safe */ _styles__rspack_import_4.InvertThemeV3),
+  InvertTheme: () => (/* reexport safe */ _styles__rspack_import_3.InvertTheme),
+  InvertThemeV3: () => (/* reexport safe */ _styles__rspack_import_3.InvertThemeV3),
   LegendInput: () => (/* reexport safe */ _components__rspack_import_0.LegendInput),
   Link: () => (/* reexport safe */ _components__rspack_import_0.Link),
   Log: () => (/* reexport safe */ _components__rspack_import_0.Log),
@@ -7728,7 +7682,7 @@ __webpack_require__.d(__webpack_exports__, {
   SplitInput: () => (/* reexport safe */ _components__rspack_import_0.SplitInput),
   StatusNotification: () => (/* reexport safe */ _components__rspack_import_0.StatusNotification),
   Stepper: () => (/* reexport safe */ _components__rspack_import_0.Stepper),
-  StyleProvider: () => (/* reexport safe */ _styles__rspack_import_3.StyleProvider),
+  StyleProvider: () => (/* reexport safe */ _styles__rspack_import_2.StyleProvider),
   Switch: () => (/* reexport safe */ _components__rspack_import_0.Switch),
   TabSelector: () => (/* reexport safe */ _components__rspack_import_0.TabSelector),
   Table: () => (/* reexport safe */ _components__rspack_import_0.Table),
@@ -7741,15 +7695,12 @@ __webpack_require__.d(__webpack_exports__, {
   TransitionInOut: () => (/* reexport safe */ _components__rspack_import_0.TransitionInOut),
   TransitionScale: () => (/* reexport safe */ _components__rspack_import_0.TransitionScale),
   TransitionSlide: () => (/* reexport safe */ _components__rspack_import_0.TransitionSlide),
-  VerticalTimeline: () => (/* reexport safe */ _components__rspack_import_0.VerticalTimeline),
-  isValidReactElement: () => (/* reexport safe */ _helpers__rspack_import_2.isValidReactElement)
+  VerticalTimeline: () => (/* reexport safe */ _components__rspack_import_0.VerticalTimeline)
 });
 /* import */ var _components__rspack_import_0 = __webpack_require__(3439);
 /* import */ var _assets__rspack_import_1 = __webpack_require__(7122);
-/* import */ var _helpers__rspack_import_2 = __webpack_require__(2563);
-/* import */ var _styles__rspack_import_3 = __webpack_require__(3151);
-/* import */ var _styles__rspack_import_4 = __webpack_require__(160);
-
+/* import */ var _styles__rspack_import_2 = __webpack_require__(3151);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(160);