@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/overlays/Popover.cjs

@@ -50,11 +50,11 @@ $parcel$export(module.exports, "Popover", function () { return $39ed1c805b59752f
 
 
 /**
- * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the
- * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and
- * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
- * the path always starts at 0 so that it perfectly overlaps the popover's border.
- * See bottom of file for more explanation.
+ * Arrow placement can be done pointing right or down because those paths start at 0, x or y.
+ * Because the other two don't, they start at a fractional pixel value, it introduces rounding
+ * differences between browsers and between display types (retina with subpixels vs not retina). By
+ * flipping them with CSS we can ensure that the path always starts at 0 so that it perfectly
+ * overlaps the popover's border. See bottom of file for more explanation.
  */ let $39ed1c805b59752f$var$arrowPlacement = {
     left: 'right',
     right: 'right',
@@ -200,17 +200,16 @@ function $39ed1c805b59752f$var$Arrow(props) {
         d: pathData.join(' ')
     }));
 } /**
- * More explanation on popover tips.
- * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.
- * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.
- * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.
- * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.
- * - I tried getting the client bounding box and setting the svg to that partial pixel value
- * This didn't work because again the issue was inside the svg
- * - I didn't try drawing the svg backwards
- * This could still be tried
- * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded
- * This seems to have done the trick.
+ * More explanation on popover tips. - I tried changing the calculation of the popover placement in
+ * an effort to get it squarely onto the pixel grid. This did not work because the problem was in
+ * the svg partial pixel end of the path in the popover right and popover bottom. - I tried creating
+ * an extra 'bandaid' path that matched the background color and would overlap the popover border.
+ * This didn't work because the border on the svg triangle didn't extend all the way to match nicely
+ * with the popover border. - I tried getting the client bounding box and setting the svg to that
+ * partial pixel value This didn't work because again the issue was inside the svg - I didn't try
+ * drawing the svg backwards This could still be tried - I tried changing the calculation of the
+ * popover placement AND the svg height/width so that they were all rounded This seems to have done
+ * the trick.
  */ 
 
 

package/dist/private/overlays/Popover.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/overlays/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaPopoverProps, PopoverAria, usePopover} from 'react-aria/usePopover';\n\nimport {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {FocusWithinProps, useFocusWithin} from 'react-aria/useFocusWithin';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Overlay} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, FocusWithinProps, StyleProps {\n  children: ReactNode,\n  hideArrow?: boolean,\n  state: OverlayTriggerState,\n  shouldContainFocus?: boolean,\n  onEntering?: () => void,\n  onEnter?: () => void,\n  onEntered?: () => void,\n  onExiting?: () => void,\n  onExited?: () => void,\n  onExit?: () => void,\n  container?: HTMLElement,\n  disableFocusManagement?: boolean,\n  enableBothDismissButtons?: boolean,\n  onDismissButtonPress?: () => void\n}\n\ninterface PopoverWrapperProps extends PopoverProps, FocusWithinProps {\n  isOpen?: boolean,\n  wrapperRef: RefObject<HTMLDivElement | null>\n}\n\ninterface ArrowProps {\n  arrowProps: PopoverAria['arrowProps'],\n  isLandscape: boolean,\n  arrowRef?: RefObject<SVGSVGElement | null>,\n  primary: number,\n  secondary: number,\n  borderDiagonal: number\n}\n\n/**\n * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the\n * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and\n * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that\n * the path always starts at 0 so that it perfectly overlaps the popover's border.\n * See bottom of file for more explanation.\n */\nlet arrowPlacement = {\n  left: 'right',\n  right: 'right',\n  top: 'bottom',\n  bottom: 'bottom'\n};\n\nexport const Popover = forwardRef(function Popover(props: PopoverProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <PopoverWrapper ref={domRef} {...props} wrapperRef={wrapperRef}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n});\n\nconst PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n  let {\n    children,\n    isOpen,\n    hideArrow,\n    isNonModal,\n    enableBothDismissButtons,\n    state,\n    wrapperRef,\n    onDismissButtonPress = () => state.close()\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {size, borderWidth, arrowRef} = useArrowSize();\n  const borderRadius = usePopoverBorderRadius(objRef);\n  let borderDiagonal = borderWidth * Math.SQRT2;\n  let primary = size + borderDiagonal;\n  let secondary = primary * 2;\n  let {\n    popoverProps,\n    arrowProps,\n    underlayProps,\n    placement\n  } = usePopover({\n    ...props,\n    popoverRef: objRef,\n    maxHeight: undefined,\n    arrowSize: hideArrow ? 0 : secondary,\n    arrowBoundaryOffset: borderRadius\n  }, state);\n  let {focusWithinProps} = useFocusWithin(props);\n\n  // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      {!isNonModal && <Underlay isTransparent {...mergeProps(underlayProps)} isOpen={isOpen} /> }\n      <div\n        {...styleProps}\n        {...mergeProps(popoverProps, focusWithinProps)}\n        style={{\n          ...styleProps.style,\n          ...popoverProps.style\n        }}\n        ref={objRef}\n        className={\n          classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': isOpen,\n              [`is-open--${placement}`]: isOpen,\n              'is-exiting': !state.isOpen\n            },\n            classNames(\n              overrideStyles,\n              'spectrum-Popover',\n              'react-spectrum-Popover'\n            ),\n            styleProps.className\n          )\n        }\n        role=\"presentation\"\n        data-testid=\"popover\">\n        {(!isNonModal || enableBothDismissButtons) && <DismissButton onDismiss={onDismissButtonPress} />}\n        {children}\n        {hideArrow ? null : (\n          <Arrow\n            arrowProps={arrowProps}\n            isLandscape={placement != null ? arrowPlacement[placement] === 'bottom' : false}\n            arrowRef={arrowRef}\n            primary={primary}\n            secondary={secondary}\n            borderDiagonal={borderDiagonal} />\n        )}\n        <DismissButton onDismiss={onDismissButtonPress} />\n      </div>\n    </div>\n  );\n});\n\nfunction usePopoverBorderRadius(popoverRef: RefObject<HTMLDivElement | null>) {\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (popoverRef.current) {\n      let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [popoverRef]);\n  return borderRadius;\n}\n\nfunction useArrowSize() {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let arrowRef = useRef<SVGSVGElement>(null);\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (arrowRef.current) {\n      let spectrumTipWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, []);\n  return {size, borderWidth, arrowRef};\n}\n\nfunction Arrow(props: ArrowProps) {\n  let {primary, secondary, isLandscape, arrowProps, borderDiagonal, arrowRef} = props;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let primaryStart = 0;\n  let primaryEnd = primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = isLandscape ? [\n    'M', secondaryStart, primaryStart,\n    'L', secondaryMiddle, primaryEnd,\n    'L', secondaryEnd, primaryStart\n  ] : [\n    'M', primaryStart, secondaryStart,\n    'L', primaryEnd, secondaryMiddle,\n    'L', primaryStart, secondaryEnd\n  ];\n\n  /* use ceil because the svg needs to always accommodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(isLandscape ? secondary : primary)}\n      height={Math.ceil(isLandscape ? primary : secondary)}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={arrowRef}\n      {...arrowProps}>\n      <path className={classNames(styles, 'spectrum-Popover-tip-triangle')} d={pathData.join(' ')} />\n    </svg>\n  );\n}\n\n/**\n * More explanation on popover tips.\n * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.\n * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.\n * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.\n * - I tried getting the client bounding box and setting the svg to that partial pixel value\n * This didn't work because again the issue was inside the svg\n * - I didn't try drawing the svg backwards\n * This could still be tried\n * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded\n * This seems to have done the trick.\n */\n"],"names":[],"version":3,"file":"Popover.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/overlays/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaPopoverProps, PopoverAria, usePopover} from 'react-aria/usePopover';\n\nimport {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {FocusWithinProps, useFocusWithin} from 'react-aria/useFocusWithin';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Overlay} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface PopoverProps\n  extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, FocusWithinProps, StyleProps {\n  children: ReactNode;\n  hideArrow?: boolean;\n  state: OverlayTriggerState;\n  shouldContainFocus?: boolean;\n  onEntering?: () => void;\n  onEnter?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n  onExit?: () => void;\n  container?: HTMLElement;\n  disableFocusManagement?: boolean;\n  enableBothDismissButtons?: boolean;\n  onDismissButtonPress?: () => void;\n}\n\ninterface PopoverWrapperProps extends PopoverProps, FocusWithinProps {\n  isOpen?: boolean;\n  wrapperRef: RefObject<HTMLDivElement | null>;\n}\n\ninterface ArrowProps {\n  arrowProps: PopoverAria['arrowProps'];\n  isLandscape: boolean;\n  arrowRef?: RefObject<SVGSVGElement | null>;\n  primary: number;\n  secondary: number;\n  borderDiagonal: number;\n}\n\n/**\n * Arrow placement can be done pointing right or down because those paths start at 0, x or y.\n * Because the other two don't, they start at a fractional pixel value, it introduces rounding\n * differences between browsers and between display types (retina with subpixels vs not retina). By\n * flipping them with CSS we can ensure that the path always starts at 0 so that it perfectly\n * overlaps the popover's border. See bottom of file for more explanation.\n */\nlet arrowPlacement = {\n  left: 'right',\n  right: 'right',\n  top: 'bottom',\n  bottom: 'bottom'\n};\n\nexport const Popover = forwardRef(function Popover(\n  props: PopoverProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <PopoverWrapper ref={domRef} {...props} wrapperRef={wrapperRef}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n});\n\nconst PopoverWrapper = forwardRef(\n  (props: PopoverWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    let {\n      children,\n      isOpen,\n      hideArrow,\n      isNonModal,\n      enableBothDismissButtons,\n      state,\n      wrapperRef,\n      onDismissButtonPress = () => state.close()\n    } = props;\n    let {styleProps} = useStyleProps(props);\n    let objRef = useObjectRef(ref);\n\n    let {size, borderWidth, arrowRef} = useArrowSize();\n    const borderRadius = usePopoverBorderRadius(objRef);\n    let borderDiagonal = borderWidth * Math.SQRT2;\n    let primary = size + borderDiagonal;\n    let secondary = primary * 2;\n    let {popoverProps, arrowProps, underlayProps, placement} = usePopover(\n      {\n        ...props,\n        popoverRef: objRef,\n        maxHeight: undefined,\n        arrowSize: hideArrow ? 0 : secondary,\n        arrowBoundaryOffset: borderRadius\n      },\n      state\n    );\n    let {focusWithinProps} = useFocusWithin(props);\n\n    // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n    return (\n      <div ref={wrapperRef}>\n        {!isNonModal && <Underlay isTransparent {...mergeProps(underlayProps)} isOpen={isOpen} />}\n        <div\n          {...styleProps}\n          {...mergeProps(popoverProps, focusWithinProps)}\n          style={{\n            ...styleProps.style,\n            ...popoverProps.style\n          }}\n          ref={objRef}\n          className={classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': isOpen,\n              [`is-open--${placement}`]: isOpen,\n              'is-exiting': !state.isOpen\n            },\n            classNames(overrideStyles, 'spectrum-Popover', 'react-spectrum-Popover'),\n            styleProps.className\n          )}\n          role=\"presentation\"\n          data-testid=\"popover\">\n          {(!isNonModal || enableBothDismissButtons) && (\n            <DismissButton onDismiss={onDismissButtonPress} />\n          )}\n          {children}\n          {hideArrow ? null : (\n            <Arrow\n              arrowProps={arrowProps}\n              isLandscape={placement != null ? arrowPlacement[placement] === 'bottom' : false}\n              arrowRef={arrowRef}\n              primary={primary}\n              secondary={secondary}\n              borderDiagonal={borderDiagonal}\n            />\n          )}\n          <DismissButton onDismiss={onDismissButtonPress} />\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction usePopoverBorderRadius(popoverRef: RefObject<HTMLDivElement | null>) {\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (popoverRef.current) {\n      let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [popoverRef]);\n  return borderRadius;\n}\n\nfunction useArrowSize() {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let arrowRef = useRef<SVGSVGElement>(null);\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (arrowRef.current) {\n      let spectrumTipWidth = window\n        .getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window\n        .getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, []);\n  return {size, borderWidth, arrowRef};\n}\n\nfunction Arrow(props: ArrowProps) {\n  let {primary, secondary, isLandscape, arrowProps, borderDiagonal, arrowRef} = props;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let primaryStart = 0;\n  let primaryEnd = primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = isLandscape\n    ? [\n        'M',\n        secondaryStart,\n        primaryStart,\n        'L',\n        secondaryMiddle,\n        primaryEnd,\n        'L',\n        secondaryEnd,\n        primaryStart\n      ]\n    : [\n        'M',\n        primaryStart,\n        secondaryStart,\n        'L',\n        primaryEnd,\n        secondaryMiddle,\n        'L',\n        primaryStart,\n        secondaryEnd\n      ];\n\n  /* use ceil because the svg needs to always accommodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(isLandscape ? secondary : primary)}\n      height={Math.ceil(isLandscape ? primary : secondary)}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={arrowRef}\n      {...arrowProps}>\n      <path\n        className={classNames(styles, 'spectrum-Popover-tip-triangle')}\n        d={pathData.join(' ')}\n      />\n    </svg>\n  );\n}\n\n/**\n * More explanation on popover tips. - I tried changing the calculation of the popover placement in\n * an effort to get it squarely onto the pixel grid. This did not work because the problem was in\n * the svg partial pixel end of the path in the popover right and popover bottom. - I tried creating\n * an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely\n * with the popover border. - I tried getting the client bounding box and setting the svg to that\n * partial pixel value This didn't work because again the issue was inside the svg - I didn't try\n * drawing the svg backwards This could still be tried - I tried changing the calculation of the\n * popover placement AND the svg height/width so that they were all rounded This seems to have done\n * the trick.\n */\n"],"names":[],"version":3,"file":"Popover.cjs.map"}

package/dist/private/overlays/Popover.js

@@ -44,11 +44,11 @@ function $parcel$interopDefault(a) {
 
 
 /**
- * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the
- * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and
- * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
- * the path always starts at 0 so that it perfectly overlaps the popover's border.
- * See bottom of file for more explanation.
+ * Arrow placement can be done pointing right or down because those paths start at 0, x or y.
+ * Because the other two don't, they start at a fractional pixel value, it introduces rounding
+ * differences between browsers and between display types (retina with subpixels vs not retina). By
+ * flipping them with CSS we can ensure that the path always starts at 0 so that it perfectly
+ * overlaps the popover's border. See bottom of file for more explanation.
  */ let $2fa1c97e743ad66b$var$arrowPlacement = {
     left: 'right',
     right: 'right',
@@ -194,17 +194,16 @@ function $2fa1c97e743ad66b$var$Arrow(props) {
         d: pathData.join(' ')
     }));
 } /**
- * More explanation on popover tips.
- * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.
- * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.
- * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.
- * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.
- * - I tried getting the client bounding box and setting the svg to that partial pixel value
- * This didn't work because again the issue was inside the svg
- * - I didn't try drawing the svg backwards
- * This could still be tried
- * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded
- * This seems to have done the trick.
+ * More explanation on popover tips. - I tried changing the calculation of the popover placement in
+ * an effort to get it squarely onto the pixel grid. This did not work because the problem was in
+ * the svg partial pixel end of the path in the popover right and popover bottom. - I tried creating
+ * an extra 'bandaid' path that matched the background color and would overlap the popover border.
+ * This didn't work because the border on the svg triangle didn't extend all the way to match nicely
+ * with the popover border. - I tried getting the client bounding box and setting the svg to that
+ * partial pixel value This didn't work because again the issue was inside the svg - I didn't try
+ * drawing the svg backwards This could still be tried - I tried changing the calculation of the
+ * popover placement AND the svg height/width so that they were all rounded This seems to have done
+ * the trick.
  */ 
 
 

