lizaui 11.0.1 → 11.0.2

package/dist/chunks/{tooltip-YmWFUKFk.js → tooltip-CkpPQC4G.js}

@@ -1,6 +1,5 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const compilerRuntime = require("react/compiler-runtime");
 const React = require("react");
 const floatingUi_dom = require("./floating-ui.dom-CtdbsjAo.js");
 const ReactDOM = require("react-dom");
@@ -1927,282 +1926,47 @@ function useRole(context, props) {
     item
   } : {}, [enabled, reference, floating, item]);
 }
-function useDelayUnmount(open, durationMs) {
-  const [isMounted, setIsMounted] = React__namespace.useState(open);
-  if (open && !isMounted) {
-    setIsMounted(true);
-  }
-  React__namespace.useEffect(() => {
-    if (!open && isMounted) {
-      const timeout = setTimeout(() => setIsMounted(false), durationMs);
-      return () => clearTimeout(timeout);
-    }
-  }, [open, isMounted, durationMs]);
-  return isMounted;
-}
-function useTransitionStatus(context, props) {
-  if (props === void 0) {
-    props = {};
-  }
-  const {
-    open,
-    elements: {
-      floating
-    }
-  } = context;
-  const {
-    duration = 250
-  } = props;
-  const isNumberDuration = typeof duration === "number";
-  const closeDuration = (isNumberDuration ? duration : duration.close) || 0;
-  const [status, setStatus] = React__namespace.useState("unmounted");
-  const isMounted = useDelayUnmount(open, closeDuration);
-  if (!isMounted && status === "close") {
-    setStatus("unmounted");
-  }
-  index(() => {
-    if (!floating) return;
-    if (open) {
-      setStatus("initial");
-      const frame = requestAnimationFrame(() => {
-        ReactDOM__namespace.flushSync(() => {
-          setStatus("open");
-        });
-      });
-      return () => {
-        cancelAnimationFrame(frame);
-      };
-    }
-    setStatus("close");
-  }, [open, floating]);
-  return {
-    isMounted,
-    status
-  };
-}
-const TOOLTIP_ARROW_WIDTH = 14;
-const TOOLTIP_ARROW_HEIGHT = 7;
-const getTooltipTransformOrigin = (side, arrowCoordinates, showArrow) => {
-  const arrowInset = showArrow ? TOOLTIP_ARROW_HEIGHT : 0;
-  const arrowCenterX = arrowCoordinates?.x === void 0 ? "50%" : `${arrowCoordinates.x + TOOLTIP_ARROW_WIDTH / 2}px`;
-  const arrowCenterY = arrowCoordinates?.y === void 0 ? "50%" : `${arrowCoordinates.y + TOOLTIP_ARROW_WIDTH / 2}px`;
-  const origins = {
-    top: `${arrowCenterX} calc(100% + ${arrowInset}px)`,
-    bottom: `${arrowCenterX} -${arrowInset}px`,
-    left: `calc(100% + ${arrowInset}px) ${arrowCenterY}`,
-    right: `-${arrowInset}px ${arrowCenterY}`
-  };
-  return origins[side];
-};
-const Tooltip = (t0) => {
-  const $ = compilerRuntime.c(52);
-  const {
-    children,
-    content,
-    className,
-    placement: t1,
-    showArrow: t2,
-    classNameWrapper: t3
-  } = t0;
-  const placement = t1 === void 0 ? "top" : t1;
-  const showArrow = t2 === void 0 ? true : t2;
-  const classNameWrapper = t3 === void 0 ? "" : t3;
+const Tooltip = ({
+  children,
+  content,
+  className,
+  placement = "top",
+  showArrow = true,
+  classNameWrapper = ""
+}) => {
   const [isOpen, setIsOpen] = React.useState(false);
-  const [animateTransition, setAnimateTransition] = React.useState(true);
-  const [arrowElement, setArrowElement] = React.useState(null);
-  let t4;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = (open, _event, reason) => {
-      if (open) {
-        setAnimateTransition(reason !== "focus");
-      }
-      setIsOpen(open);
-    };
-    $[0] = t4;
-  } else {
-    t4 = $[0];
-  }
-  let t5;
-  let t6;
-  let t7;
-  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = floatingUi_reactDom.offset(8);
-    t6 = floatingUi_reactDom.flip();
-    t7 = floatingUi_reactDom.shift();
-    $[1] = t5;
-    $[2] = t6;
-    $[3] = t7;
-  } else {
-    t5 = $[1];
-    t6 = $[2];
-    t7 = $[3];
-  }
-  let t8;
-  if ($[4] !== arrowElement) {
-    t8 = floatingUi_reactDom.arrow({
-      element: arrowElement
-    });
-    $[4] = arrowElement;
-    $[5] = t8;
-  } else {
-    t8 = $[5];
-  }
-  let t9;
-  if ($[6] !== t8) {
-    t9 = [t5, t6, t7, t8];
-    $[6] = t8;
-    $[7] = t9;
-  } else {
-    t9 = $[7];
-  }
-  let t10;
-  if ($[8] !== isOpen || $[9] !== placement || $[10] !== t9) {
-    t10 = {
-      open: isOpen,
-      onOpenChange: t4,
-      placement,
-      strategy: "fixed",
-      middleware: t9,
-      whileElementsMounted: floatingUi_dom.autoUpdate
-    };
-    $[8] = isOpen;
-    $[9] = placement;
-    $[10] = t9;
-    $[11] = t10;
-  } else {
-    t10 = $[11];
-  }
+  const arrowRef = React.useRef(null);
   const {
-    refs: t11,
+    refs,
     floatingStyles,
-    context,
-    middlewareData,
-    placement: resolvedPlacement
-  } = useFloating(t10);
-  const {
-    setReference,
-    setFloating
-  } = t11;
-  let t12;
-  if ($[12] !== animateTransition) {
-    t12 = animateTransition ? {
-      open: 160,
-      close: 100
-    } : 0;
-    $[12] = animateTransition;
-    $[13] = t12;
-  } else {
-    t12 = $[13];
-  }
-  let t13;
-  if ($[14] !== t12) {
-    t13 = {
-      duration: t12
-    };
-    $[14] = t12;
-    $[15] = t13;
-  } else {
-    t13 = $[15];
-  }
-  const {
-    isMounted,
-    status
-  } = useTransitionStatus(context, t13);
-  let resolvedSide;
-  let t14;
-  if ($[16] !== middlewareData.arrow || $[17] !== resolvedPlacement || $[18] !== showArrow) {
-    resolvedSide = resolvedPlacement.split("-")[0];
-    t14 = getTooltipTransformOrigin(resolvedSide, middlewareData.arrow, showArrow);
-    $[16] = middlewareData.arrow;
-    $[17] = resolvedPlacement;
-    $[18] = showArrow;
-    $[19] = resolvedSide;
-    $[20] = t14;
-  } else {
-    resolvedSide = $[19];
-    t14 = $[20];
-  }
-  const transformOrigin = t14;
+    context
+  } = useFloating({
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    placement,
+    strategy: "fixed",
+    middleware: [floatingUi_reactDom.offset(8), floatingUi_reactDom.flip(), floatingUi_reactDom.shift(), floatingUi_reactDom.arrow({
+      element: arrowRef
+    })],
+    whileElementsMounted: floatingUi_dom.autoUpdate
+  });
   const hover = useHover(context);
   const focus = useFocus(context);
   const dismiss = useDismiss(context);
   const role = useRole(context);
