@underverse-ui/underverse 2.0.35 → 2.0.36

package/dist/chunk-EN33T3LJ.js

@@ -0,0 +1,358 @@
+import {
+  chainEventHandlers,
+  cn,
+  mergeRefs,
+  resolveUEditorPortalContainer,
+  useUEditorPortalContainerGetter
+} from "./chunk-6XQTRIP6.js";
+
+// src/components/Tooltip.tsx
+import * as React from "react";
+import { createPortal } from "react-dom";
+
+// src/hooks/useHydrated.ts
+import { useSyncExternalStore } from "react";
+var subscribe = () => () => {
+};
+var getSnapshot = () => true;
+var getServerSnapshot = () => false;
+function useHydrated() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+// src/components/Tooltip.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var variantStyles = {
+  default: "bg-popover text-popover-foreground border-border/50",
+  info: "bg-info text-info-foreground border-info/20",
+  warning: "bg-warning text-warning-foreground border-warning/20",
+  error: "bg-destructive text-destructive-foreground border-destructive/20",
+  success: "bg-success text-success-foreground border-success/20"
+};
+var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
+function getTransformOrigin(side) {
+  switch (side) {
+    case "top":
+      return "center bottom";
+    case "bottom":
+      return "center top";
+    case "left":
+      return "right center";
+    case "right":
+      return "left center";
+  }
+}
+function computeTooltipPosition(args) {
+  const { triggerRect, contentSize, placement, offset, padding, viewport } = args;
+  let side = placement;
+  const fitsTop = triggerRect.top - offset - contentSize.height >= padding;
+  const fitsBottom = triggerRect.bottom + offset + contentSize.height <= viewport.height - padding;
+  const fitsLeft = triggerRect.left - offset - contentSize.width >= padding;
+  const fitsRight = triggerRect.right + offset + contentSize.width <= viewport.width - padding;
+  if (side === "top" && !fitsTop && fitsBottom) side = "bottom";
+  if (side === "bottom" && !fitsBottom && fitsTop) side = "top";
+  if (side === "left" && !fitsLeft && fitsRight) side = "right";
+  if (side === "right" && !fitsRight && fitsLeft) side = "left";
+  const centerX = triggerRect.left + triggerRect.width / 2;
+  const centerY = triggerRect.top + triggerRect.height / 2;
+  let left = 0;
+  let top = 0;
+  if (side === "top") {
+    top = triggerRect.top - offset - contentSize.height;
+    left = centerX - contentSize.width / 2;
+  } else if (side === "bottom") {
+    top = triggerRect.bottom + offset;
+    left = centerX - contentSize.width / 2;
+  } else if (side === "left") {
+    top = centerY - contentSize.height / 2;
+    left = triggerRect.left - offset - contentSize.width;
+  } else {
+    top = centerY - contentSize.height / 2;
+    left = triggerRect.right + offset;
+  }
+  left = clamp(left, padding, viewport.width - contentSize.width - padding);
+  top = clamp(top, padding, viewport.height - contentSize.height - padding);
+  return { top, left, side };
+}
+var Tooltip = React.forwardRef(({
+  children,
+  content,
+  placement = "top",
+  delay = { open: 200, close: 300 },
+  className,
+  disabled = false,
+  variant = "default",
+  asChild = true,
+  ...triggerPassthroughProps
+}, forwardedRef) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const isMounted = useHydrated();
+  const triggerRef = React.useRef(null);
+  const positionerRef = React.useRef(null);
+  const panelRef = React.useRef(null);
+  const timeoutRef = React.useRef(void 0);
+  const lastAppliedRef = React.useRef(null);
+  const openedByPointerRef = React.useRef(false);
+  const triggerSelector = React.useId();
+  const tooltipId = React.useId();
+  const getPortalContainer = useUEditorPortalContainerGetter();
+  const portalContainer = isOpen ? resolveUEditorPortalContainer(getPortalContainer) : null;
+  const portalDocument = portalContainer?.ownerDocument ?? null;
+  const portalWindow = portalDocument?.defaultView ?? null;
+  const delayOpen = typeof delay === "object" ? delay.open || 700 : delay;
+  const delayClose = typeof delay === "object" ? delay.close || 300 : delay;
+  const offset = 8;
+  const padding = 8;
+  const updatePosition = React.useCallback(() => {
+    const triggerEl = triggerRef.current;
+    const positionerEl = positionerRef.current;
+    const panelEl = panelRef.current;
+    if (!triggerEl || !positionerEl || !panelEl) return;
+    const triggerRect = triggerEl.getBoundingClientRect();
+    const measuredWidth = panelEl.offsetWidth;
+    const measuredHeight = panelEl.offsetHeight;
+    const rect = panelEl.getBoundingClientRect();
+    const contentWidth = measuredWidth || rect.width;
+    const contentHeight = measuredHeight || rect.height;
+    const next = computeTooltipPosition({
+      triggerRect,
+      contentSize: { width: contentWidth, height: contentHeight },
+      placement,
+      offset,
+      padding,
+      viewport: {
+        width: portalWindow?.innerWidth ?? window.innerWidth,
+        height: portalWindow?.innerHeight ?? window.innerHeight
+      }
+    });
+    const top = Math.round(next.top);
+    const left = Math.round(next.left);
+    const prev = lastAppliedRef.current;
+    const same = prev && Math.abs(prev.top - top) < 0.5 && Math.abs(prev.left - left) < 0.5 && prev.side === next.side;
+    if (same) return;
+    lastAppliedRef.current = { top, left, side: next.side };
+    positionerEl.style.transform = `translate3d(${left}px, ${top}px, 0)`;
+    panelEl.style.transformOrigin = getTransformOrigin(next.side);
+    if (positionerEl.style.visibility !== "visible") positionerEl.style.visibility = "visible";
+  }, [placement, portalWindow]);
+  const handleMouseEnter = () => {
+    if (disabled) return;
+    openedByPointerRef.current = true;
+    clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => {
+      setIsOpen(true);
+    }, delayOpen);
+  };
+  const handleMouseLeave = () => {
+    clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => {
+      setIsOpen(false);
+    }, delayClose);
+  };
+  const closeNow = React.useCallback(() => {
+    clearTimeout(timeoutRef.current);
+    openedByPointerRef.current = false;
+    setIsOpen(false);
+  }, []);
+  const handleFocus = () => {
+    if (disabled) return;
+    openedByPointerRef.current = false;
+    setIsOpen(true);
+  };
+  const handleBlur = () => {
+    openedByPointerRef.current = false;
+    setIsOpen(false);
+  };
+  React.useEffect(() => {
+    return () => clearTimeout(timeoutRef.current);
+  }, []);
+  React.useEffect(() => {
+    if (isOpen) return;
+    clearTimeout(timeoutRef.current);
+  }, [isOpen]);
+  React.useLayoutEffect(() => {
+    if (!isOpen || !portalWindow) {
+      lastAppliedRef.current = null;
+      return;
+    }
+    updatePosition();
+    let raf1 = 0;
+    let raf2 = 0;
+    raf1 = portalWindow.requestAnimationFrame(() => {
+      updatePosition();
+      raf2 = portalWindow.requestAnimationFrame(() => updatePosition());
+    });
+    return () => {
+      portalWindow.cancelAnimationFrame(raf1);
+      portalWindow.cancelAnimationFrame(raf2);
+    };
+  }, [isOpen, portalWindow, updatePosition]);
+  React.useEffect(() => {
+    if (!isOpen || !portalDocument || !portalWindow) return;
+    let raf = 0;
+    const handler = () => {
+      portalWindow.cancelAnimationFrame(raf);
+      raf = portalWindow.requestAnimationFrame(() => updatePosition());
+    };
+    handler();
+    portalWindow.addEventListener("resize", handler);
+    portalWindow.addEventListener("scroll", handler, true);
+    portalDocument.addEventListener("scroll", handler, true);
+    return () => {
+      portalWindow.cancelAnimationFrame(raf);
+      portalWindow.removeEventListener("resize", handler);
+      portalWindow.removeEventListener("scroll", handler, true);
+      portalDocument.removeEventListener("scroll", handler, true);
+    };
+  }, [isOpen, portalDocument, portalWindow, updatePosition]);
+  React.useEffect(() => {
+    if (!isOpen || !portalWindow) return;
+    const ResizeObserverCtor = portalWindow.ResizeObserver;
+    if (!ResizeObserverCtor) return;
+    const ro = new ResizeObserverCtor(() => updatePosition());
+    if (triggerRef.current) ro.observe(triggerRef.current);
+    if (panelRef.current) ro.observe(panelRef.current);
+    return () => ro.disconnect();
+  }, [isOpen, portalWindow, updatePosition]);
+  React.useEffect(() => {
+    if (!isOpen || !portalDocument) return;
+    const handleDocumentKeyDown = (event) => {
+      if (event.key === "Escape") closeNow();
+    };
+    const handleDocumentPointerMove = (event) => {
+      if (!openedByPointerRef.current) return;
+      const triggerEl = triggerRef.current;
+      if (!triggerEl) {
+        closeNow();
+        return;
+      }
+      const rect = triggerEl.getBoundingClientRect();
+      const tolerance = 2;
+      const insideTrigger = event.clientX >= rect.left - tolerance && event.clientX <= rect.right + tolerance && event.clientY >= rect.top - tolerance && event.clientY <= rect.bottom + tolerance;
+      if (!insideTrigger) closeNow();
+    };
+    portalDocument.addEventListener("pointerdown", closeNow, true);
+    portalDocument.addEventListener("keydown", handleDocumentKeyDown);
+    portalDocument.addEventListener("pointermove", handleDocumentPointerMove, true);
+    return () => {
+      portalDocument.removeEventListener("pointerdown", closeNow, true);
+      portalDocument.removeEventListener("keydown", handleDocumentKeyDown);
+      portalDocument.removeEventListener("pointermove", handleDocumentPointerMove, true);
+    };
+  }, [closeNow, isOpen, portalDocument]);
+  const childProps = children.props;
+  const childRef = childProps.ref;
+  const passthroughRef = mergeRefs(forwardedRef, childRef, (node) => {
+    triggerRef.current = node;
+  });
+  if (disabled || !content) {
+    if (!asChild) return children;
+    return React.cloneElement(children, {
+      ...triggerPassthroughProps,
+      ref: passthroughRef
+    });
+  }
+  const triggerProps = {
+    ...triggerPassthroughProps,
+    ref: passthroughRef,
+    "data-underverse-tooltip-trigger": triggerSelector,
+    "aria-describedby": isOpen ? [childProps["aria-describedby"], triggerPassthroughProps["aria-describedby"], tooltipId].filter(Boolean).join(" ") : childProps["aria-describedby"] ?? triggerPassthroughProps["aria-describedby"],
+    onMouseEnter: chainEventHandlers(
+      triggerPassthroughProps.onMouseEnter,
+      childProps.onMouseEnter,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        handleMouseEnter();
+      }
+    ),
+    onMouseLeave: chainEventHandlers(
+      triggerPassthroughProps.onMouseLeave,
+      childProps.onMouseLeave,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        handleMouseLeave();
+      }
+    ),
+    onPointerDown: chainEventHandlers(
+      triggerPassthroughProps.onPointerDown,
+      childProps.onPointerDown,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        closeNow();
+      }
+    ),
+    onClick: chainEventHandlers(
+      triggerPassthroughProps.onClick,
+      childProps.onClick,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        closeNow();
+      }
+    ),
+    onFocus: chainEventHandlers(
+      triggerPassthroughProps.onFocus,
+      childProps.onFocus,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        handleFocus();
+      }
+    ),
+    onBlur: chainEventHandlers(
+      triggerPassthroughProps.onBlur,
+      childProps.onBlur,
+      () => {
+        handleBlur();
+      }
+    )
+  };
+  const trigger = asChild ? React.cloneElement(children, triggerProps) : /* @__PURE__ */ jsx("span", { ...triggerProps, children });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    trigger,
+    isMounted && isOpen && portalContainer && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: positionerRef,
+          style: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            transform: "translate3d(0, 0, 0)",
+            zIndex: 99999,
+            visibility: "hidden",
+            pointerEvents: "none",
+            willChange: "transform"
+          },
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: panelRef,
+              id: tooltipId,
+              role: "tooltip",
+              style: {
+                opacity: 1,
+                transition: "opacity 150ms",
+                transformOrigin: getTransformOrigin(placement)
+              },
+              className: cn(
+                "px-3 py-2 text-sm font-medium rounded-xl shadow-lg border",
+                "max-w-xs wrap-break-word backdrop-blur-sm",
+                variantStyles[variant],
+                className
+              ),
+              children: content
+            }
+          )
+        }
+      ),
+      portalContainer
+    )
+  ] });
+});
+Tooltip.displayName = "Tooltip";
+
+export {
+  useHydrated,
+  Tooltip
+};
+//# sourceMappingURL=chunk-EN33T3LJ.js.map