package/dist/private/overlays/Popover.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/overlays/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaPopoverProps, PopoverAria, usePopover} from 'react-aria/usePopover';\n\nimport {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {FocusWithinProps, useFocusWithin} from 'react-aria/useFocusWithin';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Overlay} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, FocusWithinProps, StyleProps {\n  children: ReactNode,\n  hideArrow?: boolean,\n  state: OverlayTriggerState,\n  shouldContainFocus?: boolean,\n  onEntering?: () => void,\n  onEnter?: () => void,\n  onEntered?: () => void,\n  onExiting?: () => void,\n  onExited?: () => void,\n  onExit?: () => void,\n  container?: HTMLElement,\n  disableFocusManagement?: boolean,\n  enableBothDismissButtons?: boolean,\n  onDismissButtonPress?: () => void\n}\n\ninterface PopoverWrapperProps extends PopoverProps, FocusWithinProps {\n  isOpen?: boolean,\n  wrapperRef: RefObject<HTMLDivElement | null>\n}\n\ninterface ArrowProps {\n  arrowProps: PopoverAria['arrowProps'],\n  isLandscape: boolean,\n  arrowRef?: RefObject<SVGSVGElement | null>,\n  primary: number,\n  secondary: number,\n  borderDiagonal: number\n}\n\n/**\n * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the\n * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and\n * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that\n * the path always starts at 0 so that it perfectly overlaps the popover's border.\n * See bottom of file for more explanation.\n */\nlet arrowPlacement = {\n  left: 'right',\n  right: 'right',\n  top: 'bottom',\n  bottom: 'bottom'\n};\n\nexport const Popover = forwardRef(function Popover(props: PopoverProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <PopoverWrapper ref={domRef} {...props} wrapperRef={wrapperRef}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n});\n\nconst PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n  let {\n    children,\n    isOpen,\n    hideArrow,\n    isNonModal,\n    enableBothDismissButtons,\n    state,\n    wrapperRef,\n    onDismissButtonPress = () => state.close()\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {size, borderWidth, arrowRef} = useArrowSize();\n  const borderRadius = usePopoverBorderRadius(objRef);\n  let borderDiagonal = borderWidth * Math.SQRT2;\n  let primary = size + borderDiagonal;\n  let secondary = primary * 2;\n  let {\n    popoverProps,\n    arrowProps,\n    underlayProps,\n    placement\n  } = usePopover({\n    ...props,\n    popoverRef: objRef,\n    maxHeight: undefined,\n    arrowSize: hideArrow ? 0 : secondary,\n    arrowBoundaryOffset: borderRadius\n  }, state);\n  let {focusWithinProps} = useFocusWithin(props);\n\n  // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      {!isNonModal && <Underlay isTransparent {...mergeProps(underlayProps)} isOpen={isOpen} /> }\n      <div\n        {...styleProps}\n        {...mergeProps(popoverProps, focusWithinProps)}\n        style={{\n          ...styleProps.style,\n          ...popoverProps.style\n        }}\n        ref={objRef}\n        className={\n          classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': isOpen,\n              [`is-open--${placement}`]: isOpen,\n              'is-exiting': !state.isOpen\n            },\n            classNames(\n              overrideStyles,\n              'spectrum-Popover',\n              'react-spectrum-Popover'\n            ),\n            styleProps.className\n          )\n        }\n        role=\"presentation\"\n        data-testid=\"popover\">\n        {(!isNonModal || enableBothDismissButtons) && <DismissButton onDismiss={onDismissButtonPress} />}\n        {children}\n        {hideArrow ? null : (\n          <Arrow\n            arrowProps={arrowProps}\n            isLandscape={placement != null ? arrowPlacement[placement] === 'bottom' : false}\n            arrowRef={arrowRef}\n            primary={primary}\n            secondary={secondary}\n            borderDiagonal={borderDiagonal} />\n        )}\n        <DismissButton onDismiss={onDismissButtonPress} />\n      </div>\n    </div>\n  );\n});\n\nfunction usePopoverBorderRadius(popoverRef: RefObject<HTMLDivElement | null>) {\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (popoverRef.current) {\n      let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [popoverRef]);\n  return borderRadius;\n}\n\nfunction useArrowSize() {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let arrowRef = useRef<SVGSVGElement>(null);\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (arrowRef.current) {\n      let spectrumTipWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, []);\n  return {size, borderWidth, arrowRef};\n}\n\nfunction Arrow(props: ArrowProps) {\n  let {primary, secondary, isLandscape, arrowProps, borderDiagonal, arrowRef} = props;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let primaryStart = 0;\n  let primaryEnd = primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = isLandscape ? [\n    'M', secondaryStart, primaryStart,\n    'L', secondaryMiddle, primaryEnd,\n    'L', secondaryEnd, primaryStart\n  ] : [\n    'M', primaryStart, secondaryStart,\n    'L', primaryEnd, secondaryMiddle,\n    'L', primaryStart, secondaryEnd\n  ];\n\n  /* use ceil because the svg needs to always accommodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(isLandscape ? secondary : primary)}\n      height={Math.ceil(isLandscape ? primary : secondary)}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={arrowRef}\n      {...arrowProps}>\n      <path className={classNames(styles, 'spectrum-Popover-tip-triangle')} d={pathData.join(' ')} />\n    </svg>\n  );\n}\n\n/**\n * More explanation on popover tips.\n * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.\n * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.\n * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.\n * - I tried getting the client bounding box and setting the svg to that partial pixel value\n * This didn't work because again the issue was inside the svg\n * - I didn't try drawing the svg backwards\n * This could still be tried\n * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded\n * This seems to have done the trick.\n */\n"],"names":[],"version":3,"file":"Popover.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/overlays/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaPopoverProps, PopoverAria, usePopover} from 'react-aria/usePopover';\n\nimport {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {FocusWithinProps, useFocusWithin} from 'react-aria/useFocusWithin';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Overlay} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface PopoverProps\n  extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, FocusWithinProps, StyleProps {\n  children: ReactNode;\n  hideArrow?: boolean;\n  state: OverlayTriggerState;\n  shouldContainFocus?: boolean;\n  onEntering?: () => void;\n  onEnter?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n  onExit?: () => void;\n  container?: HTMLElement;\n  disableFocusManagement?: boolean;\n  enableBothDismissButtons?: boolean;\n  onDismissButtonPress?: () => void;\n}\n\ninterface PopoverWrapperProps extends PopoverProps, FocusWithinProps {\n  isOpen?: boolean;\n  wrapperRef: RefObject<HTMLDivElement | null>;\n}\n\ninterface ArrowProps {\n  arrowProps: PopoverAria['arrowProps'];\n  isLandscape: boolean;\n  arrowRef?: RefObject<SVGSVGElement | null>;\n  primary: number;\n  secondary: number;\n  borderDiagonal: number;\n}\n\n/**\n * Arrow placement can be done pointing right or down because those paths start at 0, x or y.\n * Because the other two don't, they start at a fractional pixel value, it introduces rounding\n * differences between browsers and between display types (retina with subpixels vs not retina). By\n * flipping them with CSS we can ensure that the path always starts at 0 so that it perfectly\n * overlaps the popover's border. See bottom of file for more explanation.\n */\nlet arrowPlacement = {\n  left: 'right',\n  right: 'right',\n  top: 'bottom',\n  bottom: 'bottom'\n};\n\nexport const Popover = forwardRef(function Popover(\n  props: PopoverProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <PopoverWrapper ref={domRef} {...props} wrapperRef={wrapperRef}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n});\n\nconst PopoverWrapper = forwardRef(\n  (props: PopoverWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    let {\n      children,\n      isOpen,\n      hideArrow,\n      isNonModal,\n      enableBothDismissButtons,\n      state,\n      wrapperRef,\n      onDismissButtonPress = () => state.close()\n    } = props;\n    let {styleProps} = useStyleProps(props);\n    let objRef = useObjectRef(ref);\n\n    let {size, borderWidth, arrowRef} = useArrowSize();\n    const borderRadius = usePopoverBorderRadius(objRef);\n    let borderDiagonal = borderWidth * Math.SQRT2;\n    let primary = size + borderDiagonal;\n    let secondary = primary * 2;\n    let {popoverProps, arrowProps, underlayProps, placement} = usePopover(\n      {\n        ...props,\n        popoverRef: objRef,\n        maxHeight: undefined,\n        arrowSize: hideArrow ? 0 : secondary,\n        arrowBoundaryOffset: borderRadius\n      },\n      state\n    );\n    let {focusWithinProps} = useFocusWithin(props);\n\n    // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n    return (\n      <div ref={wrapperRef}>\n        {!isNonModal && <Underlay isTransparent {...mergeProps(underlayProps)} isOpen={isOpen} />}\n        <div\n          {...styleProps}\n          {...mergeProps(popoverProps, focusWithinProps)}\n          style={{\n            ...styleProps.style,\n            ...popoverProps.style\n          }}\n          ref={objRef}\n          className={classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': isOpen,\n              [`is-open--${placement}`]: isOpen,\n              'is-exiting': !state.isOpen\n            },\n            classNames(overrideStyles, 'spectrum-Popover', 'react-spectrum-Popover'),\n            styleProps.className\n          )}\n          role=\"presentation\"\n          data-testid=\"popover\">\n          {(!isNonModal || enableBothDismissButtons) && (\n            <DismissButton onDismiss={onDismissButtonPress} />\n          )}\n          {children}\n          {hideArrow ? null : (\n            <Arrow\n              arrowProps={arrowProps}\n              isLandscape={placement != null ? arrowPlacement[placement] === 'bottom' : false}\n              arrowRef={arrowRef}\n              primary={primary}\n              secondary={secondary}\n              borderDiagonal={borderDiagonal}\n            />\n          )}\n          <DismissButton onDismiss={onDismissButtonPress} />\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction usePopoverBorderRadius(popoverRef: RefObject<HTMLDivElement | null>) {\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (popoverRef.current) {\n      let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [popoverRef]);\n  return borderRadius;\n}\n\nfunction useArrowSize() {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let arrowRef = useRef<SVGSVGElement>(null);\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (arrowRef.current) {\n      let spectrumTipWidth = window\n        .getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window\n        .getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, []);\n  return {size, borderWidth, arrowRef};\n}\n\nfunction Arrow(props: ArrowProps) {\n  let {primary, secondary, isLandscape, arrowProps, borderDiagonal, arrowRef} = props;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let primaryStart = 0;\n  let primaryEnd = primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = isLandscape\n    ? [\n        'M',\n        secondaryStart,\n        primaryStart,\n        'L',\n        secondaryMiddle,\n        primaryEnd,\n        'L',\n        secondaryEnd,\n        primaryStart\n      ]\n    : [\n        'M',\n        primaryStart,\n        secondaryStart,\n        'L',\n        primaryEnd,\n        secondaryMiddle,\n        'L',\n        primaryStart,\n        secondaryEnd\n      ];\n\n  /* use ceil because the svg needs to always accommodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(isLandscape ? secondary : primary)}\n      height={Math.ceil(isLandscape ? primary : secondary)}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={arrowRef}\n      {...arrowProps}>\n      <path\n        className={classNames(styles, 'spectrum-Popover-tip-triangle')}\n        d={pathData.join(' ')}\n      />\n    </svg>\n  );\n}\n\n/**\n * More explanation on popover tips. - I tried changing the calculation of the popover placement in\n * an effort to get it squarely onto the pixel grid. This did not work because the problem was in\n * the svg partial pixel end of the path in the popover right and popover bottom. - I tried creating\n * an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely\n * with the popover border. - I tried getting the client bounding box and setting the svg to that\n * partial pixel value This didn't work because again the issue was inside the svg - I didn't try\n * drawing the svg backwards This could still be tried - I tried changing the calculation of the\n * popover placement AND the svg height/width so that they were all rounded This seems to have done\n * the trick.\n */\n"],"names":[],"version":3,"file":"Popover.js.map"}

package/dist/private/overlays/Popover.mjs

@@ -44,11 +44,11 @@ function $parcel$interopDefault(a) {
 
 
 /**
- * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the
- * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and
- * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
- * the path always starts at 0 so that it perfectly overlaps the popover's border.
- * See bottom of file for more explanation.
+ * Arrow placement can be done pointing right or down because those paths start at 0, x or y.
+ * Because the other two don't, they start at a fractional pixel value, it introduces rounding
+ * differences between browsers and between display types (retina with subpixels vs not retina). By
+ * flipping them with CSS we can ensure that the path always starts at 0 so that it perfectly
+ * overlaps the popover's border. See bottom of file for more explanation.
  */ let $3a473e3b7032f626$var$arrowPlacement = {
     left: 'right',
     right: 'right',
@@ -194,17 +194,16 @@ function $3a473e3b7032f626$var$Arrow(props) {
         d: pathData.join(' ')
     }));
 } /**
- * More explanation on popover tips.
- * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.
- * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.
- * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.
- * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.
- * - I tried getting the client bounding box and setting the svg to that partial pixel value
- * This didn't work because again the issue was inside the svg
- * - I didn't try drawing the svg backwards
- * This could still be tried
- * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded
- * This seems to have done the trick.
+ * More explanation on popover tips. - I tried changing the calculation of the popover placement in
+ * an effort to get it squarely onto the pixel grid. This did not work because the problem was in
+ * the svg partial pixel end of the path in the popover right and popover bottom. - I tried creating
+ * an extra 'bandaid' path that matched the background color and would overlap the popover border.
+ * This didn't work because the border on the svg triangle didn't extend all the way to match nicely
+ * with the popover border. - I tried getting the client bounding box and setting the svg to that
+ * partial pixel value This didn't work because again the issue was inside the svg - I didn't try
+ * drawing the svg backwards This could still be tried - I tried changing the calculation of the
+ * popover placement AND the svg height/width so that they were all rounded This seems to have done
+ * the trick.
  */ 
 
 

