@depup/react-aria-components 1.21.0-depup.0 → 1.22.0-depup.0

package/dist/private/Modal.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/Modal.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 {AriaModalOverlayProps, useModalOverlay} from 'react-aria/useModalOverlay';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {DOMAttributes, forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport React, {createContext, ForwardedRef, forwardRef, useContext, useMemo, useRef} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps,\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-ModalOverlay'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Whether the modal is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the modal 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\ninterface InternalModalContextValue {\n  modalProps: DOMAttributes;\n  modalRef: RefObject<HTMLDivElement | null>;\n  isExiting: boolean;\n  isDismissable?: boolean;\n}\n\nexport const ModalContext = createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\nconst InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\nexport interface ModalRenderProps {\n  /**\n   * Whether the modal is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the modal is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the modal.\n   */\n  state: OverlayTriggerState;\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nexport const Modal = /*#__PURE__*/ (forwardRef as forwardRefType)(function Modal(\n  props: ModalOverlayProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let ctx = useContext(InternalModalContext);\n\n  if (ctx) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      // create a list of props that are passed in but not allowed when using an external ModalOverlay\n      const invalidSet = new Set([\n        'isDismissable',\n        'isKeyboardDismissDisabled',\n        'isOpen',\n        'defaultOpen',\n        'onOpenChange',\n        'isEntering',\n        'isExiting',\n        'UNSTABLE_portalContainer',\n        'shouldCloseOnInteractOutside'\n      ]);\n      const invalidProps = Object.keys(props).filter(key => invalidSet.has(key));\n      console.warn(\n        `This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`\n      );\n    }\n    return (\n      <ModalContent {...props} modalRef={ref}>\n        {props.children}\n      </ModalContent>\n    );\n  }\n\n  let {\n    isDismissable,\n    isKeyboardDismissDisabled,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    children,\n    isEntering,\n    isExiting,\n    UNSTABLE_portalContainer,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <ModalOverlay\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isEntering={isEntering}\n      isExiting={isExiting}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}>\n      <ModalContent {...otherProps} modalRef={ref}>\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n});\n\ninterface ModalOverlayInnerProps extends ModalOverlayProps {\n  overlayRef: RefObject<HTMLDivElement | null>;\n  modalRef: RefObject<HTMLDivElement | null>;\n  state: OverlayTriggerState;\n  isExiting: boolean;\n}\n\nfunction ModalOverlayWithForwardRef(props: ModalOverlayProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ModalContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  if (state === contextState) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      console.warn(\n        'This modals state is controlled by a trigger, place onOpenChange on the trigger instead.'\n      );\n    }\n  }\n\n  let objectRef = useObjectRef(ref);\n  let modalRef = useRef<HTMLDivElement>(null);\n  let isOverlayExiting = useExitAnimation(objectRef, state.isOpen);\n  let isModalExiting = useExitAnimation(modalRef, state.isOpen);\n  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n  let isSSR = useIsSSR();\n\n  if ((!state.isOpen && !isExiting) || isSSR) {\n    return null;\n  }\n\n  return (\n    <ModalOverlayInner\n      {...props}\n      state={state}\n      isExiting={isExiting}\n      overlayRef={objectRef}\n      modalRef={modalRef}\n    />\n  );\n}\n\n/**\n * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.\n */\nexport const ModalOverlay = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  ModalOverlayWithForwardRef\n);\n\nfunction ModalOverlayInner({UNSTABLE_portalContainer, ...props}: ModalOverlayInnerProps) {\n  let modalRef = props.modalRef;\n  let {state} = props;\n  let {modalProps, underlayProps} = useModalOverlay(props, state, modalRef);\n\n  let entering = useEnterAnimation(props.overlayRef) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ModalOverlay',\n    values: {\n      isEntering: entering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  let viewport = useViewportSize();\n  let pageWidth: number | undefined = undefined;\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body)\n      ? document.body\n      : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional width/height.\n    let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  let style = {\n    ...renderProps.style,\n    '--visual-viewport-width': viewport.width + 'px',\n    '--visual-viewport-height': viewport.height + 'px',\n    '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,\n    '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined\n  };\n\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay isExiting={props.isExiting} portalContainer={UNSTABLE_portalContainer}>\n      <dom.div\n        {...mergeProps(filterDOMProps(props, {global: true}), underlayProps)}\n        {...renderProps}\n        style={style}\n        ref={props.overlayRef}\n        data-entering={entering || undefined}\n        data-exiting={props.isExiting || undefined}>\n        <Provider\n          values={[\n            [\n              InternalModalContext,\n              {modalProps, modalRef, isExiting: props.isExiting, isDismissable: props.isDismissable}\n            ],\n            [OverlayTriggerStateContext, state]\n          ]}>\n          {renderProps.children}\n        </Provider>\n      </dom.div>\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n\ninterface ModalContentProps\n  extends RenderProps<ModalRenderProps>, 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-ModalContent'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  modalRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction ModalContent(props: ModalContentProps) {\n  let {modalProps, modalRef, isExiting, isDismissable} = useContext(InternalModalContext)!;\n  let state = useContext(OverlayTriggerStateContext)!;\n  let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);\n\n  let ref = useObjectRef(mergedRefs);\n  let entering = useEnterAnimation(ref);\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Modal',\n    values: {\n      isEntering: entering,\n      isExiting,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), modalProps)}\n      {...renderProps}\n      ref={ref}\n      data-entering={entering || undefined}\n      data-exiting={isExiting || undefined}>\n      {isDismissable && <DismissButton onDismiss={state.close} />}\n      {renderProps.children}\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Modal.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Modal.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 {AriaModalOverlayProps, useModalOverlay} from 'react-aria/useModalOverlay';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DialogContext, DialogProps, OverlayTriggerStateContext} from './Dialog';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {DOMAttributes, forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {runAfterKeyboard} from 'react-aria/private/utils/runAfterKeyboard';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps,\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-ModalOverlay'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Whether the modal is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the modal is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * Callback when the modal starts entering. Return a promise to indicate when the entry animation\n   * has completed.\n   */\n  onEnter?: (element: HTMLElement) => void | Promise<void>;\n  /**\n   * Callback when the modal starts exiting. Return a promise to indicate when the exit animation\n   * has completed.\n   */\n  onExit?: (element: HTMLElement) => void | Promise<void>;\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   * Whether to wait until the entry animation completes before hiding content outside the modal\n   * and moving focus into it.\n   *\n   * @private\n   */\n  UNSTABLE_deferUntilEntered?: boolean;\n}\n\ninterface InternalModalContextValue {\n  modalProps: DOMAttributes;\n  modalRef: RefObject<HTMLDivElement | null>;\n  isOpen: boolean;\n  isExiting: boolean;\n  isDismissable?: boolean;\n  onExitRef?: RefObject<ModalOverlayProps['onExit'] | null>;\n}\n\nexport const ModalContext = createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\nexport const InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\nexport interface ModalRenderProps {\n  /**\n   * Whether the modal is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the modal is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the modal.\n   */\n  state: OverlayTriggerState;\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nexport const Modal = /*#__PURE__*/ (forwardRef as forwardRefType)(function Modal(\n  props: ModalOverlayProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let ctx = useContext(InternalModalContext);\n\n  if (ctx) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      // create a list of props that are passed in but not allowed when using an external ModalOverlay\n      const invalidSet = new Set([\n        'isDismissable',\n        'isKeyboardDismissDisabled',\n        'isOpen',\n        'defaultOpen',\n        'onOpenChange',\n        'isEntering',\n        'isExiting',\n        'UNSTABLE_portalContainer',\n        'shouldCloseOnInteractOutside'\n      ]);\n      const invalidProps = Object.keys(props).filter(key => invalidSet.has(key));\n      console.warn(\n        `This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`\n      );\n    }\n    return (\n      <ModalContent {...props} modalRef={ref}>\n        {props.children}\n      </ModalContent>\n    );\n  }\n\n  let {\n    isDismissable,\n    isKeyboardDismissDisabled,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    children,\n    isEntering,\n    isExiting,\n    UNSTABLE_portalContainer,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <ModalOverlay\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isEntering={isEntering}\n      isExiting={isExiting}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}>\n      <ModalContent {...otherProps} modalRef={ref}>\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n});\n\ninterface ModalOverlayInnerProps extends ModalOverlayProps {\n  overlayRef: RefObject<HTMLDivElement | null>;\n  modalRef: RefObject<HTMLDivElement | null>;\n  state: OverlayTriggerState;\n  isExiting: boolean;\n  onExitRef?: RefObject<ModalOverlayProps['onExit'] | null>;\n}\n\nfunction ModalOverlayWithForwardRef(props: ModalOverlayProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ModalContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  if (state === contextState) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      console.warn(\n        'This modals state is controlled by a trigger, place onOpenChange on the trigger instead.'\n      );\n    }\n  }\n\n  let objectRef = useObjectRef(ref);\n  let modalRef = useRef<HTMLDivElement>(null);\n  let isOverlayExiting = useExitAnimation(objectRef, state.isOpen, props.onExit);\n  let onExitRef = useRef<ModalOverlayProps['onExit'] | null>(null);\n  let isModalExiting = useExitAnimation(modalRef, state.isOpen, element =>\n    onExitRef.current?.(element)\n  );\n  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n  let isSSR = useIsSSR();\n\n  if ((!state.isOpen && !isExiting) || isSSR) {\n    return null;\n  }\n\n  return (\n    <ModalOverlayInner\n      {...props}\n      state={state}\n      isExiting={isExiting}\n      overlayRef={objectRef}\n      modalRef={modalRef}\n      onExitRef={onExitRef}\n    />\n  );\n}\n\n/**\n * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.\n */\nexport const ModalOverlay = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  ModalOverlayWithForwardRef\n);\n\nfunction ModalOverlayInner({\n  UNSTABLE_portalContainer,\n  UNSTABLE_deferUntilEntered,\n  ...props\n}: ModalOverlayInnerProps) {\n  let modalRef = props.modalRef;\n  let {state} = props;\n\n  let [isOpen, setIsOpen] = useState(false);\n  let entering =\n    useEnterAnimation(props.overlayRef, isOpen, props.onEnter) || props.isEntering || false;\n  let isDeferred = !!UNSTABLE_deferUntilEntered && (!isOpen || entering);\n  let {modalProps, underlayProps} = useModalOverlay(\n    {...props, isEntering: isDeferred},\n    state,\n    modalRef\n  );\n\n  // Pass the entering state to the dialog so it waits to move focus until the modal has entered.\n  let dialogContext = useContext(DialogContext);\n  let mergedDialogContext = UNSTABLE_deferUntilEntered\n    ? mergeDialogContext(dialogContext, {isEntering: isDeferred})\n    : dialogContext;\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ModalOverlay',\n    values: {\n      isEntering: entering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  let viewport = useViewportSize();\n  let pageWidth: number | undefined = undefined;\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body)\n      ? document.body\n      : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional width/height.\n    let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  let style = {\n    ...renderProps.style,\n    '--visual-viewport-width': viewport.width + 'px',\n    '--visual-viewport-height': viewport.height + 'px',\n    '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,\n    '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined\n  };\n\n  // Since an auto-focused input may open the OSK, we defer the reveal, as a courtesy, to avoid layout shift.\n  useLayoutEffect(() => runAfterKeyboard(() => setIsOpen(true)), []);\n\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay isExiting={props.isExiting} portalContainer={UNSTABLE_portalContainer}>\n      <dom.div\n        {...mergeProps(filterDOMProps(props, {global: true}), underlayProps)}\n        {...renderProps}\n        style={style}\n        ref={props.overlayRef}\n        data-entering={entering || undefined}\n        data-exiting={props.isExiting || undefined}>\n        <Provider\n          values={[\n            [\n              InternalModalContext,\n              {\n                modalProps,\n                modalRef,\n                isExiting: props.isExiting,\n                onExitRef: props.onExitRef,\n                isOpen,\n                isDismissable: props.isDismissable\n              }\n            ],\n            [OverlayTriggerStateContext, state],\n            [DialogContext, mergedDialogContext]\n          ]}>\n          {renderProps.children}\n        </Provider>\n      </dom.div>\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n\nfunction mergeDialogContext(\n  context: ContextValue<DialogProps, HTMLElement>,\n  props: Partial<DialogProps>\n): ContextValue<DialogProps, HTMLElement> {\n  if (context && 'slots' in context && context.slots) {\n    let slots = {};\n    for (let key in context.slots) {\n      slots[key] = {...context.slots[key], ...props};\n    }\n    return {...context, slots};\n  }\n  return {...context, ...props};\n}\n\ninterface ModalContentProps\n  extends RenderProps<ModalRenderProps>, 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-ModalContent'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  modalRef: ForwardedRef<HTMLDivElement>;\n  onEnter?: (element: HTMLElement) => void;\n  onExit?: (element: HTMLElement) => void;\n}\n\nfunction ModalContent(props: ModalContentProps) {\n  let {modalProps, modalRef, isExiting, onExitRef, isDismissable, isOpen} =\n    useContext(InternalModalContext)!;\n  let state = useContext(OverlayTriggerStateContext)!;\n  let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);\n\n  let ref = useObjectRef(mergedRefs);\n  let entering = useEnterAnimation(ref, isOpen, props.onEnter);\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Modal',\n    values: {\n      isEntering: entering,\n      isExiting,\n      state\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (onExitRef) {\n      onExitRef.current = props.onExit;\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), modalProps)}\n      {...renderProps}\n      ref={ref}\n      data-entering={entering || undefined}\n      data-exiting={isExiting || undefined}>\n      {isDismissable && <DismissButton onDismiss={state.close} />}\n      {renderProps.children}\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Modal.cjs.map"}

package/dist/private/Modal.js

@@ -1,5 +1,5 @@
 import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
-import {OverlayTriggerStateContext as $acf8e70c2f419f18$export$d2f961adcb0afbe} from "./Dialog.js";
+import {DialogContext as $acf8e70c2f419f18$export$8b93a07348a7730c, OverlayTriggerStateContext as $acf8e70c2f419f18$export$d2f961adcb0afbe} from "./Dialog.js";
 import {useModalOverlay as $auKl7$useModalOverlay} from "react-aria/useModalOverlay";
 import {Overlay as $auKl7$Overlay, DismissButton as $auKl7$DismissButton} from "react-aria/Overlay";
 import {filterDOMProps as $auKl7$filterDOMProps} from "react-aria/filterDOMProps";
@@ -7,9 +7,11 @@ import {isScrollable as $auKl7$isScrollable} from "react-aria/private/utils/isSc
 import {mergeProps as $auKl7$mergeProps} from "react-aria/mergeProps";
 import {mergeRefs as $auKl7$mergeRefs} from "react-aria/mergeRefs";
 import {useOverlayTriggerState as $auKl7$useOverlayTriggerState} from "react-stately/useOverlayTriggerState";
-import $auKl7$react, {createContext as $auKl7$createContext, forwardRef as $auKl7$forwardRef, useContext as $auKl7$useContext, useRef as $auKl7$useRef, useMemo as $auKl7$useMemo} from "react";
+import $auKl7$react, {createContext as $auKl7$createContext, forwardRef as $auKl7$forwardRef, useContext as $auKl7$useContext, useRef as $auKl7$useRef, useState as $auKl7$useState, useMemo as $auKl7$useMemo} from "react";
+import {runAfterKeyboard as $auKl7$runAfterKeyboard} from "react-aria/private/utils/runAfterKeyboard";
 import {useExitAnimation as $auKl7$useExitAnimation, useEnterAnimation as $auKl7$useEnterAnimation} from "react-aria/private/utils/animation";
 import {useIsSSR as $auKl7$useIsSSR} from "react-aria/SSRProvider";
+import {useLayoutEffect as $auKl7$useLayoutEffect} from "react-aria/private/utils/useLayoutEffect";
 import {useObjectRef as $auKl7$useObjectRef} from "react-aria/useObjectRef";
 import {useViewportSize as $auKl7$useViewportSize} from "react-aria/private/utils/useViewportSize";
 
@@ -37,10 +39,12 @@ import {useViewportSize as $auKl7$useViewportSize} from "react-aria/private/util
 
 
 
+
+
 const $46ccb41fa2c44f44$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $auKl7$createContext)(null);
