@bcgov/design-system-react-components 0.5.2-pr587 → 0.5.2-pr595

package/dist/cjs/index.cjs

@@ -5,7 +5,7 @@ var $dbSRa$react = require('react');
 var $4AOtR$reactdom = require('react-dom');
 
 function styleInject(css, ref) {
-  if ( ref === undefined ) ref = {};
+  if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
 
   if (!css || typeof document === 'undefined') { return; }
@@ -67,36 +67,6 @@ const $4e85f108e88277b8$export$698f465ec27e93df = ($dbSRa$react.createContext)(n
  */ 
 const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? ($dbSRa$react).useLayoutEffect : ()=>{};
 
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
-// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
-// before all layout effects, but is available only in React 18 and later.
-const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = ($dbSRa$react)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== undefined ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
-function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
-    const ref = ($dbSRa$react.useRef)(null);
-    $8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
-        ref.current = fn;
-    }, [
-        fn
-    ]);
-    // @ts-ignore
-    return ($dbSRa$react.useCallback)((...args)=>{
-        const f = ref.current;
-        return f === null || f === undefined ? undefined : f(...args);
-    }, []);
-}
-
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -111,10 +81,13 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
 
 function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
     let [value, setValue] = ($dbSRa$react.useState)(defaultValue);
+    // Keep an up to date copy of value in a ref so we can access the current value in the generator.
+    // This allows us to maintain a stable queue function.
+    let currValue = ($dbSRa$react.useRef)(value);
     let effect = ($dbSRa$react.useRef)(null);
     // Store the function in a ref so we can always access the current version
     // which has the proper `value` in scope.
-    let nextRef = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+    let nextRef = ($dbSRa$react.useRef)(()=>{
         if (!effect.current) return;
         // Run the generator to the next yield.
         let newValue = effect.current.next();
@@ -126,17 +99,20 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
         // If the value is the same as the current value,
         // then continue to the next yield. Otherwise,
         // set the value in state and wait for the next layout effect.
-        if (value === newValue.value) nextRef();
+        if (currValue.current === newValue.value) nextRef.current();
         else setValue(newValue.value);
     });
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        currValue.current = value;
         // If there is an effect currently running, continue to the next yield.
-        if (effect.current) nextRef();
-    });
-    let queue = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((fn)=>{
-        effect.current = fn(value);
-        nextRef();
+        if (effect.current) nextRef.current();
     });
+    let queue = ($dbSRa$react.useCallback)((fn)=>{
+        effect.current = fn(currValue.current);
+        nextRef.current();
+    }, [
+        nextRef
+    ]);
     return [
         value,
         queue
@@ -186,7 +162,7 @@ function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
         // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
         // Since React runs the second render immediately after the first, this is safe.
         // @ts-ignore
-        let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ($dbSRa$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === undefined ? undefined : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === undefined ? undefined : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
+        let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ($dbSRa$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
         if (currentOwner) {
             let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
             if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
@@ -355,7 +331,7 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
 
 const $431fbd86ca7dc216$export$b204af158042fbac = (el)=>{
     var _el_ownerDocument;
-    return (_el_ownerDocument = el === null || el === undefined ? undefined : el.ownerDocument) !== null && _el_ownerDocument !== undefined ? _el_ownerDocument : document;
+    return (_el_ownerDocument = el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && _el_ownerDocument !== void 0 ? _el_ownerDocument : document;
 };
 const $431fbd86ca7dc216$export$f21a1ffae260145a = (el)=>{
     if (el && 'window' in el && el.window === el) return el;
@@ -397,7 +373,7 @@ const $d4ee10de306f2510$export$cd4e5573fbe2b576 = (doc = document)=>{
     var _activeElement_shadowRoot;
     if (!($f4e2df6bd15f8569$export$98658e8c59125e6a)()) return doc.activeElement;
     let activeElement = doc.activeElement;
-    while(activeElement && 'shadowRoot' in activeElement && ((_activeElement_shadowRoot = activeElement.shadowRoot) === null || _activeElement_shadowRoot === undefined ? undefined : _activeElement_shadowRoot.activeElement))activeElement = activeElement.shadowRoot.activeElement;
+    while(activeElement && 'shadowRoot' in activeElement && ((_activeElement_shadowRoot = activeElement.shadowRoot) === null || _activeElement_shadowRoot === void 0 ? void 0 : _activeElement_shadowRoot.activeElement))activeElement = activeElement.shadowRoot.activeElement;
     return activeElement;
 };
 function $d4ee10de306f2510$export$e58f029f0fbfdb29(event) {
@@ -465,7 +441,7 @@ class $dfc540311bf7f109$export$63eb3ababa9c55c4 {
                 var _this_filter;
                 let nodeResult;
                 if (typeof this.filter === 'function') nodeResult = this.filter(nextNode);
-                else if ((_this_filter = this.filter) === null || _this_filter === undefined ? undefined : _this_filter.acceptNode) nodeResult = this.filter.acceptNode(nextNode);
+                else if ((_this_filter = this.filter) === null || _this_filter === void 0 ? void 0 : _this_filter.acceptNode) nodeResult = this.filter.acceptNode(nextNode);
                 if (nodeResult === NodeFilter.FILTER_ACCEPT) {
                     this.currentNode = nextNode;
                     return nextNode;
@@ -508,7 +484,7 @@ class $dfc540311bf7f109$export$63eb3ababa9c55c4 {
                 var _this_filter;
                 let nodeResult;
                 if (typeof this.filter === 'function') nodeResult = this.filter(previousNode);
-                else if ((_this_filter = this.filter) === null || _this_filter === undefined ? undefined : _this_filter.acceptNode) nodeResult = this.filter.acceptNode(previousNode);
+                else if ((_this_filter = this.filter) === null || _this_filter === void 0 ? void 0 : _this_filter.acceptNode) nodeResult = this.filter.acceptNode(previousNode);
                 if (nodeResult === NodeFilter.FILTER_ACCEPT) {
                     if (previousNode) this.currentNode = previousNode;
                     return previousNode;
@@ -569,7 +545,7 @@ class $dfc540311bf7f109$export$63eb3ababa9c55c4 {
                 } else {
                     var _this_filter;
                     if (typeof this.filter === 'function') return this.filter(node);
-                    else if ((_this_filter = this.filter) === null || _this_filter === undefined ? undefined : _this_filter.acceptNode) return this.filter.acceptNode(node);
+                    else if ((_this_filter = this.filter) === null || _this_filter === void 0 ? void 0 : _this_filter.acceptNode) return this.filter.acceptNode(node);
                     else if (this.filter === null) return NodeFilter.FILTER_ACCEPT;
                 }
             }
@@ -577,8 +553,8 @@ class $dfc540311bf7f109$export$63eb3ababa9c55c4 {
         };
         this._doc = doc;
         this.root = root;
-        this.filter = filter !== null && filter !== undefined ? filter : null;
-        this.whatToShow = whatToShow !== null && whatToShow !== undefined ? whatToShow : NodeFilter.SHOW_ALL;
+        this.filter = filter !== null && filter !== void 0 ? filter : null;
+        this.whatToShow = whatToShow !== null && whatToShow !== void 0 ? whatToShow : NodeFilter.SHOW_ALL;
         this._currentNode = root;
         this._walkerStack.unshift(doc.createTreeWalker(root, whatToShow, this._acceptNode));
         const shadowRoot = root.shadowRoot;
@@ -740,7 +716,7 @@ const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
 function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
     let { labelable: labelable, isLink: isLink, global: global, events: events = global, propNames: propNames } = opts;
     let filteredProps = {};
-    for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && $65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith('Capture') && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7)) || (propNames === null || propNames === undefined ? undefined : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
+    for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && ($65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith('Capture') && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7))) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
     return filteredProps;
 }
 
@@ -821,12 +797,12 @@ function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
  */ function $c87311424ea30a05$var$testUserAgent(re) {
     var _window_navigator_userAgentData;
     if (typeof window === 'undefined' || window.navigator == null) return false;
-    let brands = (_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === undefined ? undefined : _window_navigator_userAgentData.brands;
+    let brands = (_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands;
     return Array.isArray(brands) && brands.some((brand)=>re.test(brand.brand)) || re.test(window.navigator.userAgent);
 }
 function $c87311424ea30a05$var$testPlatform(re) {
     var _window_navigator_userAgentData;
-    return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === undefined ? undefined : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
+    return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
 }
 function $c87311424ea30a05$var$cached(fn) {
     if (process.env.NODE_ENV === 'test') return fn;
@@ -901,7 +877,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
     // will prevent links with target="_blank" from opening. However, it does allow the event if the
     // Command/Control key is held, which opens the link in a background tab. This seems like the best we can do.
     // See https://bugzilla.mozilla.org/show_bug.cgi?id=257870 and https://bugzilla.mozilla.org/show_bug.cgi?id=746640.
-    if (($c87311424ea30a05$export$b7d78993b74f766d)() && ((_window_event = window.event) === null || _window_event === undefined ? undefined : (_window_event_type = _window_event.type) === null || _window_event_type === undefined ? undefined : _window_event_type.startsWith('key')) && target.target === '_blank') {
+    if (($c87311424ea30a05$export$b7d78993b74f766d)() && ((_window_event = window.event) === null || _window_event === void 0 ? void 0 : (_window_event_type = _window_event.type) === null || _window_event_type === void 0 ? void 0 : _window_event_type.startsWith('key')) && target.target === '_blank') {
         if (($c87311424ea30a05$export$9ac100e40613ea10)()) metaKey = true;
         else ctrlKey = true;
     }
@@ -918,6 +894,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
         ctrlKey: ctrlKey,
         altKey: altKey,
         shiftKey: shiftKey,
+        detail: 1,
         bubbles: true,
         cancelable: true
     });
@@ -949,7 +926,7 @@ function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
 function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
     let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
     var _props_href;
-    const href = router.useHref((_props_href = props.href) !== null && _props_href !== undefined ? _props_href : '');
+    const href = router.useHref((_props_href = props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
         'data-href': props.href ? href : undefined,
         'data-target': props.target,
@@ -962,14 +939,14 @@ function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
 function $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {
     let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
     var _props_href;
-    const href = router.useHref((_props_href = props === null || props === undefined ? undefined : props.href) !== null && _props_href !== undefined ? _props_href : '');
+    const href = router.useHref((_props_href = props === null || props === void 0 ? void 0 : props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
-        href: (props === null || props === undefined ? undefined : props.href) ? href : undefined,
-        target: props === null || props === undefined ? undefined : props.target,
-        rel: props === null || props === undefined ? undefined : props.rel,
-        download: props === null || props === undefined ? undefined : props.download,
-        ping: props === null || props === undefined ? undefined : props.ping,
-        referrerPolicy: props === null || props === undefined ? undefined : props.referrerPolicy
+        href: (props === null || props === void 0 ? void 0 : props.href) ? href : undefined,
+        target: props === null || props === void 0 ? void 0 : props.target,
+        rel: props === null || props === void 0 ? void 0 : props.rel,
+        download: props === null || props === void 0 ? void 0 : props.download,
+        ping: props === null || props === void 0 ? void 0 : props.ping,
+        referrerPolicy: props === null || props === void 0 ? void 0 : props.referrerPolicy
     };
 }
 function $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f(e, router, href, routerOptions) {
@@ -1080,7 +1057,7 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
     let globalListeners = ($dbSRa$react.useRef)(new Map());
     let addGlobalListener = ($dbSRa$react.useCallback)((eventTarget, type, listener, options)=>{
         // Make sure we remove the listener after it is called with the `once` option.
-        let fn = (options === null || options === undefined ? undefined : options.once) ? (...args)=>{
+        let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args)=>{
             globalListeners.current.delete(listener);
             listener(...args);
         } : listener;
@@ -1094,7 +1071,7 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
     }, []);
     let removeGlobalListener = ($dbSRa$react.useCallback)((eventTarget, type, listener, options)=>{
         var _globalListeners_current_get;
-        let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === undefined ? undefined : _globalListeners_current_get.fn) || listener;
+        let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;
         eventTarget.removeEventListener(type, fn, options);
         globalListeners.current.delete(listener);
     }, []);
@@ -1199,6 +1176,36 @@ function $df56164dff5785e2$export$4338b53315abf666(ref) {
     ]);
 }
 
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
+// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
+// before all layout effects, but is available only in React 18 and later.
+const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = ($dbSRa$react)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+    const ref = ($dbSRa$react.useRef)(null);
+    $8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
+        ref.current = fn;
+    }, [
+        fn
+    ]);
+    // @ts-ignore
+    return ($dbSRa$react.useCallback)((...args)=>{
+        const f = ref.current;
+        return f === null || f === void 0 ? void 0 : f(...args);
+    }, []);
+}
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -1210,9 +1217,11 @@ function $df56164dff5785e2$export$4338b53315abf666(ref) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
+
+function $4f58c5f72bcf79f7$export$496315a1608d9602(cb, dependencies) {
     const isInitialMount = ($dbSRa$react.useRef)(true);
     const lastDeps = ($dbSRa$react.useRef)(null);
+    let cbEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(cb);
     ($dbSRa$react.useEffect)(()=>{
         isInitialMount.current = true;
         return ()=>{
@@ -1222,7 +1231,7 @@ function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
     ($dbSRa$react.useEffect)(()=>{
         let prevDeps = lastDeps.current;
         if (isInitialMount.current) isInitialMount.current = false;
-        else if (!prevDeps || dependencies.some((dep, i)=>!Object.is(dep, prevDeps[i]))) effect();
+        else if (!prevDeps || dependencies.some((dep, i)=>!Object.is(dep, prevDeps[i]))) cbEvent();
         lastDeps.current = dependencies;
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, dependencies);
@@ -1261,19 +1270,22 @@ function $9daab02d461809db$var$hasResizeObserver() {
     return typeof window.ResizeObserver !== 'undefined';
 }
 function $9daab02d461809db$export$683480f191c0e3ea(options) {
+    // Only call onResize from inside the effect, otherwise we'll void our assumption that
+    // useEffectEvents are safe to pass in.
     const { ref: ref, box: box, onResize: onResize } = options;
+    let onResizeEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(onResize);
     ($dbSRa$react.useEffect)(()=>{
-        let element = ref === null || ref === undefined ? undefined : ref.current;
+        let element = ref === null || ref === void 0 ? void 0 : ref.current;
         if (!element) return;
         if (!$9daab02d461809db$var$hasResizeObserver()) {
-            window.addEventListener('resize', onResize, false);
+            window.addEventListener('resize', onResizeEvent, false);
             return ()=>{
-                window.removeEventListener('resize', onResize, false);
+                window.removeEventListener('resize', onResizeEvent, false);
             };
         } else {
             const resizeObserverInstance = new window.ResizeObserver((entries)=>{
                 if (!entries.length) return;
-                onResize();
+                onResizeEvent();
             });
             resizeObserverInstance.observe(element, {
                 box: box
@@ -1283,7 +1295,6 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
             };
         }
     }, [
-        onResize,
         ref,
         box
     ]);
@@ -1540,8 +1551,7 @@ function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options)
         ref,
         event,
         options,
-        isDisabled,
-        handleEvent
+        isDisabled
     ]);
 }
 
@@ -1556,7 +1566,6 @@ function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options)
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-
 function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
     let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'left');
     let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'top');
@@ -1566,48 +1575,23 @@ function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
     let y = scrollView.scrollTop;
     // Account for top/left border offsetting the scroll top/Left + scroll padding
     let { borderTopWidth: borderTopWidth, borderLeftWidth: borderLeftWidth, scrollPaddingTop: scrollPaddingTop, scrollPaddingRight: scrollPaddingRight, scrollPaddingBottom: scrollPaddingBottom, scrollPaddingLeft: scrollPaddingLeft } = getComputedStyle(scrollView);
-    // Account for scroll margin of the element
-    let { scrollMarginTop: scrollMarginTop, scrollMarginRight: scrollMarginRight, scrollMarginBottom: scrollMarginBottom, scrollMarginLeft: scrollMarginLeft } = getComputedStyle(element);
     let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
     let borderAdjustedY = y + parseInt(borderTopWidth, 10);
     // Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width
     let maxX = borderAdjustedX + scrollView.clientWidth;
     let maxY = borderAdjustedY + scrollView.clientHeight;
-    // Get scroll padding / margin values as pixels - defaults to 0 if no scroll padding / margin
+    // Get scroll padding values as pixels - defaults to 0 if no scroll padding
     // is used.
     let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;
     let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
     let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
     let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
-    let scrollMarginTopNumber = parseInt(scrollMarginTop, 10) || 0;
-    let scrollMarginBottomNumber = parseInt(scrollMarginBottom, 10) || 0;
-    let scrollMarginRightNumber = parseInt(scrollMarginRight, 10) || 0;
-    let scrollMarginLeftNumber = parseInt(scrollMarginLeft, 10) || 0;
-    let targetLeft = offsetX - scrollMarginLeftNumber;
-    let targetRight = offsetX + width + scrollMarginRightNumber;
-    let targetTop = offsetY - scrollMarginTopNumber;
-    let targetBottom = offsetY + height + scrollMarginBottomNumber;
-    let scrollPortLeft = x + parseInt(borderLeftWidth, 10) + scrollPaddingLeftNumber;
-    let scrollPortRight = maxX - scrollPaddingRightNumber;
-    let scrollPortTop = y + parseInt(borderTopWidth, 10) + scrollPaddingTopNumber;
-    let scrollPortBottom = maxY - scrollPaddingBottomNumber;
-    if (targetLeft > scrollPortLeft || targetRight < scrollPortRight) {
-        if (targetLeft <= x + scrollPaddingLeftNumber) x = targetLeft - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
-        else if (targetRight > maxX - scrollPaddingRightNumber) x += targetRight - maxX + scrollPaddingRightNumber;
-    }
-    if (targetTop > scrollPortTop || targetBottom < scrollPortBottom) {
-        if (targetTop <= borderAdjustedY + scrollPaddingTopNumber) y = targetTop - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
-        else if (targetBottom > maxY - scrollPaddingBottomNumber) y += targetBottom - maxY + scrollPaddingBottomNumber;
-    }
-    if (process.env.NODE_ENV === 'test') {
-        scrollView.scrollLeft = x;
-        scrollView.scrollTop = y;
-        return;
-    }
-    scrollView.scrollTo({
-        left: x,
-        top: y
-    });
+    if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
+    else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
+    if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
+    else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
+    scrollView.scrollLeft = x;
+    scrollView.scrollTop = y;
 }
 /**
  * Computes the offset left or top from child to ancestor by accumulating
@@ -1633,31 +1617,31 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
     if (targetElement && document.contains(targetElement)) {
         let root = document.scrollingElement || document.documentElement;
         let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';
-        // If scrolling is not currently prevented then we aren't in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
-        // Also ignore in chrome because of this bug: https://issues.chromium.org/issues/40074749
-        if (!isScrollPrevented && !($c87311424ea30a05$export$6446a186d09e379e)()) {
+        // If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
+        if (!isScrollPrevented) {
             var // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()
             // won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically
             _targetElement_scrollIntoView;
             let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
-            targetElement === null || targetElement === undefined ? undefined : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === undefined ? undefined : _targetElement_scrollIntoView.call(targetElement, {
+            targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
                 block: 'nearest'
             });
             let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
             // Account for sub pixel differences from rounding
             if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
                 var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
-                opts === null || opts === undefined ? undefined : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === undefined ? undefined : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === undefined ? undefined : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
+                opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
                     block: 'center',
                     inline: 'center'
                 });
-                (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === undefined ? undefined : _targetElement_scrollIntoView1.call(targetElement, {
+                (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {
                     block: 'nearest'
                 });
             }
         } else {
             let scrollParents = ($a40c673dc9f6d9c7$export$94ed1c92c7beeb22)(targetElement);
             // If scrolling is prevented, we don't want to scroll the body since it might move the overlay partially offscreen and the user can't scroll it back into view.
+            if (!isScrollPrevented) scrollParents.push(root);
             for (let scrollParent of scrollParents)$2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
         }
     }
@@ -1711,14 +1695,13 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
     });
     ($dbSRa$react.useEffect)(()=>{
         var _ref_current;
-        let form = ref === null || ref === undefined ? undefined : (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.form;
-        form === null || form === undefined ? undefined : form.addEventListener('reset', handleReset);
+        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+        form === null || form === void 0 ? void 0 : form.addEventListener('reset', handleReset);
         return ()=>{
-            form === null || form === undefined ? undefined : form.removeEventListener('reset', handleReset);
+            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
         };
     }, [
-        ref,
-        handleReset
+        ref
     ]);
 }
 
@@ -1752,7 +1735,7 @@ function $a5fa973c1850dd36$export$ccaea96c28e8b9e7(props, ref) {
             // 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
             sentinelObserver.current = new IntersectionObserver(triggerLoadMore, {
-                root: ($62d8ded9296f3872$export$cfa2225e87938781)(ref === null || ref === undefined ? undefined : ref.current),
+                root: ($62d8ded9296f3872$export$cfa2225e87938781)(ref === null || ref === void 0 ? void 0 : ref.current),
                 rootMargin: `0px ${100 * scrollOffset}% ${100 * scrollOffset}% ${100 * scrollOffset}%`
             });
             sentinelObserver.current.observe(ref.current);
@@ -1762,7 +1745,6 @@ function $a5fa973c1850dd36$export$ccaea96c28e8b9e7(props, ref) {
         };
     }, [
         collection,
-        triggerLoadMore,
         ref,
         scrollOffset
     ]);
@@ -1965,8 +1947,14 @@ function $b4b717babfbb907b$var$isInert(element) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+var $458b0a5536c1a7cf$var$_React_useInsertionEffect;
+// Use the earliest effect possible to reset the ref below.
+const $458b0a5536c1a7cf$var$useEarlyEffect = typeof document !== 'undefined' ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = ($dbSRa$react)['useInsertionEffect']) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : ($dbSRa$react).useLayoutEffect : ()=>{};
 function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
+    // Store the value in both state and a ref. The state value will only be used when uncontrolled.
+    // The ref is used to track the most current value, which is passed to the function setState callback.
     let [stateValue, setStateValue] = ($dbSRa$react.useState)(value || defaultValue);
+    let valueRef = ($dbSRa$react.useRef)(stateValue);
     let isControlledRef = ($dbSRa$react.useRef)(value !== undefined);
     let isControlled = value !== undefined;
     ($dbSRa$react.useEffect)(()=>{
@@ -1976,40 +1964,28 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
     }, [
         isControlled
     ]);
+    // After each render, update the ref to the current value.
+    // This ensures that the setState callback argument is reset.
+    // Note: the effect should not have any dependencies so that controlled values always reset.
     let currentValue = isControlled ? value : stateValue;
+    $458b0a5536c1a7cf$var$useEarlyEffect(()=>{
+        valueRef.current = currentValue;
+    });
+    let [, forceUpdate] = ($dbSRa$react.useReducer)(()=>({}), {});
     let setValue = ($dbSRa$react.useCallback)((value, ...args)=>{
-        let onChangeCaller = (value, ...onChangeArgs)=>{
-            if (onChange) {
-                if (!Object.is(currentValue, value)) onChange(value, ...onChangeArgs);
-            }
-            if (!isControlled) // If uncontrolled, mutate the currentValue local variable so that
-            // calling setState multiple times with the same value only emits onChange once.
-            // We do not use a ref for this because we specifically _do_ want the value to
-            // reset every render, and assigning to a ref in render breaks aborted suspended renders.
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            currentValue = value;
-        };
-        if (typeof value === 'function') {
-            if (process.env.NODE_ENV !== 'production') console.warn('We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320');
-            // this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates
-            // when someone using useControlledState calls setControlledState(myFunc)
-            // this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc
-            // if we're in an uncontrolled state, then we also return the value of myFunc which to setState looks as though it was just called with myFunc from the beginning
-            // otherwise we just return the controlled value, which won't cause a rerender because React knows to bail out when the value is the same
-            let updateFunction = (oldValue, ...functionArgs)=>{
-                let interceptedValue = value(isControlled ? currentValue : oldValue, ...functionArgs);
-                onChangeCaller(interceptedValue, ...args);
-                if (!isControlled) return interceptedValue;
-                return oldValue;
-            };
-            setStateValue(updateFunction);
-        } else {
-            if (!isControlled) setStateValue(value);
-            onChangeCaller(value, ...args);
+        // @ts-ignore - TS doesn't know that T cannot be a function.
+        let newValue = typeof value === 'function' ? value(valueRef.current) : value;
+        if (!Object.is(valueRef.current, newValue)) {
+            // Update the ref so that the next setState callback has the most recent value.
+            valueRef.current = newValue;
+            setStateValue(newValue);
+            // Always trigger a re-render, even when controlled, so that the layout effect above runs to reset the value.
+            forceUpdate();
+            // Trigger onChange. Note that if setState is called multiple times in a single event,
+            // onChange will be called for each one instead of only once.
+            onChange === null || onChange === void 0 ? void 0 : onChange(newValue, ...args);
         }
     }, [
-        isControlled,
-        currentValue,
         onChange
     ]);
     return [
@@ -2078,12 +2054,12 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
         else if (children == null) computedChildren = defaultChildren;
         else computedChildren = children;
         return {
-            className: computedClassName !== null && computedClassName !== undefined ? computedClassName : defaultClassName,
+            className: computedClassName !== null && computedClassName !== void 0 ? computedClassName : defaultClassName,
             style: computedStyle || defaultStyle ? {
                 ...defaultStyle,
                 ...computedStyle
             } : undefined,
-            children: computedChildren !== null && computedChildren !== undefined ? computedChildren : defaultChildren,
+            children: computedChildren !== null && computedChildren !== void 0 ? computedChildren : defaultChildren,
             'data-rac': ''
         };
     }, [
@@ -2114,7 +2090,6 @@ function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
 }
 function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
     let ctx = $64fa3d84918910a7$export$fabf2dc03a41866e(context, props.slot) || {};
-    // @ts-ignore - TS says "Type 'unique symbol' cannot be used as an index type." but not sure why.
     let { ref: contextRef, ...contextProps } = ctx;
     let mergedRef = ($df56164dff5785e2$export$4338b53315abf666)(($dbSRa$react.useMemo)(()=>($5dc95899b306f630$export$c9058316764c140e)(ref, contextRef), [
         ref,
@@ -2200,7 +2175,7 @@ function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'ass
         // if we're in a test environment, announce without waiting
         // @ts-ignore
         if (!(typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined')) setTimeout(()=>{
-            if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === undefined ? undefined : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === undefined ? undefined : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+            if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
         }, 100);
         else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
     } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
@@ -2214,7 +2189,7 @@ function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'ass
 class $319e236875307eab$var$LiveAnnouncer {
     isAttached() {
         var _this_node;
-        return (_this_node = this.node) === null || _this_node === undefined ? undefined : _this_node.isConnected;
+        return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
     }
     createLog(ariaLive) {
         let node = document.createElement('div');
@@ -2237,8 +2212,8 @@ class $319e236875307eab$var$LiveAnnouncer {
             node.setAttribute('role', 'img');
             node.setAttribute('aria-labelledby', message['aria-labelledby']);
         } else node.textContent = message;
-        if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === undefined ? undefined : _this_assertiveLog.appendChild(node);
-        else (_this_politeLog = this.politeLog) === null || _this_politeLog === undefined ? undefined : _this_politeLog.appendChild(node);
+        if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
+        else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
         if (message !== '') setTimeout(()=>{
             node.remove();
         }, timeout);
@@ -2313,28 +2288,31 @@ const $edcf132a9284368a$var$TOTAL_SIZE = {
     height: 'totalHeight'
 };
 const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
-let $edcf132a9284368a$var$visualViewport = typeof document !== 'undefined' ? window.visualViewport : null;
-function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
+let $edcf132a9284368a$var$getVisualViewport = ()=>typeof document !== 'undefined' ? window.visualViewport : null;
+function $edcf132a9284368a$var$getContainerDimensions(containerNode, visualViewport) {
     let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
     let scroll = {};
     var _visualViewport_scale;
-    let isPinchZoomedIn = ((_visualViewport_scale = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.scale) !== null && _visualViewport_scale !== undefined ? _visualViewport_scale : 1) > 1;
-    if (containerNode.tagName === 'BODY') {
+    let isPinchZoomedIn = ((_visualViewport_scale = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.scale) !== null && _visualViewport_scale !== void 0 ? _visualViewport_scale : 1) > 1;
+    // In the case where the container is `html` or `body` and the container doesn't have something like `position: relative`,
+    // then position absolute will be positioned relative to the viewport, also known as the `initial containing block`.
+    // That's why we use the visual viewport instead.
+    if (containerNode.tagName === 'BODY' || containerNode.tagName === 'HTML') {
         let documentElement = document.documentElement;
         totalWidth = documentElement.clientWidth;
         totalHeight = documentElement.clientHeight;
         var _visualViewport_width;
-        width = (_visualViewport_width = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.width) !== null && _visualViewport_width !== undefined ? _visualViewport_width : totalWidth;
+        width = (_visualViewport_width = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.width) !== null && _visualViewport_width !== void 0 ? _visualViewport_width : totalWidth;
         var _visualViewport_height;
-        height = (_visualViewport_height = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.height) !== null && _visualViewport_height !== undefined ? _visualViewport_height : totalHeight;
+        height = (_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : totalHeight;
         scroll.top = documentElement.scrollTop || containerNode.scrollTop;
         scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
         // The goal of the below is to get a top/left value that represents the top/left of the visual viewport with
         // respect to the layout viewport origin. This combined with the scrollTop/scrollLeft will allow us to calculate
         // coordinates/values with respect to the visual viewport or with respect to the layout viewport.
-        if ($edcf132a9284368a$var$visualViewport) {
-            top = $edcf132a9284368a$var$visualViewport.offsetTop;
-            left = $edcf132a9284368a$var$visualViewport.offsetLeft;
+        if (visualViewport) {
+            top = visualViewport.offsetTop;
+            left = visualViewport.offsetLeft;
         }
     } else {
         ({ width: width, height: height, top: top, left: left } = $edcf132a9284368a$var$getOffset(containerNode, false));
@@ -2351,9 +2329,9 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
         scroll.top = 0;
         scroll.left = 0;
         var _visualViewport_pageTop;
-        top = (_visualViewport_pageTop = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.pageTop) !== null && _visualViewport_pageTop !== undefined ? _visualViewport_pageTop : 0;
+        top = (_visualViewport_pageTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageTop) !== null && _visualViewport_pageTop !== void 0 ? _visualViewport_pageTop : 0;
         var _visualViewport_pageLeft;
-        left = (_visualViewport_pageLeft = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== undefined ? _visualViewport_pageLeft : 0;
+        left = (_visualViewport_pageLeft = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== void 0 ? _visualViewport_pageLeft : 0;
     }
     return {
         width: width,
@@ -2383,15 +2361,17 @@ boundaryDimensions, // The dimensions of the containing block element that the p
 // position: relative/absolute, it will be different.
 containerDimensions, padding, containerOffsetWithBoundary) {
     var _containerDimensions_scroll_axis;
-    let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== undefined ? _containerDimensions_scroll_axis : 0;
+    let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== void 0 ? _containerDimensions_scroll_axis : 0;
     // The height/width of the boundary. Matches the axis along which we are adjusting the overlay position
     let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
     // Calculate the edges of the boundary (accomodating for the boundary padding) and the edges of the overlay.
     // Note that these values are with respect to the visual viewport (aka 0,0 is the top left of the viewport)
-    let boundaryStartEdge = boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
-    let boundaryEndEdge = boundarySize + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] - padding;
-    let startEdgeOffset = offset - containerScroll + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
-    let endEdgeOffset = offset - containerScroll + size + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
+    let boundaryStartEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
+    let boundaryEndEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + boundarySize - padding;
+    // transformed value of the left edge of the overlay
+    let startEdgeOffset = offset - containerScroll + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
+    // transformed value of the right edge of the overlay
+    let endEdgeOffset = offset - containerScroll + size + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
     // If any of the overlay edges falls outside of the boundary, shift the overlay the required amount to align one of the overlay's
     // edges with the closest boundary edge.
     if (startEdgeOffset < boundaryStartEdge) return boundaryStartEdge - startEdgeOffset;
@@ -2425,26 +2405,26 @@ function $edcf132a9284368a$var$parsePlacement(input) {
     };
     return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input];
 }
-function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset) {
+function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions) {
     let { placement: placement, crossPlacement: crossPlacement, axis: axis, crossAxis: crossAxis, size: size, crossSize: crossSize } = placementInfo;
     let position = {};
     var _childOffset_crossAxis;
     // button position
-    position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !== undefined ? _childOffset_crossAxis : 0;
+    position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !== void 0 ? _childOffset_crossAxis : 0;
     var _childOffset_crossSize, _overlaySize_crossSize, _childOffset_crossSize1, _overlaySize_crossSize1;
     if (crossPlacement === 'center') //  + (button size / 2) - (overlay size / 2)
     // at this point the overlay center should match the button center
-    position[crossAxis] += (((_childOffset_crossSize = childOffset[crossSize]) !== null && _childOffset_crossSize !== undefined ? _childOffset_crossSize : 0) - ((_overlaySize_crossSize = overlaySize[crossSize]) !== null && _overlaySize_crossSize !== undefined ? _overlaySize_crossSize : 0)) / 2;
+    position[crossAxis] += (((_childOffset_crossSize = childOffset[crossSize]) !== null && _childOffset_crossSize !== void 0 ? _childOffset_crossSize : 0) - ((_overlaySize_crossSize = overlaySize[crossSize]) !== null && _overlaySize_crossSize !== void 0 ? _overlaySize_crossSize : 0)) / 2;
     else if (crossPlacement !== crossAxis) //  + (button size) - (overlay size)
     // at this point the overlay bottom should match the button bottom
-    position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !== undefined ? _childOffset_crossSize1 : 0) - ((_overlaySize_crossSize1 = overlaySize[crossSize]) !== null && _overlaySize_crossSize1 !== undefined ? _overlaySize_crossSize1 : 0);
+    position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !== void 0 ? _childOffset_crossSize1 : 0) - ((_overlaySize_crossSize1 = overlaySize[crossSize]) !== null && _overlaySize_crossSize1 !== void 0 ? _overlaySize_crossSize1 : 0);
      /* else {
     the overlay top should match the button top
   } */ 
     position[crossAxis] += crossOffset;
-    // overlay top overlapping arrow with button bottom
+    // overlay top or left overlapping arrow with button bottom or right
     const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
-    // overlay bottom overlapping arrow with button top
+    // overlay bottom or right overlapping arrow with button top or left
     const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
     position[crossAxis] = ($9446cca9a3875146$export$7d15b64cf5a3a4c4)(position[crossAxis], minPosition, maxPosition);
     // Floor these so the position isn't placed on a partial pixel, only whole pixels. Shouldn't matter if it was floored or ceiled, so chose one.
@@ -2452,46 +2432,61 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
         // If the container is positioned (non-static), then we use the container's actual
         // height, as `bottom` will be relative to this height.  But if the container is static,
         // then it can only be the `document.body`, and `bottom` will be relative to _its_
-        // container, which should be as large as boundaryDimensions.
-        const containerHeight = isContainerPositioned ? containerOffsetWithBoundary[size] : boundaryDimensions[$edcf132a9284368a$var$TOTAL_SIZE[size]];
+        // container.
+        let containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE[size]];
         position[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
     } else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
     return position;
 }
-function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection) {
-    const containerHeight = isContainerPositioned ? containerOffsetWithBoundary.height : boundaryDimensions[$edcf132a9284368a$var$TOTAL_SIZE.height];
-    var _position_bottom;
-    // For cases where position is set via "bottom" instead of "top", we need to calculate the true overlay top with respect to the boundary. Reverse calculate this with the same method
-    // used in computePosition.
-    let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - ((_position_bottom = position.bottom) !== null && _position_bottom !== undefined ? _position_bottom : 0) - overlayHeight);
-    var _boundaryDimensions_scroll_top, _margins_top, _margins_bottom, _boundaryDimensions_scroll_top1, _margins_top1, _margins_bottom1;
+function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) {
+    var _position_bottom, _containerDimensions_scroll_top;
+    // For cases where position is set via "bottom" instead of "top", we need to calculate the true overlay top
+    // with respect to the container.
+    let overlayTop = (position.top != null ? position.top : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE.height] - ((_position_bottom = position.bottom) !== null && _position_bottom !== void 0 ? _position_bottom : 0) - overlayHeight) - ((_containerDimensions_scroll_top = containerDimensions.scroll.top) !== null && _containerDimensions_scroll_top !== void 0 ? _containerDimensions_scroll_top : 0);
+    // calculate the dimentions of the "boundingRect" which is most restrictive top/bottom of the boundaryRect and the visual view port
+    let boundaryToContainerTransformOffset = isContainerDescendentOfBoundary ? containerOffsetWithBoundary.top : 0;
+    var _visualViewport_offsetTop, _visualViewport_offsetTop1, _visualViewport_height;
+    let boundingRect = {
+        // This should be boundary top in container coord system vs viewport top in container coord system
+        // For the viewport top, there are several cases
+        // 1. pinchzoom case where we want the viewports offset top as top here
+        // 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
+        top: Math.max(boundaryDimensions.top + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop !== void 0 ? _visualViewport_offsetTop : boundaryDimensions.top) + boundaryToContainerTransformOffset),
+        bottom: Math.min(boundaryDimensions.top + boundaryDimensions.height + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop1 = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop1 !== void 0 ? _visualViewport_offsetTop1 : 0) + ((_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : 0))
+    };
+    var _margins_top, _margins_bottom, _margins_top1, _margins_bottom1;
     let maxHeight = heightGrowthDirection !== 'top' ? // We want the distance between the top of the overlay to the bottom of the boundary