-  let t15;
-  if ($[21] !== dismiss || $[22] !== focus || $[23] !== hover || $[24] !== role) {
-    t15 = [hover, focus, dismiss, role];
-    $[21] = dismiss;
-    $[22] = focus;
-    $[23] = hover;
-    $[24] = role;
-    $[25] = t15;
-  } else {
-    t15 = $[25];
-  }
   const {
     getReferenceProps,
     getFloatingProps
-  } = useInteractions(t15);
-  let t16;
-  if ($[26] !== animateTransition || $[27] !== children || $[28] !== className || $[29] !== classNameWrapper || $[30] !== content || $[31] !== context || $[32] !== floatingStyles || $[33] !== getFloatingProps || $[34] !== getReferenceProps || $[35] !== isMounted || $[36] !== resolvedSide || $[37] !== setFloating || $[38] !== setReference || $[39] !== showArrow || $[40] !== status || $[41] !== transformOrigin) {
-    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));
-    let t17;
-    if ($[43] !== classNameWrapper) {
-      t17 = tailwindMerge.twMerge(clsx("w-fit", classNameWrapper));
-      $[43] = classNameWrapper;
-      $[44] = t17;
-    } else {
-      t17 = $[44];
-    }
-    const mergedClassWrapper = t17;
-    let t18;
-    if ($[45] !== getReferenceProps) {
-      t18 = getReferenceProps();
-      $[45] = getReferenceProps;
-      $[46] = t18;
-    } else {
-      t18 = $[46];
-    }
-    let t19;
-    if ($[47] !== children || $[48] !== mergedClassWrapper || $[49] !== setReference || $[50] !== t18) {
-      t19 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setReference, ...t18, className: mergedClassWrapper, children });
-      $[47] = children;
-      $[48] = mergedClassWrapper;
-      $[49] = setReference;
-      $[50] = t18;
-      $[51] = t19;
-    } else {
-      t19 = $[51];
-    }
-    t16 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      t19,
-      isMounted && /* @__PURE__ */ jsxRuntime.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setFloating, style: floatingStyles, ...getFloatingProps(), "data-slot": "tooltip-positioner", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx("tooltip__content", mergedClass), "data-animate": animateTransition ? "true" : "false", "data-side": resolvedSide, "data-slot": "tooltip-content", "data-status": status, style: {
-        transformOrigin
-      }, children: [
-        content,
-        showArrow && /* @__PURE__ */ jsxRuntime.jsx(FloatingArrow, { ref: setArrowElement, context, className: "text-content1", fill: "currentColor" })
-      ] }) }) })
-    ] });
-    $[26] = animateTransition;
-    $[27] = children;
-    $[28] = className;
-    $[29] = classNameWrapper;
-    $[30] = content;
-    $[31] = context;
-    $[32] = floatingStyles;
-    $[33] = getFloatingProps;
-    $[34] = getReferenceProps;
-    $[35] = isMounted;
-    $[36] = resolvedSide;
-    $[37] = setFloating;
-    $[38] = setReference;
-    $[39] = showArrow;
-    $[40] = status;
-    $[41] = transformOrigin;
-    $[42] = t16;
-  } else {
-    t16 = $[42];
-  }
-  return t16;
+  } = 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));
+  const mergedClassWrapper = tailwindMerge.twMerge(clsx("w-fit", classNameWrapper));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: refs.setReference, ...getReferenceProps(), className: mergedClassWrapper, children }),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: refs.setFloating, style: floatingStyles, ...getFloatingProps(), className: mergedClass, children: [
+      content,
+      showArrow && /* @__PURE__ */ jsxRuntime.jsx(FloatingArrow, { ref: arrowRef, context, className: "text-content1", fill: "currentColor" })
+    ] }) })
+  ] });
 };
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=tooltip-YmWFUKFk.js.map
+//# sourceMappingURL=tooltip-CkpPQC4G.js.map