-const $46ccb41fa2c44f44$var$InternalModalContext = /*#__PURE__*/ (0, $auKl7$createContext)(null);
+const $46ccb41fa2c44f44$export$6bc057cefccad9c8 = /*#__PURE__*/ (0, $auKl7$createContext)(null);
 const $46ccb41fa2c44f44$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $auKl7$forwardRef)(function Modal(props, ref) {
-    let ctx = (0, $auKl7$useContext)($46ccb41fa2c44f44$var$InternalModalContext);
+    let ctx = (0, $auKl7$useContext)($46ccb41fa2c44f44$export$6bc057cefccad9c8);
     if (ctx) {
         if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) {
             // create a list of props that are passed in but not allowed when using an external ModalOverlay
@@ -89,8 +93,12 @@ function $46ccb41fa2c44f44$var$ModalOverlayWithForwardRef(props, ref) {
     }
     let objectRef = (0, $auKl7$useObjectRef)(ref);
     let modalRef = (0, $auKl7$useRef)(null);
-    let isOverlayExiting = (0, $auKl7$useExitAnimation)(objectRef, state.isOpen);
-    let isModalExiting = (0, $auKl7$useExitAnimation)(modalRef, state.isOpen);
+    let isOverlayExiting = (0, $auKl7$useExitAnimation)(objectRef, state.isOpen, props.onExit);
+    let onExitRef = (0, $auKl7$useRef)(null);
+    let isModalExiting = (0, $auKl7$useExitAnimation)(modalRef, state.isOpen, (element)=>{
+        var _onExitRef_current;
+        return (_onExitRef_current = onExitRef.current) === null || _onExitRef_current === void 0 ? void 0 : _onExitRef_current.call(onExitRef, element);
+    });
     let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
     let isSSR = (0, $auKl7$useIsSSR)();
     if (!state.isOpen && !isExiting || isSSR) return null;
@@ -99,15 +107,26 @@ function $46ccb41fa2c44f44$var$ModalOverlayWithForwardRef(props, ref) {
         state: state,
         isExiting: isExiting,
         overlayRef: objectRef,
-        modalRef: modalRef
+        modalRef: modalRef,
+        onExitRef: onExitRef
     });
 }
 const $46ccb41fa2c44f44$export$8948f78d83984c69 = /*#__PURE__*/ (0, $auKl7$forwardRef)($46ccb41fa2c44f44$var$ModalOverlayWithForwardRef);
-function $46ccb41fa2c44f44$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }) {
+function $46ccb41fa2c44f44$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, UNSTABLE_deferUntilEntered: UNSTABLE_deferUntilEntered, ...props }) {
     let modalRef = props.modalRef;
     let { state: state } = props;
-    let { modalProps: modalProps, underlayProps: underlayProps } = (0, $auKl7$useModalOverlay)(props, state, modalRef);
-    let entering = (0, $auKl7$useEnterAnimation)(props.overlayRef) || props.isEntering || false;
+    let [isOpen, setIsOpen] = (0, $auKl7$useState)(false);
+    let entering = (0, $auKl7$useEnterAnimation)(props.overlayRef, isOpen, props.onEnter) || props.isEntering || false;
+    let isDeferred = !!UNSTABLE_deferUntilEntered && (!isOpen || entering);
+    let { modalProps: modalProps, underlayProps: underlayProps } = (0, $auKl7$useModalOverlay)({
+        ...props,
+        isEntering: isDeferred
+    }, state, modalRef);
+    // Pass the entering state to the dialog so it waits to move focus until the modal has entered.
+    let dialogContext = (0, $auKl7$useContext)((0, $acf8e70c2f419f18$export$8b93a07348a7730c));
+    let mergedDialogContext = UNSTABLE_deferUntilEntered ? $46ccb41fa2c44f44$var$mergeDialogContext(dialogContext, {
+        isEntering: isDeferred
+    }) : dialogContext;
     let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-ModalOverlay',
@@ -135,6 +154,8 @@ function $46ccb41fa2c44f44$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
         '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,
         '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined
     };
