@multiversx/sdk-dapp-liquidity 2.0.0 → 2.1.0-alpha.1

package/reactjs/components/base/MxTooltip/MxTooltip.js

@@ -1,164 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const ReactDOM = require("react-dom");
-const reactPopper = require("react-popper");
-const reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent = require("./components/TooltipContent/TooltipContent.js");
-const reactjs_components_base_MxTooltip_components_TooltipContainer_TooltipContainer = require("./components/TooltipContainer/TooltipContainer.js");
-const reactjs_constants_index = require("../../../constants/index.js");
-const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
-const reactjs_components_base_MxSlideover_MxSlideover = require("../MxSlideover/MxSlideover.js");
-const MxTooltip = ({
-  children,
-  buttonText,
-  hideTooltip,
-  offsetX = 0,
-  offsetY = 10,
-  hideDelayMs = 10,
-  placement = "top",
-  variant = "default",
-  contentClassName = "",
-  containerClassName = "",
-  shouldStopPropagation = true,
-  variantColor = "neutral-500",
-  portalId,
-  isSlideoverOnMobile = false
-}) => {
-  const [isHover, setIsHover] = React.useState(false);
-  const [popperEl, setPopperEl] = React.useState(null);
-  const [referenceEl, setReferenceEl] = React.useState(null);
-  const [showSlideOver, setShowSlideOver] = React.useState(false);
-  const isMobile = reactjs_constants_index.safeWindow.innerWidth < 768;
-  const { styles, attributes } = reactPopper.usePopper(referenceEl, popperEl, {
-    placement,
-    modifiers: [
-      {
-        name: "preventOverflow",
-        options: {
-          boundary: "clippingParents"
-        }
-      },
-      // flips the tooltip if it does not fit
-      { name: "eventListeners", enabled: isHover },
-      // prevent popper from updating when the tooltip is not shown
-      { name: "offset", options: { offset: [offsetX, offsetY] } }
-    ]
-  });
-  const showEvents = ["mouseenter", "focus"];
-  const hideEvents = ["mouseleave", "blur"];
-  const hideTimeoutRef = React.useRef();
-  const show = () => {
-    if (hideTimeoutRef.current) {
-      clearTimeout(hideTimeoutRef.current);
-    }
-    setIsHover(true);
-  };
-  const hide = () => {
-    hideTimeoutRef.current = setTimeout(() => {
-      setIsHover(false);
-    }, hideDelayMs);
-  };
-  React.useEffect(() => {
-    return () => {
-      if (hideTimeoutRef.current) {
-        clearTimeout(hideTimeoutRef.current);
-      }
-    };
-  }, []);
-  React.useEffect(() => {
-    showEvents.forEach((event) => popperEl == null ? void 0 : popperEl.addEventListener(event, show));
-    hideEvents.forEach((event) => popperEl == null ? void 0 : popperEl.addEventListener(event, hide));
-    return () => {
-      showEvents.forEach((event) => popperEl == null ? void 0 : popperEl.removeEventListener(event, show));
-      hideEvents.forEach((event) => popperEl == null ? void 0 : popperEl.removeEventListener(event, hide));
-    };
-  }, [popperEl]);
-  React.useEffect(() => {
-    showEvents.forEach((event) => referenceEl == null ? void 0 : referenceEl.addEventListener(event, show));
-    hideEvents.forEach((event) => referenceEl == null ? void 0 : referenceEl.addEventListener(event, hide));
-    return () => {
-      showEvents.forEach(
-        (event) => referenceEl == null ? void 0 : referenceEl.removeEventListener(event, show)
-      );
-      hideEvents.forEach(
-        (event) => referenceEl == null ? void 0 : referenceEl.removeEventListener(event, hide)
-      );
-    };
-  }, [referenceEl]);
-  const handleOnClick = (e) => {
-    if (isSlideoverOnMobile && isMobile) {
-      setShowSlideOver(true);
-    }
-    if (!shouldStopPropagation) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  const portalRoot = portalId ? reactjs_constants_index.safeDocument.getElementById(portalId) : null;
-  if (hideTooltip) {
-    return buttonText;
-  }
-  if (isSlideoverOnMobile && isMobile) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      reactjs_components_base_MxTooltip_components_TooltipContainer_TooltipContainer.TooltipContainer,
-      {
-        containerClassName,
-        variant,
-        variantColor,
-        onClick: handleOnClick,
-        ref: setReferenceEl,
-        children: [
-          buttonText,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactjs_components_base_MxSlideover_MxSlideover.MxSlideover,
-            {
-              onClose: () => setShowSlideOver(false),
-              show: showSlideOver,
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactjs_components_base_MxTooltip_components_TooltipContainer_TooltipContainer.TooltipContainer,
-    {
-      containerClassName,
-      variant,
-      variantColor,
-      onClick: handleOnClick,
-      ref: setReferenceEl,
-      children: [
-        buttonText,
-        isHover && (portalId ? ReactDOM.createPortal(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent.TooltipContent,
-            {
-              children,
-              contentClassName: reactjs_utils_mxClsx.mxClsx("liq-text-center", contentClassName),
-              popperAttributes: attributes.popper,
-              popperStyles: styles.popper,
-              setPopperEl
-            }
-          ),
-          portalRoot ?? reactjs_constants_index.safeDocument.body
-          // Fixes z-index - overflow issue on tooltips
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent.TooltipContent,
-          {
-            children,
-            contentClassName,
-            popperAttributes: attributes.popper,
-            popperStyles: styles.popper,
-            setPopperEl
-          }
-        ))
-      ]
-    }
-  );
-};
-exports.MxTooltip = MxTooltip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),W=require("react-dom"),B=require("react-popper"),y=require("./components/TooltipContent/TooltipContent.js"),w=require("./components/TooltipContainer/TooltipContainer.js"),d=require("../../../constants/index.js"),z=require("../../../utils/mxClsx.js"),F=require("../MxSlideover/MxSlideover.js"),G=({children:l,buttonText:f,hideTooltip:P,offsetX:R=0,offsetY:g=10,hideDelayMs:O=10,placement:D="top",variant:m="default",contentClassName:v="",containerClassName:_="",shouldStopPropagation:k=!0,variantColor:h="neutral-500",portalId:p,isSlideoverOnMobile:x=!1})=>{const[T,S]=s.useState(!1),[t,j]=s.useState(null),[o,C]=s.useState(null),[A,b]=s.useState(!1),q=d.safeWindow.innerWidth<768,{styles:E,attributes:L}=B.usePopper(o,t,{placement:D,modifiers:[{name:"preventOverflow",options:{boundary:"clippingParents"}},{name:"eventListeners",enabled:T},{name:"offset",options:{offset:[R,g]}}]}),i=["mouseenter","focus"],c=["mouseleave","blur"],n=s.useRef(),u=()=>{n.current&&clearTimeout(n.current),S(!0)},a=()=>{n.current=setTimeout(()=>{S(!1)},O)};s.useEffect(()=>()=>{n.current&&clearTimeout(n.current)},[]),s.useEffect(()=>(i.forEach(e=>t==null?void 0:t.addEventListener(e,u)),c.forEach(e=>t==null?void 0:t.addEventListener(e,a)),()=>{i.forEach(e=>t==null?void 0:t.removeEventListener(e,u)),c.forEach(e=>t==null?void 0:t.removeEventListener(e,a))}),[t]),s.useEffect(()=>(i.forEach(e=>o==null?void 0:o.addEventListener(e,u)),c.forEach(e=>o==null?void 0:o.addEventListener(e,a)),()=>{i.forEach(e=>o==null?void 0:o.removeEventListener(e,u)),c.forEach(e=>o==null?void 0:o.removeEventListener(e,a))}),[o]);const M=e=>{x&&q&&b(!0),k&&(e.preventDefault(),e.stopPropagation())},H=p?d.safeDocument.getElementById(p):null;return P?f:x&&q?r.jsxs(w.TooltipContainer,{containerClassName:_,variant:m,variantColor:h,onClick:M,ref:C,children:[f,r.jsx(F.MxSlideover,{onClose:()=>b(!1),show:A,children:l})]}):r.jsxs(w.TooltipContainer,{containerClassName:_,variant:m,variantColor:h,onClick:M,ref:C,children:[f,T&&(p?W.createPortal(r.jsx(y.TooltipContent,{children:l,contentClassName:z.mxClsx("liq-text-center",v),popperAttributes:L.popper,popperStyles:E.popper,setPopperEl:j}),H??d.safeDocument.body):r.jsx(y.TooltipContent,{children:l,contentClassName:v,popperAttributes:L.popper,popperStyles:E.popper,setPopperEl:j}))]})};exports.MxTooltip=G;

package/reactjs/components/base/MxTooltip/MxTooltip.mjs

@@ -1,35 +1,30 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import ReactDOM from "react-dom";
-import { usePopper } from "react-popper";
-import { TooltipContent } from "./components/TooltipContent/TooltipContent.mjs";
-import { TooltipContainer } from "./components/TooltipContainer/TooltipContainer.mjs";
-import { safeWindow, safeDocument } from "../../../constants/index.mjs";
-import { mxClsx } from "../../../utils/mxClsx.mjs";
-import { MxSlideover } from "../MxSlideover/MxSlideover.mjs";
-const MxTooltip = ({
-  children,
-  buttonText,
-  hideTooltip,
-  offsetX = 0,
-  offsetY = 10,
-  hideDelayMs = 10,
-  placement = "top",
-  variant = "default",
-  contentClassName = "",
-  containerClassName = "",
-  shouldStopPropagation = true,
-  variantColor = "neutral-500",
-  portalId,
-  isSlideoverOnMobile = false
+import { jsxs as O, jsx as p } from "react/jsx-runtime";
+import { useState as u, useRef as F, useEffect as l } from "react";
+import G from "react-dom";
+import { usePopper as I } from "react-popper";
+import { TooltipContent as g } from "./components/TooltipContent/TooltipContent.mjs";
+import { TooltipContainer as k } from "./components/TooltipContainer/TooltipContainer.mjs";
+import { safeWindow as J, safeDocument as D } from "../../../constants/index.mjs";
+import { mxClsx as K } from "../../../utils/mxClsx.mjs";
+import { MxSlideover as Q } from "../MxSlideover/MxSlideover.mjs";
+const te = ({
+  children: m,
+  buttonText: a,
+  hideTooltip: M,
+  offsetX: j = 0,
+  offsetY: A = 10,
+  hideDelayMs: H = 10,
+  placement: W = "top",
+  variant: v = "default",
+  contentClassName: d = "",
+  containerClassName: h = "",
+  shouldStopPropagation: q = !0,
+  variantColor: L = "neutral-500",
+  portalId: c,
+  isSlideoverOnMobile: E = !1
 }) => {
-  const [isHover, setIsHover] = useState(false);
-  const [popperEl, setPopperEl] = useState(null);
-  const [referenceEl, setReferenceEl] = useState(null);
-  const [showSlideOver, setShowSlideOver] = useState(false);
-  const isMobile = safeWindow.innerWidth < 768;
-  const { styles, attributes } = usePopper(referenceEl, popperEl, {
-    placement,
+  const [w, x] = u(!1), [t, y] = u(null), [o, S] = u(null), [B, b] = u(!1), C = J.innerWidth < 768, { styles: P, attributes: R } = I(o, t, {
+    placement: W,
     modifiers: [
       {
         name: "preventOverflow",
@@ -38,120 +33,82 @@ const MxTooltip = ({
         }
       },
       // flips the tooltip if it does not fit
-      { name: "eventListeners", enabled: isHover },
+      { name: "eventListeners", enabled: w },
       // prevent popper from updating when the tooltip is not shown
-      { name: "offset", options: { offset: [offsetX, offsetY] } }
+      { name: "offset", options: { offset: [j, A] } }
     ]
-  });
-  const showEvents = ["mouseenter", "focus"];
-  const hideEvents = ["mouseleave", "blur"];
-  const hideTimeoutRef = useRef();
-  const show = () => {
-    if (hideTimeoutRef.current) {
-      clearTimeout(hideTimeoutRef.current);
-    }
-    setIsHover(true);
-  };
-  const hide = () => {
-    hideTimeoutRef.current = setTimeout(() => {
-      setIsHover(false);
-    }, hideDelayMs);
+  }), s = ["mouseenter", "focus"], n = ["mouseleave", "blur"], r = F(), i = () => {
+    r.current && clearTimeout(r.current), x(!0);
+  }, f = () => {
+    r.current = setTimeout(() => {
+      x(!1);
+    }, H);
   };
-  useEffect(() => {
-    return () => {
-      if (hideTimeoutRef.current) {
-        clearTimeout(hideTimeoutRef.current);
-      }
-    };
-  }, []);
-  useEffect(() => {
-    showEvents.forEach((event) => popperEl == null ? void 0 : popperEl.addEventListener(event, show));
-    hideEvents.forEach((event) => popperEl == null ? void 0 : popperEl.addEventListener(event, hide));
-    return () => {
-      showEvents.forEach((event) => popperEl == null ? void 0 : popperEl.removeEventListener(event, show));
-      hideEvents.forEach((event) => popperEl == null ? void 0 : popperEl.removeEventListener(event, hide));
-    };
-  }, [popperEl]);
-  useEffect(() => {
-    showEvents.forEach((event) => referenceEl == null ? void 0 : referenceEl.addEventListener(event, show));
-    hideEvents.forEach((event) => referenceEl == null ? void 0 : referenceEl.addEventListener(event, hide));
-    return () => {
-      showEvents.forEach(
-        (event) => referenceEl == null ? void 0 : referenceEl.removeEventListener(event, show)
-      );
-      hideEvents.forEach(
-        (event) => referenceEl == null ? void 0 : referenceEl.removeEventListener(event, hide)
-      );
-    };
-  }, [referenceEl]);
-  const handleOnClick = (e) => {
-    if (isSlideoverOnMobile && isMobile) {
-      setShowSlideOver(true);
-    }
-    if (!shouldStopPropagation) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  const portalRoot = portalId ? safeDocument.getElementById(portalId) : null;
-  if (hideTooltip) {
-    return buttonText;
-  }
-  if (isSlideoverOnMobile && isMobile) {
-    return /* @__PURE__ */ jsxs(
-      TooltipContainer,
-      {
-        containerClassName,
-        variant,
-        variantColor,
-        onClick: handleOnClick,
-        ref: setReferenceEl,
-        children: [
-          buttonText,
-          /* @__PURE__ */ jsx(
-            MxSlideover,
-            {
-              onClose: () => setShowSlideOver(false),
-              show: showSlideOver,
-              children
-            }
-          )
-        ]
-      }
+  l(() => () => {
+    r.current && clearTimeout(r.current);
+  }, []), l(() => (s.forEach((e) => t == null ? void 0 : t.addEventListener(e, i)), n.forEach((e) => t == null ? void 0 : t.addEventListener(e, f)), () => {
+    s.forEach((e) => t == null ? void 0 : t.removeEventListener(e, i)), n.forEach((e) => t == null ? void 0 : t.removeEventListener(e, f));
+  }), [t]), l(() => (s.forEach((e) => o == null ? void 0 : o.addEventListener(e, i)), n.forEach((e) => o == null ? void 0 : o.addEventListener(e, f)), () => {
+    s.forEach(
+      (e) => o == null ? void 0 : o.removeEventListener(e, i)
+    ), n.forEach(
+      (e) => o == null ? void 0 : o.removeEventListener(e, f)
     );
-  }
-  return /* @__PURE__ */ jsxs(
-    TooltipContainer,
+  }), [o]);
+  const T = (e) => {
+    E && C && b(!0), q && (e.preventDefault(), e.stopPropagation());
+  }, z = c ? D.getElementById(c) : null;
+  return M ? a : E && C ? /* @__PURE__ */ O(
+    k,
+    {
+      containerClassName: h,
+      variant: v,
+      variantColor: L,
+      onClick: T,
+      ref: S,
+      children: [
+        a,
+        /* @__PURE__ */ p(
+          Q,
+          {
+            onClose: () => b(!1),
+            show: B,
+            children: m
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ O(
+    k,
     {
-      containerClassName,
-      variant,
-      variantColor,
-      onClick: handleOnClick,
-      ref: setReferenceEl,
+      containerClassName: h,
+      variant: v,
+      variantColor: L,
+      onClick: T,
+      ref: S,
       children: [
-        buttonText,
-        isHover && (portalId ? ReactDOM.createPortal(
-          /* @__PURE__ */ jsx(
-            TooltipContent,
+        a,
+        w && (c ? G.createPortal(
+          /* @__PURE__ */ p(
+            g,
             {
-              children,
-              contentClassName: mxClsx("liq-text-center", contentClassName),
-              popperAttributes: attributes.popper,
-              popperStyles: styles.popper,
-              setPopperEl
+              children: m,
+              contentClassName: K("liq-text-center", d),
+              popperAttributes: R.popper,
+              popperStyles: P.popper,
+              setPopperEl: y
             }
           ),
-          portalRoot ?? safeDocument.body
+          z ?? D.body
           // Fixes z-index - overflow issue on tooltips
-        ) : /* @__PURE__ */ jsx(
-          TooltipContent,
+        ) : /* @__PURE__ */ p(
+          g,
           {
-            children,
-            contentClassName,
-            popperAttributes: attributes.popper,
-            popperStyles: styles.popper,
-            setPopperEl
+            children: m,
+            contentClassName: d,
+            popperAttributes: R.popper,
+            popperStyles: P.popper,
+            setPopperEl: y
           }
         ))
       ]
@@ -159,5 +116,5 @@ const MxTooltip = ({
   );
 };
 export {
-  MxTooltip
+  te as MxTooltip
 };

package/reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.js

@@ -1,34 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactjs_utils_mxClsx = require("../../../../../utils/mxClsx.js");
-const TooltipContainer = React.forwardRef(({ children, variant, variantColor, containerClassName, onClick }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "tooltip",
-      ref,
-      onClick,
-      className: reactjs_utils_mxClsx.mxClsx(
-        "focus-primary liq-relative liq-inline-block liq-max-w-fit liq-rounded-sm",
-        {
-          "": variant === "default",
-          "liq-border-b liq-underline": variant === "underline",
-          "liq-border-b liq-border-dashed": variant === "dotted"
-        },
-        {
-          "liq-border-neutral-200": variantColor === "neutral-200",
-          "liq-border-neutral-500": variantColor === "neutral-500",
-          "liq-border-primary-200 liq-text-primary-200": variantColor === "primary-200",
-          "liq-border-primary-300 liq-text-primary-300": variantColor === "primary-300",
-          "liq-border-primary-400 liq-text-primary-400": variantColor === "primary-400"
-        },
-        containerClassName
-      ),
-      children
-    }
-  );
-});
-exports.TooltipContainer = TooltipContainer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),q=require("../../../../../utils/mxClsx.js"),u=n.forwardRef(({children:i,variant:e,variantColor:r,containerClassName:l,onClick:t},o)=>d.jsx("div",{role:"tooltip",ref:o,onClick:t,className:q.mxClsx("focus-primary liq-relative liq-inline-block liq-max-w-fit liq-rounded-sm",{"":e==="default","liq-border-b liq-underline":e==="underline","liq-border-b liq-border-dashed":e==="dotted"},{"liq-border-neutral-200":r==="neutral-200","liq-border-neutral-500":r==="neutral-500","liq-border-primary-200 liq-text-primary-200":r==="primary-200","liq-border-primary-300 liq-text-primary-300":r==="primary-300","liq-border-primary-400 liq-text-primary-400":r==="primary-400"},l),children:i}));exports.TooltipContainer=u;

package/reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs

@@ -1,33 +1,31 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { mxClsx } from "../../../../../utils/mxClsx.mjs";
-const TooltipContainer = forwardRef(({ children, variant, variantColor, containerClassName, onClick }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "tooltip",
-      ref,
-      onClick,
-      className: mxClsx(
-        "focus-primary liq-relative liq-inline-block liq-max-w-fit liq-rounded-sm",
-        {
-          "": variant === "default",
-          "liq-border-b liq-underline": variant === "underline",
-          "liq-border-b liq-border-dashed": variant === "dotted"
-        },
-        {
-          "liq-border-neutral-200": variantColor === "neutral-200",
-          "liq-border-neutral-500": variantColor === "neutral-500",
-          "liq-border-primary-200 liq-text-primary-200": variantColor === "primary-200",
-          "liq-border-primary-300 liq-text-primary-300": variantColor === "primary-300",
-          "liq-border-primary-400 liq-text-primary-400": variantColor === "primary-400"
-        },
-        containerClassName
-      ),
-      children
-    }
-  );
-});
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { mxClsx as p } from "../../../../../utils/mxClsx.mjs";
+const u = t(({ children: e, variant: i, variantColor: r, containerClassName: l, onClick: m }, d) => /* @__PURE__ */ o(
+  "div",
+  {
+    role: "tooltip",
+    ref: d,
+    onClick: m,
+    className: p(
+      "focus-primary liq-relative liq-inline-block liq-max-w-fit liq-rounded-sm",
+      {
+        "": i === "default",
+        "liq-border-b liq-underline": i === "underline",
+        "liq-border-b liq-border-dashed": i === "dotted"
+      },
+      {
+        "liq-border-neutral-200": r === "neutral-200",
+        "liq-border-neutral-500": r === "neutral-500",
+        "liq-border-primary-200 liq-text-primary-200": r === "primary-200",
+        "liq-border-primary-300 liq-text-primary-300": r === "primary-300",
+        "liq-border-primary-400 liq-text-primary-400": r === "primary-400"
+      },
+      l
+    ),
+    children: e
+  }
+));
 export {
-  TooltipContainer
+  u as TooltipContainer
 };

package/reactjs/components/base/MxTooltip/components/TooltipContainer/index.js

@@ -1,5 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactjs_components_base_MxTooltip_components_TooltipContainer_TooltipContainer = require("./TooltipContainer.js");
-exports.TooltipContainer = reactjs_components_base_MxTooltip_components_TooltipContainer_TooltipContainer.TooltipContainer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./TooltipContainer.js");exports.TooltipContainer=o.TooltipContainer;

package/reactjs/components/base/MxTooltip/components/TooltipContainer/index.mjs

@@ -1,4 +1,4 @@
-import { TooltipContainer } from "./TooltipContainer.mjs";
+import { TooltipContainer as t } from "./TooltipContainer.mjs";
 export {
-  TooltipContainer
+  t as TooltipContainer
 };

package/reactjs/components/base/MxTooltip/components/TooltipContent/TooltipContent.js

@@ -1,28 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactjs_utils_mxClsx = require("../../../../../utils/mxClsx.js");
-const TooltipContent = ({
-  children,
-  contentClassName,
-  popperAttributes,
-  popperStyles,
-  setPopperEl
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "tooltip",
-      ref: setPopperEl,
-      style: popperStyles,
-      ...popperAttributes,
-      className: reactjs_utils_mxClsx.mxClsx(
-        "liq-z-20 liq-cursor-default liq-rounded-2xl liq-border liq-border-neutral-750 liq-bg-neutral-850 liq-p-4 liq-text-base liq-text-neutral-200",
-        contentClassName
-      ),
-      children
-    }
-  );
-};
-exports.TooltipContent = TooltipContent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../../../utils/mxClsx.js"),s=({children:e,contentClassName:t,popperAttributes:l,popperStyles:r,setPopperEl:i})=>o.jsx("div",{role:"tooltip",ref:i,style:r,...l,className:n.mxClsx("liq-z-20 liq-cursor-default liq-rounded-2xl liq-border liq-border-neutral-750 liq-bg-neutral-850 liq-p-4 liq-text-base liq-text-neutral-200",t),children:e});exports.TooltipContent=s;

package/reactjs/components/base/MxTooltip/components/TooltipContent/TooltipContent.mjs

@@ -1,27 +1,25 @@
-import { jsx } from "react/jsx-runtime";
-import { mxClsx } from "../../../../../utils/mxClsx.mjs";
-const TooltipContent = ({
-  children,
-  contentClassName,
-  popperAttributes,
-  popperStyles,
-  setPopperEl
-}) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "tooltip",
-      ref: setPopperEl,
-      style: popperStyles,
-      ...popperAttributes,
-      className: mxClsx(
-        "liq-z-20 liq-cursor-default liq-rounded-2xl liq-border liq-border-neutral-750 liq-bg-neutral-850 liq-p-4 liq-text-base liq-text-neutral-200",
-        contentClassName
-      ),
-      children
-    }
-  );
-};
+import { jsx as i } from "react/jsx-runtime";
+import { mxClsx as q } from "../../../../../utils/mxClsx.mjs";
+const a = ({
+  children: l,
+  contentClassName: r,
+  popperAttributes: t,
+  popperStyles: e,
+  setPopperEl: o
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    role: "tooltip",
+    ref: o,
+    style: e,
+    ...t,
+    className: q(
+      "liq-z-20 liq-cursor-default liq-rounded-2xl liq-border liq-border-neutral-750 liq-bg-neutral-850 liq-p-4 liq-text-base liq-text-neutral-200",
+      r
+    ),
+    children: l
+  }
+);
 export {
-  TooltipContent
+  a as TooltipContent
 };

package/reactjs/components/base/MxTooltip/components/TooltipContent/index.js

@@ -1,5 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent = require("./TooltipContent.js");
-exports.TooltipContent = reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent.TooltipContent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./TooltipContent.js");exports.TooltipContent=o.TooltipContent;

package/reactjs/components/base/MxTooltip/components/TooltipContent/index.mjs

@@ -1,4 +1,4 @@
-import { TooltipContent } from "./TooltipContent.mjs";
+import { TooltipContent as e } from "./TooltipContent.mjs";
 export {
-  TooltipContent
+  e as TooltipContent
 };

package/reactjs/components/base/MxTooltip/components/index.js

@@ -1,7 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent = require("./TooltipContent/TooltipContent.js");
-const reactjs_components_base_MxTooltip_components_TooltipContainer_TooltipContainer = require("./TooltipContainer/TooltipContainer.js");
-exports.TooltipContent = reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent.TooltipContent;
-exports.TooltipContainer = reactjs_components_base_MxTooltip_components_TooltipContainer_TooltipContainer.TooltipContainer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./TooltipContent/TooltipContent.js"),t=require("./TooltipContainer/TooltipContainer.js");exports.TooltipContent=o.TooltipContent;exports.TooltipContainer=t.TooltipContainer;