npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d - Mend

@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2420) hide show

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

	@@ -1 +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":[]}
1	+ {"version":3,"file":"index.js","names":["PopupList","React","createContext","use","useCallback","useEffect","useId","useLayoutEffect","useRef","useState","useEffectEvent","useModalFocus","ThemeProvider","PopupTrigger","createSubmenuScope","useSubmenuPointerIntent","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","horizontalAlignProp","hoverSubmenu","initActive","noBackground","onToggleClose","onToggleOpen","popupAriaLabel","popupType","portalClassName","render","renderButton","showOnHover","showScrollbar","side","size","theme","verticalAlign","popupRef","containerRef","triggerRef","registerPopup","getTrigger","current","querySelector","container","generatedContentId","contentId","openedViaKeyboardRef","parentPopup","popupRole","undefined","submenuScope","isSubmenu","resolvedSide","active","setActiveInternal","isOnTop","setIsOnTop","setActive","isActive","viaKeyboard","coordinateParent","requestOpen","closeActiveBranch","release","closePopup","restoreFocus","trigger","requestAnimationFrame","focus","close","closePopupChain","options","openFromParent","closeFromPointer","hasFocus","contains","document","activeElement","pointerIntent","contentRef","enabled","onClose","onOpen","viaPointer","onSafeAreaExpire","x","y","target","elementFromPoint","parentContent","siblingId","getAttribute","submenuCallbacks","parentSubmenuScope","register","closeBranch","isPointerProtected","isProtected","open","updatePosition","triggerRect","getBoundingClientRect","popupRect","offset","sideOffset","top","left","caretLeft","scrollContainer","popupPaddingTop","Number","parseFloat","window","getComputedStyle","paddingTop","maxTop","innerHeight","height","Math","max","min","anchorRect","width","right","innerWidth","onTop","bottom","topIfAbove","triggerCenter","newTop","round","newLeft","newCaretLeft","newPosition","style","position","getPropertyValue","setProperty","updateSafeArea","handleClickOutside","e","isOutsidePopup","isOutsideTrigger","clickedPopupContent","isInsideChildPopup","handleKeyDown","activePopup","key","preventDefault","stopPropagation","nestedTrigger","dispatchEvent","KeyboardEvent","bubbles","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","triggerProps","value","contentProps","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, {\n createContext,\n use,\n useCallback,\n useEffect,\n useId,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useModalFocus } from '../../providers/ModalFocus/index.js'\nimport { ThemeProvider } from '../../providers/Theme/index.js'\nimport './index.css'\nimport { type PopupButtonRenderProps, PopupTrigger } from './PopupTrigger/index.js'\nimport { createSubmenuScope, type SubmenuScope } from './SubmenuScope.js'\nimport { useSubmenuPointerIntent } from './useSubmenuPointerIntent.js'\n\nconst baseClass = 'popup'\n\ntype PopupContextValue = {\n closePopupChain: (options?: { restoreFocus?: boolean }) => void\n popupRef: React.RefObject<HTMLDivElement \| null>\n popupRole?: AriaRole\n submenuScope: SubmenuScope\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 * Nested menu popups use 'left' and 'right' as their preferred side instead.\n * When omitted, nested menu popups prefer the right side.\n \n @default 'left'\n /\n horizontalAlign?: 'center' \| 'left' \| 'right'\n hoverSubmenu?: boolean\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: horizontalAlignProp,\n hoverSubmenu = false,\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 containerRef = useRef<HTMLDivElement>(null)\n const triggerRef = useRef<HTMLDivElement>(null)\n const { registerPopup } = useModalFocus()\n const getTrigger = useCallback(\n () => triggerRef.current?.querySelector<HTMLElement>('button, [tabindex=\"0\"]') ?? null,\n [],\n )\n\n useLayoutEffect(() => {\n const container = containerRef.current\n\n if (container) {\n return registerPopup({ container, getTrigger })\n }\n }, [getTrigger, registerPopup])\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 const submenuScope = useState(() => createSubmenuScope())[0]\n const isSubmenu = parentPopup?.popupRole === 'menu' && popupRole === 'menu'\n const horizontalAlign = horizontalAlignProp ?? 'left'\n const resolvedSide =\n side ?? (isSubmenu ? (horizontalAlignProp === 'left' ? 'left' : 'right') : 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, coordinateParent = true) => {\n if (isActive) {\n openedViaKeyboardRef.current = viaKeyboard\n if (coordinateParent && isSubmenu) {\n parentPopup.submenuScope.requestOpen({\n id: contentId,\n viaKeyboard,\n })\n return\n }\n onToggleOpen?.(true)\n } else {\n onToggleClose?.()\n submenuScope.closeActiveBranch()\n parentPopup?.submenuScope.release(contentId)\n }\n setActiveInternal(isActive)\n },\n [contentId, isSubmenu, onToggleClose, onToggleOpen, parentPopup, submenuScope],\n )\n\n const closePopup = useCallback(\n ({ restoreFocus = true }: { restoreFocus?: boolean } = {}) => {\n const trigger = getTrigger()\n\n setActive(false)\n if (restoreFocus) {\n requestAnimationFrame(() => trigger?.focus())\n }\n },\n [getTrigger, 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 const openFromParent = useCallback(\n (viaKeyboard: boolean) => setActive(true, viaKeyboard, false),\n [setActive],\n )\n\n const closeFromPointer = useCallback(() => {\n const hasFocus = popupRef.current?.contains(document.activeElement)\n const trigger = triggerRef.current?.querySelector<HTMLElement>('[aria-haspopup=\"menu\"]')\n\n closePopup({ restoreFocus: false })\n if (hasFocus) {\n trigger?.focus()\n }\n }, [closePopup])\n\n const pointerIntent = useSubmenuPointerIntent({\n active,\n contentRef: popupRef,\n enabled: isSubmenu && hoverSubmenu,\n onClose: closeFromPointer,\n onOpen: () =>\n parentPopup?.submenuScope.requestOpen({\n id: contentId,\n viaPointer: true,\n }),\n onSafeAreaExpire: ({ x, y }) => {\n const target = document.elementFromPoint(x, y)\n const parentContent = parentPopup?.popupRef.current\n\n if (parentContent && target?.closest(POPUP_CONTENT_SELECTOR) === parentContent) {\n const trigger = target\n .closest('.popup__submenu-hover-watch')\n ?.querySelector<HTMLElement>('[aria-haspopup=\"menu\"][aria-controls]')\n const siblingId = trigger?.getAttribute('aria-controls')\n\n if (siblingId && trigger?.getAttribute('aria-disabled') !== 'true') {\n parentPopup?.submenuScope.requestOpen({ id: siblingId })\n return\n }\n }\n\n closeFromPointer()\n },\n triggerRef,\n })\n\n const submenuCallbacks = useRef({ closeFromPointer, openFromParent })\n const parentSubmenuScope = parentPopup?.submenuScope\n\n useEffect(() => {\n submenuCallbacks.current = { closeFromPointer, openFromParent }\n }, [closeFromPointer, openFromParent])\n\n useEffect(() => {\n if (!isSubmenu \|\| !parentSubmenuScope) {\n return\n }\n\n return parentSubmenuScope.register({\n id: contentId,\n closeBranch: () => submenuCallbacks.current.closeFromPointer(),\n isPointerProtected: pointerIntent.isProtected,\n open: (viaKeyboard) => submenuCallbacks.current.openFromParent(viaKeyboard),\n })\n }, [contentId, isSubmenu, parentSubmenuScope, pointerIntent.isProtected])\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 (resolvedSide) {\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 const scrollContainer = popup.querySelector<HTMLElement>(\n `:scope > .${baseClass}__scroll-container`,\n )\n const popupPaddingTop = scrollContainer\n ? Number.parseFloat(window.getComputedStyle(scrollContainer).paddingTop) \|\| 0\n : 0\n\n // Align the first menu item with the trigger by accounting for the popup's top padding.\n top = triggerRect.top - popupPaddingTop\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 (resolvedSide === '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 pointerIntent.updateSafeArea()\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 === 'ArrowRight' && popupRole === 'menu') {\n const trigger = (document.activeElement as HTMLElement \| null)?.closest<HTMLElement>(\n `.${baseClass}__trigger-wrap`,\n )\n const nestedTrigger = trigger?.querySelector<HTMLElement>('button, [role=\"menuitem\"]')\n if (nestedTrigger) {\n e.preventDefault()\n nestedTrigger.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, key: 'Enter' }))\n return\n }\n }\n\n if (e.key === 'ArrowLeft' && parentPopup) {\n e.preventDefault()\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} ref={containerRef}>\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 ) : hoverSubmenu && isSubmenu ? (\n <div {...pointerIntent.triggerProps} className={`${baseClass}__submenu-hover-watch`}>\n {Trigger}\n </div>\n ) : (\n Trigger\n )}\n </div>\n\n <PopupContext value={{ closePopupChain, popupRef, popupRole, submenuScope }}>\n <div\n {...pointerIntent.contentProps}\n aria-label={popupAriaLabel}\n className={\n active\n ? [\n `${baseClass}__content`,\n `${baseClass}--size-${size}`,\n resolvedSide\n ? `${baseClass}--side-${resolvedSide}`\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 && !resolvedSide && <div className={`${baseClass}__caret`} />}\n </div>\n </PopupContext>\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAO,KAAKA,SAAS,MAAM;AAE3B,OAAOC,KAAA,IACLC,aAAa,EACbC,GAAG,EACHC,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,eAAe,EACfC,MAAM,EACNC,QAAQ,QACH;AAEP,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AACP,SAAsCC,YAAY,QAAQ;AAC1D,SAASC,kBAAkB,QAA2B;AACtD,SAASC,uBAAuB,QAAQ;AAExC,MAAMC,SAAA,GAAY;AASlB,MAAMC,YAAA,gBAAef,aAAA,CAAwC;AAE7D;;;AAGA,MAAMgB,iBAAA,GAAoB,CACxB,WACA,yBACA,6CACA,yBACA,2BACA,cACA,oDACA,mBACA,mBACA,UACD,CACEC,GAAG,CAAEC,CAAA,IAAM,GAAGA,CAAA,uBAAwB,EACtCC,IAAI,CAAC;AAER,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,sBAAA,GAAyB,IAAIP,SAAA,eAAwBA,SAAA,kBAA2B;AAEtF,MAAMQ,YAAA,GAAgBC,KAAA,IACpBC,KAAA,CAAMC,IAAI,CAACF,KAAA,CAAMG,gBAAgB,CAAcN,kBAAA,GAAqBO,MAAM,CACvEC,IAAA,IAASA,IAAA,CAAKC,OAAO,CAACR,sBAAA,MAA4BE,KAAA;AA0EvD;;;;;;AAMA,OAAO,MAAMO,KAAA,GAA+BC,KAAA;EAC1C,MAAM;IACJC,EAAE;IACFC,MAAM;IACNC,eAAe;IACfC,eAAe;IACfC,UAAU;IACVC,UAAA,GAAa,SAAS;IACtBC,KAAA,GAAQ,IAAI;IACZC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,eAAA,EAAiBC,mBAAmB;IACpCC,YAAA,GAAe,KAAK;IACpBC,UAAA,GAAa,KAAK;IAClBC,YAAY;IACZC,aAAa;IACbC,YAAY;IACZC,cAAc;IACdC,SAAS;IACTC,eAAe;IACfC,MAAM;IACNC,YAAY;IACZC,WAAA,GAAc,KAAK;IACnBC,aAAA,GAAgB,KAAK;IACrBC,IAAI;IACJC,IAAA,GAAO,aAAa;IACpBC,KAAA,GAAQ,MAAM;IACdC,aAAA,GAAgB;EAAQ,CACzB,GAAG7B,KAAA;EAEJ,MAAM8B,QAAA,GAAWvD,MAAA,CAAuB;EACxC,MAAMwD,YAAA,GAAexD,MAAA,CAAuB;EAC5C,MAAMyD,UAAA,GAAazD,MAAA,CAAuB;EAC1C,MAAM;IAAE0D;EAAa,CAAE,GAAGvD,aAAA;EAC1B,MAAMwD,UAAA,GAAa/D,WAAA,CACjB,MAAM6D,UAAA,CAAWG,OAAO,EAAEC,aAAA,CAA2B,6BAA6B,MAClF,EAAE;EAGJ9D,eAAA,CAAgB;IACd,MAAM+D,SAAA,GAAYN,YAAA,CAAaI,OAAO;IAEtC,IAAIE,SAAA,EAAW;MACb,OAAOJ,aAAA,CAAc;QAAEI,SAAA;QAAWH;MAAW;IAC/C;EACF,GAAG,CAACA,UAAA,EAAYD,aAAA,CAAc;EAC9B,MAAMK,kBAAA,GAAqBjE,KAAA;EAC3B,MAAMkE,SAAA,GAAY,GAAGtC,EAAA,IAAMqC,kBAAA,UAA4B;EAEvD;;;;;EAKA,MAAME,oBAAA,GAAuBjE,MAAA,CAAO;EAEpC,MAAMkE,WAAA,GAAcvE,GAAA,CAAIc,YAAA;EACxB,MAAM0D,SAAA,GAAatB,SAAA,KAAc,OAAO,SAASA,SAAA,IAAauB,SAAA;EAC9D,MAAMC,YAAA,GAAepE,QAAA,CAAS,MAAMK,kBAAA,GAAqB,CAAC,EAAE;EAC5D,MAAMgE,SAAA,GAAYJ,WAAA,EAAaC,SAAA,KAAc,UAAUA,SAAA,KAAc;EACrE,MAAM9B,eAAA,GAAkBC,mBAAA,IAAuB;EAC/C,MAAMiC,YAAA,GACJpB,IAAA,KAASmB,SAAA,GAAahC,mBAAA,KAAwB,SAAS,SAAS,UAAW8B,SAAQ;EAErF,MAAM,CAACI,MAAA,EAAQC,iBAAA,CAAkB,GAAGxE,QAAA,CAASuC,UAAA;EAC7C,MAAM,CAACkC,OAAA,EAASC,UAAA,CAAW,GAAG1E,QAAA,CAASqD,aAAA,KAAkB;EAEzD,MAAMsB,SAAA,GAAYhF,WAAA,CAChB,CAACiF,QAAA,EAAmBC,WAAA,GAAc,KAAK,EAAEC,gBAAA,GAAmB,IAAI;IAC9D,IAAIF,QAAA,EAAU;MACZZ,oBAAA,CAAqBL,OAAO,GAAGkB,WAAA;MAC/B,IAAIC,gBAAA,IAAoBT,SAAA,EAAW;QACjCJ,WAAA,CAAYG,YAAY,CAACW,WAAW,CAAC;UACnCtD,EAAA,EAAIsC,SAAA;UACJc;QACF;QACA;MACF;MACAnC,YAAA,GAAe;IACjB,OAAO;MACLD,aAAA;MACA2B,YAAA,CAAaY,iBAAiB;MAC9Bf,WAAA,EAAaG,YAAA,CAAaa,OAAA,CAAQlB,SAAA;IACpC;IACAS,iBAAA,CAAkBI,QAAA;EACpB,GACA,CAACb,SAAA,EAAWM,SAAA,EAAW5B,aAAA,EAAeC,YAAA,EAAcuB,WAAA,EAAaG,YAAA,CAAa;EAGhF,MAAMc,UAAA,GAAavF,WAAA,CACjB,CAAC;IAAEwF,YAAA,GAAe;EAAI,CAA8B,GAAG,CAAC,CAAC;IACvD,MAAMC,OAAA,GAAU1B,UAAA;IAEhBiB,SAAA,CAAU;IACV,IAAIQ,YAAA,EAAc;MAChBE,qBAAA,CAAsB,MAAMD,OAAA,EAASE,KAAA;IACvC;EACF,GACA,CAAC5B,UAAA,EAAYiB,SAAA,CAAU;EAEzB,MAAMY,KAAA,GAAQ5F,WAAA,CAAY,MAAMuF,UAAA,IAAc,CAACA,UAAA,CAAW;EAC1D,MAAMM,eAAA,GAAkB7F,WAAA,CACtB,CAAC8F,OAAA,GAAsC,CAAC,CAAC;IACvC,IAAIxB,WAAA,EAAa;MACfiB,UAAA,CAAW;QAAEC,YAAA,EAAc;MAAM;MACjClB,WAAA,CAAYuB,eAAe,CAACC,OAAA;MAC5B;IACF;IAEAP,UAAA,CAAWO,OAAA;EACb,GACA,CAACP,UAAA,EAAYjB,WAAA,CAAY;EAG3B,MAAMyB,cAAA,GAAiB/F,WAAA,CACpBkF,aAAA,IAAyBF,SAAA,CAAU,MAAME,aAAA,EAAa,QACvD,CAACF,SAAA,CAAU;EAGb,MAAMgB,gBAAA,GAAmBhG,WAAA,CAAY;IACnC,MAAMiG,QAAA,GAAWtC,QAAA,CAASK,OAAO,EAAEkC,QAAA,CAASC,QAAA,CAASC,aAAa;IAClE,MAAMX,SAAA,GAAU5B,UAAA,CAAWG,OAAO,EAAEC,aAAA,CAA2B;IAE/DsB,UAAA,CAAW;MAAEC,YAAA,EAAc;IAAM;IACjC,IAAIS,QAAA,EAAU;MACZR,SAAA,EAASE,KAAA;IACX;EACF,GAAG,CAACJ,UAAA,CAAW;EAEf,MAAMc,aAAA,GAAgB1F,uBAAA,CAAwB;IAC5CiE,MAAA;IACA0B,UAAA,EAAY3C,QAAA;IACZ4C,OAAA,EAAS7B,SAAA,IAAa/B,YAAA;IACtB6D,OAAA,EAASR,gBAAA;IACTS,MAAA,EAAQA,CAAA,KACNnC,WAAA,EAAaG,YAAA,CAAaW,WAAA,CAAY;MACpCtD,EAAA,EAAIsC,SAAA;MACJsC,UAAA,EAAY;IACd;IACFC,gBAAA,EAAkBA,CAAC;MAAEC,CAAC;MAAEC;IAAC,CAAE;MACzB,MAAMC,MAAA,GAASX,QAAA,CAASY,gBAAgB,CAACH,CAAA,EAAGC,CAAA;MAC5C,MAAMG,aAAA,GAAgB1C,WAAA,EAAaX,QAAA,CAASK,OAAA;MAE5C,IAAIgD,aAAA,IAAiBF,MAAA,EAAQnF,OAAA,CAAQR,sBAAA,MAA4B6F,aAAA,EAAe;QAC9E,MAAMvB,SAAA,GAAUqB,MAAA,CACbnF,OAAO,CAAC,gCACPsC,aAAA,CAA2B;QAC/B,MAAMgD,SAAA,GAAYxB,SAAA,EAASyB,YAAA,CAAa;QAExC,IAAID,SAAA,IAAaxB,SAAA,EAASyB,YAAA,CAAa,qBAAqB,QAAQ;UAClE5C,WAAA,EAAaG,YAAA,CAAaW,WAAA,CAAY;YAAEtD,EAAA,EAAImF;UAAU;UACtD;QACF;MACF;MAEAjB,gBAAA;IACF;IACAnC;EACF;EAEA,MAAMsD,gBAAA,GAAmB/G,MAAA,CAAO;IAAE4F,gBAAA;IAAkBD;EAAe;EACnE,MAAMqB,kBAAA,GAAqB9C,WAAA,EAAaG,YAAA;EAExCxE,SAAA,CAAU;IACRkH,gBAAA,CAAiBnD,OAAO,GAAG;MAAEgC,gBAAA;MAAkBD;IAAe;EAChE,GAAG,CAACC,gBAAA,EAAkBD,cAAA,CAAe;EAErC9F,SAAA,CAAU;IACR,IAAI,CAACyE,SAAA,IAAa,CAAC0C,kBAAA,EAAoB;MACrC;IACF;IAEA,OAAOA,kBAAA,CAAmBC,QAAQ,CAAC;MACjCvF,EAAA,EAAIsC,SAAA;MACJkD,WAAA,EAAaA,CAAA,KAAMH,gBAAA,CAAiBnD,OAAO,CAACgC,gBAAgB;MAC5DuB,kBAAA,EAAoBlB,aAAA,CAAcmB,WAAW;MAC7CC,IAAA,EAAOvC,aAAA,IAAgBiC,gBAAA,CAAiBnD,OAAO,CAAC+B,cAAc,CAACb,aAAA;IACjE;EACF,GAAG,CAACd,SAAA,EAAWM,SAAA,EAAW0C,kBAAA,EAAoBf,aAAA,CAAcmB,WAAW,CAAC;EAExE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,MAAME,cAAA,GAAiBpH,cAAA,CAAe;IACpC,MAAMmF,SAAA,GAAU5B,UAAA,CAAWG,OAAO;IAClC,MAAM3C,KAAA,GAAQsC,QAAA,CAASK,OAAO;IAC9B,IAAI,CAACyB,SAAA,IAAW,CAACpE,KAAA,EAAO;MACtB;IACF;IAEA,MAAMsG,WAAA,GAAclC,SAAA,CAAQmC,qBAAqB;IACjD,MAAMC,SAAA,GAAYxG,KAAA,CAAMuG,qBAAqB;IAE7C;IACA,MAAME,MAAA,GAAS;IACf;IACA,MAAMC,UAAA,GAAa;IAEnB,IAAIC,GAAA;IACJ,IAAIC,IAAA;IACJ,IAAIC,SAAA;IAEJ,IAAIvD,YAAA,EAAc;MAChB;MACA;MACA;MACA;MACA;MACA;MAEA,MAAMwD,eAAA,GAAkB9G,KAAA,CAAM4C,aAAa,CACzC,aAAarD,SAAA,oBAA6B;MAE5C,MAAMwH,eAAA,GAAkBD,eAAA,GACpBE,MAAA,CAAOC,UAAU,CAACC,MAAA,CAAOC,gBAAgB,CAACL,eAAA,EAAiBM,UAAU,KAAK,IAC1E;MAEJ;MACAT,GAAA,GAAML,WAAA,CAAYK,GAAG,GAAGI,eAAA;MACxB,MAAMM,MAAA,GAASH,MAAA,CAAOI,WAAW,GAAGd,SAAA,CAAUe,MAAM,GAAGd,MAAA;MACvDE,GAAA,GAAMa,IAAA,CAAKC,GAAG,CAAChB,MAAA,EAAQe,IAAA,CAAKE,GAAG,CAACf,GAAA,EAAKU,MAAA;MAErC;MACA;MACA,MAAMM,UAAA,GAAa1E,WAAA,EAAaX,QAAA,CAASK,OAAA,GACrCM,WAAA,CAAYX,QAAQ,CAACK,OAAO,CAAC4D,qBAAqB,KAClDD,WAAA;MAEJ,IAAIhD,YAAA,KAAiB,QAAQ;QAC3BsD,IAAA,GAAOe,UAAA,CAAWf,IAAI,GAAGJ,SAAA,CAAUoB,KAAK,GAAGlB,UAAA;QAC3C,IAAIE,IAAA,GAAOH,MAAA,EAAQ;UACjB;UACAG,IAAA,GAAOe,UAAA,CAAWE,KAAK,GAAGnB,UAAA;QAC5B;MACF,OAAO;QACLE,IAAA,GAAOe,UAAA,CAAWE,KAAK,GAAGnB,UAAA;QAC1B,IAAIE,IAAA,GAAOJ,SAAA,CAAUoB,KAAK,GAAGnB,MAAA,GAASS,MAAA,CAAOY,UAAU,EAAE;UACvD;UACAlB,IAAA,GAAOe,UAAA,CAAWf,IAAI,GAAGJ,SAAA,CAAUoB,KAAK,GAAGlB,UAAA;QAC7C;MACF;MAEAE,IAAA,GAAOY,IAAA,CAAKC,GAAG,CACbhB,MAAA,EACAe,IAAA,CAAKE,GAAG,CAACd,IAAA,EAAMY,IAAA,CAAKC,GAAG,CAAChB,MAAA,EAAQS,MAAA,CAAOY,UAAU,GAAGtB,SAAA,CAAUoB,KAAK,GAAGnB,MAAA;MAGxE;MACAI,SAAA,GAAYL,SAAA,CAAUoB,KAAK,GAAG;MAE9BlE,UAAA,CAAW;IACb,OAAO;MACL;MACA;MACA;MACA;MACA;MACA;MAEA,IAAIqE,KAAA,GAAQ1F,aAAA,KAAkB;MAE9B,IAAIA,aAAA,KAAkB,UAAU;QAC9BsE,GAAA,GAAML,WAAA,CAAY0B,MAAM,GAAGvB,MAAA;QAE3B,IAAIH,WAAA,CAAY0B,MAAM,GAAGxB,SAAA,CAAUe,MAAM,GAAGd,MAAA,GAASS,MAAA,CAAOI,WAAW,EAAE;UACvE;UACA,MAAMW,UAAA,GAAa3B,WAAA,CAAYK,GAAG,GAAGH,SAAA,CAAUe,MAAM,GAAGd,MAAA;UACxD,IAAIwB,UAAA,IAAc,GAAG;YACnBtB,GAAA,GAAMsB,UAAA;YACNF,KAAA,GAAQ;UACV;UACA;QACF;MACF,OAAO;QACLpB,GAAA,GAAML,WAAA,CAAYK,GAAG,GAAGH,SAAA,CAAUe,MAAM,GAAGd,MAAA;QAE3C,IAAIH,WAAA,CAAYK,GAAG,GAAGH,SAAA,CAAUe,MAAM,GAAGd,MAAA,GAAS,GAAG;UACnDE,GAAA,GAAML,WAAA,CAAY0B,MAAM,GAAGvB,MAAA;UAC3BsB,KAAA,GAAQ;QACV;MACF;MAEA,MAAMV,QAAA,GAASG,IAAA,CAAKC,GAAG,CAAChB,MAAA,EAAQS,MAAA,CAAOI,WAAW,GAAGd,SAAA,CAAUe,MAAM,GAAGd,MAAA;MACxEE,GAAA,GAAMa,IAAA,CAAKC,GAAG,CAAChB,MAAA,EAAQe,IAAA,CAAKE,GAAG,CAACf,GAAA,EAAKU,QAAA;MAErC3D,UAAA,CAAWqE,KAAA;MAEX;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MAEAnB,IAAA,GACExF,eAAA,KAAoB,UAChBkF,WAAA,CAAYuB,KAAK,GAAGrB,SAAA,CAAUoB,KAAK,GACnCxG,eAAA,KAAoB,WAClBkF,WAAA,CAAYM,IAAI,GAAGN,WAAA,CAAYsB,KAAK,GAAG,IAAIpB,SAAA,CAAUoB,KAAK,GAAG,IAC7DtB,WAAA,CAAYM,IAAI;MAExBA,IAAA,GAAOY,IAAA,CAAKC,GAAG,CAAChB,MAAA,EAAQe,IAAA,CAAKE,GAAG,CAACd,IAAA,EAAMM,MAAA,CAAOY,UAAU,GAAGtB,SAAA,CAAUoB,KAAK,GAAGnB,MAAA;MAE7E;MACA;MACA;MACA;MACA;MAEA,MAAMyB,aAAA,GAAgB5B,WAAA,CAAYM,IAAI,GAAGN,WAAA,CAAYsB,KAAK,GAAG;MAC7Df,SAAA,GAAYW,IAAA,CAAKC,GAAG,CAAC,IAAID,IAAA,CAAKE,GAAG,CAACQ,aAAA,GAAgBtB,IAAA,EAAMJ,SAAA,CAAUoB,KAAK,GAAG;IAC5E;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA,MAAMO,MAAA,GAAS,GAAGX,IAAA,CAAKY,KAAK,CAACzB,GAAA,KAAQ;IACrC,MAAM0B,OAAA,GAAU,GAAGb,IAAA,CAAKY,KAAK,CAACxB,IAAA,KAAS;IACvC,MAAM0B,YAAA,GAAe,GAAGd,IAAA,CAAKY,KAAK,CAACvB,SAAA,KAAc;IACjD,MAAM0B,WAAA,GAAc;IAEpB,IAAIvI,KAAA,CAAMwI,KAAK,CAACC,QAAQ,KAAKF,WAAA,EAAa;MACxCvI,KAAA,CAAMwI,KAAK,CAACC,QAAQ,GAAGF,WAAA;IACzB;IACA,IAAIvI,KAAA,CAAMwI,KAAK,CAAC7B,GAAG,KAAKwB,MAAA,EAAQ;MAC9BnI,KAAA,CAAMwI,KAAK,CAAC7B,GAAG,GAAGwB,MAAA;IACpB;IACA,IAAInI,KAAA,CAAMwI,KAAK,CAAC5B,IAAI,KAAKyB,OAAA,EAAS;MAChCrI,KAAA,CAAMwI,KAAK,CAAC5B,IAAI,GAAGyB,OAAA;IACrB;IACA,IAAIrI,KAAA,CAAMwI,KAAK,CAACE,gBAAgB,CAAC,oBAAoBJ,YAAA,EAAc;MACjEtI,KAAA,CAAMwI,KAAK,CAACG,WAAW,CAAC,gBAAgBL,YAAA;IAC1C;IACAtD,aAAA,CAAc4D,cAAc;EAC9B;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,MAAMC,kBAAA,GAAqB5J,cAAA,CAAgB6J,CAAA;IACzC,MAAMrD,QAAA,GAASqD,CAAA,CAAErD,MAAM;IACvB,MAAMsD,cAAA,GAAiB,CAACzG,QAAA,CAASK,OAAO,EAAEkC,QAAA,CAASY,QAAA;IACnD,MAAMuD,gBAAA,GAAmB,CAACxG,UAAA,CAAWG,OAAO,EAAEkC,QAAA,CAASY,QAAA;IAEvD;IACA,MAAMwD,mBAAA,GAAsBxD,QAAC,CAAmBnF,OAAO,GAAG;IAE1D;IACA;IACA;IACA,MAAM4I,kBAAA,GACJD,mBAAA,IAAuB,CAACA,mBAAA,CAAoBpE,QAAQ,CAACrC,UAAA,CAAWG,OAAO;IAEzE,IAAIoG,cAAA,IAAkBC,gBAAA,IAAoB,CAACE,kBAAA,EAAoB;MAC7DvF,SAAA,CAAU;IACZ;EACF;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,MAAMwF,aAAA,GAAgBlK,cAAA,CAAgB6J,GAAA;IACpC,MAAM9I,OAAA,GAAQsC,QAAA,CAASK,OAAO;IAC9B,IAAI,CAAC3C,OAAA,IAAS,CAACuD,MAAA,EAAQ;MACrB;IACF;IAEA,MAAM6F,WAAA,GAActE,QAAA,CAASC,aAAa,EAAEzE,OAAA,CAAQ,IAAIf,SAAA,WAAoB;IAC5E,IAAI6J,WAAA,IAAeA,WAAA,KAAgBpJ,OAAA,EAAO;MACxC;IACF;IAEA,IAAI8I,GAAA,CAAEO,GAAG,KAAK,UAAU;MACtBP,GAAA,CAAEQ,cAAc;MAChBR,GAAA,CAAES,eAAe;MACjBrF,UAAA;MACA;IACF;IAEA,IAAI4E,GAAA,CAAEO,GAAG,KAAK,gBAAgBnG,SAAA,KAAc,QAAQ;MAClD,MAAMkB,SAAA,GAAWU,QAAA,CAASC,aAAa,EAAyBzE,OAAA,CAC9D,IAAIf,SAAA,gBAAyB;MAE/B,MAAMiK,aAAA,GAAgBpF,SAAA,EAASxB,aAAA,CAA2B;MAC1D,IAAI4G,aAAA,EAAe;QACjBV,GAAA,CAAEQ,cAAc;QAChBE,aAAA,CAAcC,aAAa,CAAC,IAAIC,aAAA,CAAc,WAAW;UAAEC,OAAA,EAAS;UAAMN,GAAA,EAAK;QAAQ;QACvF;MACF;IACF;IAEA,IAAIP,GAAA,CAAEO,GAAG,KAAK,eAAepG,WAAA,EAAa;MACxC6F,GAAA,CAAEQ,cAAc;MAChBpF,UAAA;MACA;IACF;IAEA,IAAI4E,GAAA,CAAEO,GAAG,KAAK,SAASnG,SAAA,KAAc,QAAQ;MAC3C,IAAI4F,GAAA,CAAEc,QAAQ,EAAE;QACdd,GAAA,CAAEQ,cAAc;QAChB9E,eAAA,CAAgB;UAAEL,YAAA,EAAc;QAAK;QACrC;MACF;MAEA0F,UAAA,CAAWrF,eAAA;MACX;IACF;IAEA,IAAI,CAAC,aAAa,WAAW,OAAO,OAAO,CAACsF,QAAQ,CAAChB,GAAA,CAAEO,GAAG,GAAG;MAC3D,MAAMU,SAAA,GAAYhK,YAAA,CAAaC,OAAA;MAC/B,IAAI+J,SAAA,CAAUC,MAAM,GAAG,GAAG;QACxBlB,GAAA,CAAEQ,cAAc;QAEhB,MAAMW,YAAA,GAAeF,SAAA,CAAUG,SAAS,CAAE7J,IAAA,IAASA,IAAA,KAASyE,QAAA,CAASC,aAAa;QAClF,MAAMoF,SAAA,GACJrB,GAAA,CAAEO,GAAG,KAAK,SACN,IACAP,GAAA,CAAEO,GAAG,KAAK,QACRU,SAAA,CAAUC,MAAM,GAAG,IACnBlB,GAAA,CAAEO,GAAG,KAAK,YACRY,YAAA,IAAgB,IACdF,SAAA,CAAUC,MAAM,GAAG,IACnBC,YAAA,GAAe,IACjBA,YAAA,KAAiB,CAAC,KAAKA,YAAA,KAAiBF,SAAA,CAAUC,MAAM,GAAG,IACzD,IACAC,YAAA,GAAe;QAE3BF,SAAA,CAAUK,OAAO,CAAC,CAAC/J,MAAA,EAAMgK,KAAA,KACvBhK,MAAA,CAAKiK,YAAY,CAAC,YAAYD,KAAA,KAAUF,SAAA,GAAY,MAAM;QAE5DJ,SAAS,CAACI,SAAA,CAAU,CAAC7F,KAAK;QAC1B;MACF;IACF;IAEA,IAAIwE,GAAA,CAAEO,GAAG,KAAK,eAAeP,GAAA,CAAEO,GAAG,KAAK,WAAW;MAChD,MAAMkB,SAAA,GAAYtK,KAAA,CAAMC,IAAI,CAACF,OAAA,CAAMG,gBAAgB,CAAcV,iBAAA;MACjE,IAAI8K,SAAA,CAAUP,MAAM,KAAK,GAAG;QAC1B;MACF;MAEAlB,GAAA,CAAEQ,cAAc;MAEhB,MAAMW,cAAA,GAAeM,SAAA,CAAUL,SAAS,CAAEM,EAAA,IAAOA,EAAA,KAAO1F,QAAA,CAASC,aAAa;MAC9E,MAAM0F,UAAA,GAAa3B,GAAA,CAAEO,GAAG,KAAK;MAE7B,IAAIc,WAAA;MACJ,IAAIF,cAAA,KAAiB,CAAC,GAAG;QACvBE,WAAA,GAAYM,UAAA,GAAaF,SAAA,CAAUP,MAAM,GAAG,IAAI;MAClD,OAAO,IAAIS,UAAA,EAAY;QACrBN,WAAA,GAAYF,cAAA,KAAiB,IAAIM,SAAA,CAAUP,MAAM,GAAG,IAAIC,cAAA,GAAe;MACzE,OAAO;QACLE,WAAA,GAAYF,cAAA,KAAiBM,SAAA,CAAUP,MAAM,GAAG,IAAI,IAAIC,cAAA,GAAe;MACzE;MAEAM,SAAS,CAACJ,WAAA,CAAU,CAAC7F,KAAK;IAC5B;EACF;EAEA;EACA;EACA;EACA;EAEA,MAAMoG,qBAAA,GAAwBzL,cAAA,CAAgB6J,GAAA;IAC5C,MAAMrD,QAAA,GAASqD,GAAA,CAAErD,MAAM;IAEvB;IACA,IAAIA,QAAA,CAAOnF,OAAO,CAAC,+BAA+B;MAChD;IACF;IAEA;IACA,MAAMqK,UAAA,GAAalF,QAAA,CAAOnF,OAAO,CAAC;IAClC,IAAIqK,UAAA,IAAcrI,QAAA,CAASK,OAAO,EAAEkC,QAAA,CAAS8F,UAAA,GAAa;MACxD,IAAIA,UAAA,CAAWrK,OAAO,CAAC,IAAIf,SAAA,WAAoB,MAAM+C,QAAA,CAASK,OAAO,EAAE;QACrE;MACF;MACA;MACA,IAAIgI,UAAA,CAAWrK,OAAO,CAAC,IAAIf,SAAA,gBAAyB,GAAG;QACrD;MACF;MACA2E,UAAA;IACF;EACF;EAEA;EACA;EACA;EAEAtF,SAAA,CAAU;IACR,IAAI,CAAC2E,MAAA,EAAQ;MACX,MAAMvD,OAAA,GAAQsC,QAAA,CAASK,OAAO;MAC9B,IAAI3C,OAAA,EAAO;QACT;QACA;QACA;QACA;QACAA,OAAA,CAAMwI,KAAK,CAACC,QAAQ,GAAG;QACvBzI,OAAA,CAAMwI,KAAK,CAAC7B,GAAG,GAAG;QAClB3G,OAAA,CAAMwI,KAAK,CAAC5B,IAAI,GAAG;MACrB;MACA;IACF;IAEA,MAAM5G,OAAA,GAAQsC,QAAA,CAASK,OAAO;IAC9B,IAAI,CAAC3C,OAAA,EAAO;MACV;IACF;IAEA,IAAI,CAACA,OAAA,CAAM4K,OAAO,CAAC,kBAAkB;MACnC5K,OAAA,CAAM6K,WAAW;IACnB;IAEA,MAAMd,WAAA,GAAYhK,YAAA,CAAaC,OAAA;IAC/B+J,WAAA,CAAUK,OAAO,CAAC,CAAC/J,MAAA,EAAMgK,OAAA,KAAUhK,MAAA,CAAKiK,YAAY,CAAC,YAAYD,OAAA,KAAU,IAAI,MAAM;IAErF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEAhE,cAAA;IACA,MAAMyE,KAAA,GAAQzG,qBAAA,CAAsB;MAClCgC,cAAA;IACF;IAEA;IACA;IACA;IACA;IACA;IAEA,IAAIrD,oBAAA,CAAqBL,OAAO,EAAE;MAChC;MACA0B,qBAAA,CAAsB;QACpB,MAAM0G,cAAA,GAAiBhB,WAAS,CAAC,EAAE,IAAI/J,OAAA,CAAM4C,aAAa,CAAcnD,iBAAA;QACxEsL,cAAA,EAAgBzG,KAAA;MAClB;IACF;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA4C,MAAA,CAAO8D,gBAAgB,CAAC,UAAU3E,cAAA;IAClCa,MAAA,CAAO8D,gBAAgB,CAAC,UAAU3E,cAAA,EAAgB;MAAE4E,OAAA,EAAS;MAAMC,OAAA,EAAS;IAAK;IACjFpG,QAAA,CAASkG,gBAAgB,CAAC,aAAanC,kBAAA;IACvC7I,OAAA,CAAMgL,gBAAgB,CAAC,WAAW7B,aAAA;IAClCnJ,OAAA,CAAMgL,gBAAgB,CAAC,SAASN,qBAAA;IAEhC,OAAO;MACLS,oBAAA,CAAqBL,KAAA;MACrB5D,MAAA,CAAOkE,mBAAmB,CAAC,UAAU/E,cAAA;MACrCa,MAAA,CAAOkE,mBAAmB,CAAC,UAAU/E,cAAA,EAAgB;QAAE4E,OAAA,EAAS;MAAK;MACrEnG,QAAA,CAASsG,mBAAmB,CAAC,aAAavC,kBAAA;MAC1C7I,OAAA,CAAMoL,mBAAmB,CAAC,WAAWjC,aAAA;MACrCnJ,OAAA,CAAMoL,mBAAmB,CAAC,SAASV,qBAAA;MACnC,IAAI1K,OAAA,CAAM4K,OAAO,CAAC,kBAAkB;QAClC5K,OAAA,CAAMqL,WAAW;MACnB;IACF;EACF,GAAG,CAAC9H,MAAA,CAAO;EAEX3E,SAAA,CAAU;IACR,IAAIuC,SAAA,KAAcgC,SAAA,EAAW;MAC3BQ,SAAA,CAAUxC,SAAA;IACZ;EACF,GAAG,CAACA,SAAA,EAAWwC,SAAA,CAAU;EAEzB,MAAM2H,OAAA,gBACJC,IAAA,CAACnM,YAAA;IACCmE,MAAA,EAAQA,MAAA;IACR7C,MAAA,EAAQA,MAAA;IACRC,eAAA,EAAiBA,eAAA;IACjBG,UAAA,EAAYA,UAAA;IACZG,SAAA,EAAWL,eAAA;IACXmC,SAAA,EAAWA,SAAA;IACX7B,QAAA,EAAUA,QAAA;IACVsK,UAAA,EAAYvI,WAAA,EAAaC,SAAA,KAAc;IACvC1B,YAAA,EAAcA,YAAA;IACdI,SAAA,EAAWA,SAAA;IACXG,YAAA,EAAcA,YAAA;IACd4B,SAAA,EAAWA,SAAA;IACXxB,IAAA,EAAMtB;;EAIV,oBACE4K,KAAA,CAAC;IAAIxK,SAAA,EAAW,CAAC1B,SAAA,EAAW0B,SAAA,CAAU,CAACb,MAAM,CAACsL,OAAA,EAAS9L,IAAI,CAAC;IAAMa,EAAA,EAAIA,EAAA;IAAIkL,GAAA,EAAKpJ,YAAA;4BAC7EgJ,IAAA,CAAC;MAAItK,SAAA,EAAW,GAAG1B,SAAA,gBAAyB;MAAEoM,GAAA,EAAKnJ,UAAA;gBAChDR,WAAA,gBACCuJ,IAAA,CAAC;QACCtK,SAAA,EAAW,GAAG1B,SAAA,kBAA2B;QACzCqM,YAAA,EAAcA,CAAA,KAAMjI,SAAA,CAAU;QAC9BkI,YAAA,EAAcA,CAAA,KAAMlI,SAAA,CAAU;QAC9BmI,IAAA,EAAK;QACLC,QAAA,EAAU;kBAETT;WAEDhK,YAAA,IAAgB+B,SAAA,gBAClBkI,IAAA,CAAC;QAAK,GAAGvG,aAAA,CAAcgH,YAAY;QAAE/K,SAAA,EAAW,GAAG1B,SAAA,uBAAgC;kBAChF+L;WAGHA;qBAIJC,IAAA,CAAC/L,YAAA;MAAayM,KAAA,EAAO;QAAEzH,eAAA;QAAiBlC,QAAA;QAAUY,SAAA;QAAWE;MAAa;gBACxE,aAAAqI,KAAA,CAAC;QACE,GAAGzG,aAAA,CAAckH,YAAY;QAC9B,cAAYvK,cAAA;QACZV,SAAA,EACEsC,MAAA,GACI,CACE,GAAGhE,SAAA,WAAoB,EACvB,GAAGA,SAAA,UAAmB4C,IAAA,EAAM,EAC5BmB,YAAA,GACI,GAAG/D,SAAA,UAAmB+D,YAAA,EAAc,GACpCG,OAAA,GACE,GAAGlE,SAAA,SAAkB,GACrB,GAAGA,SAAA,YAAqB,EAC9BsC,eAAA,CACD,CACEzB,MAAM,CAACsL,OAAA,EACP9L,IAAI,CAAC;QAER;QACA,GAAGL,SAAA,kBAA2B;QAEpC,iBAAekB,EAAA,IAAM0C,SAAA;QACrB,cAAYf,KAAA,KAAU,SAASe,SAAA,GAAYf,KAAA;QAC3C3B,EAAA,EAAIsC,SAAA;QACJoJ,OAAA,EAAQ;QACRR,GAAA,EAAKrJ,QAAA;QACLwJ,IAAA,EAAM5I,SAAA;gCAENqI,IAAA,CAAC;UACCtK,SAAA,EAAW,GAAG1B,SAAA,qBAA8B0C,aAAA,GAAgB,IAAI1C,SAAA,oCAA6C,GAAG,IAAI;oBAEnH6C,KAAA,KAAU,sBACTqJ,KAAA,CAAAW,SAAA;uBACGtK,MAAA,GAAS;cAAEyC;YAAM,IACjBvD,QAAA;4BAGHyK,KAAA,CAACtM,aAAA;YAAciD,KAAA,EAAOA,KAAA;uBACnBN,MAAA,GAAS;cAAEyC;YAAM,IACjBvD,QAAA;;YAIND,KAAA,IAAS,CAACuC,YAAA,iBAAgBiI,IAAA,CAAC;UAAItK,SAAA,EAAW,GAAG1B,SAAA;;;;;AAKxD","ignoreList":[]}

package/dist/elements/Popup/useSubmenuPointerIntent.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import type { PointerEvent, RefObject } from 'react';
+import type { PointerPosition } from '../../hooks/usePointerSafeArea.js';
+type UseSubmenuPointerIntentArgs = {
+    active: boolean;
+    contentRef: RefObject<HTMLElement | null>;
+    enabled: boolean;
+    onClose: () => void;
+    onOpen: () => void;
+    onSafeAreaExpire: (pointer: PointerPosition) => void;
+    triggerRef: RefObject<HTMLElement | null>;
+};
+export declare const useSubmenuPointerIntent: ({ active, contentRef, enabled, onClose, onOpen, onSafeAreaExpire, triggerRef, }: UseSubmenuPointerIntentArgs) => {
+    contentProps: {
+        onPointerEnter: (event: PointerEvent) => void;
+        onPointerLeave: (event: PointerEvent) => void;
+    };
+    isProtected: () => boolean;
+    triggerProps: {
+        onPointerEnter: (event: PointerEvent) => void;
+        onPointerLeave: (event: PointerEvent) => void;
+    };
+    updateSafeArea: () => boolean;
+};
+export {};
+//# sourceMappingURL=useSubmenuPointerIntent.d.ts.map

package/dist/elements/Popup/useSubmenuPointerIntent.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useSubmenuPointerIntent.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/useSubmenuPointerIntent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAIxE,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACzC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,gBAAgB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IACpD,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,uBAAuB,oFAQjC,2BAA2B;IAuD1B,YAAY;QACV,cAAc,UA/BU,YAAY;QAgCpC,cAAc,UAlBU,YAAY;;IAoBtC,WAAW;IACX,YAAY;QACV,cAAc;QACd,cAAc;;IAEhB,cAAc;CAEjB,CAAA"}

package/dist/elements/Popup/useSubmenuPointerIntent.js ADDED Viewed

@@ -0,0 +1,83 @@
+import { useCallback } from 'react';
+import { usePointerSafeArea } from '../../hooks/usePointerSafeArea.js';
+export const useSubmenuPointerIntent = ({
+  active,
+  contentRef,
+  enabled,
+  onClose,
+  onOpen,
+  onSafeAreaExpire,
+  triggerRef
+}) => {
+  const renderSafeArea = useCallback(({
+    polygon
+  }) => {
+    const content = contentRef.current;
+    if (polygon) {
+      content?.style.setProperty('--popup-safe-area', polygon);
+      content?.setAttribute('data-submenu-safe-area', '');
+    } else {
+      content?.style.removeProperty('--popup-safe-area');
+      content?.removeAttribute('data-submenu-safe-area');
+    }
+  }, [contentRef]);
+  const safeArea = usePointerSafeArea({
+    enabled: enabled && active,
+    from: triggerRef,
+    onChange: renderSafeArea,
+    onRelease: onSafeAreaExpire,
+    to: contentRef
+  });
+  const {
+    clear,
+    protect,
+    trackSource,
+    trackTarget
+  } = safeArea;
+  const handleEnter = event => {
+    if (event.pointerType !== 'mouse') {
+      return;
+    }
+    const pointer = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    if (event.currentTarget === contentRef.current) {
+      trackTarget(pointer);
+    } else {
+      trackSource(pointer);
+      onOpen();
+    }
+  };
+  const handleLeave = event => {
+    if (event.pointerType !== 'mouse' || !active || !safeArea.isTracking()) {
+      return;
+    }
+    const target = event.relatedTarget;
+    if (target && (contentRef.current?.contains(target) || triggerRef.current?.contains(target))) {
+      return;
+    }
+    if (!protect({
+      pointer: {
+        x: event.clientX,
+        y: event.clientY
+      }
+    })) {
+      clear();
+      onClose();
+    }
+  };
+  return {
+    contentProps: {
+      onPointerEnter: enabled ? handleEnter : undefined,
+      onPointerLeave: enabled ? handleLeave : undefined
+    },
+    isProtected: safeArea.isProtected,
+    triggerProps: {
+      onPointerEnter: enabled ? handleEnter : undefined,
+      onPointerLeave: enabled ? handleLeave : undefined
+    },
+    updateSafeArea: safeArea.refresh
+  };
+};
+//# sourceMappingURL=useSubmenuPointerIntent.js.map

package/dist/elements/Popup/useSubmenuPointerIntent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useSubmenuPointerIntent.js","names":["useCallback","usePointerSafeArea","useSubmenuPointerIntent","active","contentRef","enabled","onClose","onOpen","onSafeAreaExpire","triggerRef","renderSafeArea","polygon","content","current","style","setProperty","setAttribute","removeProperty","removeAttribute","safeArea","from","onChange","onRelease","to","clear","protect","trackSource","trackTarget","handleEnter","event","pointerType","pointer","x","clientX","y","clientY","currentTarget","handleLeave","isTracking","target","relatedTarget","contains","contentProps","onPointerEnter","undefined","onPointerLeave","isProtected","triggerProps","updateSafeArea","refresh"],"sources":["../../../src/elements/Popup/useSubmenuPointerIntent.ts"],"sourcesContent":["import type { PointerEvent, RefObject } from 'react'\n\nimport { useCallback } from 'react'\n\nimport type { PointerPosition } from '../../hooks/usePointerSafeArea.js'\n\nimport { usePointerSafeArea } from '../../hooks/usePointerSafeArea.js'\n\ntype UseSubmenuPointerIntentArgs = {\n active: boolean\n contentRef: RefObject<HTMLElement | null>\n enabled: boolean\n onClose: () => void\n onOpen: () => void\n onSafeAreaExpire: (pointer: PointerPosition) => void\n triggerRef: RefObject<HTMLElement | null>\n}\n\nexport const useSubmenuPointerIntent = ({\n active,\n contentRef,\n enabled,\n onClose,\n onOpen,\n onSafeAreaExpire,\n triggerRef,\n}: UseSubmenuPointerIntentArgs) => {\n const renderSafeArea = useCallback(\n ({ polygon }: { polygon: null | string }) => {\n const content = contentRef.current\n\n if (polygon) {\n content?.style.setProperty('--popup-safe-area', polygon)\n content?.setAttribute('data-submenu-safe-area', '')\n } else {\n content?.style.removeProperty('--popup-safe-area')\n content?.removeAttribute('data-submenu-safe-area')\n }\n },\n [contentRef],\n )\n\n const safeArea = usePointerSafeArea({\n enabled: enabled && active,\n from: triggerRef,\n onChange: renderSafeArea,\n onRelease: onSafeAreaExpire,\n to: contentRef,\n })\n const { clear, protect, trackSource, trackTarget } = safeArea\n\n const handleEnter = (event: PointerEvent) => {\n if (event.pointerType !== 'mouse') {\n return\n }\n const pointer = { x: event.clientX, y: event.clientY }\n\n if (event.currentTarget === contentRef.current) {\n trackTarget(pointer)\n } else {\n trackSource(pointer)\n onOpen()\n }\n }\n\n const handleLeave = (event: PointerEvent) => {\n if (event.pointerType !== 'mouse' || !active || !safeArea.isTracking()) {\n return\n }\n const target = event.relatedTarget as Node | null\n\n if (target && (contentRef.current?.contains(target) || triggerRef.current?.contains(target))) {\n return\n }\n if (!protect({ pointer: { x: event.clientX, y: event.clientY } })) {\n clear()\n onClose()\n }\n }\n\n return {\n contentProps: {\n onPointerEnter: enabled ? handleEnter : undefined,\n onPointerLeave: enabled ? handleLeave : undefined,\n },\n isProtected: safeArea.isProtected,\n triggerProps: {\n onPointerEnter: enabled ? handleEnter : undefined,\n onPointerLeave: enabled ? handleLeave : undefined,\n },\n updateSafeArea: safeArea.refresh,\n }\n}\n"],"mappings":"AAEA,SAASA,WAAW,QAAQ;AAI5B,SAASC,kBAAkB,QAAQ;AAYnC,OAAO,MAAMC,uBAAA,GAA0BA,CAAC;EACtCC,MAAM;EACNC,UAAU;EACVC,OAAO;EACPC,OAAO;EACPC,MAAM;EACNC,gBAAgB;EAChBC;AAAU,CACkB;EAC5B,MAAMC,cAAA,GAAiBV,WAAA,CACrB,CAAC;IAAEW;EAAO,CAA8B;IACtC,MAAMC,OAAA,GAAUR,UAAA,CAAWS,OAAO;IAElC,IAAIF,OAAA,EAAS;MACXC,OAAA,EAASE,KAAA,CAAMC,WAAA,CAAY,qBAAqBJ,OAAA;MAChDC,OAAA,EAASI,YAAA,CAAa,0BAA0B;IAClD,OAAO;MACLJ,OAAA,EAASE,KAAA,CAAMG,cAAA,CAAe;MAC9BL,OAAA,EAASM,eAAA,CAAgB;IAC3B;EACF,GACA,CAACd,UAAA,CAAW;EAGd,MAAMe,QAAA,GAAWlB,kBAAA,CAAmB;IAClCI,OAAA,EAASA,OAAA,IAAWF,MAAA;IACpBiB,IAAA,EAAMX,UAAA;IACNY,QAAA,EAAUX,cAAA;IACVY,SAAA,EAAWd,gBAAA;IACXe,EAAA,EAAInB;EACN;EACA,MAAM;IAAEoB,KAAK;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAW,CAAE,GAAGR,QAAA;EAErD,MAAMS,WAAA,GAAeC,KAAA;IACnB,IAAIA,KAAA,CAAMC,WAAW,KAAK,SAAS;MACjC;IACF;IACA,MAAMC,OAAA,GAAU;MAAEC,CAAA,EAAGH,KAAA,CAAMI,OAAO;MAAEC,CAAA,EAAGL,KAAA,CAAMM;IAAQ;IAErD,IAAIN,KAAA,CAAMO,aAAa,KAAKhC,UAAA,CAAWS,OAAO,EAAE;MAC9Cc,WAAA,CAAYI,OAAA;IACd,OAAO;MACLL,WAAA,CAAYK,OAAA;MACZxB,MAAA;IACF;EACF;EAEA,MAAM8B,WAAA,GAAeR,KAAA;IACnB,IAAIA,KAAA,CAAMC,WAAW,KAAK,WAAW,CAAC3B,MAAA,IAAU,CAACgB,QAAA,CAASmB,UAAU,IAAI;MACtE;IACF;IACA,MAAMC,MAAA,GAASV,KAAA,CAAMW,aAAa;IAElC,IAAID,MAAA,KAAWnC,UAAA,CAAWS,OAAO,EAAE4B,QAAA,CAASF,MAAA,KAAW9B,UAAA,CAAWI,OAAO,EAAE4B,QAAA,CAASF,MAAA,CAAM,GAAI;MAC5F;IACF;IACA,IAAI,CAACd,OAAA,CAAQ;MAAEM,OAAA,EAAS;QAAEC,CAAA,EAAGH,KAAA,CAAMI,OAAO;QAAEC,CAAA,EAAGL,KAAA,CAAMM;MAAQ;IAAE,IAAI;MACjEX,KAAA;MACAlB,OAAA;IACF;EACF;EAEA,OAAO;IACLoC,YAAA,EAAc;MACZC,cAAA,EAAgBtC,OAAA,GAAUuB,WAAA,GAAcgB,SAAA;MACxCC,cAAA,EAAgBxC,OAAA,GAAUgC,WAAA,GAAcO;IAC1C;IACAE,WAAA,EAAa3B,QAAA,CAAS2B,WAAW;IACjCC,YAAA,EAAc;MACZJ,cAAA,EAAgBtC,OAAA,GAAUuB,WAAA,GAAcgB,SAAA;MACxCC,cAAA,EAAgBxC,OAAA,GAAUgC,WAAA,GAAcO;IAC1C;IACAI,cAAA,EAAgB7B,QAAA,CAAS8B;EAC3B;AACF","ignoreList":[]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,wBAAgB,aAAa,sBAsD5B"}

