@depup/react-aria-components 1.19.0-depup.27 → 1.21.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  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}\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';\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"}

package/dist/private/Modal.js

@@ -135,6 +135,7 @@ function $46ccb41fa2c44f44$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
         '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,
         '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined
     };
+    // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, $auKl7$react).createElement((0, $auKl7$Overlay), {
         isExiting: props.isExiting,
         portalContainer: UNSTABLE_portalContainer
@@ -164,6 +165,7 @@ function $46ccb41fa2c44f44$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
             ]
         ]
     }, renderProps.children)));
+// oxlint-enable react/react-compiler
 }
 function $46ccb41fa2c44f44$var$ModalContent(props) {
     let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $auKl7$useContext)($46ccb41fa2c44f44$var$InternalModalContext);

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  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}\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';\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"}

package/dist/private/Modal.mjs

@@ -135,6 +135,7 @@ function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
         '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,
         '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined
     };
+    // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $gJBoF$Overlay), {
         isExiting: props.isExiting,
         portalContainer: UNSTABLE_portalContainer
@@ -164,6 +165,7 @@ function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
             ]
         ]
     }, renderProps.children)));
+// oxlint-enable react/react-compiler
 }
 function $8b8d26808cb8cb53$var$ModalContent(props) {
     let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $gJBoF$useContext)($8b8d26808cb8cb53$var$InternalModalContext);

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  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}\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';\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"}

package/dist/private/NavigationTree.cjs

