react-aria 3.50.0 → 3.52.0

package/dist/private/utils/useEvent.cjs

@@ -1,3 +1,4 @@
+var $49582955cc364b1c$exports = require("./domHelpers.cjs");
 var $d6e22460ce4d6b26$exports = require("./useEffectEvent.cjs");
 var $iuD9A$react = require("react");
 
@@ -19,16 +20,13 @@ $parcel$export(module.exports, "useEvent", function () { return $6e76e65001bbcda
  * governing permissions and limitations under the License.
  */ 
 
-function $6e76e65001bbcda2$export$90fc3a17d93f704c(ref, event, handler, options) {
-    let handleEvent = (0, $d6e22460ce4d6b26$exports.useEffectEvent)(handler);
-    let isDisabled = handler == null;
+
+function $6e76e65001bbcda2$export$90fc3a17d93f704c(ref, event, listener, options) {
+    let handleEvent = (0, $d6e22460ce4d6b26$exports.useEffectEvent)(listener);
+    let isDisabled = listener == null;
     (0, $iuD9A$react.useEffect)(()=>{
-        if (isDisabled || !ref.current) return;
-        let element = ref.current;
-        element.addEventListener(event, handleEvent, options);
-        return ()=>{
-            element.removeEventListener(event, handleEvent, options);
-        };
+        if (isDisabled || ref.current == null) return;
+        return (0, $49582955cc364b1c$exports.addEvent)(ref.current, event, handleEvent, options);
     }, [
         ref,
         event,

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAAkC,EAClC,KAAwB,EACxB,OAAqE,EACrE,OAA2C;IAE3C,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;IACjC,IAAI,aAAa,WAAW;IAE5B,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,cAAc,CAAC,IAAI,OAAO,EAC5B;QAGF,IAAI,UAAU,IAAI,OAAO;QACzB,QAAQ,gBAAgB,CAAC,OAAO,aAA8B;QAC9D,OAAO;YACL,QAAQ,mBAAmB,CAAC,OAAO,aAA8B;QACnE;IACF,GAAG;QAAC;QAAK;QAAO;QAAS;KAAW;AACtC","sources":["packages/react-aria/src/utils/useEvent.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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useEvent<K extends keyof GlobalEventHandlersEventMap>(\n  ref: RefObject<EventTarget | null>,\n  event: K | (string & {}),\n  handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): void {\n  let handleEvent = useEffectEvent(handler);\n  let isDisabled = handler == null;\n\n  useEffect(() => {\n    if (isDisabled || !ref.current) {\n      return;\n    }\n\n    let element = ref.current;\n    element.addEventListener(event, handleEvent as EventListener, options);\n    return () => {\n      element.removeEventListener(event, handleEvent as EventListener, options);\n    };\n  }, [ref, event, options, isDisabled]);\n}\n"],"names":[],"version":3,"file":"useEvent.cjs.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAOM,SAAS,0CACd,GAAwB,EACxB,KAAyC,EACzC,QAAkE,EAClE,OAA2C;IAE3C,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;IACjC,IAAI,aAAa,YAAY;IAE7B,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,cAAc,IAAI,OAAO,IAAI,MAC/B;QAGF,OAAO,CAAA,GAAA,kCAAO,EAAE,IAAI,OAAO,EAAE,OAAO,aAAa;IACnD,GAAG;QAAC;QAAK;QAAO;QAAS;KAAW;AACtC","sources":["packages/react-aria/src/utils/useEvent.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 {addEvent} from './domHelpers';\nimport {EventMapType, RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useEvent<T extends EventTarget, K extends keyof EventMapType<T>>(\n  ref: RefObject<T | null>,\n  event: Extract<K, string> | (string & {}),\n  listener?: (this: T, ev: EventMapType<Exclude<T, null>>[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): void {\n  let handleEvent = useEffectEvent(listener);\n  let isDisabled = listener == null;\n\n  useEffect(() => {\n    if (isDisabled || ref.current == null) {\n      return;\n    }\n\n    return addEvent(ref.current, event, handleEvent, options);\n  }, [ref, event, options, isDisabled]);\n}\n"],"names":[],"version":3,"file":"useEvent.cjs.map"}

package/dist/private/utils/useEvent.js

@@ -1,3 +1,4 @@
+import {addEvent as $cc3c3666b64debad$export$f531f92e2a15358f} from "./domHelpers.js";
 import {useEffectEvent as $85567ef950781b7d$export$7f54fc3180508a52} from "./useEffectEvent.js";
 import {useEffect as $1eh8F$useEffect} from "react";
 
@@ -13,16 +14,13 @@ import {useEffect as $1eh8F$useEffect} from "react";
  * governing permissions and limitations under the License.
  */ 
 
-function $c3cab330536504ec$export$90fc3a17d93f704c(ref, event, handler, options) {
-    let handleEvent = (0, $85567ef950781b7d$export$7f54fc3180508a52)(handler);
-    let isDisabled = handler == null;
+
+function $c3cab330536504ec$export$90fc3a17d93f704c(ref, event, listener, options) {
+    let handleEvent = (0, $85567ef950781b7d$export$7f54fc3180508a52)(listener);
+    let isDisabled = listener == null;
     (0, $1eh8F$useEffect)(()=>{
-        if (isDisabled || !ref.current) return;
-        let element = ref.current;
-        element.addEventListener(event, handleEvent, options);
-        return ()=>{
-            element.removeEventListener(event, handleEvent, options);
-        };
+        if (isDisabled || ref.current == null) return;
+        return (0, $cc3c3666b64debad$export$f531f92e2a15358f)(ref.current, event, handleEvent, options);
     }, [
         ref,
         event,

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

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAAkC,EAClC,KAAwB,EACxB,OAAqE,EACrE,OAA2C;IAE3C,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE;IACjC,IAAI,aAAa,WAAW;IAE5B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,cAAc,CAAC,IAAI,OAAO,EAC5B;QAGF,IAAI,UAAU,IAAI,OAAO;QACzB,QAAQ,gBAAgB,CAAC,OAAO,aAA8B;QAC9D,OAAO;YACL,QAAQ,mBAAmB,CAAC,OAAO,aAA8B;QACnE;IACF,GAAG;QAAC;QAAK;QAAO;QAAS;KAAW;AACtC","sources":["packages/react-aria/src/utils/useEvent.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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useEvent<K extends keyof GlobalEventHandlersEventMap>(\n  ref: RefObject<EventTarget | null>,\n  event: K | (string & {}),\n  handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): void {\n  let handleEvent = useEffectEvent(handler);\n  let isDisabled = handler == null;\n\n  useEffect(() => {\n    if (isDisabled || !ref.current) {\n      return;\n    }\n\n    let element = ref.current;\n    element.addEventListener(event, handleEvent as EventListener, options);\n    return () => {\n      element.removeEventListener(event, handleEvent as EventListener, options);\n    };\n  }, [ref, event, options, isDisabled]);\n}\n"],"names":[],"version":3,"file":"useEvent.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAOM,SAAS,0CACd,GAAwB,EACxB,KAAyC,EACzC,QAAkE,EAClE,OAA2C;IAE3C,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE;IACjC,IAAI,aAAa,YAAY;IAE7B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,cAAc,IAAI,OAAO,IAAI,MAC/B;QAGF,OAAO,CAAA,GAAA,yCAAO,EAAE,IAAI,OAAO,EAAE,OAAO,aAAa;IACnD,GAAG;QAAC;QAAK;QAAO;QAAS;KAAW;AACtC","sources":["packages/react-aria/src/utils/useEvent.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 {addEvent} from './domHelpers';\nimport {EventMapType, RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useEvent<T extends EventTarget, K extends keyof EventMapType<T>>(\n  ref: RefObject<T | null>,\n  event: Extract<K, string> | (string & {}),\n  listener?: (this: T, ev: EventMapType<Exclude<T, null>>[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): void {\n  let handleEvent = useEffectEvent(listener);\n  let isDisabled = listener == null;\n\n  useEffect(() => {\n    if (isDisabled || ref.current == null) {\n      return;\n    }\n\n    return addEvent(ref.current, event, handleEvent, options);\n  }, [ref, event, options, isDisabled]);\n}\n"],"names":[],"version":3,"file":"useEvent.js.map"}

package/dist/private/utils/useEvent.mjs

@@ -1,3 +1,4 @@
+import {addEvent as $d447af545b77c9f1$export$f531f92e2a15358f} from "./domHelpers.mjs";
 import {useEffectEvent as $fe16bffc7a557bf0$export$7f54fc3180508a52} from "./useEffectEvent.mjs";
 import {useEffect as $jBdOV$useEffect} from "react";
 
@@ -13,16 +14,13 @@ import {useEffect as $jBdOV$useEffect} from "react";
  * governing permissions and limitations under the License.
  */ 
 
-function $600b3cf69ae46262$export$90fc3a17d93f704c(ref, event, handler, options) {
-    let handleEvent = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)(handler);
-    let isDisabled = handler == null;
+
+function $600b3cf69ae46262$export$90fc3a17d93f704c(ref, event, listener, options) {
+    let handleEvent = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)(listener);
+    let isDisabled = listener == null;
     (0, $jBdOV$useEffect)(()=>{
-        if (isDisabled || !ref.current) return;
-        let element = ref.current;
-        element.addEventListener(event, handleEvent, options);
-        return ()=>{
-            element.removeEventListener(event, handleEvent, options);
-        };
+        if (isDisabled || ref.current == null) return;
+        return (0, $d447af545b77c9f1$export$f531f92e2a15358f)(ref.current, event, handleEvent, options);
     }, [
         ref,
         event,

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

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAAkC,EAClC,KAAwB,EACxB,OAAqE,EACrE,OAA2C;IAE3C,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE;IACjC,IAAI,aAAa,WAAW;IAE5B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,cAAc,CAAC,IAAI,OAAO,EAC5B;QAGF,IAAI,UAAU,IAAI,OAAO;QACzB,QAAQ,gBAAgB,CAAC,OAAO,aAA8B;QAC9D,OAAO;YACL,QAAQ,mBAAmB,CAAC,OAAO,aAA8B;QACnE;IACF,GAAG;QAAC;QAAK;QAAO;QAAS;KAAW;AACtC","sources":["packages/react-aria/src/utils/useEvent.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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useEvent<K extends keyof GlobalEventHandlersEventMap>(\n  ref: RefObject<EventTarget | null>,\n  event: K | (string & {}),\n  handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): void {\n  let handleEvent = useEffectEvent(handler);\n  let isDisabled = handler == null;\n\n  useEffect(() => {\n    if (isDisabled || !ref.current) {\n      return;\n    }\n\n    let element = ref.current;\n    element.addEventListener(event, handleEvent as EventListener, options);\n    return () => {\n      element.removeEventListener(event, handleEvent as EventListener, options);\n    };\n  }, [ref, event, options, isDisabled]);\n}\n"],"names":[],"version":3,"file":"useEvent.mjs.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAOM,SAAS,0CACd,GAAwB,EACxB,KAAyC,EACzC,QAAkE,EAClE,OAA2C;IAE3C,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE;IACjC,IAAI,aAAa,YAAY;IAE7B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,cAAc,IAAI,OAAO,IAAI,MAC/B;QAGF,OAAO,CAAA,GAAA,yCAAO,EAAE,IAAI,OAAO,EAAE,OAAO,aAAa;IACnD,GAAG;QAAC;QAAK;QAAO;QAAS;KAAW;AACtC","sources":["packages/react-aria/src/utils/useEvent.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 {addEvent} from './domHelpers';\nimport {EventMapType, RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useEvent<T extends EventTarget, K extends keyof EventMapType<T>>(\n  ref: RefObject<T | null>,\n  event: Extract<K, string> | (string & {}),\n  listener?: (this: T, ev: EventMapType<Exclude<T, null>>[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): void {\n  let handleEvent = useEffectEvent(listener);\n  let isDisabled = listener == null;\n\n  useEffect(() => {\n    if (isDisabled || ref.current == null) {\n      return;\n    }\n\n    return addEvent(ref.current, event, handleEvent, options);\n  }, [ref, event, options, isDisabled]);\n}\n"],"names":[],"version":3,"file":"useEvent.mjs.map"}

package/dist/private/utils/useFormReset.cjs

@@ -25,6 +25,10 @@ function $bbab3903416f8d01$export$5add1d006293d136(ref, initialValue, onReset) {
     });
     (0, $7gbnA$react.useEffect)(()=>{
         let form = ref?.current?.form;
+        // 'reset' does not compose across shadow DOM boundaries, but this listener is intentionally
+        // scoped to this specific form element (not a global target), so shadow root propagation does
+        // not apply here.
+        // oxlint-disable-next-line rsp-rules/no-non-composing-event-listener
         form?.addEventListener('reset', handleReset);
         return ()=>{
             form?.removeEventListener('reset', handleReset);

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAA6F,EAC7F,YAAe,EACf,OAA2B;IAE3B,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE,CAAC;QAChC,IAAI,WAAW,CAAC,EAAE,gBAAgB,EAChC,QAAQ;IAEZ;IAEA,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,OAAO,KAAK,SAAS;QAEzB,MAAM,iBAAiB,SAAS;QAChC,OAAO;YACL,MAAM,oBAAoB,SAAS;QACrC;IACF,GAAG;QAAC;KAAI;AACV","sources":["packages/react-aria/src/utils/useFormReset.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useFormReset<T>(\n  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined,\n  initialValue: T,\n  onReset: (value: T) => void\n): void {\n  let handleReset = useEffectEvent((e: Event) => {\n    if (onReset && !e.defaultPrevented) {\n      onReset(initialValue);\n    }\n  });\n\n  useEffect(() => {\n    let form = ref?.current?.form;\n\n    form?.addEventListener('reset', handleReset);\n    return () => {\n      form?.removeEventListener('reset', handleReset);\n    };\n  }, [ref]);\n}\n"],"names":[],"version":3,"file":"useFormReset.cjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAA6F,EAC7F,YAAe,EACf,OAA2B;IAE3B,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE,CAAC;QAChC,IAAI,WAAW,CAAC,EAAE,gBAAgB,EAChC,QAAQ;IAEZ;IAEA,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,OAAO,KAAK,SAAS;QAEzB,4FAA4F;QAC5F,8FAA8F;QAC9F,kBAAkB;QAClB,qEAAqE;QACrE,MAAM,iBAAiB,SAAS;QAChC,OAAO;YACL,MAAM,oBAAoB,SAAS;QACrC;IACF,GAAG;QAAC;KAAI;AACV","sources":["packages/react-aria/src/utils/useFormReset.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useFormReset<T>(\n  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined,\n  initialValue: T,\n  onReset: (value: T) => void\n): void {\n  let handleReset = useEffectEvent((e: Event) => {\n    if (onReset && !e.defaultPrevented) {\n      onReset(initialValue);\n    }\n  });\n\n  useEffect(() => {\n    let form = ref?.current?.form;\n\n    // 'reset' does not compose across shadow DOM boundaries, but this listener is intentionally\n    // scoped to this specific form element (not a global target), so shadow root propagation does\n    // not apply here.\n    // oxlint-disable-next-line rsp-rules/no-non-composing-event-listener\n    form?.addEventListener('reset', handleReset);\n    return () => {\n      form?.removeEventListener('reset', handleReset);\n    };\n  }, [ref]);\n}\n"],"names":[],"version":3,"file":"useFormReset.cjs.map"}

package/dist/private/utils/useFormReset.js

@@ -20,6 +20,10 @@ function $5dfd40f1661a7fc3$export$5add1d006293d136(ref, initialValue, onReset) {
     (0, $2OJGH$useEffect)(()=>{
         var _ref_current;
         let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+        // 'reset' does not compose across shadow DOM boundaries, but this listener is intentionally
+        // scoped to this specific form element (not a global target), so shadow root propagation does
+        // not apply here.
+        // oxlint-disable-next-line rsp-rules/no-non-composing-event-listener
         form === null || form === void 0 ? void 0 : form.addEventListener('reset', handleReset);
         return ()=>{
             form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);

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

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAA6F,EAC7F,YAAe,EACf,OAA2B;IAE3B,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE,CAAC;QAChC,IAAI,WAAW,CAAC,EAAE,gBAAgB,EAChC,QAAQ;IAEZ;IAEA,CAAA,GAAA,gBAAQ,EAAE;YACG;QAAX,IAAI,OAAO,gBAAA,2BAAA,eAAA,IAAK,OAAO,cAAZ,mCAAA,aAAc,IAAI;QAE7B,iBAAA,2BAAA,KAAM,gBAAgB,CAAC,SAAS;QAChC,OAAO;YACL,iBAAA,2BAAA,KAAM,mBAAmB,CAAC,SAAS;QACrC;IACF,GAAG;QAAC;KAAI;AACV","sources":["packages/react-aria/src/utils/useFormReset.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useFormReset<T>(\n  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined,\n  initialValue: T,\n  onReset: (value: T) => void\n): void {\n  let handleReset = useEffectEvent((e: Event) => {\n    if (onReset && !e.defaultPrevented) {\n      onReset(initialValue);\n    }\n  });\n\n  useEffect(() => {\n    let form = ref?.current?.form;\n\n    form?.addEventListener('reset', handleReset);\n    return () => {\n      form?.removeEventListener('reset', handleReset);\n    };\n  }, [ref]);\n}\n"],"names":[],"version":3,"file":"useFormReset.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAA6F,EAC7F,YAAe,EACf,OAA2B;IAE3B,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE,CAAC;QAChC,IAAI,WAAW,CAAC,EAAE,gBAAgB,EAChC,QAAQ;IAEZ;IAEA,CAAA,GAAA,gBAAQ,EAAE;YACG;QAAX,IAAI,OAAO,gBAAA,2BAAA,eAAA,IAAK,OAAO,cAAZ,mCAAA,aAAc,IAAI;QAE7B,4FAA4F;QAC5F,8FAA8F;QAC9F,kBAAkB;QAClB,qEAAqE;QACrE,iBAAA,2BAAA,KAAM,gBAAgB,CAAC,SAAS;QAChC,OAAO;YACL,iBAAA,2BAAA,KAAM,mBAAmB,CAAC,SAAS;QACrC;IACF,GAAG;QAAC;KAAI;AACV","sources":["packages/react-aria/src/utils/useFormReset.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useFormReset<T>(\n  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined,\n  initialValue: T,\n  onReset: (value: T) => void\n): void {\n  let handleReset = useEffectEvent((e: Event) => {\n    if (onReset && !e.defaultPrevented) {\n      onReset(initialValue);\n    }\n  });\n\n  useEffect(() => {\n    let form = ref?.current?.form;\n\n    // 'reset' does not compose across shadow DOM boundaries, but this listener is intentionally\n    // scoped to this specific form element (not a global target), so shadow root propagation does\n    // not apply here.\n    // oxlint-disable-next-line rsp-rules/no-non-composing-event-listener\n    form?.addEventListener('reset', handleReset);\n    return () => {\n      form?.removeEventListener('reset', handleReset);\n    };\n  }, [ref]);\n}\n"],"names":[],"version":3,"file":"useFormReset.js.map"}

package/dist/private/utils/useFormReset.mjs

@@ -19,6 +19,10 @@ function $3274bf1495747a7b$export$5add1d006293d136(ref, initialValue, onReset) {
     });
     (0, $1HUBd$useEffect)(()=>{
         let form = ref?.current?.form;
+        // 'reset' does not compose across shadow DOM boundaries, but this listener is intentionally
+        // scoped to this specific form element (not a global target), so shadow root propagation does
+        // not apply here.
+        // oxlint-disable-next-line rsp-rules/no-non-composing-event-listener
         form?.addEventListener('reset', handleReset);
         return ()=>{
             form?.removeEventListener('reset', handleReset);

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

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAA6F,EAC7F,YAAe,EACf,OAA2B;IAE3B,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE,CAAC;QAChC,IAAI,WAAW,CAAC,EAAE,gBAAgB,EAChC,QAAQ;IAEZ;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,OAAO,KAAK,SAAS;QAEzB,MAAM,iBAAiB,SAAS;QAChC,OAAO;YACL,MAAM,oBAAoB,SAAS;QACrC;IACF,GAAG;QAAC;KAAI;AACV","sources":["packages/react-aria/src/utils/useFormReset.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useFormReset<T>(\n  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined,\n  initialValue: T,\n  onReset: (value: T) => void\n): void {\n  let handleReset = useEffectEvent((e: Event) => {\n    if (onReset && !e.defaultPrevented) {\n      onReset(initialValue);\n    }\n  });\n\n  useEffect(() => {\n    let form = ref?.current?.form;\n\n    form?.addEventListener('reset', handleReset);\n    return () => {\n      form?.removeEventListener('reset', handleReset);\n    };\n  }, [ref]);\n}\n"],"names":[],"version":3,"file":"useFormReset.mjs.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAMM,SAAS,0CACd,GAA6F,EAC7F,YAAe,EACf,OAA2B;IAE3B,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE,CAAC;QAChC,IAAI,WAAW,CAAC,EAAE,gBAAgB,EAChC,QAAQ;IAEZ;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,OAAO,KAAK,SAAS;QAEzB,4FAA4F;QAC5F,8FAA8F;QAC9F,kBAAkB;QAClB,qEAAqE;QACrE,MAAM,iBAAiB,SAAS;QAChC,OAAO;YACL,MAAM,oBAAoB,SAAS;QACrC;IACF,GAAG;QAAC;KAAI;AACV","sources":["packages/react-aria/src/utils/useFormReset.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nexport function useFormReset<T>(\n  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined,\n  initialValue: T,\n  onReset: (value: T) => void\n): void {\n  let handleReset = useEffectEvent((e: Event) => {\n    if (onReset && !e.defaultPrevented) {\n      onReset(initialValue);\n    }\n  });\n\n  useEffect(() => {\n    let form = ref?.current?.form;\n\n    // 'reset' does not compose across shadow DOM boundaries, but this listener is intentionally\n    // scoped to this specific form element (not a global target), so shadow root propagation does\n    // not apply here.\n    // oxlint-disable-next-line rsp-rules/no-non-composing-event-listener\n    form?.addEventListener('reset', handleReset);\n    return () => {\n      form?.removeEventListener('reset', handleReset);\n    };\n  }, [ref]);\n}\n"],"names":[],"version":3,"file":"useFormReset.mjs.map"}

package/dist/private/utils/useId.cjs

@@ -35,16 +35,31 @@ let $7ac82d1fee77eb8a$var$registry;
 if (typeof FinalizationRegistry !== 'undefined') $7ac82d1fee77eb8a$var$registry = new FinalizationRegistry((heldValue)=>{
     $7ac82d1fee77eb8a$export$d41a04c74483c6ef.delete(heldValue);
 });
+let $7ac82d1fee77eb8a$var$registeredIds = new WeakMap();
 function $7ac82d1fee77eb8a$export$f680877a34711e37(defaultId) {
     let [value, setValue] = (0, $4w5Si$react.useState)(defaultId);
     let nextId = (0, $4w5Si$react.useRef)(null);
     let res = (0, $25c7fefe1bb8073e$exports.useSSRSafeId)(value);
     let cleanupRef = (0, $4w5Si$react.useRef)(null);
-    if ($7ac82d1fee77eb8a$var$registry) $7ac82d1fee77eb8a$var$registry.register(cleanupRef, res);
+    // These are intentionally disabled the compiler, these functions just read the identity
+    // of the ref, not the value inside current.
+    // oxlint-disable-next-line react/react-compiler
+    let registeredId = $7ac82d1fee77eb8a$var$registeredIds.get(cleanupRef);
+    if ($7ac82d1fee77eb8a$var$registry && registeredId !== res) {
+        if (registeredId != null) // oxlint-disable-next-line react/react-compiler
+        $7ac82d1fee77eb8a$var$registry.unregister(cleanupRef);
+        // oxlint-disable-next-line react/react-compiler
+        $7ac82d1fee77eb8a$var$registry.register(cleanupRef, res, cleanupRef);
+        // oxlint-disable-next-line react/react-compiler
+        $7ac82d1fee77eb8a$var$registeredIds.set(cleanupRef, res);
+    }
     if ($7ac82d1fee77eb8a$var$canUseDOM) {
         const cacheIdRef = $7ac82d1fee77eb8a$export$d41a04c74483c6ef.get(res);
-        if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
-        else $7ac82d1fee77eb8a$export$d41a04c74483c6ef.set(res, [
+        // oxlint-disable-next-line react/react-compiler
+        if (cacheIdRef && !cacheIdRef.includes(nextId)) // oxlint-disable-next-line react/react-compiler
+        cacheIdRef.push(nextId);
+        else // oxlint-disable-next-line react/react-compiler
+        $7ac82d1fee77eb8a$export$d41a04c74483c6ef.set(res, [
             nextId
         ]);
     }
@@ -53,7 +68,10 @@ function $7ac82d1fee77eb8a$export$f680877a34711e37(defaultId) {
         return ()=>{
             // In Suspense, the cleanup function may be not called
             // when it is though, also remove it from the finalization registry.
-            if ($7ac82d1fee77eb8a$var$registry) $7ac82d1fee77eb8a$var$registry.unregister(cleanupRef);
+            if ($7ac82d1fee77eb8a$var$registry) {
+                $7ac82d1fee77eb8a$var$registry.unregister(cleanupRef);
+                $7ac82d1fee77eb8a$var$registeredIds.delete(cleanupRef);
+            }
             $7ac82d1fee77eb8a$export$d41a04c74483c6ef.delete(r);
         };
     }, [
@@ -92,6 +110,7 @@ function $7ac82d1fee77eb8a$export$b4cc09c592e8fdb8(depArray = []) {
             yield id;
             yield document.getElementById(id) ? id : undefined;
         });
+    // oxlint-disable-next-line react/react-compiler
     }, [
         id,
         setResolvedId

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAOD,mFAAmF;AACnF,IAAI,kCAAY,QACd,OAAO,WAAW,eAAe,OAAO,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa;AAG5E,IAAI,4CAAyD,IAAI;AACxE,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,IAAI;AACJ,IAAI,OAAO,yBAAyB,aAClC,iCAAW,IAAI,qBAA6B,CAAA;IAC1C,0CAAc,MAAM,CAAC;AACvB;AAQK,SAAS,0CAAM,SAAkB;IACtC,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,qBAAO,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAE;IAEpB,IAAI,MAAM,CAAA,GAAA,sCAAW,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAE;IAExB,IAAI,gCACF,+BAAS,QAAQ,CAAC,YAAY;IAGhC,IAAI,iCAAW;QACb,MAAM,aAAa,0CAAc,GAAG,CAAC;QACrC,IAAI,cAAc,CAAC,WAAW,QAAQ,CAAC,SACrC,WAAW,IAAI,CAAC;aAEhB,0CAAc,GAAG,CAAC,KAAK;YAAC;SAAO;IAEnC;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI;QACR,OAAO;YACL,sDAAsD;YACtD,oEAAoE;YACpE,IAAI,gCACF,+BAAS,UAAU,CAAC;YAEtB,0CAAc,MAAM,CAAC;QACvB;IACF,GAAG;QAAC;KAAI;IAER,2EAA2E;IAC3E,2BAA2B;IAC3B,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,QAAQ,OAAO,OAAO;QAC1B,IAAI,OACF,SAAS;QAGX,OAAO;YACL,IAAI,OACF,OAAO,OAAO,GAAG;QAErB;IACF;IAEA,OAAO;AACT;AAMO,SAAS,0CAAS,GAAW,EAAE,GAAW;IAC/C,IAAI,QAAQ,KACV,OAAO;IAGT,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,OAAO;AACT;AAQO,SAAS,0CAAU,WAA+B,EAAE;IACzD,IAAI,KAAK;IACT,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,wCAAa,EAAE;IACjD,IAAI,WAAW,CAAA,GAAA,wBAAU,EAAE;QACzB,cAAc;YACZ,MAAM;YAEN,MAAM,SAAS,cAAc,CAAC,MAAM,KAAK;QAC3C;IACF,GAAG;QAAC;QAAI;KAAc;IAEtB,CAAA,GAAA,yCAAc,EAAE,UAAU;QAAC;QAAI;WAAa;KAAS;IAErD,OAAO;AACT","sources":["packages/react-aria/src/utils/useId.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 {useCallback, useEffect, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\nimport {useSSRSafeId} from '../ssr/SSRProvider';\nimport {useValueEffect} from './useValueEffect';\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet canUseDOM = Boolean(\n  typeof window !== 'undefined' && window.document && window.document.createElement\n);\n\nexport let idsUpdaterMap: Map<string, {current: string | null}[]> = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet registry;\nif (typeof FinalizationRegistry !== 'undefined') {\n  registry = new FinalizationRegistry<string>(heldValue => {\n    idsUpdaterMap.delete(heldValue);\n  });\n}\n\n/**\n * If a default is not provided, generate an id.\n *\n * @param defaultId - Default component id.\n */\nexport function useId(defaultId?: string): string {\n  let [value, setValue] = useState(defaultId);\n  let nextId = useRef(null);\n\n  let res = useSSRSafeId(value);\n  let cleanupRef = useRef(null);\n\n  if (registry) {\n    registry.register(cleanupRef, res);\n  }\n\n  if (canUseDOM) {\n    const cacheIdRef = idsUpdaterMap.get(res);\n    if (cacheIdRef && !cacheIdRef.includes(nextId)) {\n      cacheIdRef.push(nextId);\n    } else {\n      idsUpdaterMap.set(res, [nextId]);\n    }\n  }\n\n  useLayoutEffect(() => {\n    let r = res;\n    return () => {\n      // In Suspense, the cleanup function may be not called\n      // when it is though, also remove it from the finalization registry.\n      if (registry) {\n        registry.unregister(cleanupRef);\n      }\n      idsUpdaterMap.delete(r);\n    };\n  }, [res]);\n\n  // This cannot cause an infinite loop because the ref is always cleaned up.\n  // eslint-disable-next-line\n  useEffect(() => {\n    let newId = nextId.current;\n    if (newId) {\n      setValue(newId);\n    }\n\n    return () => {\n      if (newId) {\n        nextId.current = null;\n      }\n    };\n  });\n\n  return res;\n}\n\n/**\n * Merges two ids.\n * Different ids will trigger a side-effect and re-render components hooked up with `useId`.\n */\nexport function mergeIds(idA: string, idB: string): string {\n  if (idA === idB) {\n    return idA;\n  }\n\n  let setIdsA = idsUpdaterMap.get(idA);\n  if (setIdsA) {\n    setIdsA.forEach(ref => (ref.current = idB));\n    return idB;\n  }\n\n  let setIdsB = idsUpdaterMap.get(idB);\n  if (setIdsB) {\n    setIdsB.forEach(ref => (ref.current = idA));\n    return idA;\n  }\n\n  return idB;\n}\n\n/**\n * Used to generate an id, and after render, check if that id is rendered so we know\n * if we can use it in places such as labelledby.\n *\n * @param depArray - When to recalculate if the id is in the DOM.\n */\nexport function useSlotId(depArray: ReadonlyArray<any> = []): string {\n  let id = useId();\n  let [resolvedId, setResolvedId] = useValueEffect(id);\n  let updateId = useCallback(() => {\n    setResolvedId(function* () {\n      yield id;\n\n      yield document.getElementById(id) ? id : undefined;\n    });\n  }, [id, setResolvedId]);\n\n  useLayoutEffect(updateId, [id, updateId, ...depArray]);\n\n  return resolvedId;\n}\n"],"names":[],"version":3,"file":"useId.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAOD,mFAAmF;AACnF,IAAI,kCAAY,QACd,OAAO,WAAW,eAAe,OAAO,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa;AAG5E,IAAI,4CAAyD,IAAI;AACxE,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,IAAI;AACJ,IAAI,OAAO,yBAAyB,aAClC,iCAAW,IAAI,qBAA6B,CAAA;IAC1C,0CAAc,MAAM,CAAC;AACvB;AAEF,IAAI,sCAAgB,IAAI;AAOjB,SAAS,0CAAM,SAAkB;IACtC,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,qBAAO,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAE;IAEpB,IAAI,MAAM,CAAA,GAAA,sCAAW,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAE;IAExB,wFAAwF;IACxF,4CAA4C;IAC5C,gDAAgD;IAChD,IAAI,eAAe,oCAAc,GAAG,CAAC;IACrC,IAAI,kCAAY,iBAAiB,KAAK;QACpC,IAAI,gBAAgB,MAClB,gDAAgD;QAChD,+BAAS,UAAU,CAAC;QAEtB,gDAAgD;QAChD,+BAAS,QAAQ,CAAC,YAAY,KAAK;QACnC,gDAAgD;QAChD,oCAAc,GAAG,CAAC,YAAY;IAChC;IAEA,IAAI,iCAAW;QACb,MAAM,aAAa,0CAAc,GAAG,CAAC;QACrC,gDAAgD;QAChD,IAAI,cAAc,CAAC,WAAW,QAAQ,CAAC,SACrC,gDAAgD;QAChD,WAAW,IAAI,CAAC;aAEhB,gDAAgD;QAChD,0CAAc,GAAG,CAAC,KAAK;YAAC;SAAO;IAEnC;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI;QACR,OAAO;YACL,sDAAsD;YACtD,oEAAoE;YACpE,IAAI,gCAAU;gBACZ,+BAAS,UAAU,CAAC;gBACpB,oCAAc,MAAM,CAAC;YACvB;YACA,0CAAc,MAAM,CAAC;QACvB;IACF,GAAG;QAAC;KAAI;IAER,2EAA2E;IAC3E,2BAA2B;IAC3B,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,QAAQ,OAAO,OAAO;QAC1B,IAAI,OACF,SAAS;QAGX,OAAO;YACL,IAAI,OACF,OAAO,OAAO,GAAG;QAErB;IACF;IAEA,OAAO;AACT;AAMO,SAAS,0CAAS,GAAW,EAAE,GAAW;IAC/C,IAAI,QAAQ,KACV,OAAO;IAGT,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,OAAO;AACT;AAQO,SAAS,0CAAU,WAA+B,EAAE;IACzD,IAAI,KAAK;IACT,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,wCAAa,EAAE;IACjD,IAAI,WAAW,CAAA,GAAA,wBAAU,EAAE;QACzB,cAAc;YACZ,MAAM;YAEN,MAAM,SAAS,cAAc,CAAC,MAAM,KAAK;QAC3C;IACA,gDAAgD;IAClD,GAAG;QAAC;QAAI;KAAc;IAEtB,CAAA,GAAA,yCAAc,EAAE,UAAU;QAAC;QAAI;WAAa;KAAS;IAErD,OAAO;AACT","sources":["packages/react-aria/src/utils/useId.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 {useCallback, useEffect, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\nimport {useSSRSafeId} from '../ssr/SSRProvider';\nimport {useValueEffect} from './useValueEffect';\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet canUseDOM = Boolean(\n  typeof window !== 'undefined' && window.document && window.document.createElement\n);\n\nexport let idsUpdaterMap: Map<string, {current: string | null}[]> = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet registry;\nif (typeof FinalizationRegistry !== 'undefined') {\n  registry = new FinalizationRegistry<string>(heldValue => {\n    idsUpdaterMap.delete(heldValue);\n  });\n}\nlet registeredIds = new WeakMap<object, string>();\n\n/**\n * If a default is not provided, generate an id.\n *\n * @param defaultId - Default component id.\n */\nexport function useId(defaultId?: string): string {\n  let [value, setValue] = useState(defaultId);\n  let nextId = useRef(null);\n\n  let res = useSSRSafeId(value);\n  let cleanupRef = useRef(null);\n\n  // These are intentionally disabled the compiler, these functions just read the identity\n  // of the ref, not the value inside current.\n  // oxlint-disable-next-line react/react-compiler\n  let registeredId = registeredIds.get(cleanupRef);\n  if (registry && registeredId !== res) {\n    if (registeredId != null) {\n      // oxlint-disable-next-line react/react-compiler\n      registry.unregister(cleanupRef);\n    }\n    // oxlint-disable-next-line react/react-compiler\n    registry.register(cleanupRef, res, cleanupRef);\n    // oxlint-disable-next-line react/react-compiler\n    registeredIds.set(cleanupRef, res);\n  }\n\n  if (canUseDOM) {\n    const cacheIdRef = idsUpdaterMap.get(res);\n    // oxlint-disable-next-line react/react-compiler\n    if (cacheIdRef && !cacheIdRef.includes(nextId)) {\n      // oxlint-disable-next-line react/react-compiler\n      cacheIdRef.push(nextId);\n    } else {\n      // oxlint-disable-next-line react/react-compiler\n      idsUpdaterMap.set(res, [nextId]);\n    }\n  }\n\n  useLayoutEffect(() => {\n    let r = res;\n    return () => {\n      // In Suspense, the cleanup function may be not called\n      // when it is though, also remove it from the finalization registry.\n      if (registry) {\n        registry.unregister(cleanupRef);\n        registeredIds.delete(cleanupRef);\n      }\n      idsUpdaterMap.delete(r);\n    };\n  }, [res]);\n\n  // This cannot cause an infinite loop because the ref is always cleaned up.\n  // eslint-disable-next-line\n  useEffect(() => {\n    let newId = nextId.current;\n    if (newId) {\n      setValue(newId);\n    }\n\n    return () => {\n      if (newId) {\n        nextId.current = null;\n      }\n    };\n  });\n\n  return res;\n}\n\n/**\n * Merges two ids.\n * Different ids will trigger a side-effect and re-render components hooked up with `useId`.\n */\nexport function mergeIds(idA: string, idB: string): string {\n  if (idA === idB) {\n    return idA;\n  }\n\n  let setIdsA = idsUpdaterMap.get(idA);\n  if (setIdsA) {\n    setIdsA.forEach(ref => (ref.current = idB));\n    return idB;\n  }\n\n  let setIdsB = idsUpdaterMap.get(idB);\n  if (setIdsB) {\n    setIdsB.forEach(ref => (ref.current = idA));\n    return idA;\n  }\n\n  return idB;\n}\n\n/**\n * Used to generate an id, and after render, check if that id is rendered so we know\n * if we can use it in places such as labelledby.\n *\n * @param depArray - When to recalculate if the id is in the DOM.\n */\nexport function useSlotId(depArray: ReadonlyArray<any> = []): string {\n  let id = useId();\n  let [resolvedId, setResolvedId] = useValueEffect(id);\n  let updateId = useCallback(() => {\n    setResolvedId(function* () {\n      yield id;\n\n      yield document.getElementById(id) ? id : undefined;\n    });\n    // oxlint-disable-next-line react/react-compiler\n  }, [id, setResolvedId]);\n\n  useLayoutEffect(updateId, [id, updateId, ...depArray]);\n\n  return resolvedId;\n}\n"],"names":[],"version":3,"file":"useId.cjs.map"}

package/dist/private/utils/useId.js

@@ -27,16 +27,31 @@ let $0292efe68908de6b$var$registry;
 if (typeof FinalizationRegistry !== 'undefined') $0292efe68908de6b$var$registry = new FinalizationRegistry((heldValue)=>{
     $0292efe68908de6b$export$d41a04c74483c6ef.delete(heldValue);
 });
+let $0292efe68908de6b$var$registeredIds = new WeakMap();
 function $0292efe68908de6b$export$f680877a34711e37(defaultId) {
     let [value, setValue] = (0, $etu62$useState)(defaultId);
     let nextId = (0, $etu62$useRef)(null);
     let res = (0, $85138adc03e1f057$export$619500959fc48b26)(value);
     let cleanupRef = (0, $etu62$useRef)(null);
-    if ($0292efe68908de6b$var$registry) $0292efe68908de6b$var$registry.register(cleanupRef, res);
+    // These are intentionally disabled the compiler, these functions just read the identity
+    // of the ref, not the value inside current.
+    // oxlint-disable-next-line react/react-compiler
+    let registeredId = $0292efe68908de6b$var$registeredIds.get(cleanupRef);
+    if ($0292efe68908de6b$var$registry && registeredId !== res) {
+        if (registeredId != null) // oxlint-disable-next-line react/react-compiler
+        $0292efe68908de6b$var$registry.unregister(cleanupRef);
+        // oxlint-disable-next-line react/react-compiler
+        $0292efe68908de6b$var$registry.register(cleanupRef, res, cleanupRef);
+        // oxlint-disable-next-line react/react-compiler
+        $0292efe68908de6b$var$registeredIds.set(cleanupRef, res);
+    }
     if ($0292efe68908de6b$var$canUseDOM) {
         const cacheIdRef = $0292efe68908de6b$export$d41a04c74483c6ef.get(res);
-        if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
-        else $0292efe68908de6b$export$d41a04c74483c6ef.set(res, [
+        // oxlint-disable-next-line react/react-compiler
+        if (cacheIdRef && !cacheIdRef.includes(nextId)) // oxlint-disable-next-line react/react-compiler
+        cacheIdRef.push(nextId);
+        else // oxlint-disable-next-line react/react-compiler
+        $0292efe68908de6b$export$d41a04c74483c6ef.set(res, [
             nextId
         ]);
     }
@@ -45,7 +60,10 @@ function $0292efe68908de6b$export$f680877a34711e37(defaultId) {
         return ()=>{
             // In Suspense, the cleanup function may be not called
             // when it is though, also remove it from the finalization registry.
-            if ($0292efe68908de6b$var$registry) $0292efe68908de6b$var$registry.unregister(cleanupRef);
+            if ($0292efe68908de6b$var$registry) {
+                $0292efe68908de6b$var$registry.unregister(cleanupRef);
+                $0292efe68908de6b$var$registeredIds.delete(cleanupRef);
+            }
             $0292efe68908de6b$export$d41a04c74483c6ef.delete(r);
         };
     }, [
@@ -84,6 +102,7 @@ function $0292efe68908de6b$export$b4cc09c592e8fdb8(depArray = []) {
             yield id;
             yield document.getElementById(id) ? id : undefined;
         });
+    // oxlint-disable-next-line react/react-compiler
     }, [
         id,
         setResolvedId

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

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAOD,mFAAmF;AACnF,IAAI,kCAAY,QACd,OAAO,WAAW,eAAe,OAAO,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa;AAG5E,IAAI,4CAAyD,IAAI;AACxE,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,IAAI;AACJ,IAAI,OAAO,yBAAyB,aAClC,iCAAW,IAAI,qBAA6B,CAAA;IAC1C,0CAAc,MAAM,CAAC;AACvB;AAQK,SAAS,0CAAM,SAAkB;IACtC,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IAEpB,IAAI,MAAM,CAAA,GAAA,yCAAW,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAE;IAExB,IAAI,gCACF,+BAAS,QAAQ,CAAC,YAAY;IAGhC,IAAI,iCAAW;QACb,MAAM,aAAa,0CAAc,GAAG,CAAC;QACrC,IAAI,cAAc,CAAC,WAAW,QAAQ,CAAC,SACrC,WAAW,IAAI,CAAC;aAEhB,0CAAc,GAAG,CAAC,KAAK;YAAC;SAAO;IAEnC;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI;QACR,OAAO;YACL,sDAAsD;YACtD,oEAAoE;YACpE,IAAI,gCACF,+BAAS,UAAU,CAAC;YAEtB,0CAAc,MAAM,CAAC;QACvB;IACF,GAAG;QAAC;KAAI;IAER,2EAA2E;IAC3E,2BAA2B;IAC3B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,QAAQ,OAAO,OAAO;QAC1B,IAAI,OACF,SAAS;QAGX,OAAO;YACL,IAAI,OACF,OAAO,OAAO,GAAG;QAErB;IACF;IAEA,OAAO;AACT;AAMO,SAAS,0CAAS,GAAW,EAAE,GAAW;IAC/C,IAAI,QAAQ,KACV,OAAO;IAGT,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,OAAO;AACT;AAQO,SAAS,0CAAU,WAA+B,EAAE;IACzD,IAAI,KAAK;IACT,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yCAAa,EAAE;IACjD,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE;QACzB,cAAc;YACZ,MAAM;YAEN,MAAM,SAAS,cAAc,CAAC,MAAM,KAAK;QAC3C;IACF,GAAG;QAAC;QAAI;KAAc;IAEtB,CAAA,GAAA,yCAAc,EAAE,UAAU;QAAC;QAAI;WAAa;KAAS;IAErD,OAAO;AACT","sources":["packages/react-aria/src/utils/useId.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 {useCallback, useEffect, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\nimport {useSSRSafeId} from '../ssr/SSRProvider';\nimport {useValueEffect} from './useValueEffect';\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet canUseDOM = Boolean(\n  typeof window !== 'undefined' && window.document && window.document.createElement\n);\n\nexport let idsUpdaterMap: Map<string, {current: string | null}[]> = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet registry;\nif (typeof FinalizationRegistry !== 'undefined') {\n  registry = new FinalizationRegistry<string>(heldValue => {\n    idsUpdaterMap.delete(heldValue);\n  });\n}\n\n/**\n * If a default is not provided, generate an id.\n *\n * @param defaultId - Default component id.\n */\nexport function useId(defaultId?: string): string {\n  let [value, setValue] = useState(defaultId);\n  let nextId = useRef(null);\n\n  let res = useSSRSafeId(value);\n  let cleanupRef = useRef(null);\n\n  if (registry) {\n    registry.register(cleanupRef, res);\n  }\n\n  if (canUseDOM) {\n    const cacheIdRef = idsUpdaterMap.get(res);\n    if (cacheIdRef && !cacheIdRef.includes(nextId)) {\n      cacheIdRef.push(nextId);\n    } else {\n      idsUpdaterMap.set(res, [nextId]);\n    }\n  }\n\n  useLayoutEffect(() => {\n    let r = res;\n    return () => {\n      // In Suspense, the cleanup function may be not called\n      // when it is though, also remove it from the finalization registry.\n      if (registry) {\n        registry.unregister(cleanupRef);\n      }\n      idsUpdaterMap.delete(r);\n    };\n  }, [res]);\n\n  // This cannot cause an infinite loop because the ref is always cleaned up.\n  // eslint-disable-next-line\n  useEffect(() => {\n    let newId = nextId.current;\n    if (newId) {\n      setValue(newId);\n    }\n\n    return () => {\n      if (newId) {\n        nextId.current = null;\n      }\n    };\n  });\n\n  return res;\n}\n\n/**\n * Merges two ids.\n * Different ids will trigger a side-effect and re-render components hooked up with `useId`.\n */\nexport function mergeIds(idA: string, idB: string): string {\n  if (idA === idB) {\n    return idA;\n  }\n\n  let setIdsA = idsUpdaterMap.get(idA);\n  if (setIdsA) {\n    setIdsA.forEach(ref => (ref.current = idB));\n    return idB;\n  }\n\n  let setIdsB = idsUpdaterMap.get(idB);\n  if (setIdsB) {\n    setIdsB.forEach(ref => (ref.current = idA));\n    return idA;\n  }\n\n  return idB;\n}\n\n/**\n * Used to generate an id, and after render, check if that id is rendered so we know\n * if we can use it in places such as labelledby.\n *\n * @param depArray - When to recalculate if the id is in the DOM.\n */\nexport function useSlotId(depArray: ReadonlyArray<any> = []): string {\n  let id = useId();\n  let [resolvedId, setResolvedId] = useValueEffect(id);\n  let updateId = useCallback(() => {\n    setResolvedId(function* () {\n      yield id;\n\n      yield document.getElementById(id) ? id : undefined;\n    });\n  }, [id, setResolvedId]);\n\n  useLayoutEffect(updateId, [id, updateId, ...depArray]);\n\n  return resolvedId;\n}\n"],"names":[],"version":3,"file":"useId.js.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAOD,mFAAmF;AACnF,IAAI,kCAAY,QACd,OAAO,WAAW,eAAe,OAAO,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa;AAG5E,IAAI,4CAAyD,IAAI;AACxE,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,IAAI;AACJ,IAAI,OAAO,yBAAyB,aAClC,iCAAW,IAAI,qBAA6B,CAAA;IAC1C,0CAAc,MAAM,CAAC;AACvB;AAEF,IAAI,sCAAgB,IAAI;AAOjB,SAAS,0CAAM,SAAkB;IACtC,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IAEpB,IAAI,MAAM,CAAA,GAAA,yCAAW,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAE;IAExB,wFAAwF;IACxF,4CAA4C;IAC5C,gDAAgD;IAChD,IAAI,eAAe,oCAAc,GAAG,CAAC;IACrC,IAAI,kCAAY,iBAAiB,KAAK;QACpC,IAAI,gBAAgB,MAClB,gDAAgD;QAChD,+BAAS,UAAU,CAAC;QAEtB,gDAAgD;QAChD,+BAAS,QAAQ,CAAC,YAAY,KAAK;QACnC,gDAAgD;QAChD,oCAAc,GAAG,CAAC,YAAY;IAChC;IAEA,IAAI,iCAAW;QACb,MAAM,aAAa,0CAAc,GAAG,CAAC;QACrC,gDAAgD;QAChD,IAAI,cAAc,CAAC,WAAW,QAAQ,CAAC,SACrC,gDAAgD;QAChD,WAAW,IAAI,CAAC;aAEhB,gDAAgD;QAChD,0CAAc,GAAG,CAAC,KAAK;YAAC;SAAO;IAEnC;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI;QACR,OAAO;YACL,sDAAsD;YACtD,oEAAoE;YACpE,IAAI,gCAAU;gBACZ,+BAAS,UAAU,CAAC;gBACpB,oCAAc,MAAM,CAAC;YACvB;YACA,0CAAc,MAAM,CAAC;QACvB;IACF,GAAG;QAAC;KAAI;IAER,2EAA2E;IAC3E,2BAA2B;IAC3B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,QAAQ,OAAO,OAAO;QAC1B,IAAI,OACF,SAAS;QAGX,OAAO;YACL,IAAI,OACF,OAAO,OAAO,GAAG;QAErB;IACF;IAEA,OAAO;AACT;AAMO,SAAS,0CAAS,GAAW,EAAE,GAAW;IAC/C,IAAI,QAAQ,KACV,OAAO;IAGT,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,OAAO;AACT;AAQO,SAAS,0CAAU,WAA+B,EAAE;IACzD,IAAI,KAAK;IACT,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yCAAa,EAAE;IACjD,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE;QACzB,cAAc;YACZ,MAAM;YAEN,MAAM,SAAS,cAAc,CAAC,MAAM,KAAK;QAC3C;IACA,gDAAgD;IAClD,GAAG;QAAC;QAAI;KAAc;IAEtB,CAAA,GAAA,yCAAc,EAAE,UAAU;QAAC;QAAI;WAAa;KAAS;IAErD,OAAO;AACT","sources":["packages/react-aria/src/utils/useId.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 {useCallback, useEffect, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\nimport {useSSRSafeId} from '../ssr/SSRProvider';\nimport {useValueEffect} from './useValueEffect';\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet canUseDOM = Boolean(\n  typeof window !== 'undefined' && window.document && window.document.createElement\n);\n\nexport let idsUpdaterMap: Map<string, {current: string | null}[]> = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet registry;\nif (typeof FinalizationRegistry !== 'undefined') {\n  registry = new FinalizationRegistry<string>(heldValue => {\n    idsUpdaterMap.delete(heldValue);\n  });\n}\nlet registeredIds = new WeakMap<object, string>();\n\n/**\n * If a default is not provided, generate an id.\n *\n * @param defaultId - Default component id.\n */\nexport function useId(defaultId?: string): string {\n  let [value, setValue] = useState(defaultId);\n  let nextId = useRef(null);\n\n  let res = useSSRSafeId(value);\n  let cleanupRef = useRef(null);\n\n  // These are intentionally disabled the compiler, these functions just read the identity\n  // of the ref, not the value inside current.\n  // oxlint-disable-next-line react/react-compiler\n  let registeredId = registeredIds.get(cleanupRef);\n  if (registry && registeredId !== res) {\n    if (registeredId != null) {\n      // oxlint-disable-next-line react/react-compiler\n      registry.unregister(cleanupRef);\n    }\n    // oxlint-disable-next-line react/react-compiler\n    registry.register(cleanupRef, res, cleanupRef);\n    // oxlint-disable-next-line react/react-compiler\n    registeredIds.set(cleanupRef, res);\n  }\n\n  if (canUseDOM) {\n    const cacheIdRef = idsUpdaterMap.get(res);\n    // oxlint-disable-next-line react/react-compiler\n    if (cacheIdRef && !cacheIdRef.includes(nextId)) {\n      // oxlint-disable-next-line react/react-compiler\n      cacheIdRef.push(nextId);\n    } else {\n      // oxlint-disable-next-line react/react-compiler\n      idsUpdaterMap.set(res, [nextId]);\n    }\n  }\n\n  useLayoutEffect(() => {\n    let r = res;\n    return () => {\n      // In Suspense, the cleanup function may be not called\n      // when it is though, also remove it from the finalization registry.\n      if (registry) {\n        registry.unregister(cleanupRef);\n        registeredIds.delete(cleanupRef);\n      }\n      idsUpdaterMap.delete(r);\n    };\n  }, [res]);\n\n  // This cannot cause an infinite loop because the ref is always cleaned up.\n  // eslint-disable-next-line\n  useEffect(() => {\n    let newId = nextId.current;\n    if (newId) {\n      setValue(newId);\n    }\n\n    return () => {\n      if (newId) {\n        nextId.current = null;\n      }\n    };\n  });\n\n  return res;\n}\n\n/**\n * Merges two ids.\n * Different ids will trigger a side-effect and re-render components hooked up with `useId`.\n */\nexport function mergeIds(idA: string, idB: string): string {\n  if (idA === idB) {\n    return idA;\n  }\n\n  let setIdsA = idsUpdaterMap.get(idA);\n  if (setIdsA) {\n    setIdsA.forEach(ref => (ref.current = idB));\n    return idB;\n  }\n\n  let setIdsB = idsUpdaterMap.get(idB);\n  if (setIdsB) {\n    setIdsB.forEach(ref => (ref.current = idA));\n    return idA;\n  }\n\n  return idB;\n}\n\n/**\n * Used to generate an id, and after render, check if that id is rendered so we know\n * if we can use it in places such as labelledby.\n *\n * @param depArray - When to recalculate if the id is in the DOM.\n */\nexport function useSlotId(depArray: ReadonlyArray<any> = []): string {\n  let id = useId();\n  let [resolvedId, setResolvedId] = useValueEffect(id);\n  let updateId = useCallback(() => {\n    setResolvedId(function* () {\n      yield id;\n\n      yield document.getElementById(id) ? id : undefined;\n    });\n    // oxlint-disable-next-line react/react-compiler\n  }, [id, setResolvedId]);\n\n  useLayoutEffect(updateId, [id, updateId, ...depArray]);\n\n  return resolvedId;\n}\n"],"names":[],"version":3,"file":"useId.js.map"}

package/dist/private/utils/useId.mjs

@@ -27,16 +27,31 @@ let $390e54f620492c70$var$registry;
 if (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry = new FinalizationRegistry((heldValue)=>{
     $390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);
 });
+let $390e54f620492c70$var$registeredIds = new WeakMap();
 function $390e54f620492c70$export$f680877a34711e37(defaultId) {
     let [value, setValue] = (0, $4QKZm$useState)(defaultId);
     let nextId = (0, $4QKZm$useRef)(null);
     let res = (0, $c7eafbbe1ea5834e$export$619500959fc48b26)(value);
     let cleanupRef = (0, $4QKZm$useRef)(null);
-    if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.register(cleanupRef, res);
+    // These are intentionally disabled the compiler, these functions just read the identity
+    // of the ref, not the value inside current.
+    // oxlint-disable-next-line react/react-compiler
+    let registeredId = $390e54f620492c70$var$registeredIds.get(cleanupRef);
+    if ($390e54f620492c70$var$registry && registeredId !== res) {
+        if (registeredId != null) // oxlint-disable-next-line react/react-compiler
+        $390e54f620492c70$var$registry.unregister(cleanupRef);
+        // oxlint-disable-next-line react/react-compiler
+        $390e54f620492c70$var$registry.register(cleanupRef, res, cleanupRef);
+        // oxlint-disable-next-line react/react-compiler
+        $390e54f620492c70$var$registeredIds.set(cleanupRef, res);
+    }
     if ($390e54f620492c70$var$canUseDOM) {
         const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);
-        if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
-        else $390e54f620492c70$export$d41a04c74483c6ef.set(res, [
+        // oxlint-disable-next-line react/react-compiler
+        if (cacheIdRef && !cacheIdRef.includes(nextId)) // oxlint-disable-next-line react/react-compiler
+        cacheIdRef.push(nextId);
+        else // oxlint-disable-next-line react/react-compiler
+        $390e54f620492c70$export$d41a04c74483c6ef.set(res, [
             nextId
         ]);
     }
@@ -45,7 +60,10 @@ function $390e54f620492c70$export$f680877a34711e37(defaultId) {
         return ()=>{
             // In Suspense, the cleanup function may be not called
             // when it is though, also remove it from the finalization registry.
-            if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.unregister(cleanupRef);
+            if ($390e54f620492c70$var$registry) {
+                $390e54f620492c70$var$registry.unregister(cleanupRef);
+                $390e54f620492c70$var$registeredIds.delete(cleanupRef);
+            }
             $390e54f620492c70$export$d41a04c74483c6ef.delete(r);
         };
     }, [
@@ -84,6 +102,7 @@ function $390e54f620492c70$export$b4cc09c592e8fdb8(depArray = []) {
             yield id;
             yield document.getElementById(id) ? id : undefined;
         });
+    // oxlint-disable-next-line react/react-compiler
     }, [
         id,
         setResolvedId

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

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAOD,mFAAmF;AACnF,IAAI,kCAAY,QACd,OAAO,WAAW,eAAe,OAAO,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa;AAG5E,IAAI,4CAAyD,IAAI;AACxE,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,IAAI;AACJ,IAAI,OAAO,yBAAyB,aAClC,iCAAW,IAAI,qBAA6B,CAAA;IAC1C,0CAAc,MAAM,CAAC;AACvB;AAQK,SAAS,0CAAM,SAAkB;IACtC,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IAEpB,IAAI,MAAM,CAAA,GAAA,yCAAW,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAE;IAExB,IAAI,gCACF,+BAAS,QAAQ,CAAC,YAAY;IAGhC,IAAI,iCAAW;QACb,MAAM,aAAa,0CAAc,GAAG,CAAC;QACrC,IAAI,cAAc,CAAC,WAAW,QAAQ,CAAC,SACrC,WAAW,IAAI,CAAC;aAEhB,0CAAc,GAAG,CAAC,KAAK;YAAC;SAAO;IAEnC;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI;QACR,OAAO;YACL,sDAAsD;YACtD,oEAAoE;YACpE,IAAI,gCACF,+BAAS,UAAU,CAAC;YAEtB,0CAAc,MAAM,CAAC;QACvB;IACF,GAAG;QAAC;KAAI;IAER,2EAA2E;IAC3E,2BAA2B;IAC3B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,QAAQ,OAAO,OAAO;QAC1B,IAAI,OACF,SAAS;QAGX,OAAO;YACL,IAAI,OACF,OAAO,OAAO,GAAG;QAErB;IACF;IAEA,OAAO;AACT;AAMO,SAAS,0CAAS,GAAW,EAAE,GAAW;IAC/C,IAAI,QAAQ,KACV,OAAO;IAGT,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,OAAO;AACT;AAQO,SAAS,0CAAU,WAA+B,EAAE;IACzD,IAAI,KAAK;IACT,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yCAAa,EAAE;IACjD,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE;QACzB,cAAc;YACZ,MAAM;YAEN,MAAM,SAAS,cAAc,CAAC,MAAM,KAAK;QAC3C;IACF,GAAG;QAAC;QAAI;KAAc;IAEtB,CAAA,GAAA,yCAAc,EAAE,UAAU;QAAC;QAAI;WAAa;KAAS;IAErD,OAAO;AACT","sources":["packages/react-aria/src/utils/useId.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 {useCallback, useEffect, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\nimport {useSSRSafeId} from '../ssr/SSRProvider';\nimport {useValueEffect} from './useValueEffect';\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet canUseDOM = Boolean(\n  typeof window !== 'undefined' && window.document && window.document.createElement\n);\n\nexport let idsUpdaterMap: Map<string, {current: string | null}[]> = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet registry;\nif (typeof FinalizationRegistry !== 'undefined') {\n  registry = new FinalizationRegistry<string>(heldValue => {\n    idsUpdaterMap.delete(heldValue);\n  });\n}\n\n/**\n * If a default is not provided, generate an id.\n *\n * @param defaultId - Default component id.\n */\nexport function useId(defaultId?: string): string {\n  let [value, setValue] = useState(defaultId);\n  let nextId = useRef(null);\n\n  let res = useSSRSafeId(value);\n  let cleanupRef = useRef(null);\n\n  if (registry) {\n    registry.register(cleanupRef, res);\n  }\n\n  if (canUseDOM) {\n    const cacheIdRef = idsUpdaterMap.get(res);\n    if (cacheIdRef && !cacheIdRef.includes(nextId)) {\n      cacheIdRef.push(nextId);\n    } else {\n      idsUpdaterMap.set(res, [nextId]);\n    }\n  }\n\n  useLayoutEffect(() => {\n    let r = res;\n    return () => {\n      // In Suspense, the cleanup function may be not called\n      // when it is though, also remove it from the finalization registry.\n      if (registry) {\n        registry.unregister(cleanupRef);\n      }\n      idsUpdaterMap.delete(r);\n    };\n  }, [res]);\n\n  // This cannot cause an infinite loop because the ref is always cleaned up.\n  // eslint-disable-next-line\n  useEffect(() => {\n    let newId = nextId.current;\n    if (newId) {\n      setValue(newId);\n    }\n\n    return () => {\n      if (newId) {\n        nextId.current = null;\n      }\n    };\n  });\n\n  return res;\n}\n\n/**\n * Merges two ids.\n * Different ids will trigger a side-effect and re-render components hooked up with `useId`.\n */\nexport function mergeIds(idA: string, idB: string): string {\n  if (idA === idB) {\n    return idA;\n  }\n\n  let setIdsA = idsUpdaterMap.get(idA);\n  if (setIdsA) {\n    setIdsA.forEach(ref => (ref.current = idB));\n    return idB;\n  }\n\n  let setIdsB = idsUpdaterMap.get(idB);\n  if (setIdsB) {\n    setIdsB.forEach(ref => (ref.current = idA));\n    return idA;\n  }\n\n  return idB;\n}\n\n/**\n * Used to generate an id, and after render, check if that id is rendered so we know\n * if we can use it in places such as labelledby.\n *\n * @param depArray - When to recalculate if the id is in the DOM.\n */\nexport function useSlotId(depArray: ReadonlyArray<any> = []): string {\n  let id = useId();\n  let [resolvedId, setResolvedId] = useValueEffect(id);\n  let updateId = useCallback(() => {\n    setResolvedId(function* () {\n      yield id;\n\n      yield document.getElementById(id) ? id : undefined;\n    });\n  }, [id, setResolvedId]);\n\n  useLayoutEffect(updateId, [id, updateId, ...depArray]);\n\n  return resolvedId;\n}\n"],"names":[],"version":3,"file":"useId.mjs.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAOD,mFAAmF;AACnF,IAAI,kCAAY,QACd,OAAO,WAAW,eAAe,OAAO,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa;AAG5E,IAAI,4CAAyD,IAAI;AACxE,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,IAAI;AACJ,IAAI,OAAO,yBAAyB,aAClC,iCAAW,IAAI,qBAA6B,CAAA;IAC1C,0CAAc,MAAM,CAAC;AACvB;AAEF,IAAI,sCAAgB,IAAI;AAOjB,SAAS,0CAAM,SAAkB;IACtC,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IAEpB,IAAI,MAAM,CAAA,GAAA,yCAAW,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAE;IAExB,wFAAwF;IACxF,4CAA4C;IAC5C,gDAAgD;IAChD,IAAI,eAAe,oCAAc,GAAG,CAAC;IACrC,IAAI,kCAAY,iBAAiB,KAAK;QACpC,IAAI,gBAAgB,MAClB,gDAAgD;QAChD,+BAAS,UAAU,CAAC;QAEtB,gDAAgD;QAChD,+BAAS,QAAQ,CAAC,YAAY,KAAK;QACnC,gDAAgD;QAChD,oCAAc,GAAG,CAAC,YAAY;IAChC;IAEA,IAAI,iCAAW;QACb,MAAM,aAAa,0CAAc,GAAG,CAAC;QACrC,gDAAgD;QAChD,IAAI,cAAc,CAAC,WAAW,QAAQ,CAAC,SACrC,gDAAgD;QAChD,WAAW,IAAI,CAAC;aAEhB,gDAAgD;QAChD,0CAAc,GAAG,CAAC,KAAK;YAAC;SAAO;IAEnC;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,IAAI;QACR,OAAO;YACL,sDAAsD;YACtD,oEAAoE;YACpE,IAAI,gCAAU;gBACZ,+BAAS,UAAU,CAAC;gBACpB,oCAAc,MAAM,CAAC;YACvB;YACA,0CAAc,MAAM,CAAC;QACvB;IACF,GAAG;QAAC;KAAI;IAER,2EAA2E;IAC3E,2BAA2B;IAC3B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,QAAQ,OAAO,OAAO;QAC1B,IAAI,OACF,SAAS;QAGX,OAAO;YACL,IAAI,OACF,OAAO,OAAO,GAAG;QAErB;IACF;IAEA,OAAO;AACT;AAMO,SAAS,0CAAS,GAAW,EAAE,GAAW;IAC/C,IAAI,QAAQ,KACV,OAAO;IAGT,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,IAAI,UAAU,0CAAc,GAAG,CAAC;IAChC,IAAI,SAAS;QACX,QAAQ,OAAO,CAAC,CAAA,MAAQ,IAAI,OAAO,GAAG;QACtC,OAAO;IACT;IAEA,OAAO;AACT;AAQO,SAAS,0CAAU,WAA+B,EAAE;IACzD,IAAI,KAAK;IACT,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yCAAa,EAAE;IACjD,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE;QACzB,cAAc;YACZ,MAAM;YAEN,MAAM,SAAS,cAAc,CAAC,MAAM,KAAK;QAC3C;IACA,gDAAgD;IAClD,GAAG;QAAC;QAAI;KAAc;IAEtB,CAAA,GAAA,yCAAc,EAAE,UAAU;QAAC;QAAI;WAAa;KAAS;IAErD,OAAO;AACT","sources":["packages/react-aria/src/utils/useId.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 {useCallback, useEffect, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\nimport {useSSRSafeId} from '../ssr/SSRProvider';\nimport {useValueEffect} from './useValueEffect';\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet canUseDOM = Boolean(\n  typeof window !== 'undefined' && window.document && window.document.createElement\n);\n\nexport let idsUpdaterMap: Map<string, {current: string | null}[]> = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet registry;\nif (typeof FinalizationRegistry !== 'undefined') {\n  registry = new FinalizationRegistry<string>(heldValue => {\n    idsUpdaterMap.delete(heldValue);\n  });\n}\nlet registeredIds = new WeakMap<object, string>();\n\n/**\n * If a default is not provided, generate an id.\n *\n * @param defaultId - Default component id.\n */\nexport function useId(defaultId?: string): string {\n  let [value, setValue] = useState(defaultId);\n  let nextId = useRef(null);\n\n  let res = useSSRSafeId(value);\n  let cleanupRef = useRef(null);\n\n  // These are intentionally disabled the compiler, these functions just read the identity\n  // of the ref, not the value inside current.\n  // oxlint-disable-next-line react/react-compiler\n  let registeredId = registeredIds.get(cleanupRef);\n  if (registry && registeredId !== res) {\n    if (registeredId != null) {\n      // oxlint-disable-next-line react/react-compiler\n      registry.unregister(cleanupRef);\n    }\n    // oxlint-disable-next-line react/react-compiler\n    registry.register(cleanupRef, res, cleanupRef);\n    // oxlint-disable-next-line react/react-compiler\n    registeredIds.set(cleanupRef, res);\n  }\n\n  if (canUseDOM) {\n    const cacheIdRef = idsUpdaterMap.get(res);\n    // oxlint-disable-next-line react/react-compiler\n    if (cacheIdRef && !cacheIdRef.includes(nextId)) {\n      // oxlint-disable-next-line react/react-compiler\n      cacheIdRef.push(nextId);\n    } else {\n      // oxlint-disable-next-line react/react-compiler\n      idsUpdaterMap.set(res, [nextId]);\n    }\n  }\n\n  useLayoutEffect(() => {\n    let r = res;\n    return () => {\n      // In Suspense, the cleanup function may be not called\n      // when it is though, also remove it from the finalization registry.\n      if (registry) {\n        registry.unregister(cleanupRef);\n        registeredIds.delete(cleanupRef);\n      }\n      idsUpdaterMap.delete(r);\n    };\n  }, [res]);\n\n  // This cannot cause an infinite loop because the ref is always cleaned up.\n  // eslint-disable-next-line\n  useEffect(() => {\n    let newId = nextId.current;\n    if (newId) {\n      setValue(newId);\n    }\n\n    return () => {\n      if (newId) {\n        nextId.current = null;\n      }\n    };\n  });\n\n  return res;\n}\n\n/**\n * Merges two ids.\n * Different ids will trigger a side-effect and re-render components hooked up with `useId`.\n */\nexport function mergeIds(idA: string, idB: string): string {\n  if (idA === idB) {\n    return idA;\n  }\n\n  let setIdsA = idsUpdaterMap.get(idA);\n  if (setIdsA) {\n    setIdsA.forEach(ref => (ref.current = idB));\n    return idB;\n  }\n\n  let setIdsB = idsUpdaterMap.get(idB);\n  if (setIdsB) {\n    setIdsB.forEach(ref => (ref.current = idA));\n    return idA;\n  }\n\n  return idB;\n}\n\n/**\n * Used to generate an id, and after render, check if that id is rendered so we know\n * if we can use it in places such as labelledby.\n *\n * @param depArray - When to recalculate if the id is in the DOM.\n */\nexport function useSlotId(depArray: ReadonlyArray<any> = []): string {\n  let id = useId();\n  let [resolvedId, setResolvedId] = useValueEffect(id);\n  let updateId = useCallback(() => {\n    setResolvedId(function* () {\n      yield id;\n\n      yield document.getElementById(id) ? id : undefined;\n    });\n    // oxlint-disable-next-line react/react-compiler\n  }, [id, setResolvedId]);\n\n  useLayoutEffect(updateId, [id, updateId, ...depArray]);\n\n  return resolvedId;\n}\n"],"names":[],"version":3,"file":"useId.mjs.map"}

package/dist/private/utils/useLoadMoreSentinel.cjs

@@ -24,7 +24,7 @@ $parcel$export(module.exports, "useLoadMoreSentinel", function () { return $5f43
 
 
 function $5f430741f11e366b$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, $fynYm$react.useRef)(null);
     let triggerLoadMore = (0, $d6e22460ce4d6b26$exports.useEffectEvent)((entries)=>{
         // Use "isIntersecting" over an equality check of 0 since it seems like there is cases where
@@ -38,9 +38,12 @@ function $5f430741f11e366b$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, $d865e4ff74ef4a73$exports.getScrollParent)(ref?.current),
-                rootMargin: `0px ${100 * scrollOffset}% ${100 * scrollOffset}% ${100 * scrollOffset}%`
+                rootMargin: rootMargin
             });
             sentinelObserver.current.observe(ref.current);
         }
@@ -50,7 +53,8 @@ function $5f430741f11e366b$export$ccaea96c28e8b9e7(props, ref) {
     }, [
         collection,
         ref,
-        scrollOffset
+        scrollOffset,
+        direction
     ]);
 }
 

package/dist/private/utils/useLoadMoreSentinel.cjs.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,mBAAK,EAAwB;IAEpD,IAAI,kBAAkB,CAAA,GAAA,wCAAa,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.cjs.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,mBAAK,EAAwB;IAEpD,IAAI,kBAAkB,CAAA,GAAA,wCAAa,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.cjs.map"}

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"}