-    Math.max(0, boundaryDimensions.height + boundaryDimensions.top + ((_boundaryDimensions_scroll_top = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top !== undefined ? _boundaryDimensions_scroll_top : 0) - overlayTop // this is the top of the overlay
-     - (((_margins_top = margins.top) !== null && _margins_top !== undefined ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== undefined ? _margins_bottom : 0) + padding // save additional space for margin and padding
+    Math.max(0, boundingRect.bottom // this is the bottom of the boundary
+     - overlayTop // this is the top of the overlay
+     - (((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0) + padding // save additional space for margin and padding
     )) : Math.max(0, overlayTop + overlayHeight // this is the bottom of the overlay
-     - (boundaryDimensions.top + ((_boundaryDimensions_scroll_top1 = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top1 !== undefined ? _boundaryDimensions_scroll_top1 : 0) // this is the top of the boundary
-    ) - (((_margins_top1 = margins.top) !== null && _margins_top1 !== undefined ? _margins_top1 : 0) + ((_margins_bottom1 = margins.bottom) !== null && _margins_bottom1 !== undefined ? _margins_bottom1 : 0) + padding // save additional space for margin and padding
+     - boundingRect.top // this is the top of the boundary
+     - (((_margins_top1 = margins.top) !== null && _margins_top1 !== void 0 ? _margins_top1 : 0) + ((_margins_bottom1 = margins.bottom) !== null && _margins_bottom1 !== void 0 ? _margins_bottom1 : 0) + padding // save additional space for margin and padding
     ));
-    return Math.min(boundaryDimensions.height - padding * 2, maxHeight);
+    return maxHeight;
 }
-function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
+function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo, containerDimensions, isContainerDescendentOfBoundary) {
     let { placement: placement, axis: axis, size: size } = placementInfo;
-    var _boundaryDimensions_scroll_axis, _margins_axis;
-    if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - ((_boundaryDimensions_scroll_axis = boundaryDimensions.scroll[axis]) !== null && _boundaryDimensions_scroll_axis !== undefined ? _boundaryDimensions_scroll_axis : 0) + containerOffsetWithBoundary[axis] - ((_margins_axis = margins[axis]) !== null && _margins_axis !== undefined ? _margins_axis : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
-    var _margins_axis1;
-    return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !== undefined ? _margins_axis1 : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
-}
-function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset) {
+    var _containerDimensions_scroll_axis, _margins_axis;
+    if (placement === axis) return Math.max(0, childOffset[axis] // trigger start
+     - ((_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== void 0 ? _containerDimensions_scroll_axis : 0 // transform trigger position to be with respect to viewport 0,0
+    ) - (boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) // boundary start
+    ) - ((_margins_axis = margins[axis]) !== null && _margins_axis !== void 0 ? _margins_axis : 0 // margins usually for arrows or other decorations
+    ) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding); // padding between overlay and boundary
+    var _containerDimensions_scroll_axis1, _margins_axis1;
+    return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) - childOffset[axis] - childOffset[size] + ((_containerDimensions_scroll_axis1 = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis1 !== void 0 ? _containerDimensions_scroll_axis1 : 0) - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !== void 0 ? _margins_axis1 : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
+}
+function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport) {
     let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
     let { size: size, crossAxis: crossAxis, crossSize: crossSize, placement: placement, crossPlacement: crossPlacement } = placementInfo;
-    let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
+    let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
     let normalizedOffset = offset;
-    let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
+    let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo, containerDimensions, isContainerDescendentOfBoundary);
     // Check if the scroll size of the overlay is greater than the available space to determine if we need to flip
-    if (flip && scrollSize[size] > space) {
+    if (flip && overlaySize[size] > space) {
         let flippedPlacementInfo = $edcf132a9284368a$var$parsePlacement(`${$edcf132a9284368a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
-        let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
-        let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo);
+        let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
+        let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo, containerDimensions, isContainerDescendentOfBoundary);
         // If the available space for the flipped position is greater than the original available space, flip.
         if (flippedSpace > space) {
             placementInfo = flippedPlacementInfo;
@@ -2510,10 +2505,10 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
     }
     let delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
     position[crossAxis] += delta;
-    let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection);
+    let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport);
     if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
     overlaySize.height = Math.min(overlaySize.height, maxHeight);
-    position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
+    position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
     delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
     position[crossAxis] += delta;
     let arrowPosition = {};
@@ -2528,7 +2523,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
     const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
     var _margins_left, _margins_right, _margins_top, _margins_bottom;
     // overlaySize[crossSize] - margins = true size of the overlay
-    const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === 'left' ? ((_margins_left = margins.left) !== null && _margins_left !== undefined ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== undefined ? _margins_right : 0) : ((_margins_top = margins.top) !== null && _margins_top !== undefined ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== undefined ? _margins_bottom : 0);
+    const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === 'left' ? ((_margins_left = margins.left) !== null && _margins_left !== void 0 ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== void 0 ? _margins_right : 0) : ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
     const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
     // Min/Max position limits for the arrow with respect to the trigger/overlay anchor element
     // Same margin accomodation done here as well as for the preferredArrowPosition
@@ -2559,6 +2554,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
 }
 function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
     let { placement: placement, targetNode: targetNode, overlayNode: overlayNode, scrollNode: scrollNode, padding: padding, shouldFlip: shouldFlip, boundaryElement: boundaryElement, offset: offset, crossOffset: crossOffset, maxHeight: maxHeight, arrowSize: arrowSize = 0, arrowBoundaryOffset: arrowBoundaryOffset = 0 } = opts;
+    let visualViewport = $edcf132a9284368a$var$getVisualViewport();
     let container = overlayNode instanceof HTMLElement ? $edcf132a9284368a$var$getContainingBlock(overlayNode) : document.documentElement;
     let isViewportContainer = container === document.documentElement;
     const containerPositionStyle = window.getComputedStyle(container).position;
@@ -2572,25 +2568,26 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
     let overlaySize = $edcf132a9284368a$var$getOffset(overlayNode, true);
     let margins = $edcf132a9284368a$var$getMargins(overlayNode);
     var _margins_left, _margins_right;
-    overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !== undefined ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== undefined ? _margins_right : 0);
+    overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !== void 0 ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== void 0 ? _margins_right : 0);
     var _margins_top, _margins_bottom;
-    overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== undefined ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== undefined ? _margins_bottom : 0);
+    overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
     let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
-    let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement);
-    let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container);
+    // Note that due to logic inside getContainerDimensions, for cases where the boundary element is the body, we will return
+    // a height/width that matches the visual viewport size rather than the body's height/width (aka for zoom it will be zoom adjusted size)
+    // and a top/left that is adjusted as well (will return the top/left of the zoomed in viewport, or 0,0 for a non-zoomed body)
+    // Otherwise this returns the height/width of a arbitrary boundary element, and its top/left with respect to the viewport (NOTE THIS MEANS IT DOESNT INCLUDE SCROLL)
+    let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement, visualViewport);
+    let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container, visualViewport);
     // If the container is the HTML element wrapping the body element, the retrieved scrollTop/scrollLeft will be equal to the
     // body element's scroll. Set the container's scroll values to 0 since the overlay's edge position value in getDelta don't then need to be further offset
     // by the container scroll since they are essentially the same containing element and thus in the same coordinate system
-    let containerOffsetWithBoundary = boundaryElement.tagName === 'BODY' ? $edcf132a9284368a$var$getOffset(container, false) : $edcf132a9284368a$var$getPosition(container, boundaryElement, false);
-    if (container.tagName === 'HTML' && boundaryElement.tagName === 'BODY') {
-        containerDimensions.scroll.top = 0;
-        containerDimensions.scroll.left = 0;
-    }
-    return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset);
+    let containerOffsetWithBoundary = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
+    let isContainerDescendentOfBoundary = boundaryElement.contains(container);
+    return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
 }
 function $edcf132a9284368a$export$4b834cebd9e5cebe(node, ignoreScale) {
     let { top: top, left: left, width: width, height: height } = node.getBoundingClientRect();
-    // Use offsetWidth and offsetHeight if this is an HTML element, so that 
+    // Use offsetWidth and offsetHeight if this is an HTML element, so that
     // the size is not affected by scale transforms.
     if (ignoreScale && node instanceof node.ownerDocument.defaultView.HTMLElement) {
         width = node.offsetWidth;
@@ -2807,10 +2804,13 @@ function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
     }, []);
     // We cannot determine the browser's language on the server, so default to
     // en-US. This will be updated after hydration on the client to the correct value.
-    if (isSSR) return {
-        locale: 'en-US',
-        direction: 'ltr'
-    };
+    if (isSSR) {
+        let locale = typeof window !== 'undefined' && window[$1e5a04cdaf7d1af8$var$localeSymbol];
+        return {
+            locale: locale || 'en-US',
+            direction: 'ltr'
+        };
+    }
     return defaultLocale;
 }
 
@@ -2873,7 +2873,7 @@ class $5b160d28a433310d$export$c17fa47878dc55b6 {
                 [locale]: globalStrings[pkg]
             }, locale);
         }
-        let dictionary = $5b160d28a433310d$var$cachedGlobalStrings === null || $5b160d28a433310d$var$cachedGlobalStrings === undefined ? undefined : $5b160d28a433310d$var$cachedGlobalStrings[packageName];
+        let dictionary = $5b160d28a433310d$var$cachedGlobalStrings === null || $5b160d28a433310d$var$cachedGlobalStrings === void 0 ? void 0 : $5b160d28a433310d$var$cachedGlobalStrings[packageName];
         if (!dictionary) throw new Error(`Strings for package "${packageName}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
         return dictionary;
     }
@@ -3068,7 +3068,7 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         placement,
         overlayRef.current,
         targetRef.current,
-        arrowRef === null || arrowRef === undefined ? undefined : arrowRef.current,
+        arrowRef === null || arrowRef === void 0 ? void 0 : arrowRef.current,
         scrollRef.current,
         containerPadding,
         shouldFlip,
@@ -3084,15 +3084,15 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
     // Note, the position freezing breaks if body sizes itself dynamicly with the visual viewport but that might
     // just be a non-realistic use case
     // Upon opening a overlay, record the current visual viewport scale so we can freeze the overlay styles
-    let lastScale = ($dbSRa$react.useRef)($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale);
+    let lastScale = ($dbSRa$react.useRef)($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.scale);
     ($dbSRa$react.useEffect)(()=>{
-        if (isOpen) lastScale.current = $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale;
+        if (isOpen) lastScale.current = $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.scale;
     }, [
         isOpen
     ]);
     let updatePosition = ($dbSRa$react.useCallback)(()=>{
         if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !boundaryElement) return;
-        if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale) !== lastScale.current) return;
+        if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.scale) !== lastScale.current) return;
         // Determine a scroll anchor based on the focused element.
         // This stores the offset of the anchor element from the scroll container
         // so it can be restored after repositioning. This way if the overlay height
@@ -3100,19 +3100,19 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         let anchor = null;
         if (scrollRef.current && scrollRef.current.contains(document.activeElement)) {
             var _document_activeElement;
-            let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement === undefined ? undefined : _document_activeElement.getBoundingClientRect();
+            let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.getBoundingClientRect();
             let scrollRect = scrollRef.current.getBoundingClientRect();
             var _anchorRect_top;
             // Anchor from the top if the offset is in the top half of the scrollable element,
             // otherwise anchor from the bottom.
             anchor = {
                 type: 'top',
-                offset: ((_anchorRect_top = anchorRect === null || anchorRect === undefined ? undefined : anchorRect.top) !== null && _anchorRect_top !== undefined ? _anchorRect_top : 0) - scrollRect.top
+                offset: ((_anchorRect_top = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.top) !== null && _anchorRect_top !== void 0 ? _anchorRect_top : 0) - scrollRect.top
             };
             if (anchor.offset > scrollRect.height / 2) {
                 anchor.type = 'bottom';
                 var _anchorRect_bottom;
-                anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect === undefined ? undefined : anchorRect.bottom) !== null && _anchorRect_bottom !== undefined ? _anchorRect_bottom : 0) - scrollRect.bottom;
+                anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.bottom) !== null && _anchorRect_bottom !== void 0 ? _anchorRect_bottom : 0) - scrollRect.bottom;
             }
         }
         // Always reset the overlay's previous max height if not defined by the user so that we can compensate for
@@ -3123,7 +3123,7 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
             overlay.style.top = '0px';
             overlay.style.bottom = '';
             var _window_visualViewport_height;
-            overlay.style.maxHeight = ((_window_visualViewport_height = (_window_visualViewport = window.visualViewport) === null || _window_visualViewport === undefined ? undefined : _window_visualViewport.height) !== null && _window_visualViewport_height !== undefined ? _window_visualViewport_height : window.innerHeight) + 'px';
+            overlay.style.maxHeight = ((_window_visualViewport_height = (_window_visualViewport = window.visualViewport) === null || _window_visualViewport === void 0 ? void 0 : _window_visualViewport.height) !== null && _window_visualViewport_height !== void 0 ? _window_visualViewport_height : window.innerHeight) + 'px';
         }
         let position = ($edcf132a9284368a$export$b3ceb0cbf1056d98)({
             placement: $2a41e45df1593e64$var$translateRTL(placement, direction),
@@ -3136,7 +3136,7 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
             offset: offset,
             crossOffset: crossOffset,
             maxHeight: maxHeight,
-            arrowSize: arrowSize !== null && arrowSize !== undefined ? arrowSize : (arrowRef === null || arrowRef === undefined ? undefined : arrowRef.current) ? ($edcf132a9284368a$export$4b834cebd9e5cebe)(arrowRef.current, true).width : 0,
+            arrowSize: arrowSize !== null && arrowSize !== void 0 ? arrowSize : (arrowRef === null || arrowRef === void 0 ? void 0 : arrowRef.current) ? ($edcf132a9284368a$export$4b834cebd9e5cebe)(arrowRef.current, true).width : 0,
             arrowBoundaryOffset: arrowBoundaryOffset
         });
         if (!position.position) return;
@@ -3192,17 +3192,17 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         let onScroll = ()=>{
             if (isResizing.current) onResize();
         };
-        $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.addEventListener('resize', onResize);
-        $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.addEventListener('scroll', onScroll);
+        $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.addEventListener('resize', onResize);
+        $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.addEventListener('scroll', onScroll);
         return ()=>{
-            $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.removeEventListener('resize', onResize);
-            $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.removeEventListener('scroll', onScroll);
+            $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.removeEventListener('resize', onResize);
+            $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.removeEventListener('scroll', onScroll);
         };
     }, [
         updatePosition
     ]);
     let close = ($dbSRa$react.useCallback)(()=>{
-        if (!isResizing.current) onClose === null || onClose === undefined ? undefined : onClose();
+        if (!isResizing.current) onClose === null || onClose === void 0 ? void 0 : onClose();
     }, [
         onClose,
         isResizing
@@ -3222,18 +3222,18 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
                 top: !position ? 0 : undefined,
                 left: !position ? 0 : undefined,
                 zIndex: 100000,
-                ...position === null || position === undefined ? undefined : position.position,
-                maxHeight: (_position_maxHeight = position === null || position === undefined ? undefined : position.maxHeight) !== null && _position_maxHeight !== undefined ? _position_maxHeight : '100vh'
+                ...position === null || position === void 0 ? void 0 : position.position,
+                maxHeight: (_position_maxHeight = position === null || position === void 0 ? void 0 : position.maxHeight) !== null && _position_maxHeight !== void 0 ? _position_maxHeight : '100vh'
             }
         },
-        placement: (_position_placement = position === null || position === undefined ? undefined : position.placement) !== null && _position_placement !== undefined ? _position_placement : null,
-        triggerAnchorPoint: (_position_triggerAnchorPoint = position === null || position === undefined ? undefined : position.triggerAnchorPoint) !== null && _position_triggerAnchorPoint !== undefined ? _position_triggerAnchorPoint : null,
+        placement: (_position_placement = position === null || position === void 0 ? void 0 : position.placement) !== null && _position_placement !== void 0 ? _position_placement : null,
+        triggerAnchorPoint: (_position_triggerAnchorPoint = position === null || position === void 0 ? void 0 : position.triggerAnchorPoint) !== null && _position_triggerAnchorPoint !== void 0 ? _position_triggerAnchorPoint : null,
         arrowProps: {
             'aria-hidden': 'true',
             role: 'presentation',
             style: {
-                left: position === null || position === undefined ? undefined : position.arrowOffsetLeft,
-                top: position === null || position === undefined ? undefined : position.arrowOffsetTop
+                left: position === null || position === void 0 ? void 0 : position.arrowOffsetLeft,
+                top: position === null || position === void 0 ? void 0 : position.arrowOffsetTop
             }
         },
         updatePosition: updatePosition
@@ -3298,9 +3298,6 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             }
         };
     }, []);
