lizaui 9.0.16 → 9.0.18

package/dist/chunks/{tooltip-nCIpADfj.js → tooltip-CPJWT4m9.js}

@@ -5,6 +5,7 @@ const floatingUi_dom = require("./floating-ui.dom-B9hvXzxg.js");
 const ReactDOM = require("react-dom");
 const floatingUi_reactDom = require("./floating-ui.react-dom-CI1b2uK3.js");
 const tailwindMerge = require("tailwind-merge");
+const framerMotion = require("framer-motion");
 const clsx = require("clsx");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1914,24 +1915,53 @@ const Tooltip = ({ children, content, className, placement = "top", showArrow =
   const role = useRole(context);
   const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss, role]);
   const mergedClass = tailwindMerge.twMerge(
-    clsx("bg-content1 font-normal text-sm rounded-md filter-(--filter-drop-shadow-small) flex justify-center items-center z-99 px-2.5 py-1 outline-none box-border subpixel-antialiased normal-case", className)
+    clsx(
+      "bg-content1 font-normal text-sm rounded-md filter-(--filter-drop-shadow-small) flex justify-center items-center z-99 px-2.5 py-1 outline-none box-border subpixel-antialiased normal-case",
+      className
+    )
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref: refs.setReference, ...getReferenceProps(), children }),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref: refs.setFloating,
-        style: floatingStyles,
+        style: {
+          ...floatingStyles,
+          zIndex: 99
+          // Asegura que el tooltip esté por encima de otros elementos
+        },
         ...getFloatingProps(),
-        className: mergedClass,
-        children: [
-          content,
-          showArrow && /* @__PURE__ */ jsxRuntime.jsx(FloatingArrow, { ref: arrowRef, context, className: "text-content1", fill: "currentColor" })
-        ]
+        children: (() => {
+          const delta = 8;
+          const isVertical = placement === "top" || placement === "bottom";
+          const initialOffset = isVertical ? { y: placement === "top" ? delta : -delta } : { x: placement === "left" ? delta : -delta };
+          const originStyle = placement === "top" ? { transformOrigin: "bottom center" } : placement === "bottom" ? { transformOrigin: "top center" } : placement === "left" ? { transformOrigin: "center right" } : { transformOrigin: "center left" };
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.96, ...initialOffset },
+              animate: { opacity: 1, scale: 1, x: 0, y: 0 },
+              exit: { opacity: 0, scale: 0.98, ...initialOffset },
+              transition: {
+                // Entrada elástica y salida rápida
+                type: "spring",
+                stiffness: 550,
+                damping: 28,
+                mass: 0.6
+              },
+              style: originStyle,
+              className: mergedClass,
+              children: [
+                content,
+                showArrow && /* @__PURE__ */ jsxRuntime.jsx(FloatingArrow, { ref: arrowRef, context, className: "text-content1", fill: "currentColor" })
+              ]
+            }
+          );
+        })()
       }
-    ) })
+    ) }) })
   ] });
 };
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=tooltip-nCIpADfj.js.map
+//# sourceMappingURL=tooltip-CPJWT4m9.js.map