@depup/react-aria-components 1.19.0-depup.27 → 1.20.0-depup.0

package/dist/private/Popover.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {AriaPopoverProps, usePopover} from 'react-aria/usePopover';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {focusSafely} from 'react-aria/private/interactions/focusSafely';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport {isFocusWithin} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PlacementAxis, PositionProps} from 'react-aria/useOverlayPosition';\nimport React, {\n  Context,\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsHidden} from 'react-aria/private/collections/Hidden';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\n\nexport interface PopoverProps\n  extends\n    Omit<PositionProps, 'isOpen'>,\n    Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>,\n    OverlayTriggerProps,\n    RenderProps<PopoverRenderProps>,\n    SlotProps,\n    AriaLabelingProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Popover'\n   */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * The name of the component that triggered the popover. This is reflected on the element\n   * as the `data-trigger` attribute, and can be used to provide specific\n   * styles for the popover depending on which element triggered it.\n   */\n  trigger?: string;\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   *\n   * When used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\n   * this is set automatically. It is only required when used standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the popover is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the popover is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 8\n   */\n  offset?: number;\n}\n\nexport interface PopoverRenderProps {\n  /**\n   * The name of the component that triggered the popover, e.g. \"DialogTrigger\" or \"ComboBox\".\n   *\n   * @selector [data-trigger=\"...\"]\n   */\n  trigger: string | null;\n  /**\n   * The placement of the popover relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the popover is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the popover is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\ninterface PopoverContextValue extends PopoverProps {\n  /** Contexts to clear. */\n  clearContexts?: Context<any>[];\n}\n\nexport const PopoverContext = createContext<ContextValue<PopoverContextValue, HTMLElement>>(null);\n\n// Stores a ref for the portal container for a group of popovers (e.g. submenus).\nconst PopoverGroupContext = createContext<RefObject<Element | null> | null>(null);\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport const Popover = /*#__PURE__*/ (forwardRef as forwardRefType)(function Popover(\n  props: PopoverProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  let isExiting = useExitAnimation(ref, state.isOpen) || props.isExiting || false;\n  let isHidden = useIsHidden();\n  let {direction} = useLocale();\n\n  // If we are in a hidden tree, we still need to preserve our children.\n  if (isHidden) {\n    let children = props.children;\n    if (typeof children === 'function') {\n      children = children({\n        trigger: props.trigger || null,\n        placement: 'bottom',\n        isEntering: false,\n        isExiting: false,\n        defaultChildren: null\n      });\n    }\n\n    return <>{children}</>;\n  }\n\n  if (state && !state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <PopoverInner\n      {...props}\n      triggerRef={props.triggerRef!}\n      state={state}\n      popoverRef={ref}\n      isExiting={isExiting}\n      dir={direction}\n    />\n  );\n});\n\ninterface PopoverInnerProps extends AriaPopoverProps, RenderProps<PopoverRenderProps>, SlotProps {\n  state: OverlayTriggerState;\n  isEntering?: boolean;\n  isExiting: boolean;\n  UNSTABLE_portalContainer?: Element;\n  trigger?: string;\n  dir?: 'ltr' | 'rtl';\n  clearContexts?: Context<any>[];\n}\n\nfunction PopoverInner({\n  state,\n  isExiting,\n  UNSTABLE_portalContainer,\n  clearContexts,\n  ...props\n}: PopoverInnerProps) {\n  // Calculate the arrow size internally (and remove props.arrowSize from PopoverProps)\n  // Referenced from: packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx\n  let arrowRef = useRef<HTMLDivElement>(null);\n  let containerRef = useRef<HTMLDivElement | null>(null);\n  let groupCtx = useContext(PopoverGroupContext);\n  let isSubPopover = groupCtx && props.trigger === 'SubmenuTrigger';\n\n  let {popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint} = usePopover(\n    {\n      ...props,\n      offset: props.offset ?? 8,\n      arrowRef,\n      // If this is a submenu/subdialog, use the root popover's container\n      // to detect outside interaction and add aria-hidden.\n      groupRef: isSubPopover ? groupCtx! : containerRef\n    },\n    state\n  );\n\n  let ref = props.popoverRef as RefObject<HTMLDivElement | null>;\n  let isEntering = useEnterAnimation(ref, !!placement) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Popover',\n    values: {\n      trigger: props.trigger || null,\n      placement,\n      isEntering,\n      isExiting\n    }\n  });\n\n  // Automatically render Popover with role=dialog except when isNonModal is true,\n  // or a dialog is already nested inside the popover.\n  let shouldBeDialog = !props.isNonModal || props.trigger === 'SubmenuTrigger';\n  let [isDialog, setDialog] = useState(false);\n  useLayoutEffect(() => {\n    if (ref.current) {\n      setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));\n    }\n  }, [ref, shouldBeDialog]);\n\n  // Focus the popover itself on mount, unless a child element is already focused.\n  // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger\n  useEffect(() => {\n    if (\n      isDialog &&\n      (props.trigger !== 'SubmenuTrigger' || getInteractionModality() !== 'pointer') &&\n      ref.current &&\n      !isFocusWithin(ref.current)\n    ) {\n      focusSafely(ref.current);\n    }\n  }, [isDialog, ref, props.trigger]);\n\n  let children = useMemo(() => {\n    let children = renderProps.children;\n    if (clearContexts) {\n      for (let Context of clearContexts) {\n        children = <Context.Provider value={null}>{children}</Context.Provider>;\n      }\n    }\n    return children;\n  }, [renderProps.children, clearContexts]);\n\n  let [triggerWidth, setTriggerWidth] = useState<string | null>(null);\n  let onResize = useCallback(() => {\n    if (props.triggerRef.current) {\n      setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + 'px');\n    }\n  }, [props.triggerRef]);\n\n  useLayoutEffect(onResize, [onResize]);\n  useResizeObserver({\n    ref: renderProps.style?.['--trigger-width'] ? undefined : props.triggerRef,\n    onResize: onResize\n  });\n\n  let style = {\n    ...popoverProps.style,\n    '--trigger-anchor-point': triggerAnchorPoint\n      ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n      : undefined,\n    ...renderProps.style,\n    '--trigger-width': renderProps.style?.['--trigger-width'] || triggerWidth\n  };\n\n  let overlay = (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), popoverProps)}\n      {...renderProps}\n      role={isDialog ? 'dialog' : undefined}\n      tabIndex={isDialog ? -1 : undefined}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      ref={ref}\n      slot={props.slot || undefined}\n      style={style}\n      dir={props.dir}\n      data-trigger={props.trigger}\n      data-placement={placement}\n      data-entering={isEntering || undefined}\n      data-exiting={isExiting || undefined}>\n      {!props.isNonModal && <DismissButton onDismiss={state.close} />}\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {children}\n      </OverlayArrowContext.Provider>\n      <DismissButton onDismiss={state.close} />\n    </dom.div>\n  );\n\n  // If this is a root popover, render an extra div to act as the portal container for submenus/subdialogs.\n  if (!isSubPopover) {\n    return (\n      <Overlay\n        {...props}\n        shouldContainFocus={isDialog}\n        isExiting={isExiting}\n        portalContainer={UNSTABLE_portalContainer}>\n        {!props.isNonModal && state.isOpen && (\n          <div data-testid=\"underlay\" {...underlayProps} style={{position: 'fixed', inset: 0}} />\n        )}\n        <div ref={containerRef} style={{display: 'contents'}}>\n          <PopoverGroupContext.Provider value={containerRef}>\n            {overlay}\n          </PopoverGroupContext.Provider>\n        </div>\n      </Overlay>\n    );\n  }\n\n  // Submenus/subdialogs are mounted into the root popover's container.\n  return (\n    <Overlay\n      {...props}\n      shouldContainFocus={isDialog}\n      isExiting={isExiting}\n      portalContainer={UNSTABLE_portalContainer ?? groupCtx?.current ?? undefined}>\n      {overlay}\n    </Overlay>\n  );\n}\n"],"names":[],"version":3,"file":"Popover.js.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {AriaPopoverProps, usePopover} from 'react-aria/usePopover';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {focusSafely} from 'react-aria/private/interactions/focusSafely';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport {isFocusWithin} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PlacementAxis, PositionProps} from 'react-aria/useOverlayPosition';\nimport React, {\n  Context,\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsHidden} from 'react-aria/private/collections/Hidden';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\n\nexport interface PopoverProps\n  extends\n    Omit<PositionProps, 'isOpen'>,\n    Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>,\n    OverlayTriggerProps,\n    RenderProps<PopoverRenderProps>,\n    SlotProps,\n    AriaLabelingProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Popover'\n   */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * The name of the component that triggered the popover. This is reflected on the element\n   * as the `data-trigger` attribute, and can be used to provide specific\n   * styles for the popover depending on which element triggered it.\n   */\n  trigger?: string;\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   *\n   * When used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\n   * this is set automatically. It is only required when used standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the popover is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the popover is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * Whether the popover should appear and disappear without an entry or exit animation. This is\n   * used by components such as PreviewTrigger to skip animations when quickly swapping between\n   * overlays.\n   */\n  shouldSkipAnimation?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 8\n   */\n  offset?: number;\n}\n\nexport interface PopoverRenderProps {\n  /**\n   * The name of the component that triggered the popover, e.g. \"DialogTrigger\" or \"ComboBox\".\n   *\n   * @selector [data-trigger=\"...\"]\n   */\n  trigger: string | null;\n  /**\n   * The placement of the popover relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the popover is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the popover is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\ninterface PopoverContextValue extends PopoverProps {\n  id?: string;\n  /** Contexts to clear. */\n  clearContexts?: Context<any>[];\n}\n\nexport const PopoverContext = createContext<ContextValue<PopoverContextValue, HTMLElement>>(null);\n\n// Stores a ref for the portal container for a group of popovers (e.g. submenus).\nconst PopoverGroupContext = createContext<RefObject<Element | null> | null>(null);\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport const Popover = /*#__PURE__*/ (forwardRef as forwardRefType)(function Popover(\n  props: PopoverProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  // Skip the automatic exit animation when closing instantly (e.g. swapping between previews\n  // during warmup). An explicitly provided isExiting prop still takes precedence.\n  let exitAnimation = useExitAnimation(ref, state.isOpen);\n  let isExiting = props.isExiting || (!props.shouldSkipAnimation && exitAnimation) || false;\n  let isHidden = useIsHidden();\n  let {direction} = useLocale();\n\n  // If we are in a hidden tree, we still need to preserve our children.\n  if (isHidden) {\n    let children = props.children;\n    if (typeof children === 'function') {\n      children = children({\n        trigger: props.trigger || null,\n        placement: 'bottom',\n        isEntering: false,\n        isExiting: false,\n        defaultChildren: null\n      });\n    }\n\n    return <>{children}</>;\n  }\n\n  if (state && !state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <PopoverInner\n      {...props}\n      triggerRef={props.triggerRef!}\n      state={state}\n      popoverRef={ref}\n      isExiting={isExiting}\n      dir={direction}\n    />\n  );\n});\n\ninterface PopoverInnerProps extends AriaPopoverProps, RenderProps<PopoverRenderProps>, SlotProps {\n  state: OverlayTriggerState;\n  isEntering?: boolean;\n  isExiting: boolean;\n  shouldSkipAnimation?: boolean;\n  UNSTABLE_portalContainer?: Element;\n  trigger?: string;\n  dir?: 'ltr' | 'rtl';\n  clearContexts?: Context<any>[];\n  id?: string;\n}\n\nfunction PopoverInner({\n  state,\n  isExiting,\n  UNSTABLE_portalContainer,\n  clearContexts,\n  ...props\n}: PopoverInnerProps) {\n  // Calculate the arrow size internally (and remove props.arrowSize from PopoverProps)\n  // Referenced from: packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx\n  let arrowRef = useRef<HTMLDivElement>(null);\n  let containerRef = useRef<HTMLDivElement | null>(null);\n  let groupCtx = useContext(PopoverGroupContext);\n  let isSubPopover = groupCtx && props.trigger === 'SubmenuTrigger';\n\n  let {popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint} = usePopover(\n    {\n      ...props,\n      offset: props.offset ?? 8,\n      arrowRef,\n      // If this is a submenu/subdialog, use the root popover's container\n      // to detect outside interaction and add aria-hidden.\n      groupRef: isSubPopover ? groupCtx! : containerRef\n    },\n    state\n  );\n\n  let ref = props.popoverRef as RefObject<HTMLDivElement | null>;\n  // Skip the automatic entry animation when opening instantly (e.g. swapping between previews\n  // during warmup). An explicitly provided isEntering prop still takes precedence.\n  let enterAnimation = useEnterAnimation(ref, !!placement);\n  // oxlint-disable-next-line react/react-compiler\n  let isEntering = props.isEntering || (!props.shouldSkipAnimation && enterAnimation) || false;\n  // oxlint-disable-next-line react/react-compiler\n  let renderProps = useRenderProps({\n    // oxlint-disable-next-line react/react-compiler\n    ...props,\n    defaultClassName: 'react-aria-Popover',\n    // oxlint-disable-next-line react/react-compiler\n    values: {\n      // oxlint-disable-next-line react/react-compiler\n      trigger: props.trigger || null,\n      placement,\n      // oxlint-disable-next-line react/react-compiler\n      isEntering,\n      isExiting\n    }\n  });\n\n  // Automatically render Popover with role=dialog except when isNonModal is true,\n  // or a dialog is already nested inside the popover.\n  let shouldBeDialog =\n    // oxlint-disable-next-line react/react-compiler\n    !props.isNonModal || props.trigger === 'SubmenuTrigger' || props.trigger === 'PreviewTrigger';\n  // oxlint-disable-next-line react/react-compiler\n  let [isDialog, setDialog] = useState(props.trigger === 'PreviewTrigger');\n  useLayoutEffect(() => {\n    if (ref.current) {\n      setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));\n    }\n  }, [ref, shouldBeDialog]);\n\n  // Focus the popover itself on mount, unless a child element is already focused.\n  // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger\n  // oxlint-disable react/react-compiler\n  useEffect(() => {\n    if (\n      isDialog &&\n      props.trigger !== 'PreviewTrigger' &&\n      (props.trigger !== 'SubmenuTrigger' || getInteractionModality() !== 'pointer') &&\n      ref.current &&\n      !isFocusWithin(ref.current)\n    ) {\n      focusSafely(ref.current);\n    }\n  }, [isDialog, ref, props.trigger]);\n  // oxlint-enable react/react-compiler\n\n  let children = useMemo(() => {\n    let children = renderProps.children;\n    if (clearContexts) {\n      for (let Context of clearContexts) {\n        children = <Context.Provider value={null}>{children}</Context.Provider>;\n      }\n    }\n    return children;\n  }, [renderProps.children, clearContexts]);\n\n  let [triggerWidth, setTriggerWidth] = useState<string | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let onResize = useCallback(() => {\n    if (props.triggerRef.current) {\n      setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + 'px');\n    }\n  }, [props.triggerRef]);\n\n  useLayoutEffect(onResize, [onResize]);\n  // oxlint-disable-next-line react/react-compiler\n  useResizeObserver({\n    // oxlint-disable-next-line react/react-compiler\n    ref: renderProps.style?.['--trigger-width'] ? undefined : props.triggerRef,\n    onResize: onResize\n  });\n\n  let style = {\n    ...popoverProps.style,\n    '--trigger-anchor-point': triggerAnchorPoint\n      ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n      : undefined,\n    ...renderProps.style,\n    '--trigger-width': renderProps.style?.['--trigger-width'] || triggerWidth\n  };\n\n  // oxlint-disable react/react-compiler\n  let overlay = (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), popoverProps)}\n      {...renderProps}\n      id={isDialog ? props.id : undefined}\n      role={isDialog ? 'dialog' : undefined}\n      tabIndex={isDialog ? -1 : undefined}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      ref={ref}\n      slot={props.slot || undefined}\n      style={style}\n      dir={props.dir}\n      data-trigger={props.trigger}\n      data-placement={placement}\n      data-entering={isEntering || undefined}\n      data-exiting={isExiting || undefined}>\n      {/* oxlint-disable-next-line react/react-compiler */}\n      {!props.isNonModal && <DismissButton onDismiss={state.close} />}\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {children}\n      </OverlayArrowContext.Provider>\n      <DismissButton onDismiss={state.close} />\n    </dom.div>\n  );\n  // oxlint-enable react/react-compiler\n\n  // If this is a root popover, render an extra div to act as the portal container for submenus/subdialogs.\n  if (!isSubPopover) {\n    // oxlint-disable react/react-compiler\n    return (\n      <Overlay\n        {...props}\n        shouldContainFocus={isDialog && props.trigger !== 'PreviewTrigger'}\n        isExiting={isExiting}\n        portalContainer={UNSTABLE_portalContainer}>\n        {/* oxlint-disable-next-line react/react-compiler */}\n        {!props.isNonModal && state.isOpen && (\n          <div data-testid=\"underlay\" {...underlayProps} style={{position: 'fixed', inset: 0}} />\n        )}\n        <div ref={containerRef} style={{display: 'contents'}}>\n          <PopoverGroupContext.Provider value={containerRef}>\n            {overlay}\n          </PopoverGroupContext.Provider>\n        </div>\n      </Overlay>\n    );\n    // oxlint-enable react/react-compiler\n  }\n\n  // Submenus/subdialogs are mounted into the root popover's container.\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay\n      {...props}\n      shouldContainFocus={isDialog && props.trigger !== 'PreviewTrigger'}\n      isExiting={isExiting}\n      portalContainer={UNSTABLE_portalContainer ?? groupCtx?.current ?? undefined}>\n      {overlay}\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n"],"names":[],"version":3,"file":"Popover.js.map"}