package/dist/elements/PreviewButton/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { usePreviewURL } from '../../providers/LivePreview/context.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-export function PreviewButton(props) {
+export function PreviewButton() {
   const $ = _c(9);
   const {
     previewURL
@@ -20,11 +20,16 @@ export function PreviewButton(props) {
   const [hovered, setHovered] = useState(false);
   let t0;
   if ($[0] !== previewURL) {
-    t0 = async () => {
-      if (previewURL) {
-        await navigator.clipboard.writeText(previewURL);
-        setCopied(true);
+    t0 = async event => {
+      if (!previewURL) {
+        return;
       }
+      if (event.metaKey || event.ctrlKey) {
+        window.open(previewURL, "_blank", "noopener,noreferrer");
+        return;
+      }
+      await navigator.clipboard.writeText(previewURL);
+      setCopied(true);
     };
     $[0] = previewURL;
     $[1] = t0;
@@ -62,7 +67,11 @@ export function PreviewButton(props) {
         position: "relative"
       },
       children: [_jsx(Button, {
+        "aria-label": label,
         buttonStyle: "ghost",
+        extraButtonProps: {
+          title: undefined
+        },
         icon: _jsx(LinkIcon, {
           size: 24
         }),
@@ -70,6 +79,7 @@ export function PreviewButton(props) {
         onClick: handleClick
       }), _jsx(Tooltip, {
         delay: 0,
+        id: "preview-button-tooltip",
         show: hovered || copied,
         children: label
       })]

package/dist/elements/PreviewButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","~~props","~~$","previewURL","t","copied","setCopied","hovered","setHovered","t0","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","icon","size","onClick","delay","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport ~~type { PreviewButtonClientProps } from 'payload'\n\nimport~~ React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton(~~props: PreviewButtonClientProps~~) {\n const { previewURL } = usePreviewURL()\n const { t } = useTranslation()\n const [copied, setCopied] = useState(false)\n const [hovered, setHovered] = useState(false)\n\n const handleClick = useCallback(async () => {\n if (previewURL) {\n await navigator.clipboard.writeText(previewURL)\n setCopied(true)\n }\n }, [previewURL])\n\n if (!previewURL) {\n return null\n }\n\n const label = copied ? t('general:copied') : t('general:copy')\n\n return (\n <span\n onPointerEnter={() => {\n setHovered(true)\n setCopied(false)\n }}\n onPointerLeave={() => {\n setHovered(false)\n setCopied(false)\n }}\n style={{ position: 'relative' }}\n >\n <Button\n buttonStyle=\"ghost\"\n icon={<LinkIcon size={24} />}\n id=\"preview-button\"\n onClick={handleClick}\n />\n <Tooltip delay={0} show={hovered \|\| copied}>\n {label}\n </Tooltip>\n </span>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;~~AAGA~~,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,~~cAAAC,KAAA~~;EAAA,MAAAC,CAAA,~~GAAAX~~,EAAA;EACL;~~IAAAY~~;EAAA,~~IAAuBP~~,aAAA;EACvB;~~IAAAQ~~;EAAA,~~IAAcP~~,cAAA;EACd,~~OAAAQ~~,MAAA,EAAAC,SAAA,~~IAA4BZ~~,QAAA,~~MAAS~~;EACrC,~~OAAAa~~,OAAA,EAAAC,UAAA,~~IAA8Bd~~,QAAA,~~MAAS~~;EAAA,~~IAAAe~~,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;~~IAEPM~~,EAAA,~~SAAAA~~,~~CAAA~~;MAAA,~~IAC1BN~~,UAAA;QAAA,~~MACIO~~,SAAA,CAAAC,~~SAAA~~,CAAAC,~~SAAA~~,~~CAA8BT~~,UAAA;~~QACpCG~~,SAAA,~~KAAU~~;~~MAAA;~~IAAA;~~IAEdJ~~,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;~~EALA~~,~~MAAAW~~,WAAA,~~GAAoBJ~~,~~EAKL~~;~~EAAA~~,~~KAEVN~~,UAAA;IAAA;EAAA;~~EAAA~~,~~IAAAW~~,EAAA;EAAA,~~IAAAZ~~,CAAA,QAAAG,MAAA,IAAAH,CAAA,~~QAAAW~~,WAAA,~~IAAAX~~,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;~~IAIL~~,~~MAAAW~~,KAAA,~~GAAcV~~,MAAA,GAASD,CAAA,CAAE,~~oBAAoBA~~,CAAA,CAAE;IAAA,~~IAAAY~~,EAAA;IAAA,IAAAC,EAAA;IAAA,~~IAAAf~~,CAAA,~~QAAAgB~~,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;~~QACdR~~,UAAA,~~KAAW~~;QACXF,SAAA,~~MAAU~~;MAAA;~~MAEIW~~,EAAA,GAAAA,CAAA;~~QACdT~~,UAAA,~~MAAW~~;QACXF,SAAA,~~MAAU~~;MAAA;~~MACZJ~~,CAAA,~~MAAAc~~,EAAA;~~MAAAd~~,CAAA,~~MAAAe~~,EAAA;IAAA;MAAAD,EAAA,~~GAAAd~~,CAAA;~~MAAAe~~,EAAA,~~GAAAf~~,CAAA;IAAA;~~IARFY~~,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA;QAAAC,QAAA,~~EACmB~~;~~MAAA~~;MAAAC,QAAA,~~GAEnBC~~,IAAA,~~CAAA5B~~,MAAA;~~QAAA6B~~,WAAA,~~EACc~~;QAAAC,~~IAAA~~,~~EACNF~~,IAAA,~~CAAA~~/B,QAAA;~~UAAAkC~~,IAAA~~;QAAA~~,C;~~YACH;~~QAAAC,OAAA,~~EACMjB~~;~~MAAA~~,~~C,GAEXa,~~IAAA,~~CAAA3B~~,OAAA;~~QAAAgC~~,KAAA;QAAAC,IAAA,~~EAAyBzB~~,~~OAAA~~,~~IAAWF~~,~~MAAA~~;~~QAAAoB~~,QAAA,~~EACjCV;MAAA~~,~~C;;;;;;;;;;SAlBLD,~~E","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","$","previewURL","t","copied","setCopied","hovered","setHovered","t0","event","metaKey","ctrlKey","window","open","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","extraButtonProps","title","undefined","icon","size","onClick","delay","id","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton() {\n const { previewURL } = usePreviewURL()\n const { t } = useTranslation()\n const [copied, setCopied] = useState(false)\n const [hovered, setHovered] = useState(false)\n\n const handleClick = useCallback(\n async (event: React.MouseEvent<HTMLButtonElement>) => {\n if (!previewURL) {\n return\n }\n\n if (event.metaKey \|\| event.ctrlKey) {\n window.open(previewURL, '_blank', 'noopener,noreferrer')\n return\n }\n\n await navigator.clipboard.writeText(previewURL)\n setCopied(true)\n },\n [previewURL],\n )\n\n if (!previewURL) {\n return null\n }\n\n const label = copied ? t('general:copied') : t('general:copy')\n\n return (\n <span\n onPointerEnter={() => {\n setHovered(true)\n setCopied(false)\n }}\n onPointerLeave={() => {\n setHovered(false)\n setCopied(false)\n }}\n style={{ position: 'relative' }}\n >\n <Button\n aria-label={label}\n buttonStyle=\"ghost\"\n extraButtonProps={{ title: undefined }}\n icon={<LinkIcon size={24} />}\n id=\"preview-button\"\n onClick={handleClick}\n />\n <Tooltip delay={0} id=\"preview-button-tooltip\" show={hovered \|\| copied}>\n {label}\n </Tooltip>\n </span>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW;EAAA,IAAuBN,aAAA;EACvB;IAAAO;EAAA,IAAcN,cAAA;EACd,OAAAO,MAAA,EAAAC,SAAA,IAA4BX,QAAA,CAAS;EACrC,OAAAY,OAAA,EAAAC,UAAA,IAA8Bb,QAAA,CAAS;EAAA,IAAAc,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;IAGrCM,EAAA,SAAAC,KAAA;MACE,IAAI,CAACP,UAAA;QAAA;MAAA;MAIL,IAAIO,KAAA,CAAAC,OAA8B,IAAbD,KAAA,CAAAE,OAAa;QAChCC,MAAA,CAAAC,IAAW,CAACX,UAAA,EAAY,UAAU;QAAA;MAAA;MAIpC,MAAMY,SAAA,CAAAC,SAAmB,CAAAC,SAAU,CAACd,UAAA;MACpCG,SAAA,CAAU;IAAA,CACZ;IAAAJ,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAbF,MAAAgB,WAAA,GAAoBT,EAcN;EAGd,IAAI,CAACN,UAAA;IAAA,OACI;EAAA;EACT,IAAAgB,EAAA;EAAA,IAAAjB,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAgB,WAAA,IAAAhB,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;IAEA,MAAAgB,KAAA,GAAcf,MAAA,GAASD,CAAA,CAAE,gBAAsB,IAAFA,CAAA,CAAE;IAAA,IAAAiB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAqB,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;QACdb,UAAA,CAAW;QACXF,SAAA,CAAU;MAAA,CACZ;MACgBgB,EAAA,GAAAA,CAAA;QACdd,UAAA,CAAW;QACXF,SAAA,CAAU;MAAA,CACZ;MAAAJ,CAAA,MAAAmB,EAAA;MAAAnB,CAAA,MAAAoB,EAAA;IAAA;MAAAD,EAAA,GAAAnB,CAAA;MAAAoB,EAAA,GAAApB,CAAA;IAAA;IARFiB,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA,EACO;QAAAC,QAAA,EAAY;MAAW;MAAAC,QAAA,E,CAE9BC,IAAA,CAAChC,MAAA;QAAA,cACaqB,KAAA;QAAAY,WAAA,EACA;QAAAC,gBAAA,EACM;UAAAC,KAAA,EAASC;QAAU;QAAAC,IAAA,EAC/BL,IAAA,CAACnC,QAAA;UAAAyC,IAAA,EAAe;;YACnB;QAAAC,OAAA,EACMpB;UAEXa,IAAA,CAAC/B,OAAA;QAAAuC,KAAA,EAAe;QAAAC,EAAA,EAAM;QAAAC,IAAA,EAA+BlC,OAAW,IAAXF,MAAW;QAAAyB,QAAA,EAC7DV;;;;;;;;;;;SApBLD,E","ignoreList":[]}

package/dist/elements/PreviewSizes/index.css CHANGED Viewed

@@ -1,7 +1,7 @@
 @layer payload-default {
   .preview-sizes {
     margin: var(--spacer-6) calc(var(--gutter-h) * -1) 0 calc(var(--gutter-h) * -1);
-    border-top: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-top: var(--stroke-width-small) solid var(--color-border);
     max-height: calc(100vh - var(--spacer-6) * 3);
     height: 100%;
     display: flex;
@@ -10,7 +10,7 @@
   .preview-sizes__imageWrap {
     min-width: 60%;
-    border-right: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-right: var(--stroke-width-small) solid var(--color-border);
   }
   .preview-sizes__preview {
@@ -20,7 +20,7 @@
   }
   .preview-sizes__meta {
-    border-bottom: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
     padding: var(--spacer-3) var(--gutter-h);
     display: flex;
     flex-wrap: wrap;
@@ -41,7 +41,7 @@
   .preview-sizes__sizeName,
   .preview-sizes .file-meta__size-type {
-    color: var(--theme-elevation-600);
+    color: var(--color-text-secondary);
   }
   .preview-sizes__listWrap {
@@ -61,7 +61,7 @@
     left: 0;
     height: calc(var(--spacer-6) * 2);
     width: 100%;
-    background: linear-gradient(180deg, transparent 0, var(--theme-bg) 100%);
+    background: linear-gradient(180deg, transparent 0, var(--color-bg) 100%);
     pointer-events: none;
   }
@@ -79,15 +79,14 @@
     display: flex;
     gap: var(--spacer-3);
     cursor: pointer;
-    transition: background-color 0.2s ease-in-out;
   }
   .preview-sizes__sizeOption:hover {
-    background-color: var(--theme-elevation-100);
+    background-color: var(--color-bg-hover);
   }
   .preview-sizes--selected {
-    background-color: var(--theme-elevation-100);
+    background-color: var(--color-bg-secondary);
   }
   .preview-sizes__image {
@@ -108,6 +107,7 @@
     text-overflow: ellipsis;
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .preview-sizes {
       margin-top: var(--spacer-3);
@@ -115,6 +115,7 @@
     }
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .preview-sizes {
       margin-top: 0;
@@ -142,7 +143,7 @@
     }
     .preview-sizes__listWrap {
-      border-top: var(--stroke-width-small) solid var(--theme-elevation-150);
+      border-top: var(--stroke-width-small) solid var(--color-border);
       height: 40%;
     }
   }

package/dist/elements/PreviewSizes/index.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ type FilesSizesWithUrl = {
 };
 export type PreviewSizesProps = {
     doc: {
-        sizes?: FilesSizesWithUrl;
+        variants?: FilesSizesWithUrl;
     } & Data;
     imageCacheTag?: false | string;
     uploadConfig: SanitizedCollectionConfig['upload'];

package/dist/elements/PreviewSizes/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewSizes/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAAyB,EAAyB,MAAM,SAAS,CAAA;AAE/F,OAAO,KAAuC,MAAM,OAAO,CAAA;AAI3D,OAAO,aAAa,CAAA;AAIpB,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,QAAQ,CAAA;AACZ,KAAK,iBAAiB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CACxB,CAAA;AA8DD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,~~KAAK~~,CAAC,EAAE,iBAAiB,CAAA;~~KAC1B~~,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewSizes/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAAyB,EAAyB,MAAM,SAAS,CAAA;AAE/F,OAAO,KAAuC,MAAM,OAAO,CAAA;AAI3D,OAAO,aAAa,CAAA;AAIpB,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,QAAQ,CAAA;AACZ,KAAK,iBAAiB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CACxB,CAAA;AA8DD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;KAC7B,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,CAAA"}