react-aria 3.50.0 → 3.51.0

package/dist/private/virtualizer/useVirtualizerItem.cjs

@@ -1,3 +1,5 @@
+var $d0ea836c96ed0bf7$exports = require("../utils/isElementVisible.cjs");
+var $d6e22460ce4d6b26$exports = require("../utils/useEffectEvent.cjs");
 var $429333cab433657c$exports = require("../utils/useLayoutEffect.cjs");
 var $f9e7u$reactstatelyuseVirtualizerState = require("react-stately/useVirtualizerState");
 var $f9e7u$react = require("react");
@@ -21,11 +23,17 @@ $parcel$export(module.exports, "useVirtualizerItem", function () { return $a2b31
  */ 
 
 
+
+
 function $a2b3121359008119$export$1da781778207e0a2(options) {
-    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref } = options;
+    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref, shouldObserveItemSize: shouldObserveItemSize } = options;
     let key = layoutInfo?.key;
     let updateSize = (0, $f9e7u$react.useCallback)(()=>{
         if (key != null && ref.current) {
+            // if the virtualized item is not visible (aka display none on virtualized collection),
+            // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items
+            // when it is hidden and thus won't remeasure when it is is unhidden
+            if (!(0, $d0ea836c96ed0bf7$exports.isElementVisible)(ref.current)) return;
             let size = $a2b3121359008119$var$getSize(ref.current);
             virtualizer.updateItemSize(key, size);
         }
@@ -34,9 +42,34 @@ function $a2b3121359008119$export$1da781778207e0a2(options) {
         key,
         ref
     ]);
+    let updateSizeEvent = (0, $d6e22460ce4d6b26$exports.useEffectEvent)(updateSize);
     (0, $429333cab433657c$exports.useLayoutEffect)(()=>{
-        if (layoutInfo?.estimatedSize) updateSize();
+        if (layoutInfo?.estimatedSize) updateSizeEvent();
     });
+    // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect
+    // when inner DOM structure changes cause an item's height to change.
+    // The current ResizeObserver only observes direct children,
+    // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.
+    // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout
+    // and won't change when content grows. Observe direct children instead, then remeasure the
+    // wrapper in updateSize.
+    (0, $f9e7u$react.useEffect)(()=>{
+        if (!shouldObserveItemSize) return;
+        let el = ref.current;
+        if (!el || typeof ResizeObserver === 'undefined') return;
+        let resizeObserver = new ResizeObserver((entries)=>{
+            if (!entries.length) return;
+            updateSizeEvent();
+        });
+        for (let child of el.children)resizeObserver.observe(child);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        shouldObserveItemSize,
+        ref,
+        key
+    ]);
     return {
         updateSize: updateSize
     };

package/dist/private/virtualizer/useVirtualizerItem.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAiBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,EAAC,GAAG;IACrC,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,wBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,2CAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.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 {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback} from 'react';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n  updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n  layoutInfo: LayoutInfo | null;\n  virtualizer: IVirtualizer;\n  ref: RefObject<HTMLElement | null>;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n  let {layoutInfo, virtualizer, ref} = options;\n  let key = layoutInfo?.key;\n\n  let updateSize = useCallback(() => {\n    if (key != null && ref.current) {\n      let size = getSize(ref.current);\n      virtualizer.updateItemSize(key, size);\n    }\n  }, [virtualizer, key, ref]);\n\n  useLayoutEffect(() => {\n    if (layoutInfo?.estimatedSize) {\n      updateSize();\n    }\n  });\n\n  return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n  // Reset height before measuring so we get the intrinsic size\n  let height = node.style.height;\n  node.style.height = '';\n  let size = new Size(node.scrollWidth, node.scrollHeight);\n  node.style.height = height;\n  return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.cjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,yBAAE,qBAAqB,EAAC,GAAG;IAC5D,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,wBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,uFAAuF;YACvF,wGAAwG;YACxG,oEAAoE;YACpE,IAAI,CAAC,CAAA,GAAA,0CAAe,EAAE,IAAI,OAAO,GAC/B;YAEF,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,IAAI,kBAAkB,CAAA,GAAA,wCAAa,EAAE;IAErC,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,kFAAkF;IAClF,qEAAqE;IACrE,4DAA4D;IAC5D,oHAAoH;IACpH,4FAA4F;IAC5F,2FAA2F;IAC3F,yBAAyB;IACzB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,uBACH;QAGF,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,CAAC,MAAM,OAAO,mBAAmB,aACnC;QAGF,IAAI,iBAAiB,IAAI,eAAe,CAAA;YACtC,IAAI,CAAC,QAAQ,MAAM,EACjB;YAEF;QACF;QAEA,KAAK,IAAI,SAAS,GAAG,QAAQ,CAC3B,eAAe,OAAO,CAAC;QAGzB,OAAO;YACL,eAAe,UAAU;QAC3B;IACF,GAAG;QAAC;QAAuB;QAAK;KAAI;IAEpC,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,2CAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.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 {isElementVisible} from '../utils/isElementVisible';\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback, useEffect} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n  updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n  layoutInfo: LayoutInfo | null;\n  virtualizer: IVirtualizer;\n  ref: RefObject<HTMLElement | null>;\n  shouldObserveItemSize?: boolean;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n  let {layoutInfo, virtualizer, ref, shouldObserveItemSize} = options;\n  let key = layoutInfo?.key;\n\n  let updateSize = useCallback(() => {\n    if (key != null && ref.current) {\n      // if the virtualized item is not visible (aka display none on virtualized collection),\n      // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items\n      // when it is hidden and thus won't remeasure when it is is unhidden\n      if (!isElementVisible(ref.current)) {\n        return;\n      }\n      let size = getSize(ref.current);\n      virtualizer.updateItemSize(key, size);\n    }\n  }, [virtualizer, key, ref]);\n\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  useLayoutEffect(() => {\n    if (layoutInfo?.estimatedSize) {\n      updateSizeEvent();\n    }\n  });\n\n  // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect\n  // when inner DOM structure changes cause an item's height to change.\n  // The current ResizeObserver only observes direct children,\n  // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.\n  // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout\n  // and won't change when content grows. Observe direct children instead, then remeasure the\n  // wrapper in updateSize.\n  useEffect(() => {\n    if (!shouldObserveItemSize) {\n      return;\n    }\n\n    let el = ref.current;\n    if (!el || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    let resizeObserver = new ResizeObserver(entries => {\n      if (!entries.length) {\n        return;\n      }\n      updateSizeEvent();\n    });\n\n    for (let child of el.children) {\n      resizeObserver.observe(child);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [shouldObserveItemSize, ref, key]);\n\n  return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n  // Reset height before measuring so we get the intrinsic size\n  let height = node.style.height;\n  node.style.height = '';\n  let size = new Size(node.scrollWidth, node.scrollHeight);\n  node.style.height = height;\n  return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.cjs.map"}

package/dist/private/virtualizer/useVirtualizerItem.js

@@ -1,6 +1,8 @@
+import {isElementVisible as $7570c7c1cd2bea0b$export$e989c0fffaa6b27a} from "../utils/isElementVisible.js";
+import {useEffectEvent as $85567ef950781b7d$export$7f54fc3180508a52} from "../utils/useEffectEvent.js";
 import {useLayoutEffect as $53fed047b798be36$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.js";
 import {Size as $7P2XF$Size} from "react-stately/useVirtualizerState";
-import {useCallback as $7P2XF$useCallback} from "react";
+import {useCallback as $7P2XF$useCallback, useEffect as $7P2XF$useEffect} from "react";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -15,11 +17,17 @@ import {useCallback as $7P2XF$useCallback} from "react";
  */ 
 
 
+
+
 function $50fb5bc04a398332$export$1da781778207e0a2(options) {
-    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref } = options;
+    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref, shouldObserveItemSize: shouldObserveItemSize } = options;
     let key = layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.key;
     let updateSize = (0, $7P2XF$useCallback)(()=>{
         if (key != null && ref.current) {
+            // if the virtualized item is not visible (aka display none on virtualized collection),
+            // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items
+            // when it is hidden and thus won't remeasure when it is is unhidden
+            if (!(0, $7570c7c1cd2bea0b$export$e989c0fffaa6b27a)(ref.current)) return;
             let size = $50fb5bc04a398332$var$getSize(ref.current);
             virtualizer.updateItemSize(key, size);
         }
@@ -28,9 +36,34 @@ function $50fb5bc04a398332$export$1da781778207e0a2(options) {
         key,
         ref
     ]);
+    let updateSizeEvent = (0, $85567ef950781b7d$export$7f54fc3180508a52)(updateSize);
     (0, $53fed047b798be36$export$e5c5a5f917a5871c)(()=>{
-        if (layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.estimatedSize) updateSize();
+        if (layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.estimatedSize) updateSizeEvent();
     });
+    // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect
+    // when inner DOM structure changes cause an item's height to change.
+    // The current ResizeObserver only observes direct children,
+    // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.
+    // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout
+    // and won't change when content grows. Observe direct children instead, then remeasure the
+    // wrapper in updateSize.
+    (0, $7P2XF$useEffect)(()=>{
+        if (!shouldObserveItemSize) return;
+        let el = ref.current;
+        if (!el || typeof ResizeObserver === 'undefined') return;
+        let resizeObserver = new ResizeObserver((entries)=>{
+            if (!entries.length) return;
+            updateSizeEvent();
+        });
+        for (let child of el.children)resizeObserver.observe(child);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        shouldObserveItemSize,
+        ref,
+        key
+    ]);
     return {
         updateSize: updateSize
     };

package/dist/private/virtualizer/useVirtualizerItem.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAiBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,EAAC,GAAG;IACrC,IAAI,MAAM,uBAAA,iCAAA,WAAY,GAAG;IAEzB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,uBAAA,iCAAA,WAAY,aAAa,EAC3B;IAEJ;IAEA,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.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 {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback} from 'react';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n  updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n  layoutInfo: LayoutInfo | null;\n  virtualizer: IVirtualizer;\n  ref: RefObject<HTMLElement | null>;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n  let {layoutInfo, virtualizer, ref} = options;\n  let key = layoutInfo?.key;\n\n  let updateSize = useCallback(() => {\n    if (key != null && ref.current) {\n      let size = getSize(ref.current);\n      virtualizer.updateItemSize(key, size);\n    }\n  }, [virtualizer, key, ref]);\n\n  useLayoutEffect(() => {\n    if (layoutInfo?.estimatedSize) {\n      updateSize();\n    }\n  });\n\n  return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n  // Reset height before measuring so we get the intrinsic size\n  let height = node.style.height;\n  node.style.height = '';\n  let size = new Size(node.scrollWidth, node.scrollHeight);\n  node.style.height = height;\n  return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.js.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,yBAAE,qBAAqB,EAAC,GAAG;IAC5D,IAAI,MAAM,uBAAA,iCAAA,WAAY,GAAG;IAEzB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,uFAAuF;YACvF,wGAAwG;YACxG,oEAAoE;YACpE,IAAI,CAAC,CAAA,GAAA,yCAAe,EAAE,IAAI,OAAO,GAC/B;YAEF,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE;IAErC,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,uBAAA,iCAAA,WAAY,aAAa,EAC3B;IAEJ;IAEA,kFAAkF;IAClF,qEAAqE;IACrE,4DAA4D;IAC5D,oHAAoH;IACpH,4FAA4F;IAC5F,2FAA2F;IAC3F,yBAAyB;IACzB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,uBACH;QAGF,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,CAAC,MAAM,OAAO,mBAAmB,aACnC;QAGF,IAAI,iBAAiB,IAAI,eAAe,CAAA;YACtC,IAAI,CAAC,QAAQ,MAAM,EACjB;YAEF;QACF;QAEA,KAAK,IAAI,SAAS,GAAG,QAAQ,CAC3B,eAAe,OAAO,CAAC;QAGzB,OAAO;YACL,eAAe,UAAU;QAC3B;IACF,GAAG;QAAC;QAAuB;QAAK;KAAI;IAEpC,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.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 {isElementVisible} from '../utils/isElementVisible';\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback, useEffect} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n  updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n  layoutInfo: LayoutInfo | null;\n  virtualizer: IVirtualizer;\n  ref: RefObject<HTMLElement | null>;\n  shouldObserveItemSize?: boolean;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n  let {layoutInfo, virtualizer, ref, shouldObserveItemSize} = options;\n  let key = layoutInfo?.key;\n\n  let updateSize = useCallback(() => {\n    if (key != null && ref.current) {\n      // if the virtualized item is not visible (aka display none on virtualized collection),\n      // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items\n      // when it is hidden and thus won't remeasure when it is is unhidden\n      if (!isElementVisible(ref.current)) {\n        return;\n      }\n      let size = getSize(ref.current);\n      virtualizer.updateItemSize(key, size);\n    }\n  }, [virtualizer, key, ref]);\n\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  useLayoutEffect(() => {\n    if (layoutInfo?.estimatedSize) {\n      updateSizeEvent();\n    }\n  });\n\n  // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect\n  // when inner DOM structure changes cause an item's height to change.\n  // The current ResizeObserver only observes direct children,\n  // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.\n  // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout\n  // and won't change when content grows. Observe direct children instead, then remeasure the\n  // wrapper in updateSize.\n  useEffect(() => {\n    if (!shouldObserveItemSize) {\n      return;\n    }\n\n    let el = ref.current;\n    if (!el || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    let resizeObserver = new ResizeObserver(entries => {\n      if (!entries.length) {\n        return;\n      }\n      updateSizeEvent();\n    });\n\n    for (let child of el.children) {\n      resizeObserver.observe(child);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [shouldObserveItemSize, ref, key]);\n\n  return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n  // Reset height before measuring so we get the intrinsic size\n  let height = node.style.height;\n  node.style.height = '';\n  let size = new Size(node.scrollWidth, node.scrollHeight);\n  node.style.height = height;\n  return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.js.map"}

package/dist/private/virtualizer/useVirtualizerItem.mjs

@@ -1,6 +1,8 @@
+import {isElementVisible as $ae77152785188400$export$e989c0fffaa6b27a} from "../utils/isElementVisible.mjs";
+import {useEffectEvent as $fe16bffc7a557bf0$export$7f54fc3180508a52} from "../utils/useEffectEvent.mjs";
 import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.mjs";
 import {Size as $8najZ$Size} from "react-stately/useVirtualizerState";
-import {useCallback as $8najZ$useCallback} from "react";
+import {useCallback as $8najZ$useCallback, useEffect as $8najZ$useEffect} from "react";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -15,11 +17,17 @@ import {useCallback as $8najZ$useCallback} from "react";
  */ 
 
 
+
+
 function $cd3854145620ec6a$export$1da781778207e0a2(options) {
-    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref } = options;
+    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref, shouldObserveItemSize: shouldObserveItemSize } = options;
     let key = layoutInfo?.key;
     let updateSize = (0, $8najZ$useCallback)(()=>{
         if (key != null && ref.current) {
+            // if the virtualized item is not visible (aka display none on virtualized collection),
+            // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items
+            // when it is hidden and thus won't remeasure when it is is unhidden
+            if (!(0, $ae77152785188400$export$e989c0fffaa6b27a)(ref.current)) return;
             let size = $cd3854145620ec6a$var$getSize(ref.current);
             virtualizer.updateItemSize(key, size);
         }
@@ -28,9 +36,34 @@ function $cd3854145620ec6a$export$1da781778207e0a2(options) {
         key,
         ref
     ]);
+    let updateSizeEvent = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)(updateSize);
     (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
-        if (layoutInfo?.estimatedSize) updateSize();
+        if (layoutInfo?.estimatedSize) updateSizeEvent();
     });
+    // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect
+    // when inner DOM structure changes cause an item's height to change.
+    // The current ResizeObserver only observes direct children,
+    // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.
+    // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout
+    // and won't change when content grows. Observe direct children instead, then remeasure the
+    // wrapper in updateSize.
+    (0, $8najZ$useEffect)(()=>{
+        if (!shouldObserveItemSize) return;
+        let el = ref.current;
+        if (!el || typeof ResizeObserver === 'undefined') return;
+        let resizeObserver = new ResizeObserver((entries)=>{
+            if (!entries.length) return;
+            updateSizeEvent();
+        });
+        for (let child of el.children)resizeObserver.observe(child);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        shouldObserveItemSize,
+        ref,
+        key
+    ]);
     return {
         updateSize: updateSize
     };

package/dist/private/virtualizer/useVirtualizerItem.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAiBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,EAAC,GAAG;IACrC,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.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 {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback} from 'react';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n  updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n  layoutInfo: LayoutInfo | null;\n  virtualizer: IVirtualizer;\n  ref: RefObject<HTMLElement | null>;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n  let {layoutInfo, virtualizer, ref} = options;\n  let key = layoutInfo?.key;\n\n  let updateSize = useCallback(() => {\n    if (key != null && ref.current) {\n      let size = getSize(ref.current);\n      virtualizer.updateItemSize(key, size);\n    }\n  }, [virtualizer, key, ref]);\n\n  useLayoutEffect(() => {\n    if (layoutInfo?.estimatedSize) {\n      updateSize();\n    }\n  });\n\n  return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n  // Reset height before measuring so we get the intrinsic size\n  let height = node.style.height;\n  node.style.height = '';\n  let size = new Size(node.scrollWidth, node.scrollHeight);\n  node.style.height = height;\n  return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,yBAAE,qBAAqB,EAAC,GAAG;IAC5D,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,uFAAuF;YACvF,wGAAwG;YACxG,oEAAoE;YACpE,IAAI,CAAC,CAAA,GAAA,yCAAe,EAAE,IAAI,OAAO,GAC/B;YAEF,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE;IAErC,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,kFAAkF;IAClF,qEAAqE;IACrE,4DAA4D;IAC5D,oHAAoH;IACpH,4FAA4F;IAC5F,2FAA2F;IAC3F,yBAAyB;IACzB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,uBACH;QAGF,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,CAAC,MAAM,OAAO,mBAAmB,aACnC;QAGF,IAAI,iBAAiB,IAAI,eAAe,CAAA;YACtC,IAAI,CAAC,QAAQ,MAAM,EACjB;YAEF;QACF;QAEA,KAAK,IAAI,SAAS,GAAG,QAAQ,CAC3B,eAAe,OAAO,CAAC;QAGzB,OAAO;YACL,eAAe,UAAU;QAC3B;IACF,GAAG;QAAC;QAAuB;QAAK;KAAI;IAEpC,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.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 {isElementVisible} from '../utils/isElementVisible';\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback, useEffect} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n  updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n  layoutInfo: LayoutInfo | null;\n  virtualizer: IVirtualizer;\n  ref: RefObject<HTMLElement | null>;\n  shouldObserveItemSize?: boolean;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n  let {layoutInfo, virtualizer, ref, shouldObserveItemSize} = options;\n  let key = layoutInfo?.key;\n\n  let updateSize = useCallback(() => {\n    if (key != null && ref.current) {\n      // if the virtualized item is not visible (aka display none on virtualized collection),\n      // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items\n      // when it is hidden and thus won't remeasure when it is is unhidden\n      if (!isElementVisible(ref.current)) {\n        return;\n      }\n      let size = getSize(ref.current);\n      virtualizer.updateItemSize(key, size);\n    }\n  }, [virtualizer, key, ref]);\n\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  useLayoutEffect(() => {\n    if (layoutInfo?.estimatedSize) {\n      updateSizeEvent();\n    }\n  });\n\n  // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect\n  // when inner DOM structure changes cause an item's height to change.\n  // The current ResizeObserver only observes direct children,\n  // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.\n  // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout\n  // and won't change when content grows. Observe direct children instead, then remeasure the\n  // wrapper in updateSize.\n  useEffect(() => {\n    if (!shouldObserveItemSize) {\n      return;\n    }\n\n    let el = ref.current;\n    if (!el || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    let resizeObserver = new ResizeObserver(entries => {\n      if (!entries.length) {\n        return;\n      }\n      updateSizeEvent();\n    });\n\n    for (let child of el.children) {\n      resizeObserver.observe(child);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [shouldObserveItemSize, ref, key]);\n\n  return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n  // Reset height before measuring so we get the intrinsic size\n  let height = node.style.height;\n  node.style.height = '';\n  let size = new Size(node.scrollWidth, node.scrollHeight);\n  node.style.height = height;\n  return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.mjs.map"}

package/dist/private/visually-hidden/VisuallyHidden.cjs

@@ -47,7 +47,8 @@ function $3455634180ecf75c$export$a966af930f325cab(props = {}) {
     });
     // If focused, don't hide the element.
     let combinedStyles = (0, $ixnPF$react.useMemo)(()=>{
-        if (isFocused) return style;
+        if (isFocused) // oxlint-disable-next-line react/react-compiler
+        return style;
         else if (style) return {
             ...$3455634180ecf75c$var$styles,
             ...style

package/dist/private/visually-hidden/VisuallyHidden.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,wCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,oBAAM,EAAE;QAC3B,IAAI,WACF,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,0DAAC,SAAY,CAAA,GAAA,oCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n  CSSProperties,\n  JSX,\n  JSXElementConstructor,\n  ReactNode,\n  useMemo,\n  useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  /**\n   * The element type for the container.\n   *\n   * @default 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n\n  /** Whether the element should become visible on focus, for example skip links. */\n  isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n  visuallyHiddenProps: DOMAttributes;\n}\n\n/**\n * Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n */\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n  let {style, isFocusable} = props;\n\n  let [isFocused, setFocused] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    isDisabled: !isFocusable,\n    onFocusWithinChange: val => setFocused(val)\n  });\n\n  // If focused, don't hide the element.\n  let combinedStyles = useMemo(() => {\n    if (isFocused) {\n      return style;\n    } else if (style) {\n      return {...styles, ...style};\n    } else {\n      return styles;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isFocused]);\n\n  return {\n    visuallyHiddenProps: {\n      ...focusWithinProps,\n      style: combinedStyles\n    }\n  };\n}\n\n/**\n * VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n  return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,wCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,oBAAM,EAAE;QAC3B,IAAI,WACF,gDAAgD;QAChD,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,0DAAC,SAAY,CAAA,GAAA,oCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n  CSSProperties,\n  JSX,\n  JSXElementConstructor,\n  ReactNode,\n  useMemo,\n  useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  /**\n   * The element type for the container.\n   *\n   * @default 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n\n  /** Whether the element should become visible on focus, for example skip links. */\n  isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n  visuallyHiddenProps: DOMAttributes;\n}\n\n/**\n * Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n */\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n  let {style, isFocusable} = props;\n\n  let [isFocused, setFocused] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    isDisabled: !isFocusable,\n    onFocusWithinChange: val => setFocused(val)\n  });\n\n  // If focused, don't hide the element.\n  let combinedStyles = useMemo(() => {\n    if (isFocused) {\n      // oxlint-disable-next-line react/react-compiler\n      return style;\n    } else if (style) {\n      return {...styles, ...style};\n    } else {\n      return styles;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isFocused]);\n\n  return {\n    visuallyHiddenProps: {\n      ...focusWithinProps,\n      style: combinedStyles\n    }\n  };\n}\n\n/**\n * VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n  return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.cjs.map"}