package/dist/private/overlays/Popover.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/overlays/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaPopoverProps, PopoverAria, usePopover} from 'react-aria/usePopover';\n\nimport {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {FocusWithinProps, useFocusWithin} from 'react-aria/useFocusWithin';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Overlay} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, FocusWithinProps, StyleProps {\n  children: ReactNode,\n  hideArrow?: boolean,\n  state: OverlayTriggerState,\n  shouldContainFocus?: boolean,\n  onEntering?: () => void,\n  onEnter?: () => void,\n  onEntered?: () => void,\n  onExiting?: () => void,\n  onExited?: () => void,\n  onExit?: () => void,\n  container?: HTMLElement,\n  disableFocusManagement?: boolean,\n  enableBothDismissButtons?: boolean,\n  onDismissButtonPress?: () => void\n}\n\ninterface PopoverWrapperProps extends PopoverProps, FocusWithinProps {\n  isOpen?: boolean,\n  wrapperRef: RefObject<HTMLDivElement | null>\n}\n\ninterface ArrowProps {\n  arrowProps: PopoverAria['arrowProps'],\n  isLandscape: boolean,\n  arrowRef?: RefObject<SVGSVGElement | null>,\n  primary: number,\n  secondary: number,\n  borderDiagonal: number\n}\n\n/**\n * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the\n * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and\n * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that\n * the path always starts at 0 so that it perfectly overlaps the popover's border.\n * See bottom of file for more explanation.\n */\nlet arrowPlacement = {\n  left: 'right',\n  right: 'right',\n  top: 'bottom',\n  bottom: 'bottom'\n};\n\nexport const Popover = forwardRef(function Popover(props: PopoverProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <PopoverWrapper ref={domRef} {...props} wrapperRef={wrapperRef}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n});\n\nconst PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n  let {\n    children,\n    isOpen,\n    hideArrow,\n    isNonModal,\n    enableBothDismissButtons,\n    state,\n    wrapperRef,\n    onDismissButtonPress = () => state.close()\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {size, borderWidth, arrowRef} = useArrowSize();\n  const borderRadius = usePopoverBorderRadius(objRef);\n  let borderDiagonal = borderWidth * Math.SQRT2;\n  let primary = size + borderDiagonal;\n  let secondary = primary * 2;\n  let {\n    popoverProps,\n    arrowProps,\n    underlayProps,\n    placement\n  } = usePopover({\n    ...props,\n    popoverRef: objRef,\n    maxHeight: undefined,\n    arrowSize: hideArrow ? 0 : secondary,\n    arrowBoundaryOffset: borderRadius\n  }, state);\n  let {focusWithinProps} = useFocusWithin(props);\n\n  // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      {!isNonModal && <Underlay isTransparent {...mergeProps(underlayProps)} isOpen={isOpen} /> }\n      <div\n        {...styleProps}\n        {...mergeProps(popoverProps, focusWithinProps)}\n        style={{\n          ...styleProps.style,\n          ...popoverProps.style\n        }}\n        ref={objRef}\n        className={\n          classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': isOpen,\n              [`is-open--${placement}`]: isOpen,\n              'is-exiting': !state.isOpen\n            },\n            classNames(\n              overrideStyles,\n              'spectrum-Popover',\n              'react-spectrum-Popover'\n            ),\n            styleProps.className\n          )\n        }\n        role=\"presentation\"\n        data-testid=\"popover\">\n        {(!isNonModal || enableBothDismissButtons) && <DismissButton onDismiss={onDismissButtonPress} />}\n        {children}\n        {hideArrow ? null : (\n          <Arrow\n            arrowProps={arrowProps}\n            isLandscape={placement != null ? arrowPlacement[placement] === 'bottom' : false}\n            arrowRef={arrowRef}\n            primary={primary}\n            secondary={secondary}\n            borderDiagonal={borderDiagonal} />\n        )}\n        <DismissButton onDismiss={onDismissButtonPress} />\n      </div>\n    </div>\n  );\n});\n\nfunction usePopoverBorderRadius(popoverRef: RefObject<HTMLDivElement | null>) {\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (popoverRef.current) {\n      let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [popoverRef]);\n  return borderRadius;\n}\n\nfunction useArrowSize() {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let arrowRef = useRef<SVGSVGElement>(null);\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (arrowRef.current) {\n      let spectrumTipWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, []);\n  return {size, borderWidth, arrowRef};\n}\n\nfunction Arrow(props: ArrowProps) {\n  let {primary, secondary, isLandscape, arrowProps, borderDiagonal, arrowRef} = props;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let primaryStart = 0;\n  let primaryEnd = primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = isLandscape ? [\n    'M', secondaryStart, primaryStart,\n    'L', secondaryMiddle, primaryEnd,\n    'L', secondaryEnd, primaryStart\n  ] : [\n    'M', primaryStart, secondaryStart,\n    'L', primaryEnd, secondaryMiddle,\n    'L', primaryStart, secondaryEnd\n  ];\n\n  /* use ceil because the svg needs to always accommodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(isLandscape ? secondary : primary)}\n      height={Math.ceil(isLandscape ? primary : secondary)}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={arrowRef}\n      {...arrowProps}>\n      <path className={classNames(styles, 'spectrum-Popover-tip-triangle')} d={pathData.join(' ')} />\n    </svg>\n  );\n}\n\n/**\n * More explanation on popover tips.\n * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.\n * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.\n * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.\n * - I tried getting the client bounding box and setting the svg to that partial pixel value\n * This didn't work because again the issue was inside the svg\n * - I didn't try drawing the svg backwards\n * This could still be tried\n * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded\n * This seems to have done the trick.\n */\n"],"names":[],"version":3,"file":"Popover.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/overlays/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaPopoverProps, PopoverAria, usePopover} from 'react-aria/usePopover';\n\nimport {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {FocusWithinProps, useFocusWithin} from 'react-aria/useFocusWithin';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Overlay} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface PopoverProps\n  extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, FocusWithinProps, StyleProps {\n  children: ReactNode;\n  hideArrow?: boolean;\n  state: OverlayTriggerState;\n  shouldContainFocus?: boolean;\n  onEntering?: () => void;\n  onEnter?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n  onExit?: () => void;\n  container?: HTMLElement;\n  disableFocusManagement?: boolean;\n  enableBothDismissButtons?: boolean;\n  onDismissButtonPress?: () => void;\n}\n\ninterface PopoverWrapperProps extends PopoverProps, FocusWithinProps {\n  isOpen?: boolean;\n  wrapperRef: RefObject<HTMLDivElement | null>;\n}\n\ninterface ArrowProps {\n  arrowProps: PopoverAria['arrowProps'];\n  isLandscape: boolean;\n  arrowRef?: RefObject<SVGSVGElement | null>;\n  primary: number;\n  secondary: number;\n  borderDiagonal: number;\n}\n\n/**\n * Arrow placement can be done pointing right or down because those paths start at 0, x or y.\n * Because the other two don't, they start at a fractional pixel value, it introduces rounding\n * differences between browsers and between display types (retina with subpixels vs not retina). By\n * flipping them with CSS we can ensure that the path always starts at 0 so that it perfectly\n * overlaps the popover's border. See bottom of file for more explanation.\n */\nlet arrowPlacement = {\n  left: 'right',\n  right: 'right',\n  top: 'bottom',\n  bottom: 'bottom'\n};\n\nexport const Popover = forwardRef(function Popover(\n  props: PopoverProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <PopoverWrapper ref={domRef} {...props} wrapperRef={wrapperRef}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n});\n\nconst PopoverWrapper = forwardRef(\n  (props: PopoverWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    let {\n      children,\n      isOpen,\n      hideArrow,\n      isNonModal,\n      enableBothDismissButtons,\n      state,\n      wrapperRef,\n      onDismissButtonPress = () => state.close()\n    } = props;\n    let {styleProps} = useStyleProps(props);\n    let objRef = useObjectRef(ref);\n\n    let {size, borderWidth, arrowRef} = useArrowSize();\n    const borderRadius = usePopoverBorderRadius(objRef);\n    let borderDiagonal = borderWidth * Math.SQRT2;\n    let primary = size + borderDiagonal;\n    let secondary = primary * 2;\n    let {popoverProps, arrowProps, underlayProps, placement} = usePopover(\n      {\n        ...props,\n        popoverRef: objRef,\n        maxHeight: undefined,\n        arrowSize: hideArrow ? 0 : secondary,\n        arrowBoundaryOffset: borderRadius\n      },\n      state\n    );\n    let {focusWithinProps} = useFocusWithin(props);\n\n    // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n    return (\n      <div ref={wrapperRef}>\n        {!isNonModal && <Underlay isTransparent {...mergeProps(underlayProps)} isOpen={isOpen} />}\n        <div\n          {...styleProps}\n          {...mergeProps(popoverProps, focusWithinProps)}\n          style={{\n            ...styleProps.style,\n            ...popoverProps.style\n          }}\n          ref={objRef}\n          className={classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': isOpen,\n              [`is-open--${placement}`]: isOpen,\n              'is-exiting': !state.isOpen\n            },\n            classNames(overrideStyles, 'spectrum-Popover', 'react-spectrum-Popover'),\n            styleProps.className\n          )}\n          role=\"presentation\"\n          data-testid=\"popover\">\n          {(!isNonModal || enableBothDismissButtons) && (\n            <DismissButton onDismiss={onDismissButtonPress} />\n          )}\n          {children}\n          {hideArrow ? null : (\n            <Arrow\n              arrowProps={arrowProps}\n              isLandscape={placement != null ? arrowPlacement[placement] === 'bottom' : false}\n              arrowRef={arrowRef}\n              primary={primary}\n              secondary={secondary}\n              borderDiagonal={borderDiagonal}\n            />\n          )}\n          <DismissButton onDismiss={onDismissButtonPress} />\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction usePopoverBorderRadius(popoverRef: RefObject<HTMLDivElement | null>) {\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (popoverRef.current) {\n      let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [popoverRef]);\n  return borderRadius;\n}\n\nfunction useArrowSize() {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let arrowRef = useRef<SVGSVGElement>(null);\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (arrowRef.current) {\n      let spectrumTipWidth = window\n        .getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window\n        .getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, []);\n  return {size, borderWidth, arrowRef};\n}\n\nfunction Arrow(props: ArrowProps) {\n  let {primary, secondary, isLandscape, arrowProps, borderDiagonal, arrowRef} = props;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let primaryStart = 0;\n  let primaryEnd = primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = isLandscape\n    ? [\n        'M',\n        secondaryStart,\n        primaryStart,\n        'L',\n        secondaryMiddle,\n        primaryEnd,\n        'L',\n        secondaryEnd,\n        primaryStart\n      ]\n    : [\n        'M',\n        primaryStart,\n        secondaryStart,\n        'L',\n        primaryEnd,\n        secondaryMiddle,\n        'L',\n        primaryStart,\n        secondaryEnd\n      ];\n\n  /* use ceil because the svg needs to always accommodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(isLandscape ? secondary : primary)}\n      height={Math.ceil(isLandscape ? primary : secondary)}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={arrowRef}\n      {...arrowProps}>\n      <path\n        className={classNames(styles, 'spectrum-Popover-tip-triangle')}\n        d={pathData.join(' ')}\n      />\n    </svg>\n  );\n}\n\n/**\n * More explanation on popover tips. - I tried changing the calculation of the popover placement in\n * an effort to get it squarely onto the pixel grid. This did not work because the problem was in\n * the svg partial pixel end of the path in the popover right and popover bottom. - I tried creating\n * an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely\n * with the popover border. - I tried getting the client bounding box and setting the svg to that\n * partial pixel value This didn't work because again the issue was inside the svg - I didn't try\n * drawing the svg backwards This could still be tried - I tried changing the calculation of the\n * popover placement AND the svg height/width so that they were all rounded This seems to have done\n * the trick.\n */\n"],"names":[],"version":3,"file":"Popover.mjs.map"}

package/dist/private/overlays/Tray.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA6BM,MAAM,0DAAO,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IACvC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAkB;IAExC,qBACE,0DAAC,CAAA,GAAA,iCAAM;QAAG,GAAG,UAAU;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;qBACtD,0DAAC;QAAa,GAAG,KAAK;QAAE,YAAY;QAAY,KAAK;OAClD;AAIT;AAEA,IAAI,kDAAc,CAAA,GAAA,uBAAS,EAAE,SAAU,KAAuB,EAAE,GAAwC;IACtG,IAAI,YACF,QAAQ,UACR,MAAM,iBACN,aAAa,SACb,KAAK,cACL,UAAU,EACX,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,+CAAc,EAAE;QAChD,GAAG,KAAK;QACR,eAAe;IACjB,GAAG,OAAO;IAEV,oFAAoF;IACpF,sFAAsF;IACtF,6EAA6E;IAC7E,sFAAsF;IACtF,uFAAuF;IACvF,0FAA0F;IAC1F,2FAA2F;IAC3F,IAAI,WAAW,CAAA,GAAA,2DAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;QACvD,sEAAsE;QACtE,8DAA8D;QAC9D,+EAA+E;QAC/E,KAAK,OAAO,WAAW,cAAc,OAAO,OAAO,GAAG;IACxD;IAEA,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAC9B,CAAA,GAAA,mDAAS,GACT;IAGF,IAAI,YAAY,CAAA,GAAA,oCAAS,EACvB,CAAA,GAAA,mDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAa,GACb,iBACA,wBAEF,WAAW,SAAS;IAGtB,4LAA4L;IAC5L,qBACE,0DAAC;QAAI,KAAK;qBACR,0DAAC,CAAA,GAAA,kCAAO;QAAG,GAAG,aAAa;QAAE,QAAQ;sBACrC,0DAAC;QAAI,WAAW;QAAkB,OAAO;qBACvC,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,WAAW;QACX,KAAK;QACL,eAAY;qBACZ,0DAAC,CAAA,GAAA,qCAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,0DAAC,CAAA,GAAA,qCAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@adobe/react-spectrum/src/overlays/Tray.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay, OverlayProps} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\ninterface TrayProps extends AriaModalOverlayProps, StyleProps, Omit<OverlayProps, 'nodeRef' | 'shouldContainFocus'> {\n  children: ReactNode,\n  state: OverlayTriggerState,\n  isFixedHeight?: boolean\n}\n\ninterface TrayWrapperProps extends TrayProps {\n  isOpen?: boolean,\n  wrapperRef: RefObject<HTMLDivElement | null>\n}\n\nexport const Tray = forwardRef(function Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <TrayWrapper {...props} wrapperRef={wrapperRef} ref={domRef}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n});\n\nlet TrayWrapper = forwardRef(function (props: TrayWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    children,\n    isOpen,\n    isFixedHeight,\n    state,\n    wrapperRef\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {modalProps, underlayProps} = useModalOverlay({\n    ...props,\n    isDismissable: true\n  }, state, objRef);\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px',\n    // position: fixed elements are clipped by Safari on iOS 26, so we use\n    // position: absolute and manually set the top to the scrollY.\n    // The page can't scroll while the tray is open so this doesn't need to update.\n    top: typeof window !== 'undefined' ? window.scrollY : 0\n  };\n\n  let wrapperClassName = classNames(\n    trayStyles,\n    'spectrum-Tray-wrapper'\n  );\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(\n      overrideStyles,\n      'spectrum-Tray',\n      'react-spectrum-Tray'\n    ),\n    styleProps.className\n  );\n\n  // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={wrapperStyle}>\n        <div\n          {...styleProps}\n          {...modalProps}\n          className={className}\n          ref={objRef}\n          data-testid=\"tray\">\n          <DismissButton onDismiss={state.close} />\n          {children}\n          <DismissButton onDismiss={state.close} />\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tray.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA8BM,MAAM,0DAAO,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IACvC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAkB;IAExC,qBACE,0DAAC,CAAA,GAAA,iCAAM;QAAG,GAAG,UAAU;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;qBACtD,0DAAC;QAAa,GAAG,KAAK;QAAE,YAAY;QAAY,KAAK;OAClD;AAIT;AAEA,IAAI,kDAAc,CAAA,GAAA,uBAAS,EAAE,SAC3B,KAAuB,EACvB,GAAwC;IAExC,IAAI,YAAC,QAAQ,UAAE,MAAM,iBAAE,aAAa,SAAE,KAAK,cAAE,UAAU,EAAC,GAAG;IAC3D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,+CAAc,EAC9C;QACE,GAAG,KAAK;QACR,eAAe;IACjB,GACA,OACA;IAGF,oFAAoF;IACpF,sFAAsF;IACtF,6EAA6E;IAC7E,sFAAsF;IACtF,uFAAuF;IACvF,0FAA0F;IAC1F,2FAA2F;IAC3F,IAAI,WAAW,CAAA,GAAA,2DAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;QACvD,sEAAsE;QACtE,8DAA8D;QAC9D,+EAA+E;QAC/E,KAAK,OAAO,WAAW,cAAc,OAAO,OAAO,GAAG;IACxD;IAEA,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAS,GAAG;IAE9C,IAAI,YAAY,CAAA,GAAA,oCAAS,EACvB,CAAA,GAAA,mDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAa,GAAG,iBAAiB,wBAC5C,WAAW,SAAS;IAGtB,4LAA4L;IAC5L,qBACE,0DAAC;QAAI,KAAK;qBACR,0DAAC,CAAA,GAAA,kCAAO;QAAG,GAAG,aAAa;QAAE,QAAQ;sBACrC,0DAAC;QAAI,WAAW;QAAkB,OAAO;qBACvC,0DAAC;QAAK,GAAG,UAAU;QAAG,GAAG,UAAU;QAAE,WAAW;QAAW,KAAK;QAAQ,eAAY;qBAClF,0DAAC,CAAA,GAAA,qCAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,0DAAC,CAAA,GAAA,qCAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@adobe/react-spectrum/src/overlays/Tray.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay, OverlayProps} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\ninterface TrayProps\n  extends AriaModalOverlayProps, StyleProps, Omit<OverlayProps, 'nodeRef' | 'shouldContainFocus'> {\n  children: ReactNode;\n  state: OverlayTriggerState;\n  isFixedHeight?: boolean;\n}\n\ninterface TrayWrapperProps extends TrayProps {\n  isOpen?: boolean;\n  wrapperRef: RefObject<HTMLDivElement | null>;\n}\n\nexport const Tray = forwardRef(function Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <TrayWrapper {...props} wrapperRef={wrapperRef} ref={domRef}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n});\n\nlet TrayWrapper = forwardRef(function (\n  props: TrayWrapperProps,\n  ref: ForwardedRef<HTMLDivElement | null>\n) {\n  let {children, isOpen, isFixedHeight, state, wrapperRef} = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {modalProps, underlayProps} = useModalOverlay(\n    {\n      ...props,\n      isDismissable: true\n    },\n    state,\n    objRef\n  );\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px',\n    // position: fixed elements are clipped by Safari on iOS 26, so we use\n    // position: absolute and manually set the top to the scrollY.\n    // The page can't scroll while the tray is open so this doesn't need to update.\n    top: typeof window !== 'undefined' ? window.scrollY : 0\n  };\n\n  let wrapperClassName = classNames(trayStyles, 'spectrum-Tray-wrapper');\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(overrideStyles, 'spectrum-Tray', 'react-spectrum-Tray'),\n    styleProps.className\n  );\n\n  // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={wrapperStyle}>\n        <div {...styleProps} {...modalProps} className={className} ref={objRef} data-testid=\"tray\">\n          <DismissButton onDismiss={state.close} />\n          {children}\n          <DismissButton onDismiss={state.close} />\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tray.cjs.map"}

package/dist/private/overlays/Tray.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA6BM,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IACvC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,qBACE,gCAAC,CAAA,GAAA,yCAAM;QAAG,GAAG,UAAU;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;qBACtD,gCAAC;QAAa,GAAG,KAAK;QAAE,YAAY;QAAY,KAAK;OAClD;AAIT;AAEA,IAAI,kDAAc,CAAA,GAAA,iBAAS,EAAE,SAAU,KAAuB,EAAE,GAAwC;IACtG,IAAI,YACF,QAAQ,UACR,MAAM,iBACN,aAAa,SACb,KAAK,cACL,UAAU,EACX,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,sBAAc,EAAE;QAChD,GAAG,KAAK;QACR,eAAe;IACjB,GAAG,OAAO;IAEV,oFAAoF;IACpF,sFAAsF;IACtF,6EAA6E;IAC7E,sFAAsF;IACtF,uFAAuF;IACvF,0FAA0F;IAC1F,2FAA2F;IAC3F,IAAI,WAAW,CAAA,GAAA,sBAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;QACvD,sEAAsE;QACtE,8DAA8D;QAC9D,+EAA+E;QAC/E,KAAK,OAAO,WAAW,cAAc,OAAO,OAAO,GAAG;IACxD;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAC9B,CAAA,GAAA,iDAAS,GACT;IAGF,IAAI,YAAY,CAAA,GAAA,yCAAS,EACvB,CAAA,GAAA,iDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,gDAAa,GACb,iBACA,wBAEF,WAAW,SAAS;IAGtB,4LAA4L;IAC5L,qBACE,gCAAC;QAAI,KAAK;qBACR,gCAAC,CAAA,GAAA,yCAAO;QAAG,GAAG,aAAa;QAAE,QAAQ;sBACrC,gCAAC;QAAI,WAAW;QAAkB,OAAO;qBACvC,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,WAAW;QACX,KAAK;QACL,eAAY;qBACZ,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@adobe/react-spectrum/src/overlays/Tray.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay, OverlayProps} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\ninterface TrayProps extends AriaModalOverlayProps, StyleProps, Omit<OverlayProps, 'nodeRef' | 'shouldContainFocus'> {\n  children: ReactNode,\n  state: OverlayTriggerState,\n  isFixedHeight?: boolean\n}\n\ninterface TrayWrapperProps extends TrayProps {\n  isOpen?: boolean,\n  wrapperRef: RefObject<HTMLDivElement | null>\n}\n\nexport const Tray = forwardRef(function Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <TrayWrapper {...props} wrapperRef={wrapperRef} ref={domRef}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n});\n\nlet TrayWrapper = forwardRef(function (props: TrayWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    children,\n    isOpen,\n    isFixedHeight,\n    state,\n    wrapperRef\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {modalProps, underlayProps} = useModalOverlay({\n    ...props,\n    isDismissable: true\n  }, state, objRef);\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px',\n    // position: fixed elements are clipped by Safari on iOS 26, so we use\n    // position: absolute and manually set the top to the scrollY.\n    // The page can't scroll while the tray is open so this doesn't need to update.\n    top: typeof window !== 'undefined' ? window.scrollY : 0\n  };\n\n  let wrapperClassName = classNames(\n    trayStyles,\n    'spectrum-Tray-wrapper'\n  );\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(\n      overrideStyles,\n      'spectrum-Tray',\n      'react-spectrum-Tray'\n    ),\n    styleProps.className\n  );\n\n  // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={wrapperStyle}>\n        <div\n          {...styleProps}\n          {...modalProps}\n          className={className}\n          ref={objRef}\n          data-testid=\"tray\">\n          <DismissButton onDismiss={state.close} />\n          {children}\n          <DismissButton onDismiss={state.close} />\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tray.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA8BM,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IACvC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,qBACE,gCAAC,CAAA,GAAA,yCAAM;QAAG,GAAG,UAAU;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;qBACtD,gCAAC;QAAa,GAAG,KAAK;QAAE,YAAY;QAAY,KAAK;OAClD;AAIT;AAEA,IAAI,kDAAc,CAAA,GAAA,iBAAS,EAAE,SAC3B,KAAuB,EACvB,GAAwC;IAExC,IAAI,YAAC,QAAQ,UAAE,MAAM,iBAAE,aAAa,SAAE,KAAK,cAAE,UAAU,EAAC,GAAG;IAC3D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,sBAAc,EAC9C;QACE,GAAG,KAAK;QACR,eAAe;IACjB,GACA,OACA;IAGF,oFAAoF;IACpF,sFAAsF;IACtF,6EAA6E;IAC7E,sFAAsF;IACtF,uFAAuF;IACvF,0FAA0F;IAC1F,2FAA2F;IAC3F,IAAI,WAAW,CAAA,GAAA,sBAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;QACvD,sEAAsE;QACtE,8DAA8D;QAC9D,+EAA+E;QAC/E,KAAK,OAAO,WAAW,cAAc,OAAO,OAAO,GAAG;IACxD;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAS,GAAG;IAE9C,IAAI,YAAY,CAAA,GAAA,yCAAS,EACvB,CAAA,GAAA,iDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,gDAAa,GAAG,iBAAiB,wBAC5C,WAAW,SAAS;IAGtB,4LAA4L;IAC5L,qBACE,gCAAC;QAAI,KAAK;qBACR,gCAAC,CAAA,GAAA,yCAAO;QAAG,GAAG,aAAa;QAAE,QAAQ;sBACrC,gCAAC;QAAI,WAAW;QAAkB,OAAO;qBACvC,gCAAC;QAAK,GAAG,UAAU;QAAG,GAAG,UAAU;QAAE,WAAW;QAAW,KAAK;QAAQ,eAAY;qBAClF,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@adobe/react-spectrum/src/overlays/Tray.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay, OverlayProps} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\ninterface TrayProps\n  extends AriaModalOverlayProps, StyleProps, Omit<OverlayProps, 'nodeRef' | 'shouldContainFocus'> {\n  children: ReactNode;\n  state: OverlayTriggerState;\n  isFixedHeight?: boolean;\n}\n\ninterface TrayWrapperProps extends TrayProps {\n  isOpen?: boolean;\n  wrapperRef: RefObject<HTMLDivElement | null>;\n}\n\nexport const Tray = forwardRef(function Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <TrayWrapper {...props} wrapperRef={wrapperRef} ref={domRef}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n});\n\nlet TrayWrapper = forwardRef(function (\n  props: TrayWrapperProps,\n  ref: ForwardedRef<HTMLDivElement | null>\n) {\n  let {children, isOpen, isFixedHeight, state, wrapperRef} = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {modalProps, underlayProps} = useModalOverlay(\n    {\n      ...props,\n      isDismissable: true\n    },\n    state,\n    objRef\n  );\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px',\n    // position: fixed elements are clipped by Safari on iOS 26, so we use\n    // position: absolute and manually set the top to the scrollY.\n    // The page can't scroll while the tray is open so this doesn't need to update.\n    top: typeof window !== 'undefined' ? window.scrollY : 0\n  };\n\n  let wrapperClassName = classNames(trayStyles, 'spectrum-Tray-wrapper');\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(overrideStyles, 'spectrum-Tray', 'react-spectrum-Tray'),\n    styleProps.className\n  );\n\n  // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={wrapperStyle}>\n        <div {...styleProps} {...modalProps} className={className} ref={objRef} data-testid=\"tray\">\n          <DismissButton onDismiss={state.close} />\n          {children}\n          <DismissButton onDismiss={state.close} />\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tray.js.map"}

package/dist/private/overlays/Tray.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA6BM,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IACvC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,qBACE,gCAAC,CAAA,GAAA,yCAAM;QAAG,GAAG,UAAU;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;qBACtD,gCAAC;QAAa,GAAG,KAAK;QAAE,YAAY;QAAY,KAAK;OAClD;AAIT;AAEA,IAAI,kDAAc,CAAA,GAAA,iBAAS,EAAE,SAAU,KAAuB,EAAE,GAAwC;IACtG,IAAI,YACF,QAAQ,UACR,MAAM,iBACN,aAAa,SACb,KAAK,cACL,UAAU,EACX,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,sBAAc,EAAE;QAChD,GAAG,KAAK;QACR,eAAe;IACjB,GAAG,OAAO;IAEV,oFAAoF;IACpF,sFAAsF;IACtF,6EAA6E;IAC7E,sFAAsF;IACtF,uFAAuF;IACvF,0FAA0F;IAC1F,2FAA2F;IAC3F,IAAI,WAAW,CAAA,GAAA,sBAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;QACvD,sEAAsE;QACtE,8DAA8D;QAC9D,+EAA+E;QAC/E,KAAK,OAAO,WAAW,cAAc,OAAO,OAAO,GAAG;IACxD;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAC9B,CAAA,GAAA,iDAAS,GACT;IAGF,IAAI,YAAY,CAAA,GAAA,yCAAS,EACvB,CAAA,GAAA,iDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,gDAAa,GACb,iBACA,wBAEF,WAAW,SAAS;IAGtB,4LAA4L;IAC5L,qBACE,gCAAC;QAAI,KAAK;qBACR,gCAAC,CAAA,GAAA,yCAAO;QAAG,GAAG,aAAa;QAAE,QAAQ;sBACrC,gCAAC;QAAI,WAAW;QAAkB,OAAO;qBACvC,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,WAAW;QACX,KAAK;QACL,eAAY;qBACZ,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@adobe/react-spectrum/src/overlays/Tray.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay, OverlayProps} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\ninterface TrayProps extends AriaModalOverlayProps, StyleProps, Omit<OverlayProps, 'nodeRef' | 'shouldContainFocus'> {\n  children: ReactNode,\n  state: OverlayTriggerState,\n  isFixedHeight?: boolean\n}\n\ninterface TrayWrapperProps extends TrayProps {\n  isOpen?: boolean,\n  wrapperRef: RefObject<HTMLDivElement | null>\n}\n\nexport const Tray = forwardRef(function Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <TrayWrapper {...props} wrapperRef={wrapperRef} ref={domRef}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n});\n\nlet TrayWrapper = forwardRef(function (props: TrayWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    children,\n    isOpen,\n    isFixedHeight,\n    state,\n    wrapperRef\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {modalProps, underlayProps} = useModalOverlay({\n    ...props,\n    isDismissable: true\n  }, state, objRef);\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px',\n    // position: fixed elements are clipped by Safari on iOS 26, so we use\n    // position: absolute and manually set the top to the scrollY.\n    // The page can't scroll while the tray is open so this doesn't need to update.\n    top: typeof window !== 'undefined' ? window.scrollY : 0\n  };\n\n  let wrapperClassName = classNames(\n    trayStyles,\n    'spectrum-Tray-wrapper'\n  );\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(\n      overrideStyles,\n      'spectrum-Tray',\n      'react-spectrum-Tray'\n    ),\n    styleProps.className\n  );\n\n  // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={wrapperStyle}>\n        <div\n          {...styleProps}\n          {...modalProps}\n          className={className}\n          ref={objRef}\n          data-testid=\"tray\">\n          <DismissButton onDismiss={state.close} />\n          {children}\n          <DismissButton onDismiss={state.close} />\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tray.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA8BM,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IACvC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,qBACE,gCAAC,CAAA,GAAA,yCAAM;QAAG,GAAG,UAAU;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;qBACtD,gCAAC;QAAa,GAAG,KAAK;QAAE,YAAY;QAAY,KAAK;OAClD;AAIT;AAEA,IAAI,kDAAc,CAAA,GAAA,iBAAS,EAAE,SAC3B,KAAuB,EACvB,GAAwC;IAExC,IAAI,YAAC,QAAQ,UAAE,MAAM,iBAAE,aAAa,SAAE,KAAK,cAAE,UAAU,EAAC,GAAG;IAC3D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,sBAAc,EAC9C;QACE,GAAG,KAAK;QACR,eAAe;IACjB,GACA,OACA;IAGF,oFAAoF;IACpF,sFAAsF;IACtF,6EAA6E;IAC7E,sFAAsF;IACtF,uFAAuF;IACvF,0FAA0F;IAC1F,2FAA2F;IAC3F,IAAI,WAAW,CAAA,GAAA,sBAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;QACvD,sEAAsE;QACtE,8DAA8D;QAC9D,+EAA+E;QAC/E,KAAK,OAAO,WAAW,cAAc,OAAO,OAAO,GAAG;IACxD;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAS,GAAG;IAE9C,IAAI,YAAY,CAAA,GAAA,yCAAS,EACvB,CAAA,GAAA,iDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,gDAAa,GAAG,iBAAiB,wBAC5C,WAAW,SAAS;IAGtB,4LAA4L;IAC5L,qBACE,gCAAC;QAAI,KAAK;qBACR,gCAAC,CAAA,GAAA,yCAAO;QAAG,GAAG,aAAa;QAAE,QAAQ;sBACrC,gCAAC;QAAI,WAAW;QAAkB,OAAO;qBACvC,gCAAC;QAAK,GAAG,UAAU;QAAG,GAAG,UAAU;QAAE,WAAW;QAAW,KAAK;QAAQ,eAAY;qBAClF,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@adobe/react-spectrum/src/overlays/Tray.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {DismissButton} from 'react-aria/Overlay';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay, OverlayProps} from './Overlay';\nimport {OverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\ninterface TrayProps\n  extends AriaModalOverlayProps, StyleProps, Omit<OverlayProps, 'nodeRef' | 'shouldContainFocus'> {\n  children: ReactNode;\n  state: OverlayTriggerState;\n  isFixedHeight?: boolean;\n}\n\ninterface TrayWrapperProps extends TrayProps {\n  isOpen?: boolean;\n  wrapperRef: RefObject<HTMLDivElement | null>;\n}\n\nexport const Tray = forwardRef(function Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <TrayWrapper {...props} wrapperRef={wrapperRef} ref={domRef}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n});\n\nlet TrayWrapper = forwardRef(function (\n  props: TrayWrapperProps,\n  ref: ForwardedRef<HTMLDivElement | null>\n) {\n  let {children, isOpen, isFixedHeight, state, wrapperRef} = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {modalProps, underlayProps} = useModalOverlay(\n    {\n      ...props,\n      isDismissable: true\n    },\n    state,\n    objRef\n  );\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px',\n    // position: fixed elements are clipped by Safari on iOS 26, so we use\n    // position: absolute and manually set the top to the scrollY.\n    // The page can't scroll while the tray is open so this doesn't need to update.\n    top: typeof window !== 'undefined' ? window.scrollY : 0\n  };\n\n  let wrapperClassName = classNames(trayStyles, 'spectrum-Tray-wrapper');\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(overrideStyles, 'spectrum-Tray', 'react-spectrum-Tray'),\n    styleProps.className\n  );\n\n  // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={wrapperStyle}>\n        <div {...styleProps} {...modalProps} className={className} ref={objRef} data-testid=\"tray\">\n          <DismissButton onDismiss={state.close} />\n          {children}\n          <DismissButton onDismiss={state.close} />\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tray.mjs.map"}

package/dist/private/overlays/Underlay.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,qDAAW,EAAE,SAAS,IAAI,IAAI,SAAS,IAAI,GAAG,SAAS,gBAAgB,IAAI,SAAS,eAAe;QAC1H,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,0DAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAEN","sources":["packages/@adobe/react-spectrum/src/overlays/Underlay.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean,\n  isTransparent?: boolean\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body) ? document.body : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional height.\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  return (\n    <div\n      data-testid=\"underlay\"\n      {...otherProps}\n      // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n      style={{height: pageHeight}}\n      className={classNames(underlayStyles, 'spectrum-Underlay', {\n        'is-open': isOpen,\n        'spectrum-Underlay--transparent': isTransparent\n      })} />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,qDAAW,EAAE,SAAS,IAAI,IAC7C,SAAS,IAAI,GACb,SAAS,gBAAgB,IAAI,SAAS,eAAe;QACzD,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,0DAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAGN","sources":["packages/@adobe/react-spectrum/src/overlays/Underlay.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean;\n  isTransparent?: boolean;\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\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 height.\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  return (\n    <div\n      data-testid=\"underlay\"\n      {...otherProps}\n      // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n      style={{height: pageHeight}}\n      className={classNames(underlayStyles, 'spectrum-Underlay', {\n        'is-open': isOpen,\n        'spectrum-Underlay--transparent': isTransparent\n      })}\n    />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.cjs.map"}

package/dist/private/overlays/Underlay.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,mBAAW,EAAE,SAAS,IAAI,IAAI,SAAS,IAAI,GAAG,SAAS,gBAAgB,IAAI,SAAS,eAAe;QAC1H,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,gCAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAEN","sources":["packages/@adobe/react-spectrum/src/overlays/Underlay.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean,\n  isTransparent?: boolean\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body) ? document.body : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional height.\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  return (\n    <div\n      data-testid=\"underlay\"\n      {...otherProps}\n      // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n      style={{height: pageHeight}}\n      className={classNames(underlayStyles, 'spectrum-Underlay', {\n        'is-open': isOpen,\n        'spectrum-Underlay--transparent': isTransparent\n      })} />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.js.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,mBAAW,EAAE,SAAS,IAAI,IAC7C,SAAS,IAAI,GACb,SAAS,gBAAgB,IAAI,SAAS,eAAe;QACzD,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,gCAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAGN","sources":["packages/@adobe/react-spectrum/src/overlays/Underlay.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean;\n  isTransparent?: boolean;\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\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 height.\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  return (\n    <div\n      data-testid=\"underlay\"\n      {...otherProps}\n      // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n      style={{height: pageHeight}}\n      className={classNames(underlayStyles, 'spectrum-Underlay', {\n        'is-open': isOpen,\n        'spectrum-Underlay--transparent': isTransparent\n      })}\n    />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.js.map"}

package/dist/private/overlays/Underlay.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,mBAAW,EAAE,SAAS,IAAI,IAAI,SAAS,IAAI,GAAG,SAAS,gBAAgB,IAAI,SAAS,eAAe;QAC1H,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,gCAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAEN","sources":["packages/@adobe/react-spectrum/src/overlays/Underlay.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean,\n  isTransparent?: boolean\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body) ? document.body : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional height.\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  return (\n    <div\n      data-testid=\"underlay\"\n      {...otherProps}\n      // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n      style={{height: pageHeight}}\n      className={classNames(underlayStyles, 'spectrum-Underlay', {\n        'is-open': isOpen,\n        'spectrum-Underlay--transparent': isTransparent\n      })} />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.mjs.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,mBAAW,EAAE,SAAS,IAAI,IAC7C,SAAS,IAAI,GACb,SAAS,gBAAgB,IAAI,SAAS,eAAe;QACzD,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,gCAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAGN","sources":["packages/@adobe/react-spectrum/src/overlays/Underlay.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {classNames} from '../utils/classNames';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean;\n  isTransparent?: boolean;\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\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 height.\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  return (\n    <div\n      data-testid=\"underlay\"\n      {...otherProps}\n      // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n      style={{height: pageHeight}}\n      className={classNames(underlayStyles, 'spectrum-Underlay', {\n        'is-open': isOpen,\n        'spectrum-Underlay--transparent': isTransparent\n      })}\n    />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.mjs.map"}

package/dist/private/package.cjs

@@ -1,4 +1,4 @@
-module.exports = JSON.parse("{\"name\":\"@adobe/react-spectrum\",\"version\":\"3.47.0\",\"description\":\"Spectrum UI components in React\",\"license\":\"Apache-2.0\",\"main\":\"./dist/exports/index.cjs\",\"module\":\"./dist/exports/index.js\",\"exports\":{\".\":{\"source\":\"./exports/index.ts\",\"types\":\"./dist/types/exports/index.d.ts\",\"import\":\"./dist/exports/index.mjs\",\"require\":\"./dist/exports/index.cjs\"},\"./i18n\":{\"types\":\"./i18n/index.d.ts\",\"import\":\"./i18n/index.mjs\",\"require\":\"./i18n/index.js\"},\"./i18n/*\":{\"types\":\"./i18n/lang.d.ts\",\"import\":\"./i18n/*.mjs\",\"require\":\"./i18n/*.js\"},\"./package.json\":\"./package.json\",\"./*\":{\"source\":\"./exports/*.ts\",\"types\":\"./dist/types/exports/*.d.ts\",\"import\":\"./dist/exports/*.mjs\",\"require\":\"./dist/exports/*.cjs\"}},\"types\":\"./dist/types/exports/index.d.ts\",\"source\":\"exports/index.ts\",\"files\":[\"*\",\"!chromatic/**\",\"!chromatic-fc/**\",\"!docs/**\",\"!exports/**\",\"!intl/**\",\"!scripts/**\",\"!src/**\",\"!stories/**\",\"!test/**\"],\"sideEffects\":[\"*.css\"],\"repository\":{\"type\":\"git\",\"url\":\"https://github.com/adobe/react-spectrum\"},\"dependencies\":{\"@internationalized/date\":\"^3.12.1\",\"@react-types/shared\":\"^3.34.0\",\"@spectrum-icons/ui\":\"^3.7.0\",\"@spectrum-icons/workflow\":\"^4.3.0\",\"@swc/helpers\":\"^0.5.0\",\"client-only\":\"^0.0.1\",\"clsx\":\"^2.0.0\",\"react-aria\":\"3.48.0\",\"react-aria-components\":\"1.17.0\",\"react-stately\":\"3.46.0\",\"react-transition-group\":\"^4.4.5\",\"use-sync-external-store\":\"^1.6.0\"},\"publishConfig\":{\"access\":\"public\"},\"peerDependencies\":{\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"devDependencies\":{\"@adobe/spectrum-css-temp\":\"3.0.0-alpha.1\",\"@babel/cli\":\"^7.12.10\",\"@babel/core\":\"^7.24.3\",\"@react-spectrum/style-macro-s1\":\"3.0.0-alpha.6\"},\"targets\":{\"main\":false,\"module\":false,\"types\":false,\"exports-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"exports-main\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"commonjs\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"legacy-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"],\"engines\":{\"browsers\":[\"chrome >= 79\",\"firefox >= 85\",\"safari >= 13\"]}}}}");
+module.exports = JSON.parse("{\"name\":\"@adobe/react-spectrum\",\"version\":\"3.47.0\",\"description\":\"Spectrum UI components in React\",\"license\":\"Apache-2.0\",\"main\":\"./dist/exports/index.cjs\",\"module\":\"./dist/exports/index.js\",\"exports\":{\".\":{\"source\":\"./exports/index.ts\",\"types\":\"./dist/types/exports/index.d.ts\",\"import\":\"./dist/exports/index.mjs\",\"require\":\"./dist/exports/index.cjs\"},\"./i18n\":{\"types\":\"./i18n/index.d.ts\",\"import\":\"./i18n/index.mjs\",\"require\":\"./i18n/index.js\"},\"./i18n/*\":{\"types\":\"./i18n/lang.d.ts\",\"import\":\"./i18n/*.mjs\",\"require\":\"./i18n/*.js\"},\"./package.json\":\"./package.json\",\"./*\":{\"source\":\"./exports/*.ts\",\"types\":\"./dist/types/exports/*.d.ts\",\"import\":\"./dist/exports/*.mjs\",\"require\":\"./dist/exports/*.cjs\"}},\"types\":\"./dist/types/exports/index.d.ts\",\"source\":\"exports/index.ts\",\"files\":[\"*\",\"!chromatic/**\",\"!chromatic-fc/**\",\"!docs/**\",\"!exports/**\",\"!intl/**\",\"!scripts/**\",\"!src/**\",\"!stories/**\",\"!test/**\"],\"sideEffects\":[\"*.css\"],\"repository\":{\"type\":\"git\",\"url\":\"https://github.com/adobe/react-spectrum\"},\"dependencies\":{\"@internationalized/date\":\"^3.12.1\",\"@react-types/shared\":\"^3.34.0\",\"@spectrum-icons/ui\":\"^3.7.0\",\"@spectrum-icons/workflow\":\"^4.3.0\",\"@swc/helpers\":\"^0.5.0\",\"client-only\":\"^0.0.1\",\"clsx\":\"^2.0.0\",\"react-aria\":\"3.48.0\",\"react-aria-components\":\"1.17.0\",\"react-stately\":\"3.46.0\",\"react-transition-group\":\"^4.4.5\",\"use-sync-external-store\":\"^1.6.0\"},\"publishConfig\":{\"access\":\"public\"},\"peerDependencies\":{\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"devDependencies\":{\"@adobe/spectrum-css-temp\":\"3.0.0-alpha.1\",\"@babel/cli\":\"^7.12.10\",\"@babel/core\":\"^7.24.3\",\"@react-spectrum/style-macro-s1\":\"3.0.0-alpha.6\",\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"targets\":{\"main\":false,\"module\":false,\"types\":false,\"exports-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"exports-main\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"commonjs\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"legacy-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"],\"engines\":{\"browsers\":[\"chrome >= 79\",\"firefox >= 85\",\"safari >= 13\"]}}}}");
 
 
 //# sourceMappingURL=package.cjs.map

package/dist/private/package.cjs.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB,KAAK,KAAK,CAAC","sources":["packages/@adobe/react-spectrum/package.json"],"sourcesContent":["{\n  \"name\": \"@adobe/react-spectrum\",\n  \"version\": \"3.47.0\",\n  \"description\": \"Spectrum UI components in React\",\n  \"license\": \"Apache-2.0\",\n  \"main\": \"./dist/exports/index.cjs\",\n  \"module\": \"./dist/exports/index.js\",\n  \"exports\": {\n    \".\": {\n      \"source\": \"./exports/index.ts\",\n      \"types\": \"./dist/types/exports/index.d.ts\",\n      \"import\": \"./dist/exports/index.mjs\",\n      \"require\": \"./dist/exports/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./i18n/index.d.ts\",\n      \"import\": \"./i18n/index.mjs\",\n      \"require\": \"./i18n/index.js\"\n    },\n    \"./i18n/*\": {\n      \"types\": \"./i18n/lang.d.ts\",\n      \"import\": \"./i18n/*.mjs\",\n      \"require\": \"./i18n/*.js\"\n    },\n    \"./package.json\": \"./package.json\",\n    \"./*\": {\n      \"source\": \"./exports/*.ts\",\n      \"types\": \"./dist/types/exports/*.d.ts\",\n      \"import\": \"./dist/exports/*.mjs\",\n      \"require\": \"./dist/exports/*.cjs\"\n    }\n  },\n  \"types\": \"./dist/types/exports/index.d.ts\",\n  \"source\": \"exports/index.ts\",\n  \"files\": [\n    \"*\",\n    \"!chromatic/**\",\n    \"!chromatic-fc/**\",\n    \"!docs/**\",\n    \"!exports/**\",\n    \"!intl/**\",\n    \"!scripts/**\",\n    \"!src/**\",\n    \"!stories/**\",\n    \"!test/**\"\n  ],\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/adobe/react-spectrum\"\n  },\n  \"dependencies\": {\n    \"@internationalized/date\": \"^3.12.1\",\n    \"@react-types/shared\": \"^3.34.0\",\n    \"@spectrum-icons/ui\": \"^3.7.0\",\n    \"@spectrum-icons/workflow\": \"^4.3.0\",\n    \"@swc/helpers\": \"^0.5.0\",\n    \"client-only\": \"^0.0.1\",\n    \"clsx\": \"^2.0.0\",\n    \"react-aria\": \"3.48.0\",\n    \"react-aria-components\": \"1.17.0\",\n    \"react-stately\": \"3.46.0\",\n    \"react-transition-group\": \"^4.4.5\",\n    \"use-sync-external-store\": \"^1.6.0\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"devDependencies\": {\n    \"@adobe/spectrum-css-temp\": \"3.0.0-alpha.1\",\n    \"@babel/cli\": \"^7.12.10\",\n    \"@babel/core\": \"^7.24.3\",\n    \"@react-spectrum/style-macro-s1\": \"3.0.0-alpha.6\"\n  },\n  \"targets\": {\n    \"main\": false,\n    \"module\": false,\n    \"types\": false,\n    \"exports-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"exports-main\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"commonjs\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"legacy-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ],\n      \"engines\": {\n        \"browsers\": [\n          \"chrome >= 79\",\n          \"firefox >= 85\",\n          \"safari >= 13\"\n        ]\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"package.cjs.map"}
+{"mappings":"AAAA,iBAAiB,KAAK,KAAK,CAAC","sources":["packages/@adobe/react-spectrum/package.json"],"sourcesContent":["{\n  \"name\": \"@adobe/react-spectrum\",\n  \"version\": \"3.47.0\",\n  \"description\": \"Spectrum UI components in React\",\n  \"license\": \"Apache-2.0\",\n  \"main\": \"./dist/exports/index.cjs\",\n  \"module\": \"./dist/exports/index.js\",\n  \"exports\": {\n    \".\": {\n      \"source\": \"./exports/index.ts\",\n      \"types\": \"./dist/types/exports/index.d.ts\",\n      \"import\": \"./dist/exports/index.mjs\",\n      \"require\": \"./dist/exports/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./i18n/index.d.ts\",\n      \"import\": \"./i18n/index.mjs\",\n      \"require\": \"./i18n/index.js\"\n    },\n    \"./i18n/*\": {\n      \"types\": \"./i18n/lang.d.ts\",\n      \"import\": \"./i18n/*.mjs\",\n      \"require\": \"./i18n/*.js\"\n    },\n    \"./package.json\": \"./package.json\",\n    \"./*\": {\n      \"source\": \"./exports/*.ts\",\n      \"types\": \"./dist/types/exports/*.d.ts\",\n      \"import\": \"./dist/exports/*.mjs\",\n      \"require\": \"./dist/exports/*.cjs\"\n    }\n  },\n  \"types\": \"./dist/types/exports/index.d.ts\",\n  \"source\": \"exports/index.ts\",\n  \"files\": [\n    \"*\",\n    \"!chromatic/**\",\n    \"!chromatic-fc/**\",\n    \"!docs/**\",\n    \"!exports/**\",\n    \"!intl/**\",\n    \"!scripts/**\",\n    \"!src/**\",\n    \"!stories/**\",\n    \"!test/**\"\n  ],\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/adobe/react-spectrum\"\n  },\n  \"dependencies\": {\n    \"@internationalized/date\": \"^3.12.1\",\n    \"@react-types/shared\": \"^3.34.0\",\n    \"@spectrum-icons/ui\": \"^3.7.0\",\n    \"@spectrum-icons/workflow\": \"^4.3.0\",\n    \"@swc/helpers\": \"^0.5.0\",\n    \"client-only\": \"^0.0.1\",\n    \"clsx\": \"^2.0.0\",\n    \"react-aria\": \"3.48.0\",\n    \"react-aria-components\": \"1.17.0\",\n    \"react-stately\": \"3.46.0\",\n    \"react-transition-group\": \"^4.4.5\",\n    \"use-sync-external-store\": \"^1.6.0\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"devDependencies\": {\n    \"@adobe/spectrum-css-temp\": \"3.0.0-alpha.1\",\n    \"@babel/cli\": \"^7.12.10\",\n    \"@babel/core\": \"^7.24.3\",\n    \"@react-spectrum/style-macro-s1\": \"3.0.0-alpha.6\",\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"targets\": {\n    \"main\": false,\n    \"module\": false,\n    \"types\": false,\n    \"exports-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"exports-main\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"commonjs\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"legacy-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ],\n      \"engines\": {\n        \"browsers\": [\n          \"chrome >= 79\",\n          \"firefox >= 85\",\n          \"safari >= 13\"\n        ]\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"package.cjs.map"}