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

package/lib/cjs/components/index.js

@@ -589,32 +589,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};` : ""}
@@ -1310,29 +1307,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",
@@ -3349,9 +3346,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);
@@ -4204,7 +4200,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);
@@ -4215,7 +4211,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",
@@ -4228,7 +4224,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",
@@ -4242,9 +4238,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;
 
 
 },
@@ -5259,7 +5254,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__, {
@@ -5269,8 +5264,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);
@@ -5289,7 +5284,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, {
@@ -5438,7 +5433,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);
 
@@ -5596,21 +5591,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;
         }
@@ -5637,13 +5632,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",
@@ -5685,8 +5673,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,
@@ -5703,14 +5691,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
@@ -6256,16 +6244,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",
@@ -6749,19 +6734,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);
 
 
@@ -6799,18 +6779,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);
 
 
@@ -6874,19 +6848,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);
 
 
@@ -6905,25 +6874,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);
-
-
 },
 3151(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
@@ -7417,6 +7367,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");