package/dist/private/visually-hidden/VisuallyHidden.js

@@ -36,7 +36,8 @@ function $6947385881e3ae0e$export$a966af930f325cab(props = {}) {
     });
     // If focused, don't hide the element.
     let combinedStyles = (0, $6jIEV$useMemo)(()=>{
-        if (isFocused) return style;
+        if (isFocused) // oxlint-disable-next-line react/react-compiler
+        return style;
         else if (style) return {
             ...$6947385881e3ae0e$var$styles,
             ...style

package/dist/private/visually-hidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,WACF,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,gCAAC,SAAY,CAAA,GAAA,yCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n  CSSProperties,\n  JSX,\n  JSXElementConstructor,\n  ReactNode,\n  useMemo,\n  useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  /**\n   * The element type for the container.\n   *\n   * @default 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n\n  /** Whether the element should become visible on focus, for example skip links. */\n  isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n  visuallyHiddenProps: DOMAttributes;\n}\n\n/**\n * Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n */\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n  let {style, isFocusable} = props;\n\n  let [isFocused, setFocused] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    isDisabled: !isFocusable,\n    onFocusWithinChange: val => setFocused(val)\n  });\n\n  // If focused, don't hide the element.\n  let combinedStyles = useMemo(() => {\n    if (isFocused) {\n      return style;\n    } else if (style) {\n      return {...styles, ...style};\n    } else {\n      return styles;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isFocused]);\n\n  return {\n    visuallyHiddenProps: {\n      ...focusWithinProps,\n      style: combinedStyles\n    }\n  };\n}\n\n/**\n * VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n  return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,WACF,gDAAgD;QAChD,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,gCAAC,SAAY,CAAA,GAAA,yCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n  CSSProperties,\n  JSX,\n  JSXElementConstructor,\n  ReactNode,\n  useMemo,\n  useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  /**\n   * The element type for the container.\n   *\n   * @default 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n\n  /** Whether the element should become visible on focus, for example skip links. */\n  isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n  visuallyHiddenProps: DOMAttributes;\n}\n\n/**\n * Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n */\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n  let {style, isFocusable} = props;\n\n  let [isFocused, setFocused] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    isDisabled: !isFocusable,\n    onFocusWithinChange: val => setFocused(val)\n  });\n\n  // If focused, don't hide the element.\n  let combinedStyles = useMemo(() => {\n    if (isFocused) {\n      // oxlint-disable-next-line react/react-compiler\n      return style;\n    } else if (style) {\n      return {...styles, ...style};\n    } else {\n      return styles;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isFocused]);\n\n  return {\n    visuallyHiddenProps: {\n      ...focusWithinProps,\n      style: combinedStyles\n    }\n  };\n}\n\n/**\n * VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n  return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.js.map"}

