@payloadcms/ui 4.0.0-internal.ccea85d → 4.0.0-internal.cd47d20

package/dist/elements/Popup/index.js

@@ -2,8 +2,7 @@
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export * as PopupList from './PopupButtonList/index.js';
-import React, { createContext, use, useCallback, useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
+import React, { createContext, use, useCallback, useEffect, useId, useRef, useState } from 'react';
 import { useEffectEvent } from '../../hooks/useEffectEvent.js';
 import { ThemeProvider } from '../../providers/Theme/index.js';
 import './index.css';
@@ -14,24 +13,13 @@ const PopupContext = /*#__PURE__*/createContext(null);
  * Selector for all elements the browser considers tabbable.
  */
 const TABBABLE_SELECTOR = ['a[href]', 'button:not(:disabled)', 'input:not(:disabled):not([type="hidden"])', 'select:not(:disabled)', 'textarea:not(:disabled)', '[tabindex]', '[contenteditable]:not([contenteditable="false"])', 'audio[controls]', 'video[controls]', 'summary'].map(s => `${s}:not([tabindex="-1"])`).join(', ');
-/**
- * Returns whether the element has a `position: fixed` ancestor (e.g. an open Drawer).
- * Such popups must be positioned with `fixed` so they don't drift when the background scrolls.
- */
-const hasFixedAncestor = element => {
-  let node = element?.parentElement;
-  while (node && node !== document.body) {
-    if (window.getComputedStyle(node).position === 'fixed') {
-      return true;
-    }
-    node = node.parentElement;
-  }
-  return false;
-};
+const MENU_ITEM_SELECTOR = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';
+const POPUP_CONTENT_SELECTOR = `.${baseClass}__content, .${baseClass}__hidden-content`;
+const getMenuItems = popup => Array.from(popup.querySelectorAll(MENU_ITEM_SELECTOR)).filter(item => item.closest(POPUP_CONTENT_SELECTOR) === popup);
 /**
  * Component that renders a popup, as well as a button that triggers the popup.
  *
- * The popup is rendered in a portal, and is automatically positioned above / below the trigger,
+ * The popup is rendered next to its trigger in the DOM and positioned above / below it,
  * depending on the verticalAlign prop and the space available.
  */
 export const Popup = props => {
@@ -52,6 +40,8 @@ export const Popup = props => {
     noBackground,
     onToggleClose,
     onToggleOpen,
+    popupAriaLabel,
+    popupType,
     portalClassName,
     render,
     renderButton,
@@ -64,11 +54,8 @@ export const Popup = props => {
   } = props;
   const popupRef = useRef(null);
   const triggerRef = useRef(null);
-  /**
-  * Whether the trigger is inside a `position: fixed` ancestor (e.g. a Drawer),
-  * in which case the popup is positioned with `fixed` instead of `absolute`.
-  */
-  const isFixedRef = useRef(false);
+  const generatedContentId = useId();
+  const contentId = `${id || generatedContentId}-content`;
   /**
   * Keeps track of whether the popup was opened via keyboard.
   * This is used to determine whether to autofocus the first element in the popup.
@@ -76,13 +63,9 @@ export const Popup = props => {
   */
   const openedViaKeyboardRef = useRef(false);
   const parentPopup = use(PopupContext);
-  const [mounted, setMounted] = useState(false);
+  const popupRole = popupType === true ? 'menu' : popupType || undefined;
   const [active, setActiveInternal] = useState(initActive);
   const [isOnTop, setIsOnTop] = useState(verticalAlign === 'top');
-  // Track when component is mounted to avoid SSR/client hydration mismatch
-  useEffect(() => {
-    setMounted(true);
-  }, []);
   const setActive = useCallback((isActive, viaKeyboard = false) => {
     if (isActive) {
       openedViaKeyboardRef.current = viaKeyboard;
@@ -92,6 +75,26 @@ export const Popup = props => {
     }
     setActiveInternal(isActive);
   }, [onToggleClose, onToggleOpen]);
+  const closePopup = useCallback(({
+    restoreFocus = true
+  } = {}) => {
+    const trigger = triggerRef.current?.querySelector('button, [tabindex="0"]');
+    setActive(false);
+    if (restoreFocus) {
+      requestAnimationFrame(() => trigger?.focus());
+    }
+  }, [setActive]);
+  const close = useCallback(() => closePopup(), [closePopup]);
+  const closePopupChain = useCallback((options = {}) => {
+    if (parentPopup) {
+      closePopup({
+        restoreFocus: false
+      });
+      parentPopup.closePopupChain(options);
+      return;
+    }
+    closePopup(options);
+  }, [closePopup, parentPopup]);
   // /////////////////////////////////////
   // Position Calculation
   //
@@ -100,20 +103,15 @@ export const Popup = props => {
   // styles if the calculated position differs from current position.
   // /////////////////////////////////////
   const updatePosition = useEffectEvent(() => {
-    const trigger = triggerRef.current;
+    const trigger_0 = triggerRef.current;
     const popup = popupRef.current;
-    if (!trigger || !popup) {
+    if (!trigger_0 || !popup) {
       return;
     }
-    const triggerRect = trigger.getBoundingClientRect();
+    const triggerRect = trigger_0.getBoundingClientRect();
     const popupRect = popup.getBoundingClientRect();
-    // Inside a fixed ancestor, use `fixed` (no scroll offset) so background scrolling
-    // doesn't shift the popup. Otherwise use page coordinates (absolute).
-    const useFixed = isFixedRef.current;
-    const scrollY = useFixed ? 0 : window.scrollY;
-    const scrollX = useFixed ? 0 : window.scrollX;
     // Gap between the popup and the trigger/viewport edges (in pixels)
-    const offset = 10;
+    const offset = 8;
     // Additional gap used in side mode so the child popup has breathing room from its parent
     const sideOffset = 4;
     let top;
@@ -127,9 +125,9 @@ export const Popup = props => {
       // viewport space.
       // /////////////////////////////////////
       // Top: align with trigger top, clamped to viewport
-      top = triggerRect.top + scrollY;
-      const maxTop = scrollY + window.innerHeight - popupRect.height - offset;
-      top = Math.max(scrollY + offset, Math.min(top, maxTop));
+      top = triggerRect.top;
+      const maxTop = window.innerHeight - popupRect.height - offset;
+      top = Math.max(offset, Math.min(top, maxTop));
       // Use the parent popup's bounding rect as the reference for left/right positioning
       // so the child appears 4px from the parent popup edge, not just the trigger button.
       const anchorRect = parentPopup?.popupRef.current ? parentPopup.popupRef.current.getBoundingClientRect() : triggerRect;
@@ -146,7 +144,7 @@ export const Popup = props => {
           left = anchorRect.left - popupRect.width - sideOffset;
         }
       }
-      left = left + scrollX;
+      left = Math.max(offset, Math.min(left, Math.max(offset, window.innerWidth - popupRect.width - offset)));
       // Caret not used in side mode; set a neutral value
       caretLeft = popupRect.width / 2;
       setIsOnTop(false);
@@ -159,23 +157,25 @@ export const Popup = props => {
       // /////////////////////////////////////
       let onTop = verticalAlign === 'top';
       if (verticalAlign === 'bottom') {
-        top = triggerRect.bottom + scrollY + offset;
+        top = triggerRect.bottom + offset;
         if (triggerRect.bottom + popupRect.height + offset > window.innerHeight) {
           // Try to flip above — only do so if there's actually enough room
-          const topIfAbove = triggerRect.top + scrollY - popupRect.height - offset;
-          if (topIfAbove >= scrollY) {
+          const topIfAbove = triggerRect.top - popupRect.height - offset;
+          if (topIfAbove >= 0) {
             top = topIfAbove;
             onTop = true;
           }
           // else: not enough room above either — keep below and let it overflow rather than going off-screen
         }
       } else {
-        top = triggerRect.top + scrollY - popupRect.height - offset;
+        top = triggerRect.top - popupRect.height - offset;
         if (triggerRect.top - popupRect.height - offset < 0) {
-          top = triggerRect.bottom + scrollY + offset;
+          top = triggerRect.bottom + offset;
           onTop = false;
         }
       }
+      const maxTop_0 = Math.max(offset, window.innerHeight - popupRect.height - offset);
+      top = Math.max(offset, Math.min(top, maxTop_0));
       setIsOnTop(onTop);
       // /////////////////////////////////////
       // Horizontal Positioning
@@ -204,9 +204,9 @@ export const Popup = props => {
     // Values are rounded to match browser's CSS precision and avoid false updates.
     // /////////////////////////////////////
     const newTop = `${Math.round(top)}px`;
-    const newLeft = `${Math.round(left + scrollX)}px`;
+    const newLeft = `${Math.round(left)}px`;
     const newCaretLeft = `${Math.round(caretLeft)}px`;
-    const newPosition = useFixed ? 'fixed' : '';
+    const newPosition = 'fixed';
     if (popup.style.position !== newPosition) {
       popup.style.position = newPosition;
     }
@@ -245,8 +245,8 @@ export const Popup = props => {
   // Keyboard Navigation
   // Handles keyboard interactions when popup is open:
   // - Escape: closes popup and returns focus to trigger
-  // - Tab/Shift+Tab: cycles through focusable items with wrapping
-  // - ArrowUp/ArrowDown: same as Shift+Tab/Tab for menu-style navigation
+  // - Tab/Shift+Tab: closes menus; dialogs retain normal document tab order
+  // - ArrowUp/ArrowDown: moves between menu items with wrapping
   // Focus is managed manually to support elements the browser might skip.
   // /////////////////////////////////////
   const handleKeyDown = useEffectEvent(e_0 => {
@@ -254,29 +254,55 @@ export const Popup = props => {
     if (!popup_0 || !active) {
       return;
     }
+    const activePopup = document.activeElement?.closest(`.${baseClass}__content`);
+    if (activePopup && activePopup !== popup_0) {
+      return;
+    }
     if (e_0.key === 'Escape') {
       e_0.preventDefault();
-      setActive(false);
-      triggerRef.current?.querySelector('button, [tabindex="0"]')?.focus();
+      e_0.stopPropagation();
+      closePopup();
       return;
     }
-    if (e_0.key === 'Tab' || e_0.key === 'ArrowDown' || e_0.key === 'ArrowUp') {
+    if (e_0.key === 'Tab' && popupRole === 'menu') {
+      if (e_0.shiftKey) {
+        e_0.preventDefault();
+        closePopupChain({
+          restoreFocus: true
+        });
+        return;
+      }
+      setTimeout(closePopupChain);
+      return;
+    }
+    if (['ArrowDown', 'ArrowUp', 'End', 'Home'].includes(e_0.key)) {
+      const menuItems = getMenuItems(popup_0);
+      if (menuItems.length > 0) {
+        e_0.preventDefault();
+        const currentIndex = menuItems.findIndex(item => item === document.activeElement);
+        const nextIndex = e_0.key === 'Home' ? 0 : e_0.key === 'End' ? menuItems.length - 1 : e_0.key === 'ArrowUp' ? currentIndex <= 0 ? menuItems.length - 1 : currentIndex - 1 : currentIndex === -1 || currentIndex === menuItems.length - 1 ? 0 : currentIndex + 1;
+        menuItems.forEach((item_0, index) => item_0.setAttribute('tabindex', index === nextIndex ? '0' : '-1'));
+        menuItems[nextIndex].focus();
+        return;
+      }
+    }
+    if (e_0.key === 'ArrowDown' || e_0.key === 'ArrowUp') {
       const focusable = Array.from(popup_0.querySelectorAll(TABBABLE_SELECTOR));
       if (focusable.length === 0) {
         return;
       }
       e_0.preventDefault();
-      const currentIndex = focusable.findIndex(el => el === document.activeElement);
-      const goBackward = e_0.key === 'ArrowUp' || e_0.key === 'Tab' && e_0.shiftKey;
-      let nextIndex;
-      if (currentIndex === -1) {
-        nextIndex = goBackward ? focusable.length - 1 : 0;
+      const currentIndex_0 = focusable.findIndex(el => el === document.activeElement);
+      const goBackward = e_0.key === 'ArrowUp';
+      let nextIndex_0;
+      if (currentIndex_0 === -1) {
+        nextIndex_0 = goBackward ? focusable.length - 1 : 0;
       } else if (goBackward) {
-        nextIndex = currentIndex === 0 ? focusable.length - 1 : currentIndex - 1;
+        nextIndex_0 = currentIndex_0 === 0 ? focusable.length - 1 : currentIndex_0 - 1;
       } else {
-        nextIndex = currentIndex === focusable.length - 1 ? 0 : currentIndex + 1;
+        nextIndex_0 = currentIndex_0 === focusable.length - 1 ? 0 : currentIndex_0 + 1;
       }
-      focusable[nextIndex].focus();
+      focusable[nextIndex_0].focus();
     }
   });
   // /////////////////////////////////////
@@ -292,11 +318,14 @@ export const Popup = props => {
     // Check if the clicked element or any ancestor is an actionable element
     const actionable = target_0.closest('button, a[href], [role="button"], [role="menuitem"]');
     if (actionable && popupRef.current?.contains(actionable)) {
+      if (actionable.closest(`.${baseClass}__content`) !== popupRef.current) {
+        return;
+      }
       // Don't close if clicking a nested popup's trigger — it will manage its own open state
       if (actionable.closest(`.${baseClass}__trigger-wrap`)) {
         return;
       }
-      setActive(false);
+      closePopup();
     }
   });
   // /////////////////////////////////////
@@ -320,6 +349,11 @@ export const Popup = props => {
     if (!popup_2) {
       return;
     }
+    if (!popup_2.matches(':popover-open')) {
+      popup_2.showPopover();
+    }
+    const menuItems_0 = getMenuItems(popup_2);
+    menuItems_0.forEach((item_1, index_0) => item_1.setAttribute('tabindex', index_0 === 0 ? '0' : '-1'));
     // /////////////////////////////////////
     // Initial Position
     // Calculate and apply popup position.
@@ -334,8 +368,6 @@ export const Popup = props => {
     // (e.g. ColumnSelection popup content rendering after hidden → visible
     // class switch), which was causing incorrect flip-to-top decisions.
     // /////////////////////////////////////
-    // Decide the positioning strategy once per open.
-    isFixedRef.current = hasFixedAncestor(triggerRef.current);
     updatePosition();
     const rafId = requestAnimationFrame(() => {
       updatePosition();
@@ -348,7 +380,7 @@ export const Popup = props => {
     if (openedViaKeyboardRef.current) {
       // Use requestAnimationFrame to ensure DOM is ready.
       requestAnimationFrame(() => {
-        const firstFocusable = popup_2.querySelector(TABBABLE_SELECTOR);
+        const firstFocusable = menuItems_0[0] ?? popup_2.querySelector(TABBABLE_SELECTOR);
         firstFocusable?.focus();
       });
     }
@@ -364,7 +396,7 @@ export const Popup = props => {
       passive: true
     });
     document.addEventListener('mousedown', handleClickOutside);
-    document.addEventListener('keydown', handleKeyDown);
+    popup_2.addEventListener('keydown', handleKeyDown);
     popup_2.addEventListener('click', handleActionableClick);
     return () => {
       cancelAnimationFrame(rafId);
@@ -373,8 +405,11 @@ export const Popup = props => {
         capture: true
       });
       document.removeEventListener('mousedown', handleClickOutside);
-      document.removeEventListener('keydown', handleKeyDown);
+      popup_2.removeEventListener('keydown', handleKeyDown);
       popup_2.removeEventListener('click', handleActionableClick);
+      if (popup_2.matches(':popover-open')) {
+        popup_2.hidePopover();
+      }
     };
   }, [active]);
   useEffect(() => {
@@ -388,8 +423,11 @@ export const Popup = props => {
     buttonAriaLabel: buttonAriaLabel,
     buttonType: buttonType,
     className: buttonClassName,
+    contentId: contentId,
     disabled: disabled,
+    isMenuItem: parentPopup?.popupRole === 'menu',
     noBackground: noBackground,
+    popupType: popupType,
     renderButton: renderButton,
     setActive: setActive,
     size: buttonSize
@@ -408,39 +446,40 @@ export const Popup = props => {
         tabIndex: 0,
         children: Trigger
       }) : Trigger
-    }), mounted ?
-    // This ensures that components within the popup, like modals, do not unmount when the popup closes.
-    // Otherwise, modals opened from the popup will close unexpectedly when clicking within the modal, since
-    // that closes the popup due to the click outside handler.
-    /*#__PURE__*/
-    createPortal(/*#__PURE__*/_jsx(PopupContext, {
+    }), /*#__PURE__*/_jsx(PopupContext, {
       value: {
-        popupRef
+        closePopupChain,
+        popupRef,
+        popupRole
       },
       children: /*#__PURE__*/_jsxs("div", {
+        "aria-label": popupAriaLabel,
         className: active ? [`${baseClass}__content`, `${baseClass}--size-${size}`, side ? `${baseClass}--side-${side}` : isOnTop ? `${baseClass}--v-top` : `${baseClass}--v-bottom`, portalClassName].filter(Boolean).join(' ') :
         // tests do not accidentally target inactive popups.
         `${baseClass}__hidden-content`,
         "data-popup-id": id || undefined,
         "data-theme": theme === 'auto' ? undefined : theme,
+        id: contentId,
+        popover: "manual",
         ref: popupRef,
+        role: popupRole,
         children: [/*#__PURE__*/_jsx("div", {
           className: `${baseClass}__scroll-container${showScrollbar ? ` ${baseClass}__scroll-container--show-scrollbar` : ''}`,
           children: theme === 'auto' ? /*#__PURE__*/_jsxs(_Fragment, {
             children: [render?.({
-              close: () => setActive(false)
+              close
             }), children]
           }) : /*#__PURE__*/_jsxs(ThemeProvider, {
             theme: theme,
             children: [render?.({
-              close: () => setActive(false)
+              close
             }), children]
           })
         }), caret && !side && /*#__PURE__*/_jsx("div", {
           className: `${baseClass}__caret`
         })]
       })
-    }), document.body) : null]
+    })]
   });
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PopupList","React","createContext","use","useCallback","useEffect","useRef","useState","createPortal","useEffectEvent","ThemeProvider","PopupTrigger","baseClass","PopupContext","TABBABLE_SELECTOR","map","s","join","hasFixedAncestor","element","node","parentElement","document","body","window","getComputedStyle","position","Popup","props","id","button","buttonAriaLabel","buttonClassName","buttonSize","buttonType","caret","children","className","disabled","forceOpen","horizontalAlign","initActive","noBackground","onToggleClose","onToggleOpen","portalClassName","render","renderButton","showOnHover","showScrollbar","side","size","theme","verticalAlign","popupRef","triggerRef","isFixedRef","openedViaKeyboardRef","parentPopup","mounted","setMounted","active","setActiveInternal","isOnTop","setIsOnTop","setActive","isActive","viaKeyboard","current","updatePosition","trigger","popup","triggerRect","getBoundingClientRect","popupRect","useFixed","scrollY","scrollX","offset","sideOffset","top","left","caretLeft","maxTop","innerHeight","height","Math","max","min","anchorRect","width","right","innerWidth","onTop","bottom","topIfAbove","triggerCenter","newTop","round","newLeft","newCaretLeft","newPosition","style","getPropertyValue","setProperty","handleClickOutside","e","target","isOutsidePopup","contains","isOutsideTrigger","clickedPopupContent","closest","isInsideChildPopup","handleKeyDown","key","preventDefault","querySelector","focus","focusable","Array","from","querySelectorAll","length","currentIndex","findIndex","el","activeElement","goBackward","shiftKey","nextIndex","handleActionableClick","actionable","rafId","requestAnimationFrame","firstFocusable","addEventListener","capture","passive","cancelAnimationFrame","removeEventListener","undefined","Trigger","_jsx","_jsxs","filter","Boolean","ref","onMouseEnter","onMouseLeave","role","tabIndex","value","_Fragment","close"],"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nexport * as PopupList from './PopupButtonList/index.js'\n\nimport React, { createContext, use, useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ThemeProvider } from '../../providers/Theme/index.js'\nimport './index.css'\nimport { PopupTrigger } from './PopupTrigger/index.js'\n\nconst baseClass = 'popup'\n\ntype PopupContextValue = {\n  popupRef: React.RefObject<HTMLDivElement | null>\n}\n\nconst PopupContext = createContext<null | PopupContextValue>(null)\n\n/**\n * Selector for all elements the browser considers tabbable.\n */\nconst TABBABLE_SELECTOR = [\n  'a[href]',\n  'button:not(:disabled)',\n  'input:not(:disabled):not([type=\"hidden\"])',\n  'select:not(:disabled)',\n  'textarea:not(:disabled)',\n  '[tabindex]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  'audio[controls]',\n  'video[controls]',\n  'summary',\n]\n  .map((s) => `${s}:not([tabindex=\"-1\"])`)\n  .join(', ')\n\n/**\n * Returns whether the element has a `position: fixed` ancestor (e.g. an open Drawer).\n * Such popups must be positioned with `fixed` so they don't drift when the background scrolls.\n */\nconst hasFixedAncestor = (element: HTMLElement | null): boolean => {\n  let node = element?.parentElement\n  while (node && node !== document.body) {\n    if (window.getComputedStyle(node).position === 'fixed') {\n      return true\n    }\n    node = node.parentElement\n  }\n  return false\n}\n\nexport type PopupProps = {\n  backgroundColor?: CSSProperties['backgroundColor']\n  boundingRef?: React.RefObject<HTMLElement>\n  button?: React.ReactNode\n  /**\n   * Accessible label for the trigger button.\n   * Necessary when the button has an icon-only content,\n   * so the button has an accessible name for screen readers.\n   */\n  buttonAriaLabel?: string\n  /**\n   * The class name to apply to the button that triggers the popup.\n   */\n  buttonClassName?: string\n  buttonSize?: 'large' | 'medium'\n  buttonType?: 'custom' | 'default'\n  caret?: boolean\n  children?: React.ReactNode\n  /**\n   * The class name to apply to the popup container containing the trigger.\n   * This does not wrap the actual popup content, which is rendered in a portal.\n   */\n  className?: string\n  disabled?: boolean\n  /**\n   * Force control the open state of the popup, regardless of the trigger.\n   */\n  forceOpen?: boolean\n  /**\n   * Preferred horizontal alignment of the popup, if there is enough space available.\n   *\n   * @default 'left'\n   */\n  horizontalAlign?: 'center' | 'left' | 'right'\n  id?: string\n  initActive?: boolean\n  noBackground?: boolean\n  onToggleClose?: () => void\n  onToggleOpen?: (active: boolean) => void\n  /**\n   * Class name to apply to the portal container.\n   */\n  portalClassName?: string\n  render?: (args: { close: () => void }) => React.ReactNode\n  /**\n   * Render prop for custom trigger button. Receives onClick/onKeyDown/aria props.\n   * When provided, `button` and `buttonType` are ignored.\n   */\n  renderButton?: (props: {\n    active: boolean\n    'aria-expanded': boolean\n    'aria-haspopup': true\n    onClick: React.MouseEventHandler\n    onKeyDown: React.KeyboardEventHandler\n  }) => React.ReactNode\n  showOnHover?: boolean\n  /**\n   * By default, the scrollbar is hidden. If you want to show it, set this to true.\n   * In both cases, the container is still scrollable.\n   *\n   * @default false\n   */\n  showScrollbar?: boolean\n  /**\n   * Position the popup to the side of the trigger instead of above/below.\n   * The popup's top edge aligns with the trigger's top edge (with viewport clamping).\n   * Automatically flips to the opposite side if there is not enough space.\n   * When set, `verticalAlign`, `horizontalAlign`, and the caret are ignored.\n   */\n  side?: 'left' | 'right'\n  size?: 'fit-content' | 'large' | 'small'\n  /**\n   * Theme for the popup content. Defaults to 'dark'.\n   * Set to 'auto' to inherit the current theme.\n   *\n   * @default 'dark'\n   */\n  theme?: 'auto' | 'dark' | 'light'\n  /**\n   * Preferred vertical alignment of the popup (position below or above the trigger),\n   * if there is enough space available.\n   *\n   * If the popup is too close to the edge of the viewport, it will flip to the opposite side\n   * regardless of the preferred vertical alignment.\n   *\n   * @default 'bottom'\n   */\n  verticalAlign?: 'bottom' | 'top'\n}\n\n/**\n * Component that renders a popup, as well as a button that triggers the popup.\n *\n * The popup is rendered in a portal, and is automatically positioned above / below the trigger,\n * depending on the verticalAlign prop and the space available.\n */\nexport const Popup: React.FC<PopupProps> = (props) => {\n  const {\n    id,\n    button,\n    buttonAriaLabel,\n    buttonClassName,\n    buttonSize,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    disabled,\n    forceOpen,\n    horizontalAlign = 'left',\n    initActive = false,\n    noBackground,\n    onToggleClose,\n    onToggleOpen,\n    portalClassName,\n    render,\n    renderButton,\n    showOnHover = false,\n    showScrollbar = false,\n    side,\n    size = 'fit-content',\n    theme = 'dark',\n    verticalAlign = 'bottom',\n  } = props\n\n  const popupRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  /**\n   * Whether the trigger is inside a `position: fixed` ancestor (e.g. a Drawer),\n   * in which case the popup is positioned with `fixed` instead of `absolute`.\n   */\n  const isFixedRef = useRef(false)\n\n  /**\n   * Keeps track of whether the popup was opened via keyboard.\n   * This is used to determine whether to autofocus the first element in the popup.\n   * If the popup was opened via mouse, we do not want to autofocus the first element.\n   */\n  const openedViaKeyboardRef = useRef(false)\n\n  const parentPopup = use(PopupContext)\n\n  const [mounted, setMounted] = useState(false)\n  const [active, setActiveInternal] = useState(initActive)\n  const [isOnTop, setIsOnTop] = useState(verticalAlign === 'top')\n\n  // Track when component is mounted to avoid SSR/client hydration mismatch\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const setActive = useCallback(\n    (isActive: boolean, viaKeyboard = false) => {\n      if (isActive) {\n        openedViaKeyboardRef.current = viaKeyboard\n        onToggleOpen?.(true)\n      } else {\n        onToggleClose?.()\n      }\n      setActiveInternal(isActive)\n    },\n    [onToggleClose, onToggleOpen],\n  )\n\n  // /////////////////////////////////////\n  // Position Calculation\n  //\n  // Calculates and applies popup position relative to trigger.\n  // Always checks viewport bounds (for flipping), but only updates\n  // styles if the calculated position differs from current position.\n  // /////////////////////////////////////\n\n  const updatePosition = useEffectEvent(() => {\n    const trigger = triggerRef.current\n    const popup = popupRef.current\n    if (!trigger || !popup) {\n      return\n    }\n\n    const triggerRect = trigger.getBoundingClientRect()\n    const popupRect = popup.getBoundingClientRect()\n\n    // Inside a fixed ancestor, use `fixed` (no scroll offset) so background scrolling\n    // doesn't shift the popup. Otherwise use page coordinates (absolute).\n    const useFixed = isFixedRef.current\n    const scrollY = useFixed ? 0 : window.scrollY\n    const scrollX = useFixed ? 0 : window.scrollX\n\n    // Gap between the popup and the trigger/viewport edges (in pixels)\n    const offset = 10\n    // Additional gap used in side mode so the child popup has breathing room from its parent\n    const sideOffset = 4\n\n    let top: number\n    let left: number\n    let caretLeft: number\n\n    if (side) {\n      // /////////////////////////////////////\n      // Side Positioning\n      // Places the popup to the left or right of the parent popup (not just the trigger),\n      // top-aligned with the trigger. Flips to the opposite side if there is not enough\n      // viewport space.\n      // /////////////////////////////////////\n\n      // Top: align with trigger top, clamped to viewport\n      top = triggerRect.top + scrollY\n      const maxTop = scrollY + window.innerHeight - popupRect.height - offset\n      top = Math.max(scrollY + offset, Math.min(top, maxTop))\n\n      // Use the parent popup's bounding rect as the reference for left/right positioning\n      // so the child appears 4px from the parent popup edge, not just the trigger button.\n      const anchorRect = parentPopup?.popupRef.current\n        ? parentPopup.popupRef.current.getBoundingClientRect()\n        : triggerRect\n\n      if (side === 'left') {\n        left = anchorRect.left - popupRect.width - sideOffset\n        if (left < offset) {\n          // flip to right side\n          left = anchorRect.right + sideOffset\n        }\n      } else {\n        left = anchorRect.right + sideOffset\n        if (left + popupRect.width + offset > window.innerWidth) {\n          // flip to left side\n          left = anchorRect.left - popupRect.width - sideOffset\n        }\n      }\n\n      left = left + scrollX\n      // Caret not used in side mode; set a neutral value\n      caretLeft = popupRect.width / 2\n\n      setIsOnTop(false)\n    } else {\n      // /////////////////////////////////////\n      // Vertical Positioning\n      // Calculates the `top` position in absolute page coordinates.\n      // Uses `verticalAlign` prop as the preferred direction, but flips\n      // to the opposite side if there's not enough viewport space.\n      // /////////////////////////////////////\n\n      let onTop = verticalAlign === 'top'\n\n      if (verticalAlign === 'bottom') {\n        top = triggerRect.bottom + scrollY + offset\n\n        if (triggerRect.bottom + popupRect.height + offset > window.innerHeight) {\n          // Try to flip above — only do so if there's actually enough room\n          const topIfAbove = triggerRect.top + scrollY - popupRect.height - offset\n          if (topIfAbove >= scrollY) {\n            top = topIfAbove\n            onTop = true\n          }\n          // else: not enough room above either — keep below and let it overflow rather than going off-screen\n        }\n      } else {\n        top = triggerRect.top + scrollY - popupRect.height - offset\n\n        if (triggerRect.top - popupRect.height - offset < 0) {\n          top = triggerRect.bottom + scrollY + offset\n          onTop = false\n        }\n      }\n\n      setIsOnTop(onTop)\n\n      // /////////////////////////////////////\n      // Horizontal Positioning\n      // Calculates the `left` position based on `horizontalAlign` prop:\n      // - 'left': aligns popup's left edge with trigger's left edge\n      // - 'right': aligns popup's right edge with trigger's right edge\n      // - 'center': centers popup horizontally relative to trigger\n      // Then clamps to keep the popup within viewport bounds.\n      // /////////////////////////////////////\n\n      left =\n        horizontalAlign === 'right'\n          ? triggerRect.right - popupRect.width\n          : horizontalAlign === 'center'\n            ? triggerRect.left + triggerRect.width / 2 - popupRect.width / 2\n            : triggerRect.left\n\n      left = Math.max(offset, Math.min(left, window.innerWidth - popupRect.width - offset))\n\n      // /////////////////////////////////////\n      // Caret Positioning\n      // Positions the caret arrow to point at the trigger's horizontal center.\n      // Clamps between 12px from edges to prevent caret from overflowing the popup.\n      // /////////////////////////////////////\n\n      const triggerCenter = triggerRect.left + triggerRect.width / 2\n      caretLeft = Math.max(12, Math.min(triggerCenter - left, popupRect.width - 12))\n    }\n\n    // /////////////////////////////////////\n    // Apply Styles (only if changed)\n    // Compares calculated position with current styles to avoid unnecessary\n    // DOM updates during scroll. This prevents visual lag by relying on the absolute\n    // positioning where possible (popup slightly lags behind when scrolling really fast),\n    // while still allowing position changes when needed (e.g., sticky parent, viewport flip).\n    // Values are rounded to match browser's CSS precision and avoid false updates.\n    // /////////////////////////////////////\n\n    const newTop = `${Math.round(top)}px`\n    const newLeft = `${Math.round(left + scrollX)}px`\n    const newCaretLeft = `${Math.round(caretLeft)}px`\n    const newPosition = useFixed ? 'fixed' : ''\n\n    if (popup.style.position !== newPosition) {\n      popup.style.position = newPosition\n    }\n    if (popup.style.top !== newTop) {\n      popup.style.top = newTop\n    }\n    if (popup.style.left !== newLeft) {\n      popup.style.left = newLeft\n    }\n    if (popup.style.getPropertyValue('--caret-left') !== newCaretLeft) {\n      popup.style.setProperty('--caret-left', newCaretLeft)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Outside Handler\n  // Closes popup when clicking outside both the popup and trigger.\n  // Distinguishes between parent and child popups:\n  // - Click in child popup: parent stays open\n  // - Click in parent popup: child closes\n  // /////////////////////////////////////\n\n  const handleClickOutside = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as Node\n    const isOutsidePopup = !popupRef.current?.contains(target)\n    const isOutsideTrigger = !triggerRef.current?.contains(target)\n\n    // Check if click is inside a popup portal\n    const clickedPopupContent = (target as Element).closest?.('.popup__content')\n\n    // If the clicked popup contains this popup's trigger, it's a parent popup\n    // and we should close. If it doesn't contain our trigger, it's a child popup\n    // and we should stay open to avoid closing parent when interacting with child.\n    const isInsideChildPopup =\n      clickedPopupContent && !clickedPopupContent.contains(triggerRef.current)\n\n    if (isOutsidePopup && isOutsideTrigger && !isInsideChildPopup) {\n      setActive(false)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Keyboard Navigation\n  // Handles keyboard interactions when popup is open:\n  // - Escape: closes popup and returns focus to trigger\n  // - Tab/Shift+Tab: cycles through focusable items with wrapping\n  // - ArrowUp/ArrowDown: same as Shift+Tab/Tab for menu-style navigation\n  // Focus is managed manually to support elements the browser might skip.\n  // /////////////////////////////////////\n\n  const handleKeyDown = useEffectEvent((e: KeyboardEvent) => {\n    const popup = popupRef.current\n    if (!popup || !active) {\n      return\n    }\n\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      setActive(false)\n      triggerRef.current?.querySelector<HTMLElement>('button, [tabindex=\"0\"]')?.focus()\n      return\n    }\n\n    if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      const focusable = Array.from(popup.querySelectorAll<HTMLElement>(TABBABLE_SELECTOR))\n      if (focusable.length === 0) {\n        return\n      }\n\n      e.preventDefault()\n\n      const currentIndex = focusable.findIndex((el) => el === document.activeElement)\n      const goBackward = e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)\n\n      let nextIndex: number\n      if (currentIndex === -1) {\n        nextIndex = goBackward ? focusable.length - 1 : 0\n      } else if (goBackward) {\n        nextIndex = currentIndex === 0 ? focusable.length - 1 : currentIndex - 1\n      } else {\n        nextIndex = currentIndex === focusable.length - 1 ? 0 : currentIndex + 1\n      }\n\n      focusable[nextIndex].focus()\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Handler for Actionable Elements\n  // Closes popup when buttons/links inside are clicked (includes Enter/Space activation).\n  // /////////////////////////////////////\n\n  const handleActionableClick = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as HTMLElement\n\n    // Allow opting out with data-popup-prevent-close attribute on element or ancestor\n    if (target.closest('[data-popup-prevent-close]')) {\n      return\n    }\n\n    // Check if the clicked element or any ancestor is an actionable element\n    const actionable = target.closest('button, a[href], [role=\"button\"], [role=\"menuitem\"]')\n    if (actionable && popupRef.current?.contains(actionable)) {\n      // Don't close if clicking a nested popup's trigger — it will manage its own open state\n      if (actionable.closest(`.${baseClass}__trigger-wrap`)) {\n        return\n      }\n      setActive(false)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Effect: Setup/Teardown position and focus management\n  // /////////////////////////////////////\n\n  useEffect(() => {\n    if (!active) {\n      const popup = popupRef.current\n      if (popup) {\n        // Clear inline position styles so the CSS `top: -9999px` rule on\n        // `.popup__hidden-content` takes effect. Without this, the inline\n        // styles set during positioning would win over the CSS rule, keeping\n        // portaled children (e.g. a ReactSelect menu) visually on-screen.\n        popup.style.position = ''\n        popup.style.top = ''\n        popup.style.left = ''\n      }\n      return\n    }\n\n    const popup = popupRef.current\n    if (!popup) {\n      return\n    }\n\n    // /////////////////////////////////////\n    // Initial Position\n    // Calculate and apply popup position.\n    // getBoundingClientRect() forces synchronous layout.\n    //\n    // We call updatePosition() twice: once synchronously (so the popup\n    // snaps to roughly the right place immediately rather than flashing\n    // from -9999px) and once in a requestAnimationFrame, which fires\n    // after the browser has finished laying out the newly-visible popup\n    // content. The rAF call is the authoritative one — it catches cases\n    // where the popup height wasn't stable yet during the first call\n    // (e.g. ColumnSelection popup content rendering after hidden → visible\n    // class switch), which was causing incorrect flip-to-top decisions.\n    // /////////////////////////////////////\n\n    // Decide the positioning strategy once per open.\n    isFixedRef.current = hasFixedAncestor(triggerRef.current)\n\n    updatePosition()\n    const rafId = requestAnimationFrame(() => {\n      updatePosition()\n    })\n\n    // /////////////////////////////////////\n    // Focus Management\n    // When opened via keyboard, autofocus the first focusable button.\n    // When opened via mouse, skip autofocus to avoid unwanted highlights.\n    // /////////////////////////////////////\n\n    if (openedViaKeyboardRef.current) {\n      // Use requestAnimationFrame to ensure DOM is ready.\n      requestAnimationFrame(() => {\n        const firstFocusable = popup.querySelector<HTMLElement>(TABBABLE_SELECTOR)\n        firstFocusable?.focus()\n      })\n    }\n\n    // /////////////////////////////////////\n    // Event Listeners\n    // - resize/scroll: recalculate position (only applies styles if changed)\n    // - mousedown: detect clicks outside to close\n    // - keydown: handle keyboard navigation\n    // /////////////////////////////////////\n\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, { capture: true, passive: true })\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleKeyDown)\n    popup.addEventListener('click', handleActionableClick)\n\n    return () => {\n      cancelAnimationFrame(rafId)\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, { capture: true })\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleKeyDown)\n      popup.removeEventListener('click', handleActionableClick)\n    }\n  }, [active])\n\n  useEffect(() => {\n    if (forceOpen !== undefined) {\n      setActive(forceOpen)\n    }\n  }, [forceOpen, setActive])\n\n  const Trigger = (\n    <PopupTrigger\n      active={active}\n      button={button}\n      buttonAriaLabel={buttonAriaLabel}\n      buttonType={buttonType}\n      className={buttonClassName}\n      disabled={disabled}\n      noBackground={noBackground}\n      renderButton={renderButton}\n      setActive={setActive}\n      size={buttonSize}\n    />\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} id={id}>\n      <div className={`${baseClass}__trigger-wrap`} ref={triggerRef}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n            role=\"button\"\n            tabIndex={0}\n          >\n            {Trigger}\n          </div>\n        ) : (\n          Trigger\n        )}\n      </div>\n\n      {mounted\n        ? // We need to make sure the popup is part of the DOM (although invisible), even if it's not active.\n          // This ensures that components within the popup, like modals, do not unmount when the popup closes.\n          // Otherwise, modals opened from the popup will close unexpectedly when clicking within the modal, since\n          // that closes the popup due to the click outside handler.\n          createPortal(\n            <PopupContext value={{ popupRef }}>\n              <div\n                className={\n                  active\n                    ? [\n                        `${baseClass}__content`,\n                        `${baseClass}--size-${size}`,\n                        side\n                          ? `${baseClass}--side-${side}`\n                          : isOnTop\n                            ? `${baseClass}--v-top`\n                            : `${baseClass}--v-bottom`,\n                        portalClassName,\n                      ]\n                        .filter(Boolean)\n                        .join(' ')\n                    : // Do not share any class names between active and disabled popups, to make sure\n                      // tests do not accidentally target inactive popups.\n                      `${baseClass}__hidden-content`\n                }\n                data-popup-id={id || undefined}\n                data-theme={theme === 'auto' ? undefined : theme}\n                ref={popupRef}\n              >\n                <div\n                  className={`${baseClass}__scroll-container${showScrollbar ? ` ${baseClass}__scroll-container--show-scrollbar` : ''}`}\n                >\n                  {theme === 'auto' ? (\n                    <>\n                      {render?.({ close: () => setActive(false) })}\n                      {children}\n                    </>\n                  ) : (\n                    <ThemeProvider theme={theme}>\n                      {render?.({ close: () => setActive(false) })}\n                      {children}\n                    </ThemeProvider>\n                  )}\n                </div>\n                {caret && !side && <div className={`${baseClass}__caret`} />}\n              </div>\n            </PopupContext>,\n            document.body,\n          )\n        : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["PopupList","React","createContext","use","useCallback","useEffect","useId","useRef","useState","useEffectEvent","ThemeProvider","PopupTrigger","baseClass","PopupContext","TABBABLE_SELECTOR","map","s","join","MENU_ITEM_SELECTOR","POPUP_CONTENT_SELECTOR","getMenuItems","popup","Array","from","querySelectorAll","filter","item","closest","Popup","props","id","button","buttonAriaLabel","buttonClassName","buttonSize","buttonType","caret","children","className","disabled","forceOpen","horizontalAlign","initActive","noBackground","onToggleClose","onToggleOpen","popupAriaLabel","popupType","portalClassName","render","renderButton","showOnHover","showScrollbar","side","size","theme","verticalAlign","popupRef","triggerRef","generatedContentId","contentId","openedViaKeyboardRef","parentPopup","popupRole","undefined","active","setActiveInternal","isOnTop","setIsOnTop","setActive","isActive","viaKeyboard","current","closePopup","restoreFocus","trigger","querySelector","requestAnimationFrame","focus","close","closePopupChain","options","updatePosition","triggerRect","getBoundingClientRect","popupRect","offset","sideOffset","top","left","caretLeft","maxTop","window","innerHeight","height","Math","max","min","anchorRect","width","right","innerWidth","onTop","bottom","topIfAbove","triggerCenter","newTop","round","newLeft","newCaretLeft","newPosition","style","position","getPropertyValue","setProperty","handleClickOutside","e","target","isOutsidePopup","contains","isOutsideTrigger","clickedPopupContent","isInsideChildPopup","handleKeyDown","activePopup","document","activeElement","key","preventDefault","stopPropagation","shiftKey","setTimeout","includes","menuItems","length","currentIndex","findIndex","nextIndex","forEach","index","setAttribute","focusable","el","goBackward","handleActionableClick","actionable","matches","showPopover","rafId","firstFocusable","addEventListener","capture","passive","cancelAnimationFrame","removeEventListener","hidePopover","Trigger","_jsx","isMenuItem","_jsxs","Boolean","ref","onMouseEnter","onMouseLeave","role","tabIndex","value","popover","_Fragment"],"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport type { AriaAttributes, AriaRole, CSSProperties } from 'react'\n\nexport * as PopupList from './PopupButtonList/index.js'\n\nimport React, { createContext, use, useCallback, useEffect, useId, useRef, useState } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ThemeProvider } from '../../providers/Theme/index.js'\nimport './index.css'\nimport { type PopupButtonRenderProps, PopupTrigger } from './PopupTrigger/index.js'\n\nconst baseClass = 'popup'\n\ntype PopupContextValue = {\n  closePopupChain: (options?: { restoreFocus?: boolean }) => void\n  popupRef: React.RefObject<HTMLDivElement | null>\n  popupRole?: AriaRole\n}\n\nconst PopupContext = createContext<null | PopupContextValue>(null)\n\n/**\n * Selector for all elements the browser considers tabbable.\n */\nconst TABBABLE_SELECTOR = [\n  'a[href]',\n  'button:not(:disabled)',\n  'input:not(:disabled):not([type=\"hidden\"])',\n  'select:not(:disabled)',\n  'textarea:not(:disabled)',\n  '[tabindex]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  'audio[controls]',\n  'video[controls]',\n  'summary',\n]\n  .map((s) => `${s}:not([tabindex=\"-1\"])`)\n  .join(', ')\n\nconst MENU_ITEM_SELECTOR = '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]'\nconst POPUP_CONTENT_SELECTOR = `.${baseClass}__content, .${baseClass}__hidden-content`\n\nconst getMenuItems = (popup: HTMLElement): HTMLElement[] =>\n  Array.from(popup.querySelectorAll<HTMLElement>(MENU_ITEM_SELECTOR)).filter(\n    (item) => item.closest(POPUP_CONTENT_SELECTOR) === popup,\n  )\n\nexport type PopupProps = {\n  backgroundColor?: CSSProperties['backgroundColor']\n  boundingRef?: React.RefObject<HTMLElement>\n  button?: React.ReactNode\n  buttonAriaLabel?: string\n  buttonClassName?: string\n  buttonSize?: 'large' | 'medium'\n  buttonType?: 'custom' | 'default'\n  caret?: boolean\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  forceOpen?: boolean\n  /**\n   * Preferred horizontal alignment of the popup, if there is enough space available.\n   *\n   * @default 'left'\n   */\n  horizontalAlign?: 'center' | 'left' | 'right'\n  id?: string\n  initActive?: boolean\n  noBackground?: boolean\n  onToggleClose?: () => void\n  onToggleOpen?: (active: boolean) => void\n  popupAriaLabel?: string\n  popupType?: AriaAttributes['aria-haspopup']\n  portalClassName?: string\n  render?: (args: { close: () => void }) => React.ReactNode\n  /**\n   * Render prop for custom trigger button. Receives onClick/onKeyDown/aria props.\n   * When provided, `button` and `buttonType` are ignored.\n   */\n  renderButton?: (props: PopupButtonRenderProps) => React.ReactNode\n  showOnHover?: boolean\n  /**\n   * By default, the scrollbar is hidden. If you want to show it, set this to true.\n   * In both cases, the container is still scrollable.\n   *\n   * @default false\n   */\n  showScrollbar?: boolean\n  /**\n   * Position the popup to the side of the trigger instead of above/below.\n   * The popup's top edge aligns with the trigger's top edge (with viewport clamping).\n   * Automatically flips to the opposite side if there is not enough space.\n   * When set, `verticalAlign`, `horizontalAlign`, and the caret are ignored.\n   */\n  side?: 'left' | 'right'\n  size?: 'fit-content' | 'large' | 'small'\n  /**\n   * Theme for the popup content. Defaults to 'dark'.\n   * Set to 'auto' to inherit the current theme.\n   *\n   * @default 'dark'\n   */\n  theme?: 'auto' | 'dark' | 'light'\n  /**\n   * Preferred vertical alignment of the popup (position below or above the trigger),\n   * if there is enough space available.\n   *\n   * If the popup is too close to the edge of the viewport, it will flip to the opposite side\n   * regardless of the preferred vertical alignment.\n   *\n   * @default 'bottom'\n   */\n  verticalAlign?: 'bottom' | 'top'\n}\n\n/**\n * Component that renders a popup, as well as a button that triggers the popup.\n *\n * The popup is rendered next to its trigger in the DOM and positioned above / below it,\n * depending on the verticalAlign prop and the space available.\n */\nexport const Popup: React.FC<PopupProps> = (props) => {\n  const {\n    id,\n    button,\n    buttonAriaLabel,\n    buttonClassName,\n    buttonSize,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    disabled,\n    forceOpen,\n    horizontalAlign = 'left',\n    initActive = false,\n    noBackground,\n    onToggleClose,\n    onToggleOpen,\n    popupAriaLabel,\n    popupType,\n    portalClassName,\n    render,\n    renderButton,\n    showOnHover = false,\n    showScrollbar = false,\n    side,\n    size = 'fit-content',\n    theme = 'dark',\n    verticalAlign = 'bottom',\n  } = props\n\n  const popupRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const generatedContentId = useId()\n  const contentId = `${id || generatedContentId}-content`\n\n  /**\n   * Keeps track of whether the popup was opened via keyboard.\n   * This is used to determine whether to autofocus the first element in the popup.\n   * If the popup was opened via mouse, we do not want to autofocus the first element.\n   */\n  const openedViaKeyboardRef = useRef(false)\n\n  const parentPopup = use(PopupContext)\n  const popupRole = (popupType === true ? 'menu' : popupType || undefined) as AriaRole | undefined\n\n  const [active, setActiveInternal] = useState(initActive)\n  const [isOnTop, setIsOnTop] = useState(verticalAlign === 'top')\n\n  const setActive = useCallback(\n    (isActive: boolean, viaKeyboard = false) => {\n      if (isActive) {\n        openedViaKeyboardRef.current = viaKeyboard\n        onToggleOpen?.(true)\n      } else {\n        onToggleClose?.()\n      }\n      setActiveInternal(isActive)\n    },\n    [onToggleClose, onToggleOpen],\n  )\n\n  const closePopup = useCallback(\n    ({ restoreFocus = true }: { restoreFocus?: boolean } = {}) => {\n      const trigger = triggerRef.current?.querySelector<HTMLElement>('button, [tabindex=\"0\"]')\n\n      setActive(false)\n      if (restoreFocus) {\n        requestAnimationFrame(() => trigger?.focus())\n      }\n    },\n    [setActive],\n  )\n  const close = useCallback(() => closePopup(), [closePopup])\n  const closePopupChain = useCallback(\n    (options: { restoreFocus?: boolean } = {}) => {\n      if (parentPopup) {\n        closePopup({ restoreFocus: false })\n        parentPopup.closePopupChain(options)\n        return\n      }\n\n      closePopup(options)\n    },\n    [closePopup, parentPopup],\n  )\n\n  // /////////////////////////////////////\n  // Position Calculation\n  //\n  // Calculates and applies popup position relative to trigger.\n  // Always checks viewport bounds (for flipping), but only updates\n  // styles if the calculated position differs from current position.\n  // /////////////////////////////////////\n\n  const updatePosition = useEffectEvent(() => {\n    const trigger = triggerRef.current\n    const popup = popupRef.current\n    if (!trigger || !popup) {\n      return\n    }\n\n    const triggerRect = trigger.getBoundingClientRect()\n    const popupRect = popup.getBoundingClientRect()\n\n    // Gap between the popup and the trigger/viewport edges (in pixels)\n    const offset = 8\n    // Additional gap used in side mode so the child popup has breathing room from its parent\n    const sideOffset = 4\n\n    let top: number\n    let left: number\n    let caretLeft: number\n\n    if (side) {\n      // /////////////////////////////////////\n      // Side Positioning\n      // Places the popup to the left or right of the parent popup (not just the trigger),\n      // top-aligned with the trigger. Flips to the opposite side if there is not enough\n      // viewport space.\n      // /////////////////////////////////////\n\n      // Top: align with trigger top, clamped to viewport\n      top = triggerRect.top\n      const maxTop = window.innerHeight - popupRect.height - offset\n      top = Math.max(offset, Math.min(top, maxTop))\n\n      // Use the parent popup's bounding rect as the reference for left/right positioning\n      // so the child appears 4px from the parent popup edge, not just the trigger button.\n      const anchorRect = parentPopup?.popupRef.current\n        ? parentPopup.popupRef.current.getBoundingClientRect()\n        : triggerRect\n\n      if (side === 'left') {\n        left = anchorRect.left - popupRect.width - sideOffset\n        if (left < offset) {\n          // flip to right side\n          left = anchorRect.right + sideOffset\n        }\n      } else {\n        left = anchorRect.right + sideOffset\n        if (left + popupRect.width + offset > window.innerWidth) {\n          // flip to left side\n          left = anchorRect.left - popupRect.width - sideOffset\n        }\n      }\n\n      left = Math.max(\n        offset,\n        Math.min(left, Math.max(offset, window.innerWidth - popupRect.width - offset)),\n      )\n\n      // Caret not used in side mode; set a neutral value\n      caretLeft = popupRect.width / 2\n\n      setIsOnTop(false)\n    } else {\n      // /////////////////////////////////////\n      // Vertical Positioning\n      // Calculates the `top` position in absolute page coordinates.\n      // Uses `verticalAlign` prop as the preferred direction, but flips\n      // to the opposite side if there's not enough viewport space.\n      // /////////////////////////////////////\n\n      let onTop = verticalAlign === 'top'\n\n      if (verticalAlign === 'bottom') {\n        top = triggerRect.bottom + offset\n\n        if (triggerRect.bottom + popupRect.height + offset > window.innerHeight) {\n          // Try to flip above — only do so if there's actually enough room\n          const topIfAbove = triggerRect.top - popupRect.height - offset\n          if (topIfAbove >= 0) {\n            top = topIfAbove\n            onTop = true\n          }\n          // else: not enough room above either — keep below and let it overflow rather than going off-screen\n        }\n      } else {\n        top = triggerRect.top - popupRect.height - offset\n\n        if (triggerRect.top - popupRect.height - offset < 0) {\n          top = triggerRect.bottom + offset\n          onTop = false\n        }\n      }\n\n      const maxTop = Math.max(offset, window.innerHeight - popupRect.height - offset)\n      top = Math.max(offset, Math.min(top, maxTop))\n\n      setIsOnTop(onTop)\n\n      // /////////////////////////////////////\n      // Horizontal Positioning\n      // Calculates the `left` position based on `horizontalAlign` prop:\n      // - 'left': aligns popup's left edge with trigger's left edge\n      // - 'right': aligns popup's right edge with trigger's right edge\n      // - 'center': centers popup horizontally relative to trigger\n      // Then clamps to keep the popup within viewport bounds.\n      // /////////////////////////////////////\n\n      left =\n        horizontalAlign === 'right'\n          ? triggerRect.right - popupRect.width\n          : horizontalAlign === 'center'\n            ? triggerRect.left + triggerRect.width / 2 - popupRect.width / 2\n            : triggerRect.left\n\n      left = Math.max(offset, Math.min(left, window.innerWidth - popupRect.width - offset))\n\n      // /////////////////////////////////////\n      // Caret Positioning\n      // Positions the caret arrow to point at the trigger's horizontal center.\n      // Clamps between 12px from edges to prevent caret from overflowing the popup.\n      // /////////////////////////////////////\n\n      const triggerCenter = triggerRect.left + triggerRect.width / 2\n      caretLeft = Math.max(12, Math.min(triggerCenter - left, popupRect.width - 12))\n    }\n\n    // /////////////////////////////////////\n    // Apply Styles (only if changed)\n    // Compares calculated position with current styles to avoid unnecessary\n    // DOM updates during scroll. This prevents visual lag by relying on the absolute\n    // positioning where possible (popup slightly lags behind when scrolling really fast),\n    // while still allowing position changes when needed (e.g., sticky parent, viewport flip).\n    // Values are rounded to match browser's CSS precision and avoid false updates.\n    // /////////////////////////////////////\n\n    const newTop = `${Math.round(top)}px`\n    const newLeft = `${Math.round(left)}px`\n    const newCaretLeft = `${Math.round(caretLeft)}px`\n    const newPosition = 'fixed'\n\n    if (popup.style.position !== newPosition) {\n      popup.style.position = newPosition\n    }\n    if (popup.style.top !== newTop) {\n      popup.style.top = newTop\n    }\n    if (popup.style.left !== newLeft) {\n      popup.style.left = newLeft\n    }\n    if (popup.style.getPropertyValue('--caret-left') !== newCaretLeft) {\n      popup.style.setProperty('--caret-left', newCaretLeft)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Outside Handler\n  // Closes popup when clicking outside both the popup and trigger.\n  // Distinguishes between parent and child popups:\n  // - Click in child popup: parent stays open\n  // - Click in parent popup: child closes\n  // /////////////////////////////////////\n\n  const handleClickOutside = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as Node\n    const isOutsidePopup = !popupRef.current?.contains(target)\n    const isOutsideTrigger = !triggerRef.current?.contains(target)\n\n    // Check if click is inside a popup portal\n    const clickedPopupContent = (target as Element).closest?.('.popup__content')\n\n    // If the clicked popup contains this popup's trigger, it's a parent popup\n    // and we should close. If it doesn't contain our trigger, it's a child popup\n    // and we should stay open to avoid closing parent when interacting with child.\n    const isInsideChildPopup =\n      clickedPopupContent && !clickedPopupContent.contains(triggerRef.current)\n\n    if (isOutsidePopup && isOutsideTrigger && !isInsideChildPopup) {\n      setActive(false)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Keyboard Navigation\n  // Handles keyboard interactions when popup is open:\n  // - Escape: closes popup and returns focus to trigger\n  // - Tab/Shift+Tab: closes menus; dialogs retain normal document tab order\n  // - ArrowUp/ArrowDown: moves between menu items with wrapping\n  // Focus is managed manually to support elements the browser might skip.\n  // /////////////////////////////////////\n\n  const handleKeyDown = useEffectEvent((e: KeyboardEvent) => {\n    const popup = popupRef.current\n    if (!popup || !active) {\n      return\n    }\n\n    const activePopup = document.activeElement?.closest(`.${baseClass}__content`)\n    if (activePopup && activePopup !== popup) {\n      return\n    }\n\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      e.stopPropagation()\n      closePopup()\n      return\n    }\n\n    if (e.key === 'Tab' && popupRole === 'menu') {\n      if (e.shiftKey) {\n        e.preventDefault()\n        closePopupChain({ restoreFocus: true })\n        return\n      }\n\n      setTimeout(closePopupChain)\n      return\n    }\n\n    if (['ArrowDown', 'ArrowUp', 'End', 'Home'].includes(e.key)) {\n      const menuItems = getMenuItems(popup)\n      if (menuItems.length > 0) {\n        e.preventDefault()\n\n        const currentIndex = menuItems.findIndex((item) => item === document.activeElement)\n        const nextIndex =\n          e.key === 'Home'\n            ? 0\n            : e.key === 'End'\n              ? menuItems.length - 1\n              : e.key === 'ArrowUp'\n                ? currentIndex <= 0\n                  ? menuItems.length - 1\n                  : currentIndex - 1\n                : currentIndex === -1 || currentIndex === menuItems.length - 1\n                  ? 0\n                  : currentIndex + 1\n\n        menuItems.forEach((item, index) =>\n          item.setAttribute('tabindex', index === nextIndex ? '0' : '-1'),\n        )\n        menuItems[nextIndex].focus()\n        return\n      }\n    }\n\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      const focusable = Array.from(popup.querySelectorAll<HTMLElement>(TABBABLE_SELECTOR))\n      if (focusable.length === 0) {\n        return\n      }\n\n      e.preventDefault()\n\n      const currentIndex = focusable.findIndex((el) => el === document.activeElement)\n      const goBackward = e.key === 'ArrowUp'\n\n      let nextIndex: number\n      if (currentIndex === -1) {\n        nextIndex = goBackward ? focusable.length - 1 : 0\n      } else if (goBackward) {\n        nextIndex = currentIndex === 0 ? focusable.length - 1 : currentIndex - 1\n      } else {\n        nextIndex = currentIndex === focusable.length - 1 ? 0 : currentIndex + 1\n      }\n\n      focusable[nextIndex].focus()\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Handler for Actionable Elements\n  // Closes popup when buttons/links inside are clicked (includes Enter/Space activation).\n  // /////////////////////////////////////\n\n  const handleActionableClick = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as HTMLElement\n\n    // Allow opting out with data-popup-prevent-close attribute on element or ancestor\n    if (target.closest('[data-popup-prevent-close]')) {\n      return\n    }\n\n    // Check if the clicked element or any ancestor is an actionable element\n    const actionable = target.closest('button, a[href], [role=\"button\"], [role=\"menuitem\"]')\n    if (actionable && popupRef.current?.contains(actionable)) {\n      if (actionable.closest(`.${baseClass}__content`) !== popupRef.current) {\n        return\n      }\n      // Don't close if clicking a nested popup's trigger — it will manage its own open state\n      if (actionable.closest(`.${baseClass}__trigger-wrap`)) {\n        return\n      }\n      closePopup()\n    }\n  })\n\n  // /////////////////////////////////////\n  // Effect: Setup/Teardown position and focus management\n  // /////////////////////////////////////\n\n  useEffect(() => {\n    if (!active) {\n      const popup = popupRef.current\n      if (popup) {\n        // Clear inline position styles so the CSS `top: -9999px` rule on\n        // `.popup__hidden-content` takes effect. Without this, the inline\n        // styles set during positioning would win over the CSS rule, keeping\n        // portaled children (e.g. a ReactSelect menu) visually on-screen.\n        popup.style.position = ''\n        popup.style.top = ''\n        popup.style.left = ''\n      }\n      return\n    }\n\n    const popup = popupRef.current\n    if (!popup) {\n      return\n    }\n\n    if (!popup.matches(':popover-open')) {\n      popup.showPopover()\n    }\n\n    const menuItems = getMenuItems(popup)\n    menuItems.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'))\n\n    // /////////////////////////////////////\n    // Initial Position\n    // Calculate and apply popup position.\n    // getBoundingClientRect() forces synchronous layout.\n    //\n    // We call updatePosition() twice: once synchronously (so the popup\n    // snaps to roughly the right place immediately rather than flashing\n    // from -9999px) and once in a requestAnimationFrame, which fires\n    // after the browser has finished laying out the newly-visible popup\n    // content. The rAF call is the authoritative one — it catches cases\n    // where the popup height wasn't stable yet during the first call\n    // (e.g. ColumnSelection popup content rendering after hidden → visible\n    // class switch), which was causing incorrect flip-to-top decisions.\n    // /////////////////////////////////////\n\n    updatePosition()\n    const rafId = requestAnimationFrame(() => {\n      updatePosition()\n    })\n\n    // /////////////////////////////////////\n    // Focus Management\n    // When opened via keyboard, autofocus the first focusable button.\n    // When opened via mouse, skip autofocus to avoid unwanted highlights.\n    // /////////////////////////////////////\n\n    if (openedViaKeyboardRef.current) {\n      // Use requestAnimationFrame to ensure DOM is ready.\n      requestAnimationFrame(() => {\n        const firstFocusable = menuItems[0] ?? popup.querySelector<HTMLElement>(TABBABLE_SELECTOR)\n        firstFocusable?.focus()\n      })\n    }\n\n    // /////////////////////////////////////\n    // Event Listeners\n    // - resize/scroll: recalculate position (only applies styles if changed)\n    // - mousedown: detect clicks outside to close\n    // - keydown: handle keyboard navigation\n    // /////////////////////////////////////\n\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, { capture: true, passive: true })\n    document.addEventListener('mousedown', handleClickOutside)\n    popup.addEventListener('keydown', handleKeyDown)\n    popup.addEventListener('click', handleActionableClick)\n\n    return () => {\n      cancelAnimationFrame(rafId)\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, { capture: true })\n      document.removeEventListener('mousedown', handleClickOutside)\n      popup.removeEventListener('keydown', handleKeyDown)\n      popup.removeEventListener('click', handleActionableClick)\n      if (popup.matches(':popover-open')) {\n        popup.hidePopover()\n      }\n    }\n  }, [active])\n\n  useEffect(() => {\n    if (forceOpen !== undefined) {\n      setActive(forceOpen)\n    }\n  }, [forceOpen, setActive])\n\n  const Trigger = (\n    <PopupTrigger\n      active={active}\n      button={button}\n      buttonAriaLabel={buttonAriaLabel}\n      buttonType={buttonType}\n      className={buttonClassName}\n      contentId={contentId}\n      disabled={disabled}\n      isMenuItem={parentPopup?.popupRole === 'menu'}\n      noBackground={noBackground}\n      popupType={popupType}\n      renderButton={renderButton}\n      setActive={setActive}\n      size={buttonSize}\n    />\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} id={id}>\n      <div className={`${baseClass}__trigger-wrap`} ref={triggerRef}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n            role=\"button\"\n            tabIndex={0}\n          >\n            {Trigger}\n          </div>\n        ) : (\n          Trigger\n        )}\n      </div>\n\n      <PopupContext value={{ closePopupChain, popupRef, popupRole }}>\n        <div\n          aria-label={popupAriaLabel}\n          className={\n            active\n              ? [\n                  `${baseClass}__content`,\n                  `${baseClass}--size-${size}`,\n                  side\n                    ? `${baseClass}--side-${side}`\n                    : isOnTop\n                      ? `${baseClass}--v-top`\n                      : `${baseClass}--v-bottom`,\n                  portalClassName,\n                ]\n                  .filter(Boolean)\n                  .join(' ')\n              : // Do not share any class names between active and disabled popups, to make sure\n                // tests do not accidentally target inactive popups.\n                `${baseClass}__hidden-content`\n          }\n          data-popup-id={id || undefined}\n          data-theme={theme === 'auto' ? undefined : theme}\n          id={contentId}\n          popover=\"manual\"\n          ref={popupRef}\n          role={popupRole}\n        >\n          <div\n            className={`${baseClass}__scroll-container${showScrollbar ? ` ${baseClass}__scroll-container--show-scrollbar` : ''}`}\n          >\n            {theme === 'auto' ? (\n              <>\n                {render?.({ close })}\n                {children}\n              </>\n            ) : (\n              <ThemeProvider theme={theme}>\n                {render?.({ close })}\n                {children}\n              </ThemeProvider>\n            )}\n          </div>\n          {caret && !side && <div className={`${baseClass}__caret`} />}\n        </div>\n      </PopupContext>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/PreviewButton/index.d.ts

@@ -1,4 +1,3 @@
-import type { PreviewButtonClientProps } from 'payload';
 import React from 'react';
-export declare function PreviewButton(props: PreviewButtonClientProps): React.JSX.Element;
+export declare function PreviewButton(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/PreviewButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,wBAAgB,aAAa,CAAC,KAAK,EAAE,wBAAwB,qBA0C5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,wBAAgB,aAAa,sBAoD5B"}