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

package/lib/cjs/components/index.js

@@ -589,29 +589,32 @@ const squareWrapper = (0,styled_components__rspack_import_1.css)`
 __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};` : ""}
@@ -1307,29 +1310,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",
@@ -3346,8 +3349,9 @@ const useBulletStyles = ()=>{
     return BulletStyle;
 };
 const Bullet = ({ type })=>{
-    return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
-        style: (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[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
     });
 };
 /* export default */ const bullets = (Bullet);
@@ -4200,7 +4204,7 @@ function TimelineItem({ item, isFirstItem, isLastItem, onClick, isNeutral }) {
 },
 2503(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (VerticalTimeline)
+  "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);
@@ -4211,7 +4215,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
-function VerticalTimeline({ steps, onClickIndex, isNeutral, ...props }) {
+const VerticalTimelineImpl = function VerticalTimeline({ steps, onClickIndex, isNeutral, ...props }) {
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(___rspack_import_1["default"], {
         ...props,
         flexDirection: "column",
@@ -4224,7 +4228,7 @@ function VerticalTimeline({ steps, onClickIndex, isNeutral, ...props }) {
             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",
@@ -4238,8 +4242,9 @@ const BodyText = (props)=>/*#__PURE__*/ react__rspack_import_0_default().createE
         color: "neutral.c80",
         ...props
     });
-VerticalTimeline.BodyText = BodyText;
-VerticalTimeline.SubtitleText = SubtitleText;
+VerticalTimelineImpl.BodyText = BodyText;
+VerticalTimelineImpl.SubtitleText = SubtitleText;
+/* export default */ const __rspack_default_export = (VerticalTimelineImpl);
 
 
 },
@@ -5254,7 +5259,7 @@ function Tip({ type, label }) {
 
 
 },
-5845(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+7441(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -5264,8 +5269,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_);
-// EXTERNAL MODULE: external "react-is"
-var external_react_is_ = __webpack_require__(4562);
+;// CONCATENATED MODULE: external "react-is"
+const external_react_is_namespaceObject = require("react-is");
 ;// CONCATENATED MODULE: external "@tippyjs/react"
 const react_namespaceObject = require("@tippyjs/react");
 var react_default = /*#__PURE__*/__webpack_require__.n(react_namespaceObject);
@@ -5284,7 +5289,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_.isForwardRef)(child);
+        const isForwardingRef = (0,external_react_is_namespaceObject.isForwardRef)(child);
         const isDomElement = isValidElement && typeof child.type === "string";
         if (isForwardingRef || isDomElement) {
             return /*#__PURE__*/ external_react_default().cloneElement(child, {
@@ -5433,7 +5438,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__(5845);
+/* import */ var _Tooltip__rspack_import_5 = __webpack_require__(7441);
 /* import */ var _Tip__rspack_import_6 = __webpack_require__(5083);
 /* import */ var _StatusNotification__rspack_import_7 = __webpack_require__(1931);
 
@@ -5591,21 +5596,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;
         }
@@ -5632,6 +5637,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",
@@ -5673,8 +5685,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,
@@ -5691,14 +5703,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
@@ -6244,13 +6256,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",
@@ -6734,14 +6749,19 @@ 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);
 
 
@@ -6779,12 +6799,18 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     transform: scale(0.9);
   }
 `;
-const TransitionScale = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+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, {
         ...TransitionProps,
+        nodeRef: nodeRef,
         in: inProp,
         timeout: timeout,
         classNames: "transition-scale"
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, null, children));
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
+        ref: nodeRef
+    }, children));
+};
 /* export default */ const __rspack_default_export = (TransitionScale);
 
 
@@ -6848,14 +6874,19 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     transform: translateX(${(p)=>p.reverseExit ? -100 : 100}%);
   }
 `;
-const TransitionSlide = ({ children, fixed, direction = "left", reverseExit, ...props })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+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, {
         ...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);
 
 
@@ -6874,6 +6905,25 @@ __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__, {
@@ -7367,10 +7417,6 @@ 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");