package/dist/private/visually-hidden/VisuallyHidden.mjs

@@ -36,7 +36,8 @@ function $ea3928288112382f$export$a966af930f325cab(props = {}) {
     });
     // If focused, don't hide the element.
     let combinedStyles = (0, $48drk$useMemo)(()=>{
-        if (isFocused) return style;
+        if (isFocused) // oxlint-disable-next-line react/react-compiler
+        return style;
         else if (style) return {
             ...$ea3928288112382f$var$styles,
             ...style

package/dist/private/visually-hidden/VisuallyHidden.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,WACF,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,gCAAC,SAAY,CAAA,GAAA,yCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n  CSSProperties,\n  JSX,\n  JSXElementConstructor,\n  ReactNode,\n  useMemo,\n  useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  /**\n   * The element type for the container.\n   *\n   * @default 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n\n  /** Whether the element should become visible on focus, for example skip links. */\n  isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n  visuallyHiddenProps: DOMAttributes;\n}\n\n/**\n * Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n */\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n  let {style, isFocusable} = props;\n\n  let [isFocused, setFocused] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    isDisabled: !isFocusable,\n    onFocusWithinChange: val => setFocused(val)\n  });\n\n  // If focused, don't hide the element.\n  let combinedStyles = useMemo(() => {\n    if (isFocused) {\n      return style;\n    } else if (style) {\n      return {...styles, ...style};\n    } else {\n      return styles;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isFocused]);\n\n  return {\n    visuallyHiddenProps: {\n      ...focusWithinProps,\n      style: combinedStyles\n    }\n  };\n}\n\n/**\n * VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n  return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.mjs.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,WACF,gDAAgD;QAChD,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,gCAAC,SAAY,CAAA,GAAA,yCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n  CSSProperties,\n  JSX,\n  JSXElementConstructor,\n  ReactNode,\n  useMemo,\n  useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  /**\n   * The element type for the container.\n   *\n   * @default 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n\n  /** Whether the element should become visible on focus, for example skip links. */\n  isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n  visuallyHiddenProps: DOMAttributes;\n}\n\n/**\n * Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n */\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n  let {style, isFocusable} = props;\n\n  let [isFocused, setFocused] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    isDisabled: !isFocusable,\n    onFocusWithinChange: val => setFocused(val)\n  });\n\n  // If focused, don't hide the element.\n  let combinedStyles = useMemo(() => {\n    if (isFocused) {\n      // oxlint-disable-next-line react/react-compiler\n      return style;\n    } else if (style) {\n      return {...styles, ...style};\n    } else {\n      return styles;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isFocused]);\n\n  return {\n    visuallyHiddenProps: {\n      ...focusWithinProps,\n      style: combinedStyles\n    }\n  };\n}\n\n/**\n * VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n  return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.mjs.map"}

