react-aria 3.50.0 → 3.51.0

package/dist/private/utils/useLoadMoreSentinel.js

@@ -18,7 +18,7 @@ import {useRef as $cbPw5$useRef} from "react";
 
 
 function $9a660d4696d76517$export$ccaea96c28e8b9e7(props, ref) {
-    let { collection: collection, onLoadMore: onLoadMore, scrollOffset: scrollOffset = 1 } = props;
+    let { collection: collection, onLoadMore: onLoadMore, scrollOffset: scrollOffset = 1, direction: direction = 'end' } = props;
     let sentinelObserver = (0, $cbPw5$useRef)(null);
     let triggerLoadMore = (0, $85567ef950781b7d$export$7f54fc3180508a52)((entries)=>{
         // Use "isIntersecting" over an equality check of 0 since it seems like there is cases where
@@ -32,9 +32,12 @@ function $9a660d4696d76517$export$ccaea96c28e8b9e7(props, ref) {
             // Tear down and set up a new IntersectionObserver when the collection changes so that we can properly trigger additional loadMores if there is room for more items
             // Need to do this tear down and set up since using a large rootMargin will mean the observer's callback isn't called even when scrolling the item into view beause its visibility hasn't actually changed
             // https://codesandbox.io/p/sandbox/magical-swanson-dhgp89?file=%2Fsrc%2FApp.js%3A21%2C21
+            const margin = 100 * scrollOffset;
+            // For direction='start', right/left margins have no affect for vertical scroll containers. We are not supporting reverse horizontal scroll containers for now.
+            const rootMargin = direction === 'start' ? `${margin}% 0px 0px 0px` : `0px ${margin}% ${margin}% ${margin}%`;
             sentinelObserver.current = new IntersectionObserver(triggerLoadMore, {
                 root: (0, $5b46e0a1626c2890$export$cfa2225e87938781)(ref === null || ref === void 0 ? void 0 : ref.current),
-                rootMargin: `0px ${100 * scrollOffset}% ${100 * scrollOffset}% ${100 * scrollOffset}%`
+                rootMargin: rootMargin
             });
             sentinelObserver.current.observe(ref.current);
         }
@@ -44,7 +47,8 @@ function $9a660d4696d76517$export$ccaea96c28e8b9e7(props, ref) {
     }, [
         collection,
         ref,
-        scrollOffset
+        scrollOffset,
+        direction
     ]);
 }
 

package/dist/private/utils/useLoadMoreSentinel.js.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAsBM,SAAS,0CACd,KAA4B,EAC5B,GAAkC;IAElC,IAAI,cAAC,UAAU,cAAE,UAAU,gBAAE,eAAe,GAAE,GAAG;IAEjD,IAAI,mBAAmB,CAAA,GAAA,aAAK,EAAwB;IAEpD,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE,CAAC;QACpC,4FAA4F;QAC5F,iFAAiF;QACjF,KAAK,IAAI,SAAS,QAChB,yHAAyH;QACzH,4EAA4E;QAC5E,IAAI,MAAM,cAAc,IAAI,YAC1B;IAGN;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI,OAAO,EAAE;YACf,mKAAmK;YACnK,0MAA0M;YAC1M,yFAAyF;YACzF,iBAAiB,OAAO,GAAG,IAAI,qBAAqB,iBAAiB;gBACnE,MAAM,CAAA,GAAA,yCAAc,EAAE,gBAAA,0BAAA,IAAK,OAAO;gBAClC,YAAY,CAAC,IAAI,EAAE,MAAM,aAAa,EAAE,EAAE,MAAM,aAAa,EAAE,EAAE,MAAM,aAAa,CAAC,CAAC;YACxF;YACA,iBAAiB,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO;QAC9C;QAEA,OAAO;YACL,IAAI,iBAAiB,OAAO,EAC1B,iBAAiB,OAAO,CAAC,UAAU;QAEvC;IACF,GAAG;QAAC;QAAY;QAAK;KAAa;AACpC","sources":["packages/react-aria/src/utils/useLoadMoreSentinel.ts"],"sourcesContent":["/*\n * Copyright 2024 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 type {AsyncLoadable, Collection} from '@react-types/shared';\nimport {getScrollParent} from './getScrollParent';\nimport {RefObject, useRef} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\nimport {useLayoutEffect} from './useLayoutEffect';\n\nexport interface LoadMoreSentinelProps extends Omit<AsyncLoadable, 'isLoading'> {\n  collection: Collection<any>;\n  /**\n   * The amount of offset from the bottom of your scrollable region that should trigger load more.\n   * Uses a percentage value relative to the scroll body's client height. Load more is then\n   * triggered when your current scroll position's distance from the bottom of the currently loaded\n   * list of items is less than or equal to the provided value. (e.g. 1 = 100% of the scroll\n   * region's height).\n   *\n   * @default 1\n   */\n  scrollOffset?: number;\n}\n\nexport function useLoadMoreSentinel(\n  props: LoadMoreSentinelProps,\n  ref: RefObject<HTMLElement | null>\n): void {\n  let {collection, onLoadMore, scrollOffset = 1} = props;\n\n  let sentinelObserver = useRef<IntersectionObserver>(null);\n\n  let triggerLoadMore = useEffectEvent((entries: IntersectionObserverEntry[]) => {\n    // Use \"isIntersecting\" over an equality check of 0 since it seems like there is cases where\n    // a intersection ratio of 0 can be reported when isIntersecting is actually true\n    for (let entry of entries) {\n      // Note that this will be called if the collection changes, even if onLoadMore was already called and is being processed.\n      // Up to user discretion as to how to handle these multiple onLoadMore calls\n      if (entry.isIntersecting && onLoadMore) {\n        onLoadMore();\n      }\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (ref.current) {\n      // Tear down and set up a new IntersectionObserver when the collection changes so that we can properly trigger additional loadMores if there is room for more items\n      // Need to do this tear down and set up since using a large rootMargin will mean the observer's callback isn't called even when scrolling the item into view beause its visibility hasn't actually changed\n      // https://codesandbox.io/p/sandbox/magical-swanson-dhgp89?file=%2Fsrc%2FApp.js%3A21%2C21\n      sentinelObserver.current = new IntersectionObserver(triggerLoadMore, {\n        root: getScrollParent(ref?.current) as HTMLElement,\n        rootMargin: `0px ${100 * scrollOffset}% ${100 * scrollOffset}% ${100 * scrollOffset}%`\n      });\n      sentinelObserver.current.observe(ref.current);\n    }\n\n    return () => {\n      if (sentinelObserver.current) {\n        sentinelObserver.current.disconnect();\n      }\n    };\n  }, [collection, ref, scrollOffset]);\n}\n"],"names":[],"version":3,"file":"useLoadMoreSentinel.js.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA6BM,SAAS,0CACd,KAA4B,EAC5B,GAAkC;IAElC,IAAI,cAAC,UAAU,cAAE,UAAU,gBAAE,eAAe,cAAG,YAAY,OAAM,GAAG;IAEpE,IAAI,mBAAmB,CAAA,GAAA,aAAK,EAAwB;IAEpD,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE,CAAC;QACpC,4FAA4F;QAC5F,iFAAiF;QACjF,KAAK,IAAI,SAAS,QAChB,yHAAyH;QACzH,4EAA4E;QAC5E,IAAI,MAAM,cAAc,IAAI,YAC1B;IAGN;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI,OAAO,EAAE;YACf,mKAAmK;YACnK,0MAA0M;YAC1M,yFAAyF;YACzF,MAAM,SAAS,MAAM;YACrB,+JAA+J;YAC/J,MAAM,aACJ,cAAc,UAAU,GAAG,OAAO,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,CAAC,CAAC;YAC3F,iBAAiB,OAAO,GAAG,IAAI,qBAAqB,iBAAiB;gBACnE,MAAM,CAAA,GAAA,yCAAc,EAAE,gBAAA,0BAAA,IAAK,OAAO;4BAClC;YACF;YACA,iBAAiB,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO;QAC9C;QAEA,OAAO;YACL,IAAI,iBAAiB,OAAO,EAC1B,iBAAiB,OAAO,CAAC,UAAU;QAEvC;IACF,GAAG;QAAC;QAAY;QAAK;QAAc;KAAU;AAC/C","sources":["packages/react-aria/src/utils/useLoadMoreSentinel.ts"],"sourcesContent":["/*\n * Copyright 2024 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 type {AsyncLoadable, Collection} from '@react-types/shared';\nimport {getScrollParent} from './getScrollParent';\nimport {RefObject, useRef} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\nimport {useLayoutEffect} from './useLayoutEffect';\n\nexport interface LoadMoreSentinelProps extends Omit<AsyncLoadable, 'isLoading'> {\n  collection: Collection<any>;\n  /**\n   * The amount of offset from the bottom of your scrollable region that should trigger load more.\n   * Uses a percentage value relative to the scroll body's client height. Load more is then\n   * triggered when your current scroll position's distance from the bottom of the currently loaded\n   * list of items is less than or equal to the provided value. (e.g. 1 = 100% of the scroll\n   * region's height).\n   *\n   * @default 1\n   */\n  scrollOffset?: number;\n  /**\n   * The scroll direction that triggers load more. Use 'start' for reversed layouts where older\n   * content loads when scrolling toward the top.\n   *\n   * @default 'end'\n   */\n  direction?: 'start' | 'end';\n}\n\nexport function useLoadMoreSentinel(\n  props: LoadMoreSentinelProps,\n  ref: RefObject<HTMLElement | null>\n): void {\n  let {collection, onLoadMore, scrollOffset = 1, direction = 'end'} = props;\n\n  let sentinelObserver = useRef<IntersectionObserver>(null);\n\n  let triggerLoadMore = useEffectEvent((entries: IntersectionObserverEntry[]) => {\n    // Use \"isIntersecting\" over an equality check of 0 since it seems like there is cases where\n    // a intersection ratio of 0 can be reported when isIntersecting is actually true\n    for (let entry of entries) {\n      // Note that this will be called if the collection changes, even if onLoadMore was already called and is being processed.\n      // Up to user discretion as to how to handle these multiple onLoadMore calls\n      if (entry.isIntersecting && onLoadMore) {\n        onLoadMore();\n      }\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (ref.current) {\n      // Tear down and set up a new IntersectionObserver when the collection changes so that we can properly trigger additional loadMores if there is room for more items\n      // Need to do this tear down and set up since using a large rootMargin will mean the observer's callback isn't called even when scrolling the item into view beause its visibility hasn't actually changed\n      // https://codesandbox.io/p/sandbox/magical-swanson-dhgp89?file=%2Fsrc%2FApp.js%3A21%2C21\n      const margin = 100 * scrollOffset;\n      // For direction='start', right/left margins have no affect for vertical scroll containers. We are not supporting reverse horizontal scroll containers for now.\n      const rootMargin =\n        direction === 'start' ? `${margin}% 0px 0px 0px` : `0px ${margin}% ${margin}% ${margin}%`;\n      sentinelObserver.current = new IntersectionObserver(triggerLoadMore, {\n        root: getScrollParent(ref?.current) as HTMLElement,\n        rootMargin\n      });\n      sentinelObserver.current.observe(ref.current);\n    }\n\n    return () => {\n      if (sentinelObserver.current) {\n        sentinelObserver.current.disconnect();\n      }\n    };\n  }, [collection, ref, scrollOffset, direction]);\n}\n"],"names":[],"version":3,"file":"useLoadMoreSentinel.js.map"}

package/dist/private/utils/useLoadMoreSentinel.mjs

@@ -18,7 +18,7 @@ import {useRef as $9bhd4$useRef} from "react";
 
 
 function $0407362eaf54473e$export$ccaea96c28e8b9e7(props, ref) {
-    let { collection: collection, onLoadMore: onLoadMore, scrollOffset: scrollOffset = 1 } = props;
+    let { collection: collection, onLoadMore: onLoadMore, scrollOffset: scrollOffset = 1, direction: direction = 'end' } = props;
     let sentinelObserver = (0, $9bhd4$useRef)(null);
     let triggerLoadMore = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((entries)=>{
         // Use "isIntersecting" over an equality check of 0 since it seems like there is cases where
@@ -32,9 +32,12 @@ function $0407362eaf54473e$export$ccaea96c28e8b9e7(props, ref) {
             // Tear down and set up a new IntersectionObserver when the collection changes so that we can properly trigger additional loadMores if there is room for more items
             // Need to do this tear down and set up since using a large rootMargin will mean the observer's callback isn't called even when scrolling the item into view beause its visibility hasn't actually changed
             // https://codesandbox.io/p/sandbox/magical-swanson-dhgp89?file=%2Fsrc%2FApp.js%3A21%2C21
+            const margin = 100 * scrollOffset;
+            // For direction='start', right/left margins have no affect for vertical scroll containers. We are not supporting reverse horizontal scroll containers for now.
+            const rootMargin = direction === 'start' ? `${margin}% 0px 0px 0px` : `0px ${margin}% ${margin}% ${margin}%`;
             sentinelObserver.current = new IntersectionObserver(triggerLoadMore, {
                 root: (0, $3578607fe3d4b096$export$cfa2225e87938781)(ref?.current),
-                rootMargin: `0px ${100 * scrollOffset}% ${100 * scrollOffset}% ${100 * scrollOffset}%`
+                rootMargin: rootMargin
             });
             sentinelObserver.current.observe(ref.current);
         }
@@ -44,7 +47,8 @@ function $0407362eaf54473e$export$ccaea96c28e8b9e7(props, ref) {
     }, [
         collection,
         ref,
-        scrollOffset
+        scrollOffset,
+        direction
     ]);
 }
 

package/dist/private/utils/useLoadMoreSentinel.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAsBM,SAAS,0CACd,KAA4B,EAC5B,GAAkC;IAElC,IAAI,cAAC,UAAU,cAAE,UAAU,gBAAE,eAAe,GAAE,GAAG;IAEjD,IAAI,mBAAmB,CAAA,GAAA,aAAK,EAAwB;IAEpD,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE,CAAC;QACpC,4FAA4F;QAC5F,iFAAiF;QACjF,KAAK,IAAI,SAAS,QAChB,yHAAyH;QACzH,4EAA4E;QAC5E,IAAI,MAAM,cAAc,IAAI,YAC1B;IAGN;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI,OAAO,EAAE;YACf,mKAAmK;YACnK,0MAA0M;YAC1M,yFAAyF;YACzF,iBAAiB,OAAO,GAAG,IAAI,qBAAqB,iBAAiB;gBACnE,MAAM,CAAA,GAAA,yCAAc,EAAE,KAAK;gBAC3B,YAAY,CAAC,IAAI,EAAE,MAAM,aAAa,EAAE,EAAE,MAAM,aAAa,EAAE,EAAE,MAAM,aAAa,CAAC,CAAC;YACxF;YACA,iBAAiB,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO;QAC9C;QAEA,OAAO;YACL,IAAI,iBAAiB,OAAO,EAC1B,iBAAiB,OAAO,CAAC,UAAU;QAEvC;IACF,GAAG;QAAC;QAAY;QAAK;KAAa;AACpC","sources":["packages/react-aria/src/utils/useLoadMoreSentinel.ts"],"sourcesContent":["/*\n * Copyright 2024 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 type {AsyncLoadable, Collection} from '@react-types/shared';\nimport {getScrollParent} from './getScrollParent';\nimport {RefObject, useRef} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\nimport {useLayoutEffect} from './useLayoutEffect';\n\nexport interface LoadMoreSentinelProps extends Omit<AsyncLoadable, 'isLoading'> {\n  collection: Collection<any>;\n  /**\n   * The amount of offset from the bottom of your scrollable region that should trigger load more.\n   * Uses a percentage value relative to the scroll body's client height. Load more is then\n   * triggered when your current scroll position's distance from the bottom of the currently loaded\n   * list of items is less than or equal to the provided value. (e.g. 1 = 100% of the scroll\n   * region's height).\n   *\n   * @default 1\n   */\n  scrollOffset?: number;\n}\n\nexport function useLoadMoreSentinel(\n  props: LoadMoreSentinelProps,\n  ref: RefObject<HTMLElement | null>\n): void {\n  let {collection, onLoadMore, scrollOffset = 1} = props;\n\n  let sentinelObserver = useRef<IntersectionObserver>(null);\n\n  let triggerLoadMore = useEffectEvent((entries: IntersectionObserverEntry[]) => {\n    // Use \"isIntersecting\" over an equality check of 0 since it seems like there is cases where\n    // a intersection ratio of 0 can be reported when isIntersecting is actually true\n    for (let entry of entries) {\n      // Note that this will be called if the collection changes, even if onLoadMore was already called and is being processed.\n      // Up to user discretion as to how to handle these multiple onLoadMore calls\n      if (entry.isIntersecting && onLoadMore) {\n        onLoadMore();\n      }\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (ref.current) {\n      // Tear down and set up a new IntersectionObserver when the collection changes so that we can properly trigger additional loadMores if there is room for more items\n      // Need to do this tear down and set up since using a large rootMargin will mean the observer's callback isn't called even when scrolling the item into view beause its visibility hasn't actually changed\n      // https://codesandbox.io/p/sandbox/magical-swanson-dhgp89?file=%2Fsrc%2FApp.js%3A21%2C21\n      sentinelObserver.current = new IntersectionObserver(triggerLoadMore, {\n        root: getScrollParent(ref?.current) as HTMLElement,\n        rootMargin: `0px ${100 * scrollOffset}% ${100 * scrollOffset}% ${100 * scrollOffset}%`\n      });\n      sentinelObserver.current.observe(ref.current);\n    }\n\n    return () => {\n      if (sentinelObserver.current) {\n        sentinelObserver.current.disconnect();\n      }\n    };\n  }, [collection, ref, scrollOffset]);\n}\n"],"names":[],"version":3,"file":"useLoadMoreSentinel.mjs.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA6BM,SAAS,0CACd,KAA4B,EAC5B,GAAkC;IAElC,IAAI,cAAC,UAAU,cAAE,UAAU,gBAAE,eAAe,cAAG,YAAY,OAAM,GAAG;IAEpE,IAAI,mBAAmB,CAAA,GAAA,aAAK,EAAwB;IAEpD,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE,CAAC;QACpC,4FAA4F;QAC5F,iFAAiF;QACjF,KAAK,IAAI,SAAS,QAChB,yHAAyH;QACzH,4EAA4E;QAC5E,IAAI,MAAM,cAAc,IAAI,YAC1B;IAGN;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI,OAAO,EAAE;YACf,mKAAmK;YACnK,0MAA0M;YAC1M,yFAAyF;YACzF,MAAM,SAAS,MAAM;YACrB,+JAA+J;YAC/J,MAAM,aACJ,cAAc,UAAU,GAAG,OAAO,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,CAAC,CAAC;YAC3F,iBAAiB,OAAO,GAAG,IAAI,qBAAqB,iBAAiB;gBACnE,MAAM,CAAA,GAAA,yCAAc,EAAE,KAAK;4BAC3B;YACF;YACA,iBAAiB,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO;QAC9C;QAEA,OAAO;YACL,IAAI,iBAAiB,OAAO,EAC1B,iBAAiB,OAAO,CAAC,UAAU;QAEvC;IACF,GAAG;QAAC;QAAY;QAAK;QAAc;KAAU;AAC/C","sources":["packages/react-aria/src/utils/useLoadMoreSentinel.ts"],"sourcesContent":["/*\n * Copyright 2024 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 type {AsyncLoadable, Collection} from '@react-types/shared';\nimport {getScrollParent} from './getScrollParent';\nimport {RefObject, useRef} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\nimport {useLayoutEffect} from './useLayoutEffect';\n\nexport interface LoadMoreSentinelProps extends Omit<AsyncLoadable, 'isLoading'> {\n  collection: Collection<any>;\n  /**\n   * The amount of offset from the bottom of your scrollable region that should trigger load more.\n   * Uses a percentage value relative to the scroll body's client height. Load more is then\n   * triggered when your current scroll position's distance from the bottom of the currently loaded\n   * list of items is less than or equal to the provided value. (e.g. 1 = 100% of the scroll\n   * region's height).\n   *\n   * @default 1\n   */\n  scrollOffset?: number;\n  /**\n   * The scroll direction that triggers load more. Use 'start' for reversed layouts where older\n   * content loads when scrolling toward the top.\n   *\n   * @default 'end'\n   */\n  direction?: 'start' | 'end';\n}\n\nexport function useLoadMoreSentinel(\n  props: LoadMoreSentinelProps,\n  ref: RefObject<HTMLElement | null>\n): void {\n  let {collection, onLoadMore, scrollOffset = 1, direction = 'end'} = props;\n\n  let sentinelObserver = useRef<IntersectionObserver>(null);\n\n  let triggerLoadMore = useEffectEvent((entries: IntersectionObserverEntry[]) => {\n    // Use \"isIntersecting\" over an equality check of 0 since it seems like there is cases where\n    // a intersection ratio of 0 can be reported when isIntersecting is actually true\n    for (let entry of entries) {\n      // Note that this will be called if the collection changes, even if onLoadMore was already called and is being processed.\n      // Up to user discretion as to how to handle these multiple onLoadMore calls\n      if (entry.isIntersecting && onLoadMore) {\n        onLoadMore();\n      }\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (ref.current) {\n      // Tear down and set up a new IntersectionObserver when the collection changes so that we can properly trigger additional loadMores if there is room for more items\n      // Need to do this tear down and set up since using a large rootMargin will mean the observer's callback isn't called even when scrolling the item into view beause its visibility hasn't actually changed\n      // https://codesandbox.io/p/sandbox/magical-swanson-dhgp89?file=%2Fsrc%2FApp.js%3A21%2C21\n      const margin = 100 * scrollOffset;\n      // For direction='start', right/left margins have no affect for vertical scroll containers. We are not supporting reverse horizontal scroll containers for now.\n      const rootMargin =\n        direction === 'start' ? `${margin}% 0px 0px 0px` : `0px ${margin}% ${margin}% ${margin}%`;\n      sentinelObserver.current = new IntersectionObserver(triggerLoadMore, {\n        root: getScrollParent(ref?.current) as HTMLElement,\n        rootMargin\n      });\n      sentinelObserver.current.observe(ref.current);\n    }\n\n    return () => {\n      if (sentinelObserver.current) {\n        sentinelObserver.current.disconnect();\n      }\n    };\n  }, [collection, ref, scrollOffset, direction]);\n}\n"],"names":[],"version":3,"file":"useLoadMoreSentinel.mjs.map"}

package/dist/private/utils/useObjectRef.cjs

@@ -29,6 +29,7 @@ function $d3019c77b88650e9$export$4338b53315abf666(ref) {
                 else refCallback(null);
             };
         } else if (ref) {
+            // oxlint-disable-next-line react/react-compiler
             ref.current = instance;
             return ()=>{
                 ref.current = null;
@@ -49,7 +50,8 @@ function $d3019c77b88650e9$export$4338b53315abf666(ref) {
                 }
                 if (value != null) cleanupRef.current = refEffect(value);
             }
-        }), [
+        }), // oxlint-disable-next-line react/react-compiler
+    [
         refEffect
     ]);
 }

package/dist/private/utils/useObjectRef.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAaM,SAAS,0CACd,GAAuF;IAEvF,MAAM,SAAqC,CAAA,GAAA,mBAAK,EAAK;IACrD,MAAM,aAAoD,CAAA,GAAA,mBAAK,EAAE;IAEjE,MAAM,YAAY,CAAA,GAAA,wBAAU,EAC1B,CAAC;QACC,IAAI,OAAO,QAAQ,YAAY;YAC7B,MAAM,cAAc;YACpB,MAAM,aAAa,YAAY;YAC/B,OAAO;gBACL,IAAI,OAAO,eAAe,YACxB;qBAEA,YAAY;YAEhB;QACF,OAAO,IAAI,KAAK;YACd,IAAI,OAAO,GAAG;YACd,OAAO;gBACL,IAAI,OAAO,GAAG;YAChB;QACF;IACF,GACA;QAAC;KAAI;IAGP,OAAO,CAAA,GAAA,oBAAM,EACX,IAAO,CAAA;YACL,IAAI,WAAU;gBACZ,OAAO,OAAO,OAAO;YACvB;YACA,IAAI,SAAQ,MAAO;gBACjB,OAAO,OAAO,GAAG;gBACjB,IAAI,WAAW,OAAO,EAAE;oBACtB,WAAW,OAAO;oBAClB,WAAW,OAAO,GAAG;gBACvB;gBAEA,IAAI,SAAS,MACX,WAAW,OAAO,GAAG,UAAU;YAEnC;QACF,CAAA,GACA;QAAC;KAAU;AAEf","sources":["packages/react-aria/src/utils/useObjectRef.ts"],"sourcesContent":["/*\n * Copyright 2021 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 {MutableRefObject, useCallback, useMemo, useRef} from 'react';\n\n/**\n * Offers an object ref for a given callback ref or an object ref. Especially\n * helfpul when passing forwarded refs (created using `React.forwardRef`) to\n * React Aria hooks.\n *\n * @param ref The original ref intended to be used.\n * @returns An object ref that updates the given ref.\n * @see https://react.dev/reference/react/forwardRef\n */\nexport function useObjectRef<T>(\n  ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null\n): MutableRefObject<T | null> {\n  const objRef: MutableRefObject<T | null> = useRef<T>(null);\n  const cleanupRef: MutableRefObject<(() => void) | void> = useRef(undefined);\n\n  const refEffect = useCallback(\n    (instance: T | null) => {\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        const refCleanup = refCallback(instance);\n        return () => {\n          if (typeof refCleanup === 'function') {\n            refCleanup();\n          } else {\n            refCallback(null);\n          }\n        };\n      } else if (ref) {\n        ref.current = instance;\n        return () => {\n          ref.current = null;\n        };\n      }\n    },\n    [ref]\n  );\n\n  return useMemo(\n    () => ({\n      get current() {\n        return objRef.current;\n      },\n      set current(value) {\n        objRef.current = value;\n        if (cleanupRef.current) {\n          cleanupRef.current();\n          cleanupRef.current = undefined;\n        }\n\n        if (value != null) {\n          cleanupRef.current = refEffect(value);\n        }\n      }\n    }),\n    [refEffect]\n  );\n}\n"],"names":[],"version":3,"file":"useObjectRef.cjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAaM,SAAS,0CACd,GAAuF;IAEvF,MAAM,SAAqC,CAAA,GAAA,mBAAK,EAAK;IACrD,MAAM,aAAoD,CAAA,GAAA,mBAAK,EAAE;IAEjE,MAAM,YAAY,CAAA,GAAA,wBAAU,EAC1B,CAAC;QACC,IAAI,OAAO,QAAQ,YAAY;YAC7B,MAAM,cAAc;YACpB,MAAM,aAAa,YAAY;YAC/B,OAAO;gBACL,IAAI,OAAO,eAAe,YACxB;qBAEA,YAAY;YAEhB;QACF,OAAO,IAAI,KAAK;YACd,gDAAgD;YAChD,IAAI,OAAO,GAAG;YACd,OAAO;gBACL,IAAI,OAAO,GAAG;YAChB;QACF;IACF,GACA;QAAC;KAAI;IAGP,OAAO,CAAA,GAAA,oBAAM,EACX,IAAO,CAAA;YACL,IAAI,WAAU;gBACZ,OAAO,OAAO,OAAO;YACvB;YACA,IAAI,SAAQ,MAAO;gBACjB,OAAO,OAAO,GAAG;gBACjB,IAAI,WAAW,OAAO,EAAE;oBACtB,WAAW,OAAO;oBAClB,WAAW,OAAO,GAAG;gBACvB;gBAEA,IAAI,SAAS,MACX,WAAW,OAAO,GAAG,UAAU;YAEnC;QACF,CAAA,GACA,gDAAgD;IAChD;QAAC;KAAU;AAEf","sources":["packages/react-aria/src/utils/useObjectRef.ts"],"sourcesContent":["/*\n * Copyright 2021 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 {MutableRefObject, useCallback, useMemo, useRef} from 'react';\n\n/**\n * Offers an object ref for a given callback ref or an object ref. Especially\n * helfpul when passing forwarded refs (created using `React.forwardRef`) to\n * React Aria hooks.\n *\n * @param ref The original ref intended to be used.\n * @returns An object ref that updates the given ref.\n * @see https://react.dev/reference/react/forwardRef\n */\nexport function useObjectRef<T>(\n  ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null\n): MutableRefObject<T | null> {\n  const objRef: MutableRefObject<T | null> = useRef<T>(null);\n  const cleanupRef: MutableRefObject<(() => void) | void> = useRef(undefined);\n\n  const refEffect = useCallback(\n    (instance: T | null) => {\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        const refCleanup = refCallback(instance);\n        return () => {\n          if (typeof refCleanup === 'function') {\n            refCleanup();\n          } else {\n            refCallback(null);\n          }\n        };\n      } else if (ref) {\n        // oxlint-disable-next-line react/react-compiler\n        ref.current = instance;\n        return () => {\n          ref.current = null;\n        };\n      }\n    },\n    [ref]\n  );\n\n  return useMemo(\n    () => ({\n      get current() {\n        return objRef.current;\n      },\n      set current(value) {\n        objRef.current = value;\n        if (cleanupRef.current) {\n          cleanupRef.current();\n          cleanupRef.current = undefined;\n        }\n\n        if (value != null) {\n          cleanupRef.current = refEffect(value);\n        }\n      }\n    }),\n    // oxlint-disable-next-line react/react-compiler\n    [refEffect]\n  );\n}\n"],"names":[],"version":3,"file":"useObjectRef.cjs.map"}

package/dist/private/utils/useObjectRef.js

@@ -23,6 +23,7 @@ function $5f169cf7bc5a96a9$export$4338b53315abf666(ref) {
                 else refCallback(null);
             };
         } else if (ref) {
+            // oxlint-disable-next-line react/react-compiler
             ref.current = instance;
             return ()=>{
                 ref.current = null;
@@ -43,7 +44,8 @@ function $5f169cf7bc5a96a9$export$4338b53315abf666(ref) {
                 }
                 if (value != null) cleanupRef.current = refEffect(value);
             }
-        }), [
+        }), // oxlint-disable-next-line react/react-compiler
+    [
         refEffect
     ]);
 }

