@underverse-ui/underverse 2.0.14 → 2.0.15

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "2.0.14",
+  "version": "2.0.15",
   "sourceEntry": "src/index.ts",
   "totalExports": 257,
   "exports": [

package/dist/{EmojiPicker-CGMUDB4I.js → EmojiPicker-3X2S7XPP.js}

@@ -2,13 +2,13 @@
 import {
   EmojiPicker,
   EmojiPicker_default
-} from "./chunk-N2S6RI4Y.js";
-import "./chunk-DXLSCUYA.js";
+} from "./chunk-HTGAV4IG.js";
+import "./chunk-SKCO2GFM.js";
 import "./chunk-4TYW5K4J.js";
-import "./chunk-PV2G2XME.js";
+import "./chunk-EPBYGZHZ.js";
 import "./chunk-NSBPE2FW.js";
 export {
   EmojiPicker,
   EmojiPicker_default as default
 };
-//# sourceMappingURL=EmojiPicker-CGMUDB4I.js.map
+//# sourceMappingURL=EmojiPicker-3X2S7XPP.js.map

package/dist/{chunk-DCFQGH3K.js → chunk-D22TNGE5.js}

@@ -1,11 +1,11 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-3Q5EE2ZA.js";
+} from "./chunk-WEGE3MZ5.js";
 import {
   cn,
   useGlobalI18n
-} from "./chunk-PV2G2XME.js";
+} from "./chunk-EPBYGZHZ.js";
 
 // src/components/Modal.tsx
 import * as React from "react";
@@ -196,4 +196,4 @@ var Modal_default = Modal;
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-DCFQGH3K.js.map
+//# sourceMappingURL=chunk-D22TNGE5.js.map

package/dist/{chunk-PV2G2XME.js → chunk-EPBYGZHZ.js}

@@ -2145,7 +2145,7 @@ function useSmartLocale() {
 }
 
 // src/components/Tooltip.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import { createPortal } from "react-dom";
 
 // src/hooks/useHydrated.ts
@@ -2178,8 +2178,33 @@ function mergeRefs(...refs) {
   };
 }
 
+// src/components/UEditor/portal-context.tsx
+import * as React5 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var UEditorPortalContext = React5.createContext(void 0);
+function UEditorPortalProvider({
+  children,
+  getPortalContainer
+}) {
+  return /* @__PURE__ */ jsx5(UEditorPortalContext.Provider, { value: getPortalContainer, children });
+}
+function useUEditorPortalContainerGetter() {
+  return React5.useContext(UEditorPortalContext);
+}
+function resolveUEditorPortalContainer(getPortalContainer) {
+  if (typeof document === "undefined") return null;
+  if (getPortalContainer) {
+    try {
+      const container = getPortalContainer();
+      if (container) return container;
+    } catch {
+    }
+  }
+  return document.body;
+}
+
 // src/components/Tooltip.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, 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",
@@ -2232,7 +2257,7 @@ function computeTooltipPosition(args) {
   top = clamp(top, padding, viewport.height - contentSize.height - padding);
   return { top, left, side };
 }