-    let dispatchBlur = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
-        onBlur === null || onBlur === undefined ? undefined : onBlur(e);
-    });
     // This function is called during a React onFocus event.
     return ($dbSRa$react.useCallback)((e)=>{
         // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
@@ -3315,7 +3312,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
                 if (target.disabled) {
                     // For backward compatibility, dispatch a (fake) React synthetic event.
                     let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e);
-                    dispatchBlur(event);
+                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
                 }
                 // We no longer need the MutationObserver once the target is blurred.
                 if (stateRef.current.observer) {
@@ -3329,7 +3326,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             stateRef.current.observer = new MutationObserver(()=>{
                 if (stateRef.current.isFocused && target.disabled) {
                     var _stateRef_current_observer;
-                    (_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === undefined ? undefined : _stateRef_current_observer.disconnect();
+                    (_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === void 0 ? void 0 : _stateRef_current_observer.disconnect();
                     let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
                     target.dispatchEvent(new FocusEvent('blur', {
                         relatedTarget: relatedTargetEl
@@ -3348,7 +3345,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             });
         }
     }, [
-        dispatchBlur
+        onBlur
     ]);
 }
 let $8a9cb279dc87e130$export$fda7da73ab5d4c48 = false;
@@ -3568,12 +3565,12 @@ class $f6c31cce2adf654f$var$PressEvent {
     constructor(type, pointerType, originalEvent, state){
         (_class_private_field_init)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
             writable: true,
-            value: undefined
+            value: void 0
         });
         (_class_private_field_set)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
         var _state_target;
-        let currentTarget = (_state_target = state === null || state === undefined ? undefined : state.target) !== null && _state_target !== undefined ? _state_target : originalEvent.currentTarget;
-        const rect = currentTarget === null || currentTarget === undefined ? undefined : currentTarget.getBoundingClientRect();
+        let currentTarget = (_state_target = state === null || state === void 0 ? void 0 : state.target) !== null && _state_target !== void 0 ? _state_target : originalEvent.currentTarget;
+        const rect = currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.getBoundingClientRect();
         let x, y = 0;
         let clientX, clientY = null;
         if (originalEvent.clientX != null && originalEvent.clientY != null) {
@@ -3617,8 +3614,8 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         pointerType: null,
         disposables: []
     });
-    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
-    let triggerPressStart = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((originalEvent, pointerType)=>{
+    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners, removeGlobalListener: removeGlobalListener } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
+    let triggerPressStart = ($dbSRa$react.useCallback)((originalEvent, pointerType)=>{
         let state = ref.current;
         if (isDisabled || state.didFirePressStart) return false;
         let shouldStopPropagation = true;
@@ -3633,8 +3630,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         state.didFirePressStart = true;
         setPressed(true);
         return shouldStopPropagation;
-    });
-    let triggerPressEnd = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((originalEvent, pointerType, wasPressed = true)=>{
+    }, [
+        isDisabled,
+        onPressStart,
+        onPressChange
+    ]);
+    let triggerPressEnd = ($dbSRa$react.useCallback)((originalEvent, pointerType, wasPressed = true)=>{
         let state = ref.current;
         if (!state.didFirePressStart) return false;
         state.didFirePressStart = false;
@@ -3654,8 +3655,14 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         }
         state.isTriggeringEvent = false;
         return shouldStopPropagation;
-    });
-    let triggerPressUp = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((originalEvent, pointerType)=>{
+    }, [
+        isDisabled,
+        onPressEnd,
+        onPressChange,
+        onPress
+    ]);
+    let triggerPressEndEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressEnd);
+    let triggerPressUp = ($dbSRa$react.useCallback)((originalEvent, pointerType)=>{
         let state = ref.current;
         if (isDisabled) return false;
         if (onPressUp) {
@@ -3666,12 +3673,17 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             return event.shouldStopPropagation;
         }
         return true;
-    });
-    let cancel = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
+    }, [
+        isDisabled,
+        onPressUp
+    ]);
+    let triggerPressUpEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressUp);
+    let cancel = ($dbSRa$react.useCallback)((e)=>{
         let state = ref.current;
         if (state.isPressed && state.target) {
             if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
             state.isPressed = false;
+            setIsPointerPressed(null);
             state.isOverTarget = false;
             state.activePointerId = null;
             state.pointerType = null;
@@ -3680,15 +3692,26 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             for (let dispose of state.disposables)dispose();
             state.disposables = [];
         }
-    });
-    let cancelOnPointerExit = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
+    }, [
+        allowTextSelectionOnPress,
+        removeAllGlobalListeners,
+        triggerPressEnd
+    ]);
+    let cancelEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(cancel);
+    let cancelOnPointerExit = ($dbSRa$react.useCallback)((e)=>{
         if (shouldCancelOnPointerExit) cancel(e);
-    });
-    let triggerClick = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
+    }, [
+        shouldCancelOnPointerExit,
+        cancel
+    ]);
+    let triggerClick = ($dbSRa$react.useCallback)((e)=>{
         if (isDisabled) return;
-        onClick === null || onClick === undefined ? undefined : onClick(e);
-    });
-    let triggerSyntheticClick = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e, target)=>{
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    }, [
+        isDisabled,
+        onClick
+    ]);
+    let triggerSyntheticClick = ($dbSRa$react.useCallback)((e, target)=>{
         if (isDisabled) return;
         // Some third-party libraries pass in onClick instead of onPress.
         // Create a fake mouse event and trigger onClick as well.
@@ -3700,7 +3723,147 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             ($8a9cb279dc87e130$export$c2b7abe5d61ec696)(event, target);
             onClick(($8a9cb279dc87e130$export$525bc4921d56d4a)(event));
         }
-    });
+    }, [
+        isDisabled,
+        onClick
+    ]);
+    let triggerSyntheticClickEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerSyntheticClick);
+    let [isElemKeyPressed, setIsElemKeyPressed] = ($dbSRa$react.useState)(false);
+    ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        let state = ref.current;
+        if (isElemKeyPressed) {
+            let onKeyUp = (e)=>{
+                var _state_metaKeyEvents;
+                if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
+                    var _state_metaKeyEvents1;
+                    if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
+                    let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+                    let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
+                    triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
+                    if (wasPressed) triggerSyntheticClickEvent(e, state.target);
+                    removeAllGlobalListeners();
+                    // If a link was triggered with a key other than Enter, open the URL ourselves.
+                    // This means the link has a role override, and the default browser behavior
+                    // only applies when using the Enter key.
+                    if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
+                        // Store a hidden property on the event so we only trigger link click once,
+                        // even if there are multiple usePress instances attached to the element.
+                        e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
+                        ($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
+                    }
+                    state.isPressed = false;
+                    setIsElemKeyPressed(false);
+                    (_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
+                } else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
+                    var _state_target;
+                    // If we recorded keydown events that occurred while the Meta key was pressed,
+                    // and those haven't received keyup events already, fire keyup events ourselves.
+                    // See comment above for more info about the macOS bug causing this.
+                    let events = state.metaKeyEvents;
+                    state.metaKeyEvents = undefined;
+                    for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
+                }
+            };
+            // Focus may move before the key up event, so register the event on the document
+            // instead of the same element where the key down event occurred. Make it capturing so that it will trigger
+            // before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
+            let originalTarget = state.target;
+            let pressUp = (e)=>{
+                if (originalTarget && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && ($d4ee10de306f2510$export$4282f70798064fe0)(originalTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.target) triggerPressUpEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
+            };
+            let listener = ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp);
+            addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
+            return ()=>{
+                removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
+            };
+        }
+    }, [
+        isElemKeyPressed,
+        addGlobalListener,
+        removeAllGlobalListeners,
+        removeGlobalListener
+    ]);
+    let [isPointerPressed, setIsPointerPressed] = ($dbSRa$react.useState)(null);
+    ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        let state = ref.current;
+        if (isPointerPressed === 'pointer') {
+            let onPointerUp = (e)=>{
+                if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
+                    if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
+                        // Wait for onClick to fire onPress. This avoids browser issues when the DOM
+                        // is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
+                        // https://github.com/adobe/react-spectrum/issues/1513
+                        // https://issues.chromium.org/issues/40732224
+                        // However, iOS and Android do not focus or fire onClick after a long press.
+                        // We work around this by triggering a click ourselves after a timeout.
+                        // This timeout is canceled during the click event in case the real one fires first.
+                        // The timeout must be at least 32ms, because Safari on iOS delays the click event on
+                        // non-form elements without certain ARIA roles (for hover emulation).
+                        // https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
+                        let clicked = false;
+                        let timeout = setTimeout(()=>{
+                            if (state.isPressed && state.target instanceof HTMLElement) {
+                                if (clicked) cancelEvent(e);
+                                else {
+                                    ($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
+                                    state.target.click();
+                                }
+                            }
+                        }, 80);
+                        // Use a capturing listener to track if a click occurred.
+                        // If stopPropagation is called it may never reach our handler.
+                        addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
+                        state.disposables.push(()=>clearTimeout(timeout));
+                    } else cancelEvent(e);
+                    // Ignore subsequent onPointerLeave event before onClick on touch devices.
+                    state.isOverTarget = false;
+                }
+            };
+            let onPointerCancel = (e)=>{
+                cancelEvent(e);
+            };
+            addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
+            addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
+            return ()=>{
+                removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
+                removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
+            };
+        } else if (isPointerPressed === 'mouse' && process.env.NODE_ENV === 'test') {
+            let onMouseUp = (e)=>{
+                // Only handle left clicks
+                if (e.button !== 0) return;
+                if (state.ignoreEmulatedMouseEvents) {
+                    state.ignoreEmulatedMouseEvents = false;
+                    return;
+                }
+                if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
+                else cancelEvent(e);
+                state.isOverTarget = false;
+            };
+            addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
+            return ()=>{
+                removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
+            };
+        } else if (isPointerPressed === 'touch' && process.env.NODE_ENV === 'test') {
+            let onScroll = (e)=>{
+                if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancelEvent({
+                    currentTarget: state.target,
+                    shiftKey: false,
+                    ctrlKey: false,
+                    metaKey: false,
+                    altKey: false
+                });
+            };
+            addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
+            return ()=>{
+                removeGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
+            };
+        }
+    }, [
+        isPointerPressed,
+        addGlobalListener,
+        removeGlobalListener
+    ]);
     let pressProps = ($dbSRa$react.useMemo)(()=>{
         let state = ref.current;
         let pressProps = {
@@ -3715,16 +3878,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     if (!state.isPressed && !e.repeat) {
                         state.target = e.currentTarget;
                         state.isPressed = true;
+                        setIsElemKeyPressed(true);
                         state.pointerType = 'keyboard';
                         shouldStopPropagation = triggerPressStart(e, 'keyboard');
-                        // Focus may move before the key up event, so register the event on the document
-                        // instead of the same element where the key down event occurred. Make it capturing so that it will trigger
-                        // before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
-                        let originalTarget = e.currentTarget;
-                        let pressUp = (e)=>{
-                            if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && ($d4ee10de306f2510$export$4282f70798064fe0)(originalTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
-                        };
-                        addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'keyup', ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp), true);
                     }
                     if (shouldStopPropagation) e.stopPropagation();
                     // Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
@@ -3734,7 +3890,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     // https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
                     // https://bugs.webkit.org/show_bug.cgi?id=55291
                     // https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
-                    if (e.metaKey && ($c87311424ea30a05$export$9ac100e40613ea10)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === undefined ? undefined : _state_metaKeyEvents.set(e.key, e.nativeEvent);
+                    if (e.metaKey && ($c87311424ea30a05$export$9ac100e40613ea10)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.set(e.key, e.nativeEvent);
                 } else if (e.key === 'Meta') state.metaKeyEvents = new Map();
             },
             onClick (e) {
@@ -3764,37 +3920,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 }
             }
         };
-        let onKeyUp = (e)=>{
-            var _state_metaKeyEvents;
-            if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
-                var _state_metaKeyEvents1;
-                if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
-                let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
-                let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
-                triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
-                if (wasPressed) triggerSyntheticClick(e, state.target);
-                removeAllGlobalListeners();
-                // If a link was triggered with a key other than Enter, open the URL ourselves.
-                // This means the link has a role override, and the default browser behavior
-                // only applies when using the Enter key.
-                if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
-                    // Store a hidden property on the event so we only trigger link click once,
-                    // even if there are multiple usePress instances attached to the element.
-                    e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
-                    ($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
-                }
-                state.isPressed = false;
-                (_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === undefined ? undefined : _state_metaKeyEvents1.delete(e.key);
-            } else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === undefined ? undefined : _state_metaKeyEvents.size)) {
-                var _state_target;
-                // If we recorded keydown events that occurred while the Meta key was pressed,
-                // and those haven't received keyup events already, fire keyup events ourselves.
-                // See comment above for more info about the macOS bug causing this.
-                let events = state.metaKeyEvents;
-                state.metaKeyEvents = undefined;
-                for (let event of events.values())(_state_target = state.target) === null || _state_target === undefined ? undefined : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
-            }
-        };
         if (typeof PointerEvent !== 'undefined') {
             pressProps.onPointerDown = (e)=>{
                 // Only handle left clicks, and ignore events that bubbled through portals.
@@ -3811,6 +3936,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 let shouldStopPropagation = true;
                 if (!state.isPressed) {
                     state.isPressed = true;
+                    setIsPointerPressed('pointer');
                     state.isOverTarget = true;
                     state.activePointerId = e.pointerId;
                     state.target = e.currentTarget;
@@ -3820,8 +3946,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     // This enables onPointerLeave and onPointerEnter to fire.
                     let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent);
                     if ('releasePointerCapture' in target) target.releasePointerCapture(e.pointerId);
-                    addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointerup', onPointerUp, false);
-                    addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointercancel', onPointerCancel, false);
                 }
                 if (shouldStopPropagation) e.stopPropagation();
             };
@@ -3854,41 +3978,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     cancelOnPointerExit(e);
                 }
             };
-            let onPointerUp = (e)=>{
-                if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
-                    if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
-                        // Wait for onClick to fire onPress. This avoids browser issues when the DOM
-                        // is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
-                        // https://github.com/adobe/react-spectrum/issues/1513
-                        // https://issues.chromium.org/issues/40732224
-                        // However, iOS and Android do not focus or fire onClick after a long press.
-                        // We work around this by triggering a click ourselves after a timeout.
-                        // This timeout is canceled during the click event in case the real one fires first.
-                        // The timeout must be at least 32ms, because Safari on iOS delays the click event on
-                        // non-form elements without certain ARIA roles (for hover emulation).
-                        // https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
-                        let clicked = false;
-                        let timeout = setTimeout(()=>{
-                            if (state.isPressed && state.target instanceof HTMLElement) {
-                                if (clicked) cancel(e);
-                                else {
-                                    ($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
-                                    state.target.click();
-                                }
-                            }
-                        }, 80);
-                        // Use a capturing listener to track if a click occurred.
-                        // If stopPropagation is called it may never reach our handler.
-                        addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
-                        state.disposables.push(()=>clearTimeout(timeout));
-                    } else cancel(e);
-                    // Ignore subsequent onPointerLeave event before onClick on touch devices.
-                    state.isOverTarget = false;
-                }
-            };
-            let onPointerCancel = (e)=>{
-                cancel(e);
-            };
             pressProps.onDragStart = (e)=>{
                 if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
                 // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
@@ -3905,6 +3994,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     return;
                 }
                 state.isPressed = true;
+                setIsPointerPressed('mouse');
                 state.isOverTarget = true;
                 state.target = e.currentTarget;
                 state.pointerType = ($6a7db85432448f7f$export$60278871457622de)(e.nativeEvent) ? 'virtual' : 'mouse';
@@ -3915,7 +4005,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     let dispose = ($8a9cb279dc87e130$export$cabe61c495ee3649)(e.target);
                     if (dispose) state.disposables.push(dispose);
                 }
-                addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'mouseup', onMouseUp, false);
             };
             pressProps.onMouseEnter = (e)=>{
                 if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
@@ -3940,17 +4029,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
                 if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || 'mouse');
             };
-            let onMouseUp = (e)=>{
-                // Only handle left clicks
-                if (e.button !== 0) return;
-                if (state.ignoreEmulatedMouseEvents) {
-                    state.ignoreEmulatedMouseEvents = false;
-                    return;
-                }
-                if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
-                else cancel(e);
-                state.isOverTarget = false;
-            };
             pressProps.onTouchStart = (e)=>{
                 if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
                 let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
@@ -3959,12 +4037,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 state.ignoreEmulatedMouseEvents = true;
                 state.isOverTarget = true;
                 state.isPressed = true;
+                setIsPointerPressed('touch');
                 state.target = e.currentTarget;
                 state.pointerType = 'touch';
                 if (!allowTextSelectionOnPress) ($14c0b72509d70225$export$16a4697467175487)(state.target);
                 let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
                 if (shouldStopPropagation) e.stopPropagation();
-                addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(e.currentTarget), 'scroll', onScroll, true);
             };
             pressProps.onTouchMove = (e)=>{
                 if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
@@ -4001,6 +4079,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 } else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
                 if (shouldStopPropagation) e.stopPropagation();
                 state.isPressed = false;
+                setIsPointerPressed(null);
                 state.activePointerId = null;
                 state.isOverTarget = false;
                 state.ignoreEmulatedMouseEvents = true;
@@ -4012,15 +4091,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 e.stopPropagation();
                 if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
             };
-            let onScroll = (e)=>{
-                if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancel({
-                    currentTarget: state.target,
-                    shiftKey: false,
-                    ctrlKey: false,
-                    metaKey: false,
-                    altKey: false
-                });
-            };
             pressProps.onDragStart = (e)=>{
                 if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
                 cancel(e);
@@ -4028,7 +4098,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         }
         return pressProps;
     }, [
-        addGlobalListener,
         isDisabled,
         preventFocusOnPress,
         removeAllGlobalListeners,
@@ -4067,7 +4136,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         let state = ref.current;
         return ()=>{
             var _state_target;
-            if (!allowTextSelectionOnPress) ($14c0b72509d70225$export$b0d6fa1ab32e3295)((_state_target = state.target) !== null && _state_target !== undefined ? _state_target : undefined);
+            if (!allowTextSelectionOnPress) ($14c0b72509d70225$export$b0d6fa1ab32e3295)((_state_target = state.target) !== null && _state_target !== void 0 ? _state_target : undefined);
             for (let dispose of state.disposables)dispose();
             state.disposables = [];
         };
@@ -4227,20 +4296,21 @@ function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
 }
 function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
     $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    if ($507fabe10e71c6fb$var$isValidKey(e)) {
+    if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && $507fabe10e71c6fb$var$isValidKey(e)) {
         $507fabe10e71c6fb$var$currentModality = 'keyboard';
         $507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
     }
 }
 function $507fabe10e71c6fb$var$handlePointerEvent(e) {
     $507fabe10e71c6fb$var$currentModality = 'pointer';
+    'pointerType' in e ? e.pointerType : 'mouse';
     if (e.type === 'mousedown' || e.type === 'pointerdown') {
         $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
         $507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
     }
 }
 function $507fabe10e71c6fb$var$handleClickEvent(e) {
-    if (($6a7db85432448f7f$export$60278871457622de)(e)) {
+    if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && ($6a7db85432448f7f$export$60278871457622de)(e)) {
         $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
         $507fabe10e71c6fb$var$currentModality = 'virtual';
     }
@@ -4383,11 +4453,11 @@ const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
  * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
  * focus visible style can be properly set.
  */ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
-    let document1 = ($431fbd86ca7dc216$export$b204af158042fbac)(e === null || e === undefined ? undefined : e.target);
-    const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLInputElement : HTMLInputElement;
-    const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
-    const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLElement : HTMLElement;
-    const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).KeyboardEvent : KeyboardEvent;
+    let document1 = ($431fbd86ca7dc216$export$b204af158042fbac)(e === null || e === void 0 ? void 0 : e.target);
+    const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).HTMLInputElement : HTMLInputElement;
+    const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
+    const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).HTMLElement : HTMLElement;
+    const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
     // For keyboard events that occur on a non-input element that will move focus into input element (aka ArrowLeft going from Datepicker button to the main input group)
     // we need to rely on the user passing isTextInput into here. This way we can skip toggling focus visiblity for said input element
     isTextInput = isTextInput || document1.activeElement instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(document1.activeElement.type) || document1.activeElement instanceof IHTMLTextAreaElement || document1.activeElement instanceof IHTMLElement && document1.activeElement.isContentEditable;
@@ -4398,7 +4468,7 @@ function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
     ($dbSRa$react.useEffect)(()=>{
         let handler = (modality, e)=>{
             // We want to early return for any keyboard events that occur inside text inputs EXCEPT for Tab and Escape
-            if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === undefined ? undefined : opts.isTextInput), modality, e)) return;
+            if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
             fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
         };
         $507fabe10e71c6fb$var$changeHandlers.add(handler);
@@ -4428,12 +4498,12 @@ function $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {
     // causing the page to scroll when moving focus if the element is transitioning
     // from off the screen.
     const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
-    const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
     if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() === 'virtual') {
-        let lastFocusedElement = activeElement;
+        let lastFocusedElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
         ($bbed8b41f857bcc0$export$24490316f764c430)(()=>{
-            // If focus did not move and the element is still in the document, focus it.
-            if (($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument) === lastFocusedElement && element.isConnected) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
+            const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
+            // If focus did not move or focus was lost to the body, and the element is still in the document, focus it.
+            if ((activeElement === lastFocusedElement || activeElement === ownerDocument.body) && element.isConnected) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
         });
     } else ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
 }
@@ -4623,7 +4693,7 @@ function $f645667febf57a63$export$4c014de7c8940b4c(props, domRef) {
 const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ ($dbSRa$react).forwardRef(({ children: children, ...props }, ref)=>{
     let isRegistered = ($dbSRa$react.useRef)(false);
     let prevContext = ($dbSRa$react.useContext)(($ae1eeba8b9eafd08$export$5165eccb35aaadb5));
-    ref = ($df56164dff5785e2$export$4338b53315abf666)(ref || (prevContext === null || prevContext === undefined ? undefined : prevContext.ref));
+    ref = ($df56164dff5785e2$export$4338b53315abf666)(ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref));
     let context = ($3ef42575df84b30b$export$9d1611c77c2fe928)(prevContext || {}, {
         ...props,
         ref: ref,
@@ -4968,9 +5038,7 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
         }
     }, [
         ref,
-        isDisabled,
-        onPointerDown,
-        triggerInteractOutside
+        isDisabled
     ]);
 }
 function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
@@ -5118,7 +5186,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         var _startRef_current;
         // Find all rendered nodes between the sentinels and add them to the scope.
-        let node = (_startRef_current = startRef.current) === null || _startRef_current === undefined ? undefined : _startRef_current.nextSibling;
+        let node = (_startRef_current = startRef.current) === null || _startRef_current === void 0 ? void 0 : _startRef_current.nextSibling;
         let nodes = [];
         let stopPropagation = (e)=>e.stopPropagation();
         while(node && node !== endRef.current){
@@ -5159,7 +5227,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
             var _focusScopeTree_getTreeNode_parent, _focusScopeTree_getTreeNode;
             var _focusScopeTree_getTreeNode_parent_scopeRef;
             // Scope may have been re-parented.
-            let parentScope = (_focusScopeTree_getTreeNode_parent_scopeRef = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef)) === null || _focusScopeTree_getTreeNode === undefined ? undefined : (_focusScopeTree_getTreeNode_parent = _focusScopeTree_getTreeNode.parent) === null || _focusScopeTree_getTreeNode_parent === undefined ? undefined : _focusScopeTree_getTreeNode_parent.scopeRef) !== null && _focusScopeTree_getTreeNode_parent_scopeRef !== undefined ? _focusScopeTree_getTreeNode_parent_scopeRef : null;
+            let parentScope = (_focusScopeTree_getTreeNode_parent_scopeRef = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef)) === null || _focusScopeTree_getTreeNode === void 0 ? void 0 : (_focusScopeTree_getTreeNode_parent = _focusScopeTree_getTreeNode.parent) === null || _focusScopeTree_getTreeNode_parent === void 0 ? void 0 : _focusScopeTree_getTreeNode_parent.scopeRef) !== null && _focusScopeTree_getTreeNode_parent_scopeRef !== void 0 ? _focusScopeTree_getTreeNode_parent_scopeRef : null;
             if ((scopeRef === $9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope(scopeRef, $9bf71ea28793e738$var$activeScope)) && (!parentScope || $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(parentScope))) $9bf71ea28793e738$var$activeScope = parentScope;
             $9bf71ea28793e738$export$d06fae2ee68b101e.removeTreeNode(scopeRef);
         };
@@ -5192,7 +5260,7 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
             let scope = scopeRef.current;
             let { from: from, tabbable: tabbable, wrap: wrap, accept: accept } = opts;
             var _scope_;
-            let node = from || ($d4ee10de306f2510$export$cd4e5573fbe2b576)(($431fbd86ca7dc216$export$b204af158042fbac)((_scope_ = scope[0]) !== null && _scope_ !== undefined ? _scope_ : undefined));
+            let node = from || ($d4ee10de306f2510$export$cd4e5573fbe2b576)(($431fbd86ca7dc216$export$b204af158042fbac)((_scope_ = scope[0]) !== null && _scope_ !== void 0 ? _scope_ : undefined));
             let sentinel = scope[0].previousElementSibling;
             let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
             let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
@@ -5212,7 +5280,7 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
             let scope = scopeRef.current;
             let { from: from, tabbable: tabbable, wrap: wrap, accept: accept } = opts;
             var _scope_;
-            let node = from || ($d4ee10de306f2510$export$cd4e5573fbe2b576)(($431fbd86ca7dc216$export$b204af158042fbac)((_scope_ = scope[0]) !== null && _scope_ !== undefined ? _scope_ : undefined));
+            let node = from || ($d4ee10de306f2510$export$cd4e5573fbe2b576)(($431fbd86ca7dc216$export$b204af158042fbac)((_scope_ = scope[0]) !== null && _scope_ !== void 0 ? _scope_ : undefined));
             let sentinel = scope[scope.length - 1].nextElementSibling;
             let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
             let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
@@ -5275,9 +5343,9 @@ function $9bf71ea28793e738$var$isTabbableRadio(element) {
     ].filter((radio)=>!radio.form);
     else {
         var _element_form_elements, _element_form;
-        let radioList = (_element_form = element.form) === null || _element_form === undefined ? undefined : (_element_form_elements = _element_form.elements) === null || _element_form_elements === undefined ? undefined : _element_form_elements.namedItem(element.name);
+        let radioList = (_element_form = element.form) === null || _element_form === void 0 ? void 0 : (_element_form_elements = _element_form.elements) === null || _element_form_elements === void 0 ? void 0 : _element_form_elements.namedItem(element.name);
         radios = [
-            ...radioList !== null && radioList !== undefined ? radioList : []
+            ...radioList !== null && radioList !== void 0 ? radioList : []
         ];
     }
     if (!radios) return false;
@@ -5348,20 +5416,20 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
                     if (target && target.isConnected) {
                         var _focusedNode_current;
                         focusedNode.current = target;
-                        (_focusedNode_current = focusedNode.current) === null || _focusedNode_current === undefined ? undefined : _focusedNode_current.focus();
+                        (_focusedNode_current = focusedNode.current) === null || _focusedNode_current === void 0 ? void 0 : _focusedNode_current.focus();
                     } else if ($9bf71ea28793e738$var$activeScope.current) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
                 }
             });
         };
         ownerDocument.addEventListener('keydown', onKeyDown, false);
         ownerDocument.addEventListener('focusin', onFocus, false);