@@ -0,0 +1,272 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $993df839da838aaa$exports = require("./Link.cjs");
+var $8b1888e80597ea2d$exports = require("./Tree.cjs");
+var $38I3X$reactariaprivateutilsgetScrollParent = require("react-aria/private/utils/getScrollParent");
+var $38I3X$reactariaprivateutilsshadowdomDOMFunctions = require("react-aria/private/utils/shadowdom/DOMFunctions");
+var $38I3X$react = require("react");
+var $38I3X$reactariaprivateutilsscrollIntoView = require("react-aria/private/utils/scrollIntoView");
+var $38I3X$reactariauseObjectRef = require("react-aria/useObjectRef");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "NavigationTreeContext", function () { return $afbb4be38057f532$export$8e343761409a7fb5; });
+$parcel$export(module.exports, "NavigationTreeItemStateContext", function () { return $afbb4be38057f532$export$b9f1b2079cbb81f1; });
+$parcel$export(module.exports, "NavigationTree", function () { return $afbb4be38057f532$export$6e5dd080808827ae; });
+$parcel$export(module.exports, "NavigationTreeItem", function () { return $afbb4be38057f532$export$4040580f267549f5; });
+$parcel$export(module.exports, "NavigationTreeItemContent", function () { return $afbb4be38057f532$export$e83a20cfc1acabb9; });
+$parcel$export(module.exports, "NavigationTreeSection", function () { return $afbb4be38057f532$export$ab0c034528c794e5; });
+$parcel$export(module.exports, "NavigationTreeHeader", function () { return $afbb4be38057f532$export$ad4480f0a22f5045; });
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+const $afbb4be38057f532$export$8e343761409a7fb5 = /*#__PURE__*/ (0, $38I3X$react.createContext)(null);
+const $afbb4be38057f532$var$InternalNavigationTreeContext = /*#__PURE__*/ (0, $38I3X$react.createContext)({});
+const $afbb4be38057f532$var$NavigationTreeItemLinkContext = /*#__PURE__*/ (0, $38I3X$react.createContext)({});
+const $afbb4be38057f532$export$b9f1b2079cbb81f1 = /*#__PURE__*/ (0, $38I3X$react.createContext)({
+    isCurrentAncestor: false
+});
+const $afbb4be38057f532$export$6e5dd080808827ae = /*#__PURE__*/ (0, $38I3X$react.forwardRef)(function NavigationTree(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $afbb4be38057f532$export$8e343761409a7fb5);
+    let { className: className, style: style, children: children, selectedRoute: selectedRoute, ...rest } = props;
+    let syncedRouteRef = (0, $38I3X$react.useRef)(undefined);
+    let treeRef = (0, $38I3X$reactariauseObjectRef.useObjectRef)(ref);
+    let context = (0, $38I3X$react.useMemo)(()=>({
+            selectedRoute: selectedRoute,
+            syncedRouteRef: syncedRouteRef,
+            treeRef: treeRef
+        }), [
+        selectedRoute,
+        treeRef
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement($afbb4be38057f532$var$InternalNavigationTreeContext.Provider, {
+        value: context
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement((0, $8b1888e80597ea2d$exports.Tree), {
+        ...rest,
+        ref: treeRef,
+        className: className ?? 'react-aria-NavigationTree',
+        style: style,
+        selectionMode: "none",
+        keyboardNavigationBehavior: "tab"
+    }, children));
+});
+const $afbb4be38057f532$export$4040580f267549f5 = /*#__PURE__*/ (0, $38I3X$react.forwardRef)(function NavigationTreeItem(props, ref) {
+    let { href: href, hrefLang: hrefLang, target: target, rel: rel, download: download, ping: ping, referrerPolicy: referrerPolicy, routerOptions: routerOptions, className: className, style: style, render: render, ...rest } = props;
+    let { selectedRoute: selectedRoute, treeRef: treeRef } = (0, $38I3X$react.useContext)($afbb4be38057f532$var$InternalNavigationTreeContext);
+    let hasLink = href != null && href.length > 0;
+    let isCurrent = hasLink && href === selectedRoute;
+    let [isLinkFocused, setLinkFocused] = (0, $38I3X$react.useState)(false);
+    // Additional render props NavigationTreeItem adds to what TreeItem already provides.
+    let getItemRenderProps = (renderProps)=>({
+            ...renderProps,
+            isCurrent: isCurrent,
+            isCurrentAncestor: $afbb4be38057f532$var$hasSelectedDescendant(renderProps.id, renderProps.state, selectedRoute),
+            isFocusVisible: renderProps.isFocusVisible || renderProps.isFocusVisibleWithin && isLinkFocused
+        });
+    let objRef = (0, $38I3X$reactariauseObjectRef.useObjectRef)(ref);
+    (0, $38I3X$react.useEffect)(()=>{
+        if (isCurrent && objRef.current) {
+            let scrollParent = (0, $38I3X$reactariaprivateutilsgetScrollParent.getScrollParent)(objRef.current, true);
+            // Only scroll the tree's own scroll container into view — never an outer ancestor such as the
+            // page. When the tree isn't its own scroll container the nearest scroll parent is outside the
+            // tree, so we skip rather than hijack the surrounding scroll position.
+            let treeRoot = treeRef?.current;
+            if (treeRoot && (0, $38I3X$reactariaprivateutilsshadowdomDOMFunctions.nodeContains)(treeRoot, scrollParent)) (0, $38I3X$reactariaprivateutilsscrollIntoView.scrollIntoView)(scrollParent, objRef.current, {
+                block: 'center'
+            });
+        }
+    }, [
+        isCurrent,
+        objRef,
+        treeRef
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement($afbb4be38057f532$var$NavigationTreeItemLinkContext.Provider, {
+        value: {
+            href: href,
+            hrefLang: hrefLang,
+            target: target,
+            rel: rel,
+            download: download,
+            ping: ping,
+            referrerPolicy: referrerPolicy,
+            routerOptions: routerOptions,
+            isCurrent: isCurrent,
+            isLinkFocused: isLinkFocused,
+            setLinkFocused: setLinkFocused
+        }
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement((0, $8b1888e80597ea2d$exports.TreeItem), {
+        ...rest,
+        ref: objRef,
+        href: href,
+        focusMode: hasLink ? 'child' : undefined,
+        allowsArrowNavigation: true,
+        "data-current": isCurrent || undefined,
+        className: typeof className === 'function' ? (renderProps)=>className(getItemRenderProps(renderProps)) : className ?? 'react-aria-NavigationTreeItem',
+        style: typeof style === 'function' ? (renderProps)=>style(getItemRenderProps(renderProps)) : style,
+        render: (domProps, renderProps)=>{
+            let values = getItemRenderProps(renderProps);
+            let { children: rowChildren, ...domRest } = domProps;
+            let dataProps = {
+                'data-focus-visible': values.isFocusVisible || undefined,
+                'data-current-ancestor': values.isCurrentAncestor || undefined
+            };
+            let content = /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement($afbb4be38057f532$export$b9f1b2079cbb81f1.Provider, {
+                value: {
+                    isCurrentAncestor: values.isCurrentAncestor
+                }
+            }, rowChildren);
+            return typeof render === 'function' ? render({
+                ...domRest,
+                ...dataProps,
+                children: content
+            }, values) : /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+                ...domRest,
+                ...dataProps
+            }, content);
+        }
+    }));
+});
+// The collection key of the item whose href matches `route`, or null.
+function $afbb4be38057f532$var$findKeyForRoute(collection, route) {
+    for (let key of collection.getKeys()){
+        if (collection.getItem(key)?.props?.href === route) return key;
+    }
+    return null;
+}
+// Walks up from `key` to the closest ancestor that is actually rendered (all ancestors expanded).
+// Returns `key` unchanged when already visible. A collapsed ancestor hides everything beneath it,
+// so the highest collapsed ancestor is the closest visible row.
+function $afbb4be38057f532$var$closestVisibleKey(collection, expandedKeys, key) {
+    let target = key;
+    let node = collection.getItem(key);
+    while(node?.parentKey != null){
+        let parent = collection.getItem(node.parentKey);
+        if (parent?.type === 'item' && !expandedKeys.has(node.parentKey)) target = node.parentKey;
+        node = parent;
+    }
+    return target;
+}
+// Moves the tree's focused key to the item matching selectedRoute. Runs when the route or the
+// collection changes; the shared syncedRouteRef dedupes across items so it fires once per change.
+function $afbb4be38057f532$var$useRouteFocusSync({ state: state }) {
+    let { selectedRoute: selectedRoute, syncedRouteRef: syncedRouteRef } = (0, $38I3X$react.useContext)($afbb4be38057f532$var$InternalNavigationTreeContext);
+    let { collection: collection, selectionManager: selectionManager, expandedKeys: expandedKeys } = state;
+    (0, $38I3X$react.useEffect)(()=>{
+        if (selectedRoute == null || syncedRouteRef == null || syncedRouteRef.current === selectedRoute) return;
+        let key = $afbb4be38057f532$var$findKeyForRoute(collection, selectedRoute);
+        if (key != null) {
+            key = $afbb4be38057f532$var$closestVisibleKey(collection, expandedKeys, key);
+            syncedRouteRef.current = selectedRoute;
+            selectionManager.setFocusedKey(key);
+        }
+    }, [
+        selectedRoute,
+        collection,
+        expandedKeys,
+        syncedRouteRef,
+        selectionManager
+    ]);
+}
+// Cache so each row doesn't have to walk up the tree every time.
+let $afbb4be38057f532$var$selectedAncestorsCache = new WeakMap();
+// The set of collection keys that are ancestors of the item matching `selectedRoute`.
+function $afbb4be38057f532$var$getSelectedAncestors(state, selectedRoute) {
+    let { collection: collection } = state;
+    let cached = $afbb4be38057f532$var$selectedAncestorsCache.get(collection);
+    if (cached && cached.selection === selectedRoute) return cached.ancestors;
+    let matchKey = $afbb4be38057f532$var$findKeyForRoute(collection, selectedRoute);
+    let ancestors = new Set();
+    let node = matchKey != null ? collection.getItem(matchKey) : null;
+    while(node?.parentKey != null && !ancestors.has(node.parentKey)){
+        ancestors.add(node.parentKey);
+        node = collection.getItem(node.parentKey);
+    }
+    $afbb4be38057f532$var$selectedAncestorsCache.set(collection, {
+        selection: selectedRoute,
+        ancestors: ancestors
+    });
+    return ancestors;
+}
+// Whether the row `id` is an ancestor of the item matching `selectedRoute`.
+function $afbb4be38057f532$var$hasSelectedDescendant(id, state, selectedRoute) {
+    if (id == null || selectedRoute == null || !state) return false;
+    return $afbb4be38057f532$var$getSelectedAncestors(state, selectedRoute).has(id);
+}
+function $afbb4be38057f532$export$e83a20cfc1acabb9(props) {
+    let linkCtx = (0, $38I3X$react.useContext)($afbb4be38057f532$var$NavigationTreeItemLinkContext);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement((0, $8b1888e80597ea2d$exports.TreeItemContent), props, (treeRenderProps)=>/*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement($afbb4be38057f532$var$NavigationTreeItemContentInner, {
+            treeRenderProps: treeRenderProps,
+            linkCtx: linkCtx,
+            children: props.children
+        }));
+}
+function $afbb4be38057f532$var$NavigationTreeItemContentInner(props) {
+    let { treeRenderProps: treeRenderProps, linkCtx: linkCtx, children: children } = props;
+    let { isCurrent: isCurrent, isLinkFocused: isLinkFocused, setLinkFocused: setLinkFocused, ...linkProps } = linkCtx;
+    let { state: state, isFocusVisible: isFocusVisible, isFocusVisibleWithin: isFocusVisibleWithin, id: id, hasChildItems: hasChildItems } = treeRenderProps;
+    let { isCurrentAncestor: isCurrentAncestor } = (0, $38I3X$react.useContext)($afbb4be38057f532$export$b9f1b2079cbb81f1);
+    $afbb4be38057f532$var$useRouteFocusSync({
+        state: state
+    });
+    // isFocusVisible follows the link: true when the row itself is keyboard focused, or when a child
+    // is keyboard focused and that child is the link (not another button/action).
+    let linkFocusVisible = isFocusVisible || isFocusVisibleWithin && !!isLinkFocused;
+    let values = {
+        ...treeRenderProps,
+        isCurrent: !!isCurrent,
+        isCurrentAncestor: isCurrentAncestor,
+        isFocusVisible: linkFocusVisible
+    };
+    let renderChildren = typeof children === 'function' ? children(values) : children;
+    // Provide onFocusChange so the link reports its focus up to NavigationTreeItem.
+    let linkContextValue = {
+        ...linkProps,
+        'aria-current': isCurrent ? 'page' : undefined,
+        onFocusChange: setLinkFocused,
+        onPress: linkProps.href == null && hasChildItems ? ()=>state.toggleKey(id) : undefined
+    };
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                (0, $993df839da838aaa$exports.LinkContext),
+                linkContextValue
+            ]
+        ]
+    }, renderChildren);
+}
+function $afbb4be38057f532$export$ab0c034528c794e5(props) {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement((0, $8b1888e80597ea2d$exports.TreeSection), {
+        className: "react-aria-NavigationTreeSection",
+        ...props
+    }, props.children);
+}
+function $afbb4be38057f532$export$ad4480f0a22f5045(props) {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($38I3X$react))).createElement((0, $8b1888e80597ea2d$exports.TreeHeader), {
+        className: "react-aria-NavigationTreeHeader",
+        ...props
+    }, props.children);
+}
+
+
+//# sourceMappingURL=NavigationTree.cjs.map

package/dist/private/NavigationTree.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/NavigationTree.tsx"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  ChildrenOrFunction,\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  StyleRenderProps,\n  useContextProps\n} from './utils';\nimport {Collection, forwardRefType, Key, Node, RouterOptions} from '@react-types/shared';\nimport {getScrollParent} from 'react-aria/private/utils/getScrollParent';\nimport {LinkContext} from './Link';\nimport {nodeContains} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  RefObject,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {scrollIntoView} from 'react-aria/private/utils/scrollIntoView';\nimport {\n  Tree,\n  TreeHeader,\n  TreeHeaderProps,\n  TreeItem,\n  TreeItemContent,\n  TreeItemContentRenderProps,\n  TreeItemProps,\n  TreeItemRenderProps,\n  TreeProps,\n  TreeRenderProps,\n  TreeSection,\n  TreeSectionProps\n} from './Tree';\nimport {TreeState} from 'react-stately/useTreeState';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport const NavigationTreeContext =\n  createContext<ContextValue<NavigationTreeProps<any>, HTMLDivElement>>(null);\n\ninterface InternalNavigationTreeContextValue {\n  /** The route that is currently selected. */\n  selectedRoute?: string | null;\n  /** The last route the focused key was synced to; dedupes the focus sync across items. */\n  syncedRouteRef?: RefObject<string | undefined>;\n  /** The NavigationTree's root element, used to keep current-route scrolling inside the tree. */\n  treeRef?: RefObject<HTMLDivElement | null>;\n}\nconst InternalNavigationTreeContext = createContext<InternalNavigationTreeContextValue>({});\n\ninterface NavigationTreeItemLinkContextValue {\n  href?: string;\n  hrefLang?: string;\n  target?: string;\n  rel?: string;\n  download?: string | boolean;\n  ping?: string;\n  referrerPolicy?: ReferrerPolicy;\n  routerOptions?: RouterOptions;\n  isCurrent?: boolean;\n  // Whether the item's link (as opposed to another focusable child such as a button) is focused.\n  isLinkFocused?: boolean;\n  setLinkFocused?: (isFocused: boolean) => void;\n}\nconst NavigationTreeItemLinkContext = createContext<NavigationTreeItemLinkContextValue>({});\n\nexport const NavigationTreeItemStateContext = createContext<{isCurrentAncestor: boolean}>({\n  isCurrentAncestor: false\n});\n\nexport interface NavigationTreeRenderProps extends Pick<\n  TreeRenderProps,\n  'isEmpty' | 'isFocused' | 'isFocusVisible' | 'state'\n> {}\n\nexport interface NavigationTreeProps<T>\n  extends\n    Omit<\n      TreeProps<T>,\n      | 'selectionMode'\n      | 'selectionBehavior'\n      | 'selectedKeys'\n      | 'defaultSelectedKeys'\n      | 'onSelectionChange'\n      | 'disallowEmptySelection'\n      | 'disabledBehavior'\n      | 'keyboardNavigationBehavior'\n      | 'escapeKeyBehavior'\n      | 'shouldSelectOnPressUp'\n      | 'dragAndDropHooks'\n      | 'renderEmptyState'\n      | 'onAction'\n      | 'className'\n      | 'style'\n      | 'render'\n    >,\n    StyleRenderProps<NavigationTreeRenderProps> {\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-NavigationTree'\n   */\n  className?: ClassNameOrFunction<NavigationTreeRenderProps>;\n  /** The route that is currently selected, matched against each item's `href`. */\n  selectedRoute?: string | null;\n}\n\n/**\n * A NavigationTree provides users with a way to navigate a nested, hierarchical set of links.\n */\nexport const NavigationTree = /*#__PURE__*/ (forwardRef as forwardRefType)(function NavigationTree<\n  T\n>(props: NavigationTreeProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, NavigationTreeContext);\n  let {className, style, children, selectedRoute, ...rest} = props;\n  let syncedRouteRef = useRef<string | undefined>(undefined);\n  let treeRef = useObjectRef(ref);\n  let context = useMemo(() => ({selectedRoute, syncedRouteRef, treeRef}), [selectedRoute, treeRef]);\n\n  return (\n    <InternalNavigationTreeContext.Provider value={context}>\n      <Tree\n        {...rest}\n        ref={treeRef}\n        className={className ?? 'react-aria-NavigationTree'}\n        style={style}\n        selectionMode=\"none\"\n        keyboardNavigationBehavior=\"tab\">\n        {children}\n      </Tree>\n    </InternalNavigationTreeContext.Provider>\n  );\n});\n\nexport interface NavigationTreeItemRenderProps extends TreeItemRenderProps {\n  /**\n   * Whether this item is the current route (its `href` matches the NavigationTree's\n   * `selectedRoute`).\n   *\n   * @selector [data-current]\n   */\n  isCurrent: boolean;\n  /**\n   * Whether this item is an ancestor of the current-route item (at any level, regardless of whether\n   * it is expanded or collapsed).\n   *\n   * @selector [data-current-ancestor]\n   */\n  isCurrentAncestor: boolean;\n}\n\nexport interface NavigationTreeItemProps<T = object>\n  extends\n    Omit<\n      TreeItemProps<T>,\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'onAction'\n      | 'allowsArrowNavigation'\n      | 'focusMode'\n      | 'value'\n    >,\n    StyleRenderProps<NavigationTreeItemRenderProps> {\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-NavigationTreeItem'\n   */\n  className?: ClassNameOrFunction<NavigationTreeItemRenderProps>;\n  /**\n   * The content of the side nav item along with any nested children. Supports static nested side\n   * nav items or use of a Collection to dynamically render nested side nav items.\n   */\n  children: ReactNode;\n}\n\n/**\n * A NavigationTreeItem represents an individual item in a NavigationTree.\n */\nexport const NavigationTreeItem = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  function NavigationTreeItem<T extends object>(\n    props: NavigationTreeItemProps<T>,\n    ref: ForwardedRef<HTMLDivElement>\n  ) {\n    let {\n      href,\n      hrefLang,\n      target,\n      rel,\n      download,\n      ping,\n      referrerPolicy,\n      routerOptions,\n      className,\n      style,\n      render,\n      ...rest\n    } = props;\n    let {selectedRoute, treeRef} = useContext(InternalNavigationTreeContext);\n    let hasLink = href != null && href.length > 0;\n    let isCurrent = hasLink && href === selectedRoute;\n    let [isLinkFocused, setLinkFocused] = useState(false);\n    // Additional render props NavigationTreeItem adds to what TreeItem already provides.\n    let getItemRenderProps = <R extends TreeItemRenderProps>(\n      renderProps: R\n    ): R & {isCurrent: boolean; isCurrentAncestor: boolean} => ({\n      ...renderProps,\n      isCurrent,\n      isCurrentAncestor: hasSelectedDescendant(renderProps.id, renderProps.state, selectedRoute),\n      isFocusVisible:\n        renderProps.isFocusVisible || (renderProps.isFocusVisibleWithin && isLinkFocused)\n    });\n\n    let objRef = useObjectRef(ref);\n    useEffect(() => {\n      if (isCurrent && objRef.current) {\n        let scrollParent = getScrollParent(objRef.current, true) as HTMLElement;\n        // Only scroll the tree's own scroll container into view — never an outer ancestor such as the\n        // page. When the tree isn't its own scroll container the nearest scroll parent is outside the\n        // tree, so we skip rather than hijack the surrounding scroll position.\n        let treeRoot = treeRef?.current;\n        if (treeRoot && nodeContains(treeRoot, scrollParent)) {\n          scrollIntoView(scrollParent, objRef.current, {block: 'center'});\n        }\n      }\n    }, [isCurrent, objRef, treeRef]);\n\n    return (\n      <NavigationTreeItemLinkContext.Provider\n        value={{\n          href,\n          hrefLang,\n          target,\n          rel,\n          download,\n          ping,\n          referrerPolicy,\n          routerOptions,\n          isCurrent,\n          isLinkFocused,\n          setLinkFocused\n        }}>\n        <TreeItem\n          {...rest}\n          ref={objRef}\n          href={href}\n          focusMode={hasLink ? 'child' : undefined}\n          allowsArrowNavigation\n          data-current={isCurrent || undefined}\n          className={\n            typeof className === 'function'\n              ? renderProps => className(getItemRenderProps(renderProps))\n              : (className ?? 'react-aria-NavigationTreeItem')\n          }\n          style={\n            typeof style === 'function'\n              ? renderProps => style(getItemRenderProps(renderProps))\n              : style\n          }\n          render={(domProps, renderProps) => {\n            let values = getItemRenderProps(renderProps);\n            let {children: rowChildren, ...domRest} = domProps;\n            let dataProps = {\n              'data-focus-visible': values.isFocusVisible || undefined,\n              'data-current-ancestor': values.isCurrentAncestor || undefined\n            };\n            let content = (\n              <NavigationTreeItemStateContext.Provider\n                value={{isCurrentAncestor: values.isCurrentAncestor}}>\n                {rowChildren}\n              </NavigationTreeItemStateContext.Provider>\n            );\n            return typeof render === 'function' ? (\n              render({...domRest, ...dataProps, children: content}, values)\n            ) : (\n              <dom.div {...domRest} {...dataProps}>\n                {content}\n              </dom.div>\n            );\n          }}\n        />\n      </NavigationTreeItemLinkContext.Provider>\n    );\n  }\n);\n\nexport interface NavigationTreeItemContentRenderProps extends NavigationTreeItemRenderProps {}\n\nexport interface NavigationTreeItemContentProps {\n  /**\n   * The children of the component. A function may be provided to alter the children based on\n   * component state.\n   */\n  children: ChildrenOrFunction<NavigationTreeItemContentRenderProps>;\n}\n\n// The collection key of the item whose href matches `route`, or null.\nfunction findKeyForRoute(collection: Collection<Node<unknown>>, route: string): Key | null {\n  for (let key of collection.getKeys()) {\n    if (collection.getItem(key)?.props?.href === route) {\n      return key;\n    }\n  }\n  return null;\n}\n\n// Walks up from `key` to the closest ancestor that is actually rendered (all ancestors expanded).\n// Returns `key` unchanged when already visible. A collapsed ancestor hides everything beneath it,\n// so the highest collapsed ancestor is the closest visible row.\nfunction closestVisibleKey(\n  collection: Collection<Node<unknown>>,\n  expandedKeys: Set<Key>,\n  key: Key\n): Key {\n  let target = key;\n  let node = collection.getItem(key);\n  while (node?.parentKey != null) {\n    let parent = collection.getItem(node.parentKey);\n    if (parent?.type === 'item' && !expandedKeys.has(node.parentKey)) {\n      target = node.parentKey;\n    }\n    node = parent;\n  }\n  return target;\n}\n\n// Moves the tree's focused key to the item matching selectedRoute. Runs when the route or the\n// collection changes; the shared syncedRouteRef dedupes across items so it fires once per change.\nfunction useRouteFocusSync({state}: {state: TreeState<unknown>}): void {\n  let {selectedRoute, syncedRouteRef} = useContext(InternalNavigationTreeContext);\n  let {collection, selectionManager, expandedKeys} = state;\n  useEffect(() => {\n    if (\n      selectedRoute == null ||\n      syncedRouteRef == null ||\n      syncedRouteRef.current === selectedRoute\n    ) {\n      return;\n    }\n    let key = findKeyForRoute(collection, selectedRoute);\n    if (key != null) {\n      key = closestVisibleKey(collection, expandedKeys, key);\n      syncedRouteRef.current = selectedRoute;\n      selectionManager.setFocusedKey(key);\n    }\n  }, [selectedRoute, collection, expandedKeys, syncedRouteRef, selectionManager]);\n}\n\n// Cache so each row doesn't have to walk up the tree every time.\nlet selectedAncestorsCache = new WeakMap<\n  Collection<Node<unknown>>,\n  {selection: unknown; ancestors: Set<Key>}\n>();\n\n// The set of collection keys that are ancestors of the item matching `selectedRoute`.\nfunction getSelectedAncestors(state: TreeState<unknown>, selectedRoute: string): Set<Key> {\n  let {collection} = state;\n  let cached = selectedAncestorsCache.get(collection);\n  if (cached && cached.selection === selectedRoute) {\n    return cached.ancestors;\n  }\n  let matchKey = findKeyForRoute(collection, selectedRoute);\n  let ancestors = new Set<Key>();\n  let node = matchKey != null ? collection.getItem(matchKey) : null;\n  while (node?.parentKey != null && !ancestors.has(node.parentKey)) {\n    ancestors.add(node.parentKey);\n    node = collection.getItem(node.parentKey);\n  }\n  selectedAncestorsCache.set(collection, {selection: selectedRoute, ancestors});\n  return ancestors;\n}\n\n// Whether the row `id` is an ancestor of the item matching `selectedRoute`.\nfunction hasSelectedDescendant(\n  id: Key | undefined,\n  state: TreeState<unknown>,\n  selectedRoute: string | undefined | null\n): boolean {\n  if (id == null || selectedRoute == null || !state) {\n    return false;\n  }\n  return getSelectedAncestors(state, selectedRoute).has(id);\n}\n\nexport function NavigationTreeItemContent(props: NavigationTreeItemContentProps): ReactNode {\n  let linkCtx = useContext(NavigationTreeItemLinkContext);\n  return (\n    <TreeItemContent {...props}>\n      {(treeRenderProps: TreeItemContentRenderProps & {defaultChildren: ReactNode | undefined}) => (\n        <NavigationTreeItemContentInner\n          treeRenderProps={treeRenderProps}\n          linkCtx={linkCtx}\n          children={props.children}\n        />\n      )}\n    </TreeItemContent>\n  );\n}\n\ninterface NavigationTreeItemContentInnerProps {\n  treeRenderProps: TreeItemContentRenderProps & {defaultChildren: ReactNode | undefined};\n  linkCtx: NavigationTreeItemLinkContextValue;\n  children: ChildrenOrFunction<NavigationTreeItemContentRenderProps>;\n}\n\nfunction NavigationTreeItemContentInner(props: NavigationTreeItemContentInnerProps): ReactNode {\n  let {treeRenderProps, linkCtx, children} = props;\n  let {isCurrent, isLinkFocused, setLinkFocused, ...linkProps} = linkCtx;\n  let {state, isFocusVisible, isFocusVisibleWithin, id, hasChildItems} = treeRenderProps;\n  let {isCurrentAncestor} = useContext(NavigationTreeItemStateContext);\n\n  useRouteFocusSync({state});\n\n  // isFocusVisible follows the link: true when the row itself is keyboard focused, or when a child\n  // is keyboard focused and that child is the link (not another button/action).\n  let linkFocusVisible = isFocusVisible || (isFocusVisibleWithin && !!isLinkFocused);\n  let values: NavigationTreeItemContentRenderProps & {defaultChildren: ReactNode | undefined} = {\n    ...treeRenderProps,\n    isCurrent: !!isCurrent,\n    isCurrentAncestor,\n    isFocusVisible: linkFocusVisible\n  };\n  let renderChildren = typeof children === 'function' ? children(values) : children;\n  // Provide onFocusChange so the link reports its focus up to NavigationTreeItem.\n  let linkContextValue = {\n    ...linkProps,\n    'aria-current': isCurrent ? 'page' : undefined,\n    onFocusChange: setLinkFocused,\n    onPress: linkProps.href == null && hasChildItems ? () => state.toggleKey(id) : undefined\n  };\n  return <Provider values={[[LinkContext, linkContextValue]]}>{renderChildren}</Provider>;\n}\n\nexport interface NavigationTreeSectionProps<T> extends Omit<TreeSectionProps<T>, 'value'> {}\n\n/**\n * A NavigationTreeSection represents a section within a NavigationTree.\n */\nexport function NavigationTreeSection<T extends object>(\n  props: NavigationTreeSectionProps<T>\n): ReactNode {\n  return (\n    <TreeSection className=\"react-aria-NavigationTreeSection\" {...props}>\n      {props.children}\n    </TreeSection>\n  );\n}\n\nexport interface NavigationTreeHeaderProps extends TreeHeaderProps {}\n\n/**\n * A NavigationTreeHeader renders the header of a NavigationTreeSection.\n */\nexport function NavigationTreeHeader(props: NavigationTreeHeaderProps): ReactNode {\n  return (\n    <TreeHeader className=\"react-aria-NavigationTreeHeader\" {...props}>\n      {props.children}\n    </TreeHeader>\n  );\n}\n"],"names":[],"version":3,"file":"NavigationTree.cjs.map"}