+    // Since an auto-focused input may open the OSK, we defer the reveal, as a courtesy, to avoid layout shift.
+    (0, $auKl7$useLayoutEffect)(()=>(0, $auKl7$runAfterKeyboard)(()=>setIsOpen(true)), []);
     // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, $auKl7$react).createElement((0, $auKl7$Overlay), {
         isExiting: props.isExiting,
@@ -151,31 +172,54 @@ function $46ccb41fa2c44f44$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
     }, /*#__PURE__*/ (0, $auKl7$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
         values: [
             [
-                $46ccb41fa2c44f44$var$InternalModalContext,
+                $46ccb41fa2c44f44$export$6bc057cefccad9c8,
                 {
                     modalProps: modalProps,
                     modalRef: modalRef,
                     isExiting: props.isExiting,
+                    onExitRef: props.onExitRef,
+                    isOpen: isOpen,
                     isDismissable: props.isDismissable
                 }
             ],
             [
                 (0, $acf8e70c2f419f18$export$d2f961adcb0afbe),
                 state
+            ],
+            [
+                (0, $acf8e70c2f419f18$export$8b93a07348a7730c),
+                mergedDialogContext
             ]
         ]
     }, renderProps.children)));
 // oxlint-enable react/react-compiler
 }
+function $46ccb41fa2c44f44$var$mergeDialogContext(context, props) {
+    if (context && 'slots' in context && context.slots) {
+        let slots = {};
+        for(let key in context.slots)slots[key] = {
+            ...context.slots[key],
+            ...props
+        };
+        return {
+            ...context,
+            slots: slots
+        };
+    }
+    return {
+        ...context,
+        ...props
+    };
+}
 function $46ccb41fa2c44f44$var$ModalContent(props) {
-    let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $auKl7$useContext)($46ccb41fa2c44f44$var$InternalModalContext);
+    let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, onExitRef: onExitRef, isDismissable: isDismissable, isOpen: isOpen } = (0, $auKl7$useContext)($46ccb41fa2c44f44$export$6bc057cefccad9c8);
     let state = (0, $auKl7$useContext)((0, $acf8e70c2f419f18$export$d2f961adcb0afbe));
     let mergedRefs = (0, $auKl7$useMemo)(()=>(0, $auKl7$mergeRefs)(props.modalRef, modalRef), [
         props.modalRef,
         modalRef
     ]);
     let ref = (0, $auKl7$useObjectRef)(mergedRefs);
-    let entering = (0, $auKl7$useEnterAnimation)(ref);
+    let entering = (0, $auKl7$useEnterAnimation)(ref, isOpen, props.onEnter);
     let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-Modal',
@@ -185,6 +229,9 @@ function $46ccb41fa2c44f44$var$ModalContent(props) {
             state: state
         }
     });