package/dist/private/Popover.mjs

@@ -51,7 +51,10 @@ const $542a13ca2fa5b484$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $g4jvP$forwa
     let contextState = (0, $g4jvP$useContext)((0, $f2ff30fde7b014be$export$d2f961adcb0afbe));
     let localState = (0, $g4jvP$useOverlayTriggerState)(props);
     let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
-    let isExiting = (0, $g4jvP$useExitAnimation)(ref, state.isOpen) || props.isExiting || false;
+    // Skip the automatic exit animation when closing instantly (e.g. swapping between previews
+    // during warmup). An explicitly provided isExiting prop still takes precedence.
+    let exitAnimation = (0, $g4jvP$useExitAnimation)(ref, state.isOpen);
+    let isExiting = props.isExiting || !props.shouldSkipAnimation && exitAnimation || false;
     let isHidden = (0, $g4jvP$useIsHidden)();
     let { direction: direction } = (0, $g4jvP$useLocale)();
     // If we are in a hidden tree, we still need to preserve our children.
@@ -92,21 +95,32 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
         groupRef: isSubPopover ? groupCtx : containerRef
     }, state);
     let ref = props.popoverRef;
-    let isEntering = (0, $g4jvP$useEnterAnimation)(ref, !!placement) || props.isEntering || false;
+    // Skip the automatic entry animation when opening instantly (e.g. swapping between previews
+    // during warmup). An explicitly provided isEntering prop still takes precedence.
+    let enterAnimation = (0, $g4jvP$useEnterAnimation)(ref, !!placement);
+    // oxlint-disable-next-line react/react-compiler
+    let isEntering = props.isEntering || !props.shouldSkipAnimation && enterAnimation || false;
+    // oxlint-disable-next-line react/react-compiler
     let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        // oxlint-disable-next-line react/react-compiler
         ...props,
         defaultClassName: 'react-aria-Popover',