package/dist/private/utils/useObjectRef.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAaM,SAAS,0CACd,GAAuF;IAEvF,MAAM,SAAqC,CAAA,GAAA,aAAK,EAAK;IACrD,MAAM,aAAoD,CAAA,GAAA,aAAK,EAAE;IAEjE,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,OAAO,QAAQ,YAAY;YAC7B,MAAM,cAAc;YACpB,MAAM,aAAa,YAAY;YAC/B,OAAO;gBACL,IAAI,OAAO,eAAe,YACxB;qBAEA,YAAY;YAEhB;QACF,OAAO,IAAI,KAAK;YACd,IAAI,OAAO,GAAG;YACd,OAAO;gBACL,IAAI,OAAO,GAAG;YAChB;QACF;IACF,GACA;QAAC;KAAI;IAGP,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;YACL,IAAI,WAAU;gBACZ,OAAO,OAAO,OAAO;YACvB;YACA,IAAI,SAAQ,MAAO;gBACjB,OAAO,OAAO,GAAG;gBACjB,IAAI,WAAW,OAAO,EAAE;oBACtB,WAAW,OAAO;oBAClB,WAAW,OAAO,GAAG;gBACvB;gBAEA,IAAI,SAAS,MACX,WAAW,OAAO,GAAG,UAAU;YAEnC;QACF,CAAA,GACA;QAAC;KAAU;AAEf","sources":["packages/react-aria/src/utils/useObjectRef.ts"],"sourcesContent":["/*\n * Copyright 2021 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 {MutableRefObject, useCallback, useMemo, useRef} from 'react';\n\n/**\n * Offers an object ref for a given callback ref or an object ref. Especially\n * helfpul when passing forwarded refs (created using `React.forwardRef`) to\n * React Aria hooks.\n *\n * @param ref The original ref intended to be used.\n * @returns An object ref that updates the given ref.\n * @see https://react.dev/reference/react/forwardRef\n */\nexport function useObjectRef<T>(\n  ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null\n): MutableRefObject<T | null> {\n  const objRef: MutableRefObject<T | null> = useRef<T>(null);\n  const cleanupRef: MutableRefObject<(() => void) | void> = useRef(undefined);\n\n  const refEffect = useCallback(\n    (instance: T | null) => {\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        const refCleanup = refCallback(instance);\n        return () => {\n          if (typeof refCleanup === 'function') {\n            refCleanup();\n          } else {\n            refCallback(null);\n          }\n        };\n      } else if (ref) {\n        ref.current = instance;\n        return () => {\n          ref.current = null;\n        };\n      }\n    },\n    [ref]\n  );\n\n  return useMemo(\n    () => ({\n      get current() {\n        return objRef.current;\n      },\n      set current(value) {\n        objRef.current = value;\n        if (cleanupRef.current) {\n          cleanupRef.current();\n          cleanupRef.current = undefined;\n        }\n\n        if (value != null) {\n          cleanupRef.current = refEffect(value);\n        }\n      }\n    }),\n    [refEffect]\n  );\n}\n"],"names":[],"version":3,"file":"useObjectRef.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAaM,SAAS,0CACd,GAAuF;IAEvF,MAAM,SAAqC,CAAA,GAAA,aAAK,EAAK;IACrD,MAAM,aAAoD,CAAA,GAAA,aAAK,EAAE;IAEjE,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,OAAO,QAAQ,YAAY;YAC7B,MAAM,cAAc;YACpB,MAAM,aAAa,YAAY;YAC/B,OAAO;gBACL,IAAI,OAAO,eAAe,YACxB;qBAEA,YAAY;YAEhB;QACF,OAAO,IAAI,KAAK;YACd,gDAAgD;YAChD,IAAI,OAAO,GAAG;YACd,OAAO;gBACL,IAAI,OAAO,GAAG;YAChB;QACF;IACF,GACA;QAAC;KAAI;IAGP,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;YACL,IAAI,WAAU;gBACZ,OAAO,OAAO,OAAO;YACvB;YACA,IAAI,SAAQ,MAAO;gBACjB,OAAO,OAAO,GAAG;gBACjB,IAAI,WAAW,OAAO,EAAE;oBACtB,WAAW,OAAO;oBAClB,WAAW,OAAO,GAAG;gBACvB;gBAEA,IAAI,SAAS,MACX,WAAW,OAAO,GAAG,UAAU;YAEnC;QACF,CAAA,GACA,gDAAgD;IAChD;QAAC;KAAU;AAEf","sources":["packages/react-aria/src/utils/useObjectRef.ts"],"sourcesContent":["/*\n * Copyright 2021 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 {MutableRefObject, useCallback, useMemo, useRef} from 'react';\n\n/**\n * Offers an object ref for a given callback ref or an object ref. Especially\n * helfpul when passing forwarded refs (created using `React.forwardRef`) to\n * React Aria hooks.\n *\n * @param ref The original ref intended to be used.\n * @returns An object ref that updates the given ref.\n * @see https://react.dev/reference/react/forwardRef\n */\nexport function useObjectRef<T>(\n  ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null\n): MutableRefObject<T | null> {\n  const objRef: MutableRefObject<T | null> = useRef<T>(null);\n  const cleanupRef: MutableRefObject<(() => void) | void> = useRef(undefined);\n\n  const refEffect = useCallback(\n    (instance: T | null) => {\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        const refCleanup = refCallback(instance);\n        return () => {\n          if (typeof refCleanup === 'function') {\n            refCleanup();\n          } else {\n            refCallback(null);\n          }\n        };\n      } else if (ref) {\n        // oxlint-disable-next-line react/react-compiler\n        ref.current = instance;\n        return () => {\n          ref.current = null;\n        };\n      }\n    },\n    [ref]\n  );\n\n  return useMemo(\n    () => ({\n      get current() {\n        return objRef.current;\n      },\n      set current(value) {\n        objRef.current = value;\n        if (cleanupRef.current) {\n          cleanupRef.current();\n          cleanupRef.current = undefined;\n        }\n\n        if (value != null) {\n          cleanupRef.current = refEffect(value);\n        }\n      }\n    }),\n    // oxlint-disable-next-line react/react-compiler\n    [refEffect]\n  );\n}\n"],"names":[],"version":3,"file":"useObjectRef.js.map"}

package/dist/private/utils/useObjectRef.mjs

@@ -23,6 +23,7 @@ function $03e8ab2d84d7657a$export$4338b53315abf666(ref) {
                 else refCallback(null);
             };
         } else if (ref) {
+            // oxlint-disable-next-line react/react-compiler
             ref.current = instance;
             return ()=>{
                 ref.current = null;
@@ -43,7 +44,8 @@ function $03e8ab2d84d7657a$export$4338b53315abf666(ref) {
                 }
                 if (value != null) cleanupRef.current = refEffect(value);
             }
-        }), [
+        }), // oxlint-disable-next-line react/react-compiler
+    [
         refEffect
     ]);
 }