+    (0, $auKl7$useLayoutEffect)(()=>{
+        if (onExitRef) onExitRef.current = props.onExit;
+    });
     return /*#__PURE__*/ (0, $auKl7$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
         ...(0, $auKl7$mergeProps)((0, $auKl7$filterDOMProps)(props, {
             global: true
@@ -199,5 +246,5 @@ function $46ccb41fa2c44f44$var$ModalContent(props) {
 }
 
 
-export {$46ccb41fa2c44f44$export$ab57792b9b6974a6 as ModalContext, $46ccb41fa2c44f44$export$2b77a92f1a5ad772 as Modal, $46ccb41fa2c44f44$export$8948f78d83984c69 as ModalOverlay};
+export {$46ccb41fa2c44f44$export$ab57792b9b6974a6 as ModalContext, $46ccb41fa2c44f44$export$6bc057cefccad9c8 as InternalModalContext, $46ccb41fa2c44f44$export$2b77a92f1a5ad772 as Modal, $46ccb41fa2c44f44$export$8948f78d83984c69 as ModalOverlay};
 //# sourceMappingURL=Modal.js.map

package/dist/private/Modal.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/Modal.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 {AriaModalOverlayProps, useModalOverlay} from 'react-aria/useModalOverlay';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {DOMAttributes, forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport React, {createContext, ForwardedRef, forwardRef, useContext, useMemo, useRef} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps,\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-ModalOverlay'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Whether the modal is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the modal 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\ninterface InternalModalContextValue {\n  modalProps: DOMAttributes;\n  modalRef: RefObject<HTMLDivElement | null>;\n  isExiting: boolean;\n  isDismissable?: boolean;\n}\n\nexport const ModalContext = createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\nconst InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\nexport interface ModalRenderProps {\n  /**\n   * Whether the modal is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the modal is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the modal.\n   */\n  state: OverlayTriggerState;\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nexport const Modal = /*#__PURE__*/ (forwardRef as forwardRefType)(function Modal(\n  props: ModalOverlayProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let ctx = useContext(InternalModalContext);\n\n  if (ctx) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      // create a list of props that are passed in but not allowed when using an external ModalOverlay\n      const invalidSet = new Set([\n        'isDismissable',\n        'isKeyboardDismissDisabled',\n        'isOpen',\n        'defaultOpen',\n        'onOpenChange',\n        'isEntering',\n        'isExiting',\n        'UNSTABLE_portalContainer',\n        'shouldCloseOnInteractOutside'\n      ]);\n      const invalidProps = Object.keys(props).filter(key => invalidSet.has(key));\n      console.warn(\n        `This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`\n      );\n    }\n    return (\n      <ModalContent {...props} modalRef={ref}>\n        {props.children}\n      </ModalContent>\n    );\n  }\n\n  let {\n    isDismissable,\n    isKeyboardDismissDisabled,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    children,\n    isEntering,\n    isExiting,\n    UNSTABLE_portalContainer,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <ModalOverlay\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isEntering={isEntering}\n      isExiting={isExiting}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}>\n      <ModalContent {...otherProps} modalRef={ref}>\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n});\n\ninterface ModalOverlayInnerProps extends ModalOverlayProps {\n  overlayRef: RefObject<HTMLDivElement | null>;\n  modalRef: RefObject<HTMLDivElement | null>;\n  state: OverlayTriggerState;\n  isExiting: boolean;\n}\n\nfunction ModalOverlayWithForwardRef(props: ModalOverlayProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ModalContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  if (state === contextState) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      console.warn(\n        'This modals state is controlled by a trigger, place onOpenChange on the trigger instead.'\n      );\n    }\n  }\n\n  let objectRef = useObjectRef(ref);\n  let modalRef = useRef<HTMLDivElement>(null);\n  let isOverlayExiting = useExitAnimation(objectRef, state.isOpen);\n  let isModalExiting = useExitAnimation(modalRef, state.isOpen);\n  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n  let isSSR = useIsSSR();\n\n  if ((!state.isOpen && !isExiting) || isSSR) {\n    return null;\n  }\n\n  return (\n    <ModalOverlayInner\n      {...props}\n      state={state}\n      isExiting={isExiting}\n      overlayRef={objectRef}\n      modalRef={modalRef}\n    />\n  );\n}\n\n/**\n * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.\n */\nexport const ModalOverlay = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  ModalOverlayWithForwardRef\n);\n\nfunction ModalOverlayInner({UNSTABLE_portalContainer, ...props}: ModalOverlayInnerProps) {\n  let modalRef = props.modalRef;\n  let {state} = props;\n  let {modalProps, underlayProps} = useModalOverlay(props, state, modalRef);\n\n  let entering = useEnterAnimation(props.overlayRef) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ModalOverlay',\n    values: {\n      isEntering: entering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  let viewport = useViewportSize();\n  let pageWidth: number | undefined = undefined;\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body)\n      ? document.body\n      : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional width/height.\n    let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  let style = {\n    ...renderProps.style,\n    '--visual-viewport-width': viewport.width + 'px',\n    '--visual-viewport-height': viewport.height + 'px',\n    '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,\n    '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined\n  };\n\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay isExiting={props.isExiting} portalContainer={UNSTABLE_portalContainer}>\n      <dom.div\n        {...mergeProps(filterDOMProps(props, {global: true}), underlayProps)}\n        {...renderProps}\n        style={style}\n        ref={props.overlayRef}\n        data-entering={entering || undefined}\n        data-exiting={props.isExiting || undefined}>\n        <Provider\n          values={[\n            [\n              InternalModalContext,\n              {modalProps, modalRef, isExiting: props.isExiting, isDismissable: props.isDismissable}\n            ],\n            [OverlayTriggerStateContext, state]\n          ]}>\n          {renderProps.children}\n        </Provider>\n      </dom.div>\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n\ninterface ModalContentProps\n  extends RenderProps<ModalRenderProps>, 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-ModalContent'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  modalRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction ModalContent(props: ModalContentProps) {\n  let {modalProps, modalRef, isExiting, isDismissable} = useContext(InternalModalContext)!;\n  let state = useContext(OverlayTriggerStateContext)!;\n  let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);\n\n  let ref = useObjectRef(mergedRefs);\n  let entering = useEnterAnimation(ref);\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Modal',\n    values: {\n      isEntering: entering,\n      isExiting,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), modalProps)}\n      {...renderProps}\n      ref={ref}\n      data-entering={entering || undefined}\n      data-exiting={isExiting || undefined}>\n      {isDismissable && <DismissButton onDismiss={state.close} />}\n      {renderProps.children}\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Modal.js.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Modal.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 {AriaModalOverlayProps, useModalOverlay} from 'react-aria/useModalOverlay';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DialogContext, DialogProps, OverlayTriggerStateContext} from './Dialog';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {DOMAttributes, forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {runAfterKeyboard} from 'react-aria/private/utils/runAfterKeyboard';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps,\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-ModalOverlay'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Whether the modal is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the modal is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * Callback when the modal starts entering. Return a promise to indicate when the entry animation\n   * has completed.\n   */\n  onEnter?: (element: HTMLElement) => void | Promise<void>;\n  /**\n   * Callback when the modal starts exiting. Return a promise to indicate when the exit animation\n   * has completed.\n   */\n  onExit?: (element: HTMLElement) => void | Promise<void>;\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   * Whether to wait until the entry animation completes before hiding content outside the modal\n   * and moving focus into it.\n   *\n   * @private\n   */\n  UNSTABLE_deferUntilEntered?: boolean;\n}\n\ninterface InternalModalContextValue {\n  modalProps: DOMAttributes;\n  modalRef: RefObject<HTMLDivElement | null>;\n  isOpen: boolean;\n  isExiting: boolean;\n  isDismissable?: boolean;\n  onExitRef?: RefObject<ModalOverlayProps['onExit'] | null>;\n}\n\nexport const ModalContext = createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\nexport const InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\nexport interface ModalRenderProps {\n  /**\n   * Whether the modal is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the modal is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the modal.\n   */\n  state: OverlayTriggerState;\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nexport const Modal = /*#__PURE__*/ (forwardRef as forwardRefType)(function Modal(\n  props: ModalOverlayProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let ctx = useContext(InternalModalContext);\n\n  if (ctx) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      // create a list of props that are passed in but not allowed when using an external ModalOverlay\n      const invalidSet = new Set([\n        'isDismissable',\n        'isKeyboardDismissDisabled',\n        'isOpen',\n        'defaultOpen',\n        'onOpenChange',\n        'isEntering',\n        'isExiting',\n        'UNSTABLE_portalContainer',\n        'shouldCloseOnInteractOutside'\n      ]);\n      const invalidProps = Object.keys(props).filter(key => invalidSet.has(key));\n      console.warn(\n        `This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`\n      );\n    }\n    return (\n      <ModalContent {...props} modalRef={ref}>\n        {props.children}\n      </ModalContent>\n    );\n  }\n\n  let {\n    isDismissable,\n    isKeyboardDismissDisabled,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    children,\n    isEntering,\n    isExiting,\n    UNSTABLE_portalContainer,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <ModalOverlay\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isEntering={isEntering}\n      isExiting={isExiting}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}>\n      <ModalContent {...otherProps} modalRef={ref}>\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n});\n\ninterface ModalOverlayInnerProps extends ModalOverlayProps {\n  overlayRef: RefObject<HTMLDivElement | null>;\n  modalRef: RefObject<HTMLDivElement | null>;\n  state: OverlayTriggerState;\n  isExiting: boolean;\n  onExitRef?: RefObject<ModalOverlayProps['onExit'] | null>;\n}\n\nfunction ModalOverlayWithForwardRef(props: ModalOverlayProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ModalContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  if (state === contextState) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      console.warn(\n        'This modals state is controlled by a trigger, place onOpenChange on the trigger instead.'\n      );\n    }\n  }\n\n  let objectRef = useObjectRef(ref);\n  let modalRef = useRef<HTMLDivElement>(null);\n  let isOverlayExiting = useExitAnimation(objectRef, state.isOpen, props.onExit);\n  let onExitRef = useRef<ModalOverlayProps['onExit'] | null>(null);\n  let isModalExiting = useExitAnimation(modalRef, state.isOpen, element =>\n    onExitRef.current?.(element)\n  );\n  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n  let isSSR = useIsSSR();\n\n  if ((!state.isOpen && !isExiting) || isSSR) {\n    return null;\n  }\n\n  return (\n    <ModalOverlayInner\n      {...props}\n      state={state}\n      isExiting={isExiting}\n      overlayRef={objectRef}\n      modalRef={modalRef}\n      onExitRef={onExitRef}\n    />\n  );\n}\n\n/**\n * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.\n */\nexport const ModalOverlay = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  ModalOverlayWithForwardRef\n);\n\nfunction ModalOverlayInner({\n  UNSTABLE_portalContainer,\n  UNSTABLE_deferUntilEntered,\n  ...props\n}: ModalOverlayInnerProps) {\n  let modalRef = props.modalRef;\n  let {state} = props;\n\n  let [isOpen, setIsOpen] = useState(false);\n  let entering =\n    useEnterAnimation(props.overlayRef, isOpen, props.onEnter) || props.isEntering || false;\n  let isDeferred = !!UNSTABLE_deferUntilEntered && (!isOpen || entering);\n  let {modalProps, underlayProps} = useModalOverlay(\n    {...props, isEntering: isDeferred},\n    state,\n    modalRef\n  );\n\n  // Pass the entering state to the dialog so it waits to move focus until the modal has entered.\n  let dialogContext = useContext(DialogContext);\n  let mergedDialogContext = UNSTABLE_deferUntilEntered\n    ? mergeDialogContext(dialogContext, {isEntering: isDeferred})\n    : dialogContext;\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ModalOverlay',\n    values: {\n      isEntering: entering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  let viewport = useViewportSize();\n  let pageWidth: number | undefined = undefined;\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body)\n      ? document.body\n      : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional width/height.\n    let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  let style = {\n    ...renderProps.style,\n    '--visual-viewport-width': viewport.width + 'px',\n    '--visual-viewport-height': viewport.height + 'px',\n    '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,\n    '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined\n  };\n\n  // Since an auto-focused input may open the OSK, we defer the reveal, as a courtesy, to avoid layout shift.\n  useLayoutEffect(() => runAfterKeyboard(() => setIsOpen(true)), []);\n\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay isExiting={props.isExiting} portalContainer={UNSTABLE_portalContainer}>\n      <dom.div\n        {...mergeProps(filterDOMProps(props, {global: true}), underlayProps)}\n        {...renderProps}\n        style={style}\n        ref={props.overlayRef}\n        data-entering={entering || undefined}\n        data-exiting={props.isExiting || undefined}>\n        <Provider\n          values={[\n            [\n              InternalModalContext,\n              {\n                modalProps,\n                modalRef,\n                isExiting: props.isExiting,\n                onExitRef: props.onExitRef,\n                isOpen,\n                isDismissable: props.isDismissable\n              }\n            ],\n            [OverlayTriggerStateContext, state],\n            [DialogContext, mergedDialogContext]\n          ]}>\n          {renderProps.children}\n        </Provider>\n      </dom.div>\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n\nfunction mergeDialogContext(\n  context: ContextValue<DialogProps, HTMLElement>,\n  props: Partial<DialogProps>\n): ContextValue<DialogProps, HTMLElement> {\n  if (context && 'slots' in context && context.slots) {\n    let slots = {};\n    for (let key in context.slots) {\n      slots[key] = {...context.slots[key], ...props};\n    }\n    return {...context, slots};\n  }\n  return {...context, ...props};\n}\n\ninterface ModalContentProps\n  extends RenderProps<ModalRenderProps>, 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-ModalContent'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  modalRef: ForwardedRef<HTMLDivElement>;\n  onEnter?: (element: HTMLElement) => void;\n  onExit?: (element: HTMLElement) => void;\n}\n\nfunction ModalContent(props: ModalContentProps) {\n  let {modalProps, modalRef, isExiting, onExitRef, isDismissable, isOpen} =\n    useContext(InternalModalContext)!;\n  let state = useContext(OverlayTriggerStateContext)!;\n  let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);\n\n  let ref = useObjectRef(mergedRefs);\n  let entering = useEnterAnimation(ref, isOpen, props.onEnter);\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Modal',\n    values: {\n      isEntering: entering,\n      isExiting,\n      state\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (onExitRef) {\n      onExitRef.current = props.onExit;\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), modalProps)}\n      {...renderProps}\n      ref={ref}\n      data-entering={entering || undefined}\n      data-exiting={isExiting || undefined}>\n      {isDismissable && <DismissButton onDismiss={state.close} />}\n      {renderProps.children}\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Modal.js.map"}

package/dist/private/Modal.mjs

@@ -1,5 +1,5 @@
 import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
-import {OverlayTriggerStateContext as $f2ff30fde7b014be$export$d2f961adcb0afbe} from "./Dialog.mjs";
+import {DialogContext as $f2ff30fde7b014be$export$8b93a07348a7730c, OverlayTriggerStateContext as $f2ff30fde7b014be$export$d2f961adcb0afbe} from "./Dialog.mjs";
 import {useModalOverlay as $gJBoF$useModalOverlay} from "react-aria/useModalOverlay";
 import {Overlay as $gJBoF$Overlay, DismissButton as $gJBoF$DismissButton} from "react-aria/Overlay";
 import {filterDOMProps as $gJBoF$filterDOMProps} from "react-aria/filterDOMProps";
@@ -7,9 +7,11 @@ import {isScrollable as $gJBoF$isScrollable} from "react-aria/private/utils/isSc
 import {mergeProps as $gJBoF$mergeProps} from "react-aria/mergeProps";
 import {mergeRefs as $gJBoF$mergeRefs} from "react-aria/mergeRefs";
 import {useOverlayTriggerState as $gJBoF$useOverlayTriggerState} from "react-stately/useOverlayTriggerState";
-import $gJBoF$react, {createContext as $gJBoF$createContext, forwardRef as $gJBoF$forwardRef, useContext as $gJBoF$useContext, useRef as $gJBoF$useRef, useMemo as $gJBoF$useMemo} from "react";
+import $gJBoF$react, {createContext as $gJBoF$createContext, forwardRef as $gJBoF$forwardRef, useContext as $gJBoF$useContext, useRef as $gJBoF$useRef, useState as $gJBoF$useState, useMemo as $gJBoF$useMemo} from "react";
+import {runAfterKeyboard as $gJBoF$runAfterKeyboard} from "react-aria/private/utils/runAfterKeyboard";
 import {useExitAnimation as $gJBoF$useExitAnimation, useEnterAnimation as $gJBoF$useEnterAnimation} from "react-aria/private/utils/animation";
 import {useIsSSR as $gJBoF$useIsSSR} from "react-aria/SSRProvider";
+import {useLayoutEffect as $gJBoF$useLayoutEffect} from "react-aria/private/utils/useLayoutEffect";
 import {useObjectRef as $gJBoF$useObjectRef} from "react-aria/useObjectRef";
 import {useViewportSize as $gJBoF$useViewportSize} from "react-aria/private/utils/useViewportSize";
 
@@ -37,10 +39,12 @@ import {useViewportSize as $gJBoF$useViewportSize} from "react-aria/private/util
 
 
 
+
+
 const $8b8d26808cb8cb53$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $gJBoF$createContext)(null);
-const $8b8d26808cb8cb53$var$InternalModalContext = /*#__PURE__*/ (0, $gJBoF$createContext)(null);
+const $8b8d26808cb8cb53$export$6bc057cefccad9c8 = /*#__PURE__*/ (0, $gJBoF$createContext)(null);
 const $8b8d26808cb8cb53$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $gJBoF$forwardRef)(function Modal(props, ref) {
-    let ctx = (0, $gJBoF$useContext)($8b8d26808cb8cb53$var$InternalModalContext);
+    let ctx = (0, $gJBoF$useContext)($8b8d26808cb8cb53$export$6bc057cefccad9c8);
     if (ctx) {
         if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) {
             // create a list of props that are passed in but not allowed when using an external ModalOverlay
@@ -89,8 +93,9 @@ function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
     }
     let objectRef = (0, $gJBoF$useObjectRef)(ref);
     let modalRef = (0, $gJBoF$useRef)(null);
-    let isOverlayExiting = (0, $gJBoF$useExitAnimation)(objectRef, state.isOpen);
-    let isModalExiting = (0, $gJBoF$useExitAnimation)(modalRef, state.isOpen);
+    let isOverlayExiting = (0, $gJBoF$useExitAnimation)(objectRef, state.isOpen, props.onExit);
+    let onExitRef = (0, $gJBoF$useRef)(null);
+    let isModalExiting = (0, $gJBoF$useExitAnimation)(modalRef, state.isOpen, (element)=>onExitRef.current?.(element));
     let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
     let isSSR = (0, $gJBoF$useIsSSR)();
     if (!state.isOpen && !isExiting || isSSR) return null;
@@ -99,15 +104,26 @@ function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
         state: state,
         isExiting: isExiting,
         overlayRef: objectRef,
-        modalRef: modalRef
+        modalRef: modalRef,
+        onExitRef: onExitRef
     });
 }
 const $8b8d26808cb8cb53$export$8948f78d83984c69 = /*#__PURE__*/ (0, $gJBoF$forwardRef)($8b8d26808cb8cb53$var$ModalOverlayWithForwardRef);