package/dist/chunk-EN33T3LJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip.tsx","../src/hooks/useHydrated.ts"],"sourcesContent":["\"use client\";\n\n/* eslint-disable react-hooks/refs -- Tooltip composes child refs and updates them only from ref/event callbacks; the compiler cannot prove that cloneElement defers those callbacks. */\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../utils/cn\";\nimport { useHydrated } from \"../hooks/useHydrated\";\nimport { chainEventHandlers, mergeRefs } from \"../utils/react-compose\";\nimport { resolveUEditorPortalContainer, useUEditorPortalContainerGetter } from \"./UEditor/portal-context\";\n\ntype Side = \"top\" | \"right\" | \"bottom\" | \"left\";\ntype TooltipPlacement = Side;\n\n/** Public props for the `Tooltip` component. */\ntype TooltipProps = Omit<React.HTMLAttributes<HTMLElement>, \"children\" | \"content\"> & {\n  children: React.ReactElement;\n  content: React.ReactNode;\n  placement?: TooltipPlacement;\n  delay?: number | { open?: number; close?: number };\n  className?: string;\n  disabled?: boolean;\n  variant?: \"default\" | \"info\" | \"warning\" | \"error\" | \"success\";\n  /** When true, augment the child directly instead of adding a wrapper. Default: true */\n  asChild?: boolean;\n};\n\nconst variantStyles = {\n  default: \"bg-popover text-popover-foreground border-border/50\",\n  info: \"bg-info text-info-foreground border-info/20\",\n  warning: \"bg-warning text-warning-foreground border-warning/20\",\n  error: \"bg-destructive text-destructive-foreground border-destructive/20\",\n  success: \"bg-success text-success-foreground border-success/20\",\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nfunction getTransformOrigin(side: Side) {\n  switch (side) {\n    case \"top\":\n      return \"center bottom\";\n    case \"bottom\":\n      return \"center top\";\n    case \"left\":\n      return \"right center\";\n    case \"right\":\n      return \"left center\";\n  }\n}\n\nfunction computeTooltipPosition(args: {\n  triggerRect: DOMRect;\n  contentSize: { width: number; height: number };\n  placement: TooltipPlacement;\n  offset: number;\n  padding: number;\n  viewport: { width: number; height: number };\n}): { top: number; left: number; side: Side } {\n  const { triggerRect, contentSize, placement, offset, padding, viewport } = args;\n  let side: Side = placement;\n\n  const fitsTop = triggerRect.top - offset - contentSize.height >= padding;\n  const fitsBottom = triggerRect.bottom + offset + contentSize.height <= viewport.height - padding;\n  const fitsLeft = triggerRect.left - offset - contentSize.width >= padding;\n  const fitsRight = triggerRect.right + offset + contentSize.width <= viewport.width - padding;\n\n  if (side === \"top\" && !fitsTop && fitsBottom) side = \"bottom\";\n  if (side === \"bottom\" && !fitsBottom && fitsTop) side = \"top\";\n  if (side === \"left\" && !fitsLeft && fitsRight) side = \"right\";\n  if (side === \"right\" && !fitsRight && fitsLeft) side = \"left\";\n\n  const centerX = triggerRect.left + triggerRect.width / 2;\n  const centerY = triggerRect.top + triggerRect.height / 2;\n\n  let left = 0;\n  let top = 0;\n\n  if (side === \"top\") {\n    top = triggerRect.top - offset - contentSize.height;\n    left = centerX - contentSize.width / 2;\n  } else if (side === \"bottom\") {\n    top = triggerRect.bottom + offset;\n    left = centerX - contentSize.width / 2;\n  } else if (side === \"left\") {\n    top = centerY - contentSize.height / 2;\n    left = triggerRect.left - offset - contentSize.width;\n  } else {\n    top = centerY - contentSize.height / 2;\n    left = triggerRect.right + offset;\n  }\n\n  left = clamp(left, padding, viewport.width - contentSize.width - padding);\n  top = clamp(top, padding, viewport.height - contentSize.height - padding);\n\n  return { top, left, side };\n}\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(({\n  children,\n  content,\n  placement = \"top\",\n  delay = { open: 200, close: 300 },\n  className,\n  disabled = false,\n  variant = \"default\",\n  asChild = true,\n  ...triggerPassthroughProps\n}, forwardedRef) => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const isMounted = useHydrated();\n  const triggerRef = React.useRef<HTMLElement>(null);\n  const positionerRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const timeoutRef = React.useRef<NodeJS.Timeout | undefined>(undefined);\n  const lastAppliedRef = React.useRef<{ top: number; left: number; side: Side } | null>(null);\n  const openedByPointerRef = React.useRef(false);\n  const triggerSelector = React.useId();\n  const tooltipId = React.useId();\n  const getPortalContainer = useUEditorPortalContainerGetter();\n  const portalContainer = isOpen ? resolveUEditorPortalContainer(getPortalContainer) : null;\n  const portalDocument = portalContainer?.ownerDocument ?? null;\n  const portalWindow = portalDocument?.defaultView ?? null;\n\n  const delayOpen = typeof delay === \"object\" ? delay.open || 700 : delay;\n  const delayClose = typeof delay === \"object\" ? delay.close || 300 : delay;\n\n  const offset = 8;\n  const padding = 8;\n\n  const updatePosition = React.useCallback(() => {\n    const triggerEl = triggerRef.current;\n    const positionerEl = positionerRef.current;\n    const panelEl = panelRef.current;\n    if (!triggerEl || !positionerEl || !panelEl) return;\n\n    const triggerRect = triggerEl.getBoundingClientRect();\n    const measuredWidth = panelEl.offsetWidth;\n    const measuredHeight = panelEl.offsetHeight;\n    const rect = panelEl.getBoundingClientRect();\n\n    const contentWidth = measuredWidth || rect.width;\n    const contentHeight = measuredHeight || rect.height;\n\n    const next = computeTooltipPosition({\n      triggerRect,\n      contentSize: { width: contentWidth, height: contentHeight },\n      placement,\n      offset,\n      padding,\n      viewport: {\n        width: portalWindow?.innerWidth ?? window.innerWidth,\n        height: portalWindow?.innerHeight ?? window.innerHeight,\n      },\n    });\n\n    const top = Math.round(next.top);\n    const left = Math.round(next.left);\n\n    const prev = lastAppliedRef.current;\n    const same = prev && Math.abs(prev.top - top) < 0.5 && Math.abs(prev.left - left) < 0.5 && prev.side === next.side;\n    if (same) return;\n\n    lastAppliedRef.current = { top, left, side: next.side };\n    positionerEl.style.transform = `translate3d(${left}px, ${top}px, 0)`;\n    panelEl.style.transformOrigin = getTransformOrigin(next.side);\n    if (positionerEl.style.visibility !== \"visible\") positionerEl.style.visibility = \"visible\";\n  }, [placement, portalWindow]);\n\n  const handleMouseEnter = () => {\n    if (disabled) return;\n    openedByPointerRef.current = true;\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = setTimeout(() => {\n      setIsOpen(true);\n    }, delayOpen);\n  };\n\n  const handleMouseLeave = () => {\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, delayClose);\n  };\n\n  const closeNow = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    openedByPointerRef.current = false;\n    setIsOpen(false);\n  }, []);\n\n  const handleFocus = () => {\n    if (disabled) return;\n    openedByPointerRef.current = false;\n    setIsOpen(true);\n  };\n\n  const handleBlur = () => {\n    openedByPointerRef.current = false;\n    setIsOpen(false);\n  };\n\n  React.useEffect(() => {\n    return () => clearTimeout(timeoutRef.current);\n  }, []);\n\n  React.useEffect(() => {\n    if (isOpen) return;\n    clearTimeout(timeoutRef.current);\n  }, [isOpen]);\n\n  // Compute a stable position right after opening (before paint), then re-check a couple frames later.\n  React.useLayoutEffect(() => {\n    if (!isOpen || !portalWindow) {\n      lastAppliedRef.current = null;\n      return;\n    }\n    updatePosition();\n    let raf1 = 0;\n    let raf2 = 0;\n    raf1 = portalWindow.requestAnimationFrame(() => {\n      updatePosition();\n      raf2 = portalWindow.requestAnimationFrame(() => updatePosition());\n    });\n    return () => {\n      portalWindow.cancelAnimationFrame(raf1);\n      portalWindow.cancelAnimationFrame(raf2);\n    };\n  }, [isOpen, portalWindow, updatePosition]);\n\n  React.useEffect(() => {\n    if (!isOpen || !portalDocument || !portalWindow) return;\n    let raf = 0;\n    const handler = () => {\n      portalWindow.cancelAnimationFrame(raf);\n      raf = portalWindow.requestAnimationFrame(() => updatePosition());\n    };\n    handler();\n    portalWindow.addEventListener(\"resize\", handler);\n    portalWindow.addEventListener(\"scroll\", handler, true);\n    portalDocument.addEventListener(\"scroll\", handler, true);\n    return () => {\n      portalWindow.cancelAnimationFrame(raf);\n      portalWindow.removeEventListener(\"resize\", handler);\n      portalWindow.removeEventListener(\"scroll\", handler, true);\n      portalDocument.removeEventListener(\"scroll\", handler, true);\n    };\n  }, [isOpen, portalDocument, portalWindow, updatePosition]);\n\n  React.useEffect(() => {\n    if (!isOpen || !portalWindow) return;\n    const ResizeObserverCtor = portalWindow.ResizeObserver;\n    if (!ResizeObserverCtor) return;\n    const ro = new ResizeObserverCtor(() => updatePosition());\n    if (triggerRef.current) ro.observe(triggerRef.current);\n    if (panelRef.current) ro.observe(panelRef.current);\n    return () => ro.disconnect();\n  }, [isOpen, portalWindow, updatePosition]);\n\n  React.useEffect(() => {\n    if (!isOpen || !portalDocument) return;\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") closeNow();\n    };\n\n    const handleDocumentPointerMove = (event: PointerEvent) => {\n      if (!openedByPointerRef.current) return;\n\n      const triggerEl = triggerRef.current;\n      if (!triggerEl) {\n        closeNow();\n        return;\n      }\n\n      const rect = triggerEl.getBoundingClientRect();\n      const tolerance = 2;\n      const insideTrigger =\n        event.clientX >= rect.left - tolerance &&\n        event.clientX <= rect.right + tolerance &&\n        event.clientY >= rect.top - tolerance &&\n        event.clientY <= rect.bottom + tolerance;\n\n      if (!insideTrigger) closeNow();\n    };\n\n    portalDocument.addEventListener(\"pointerdown\", closeNow, true);\n    portalDocument.addEventListener(\"keydown\", handleDocumentKeyDown);\n    portalDocument.addEventListener(\"pointermove\", handleDocumentPointerMove, true);\n\n    return () => {\n      portalDocument.removeEventListener(\"pointerdown\", closeNow, true);\n      portalDocument.removeEventListener(\"keydown\", handleDocumentKeyDown);\n      portalDocument.removeEventListener(\"pointermove\", handleDocumentPointerMove, true);\n    };\n  }, [closeNow, isOpen, portalDocument]);\n\n  const childProps = children.props as React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> };\n  const childRef = childProps.ref;\n  const passthroughRef = mergeRefs<HTMLElement>(forwardedRef, childRef, (node) => {\n    triggerRef.current = node;\n  });\n\n  if (disabled || !content) {\n    if (!asChild) return children;\n    return React.cloneElement(children as React.ReactElement<any>, {\n      ...triggerPassthroughProps,\n      ref: passthroughRef,\n    });\n  }\n\n  const triggerProps = {\n    ...triggerPassthroughProps,\n    ref: passthroughRef,\n    \"data-underverse-tooltip-trigger\": triggerSelector,\n    \"aria-describedby\": isOpen\n      ? [childProps[\"aria-describedby\"], triggerPassthroughProps[\"aria-describedby\"], tooltipId].filter(Boolean).join(\" \")\n      : childProps[\"aria-describedby\"] ?? triggerPassthroughProps[\"aria-describedby\"],\n    onMouseEnter: chainEventHandlers<React.MouseEvent<HTMLElement>>(\n      triggerPassthroughProps.onMouseEnter,\n      childProps.onMouseEnter,\n      (e) => {\n        triggerRef.current = e.currentTarget as HTMLElement;\n        handleMouseEnter();\n      },\n    ),\n    onMouseLeave: chainEventHandlers<React.MouseEvent<HTMLElement>>(\n      triggerPassthroughProps.onMouseLeave,\n      childProps.onMouseLeave,\n      (e) => {\n        triggerRef.current = e.currentTarget as HTMLElement;\n        handleMouseLeave();\n      },\n    ),\n    onPointerDown: chainEventHandlers<React.PointerEvent<HTMLElement>>(\n      triggerPassthroughProps.onPointerDown,\n      childProps.onPointerDown,\n      (e) => {\n        triggerRef.current = e.currentTarget as HTMLElement;\n        closeNow();\n      },\n    ),\n    onClick: chainEventHandlers<React.MouseEvent<HTMLElement>>(\n      triggerPassthroughProps.onClick,\n      childProps.onClick,\n      (e) => {\n        triggerRef.current = e.currentTarget as HTMLElement;\n        closeNow();\n      },\n    ),\n    onFocus: chainEventHandlers<React.FocusEvent<HTMLElement>>(\n      triggerPassthroughProps.onFocus,\n      childProps.onFocus,\n      (e) => {\n        triggerRef.current = e.currentTarget as HTMLElement;\n        handleFocus();\n      },\n    ),\n    onBlur: chainEventHandlers<React.FocusEvent<HTMLElement>>(\n      triggerPassthroughProps.onBlur,\n      childProps.onBlur,\n      () => {\n        handleBlur();\n      },\n    ),\n  } satisfies React.HTMLAttributes<HTMLElement> & {\n    ref: React.Ref<HTMLElement>;\n    \"data-underverse-tooltip-trigger\": string;\n  };\n\n  const trigger = asChild ? (\n    React.cloneElement(children, triggerProps)\n  ) : (\n    <span {...triggerProps}>{children}</span>\n  );\n\n  return (\n    <>\n      {trigger}\n      {isMounted &&\n        isOpen &&\n        portalContainer &&\n        createPortal(\n          <div\n            ref={positionerRef}\n            style={{\n              position: \"fixed\",\n              top: 0,\n              left: 0,\n              transform: \"translate3d(0, 0, 0)\",\n              zIndex: 99999,\n              visibility: \"hidden\",\n              pointerEvents: \"none\",\n              willChange: \"transform\",\n            }}\n          >\n            <div\n              ref={panelRef}\n              id={tooltipId}\n              role=\"tooltip\"\n              style={{\n                opacity: 1,\n                transition: \"opacity 150ms\",\n                transformOrigin: getTransformOrigin(placement),\n              }}\n              className={cn(\n                \"px-3 py-2 text-sm font-medium rounded-xl shadow-lg border\",\n                \"max-w-xs wrap-break-word backdrop-blur-sm\",\n                variantStyles[variant],\n                className,\n              )}\n            >\n              {content}\n            </div>\n          </div>,\n          portalContainer,\n        )}\n    </>\n  );\n});\n\nTooltip.displayName = \"Tooltip\";\n","\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\nconst subscribe = () => () => {};\nconst getSnapshot = () => true;\nconst getServerSnapshot = () => false;\n\nexport function useHydrated() {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-WFQV7XFC.js → chunk-JABD2ONI.js}

@@ -1,11 +1,11 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-F2P3DJSC.js";
+} from "./chunk-5GMQ23IU.js";
 import {
   cn,
   useGlobalI18n
-} from "./chunk-6FAHXNDQ.js";
+} from "./chunk-6XQTRIP6.js";
 
 // src/components/Modal.tsx
 import * as React from "react";
@@ -253,4 +253,4 @@ var Modal_default = Modal;
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-WFQV7XFC.js.map
+//# sourceMappingURL=chunk-JABD2ONI.js.map