@react-spectrum/overlays 5.8.1 → 5.9.0

package/dist/OpenTransition.main.js

@@ -28,10 +28,7 @@ const $13f51cdc44d228b9$var$OPEN_STATES = {
     entered: true
 };
 function $13f51cdc44d228b9$export$b847a40ee92eff38(props) {
-    // Do not apply any transition if in chromatic.
-    if (process.env.CHROMATIC) return (0, ($parcel$interopDefault($3kGU5$react))).Children.map(props.children, (child)=>child && /*#__PURE__*/ (0, ($parcel$interopDefault($3kGU5$react))).cloneElement(child, {
-            isOpen: props.in
-        }));
+    var child;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3kGU5$react))).createElement((0, $3kGU5$reacttransitiongroup.Transition), {
         timeout: {
             enter: 0,

package/dist/OpenTransition.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKD,MAAM,oCAAc;IAClB,UAAU;IACV,SAAS;AACX;AAeO,SAAS,0CACd,KAAU;IAEV,+CAA+C;IAC/C,IAAI,QAAQ,GAAG,CAAC,SAAS,EACvB,OAAO,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAA,QAAS,uBAAS,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,OAAO;YAAC,QAAQ,MAAM,EAAE;QAAA;IAGzG,qBACE,0DAAC,CAAA,GAAA,sCAAS;QAAE,SAAS;YAAC,OAAO;YAAG,MAAM;QAAG;QAAI,GAAG,KAAK;OAClD,CAAC,QAAU,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAA,QAAS,uBAAS,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,OAAO;gBAAC,QAAQ,CAAC,CAAC,iCAAW,CAAC,MAAM;YAAA;AAG9H","sources":["packages/@react-spectrum/overlays/src/OpenTransition.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 React, {JSX, JSXElementConstructor, ReactElement} from 'react';\nimport {Transition} from 'react-transition-group';\n\nconst OPEN_STATES = {\n  entering: false,\n  entered: true\n};\n\n/**\n * Timeout issues adding css animations to enter may be related to\n * https://github.com/reactjs/react-transition-group/issues/189 or\n * https://github.com/reactjs/react-transition-group/issues/22\n * my VM isn't good enough to debug accurately and get a better answer.\n *\n * As a result, use enter 0 so that is-open is applied once entered\n * it doesn't matter if we know when the css-animation is done on entering\n * for exiting though, give time for the css-animation to play\n * before removing from the DOM\n * **note** hitting esc bypasses exit animation for anyone testing.\n */\n\nexport function OpenTransition(\n  props: any\n): JSX.Element | ReactElement<any, string | JSXElementConstructor<any>>[] {\n  // Do not apply any transition if in chromatic.\n  if (process.env.CHROMATIC) {\n    return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));\n  }\n\n  return (\n    <Transition timeout={{enter: 0, exit: 350}} {...props}>\n      {(state) => React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: !!OPEN_STATES[state]}))}\n    </Transition>\n  );\n}\n"],"names":[],"version":3,"file":"OpenTransition.main.js.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKD,MAAM,oCAAc;IAClB,UAAU;IACV,SAAS;AACX;AAeO,SAAS,0CACd,KAAU;QAIkC;IAG5C,qBACE,0DAAC,CAAA,GAAA,sCAAS;QAAE,SAAS;YAAC,OAAO;YAAG,MAAM;QAAG;QAAI,GAAG,KAAK;OAClD,CAAC,QAAU,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAA,QAAS,uBAAS,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,OAAO;gBAAC,QAAQ,CAAC,CAAC,iCAAW,CAAC,MAAM;YAAA;AAG9H","sources":["packages/@react-spectrum/overlays/src/OpenTransition.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 React, {JSX, JSXElementConstructor, ReactElement} from 'react';\nimport {Transition} from 'react-transition-group';\n\nconst OPEN_STATES = {\n  entering: false,\n  entered: true\n};\n\n/**\n * Timeout issues adding css animations to enter may be related to\n * https://github.com/reactjs/react-transition-group/issues/189 or\n * https://github.com/reactjs/react-transition-group/issues/22\n * my VM isn't good enough to debug accurately and get a better answer.\n *\n * As a result, use enter 0 so that is-open is applied once entered\n * it doesn't matter if we know when the css-animation is done on entering\n * for exiting though, give time for the css-animation to play\n * before removing from the DOM\n * **note** hitting esc bypasses exit animation for anyone testing.\n */\n\nexport function OpenTransition(\n  props: any\n): JSX.Element | ReactElement<any, string | JSXElementConstructor<any>>[] {\n  // Do not apply any transition if in chromatic.\n  if (typeof process !== 'undefined' && process.env.CHROMATIC) {\n    return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));\n  }\n\n  return (\n    <Transition timeout={{enter: 0, exit: 350}} {...props}>\n      {(state) => React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: !!OPEN_STATES[state]}))}\n    </Transition>\n  );\n}\n"],"names":[],"version":3,"file":"OpenTransition.main.js.map"}

package/dist/OpenTransition.mjs

@@ -18,10 +18,7 @@ const $bc765a7a041310da$var$OPEN_STATES = {
     entered: true
 };
 function $bc765a7a041310da$export$b847a40ee92eff38(props) {
-    // Do not apply any transition if in chromatic.
-    if (process.env.CHROMATIC) return (0, $8XmPE$react).Children.map(props.children, (child)=>child && /*#__PURE__*/ (0, $8XmPE$react).cloneElement(child, {
-            isOpen: props.in
-        }));
+    var child;
     return /*#__PURE__*/ (0, $8XmPE$react).createElement((0, $8XmPE$Transition), {
         timeout: {
             enter: 0,

package/dist/OpenTransition.module.js

@@ -18,10 +18,7 @@ const $bc765a7a041310da$var$OPEN_STATES = {
     entered: true
 };
 function $bc765a7a041310da$export$b847a40ee92eff38(props) {
-    // Do not apply any transition if in chromatic.
-    if (process.env.CHROMATIC) return (0, $8XmPE$react).Children.map(props.children, (child)=>child && /*#__PURE__*/ (0, $8XmPE$react).cloneElement(child, {
-            isOpen: props.in
-        }));
+    var child;
     return /*#__PURE__*/ (0, $8XmPE$react).createElement((0, $8XmPE$Transition), {
         timeout: {
             enter: 0,

package/dist/OpenTransition.module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKD,MAAM,oCAAc;IAClB,UAAU;IACV,SAAS;AACX;AAeO,SAAS,0CACd,KAAU;IAEV,+CAA+C;IAC/C,IAAI,QAAQ,GAAG,CAAC,SAAS,EACvB,OAAO,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAA,QAAS,uBAAS,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,OAAO;YAAC,QAAQ,MAAM,EAAE;QAAA;IAGzG,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,SAAS;YAAC,OAAO;YAAG,MAAM;QAAG;QAAI,GAAG,KAAK;OAClD,CAAC,QAAU,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAA,QAAS,uBAAS,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,OAAO;gBAAC,QAAQ,CAAC,CAAC,iCAAW,CAAC,MAAM;YAAA;AAG9H","sources":["packages/@react-spectrum/overlays/src/OpenTransition.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 React, {JSX, JSXElementConstructor, ReactElement} from 'react';\nimport {Transition} from 'react-transition-group';\n\nconst OPEN_STATES = {\n  entering: false,\n  entered: true\n};\n\n/**\n * Timeout issues adding css animations to enter may be related to\n * https://github.com/reactjs/react-transition-group/issues/189 or\n * https://github.com/reactjs/react-transition-group/issues/22\n * my VM isn't good enough to debug accurately and get a better answer.\n *\n * As a result, use enter 0 so that is-open is applied once entered\n * it doesn't matter if we know when the css-animation is done on entering\n * for exiting though, give time for the css-animation to play\n * before removing from the DOM\n * **note** hitting esc bypasses exit animation for anyone testing.\n */\n\nexport function OpenTransition(\n  props: any\n): JSX.Element | ReactElement<any, string | JSXElementConstructor<any>>[] {\n  // Do not apply any transition if in chromatic.\n  if (process.env.CHROMATIC) {\n    return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));\n  }\n\n  return (\n    <Transition timeout={{enter: 0, exit: 350}} {...props}>\n      {(state) => React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: !!OPEN_STATES[state]}))}\n    </Transition>\n  );\n}\n"],"names":[],"version":3,"file":"OpenTransition.module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKD,MAAM,oCAAc;IAClB,UAAU;IACV,SAAS;AACX;AAeO,SAAS,0CACd,KAAU;QAIkC;IAG5C,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,SAAS;YAAC,OAAO;YAAG,MAAM;QAAG;QAAI,GAAG,KAAK;OAClD,CAAC,QAAU,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAA,QAAS,uBAAS,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,OAAO;gBAAC,QAAQ,CAAC,CAAC,iCAAW,CAAC,MAAM;YAAA;AAG9H","sources":["packages/@react-spectrum/overlays/src/OpenTransition.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 React, {JSX, JSXElementConstructor, ReactElement} from 'react';\nimport {Transition} from 'react-transition-group';\n\nconst OPEN_STATES = {\n  entering: false,\n  entered: true\n};\n\n/**\n * Timeout issues adding css animations to enter may be related to\n * https://github.com/reactjs/react-transition-group/issues/189 or\n * https://github.com/reactjs/react-transition-group/issues/22\n * my VM isn't good enough to debug accurately and get a better answer.\n *\n * As a result, use enter 0 so that is-open is applied once entered\n * it doesn't matter if we know when the css-animation is done on entering\n * for exiting though, give time for the css-animation to play\n * before removing from the DOM\n * **note** hitting esc bypasses exit animation for anyone testing.\n */\n\nexport function OpenTransition(\n  props: any\n): JSX.Element | ReactElement<any, string | JSXElementConstructor<any>>[] {\n  // Do not apply any transition if in chromatic.\n  if (typeof process !== 'undefined' && process.env.CHROMATIC) {\n    return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));\n  }\n\n  return (\n    <Transition timeout={{enter: 0, exit: 350}} {...props}>\n      {(state) => React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: !!OPEN_STATES[state]}))}\n    </Transition>\n  );\n}\n"],"names":[],"version":3,"file":"OpenTransition.module.js.map"}

package/dist/Tray.main.js

@@ -1,7 +1,7 @@
 var $2aebdc186fd41e87$exports = require("./Overlay.main.js");
 require("./overlays.f8d97b78.css");
 var $e9a663ccb19ed1b0$exports = require("./overlays_css.main.js");
-require("./overlays.31d3453e.css");
+require("./overlays.f1e5a60e.css");
 var $3ba16c5c57f2a636$exports = require("./tray_vars_css.main.js");
 var $b900e75089bdd9cd$exports = require("./Underlay.main.js");
 var $fWgpJ$reactariaoverlays = require("@react-aria/overlays");
@@ -68,7 +68,11 @@ let $6b386deda21be662$var$TrayWrapper = /*#__PURE__*/ (0, $fWgpJ$react.forwardRe
     // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
     let viewport = (0, $fWgpJ$reactariautils.useViewportSize)();
     let wrapperStyle = {
-        '--spectrum-visual-viewport-height': viewport.height + 'px'
+        '--spectrum-visual-viewport-height': viewport.height + 'px',
+        // position: fixed elements are clipped by Safari on iOS 26, so we use
+        // position: absolute and manually set the top to the scrollY.
+        // The page can't scroll while the tray is open so this doesn't need to update.
+        top: typeof window !== 'undefined' ? window.scrollY : 0
     };
     let wrapperClassName = (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3ba16c5c57f2a636$exports))), 'spectrum-Tray-wrapper');
     let className = (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3ba16c5c57f2a636$exports))), 'spectrum-Tray', {

package/dist/Tray.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyBM,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,kCAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,wCAAc,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,qCAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;IACzD;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,sCAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,0DAAC,CAAA,GAAA,sCAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@react-spectrum/overlays/src/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, DismissButton, useModalOverlay} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay} from './Overlay';\nimport {OverlayProps} from '@react-types/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\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 {useObjectRef, useViewportSize} from '@react-aria/utils';\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  };\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.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyBM,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,kCAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,wCAAc,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,qCAAc;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,sCAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,0DAAC,CAAA,GAAA,sCAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@react-spectrum/overlays/src/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, DismissButton, useModalOverlay} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay} from './Overlay';\nimport {OverlayProps} from '@react-types/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\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 {useObjectRef, useViewportSize} from '@react-aria/utils';\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.main.js.map"}

package/dist/Tray.mjs

@@ -1,7 +1,7 @@
 import {Overlay as $70305dc5fb729c3b$export$c6fdb837b070b4ff} from "./Overlay.mjs";
 import "./overlays.f8d97b78.css";
 import $3XF9U$overlays_cssmodulejs from "./overlays_css.mjs";
-import "./overlays.31d3453e.css";
+import "./overlays.f1e5a60e.css";
 import $3XF9U$tray_vars_cssmodulejs from "./tray_vars_css.mjs";
 import {Underlay as $76a452f4e3df11be$export$f360afc887607b02} from "./Underlay.mjs";
 import {useModalOverlay as $3XF9U$useModalOverlay, DismissButton as $3XF9U$DismissButton} from "@react-aria/overlays";
@@ -62,7 +62,11 @@ let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ (0, $3XF9U$forwardRef)(fun
     // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
     let viewport = (0, $3XF9U$useViewportSize)();
     let wrapperStyle = {
-        '--spectrum-visual-viewport-height': viewport.height + 'px'
+        '--spectrum-visual-viewport-height': viewport.height + 'px',
+        // position: fixed elements are clipped by Safari on iOS 26, so we use
+        // position: absolute and manually set the top to the scrollY.
+        // The page can't scroll while the tray is open so this doesn't need to update.
+        top: typeof window !== 'undefined' ? window.scrollY : 0
     };
     let wrapperClassName = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray-wrapper');
     let className = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray', {

package/dist/Tray.module.js

@@ -1,7 +1,7 @@
 import {Overlay as $70305dc5fb729c3b$export$c6fdb837b070b4ff} from "./Overlay.module.js";
 import "./overlays.f8d97b78.css";
 import $3XF9U$overlays_cssmodulejs from "./overlays_css.module.js";
-import "./overlays.31d3453e.css";
+import "./overlays.f1e5a60e.css";
 import $3XF9U$tray_vars_cssmodulejs from "./tray_vars_css.module.js";
 import {Underlay as $76a452f4e3df11be$export$f360afc887607b02} from "./Underlay.module.js";
 import {useModalOverlay as $3XF9U$useModalOverlay, DismissButton as $3XF9U$DismissButton} from "@react-aria/overlays";
@@ -62,7 +62,11 @@ let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ (0, $3XF9U$forwardRef)(fun
     // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
     let viewport = (0, $3XF9U$useViewportSize)();
     let wrapperStyle = {
-        '--spectrum-visual-viewport-height': viewport.height + 'px'
+        '--spectrum-visual-viewport-height': viewport.height + 'px',
+        // position: fixed elements are clipped by Safari on iOS 26, so we use
+        // position: absolute and manually set the top to the scrollY.
+        // The page can't scroll while the tray is open so this doesn't need to update.
+        top: typeof window !== 'undefined' ? window.scrollY : 0
     };
     let wrapperClassName = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray-wrapper');
     let className = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray', {

package/dist/Tray.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyBM,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,gBAAQ,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,oBAAY,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;IACzD;IAEA,IAAI,mBAAmB,CAAA,GAAA,iBAAS,EAC9B,CAAA,GAAA,sDAAS,GACT;IAGF,IAAI,YAAY,CAAA,GAAA,iBAAS,EACvB,CAAA,GAAA,sDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,qDAAa,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/@react-spectrum/overlays/src/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, DismissButton, useModalOverlay} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay} from './Overlay';\nimport {OverlayProps} from '@react-types/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\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 {useObjectRef, useViewportSize} from '@react-aria/utils';\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  };\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.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyBM,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,gBAAQ,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,oBAAY,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,iBAAS,EAC9B,CAAA,GAAA,sDAAS,GACT;IAGF,IAAI,YAAY,CAAA,GAAA,iBAAS,EACvB,CAAA,GAAA,sDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,qDAAa,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/@react-spectrum/overlays/src/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, DismissButton, useModalOverlay} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay} from './Overlay';\nimport {OverlayProps} from '@react-types/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\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 {useObjectRef, useViewportSize} from '@react-aria/utils';\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.module.js.map"}

package/dist/Underlay.main.js

@@ -1,6 +1,7 @@
-require("./overlays.09a708f1.css");
+require("./overlays.c765f49e.css");
 var $42908e91b4c5f428$exports = require("./underlay_vars_css.main.js");
 var $hjXq7$reactspectrumutils = require("@react-spectrum/utils");
+var $hjXq7$reactariautils = require("@react-aria/utils");
 var $hjXq7$react = require("react");
 
 
@@ -26,10 +27,22 @@ $parcel$export(module.exports, "Underlay", () => $b900e75089bdd9cd$export$f360af
  */ 
 
 
+
 function $b900e75089bdd9cd$export$f360afc887607b02({ isOpen: isOpen, isTransparent: isTransparent, ...otherProps }) {
+    let pageHeight = undefined;
+    if (typeof document !== 'undefined') {
+        let scrollingElement = (0, $hjXq7$reactariautils.isScrollable)(document.body) ? document.body : document.scrollingElement || document.documentElement;
+        // Prevent Firefox from adding scrollbars when the page has a fractional height.
+        let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
+        pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
+    }
     return /*#__PURE__*/ (0, ($parcel$interopDefault($hjXq7$react))).createElement("div", {
         "data-testid": "underlay",
         ...otherProps,
+        // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.
+        style: {
+            height: pageHeight
+        },
         className: (0, $hjXq7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($42908e91b4c5f428$exports))), 'spectrum-Underlay', {
             'is-open': isOpen,
             'spectrum-Underlay--transparent': isTransparent

package/dist/Underlay.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAWM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,qBACE,0DAAC;QAAI,eAAY;QAAY,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAa,GAAG,qBAAqB;YAAC,WAAW;YAAQ,kCAAkC;QAAa;;AAE9K","sources":["packages/@react-spectrum/overlays/src/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 '@react-spectrum/utils';\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  return (\n    <div data-testid=\"underlay\" {...otherProps} className={classNames(underlayStyles, 'spectrum-Underlay', {'is-open': isOpen, 'spectrum-Underlay--transparent': isTransparent})} />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.main.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,kCAAW,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/@react-spectrum/overlays/src/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 '@react-spectrum/utils';\nimport {isScrollable} from '@react-aria/utils';\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.main.js.map"}

package/dist/Underlay.mjs

@@ -1,6 +1,7 @@
-import "./overlays.09a708f1.css";
+import "./overlays.c765f49e.css";
 import $j2iDu$underlay_vars_cssmodulejs from "./underlay_vars_css.mjs";
 import {classNames as $j2iDu$classNames} from "@react-spectrum/utils";
+import {isScrollable as $j2iDu$isScrollable} from "@react-aria/utils";
 import $j2iDu$react from "react";
 
 
@@ -20,10 +21,22 @@ function $parcel$interopDefault(a) {
  */ 
 
 
+
 function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen, isTransparent: isTransparent, ...otherProps }) {
+    let pageHeight = undefined;
+    if (typeof document !== 'undefined') {
+        let scrollingElement = (0, $j2iDu$isScrollable)(document.body) ? document.body : document.scrollingElement || document.documentElement;
+        // Prevent Firefox from adding scrollbars when the page has a fractional height.
+        let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
+        pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
+    }
     return /*#__PURE__*/ (0, $j2iDu$react).createElement("div", {
         "data-testid": "underlay",
         ...otherProps,
+        // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.
+        style: {
+            height: pageHeight
+        },
         className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))), 'spectrum-Underlay', {
             'is-open': isOpen,
             'spectrum-Underlay--transparent': isTransparent

package/dist/Underlay.module.js

@@ -1,6 +1,7 @@
-import "./overlays.09a708f1.css";
+import "./overlays.c765f49e.css";
 import $j2iDu$underlay_vars_cssmodulejs from "./underlay_vars_css.module.js";
 import {classNames as $j2iDu$classNames} from "@react-spectrum/utils";
+import {isScrollable as $j2iDu$isScrollable} from "@react-aria/utils";
 import $j2iDu$react from "react";
 
 
@@ -20,10 +21,22 @@ function $parcel$interopDefault(a) {
  */ 
 
 
+
 function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen, isTransparent: isTransparent, ...otherProps }) {
+    let pageHeight = undefined;
+    if (typeof document !== 'undefined') {
+        let scrollingElement = (0, $j2iDu$isScrollable)(document.body) ? document.body : document.scrollingElement || document.documentElement;
+        // Prevent Firefox from adding scrollbars when the page has a fractional height.
+        let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
+        pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
+    }
     return /*#__PURE__*/ (0, $j2iDu$react).createElement("div", {
         "data-testid": "underlay",
         ...otherProps,
+        // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.
+        style: {
+            height: pageHeight
+        },
         className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))), 'spectrum-Underlay', {
             'is-open': isOpen,
             'spectrum-Underlay--transparent': isTransparent

package/dist/Underlay.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAWM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,qBACE,gCAAC;QAAI,eAAY;QAAY,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAa,GAAG,qBAAqB;YAAC,WAAW;YAAQ,kCAAkC;QAAa;;AAE9K","sources":["packages/@react-spectrum/overlays/src/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 '@react-spectrum/utils';\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  return (\n    <div data-testid=\"underlay\" {...otherProps} className={classNames(underlayStyles, 'spectrum-Underlay', {'is-open': isOpen, 'spectrum-Underlay--transparent': isTransparent})} />\n  );\n}\n"],"names":[],"version":3,"file":"Underlay.module.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,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,iBAAS,EAAE,CAAA,GAAA,0DAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAEN","sources":["packages/@react-spectrum/overlays/src/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 '@react-spectrum/utils';\nimport {isScrollable} from '@react-aria/utils';\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.module.js.map"}

package/dist/{overlays.09a708f1.css → overlays.c765f49e.css}

@@ -1,41 +1,41 @@
-.bCxaJG_i18nFontFamily {
+.fdFt3W_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(ar) {
+.fdFt3W_i18nFontFamily:lang(ar) {
   font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(he) {
+.fdFt3W_i18nFontFamily:lang(he) {
   font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(zh) {
+.fdFt3W_i18nFontFamily:lang(zh) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(zh-Hans) {
+.fdFt3W_i18nFontFamily:lang(zh-Hans) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(zh-Hant) {
+.fdFt3W_i18nFontFamily:lang(zh-Hant) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(zh-SG), .bCxaJG_i18nFontFamily:lang(zh-CN) {
+.fdFt3W_i18nFontFamily:lang(zh-SG), .fdFt3W_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(ko) {
+.fdFt3W_i18nFontFamily:lang(ko) {
   font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
 }
 
-.bCxaJG_i18nFontFamily:lang(ja) {
+.fdFt3W_i18nFontFamily:lang(ja) {
   font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 }
 
-.bCxaJG_spectrum-FocusRing-ring {
+.fdFt3W_spectrum-FocusRing-ring {
   --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
@@ -43,7 +43,7 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-.bCxaJG_spectrum-FocusRing-ring:after {
+.fdFt3W_spectrum-FocusRing-ring:after {
   border-radius: calc(var(--spectrum-focus-ring-border-radius)  + var(--spectrum-focus-ring-gap));
   content: "";
   margin: calc(-1 * var(--spectrum-focus-ring-border-size));
@@ -54,78 +54,78 @@
   inset: 0;
 }
 
-.bCxaJG_spectrum-FocusRing.bCxaJG_focus-ring:after {
+.fdFt3W_spectrum-FocusRing.fdFt3W_focus-ring:after {
   margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
   box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
 }
 
-.bCxaJG_spectrum-FocusRing--quiet:after {
+.fdFt3W_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-.bCxaJG_spectrum-FocusRing--quiet.bCxaJG_focus-ring:after {
+.fdFt3W_spectrum-FocusRing--quiet.fdFt3W_focus-ring:after {
   margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
   box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
 }
 
 @media (forced-colors: active) {
-  .bCxaJG_spectrum-FocusRing, .bCxaJG_spectrum-FocusRing-ring, .bCxaJG_spectrum-FocusRing--quiet {
+  .fdFt3W_spectrum-FocusRing, .fdFt3W_spectrum-FocusRing-ring, .fdFt3W_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(.bCxaJG_spectrum-FocusRing, .bCxaJG_spectrum-FocusRing-ring, .bCxaJG_spectrum-FocusRing--quiet):after {
+  :is(.fdFt3W_spectrum-FocusRing, .fdFt3W_spectrum-FocusRing-ring, .fdFt3W_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-.bCxaJG_spectrum-overlay {
+.fdFt3W_spectrum-overlay {
   visibility: hidden;
   opacity: 0;
   transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
   pointer-events: none;
 }
 
-.bCxaJG_spectrum-overlay--open {
+.fdFt3W_spectrum-overlay--open {
   visibility: visible;
   opacity: .9999;
   pointer-events: auto;
   transition-delay: 0s;
 }
 
-.bCxaJG_spectrum-overlay--bottom--open {
+.fdFt3W_spectrum-overlay--bottom--open {
   transform: translateY(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.bCxaJG_spectrum-overlay--top--open {
+.fdFt3W_spectrum-overlay--top--open {
   transform: translateY(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.bCxaJG_spectrum-overlay--right--open {
+.fdFt3W_spectrum-overlay--right--open {
   transform: translateX(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.bCxaJG_spectrum-overlay--left--open {
+.fdFt3W_spectrum-overlay--left--open {
   transform: translateX(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.bCxaJG_spectrum-Underlay {
+.fdFt3W_spectrum-Underlay {
   z-index: 1;
   transition: opacity var(--spectrum-dialog-background-exit-animation-duration, var(--spectrum-global-animation-duration-300)) cubic-bezier(.5, 0, 1, 1) var(--spectrum-dialog-background-exit-animation-delay, var(--spectrum-global-animation-duration-200)), visibility 0s linear calc(var(--spectrum-dialog-background-exit-animation-delay, var(--spectrum-global-animation-duration-200))  + var(--spectrum-dialog-background-exit-animation-duration, var(--spectrum-global-animation-duration-300)));
-  position: fixed;
+  position: absolute;
   inset: 0;
   overflow: hidden;
 }
 
-.bCxaJG_spectrum-Underlay.bCxaJG_spectrum-Underlay--transparent {
+.fdFt3W_spectrum-Underlay.fdFt3W_spectrum-Underlay--transparent {
   background: none;
   transition: none;
 }
 
-.bCxaJG_is-open {
+.fdFt3W_is-open {
   transition: opacity var(--spectrum-dialog-background-entry-animation-duration, var(--spectrum-global-animation-duration-600)) cubic-bezier(0, 0, .4, 1) 0s;
 }
 
-.bCxaJG_spectrum-Underlay {
+.fdFt3W_spectrum-Underlay {
   background: var(--spectrum-dialog-underlay-background-color, var(--spectrum-alias-background-color-modal-overlay));
 }
-/*# sourceMappingURL=overlays.09a708f1.css.map */
+/*# sourceMappingURL=overlays.c765f49e.css.map */

package/dist/{overlays.09a708f1.css.map → overlays.c765f49e.css.map}

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;AAkBE;;;;;AAMF;;;;AAmBA","sources":["packages/@adobe/spectrum-css-temp/components/underlay/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"overlays.09a708f1.css.map"}
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;AAmBE;;;;;AAMF;;;;AAmBA","sources":["packages/@adobe/spectrum-css-temp/components/underlay/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"overlays.c765f49e.css.map"}

package/dist/{overlays.31d3453e.css → overlays.f1e5a60e.css}

@@ -1,41 +1,41 @@
-.RhyqGG_i18nFontFamily {
+.tsH6yq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(ar) {
+.tsH6yq_i18nFontFamily:lang(ar) {
   font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(he) {
+.tsH6yq_i18nFontFamily:lang(he) {
   font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(zh) {
+.tsH6yq_i18nFontFamily:lang(zh) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(zh-Hans) {
+.tsH6yq_i18nFontFamily:lang(zh-Hans) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(zh-Hant) {
+.tsH6yq_i18nFontFamily:lang(zh-Hant) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(zh-SG), .RhyqGG_i18nFontFamily:lang(zh-CN) {
+.tsH6yq_i18nFontFamily:lang(zh-SG), .tsH6yq_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(ko) {
+.tsH6yq_i18nFontFamily:lang(ko) {
   font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
 }
 
-.RhyqGG_i18nFontFamily:lang(ja) {
+.tsH6yq_i18nFontFamily:lang(ja) {
   font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 }
 
-.RhyqGG_spectrum-FocusRing-ring {
+.tsH6yq_spectrum-FocusRing-ring {
   --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
@@ -43,7 +43,7 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-.RhyqGG_spectrum-FocusRing-ring:after {
+.tsH6yq_spectrum-FocusRing-ring:after {
   border-radius: calc(var(--spectrum-focus-ring-border-radius)  + var(--spectrum-focus-ring-gap));
   content: "";
   margin: calc(-1 * var(--spectrum-focus-ring-border-size));
@@ -54,130 +54,131 @@
   inset: 0;
 }
 
-.RhyqGG_spectrum-FocusRing.RhyqGG_focus-ring:after {
+.tsH6yq_spectrum-FocusRing.tsH6yq_focus-ring:after {
   margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
   box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
 }
 
-.RhyqGG_spectrum-FocusRing--quiet:after {
+.tsH6yq_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-.RhyqGG_spectrum-FocusRing--quiet.RhyqGG_focus-ring:after {
+.tsH6yq_spectrum-FocusRing--quiet.tsH6yq_focus-ring:after {
   margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
   box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
 }
 
 @media (forced-colors: active) {
-  .RhyqGG_spectrum-FocusRing, .RhyqGG_spectrum-FocusRing-ring, .RhyqGG_spectrum-FocusRing--quiet {
+  .tsH6yq_spectrum-FocusRing, .tsH6yq_spectrum-FocusRing-ring, .tsH6yq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(.RhyqGG_spectrum-FocusRing, .RhyqGG_spectrum-FocusRing-ring, .RhyqGG_spectrum-FocusRing--quiet):after {
+  :is(.tsH6yq_spectrum-FocusRing, .tsH6yq_spectrum-FocusRing-ring, .tsH6yq_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-.RhyqGG_spectrum-overlay {
+.tsH6yq_spectrum-overlay {
   visibility: hidden;
   opacity: 0;
   transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
   pointer-events: none;
 }
 
-.RhyqGG_spectrum-overlay--open {
+.tsH6yq_spectrum-overlay--open {
   visibility: visible;
   opacity: .9999;
   pointer-events: auto;
   transition-delay: 0s;
 }
 
-.RhyqGG_spectrum-overlay--bottom--open {
+.tsH6yq_spectrum-overlay--bottom--open {
   transform: translateY(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.RhyqGG_spectrum-overlay--top--open {
+.tsH6yq_spectrum-overlay--top--open {
   transform: translateY(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.RhyqGG_spectrum-overlay--right--open {
+.tsH6yq_spectrum-overlay--right--open {
   transform: translateX(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.RhyqGG_spectrum-overlay--left--open {
+.tsH6yq_spectrum-overlay--left--open {
   transform: translateX(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.RhyqGG_spectrum-Tray-wrapper {
+.tsH6yq_spectrum-Tray-wrapper {
   pointer-events: none;
   z-index: 2;
   justify-content: center;
   width: 100%;
-  height: 100vh;
+  height: 100dvh;
   display: flex;
-  position: fixed;
+  position: absolute;
   top: 0;
 }
 
-.RhyqGG_spectrum-Tray-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+.tsH6yq_spectrum-Tray-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   left: 0;
 }
 
-.RhyqGG_spectrum-Tray-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+.tsH6yq_spectrum-Tray-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   left: 0;
 }
 
-.RhyqGG_spectrum-Tray-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+.tsH6yq_spectrum-Tray-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
   right: 0;
 }
 
-.RhyqGG_spectrum-Tray-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+.tsH6yq_spectrum-Tray-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
   right: 0;
 }
 
-.RhyqGG_spectrum-Tray {
+.tsH6yq_spectrum-Tray {
   --spectrum-tray-margin-top: 64px;
   --spectrum-tray-max-width: 450px;
   width: var(--spectrum-tray-width, 100%);
   max-width: var(--spectrum-tray-max-width, 375px);
   min-height: var(--spectrum-tray-min-height, var(--spectrum-global-dimension-static-size-800));
   max-height: calc(var(--spectrum-visual-viewport-height)  - var(--spectrum-tray-margin-top));
-  padding-bottom: max(calc(100vh - var(--spectrum-visual-viewport-height)), env(safe-area-inset-bottom));
+  padding-bottom: calc(max(calc(100dvh - var(--spectrum-visual-viewport-height)), env(safe-area-inset-bottom))  + 100vh);
   border-radius: var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-border-radius, 0px) var(--spectrum-tray-border-radius, 0px);
   transition: opacity var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)) cubic-bezier(.5, 0, 1, 1) 0s, transform var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)) cubic-bezier(.5, 0, 1, 1) 0s;
+  box-sizing: content-box;
   outline: none;
   flex-direction: column;
   display: flex;
   position: absolute;
-  bottom: 0;
+  bottom: -100vh;
   overflow: hidden auto;
-  transform: translateY(100%);
+  transform: translateY(calc(100% - 100vh));
 }
 
-.RhyqGG_is-open {
+.tsH6yq_is-open {
   transition: transform var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200)), opacity var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200));
   transform: translateY(0);
 }
 
-.RhyqGG_spectrum-Tray--fixedHeight {
+.tsH6yq_spectrum-Tray--fixedHeight {
   height: calc(var(--spectrum-visual-viewport-height)  - var(--spectrum-tray-margin-top));
   top: var(--spectrum-tray-margin-top);
 }
 
 @media (width <= 450px) {
-  .RhyqGG_spectrum-Tray {
+  .tsH6yq_spectrum-Tray {
     border-radius: var(--spectrum-tray-border-radius, 0px);
   }
 }
 
 @media (forced-colors: active) {
-  .RhyqGG_spectrum-Tray {
+  .tsH6yq_spectrum-Tray {
     border-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
     border-style: solid solid none;
   }
 }
 
-.RhyqGG_spectrum-Tray {
+.tsH6yq_spectrum-Tray {
   background-color: var(--spectrum-tray-background-color);
 }
-/*# sourceMappingURL=overlays.31d3453e.css.map */
+/*# sourceMappingURL=overlays.f1e5a60e.css.map */

package/dist/overlays.f1e5a60e.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAiBA;;;;;;;;;;;;;;;;;;;;AA4CA;;;;;AAUA;;;;;AAOA;EACE;;;;;AAKF;EACE;;;;;;AAkBF","sources":["packages/@adobe/spectrum-css-temp/components/tray/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"overlays.f1e5a60e.css.map"}

package/dist/tray_vars_css.main.js

@@ -33,21 +33,21 @@ var $3ba16c5c57f2a636$export$a96755f239de61ee;
 var $3ba16c5c57f2a636$export$a85c0c6b6cf8598c;
 var $3ba16c5c57f2a636$export$85aaa87e65e040bf;
 var $3ba16c5c57f2a636$export$b9768db7ffc1bc2;
-$3ba16c5c57f2a636$export$f39a09f249340e2a = `RhyqGG_focus-ring`;
-$3ba16c5c57f2a636$export$8c4ee2c50c22c514 = `RhyqGG_i18nFontFamily`;
-$3ba16c5c57f2a636$export$a397eb58038aa381 = `RhyqGG_spectrum-overlay--open`;
-$3ba16c5c57f2a636$export$a9781837241c946d = `RhyqGG_is-open ${$3ba16c5c57f2a636$export$a397eb58038aa381}`;
-$3ba16c5c57f2a636$export$4109102f950813a6 = `RhyqGG_spectrum-FocusRing-ring`;
-$3ba16c5c57f2a636$export$24c7f46a6e3605dd = `RhyqGG_spectrum-FocusRing ${$3ba16c5c57f2a636$export$4109102f950813a6}`;
-$3ba16c5c57f2a636$export$2927016961429360 = `RhyqGG_spectrum-FocusRing--quiet`;
-$3ba16c5c57f2a636$export$39eed38e2296a1d6 = `RhyqGG_spectrum-overlay`;
-$3ba16c5c57f2a636$export$ce0704cd084c4f0d = `RhyqGG_spectrum-Tray ${$3ba16c5c57f2a636$export$39eed38e2296a1d6}`;
-$3ba16c5c57f2a636$export$79bfb05e59a300b = `RhyqGG_spectrum-Tray--fixedHeight`;
-$3ba16c5c57f2a636$export$641b9b70c23dce66 = `RhyqGG_spectrum-Tray-wrapper`;
-$3ba16c5c57f2a636$export$a96755f239de61ee = `RhyqGG_spectrum-overlay--bottom--open`;
-$3ba16c5c57f2a636$export$a85c0c6b6cf8598c = `RhyqGG_spectrum-overlay--left--open`;
-$3ba16c5c57f2a636$export$85aaa87e65e040bf = `RhyqGG_spectrum-overlay--right--open`;
-$3ba16c5c57f2a636$export$b9768db7ffc1bc2 = `RhyqGG_spectrum-overlay--top--open`;
+$3ba16c5c57f2a636$export$f39a09f249340e2a = `tsH6yq_focus-ring`;
+$3ba16c5c57f2a636$export$8c4ee2c50c22c514 = `tsH6yq_i18nFontFamily`;
+$3ba16c5c57f2a636$export$a397eb58038aa381 = `tsH6yq_spectrum-overlay--open`;
+$3ba16c5c57f2a636$export$a9781837241c946d = `tsH6yq_is-open ${$3ba16c5c57f2a636$export$a397eb58038aa381}`;
+$3ba16c5c57f2a636$export$4109102f950813a6 = `tsH6yq_spectrum-FocusRing-ring`;
+$3ba16c5c57f2a636$export$24c7f46a6e3605dd = `tsH6yq_spectrum-FocusRing ${$3ba16c5c57f2a636$export$4109102f950813a6}`;
+$3ba16c5c57f2a636$export$2927016961429360 = `tsH6yq_spectrum-FocusRing--quiet`;
+$3ba16c5c57f2a636$export$39eed38e2296a1d6 = `tsH6yq_spectrum-overlay`;
+$3ba16c5c57f2a636$export$ce0704cd084c4f0d = `tsH6yq_spectrum-Tray ${$3ba16c5c57f2a636$export$39eed38e2296a1d6}`;
+$3ba16c5c57f2a636$export$79bfb05e59a300b = `tsH6yq_spectrum-Tray--fixedHeight`;
+$3ba16c5c57f2a636$export$641b9b70c23dce66 = `tsH6yq_spectrum-Tray-wrapper`;
+$3ba16c5c57f2a636$export$a96755f239de61ee = `tsH6yq_spectrum-overlay--bottom--open`;
+$3ba16c5c57f2a636$export$a85c0c6b6cf8598c = `tsH6yq_spectrum-overlay--left--open`;
+$3ba16c5c57f2a636$export$85aaa87e65e040bf = `tsH6yq_spectrum-overlay--right--open`;
+$3ba16c5c57f2a636$export$b9768db7ffc1bc2 = `tsH6yq_spectrum-overlay--top--open`;
 
 
 //# sourceMappingURL=tray_vars_css.main.js.map

package/dist/tray_vars_css.mjs

@@ -34,21 +34,21 @@ var $930b2f4095bb11d1$export$a96755f239de61ee;
 var $930b2f4095bb11d1$export$a85c0c6b6cf8598c;
 var $930b2f4095bb11d1$export$85aaa87e65e040bf;
 var $930b2f4095bb11d1$export$b9768db7ffc1bc2;
-$930b2f4095bb11d1$export$f39a09f249340e2a = `RhyqGG_focus-ring`;
-$930b2f4095bb11d1$export$8c4ee2c50c22c514 = `RhyqGG_i18nFontFamily`;
-$930b2f4095bb11d1$export$a397eb58038aa381 = `RhyqGG_spectrum-overlay--open`;
-$930b2f4095bb11d1$export$a9781837241c946d = `RhyqGG_is-open ${$930b2f4095bb11d1$export$a397eb58038aa381}`;
-$930b2f4095bb11d1$export$4109102f950813a6 = `RhyqGG_spectrum-FocusRing-ring`;
-$930b2f4095bb11d1$export$24c7f46a6e3605dd = `RhyqGG_spectrum-FocusRing ${$930b2f4095bb11d1$export$4109102f950813a6}`;
-$930b2f4095bb11d1$export$2927016961429360 = `RhyqGG_spectrum-FocusRing--quiet`;
-$930b2f4095bb11d1$export$39eed38e2296a1d6 = `RhyqGG_spectrum-overlay`;
-$930b2f4095bb11d1$export$ce0704cd084c4f0d = `RhyqGG_spectrum-Tray ${$930b2f4095bb11d1$export$39eed38e2296a1d6}`;
-$930b2f4095bb11d1$export$79bfb05e59a300b = `RhyqGG_spectrum-Tray--fixedHeight`;
-$930b2f4095bb11d1$export$641b9b70c23dce66 = `RhyqGG_spectrum-Tray-wrapper`;
-$930b2f4095bb11d1$export$a96755f239de61ee = `RhyqGG_spectrum-overlay--bottom--open`;
-$930b2f4095bb11d1$export$a85c0c6b6cf8598c = `RhyqGG_spectrum-overlay--left--open`;
-$930b2f4095bb11d1$export$85aaa87e65e040bf = `RhyqGG_spectrum-overlay--right--open`;
-$930b2f4095bb11d1$export$b9768db7ffc1bc2 = `RhyqGG_spectrum-overlay--top--open`;
+$930b2f4095bb11d1$export$f39a09f249340e2a = `tsH6yq_focus-ring`;
+$930b2f4095bb11d1$export$8c4ee2c50c22c514 = `tsH6yq_i18nFontFamily`;
+$930b2f4095bb11d1$export$a397eb58038aa381 = `tsH6yq_spectrum-overlay--open`;
+$930b2f4095bb11d1$export$a9781837241c946d = `tsH6yq_is-open ${$930b2f4095bb11d1$export$a397eb58038aa381}`;
+$930b2f4095bb11d1$export$4109102f950813a6 = `tsH6yq_spectrum-FocusRing-ring`;
+$930b2f4095bb11d1$export$24c7f46a6e3605dd = `tsH6yq_spectrum-FocusRing ${$930b2f4095bb11d1$export$4109102f950813a6}`;
+$930b2f4095bb11d1$export$2927016961429360 = `tsH6yq_spectrum-FocusRing--quiet`;
+$930b2f4095bb11d1$export$39eed38e2296a1d6 = `tsH6yq_spectrum-overlay`;
+$930b2f4095bb11d1$export$ce0704cd084c4f0d = `tsH6yq_spectrum-Tray ${$930b2f4095bb11d1$export$39eed38e2296a1d6}`;
+$930b2f4095bb11d1$export$79bfb05e59a300b = `tsH6yq_spectrum-Tray--fixedHeight`;
+$930b2f4095bb11d1$export$641b9b70c23dce66 = `tsH6yq_spectrum-Tray-wrapper`;
+$930b2f4095bb11d1$export$a96755f239de61ee = `tsH6yq_spectrum-overlay--bottom--open`;
+$930b2f4095bb11d1$export$a85c0c6b6cf8598c = `tsH6yq_spectrum-overlay--left--open`;
+$930b2f4095bb11d1$export$85aaa87e65e040bf = `tsH6yq_spectrum-overlay--right--open`;
+$930b2f4095bb11d1$export$b9768db7ffc1bc2 = `tsH6yq_spectrum-overlay--top--open`;
 
 
 export {$930b2f4095bb11d1$exports as default};

package/dist/tray_vars_css.module.js

@@ -34,21 +34,21 @@ var $930b2f4095bb11d1$export$a96755f239de61ee;
 var $930b2f4095bb11d1$export$a85c0c6b6cf8598c;
 var $930b2f4095bb11d1$export$85aaa87e65e040bf;
 var $930b2f4095bb11d1$export$b9768db7ffc1bc2;
-$930b2f4095bb11d1$export$f39a09f249340e2a = `RhyqGG_focus-ring`;
-$930b2f4095bb11d1$export$8c4ee2c50c22c514 = `RhyqGG_i18nFontFamily`;
-$930b2f4095bb11d1$export$a397eb58038aa381 = `RhyqGG_spectrum-overlay--open`;
-$930b2f4095bb11d1$export$a9781837241c946d = `RhyqGG_is-open ${$930b2f4095bb11d1$export$a397eb58038aa381}`;
-$930b2f4095bb11d1$export$4109102f950813a6 = `RhyqGG_spectrum-FocusRing-ring`;
-$930b2f4095bb11d1$export$24c7f46a6e3605dd = `RhyqGG_spectrum-FocusRing ${$930b2f4095bb11d1$export$4109102f950813a6}`;
-$930b2f4095bb11d1$export$2927016961429360 = `RhyqGG_spectrum-FocusRing--quiet`;
-$930b2f4095bb11d1$export$39eed38e2296a1d6 = `RhyqGG_spectrum-overlay`;
-$930b2f4095bb11d1$export$ce0704cd084c4f0d = `RhyqGG_spectrum-Tray ${$930b2f4095bb11d1$export$39eed38e2296a1d6}`;
-$930b2f4095bb11d1$export$79bfb05e59a300b = `RhyqGG_spectrum-Tray--fixedHeight`;
-$930b2f4095bb11d1$export$641b9b70c23dce66 = `RhyqGG_spectrum-Tray-wrapper`;
-$930b2f4095bb11d1$export$a96755f239de61ee = `RhyqGG_spectrum-overlay--bottom--open`;
-$930b2f4095bb11d1$export$a85c0c6b6cf8598c = `RhyqGG_spectrum-overlay--left--open`;
-$930b2f4095bb11d1$export$85aaa87e65e040bf = `RhyqGG_spectrum-overlay--right--open`;
-$930b2f4095bb11d1$export$b9768db7ffc1bc2 = `RhyqGG_spectrum-overlay--top--open`;
+$930b2f4095bb11d1$export$f39a09f249340e2a = `tsH6yq_focus-ring`;
+$930b2f4095bb11d1$export$8c4ee2c50c22c514 = `tsH6yq_i18nFontFamily`;
+$930b2f4095bb11d1$export$a397eb58038aa381 = `tsH6yq_spectrum-overlay--open`;
+$930b2f4095bb11d1$export$a9781837241c946d = `tsH6yq_is-open ${$930b2f4095bb11d1$export$a397eb58038aa381}`;
+$930b2f4095bb11d1$export$4109102f950813a6 = `tsH6yq_spectrum-FocusRing-ring`;
+$930b2f4095bb11d1$export$24c7f46a6e3605dd = `tsH6yq_spectrum-FocusRing ${$930b2f4095bb11d1$export$4109102f950813a6}`;
+$930b2f4095bb11d1$export$2927016961429360 = `tsH6yq_spectrum-FocusRing--quiet`;
+$930b2f4095bb11d1$export$39eed38e2296a1d6 = `tsH6yq_spectrum-overlay`;
+$930b2f4095bb11d1$export$ce0704cd084c4f0d = `tsH6yq_spectrum-Tray ${$930b2f4095bb11d1$export$39eed38e2296a1d6}`;
+$930b2f4095bb11d1$export$79bfb05e59a300b = `tsH6yq_spectrum-Tray--fixedHeight`;
+$930b2f4095bb11d1$export$641b9b70c23dce66 = `tsH6yq_spectrum-Tray-wrapper`;
+$930b2f4095bb11d1$export$a96755f239de61ee = `tsH6yq_spectrum-overlay--bottom--open`;
+$930b2f4095bb11d1$export$a85c0c6b6cf8598c = `tsH6yq_spectrum-overlay--left--open`;
+$930b2f4095bb11d1$export$85aaa87e65e040bf = `tsH6yq_spectrum-overlay--right--open`;
+$930b2f4095bb11d1$export$b9768db7ffc1bc2 = `tsH6yq_spectrum-overlay--top--open`;
 
 
 export {$930b2f4095bb11d1$exports as default};

package/dist/underlay_vars_css.main.js

@@ -31,20 +31,20 @@ var $42908e91b4c5f428$export$a96755f239de61ee;
 var $42908e91b4c5f428$export$a85c0c6b6cf8598c;
 var $42908e91b4c5f428$export$85aaa87e65e040bf;
 var $42908e91b4c5f428$export$b9768db7ffc1bc2;
-$42908e91b4c5f428$export$f39a09f249340e2a = `bCxaJG_focus-ring`;
-$42908e91b4c5f428$export$8c4ee2c50c22c514 = `bCxaJG_i18nFontFamily`;
-$42908e91b4c5f428$export$a397eb58038aa381 = `bCxaJG_spectrum-overlay--open`;
-$42908e91b4c5f428$export$a9781837241c946d = `bCxaJG_is-open ${$42908e91b4c5f428$export$a397eb58038aa381}`;
-$42908e91b4c5f428$export$4109102f950813a6 = `bCxaJG_spectrum-FocusRing-ring`;
-$42908e91b4c5f428$export$24c7f46a6e3605dd = `bCxaJG_spectrum-FocusRing ${$42908e91b4c5f428$export$4109102f950813a6}`;
-$42908e91b4c5f428$export$2927016961429360 = `bCxaJG_spectrum-FocusRing--quiet`;
-$42908e91b4c5f428$export$39eed38e2296a1d6 = `bCxaJG_spectrum-overlay`;
-$42908e91b4c5f428$export$74470528f463af97 = `bCxaJG_spectrum-Underlay ${$42908e91b4c5f428$export$39eed38e2296a1d6}`;
-$42908e91b4c5f428$export$8eb3860104039b44 = `bCxaJG_spectrum-Underlay--transparent`;
-$42908e91b4c5f428$export$a96755f239de61ee = `bCxaJG_spectrum-overlay--bottom--open`;
-$42908e91b4c5f428$export$a85c0c6b6cf8598c = `bCxaJG_spectrum-overlay--left--open`;
-$42908e91b4c5f428$export$85aaa87e65e040bf = `bCxaJG_spectrum-overlay--right--open`;
-$42908e91b4c5f428$export$b9768db7ffc1bc2 = `bCxaJG_spectrum-overlay--top--open`;
+$42908e91b4c5f428$export$f39a09f249340e2a = `fdFt3W_focus-ring`;
+$42908e91b4c5f428$export$8c4ee2c50c22c514 = `fdFt3W_i18nFontFamily`;
+$42908e91b4c5f428$export$a397eb58038aa381 = `fdFt3W_spectrum-overlay--open`;
+$42908e91b4c5f428$export$a9781837241c946d = `fdFt3W_is-open ${$42908e91b4c5f428$export$a397eb58038aa381}`;
+$42908e91b4c5f428$export$4109102f950813a6 = `fdFt3W_spectrum-FocusRing-ring`;
+$42908e91b4c5f428$export$24c7f46a6e3605dd = `fdFt3W_spectrum-FocusRing ${$42908e91b4c5f428$export$4109102f950813a6}`;
+$42908e91b4c5f428$export$2927016961429360 = `fdFt3W_spectrum-FocusRing--quiet`;
+$42908e91b4c5f428$export$39eed38e2296a1d6 = `fdFt3W_spectrum-overlay`;
+$42908e91b4c5f428$export$74470528f463af97 = `fdFt3W_spectrum-Underlay ${$42908e91b4c5f428$export$39eed38e2296a1d6}`;
+$42908e91b4c5f428$export$8eb3860104039b44 = `fdFt3W_spectrum-Underlay--transparent`;
+$42908e91b4c5f428$export$a96755f239de61ee = `fdFt3W_spectrum-overlay--bottom--open`;
+$42908e91b4c5f428$export$a85c0c6b6cf8598c = `fdFt3W_spectrum-overlay--left--open`;
+$42908e91b4c5f428$export$85aaa87e65e040bf = `fdFt3W_spectrum-overlay--right--open`;
+$42908e91b4c5f428$export$b9768db7ffc1bc2 = `fdFt3W_spectrum-overlay--top--open`;
 
 
 //# sourceMappingURL=underlay_vars_css.main.js.map

package/dist/underlay_vars_css.mjs

@@ -32,20 +32,20 @@ var $c77d7b73b2bbd0fb$export$a96755f239de61ee;
 var $c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c;
 var $c77d7b73b2bbd0fb$export$85aaa87e65e040bf;
 var $c77d7b73b2bbd0fb$export$b9768db7ffc1bc2;
-$c77d7b73b2bbd0fb$export$f39a09f249340e2a = `bCxaJG_focus-ring`;
-$c77d7b73b2bbd0fb$export$8c4ee2c50c22c514 = `bCxaJG_i18nFontFamily`;
-$c77d7b73b2bbd0fb$export$a397eb58038aa381 = `bCxaJG_spectrum-overlay--open`;
-$c77d7b73b2bbd0fb$export$a9781837241c946d = `bCxaJG_is-open ${$c77d7b73b2bbd0fb$export$a397eb58038aa381}`;
-$c77d7b73b2bbd0fb$export$4109102f950813a6 = `bCxaJG_spectrum-FocusRing-ring`;
-$c77d7b73b2bbd0fb$export$24c7f46a6e3605dd = `bCxaJG_spectrum-FocusRing ${$c77d7b73b2bbd0fb$export$4109102f950813a6}`;
-$c77d7b73b2bbd0fb$export$2927016961429360 = `bCxaJG_spectrum-FocusRing--quiet`;
-$c77d7b73b2bbd0fb$export$39eed38e2296a1d6 = `bCxaJG_spectrum-overlay`;
-$c77d7b73b2bbd0fb$export$74470528f463af97 = `bCxaJG_spectrum-Underlay ${$c77d7b73b2bbd0fb$export$39eed38e2296a1d6}`;
-$c77d7b73b2bbd0fb$export$8eb3860104039b44 = `bCxaJG_spectrum-Underlay--transparent`;
-$c77d7b73b2bbd0fb$export$a96755f239de61ee = `bCxaJG_spectrum-overlay--bottom--open`;
-$c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c = `bCxaJG_spectrum-overlay--left--open`;
-$c77d7b73b2bbd0fb$export$85aaa87e65e040bf = `bCxaJG_spectrum-overlay--right--open`;
-$c77d7b73b2bbd0fb$export$b9768db7ffc1bc2 = `bCxaJG_spectrum-overlay--top--open`;
+$c77d7b73b2bbd0fb$export$f39a09f249340e2a = `fdFt3W_focus-ring`;
+$c77d7b73b2bbd0fb$export$8c4ee2c50c22c514 = `fdFt3W_i18nFontFamily`;
+$c77d7b73b2bbd0fb$export$a397eb58038aa381 = `fdFt3W_spectrum-overlay--open`;
+$c77d7b73b2bbd0fb$export$a9781837241c946d = `fdFt3W_is-open ${$c77d7b73b2bbd0fb$export$a397eb58038aa381}`;
+$c77d7b73b2bbd0fb$export$4109102f950813a6 = `fdFt3W_spectrum-FocusRing-ring`;
+$c77d7b73b2bbd0fb$export$24c7f46a6e3605dd = `fdFt3W_spectrum-FocusRing ${$c77d7b73b2bbd0fb$export$4109102f950813a6}`;
+$c77d7b73b2bbd0fb$export$2927016961429360 = `fdFt3W_spectrum-FocusRing--quiet`;
+$c77d7b73b2bbd0fb$export$39eed38e2296a1d6 = `fdFt3W_spectrum-overlay`;
+$c77d7b73b2bbd0fb$export$74470528f463af97 = `fdFt3W_spectrum-Underlay ${$c77d7b73b2bbd0fb$export$39eed38e2296a1d6}`;
+$c77d7b73b2bbd0fb$export$8eb3860104039b44 = `fdFt3W_spectrum-Underlay--transparent`;
+$c77d7b73b2bbd0fb$export$a96755f239de61ee = `fdFt3W_spectrum-overlay--bottom--open`;
+$c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c = `fdFt3W_spectrum-overlay--left--open`;
+$c77d7b73b2bbd0fb$export$85aaa87e65e040bf = `fdFt3W_spectrum-overlay--right--open`;
+$c77d7b73b2bbd0fb$export$b9768db7ffc1bc2 = `fdFt3W_spectrum-overlay--top--open`;
 
 
 export {$c77d7b73b2bbd0fb$exports as default};

package/dist/underlay_vars_css.module.js

@@ -32,20 +32,20 @@ var $c77d7b73b2bbd0fb$export$a96755f239de61ee;
 var $c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c;
 var $c77d7b73b2bbd0fb$export$85aaa87e65e040bf;
 var $c77d7b73b2bbd0fb$export$b9768db7ffc1bc2;
-$c77d7b73b2bbd0fb$export$f39a09f249340e2a = `bCxaJG_focus-ring`;
-$c77d7b73b2bbd0fb$export$8c4ee2c50c22c514 = `bCxaJG_i18nFontFamily`;
-$c77d7b73b2bbd0fb$export$a397eb58038aa381 = `bCxaJG_spectrum-overlay--open`;
-$c77d7b73b2bbd0fb$export$a9781837241c946d = `bCxaJG_is-open ${$c77d7b73b2bbd0fb$export$a397eb58038aa381}`;
-$c77d7b73b2bbd0fb$export$4109102f950813a6 = `bCxaJG_spectrum-FocusRing-ring`;
-$c77d7b73b2bbd0fb$export$24c7f46a6e3605dd = `bCxaJG_spectrum-FocusRing ${$c77d7b73b2bbd0fb$export$4109102f950813a6}`;
-$c77d7b73b2bbd0fb$export$2927016961429360 = `bCxaJG_spectrum-FocusRing--quiet`;
-$c77d7b73b2bbd0fb$export$39eed38e2296a1d6 = `bCxaJG_spectrum-overlay`;
-$c77d7b73b2bbd0fb$export$74470528f463af97 = `bCxaJG_spectrum-Underlay ${$c77d7b73b2bbd0fb$export$39eed38e2296a1d6}`;
-$c77d7b73b2bbd0fb$export$8eb3860104039b44 = `bCxaJG_spectrum-Underlay--transparent`;
-$c77d7b73b2bbd0fb$export$a96755f239de61ee = `bCxaJG_spectrum-overlay--bottom--open`;
-$c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c = `bCxaJG_spectrum-overlay--left--open`;
-$c77d7b73b2bbd0fb$export$85aaa87e65e040bf = `bCxaJG_spectrum-overlay--right--open`;
-$c77d7b73b2bbd0fb$export$b9768db7ffc1bc2 = `bCxaJG_spectrum-overlay--top--open`;
+$c77d7b73b2bbd0fb$export$f39a09f249340e2a = `fdFt3W_focus-ring`;
+$c77d7b73b2bbd0fb$export$8c4ee2c50c22c514 = `fdFt3W_i18nFontFamily`;
+$c77d7b73b2bbd0fb$export$a397eb58038aa381 = `fdFt3W_spectrum-overlay--open`;
+$c77d7b73b2bbd0fb$export$a9781837241c946d = `fdFt3W_is-open ${$c77d7b73b2bbd0fb$export$a397eb58038aa381}`;
+$c77d7b73b2bbd0fb$export$4109102f950813a6 = `fdFt3W_spectrum-FocusRing-ring`;
+$c77d7b73b2bbd0fb$export$24c7f46a6e3605dd = `fdFt3W_spectrum-FocusRing ${$c77d7b73b2bbd0fb$export$4109102f950813a6}`;
+$c77d7b73b2bbd0fb$export$2927016961429360 = `fdFt3W_spectrum-FocusRing--quiet`;
+$c77d7b73b2bbd0fb$export$39eed38e2296a1d6 = `fdFt3W_spectrum-overlay`;
+$c77d7b73b2bbd0fb$export$74470528f463af97 = `fdFt3W_spectrum-Underlay ${$c77d7b73b2bbd0fb$export$39eed38e2296a1d6}`;
+$c77d7b73b2bbd0fb$export$8eb3860104039b44 = `fdFt3W_spectrum-Underlay--transparent`;
+$c77d7b73b2bbd0fb$export$a96755f239de61ee = `fdFt3W_spectrum-overlay--bottom--open`;
+$c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c = `fdFt3W_spectrum-overlay--left--open`;
+$c77d7b73b2bbd0fb$export$85aaa87e65e040bf = `fdFt3W_spectrum-overlay--right--open`;
+$c77d7b73b2bbd0fb$export$b9768db7ffc1bc2 = `fdFt3W_spectrum-overlay--top--open`;
 
 
 export {$c77d7b73b2bbd0fb$exports as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/overlays",
-  "version": "5.8.1",
+  "version": "5.9.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -40,13 +40,13 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/interactions": "^3.25.5",
-    "@react-aria/overlays": "^3.29.0",
-    "@react-aria/utils": "^3.30.1",
-    "@react-spectrum/utils": "^3.12.8",
-    "@react-stately/overlays": "^3.6.19",
-    "@react-types/overlays": "^3.9.1",
-    "@react-types/shared": "^3.32.0",
+    "@react-aria/interactions": "^3.25.6",
+    "@react-aria/overlays": "^3.30.0",
+    "@react-aria/utils": "^3.31.0",
+    "@react-spectrum/utils": "^3.12.9",
+    "@react-stately/overlays": "^3.6.20",
+    "@react-types/overlays": "^3.9.2",
+    "@react-types/shared": "^3.32.1",
     "@swc/helpers": "^0.5.0",
     "react-transition-group": "^4.4.5"
   },
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2c58ed3ddd9be9100af9b1d0cfd137fcdc95ba2d"
+  "gitHead": "0bda51183baa23306342af32a82012ea0fe0f2dc"
 }

package/src/OpenTransition.tsx

@@ -35,7 +35,7 @@ export function OpenTransition(
   props: any
 ): JSX.Element | ReactElement<any, string | JSXElementConstructor<any>>[] {
   // Do not apply any transition if in chromatic.
-  if (process.env.CHROMATIC) {
+  if (typeof process !== 'undefined' && process.env.CHROMATIC) {
     return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));
   }
 

package/src/Tray.tsx

@@ -72,7 +72,11 @@ let TrayWrapper = forwardRef(function (props: TrayWrapperProps, ref: ForwardedRe
   // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
   let viewport = useViewportSize();
   let wrapperStyle: any = {
-    '--spectrum-visual-viewport-height': viewport.height + 'px'
+    '--spectrum-visual-viewport-height': viewport.height + 'px',
+    // position: fixed elements are clipped by Safari on iOS 26, so we use
+    // position: absolute and manually set the top to the scrollY.
+    // The page can't scroll while the tray is open so this doesn't need to update.
+    top: typeof window !== 'undefined' ? window.scrollY : 0
   };
 
   let wrapperClassName = classNames(

package/src/Underlay.tsx

@@ -11,6 +11,7 @@
  */
 
 import {classNames} from '@react-spectrum/utils';
+import {isScrollable} from '@react-aria/utils';
 import React, {JSX} from 'react';
 import underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';
 
@@ -20,7 +21,23 @@ interface UnderlayProps {
 }
 
 export function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {
+  let pageHeight: number | undefined = undefined;
+  if (typeof document !== 'undefined') {
+    let scrollingElement = isScrollable(document.body) ? document.body : document.scrollingElement || document.documentElement;
+    // Prevent Firefox from adding scrollbars when the page has a fractional height.
+    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
+    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
+  }
+
   return (
-    <div data-testid="underlay" {...otherProps} className={classNames(underlayStyles, 'spectrum-Underlay', {'is-open': isOpen, 'spectrum-Underlay--transparent': isTransparent})} />
+    <div
+      data-testid="underlay"
+      {...otherProps}
+      // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.
+      style={{height: pageHeight}}
+      className={classNames(underlayStyles, 'spectrum-Underlay', {
+        'is-open': isOpen,
+        'spectrum-Underlay--transparent': isTransparent
+      })} />
   );
 }

package/dist/overlays.31d3453e.css.map

@@ -1 +0,0 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAkBA;;;;;;;;;;;;;;;;;;;AAwCA;;;;;AAUA;;;;;AAOA;EACE;;;;;AAKF;EACE;;;;;;AAkBF","sources":["packages/@adobe/spectrum-css-temp/components/tray/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"overlays.31d3453e.css.map"}