+        // oxlint-disable-next-line react/react-compiler
         values: {
+            // oxlint-disable-next-line react/react-compiler
             trigger: props.trigger || null,
             placement: placement,
-            isEntering: isEntering,
+            isEntering: // oxlint-disable-next-line react/react-compiler
+            isEntering,
             isExiting: isExiting
         }
     });
     // Automatically render Popover with role=dialog except when isNonModal is true,
     // or a dialog is already nested inside the popover.
-    let shouldBeDialog = !props.isNonModal || props.trigger === 'SubmenuTrigger';
-    let [isDialog, setDialog] = (0, $g4jvP$useState)(false);
+    let shouldBeDialog = // oxlint-disable-next-line react/react-compiler
+    !props.isNonModal || props.trigger === 'SubmenuTrigger' || props.trigger === 'PreviewTrigger';
+    // oxlint-disable-next-line react/react-compiler
+    let [isDialog, setDialog] = (0, $g4jvP$useState)(props.trigger === 'PreviewTrigger');
     (0, $g4jvP$useLayoutEffect)(()=>{
         if (ref.current) setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));
     }, [
@@ -115,13 +129,15 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
     ]);
     // Focus the popover itself on mount, unless a child element is already focused.
     // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger
+    // oxlint-disable react/react-compiler
     (0, $g4jvP$useEffect)(()=>{
-        if (isDialog && (props.trigger !== 'SubmenuTrigger' || (0, $g4jvP$getInteractionModality)() !== 'pointer') && ref.current && !(0, $g4jvP$isFocusWithin)(ref.current)) (0, $g4jvP$focusSafely)(ref.current);
+        if (isDialog && props.trigger !== 'PreviewTrigger' && (props.trigger !== 'SubmenuTrigger' || (0, $g4jvP$getInteractionModality)() !== 'pointer') && ref.current && !(0, $g4jvP$isFocusWithin)(ref.current)) (0, $g4jvP$focusSafely)(ref.current);
     }, [
         isDialog,
         ref,
         props.trigger
     ]);
+    // oxlint-enable react/react-compiler
     let children = (0, $g4jvP$useMemo)(()=>{
         let children = renderProps.children;
         if (clearContexts) for (let Context of clearContexts)children = /*#__PURE__*/ (0, $g4jvP$react).createElement(Context.Provider, {
@@ -133,6 +149,7 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
         clearContexts
     ]);
     let [triggerWidth, setTriggerWidth] = (0, $g4jvP$useState)(null);
+    // oxlint-disable-next-line react/react-compiler
     let onResize = (0, $g4jvP$useCallback)(()=>{
         if (props.triggerRef.current) setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + 'px');
     }, [
@@ -141,7 +158,9 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
     (0, $g4jvP$useLayoutEffect)(onResize, [
         onResize
     ]);
+    // oxlint-disable-next-line react/react-compiler
     (0, $g4jvP$useResizeObserver)({
+        // oxlint-disable-next-line react/react-compiler
         ref: renderProps.style?.['--trigger-width'] ? undefined : props.triggerRef,
         onResize: onResize
     });
@@ -151,11 +170,13 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
         ...renderProps.style,
         '--trigger-width': renderProps.style?.['--trigger-width'] || triggerWidth
     };
+    // oxlint-disable react/react-compiler
     let overlay = /*#__PURE__*/ (0, $g4jvP$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
         ...(0, $g4jvP$mergeProps)((0, $g4jvP$filterDOMProps)(props, {
             global: true
         }), popoverProps),
         ...renderProps,
+        id: isDialog ? props.id : undefined,
         role: isDialog ? 'dialog' : undefined,
         tabIndex: isDialog ? -1 : undefined,
         "aria-label": props['aria-label'],
@@ -179,10 +200,12 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
     }, children), /*#__PURE__*/ (0, $g4jvP$react).createElement((0, $g4jvP$DismissButton), {
         onDismiss: state.close
     }));
+    // oxlint-enable react/react-compiler
     // If this is a root popover, render an extra div to act as the portal container for submenus/subdialogs.
-    if (!isSubPopover) return /*#__PURE__*/ (0, $g4jvP$react).createElement((0, $g4jvP$Overlay), {
+    if (!isSubPopover) // oxlint-disable react/react-compiler
+    return /*#__PURE__*/ (0, $g4jvP$react).createElement((0, $g4jvP$Overlay), {
         ...props,
-        shouldContainFocus: isDialog,
+        shouldContainFocus: isDialog && props.trigger !== 'PreviewTrigger',
         isExiting: isExiting,
         portalContainer: UNSTABLE_portalContainer
     }, !props.isNonModal && state.isOpen && /*#__PURE__*/ (0, $g4jvP$react).createElement("div", {
@@ -201,12 +224,14 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
         value: containerRef
     }, overlay)));
     // Submenus/subdialogs are mounted into the root popover's container.
+    // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, $g4jvP$react).createElement((0, $g4jvP$Overlay), {
         ...props,
-        shouldContainFocus: isDialog,
+        shouldContainFocus: isDialog && props.trigger !== 'PreviewTrigger',
         isExiting: isExiting,
         portalContainer: UNSTABLE_portalContainer ?? groupCtx?.current ?? undefined
     }, overlay);
+// oxlint-enable react/react-compiler
 }
 
 