package/dist/private/utils/useObjectRef.mjs.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAaM,SAAS,0CACd,GAAuF;IAEvF,MAAM,SAAqC,CAAA,GAAA,aAAK,EAAK;IACrD,MAAM,aAAoD,CAAA,GAAA,aAAK,EAAE;IAEjE,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,OAAO,QAAQ,YAAY;YAC7B,MAAM,cAAc;YACpB,MAAM,aAAa,YAAY;YAC/B,OAAO;gBACL,IAAI,OAAO,eAAe,YACxB;qBAEA,YAAY;YAEhB;QACF,OAAO,IAAI,KAAK;YACd,IAAI,OAAO,GAAG;YACd,OAAO;gBACL,IAAI,OAAO,GAAG;YAChB;QACF;IACF,GACA;QAAC;KAAI;IAGP,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;YACL,IAAI,WAAU;gBACZ,OAAO,OAAO,OAAO;YACvB;YACA,IAAI,SAAQ,MAAO;gBACjB,OAAO,OAAO,GAAG;gBACjB,IAAI,WAAW,OAAO,EAAE;oBACtB,WAAW,OAAO;oBAClB,WAAW,OAAO,GAAG;gBACvB;gBAEA,IAAI,SAAS,MACX,WAAW,OAAO,GAAG,UAAU;YAEnC;QACF,CAAA,GACA;QAAC;KAAU;AAEf","sources":["packages/react-aria/src/utils/useObjectRef.ts"],"sourcesContent":["/*\n * Copyright 2021 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 {MutableRefObject, useCallback, useMemo, useRef} from 'react';\n\n/**\n * Offers an object ref for a given callback ref or an object ref. Especially\n * helfpul when passing forwarded refs (created using `React.forwardRef`) to\n * React Aria hooks.\n *\n * @param ref The original ref intended to be used.\n * @returns An object ref that updates the given ref.\n * @see https://react.dev/reference/react/forwardRef\n */\nexport function useObjectRef<T>(\n  ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null\n): MutableRefObject<T | null> {\n  const objRef: MutableRefObject<T | null> = useRef<T>(null);\n  const cleanupRef: MutableRefObject<(() => void) | void> = useRef(undefined);\n\n  const refEffect = useCallback(\n    (instance: T | null) => {\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        const refCleanup = refCallback(instance);\n        return () => {\n          if (typeof refCleanup === 'function') {\n            refCleanup();\n          } else {\n            refCallback(null);\n          }\n        };\n      } else if (ref) {\n        ref.current = instance;\n        return () => {\n          ref.current = null;\n        };\n      }\n    },\n    [ref]\n  );\n\n  return useMemo(\n    () => ({\n      get current() {\n        return objRef.current;\n      },\n      set current(value) {\n        objRef.current = value;\n        if (cleanupRef.current) {\n          cleanupRef.current();\n          cleanupRef.current = undefined;\n        }\n\n        if (value != null) {\n          cleanupRef.current = refEffect(value);\n        }\n      }\n    }),\n    [refEffect]\n  );\n}\n"],"names":[],"version":3,"file":"useObjectRef.mjs.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAaM,SAAS,0CACd,GAAuF;IAEvF,MAAM,SAAqC,CAAA,GAAA,aAAK,EAAK;IACrD,MAAM,aAAoD,CAAA,GAAA,aAAK,EAAE;IAEjE,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,OAAO,QAAQ,YAAY;YAC7B,MAAM,cAAc;YACpB,MAAM,aAAa,YAAY;YAC/B,OAAO;gBACL,IAAI,OAAO,eAAe,YACxB;qBAEA,YAAY;YAEhB;QACF,OAAO,IAAI,KAAK;YACd,gDAAgD;YAChD,IAAI,OAAO,GAAG;YACd,OAAO;gBACL,IAAI,OAAO,GAAG;YAChB;QACF;IACF,GACA;QAAC;KAAI;IAGP,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;YACL,IAAI,WAAU;gBACZ,OAAO,OAAO,OAAO;YACvB;YACA,IAAI,SAAQ,MAAO;gBACjB,OAAO,OAAO,GAAG;gBACjB,IAAI,WAAW,OAAO,EAAE;oBACtB,WAAW,OAAO;oBAClB,WAAW,OAAO,GAAG;gBACvB;gBAEA,IAAI,SAAS,MACX,WAAW,OAAO,GAAG,UAAU;YAEnC;QACF,CAAA,GACA,gDAAgD;IAChD;QAAC;KAAU;AAEf","sources":["packages/react-aria/src/utils/useObjectRef.ts"],"sourcesContent":["/*\n * Copyright 2021 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 {MutableRefObject, useCallback, useMemo, useRef} from 'react';\n\n/**\n * Offers an object ref for a given callback ref or an object ref. Especially\n * helfpul when passing forwarded refs (created using `React.forwardRef`) to\n * React Aria hooks.\n *\n * @param ref The original ref intended to be used.\n * @returns An object ref that updates the given ref.\n * @see https://react.dev/reference/react/forwardRef\n */\nexport function useObjectRef<T>(\n  ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null\n): MutableRefObject<T | null> {\n  const objRef: MutableRefObject<T | null> = useRef<T>(null);\n  const cleanupRef: MutableRefObject<(() => void) | void> = useRef(undefined);\n\n  const refEffect = useCallback(\n    (instance: T | null) => {\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        const refCleanup = refCallback(instance);\n        return () => {\n          if (typeof refCleanup === 'function') {\n            refCleanup();\n          } else {\n            refCallback(null);\n          }\n        };\n      } else if (ref) {\n        // oxlint-disable-next-line react/react-compiler\n        ref.current = instance;\n        return () => {\n          ref.current = null;\n        };\n      }\n    },\n    [ref]\n  );\n\n  return useMemo(\n    () => ({\n      get current() {\n        return objRef.current;\n      },\n      set current(value) {\n        objRef.current = value;\n        if (cleanupRef.current) {\n          cleanupRef.current();\n          cleanupRef.current = undefined;\n        }\n\n        if (value != null) {\n          cleanupRef.current = refEffect(value);\n        }\n      }\n    }),\n    // oxlint-disable-next-line react/react-compiler\n    [refEffect]\n  );\n}\n"],"names":[],"version":3,"file":"useObjectRef.mjs.map"}

package/dist/private/utils/useSyncRef.cjs

@@ -18,8 +18,10 @@ $parcel$export(module.exports, "useSyncRef", function () { return $4a79f34000293
  * governing permissions and limitations under the License.
  */ 
 function $4a79f3400029329d$export$4debdb1a3f0fa79e(context, ref) {
+    // oxlint-disable-next-line react/react-compiler
     (0, $429333cab433657c$exports.useLayoutEffect)(()=>{
         if (context && context.ref && ref) {
+            // oxlint-disable-next-line react/react-compiler
             context.ref.current = ref.current;
             return ()=>{
                 if (context.ref) // oxlint-disable-next-line react-hooks/exhaustive-deps

package/dist/private/utils/useSyncRef.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,uDAAuD;gBACvD,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/react-aria/src/utils/useSyncRef.ts"],"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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>;\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void {\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          // oxlint-disable-next-line react-hooks/exhaustive-deps\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.cjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,gDAAgD;IAChD,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,gDAAgD;YAChD,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,uDAAuD;gBACvD,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/react-aria/src/utils/useSyncRef.ts"],"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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>;\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void {\n  // oxlint-disable-next-line react/react-compiler\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      // oxlint-disable-next-line react/react-compiler\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          // oxlint-disable-next-line react-hooks/exhaustive-deps\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.cjs.map"}

package/dist/private/utils/useSyncRef.js

@@ -12,8 +12,10 @@ import {useLayoutEffect as $53fed047b798be36$export$e5c5a5f917a5871c} from "./us
  * governing permissions and limitations under the License.
  */ 
 function $6a8f54bd475a2c7b$export$4debdb1a3f0fa79e(context, ref) {
+    // oxlint-disable-next-line react/react-compiler
     (0, $53fed047b798be36$export$e5c5a5f917a5871c)(()=>{
         if (context && context.ref && ref) {
+            // oxlint-disable-next-line react/react-compiler
             context.ref.current = ref.current;
             return ()=>{
                 if (context.ref) // oxlint-disable-next-line react-hooks/exhaustive-deps

package/dist/private/utils/useSyncRef.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,uDAAuD;gBACvD,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/react-aria/src/utils/useSyncRef.ts"],"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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>;\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void {\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          // oxlint-disable-next-line react-hooks/exhaustive-deps\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,gDAAgD;IAChD,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,gDAAgD;YAChD,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,uDAAuD;gBACvD,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/react-aria/src/utils/useSyncRef.ts"],"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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>;\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void {\n  // oxlint-disable-next-line react/react-compiler\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      // oxlint-disable-next-line react/react-compiler\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          // oxlint-disable-next-line react-hooks/exhaustive-deps\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.js.map"}

package/dist/private/utils/useSyncRef.mjs

@@ -12,8 +12,10 @@ import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from "./us
  * governing permissions and limitations under the License.
  */ 
 function $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref) {
+    // oxlint-disable-next-line react/react-compiler
     (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
         if (context && context.ref && ref) {
+            // oxlint-disable-next-line react/react-compiler
             context.ref.current = ref.current;
             return ()=>{
                 if (context.ref) // oxlint-disable-next-line react-hooks/exhaustive-deps

package/dist/private/utils/useSyncRef.mjs.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,uDAAuD;gBACvD,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/react-aria/src/utils/useSyncRef.ts"],"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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>;\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void {\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          // oxlint-disable-next-line react-hooks/exhaustive-deps\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.mjs.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,gDAAgD;IAChD,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,gDAAgD;YAChD,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,uDAAuD;gBACvD,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/react-aria/src/utils/useSyncRef.ts"],"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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>;\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void {\n  // oxlint-disable-next-line react/react-compiler\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      // oxlint-disable-next-line react/react-compiler\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          // oxlint-disable-next-line react-hooks/exhaustive-deps\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.mjs.map"}

package/dist/private/utils/useViewportSize.cjs

@@ -45,7 +45,7 @@ function $d081a18ad0be17db$export$d699905dd57c73ca() {
             if ($d081a18ad0be17db$var$visualViewport && $d081a18ad0be17db$var$visualViewport.scale > 1) return;
             updateSize($d081a18ad0be17db$var$getViewportSize());
         };
-        // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.
+        // When closing the keyboard, WebKit on iOS does not fire the visual viewport resize event until the animation is complete.
         // We can anticipate this and resize early by handling the blur event and using the layout size.
         let frame;
         let onBlur = (e)=>{
@@ -60,12 +60,12 @@ function $d081a18ad0be17db$export$d699905dd57c73ca() {
             });
         };
         updateSize($d081a18ad0be17db$var$getViewportSize());
-        if ((0, $d0b4a781cf26e80b$exports.isIOS)()) window.addEventListener('blur', onBlur, true);
+        if ((0, $d0b4a781cf26e80b$exports.isIOS)() && (0, $d0b4a781cf26e80b$exports.isWebKit)()) window.addEventListener('blur', onBlur, true);
         if (!$d081a18ad0be17db$var$visualViewport) window.addEventListener('resize', onResize);
         else $d081a18ad0be17db$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
             cancelAnimationFrame(frame);
-            if ((0, $d0b4a781cf26e80b$exports.isIOS)()) window.removeEventListener('blur', onBlur, true);
+            if ((0, $d0b4a781cf26e80b$exports.isIOS)() && (0, $d0b4a781cf26e80b$exports.isWebKit)()) window.removeEventListener('blur', onBlur, true);
             if (!$d081a18ad0be17db$var$visualViewport) window.removeEventListener('resize', onResize);
             else $d081a18ad0be17db$var$visualViewport.removeEventListener('resize', onResize);
         };

package/dist/private/utils/useViewportSize.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,kCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,0CAAe,EAAE,CAAA,GAAA,wCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,0CAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,0CAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,+BAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,+BAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.cjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,kCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,2HAA2H;QAC3H,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,0CAAe,EAAE,CAAA,GAAA,wCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,0CAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,0CAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,+BAAI,OAAO,CAAA,GAAA,kCAAO,KACpB,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,+BAAI,OAAO,CAAA,GAAA,kCAAO,KACpB,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS, isWebKit} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, WebKit on iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS() && isWebKit()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS() && isWebKit()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.cjs.map"}

package/dist/private/utils/useViewportSize.js

@@ -1,5 +1,5 @@
 import {getActiveElement as $d8ac7ed472840322$export$cd4e5573fbe2b576, getEventTarget as $d8ac7ed472840322$export$e58f029f0fbfdb29} from "./shadowdom/DOMFunctions.js";
-import {isIOS as $d5a2be505488529f$export$fedb369cb70207f1} from "./platform.js";
+import {isIOS as $d5a2be505488529f$export$fedb369cb70207f1, isWebKit as $d5a2be505488529f$export$78551043582a6a98} from "./platform.js";
 import {useIsSSR as $85138adc03e1f057$export$535bd6ca7f90a273} from "../ssr/SSRProvider.js";
 import {willOpenKeyboard as $2224c9ee07fd529d$export$c57958e35f31ed73} from "./keyboard.js";
 import {useState as $kzdLN$useState, useEffect as $kzdLN$useEffect} from "react";
@@ -39,7 +39,7 @@ function $20135633306fcf19$export$d699905dd57c73ca() {
             if ($20135633306fcf19$var$visualViewport && $20135633306fcf19$var$visualViewport.scale > 1) return;
             updateSize($20135633306fcf19$var$getViewportSize());
         };
-        // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.
+        // When closing the keyboard, WebKit on iOS does not fire the visual viewport resize event until the animation is complete.
         // We can anticipate this and resize early by handling the blur event and using the layout size.
         let frame;
         let onBlur = (e)=>{
@@ -54,12 +54,12 @@ function $20135633306fcf19$export$d699905dd57c73ca() {
             });
         };
         updateSize($20135633306fcf19$var$getViewportSize());
-        if ((0, $d5a2be505488529f$export$fedb369cb70207f1)()) window.addEventListener('blur', onBlur, true);
+        if ((0, $d5a2be505488529f$export$fedb369cb70207f1)() && (0, $d5a2be505488529f$export$78551043582a6a98)()) window.addEventListener('blur', onBlur, true);
         if (!$20135633306fcf19$var$visualViewport) window.addEventListener('resize', onResize);
         else $20135633306fcf19$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
             cancelAnimationFrame(frame);
-            if ((0, $d5a2be505488529f$export$fedb369cb70207f1)()) window.removeEventListener('blur', onBlur, true);
+            if ((0, $d5a2be505488529f$export$fedb369cb70207f1)() && (0, $d5a2be505488529f$export$78551043582a6a98)()) window.removeEventListener('blur', onBlur, true);
             if (!$20135633306fcf19$var$visualViewport) window.removeEventListener('resize', onResize);
             else $20135633306fcf19$var$visualViewport.removeEventListener('resize', onResize);
         };

package/dist/private/utils/useViewportSize.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.js.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,2HAA2H;QAC3H,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,OAAO,CAAA,GAAA,yCAAO,KACpB,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,OAAO,CAAA,GAAA,yCAAO,KACpB,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS, isWebKit} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, WebKit on iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS() && isWebKit()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS() && isWebKit()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.js.map"}

package/dist/private/utils/useViewportSize.mjs

@@ -1,5 +1,5 @@
 import {getActiveElement as $23f2114a1b82827e$export$cd4e5573fbe2b576, getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29} from "./shadowdom/DOMFunctions.mjs";
-import {isIOS as $2add3ce32c6007eb$export$fedb369cb70207f1} from "./platform.mjs";
+import {isIOS as $2add3ce32c6007eb$export$fedb369cb70207f1, isWebKit as $2add3ce32c6007eb$export$78551043582a6a98} from "./platform.mjs";
 import {useIsSSR as $c7eafbbe1ea5834e$export$535bd6ca7f90a273} from "../ssr/SSRProvider.mjs";
 import {willOpenKeyboard as $bb39c0fc1c19b34c$export$c57958e35f31ed73} from "./keyboard.mjs";
 import {useState as $99N2Z$useState, useEffect as $99N2Z$useEffect} from "react";
@@ -39,7 +39,7 @@ function $6066a2c586ade9e1$export$d699905dd57c73ca() {
             if ($6066a2c586ade9e1$var$visualViewport && $6066a2c586ade9e1$var$visualViewport.scale > 1) return;
             updateSize($6066a2c586ade9e1$var$getViewportSize());
         };
-        // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.
+        // When closing the keyboard, WebKit on iOS does not fire the visual viewport resize event until the animation is complete.
         // We can anticipate this and resize early by handling the blur event and using the layout size.
         let frame;
         let onBlur = (e)=>{
@@ -54,12 +54,12 @@ function $6066a2c586ade9e1$export$d699905dd57c73ca() {
             });
         };
         updateSize($6066a2c586ade9e1$var$getViewportSize());
-        if ((0, $2add3ce32c6007eb$export$fedb369cb70207f1)()) window.addEventListener('blur', onBlur, true);
+        if ((0, $2add3ce32c6007eb$export$fedb369cb70207f1)() && (0, $2add3ce32c6007eb$export$78551043582a6a98)()) window.addEventListener('blur', onBlur, true);
         if (!$6066a2c586ade9e1$var$visualViewport) window.addEventListener('resize', onResize);
         else $6066a2c586ade9e1$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
             cancelAnimationFrame(frame);
-            if ((0, $2add3ce32c6007eb$export$fedb369cb70207f1)()) window.removeEventListener('blur', onBlur, true);
+            if ((0, $2add3ce32c6007eb$export$fedb369cb70207f1)() && (0, $2add3ce32c6007eb$export$78551043582a6a98)()) window.removeEventListener('blur', onBlur, true);
             if (!$6066a2c586ade9e1$var$visualViewport) window.removeEventListener('resize', onResize);
             else $6066a2c586ade9e1$var$visualViewport.removeEventListener('resize', onResize);
         };

package/dist/private/utils/useViewportSize.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,2HAA2H;QAC3H,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,OAAO,CAAA,GAAA,yCAAO,KACpB,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,OAAO,CAAA,GAAA,yCAAO,KACpB,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS, isWebKit} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, WebKit on iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS() && isWebKit()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS() && isWebKit()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.mjs.map"}

package/dist/private/virtualizer/ScrollView.cjs

@@ -1,3 +1,4 @@
+var $49582955cc364b1c$exports = require("../utils/domHelpers.cjs");
 var $da02ee888921bc9e$exports = require("../utils/shadowdom/DOMFunctions.cjs");
 var $88075019e53ad6d1$exports = require("./utils.cjs");
 var $d6e22460ce4d6b26$exports = require("../utils/useEffectEvent.cjs");
@@ -30,7 +31,7 @@ $parcel$export(module.exports, "ScrollView", function () { return $c3885d691318b
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ // @ts-ignore
+ */ 
 
 
 
@@ -53,6 +54,7 @@ function $c3885d691318bb9e$var$ScrollView(props, ref) {
 const $c3885d691318bb9e$export$5665e3d6be6adea = /*#__PURE__*/ (0, ($parcel$interopDefault($bNhn7$react))).forwardRef($c3885d691318bb9e$var$ScrollView);
 function $c3885d691318bb9e$export$2ea0c4974da4731b(props, ref) {
     let { contentSize: contentSize, onVisibleRectChange: onVisibleRectChange, onSizeChange: onSizeChange, innerStyle: innerStyle, onScrollStart: onScrollStart, onScrollEnd: onScrollEnd, scrollDirection: scrollDirection = 'both', onScroll: onScrollProp, allowsWindowScrolling: allowsWindowScrolling, ...otherProps } = props;
+    // oxlint-disable-next-line react/react-compiler
     let state = (0, $bNhn7$react.useRef)({
         // Internal scroll position of the scroll view.
         scrollPosition: new (0, $bNhn7$reactstatelyuseVirtualizerState.Point)(),
@@ -142,10 +144,10 @@ function $c3885d691318bb9e$export$2ea0c4974da4731b(props, ref) {
     ]);
     // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.
     (0, $bNhn7$react.useEffect)(()=>{
-        document.addEventListener('scroll', onScroll, true);
-        return ()=>document.removeEventListener('scroll', onScroll, true);
+        return (0, $49582955cc364b1c$exports.addEvent)((0, $da02ee888921bc9e$exports.getPropagationTargets)(ref.current, (0, $49582955cc364b1c$exports.getOwnerDocument)(ref.current)), 'scroll', onScroll, true);
     }, [
-        onScroll
+        onScroll,
+        ref
     ]);
     (0, $bNhn7$react.useEffect)(()=>{
         return ()=>{
@@ -262,6 +264,7 @@ function $c3885d691318bb9e$export$2ea0c4974da4731b(props, ref) {
     if (scrollDirection === 'horizontal') {
         style.overflowX = 'auto';
         style.overflowY = 'hidden';
+    // oxlint-disable-next-line react/react-compiler
     } else if (scrollDirection === 'vertical' || contentSize.width === state.size.width) {
         // Set overflow-x: hidden if content size is equal to the width of the scroll view.
         // This prevents horizontal scrollbars from flickering during resizing due to resize observer