package/dist/types/exports/index.d.ts

@@ -59,6 +59,7 @@ export { useKeyboard } from '../src/interactions/useKeyboard';
 export { useMove } from '../src/interactions/useMove';
 export { usePress } from '../src/interactions/usePress';
 export { useLongPress } from '../src/interactions/useLongPress';
+export { useContextMenu } from '../src/interactions/useContextMenu';
 export { useFocusable, Focusable } from '../src/interactions/useFocusable';
 export { Pressable } from '../src/interactions/Pressable';
 export { useField } from '../src/label/useField';
@@ -116,6 +117,7 @@ export { useTag } from '../src/tag/useTag';
 export { useTagGroup } from '../src/tag/useTagGroup';
 export { useTextField } from '../src/textfield/useTextField';
 export { useToast } from '../src/toast/useToast';
+export { usePreviewTrigger } from '../src/tooltip/usePreviewTrigger';
 export { useToastRegion } from '../src/toast/useToastRegion';
 export { useToolbar } from '../src/toolbar/useToolbar';
 export { useTooltip } from '../src/tooltip/useTooltip';
@@ -129,6 +131,8 @@ export { useId } from '../src/utils/useId';
 export { useObjectRef } from '../src/utils/useObjectRef';
 export { RouterProvider } from '../src/utils/openLink';
 export { VisuallyHidden, useVisuallyHidden } from '../src/visually-hidden/VisuallyHidden';