-function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }) {
+function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, UNSTABLE_deferUntilEntered: UNSTABLE_deferUntilEntered, ...props }) {
     let modalRef = props.modalRef;
     let { state: state } = props;
-    let { modalProps: modalProps, underlayProps: underlayProps } = (0, $gJBoF$useModalOverlay)(props, state, modalRef);
-    let entering = (0, $gJBoF$useEnterAnimation)(props.overlayRef) || props.isEntering || false;
+    let [isOpen, setIsOpen] = (0, $gJBoF$useState)(false);
+    let entering = (0, $gJBoF$useEnterAnimation)(props.overlayRef, isOpen, props.onEnter) || props.isEntering || false;
+    let isDeferred = !!UNSTABLE_deferUntilEntered && (!isOpen || entering);
+    let { modalProps: modalProps, underlayProps: underlayProps } = (0, $gJBoF$useModalOverlay)({
+        ...props,
+        isEntering: isDeferred
+    }, state, modalRef);
+    // Pass the entering state to the dialog so it waits to move focus until the modal has entered.
+    let dialogContext = (0, $gJBoF$useContext)((0, $f2ff30fde7b014be$export$8b93a07348a7730c));
+    let mergedDialogContext = UNSTABLE_deferUntilEntered ? $8b8d26808cb8cb53$var$mergeDialogContext(dialogContext, {
+        isEntering: isDeferred
+    }) : dialogContext;
     let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-ModalOverlay',
@@ -135,6 +151,8 @@ function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
         '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,
         '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined
     };