-        scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
-        scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusout', onBlur, false));
+        scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
+        scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.addEventListener('focusout', onBlur, false));
         return ()=>{
             ownerDocument.removeEventListener('keydown', onKeyDown, false);
             ownerDocument.removeEventListener('focusin', onFocus, false);
-            scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
-            scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusout', onBlur, false));
+            scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
+            scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.removeEventListener('focusout', onBlur, false));
         };
     }, [
         scopeRef,
@@ -5399,7 +5467,7 @@ function $9bf71ea28793e738$export$1258395f99bf9cbf(element) {
 }
 function $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {
     var _focusScopeTree_getTreeNode;
-    let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode === undefined ? undefined : _focusScopeTree_getTreeNode.parent;
+    let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode === void 0 ? void 0 : _focusScopeTree_getTreeNode.parent;
     while(parent){
         if (parent.scopeRef === ancestor) return true;
         parent = parent.parent;
@@ -5466,10 +5534,10 @@ function $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restore, contain)
             else if (!$9bf71ea28793e738$var$isElementInAnyScope(target)) $9bf71ea28793e738$var$activeScope = null;
         };
         ownerDocument.addEventListener('focusin', onFocus, false);
-        scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
+        scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
         return ()=>{
             ownerDocument.removeEventListener('focusin', onFocus, false);
-            scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
+            scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
         };
     }, [
         scopeRef,
@@ -5483,7 +5551,7 @@ function $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef) {
         if (scope.nodeToRestore) return false;
         scope = scope.parent;
     }
-    return (scope === null || scope === undefined ? undefined : scope.scopeRef) === scopeRef;
+    return (scope === null || scope === void 0 ? void 0 : scope.scopeRef) === scopeRef;
 }
 function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
     // create a ref during render instead of useLayoutEffect so the active element is saved before a child with autoFocus=true mounts.
@@ -5501,10 +5569,10 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
             if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument), scopeRef.current)) $9bf71ea28793e738$var$activeScope = scopeRef;
         };
         ownerDocument.addEventListener('focusin', onFocus, false);
-        scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
+        scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
         return ()=>{
             ownerDocument.removeEventListener('focusin', onFocus, false);
-            scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
+            scope === null || scope === void 0 ? void 0 : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
         };
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
@@ -5569,7 +5637,7 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
         let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
         if (!treeNode) return;
         var _nodeToRestoreRef_current;
-        treeNode.nodeToRestore = (_nodeToRestoreRef_current = nodeToRestoreRef.current) !== null && _nodeToRestoreRef_current !== undefined ? _nodeToRestoreRef_current : undefined;
+        treeNode.nodeToRestore = (_nodeToRestoreRef_current = nodeToRestoreRef.current) !== null && _nodeToRestoreRef_current !== void 0 ? _nodeToRestoreRef_current : undefined;
         return ()=>{
             let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
             if (!treeNode) return;
@@ -5621,9 +5689,9 @@ function $9bf71ea28793e738$var$restoreFocusToElement(node) {
     }))) $9bf71ea28793e738$var$focusElement(node);
 }
 function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
-    let filter = (opts === null || opts === undefined ? undefined : opts.tabbable) ? ($b4b717babfbb907b$export$bebd5a1431fec25d) : ($b4b717babfbb907b$export$4c063cf1350e6fed);
+    let filter = (opts === null || opts === void 0 ? void 0 : opts.tabbable) ? ($b4b717babfbb907b$export$bebd5a1431fec25d) : ($b4b717babfbb907b$export$4c063cf1350e6fed);
     // Ensure that root is an Element or fall back appropriately
-    let rootElement = (root === null || root === undefined ? undefined : root.nodeType) === Node.ELEMENT_NODE ? root : null;
+    let rootElement = (root === null || root === void 0 ? void 0 : root.nodeType) === Node.ELEMENT_NODE ? root : null;
     // Determine the document to use
     let doc = ($431fbd86ca7dc216$export$b204af158042fbac)(rootElement);
     // Create a TreeWalker, ensuring the root is an Element or Document
@@ -5631,18 +5699,18 @@ function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
         acceptNode (node) {
             var _opts_from;
             // Skip nodes inside the starting node.
-            if (opts === null || opts === undefined ? undefined : (_opts_from = opts.from) === null || _opts_from === undefined ? undefined : _opts_from.contains(node)) return NodeFilter.FILTER_REJECT;
-            if ((opts === null || opts === undefined ? undefined : opts.tabbable) && node.tagName === 'INPUT' && node.getAttribute('type') === 'radio') {
+            if (opts === null || opts === void 0 ? void 0 : (_opts_from = opts.from) === null || _opts_from === void 0 ? void 0 : _opts_from.contains(node)) return NodeFilter.FILTER_REJECT;
+            if ((opts === null || opts === void 0 ? void 0 : opts.tabbable) && node.tagName === 'INPUT' && node.getAttribute('type') === 'radio') {
                 // If the radio is in a form, we can get all the other radios by name
                 if (!$9bf71ea28793e738$var$isTabbableRadio(node)) return NodeFilter.FILTER_REJECT;
                 // If the radio is in the same group as the current node and none are selected, we can skip it
                 if (walker.currentNode.tagName === 'INPUT' && walker.currentNode.type === 'radio' && walker.currentNode.name === node.name) return NodeFilter.FILTER_REJECT;
             }
-            if (filter(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts === undefined ? undefined : opts.accept) || opts.accept(node))) return NodeFilter.FILTER_ACCEPT;
+            if (filter(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts === void 0 ? void 0 : opts.accept) || opts.accept(node))) return NodeFilter.FILTER_ACCEPT;
             return NodeFilter.FILTER_SKIP;
         }
     });