+export { useTokenField, tokenFieldPositionToDOMRange, setTokenFieldSelection, getSelection } from '../src/tokenfield/useTokenField';
+export { useToken } from '../src/tokenfield/useToken';
 export type { AriaAutocompleteProps, AriaAutocompleteOptions, AutocompleteAria, CollectionOptions, InputProps } from '../src/autocomplete/useAutocomplete';
 export type { CollectionProps, CollectionBuilderProps } from '../src/collections/CollectionBuilder';
 export type { AriaBreadcrumbItemProps, BreadcrumbItemAria, BreadcrumbItemProps } from '../src/breadcrumbs/useBreadcrumbItem';
@@ -189,7 +193,9 @@ export type { FocusWithinProps, FocusWithinResult } from '../src/interactions/us
 export type { HoverProps, HoverResult } from '../src/interactions/useHover';
 export type { InteractOutsideProps } from '../src/interactions/useInteractOutside';
 export type { KeyboardProps, KeyboardResult } from '../src/interactions/useKeyboard';
+export type { KeyboardShortcutBindings } from '../src/interactions/createKeyboardShortcutHandler';
 export type { LongPressProps, LongPressResult } from '../src/interactions/useLongPress';
+export type { ContextMenuProps, ContextMenuAria, ContextMenuEvent } from '../src/interactions/useContextMenu';
 export type { MoveEvents, PressEvent, PressEvents, LongPressEvent, MoveStartEvent, MoveMoveEvent, MoveEndEvent, MoveEvent, HoverEvent, HoverEvents, FocusEvents, KeyboardEvents } from '@react-types/shared';
 export type { MoveResult } from '../src/interactions/useMove';
 export type { PressHookProps, PressProps, PressResult } from '../src/interactions/usePress';