+    // Since an auto-focused input may open the OSK, we defer the reveal, as a courtesy, to avoid layout shift.
+    (0, $gJBoF$useLayoutEffect)(()=>(0, $gJBoF$runAfterKeyboard)(()=>setIsOpen(true)), []);
     // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $gJBoF$Overlay), {
         isExiting: props.isExiting,
@@ -151,31 +169,54 @@ function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
     }, /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {
         values: [
             [
-                $8b8d26808cb8cb53$var$InternalModalContext,
+                $8b8d26808cb8cb53$export$6bc057cefccad9c8,
                 {
                     modalProps: modalProps,
                     modalRef: modalRef,
                     isExiting: props.isExiting,
+                    onExitRef: props.onExitRef,
+                    isOpen: isOpen,
                     isDismissable: props.isDismissable
                 }
             ],
             [
                 (0, $f2ff30fde7b014be$export$d2f961adcb0afbe),
                 state
+            ],
+            [
+                (0, $f2ff30fde7b014be$export$8b93a07348a7730c),
+                mergedDialogContext
             ]
         ]
     }, renderProps.children)));
 // oxlint-enable react/react-compiler
 }
+function $8b8d26808cb8cb53$var$mergeDialogContext(context, props) {
+    if (context && 'slots' in context && context.slots) {
+        let slots = {};
+        for(let key in context.slots)slots[key] = {
+            ...context.slots[key],
+            ...props
+        };
+        return {
+            ...context,
+            slots: slots
+        };
+    }
+    return {
+        ...context,
+        ...props
+    };
+}
 function $8b8d26808cb8cb53$var$ModalContent(props) {
-    let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $gJBoF$useContext)($8b8d26808cb8cb53$var$InternalModalContext);
+    let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, onExitRef: onExitRef, isDismissable: isDismissable, isOpen: isOpen } = (0, $gJBoF$useContext)($8b8d26808cb8cb53$export$6bc057cefccad9c8);
     let state = (0, $gJBoF$useContext)((0, $f2ff30fde7b014be$export$d2f961adcb0afbe));
     let mergedRefs = (0, $gJBoF$useMemo)(()=>(0, $gJBoF$mergeRefs)(props.modalRef, modalRef), [
         props.modalRef,
         modalRef
     ]);
     let ref = (0, $gJBoF$useObjectRef)(mergedRefs);
