@ledgerhq/react-ui 0.48.0-nightly.20260311112418 → 0.48.0

package/lib/cjs/components/index.js

@@ -5259,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__, {
@@ -5269,6 +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_);
+;// 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);
@@ -5278,23 +5280,44 @@ var Text = __webpack_require__(348);
 
 
 
+
+// Tippyjs need the ref to be forwarded to the DOM element wrapping the children.
+// This component has been created to add a wrapping span and use its ref when needed.
+// See: https://github.com/atomiks/tippyjs-react#component-children
+const Wrapper = /*#__PURE__*/ (0,external_react_.forwardRef)((props, ref)=>{
+    const childrenCount = external_react_default().Children.count(props.children);
+    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 isDomElement = isValidElement && typeof child.type === "string";
+        if (isForwardingRef || isDomElement) {
+            return /*#__PURE__*/ external_react_default().cloneElement(child, {
+                ref
+            });
+        } else {
+            return /*#__PURE__*/ external_react_default().createElement("span", {
+                ref: ref
+            }, props.children);
+        }
+    } catch  {
+        return childrenCount < 1 ? null : /*#__PURE__*/ external_react_default().createElement("span", {
+            ref: ref
+        }, props.children);
+    }
+});
 function Tooltip(props) {
     const { content, placement = "auto", children, ...rest } = props;
-    const triggerRef = (0,external_react_.useRef)(null);
-    return /*#__PURE__*/ external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/ external_react_default().createElement("span", {
-        ref: triggerRef,
-        style: {
-            display: "inline-flex"
-        }
-    }, children), /*#__PURE__*/ external_react_default().createElement((react_default()), {
+    return /*#__PURE__*/ external_react_default().createElement((react_default()), {
         ...rest,
-        reference: triggerRef,
         placement: placement,
         content: /*#__PURE__*/ external_react_default().createElement(Text["default"], {
             fontWeight: "medium",
             variant: "paragraph",
             color: "neutral.c00"
         }, content)
+    }, /*#__PURE__*/ external_react_default().createElement(Wrapper, {
+        children: children
     }));
 }
 
@@ -5415,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);