@@ -252,8 +258,11 @@ export type { AriaToastProps, ToastAria } from '../src/toast/useToast';
 export type { AriaToolbarProps, ToolbarAria } from '../src/toolbar/useToolbar';
 export type { AriaTooltipProps, TooltipAria, TooltipProps } from '../src/tooltip/useTooltip';
 export type { TooltipTriggerAria } from '../src/tooltip/useTooltipTrigger';
+export type { AriaPreviewTriggerProps, PreviewTriggerTriggerAria } from '../src/tooltip/usePreviewTrigger';
 export type { TooltipTriggerProps } from 'react-stately/useTooltipTriggerState';
 export type { AriaTreeProps, TreeProps, TreeAria, AriaTreeOptions } from '../src/tree/useTree';
 export type { AriaTreeItemOptions, TreeItemAria } from '../src/tree/useTreeItem';
 export type { VisuallyHiddenAria, VisuallyHiddenProps } from '../src/visually-hidden/VisuallyHidden';
 export type { Key, Orientation, RangeValue } from '@react-types/shared';
+export type { TokenProps, TokenAria } from '../src/tokenfield/useToken';
+export type { AriaTokenFieldProps, TokenFieldAria } from '../src/tokenfield/useTokenField';

package/dist/types/exports/private/utils/domHelpers.d.ts