-    let entering = (0, $gJBoF$useEnterAnimation)(ref);
+    let entering = (0, $gJBoF$useEnterAnimation)(ref, isOpen, props.onEnter);
     let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-Modal',
@@ -185,6 +226,9 @@ function $8b8d26808cb8cb53$var$ModalContent(props) {
             state: state
         }
     });
+    (0, $gJBoF$useLayoutEffect)(()=>{
+        if (onExitRef) onExitRef.current = props.onExit;
+    });
     return /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
         ...(0, $gJBoF$mergeProps)((0, $gJBoF$filterDOMProps)(props, {
             global: true
@@ -199,5 +243,5 @@ function $8b8d26808cb8cb53$var$ModalContent(props) {
 }
 
 
-export {$8b8d26808cb8cb53$export$ab57792b9b6974a6 as ModalContext, $8b8d26808cb8cb53$export$2b77a92f1a5ad772 as Modal, $8b8d26808cb8cb53$export$8948f78d83984c69 as ModalOverlay};
+export {$8b8d26808cb8cb53$export$ab57792b9b6974a6 as ModalContext, $8b8d26808cb8cb53$export$6bc057cefccad9c8 as InternalModalContext, $8b8d26808cb8cb53$export$2b77a92f1a5ad772 as Modal, $8b8d26808cb8cb53$export$8948f78d83984c69 as ModalOverlay};
 //# sourceMappingURL=Modal.mjs.map

package/dist/private/Modal.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/Modal.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 {AriaModalOverlayProps, useModalOverlay} from 'react-aria/useModalOverlay';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {DOMAttributes, forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport React, {createContext, ForwardedRef, forwardRef, useContext, useMemo, useRef} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps,\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-ModalOverlay'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Whether the modal is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the modal 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\ninterface InternalModalContextValue {\n  modalProps: DOMAttributes;\n  modalRef: RefObject<HTMLDivElement | null>;\n  isExiting: boolean;\n  isDismissable?: boolean;\n}\n\nexport const ModalContext = createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\nconst InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\nexport interface ModalRenderProps {\n  /**\n   * Whether the modal is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the modal is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the modal.\n   */\n  state: OverlayTriggerState;\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nexport const Modal = /*#__PURE__*/ (forwardRef as forwardRefType)(function Modal(\n  props: ModalOverlayProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let ctx = useContext(InternalModalContext);\n\n  if (ctx) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      // create a list of props that are passed in but not allowed when using an external ModalOverlay\n      const invalidSet = new Set([\n        'isDismissable',\n        'isKeyboardDismissDisabled',\n        'isOpen',\n        'defaultOpen',\n        'onOpenChange',\n        'isEntering',\n        'isExiting',\n        'UNSTABLE_portalContainer',\n        'shouldCloseOnInteractOutside'\n      ]);\n      const invalidProps = Object.keys(props).filter(key => invalidSet.has(key));\n      console.warn(\n        `This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`\n      );\n    }\n    return (\n      <ModalContent {...props} modalRef={ref}>\n        {props.children}\n      </ModalContent>\n    );\n  }\n\n  let {\n    isDismissable,\n    isKeyboardDismissDisabled,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    children,\n    isEntering,\n    isExiting,\n    UNSTABLE_portalContainer,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <ModalOverlay\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isEntering={isEntering}\n      isExiting={isExiting}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}>\n      <ModalContent {...otherProps} modalRef={ref}>\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n});\n\ninterface ModalOverlayInnerProps extends ModalOverlayProps {\n  overlayRef: RefObject<HTMLDivElement | null>;\n  modalRef: RefObject<HTMLDivElement | null>;\n  state: OverlayTriggerState;\n  isExiting: boolean;\n}\n\nfunction ModalOverlayWithForwardRef(props: ModalOverlayProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ModalContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  if (state === contextState) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      console.warn(\n        'This modals state is controlled by a trigger, place onOpenChange on the trigger instead.'\n      );\n    }\n  }\n\n  let objectRef = useObjectRef(ref);\n  let modalRef = useRef<HTMLDivElement>(null);\n  let isOverlayExiting = useExitAnimation(objectRef, state.isOpen);\n  let isModalExiting = useExitAnimation(modalRef, state.isOpen);\n  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n  let isSSR = useIsSSR();\n\n  if ((!state.isOpen && !isExiting) || isSSR) {\n    return null;\n  }\n\n  return (\n    <ModalOverlayInner\n      {...props}\n      state={state}\n      isExiting={isExiting}\n      overlayRef={objectRef}\n      modalRef={modalRef}\n    />\n  );\n}\n\n/**\n * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.\n */\nexport const ModalOverlay = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  ModalOverlayWithForwardRef\n);\n\nfunction ModalOverlayInner({UNSTABLE_portalContainer, ...props}: ModalOverlayInnerProps) {\n  let modalRef = props.modalRef;\n  let {state} = props;\n  let {modalProps, underlayProps} = useModalOverlay(props, state, modalRef);\n\n  let entering = useEnterAnimation(props.overlayRef) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ModalOverlay',\n    values: {\n      isEntering: entering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  let viewport = useViewportSize();\n  let pageWidth: number | undefined = undefined;\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body)\n      ? document.body\n      : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional width/height.\n    let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  let style = {\n    ...renderProps.style,\n    '--visual-viewport-width': viewport.width + 'px',\n    '--visual-viewport-height': viewport.height + 'px',\n    '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,\n    '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined\n  };\n\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay isExiting={props.isExiting} portalContainer={UNSTABLE_portalContainer}>\n      <dom.div\n        {...mergeProps(filterDOMProps(props, {global: true}), underlayProps)}\n        {...renderProps}\n        style={style}\n        ref={props.overlayRef}\n        data-entering={entering || undefined}\n        data-exiting={props.isExiting || undefined}>\n        <Provider\n          values={[\n            [\n              InternalModalContext,\n              {modalProps, modalRef, isExiting: props.isExiting, isDismissable: props.isDismissable}\n            ],\n            [OverlayTriggerStateContext, state]\n          ]}>\n          {renderProps.children}\n        </Provider>\n      </dom.div>\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n\ninterface ModalContentProps\n  extends RenderProps<ModalRenderProps>, 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-ModalContent'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  modalRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction ModalContent(props: ModalContentProps) {\n  let {modalProps, modalRef, isExiting, isDismissable} = useContext(InternalModalContext)!;\n  let state = useContext(OverlayTriggerStateContext)!;\n  let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);\n\n  let ref = useObjectRef(mergedRefs);\n  let entering = useEnterAnimation(ref);\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Modal',\n    values: {\n      isEntering: entering,\n      isExiting,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), modalProps)}\n      {...renderProps}\n      ref={ref}\n      data-entering={entering || undefined}\n      data-exiting={isExiting || undefined}>\n      {isDismissable && <DismissButton onDismiss={state.close} />}\n      {renderProps.children}\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Modal.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Modal.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 {AriaModalOverlayProps, useModalOverlay} from 'react-aria/useModalOverlay';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DialogContext, DialogProps, OverlayTriggerStateContext} from './Dialog';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {DOMAttributes, forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {runAfterKeyboard} from 'react-aria/private/utils/runAfterKeyboard';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps,\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-ModalOverlay'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Whether the modal is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the modal is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * Callback when the modal starts entering. Return a promise to indicate when the entry animation\n   * has completed.\n   */\n  onEnter?: (element: HTMLElement) => void | Promise<void>;\n  /**\n   * Callback when the modal starts exiting. Return a promise to indicate when the exit animation\n   * has completed.\n   */\n  onExit?: (element: HTMLElement) => void | Promise<void>;\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   * Whether to wait until the entry animation completes before hiding content outside the modal\n   * and moving focus into it.\n   *\n   * @private\n   */\n  UNSTABLE_deferUntilEntered?: boolean;\n}\n\ninterface InternalModalContextValue {\n  modalProps: DOMAttributes;\n  modalRef: RefObject<HTMLDivElement | null>;\n  isOpen: boolean;\n  isExiting: boolean;\n  isDismissable?: boolean;\n  onExitRef?: RefObject<ModalOverlayProps['onExit'] | null>;\n}\n\nexport const ModalContext = createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\nexport const InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\nexport interface ModalRenderProps {\n  /**\n   * Whether the modal is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the modal is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the modal.\n   */\n  state: OverlayTriggerState;\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nexport const Modal = /*#__PURE__*/ (forwardRef as forwardRefType)(function Modal(\n  props: ModalOverlayProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let ctx = useContext(InternalModalContext);\n\n  if (ctx) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      // create a list of props that are passed in but not allowed when using an external ModalOverlay\n      const invalidSet = new Set([\n        'isDismissable',\n        'isKeyboardDismissDisabled',\n        'isOpen',\n        'defaultOpen',\n        'onOpenChange',\n        'isEntering',\n        'isExiting',\n        'UNSTABLE_portalContainer',\n        'shouldCloseOnInteractOutside'\n      ]);\n      const invalidProps = Object.keys(props).filter(key => invalidSet.has(key));\n      console.warn(\n        `This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`\n      );\n    }\n    return (\n      <ModalContent {...props} modalRef={ref}>\n        {props.children}\n      </ModalContent>\n    );\n  }\n\n  let {\n    isDismissable,\n    isKeyboardDismissDisabled,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    children,\n    isEntering,\n    isExiting,\n    UNSTABLE_portalContainer,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <ModalOverlay\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isEntering={isEntering}\n      isExiting={isExiting}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}>\n      <ModalContent {...otherProps} modalRef={ref}>\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n});\n\ninterface ModalOverlayInnerProps extends ModalOverlayProps {\n  overlayRef: RefObject<HTMLDivElement | null>;\n  modalRef: RefObject<HTMLDivElement | null>;\n  state: OverlayTriggerState;\n  isExiting: boolean;\n  onExitRef?: RefObject<ModalOverlayProps['onExit'] | null>;\n}\n\nfunction ModalOverlayWithForwardRef(props: ModalOverlayProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ModalContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  if (state === contextState) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      console.warn(\n        'This modals state is controlled by a trigger, place onOpenChange on the trigger instead.'\n      );\n    }\n  }\n\n  let objectRef = useObjectRef(ref);\n  let modalRef = useRef<HTMLDivElement>(null);\n  let isOverlayExiting = useExitAnimation(objectRef, state.isOpen, props.onExit);\n  let onExitRef = useRef<ModalOverlayProps['onExit'] | null>(null);\n  let isModalExiting = useExitAnimation(modalRef, state.isOpen, element =>\n    onExitRef.current?.(element)\n  );\n  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n  let isSSR = useIsSSR();\n\n  if ((!state.isOpen && !isExiting) || isSSR) {\n    return null;\n  }\n\n  return (\n    <ModalOverlayInner\n      {...props}\n      state={state}\n      isExiting={isExiting}\n      overlayRef={objectRef}\n      modalRef={modalRef}\n      onExitRef={onExitRef}\n    />\n  );\n}\n\n/**\n * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.\n */\nexport const ModalOverlay = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  ModalOverlayWithForwardRef\n);\n\nfunction ModalOverlayInner({\n  UNSTABLE_portalContainer,\n  UNSTABLE_deferUntilEntered,\n  ...props\n}: ModalOverlayInnerProps) {\n  let modalRef = props.modalRef;\n  let {state} = props;\n\n  let [isOpen, setIsOpen] = useState(false);\n  let entering =\n    useEnterAnimation(props.overlayRef, isOpen, props.onEnter) || props.isEntering || false;\n  let isDeferred = !!UNSTABLE_deferUntilEntered && (!isOpen || entering);\n  let {modalProps, underlayProps} = useModalOverlay(\n    {...props, isEntering: isDeferred},\n    state,\n    modalRef\n  );\n\n  // Pass the entering state to the dialog so it waits to move focus until the modal has entered.\n  let dialogContext = useContext(DialogContext);\n  let mergedDialogContext = UNSTABLE_deferUntilEntered\n    ? mergeDialogContext(dialogContext, {isEntering: isDeferred})\n    : dialogContext;\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ModalOverlay',\n    values: {\n      isEntering: entering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  let viewport = useViewportSize();\n  let pageWidth: number | undefined = undefined;\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body)\n      ? document.body\n      : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional width/height.\n    let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  let style = {\n    ...renderProps.style,\n    '--visual-viewport-width': viewport.width + 'px',\n    '--visual-viewport-height': viewport.height + 'px',\n    '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,\n    '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined\n  };\n\n  // Since an auto-focused input may open the OSK, we defer the reveal, as a courtesy, to avoid layout shift.\n  useLayoutEffect(() => runAfterKeyboard(() => setIsOpen(true)), []);\n\n  // oxlint-disable react/react-compiler\n  return (\n    <Overlay isExiting={props.isExiting} portalContainer={UNSTABLE_portalContainer}>\n      <dom.div\n        {...mergeProps(filterDOMProps(props, {global: true}), underlayProps)}\n        {...renderProps}\n        style={style}\n        ref={props.overlayRef}\n        data-entering={entering || undefined}\n        data-exiting={props.isExiting || undefined}>\n        <Provider\n          values={[\n            [\n              InternalModalContext,\n              {\n                modalProps,\n                modalRef,\n                isExiting: props.isExiting,\n                onExitRef: props.onExitRef,\n                isOpen,\n                isDismissable: props.isDismissable\n              }\n            ],\n            [OverlayTriggerStateContext, state],\n            [DialogContext, mergedDialogContext]\n          ]}>\n          {renderProps.children}\n        </Provider>\n      </dom.div>\n    </Overlay>\n  );\n  // oxlint-enable react/react-compiler\n}\n\nfunction mergeDialogContext(\n  context: ContextValue<DialogProps, HTMLElement>,\n  props: Partial<DialogProps>\n): ContextValue<DialogProps, HTMLElement> {\n  if (context && 'slots' in context && context.slots) {\n    let slots = {};\n    for (let key in context.slots) {\n      slots[key] = {...context.slots[key], ...props};\n    }\n    return {...context, slots};\n  }\n  return {...context, ...props};\n}\n\ninterface ModalContentProps\n  extends RenderProps<ModalRenderProps>, 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-ModalContent'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  modalRef: ForwardedRef<HTMLDivElement>;\n  onEnter?: (element: HTMLElement) => void;\n  onExit?: (element: HTMLElement) => void;\n}\n\nfunction ModalContent(props: ModalContentProps) {\n  let {modalProps, modalRef, isExiting, onExitRef, isDismissable, isOpen} =\n    useContext(InternalModalContext)!;\n  let state = useContext(OverlayTriggerStateContext)!;\n  let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);\n\n  let ref = useObjectRef(mergedRefs);\n  let entering = useEnterAnimation(ref, isOpen, props.onEnter);\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Modal',\n    values: {\n      isEntering: entering,\n      isExiting,\n      state\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (onExitRef) {\n      onExitRef.current = props.onExit;\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), modalProps)}\n      {...renderProps}\n      ref={ref}\n      data-entering={entering || undefined}\n      data-exiting={isExiting || undefined}>\n      {isDismissable && <DismissButton onDismiss={state.close} />}\n      {renderProps.children}\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Modal.mjs.map"}