-var Tooltip = React5.forwardRef(({
+var Tooltip = React6.forwardRef(({
   children,
   content,
   placement = "top",
@@ -2243,27 +2268,31 @@ var Tooltip = React5.forwardRef(({
   asChild = true,
   ...triggerPassthroughProps
 }, forwardedRef) => {
-  const [isOpen, setIsOpen] = React5.useState(false);
+  const [isOpen, setIsOpen] = React6.useState(false);
   const isMounted = useHydrated();
-  const triggerRef = React5.useRef(null);
-  const positionerRef = React5.useRef(null);
-  const panelRef = React5.useRef(null);
-  const timeoutRef = React5.useRef(void 0);
-  const lastAppliedRef = React5.useRef(null);
-  const openedByPointerRef = React5.useRef(false);
-  const triggerSelector = React5.useId();
+  const triggerRef = React6.useRef(null);
+  const positionerRef = React6.useRef(null);
+  const panelRef = React6.useRef(null);
+  const timeoutRef = React6.useRef(void 0);
+  const lastAppliedRef = React6.useRef(null);
+  const openedByPointerRef = React6.useRef(false);
+  const triggerSelector = React6.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;
-  React5.useLayoutEffect(() => {
+  React6.useLayoutEffect(() => {
     if (typeof document === "undefined") return;
     const triggerEl = document.querySelector(`[data-underverse-tooltip-trigger="${triggerSelector}"]`);
     if (triggerEl) {
       triggerRef.current = triggerEl;
     }
   }, [children, triggerSelector]);
-  const updatePosition = React5.useCallback(() => {
+  const updatePosition = React6.useCallback(() => {
     const triggerEl = triggerRef.current;
     const positionerEl = positionerRef.current;
     const panelEl = panelRef.current;
@@ -2280,7 +2309,10 @@ var Tooltip = React5.forwardRef(({
       placement,
       offset,
       padding,
-      viewport: { width: window.innerWidth, height: window.innerHeight }
+      viewport: {
+        width: portalWindow?.innerWidth ?? window.innerWidth,
+        height: portalWindow?.innerHeight ?? window.innerHeight
+      }
     });
     const top = Math.round(next.top);
     const left = Math.round(next.left);
@@ -2291,7 +2323,7 @@ var Tooltip = React5.forwardRef(({
     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]);
+  }, [placement, portalWindow]);
   const handleMouseEnter = () => {
     if (disabled) return;
     openedByPointerRef.current = true;
@@ -2306,7 +2338,7 @@ var Tooltip = React5.forwardRef(({
       setIsOpen(false);
     }, delayClose);
   };
-  const closeNow = React5.useCallback(() => {
+  const closeNow = React6.useCallback(() => {
     clearTimeout(timeoutRef.current);
     openedByPointerRef.current = false;
     setIsOpen(false);
@@ -2320,58 +2352,59 @@ var Tooltip = React5.forwardRef(({
     openedByPointerRef.current = false;
     setIsOpen(false);
   };
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     return () => clearTimeout(timeoutRef.current);
   }, []);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     if (isOpen) return;
     clearTimeout(timeoutRef.current);
   }, [isOpen]);
-  React5.useLayoutEffect(() => {
-    if (!isOpen) {
+  React6.useLayoutEffect(() => {
+    if (!isOpen || !portalWindow) {
       lastAppliedRef.current = null;
       return;
     }
     updatePosition();
     let raf1 = 0;
     let raf2 = 0;
-    raf1 = window.requestAnimationFrame(() => {
+    raf1 = portalWindow.requestAnimationFrame(() => {
       updatePosition();
-      raf2 = window.requestAnimationFrame(() => updatePosition());
+      raf2 = portalWindow.requestAnimationFrame(() => updatePosition());
     });
     return () => {
-      cancelAnimationFrame(raf1);
-      cancelAnimationFrame(raf2);
+      portalWindow.cancelAnimationFrame(raf1);
+      portalWindow.cancelAnimationFrame(raf2);
     };
-  }, [isOpen, updatePosition]);
-  React5.useEffect(() => {
-    if (!isOpen) return;
+  }, [isOpen, portalWindow, updatePosition]);
+  React6.useEffect(() => {
+    if (!isOpen || !portalDocument || !portalWindow) return;
     let raf = 0;
     const handler = () => {
-      cancelAnimationFrame(raf);
-      raf = window.requestAnimationFrame(() => updatePosition());
+      portalWindow.cancelAnimationFrame(raf);
+      raf = portalWindow.requestAnimationFrame(() => updatePosition());
     };
     handler();
-    window.addEventListener("resize", handler);
-    window.addEventListener("scroll", handler, true);
-    document.addEventListener("scroll", handler, true);
+    portalWindow.addEventListener("resize", handler);
+    portalWindow.addEventListener("scroll", handler, true);
+    portalDocument.addEventListener("scroll", handler, true);
     return () => {
-      cancelAnimationFrame(raf);
-      window.removeEventListener("resize", handler);
-      window.removeEventListener("scroll", handler, true);
-      document.removeEventListener("scroll", handler, true);
+      portalWindow.cancelAnimationFrame(raf);
+      portalWindow.removeEventListener("resize", handler);
+      portalWindow.removeEventListener("scroll", handler, true);
+      portalDocument.removeEventListener("scroll", handler, true);
     };
-  }, [isOpen, updatePosition]);
-  React5.useEffect(() => {
-    if (!isOpen) return;
-    if (typeof ResizeObserver === "undefined") return;
-    const ro = new ResizeObserver(() => updatePosition());
+  }, [isOpen, portalDocument, portalWindow, updatePosition]);
+  React6.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, updatePosition]);
-  React5.useEffect(() => {
-    if (!isOpen) return;
+  }, [isOpen, portalWindow, updatePosition]);
+  React6.useEffect(() => {
+    if (!isOpen || !portalDocument) return;
     const handleDocumentKeyDown = (event) => {
       if (event.key === "Escape") closeNow();
     };
@@ -2387,15 +2420,15 @@ var Tooltip = React5.forwardRef(({
       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();
     };
-    document.addEventListener("pointerdown", closeNow, true);
-    document.addEventListener("keydown", handleDocumentKeyDown);
-    document.addEventListener("pointermove", handleDocumentPointerMove, true);
+    portalDocument.addEventListener("pointerdown", closeNow, true);
+    portalDocument.addEventListener("keydown", handleDocumentKeyDown);
+    portalDocument.addEventListener("pointermove", handleDocumentPointerMove, true);
     return () => {
-      document.removeEventListener("pointerdown", closeNow, true);
-      document.removeEventListener("keydown", handleDocumentKeyDown);
-      document.removeEventListener("pointermove", handleDocumentPointerMove, true);
+      portalDocument.removeEventListener("pointerdown", closeNow, true);
+      portalDocument.removeEventListener("keydown", handleDocumentKeyDown);
+      portalDocument.removeEventListener("pointermove", handleDocumentPointerMove, true);
     };
-  }, [closeNow, isOpen]);
+  }, [closeNow, isOpen, portalDocument]);
   const childProps = children.props;
   const childRef = childProps.ref;
   const passthroughRef = mergeRefs(forwardedRef, childRef, (node) => {
@@ -2403,7 +2436,7 @@ var Tooltip = React5.forwardRef(({
   });
   if (disabled || !content) {
     if (!asChild) return children;
-    return React5.cloneElement(children, {
+    return React6.cloneElement(children, {
       ...triggerPassthroughProps,
       ref: passthroughRef
     });
@@ -2460,11 +2493,11 @@ var Tooltip = React5.forwardRef(({
       }
     )
   };
-  const trigger = asChild ? React5.cloneElement(children, triggerProps) : /* @__PURE__ */ jsx5("span", { ...triggerProps, children });
+  const trigger = asChild ? React6.cloneElement(children, triggerProps) : /* @__PURE__ */ jsx6("span", { ...triggerProps, children });
   return /* @__PURE__ */ jsxs(Fragment2, { children: [
     trigger,
-    isMounted && isOpen && createPortal(
-      /* @__PURE__ */ jsx5(
+    isMounted && isOpen && portalContainer && createPortal(
+      /* @__PURE__ */ jsx6(
         "div",
         {
           ref: positionerRef,
@@ -2478,7 +2511,7 @@ var Tooltip = React5.forwardRef(({
             pointerEvents: "none",
             willChange: "transform"
           },
-          children: /* @__PURE__ */ jsx5(
+          children: /* @__PURE__ */ jsx6(
             "div",
             {
               ref: panelRef,
@@ -2499,7 +2532,7 @@ var Tooltip = React5.forwardRef(({
           )
         }
       ),
-      document.body
+      portalContainer
     )
   ] });
 });
@@ -2532,6 +2565,9 @@ export {
   chainEventHandlers,
   setRefValue,
   mergeRefs,
+  UEditorPortalProvider,
+  useUEditorPortalContainerGetter,
+  resolveUEditorPortalContainer,
   Tooltip
 };
-//# sourceMappingURL=chunk-PV2G2XME.js.map
+//# sourceMappingURL=chunk-EPBYGZHZ.js.map