@@ -1 +1 @@
-export { getOwnerDocument, getOwnerWindow, isShadowRoot } from '../../../src/utils/domHelpers';
+export { addEvent, getOwnerDocument, getOwnerWindow, isShadowRoot } from '../../../src/utils/domHelpers';

package/dist/types/exports/private/utils/platform.d.ts

@@ -1 +1 @@
-export { isWebKit, isMac, isIPhone, isIPad, isIOS, isAppleDevice, isChrome, isAndroid, isFirefox } from '../../../src/utils/platform';
+export { isWebKit, isMac, isIPhone, isIPad, isIOS, isAppleDevice, isChrome, isAndroid, isFirefox, isSafari } from '../../../src/utils/platform';

package/dist/types/exports/private/utils/shadowdom/DOMFunctions.d.ts

@@ -1 +1 @@
-export { getEventTarget, nodeContains, isFocusWithin, getActiveElement } from '../../../../src/utils/shadowdom/DOMFunctions';
+export { getEventTarget, getPropagationTargets, nodeContains, isFocusWithin, getActiveElement } from '../../../../src/utils/shadowdom/DOMFunctions';

package/dist/types/exports/useContextMenu.d.ts

@@ -0,0 +1,2 @@
+export { useContextMenu } from '../src/interactions/useContextMenu';
+export type { ContextMenuProps, ContextMenuAria, ContextMenuEvent } from '../src/interactions/useContextMenu';

package/dist/types/exports/usePreviewTrigger.d.ts

@@ -0,0 +1,2 @@
+export { usePreviewTrigger } from '../src/tooltip/usePreviewTrigger';
+export type { AriaPreviewTriggerProps, PreviewTriggerTriggerAria } from '../src/tooltip/usePreviewTrigger';

package/dist/types/exports/useTokenField.d.ts

@@ -0,0 +1,4 @@
+export { useTokenField, tokenFieldPositionToDOMRange, setTokenFieldSelection } from '../src/tokenfield/useTokenField';
+export { useToken } from '../src/tokenfield/useToken';
+export type { TokenFieldAria, AriaTokenFieldProps } from '../src/tokenfield/useTokenField';
+export type { TokenAria, TokenProps } from '../src/tokenfield/useToken';

package/dist/types/src/button/useToggleButtonGroup.d.ts

@@ -16,6 +16,14 @@ export interface ToggleButtonGroupAria {
      */
     groupProps: DOMAttributes;
 }