package/dist/private/Popover.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AAwIM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAkD;AAE5F,iFAAiF;AACjF,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAAoC;AAKrE,MAAM,4CAAwB,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,QAC3E,KAAmB,EACnB,GAA8B;IAE9B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,eAAe,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wCAAyB;IACvD,IAAI,aAAa,CAAA,GAAA,6BAAqB,EAAE;IACxC,IAAI,QACF,MAAM,MAAM,IAAI,QAAQ,MAAM,WAAW,IAAI,QAAQ,CAAC,eAAe,aAAa;IACpF,IAAI,YAAY,CAAA,GAAA,uBAAe,EAAE,KAAK,MAAM,MAAM,KAAK,MAAM,SAAS,IAAI;IAC1E,IAAI,WAAW,CAAA,GAAA,kBAAU;IACzB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,sEAAsE;IACtE,IAAI,UAAU;QACZ,IAAI,WAAW,MAAM,QAAQ;QAC7B,IAAI,OAAO,aAAa,YACtB,WAAW,SAAS;YAClB,SAAS,MAAM,OAAO,IAAI;YAC1B,WAAW;YACX,YAAY;YACZ,WAAW;YACX,iBAAiB;QACnB;QAGF,qBAAO,kEAAG;IACZ;IAEA,IAAI,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,WAC7B,OAAO;IAGT,qBACE,gCAAC;QACE,GAAG,KAAK;QACT,YAAY,MAAM,UAAU;QAC5B,OAAO;QACP,YAAY;QACZ,WAAW;QACX,KAAK;;AAGX;AAYA,SAAS,mCAAa,SACpB,KAAK,aACL,SAAS,4BACT,wBAAwB,iBACxB,aAAa,EACb,GAAG,OACe;IAClB,qFAAqF;IACrF,2EAA2E;IAC3E,IAAI,WAAW,CAAA,GAAA,aAAK,EAAkB;IACtC,IAAI,eAAe,CAAA,GAAA,aAAK,EAAyB;IACjD,IAAI,WAAW,CAAA,GAAA,iBAAS,EAAE;IAC1B,IAAI,eAAe,YAAY,MAAM,OAAO,KAAK;IAEjD,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,aAAE,SAAS,sBAAE,kBAAkB,EAAC,GAAG,CAAA,GAAA,iBAAS,EACtF;QACE,GAAG,KAAK;QACR,QAAQ,MAAM,MAAM,IAAI;kBACxB;QACA,mEAAmE;QACnE,qDAAqD;QACrD,UAAU,eAAe,WAAY;IACvC,GACA;IAGF,IAAI,MAAM,MAAM,UAAU;IAC1B,IAAI,aAAa,CAAA,GAAA,wBAAgB,EAAE,KAAK,CAAC,CAAC,cAAc,MAAM,UAAU,IAAI;IAC5E,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;YACN,SAAS,MAAM,OAAO,IAAI;uBAC1B;wBACA;uBACA;QACF;IACF;IAEA,gFAAgF;IAChF,oDAAoD;IACpD,IAAI,iBAAiB,CAAC,MAAM,UAAU,IAAI,MAAM,OAAO,KAAK;IAC5D,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,eAAO,EAAE;IACrC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,IAAI,OAAO,EACb,UAAU,kBAAkB,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC;IAE3D,GAAG;QAAC;QAAK;KAAe;IAExB,gFAAgF;IAChF,0FAA0F;IAC1F,CAAA,GAAA,gBAAQ,EAAE;QACR,IACE,YACC,CAAA,MAAM,OAAO,KAAK,oBAAoB,CAAA,GAAA,6BAAqB,QAAQ,SAAQ,KAC5E,IAAI,OAAO,IACX,CAAC,CAAA,GAAA,oBAAY,EAAE,IAAI,OAAO,GAE1B,CAAA,GAAA,kBAAU,EAAE,IAAI,OAAO;IAE3B,GAAG;QAAC;QAAU;QAAK,MAAM,OAAO;KAAC;IAEjC,IAAI,WAAW,CAAA,GAAA,cAAM,EAAE;QACrB,IAAI,WAAW,YAAY,QAAQ;QACnC,IAAI,eACF,KAAK,IAAI,WAAW,cAClB,yBAAW,gCAAC,QAAQ,QAAQ;YAAC,OAAO;WAAO;QAG/C,OAAO;IACT,GAAG;QAAC,YAAY,QAAQ;QAAE;KAAc;IAExC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAiB;IAC9D,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE;QACzB,IAAI,MAAM,UAAU,CAAC,OAAO,EAC1B,gBAAgB,MAAM,UAAU,CAAC,OAAO,CAAC,qBAAqB,GAAG,KAAK,GAAG;IAE7E,GAAG;QAAC,MAAM,UAAU;KAAC;IAErB,CAAA,GAAA,sBAAc,EAAE,UAAU;QAAC;KAAS;IACpC,CAAA,GAAA,wBAAgB,EAAE;QAChB,KAAK,YAAY,KAAK,EAAE,CAAC,kBAAkB,GAAG,YAAY,MAAM,UAAU;QAC1E,UAAU;IACZ;IAEA,IAAI,QAAQ;QACV,GAAG,aAAa,KAAK;QACrB,0BAA0B,qBACtB,GAAG,mBAAmB,CAAC,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,GACrD;QACJ,GAAG,YAAY,KAAK;QACpB,mBAAmB,YAAY,KAAK,EAAE,CAAC,kBAAkB,IAAI;IAC/D;IAEA,IAAI,wBACF,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,qBAAa,EAAE,OAAO;YAAC,QAAQ;QAAI,IAAI,aAAa;QAClE,GAAG,WAAW;QACf,MAAM,WAAW,WAAW;QAC5B,UAAU,WAAW,KAAK;QAC1B,cAAY,KAAK,CAAC,aAAa;QAC/B,mBAAiB,KAAK,CAAC,kBAAkB;QACzC,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,OAAO;QACP,KAAK,MAAM,GAAG;QACd,gBAAc,MAAM,OAAO;QAC3B,kBAAgB;QAChB,iBAAe,cAAc;QAC7B,gBAAc,aAAa;OAC1B,CAAC,MAAM,UAAU,kBAAI,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;sBAC3D,gCAAC,CAAA,GAAA,yCAAkB,EAAE,QAAQ;QAAC,OAAO;YAAC,GAAG,UAAU;uBAAE;YAAW,KAAK;QAAQ;OAC1E,yBAEH,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;;IAIzC,yGAAyG;IACzG,IAAI,CAAC,cACH,qBACE,gCAAC,CAAA,GAAA,cAAM;QACJ,GAAG,KAAK;QACT,oBAAoB;QACpB,WAAW;QACX,iBAAiB;OAChB,CAAC,MAAM,UAAU,IAAI,MAAM,MAAM,kBAChC,gCAAC;QAAI,eAAY;QAAY,GAAG,aAAa;QAAE,OAAO;YAAC,UAAU;YAAS,OAAO;QAAC;sBAEpF,gCAAC;QAAI,KAAK;QAAc,OAAO;YAAC,SAAS;QAAU;qBACjD,gCAAC,0CAAoB,QAAQ;QAAC,OAAO;OAClC;IAOX,qEAAqE;IACrE,qBACE,gCAAC,CAAA,GAAA,cAAM;QACJ,GAAG,KAAK;QACT,oBAAoB;QACpB,WAAW;QACX,iBAAiB,4BAA4B,UAAU,WAAW;OACjE;AAGP","sources":["packages/react-aria-components/src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {AriaPopoverProps, usePopover} from 'react-aria/usePopover';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {focusSafely} from 'react-aria/private/interactions/focusSafely';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport {isFocusWithin} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PlacementAxis, PositionProps} from 'react-aria/useOverlayPosition';\nimport React, {\n  Context,\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsHidden} from 'react-aria/private/collections/Hidden';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\n\nexport interface PopoverProps\n  extends\n    Omit<PositionProps, 'isOpen'>,\n    Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>,\n    OverlayTriggerProps,\n    RenderProps<PopoverRenderProps>,\n    SlotProps,\n    AriaLabelingProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Popover'\n   */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * The name of the component that triggered the popover. This is reflected on the element\n   * as the `data-trigger` attribute, and can be used to provide specific\n   * styles for the popover depending on which element triggered it.\n   */\n  trigger?: string;\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   *\n   * When used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\n   * this is set automatically. It is only required when used standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the popover is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the popover is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 8\n   */\n  offset?: number;\n}\n\nexport interface PopoverRenderProps {\n  /**\n   * The name of the component that triggered the popover, e.g. \"DialogTrigger\" or \"ComboBox\".\n   *\n   * @selector [data-trigger=\"...\"]\n   */\n  trigger: string | null;\n  /**\n   * The placement of the popover relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the popover is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the popover is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\ninterface PopoverContextValue extends PopoverProps {\n  /** Contexts to clear. */\n  clearContexts?: Context<any>[];\n}\n\nexport const PopoverContext = createContext<ContextValue<PopoverContextValue, HTMLElement>>(null);\n\n// Stores a ref for the portal container for a group of popovers (e.g. submenus).\nconst PopoverGroupContext = createContext<RefObject<Element | null> | null>(null);\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport const Popover = /*#__PURE__*/ (forwardRef as forwardRefType)(function Popover(\n  props: PopoverProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  let isExiting = useExitAnimation(ref, state.isOpen) || props.isExiting || false;\n  let isHidden = useIsHidden();\n  let {direction} = useLocale();\n\n  // If we are in a hidden tree, we still need to preserve our children.\n  if (isHidden) {\n    let children = props.children;\n    if (typeof children === 'function') {\n      children = children({\n        trigger: props.trigger || null,\n        placement: 'bottom',\n        isEntering: false,\n        isExiting: false,\n        defaultChildren: null\n      });\n    }\n\n    return <>{children}</>;\n  }\n\n  if (state && !state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <PopoverInner\n      {...props}\n      triggerRef={props.triggerRef!}\n      state={state}\n      popoverRef={ref}\n      isExiting={isExiting}\n      dir={direction}\n    />\n  );\n});\n\ninterface PopoverInnerProps extends AriaPopoverProps, RenderProps<PopoverRenderProps>, SlotProps {\n  state: OverlayTriggerState;\n  isEntering?: boolean;\n  isExiting: boolean;\n  UNSTABLE_portalContainer?: Element;\n  trigger?: string;\n  dir?: 'ltr' | 'rtl';\n  clearContexts?: Context<any>[];\n}\n\nfunction PopoverInner({\n  state,\n  isExiting,\n  UNSTABLE_portalContainer,\n  clearContexts,\n  ...props\n}: PopoverInnerProps) {\n  // Calculate the arrow size internally (and remove props.arrowSize from PopoverProps)\n  // Referenced from: packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx\n  let arrowRef = useRef<HTMLDivElement>(null);\n  let containerRef = useRef<HTMLDivElement | null>(null);\n  let groupCtx = useContext(PopoverGroupContext);\n  let isSubPopover = groupCtx && props.trigger === 'SubmenuTrigger';\n\n  let {popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint} = usePopover(\n    {\n      ...props,\n      offset: props.offset ?? 8,\n      arrowRef,\n      // If this is a submenu/subdialog, use the root popover's container\n      // to detect outside interaction and add aria-hidden.\n      groupRef: isSubPopover ? groupCtx! : containerRef\n    },\n    state\n  );\n\n  let ref = props.popoverRef as RefObject<HTMLDivElement | null>;\n  let isEntering = useEnterAnimation(ref, !!placement) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Popover',\n    values: {\n      trigger: props.trigger || null,\n      placement,\n      isEntering,\n      isExiting\n    }\n  });\n\n  // Automatically render Popover with role=dialog except when isNonModal is true,\n  // or a dialog is already nested inside the popover.\n  let shouldBeDialog = !props.isNonModal || props.trigger === 'SubmenuTrigger';\n  let [isDialog, setDialog] = useState(false);\n  useLayoutEffect(() => {\n    if (ref.current) {\n      setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));\n    }\n  }, [ref, shouldBeDialog]);\n\n  // Focus the popover itself on mount, unless a child element is already focused.\n  // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger\n  useEffect(() => {\n    if (\n      isDialog &&\n      (props.trigger !== 'SubmenuTrigger' || getInteractionModality() !== 'pointer') &&\n      ref.current &&\n      !isFocusWithin(ref.current)\n    ) {\n      focusSafely(ref.current);\n    }\n  }, [isDialog, ref, props.trigger]);\n\n  let children = useMemo(() => {\n    let children = renderProps.children;\n    if (clearContexts) {\n      for (let Context of clearContexts) {\n        children = <Context.Provider value={null}>{children}</Context.Provider>;\n      }\n    }\n    return children;\n  }, [renderProps.children, clearContexts]);\n\n  let [triggerWidth, setTriggerWidth] = useState<string | null>(null);\n  let onResize = useCallback(() => {\n    if (props.triggerRef.current) {\n      setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + 'px');\n    }\n  }, [props.triggerRef]);\n\n  useLayoutEffect(onResize, [onResize]);\n  useResizeObserver({\n    ref: renderProps.style?.['--trigger-width'] ? undefined : props.triggerRef,\n    onResize: onResize\n  });\n\n  let style = {\n    ...popoverProps.style,\n    '--trigger-anchor-point': triggerAnchorPoint\n      ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n      : undefined,\n    ...renderProps.style,\n    '--trigger-width': renderProps.style?.['--trigger-width'] || triggerWidth\n  };\n\n  let overlay = (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), popoverProps)}\n      {...renderProps}\n      role={isDialog ? 'dialog' : undefined}\n      tabIndex={isDialog ? -1 : undefined}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      ref={ref}\n      slot={props.slot || undefined}\n      style={style}\n      dir={props.dir}\n      data-trigger={props.trigger}\n      data-placement={placement}\n      data-entering={isEntering || undefined}\n      data-exiting={isExiting || undefined}>\n      {!props.isNonModal && <DismissButton onDismiss={state.close} />}\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {children}\n      </OverlayArrowContext.Provider>\n      <DismissButton onDismiss={state.close} />\n    </dom.div>\n  );\n\n  // If this is a root popover, render an extra div to act as the portal container for submenus/subdialogs.\n  if (!isSubPopover) {\n    return (\n      <Overlay\n        {...props}\n        shouldContainFocus={isDialog}\n        isExiting={isExiting}\n        portalContainer={UNSTABLE_portalContainer}>\n        {!props.isNonModal && state.isOpen && (\n          <div data-testid=\"underlay\" {...underlayProps} style={{position: 'fixed', inset: 0}} />\n        )}\n        <div ref={containerRef} style={{display: 'contents'}}>\n          <PopoverGroupContext.Provider value={containerRef}>\n            {overlay}\n          </PopoverGroupContext.Provider>\n        </div>\n      </Overlay>\n    );\n  }\n\n  // Submenus/subdialogs are mounted into the root popover's container.\n  return (\n    <Overlay\n      {...props}\n      shouldContainFocus={isDialog}\n      isExiting={isExiting}\n      portalContainer={UNSTABLE_portalContainer ?? groupCtx?.current ?? undefined}>\n      {overlay}\n    </Overlay>\n  );\n}\n"],"names":[],"version":3,"file":"Popover.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {AriaPopoverProps, usePopover} from 'react-aria/usePopover';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {focusSafely} from 'react-aria/private/interactions/focusSafely';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport {isFocusWithin} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PlacementAxis, PositionProps} from 'react-aria/useOverlayPosition';\nimport React, {\n  Context,\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsHidden} from 'react-aria/private/collections/Hidden';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\n\nexport interface PopoverProps\n  extends\n    Omit<PositionProps, 'isOpen'>,\n    Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>,\n    OverlayTriggerProps,\n    RenderProps<PopoverRenderProps>,\n    SlotProps,\n    AriaLabelingProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Popover'\n   */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * The name of the component that triggered the popover. This is reflected on the element\n   * as the `data-trigger` attribute, and can be used to provide specific\n   * styles for the popover depending on which element triggered it.\n   */\n  trigger?: string;\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   *\n   * When used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\n   * this is set automatically. It is only required when used standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the popover is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the popover is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * Whether the popover should appear and disappear without an entry or exit animation. This is\n   * used by components such as PreviewTrigger to skip animations when quickly swapping between\n   * overlays.\n   */\n  shouldSkipAnimation?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 8\n   */\n  offset?: number;\n}\n\nexport interface PopoverRenderProps {\n  /**\n   * The name of the component that triggered the popover, e.g. \"DialogTrigger\" or \"ComboBox\".\n   *\n   * @selector [data-trigger=\"...\"]\n   */\n  trigger: string | null;\n  /**\n   * The placement of the popover relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the popover is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the popover is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\ninterface PopoverContextValue extends PopoverProps {\n  id?: string;\n  /** Contexts to clear. */\n  clearContexts?: Context<any>[];\n}\n\nexport const PopoverContext = createContext<ContextValue<PopoverContextValue, HTMLElement>>(null);\n\n// Stores a ref for the portal container for a group of popovers (e.g. submenus).\nconst PopoverGroupContext = createContext<RefObject<Element | null> | null>(null);\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport const Popover = /*#__PURE__*/ (forwardRef as forwardRefType)(function Popover(\n  props: PopoverProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  // Skip the automatic exit animation when closing instantly (e.g. swapping between previews\n  // during warmup). An explicitly provided isExiting prop still takes precedence.\n  let exitAnimation = useExitAnimation(ref, state.isOpen);\n  let isExiting = props.isExiting || (!props.shouldSkipAnimation && exitAnimation) || false;\n  let isHidden = useIsHidden();\n  let {direction} = useLocale();\n\n  // If we are in a hidden tree, we still need to preserve our children.\n  if (isHidden) {\n    let children = props.children;\n    if (typeof children === 'function') {\n      children = children({\n        trigger: props.trigger || null,\n        placement: 'bottom',\n        isEntering: false,\n        isExiting: false,\n        defaultChildren: null\n      });\n    }\n\n    return <>{children}</>;\n  }\n\n  if (state && !state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <PopoverInner\n      {...props}\n      triggerRef={props.triggerRef!}\n      state={state}\n      popoverRef={ref}\n      isExiting={isExiting}\n      dir={direction}\n    />\n  );\n});\n\ninterface PopoverInnerProps extends AriaPopoverProps, RenderProps<PopoverRenderProps>, SlotProps {\n  state: OverlayTriggerState;\n  isEntering?: boolean;\n  isExiting: boolean;\n  shouldSkipAnimation?: boolean;\n  UNSTABLE_portalContainer?: Element;\n  trigger?: string;\n  dir?: 'ltr' | 'rtl';\n  clearContexts?: Context<any>[];\n  id?: string;\n}\n\nfunction PopoverInner({\n  state,\n  isExiting,\n  UNSTABLE_portalContainer,\n  clearContexts,\n  ...props\n}: PopoverInnerProps) {\n  // Calculate the arrow size internally (and remove props.arrowSize from PopoverProps)\n  // Referenced from: packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx\n  let arrowRef = useRef<HTMLDivElement>(null);\n  let containerRef = useRef<HTMLDivElement | null>(null);\n  let groupCtx = useContext(PopoverGroupContext);\n  let isSubPopover = groupCtx && props.trigger === 'SubmenuTrigger';\n\n  let {popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint} = usePopover(\n    {\n      ...props,\n      offset: props.offset ?? 8,\n      arrowRef,\n      // If this is a submenu/subdialog, use the root popover's container\n      // to detect outside interaction and add aria-hidden.\n      groupRef: isSubPopover ? groupCtx! : containerRef\n    },\n    state\n  );\n\n  let ref = props.popoverRef as RefObject<HTMLDivElement | null>;\n  // Skip the automatic entry animation when opening instantly (e.g. swapping between previews\n  // during warmup). An explicitly provided isEntering prop still takes precedence.\n  let enterAnimation = useEnterAnimation(ref, !!placement);\n  // oxlint-disable-next-line react/react-compiler\n  let isEntering = props.isEntering || (!props.shouldSkipAnimation && enterAnimation) || false;\n  // oxlint-disable-next-line react/react-compiler\n  let renderProps = useRenderProps({\n    // oxlint-disable-next-line react/react-compiler\n    ...props,\n    defaultClassName: 'react-aria-Popover',\n    // oxlint-disable-next-line react/react-compiler\n    values: {\n      // oxlint-disable-next-line react/react-compiler\n      trigger: props.trigger || null,\n      placement,\n      // oxlint-disable-next-line react/react-compiler\n      isEntering,\n      isExiting\n    }\n  });\n\n  // Automatically render Popover with role=dialog except when isNonModal is true,\n  // or a dialog is already nested inside the popover.\n  let shouldBeDialog =\n    // oxlint-disable-next-line react/react-compiler\n    !props.isNonModal || props.trigger === 'SubmenuTrigger' || props.trigger === 'PreviewTrigger';\n  // oxlint-disable-next-line react/react-compiler\n  let [isDialog, setDialog] = useState(props.trigger === 'PreviewTrigger');\n  useLayoutEffect(() => {\n    if (ref.current) {\n      setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));\n    }\n  }, [ref, shouldBeDialog]);\n\n  // Focus the popover itself on mount, unless a child element is already focused.\n  // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger\n  // oxlint-disable react/react-compiler\n  useEffect(() => {\n    if (\n      isDialog &&\n      props.trigger !== 'PreviewTrigger' &&\n      (props.trigger !== 'SubmenuTrigger' || getInteractionModality() !== 'pointer') &&\n      ref.current &&\n      !isFocusWithin(ref.current)\n    ) {\n      focusSafely(ref.current);\n    }\n  }, [isDialog, ref, props.trigger]);\n  // oxlint-enable react/react-compiler\n\n  let children = useMemo(() => {\n    let children = renderProps.children;\n    if (clearContexts) {\n      for (let Context of clearContexts) {\n        children = <Context.Provider value={null}>{children}</Context.Provider>;\n      }\n    }\n    return children;\n  }, [renderProps.children, clearContexts]);\n\n  let [triggerWidth, setTriggerWidth] = useState<string | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let onResize = useCallback(() => {\n    if (props.triggerRef.current) {\n      setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + 'px');\n    }\n  }, [props.triggerRef]);\n\n  useLayoutEffect(onResize, [onResize]);\n  // oxlint-disable-next-line react/react-compiler\n  useResizeObserver({\n    // oxlint-disable-next-line react/react-compiler\n    ref: renderProps.style?.['--trigger-width'] ? undefined : props.triggerRef,\n    onResize: onResize\n  });\n\n  let style = {\n    ...popoverProps.style,\n    '--trigger-anchor-point': triggerAnchorPoint\n      ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n      : undefined,\n    ...renderProps.style,\n    '--trigger-width': renderProps.style?.['--trigger-width'] || triggerWidth\n  };\n\n  // oxlint-disable react/react-compiler\n  let overlay = (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), popoverProps)}\n      {...renderProps}\n      id={isDialog ? props.id : undefined}\n      role={isDialog ? 'dialog' : undefined}\n      tabIndex={isDialog ? -1 : undefined}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      ref={ref}\n      slot={props.slot || undefined}\n      style={style}\n      dir={props.dir}\n      data-trigger={props.trigger}\n      data-placement={placement}\n      data-entering={isEntering || undefined}\n      data-exiting={isExiting || undefined}>\n      {/* oxlint-disable-next-line react/react-compiler */}\n      {!props.isNonModal && <DismissButton onDismiss={state.close} />}\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {children}\n      </OverlayArrowContext.Provider>\n      <DismissButton onDismiss={state.close} />\n    </dom.div>\n  );\n  // oxlint-enable react/react-compiler\n\n  // If this is a root popover, render an extra div to act as the portal container for submenus/subdialogs.\n  if (!isSubPopover) {\n    // oxlint-disable react/react-compiler\n    return (\n      <Overlay\n        {...props}\n        shouldContainFocus={isDialog && props.trigger !== 'PreviewTrigger'}\n        isExiting={isExiting}\n        portalContainer={UNSTABLE_portalContainer}>\n        {/* oxlint-disable-next-line react/react-compiler */}\n        {!props.isNonModal && state.isOpen && (\n          <div data-testid=\"underlay\" {...underlayProps} style={{position: 'fixed', inset: 0}} />\n        )}\n        <div ref={containerRef} style={{display: 'contents'}}>\n          <PopoverGroupContext.Provider value={containerRef}>\n            {overlay}\n          </PopoverGroupContext.Provider>\n        </div>\n      </Overlay>\n    );\n    // oxlint-enable react/react-compiler\n  }\n\n  // Submenus/subdialogs are mounted into the root popover's container.\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay\n      {...props}\n      shouldContainFocus={isDialog && props.trigger !== 'PreviewTrigger'}\n      isExiting={isExiting}\n      portalContainer={UNSTABLE_portalContainer ?? groupCtx?.current ?? undefined}>\n      {overlay}\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n"],"names":[],"version":3,"file":"Popover.mjs.map"}