-    if (opts === null || opts === undefined ? undefined : opts.from) walker.currentNode = opts.from;
+    if (opts === null || opts === void 0 ? void 0 : opts.from) walker.currentNode = opts.from;
     return walker;
 }
 class $9bf71ea28793e738$var$Tree {
@@ -5653,7 +5721,7 @@ class $9bf71ea28793e738$var$Tree {
         return this.fastMap.get(data);
     }
     addTreeNode(scopeRef, parent, nodeToRestore) {
-        let parentNode = this.fastMap.get(parent !== null && parent !== undefined ? parent : null);
+        let parentNode = this.fastMap.get(parent !== null && parent !== void 0 ? parent : null);
         if (!parentNode) return;
         let node = new $9bf71ea28793e738$var$TreeNode({
             scopeRef: scopeRef
@@ -5691,7 +5759,7 @@ class $9bf71ea28793e738$var$Tree {
         var _node_parent;
         let newTree = new $9bf71ea28793e738$var$Tree();
         var _node_parent_scopeRef;
-        for (let node of this.traverse())newTree.addTreeNode(node.scopeRef, (_node_parent_scopeRef = (_node_parent = node.parent) === null || _node_parent === undefined ? undefined : _node_parent.scopeRef) !== null && _node_parent_scopeRef !== undefined ? _node_parent_scopeRef : null, node.nodeToRestore);
+        for (let node of this.traverse())newTree.addTreeNode(node.scopeRef, (_node_parent_scopeRef = (_node_parent = node.parent) === null || _node_parent === void 0 ? void 0 : _node_parent.scopeRef) !== null && _node_parent_scopeRef !== void 0 ? _node_parent_scopeRef : null, node.nodeToRestore);
         return newTree;
     }
     constructor(){
@@ -5770,10 +5838,10 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
 
 
 function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
-    let isDisabled = options === null || options === undefined ? undefined : options.isDisabled;
+    let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
     let [hasTabbableChild, setHasTabbableChild] = ($dbSRa$react.useState)(false);
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
-        if ((ref === null || ref === undefined ? undefined : ref.current) && !isDisabled) {
+        if ((ref === null || ref === void 0 ? void 0 : ref.current) && !isDisabled) {
             let update = ()=>{
                 if (ref.current) {
                     let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current, {
@@ -5833,7 +5901,7 @@ function $55f9b1ae81f22853$export$2b35b76d2e30e129(to, from) {
 }
 function $55f9b1ae81f22853$export$759df0d867455a91(document) {
     let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(document);
-    let activeDescendant = activeElement === null || activeElement === undefined ? undefined : activeElement.getAttribute('aria-activedescendant');
+    let activeDescendant = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-activedescendant');
     if (activeDescendant) return document.getElementById(activeDescendant) || activeElement;
     return activeElement;
 }
@@ -5915,7 +5983,7 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
             // do not close the outer overlay. At this point, the active scope should
             // still be the outer overlay, since blur events run before focus.
             if (!e.relatedTarget || ($9bf71ea28793e738$export$1258395f99bf9cbf)(e.relatedTarget)) return;
-            if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose === undefined ? undefined : onClose();
+            if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     });
     let onPointerDownUnderlay = (e)=>{
@@ -6095,8 +6163,8 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
             // the same input again, it is already focused, so no blur event will fire,
             // resulting in the flow above never running and Safari's native scrolling occurring.
             // Instead, move focus to the parent focusable element (e.g. the dialog).
-            let focusable = (_target_parentElement = target.parentElement) === null || _target_parentElement === undefined ? undefined : _target_parentElement.closest('[tabindex]');
-            focusable === null || focusable === undefined ? undefined : focusable.focus({
+            let focusable = (_target_parentElement = target.parentElement) === null || _target_parentElement === void 0 ? void 0 : _target_parentElement.closest('[tabindex]');
+            focusable === null || focusable === void 0 ? void 0 : focusable.focus({
                 preventScroll: true
             });
         }
@@ -6192,7 +6260,7 @@ function $49c51c25361d4cd2$var$scrollIntoView(target) {
 const $96b38030c423d352$export$60d741e20e0aa309 = /*#__PURE__*/ ($dbSRa$react.createContext)({});
 function $96b38030c423d352$export$9fc1347d4195ccb3() {
     var _useContext;
-    return (_useContext = ($dbSRa$react.useContext)($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== undefined ? _useContext : {};
+    return (_useContext = ($dbSRa$react.useContext)($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== void 0 ? _useContext : {};
 }
 
 /*
@@ -6260,7 +6328,7 @@ function $f57aed4a881a3485$export$b47c3594eab58386(props) {
     let { getContainer: getContainer } = ($96b38030c423d352$export$9fc1347d4195ccb3)();
     if (!props.portalContainer && getContainer) portalContainer = getContainer();
     ($dbSRa$react).useEffect(()=>{
-        if (portalContainer === null || portalContainer === undefined ? undefined : portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.');
+        if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.');
     }, [
         portalContainer
     ]);
@@ -6622,13 +6690,13 @@ const $5e3802645cc19319$var$supportsInert = typeof HTMLElement !== 'undefined' &
 let $5e3802645cc19319$var$refCountMap = new WeakMap();
 let $5e3802645cc19319$var$observerStack = [];
 function $5e3802645cc19319$export$1c3ebcada18427bf(targets, options) {
-    let windowObj = ($431fbd86ca7dc216$export$f21a1ffae260145a)(targets === null || targets === undefined ? undefined : targets[0]);
+    let windowObj = ($431fbd86ca7dc216$export$f21a1ffae260145a)(targets === null || targets === void 0 ? void 0 : targets[0]);
     let opts = options instanceof windowObj.Element ? {
         root: options
     } : options;
     var _opts_root;
-    let root = (_opts_root = opts === null || opts === undefined ? undefined : opts.root) !== null && _opts_root !== undefined ? _opts_root : document.body;
-    let shouldUseInert = (opts === null || opts === undefined ? undefined : opts.shouldUseInert) && $5e3802645cc19319$var$supportsInert;
+    let root = (_opts_root = opts === null || opts === void 0 ? void 0 : opts.root) !== null && _opts_root !== void 0 ? _opts_root : document.body;
+    let shouldUseInert = (opts === null || opts === void 0 ? void 0 : opts.shouldUseInert) && $5e3802645cc19319$var$supportsInert;
     let visibleNodes = new Set(targets);
     let hiddenNodes = new Set();
     let getHidden = (element)=>{
@@ -6675,7 +6743,7 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, options) {
     };
     let hide = (node)=>{
         var _refCountMap_get;
-        let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !== undefined ? _refCountMap_get : 0;
+        let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !== void 0 ? _refCountMap_get : 0;
         // If already aria-hidden, and the ref count is zero, then this element
         // was already hidden and there's nothing for us to do.
         if (getHidden(node) && refCount === 0) return;
@@ -6772,7 +6840,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
         isDismissable: !isNonModal || isSubmenu,
         isKeyboardDismissDisabled: isKeyboardDismissDisabled,
         shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
-    }, groupRef !== null && groupRef !== undefined ? groupRef : popoverRef);
+    }, groupRef !== null && groupRef !== void 0 ? groupRef : popoverRef);
     let { overlayProps: positionProps, arrowProps: arrowProps, placement: placement, triggerAnchorPoint: origin } = ($2a41e45df1593e64$export$d39e1813b3bdd0e1)({
         ...otherProps,
         targetRef: triggerRef,
@@ -6786,9 +6854,9 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
     ($dbSRa$react.useEffect)(()=>{
         if (state.isOpen && popoverRef.current) {
             var _groupRef_current, _groupRef_current1;
-            if (isNonModal) return ($5e3802645cc19319$export$1020fa7f77e17884)((_groupRef_current = groupRef === null || groupRef === undefined ? undefined : groupRef.current) !== null && _groupRef_current !== undefined ? _groupRef_current : popoverRef.current);
+            if (isNonModal) return ($5e3802645cc19319$export$1020fa7f77e17884)((_groupRef_current = groupRef === null || groupRef === void 0 ? void 0 : groupRef.current) !== null && _groupRef_current !== void 0 ? _groupRef_current : popoverRef.current);
             else return ($5e3802645cc19319$export$1c3ebcada18427bf)([
-                (_groupRef_current1 = groupRef === null || groupRef === undefined ? undefined : groupRef.current) !== null && _groupRef_current1 !== undefined ? _groupRef_current1 : popoverRef.current
+                (_groupRef_current1 = groupRef === null || groupRef === void 0 ? void 0 : groupRef.current) !== null && _groupRef_current1 !== void 0 ? _groupRef_current1 : popoverRef.current
             ], {
                 shouldUseInert: true
             });
@@ -6852,9 +6920,9 @@ function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
 }
 function $337b884510726a0d$export$14c98a7594375490() {
     let ctx = ($dbSRa$react.useContext)($337b884510726a0d$export$a2200b96afd16271);
-    let setContain = ctx === null || ctx === undefined ? undefined : ctx.setContain;
+    let setContain = ctx === null || ctx === void 0 ? void 0 : ctx.setContain;
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
-        setContain === null || setContain === undefined ? undefined : setContain(true);
+        setContain === null || setContain === void 0 ? void 0 : setContain(true);
     }, [
         setContain
     ]);
@@ -7023,9 +7091,9 @@ function $feb5ffebff200149$export$d3e3bd3e26688c04(e) {
 function $feb5ffebff200149$export$c3d8340acf92597f(collectionRef, key) {
     var _collectionRef_current, _collectionRef_current1;
     let selector = `[data-key="${CSS.escape(String(key))}"]`;
-    let collection = (_collectionRef_current = collectionRef.current) === null || _collectionRef_current === undefined ? undefined : _collectionRef_current.dataset.collection;
+    let collection = (_collectionRef_current = collectionRef.current) === null || _collectionRef_current === void 0 ? void 0 : _collectionRef_current.dataset.collection;
     if (collection) selector = `[data-collection="${CSS.escape(collection)}"]${selector}`;
-    return (_collectionRef_current1 = collectionRef.current) === null || _collectionRef_current1 === undefined ? undefined : _collectionRef_current1.querySelector(selector);
+    return (_collectionRef_current1 = collectionRef.current) === null || _collectionRef_current1 === void 0 ? void 0 : _collectionRef_current1.querySelector(selector);
 }
 const $feb5ffebff200149$var$collectionMap = new WeakMap();
 function $feb5ffebff200149$export$881eb0d9f3605d9d(collection) {
@@ -7131,7 +7199,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         if (e.altKey && e.key === 'Tab') e.preventDefault();
         // Keyboard events bubble through portals. Don't handle keyboard events
         // for elements outside the collection (e.g. menus).
-        if (!((_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.contains(e.target))) return;
+        if (!((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(e.target))) return;
         const navigateToKey = (key, childFocus)=>{
             if (key != null) {
                 if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !($feb5ffebff200149$export$d3e3bd3e26688c04)(e)) {
@@ -7154,8 +7222,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             case 'ArrowDown':
                 if (delegate.getKeyBelow) {
                     var _delegate_getKeyBelow, _delegate_getFirstKey, _delegate_getFirstKey1;
-                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === undefined ? undefined : _delegate_getKeyBelow.call(delegate, manager.focusedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate);
-                    if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === undefined ? undefined : _delegate_getFirstKey1.call(delegate, manager.focusedKey);
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === void 0 ? void 0 : _delegate_getKeyBelow.call(delegate, manager.focusedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate);
+                    if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === void 0 ? void 0 : _delegate_getFirstKey1.call(delegate, manager.focusedKey);
                     if (nextKey != null) {
                         e.preventDefault();
                         navigateToKey(nextKey);
@@ -7165,8 +7233,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             case 'ArrowUp':
                 if (delegate.getKeyAbove) {
                     var _delegate_getKeyAbove, _delegate_getLastKey, _delegate_getLastKey1;
-                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === undefined ? undefined : _delegate_getKeyAbove.call(delegate, manager.focusedKey) : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === undefined ? undefined : _delegate_getLastKey.call(delegate);
-                    if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getLastKey1 = delegate.getLastKey) === null || _delegate_getLastKey1 === undefined ? undefined : _delegate_getLastKey1.call(delegate, manager.focusedKey);
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === void 0 ? void 0 : _delegate_getKeyAbove.call(delegate, manager.focusedKey) : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === void 0 ? void 0 : _delegate_getLastKey.call(delegate);
+                    if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getLastKey1 = delegate.getLastKey) === null || _delegate_getLastKey1 === void 0 ? void 0 : _delegate_getLastKey1.call(delegate, manager.focusedKey);
                     if (nextKey != null) {
                         e.preventDefault();
                         navigateToKey(nextKey);
@@ -7176,8 +7244,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             case 'ArrowLeft':
                 if (delegate.getKeyLeftOf) {
                     var _delegate_getKeyLeftOf, _delegate_getFirstKey2, _delegate_getLastKey2;
-                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyLeftOf = delegate.getKeyLeftOf) === null || _delegate_getKeyLeftOf === undefined ? undefined : _delegate_getKeyLeftOf.call(delegate, manager.focusedKey) : null;
-                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getFirstKey2 = delegate.getFirstKey) === null || _delegate_getFirstKey2 === undefined ? undefined : _delegate_getFirstKey2.call(delegate, manager.focusedKey) : (_delegate_getLastKey2 = delegate.getLastKey) === null || _delegate_getLastKey2 === undefined ? undefined : _delegate_getLastKey2.call(delegate, manager.focusedKey);
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyLeftOf = delegate.getKeyLeftOf) === null || _delegate_getKeyLeftOf === void 0 ? void 0 : _delegate_getKeyLeftOf.call(delegate, manager.focusedKey) : null;
+                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getFirstKey2 = delegate.getFirstKey) === null || _delegate_getFirstKey2 === void 0 ? void 0 : _delegate_getFirstKey2.call(delegate, manager.focusedKey) : (_delegate_getLastKey2 = delegate.getLastKey) === null || _delegate_getLastKey2 === void 0 ? void 0 : _delegate_getLastKey2.call(delegate, manager.focusedKey);
                     if (nextKey != null) {
                         e.preventDefault();
                         navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');
@@ -7187,8 +7255,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             case 'ArrowRight':
                 if (delegate.getKeyRightOf) {
                     var _delegate_getKeyRightOf, _delegate_getLastKey3, _delegate_getFirstKey3;
-                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyRightOf = delegate.getKeyRightOf) === null || _delegate_getKeyRightOf === undefined ? undefined : _delegate_getKeyRightOf.call(delegate, manager.focusedKey) : null;
-                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getLastKey3 = delegate.getLastKey) === null || _delegate_getLastKey3 === undefined ? undefined : _delegate_getLastKey3.call(delegate, manager.focusedKey) : (_delegate_getFirstKey3 = delegate.getFirstKey) === null || _delegate_getFirstKey3 === undefined ? undefined : _delegate_getFirstKey3.call(delegate, manager.focusedKey);
+                    let nextKey = manager.focusedKey != null ? (_delegate_getKeyRightOf = delegate.getKeyRightOf) === null || _delegate_getKeyRightOf === void 0 ? void 0 : _delegate_getKeyRightOf.call(delegate, manager.focusedKey) : null;
+                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getLastKey3 = delegate.getLastKey) === null || _delegate_getLastKey3 === void 0 ? void 0 : _delegate_getLastKey3.call(delegate, manager.focusedKey) : (_delegate_getFirstKey3 = delegate.getFirstKey) === null || _delegate_getFirstKey3 === void 0 ? void 0 : _delegate_getFirstKey3.call(delegate, manager.focusedKey);
                     if (nextKey != null) {
                         e.preventDefault();
                         navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');
@@ -7269,7 +7337,10 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
                             last = walker.lastChild();
                             if (last) next = last;
                         }while (last);
-                        if (next && !next.contains(document.activeElement)) ($7215afc6de606d6b$export$de79e2c695e052f3)(next);
+                        // If the active element is NOT tabbable but is contained by an element that IS tabbable (aka the cell), the browser will actually move focus to
+                        // the containing element. We need to special case this so that tab will move focus out of the grid instead of looping between
+                        // focusing the containing cell and back to the non-tabbable child element
+                        if (next && (!next.contains(document.activeElement) || document.activeElement && !($b4b717babfbb907b$export$bebd5a1431fec25d)(document.activeElement))) ($7215afc6de606d6b$export$de79e2c695e052f3)(next);
                     }
                     break;
                 }
@@ -7285,8 +7356,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         var _scrollRef_current, _scrollRef_current1;
         var _scrollRef_current_scrollTop, _scrollRef_current_scrollLeft;
         scrollPos.current = {
-            top: (_scrollRef_current_scrollTop = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === undefined ? undefined : _scrollRef_current.scrollTop) !== null && _scrollRef_current_scrollTop !== undefined ? _scrollRef_current_scrollTop : 0,
-            left: (_scrollRef_current_scrollLeft = (_scrollRef_current1 = scrollRef.current) === null || _scrollRef_current1 === undefined ? undefined : _scrollRef_current1.scrollLeft) !== null && _scrollRef_current_scrollLeft !== undefined ? _scrollRef_current_scrollLeft : 0
+            top: (_scrollRef_current_scrollTop = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : _scrollRef_current.scrollTop) !== null && _scrollRef_current_scrollTop !== void 0 ? _scrollRef_current_scrollTop : 0,
+            left: (_scrollRef_current_scrollLeft = (_scrollRef_current1 = scrollRef.current) === null || _scrollRef_current1 === void 0 ? void 0 : _scrollRef_current1.scrollLeft) !== null && _scrollRef_current_scrollLeft !== void 0 ? _scrollRef_current_scrollLeft : 0
         };
     });
     let onFocus = (e)=>{
@@ -7311,8 +7382,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             // and either focus the first or last item accordingly.
             let relatedTarget = e.relatedTarget;
             var _manager_lastSelectedKey, _manager_firstSelectedKey;
-            if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToKey((_manager_lastSelectedKey = manager.lastSelectedKey) !== null && _manager_lastSelectedKey !== undefined ? _manager_lastSelectedKey : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === undefined ? undefined : _delegate_getLastKey.call(delegate));
-            else navigateToKey((_manager_firstSelectedKey = manager.firstSelectedKey) !== null && _manager_firstSelectedKey !== undefined ? _manager_firstSelectedKey : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate));
+            if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToKey((_manager_lastSelectedKey = manager.lastSelectedKey) !== null && _manager_lastSelectedKey !== void 0 ? _manager_lastSelectedKey : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === void 0 ? void 0 : _delegate_getLastKey.call(delegate));
+            else navigateToKey((_manager_firstSelectedKey = manager.firstSelectedKey) !== null && _manager_firstSelectedKey !== void 0 ? _manager_firstSelectedKey : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate));
         } else if (!isVirtualized && scrollRef.current) {
             // Restore the scroll position to what it was before.
             scrollRef.current.scrollTop = scrollPos.current.top;
@@ -7347,52 +7418,48 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         e.stopPropagation();
         manager.setFocused(true);
         // If the user is typing forwards, autofocus the first option in the list.
-        if ((detail === null || detail === undefined ? undefined : detail.focusStrategy) === 'first') shouldVirtualFocusFirst.current = true;
-    });
-    let updateActiveDescendant = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
-        var _delegate_getFirstKey;
-        var _delegate_getFirstKey1;
-        let keyToFocus = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== undefined ? _delegate_getFirstKey1 : null;
-        // If no focusable items exist in the list, make sure to clear any activedescendant that may still exist and move focus back to
-        // the original active element (e.g. the autocomplete input)
-        if (keyToFocus == null) {
-            let previousActiveElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
-            ($55f9b1ae81f22853$export$76e4e37e5339496d)(ref.current);
-            ($55f9b1ae81f22853$export$2b35b76d2e30e129)(previousActiveElement, null);
-            // If there wasn't a focusable key but the collection had items, then that means we aren't in an intermediate load state and all keys are disabled.
-            // Reset shouldVirtualFocusFirst so that we don't erronously autofocus an item when the collection is filtered again.
-            if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
-        } else {
-            manager.setFocusedKey(keyToFocus);
-            // Only set shouldVirtualFocusFirst to false if we've successfully set the first key as the focused key
-            // If there wasn't a key to focus, we might be in a temporary loading state so we'll want to still focus the first key
-            // after the collection updates after load
-            shouldVirtualFocusFirst.current = false;
-        }
+        if ((detail === null || detail === void 0 ? void 0 : detail.focusStrategy) === 'first') shouldVirtualFocusFirst.current = true;
     });
+    // update active descendant
     ($ca9b37712f007381$export$72ef708ab07251f1)(()=>{
-        if (shouldVirtualFocusFirst.current) updateActiveDescendant();
+        if (shouldVirtualFocusFirst.current) {
+            var _delegate_getFirstKey;
+            var _delegate_getFirstKey1;
+            let keyToFocus = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== void 0 ? _delegate_getFirstKey1 : null;
+            // If no focusable items exist in the list, make sure to clear any activedescendant that may still exist and move focus back to
+            // the original active element (e.g. the autocomplete input)
+            if (keyToFocus == null) {
+                let previousActiveElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
+                ($55f9b1ae81f22853$export$76e4e37e5339496d)(ref.current);
+                ($55f9b1ae81f22853$export$2b35b76d2e30e129)(previousActiveElement, null);
+                // If there wasn't a focusable key but the collection had items, then that means we aren't in an intermediate load state and all keys are disabled.
+                // Reset shouldVirtualFocusFirst so that we don't erronously autofocus an item when the collection is filtered again.
+                if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
+            } else {
+                manager.setFocusedKey(keyToFocus);
+                // Only set shouldVirtualFocusFirst to false if we've successfully set the first key as the focused key
+                // If there wasn't a key to focus, we might be in a temporary loading state so we'll want to still focus the first key
+                // after the collection updates after load
+                shouldVirtualFocusFirst.current = false;
+            }
+        }
     }, [
-        manager.collection,
-        updateActiveDescendant
+        manager.collection
     ]);
-    let resetFocusFirstFlag = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+    // reset focus first flag
+    ($ca9b37712f007381$export$72ef708ab07251f1)(()=>{
         // If user causes the focused key to change in any other way, clear shouldVirtualFocusFirst so we don't
         // accidentally move focus from under them. Skip this if the collection was empty because we might be in a load
         // state and will still want to focus the first item after load
         if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
-    });
-    ($ca9b37712f007381$export$72ef708ab07251f1)(()=>{
-        resetFocusFirstFlag();
     }, [
-        manager.focusedKey,
-        resetFocusFirstFlag
+        manager.focusedKey
     ]);
     ($e9faafb641e167db$export$90fc3a17d93f704c)(ref, ($5671b20cf9b562b2$export$447a38995de2c711), !shouldUseVirtualFocus ? undefined : (e)=>{
         var _e_detail;
         e.stopPropagation();
         manager.setFocused(false);
-        if ((_e_detail = e.detail) === null || _e_detail === undefined ? undefined : _e_detail.clearFocusKey) manager.setFocusedKey(null);
+        if ((_e_detail = e.detail) === null || _e_detail === void 0 ? void 0 : _e_detail.clearFocusKey) manager.setFocusedKey(null);
     });
     const autoFocusRef = ($dbSRa$react.useRef)(autoFocus);
     const didAutoFocusRef = ($dbSRa$react.useRef)(false);
@@ -7402,9 +7469,9 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             let focusedKey = null;
             var _delegate_getFirstKey1;
             // Check focus strategy to determine which item to focus
-            if (autoFocus === 'first') focusedKey = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== undefined ? _delegate_getFirstKey1 : null;
+            if (autoFocus === 'first') focusedKey = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== void 0 ? _delegate_getFirstKey1 : null;
             var _delegate_getLastKey1;
-            if (autoFocus === 'last') focusedKey = (_delegate_getLastKey1 = (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === undefined ? undefined : _delegate_getLastKey.call(delegate)) !== null && _delegate_getLastKey1 !== undefined ? _delegate_getLastKey1 : null;
+            if (autoFocus === 'last') focusedKey = (_delegate_getLastKey1 = (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === void 0 ? void 0 : _delegate_getLastKey.call(delegate)) !== null && _delegate_getLastKey1 !== void 0 ? _delegate_getLastKey1 : null;
             // If there are any selected keys, make the first one the new focus target
             let selectedKeys = manager.selectedKeys;
             if (selectedKeys.size) {
@@ -7588,7 +7655,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         if (onAction) {
             var _ref_current;
             onAction();
-            (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.dispatchEvent(new CustomEvent('react-aria-item-action', {
+            (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(new CustomEvent('react-aria-item-action', {
                 bubbles: true
             }));
         }
@@ -7727,11 +7794,11 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
 }
 function $880e95eb8b93ba9a$var$isActionKey() {
     let event = window.event;
-    return (event === null || event === undefined ? undefined : event.key) === 'Enter';
+    return (event === null || event === void 0 ? void 0 : event.key) === 'Enter';
 }
 function $880e95eb8b93ba9a$var$isSelectionKey() {
     let event = window.event;
-    return (event === null || event === undefined ? undefined : event.key) === ' ' || (event === null || event === undefined ? undefined : event.code) === 'Space';
+    return (event === null || event === void 0 ? void 0 : event.key) === ' ' || (event === null || event === void 0 ? void 0 : event.code) === 'Space';
 }
 
 /*
@@ -7764,18 +7831,18 @@ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
         let container = this.ref.current;
         var _container_scrollWidth, _container_scrollHeight;
         return {
-            width: (_container_scrollWidth = container === null || container === undefined ? undefined : container.scrollWidth) !== null && _container_scrollWidth !== undefined ? _container_scrollWidth : 0,
-            height: (_container_scrollHeight = container === null || container === undefined ? undefined : container.scrollHeight) !== null && _container_scrollHeight !== undefined ? _container_scrollHeight : 0
+            width: (_container_scrollWidth = container === null || container === void 0 ? void 0 : container.scrollWidth) !== null && _container_scrollWidth !== void 0 ? _container_scrollWidth : 0,
+            height: (_container_scrollHeight = container === null || container === void 0 ? void 0 : container.scrollHeight) !== null && _container_scrollHeight !== void 0 ? _container_scrollHeight : 0
         };
     }
     getVisibleRect() {
         let container = this.ref.current;
         var _container_scrollLeft, _container_scrollTop, _container_clientWidth, _container_clientHeight;
         return {
-            x: (_container_scrollLeft = container === null || container === undefined ? undefined : container.scrollLeft) !== null && _container_scrollLeft !== undefined ? _container_scrollLeft : 0,
-            y: (_container_scrollTop = container === null || container === undefined ? undefined : container.scrollTop) !== null && _container_scrollTop !== undefined ? _container_scrollTop : 0,
-            width: (_container_clientWidth = container === null || container === undefined ? undefined : container.clientWidth) !== null && _container_clientWidth !== undefined ? _container_clientWidth : 0,
-            height: (_container_clientHeight = container === null || container === undefined ? undefined : container.clientHeight) !== null && _container_clientHeight !== undefined ? _container_clientHeight : 0
+            x: (_container_scrollLeft = container === null || container === void 0 ? void 0 : container.scrollLeft) !== null && _container_scrollLeft !== void 0 ? _container_scrollLeft : 0,
+            y: (_container_scrollTop = container === null || container === void 0 ? void 0 : container.scrollTop) !== null && _container_scrollTop !== void 0 ? _container_scrollTop : 0,
+            width: (_container_clientWidth = container === null || container === void 0 ? void 0 : container.clientWidth) !== null && _container_clientWidth !== void 0 ? _container_clientWidth : 0,
+            height: (_container_clientHeight = container === null || container === void 0 ? void 0 : container.clientHeight) !== null && _container_clientHeight !== void 0 ? _container_clientHeight : 0
         };
     }
     constructor(ref){
@@ -7798,13 +7865,13 @@ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
 class $2a25aae57d74318e$export$a05409b8bb224a5a {
     isDisabled(item) {
         var _item_props;
-        return this.disabledBehavior === 'all' && (((_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.isDisabled) || this.disabledKeys.has(item.key));
+        return this.disabledBehavior === 'all' && (((_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.isDisabled) || this.disabledKeys.has(item.key));
     }
     findNextNonDisabled(key, getNext) {
         let nextKey = key;
         while(nextKey != null){
             let item = this.collection.getItem(nextKey);
-            if ((item === null || item === undefined ? undefined : item.type) === 'item' && !this.isDisabled(item)) return nextKey;
+            if ((item === null || item === void 0 ? void 0 : item.type) === 'item' && !this.isDisabled(item)) return nextKey;
             nextKey = getNext(nextKey);
         }
         return null;
@@ -7902,7 +7969,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
                 itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
             }
         }
-        return nextKey !== null && nextKey !== undefined ? nextKey : this.getFirstKey();
+        return nextKey !== null && nextKey !== void 0 ? nextKey : this.getFirstKey();
     }
     getKeyPageBelow(key) {
         let menu = this.ref.current;
@@ -7923,7 +7990,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
                 itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
             }
         }
-        return nextKey !== null && nextKey !== undefined ? nextKey : this.getLastKey();
+        return nextKey !== null && nextKey !== void 0 ? nextKey : this.getLastKey();
     }
     getKeyForSearch(search, fromKey) {
         if (!this.collator) return null;
@@ -8147,7 +8214,7 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
         let v = partialNode.value;
         if (v != null) {
             var _v_key;
-            let key = (_v_key = v.key) !== null && _v_key !== undefined ? _v_key : v.id;
+            let key = (_v_key = v.key) !== null && _v_key !== void 0 ? _v_key : v.id;
             if (key == null) throw new Error('No key found for item');
             return key;
         }
@@ -8165,7 +8232,7 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
                 children.push(child);
             });
             var _partialNode_index;
-            let index = (_partialNode_index = partialNode.index) !== null && _partialNode_index !== undefined ? _partialNode_index : 0;
+            let index = (_partialNode_index = partialNode.index) !== null && _partialNode_index !== void 0 ? _partialNode_index : 0;
             for (const child of children)yield* this.getFullNode({
                 element: child,
                 index: index++
@@ -8195,13 +8262,13 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
             }
             let childNodes = type.getCollectionNode(element.props, this.context);
             var _partialNode_index1;
-            let index = (_partialNode_index1 = partialNode.index) !== null && _partialNode_index1 !== undefined ? _partialNode_index1 : 0;
+            let index = (_partialNode_index1 = partialNode.index) !== null && _partialNode_index1 !== void 0 ? _partialNode_index1 : 0;
             let result = childNodes.next();
             while(!result.done && result.value){
                 let childNode = result.value;
                 partialNode.index = index;
                 var _childNode_key;
-                let nodeKey = (_childNode_key = childNode.key) !== null && _childNode_key !== undefined ? _childNode_key : null;
+                let nodeKey = (_childNode_key = childNode.key) !== null && _childNode_key !== void 0 ? _childNode_key : null;
                 if (nodeKey == null) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
                 let nodes = this.getFullNode({
                     ...childNode,
@@ -8215,12 +8282,12 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
                 for (let node of children){
                     var _childNode_value, _ref;
                     // Cache the node based on its value
-                    node.value = (_ref = (_childNode_value = childNode.value) !== null && _childNode_value !== undefined ? _childNode_value : partialNode.value) !== null && _ref !== undefined ? _ref : null;
+                    node.value = (_ref = (_childNode_value = childNode.value) !== null && _childNode_value !== void 0 ? _childNode_value : partialNode.value) !== null && _ref !== void 0 ? _ref : null;
                     if (node.value) this.cache.set(node.value, node);
                     var _parentNode_type;
                     // The partial node may have specified a type for the child in order to specify a constraint.
                     // Verify that the full node that was built recursively matches this type.
-                    if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize((_parentNode_type = parentNode === null || parentNode === undefined ? undefined : parentNode.type) !== null && _parentNode_type !== undefined ? _parentNode_type : 'unknown parent type')}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`);
+                    if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize((_parentNode_type = parentNode === null || parentNode === void 0 ? void 0 : parentNode.type) !== null && _parentNode_type !== void 0 ? _parentNode_type : 'unknown parent type')}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`);
                     index++;
                     yield node;
                 }
@@ -8238,11 +8305,11 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
             props: partialNode.props,
             key: partialNode.key,
             parentKey: parentNode ? parentNode.key : null,
-            value: (_partialNode_value = partialNode.value) !== null && _partialNode_value !== undefined ? _partialNode_value : null,
+            value: (_partialNode_value = partialNode.value) !== null && _partialNode_value !== void 0 ? _partialNode_value : null,
             level: parentNode ? parentNode.level + 1 : 0,
             index: partialNode.index,
             rendered: partialNode.rendered,
-            textValue: (_partialNode_textValue = partialNode.textValue) !== null && _partialNode_textValue !== undefined ? _partialNode_textValue : '',
+            textValue: (_partialNode_textValue = partialNode.textValue) !== null && _partialNode_textValue !== void 0 ? _partialNode_textValue : '',
             'aria-label': partialNode['aria-label'],
             wrapper: partialNode.wrapper,
             shouldInvalidate: partialNode.shouldInvalidate,
@@ -8385,7 +8452,7 @@ function $c5a24bc478652b5f$export$8c434b3a7a4dad6(collection, a, b) {
 function $c5a24bc478652b5f$var$getAncestors(collection, node) {
     let parents = [];
     let currNode = node;
-    while((currNode === null || currNode === undefined ? undefined : currNode.parentKey) != null){
+    while((currNode === null || currNode === void 0 ? void 0 : currNode.parentKey) != null){
         currNode = collection.getItem(currNode.parentKey);
         if (currNode) parents.unshift(currNode);
     }
@@ -8440,17 +8507,17 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
     let { key: key } = props;
     let data = ($b1f0cad8af73213b$export$3585ede4d035bf14).get(state);
     var _props_isDisabled;
-    let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== undefined ? _props_isDisabled : state.selectionManager.isDisabled(key);
+    let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.selectionManager.isDisabled(key);
     var _props_isSelected;
-    let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== undefined ? _props_isSelected : state.selectionManager.isSelected(key);
+    let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
     var _props_shouldSelectOnPressUp;
-    let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== undefined ? _props_shouldSelectOnPressUp : data === null || data === undefined ? undefined : data.shouldSelectOnPressUp;
+    let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data === null || data === void 0 ? void 0 : data.shouldSelectOnPressUp;
     var _props_shouldFocusOnHover;
-    let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== undefined ? _props_shouldFocusOnHover : data === null || data === undefined ? undefined : data.shouldFocusOnHover;
+    let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data === null || data === void 0 ? void 0 : data.shouldFocusOnHover;
     var _props_shouldUseVirtualFocus;
-    let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== undefined ? _props_shouldUseVirtualFocus : data === null || data === undefined ? undefined : data.shouldUseVirtualFocus;
+    let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data === null || data === void 0 ? void 0 : data.shouldUseVirtualFocus;
     var _props_isVirtualized;
-    let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== undefined ? _props_isVirtualized : data === null || data === undefined ? undefined : data.isVirtualized;
+    let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data === null || data === void 0 ? void 0 : data.isVirtualized;
     let labelId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
     let descriptionId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
     let optionProps = {
@@ -8468,13 +8535,13 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
     }
     let item = state.collection.getItem(key);
     if (isVirtualized) {
-        let index = Number(item === null || item === undefined ? undefined : item.index);
+        let index = Number(item === null || item === void 0 ? void 0 : item.index);
         optionProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;
         optionProps['aria-setsize'] = ($453cc9f0df89c0a5$export$77d5aafae4e095b2)(state.collection);
     }
-    let onAction = (data === null || data === undefined ? undefined : data.onAction) ? ()=>{
+    let onAction = (data === null || data === void 0 ? void 0 : data.onAction) ? ()=>{
         var _data_onAction;
-        return data === null || data === undefined ? undefined : (_data_onAction = data.onAction) === null || _data_onAction === undefined ? undefined : _data_onAction.call(data, key);
+        return data === null || data === void 0 ? void 0 : (_data_onAction = data.onAction) === null || _data_onAction === void 0 ? void 0 : _data_onAction.call(data, key);
     } : undefined;
     let id = ($b1f0cad8af73213b$export$9145995848b05025)(state, key);
     let { itemProps: itemProps, isPressed: isPressed, isFocused: isFocused, hasAction: hasAction, allowsSelection: allowsSelection } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
@@ -8486,10 +8553,10 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
         isVirtualized: isVirtualized,
         shouldUseVirtualFocus: shouldUseVirtualFocus,
         isDisabled: isDisabled,
-        onAction: onAction || (item === null || item === undefined ? undefined : (_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.onAction) ? ($ff5963eb1fccf552$export$e08e3b67e392101e)(item === null || item === undefined ? undefined : (_item_props1 = item.props) === null || _item_props1 === undefined ? undefined : _item_props1.onAction, onAction) : undefined,
-        linkBehavior: data === null || data === undefined ? undefined : data.linkBehavior,
+        onAction: onAction || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) ? ($ff5963eb1fccf552$export$e08e3b67e392101e)(item === null || item === void 0 ? void 0 : (_item_props1 = item.props) === null || _item_props1 === void 0 ? void 0 : _item_props1.onAction, onAction) : undefined,
+        linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior,
         // @ts-ignore
-        UNSTABLE_itemBehavior: data === null || data === undefined ? undefined : data['UNSTABLE_itemBehavior'],
+        UNSTABLE_itemBehavior: data === null || data === void 0 ? void 0 : data['UNSTABLE_itemBehavior'],
         id: id
     });
     let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
@@ -8501,9 +8568,9 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
             }
         }
     });
-    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item === null || item === undefined ? undefined : item.props);
+    let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item === null || item === void 0 ? void 0 : item.props);
     delete domProps.id;
-    let linkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(item === null || item === undefined ? undefined : item.props);
+    let linkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(item === null || item === void 0 ? void 0 : item.props);
     return {
         optionProps: {
             ...optionProps,
@@ -8629,7 +8696,7 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
         validate,
         value
     ]);
-    if (builtinValidation === null || builtinValidation === undefined ? undefined : builtinValidation.validationDetails.valid) builtinValidation = undefined;
+    if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = undefined;
     // Get relevant server errors from the form.
     let serverErrors = ($dbSRa$react.useContext)($e5be200c675c3b3a$export$571b5131b7e65c11);
     let serverErrorMessages = ($dbSRa$react.useMemo)(()=>{
@@ -8818,7 +8885,7 @@ $a89a74a39eba465a$exports = {
 
 var $edc7c66594a0ae8a$exports = {};
 $edc7c66594a0ae8a$exports = {
-    "longPressMessage": `Premere a lungo o premere Alt + Freccia gi\xf9 per aprire il menu`
+    "longPressMessage": `Premi a lungo o premi Alt + Freccia gi\xf9 per aprire il menu`
 };
 
 var $f1ab51510712db52$exports = {};
@@ -9107,7 +9174,7 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
     let { validationBehavior: validationBehavior, focus: focus } = props;
     // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
-        if (validationBehavior === 'native' && (ref === null || ref === undefined ? undefined : ref.current) && !ref.current.disabled) {
+        if (validationBehavior === 'native' && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
             let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
             ref.current.setCustomValidity(errorMessage);
             // Prevent default tooltip for validation message.
@@ -9126,11 +9193,11 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
         // This avoids clearing server errors that the user didn't actually fix.
         if (!state.displayValidation.isInvalid) state.commitValidation();
         // Auto focus the first invalid input in a form, unless the error already had its default prevented.
-        let form = ref === null || ref === undefined ? undefined : (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.form;
+        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
         if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
             var _ref_current1;
             if (focus) focus();
-            else (_ref_current1 = ref.current) === null || _ref_current1 === undefined ? undefined : _ref_current1.focus();
+            else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
             // Always show focus ring.
             ($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
         }
@@ -9141,10 +9208,10 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
         state.commitValidation();
     });
     ($dbSRa$react.useEffect)(()=>{
-        let input = ref === null || ref === undefined ? undefined : ref.current;
+        let input = ref === null || ref === void 0 ? void 0 : ref.current;
         if (!input) return;
         let form = input.form;
-        let reset = form === null || form === undefined ? undefined : form.reset;
+        let reset = form === null || form === void 0 ? void 0 : form.reset;
         if (form) // Try to detect React's automatic form reset behavior so we don't clear
         // validation errors that are returned by server actions.
         // To do this, we ignore programmatic form resets that occur outside a user event.
@@ -9152,24 +9219,21 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
         form.reset = ()=>{
             // React uses MessageChannel for scheduling, so ignore 'message' events.
             isIgnoredReset.current = !window.event || window.event.type === 'message' && window.event.target instanceof MessagePort;
-            reset === null || reset === undefined ? undefined : reset.call(form);
+            reset === null || reset === void 0 ? void 0 : reset.call(form);
             isIgnoredReset.current = false;
         };
         input.addEventListener('invalid', onInvalid);
         input.addEventListener('change', onChange);
-        form === null || form === undefined ? undefined : form.addEventListener('reset', onReset);
+        form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
         return ()=>{
             input.removeEventListener('invalid', onInvalid);
             input.removeEventListener('change', onChange);
-            form === null || form === undefined ? undefined : form.removeEventListener('reset', onReset);
+            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
             if (form) // @ts-ignore
             form.reset = reset;
         };
     }, [
         ref,
-        onInvalid,
-        onChange,
-        onReset,
         validationBehavior
     ]);
 }
@@ -9248,27 +9312,8 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
     };
     let [initialValue] = ($dbSRa$react.useState)(value);
     var _props_defaultValue;
-    ($99facab73266f662$export$5add1d006293d136)(ref, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== undefined ? _props_defaultValue : initialValue, setValue);
+    ($99facab73266f662$export$5add1d006293d136)(ref, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValue, setValue);
     ($e93e671b31057976$export$b8473d3665f3a75a)(props, validationState, ref);
-    ($dbSRa$react.useEffect)(()=>{
-        // This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
-        // We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
-        // which causes Chrome to skip validation. Only updating `value` is ok in our case since our
-        // textareas are always controlled. React is planning on removing this synchronization in a
-        // future major version.
-        // https://github.com/facebook/react/issues/19474
-        // https://github.com/facebook/react/issues/11896
-        if (ref.current instanceof ($431fbd86ca7dc216$export$f21a1ffae260145a)(ref.current).HTMLTextAreaElement) {
-            let input = ref.current;
-            Object.defineProperty(input, 'defaultValue', {
-                get: ()=>input.value,
-                set: ()=>{},
-                configurable: true
-            });
-        }
-    }, [
-        ref
-    ]);
     return {
         labelProps: labelProps,
         inputProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
@@ -9437,7 +9482,7 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
         return {
             *[Symbol.iterator] () {
                 let parent = keyMap.get(key);
-                let node = (parent === null || parent === undefined ? undefined : parent.firstChildKey) != null ? keyMap.get(parent.firstChildKey) : null;
+                let node = (parent === null || parent === void 0 ? void 0 : parent.firstChildKey) != null ? keyMap.get(parent.firstChildKey) : null;
                 while(node){
                     yield node;
                     node = node.nextKey != null ? keyMap.get(node.nextKey) : undefined;
@@ -9452,7 +9497,7 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
             node = this.keyMap.get(node.prevKey);
             while(node && node.type !== 'item' && node.lastChildKey != null)node = this.keyMap.get(node.lastChildKey);
             var _node_key;
-            return (_node_key = node === null || node === undefined ? undefined : node.key) !== null && _node_key !== undefined ? _node_key : null;
+            return (_node_key = node === null || node === void 0 ? void 0 : node.key) !== null && _node_key !== void 0 ? _node_key : null;
         }
         return node.parentKey;
     }
@@ -9472,13 +9517,13 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
     }
     getLastKey() {
         let node = this.lastKey != null ? this.keyMap.get(this.lastKey) : null;
-        while((node === null || node === undefined ? undefined : node.lastChildKey) != null)node = this.keyMap.get(node.lastChildKey);
+        while((node === null || node === void 0 ? void 0 : node.lastChildKey) != null)node = this.keyMap.get(node.lastChildKey);
         var _node_key;
-        return (_node_key = node === null || node === undefined ? undefined : node.key) !== null && _node_key !== undefined ? _node_key : null;
+        return (_node_key = node === null || node === void 0 ? void 0 : node.key) !== null && _node_key !== void 0 ? _node_key : null;
     }
     getItem(key) {
         var _this_keyMap_get;
-        return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== undefined ? _this_keyMap_get : null;
+        return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== void 0 ? _this_keyMap_get : null;
     }
     at() {
         throw new Error('Not implemented');
@@ -9521,7 +9566,7 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
     filter(filterFn) {
         let newCollection = new this.constructor();
         let [firstKey, lastKey] = $23b9f4fcf0fe224b$var$filterChildren(this, newCollection, this.firstKey, filterFn);
-        newCollection === null || newCollection === undefined ? undefined : newCollection.commit(firstKey, lastKey);
+        newCollection === null || newCollection === void 0 ? void 0 : newCollection.commit(firstKey, lastKey);
         return newCollection;
     }
     constructor(){
@@ -9571,8 +9616,8 @@ function $23b9f4fcf0fe224b$var$filterChildren(collection, newCollection, firstCh
     }
     var _firstNode_key, _lastNode_key;
     return [
-        (_firstNode_key = firstNode === null || firstNode === undefined ? undefined : firstNode.key) !== null && _firstNode_key !== undefined ? _firstNode_key : null,
-        (_lastNode_key = lastNode === null || lastNode === undefined ? undefined : lastNode.key) !== null && _lastNode_key !== undefined ? _lastNode_key : null
+        (_firstNode_key = firstNode === null || firstNode === void 0 ? void 0 : firstNode.key) !== null && _firstNode_key !== void 0 ? _firstNode_key : null,
+        (_lastNode_key = lastNode === null || lastNode === void 0 ? void 0 : lastNode.key) !== null && _lastNode_key !== void 0 ? _lastNode_key : null
     ];
 }
 
@@ -9631,7 +9676,7 @@ function $23b9f4fcf0fe224b$var$filterChildren(collection, newCollection, firstCh
     }
     get isConnected() {
         var _this_parentNode;
-        return ((_this_parentNode = this.parentNode) === null || _this_parentNode === undefined ? undefined : _this_parentNode.isConnected) || false;
+        return ((_this_parentNode = this.parentNode) === null || _this_parentNode === void 0 ? void 0 : _this_parentNode.isConnected) || false;
     }
     invalidateChildIndices(child) {
         if (this._minInvalidChildIndex == null || !this._minInvalidChildIndex.isConnected || child.index < this._minInvalidChildIndex.index) {
@@ -9740,7 +9785,7 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
     }
     get level() {
         var _this_node;
-        if (this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd) return this.parentNode.level + (((_this_node = this.node) === null || _this_node === undefined ? undefined : _this_node.type) === 'item' ? 1 : 0);
+        if (this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd) return this.parentNode.level + (((_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.type) === 'item' ? 1 : 0);
         return 0;
     }
     /**
@@ -9763,21 +9808,21 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
         node.index = this.index;
         node.level = this.level;
         var _this_parentNode_node_key;
-        node.parentKey = this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd ? (_this_parentNode_node_key = (_this_parentNode_node = this.parentNode.node) === null || _this_parentNode_node === undefined ? undefined : _this_parentNode_node.key) !== null && _this_parentNode_node_key !== undefined ? _this_parentNode_node_key : null : null;
+        node.parentKey = this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd ? (_this_parentNode_node_key = (_this_parentNode_node = this.parentNode.node) === null || _this_parentNode_node === void 0 ? void 0 : _this_parentNode_node.key) !== null && _this_parentNode_node_key !== void 0 ? _this_parentNode_node_key : null : null;
         var _this_previousVisibleSibling_node_key;
-        node.prevKey = (_this_previousVisibleSibling_node_key = (_this_previousVisibleSibling = this.previousVisibleSibling) === null || _this_previousVisibleSibling === undefined ? undefined : (_this_previousVisibleSibling_node = _this_previousVisibleSibling.node) === null || _this_previousVisibleSibling_node === undefined ? undefined : _this_previousVisibleSibling_node.key) !== null && _this_previousVisibleSibling_node_key !== undefined ? _this_previousVisibleSibling_node_key : null;
+        node.prevKey = (_this_previousVisibleSibling_node_key = (_this_previousVisibleSibling = this.previousVisibleSibling) === null || _this_previousVisibleSibling === void 0 ? void 0 : (_this_previousVisibleSibling_node = _this_previousVisibleSibling.node) === null || _this_previousVisibleSibling_node === void 0 ? void 0 : _this_previousVisibleSibling_node.key) !== null && _this_previousVisibleSibling_node_key !== void 0 ? _this_previousVisibleSibling_node_key : null;
         var _nextSibling_node_key;
-        node.nextKey = (_nextSibling_node_key = nextSibling === null || nextSibling === undefined ? undefined : (_nextSibling_node = nextSibling.node) === null || _nextSibling_node === undefined ? undefined : _nextSibling_node.key) !== null && _nextSibling_node_key !== undefined ? _nextSibling_node_key : null;
+        node.nextKey = (_nextSibling_node_key = nextSibling === null || nextSibling === void 0 ? void 0 : (_nextSibling_node = nextSibling.node) === null || _nextSibling_node === void 0 ? void 0 : _nextSibling_node.key) !== null && _nextSibling_node_key !== void 0 ? _nextSibling_node_key : null;
         node.hasChildNodes = !!this.firstChild;
         var _this_firstVisibleChild_node_key;
-        node.firstChildKey = (_this_firstVisibleChild_node_key = (_this_firstVisibleChild = this.firstVisibleChild) === null || _this_firstVisibleChild === undefined ? undefined : (_this_firstVisibleChild_node = _this_firstVisibleChild.node) === null || _this_firstVisibleChild_node === undefined ? undefined : _this_firstVisibleChild_node.key) !== null && _this_firstVisibleChild_node_key !== undefined ? _this_firstVisibleChild_node_key : null;
+        node.firstChildKey = (_this_firstVisibleChild_node_key = (_this_firstVisibleChild = this.firstVisibleChild) === null || _this_firstVisibleChild === void 0 ? void 0 : (_this_firstVisibleChild_node = _this_firstVisibleChild.node) === null || _this_firstVisibleChild_node === void 0 ? void 0 : _this_firstVisibleChild_node.key) !== null && _this_firstVisibleChild_node_key !== void 0 ? _this_firstVisibleChild_node_key : null;
         var _this_lastVisibleChild_node_key;
-        node.lastChildKey = (_this_lastVisibleChild_node_key = (_this_lastVisibleChild = this.lastVisibleChild) === null || _this_lastVisibleChild === undefined ? undefined : (_this_lastVisibleChild_node = _this_lastVisibleChild.node) === null || _this_lastVisibleChild_node === undefined ? undefined : _this_lastVisibleChild_node.key) !== null && _this_lastVisibleChild_node_key !== undefined ? _this_lastVisibleChild_node_key : null;
+        node.lastChildKey = (_this_lastVisibleChild_node_key = (_this_lastVisibleChild = this.lastVisibleChild) === null || _this_lastVisibleChild === void 0 ? void 0 : (_this_lastVisibleChild_node = _this_lastVisibleChild.node) === null || _this_lastVisibleChild_node === void 0 ? void 0 : _this_lastVisibleChild_node.key) !== null && _this_lastVisibleChild_node_key !== void 0 ? _this_lastVisibleChild_node_key : null;
         // Update the colIndex of sibling nodes if this node has a colSpan.
         if ((node.colSpan != null || node.colIndex != null) && nextSibling) {
             var _node_colIndex, _node_colSpan;
             // This queues the next sibling for update, which means this happens recursively.
-            let nextColIndex = ((_node_colIndex = node.colIndex) !== null && _node_colIndex !== undefined ? _node_colIndex : node.index) + ((_node_colSpan = node.colSpan) !== null && _node_colSpan !== undefined ? _node_colSpan : 1);
+            let nextColIndex = ((_node_colIndex = node.colIndex) !== null && _node_colIndex !== void 0 ? _node_colIndex : node.index) + ((_node_colSpan = node.colSpan) !== null && _node_colSpan !== void 0 ? _node_colSpan : 1);
             if (nextSibling.node != null && nextColIndex !== nextSibling.node.colIndex) {
                 let siblingNode = nextSibling.getMutableNode();
                 siblingNode.colIndex = nextColIndex;
@@ -9788,7 +9833,7 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
         let node;
         let { value: value1, textValue: textValue, id: id, ...props } = obj;
         if (this.node == null) {
-            node = new CollectionNodeClass(id !== null && id !== undefined ? id : `react-aria-${++this.ownerDocument.nodeId}`);
+            node = new CollectionNodeClass(id !== null && id !== void 0 ? id : `react-aria-${++this.ownerDocument.nodeId}`);
             this.node = node;
         } else node = this.getMutableNode();
         props.ref = ref;
@@ -9796,6 +9841,7 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
         node.rendered = rendered;
         node.render = render;
         node.value = value1;
+        if (obj['aria-label']) node['aria-label'] = obj['aria-label'];
         node.textValue = textValue || (typeof props.children === 'string' ? props.children : '') || obj['aria-label'] || '';
         if (id != null && id !== node.key) throw new Error('Cannot change the id of an item');
         if (props.colSpan != null) node.colSpan = props.colSpan;
@@ -9816,7 +9862,7 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
                 if (element.isHidden !== isHidden) {
                     var _element_parentNode, _element_parentNode1;
                     // Mark parent node dirty if this element is currently the first or last visible child.
-                    if (((_element_parentNode = element.parentNode) === null || _element_parentNode === undefined ? undefined : _element_parentNode.firstVisibleChild) === element || ((_element_parentNode1 = element.parentNode) === null || _element_parentNode1 === undefined ? undefined : _element_parentNode1.lastVisibleChild) === element) element.ownerDocument.markDirty(element.parentNode);
+                    if (((_element_parentNode = element.parentNode) === null || _element_parentNode === void 0 ? void 0 : _element_parentNode.firstVisibleChild) === element || ((_element_parentNode1 = element.parentNode) === null || _element_parentNode1 === void 0 ? void 0 : _element_parentNode1.lastVisibleChild) === element) element.ownerDocument.markDirty(element.parentNode);
                     // Mark sibling visible elements dirty.
                     let prev = element.previousVisibleSibling;
                     let next = element.nextVisibleSibling;
@@ -9894,7 +9940,7 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
         if (this.nextCollection) {
             var _this_firstVisibleChild_node, _this_firstVisibleChild, _this_lastVisibleChild_node, _this_lastVisibleChild;
             var _this_firstVisibleChild_node_key, _this_lastVisibleChild_node_key;
-            this.nextCollection.commit((_this_firstVisibleChild_node_key = (_this_firstVisibleChild = this.firstVisibleChild) === null || _this_firstVisibleChild === undefined ? undefined : (_this_firstVisibleChild_node = _this_firstVisibleChild.node) === null || _this_firstVisibleChild_node === undefined ? undefined : _this_firstVisibleChild_node.key) !== null && _this_firstVisibleChild_node_key !== undefined ? _this_firstVisibleChild_node_key : null, (_this_lastVisibleChild_node_key = (_this_lastVisibleChild = this.lastVisibleChild) === null || _this_lastVisibleChild === undefined ? undefined : (_this_lastVisibleChild_node = _this_lastVisibleChild.node) === null || _this_lastVisibleChild_node === undefined ? undefined : _this_lastVisibleChild_node.key) !== null && _this_lastVisibleChild_node_key !== undefined ? _this_lastVisibleChild_node_key : null, this.isSSR);
+            this.nextCollection.commit((_this_firstVisibleChild_node_key = (_this_firstVisibleChild = this.firstVisibleChild) === null || _this_firstVisibleChild === void 0 ? void 0 : (_this_firstVisibleChild_node = _this_firstVisibleChild.node) === null || _this_firstVisibleChild_node === void 0 ? void 0 : _this_firstVisibleChild_node.key) !== null && _this_firstVisibleChild_node_key !== void 0 ? _this_firstVisibleChild_node_key : null, (_this_lastVisibleChild_node_key = (_this_lastVisibleChild = this.lastVisibleChild) === null || _this_lastVisibleChild === void 0 ? void 0 : (_this_lastVisibleChild_node = _this_lastVisibleChild.node) === null || _this_lastVisibleChild_node === void 0 ? void 0 : _this_lastVisibleChild_node.key) !== null && _this_lastVisibleChild_node_key !== void 0 ? _this_lastVisibleChild_node_key : null, this.isSSR);
             if (!this.isSSR) {
                 this.collection = this.nextCollection;
                 this.nextCollection = null;
@@ -9959,9 +10005,9 @@ function $e948873055cbafe4$export$727c8fc270210f13(props) {
                     rendered = children(item);
                     var _rendered_props_id, _ref;
                     // @ts-ignore
-                    let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !== undefined ? _rendered_props_id : item.key) !== null && _ref !== undefined ? _ref : item.id;
+                    let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !== void 0 ? _rendered_props_id : item.key) !== null && _ref !== void 0 ? _ref : item.id;
                     if (key == null) throw new Error('Could not determine key for item');
-                    if (idScope) key = idScope + ':' + key;
+                    if (idScope != null) key = idScope + ':' + key;
                     // Note: only works if wrapped Item passes through id...
                     rendered = ($dbSRa$react.cloneElement)(rendered, addIdAndValue ? {
                         key: key,
@@ -10114,7 +10160,7 @@ function requireUseSyncExternalStoreShim_production () {
 	    ? useSyncExternalStore$1
 	    : useSyncExternalStore$2;
 	useSyncExternalStoreShim_production.useSyncExternalStore =
-	  undefined !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+	  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
 	return useSyncExternalStoreShim_production;
 }
 
@@ -10142,7 +10188,7 @@ function requireUseSyncExternalStoreShim_development () {
 	    }
 	    function useSyncExternalStore$2(subscribe, getSnapshot) {
 	      didWarnOld18Alpha ||
-	        undefined === React.startTransition ||
+	        void 0 === React.startTransition ||
 	        ((didWarnOld18Alpha = true),
 	        console.error(
 	          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
@@ -10213,7 +10259,7 @@ function requireUseSyncExternalStoreShim_development () {
 	          ? useSyncExternalStore$1
 	          : useSyncExternalStore$2;
 	    useSyncExternalStoreShim_development.useSyncExternalStore =
-	      undefined !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+	      void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
 	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
 	      "function" ===
 	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -10222,13 +10268,21 @@ function requireUseSyncExternalStoreShim_development () {
 	return useSyncExternalStoreShim_development;
 }
 
-if (process.env.NODE_ENV === 'production') {
-  shim.exports = requireUseSyncExternalStoreShim_production();
-} else {
-  shim.exports = requireUseSyncExternalStoreShim_development();
+var hasRequiredShim;
+
+function requireShim () {
+	if (hasRequiredShim) return shim.exports;
+	hasRequiredShim = 1;
+
+	if (process.env.NODE_ENV === 'production') {
+	  shim.exports = requireUseSyncExternalStoreShim_production();
+	} else {
+	  shim.exports = requireUseSyncExternalStoreShim_development();
+	}
+	return shim.exports;
 }
 
-var shimExports = shim.exports;
+var shimExports = requireShim();
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -10297,7 +10351,7 @@ const $e1995378a142960e$var$useSyncExternalStore = typeof ($dbSRa$react)['useSyn
 function $e1995378a142960e$var$useCollectionDocument(createCollection) {
     // The document instance is mutable, and should never change between renders.
     // useSyncExternalStore is used to subscribe to updates, which vends immutable Collection objects.
-    let [document] = ($dbSRa$react.useState)(()=>new ($681cc3c98f569e39$export$b34a105447964f9f)((createCollection === null || createCollection === undefined ? undefined : createCollection()) || new ($23b9f4fcf0fe224b$export$408d25a4e12db025)()));
+    let [document] = ($dbSRa$react.useState)(()=>new ($681cc3c98f569e39$export$b34a105447964f9f)((createCollection === null || createCollection === void 0 ? void 0 : createCollection()) || new ($23b9f4fcf0fe224b$export$408d25a4e12db025)()));
     let subscribe = ($dbSRa$react.useCallback)((fn)=>document.subscribe(fn), [
         document
     ]);
@@ -10339,7 +10393,7 @@ function $e1995378a142960e$var$useSSRCollectionNode(CollectionNodeClass, props,
     // collection by the time we need to use the collection to render to the real DOM.
     // After hydration, we switch to client rendering using the portal.
     let itemRef = ($dbSRa$react.useCallback)((element)=>{
-        element === null || element === undefined ? undefined : element.setProps(props, ref, CollectionNodeClass, rendered, render);
+        element === null || element === void 0 ? void 0 : element.setProps(props, ref, CollectionNodeClass, rendered, render);
     }, [
         props,
         ref,
@@ -10394,7 +10448,7 @@ function $e1995378a142960e$export$e953bb1cd0f19726(CollectionNodeClass, render,
         var _useSSRCollectionNode;
         return (_useSSRCollectionNode = $e1995378a142960e$var$useSSRCollectionNode(CollectionNodeClass, props, ref, null, children, (node)=>/*#__PURE__*/ ($dbSRa$react).createElement(Component, {
                 node: node
-            }))) !== null && _useSSRCollectionNode !== undefined ? _useSSRCollectionNode : /*#__PURE__*/ ($dbSRa$react).createElement(($dbSRa$react).Fragment, null);
+            }))) !== null && _useSSRCollectionNode !== void 0 ? _useSSRCollectionNode : /*#__PURE__*/ ($dbSRa$react).createElement(($dbSRa$react).Fragment, null);
     });
     // @ts-ignore
     Result.displayName = render.name;
@@ -10409,8 +10463,9 @@ function $e1995378a142960e$var$useCollectionChildren(options) {
 const $e1995378a142960e$var$CollectionContext = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
 function $e1995378a142960e$export$fb8073518f34e6ec(props) {
     let ctx = ($dbSRa$react.useContext)($e1995378a142960e$var$CollectionContext);
-    let dependencies = ((ctx === null || ctx === undefined ? undefined : ctx.dependencies) || []).concat(props.dependencies);
-    let idScope = props.idScope || (ctx === null || ctx === undefined ? undefined : ctx.idScope);
+    let dependencies = ((ctx === null || ctx === void 0 ? void 0 : ctx.dependencies) || []).concat(props.dependencies);
+    var _props_idScope;
+    let idScope = (_props_idScope = props.idScope) !== null && _props_idScope !== void 0 ? _props_idScope : ctx === null || ctx === void 0 ? void 0 : ctx.idScope;
     let children = $e1995378a142960e$var$useCollectionChildren({
         ...props,
         idScope: idScope,
@@ -10500,7 +10555,7 @@ function $7135fc7d473fd974$export$2dbbd341daed716d(collection, node, renderDropI
     let afterIndicators = [];
     if (nextItemInSameLevel == null) {
         let current = node;
-        while(current && (!nextItemInFlattenedCollection || current.parentKey !== nextItemInFlattenedCollection.parentKey && nextItemInFlattenedCollection.level < current.level)){
+        while((current === null || current === void 0 ? void 0 : current.type) === 'item' && (!nextItemInFlattenedCollection || current.parentKey !== nextItemInFlattenedCollection.parentKey && nextItemInFlattenedCollection.level < current.level)){
             let indicator = renderDropIndicator({
                 type: 'item',
                 key: current.key,
@@ -10566,7 +10621,7 @@ function $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {
             'aria-current': props['aria-current'],
             onClick: (e)=>{
                 var _pressProps_onClick;
-                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === undefined ? undefined : _pressProps_onClick.call(pressProps, e);
+                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);
                 ($ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f)(e, router, props.href, props.routerOptions);
             }
         })
@@ -10681,9 +10736,9 @@ function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
         onClick: onClick,
         onPress (e) {
             var _ref_current;
-            onPress === null || onPress === undefined ? undefined : onPress(e);
+            onPress === null || onPress === void 0 ? void 0 : onPress(e);
             state.toggle();
-            (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.focus();
+            (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
         },
         isDisabled: isDisabled || isReadOnly
     });
@@ -10881,7 +10936,7 @@ function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
     var _props_defaultSelected;
     return {
         isSelected: isSelected,
-        defaultSelected: (_props_defaultSelected = props.defaultSelected) !== null && _props_defaultSelected !== undefined ? _props_defaultSelected : initialValue,
+        defaultSelected: (_props_defaultSelected = props.defaultSelected) !== null && _props_defaultSelected !== void 0 ? _props_defaultSelected : initialValue,
         setSelected: updateSelected,
         toggle: toggleState
     };
@@ -10915,7 +10970,7 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
     });
     let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = ($1ae600c947479353$export$ec98120685d4f57d).get(state);
     var _props_validationBehavior;
-    validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : validationBehavior;
+    validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;
     // Local validation for this checkbox.
     let { realtimeValidation: realtimeValidation } = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
         ...props,
@@ -10940,7 +10995,7 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
         isDisabled: props.isDisabled || state.isDisabled,
         name: props.name || name,
         form: props.form || form,
-        isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== undefined ? _props_isRequired : state.isRequired,
+        isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,
         validationBehavior: validationBehavior,
         [($e5be200c675c3b3a$export$a763b9476acd3eb)]: {
             realtimeValidation: combinedRealtimeValidation,
@@ -11076,7 +11131,7 @@ function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         // Cancel any pending RAF to prevent stale updates
         if (raf.current) cancelAnimationFrame(raf.current);
-        if (ref.current && !isDisabled && !isSSR) {
+        if (ref.current && !isSSR) {
             let panel = ref.current;
             if (isExpandedRef.current == null || typeof panel.getAnimations !== 'function') {
                 // On initial render (and in tests), set attributes without animation.
@@ -11144,7 +11199,7 @@ function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
             role: 'group',
             'aria-labelledby': triggerId,
             'aria-hidden': !state.isExpanded,
-            hidden: isSSR || isDisabled ? isDisabled || !state.isExpanded : undefined
+            hidden: isSSR ? !state.isExpanded : undefined
         }
     };
 }
@@ -11162,7 +11217,7 @@ function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
  */ const $ce9b18daab526bbd$export$5b9bb410392e3991 = new WeakMap();
 function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
     var _listMap_get;
-    let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !== undefined ? _listMap_get : {};
+    let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !== void 0 ? _listMap_get : {};
     if (!id) throw new Error('Unknown list');
     return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
 }
@@ -11741,14 +11796,14 @@ function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
     let { getRowText: getRowText = (key)=>{
         var _state_collection_getTextValue, _state_collection, _state_collection_getItem;
         var _state_collection_getTextValue1;
-        return (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === undefined ? undefined : _state_collection_getTextValue.call(_state_collection, key)) !== null && _state_collection_getTextValue1 !== undefined ? _state_collection_getTextValue1 : (_state_collection_getItem = state.collection.getItem(key)) === null || _state_collection_getItem === undefined ? undefined : _state_collection_getItem.textValue;
+        return (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : (_state_collection_getItem = state.collection.getItem(key)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.textValue;
     } } = props;
     let stringFormatter = ($fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault$3($835c96616a7cb4f9$exports))), '@react-aria/grid');
     // Many screen readers do not announce when items in a grid are selected/deselected.
     // We do this using an ARIA live region.
     let selection = state.selectionManager.rawSelection;
     let lastSelection = ($dbSRa$react.useRef)(selection);
-    let announceSelectionChange = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+    let announceSelectionChange = ($dbSRa$react.useCallback)(()=>{
         var _lastSelection_current;
         if (!state.selectionManager.isFocused || selection === lastSelection.current) {
             lastSelection.current = selection;
@@ -11786,13 +11841,23 @@ function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
         }
         // Announce how many items are selected, except when selecting the first item.
         if (state.selectionManager.selectionMode === 'multiple') {
-            if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((_lastSelection_current = lastSelection.current) === null || _lastSelection_current === undefined ? undefined : _lastSelection_current.size) > 1) messages.push(selection === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selectedCount', {
+            if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((_lastSelection_current = lastSelection.current) === null || _lastSelection_current === void 0 ? void 0 : _lastSelection_current.size) > 1) messages.push(selection === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selectedCount', {
                 count: selection.size
             }));
         }
         if (messages.length > 0) ($319e236875307eab$export$a9b970dcc4ae71a9)(messages.join(' '));
         lastSelection.current = selection;
-    });
+    }, [
+        selection,
+        state.selectionManager.selectedKeys,
+        state.selectionManager.isFocused,
+        state.selectionManager.selectionBehavior,
+        state.selectionManager.selectionMode,
+        state.collection,
+        getRowText,
+        stringFormatter
+    ]);
+    // useUpdateEffect will handle using useEffectEvent, no need to stabilize anything on this end
     ($4f58c5f72bcf79f7$export$496315a1608d9602)(()=>{
         if (state.selectionManager.isFocused) announceSelectionChange();
         else {
@@ -11963,7 +12028,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         var _ref_current;
         // Don't shift focus to the row if the active element is a element within the row already
         // (e.g. clicking on a row button)
-        if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.contains(document.activeElement)))) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
+        if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(document.activeElement)))) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
     };
     let treeGridRowProps = {};
     let hasChildRows = props.hasChildItems;
@@ -11972,19 +12037,19 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         var _state_collection_getChildren, _state_collection;
         // TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always
         // true...
-        let children = (_state_collection_getChildren = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren === undefined ? undefined : _state_collection_getChildren.call(_state_collection, node.key);
+        let children = (_state_collection_getChildren = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren === void 0 ? void 0 : _state_collection_getChildren.call(_state_collection, node.key);
         hasChildRows = hasChildRows || [
-            ...children !== null && children !== undefined ? children : []
+            ...children !== null && children !== void 0 ? children : []
         ].length > 1;
         if (onAction == null && !hasLink && state.selectionManager.selectionMode === 'none' && hasChildRows) onAction = ()=>state.toggleKey(node.key);
         let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;
         let setSize = 1;
-        if (node.level > 0 && (node === null || node === undefined ? undefined : node.parentKey) != null) {
+        if (node.level > 0 && (node === null || node === void 0 ? void 0 : node.parentKey) != null) {
             let parent = state.collection.getItem(node.parentKey);
             if (parent) {
                 var _state_collection_getChildren1, _state_collection1;
                 // siblings must exist because our original node exists
-                let siblings = (_state_collection_getChildren1 = (_state_collection1 = state.collection).getChildren) === null || _state_collection_getChildren1 === undefined ? undefined : _state_collection_getChildren1.call(_state_collection1, parent.key);
+                let siblings = (_state_collection_getChildren1 = (_state_collection1 = state.collection).getChildren) === null || _state_collection_getChildren1 === void 0 ? void 0 : _state_collection_getChildren1.call(_state_collection1, parent.key);
                 setSize = [
                     ...siblings
                 ].filter((row)=>row.type === 'item').length;
@@ -11995,7 +12060,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         treeGridRowProps = {
             'aria-expanded': isExpanded,
             'aria-level': node.level + 1,
-            'aria-posinset': (node === null || node === undefined ? undefined : node.index) + 1,
+            'aria-posinset': (node === null || node === void 0 ? void 0 : node.index) + 1,
             'aria-setsize': setSize
         };
     }
@@ -12005,7 +12070,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         ref: ref,
         isVirtualized: isVirtualized,
         shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,
-        onAction: onAction || ((_node_props = node.props) === null || _node_props === undefined ? undefined : _node_props.onAction) ? ($ff5963eb1fccf552$export$e08e3b67e392101e)((_node_props1 = node.props) === null || _node_props1 === undefined ? undefined : _node_props1.onAction, onAction ? ()=>onAction(node.key) : undefined) : undefined,
+        onAction: onAction || ((_node_props = node.props) === null || _node_props === void 0 ? void 0 : _node_props.onAction) ? ($ff5963eb1fccf552$export$e08e3b67e392101e)((_node_props1 = node.props) === null || _node_props1 === void 0 ? void 0 : _node_props1.onAction, onAction ? ()=>onAction(node.key) : undefined) : undefined,
         focus: focus,
         linkBehavior: linkBehavior
     });
@@ -12098,7 +12163,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
                     var _ref_current_parentElement;
                     e.stopPropagation();
                     e.preventDefault();
-                    (_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === undefined ? undefined : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
+                    (_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
                 }
                 break;
         }
@@ -12149,10 +12214,10 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         onKeyDown: onKeyDown,
         onFocus: onFocus,
         // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
-        'aria-label': node.textValue || undefined,
+        'aria-label': node['aria-label'] || node.textValue || undefined,
         'aria-selected': state.selectionManager.canSelectItem(node.key) ? state.selectionManager.isSelected(node.key) : undefined,
         'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined,
-        'aria-labelledby': descriptionId && node.textValue ? `${($ce9b18daab526bbd$export$f45c25170b9a99c2)(state, node.key)} ${descriptionId}` : undefined,
+        'aria-labelledby': descriptionId && (node['aria-label'] || node.textValue) ? `${($ce9b18daab526bbd$export$f45c25170b9a99c2)(state, node.key)} ${descriptionId}` : undefined,
         id: ($ce9b18daab526bbd$export$f45c25170b9a99c2)(state, node.key)
     });
     if (isVirtualized) {
@@ -12165,7 +12230,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
             ...collection.getKeys()
         ].filter((key)=>{
             var _collection_getItem;
-            return ((_collection_getItem = collection.getItem(key)) === null || _collection_getItem === undefined ? undefined : _collection_getItem.type) !== 'section';
+            return ((_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.type) !== 'section';
         }).findIndex((key)=>key === node.key) + 1 : node.index + 1;
     }
     let gridCellProps = {
@@ -12252,9 +12317,9 @@ function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
         isDisabled: isDisabled,
         onPress (e) {
             var _ref_current;
-            onPress === null || onPress === undefined ? undefined : onPress(e);
+            onPress === null || onPress === void 0 ? void 0 : onPress(e);
             state.setSelectedValue(value);
-            (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.focus();
+            (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
         }
     });
     let { focusableProps: focusableProps } = ($f645667febf57a63$export$4c014de7c8940b4c)(($3ef42575df84b30b$export$9d1611c77c2fe928)(props, {
@@ -12341,7 +12406,7 @@ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
     let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
         onBlurWithin (e) {
             var _props_onBlur;
-            (_props_onBlur = props.onBlur) === null || _props_onBlur === undefined ? undefined : _props_onBlur.call(props, e);
+            (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
             if (!state.selectedValue) state.setLastFocusedValue(null);
         },
         onFocusWithin: props.onFocus,
@@ -12468,7 +12533,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
                     var _delegate_getKeyAbove, _delegate_getFirstKey;
                     // prevent scrolling containers
                     e.preventDefault();
-                    let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === undefined ? undefined : _delegate_getKeyAbove.call(delegate, state.selectedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate);
+                    let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === void 0 ? void 0 : _delegate_getKeyAbove.call(delegate, state.selectedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate);
                     if (key) state.setSelectedKey(key);
                     break;
                 }
@@ -12477,7 +12542,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
                     var _delegate_getKeyBelow, _delegate_getFirstKey1;
                     // prevent scrolling containers
                     e.preventDefault();
-                    let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === undefined ? undefined : _delegate_getKeyBelow.call(delegate, state.selectedKey) : (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === undefined ? undefined : _delegate_getFirstKey1.call(delegate);
+                    let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === void 0 ? void 0 : _delegate_getKeyBelow.call(delegate, state.selectedKey) : (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === void 0 ? void 0 : _delegate_getFirstKey1.call(delegate);
                     if (key) state.setSelectedKey(key);
                     break;
                 }
@@ -12518,7 +12583,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
             onClick: ()=>{
                 if (!props.isDisabled) {
                     var _ref_current;
-                    (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.focus();
+                    (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
                     // Show the focus ring so the user knows where focus went
                     ($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
                 }
@@ -12616,7 +12681,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
         validationBehavior: validationBehavior,
         focus: ()=>{
             var _triggerRef_current;
-            return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === undefined ? undefined : _triggerRef_current.focus();
+            return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
         }
     }, state, props.selectRef);
     let setValue = state.setValue;
@@ -12655,7 +12720,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
             required: validationBehavior === 'native' && isRequired,
             name: name,
             form: form,
-            value: (_state_value = state.value) !== null && _state_value !== undefined ? _state_value : '',
+            value: (_state_value = state.value) !== null && _state_value !== void 0 ? _state_value : '',
             onChange: onChange,
             onInput: onChange
         }
@@ -12704,7 +12769,7 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
                 name: name,
                 form: form,
                 disabled: isDisabled,
-                value: value !== null && value !== undefined ? value : ''
+                value: value !== null && value !== void 0 ? value : ''
             };
             if (validationBehavior === 'native') // Use a hidden <input type="text"> rather than <input type="hidden">
             // so that an empty value blocks HTML form submission when the field is required.
@@ -13140,8 +13205,8 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
         if (e.key === 'Delete' || e.key === 'Backspace') {
             if (isDisabled) return;
             e.preventDefault();
-            if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === undefined ? undefined : onRemove(new Set(state.selectionManager.selectedKeys));
-            else onRemove === null || onRemove === undefined ? undefined : onRemove(new Set([
+            if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set(state.selectionManager.selectedKeys));
+            else onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set([
                 item.key
             ]));
         }
@@ -13200,8 +13265,8 @@ function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
         labelable: true
     });
     let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
-        onHoverStart: ()=>state === null || state === undefined ? undefined : state.open(true),
-        onHoverEnd: ()=>state === null || state === undefined ? undefined : state.close()
+        onHoverStart: ()=>state === null || state === void 0 ? void 0 : state.open(true),
+        onHoverEnd: ()=>state === null || state === void 0 ? void 0 : state.close()
     });
     return {
         tooltipProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, hoverProps, {
@@ -13224,7 +13289,7 @@ function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
 
 
 function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
-    let { isDisabled: isDisabled, trigger: trigger } = props;
+    let { isDisabled: isDisabled, trigger: trigger, shouldCloseOnPress: shouldCloseOnPress = true } = props;
     let tooltipId = ($bdb11010cef70236$export$f680877a34711e37)();
     let isHovered = ($dbSRa$react.useRef)(false);
     let isFocused = ($dbSRa$react.useRef)(false);
@@ -13273,6 +13338,8 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
         handleHide();
     };
     let onPressStart = ()=>{
+        // if shouldCloseOnPress is false, we should not close the tooltip
+        if (!shouldCloseOnPress) return;
         // no matter how the trigger is pressed, we should close the tooltip
         isFocused.current = false;
         isHovered.current = false;
@@ -13446,7 +13513,7 @@ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ ($f39a9eba43920a
         isFocused: isFocused,
         isFocusVisible: isFocusVisible,
         isDisabled: props.isDisabled || false,
-        isPending: isPending !== null && isPending !== undefined ? isPending : false
+        isPending: isPending !== null && isPending !== void 0 ? isPending : false
     };
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
@@ -13563,7 +13630,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     const state = {
         ...validation,
         value: selectedValues,
-        defaultValue: (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== undefined ? _props_defaultValue : initialValues,
+        defaultValue: (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValues,
         setValue (value) {
             if (props.isReadOnly || props.isDisabled) return;
             setValue(value);
@@ -13575,10 +13642,10 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
         },
         addValue (value) {
             if (props.isReadOnly || props.isDisabled) return;
-            if (!selectedValues.includes(value)) {
-                selectedValues = selectedValues.concat(value);
-                setValue(selectedValues);
-            }
+            setValue((selectedValues)=>{
+                if (!selectedValues.includes(value)) return selectedValues.concat(value);
+                return selectedValues;
+            });
         },
         removeValue (value) {
             if (props.isReadOnly || props.isDisabled) return;
@@ -13596,7 +13663,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
             invalidValues.current = s;
             validation.updateValidation(($e5be200c675c3b3a$export$75ee7c75d68f5b0e)(...s.values()));
         },
-        validationState: (_props_validationState = props.validationState) !== null && _props_validationState !== undefined ? _props_validationState : isInvalid ? 'invalid' : null,
+        validationState: (_props_validationState = props.validationState) !== null && _props_validationState !== void 0 ? _props_validationState : isInvalid ? 'invalid' : null,
         isInvalid: isInvalid,
         isRequired: isRequired
     };
@@ -13626,12 +13693,12 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     getKeyBefore(key) {
         let node = this.keyMap.get(key);
         var _node_prevKey;
-        return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== undefined ? _node_prevKey : null : null;
+        return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== void 0 ? _node_prevKey : null : null;
     }
     getKeyAfter(key) {
         let node = this.keyMap.get(key);
         var _node_nextKey;
-        return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== undefined ? _node_nextKey : null : null;
+        return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== void 0 ? _node_nextKey : null : null;
     }
     getFirstKey() {
         return this.firstKey;
@@ -13641,7 +13708,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     }
     getItem(key) {
         var _this_keyMap_get;
-        return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== undefined ? _this_keyMap_get : null;
+        return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== void 0 ? _this_keyMap_get : null;
     }
     at(idx) {
         const keys = [
@@ -13651,7 +13718,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     }
     getChildren(key) {
         let node = this.keyMap.get(key);
-        return (node === null || node === undefined ? undefined : node.childNodes) || [];
+        return (node === null || node === void 0 ? void 0 : node.childNodes) || [];
     }
     constructor(nodes){
         this.keyMap = new Map();
@@ -13685,7 +13752,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
         }
         this._size = size;
         var _last_key;
-        this.lastKey = (_last_key = last === null || last === undefined ? undefined : last.key) !== null && _last_key !== undefined ? _last_key : null;
+        this.lastKey = (_last_key = last === null || last === void 0 ? void 0 : last.key) !== null && _last_key !== void 0 ? _last_key : null;
     }
 }
 
@@ -13703,11 +13770,11 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
     constructor(keys, anchorKey, currentKey){
         super(keys);
         if (keys instanceof $e40ea825a81a3709$export$52baac22726c72bf) {
-            this.anchorKey = anchorKey !== null && anchorKey !== undefined ? anchorKey : keys.anchorKey;
-            this.currentKey = currentKey !== null && currentKey !== undefined ? currentKey : keys.currentKey;
+            this.anchorKey = anchorKey !== null && anchorKey !== void 0 ? anchorKey : keys.anchorKey;
+            this.currentKey = currentKey !== null && currentKey !== void 0 ? currentKey : keys.currentKey;
         } else {
-            this.anchorKey = anchorKey !== null && anchorKey !== undefined ? anchorKey : null;
-            this.currentKey = currentKey !== null && currentKey !== undefined ? currentKey : null;
+            this.anchorKey = anchorKey !== null && anchorKey !== void 0 ? anchorKey : null;
+            this.currentKey = currentKey !== null && currentKey !== void 0 ? currentKey : null;
         }
     }
 }
@@ -13899,7 +13966,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
             if (!first || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, first) < 0) first = item;
         }
         var _first_key;
-        return (_first_key = first === null || first === undefined ? undefined : first.key) !== null && _first_key !== undefined ? _first_key : null;
+        return (_first_key = first === null || first === void 0 ? void 0 : first.key) !== null && _first_key !== void 0 ? _first_key : null;
     }
     get lastSelectedKey() {
         let last = null;
@@ -13908,7 +13975,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
             if (!last || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, last) > 0) last = item;
         }
         var _last_key;
-        return (_last_key = last === null || last === undefined ? undefined : last.key) !== null && _last_key !== undefined ? _last_key : null;
+        return (_last_key = last === null || last === void 0 ? void 0 : last.key) !== null && _last_key !== void 0 ? _last_key : null;
     }
     get disabledKeys() {
         return this.state.disabledKeys;
@@ -13934,10 +14001,10 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         else {
             let selectedKeys = this.state.selectedKeys;
             var _selectedKeys_anchorKey;
-            let anchorKey = (_selectedKeys_anchorKey = selectedKeys.anchorKey) !== null && _selectedKeys_anchorKey !== undefined ? _selectedKeys_anchorKey : mappedToKey;
+            let anchorKey = (_selectedKeys_anchorKey = selectedKeys.anchorKey) !== null && _selectedKeys_anchorKey !== void 0 ? _selectedKeys_anchorKey : mappedToKey;
             selection = new ($e40ea825a81a3709$export$52baac22726c72bf)(selectedKeys, anchorKey, mappedToKey);
             var _selectedKeys_currentKey;
-            for (let key of this.getKeyRange(anchorKey, (_selectedKeys_currentKey = selectedKeys.currentKey) !== null && _selectedKeys_currentKey !== undefined ? _selectedKeys_currentKey : mappedToKey))selection.delete(key);
+            for (let key of this.getKeyRange(anchorKey, (_selectedKeys_currentKey = selectedKeys.currentKey) !== null && _selectedKeys_currentKey !== void 0 ? _selectedKeys_currentKey : mappedToKey))selection.delete(key);
             for (let key of this.getKeyRange(mappedToKey, anchorKey))if (this.canSelectItem(key)) selection.add(key);
         }
         this.state.setSelectedKeys(selection);
@@ -13953,7 +14020,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
     }
     getKeyRangeInternal(from, to) {
         var _this_layoutDelegate;
-        if ((_this_layoutDelegate = this.layoutDelegate) === null || _this_layoutDelegate === undefined ? undefined : _this_layoutDelegate.getKeyRange) return this.layoutDelegate.getKeyRange(from, to);
+        if ((_this_layoutDelegate = this.layoutDelegate) === null || _this_layoutDelegate === void 0 ? void 0 : _this_layoutDelegate.getKeyRange) return this.layoutDelegate.getKeyRange(from, to);
         let keys = [];
         let key = from;
         while(key != null){
@@ -14027,10 +14094,10 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
                 if (this.canSelectItem(key)) {
                     var _getFirstItem;
                     let item = this.collection.getItem(key);
-                    if ((item === null || item === undefined ? undefined : item.type) === 'item') keys.push(key);
+                    if ((item === null || item === void 0 ? void 0 : item.type) === 'item') keys.push(key);
                     var _getFirstItem_key;
                     // Add child keys. If cell selection is allowed, then include item children too.
-                    if ((item === null || item === undefined ? undefined : item.hasChildNodes) && (this.allowsCellSelection || item.type !== 'item')) addKeys((_getFirstItem_key = (_getFirstItem = ($c5a24bc478652b5f$export$fbdeaa6a76694f71)(($c5a24bc478652b5f$export$1005530eda016c13)(item, this.collection))) === null || _getFirstItem === undefined ? undefined : _getFirstItem.key) !== null && _getFirstItem_key !== undefined ? _getFirstItem_key : null);
+                    if ((item === null || item === void 0 ? void 0 : item.hasChildNodes) && (this.allowsCellSelection || item.type !== 'item')) addKeys((_getFirstItem_key = (_getFirstItem = ($c5a24bc478652b5f$export$fbdeaa6a76694f71)(($c5a24bc478652b5f$export$1005530eda016c13)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key) !== null && _getFirstItem_key !== void 0 ? _getFirstItem_key : null);
                 }
                 key = this.collection.getKeyAfter(key);
             }
@@ -14082,20 +14149,20 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         var _item_props;
         if (this.state.selectionMode === 'none' || this.state.disabledKeys.has(key)) return false;
         let item = this.collection.getItem(key);
-        if (!item || (item === null || item === undefined ? undefined : (_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.isDisabled) || item.type === 'cell' && !this.allowsCellSelection) return false;
+        if (!item || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.isDisabled) || item.type === 'cell' && !this.allowsCellSelection) return false;
         return true;
     }
     isDisabled(key) {
         var _this_collection_getItem_props, _this_collection_getItem;
-        return this.state.disabledBehavior === 'all' && (this.state.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === undefined ? undefined : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === undefined ? undefined : _this_collection_getItem_props.isDisabled));
+        return this.state.disabledBehavior === 'all' && (this.state.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === void 0 ? void 0 : _this_collection_getItem_props.isDisabled));
     }
     isLink(key) {
         var _this_collection_getItem_props, _this_collection_getItem;
-        return !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === undefined ? undefined : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === undefined ? undefined : _this_collection_getItem_props.href);
+        return !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === void 0 ? void 0 : _this_collection_getItem_props.href);
     }
     getItemProps(key) {
         var _this_collection_getItem;
-        return (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === undefined ? undefined : _this_collection_getItem.props;
+        return (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : _this_collection_getItem.props;
     }
     withCollection(collection) {
         return new $d496c0a20b6e58ec$export$6c8a5aaad13c9852(collection, this.state, {
@@ -14107,9 +14174,9 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         this.collection = collection;
         this.state = state;
         var _options_allowsCellSelection;
-        this.allowsCellSelection = (_options_allowsCellSelection = options === null || options === undefined ? undefined : options.allowsCellSelection) !== null && _options_allowsCellSelection !== undefined ? _options_allowsCellSelection : false;
+        this.allowsCellSelection = (_options_allowsCellSelection = options === null || options === void 0 ? void 0 : options.allowsCellSelection) !== null && _options_allowsCellSelection !== void 0 ? _options_allowsCellSelection : false;
         this._isSelectAll = null;
-        this.layoutDelegate = (options === null || options === undefined ? undefined : options.layoutDelegate) || null;
+        this.layoutDelegate = (options === null || options === void 0 ? void 0 : options.layoutDelegate) || null;
     }
 }
 
@@ -14179,18 +14246,18 @@ function $e72dd72e1c76a225$var$useFocusedKeyReset(collection, selectionManager)
                 ...cachedCollection.current.getKeys()
             ].map((key)=>{
                 const itemNode = cachedCollection.current.getItem(key);
-                return (itemNode === null || itemNode === undefined ? undefined : itemNode.type) === 'item' ? itemNode : null;
+                return (itemNode === null || itemNode === void 0 ? void 0 : itemNode.type) === 'item' ? itemNode : null;
             }).filter((node)=>node !== null);
             const itemNodes = [
                 ...collection.getKeys()
             ].map((key)=>{
                 const itemNode = collection.getItem(key);
-                return (itemNode === null || itemNode === undefined ? undefined : itemNode.type) === 'item' ? itemNode : null;
+                return (itemNode === null || itemNode === void 0 ? void 0 : itemNode.type) === 'item' ? itemNode : null;
             }).filter((node)=>node !== null);
             var _cachedItemNodes_length, _itemNodes_length;
-            const diff = ((_cachedItemNodes_length = cachedItemNodes === null || cachedItemNodes === undefined ? undefined : cachedItemNodes.length) !== null && _cachedItemNodes_length !== undefined ? _cachedItemNodes_length : 0) - ((_itemNodes_length = itemNodes === null || itemNodes === undefined ? undefined : itemNodes.length) !== null && _itemNodes_length !== undefined ? _itemNodes_length : 0);
+            const diff = ((_cachedItemNodes_length = cachedItemNodes === null || cachedItemNodes === void 0 ? void 0 : cachedItemNodes.length) !== null && _cachedItemNodes_length !== void 0 ? _cachedItemNodes_length : 0) - ((_itemNodes_length = itemNodes === null || itemNodes === void 0 ? void 0 : itemNodes.length) !== null && _itemNodes_length !== void 0 ? _itemNodes_length : 0);
             var _startItem_index, _startItem_index1, _itemNodes_length1;
-            let index = Math.min(diff > 1 ? Math.max(((_startItem_index = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index !== undefined ? _startItem_index : 0) - diff + 1, 0) : (_startItem_index1 = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index1 !== undefined ? _startItem_index1 : 0, ((_itemNodes_length1 = itemNodes === null || itemNodes === undefined ? undefined : itemNodes.length) !== null && _itemNodes_length1 !== undefined ? _itemNodes_length1 : 0) - 1);
+            let index = Math.min(diff > 1 ? Math.max(((_startItem_index = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index !== void 0 ? _startItem_index : 0) - diff + 1, 0) : (_startItem_index1 = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index1 !== void 0 ? _startItem_index1 : 0, ((_itemNodes_length1 = itemNodes === null || itemNodes === void 0 ? void 0 : itemNodes.length) !== null && _itemNodes_length1 !== void 0 ? _itemNodes_length1 : 0) - 1);
             let newNode = null;
             let isReverseSearching = false;
             while(index >= 0){
@@ -14203,7 +14270,7 @@ function $e72dd72e1c76a225$var$useFocusedKeyReset(collection, selectionManager)
                 else {
                     isReverseSearching = true;
                     var _startItem_index2, _startItem_index3;
-                    if (index > ((_startItem_index2 = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index2 !== undefined ? _startItem_index2 : 0)) index = (_startItem_index3 = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index3 !== undefined ? _startItem_index3 : 0;
+                    if (index > ((_startItem_index2 = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index2 !== void 0 ? _startItem_index2 : 0)) index = (_startItem_index3 = startItem === null || startItem === void 0 ? void 0 : startItem.index) !== null && _startItem_index3 !== void 0 ? _startItem_index3 : 0;
                     index--;
                 }
             }
@@ -14418,7 +14485,7 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
         props.name
     ]);
     var _props_defaultValue;
-    let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== undefined ? _props_defaultValue : null, props.onChange);
+    let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
     let [initialValue] = ($dbSRa$react.useState)(selectedValue);
     let [lastFocusedValue, setLastFocusedValue] = ($dbSRa$react.useState)(null);
     let validation = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
@@ -14437,7 +14504,7 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
         ...validation,
         name: name,
         selectedValue: selectedValue,
-        defaultSelectedValue: props.value !== undefined ? initialValue : (_props_defaultValue1 = props.defaultValue) !== null && _props_defaultValue1 !== undefined ? _props_defaultValue1 : null,
+        defaultSelectedValue: props.value !== undefined ? initialValue : (_props_defaultValue1 = props.defaultValue) !== null && _props_defaultValue1 !== void 0 ? _props_defaultValue1 : null,
         setSelectedValue: setSelectedValue,
         lastFocusedValue: lastFocusedValue,
         setLastFocusedValue: setLastFocusedValue,
@@ -14470,7 +14537,7 @@ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
     let [focusStrategy, setFocusStrategy] = ($dbSRa$react.useState)(null);
     let defaultValue = ($dbSRa$react.useMemo)(()=>{
         var _props_defaultSelectedKey;
-        return props.defaultValue !== undefined ? props.defaultValue : selectionMode === 'single' ? (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== undefined ? _props_defaultSelectedKey : null : [];
+        return props.defaultValue !== undefined ? props.defaultValue : selectionMode === 'single' ? (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null : [];
     }, [
         props.defaultValue,
         props.defaultSelectedKey,
@@ -14490,9 +14557,9 @@ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
         if (selectionMode === 'single') {
             var _props_onSelectionChange;
             var _value_;
-            let key = Array.isArray(value) ? (_value_ = value[0]) !== null && _value_ !== undefined ? _value_ : null : value;
+            let key = Array.isArray(value) ? (_value_ = value[0]) !== null && _value_ !== void 0 ? _value_ : null : value;
             setControlledValue(key);
-            if (key !== displayValue) (_props_onSelectionChange = props.onSelectionChange) === null || _props_onSelectionChange === undefined ? undefined : _props_onSelectionChange.call(props, key);
+            if (key !== displayValue) (_props_onSelectionChange = props.onSelectionChange) === null || _props_onSelectionChange === void 0 ? void 0 : _props_onSelectionChange.call(props, key);
         } else {
             let keys = [];
             if (Array.isArray(value)) keys = value;
@@ -14515,7 +14582,7 @@ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
             if (keys === 'all') return;
             if (selectionMode === 'single') {
                 var _keys_values_next_value;
-                let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== undefined ? _keys_values_next_value : null;
+                let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
                 setValue(key);
                 triggerState.close();
             } else setValue([
@@ -14545,23 +14612,23 @@ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
         ...listState,
         ...triggerState,
         value: displayValue,
-        defaultValue: defaultValue !== null && defaultValue !== undefined ? defaultValue : initialValue,
+        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : initialValue,
         setValue: setValue,
         selectedKey: selectedKey,
         setSelectedKey: setValue,
-        selectedItem: (_selectedItems_ = selectedItems[0]) !== null && _selectedItems_ !== undefined ? _selectedItems_ : null,
+        selectedItem: (_selectedItems_ = selectedItems[0]) !== null && _selectedItems_ !== void 0 ? _selectedItems_ : null,
         selectedItems: selectedItems,
-        defaultSelectedKey: (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== undefined ? _props_defaultSelectedKey : props.selectionMode === 'single' ? initialValue : null,
+        defaultSelectedKey: (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : props.selectionMode === 'single' ? initialValue : null,
         focusStrategy: focusStrategy,
         open (focusStrategy = null) {
             // Don't open if the collection is empty.
-            if (listState.collection.size !== 0) {
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
                 setFocusStrategy(focusStrategy);
                 triggerState.open();
             }
         },
         toggle (focusStrategy = null) {
-            if (listState.collection.size !== 0) {
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
                 setFocusStrategy(focusStrategy);
                 triggerState.toggle();
             }
@@ -14701,7 +14768,7 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
 const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
 const $ee014567cb39d3f0$export$f551688fc98f2e09 = /*#__PURE__*/ ($dbSRa$react.forwardRef)(function FieldError(props, ref) {
     let validation = ($dbSRa$react.useContext)($ee014567cb39d3f0$export$ff05c3ac10437e03);
-    if (!(validation === null || validation === undefined ? undefined : validation.isInvalid)) return null;
+    if (!(validation === null || validation === void 0 ? void 0 : validation.isInvalid)) return null;
     return /*#__PURE__*/ ($dbSRa$react).createElement($ee014567cb39d3f0$var$FieldErrorInner, {
         ...props,
         ref: ref
@@ -14755,7 +14822,7 @@ const $d3e0e05bdfcf66bd$export$a7fed597f4b8afd8 = /*#__PURE__*/ ($dbSRa$react.fo
             validationBehavior: validationBehavior
         }
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($e5be200c675c3b3a$export$571b5131b7e65c11).Provider, {
-        value: validationErrors !== null && validationErrors !== undefined ? validationErrors : {}
+        value: validationErrors !== null && validationErrors !== void 0 ? validationErrors : {}
     }, children)));
 });
 
@@ -14785,7 +14852,7 @@ const $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ ($dbSRa$react.fo
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);
     let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
     var _props_validationBehavior, _ref;
-    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
     let state = ($587d3ad58be6d31f$export$daff6da51032a415)({
         ...props,
         validationBehavior: validationBehavior
@@ -14853,7 +14920,7 @@ const $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ ($dbSRa$react.fo
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, ($4e85f108e88277b8$export$b085522c77523c51));
     let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
     var _props_validationBehavior, _ref;
-    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
     let groupState = ($dbSRa$react.useContext)($bc237834342dbd75$export$139c5b8563afc1fc);
     let inputRef = ($df56164dff5785e2$export$4338b53315abf666)(($dbSRa$react.useMemo)(()=>($5dc95899b306f630$export$c9058316764c140e)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [
         userProvidedInputRef,
@@ -14958,7 +15025,10 @@ let $3985021b0ad6602f$var$filterHoverProps = (props)=>{
 };
 const $3985021b0ad6602f$export$f5b8910cec6cf069 = /*#__PURE__*/ ($f39a9eba43920ace$export$86427a43e3e48ebb)(function Input(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
-    let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)({
+        ...props,
+        isDisabled: props.disabled
+    });
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = ($f7dceffc5ad7768b$export$4e328f61c538687f)({
         isTextInput: true,
         autoFocus: props.autoFocus
@@ -15350,28 +15420,28 @@ const $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 = /*#__PURE__*/ ($dbSRa$react.fo
 });
 function $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState) {
     var _dragAndDropHooks_isVirtualDragging;
-    let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.renderDropIndicator;
-    let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === undefined ? undefined : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks);
+    let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.renderDropIndicator;
+    let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks);
     let fn = ($dbSRa$react.useCallback)((target)=>{
         // Only show drop indicators when virtual dragging or this is the current drop target.
-        if (isVirtualDragging || (dropState === null || dropState === undefined ? undefined : dropState.isDropTarget(target))) return renderDropIndicator ? renderDropIndicator(target) : /*#__PURE__*/ ($dbSRa$react).createElement($612b8eb6cb90e02d$export$62ed72bc21f6b8a6, {
+        if (isVirtualDragging || (dropState === null || dropState === void 0 ? void 0 : dropState.isDropTarget(target))) return renderDropIndicator ? renderDropIndicator(target) : /*#__PURE__*/ ($dbSRa$react).createElement($612b8eb6cb90e02d$export$62ed72bc21f6b8a6, {
             target: target
         });
     // We invalidate whenever the target changes.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
-        dropState === null || dropState === undefined ? undefined : dropState.target,
+        dropState === null || dropState === void 0 ? void 0 : dropState.target,
         isVirtualDragging,
         renderDropIndicator
     ]);
-    return (dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDropIndicator) ? fn : undefined;
+    return (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) ? fn : undefined;
 }
 function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState) {
     var _dragAndDropHooks_isVirtualDragging, _dropState_target;
     // Persist the focused key and the drop target key.
     let focusedKey = selectionManager.focusedKey;
     let dropTargetKey = null;
-    if ((dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === undefined ? undefined : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks)) && (dropState === null || dropState === undefined ? undefined : (_dropState_target = dropState.target) === null || _dropState_target === undefined ? undefined : _dropState_target.type) === 'item') {
+    if ((dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks)) && (dropState === null || dropState === void 0 ? void 0 : (_dropState_target = dropState.target) === null || _dropState_target === void 0 ? void 0 : _dropState_target.type) === 'item') {
         dropTargetKey = dropState.target.key;
         if (dropState.target.dropPosition === 'after') {
             // Normalize to the "before" drop position since we only render those to the DOM.
@@ -15380,7 +15450,7 @@ function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropH
             if (nextKey != null) {
                 var _dropState_collection_getItem;
                 var _dropState_collection_getItem_level;
-                let targetLevel = (_dropState_collection_getItem_level = (_dropState_collection_getItem = dropState.collection.getItem(dropTargetKey)) === null || _dropState_collection_getItem === undefined ? undefined : _dropState_collection_getItem.level) !== null && _dropState_collection_getItem_level !== undefined ? _dropState_collection_getItem_level : 0;
+                let targetLevel = (_dropState_collection_getItem_level = (_dropState_collection_getItem = dropState.collection.getItem(dropTargetKey)) === null || _dropState_collection_getItem === void 0 ? void 0 : _dropState_collection_getItem.level) !== null && _dropState_collection_getItem_level !== void 0 ? _dropState_collection_getItem_level : 0;
                 // Skip over any rows that are descendants of the target ("after" position should be after all children)
                 while(nextKey){
                     let node = dropState.collection.getItem(nextKey);
@@ -15395,14 +15465,14 @@ function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropH
                     var _node_level;
                     // Stop once we find an item at the same level or higher
                     // eslint-disable-next-line max-depth
-                    if (((_node_level = node.level) !== null && _node_level !== undefined ? _node_level : 0) <= targetLevel) break;
+                    if (((_node_level = node.level) !== null && _node_level !== void 0 ? _node_level : 0) <= targetLevel) break;
                     lastDescendantKey = nextKey;
                     nextKey = dropState.collection.getKeyAfter(nextKey);
                 }
             }
             var _ref;
             // If nextKey is null (end of collection), use the last descendant
-            dropTargetKey = (_ref = nextKey !== null && nextKey !== undefined ? nextKey : lastDescendantKey) !== null && _ref !== undefined ? _ref : dropTargetKey;
+            dropTargetKey = (_ref = nextKey !== null && nextKey !== void 0 ? nextKey : lastDescendantKey) !== null && _ref !== void 0 ? _ref : dropTargetKey;
         }
     }
     return ($dbSRa$react.useMemo)(()=>{
@@ -15578,8 +15648,8 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props: props, l
     let { dragAndDropHooks: dragAndDropHooks, layout: layout = 'stack', orientation: orientation = 'vertical', filter: filter } = props;
     let state = ($e72dd72e1c76a225$export$ba9d38c0f1bf2b36)(inputState, filter);
     let { collection: collection, selectionManager: selectionManager } = state;
-    let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDraggableCollectionState);
-    let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDroppableCollectionState);
+    let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
     let { direction: direction } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
     let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
     let collator = ($325a3faab7a68acd$export$a16aca283550c30d)({
@@ -15689,7 +15759,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props: props, l
         global: true
     });
     return /*#__PURE__*/ ($dbSRa$react).createElement(($9bf71ea28793e738$export$20e40289641fbbb6), null, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
-        ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, listBoxProps, focusProps, droppableCollection === null || droppableCollection === undefined ? undefined : droppableCollection.collectionProps),
+        ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, listBoxProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
         ref: listBoxRef,
         slot: props.slot || undefined,
         onScroll: props.onScroll,
@@ -15752,7 +15822,7 @@ function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, classNam
     var _props_arialabel;
     let { headingProps: headingProps, groupProps: groupProps } = ($af383d3bef1cfdc9$export$c3f9f39876e4bc7)({
         heading: heading,
-        'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== undefined ? _props_arialabel : undefined
+        'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : undefined
     });
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         defaultClassName: className,
@@ -15785,7 +15855,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
     let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = ($dbSRa$react.useContext)(($612b8eb6cb90e02d$export$d188a835a7bc5783));
     let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, ...states } = ($293f70390ea03370$export$497855f14858aa34)({
         key: item.key,
-        'aria-label': props === null || props === undefined ? undefined : props['aria-label']
+        'aria-label': props === null || props === void 0 ? void 0 : props['aria-label']
     }, state, ref);
     let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)({
         isDisabled: !states.allowsSelection && !states.hasAction,
@@ -15793,9 +15863,11 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
         onHoverChange: item.props.onHoverChange,
         onHoverEnd: item.props.onHoverEnd
     });
+    let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)(props);
     let draggableItem = null;
     if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
-        key: item.key
+        key: item.key,
+        hasAction: states.hasAction
     }, dragState);
     let droppableItem = null;
     if (dropState && dragAndDropHooks) droppableItem = dragAndDropHooks.useDroppableItem({
@@ -15818,7 +15890,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
             selectionBehavior: state.selectionManager.selectionBehavior,
             allowsDragging: !!dragState,
             isDragging: isDragging,
-            isDropTarget: droppableItem === null || droppableItem === undefined ? undefined : droppableItem.isDropTarget
+            isDropTarget: droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget
         }
     });
     ($dbSRa$react.useEffect)(()=>{
@@ -15832,8 +15904,9 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
+    if (ElementType === 'a' && optionProps.tabIndex == null) optionProps.tabIndex = -1;
     return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
-        ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, optionProps, hoverProps, draggableItem === null || draggableItem === undefined ? undefined : draggableItem.dragProps, droppableItem === null || droppableItem === undefined ? undefined : droppableItem.dropProps),
+        ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, optionProps, hoverProps, focusProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps),
         ref: ref,
         "data-allows-dragging": !!dragState || undefined,
         "data-selected": states.isSelected || undefined,
@@ -15843,7 +15916,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
         "data-focus-visible": states.isFocusVisible || undefined,
         "data-pressed": states.isPressed || undefined,
         "data-dragging": isDragging || undefined,
-        "data-drop-target": (droppableItem === null || droppableItem === undefined ? undefined : droppableItem.isDropTarget) || undefined,
+        "data-drop-target": (droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget) || undefined,
         "data-selection-mode": state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
@@ -15903,13 +15976,13 @@ const $eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef = /*#__PURE__*/ ($dbS
     let sentinelRef = ($dbSRa$react.useRef)(null);
     let memoedLoadMoreProps = ($dbSRa$react.useMemo)(()=>({
             onLoadMore: onLoadMore,
-            collection: state === null || state === undefined ? undefined : state.collection,
+            collection: state === null || state === void 0 ? void 0 : state.collection,
             sentinelRef: sentinelRef,
             scrollOffset: scrollOffset
         }), [
         onLoadMore,
         scrollOffset,
-        state === null || state === undefined ? undefined : state.collection
+        state === null || state === void 0 ? void 0 : state.collection
     ]);
     ($a5fa973c1850dd36$export$ccaea96c28e8b9e7)(memoedLoadMoreProps, sentinelRef);
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
@@ -16059,7 +16132,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
     var _props_offset;
     let { popoverProps: popoverProps, underlayProps: underlayProps, arrowProps: arrowProps, placement: placement, triggerAnchorPoint: triggerAnchorPoint } = ($f2f8a6077418541e$export$542a6fd13ac93354)({
         ...props,
-        offset: (_props_offset = props.offset) !== null && _props_offset !== undefined ? _props_offset : 8,
+        offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8,
         arrowRef: arrowRef,
         // If this is a submenu/subdialog, use the root popover's container
         // to detect outside interaction and add aria-hidden.
@@ -16166,7 +16239,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
         ...props,
         shouldContainFocus: isDialog,
         isExiting: isExiting,
-        portalContainer: (_ref = UNSTABLE_portalContainer !== null && UNSTABLE_portalContainer !== undefined ? UNSTABLE_portalContainer : groupCtx === null || groupCtx === undefined ? undefined : groupCtx.current) !== null && _ref !== undefined ? _ref : undefined
+        portalContainer: (_ref = UNSTABLE_portalContainer !== null && UNSTABLE_portalContainer !== void 0 ? UNSTABLE_portalContainer : groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.current) !== null && _ref !== void 0 ? _ref : undefined
     }, overlay);
 }
 
@@ -16285,7 +16358,7 @@ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ ($dbSRa$react.fo
         style: props.style,
         children: props.children,
         values: {
-            close: (state === null || state === undefined ? undefined : state.close) || (()=>{})
+            close: (state === null || state === void 0 ? void 0 : state.close) || (()=>{})
         }
     });
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
@@ -16315,7 +16388,7 @@ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ ($dbSRa$react.fo
                     slots: {
                         [($64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
                         close: {
-                            onPress: ()=>state === null || state === undefined ? undefined : state.close()
+                            onPress: ()=>state === null || state === void 0 ? void 0 : state.close()
                         }
                     }
                 }
@@ -16381,11 +16454,11 @@ const $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ ($dbSRa$react.fo
         onExpandedChange (isExpanded) {
             var _props_onExpandedChange;
             if (groupState) groupState.toggleKey(id);
-            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === undefined ? undefined : _props_onExpandedChange.call(props, isExpanded);
+            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);
         }
     });
     let panelRef = ($dbSRa$react).useRef(null);
-    let isDisabled = props.isDisabled || (groupState === null || groupState === undefined ? undefined : groupState.isDisabled) || false;
+    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;
     let { buttonProps: buttonProps, panelProps: panelProps } = ($5e910fae8e128ead$export$6e3e27031a30522f)({
         ...props,
         isExpanded: isExpanded,
@@ -16453,7 +16526,8 @@ const $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ ($dbSRa$react.fo
         }
     });
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
-        global: true
+        global: true,
+        labelable: true
     });
     return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, panelProps, focusWithinProps),
@@ -16490,7 +16564,7 @@ const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ ($dbSRa$react.fo
     return /*#__PURE__*/ ($dbSRa$react).createElement(Element, {
         ...domProps,
         ref: ref,
-        className: className !== null && className !== undefined ? className : 'react-aria-Heading'
+        className: className !== null && className !== void 0 ? className : 'react-aria-Heading'
     }, children);
 });
 
@@ -16692,7 +16766,7 @@ const $b6c3ddc6086f204d$export$a98f0dcb43a68a25 = /*#__PURE__*/ ($dbSRa$react.fo
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$a79eda4ff50e30b6);
     let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
     var _props_validationBehavior, _ref;
-    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
     let state = ($a54cdc5c1942b639$export$bca9d026f8e704eb)({
         ...props,
         validationBehavior: validationBehavior
@@ -16884,7 +16958,7 @@ const $82d7e5349645de74$var$CLEAR_CONTEXTS = [
 function $82d7e5349645de74$var$SelectInner({ props: props, selectRef: ref, collection: collection }) {
     let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
     var _props_validationBehavior, _ref;
-    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
     let state = ($2bc3a590c5373a4e$export$5159ec8b34d4ec12)({
         ...props,
         collection: collection,
@@ -17036,7 +17110,7 @@ const $82d7e5349645de74$export$e288731fd71264f0 = /*#__PURE__*/ ($f39a9eba43920a
     let { placeholder: placeholder } = ($64fa3d84918910a7$export$fabf2dc03a41866e)($82d7e5349645de74$export$7540cee5be7dc19b);
     let rendered = state.selectedItems.map((item)=>{
         var _item_props;
-        let rendered = (_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.children;
+        let rendered = (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.children;
         // If the selected item has a function as a child, we need to call it to render to React.JSX.
         if (typeof rendered === 'function') {
             let fn = rendered;
@@ -17054,13 +17128,13 @@ const $82d7e5349645de74$export$e288731fd71264f0 = /*#__PURE__*/ ($f39a9eba43920a
         return rendered;
     });
     let formatter = ($33bf17300c498528$export$a2f47a3d2973640)();
-    let textValue = ($dbSRa$react.useMemo)(()=>state.selectedItems.map((item)=>item === null || item === undefined ? undefined : item.textValue), [
+    let textValue = ($dbSRa$react.useMemo)(()=>state.selectedItems.map((item)=>item === null || item === void 0 ? void 0 : item.textValue), [
         state.selectedItems
     ]);
     let selectionMode = state.selectionManager.selectionMode;
     let selectedText = ($dbSRa$react.useMemo)(()=>{
         var _textValue_;
-        return selectionMode === 'single' ? (_textValue_ = textValue[0]) !== null && _textValue_ !== undefined ? _textValue_ : '' : formatter.format(textValue);
+        return selectionMode === 'single' ? (_textValue_ = textValue[0]) !== null && _textValue_ !== void 0 ? _textValue_ : '' : formatter.format(textValue);
     }, [
         selectionMode,
         formatter,
@@ -17087,13 +17161,13 @@ const $82d7e5349645de74$export$e288731fd71264f0 = /*#__PURE__*/ ($f39a9eba43920a
     var _ref, _state_selectedItems__value;
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        defaultChildren: (_ref = defaultChildren !== null && defaultChildren !== undefined ? defaultChildren : placeholder) !== null && _ref !== undefined ? _ref : stringFormatter.format('selectPlaceholder'),
+        defaultChildren: (_ref = defaultChildren !== null && defaultChildren !== void 0 ? defaultChildren : placeholder) !== null && _ref !== void 0 ? _ref : stringFormatter.format('selectPlaceholder'),
         defaultClassName: 'react-aria-SelectValue',
         values: {
-            selectedItem: (_state_selectedItems__value = (_state_selectedItems_ = state.selectedItems[0]) === null || _state_selectedItems_ === undefined ? undefined : _state_selectedItems_.value) !== null && _state_selectedItems__value !== undefined ? _state_selectedItems__value : null,
+            selectedItem: (_state_selectedItems__value = (_state_selectedItems_ = state.selectedItems[0]) === null || _state_selectedItems_ === void 0 ? void 0 : _state_selectedItems_.value) !== null && _state_selectedItems__value !== void 0 ? _state_selectedItems__value : null,
             selectedItems: ($dbSRa$react.useMemo)(()=>state.selectedItems.map((item)=>{
                     var _item_value;
-                    return (_item_value = item.value) !== null && _item_value !== undefined ? _item_value : null;
+                    return (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : null;
                 }), [
                 state.selectedItems
             ]),
@@ -17256,7 +17330,7 @@ function $eaf9e70818b436db$var$TagGroupInner({ props: props, forwardedRef: ref,
         id: id,
         ref: ref,
         slot: props.slot || undefined,
-        className: (_props_className = props.className) !== null && _props_className !== undefined ? _props_className : 'react-aria-TagGroup',
+        className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : 'react-aria-TagGroup',
         style: props.style
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
@@ -17473,7 +17547,7 @@ const $bcdf0525bf22703d$export$2c73285ae9390cec = /*#__PURE__*/ ($f39a9eba43920a
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bcdf0525bf22703d$export$2129e27b3ef0d483);
     let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
     var _props_validationBehavior, _ref;
-    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
     let inputRef = ($dbSRa$react.useRef)(null);
     [props, inputRef] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, inputRef, ($4e85f108e88277b8$export$698f465ec27e93df));
     let [labelRef, label] = ($64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
@@ -17660,7 +17734,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
             '--trigger-anchor-point': triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : undefined,
             ...renderProps.style
         },
-        "data-placement": placement !== null && placement !== undefined ? placement : undefined,
+        "data-placement": placement !== null && placement !== void 0 ? placement : undefined,
         "data-entering": isEntering || undefined,
         "data-exiting": props.isExiting || undefined
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($44f671af83e7d9e0$export$2de4954e8ae13b9f).Provider, {
@@ -17907,7 +17981,12 @@ function Header({ children, logoLinkElement, logoImage = jsxRuntime.jsx(SvgBcLog
     function getLogo() {
         if (!logoLinkElement)
             return (jsxRuntime.jsx("a", { href: "/", title: "Government of British Columbia", children: logoImage }));
-        return $dbSRa$react.cloneElement(logoLinkElement, { children: logoImage });
+        // The `<any>` type below is necessary to allow users to specify their own
+        // link elements from any router library.
+        // eslint-disable-next-line
+        return $dbSRa$react.cloneElement(logoLinkElement, {
+            children: logoImage,
+        });
     }
     function getTitle() {
         switch (titleElement) {
@@ -18058,7 +18137,7 @@ function Text({ elementType = "span", size = "medium", color = "primary", isUnst
     return (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { elementType: elementType, className: isUnstyled ? undefined : `bcds-react-aria-Text ${size} ${color}`, ...props, children: props.children }));
 }
 
-var css_248z$3 = ".bcds-react-aria-TextArea {\n  display: inline-flex;\n  flex-direction: column;\n  /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n  align-self: stretch;\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n\n/* Styles for the text label above the input field */\n.bcds-react-aria-TextArea--Label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Styles for the description and character count slot below the input field */\n.bcds-react-aria-TextArea--Description {\n  display: grid;\n  gap: var(--layout-margin-medium);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n}\n\n/* Description label */\n.bcds-react-aria-TextArea--Description > .text {\n  justify-self: flex-start;\n  grid-row: 1;\n}\n\n/* Character counter */\n.bcds-react-aria-TextArea--Description > .counter {\n  justify-self: flex-end;\n  grid-row: 1;\n}\n\n/* Styles for the input field container */\n.bcds-react-aria-TextArea--Container {\n  color: var(--typography-color-primary);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  background: var(--surface-color-forms-default);\n  box-sizing: border-box;\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  padding: var(--layout-padding-small) 12px;\n}\n\n/* Text input field */\n.bcds-react-aria-TextArea--Input {\n  font: var(--typography-regular-body);\n  padding: var(--layout-padding-none);\n  color: var(--typography-color-primary);\n  border: none;\n  flex-grow: 1;\n}\n\n.bcds-rect-aria-TextArea--Input::placeholder {\n  color: var(--typography-color-placeholder);\n}\n\n/* Hover and focus states */\n.bcds-react-aria-TextArea--Container\n  > .bcds-react-aria-TextArea--Input[data-focused] {\n  outline: none;\n}\n\n.bcds-react-aria-TextArea--Container:focus-within {\n  border-radius: var(--layout-border-radius-large);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-active);\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n.bcds-react-aria-TextArea--Container:hover {\n  border-color: var(--surface-color-border-dark);\n}\n\n/* Disabled and invalid states */\n.bcds-react-aria-TextArea[data-disabled]\n  > .bcds-react-aria-TextArea--Container {\n  background: var(--surface-color-forms-disabled);\n  cursor: not-allowed;\n}\n\n.bcds-react-aria-TextArea--Input[data-disabled] {\n  cursor: not-allowed;\n}\n\n.bcds-react-aria-TextArea[data-invalid] > .bcds-react-aria-TextArea--Container {\n  border-radius: var(--layout-border-radius-medium);\n  border: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n  background: var(--surface-color-forms-default);\n}\n\n.bcds-react-aria-TextArea[data-readonly]\n  > .bcds-react-aria-TextArea--Container {\n  background: var(--surface-color-forms-disabled);\n}\n\n.bcds-react-aria-TextArea[data-readonly]\n  > .bcds-react-aria-TextArea--Container\n  > .bcds-react-aria-TextArea--Input {\n  background: var(--surface-color-forms-disabled);\n}\n\n/* Styles for the error message slot */\n.bcds-react-aria-TextArea--Error {\n  display: flex;\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n\n.bcds-react-aria-TextArea--Error > svg {\n  padding-right: var(--layout-padding-xsmall);\n  color: var(--icons-color-danger);\n  width: var(--icons-size-medium);\n  height: var(--icons-size-medium);\n}\n";
+var css_248z$3 = ".bcds-react-aria-TextArea {\n  display: inline-flex;\n  flex-direction: column;\n  /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n  align-self: stretch;\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n\n/* Styles for the text label above the input field */\n.bcds-react-aria-TextArea--Label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Styles for the description and character count slot below the input field */\n.bcds-react-aria-TextArea--Description {\n  display: grid;\n  gap: var(--layout-margin-medium);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n}\n\n/* Description label */\n.bcds-react-aria-TextArea--Description > .text {\n  justify-self: flex-start;\n  grid-row: 1;\n}\n\n/* Character counter */\n.bcds-react-aria-TextArea--Description > .counter {\n  justify-self: flex-end;\n  grid-row: 1;\n}\n\n/* Styles for the input field container */\n.bcds-react-aria-TextArea--Container {\n  color: var(--typography-color-primary);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  background: var(--surface-color-forms-default);\n  box-sizing: border-box;\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  padding: var(--layout-padding-small) 12px;\n}\n\n/* Text input field */\n.bcds-react-aria-TextArea--Input {\n  font: var(--typography-regular-body);\n  padding: var(--layout-padding-none);\n  color: var(--typography-color-primary);\n  border: none;\n  flex-grow: 1;\n}\n\n.bcds-rect-aria-TextArea--Input::placeholder {\n  color: var(--typography-color-placeholder);\n}\n\n/* Hover and focus states */\n.bcds-react-aria-TextArea--Container\n  > .bcds-react-aria-TextArea--Input[data-focused] {\n  outline: none;\n}\n\n.bcds-react-aria-TextArea--Container:focus-within {\n  border-radius: var(--layout-border-radius-large);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-active);\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n.bcds-react-aria-TextArea--Container:hover {\n  border-color: var(--surface-color-border-dark);\n}\n\n/* Disabled and invalid states */\n.bcds-react-aria-TextArea[data-disabled] > .bcds-react-aria-TextArea--Container,\n.bcds-react-aria-TextArea[data-disabled] .bcds-react-aria-TextArea--Input {\n  background: var(--surface-color-forms-disabled);\n  color: var(--typography-color-placeholder);\n  cursor: not-allowed;\n}\n\n.bcds-react-aria-TextArea[data-invalid] > .bcds-react-aria-TextArea--Container {\n  border-radius: var(--layout-border-radius-medium);\n  border: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n  background: var(--surface-color-forms-default);\n}\n\n.bcds-react-aria-TextArea[data-readonly] > .bcds-react-aria-TextArea--Container,\n.bcds-react-aria-TextArea[data-readonly] .bcds-react-aria-TextArea--Input {\n  background: var(--surface-color-forms-disabled);\n}\n\n/* Styles for the error message slot */\n.bcds-react-aria-TextArea--Error {\n  display: flex;\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n\n.bcds-react-aria-TextArea--Error > svg {\n  padding-right: var(--layout-padding-xsmall);\n  color: var(--icons-color-danger);\n  width: var(--icons-size-medium);\n  height: var(--icons-size-medium);\n}\n";
 styleInject(css_248z$3);
 
 function TextArea({ label, description, errorMessage, maxLength, onChange, value, ...props }) {
@@ -18072,7 +18151,7 @@ function TextArea({ label, description, errorMessage, maxLength, onChange, value
     return (jsxRuntime.jsx($bcdf0525bf22703d$export$2c73285ae9390cec, { className: `bcds-react-aria-TextArea`, ...props, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-TextArea--Label", children: isRequired ? `${label} (required)` : label })), jsxRuntime.jsx("div", { className: "bcds-react-aria-TextArea--Container", children: jsxRuntime.jsx($216918bed6669f72$export$f5c9f3c2c4054eec, { className: "bcds-react-aria-TextArea--Input", value: value, onChange: (e) => handleChange(e.target.value) }) }), description || maxLength ? (jsxRuntime.jsxs("div", { className: "bcds-react-aria-TextArea--Description", children: [description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "text", children: description })), maxLength && (jsxRuntime.jsxs("div", { className: "counter", children: [charCount, "/", maxLength] }))] })) : null, isInvalid && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-TextArea--Error", children: [jsxRuntime.jsx(SvgExclamationIcon, {}), jsxRuntime.jsx($ee014567cb39d3f0$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
 }
 
-var css_248z$2 = ".bcds-react-aria-TextField {\n  display: inline-flex;\n  flex-direction: column;\n  /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n  align-self: stretch;\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n\n/* Styles for the text label above the input field */\n.bcds-react-aria-TextField--Label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n.bcds-react-aria-TextField--Label .required {\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n\n/* Styles for the text description below the input field */\n.bcds-react-aria-TextField--Description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Styles for the input field container */\n.bcds-react-aria-TextField--container {\n  color: var(--typography-color-primary);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  background: var(--surface-color-forms-default);\n  box-sizing: border-box;\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  padding: var(--layout-padding-small) 12px;\n}\n\n/* Sizes */\n.bcds-react-aria-TextField--container.small {\n  height: var(--layout-margin-xlarge);\n  min-height: var(--layout-margin-xlarge);\n}\n\n.bcds-react-aria-TextField--container.medium {\n  height: var(--layout-margin-xxlarge);\n  min-height: var(--layout-margin-xxlarge);\n}\n\n/* Text input field */\n.bcds-react-aria-TextField--Input {\n  font: var(--typography-regular-body);\n  padding: var(--layout-padding-none);\n  color: var(--typography-color-primary);\n  border: none;\n  flex-grow: 1;\n}\n\n.bcds-react-aria-TextField--Input::placeholder {\n  color: var(--typography-color-placeholder);\n}\n\n/* Hover and focus states */\n\n.bcds-react-aria-TextField--container\n  > .bcds-react-aria-TextField--Input[data-focused] {\n  outline: none;\n}\n\n.bcds-react-aria-TextField--container:focus-within {\n  border-radius: var(--layout-border-radius-large);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-active);\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n.bcds-react-aria-TextField--container:hover {\n  border-color: var(--surface-color-border-dark);\n}\n\n/* Disabled and invalid states */\n\n.bcds-react-aria-TextField[data-disabled]\n  > .bcds-react-aria-TextField--container {\n  background: var(--surface-color-forms-disabled);\n  cursor: not-allowed;\n}\n\n.bcds-react-aria-TextField--Input[data-disabled] {\n  color: var(--typography-color-placeholder);\n  cursor: not-allowed;\n}\n\n.bcds-react-aria-TextField[data-invalid]\n  > .bcds-react-aria-TextField--container {\n  border-radius: var(--layout-border-radius-medium);\n  border: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n  background: var(--surface-color-forms-default);\n}\n\n.bcds-react-aria-TextField[data-readonly]\n  > .bcds-react-aria-TextField--container {\n  background: var(--surface-color-forms-disabled);\n}\n\n.bcds-react-aria-TextField[data-readonly]\n  > .bcds-react-aria-TextField--container\n  > .bcds-react-aria-TextField--Input {\n  background: var(--surface-color-forms-disabled);\n}\n\n/* Styles for the error message slot */\n.bcds-react-aria-TextField--Error {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n\n.bcds-react-aria-TextField[data-invalid]\n  > .bcds-react-aria-TextField--container\n  > svg#exclamation-icon {\n  color: var(--icons-color-danger);\n  min-width: var(--icons-size-medium);\n  height: var(--icons-size-medium);\n}\n";
+var css_248z$2 = ".bcds-react-aria-TextField {\n  display: inline-flex;\n  flex-direction: column;\n  /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n  align-self: stretch;\n  max-width: -moz-available;\n  max-width: -webkit-fill-available;\n}\n\n/* Styles for the text label above the input field */\n.bcds-react-aria-TextField--Label {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-primary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n.bcds-react-aria-TextField--Label .required {\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n\n/* Styles for the text description below the input field */\n.bcds-react-aria-TextField--Description {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-secondary);\n  padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Styles for the input field container */\n.bcds-react-aria-TextField--container {\n  color: var(--typography-color-primary);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--layout-margin-small);\n  background: var(--surface-color-forms-default);\n  box-sizing: border-box;\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-default);\n  border-radius: var(--layout-border-radius-medium);\n  padding: var(--layout-padding-small) 12px;\n}\n\n/* Sizes */\n.bcds-react-aria-TextField--container.small {\n  height: var(--layout-margin-xlarge);\n  min-height: var(--layout-margin-xlarge);\n}\n\n.bcds-react-aria-TextField--container.medium {\n  height: var(--layout-margin-xxlarge);\n  min-height: var(--layout-margin-xxlarge);\n}\n\n/* Text input field */\n.bcds-react-aria-TextField--Input {\n  font: var(--typography-regular-body);\n  padding: var(--layout-padding-none);\n  color: var(--typography-color-primary);\n  border: none;\n  flex-grow: 1;\n}\n\n.bcds-react-aria-TextField--Input::placeholder {\n  color: var(--typography-color-placeholder);\n}\n\n/* Hover and focus states */\n\n.bcds-react-aria-TextField--container\n  > .bcds-react-aria-TextField--Input[data-focused] {\n  outline: none;\n}\n\n.bcds-react-aria-TextField--container:focus-within {\n  border-radius: var(--layout-border-radius-large);\n  border: var(--layout-border-width-small) solid\n    var(--surface-color-border-active);\n  outline: solid var(--layout-border-width-medium)\n    var(--surface-color-border-active);\n  outline-offset: var(--layout-margin-hair);\n}\n\n.bcds-react-aria-TextField--container:hover {\n  border-color: var(--surface-color-border-dark);\n}\n\n/* Disabled and invalid states */\n\n.bcds-react-aria-TextField[data-disabled]\n  > .bcds-react-aria-TextField--container,\n.bcds-react-aria-TextField[data-disabled] .bcds-react-aria-TextField--Input {\n  background: var(--surface-color-forms-disabled);\n  color: var(--typography-color-placeholder);\n  cursor: not-allowed;\n}\n\n.bcds-react-aria-TextField[data-invalid]\n  > .bcds-react-aria-TextField--container {\n  border-radius: var(--layout-border-radius-medium);\n  border: var(--layout-border-width-small) solid\n    var(--support-border-color-danger);\n  background: var(--surface-color-forms-default);\n}\n\n.bcds-react-aria-TextField[data-readonly]\n  > .bcds-react-aria-TextField--container,\n.bcds-react-aria-TextField[data-readonly] .bcds-react-aria-TextField--Input {\n  background: var(--surface-color-forms-disabled);\n}\n\n.bcds-react-aria-TextField[data-readonly]\n  > .bcds-react-aria-TextField--container\n  > .bcds-react-aria-TextField--Input {\n  background: var(--surface-color-forms-disabled);\n}\n\n/* Styles for the error message slot */\n.bcds-react-aria-TextField--Error {\n  font: var(--typography-regular-small-body);\n  color: var(--typography-color-danger);\n}\n\n.bcds-react-aria-TextField[data-invalid]\n  > .bcds-react-aria-TextField--container\n  > svg#exclamation-icon {\n  color: var(--icons-color-danger);\n  min-width: var(--icons-size-medium);\n  height: var(--icons-size-medium);\n}\n";
 styleInject(css_248z$2);
 
 function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }) {