+/**
+ * Provides the behavior and accessibility implementation for a toggle button group component.
+ * Toggle button groups allow users to select one or more options from a group.
+ *
+ * @param props - Props for the toggle button group.
+ * @param state - State for the toggle button group, as returned by `useToggleGroupState`.
+ * @param ref - A ref to the toggle button group element.
+ */
 export declare function useToggleButtonGroup(props: AriaToggleButtonGroupProps, state: ToggleGroupState, ref: RefObject<HTMLElement | null>): ToggleButtonGroupAria;
 export interface AriaToggleButtonGroupItemProps<E extends ElementType = 'button'> extends Omit<AriaToggleButtonProps<E>, 'id' | 'isSelected' | 'defaultSelected' | 'onChange'> {
     /** An identifier for the item in the `selectedKeys` of a ToggleButtonGroup. */

package/dist/types/src/combobox/useComboBox.d.ts

@@ -2,7 +2,7 @@ import { AriaButtonProps } from '../button/useButton';
 import { AriaLabelingProps, DOMAttributes, DOMProps, InputDOMProps, KeyboardDelegate, LayoutDelegate, RefObject, ValidationResult } from '@react-types/shared';
 import { AriaListBoxOptions } from '../listbox/useListBox';
 import { ComboBoxProps, ComboBoxState, SelectionMode } from 'react-stately/useComboBoxState';
-import { InputHTMLAttributes } from 'react';
+import { ElementType, InputHTMLAttributes } from 'react';
 export interface AriaComboBoxProps<T, M extends SelectionMode = 'single'> extends ComboBoxProps<T, M>, DOMProps, InputDOMProps, AriaLabelingProps {
     /** Whether keyboard navigation is circular. */
     shouldFocusWrap?: boolean;
@@ -16,6 +16,12 @@ export interface AriaComboBoxOptions<T, M extends SelectionMode = 'single'> exte
     listBoxRef: RefObject<HTMLElement | null>;
     /** The ref for the optional list box popup trigger button. */
     buttonRef?: RefObject<Element | null>;
+    /**
+     * The HTML element used to render the label, e.g. 'label', or 'span'.
+     *
+     * @default 'label'
+     */
+    labelElementType?: ElementType;
     /** An optional keyboard delegate implementation, to override the default. */
     keyboardDelegate?: KeyboardDelegate;
     /**

package/dist/types/src/dialog/useDialog.d.ts

@@ -12,6 +12,8 @@ export interface DialogAria {
     dialogProps: DOMAttributes;
     /** Props for the dialog title element. */
     titleProps: DOMAttributes;
+    /** Props for the dialog content/description element. Used for aria-describedby on alertdialogs. */
+    contentProps: DOMAttributes;
 }
 /**
  * Provides the behavior and accessibility implementation for a dialog component.

package/dist/types/src/grid/useGrid.d.ts

@@ -49,6 +49,13 @@ export interface GridProps extends DOMProps, AriaLabelingProps {
     escapeKeyBehavior?: 'clearSelection' | 'none';
     /** Whether selection should occur on press up instead of press down. */
     shouldSelectOnPressUp?: boolean;
+    /**
+     * Whether keyboard navigation to focusable elements within grid cells is
+     * via arrow keys or the tab key.
+     *
+     * @default 'arrow'
+     */
+    keyboardNavigationBehavior?: 'arrow' | 'tab';
 }
 export interface GridAria {
     /** Props for the grid element. */

package/dist/types/src/grid/useGridCell.d.ts

@@ -11,9 +11,16 @@ export interface GridCellProps {
     isVirtualized?: boolean;
     /**
      * Whether the cell or its first focusable child element should be focused when the grid cell is
-     * focused.
+     * focused. Defaults to 'child' in arrow keyboard navigation mode and 'cell' in
+     * tab keyboard navigation mode.
      */
     focusMode?: 'child' | 'cell';
+    /**
+     * Whether the cell should support arrow key navigation even when the containing collection uses
+     * tab keyboard navigation. Allows users to navigate between rows and cells with arrow keys while
+     * focus is on an interactive child element within the cell.
+     */
+    allowsArrowNavigation?: boolean;
     /** Whether selection should occur on press up instead of press down. */
     shouldSelectOnPressUp?: boolean;
     /** Indicates how many columns the data cell spans. */

package/dist/types/src/grid/utils.d.ts

@@ -8,6 +8,7 @@ interface GridMapShared {
         onCellAction?: (key: Key) => void;
     };
     shouldSelectOnPressUp?: boolean;
+    keyboardNavigationBehavior?: 'arrow' | 'tab';
 }
 export declare const gridMap: WeakMap<GridState<unknown, GridCollection<unknown>>, GridMapShared>;
 export {};

package/dist/types/src/gridlist/useGridListItem.d.ts

@@ -14,6 +14,19 @@ export interface AriaGridListItemOptions {
     shouldSelectOnPressUp?: boolean;
     /** Whether this item has children, even if not loaded yet. */
     hasChildItems?: boolean;
+    /**
+     * Whether the row or its first focusable child element should be focused when the row is
+     * focused.
+     *
+     * @default 'row'
+     */
+    focusMode?: 'child' | 'row';
+    /**
+     * Whether the row should support arrow key navigation even when the containing collection uses
+     * tab keyboard navigation. Allows users to navigate between rows with arrow keys while
+     * focus is on an interactive child element within the row.
+     */
+    allowsArrowNavigation?: boolean;
 }
 export interface GridListItemAria extends SelectableItemStates {
     /** Props for the list row element. */

package/dist/types/src/interactions/createKeyboardShortcutHandler.d.ts

@@ -0,0 +1,56 @@
+import { KeyboardEvent } from '@react-types/shared';
+export type KeyboardShortcutAction = (e: KeyboardEvent) => void | boolean | Partial<{
+    shouldContinuePropagation?: boolean;
+    shouldPreventDefault?: boolean;
+}>;
+/** Maps shortcut strings (e.g. `"Mod+s"`, `"Control+Shift+a"`) to handlers. */
+export type KeyboardShortcutBindings = Record<string, KeyboardShortcutAction>;
+export interface ParsedKeyboardShortcut {
+    shift: boolean;
+    alt: boolean;
+    ctrl: boolean;
+    meta: boolean;
+    /**
+     * Platform primary: Cmd on Mac, Control on Windows/Linux — expands to Meta or Control in
+     * canonical form.
+     */
+    mod: boolean;
+    key: string;
+}
+/**
+ * Builds the set of canonical modifier tokens for a binding.
+ * `Mod` contributes Meta (Mac) or Ctrl (non-Mac); explicit Ctrl/Meta add those keys too.
+ */
+export declare function modifierSetFromParsed(parsed: ParsedKeyboardShortcut): Set<string>;
+/** Modifier set from a keydown event (native flags only). */
+export declare function modifierSetFromEvent(e: KeyboardEvent): Set<string>;
+/**
+ * Parses a shortcut like `"Mod+Shift+z"`, `"Ctrl+Alt+Enter"`, or `"Escape"`.
+ * Modifiers are case-insensitive; order does not matter. `control` is an alias for `ctrl`.
+ */
+export declare function parseKeyboardShortcut(spec: string): ParsedKeyboardShortcut;
+/** Canonical shortcut string for a binding (modifiers sorted: Alt, Ctrl, Meta, Shift, then key). */
+export declare function canonicalKeyboardShortcut(parsed: ParsedKeyboardShortcut): string;
+/** Canonical shortcut string for a keydown event. */
+export declare function keyboardEventToCanonicalShortcut(e: KeyboardEvent): string;
+/**
+ * Returns a keydown handler that runs the action only for an exact modifier+key match.
+ * Modifier order in the string does not matter (`Shift+Mod+a` ≡ `Mod+Shift+a`).
+ * Any combination of **Shift**, **Alt**, **Ctrl**, **Meta**, and **Mod** is allowed; **Mod** means
+ * Cmd on Apple platforms and Ctrl on Windows/Linux (same as before). **control** aliases **ctrl**.
+ *
+ * Duplicate bindings that normalize to the same shortcut: later object entries win.
+ *
+ * @example
+ *   ```tsx
+ *   let onKeyDown = createKeyboardShortcutHandler({
+ *     'Mod+s': e => {
+ *       e.preventDefault();
+ *       save();
+ *     },
+ *     'Ctrl+Shift+k': () => palette(),
+ *     'Meta+Alt+ArrowLeft': () => back()
+ *   });
+ *   ```;
+ */
+export declare function createKeyboardShortcutHandler(bindings: KeyboardShortcutBindings): (e: KeyboardEvent) => void;