package/dist/private/PreviewTrigger.cjs

@@ -0,0 +1,88 @@
+var $88595bf043e542ec$exports = require("./Dialog.cjs");
+var $74e35a768d38d46b$exports = require("./Popover.cjs");
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $3aRaU$reactariausePreviewTrigger = require("react-aria/usePreviewTrigger");
+var $3aRaU$reactariaprivateinteractionsuseFocusable = require("react-aria/private/interactions/useFocusable");
+var $3aRaU$react = require("react");
+var $3aRaU$reactstatelyuseTooltipTriggerState = require("react-stately/useTooltipTriggerState");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "PreviewTrigger", function () { return $d080a2b6a6742393$export$60a5cf113499de66; });
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $d080a2b6a6742393$export$60a5cf113499de66(props) {
+    let state = (0, $3aRaU$reactstatelyuseTooltipTriggerState.useTooltipTriggerState)({
+        ...props,
+        delay: props.delay ?? 600,
+        closeDelay: props.closeDelay ?? 200
+    });
+    let triggerRef = (0, $3aRaU$react.useRef)(null);
+    let popoverRef = (0, $3aRaU$react.useRef)(null);
+    let { triggerProps: triggerProps, popoverProps: popoverProps } = (0, $3aRaU$reactariausePreviewTrigger.usePreviewTrigger)({
+        ...props,
+        triggerRef: triggerRef,
+        popoverRef: popoverRef
+    }, state);
+    // The Popover and usePopover expect an OverlayTriggerState. Adapt the TooltipTriggerState (which
+    // provides the warmup/cooldown delay behavior) to that interface.
+    let overlayState = (0, $3aRaU$react.useMemo)(()=>({
+            isOpen: state.isOpen,
+            open: ()=>state.open(),
+            close: ()=>state.close(),
+            setOpen: (isOpen)=>isOpen ? state.open() : state.close(),
+            toggle: ()=>state.isOpen ? state.close() : state.open(),
+            point: null,
+            setPoint: ()=>{}
+        }), [
+        state
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3aRaU$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                (0, $88595bf043e542ec$exports.OverlayTriggerStateContext),
+                overlayState
+            ],
+            [
+                (0, $74e35a768d38d46b$exports.PopoverContext),
+                {
+                    trigger: 'PreviewTrigger',
+                    triggerRef: triggerRef,
+                    ref: popoverRef,
+                    isNonModal: true,
+                    // Skip enter/exit animations when swapping between previews during the warmup period.
+                    shouldSkipAnimation: state.shouldSkipAnimation,
+                    ...popoverProps
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3aRaU$react))).createElement((0, $3aRaU$reactariaprivateinteractionsuseFocusable.FocusableProvider), {
+        ...triggerProps,
+        ref: triggerRef
+    }, props.children));
+}
+
+
+//# sourceMappingURL=PreviewTrigger.cjs.map

package/dist/private/PreviewTrigger.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAiCM,SAAS,0CAAe,KAA0B;IACvD,IAAI,QAAQ,CAAA,GAAA,gEAAqB,EAAE;QACjC,GAAG,KAAK;QACR,OAAO,MAAM,KAAK,IAAI;QACtB,YAAY,MAAM,UAAU,IAAI;IAClC;IACA,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAoB;IAC1C,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAe;IACrC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,mDAAgB,EAAE;QAAC,GAAG,KAAK;oBAAE;oBAAY;IAAU,GAAG;IAEzF,iGAAiG;IACjG,kEAAkE;IAClE,IAAI,eAAe,CAAA,GAAA,oBAAM,EACvB,IAAO,CAAA;YACL,QAAQ,MAAM,MAAM;YACpB,MAAM,IAAM,MAAM,IAAI;YACtB,OAAO,IAAM,MAAM,KAAK;YACxB,SAAS,CAAA,SAAW,SAAS,MAAM,IAAI,KAAK,MAAM,KAAK;YACvD,QAAQ,IAAO,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,MAAM,IAAI;YACxD,OAAO;YACP,UAAU,KAAO;QACnB,CAAA,GACA;QAAC;KAAM;IAGT,qBACE,0DAAC,CAAA,GAAA,kCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,oDAAyB;gBAAG;aAAa;YAC1C;gBACE,CAAA,GAAA,wCAAa;gBACb;oBACE,SAAS;gCACT;oBACA,KAAK;oBACL,YAAY;oBACZ,sFAAsF;oBACtF,qBAAqB,MAAM,mBAAmB;oBAC9C,GAAG,YAAY;gBACjB;aACD;SACF;qBACD,0DAAC,CAAA,GAAA,iEAAgB;QAAG,GAAG,YAAY;QAAE,KAAK;OACvC,MAAM,QAAQ;AAIvB","sources":["packages/react-aria-components/src/PreviewTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaPreviewTriggerProps, usePreviewTrigger} from 'react-aria/usePreviewTrigger';\nimport {FocusableElement} from '@react-types/shared';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PopoverContext} from './Popover';\nimport {Provider} from './utils';\nimport React, {JSX, ReactNode, useMemo, useRef} from 'react';\nimport {useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\nexport interface PreviewTriggerProps extends AriaPreviewTriggerProps {\n  /** The trigger and Popover that make up the preview trigger. */\n  children: ReactNode;\n  /**\n   * The delay time in milliseconds before the preview opens.\n   *\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * The delay time in milliseconds before the preview closes.\n   *\n   * @default 200\n   */\n  closeDelay?: number;\n}\n\n/**\n * A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,\n * the popover may contain interactive content.\n */\nexport function PreviewTrigger(props: PreviewTriggerProps): JSX.Element {\n  let state = useTooltipTriggerState({\n    ...props,\n    delay: props.delay ?? 600,\n    closeDelay: props.closeDelay ?? 200\n  });\n  let triggerRef = useRef<FocusableElement>(null);\n  let popoverRef = useRef<HTMLElement>(null);\n  let {triggerProps, popoverProps} = usePreviewTrigger({...props, triggerRef, popoverRef}, state);\n\n  // The Popover and usePopover expect an OverlayTriggerState. Adapt the TooltipTriggerState (which\n  // provides the warmup/cooldown delay behavior) to that interface.\n  let overlayState = useMemo<OverlayTriggerState>(\n    () => ({\n      isOpen: state.isOpen,\n      open: () => state.open(),\n      close: () => state.close(),\n      setOpen: isOpen => (isOpen ? state.open() : state.close()),\n      toggle: () => (state.isOpen ? state.close() : state.open()),\n      point: null,\n      setPoint: () => {}\n    }),\n    [state]\n  );\n\n  return (\n    <Provider\n      values={[\n        [OverlayTriggerStateContext, overlayState],\n        [\n          PopoverContext,\n          {\n            trigger: 'PreviewTrigger',\n            triggerRef,\n            ref: popoverRef,\n            isNonModal: true,\n            // Skip enter/exit animations when swapping between previews during the warmup period.\n            shouldSkipAnimation: state.shouldSkipAnimation,\n            ...popoverProps\n          }\n        ]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={triggerRef}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n"],"names":[],"version":3,"file":"PreviewTrigger.cjs.map"}

package/dist/private/PreviewTrigger.js

@@ -0,0 +1,80 @@
+import {OverlayTriggerStateContext as $acf8e70c2f419f18$export$d2f961adcb0afbe} from "./Dialog.js";
+import {PopoverContext as $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4} from "./Popover.js";
+import {Provider as $b7b7a92703138c9b$export$2881499e37b75b9a} from "./utils.js";
+import {usePreviewTrigger as $gmnOE$usePreviewTrigger} from "react-aria/usePreviewTrigger";
+import {FocusableProvider as $gmnOE$FocusableProvider} from "react-aria/private/interactions/useFocusable";
+import $gmnOE$react, {useRef as $gmnOE$useRef, useMemo as $gmnOE$useMemo} from "react";
+import {useTooltipTriggerState as $gmnOE$useTooltipTriggerState} from "react-stately/useTooltipTriggerState";
+
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $7e17edf2fd1a9983$export$60a5cf113499de66(props) {
+    var _props_delay, _props_closeDelay;
+    let state = (0, $gmnOE$useTooltipTriggerState)({
+        ...props,
+        delay: (_props_delay = props.delay) !== null && _props_delay !== void 0 ? _props_delay : 600,
+        closeDelay: (_props_closeDelay = props.closeDelay) !== null && _props_closeDelay !== void 0 ? _props_closeDelay : 200
+    });
+    let triggerRef = (0, $gmnOE$useRef)(null);
+    let popoverRef = (0, $gmnOE$useRef)(null);
+    let { triggerProps: triggerProps, popoverProps: popoverProps } = (0, $gmnOE$usePreviewTrigger)({
+        ...props,
+        triggerRef: triggerRef,
+        popoverRef: popoverRef
+    }, state);
+    // The Popover and usePopover expect an OverlayTriggerState. Adapt the TooltipTriggerState (which
+    // provides the warmup/cooldown delay behavior) to that interface.
+    let overlayState = (0, $gmnOE$useMemo)(()=>({
+            isOpen: state.isOpen,
+            open: ()=>state.open(),
+            close: ()=>state.close(),
+            setOpen: (isOpen)=>isOpen ? state.open() : state.close(),
+            toggle: ()=>state.isOpen ? state.close() : state.open(),
+            point: null,
+            setPoint: ()=>{}
+        }), [
+        state
+    ]);
+    return /*#__PURE__*/ (0, $gmnOE$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $acf8e70c2f419f18$export$d2f961adcb0afbe),
+                overlayState
+            ],
+            [
+                (0, $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'PreviewTrigger',
+                    triggerRef: triggerRef,
+                    ref: popoverRef,
+                    isNonModal: true,
+                    // Skip enter/exit animations when swapping between previews during the warmup period.
+                    shouldSkipAnimation: state.shouldSkipAnimation,
+                    ...popoverProps
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $gmnOE$react).createElement((0, $gmnOE$FocusableProvider), {
+        ...triggerProps,
+        ref: triggerRef
+    }, props.children));
+}
+
+
+export {$7e17edf2fd1a9983$export$60a5cf113499de66 as PreviewTrigger};
+//# sourceMappingURL=PreviewTrigger.js.map

package/dist/private/PreviewTrigger.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAiCM,SAAS,0CAAe,KAA0B;QAG9C,cACK;IAHd,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;QACjC,GAAG,KAAK;QACR,OAAO,CAAA,eAAA,MAAM,KAAK,cAAX,0BAAA,eAAe;QACtB,YAAY,CAAA,oBAAA,MAAM,UAAU,cAAhB,+BAAA,oBAAoB;IAClC;IACA,IAAI,aAAa,CAAA,GAAA,aAAK,EAAoB;IAC1C,IAAI,aAAa,CAAA,GAAA,aAAK,EAAe;IACrC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;QAAC,GAAG,KAAK;oBAAE;oBAAY;IAAU,GAAG;IAEzF,iGAAiG;IACjG,kEAAkE;IAClE,IAAI,eAAe,CAAA,GAAA,cAAM,EACvB,IAAO,CAAA;YACL,QAAQ,MAAM,MAAM;YACpB,MAAM,IAAM,MAAM,IAAI;YACtB,OAAO,IAAM,MAAM,KAAK;YACxB,SAAS,CAAA,SAAW,SAAS,MAAM,IAAI,KAAK,MAAM,KAAK;YACvD,QAAQ,IAAO,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,MAAM,IAAI;YACxD,OAAO;YACP,UAAU,KAAO;QACnB,CAAA,GACA;QAAC;KAAM;IAGT,qBACE,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,wCAAyB;gBAAG;aAAa;YAC1C;gBACE,CAAA,GAAA,yCAAa;gBACb;oBACE,SAAS;gCACT;oBACA,KAAK;oBACL,YAAY;oBACZ,sFAAsF;oBACtF,qBAAqB,MAAM,mBAAmB;oBAC9C,GAAG,YAAY;gBACjB;aACD;SACF;qBACD,gCAAC,CAAA,GAAA,wBAAgB;QAAG,GAAG,YAAY;QAAE,KAAK;OACvC,MAAM,QAAQ;AAIvB","sources":["packages/react-aria-components/src/PreviewTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaPreviewTriggerProps, usePreviewTrigger} from 'react-aria/usePreviewTrigger';\nimport {FocusableElement} from '@react-types/shared';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PopoverContext} from './Popover';\nimport {Provider} from './utils';\nimport React, {JSX, ReactNode, useMemo, useRef} from 'react';\nimport {useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\nexport interface PreviewTriggerProps extends AriaPreviewTriggerProps {\n  /** The trigger and Popover that make up the preview trigger. */\n  children: ReactNode;\n  /**\n   * The delay time in milliseconds before the preview opens.\n   *\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * The delay time in milliseconds before the preview closes.\n   *\n   * @default 200\n   */\n  closeDelay?: number;\n}\n\n/**\n * A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,\n * the popover may contain interactive content.\n */\nexport function PreviewTrigger(props: PreviewTriggerProps): JSX.Element {\n  let state = useTooltipTriggerState({\n    ...props,\n    delay: props.delay ?? 600,\n    closeDelay: props.closeDelay ?? 200\n  });\n  let triggerRef = useRef<FocusableElement>(null);\n  let popoverRef = useRef<HTMLElement>(null);\n  let {triggerProps, popoverProps} = usePreviewTrigger({...props, triggerRef, popoverRef}, state);\n\n  // The Popover and usePopover expect an OverlayTriggerState. Adapt the TooltipTriggerState (which\n  // provides the warmup/cooldown delay behavior) to that interface.\n  let overlayState = useMemo<OverlayTriggerState>(\n    () => ({\n      isOpen: state.isOpen,\n      open: () => state.open(),\n      close: () => state.close(),\n      setOpen: isOpen => (isOpen ? state.open() : state.close()),\n      toggle: () => (state.isOpen ? state.close() : state.open()),\n      point: null,\n      setPoint: () => {}\n    }),\n    [state]\n  );\n\n  return (\n    <Provider\n      values={[\n        [OverlayTriggerStateContext, overlayState],\n        [\n          PopoverContext,\n          {\n            trigger: 'PreviewTrigger',\n            triggerRef,\n            ref: popoverRef,\n            isNonModal: true,\n            // Skip enter/exit animations when swapping between previews during the warmup period.\n            shouldSkipAnimation: state.shouldSkipAnimation,\n            ...popoverProps\n          }\n        ]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={triggerRef}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n"],"names":[],"version":3,"file":"PreviewTrigger.js.map"}

package/dist/private/PreviewTrigger.mjs

@@ -0,0 +1,79 @@
+import {OverlayTriggerStateContext as $f2ff30fde7b014be$export$d2f961adcb0afbe} from "./Dialog.mjs";
+import {PopoverContext as $542a13ca2fa5b484$export$9b9a0cd73afb7ca4} from "./Popover.mjs";
+import {Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a} from "./utils.mjs";
+import {usePreviewTrigger as $evW8Q$usePreviewTrigger} from "react-aria/usePreviewTrigger";
+import {FocusableProvider as $evW8Q$FocusableProvider} from "react-aria/private/interactions/useFocusable";
+import $evW8Q$react, {useRef as $evW8Q$useRef, useMemo as $evW8Q$useMemo} from "react";
+import {useTooltipTriggerState as $evW8Q$useTooltipTriggerState} from "react-stately/useTooltipTriggerState";
+
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $32e5dbc959387ef1$export$60a5cf113499de66(props) {
+    let state = (0, $evW8Q$useTooltipTriggerState)({
+        ...props,
+        delay: props.delay ?? 600,
+        closeDelay: props.closeDelay ?? 200
+    });
+    let triggerRef = (0, $evW8Q$useRef)(null);
+    let popoverRef = (0, $evW8Q$useRef)(null);
+    let { triggerProps: triggerProps, popoverProps: popoverProps } = (0, $evW8Q$usePreviewTrigger)({
+        ...props,
+        triggerRef: triggerRef,
+        popoverRef: popoverRef
+    }, state);
+    // The Popover and usePopover expect an OverlayTriggerState. Adapt the TooltipTriggerState (which
+    // provides the warmup/cooldown delay behavior) to that interface.
+    let overlayState = (0, $evW8Q$useMemo)(()=>({
+            isOpen: state.isOpen,
+            open: ()=>state.open(),
+            close: ()=>state.close(),
+            setOpen: (isOpen)=>isOpen ? state.open() : state.close(),
+            toggle: ()=>state.isOpen ? state.close() : state.open(),
+            point: null,
+            setPoint: ()=>{}
+        }), [
+        state
+    ]);
+    return /*#__PURE__*/ (0, $evW8Q$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $f2ff30fde7b014be$export$d2f961adcb0afbe),
+                overlayState
+            ],
+            [
+                (0, $542a13ca2fa5b484$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'PreviewTrigger',
+                    triggerRef: triggerRef,
+                    ref: popoverRef,
+                    isNonModal: true,
+                    // Skip enter/exit animations when swapping between previews during the warmup period.
+                    shouldSkipAnimation: state.shouldSkipAnimation,
+                    ...popoverProps
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $evW8Q$react).createElement((0, $evW8Q$FocusableProvider), {
+        ...triggerProps,
+        ref: triggerRef
+    }, props.children));
+}
+
+
+export {$32e5dbc959387ef1$export$60a5cf113499de66 as PreviewTrigger};
+//# sourceMappingURL=PreviewTrigger.mjs.map

package/dist/private/PreviewTrigger.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAiCM,SAAS,0CAAe,KAA0B;IACvD,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;QACjC,GAAG,KAAK;QACR,OAAO,MAAM,KAAK,IAAI;QACtB,YAAY,MAAM,UAAU,IAAI;IAClC;IACA,IAAI,aAAa,CAAA,GAAA,aAAK,EAAoB;IAC1C,IAAI,aAAa,CAAA,GAAA,aAAK,EAAe;IACrC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;QAAC,GAAG,KAAK;oBAAE;oBAAY;IAAU,GAAG;IAEzF,iGAAiG;IACjG,kEAAkE;IAClE,IAAI,eAAe,CAAA,GAAA,cAAM,EACvB,IAAO,CAAA;YACL,QAAQ,MAAM,MAAM;YACpB,MAAM,IAAM,MAAM,IAAI;YACtB,OAAO,IAAM,MAAM,KAAK;YACxB,SAAS,CAAA,SAAW,SAAS,MAAM,IAAI,KAAK,MAAM,KAAK;YACvD,QAAQ,IAAO,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,MAAM,IAAI;YACxD,OAAO;YACP,UAAU,KAAO;QACnB,CAAA,GACA;QAAC;KAAM;IAGT,qBACE,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,wCAAyB;gBAAG;aAAa;YAC1C;gBACE,CAAA,GAAA,yCAAa;gBACb;oBACE,SAAS;gCACT;oBACA,KAAK;oBACL,YAAY;oBACZ,sFAAsF;oBACtF,qBAAqB,MAAM,mBAAmB;oBAC9C,GAAG,YAAY;gBACjB;aACD;SACF;qBACD,gCAAC,CAAA,GAAA,wBAAgB;QAAG,GAAG,YAAY;QAAE,KAAK;OACvC,MAAM,QAAQ;AAIvB","sources":["packages/react-aria-components/src/PreviewTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaPreviewTriggerProps, usePreviewTrigger} from 'react-aria/usePreviewTrigger';\nimport {FocusableElement} from '@react-types/shared';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PopoverContext} from './Popover';\nimport {Provider} from './utils';\nimport React, {JSX, ReactNode, useMemo, useRef} from 'react';\nimport {useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\nexport interface PreviewTriggerProps extends AriaPreviewTriggerProps {\n  /** The trigger and Popover that make up the preview trigger. */\n  children: ReactNode;\n  /**\n   * The delay time in milliseconds before the preview opens.\n   *\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * The delay time in milliseconds before the preview closes.\n   *\n   * @default 200\n   */\n  closeDelay?: number;\n}\n\n/**\n * A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,\n * the popover may contain interactive content.\n */\nexport function PreviewTrigger(props: PreviewTriggerProps): JSX.Element {\n  let state = useTooltipTriggerState({\n    ...props,\n    delay: props.delay ?? 600,\n    closeDelay: props.closeDelay ?? 200\n  });\n  let triggerRef = useRef<FocusableElement>(null);\n  let popoverRef = useRef<HTMLElement>(null);\n  let {triggerProps, popoverProps} = usePreviewTrigger({...props, triggerRef, popoverRef}, state);\n\n  // The Popover and usePopover expect an OverlayTriggerState. Adapt the TooltipTriggerState (which\n  // provides the warmup/cooldown delay behavior) to that interface.\n  let overlayState = useMemo<OverlayTriggerState>(\n    () => ({\n      isOpen: state.isOpen,\n      open: () => state.open(),\n      close: () => state.close(),\n      setOpen: isOpen => (isOpen ? state.open() : state.close()),\n      toggle: () => (state.isOpen ? state.close() : state.open()),\n      point: null,\n      setPoint: () => {}\n    }),\n    [state]\n  );\n\n  return (\n    <Provider\n      values={[\n        [OverlayTriggerStateContext, overlayState],\n        [\n          PopoverContext,\n          {\n            trigger: 'PreviewTrigger',\n            triggerRef,\n            ref: popoverRef,\n            isNonModal: true,\n            // Skip enter/exit animations when swapping between previews during the warmup period.\n            shouldSkipAnimation: state.shouldSkipAnimation,\n            ...popoverProps\n          }\n        ]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={triggerRef}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n"],"names":[],"version":3,"file":"PreviewTrigger.mjs.map"}

package/dist/private/ProgressBar.cjs

@@ -44,8 +44,13 @@ const $ffc270943183f850$export$c17561cb55d4db30 = /*#__PURE__*/ (0, $gDBFy$react
         ...props,
         label: label
     });
+    let range = maxValue - minValue;
     // Calculate the width of the progress bar as a percentage
-    let percentage = isIndeterminate ? undefined : (value - minValue) / (maxValue - minValue) * 100;
+    let percentage = undefined;
+    if (!isIndeterminate) {
+        if (range === 0) percentage = 0;
+        else percentage = (value - minValue) / range * 100;
+    }
     let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
         ...props,
         defaultClassName: 'react-aria-ProgressBar',