@bcgov/design-system-react-components 0.6.1-pr652 → 0.7.0-pr653

package/dist/cjs/index.cjs

@@ -353,7 +353,7 @@ function $f4e2df6bd15f8569$export$98658e8c59125e6a() {
 }
 
 // Source: https://github.com/microsoft/tabster/blob/a89fc5d7e332d48f68d03b1ca6e344489d1c3898/src/Shadowdomize/DOMFunctions.ts#L16
-
+/* eslint-disable rsp-rules/no-non-shadow-contains, rsp-rules/safe-event-target */ 
 
 function $d4ee10de306f2510$export$4282f70798064fe0(node, otherNode) {
     if (!($f4e2df6bd15f8569$export$98658e8c59125e6a)()) return otherNode && node ? node.contains(otherNode) : false;
@@ -377,11 +377,23 @@ const $d4ee10de306f2510$export$cd4e5573fbe2b576 = (doc = document)=>{
     return activeElement;
 };
 function $d4ee10de306f2510$export$e58f029f0fbfdb29(event) {
-    if (($f4e2df6bd15f8569$export$98658e8c59125e6a)() && event.target.shadowRoot) {
-        if (event.composedPath) return event.composedPath()[0];
+    if (($f4e2df6bd15f8569$export$98658e8c59125e6a)() && event.target instanceof Element && event.target.shadowRoot) {
+        var _event_composedPath_, _event_nativeEvent_composedPath_;
+        if ('composedPath' in event) return (_event_composedPath_ = event.composedPath()[0]) !== null && _event_composedPath_ !== void 0 ? _event_composedPath_ : null;
+        else if ('composedPath' in event.nativeEvent) return (_event_nativeEvent_composedPath_ = event.nativeEvent.composedPath()[0]) !== null && _event_nativeEvent_composedPath_ !== void 0 ? _event_nativeEvent_composedPath_ : null;
     }
     return event.target;
 }
+function $d4ee10de306f2510$export$b4f377a2b6254582(node) {
+    if (!node) return false;
+    // Get the active element within the node's parent shadow root (or the document). Can return null.
+    let root = node.getRootNode();
+    let ownerWindow = ($431fbd86ca7dc216$export$f21a1ffae260145a)(node);
+    if (!(root instanceof ownerWindow.Document || root instanceof ownerWindow.ShadowRoot)) return false;
+    let activeElement = root.activeElement;
+    // Check if the active element is within this node. These nodes are within the same shadow root.
+    return activeElement != null && node.contains(activeElement);
+}
 
 // https://github.com/microsoft/tabster/blob/a89fc5d7e332d48f68d03b1ca6e344489d1c3898/src/Shadowdomize/ShadowTreeWalker.ts
 
@@ -571,6 +583,38 @@ function $dfc540311bf7f109$export$4d0f8be8b12a7ef6(doc, root, whatToShow, filter
     return doc.createTreeWalker(root, whatToShow, filter);
 }
 
+/*
+ * Copyright 2020 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.
+ */ function $5dc95899b306f630$export$c9058316764c140e(...refs) {
+    if (refs.length === 1 && refs[0]) return refs[0];
+    return (value)=>{
+        let hasCleanup = false;
+        const cleanups = refs.map((ref)=>{
+            const cleanup = $5dc95899b306f630$var$setRef(ref, value);
+            hasCleanup || (hasCleanup = typeof cleanup == 'function');
+            return cleanup;
+        });
+        if (hasCleanup) return ()=>{
+            cleanups.forEach((cleanup, i)=>{
+                if (typeof cleanup === 'function') cleanup();
+                else $5dc95899b306f630$var$setRef(refs[i], null);
+            });
+        };
+    };
+}
+function $5dc95899b306f630$var$setRef(ref, value) {
+    if (typeof ref === 'function') return ref(value);
+    else if (ref != null) ref.current = value;
+}
+
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 /*
@@ -586,6 +630,7 @@ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else i
  */ 
 
 
+
 function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
     // Start with a base clone of the first argument. This is a lot faster than starting
     // with an empty object and adding properties as we go.
@@ -602,44 +647,13 @@ function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
             key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);
             else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = (clsx)(a, b);
             else if (key === 'id' && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629)(a, b);
+            else if (key === 'ref' && a && b) result.ref = ($5dc95899b306f630$export$c9058316764c140e)(a, b);
             else result[key] = b !== undefined ? b : a;
         }
     }
     return result;
 }
 
-/*
- * Copyright 2020 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.
- */ function $5dc95899b306f630$export$c9058316764c140e(...refs) {
-    if (refs.length === 1 && refs[0]) return refs[0];
-    return (value)=>{
-        let hasCleanup = false;
-        const cleanups = refs.map((ref)=>{
-            const cleanup = $5dc95899b306f630$var$setRef(ref, value);
-            hasCleanup || (hasCleanup = typeof cleanup == 'function');
-            return cleanup;
-        });
-        if (hasCleanup) return ()=>{
-            cleanups.forEach((cleanup, i)=>{
-                if (typeof cleanup === 'function') cleanup();
-                else $5dc95899b306f630$var$setRef(refs[i], null);
-            });
-        };
-    };
-}
-function $5dc95899b306f630$var$setRef(ref, value) {
-    if (typeof ref === 'function') return ref(value);
-    else if (ref != null) ref.current = value;
-}
-
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -974,6 +988,7 @@ function $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f(e, router, href, routerOption
 // bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
 // than one or the other. So we need to track what's actually transitioning so that
 // we can ignore these duplicate events.
+
 let $bbed8b41f857bcc0$var$transitionsByElement = new Map();
 // A list of callbacks to call once there are no transitioning elements.
 let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
@@ -983,31 +998,33 @@ function $bbed8b41f857bcc0$var$setupGlobalEvents() {
         return 'propertyName' in event;
     }
     let onTransitionStart = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Add the transitioning property to the list for this element.
-        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(eventTarget);
         if (!transitions) {
             transitions = new Set();
-            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
+            $bbed8b41f857bcc0$var$transitionsByElement.set(eventTarget, transitions);
             // The transitioncancel event must be registered on the element itself, rather than as a global
             // event. This enables us to handle when the node is deleted from the document while it is transitioning.
             // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
-            e.target.addEventListener('transitioncancel', onTransitionEnd, {
+            eventTarget.addEventListener('transitioncancel', onTransitionEnd, {
                 once: true
             });
         }
         transitions.add(e.propertyName);
     };
     let onTransitionEnd = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Remove property from list of transitioning properties.
-        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(eventTarget);
         if (!properties) return;
         properties.delete(e.propertyName);
         // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
         if (properties.size === 0) {
-            e.target.removeEventListener('transitioncancel', onTransitionEnd);
-            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
+            eventTarget.removeEventListener('transitioncancel', onTransitionEnd);
+            $bbed8b41f857bcc0$var$transitionsByElement.delete(eventTarget);
         }
         // If no transitioning elements, call all of the queued callbacks.
         if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
@@ -1335,7 +1352,10 @@ function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
  */ function $cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow) {
     if (!node) return false;
     let style = window.getComputedStyle(node);
+    let root = document.scrollingElement || document.documentElement;
     let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
+    // Root element has `visible` overflow by default, but is scrollable nonetheless.
+    if (node === root && style.overflow !== 'hidden') isScrollable = true;
     if (isScrollable && checkForOverflow) isScrollable = node.scrollHeight !== node.clientHeight || node.scrollWidth !== node.clientWidth;
     return isScrollable;
 }
@@ -1370,12 +1390,13 @@ function $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {
  * governing permissions and limitations under the License.
  */ 
 function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
-    const scrollParents = [];
-    while(node && node !== document.documentElement){
-        if (($cc38e7bd3fc7b213$export$2bb74740c4e19def)(node, checkForOverflow)) scrollParents.push(node);
+    let parentElements = [];
+    let root = document.scrollingElement || document.documentElement;
+    do {
+        if (($cc38e7bd3fc7b213$export$2bb74740c4e19def)(node, checkForOverflow)) parentElements.push(node);
         node = node.parentElement;
-    }
-    return scrollParents;
+    }while (node && node !== root);
+    return parentElements;
 }
 
 /*
@@ -1422,6 +1443,8 @@ function $21f1aa98acb08317$export$c57958e35f31ed73(target) {
  */ 
 
 
+
+
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
     let isSSR = ($b5e257d569688ac6$export$535bd6ca7f90a273)();
@@ -1430,39 +1453,39 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
             height: 0
         } : $5df64b3807dc15ee$var$getViewportSize());
     ($dbSRa$react.useEffect)(()=>{
-        // Use visualViewport api to track available height even on iOS virtual keyboard opening
-        let onResize = ()=>{
-            // Ignore updates when zoomed.
-            if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
+        let updateSize = (newSize)=>{
             setSize((size)=>{
-                let newSize = $5df64b3807dc15ee$var$getViewportSize();
                 if (newSize.width === size.width && newSize.height === size.height) return size;
                 return newSize;
             });
         };
+        // Use visualViewport api to track available height even on iOS virtual keyboard opening
+        let onResize = ()=>{
+            // Ignore updates when zoomed.
+            if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
+            updateSize($5df64b3807dc15ee$var$getViewportSize());
+        };
         // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.
         // We can anticipate this and resize early by handling the blur event and using the layout size.
         let frame;
         let onBlur = (e)=>{
             if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
-            if (($21f1aa98acb08317$export$c57958e35f31ed73)(e.target)) // Wait one frame to see if a new element gets focused.
+            if (($21f1aa98acb08317$export$c57958e35f31ed73)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) // Wait one frame to see if a new element gets focused.
             frame = requestAnimationFrame(()=>{
-                if (!document.activeElement || !($21f1aa98acb08317$export$c57958e35f31ed73)(document.activeElement)) setSize((size)=>{
-                    let newSize = {
-                        width: window.innerWidth,
-                        height: window.innerHeight
-                    };
-                    if (newSize.width === size.width && newSize.height === size.height) return size;
-                    return newSize;
+                let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
+                if (!activeElement || !($21f1aa98acb08317$export$c57958e35f31ed73)(activeElement)) updateSize({
+                    width: document.documentElement.clientWidth,
+                    height: document.documentElement.clientHeight
                 });
             });
         };
-        window.addEventListener('blur', onBlur, true);
+        updateSize($5df64b3807dc15ee$var$getViewportSize());
+        if (($c87311424ea30a05$export$fedb369cb70207f1)()) window.addEventListener('blur', onBlur, true);
         if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);
         else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
             cancelAnimationFrame(frame);
-            window.removeEventListener('blur', onBlur, true);
+            if (($c87311424ea30a05$export$fedb369cb70207f1)()) window.removeEventListener('blur', onBlur, true);
             if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);
             else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);
         };
@@ -1472,8 +1495,8 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
 function $5df64b3807dc15ee$var$getViewportSize() {
     return {
         // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
-        width: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.width * $5df64b3807dc15ee$var$visualViewport.scale : window.innerWidth,
-        height: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.height * $5df64b3807dc15ee$var$visualViewport.scale : window.innerHeight
+        width: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.width * $5df64b3807dc15ee$var$visualViewport.scale : document.documentElement.clientWidth,
+        height: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.height * $5df64b3807dc15ee$var$visualViewport.scale : document.documentElement.clientHeight
     };
 }
 
@@ -1566,59 +1589,84 @@ 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');
-    let width = element.offsetWidth;
-    let height = element.offsetHeight;
-    let x = scrollView.scrollLeft;
+
+function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element, opts = {}) {
+    let { block: block = 'nearest', inline: inline = 'nearest' } = opts;
+    if (scrollView === element) return;
     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);
-    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 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;
-    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
- * offsetLeft or offsetTop through intervening offsetParents.
- */ function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
-    const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
-    let sum = 0;
-    while(child.offsetParent){
-        sum += child[prop];
-        if (child.offsetParent === ancestor) break;
-        else if (child.offsetParent.contains(ancestor)) {
-            // If the ancestor is not `position:relative`, then we stop at
-            // _its_ offset parent, and we subtract off _its_ offset, so that
-            // we end up with the proper offset from child to ancestor.
-            sum -= ancestor[prop];
-            break;
-        }
-        child = child.offsetParent;
+    let x = scrollView.scrollLeft;
+    let target = element.getBoundingClientRect();
+    let view = scrollView.getBoundingClientRect();
+    let itemStyle = window.getComputedStyle(element);
+    let viewStyle = window.getComputedStyle(scrollView);
+    let root = document.scrollingElement || document.documentElement;
+    let viewTop = scrollView === root ? 0 : view.top;
+    let viewBottom = scrollView === root ? scrollView.clientHeight : view.bottom;
+    let viewLeft = scrollView === root ? 0 : view.left;
+    let viewRight = scrollView === root ? scrollView.clientWidth : view.right;
+    let scrollMarginTop = parseInt(itemStyle.scrollMarginTop, 10) || 0;
+    let scrollMarginBottom = parseInt(itemStyle.scrollMarginBottom, 10) || 0;
+    let scrollMarginLeft = parseInt(itemStyle.scrollMarginLeft, 10) || 0;
+    let scrollMarginRight = parseInt(itemStyle.scrollMarginRight, 10) || 0;
+    let scrollPaddingTop = parseInt(viewStyle.scrollPaddingTop, 10) || 0;
+    let scrollPaddingBottom = parseInt(viewStyle.scrollPaddingBottom, 10) || 0;
+    let scrollPaddingLeft = parseInt(viewStyle.scrollPaddingLeft, 10) || 0;
+    let scrollPaddingRight = parseInt(viewStyle.scrollPaddingRight, 10) || 0;
+    let borderTopWidth = parseInt(viewStyle.borderTopWidth, 10) || 0;
+    let borderBottomWidth = parseInt(viewStyle.borderBottomWidth, 10) || 0;
+    let borderLeftWidth = parseInt(viewStyle.borderLeftWidth, 10) || 0;
+    let borderRightWidth = parseInt(viewStyle.borderRightWidth, 10) || 0;
+    let scrollAreaTop = target.top - scrollMarginTop;
+    let scrollAreaBottom = target.bottom + scrollMarginBottom;
+    let scrollAreaLeft = target.left - scrollMarginLeft;
+    let scrollAreaRight = target.right + scrollMarginRight;
+    let scrollBarOffsetX = scrollView === root ? 0 : borderLeftWidth + borderRightWidth;
+    let scrollBarOffsetY = scrollView === root ? 0 : borderTopWidth + borderBottomWidth;
+    let scrollBarWidth = scrollView.offsetWidth - scrollView.clientWidth - scrollBarOffsetX;
+    let scrollBarHeight = scrollView.offsetHeight - scrollView.clientHeight - scrollBarOffsetY;
+    let scrollPortTop = viewTop + borderTopWidth + scrollPaddingTop;
+    let scrollPortBottom = viewBottom - borderBottomWidth - scrollPaddingBottom - scrollBarHeight;
+    let scrollPortLeft = viewLeft + borderLeftWidth + scrollPaddingLeft;
+    let scrollPortRight = viewRight - borderRightWidth - scrollPaddingRight;
+    // IOS always positions the scrollbar on the right ¯\_(ツ)_/¯
+    if (viewStyle.direction === 'rtl' && !($c87311424ea30a05$export$fedb369cb70207f1)()) scrollPortLeft += scrollBarWidth;
+    else scrollPortRight -= scrollBarWidth;
+    let shouldScrollBlock = scrollAreaTop < scrollPortTop || scrollAreaBottom > scrollPortBottom;
+    let shouldScrollInline = scrollAreaLeft < scrollPortLeft || scrollAreaRight > scrollPortRight;
+    if (shouldScrollBlock && block === 'start') y += scrollAreaTop - scrollPortTop;
+    else if (shouldScrollBlock && block === 'center') y += (scrollAreaTop + scrollAreaBottom) / 2 - (scrollPortTop + scrollPortBottom) / 2;
+    else if (shouldScrollBlock && block === 'end') y += scrollAreaBottom - scrollPortBottom;
+    else if (shouldScrollBlock && block === 'nearest') {
+        let start = scrollAreaTop - scrollPortTop;
+        let end = scrollAreaBottom - scrollPortBottom;
+        y += Math.abs(start) <= Math.abs(end) ? start : end;
+    }
+    if (shouldScrollInline && inline === 'start') x += scrollAreaLeft - scrollPortLeft;
+    else if (shouldScrollInline && inline === 'center') x += (scrollAreaLeft + scrollAreaRight) / 2 - (scrollPortLeft + scrollPortRight) / 2;
+    else if (shouldScrollInline && inline === 'end') x += scrollAreaRight - scrollPortRight;
+    else if (shouldScrollInline && inline === 'nearest') {
+        let start = scrollAreaLeft - scrollPortLeft;
+        let end = scrollAreaRight - scrollPortRight;
+        x += Math.abs(start) <= Math.abs(end) ? start : end;
+    }
+    if (process.env.NODE_ENV === 'test') {
+        scrollView.scrollLeft = x;
+        scrollView.scrollTop = y;
+        return;
     }
-    return sum;
+    scrollView.scrollTo({
+        left: x,
+        top: y
+    });
 }
-function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
-    if (targetElement && document.contains(targetElement)) {
+function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts = {}) {
+    let { containingElement: containingElement } = opts;
+    if (targetElement && targetElement.isConnected) {
         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
-        if (!isScrollPrevented) {
+        // 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)()) {
             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;
@@ -1629,8 +1677,8 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
             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 === 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, {
+                var _containingElement_scrollIntoView, _targetElement_scrollIntoView1;
+                containingElement === null || containingElement === void 0 ? void 0 : (_containingElement_scrollIntoView = containingElement.scrollIntoView) === null || _containingElement_scrollIntoView === void 0 ? void 0 : _containingElement_scrollIntoView.call(containingElement, {
                     block: 'center',
                     inline: 'center'
                 });
@@ -1639,10 +1687,19 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
                 });
             }
         } else {
-            let scrollParents = ($a40c673dc9f6d9c7$export$94ed1c92c7beeb22)(targetElement);
+            let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
             // 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);
+            let scrollParents = ($a40c673dc9f6d9c7$export$94ed1c92c7beeb22)(targetElement, true);
             for (let scrollParent of scrollParents)$2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
+            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) {
+                scrollParents = containingElement ? ($a40c673dc9f6d9c7$export$94ed1c92c7beeb22)(containingElement, true) : [];
+                for (let scrollParent of scrollParents)$2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, containingElement, {
+                    block: 'center',
+                    inline: 'center'
+                });
+            }
         }
     }
 }
@@ -2082,7 +2139,7 @@ function $64fa3d84918910a7$export$2881499e37b75b9a({ values: values, children: c
     return children;
 }
 function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
-    let { className: className, style: style, children: children, defaultClassName: defaultClassName, defaultChildren: defaultChildren, defaultStyle: defaultStyle, values: values } = props;
+    let { className: className, style: style, children: children, defaultClassName: defaultClassName, defaultChildren: defaultChildren, defaultStyle: defaultStyle, values: values, render: render } = props;
     return ($dbSRa$react.useMemo)(()=>{
         let computedClassName;
         let computedStyle;
@@ -2110,7 +2167,8 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
                 ...computedStyle
             } : undefined,
             children: computedChildren !== null && computedChildren !== void 0 ? computedChildren : defaultChildren,
-            'data-rac': ''
+            'data-rac': '',
+            render: render ? (props)=>render(props, values) : undefined
         };
     }, [
         className,
@@ -2119,7 +2177,8 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
         defaultClassName,
         defaultChildren,
         defaultStyle,
-        values
+        values,
+        render
     ]);
 }
 function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
@@ -2201,6 +2260,41 @@ function $64fa3d84918910a7$export$ef03459518577ad4(props) {
     for(const prop in props)if (!prefix.test(prop)) filteredProps[prop] = props[prop];
     return filteredProps;
 }
+function $64fa3d84918910a7$var$DOMElement(ElementType, props, forwardedRef) {
+    let { render: render, ...otherProps } = props;
+    let elementRef = ($dbSRa$react.useRef)(null);
+    let ref = ($dbSRa$react.useMemo)(()=>($5dc95899b306f630$export$c9058316764c140e)(forwardedRef, elementRef), [
+        forwardedRef,
+        elementRef
+    ]);
+    ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        if (process.env.NODE_ENV !== 'production' && render) {
+            if (!elementRef.current) console.warn('Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?');
+            else if (elementRef.current.localName !== ElementType) console.warn(`Unexpected DOM element returned by custom \`render\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`);
+        }
+    }, [
+        ElementType,
+        render
+    ]);
+    let domProps = {
+        ...otherProps,
+        ref: ref
+    };
+    if (render) return render(domProps, undefined);
+    return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, domProps);
+}
+const $64fa3d84918910a7$var$domComponentCache = {};
+const $64fa3d84918910a7$export$df3a06d6289f983e = new Proxy({}, {
+    get (target, elementType) {
+        if (typeof elementType !== 'string') return undefined;
+        let res = $64fa3d84918910a7$var$domComponentCache[elementType];
+        if (!res) {
+            res = /*#__PURE__*/ ($dbSRa$react.forwardRef)($64fa3d84918910a7$var$DOMElement.bind(null, elementType));
+            $64fa3d84918910a7$var$domComponentCache[elementType] = res;
+        }
+        return res;
+    }
+});
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -2631,11 +2725,35 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
     // 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 = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
-    let isContainerDescendentOfBoundary = boundaryElement.contains(container);
+    // There are several difference cases of how to calculate the containerOffsetWithBoundary:
+    // - boundaryElement is body or HTML and the container is an arbitrary element in the boundary (aka submenu with parent menu as container in v3)
+    // - boundaryElement and container are both body or HTML element (aka standard popover case)
+    // - boundaryElement is customized by the user. Container can also be arbitrary (either body/HTML or some other element)
+    // containerOffsetWithBoundary should always return a value that is the boundary's coordinate offset with respect to the container coord system (container is 0, 0)
+    let containerOffsetWithBoundary;
+    if ((boundaryElement.tagName === 'BODY' || boundaryElement.tagName === 'HTML') && !isViewportContainer) {
+        // Use getRect instead of getOffset because boundaryDimensions for BODY/HTML is in viewport coordinate space,
+        // not document coordinate space
+        let containerRect = $edcf132a9284368a$export$4b834cebd9e5cebe(container, false);
+        // the offset should be negative because if container is at viewport position x,y, then viewport top (aka 0)
+        // is at position -x,y in container-relative coordinates
+        containerOffsetWithBoundary = {
+            top: -(containerRect.top - boundaryDimensions.top),
+            left: -(containerRect.left - boundaryDimensions.left),
+            width: 0,
+            height: 0
+        };
+    } else if ((boundaryElement.tagName === 'BODY' || boundaryElement.tagName === 'HTML') && isViewportContainer) // both are the same viewport container, no offset needed
+    containerOffsetWithBoundary = {
+        top: 0,
+        left: 0,
+        width: 0,
+        height: 0
+    };
+    else // This returns the boundary's coordinate with respect to the container. This case captures cases such as when you provide a custom boundary
+    // like in ScrollingBoundaryContainerExample in Popover.stories.
+    containerOffsetWithBoundary = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
+    let isContainerDescendentOfBoundary = ($d4ee10de306f2510$export$4282f70798064fe0)(boundaryElement, 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) {
@@ -2719,6 +2837,7 @@ function $edcf132a9284368a$var$isContainingBlock(node) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+
 const $dd149f63282afbbf$export$f6211563215e3b37 = new WeakMap();
 function $dd149f63282afbbf$export$18fc8428861184da(opts) {
     let { triggerRef: triggerRef, isOpen: isOpen, onClose: onClose } = opts;
@@ -2726,13 +2845,13 @@ function $dd149f63282afbbf$export$18fc8428861184da(opts) {
         if (!isOpen || onClose === null) return;
         let onScroll = (e)=>{
             // Ignore if scrolling an scrollable region outside the trigger's tree.
-            let target = e.target;
+            let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
             // window is not a Node and doesn't have contain, but window contains everything
-            if (!triggerRef.current || target instanceof Node && !target.contains(triggerRef.current)) return;
+            if (!triggerRef.current || target instanceof Node && !($d4ee10de306f2510$export$4282f70798064fe0)(target, triggerRef.current)) return;
             // Ignore scroll events on any input or textarea as the cursor position can cause it to scroll
             // such as in a combobox. Clicking the dropdown button places focus on the input, and if the
             // text inside the input extends beyond the 'end', then it will scroll so the cursor is visible at the end.
-            if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
+            if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return;
             let onCloseHandler = onClose || $dd149f63282afbbf$export$f6211563215e3b37.get(triggerRef.current);
             if (onCloseHandler) onCloseHandler();
         };
@@ -3217,6 +3336,12 @@ class $3b62074eb05584b2$export$80ee6245ec4f29ec {
     getDaysInYear(date) {
         return $3b62074eb05584b2$export$553d7fa8e3805fc0(date.year) ? 366 : 365;
     }
+    getMaximumMonthsInYear() {
+        return 12;
+    }
+    getMaximumDaysInMonth() {
+        return 31;
+    }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     getYearsInEra(date) {
         return 9999;
@@ -3419,10 +3544,14 @@ function $14e0f24ef4ac5c92$var$timeToMs(a) {
     return a.hour * 3600000 + a.minute * 60000 + a.second * 1000 + a.millisecond;
 }
 let $14e0f24ef4ac5c92$var$localTimeZone = null;
+let $14e0f24ef4ac5c92$var$localTimeZoneOverride = false;
 function $14e0f24ef4ac5c92$export$aa8b41735afcabd2() {
     if ($14e0f24ef4ac5c92$var$localTimeZone == null) $14e0f24ef4ac5c92$var$localTimeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return $14e0f24ef4ac5c92$var$localTimeZone;
 }
+function $14e0f24ef4ac5c92$export$6ab69b273755230b() {
+    return $14e0f24ef4ac5c92$var$localTimeZoneOverride;
+}
 function $14e0f24ef4ac5c92$export$a5a3b454ada2268e(date) {
     // Use `subtract` instead of `set` so we don't get constrained in an era.
     return date.subtract({
@@ -3439,14 +3568,6 @@ function $14e0f24ef4ac5c92$export$f91e89d3d0406102(date) {
         months: date.month - 1
     }));
 }
-function $14e0f24ef4ac5c92$export$5412ac11713b72ad(date) {
-    if (date.calendar.getMinimumMonthInYear) return date.calendar.getMinimumMonthInYear(date);
-    return 1;
-}
-function $14e0f24ef4ac5c92$export$b2f4953d301981d5(date) {
-    if (date.calendar.getMinimumDayInMonth) return date.calendar.getMinimumDayInMonth(date);
-    return 1;
-}
 function $14e0f24ef4ac5c92$export$42c81a444fbfb5d4(date, locale, firstDayOfWeek) {
     let dayOfWeek = $14e0f24ef4ac5c92$export$2061056d06d7cdf7(date, locale, firstDayOfWeek);
     return date.subtract({
@@ -3579,7 +3700,9 @@ function $11d87f3f76e88657$export$59c99f3515d3493f(ms, timeZone) {
     // Fast path for UTC.
     if (timeZone === 'UTC') return 0;
     // Fast path: for local timezone after 1970, use native Date.
-    if (ms > 0 && timeZone === ($14e0f24ef4ac5c92$export$aa8b41735afcabd2)()) return new Date(ms).getTimezoneOffset() * -6e4;
+    // Skip this fast path if the local timezone was explicitly overridden via setLocalTimeZone,
+    // since native Date always uses the browser's timezone, not the overridden one.
+    if (ms > 0 && timeZone === ($14e0f24ef4ac5c92$export$aa8b41735afcabd2)() && !($14e0f24ef4ac5c92$export$6ab69b273755230b)()) return new Date(ms).getTimezoneOffset() * -6e4;
     let { year: year, month: month, day: day, hour: hour, minute: minute, second: second } = $11d87f3f76e88657$var$getTimeZoneParts(ms, timeZone);
     let utc = $11d87f3f76e88657$var$epochFromParts(year, month, day, hour, minute, second, 0);
     return utc - Math.floor(ms / 1000) * 1000;
@@ -3633,7 +3756,9 @@ function $11d87f3f76e88657$export$5107c82f94518f5c(date, timeZone, disambiguatio
     // Fast path: if the time zone is UTC, use native Date.
     if (timeZone === 'UTC') return $11d87f3f76e88657$export$bd4fb2bc8bb06fb(dateTime);
     // Fast path: if the time zone is the local timezone and disambiguation is compatible, use native Date.
-    if (timeZone === ($14e0f24ef4ac5c92$export$aa8b41735afcabd2)() && disambiguation === 'compatible') {
+    // Skip this fast path if the local timezone was explicitly overridden via setLocalTimeZone,
+    // since native Date always uses the browser's timezone, not the overridden one.
+    if (timeZone === ($14e0f24ef4ac5c92$export$aa8b41735afcabd2)() && disambiguation === 'compatible' && !($14e0f24ef4ac5c92$export$6ab69b273755230b)()) {
         dateTime = $11d87f3f76e88657$export$b4a036af3fc0b032(dateTime, new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
         // Don't use Date constructor here because two-digit years are interpreted in the 20th century.
         let date = new Date();
@@ -3724,6 +3849,9 @@ function $11d87f3f76e88657$export$538b00033cc11c75(date, timeZone) {
     let ms = $11d87f3f76e88657$export$bd4fb2bc8bb06fb(date) - date.offset;
     return $11d87f3f76e88657$export$b4a036af3fc0b032($11d87f3f76e88657$export$1b96692a1ba042ac(ms, timeZone), date.calendar);
 }
+function $11d87f3f76e88657$export$d9b67bc93c097491(date) {
+    return $11d87f3f76e88657$export$538b00033cc11c75(date, ($14e0f24ef4ac5c92$export$aa8b41735afcabd2)());
+}
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -4708,6 +4836,12 @@ class $f3ed2e4472ae7e25$export$37fccdbfd14c5939 {
         let isLeapYear = ($2b4dce13dd5a17fa$export$842a2cf37af977e1)(25 * date.year + 11, 33) < 8;
         return isLeapYear ? 30 : 29;
     }
+    getMaximumMonthsInYear() {
+        return 12;
+    }
+    getMaximumDaysInMonth() {
+        return 31;
+    }
     getEras() {
         return [
             'AP'
@@ -4866,6 +5000,12 @@ class $f2f3e0e3a817edbd$export$2066795aadd37bfc {
     getDaysInYear(date) {
         return $f2f3e0e3a817edbd$var$isLeapYear(date.year) ? 355 : 354;
     }
+    getMaximumMonthsInYear() {
+        return 12;
+    }
+    getMaximumDaysInMonth() {
+        return 30;
+    }
     getYearsInEra() {
         // 9999 gregorian
         return 9665;
@@ -5085,6 +5225,12 @@ class $7c5f6fbf42389787$export$ca405048b8fb5af {
     getDaysInYear(date) {
         return $7c5f6fbf42389787$var$getDaysInYear(date.year);
     }
+    getMaximumMonthsInYear() {
+        return 13;
+    }
+    getMaximumDaysInMonth() {
+        return 30;
+    }
     getYearsInEra() {
         // 6239 gregorian
         return 9999;
@@ -5180,6 +5326,12 @@ class $b956b2d7a6cf451f$export$26ba6eab5e20cd7d {
     getDaysInYear(date) {
         return 365 + $b956b2d7a6cf451f$var$getLeapDay(date.year);
     }
+    getMaximumMonthsInYear() {
+        return 13;
+    }
+    getMaximumDaysInMonth() {
+        return 30;
+    }
     getYearsInEra(date) {
         // 9999-12-31 gregorian is 9992-20-02 ethiopic.
         // Round down to 9991 for the last full year.
@@ -6059,9 +6211,9 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         // so it can be restored after repositioning. This way if the overlay height
         // changes, the focused element appears to stay in the same position.
         let anchor = null;
-        if (scrollRef.current && scrollRef.current.contains(document.activeElement)) {
-            var _document_activeElement;
-            let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.getBoundingClientRect();
+        if (scrollRef.current && ($d4ee10de306f2510$export$b4f377a2b6254582)(scrollRef.current)) {
+            var _getActiveElement;
+            let anchorRect = (_getActiveElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)()) === null || _getActiveElement === void 0 ? void 0 : _getActiveElement.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,
@@ -6110,8 +6262,9 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         Object.keys(position.position).forEach((key)=>overlay.style[key] = position.position[key] + 'px');
         overlay.style.maxHeight = position.maxHeight != null ? position.maxHeight + 'px' : '';
         // Restore scroll position relative to anchor element.
-        if (anchor && document.activeElement && scrollRef.current) {
-            let anchorRect = document.activeElement.getBoundingClientRect();
+        let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
+        if (anchor && activeElement && scrollRef.current) {
+            let anchorRect = activeElement.getBoundingClientRect();
             let scrollRect = scrollRef.current.getBoundingClientRect();
             let newOffset = anchorRect[anchor.type] - scrollRect[anchor.type];
             scrollRef.current.scrollTop += newOffset - anchor.offset;
@@ -6265,9 +6418,10 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
         // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a
         // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.
         // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.
-        if (e.target instanceof HTMLButtonElement || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement) {
+        let eventTarget = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (eventTarget instanceof HTMLButtonElement || eventTarget instanceof HTMLInputElement || eventTarget instanceof HTMLTextAreaElement || eventTarget instanceof HTMLSelectElement) {
             stateRef.current.isFocused = true;
-            let target = e.target;
+            let target = eventTarget;
             let onBlurHandler = (e)=>{
                 stateRef.current.isFocused = false;
                 if (target.disabled) {
@@ -6288,7 +6442,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
                 if (stateRef.current.isFocused && target.disabled) {
                     var _stateRef_current_observer;
                     (_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;
+                    let relatedTargetEl = target === ($d4ee10de306f2510$export$cd4e5573fbe2b576)() ? null : ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
                     target.dispatchEvent(new FocusEvent('blur', {
                         relatedTarget: relatedTargetEl
                     }));
@@ -6319,10 +6473,10 @@ function $8a9cb279dc87e130$export$cabe61c495ee3649(target) {
     $8a9cb279dc87e130$export$fda7da73ab5d4c48 = true;
     let isRefocusing = false;
     let onBlur = (e)=>{
-        if (e.target === activeElement || isRefocusing) e.stopImmediatePropagation();
+        if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === activeElement || isRefocusing) e.stopImmediatePropagation();
     };
     let onFocusOut = (e)=>{
-        if (e.target === activeElement || isRefocusing) {
+        if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === activeElement || isRefocusing) {
             e.stopImmediatePropagation();
             // If there was no focusable ancestor, we don't expect a focus event.
             // Re-focus the original active element here.
@@ -6334,10 +6488,10 @@ function $8a9cb279dc87e130$export$cabe61c495ee3649(target) {
         }
     };
     let onFocus = (e)=>{
-        if (e.target === target || isRefocusing) e.stopImmediatePropagation();
+        if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === target || isRefocusing) e.stopImmediatePropagation();
     };
     let onFocusIn = (e)=>{
-        if (e.target === target || isRefocusing) {
+        if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === target || isRefocusing) {
             e.stopImmediatePropagation();
             if (!isRefocusing) {
                 isRefocusing = true;
@@ -6508,7 +6662,9 @@ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
     // Consume context from <PressResponder> and merge with props.
     let context = ($dbSRa$react.useContext)(($ae1eeba8b9eafd08$export$5165eccb35aaadb5));
     if (context) {
-        let { register: register, ...contextProps } = context;
+        // Prevent mergeProps from merging ref.
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        let { register: register, ref: ref, ...contextProps } = context;
         props = ($3ef42575df84b30b$export$9d1611c77c2fe928)(contextProps, props);
         register();
     }
@@ -6556,6 +6712,7 @@ class $f6c31cce2adf654f$var$PressEvent {
         this.altKey = originalEvent.altKey;
         this.x = x;
         this.y = y;
+        this.key = originalEvent.key;
     }
 }
 const $f6c31cce2adf654f$var$LINK_CLICKED = Symbol('linkClicked');
@@ -6699,7 +6856,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     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));
+                    let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target);
                     triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
                     if (wasPressed) triggerSyntheticClickEvent(e, state.target);
                     removeAllGlobalListeners();
@@ -6773,7 +6930,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                         }, 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);
+                        if (e.currentTarget) addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
                         state.disposables.push(()=>clearTimeout(timeout));
                     } else cancelEvent(e);
                     // Ignore subsequent onPointerLeave event before onClick on touch devices.
@@ -6797,7 +6954,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     state.ignoreEmulatedMouseEvents = false;
                     return;
                 }
-                if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
+                if (state.target && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, e.target) && state.pointerType != null) ;
                 else cancelEvent(e);
                 state.isOverTarget = false;
             };
@@ -6829,9 +6986,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         let state = ref.current;
         let pressProps = {
             onKeyDown (e) {
-                if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && ($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) {
+                if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && ($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) {
                     var _state_metaKeyEvents;
-                    if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent), e.key)) e.preventDefault();
+                    if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
                     // If the event is repeating, it may have started on a different element
                     // after which focus moved to the current element. Ignore these events and
                     // only handle the first key down event.
@@ -6855,7 +7012,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 } else if (e.key === 'Meta') state.metaKeyEvents = new Map();
             },
             onClick (e) {
-                if (e && !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (e && !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 if (e && e.button === 0 && !state.isTriggeringEvent && !($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening) {
                     let shouldStopPropagation = true;
                     if (isDisabled) e.preventDefault();
@@ -6884,7 +7041,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (typeof PointerEvent !== 'undefined') {
             pressProps.onPointerDown = (e)=>{
                 // Only handle left clicks, and ignore events that bubbled through portals.
-                if (e.button !== 0 || !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (e.button !== 0 || !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.
                 // Ignore and let the onClick handler take care of it instead.
                 // https://bugs.webkit.org/show_bug.cgi?id=222627
@@ -6905,13 +7062,17 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     shouldStopPropagation = triggerPressStart(e, state.pointerType);
                     // Release pointer capture so that touch interactions can leave the original target.
                     // This enables onPointerLeave and onPointerEnter to fire.
-                    let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent);
-                    if ('releasePointerCapture' in target) target.releasePointerCapture(e.pointerId);
+                    let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+                    if ('releasePointerCapture' in target) {
+                        if ('hasPointerCapture' in target) {
+                            if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId);
+                        } else target.releasePointerCapture(e.pointerId);
+                    }
                 }
                 if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onMouseDown = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 if (e.button === 0) {
                     if (preventFocusOnPress) {
                         let dispose = ($8a9cb279dc87e130$export$cabe61c495ee3649)(e.target);
@@ -6922,7 +7083,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             };
             pressProps.onPointerUp = (e)=>{
                 // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent)) || state.pointerType === 'virtual') return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) || state.pointerType === 'virtual') return;
                 // Only handle left clicks. If isPressed is true, delay until onClick.
                 if (e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || e.pointerType);
             };
@@ -6940,7 +7101,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 }
             };
             pressProps.onDragStart = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
                 cancel(e);
             };
@@ -6949,7 +7110,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             // All browsers now support pointer events, but JSDOM still does not.
             pressProps.onMouseDown = (e)=>{
                 // Only handle left clicks
-                if (e.button !== 0 || !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (e.button !== 0 || !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 if (state.ignoreEmulatedMouseEvents) {
                     e.stopPropagation();
                     return;
@@ -6968,7 +7129,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 }
             };
             pressProps.onMouseEnter = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 let shouldStopPropagation = true;
                 if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
                     state.isOverTarget = true;
@@ -6977,7 +7138,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onMouseLeave = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 let shouldStopPropagation = true;
                 if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
                     state.isOverTarget = false;
@@ -6987,11 +7148,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onMouseUp = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || 'mouse');
             };
             pressProps.onTouchStart = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
                 if (!touch) return;
                 state.activePointerId = touch.identifier;
@@ -7006,7 +7167,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onTouchMove = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 if (!state.isPressed) {
                     e.stopPropagation();
                     return;
@@ -7026,7 +7187,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onTouchEnd = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 if (!state.isPressed) {
                     e.stopPropagation();
                     return;
@@ -7048,12 +7209,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 removeAllGlobalListeners();
             };
             pressProps.onTouchCancel = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 e.stopPropagation();
                 if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
             };
             pressProps.onDragStart = (e)=>{
-                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
+                if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
                 cancel(e);
             };
         }
@@ -7163,7 +7324,8 @@ function $f6c31cce2adf654f$var$createEvent(target, e) {
         metaKey: e.metaKey,
         altKey: e.altKey,
         clientX: clientX,
-        clientY: clientY
+        clientY: clientY,
+        key: e.key
     };
 }
 function $f6c31cce2adf654f$var$getPointClientRect(point) {
@@ -7237,7 +7399,7 @@ function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
 
 
 let $507fabe10e71c6fb$var$currentModality = null;
-let $507fabe10e71c6fb$var$changeHandlers = new Set();
+const $507fabe10e71c6fb$export$901e90a13c50a14e = new Set();
 let $507fabe10e71c6fb$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects.
 let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
 let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
@@ -7247,7 +7409,7 @@ const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
     Escape: true
 };
 function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
-    for (let handler of $507fabe10e71c6fb$var$changeHandlers)handler(modality, e);
+    for (let handler of $507fabe10e71c6fb$export$901e90a13c50a14e)handler(modality, e);
 }
 /**
  * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
@@ -7280,7 +7442,7 @@ function $507fabe10e71c6fb$var$handleFocusEvent(e) {
     // Firefox fires two extra focus events when the user first clicks into an iframe:
     // first on the window, then on the document. We ignore these events so they don't
     // cause keyboard focus rings to appear.
-    if (e.target === window || e.target === document || ($8a9cb279dc87e130$export$fda7da73ab5d4c48) || !e.isTrusted) return;
+    if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === window || ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === document || ($8a9cb279dc87e130$export$fda7da73ab5d4c48) || !e.isTrusted) return;
     // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
     // This occurs, for example, when navigating a form with the next/previous buttons on iOS.
     if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
@@ -7392,9 +7554,9 @@ function $507fabe10e71c6fb$export$98e20ec92f614cfe() {
         let handler = ()=>{
             setModality($507fabe10e71c6fb$var$currentModality);
         };
-        $507fabe10e71c6fb$var$changeHandlers.add(handler);
+        $507fabe10e71c6fb$export$901e90a13c50a14e.add(handler);
         return ()=>{
-            $507fabe10e71c6fb$var$changeHandlers.delete(handler);
+            $507fabe10e71c6fb$export$901e90a13c50a14e.delete(handler);
         };
     }, []);
     return ($b5e257d569688ac6$export$535bd6ca7f90a273)() ? null : modality;
@@ -7414,27 +7576,30 @@ 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 === 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;
+    let document1 = ($431fbd86ca7dc216$export$b204af158042fbac)(e ? ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) : undefined);
+    let eventTarget = e ? ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) : undefined;
+    const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(eventTarget).HTMLInputElement : HTMLInputElement;
+    const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(eventTarget).HTMLTextAreaElement : HTMLTextAreaElement;
+    const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(eventTarget).HTMLElement : HTMLElement;
+    const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(eventTarget).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;
+    let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(document1);
+    isTextInput = isTextInput || activeElement instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(activeElement.type) || activeElement instanceof IHTMLTextAreaElement || activeElement instanceof IHTMLElement && activeElement.isContentEditable;
     return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
 }
 function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
     $507fabe10e71c6fb$var$setupGlobalFocusEvents();
     ($dbSRa$react.useEffect)(()=>{
+        if ((opts === null || opts === void 0 ? void 0 : opts.enabled) === false) return;
         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 === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
             fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
         };
-        $507fabe10e71c6fb$var$changeHandlers.add(handler);
+        $507fabe10e71c6fb$export$901e90a13c50a14e.add(handler);
         return ()=>{
-            $507fabe10e71c6fb$var$changeHandlers.delete(handler);
+            $507fabe10e71c6fb$export$901e90a13c50a14e.delete(handler);
         };
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
@@ -7453,6 +7618,7 @@ function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
  */ 
 
 function $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {
+    if (!element.isConnected) return;
     // If the user is interacting with a virtual cursor, e.g. screen reader, then
     // wait until after any animated transitions that are currently occurring on
     // the page before shifting focus. This avoids issues with VoiceOver on iOS
@@ -7489,7 +7655,7 @@ function $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {
 function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     let { isDisabled: isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange: onFocusChange } = props;
     const onBlur = ($dbSRa$react.useCallback)((e)=>{
-        if (e.target === e.currentTarget) {
+        if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === e.currentTarget) {
             if (onBlurProp) onBlurProp(e);
             if (onFocusChange) onFocusChange(false);
             return true;
@@ -7502,9 +7668,10 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     const onFocus = ($dbSRa$react.useCallback)((e)=>{
         // Double check that document.activeElement actually matches e.target in case a previously chained
         // focus handler already moved focus somewhere else.
-        const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(e.target);
+        let eventTarget = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(eventTarget);
         const activeElement = ownerDocument ? ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument) : ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
-        if (e.target === e.currentTarget && activeElement === ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent)) {
+        if (eventTarget === e.currentTarget && eventTarget === activeElement) {
             if (onFocusProp) onFocusProp(e);
             if (onFocusChange) onFocusChange(true);
             onSyntheticFocus(e);
@@ -7654,16 +7821,15 @@ 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 === void 0 ? void 0 : prevContext.ref));
     let context = ($3ef42575df84b30b$export$9d1611c77c2fe928)(prevContext || {}, {
         ...props,
-        ref: ref,
         register () {
             isRegistered.current = true;
             if (prevContext) prevContext.register();
         }
     });
-    ($e7801be82b4b2a53$export$4debdb1a3f0fa79e)(prevContext, ref);
+    context.ref = ($df56164dff5785e2$export$4338b53315abf666)(ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref));
+    ($e7801be82b4b2a53$export$4debdb1a3f0fa79e)(prevContext, context.ref);
     ($dbSRa$react.useEffect)(()=>{
         if (!isRegistered.current) {
             if (process.env.NODE_ENV !== 'production') console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
@@ -7708,11 +7874,11 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
     let onBlur = ($dbSRa$react.useCallback)((e)=>{
         // Ignore events bubbling through portals.
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
         // We don't want to trigger onBlurWithin and then immediately onFocusWithin again
         // when moving focus inside the element. Only trigger if the currentTarget doesn't
         // include the relatedTarget (where focus is moving).
-        if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+        if (state.current.isFocusWithin && !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, e.relatedTarget)) {
             state.current.isFocusWithin = false;
             removeAllGlobalListeners();
             if (onBlurWithin) onBlurWithin(e);
@@ -7727,12 +7893,13 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     let onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
     let onFocus = ($dbSRa$react.useCallback)((e)=>{
         // Ignore events bubbling through portals.
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
         // Double check that document.activeElement actually matches e.target in case a previously chained
         // focus handler already moved focus somewhere else.
-        const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(e.target);
+        let eventTarget = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(eventTarget);
         const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
-        if (!state.current.isFocusWithin && activeElement === ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent)) {
+        if (!state.current.isFocusWithin && activeElement === eventTarget) {
             if (onFocusWithin) onFocusWithin(e);
             if (onFocusWithinChange) onFocusWithinChange(true);
             state.current.isFocusWithin = true;
@@ -7742,9 +7909,10 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
             // can manually fire onBlur.
             let currentTarget = e.currentTarget;
             addGlobalListener(ownerDocument, 'focus', (e)=>{
-                if (state.current.isFocusWithin && !($d4ee10de306f2510$export$4282f70798064fe0)(currentTarget, e.target)) {
+                let eventTarget = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+                if (state.current.isFocusWithin && !($d4ee10de306f2510$export$4282f70798064fe0)(currentTarget, eventTarget)) {
                     let nativeEvent = new ownerDocument.defaultView.FocusEvent('blur', {
-                        relatedTarget: e.target
+                        relatedTarget: eventTarget
                     });
                     ($8a9cb279dc87e130$export$c2b7abe5d61ec696)(nativeEvent, currentTarget);
                     let event = ($8a9cb279dc87e130$export$525bc4921d56d4a)(nativeEvent);
@@ -7838,7 +8006,7 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
     let { hoverProps: hoverProps, triggerHoverEnd: triggerHoverEnd } = ($dbSRa$react.useMemo)(()=>{
         let triggerHoverStart = (event, pointerType)=>{
             state.pointerType = pointerType;
-            if (isDisabled || pointerType === 'touch' || state.isHovered || !event.currentTarget.contains(event.target)) return;
+            if (isDisabled || pointerType === 'touch' || state.isHovered || !($d4ee10de306f2510$export$4282f70798064fe0)(event.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(event))) return;
             state.isHovered = true;
             let target = event.currentTarget;
             state.target = target;
@@ -7846,8 +8014,8 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
             // even though the originally hovered target may have shrunk in size so it is no longer hovered.
             // However, a pointerover event will be fired on the new target the mouse is over.
             // In Chrome this happens immediately. In Safari and Firefox, it happens upon moving the mouse one pixel.
-            addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(event.target), 'pointerover', (e)=>{
-                if (state.isHovered && state.target && !($d4ee10de306f2510$export$4282f70798064fe0)(state.target, e.target)) triggerHoverEnd(e, e.pointerType);
+            addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(event)), 'pointerover', (e)=>{
+                if (state.isHovered && state.target && !($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) triggerHoverEnd(e, e.pointerType);
             }, {
                 capture: true
             });
@@ -7881,7 +8049,7 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
                 triggerHoverStart(e, e.pointerType);
             };
             hoverProps.onPointerLeave = (e)=>{
-                if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e, e.pointerType);
+                if (!isDisabled && ($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) triggerHoverEnd(e, e.pointerType);
             };
         } else if (process.env.NODE_ENV === 'test') {
             hoverProps.onTouchStart = ()=>{
@@ -7892,7 +8060,7 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
                 state.ignoreEmulatedMouseEvents = false;
             };
             hoverProps.onMouseLeave = (e)=>{
-                if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e, 'mouse');
+                if (!isDisabled && ($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) triggerHoverEnd(e, 'mouse');
             };
         }
         return {
@@ -8004,12 +8172,13 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
 }
 function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
     if (event.button > 0) return false;
-    if (event.target) {
+    let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(event);
+    if (target) {
         // if the event target is no longer in the document, ignore
-        const ownerDocument = event.target.ownerDocument;
-        if (!ownerDocument || !ownerDocument.documentElement.contains(event.target)) return false;
+        const ownerDocument = target.ownerDocument;
+        if (!ownerDocument || !($d4ee10de306f2510$export$4282f70798064fe0)(ownerDocument.documentElement, target)) return false;
         // If the target is within a top layer element (e.g. toasts), ignore.
-        if (event.target.closest('[data-react-aria-top-layer]')) return false;
+        if (target.closest('[data-react-aria-top-layer]')) return false;
     }
     if (!ref.current) return false;
     // When the event source is inside a Shadow DOM, event.target is just the shadow root.
@@ -8326,22 +8495,23 @@ function $9bf71ea28793e738$var$shouldContainFocus(scopeRef) {
     }
     return true;
 }
+function $9bf71ea28793e738$var$getRadiosInGroup(element) {
+    if (!element.form) // Radio buttons outside a form - query the document
+    return Array.from(($431fbd86ca7dc216$export$b204af158042fbac)(element).querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`)).filter((radio)=>!radio.form);
+    // namedItem returns RadioNodeList (iterable) for 2+ elements, but a single Element for exactly 1.
+    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormControlsCollection/namedItem
+    const radioList = element.form.elements.namedItem(element.name);
+    let ownerWindow = ($431fbd86ca7dc216$export$f21a1ffae260145a)(element);
+    if (radioList instanceof ownerWindow.RadioNodeList) return Array.from(radioList).filter((el)=>el instanceof ownerWindow.HTMLInputElement);
+    if (radioList instanceof ownerWindow.HTMLInputElement) return [
+        radioList
+    ];
+    return [];
+}
 function $9bf71ea28793e738$var$isTabbableRadio(element) {
     if (element.checked) return true;
-    let radios = [];
-    if (!element.form) radios = [
-        ...($431fbd86ca7dc216$export$b204af158042fbac)(element).querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`)
-    ].filter((radio)=>!radio.form);
-    else {
-        var _element_form_elements, _element_form;
-        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 !== void 0 ? radioList : []
-        ];
-    }
-    if (!radios) return false;
-    let anyChecked = radios.some((radio)=>radio.checked);
-    return !anyChecked;
+    const radios = $9bf71ea28793e738$var$getRadiosInGroup(element);
+    return radios.length > 0 && !radios.some((radio)=>radio.checked);
 }
 function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
     let focusedNode = ($dbSRa$react.useRef)(undefined);
@@ -8441,7 +8611,7 @@ function $9bf71ea28793e738$var$isElementInAnyScope(element) {
 function $9bf71ea28793e738$var$isElementInScope(element, scope) {
     if (!element) return false;
     if (!scope) return false;
-    return scope.some((node)=>node.contains(element));
+    return scope.some((node)=>($d4ee10de306f2510$export$4282f70798064fe0)(node, element));
 }
 function $9bf71ea28793e738$var$isElementInChildScope(element, scope = null) {
     // If the element is within a top layer element (e.g. toasts), always allow moving focus there.
@@ -8688,9 +8858,8 @@ function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
     // Create a TreeWalker, ensuring the root is an Element or Document
     let walker = ($dfc540311bf7f109$export$4d0f8be8b12a7ef6)(doc, root || doc, NodeFilter.SHOW_ELEMENT, {
         acceptNode (node) {
-            var _opts_from;
             // Skip nodes inside the starting node.
-            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 (($d4ee10de306f2510$export$4282f70798064fe0)(opts === null || opts === void 0 ? void 0 : opts.from, 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;
@@ -8715,7 +8884,7 @@ function $9bf71ea28793e738$export$c5251b9e124bf29(ref, defaultOptions = {}) {
                 tabbable: tabbable,
                 accept: accept
             });
-            if (root.contains(node)) walker.currentNode = node;
+            if (($d4ee10de306f2510$export$4282f70798064fe0)(root, node)) walker.currentNode = node;
             let nextNode = walker.nextNode();
             if (!nextNode && wrap) {
                 walker.currentNode = root;
@@ -8733,7 +8902,7 @@ function $9bf71ea28793e738$export$c5251b9e124bf29(ref, defaultOptions = {}) {
                 tabbable: tabbable,
                 accept: accept
             });
-            if (root.contains(node)) walker.currentNode = node;
+            if (($d4ee10de306f2510$export$4282f70798064fe0)(root, node)) walker.currentNode = node;
             else {
                 let next = $9bf71ea28793e738$var$last(walker);
                 if (next) $9bf71ea28793e738$var$focusElement(next, true);
@@ -8870,6 +9039,7 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
     let updateState = ($dbSRa$react.useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
     let onFocusChange = ($dbSRa$react.useCallback)((isFocused)=>{
         state.current.isFocused = isFocused;
+        state.current.isFocusVisible = ($507fabe10e71c6fb$export$b9b3dfddab17db27)();
         setFocused(isFocused);
         updateState();
     }, [
@@ -8878,7 +9048,11 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
     ($507fabe10e71c6fb$export$ec71b4b83ac08ec3)((isFocusVisible)=>{
         state.current.isFocusVisible = isFocusVisible;
         updateState();
-    }, [], {
+    }, [
+        isTextInput,
+        isFocused
+    ], {
+        enabled: isFocused,
         isTextInput: isTextInput
     });
     let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
@@ -8991,9 +9165,11 @@ function $55f9b1ae81f22853$export$759df0d867455a91(document) {
  */ 
 
 
+
 const $a11501f3d1d39e6c$var$visibleOverlays = [];
 function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
     let { onClose: onClose, shouldCloseOnBlur: shouldCloseOnBlur, isOpen: isOpen, isDismissable: isDismissable = false, isKeyboardDismissDisabled: isKeyboardDismissDisabled = false, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside } = props;
+    let lastVisibleOverlay = ($dbSRa$react.useRef)(undefined);
     // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.
     ($dbSRa$react.useEffect)(()=>{
         if (isOpen && !$a11501f3d1d39e6c$var$visibleOverlays.includes(ref)) {
@@ -9012,21 +9188,24 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
         if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref && onClose) onClose();
     };
     let onInteractOutsideStart = (e)=>{
-        if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
-            if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) {
+        const topMostOverlay = $a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1];
+        lastVisibleOverlay.current = topMostOverlay;
+        if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) {
+            if (topMostOverlay === ref) {
                 e.stopPropagation();
                 e.preventDefault();
             }
         }
     };
     let onInteractOutside = (e)=>{
-        if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
+        if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) {
             if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) {
                 e.stopPropagation();
                 e.preventDefault();
             }
-            onHide();
+            if (lastVisibleOverlay.current === ref) onHide();
         }
+        lastVisibleOverlay.current = undefined;
     };
     // Handle the escape key
     let onKeyDown = (e)=>{
@@ -9060,7 +9239,7 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
     });
     let onPointerDownUnderlay = (e)=>{
         // fixes a firefox issue that starts text selection https://bugzilla.mozilla.org/show_bug.cgi?id=1675846
-        if (e.target === e.currentTarget) e.preventDefault();
+        if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === e.currentTarget) e.preventDefault();
     };
     return {
         overlayProps: {
@@ -9174,20 +9353,25 @@ function $49c51c25361d4cd2$var$preventScrollStandard() {
 //    by preventing default in a `touchmove` event. This is best effort: we can't prevent default when pinch
 //    zooming or when an element contains text selection, which may allow scrolling in some cases.
 // 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.
-// 4. When focus moves to an input, create an off screen input and focus that temporarily. This prevents 
+// 4. When focus moves to an input, create an off screen input and focus that temporarily. This prevents
 //    Safari from scrolling the page. After a small delay, focus the real input and scroll it into view
 //    ourselves, without scrolling the whole page.
 function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
+    // Set overflow hidden so scrollIntoViewport() (useSelectableCollection) sees isScrollPrevented and
+    // scrolls only scroll parents instead of calling native scrollIntoView() which moves the window.
+    let restoreOverflow = $49c51c25361d4cd2$var$setStyle(document.documentElement, 'overflow', 'hidden');
     let scrollable;
     let allowTouchMove = false;
     let onTouchStart = (e)=>{
         // Store the nearest scrollable parent element from the element that the user touched.
-        let target = e.target;
+        let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
         scrollable = ($cc38e7bd3fc7b213$export$2bb74740c4e19def)(target) ? target : ($62d8ded9296f3872$export$cfa2225e87938781)(target, true);
         allowTouchMove = false;
         // If the target is selected, don't preventDefault in touchmove to allow user to adjust selection.
         let selection = target.ownerDocument.defaultView.getSelection();
         if (selection && !selection.isCollapsed && selection.containsNode(target, true)) allowTouchMove = true;
+        // If this is a range input, allow touch move to allow user to adjust the slider value
+        if (e.composedPath().some((el)=>el instanceof HTMLInputElement && el.type === 'range')) allowTouchMove = true;
         // If this is a focused input element with a selected range, allow user to drag the selection handles.
         if ('selectionStart' in target && 'selectionEnd' in target && target.selectionStart < target.selectionEnd && target.ownerDocument.activeElement === target) allowTouchMove = true;
     };
@@ -9220,7 +9404,7 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
         if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth) e.preventDefault();
     };
     let onBlur = (e)=>{
-        let target = e.target;
+        let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
         let relatedTarget = e.relatedTarget;
         if (relatedTarget && ($21f1aa98acb08317$export$c57958e35f31ed73)(relatedTarget)) {
             // Focus without scrolling the whole page, and then scroll into view manually.
@@ -9245,7 +9429,8 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
     let focus = HTMLElement.prototype.focus;
     HTMLElement.prototype.focus = function(opts) {
         // Track whether the keyboard was already visible before.
-        let wasKeyboardVisible = document.activeElement != null && ($21f1aa98acb08317$export$c57958e35f31ed73)(document.activeElement);
+        let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
+        let wasKeyboardVisible = activeElement != null && ($21f1aa98acb08317$export$c57958e35f31ed73)(activeElement);
         // Focus the element without scrolling the page.
         focus.call(this, {
             ...opts,
@@ -9261,6 +9446,7 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
         capture: true
     }), $49c51c25361d4cd2$var$addEvent(document, 'blur', onBlur, true));
     return ()=>{
+        restoreOverflow();
         removeEvents();
         style.remove();
         HTMLElement.prototype.focus = focus;
@@ -9756,6 +9942,7 @@ function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+
 const $5e3802645cc19319$var$supportsInert = typeof HTMLElement !== 'undefined' && 'inert' in HTMLElement.prototype;
 // Keeps a ref count of all hidden elements. Added to when hiding an element, and
 // subtracted from when showing it again. When it reaches zero, aria-hidden is removed.
@@ -9784,6 +9971,17 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, options) {
             element.inert = false;
         }
     };
+    let shadowRootsToWatch = new Set();
+    if (($f4e2df6bd15f8569$export$98658e8c59125e6a)()) // find all shadow roots that are ancestors of the targets
+    // traverse upwards until the root is reached
+    for (let target of targets){
+        let node = target;
+        while(node && node !== root){
+            let root = node.getRootNode();
+            if ('shadowRoot' in root) shadowRootsToWatch.add(root.shadowRoot);
+            node = root.parentNode;
+        }
+    }
     let walk = (root)=>{
         // Keep live announcer and top layer elements (e.g. toasts) visible.
         for (let element of root.querySelectorAll('[data-live-announcer], [data-react-aria-top-layer]'))visibleNodes.add(element);
@@ -9795,11 +9993,11 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, options) {
             if (hiddenNodes.has(node) || visibleNodes.has(node) || node.parentElement && hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute('role') !== 'row') return NodeFilter.FILTER_REJECT;
             // Skip this node but continue to children if one of the targets is inside the node.
             for (let target of visibleNodes){
-                if (node.contains(target)) return NodeFilter.FILTER_SKIP;
+                if (($d4ee10de306f2510$export$4282f70798064fe0)(node, target)) return NodeFilter.FILTER_SKIP;
             }
             return NodeFilter.FILTER_ACCEPT;
         };
-        let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
+        let walker = ($dfc540311bf7f109$export$4d0f8be8b12a7ef6)(($431fbd86ca7dc216$export$b204af158042fbac)(root), root, NodeFilter.SHOW_ELEMENT, {
             acceptNode: acceptNode
         });
         // TreeWalker does not include the root.
@@ -9832,19 +10030,56 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, options) {
             if (change.type !== 'childList') continue;
             // If the parent element of the added nodes is not within one of the targets,
             // and not already inside a hidden node, hide all of the new children.
-            if (![
+            if (change.target.isConnected && ![
                 ...visibleNodes,
                 ...hiddenNodes
-            ].some((node)=>node.contains(change.target))) for (let node of change.addedNodes){
+            ].some((node)=>($d4ee10de306f2510$export$4282f70798064fe0)(node, change.target))) for (let node of change.addedNodes){
                 if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === 'true' || node.dataset.reactAriaTopLayer === 'true')) visibleNodes.add(node);
                 else if (node instanceof Element) walk(node);
             }
+            if (($f4e2df6bd15f8569$export$98658e8c59125e6a)()) {
+                // if any of the observed shadow roots were removed, stop observing them
+                for (let shadowRoot of shadowRootsToWatch)if (!shadowRoot.isConnected) {
+                    observer.disconnect();
+                    break;
+                }
+            }
         }
     });
     observer.observe(root, {
         childList: true,
         subtree: true
     });
+    let shadowObservers = new Set();
+    if (($f4e2df6bd15f8569$export$98658e8c59125e6a)()) for (let shadowRoot of shadowRootsToWatch){
+        // Disconnect single target instead of all https://github.com/whatwg/dom/issues/126
+        let shadowObserver = new MutationObserver((changes)=>{
+            for (let change of changes){
+                if (change.type !== 'childList') continue;
+                // If the parent element of the added nodes is not within one of the targets,
+                // and not already inside a hidden node, hide all of the new children.
+                if (change.target.isConnected && ![
+                    ...visibleNodes,
+                    ...hiddenNodes
+                ].some((node)=>($d4ee10de306f2510$export$4282f70798064fe0)(node, change.target))) for (let node of change.addedNodes){
+                    if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === 'true' || node.dataset.reactAriaTopLayer === 'true')) visibleNodes.add(node);
+                    else if (node instanceof Element) walk(node);
+                }
+                if (($f4e2df6bd15f8569$export$98658e8c59125e6a)()) {
+                    // if any of the observed shadow roots were removed, stop observing them
+                    for (let shadowRoot of shadowRootsToWatch)if (!shadowRoot.isConnected) {
+                        observer.disconnect();
+                        break;
+                    }
+                }
+            }
+        });
+        shadowObserver.observe(shadowRoot, {
+            childList: true,
+            subtree: true
+        });
+        shadowObservers.add(shadowObserver);
+    }
     let observerWrapper = {
         visibleNodes: visibleNodes,
         hiddenNodes: hiddenNodes,
@@ -9861,6 +10096,7 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, options) {
     $5e3802645cc19319$var$observerStack.push(observerWrapper);
     return ()=>{
         observer.disconnect();
+        if (($f4e2df6bd15f8569$export$98658e8c59125e6a)()) for (let shadowObserver of shadowObservers)shadowObserver.disconnect();
         for (let node of hiddenNodes){
             let count = $5e3802645cc19319$var$refCountMap.get(node);
             if (count == null) continue;
@@ -10188,6 +10424,7 @@ function $feb5ffebff200149$export$6aeb1680a0ae8741(collection) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+
 /**
  * Controls how long to wait before clearing the typeahead buffer.
  */ const $fb3050f43d946246$var$TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second
@@ -10199,7 +10436,7 @@ function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
     }).current;
     let onKeyDown = (e)=>{
         let character = $fb3050f43d946246$var$getStringForKey(e.key);
-        if (!character || e.ctrlKey || e.metaKey || !e.currentTarget.contains(e.target) || state.search.length === 0 && character === ' ') return;
+        if (!character || e.ctrlKey || e.metaKey || !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) || state.search.length === 0 && character === ' ') return;
         // Do not propagate the Spacebar event if it's meant to be part of the search.
         // When we time out, the search term becomes empty, hence the check on length.
         // Trimming is to account for the case of pressing the Spacebar more than once,
@@ -10261,17 +10498,16 @@ function $fb3050f43d946246$var$getStringForKey(key) {
 
 
 function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
-    let { selectionManager: manager, keyboardDelegate: delegate, ref: ref, autoFocus: autoFocus = false, shouldFocusWrap: shouldFocusWrap = false, disallowEmptySelection: disallowEmptySelection = false, disallowSelectAll: disallowSelectAll = false, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace', disallowTypeAhead: disallowTypeAhead = false, shouldUseVirtualFocus: shouldUseVirtualFocus, allowsTabNavigation: allowsTabNavigation = false, isVirtualized: isVirtualized, scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
+    let { selectionManager: manager, keyboardDelegate: delegate, ref: ref, autoFocus: autoFocus = false, shouldFocusWrap: shouldFocusWrap = false, disallowEmptySelection: disallowEmptySelection = false, disallowSelectAll: disallowSelectAll = false, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace', disallowTypeAhead: disallowTypeAhead = false, shouldUseVirtualFocus: shouldUseVirtualFocus, allowsTabNavigation: allowsTabNavigation = false, scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
     scrollRef = ref, linkBehavior: linkBehavior = 'action' } = options;
     let { direction: direction } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
     let router = ($ea8dcbcb9ea1b556$export$9a302a45f65d0572)();
     let onKeyDown = (e)=>{
-        var _ref_current;
         // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
         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 === void 0 ? void 0 : _ref_current.contains(e.target))) return;
+        if (!ref.current || !($d4ee10de306f2510$export$4282f70798064fe0)(ref.current, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
         const navigateToKey = (key, childFocus)=>{
             if (key != null) {
                 if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !($feb5ffebff200149$export$d3e3bd3e26688c04)(e)) {
@@ -10412,7 +10648,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
                         // 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);
+                        let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
+                        if (next && (!($d4ee10de306f2510$export$b4f377a2b6254582)(next) || activeElement && !($b4b717babfbb907b$export$bebd5a1431fec25d)(activeElement))) ($7215afc6de606d6b$export$de79e2c695e052f3)(next);
                     }
                     break;
                 }
@@ -10424,7 +10661,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         top: 0,
         left: 0
     });
-    ($e9faafb641e167db$export$90fc3a17d93f704c)(scrollRef, 'scroll', isVirtualized ? undefined : ()=>{
+    ($e9faafb641e167db$export$90fc3a17d93f704c)(scrollRef, 'scroll', ()=>{
         var _scrollRef_current, _scrollRef_current1;
         var _scrollRef_current_scrollTop, _scrollRef_current_scrollLeft;
         scrollPos.current = {
@@ -10435,11 +10672,11 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
     let onFocus = (e)=>{
         if (manager.isFocused) {
             // If a focus event bubbled through a portal, reset focus state.
-            if (!e.currentTarget.contains(e.target)) manager.setFocused(false);
+            if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) manager.setFocused(false);
             return;
         }
         // Focus events can bubble through portals. Ignore these events.
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
         manager.setFocused(true);
         if (manager.focusedKey == null) {
             var _delegate_getLastKey, _delegate_getFirstKey;
@@ -10456,7 +10693,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             var _manager_lastSelectedKey, _manager_firstSelectedKey;
             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) {
+        } else if (scrollRef.current) {
             // Restore the scroll position to what it was before.
             scrollRef.current.scrollTop = scrollPos.current.top;
             scrollRef.current.scrollLeft = scrollPos.current.left;
@@ -10466,7 +10703,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             let element = ($feb5ffebff200149$export$c3d8340acf92597f)(ref, manager.focusedKey);
             if (element instanceof HTMLElement) {
                 // This prevents a flash of focus on the first/last element in the collection, or the collection itself.
-                if (!element.contains(document.activeElement) && !shouldUseVirtualFocus) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
+                if (!($d4ee10de306f2510$export$b4f377a2b6254582)(element) && !shouldUseVirtualFocus) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
                 let modality = ($507fabe10e71c6fb$export$630ff653c5ada6a9)();
                 if (modality === 'keyboard') ($2f04cbc44ee30ce0$export$c826860796309d1b)(element, {
                     containingElement: ref.current
@@ -10476,7 +10713,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
     };
     let onBlur = (e)=>{
         // Don't set blurred and then focused again if moving focus within the collection.
-        if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false);
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, e.relatedTarget)) manager.setFocused(false);
     };
     // Ref to track whether the first item in the collection should be automatically focused. Specifically used for autocomplete when user types
     // to focus the first key AFTER the collection updates.
@@ -10607,7 +10844,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         onBlur: onBlur,
         onMouseDown (e) {
             // Ignore events that bubbled through portals.
-            if (scrollRef.current === e.target) // Prevent focus going to the collection when clicking on the scrollbar.
+            if (scrollRef.current === ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) // Prevent focus going to the collection when clicking on the scrollbar.
             e.preventDefault();
         }
     };
@@ -10679,7 +10916,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         if (isFocused && manager.isFocused) {
             if (!shouldUseVirtualFocus) {
                 if (focus) focus();
-                else if (document.activeElement !== ref.current && ref.current) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
+                else if (($d4ee10de306f2510$export$cd4e5573fbe2b576)() !== ref.current && ref.current) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
             } else ($55f9b1ae81f22853$export$76e4e37e5339496d)(ref.current);
         }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -10699,13 +10936,20 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     if (!shouldUseVirtualFocus && !isDisabled) itemProps = {
         tabIndex: key === manager.focusedKey ? 0 : -1,
         onFocus (e) {
-            if (e.target === ref.current) manager.setFocusedKey(key);
+            if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) === ref.current) manager.setFocusedKey(key);
         }
     };
     else if (isDisabled) itemProps.onMouseDown = (e)=>{
         // Prevent focus going to the body when clicking on a disabled item.
         e.preventDefault();
     };
+    ($dbSRa$react.useEffect)(()=>{
+        if (isDisabled && manager.focusedKey === key) manager.setFocusedKey(null);
+    }, [
+        manager,
+        isDisabled,
+        key
+    ]);
     // With checkbox selection, onAction (i.e. navigation) becomes primary, and occurs on a single click of the row.
     // Clicking the checkbox enters selection mode, after which clicking anywhere on any row toggles selection for that row.
     // With highlight selection, onAction is secondary, and occurs on double click. Single click selects the row.
@@ -10747,13 +10991,13 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         itemPressProps.onPressStart = (e)=>{
             modality.current = e.pointerType;
             longPressEnabledOnPressStart.current = longPressEnabled;
-            if (e.pointerType === 'keyboard' && (!hasAction || $880e95eb8b93ba9a$var$isSelectionKey())) onSelect(e);
+            if (e.pointerType === 'keyboard' && (!hasAction || $880e95eb8b93ba9a$var$isSelectionKey(e.key))) onSelect(e);
         };
         // If allowsDifferentPressOrigin and interacting with mouse, make selection happen on pressUp (e.g. open menu on press down, selection on menu item happens on press up.)
         // Otherwise, have selection happen onPress (prevents listview row selection when clicking on interactable elements in the row)
         if (!allowsDifferentPressOrigin) itemPressProps.onPress = (e)=>{
             if (hasPrimaryAction || hasSecondaryAction && e.pointerType !== 'mouse') {
-                if (e.pointerType === 'keyboard' && !$880e95eb8b93ba9a$var$isActionKey()) return;
+                if (e.pointerType === 'keyboard' && !$880e95eb8b93ba9a$var$isActionKey(e.key)) return;
                 performAction(e);
             } else if (e.pointerType !== 'keyboard' && allowsSelection) onSelect(e);
         };
@@ -10773,13 +11017,13 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
             // Select on mouse down unless there is a primary action which will occur on mouse up.
             // For keyboard, select on key down. If there is an action, the Space key selects on key down,
             // and the Enter key performs onAction on key up.
-            if (allowsSelection && (e.pointerType === 'mouse' && !hasPrimaryAction || e.pointerType === 'keyboard' && (!allowsActions || $880e95eb8b93ba9a$var$isSelectionKey()))) onSelect(e);
+            if (allowsSelection && (e.pointerType === 'mouse' && !hasPrimaryAction || e.pointerType === 'keyboard' && (!allowsActions || $880e95eb8b93ba9a$var$isSelectionKey(e.key)))) onSelect(e);
         };
         itemPressProps.onPress = (e)=>{
             // Selection occurs on touch up. Primary actions always occur on pointer up.
             // Both primary and secondary actions occur on Enter key up. The only exception
             // is secondary actions, which occur on double click with a mouse.
-            if (e.pointerType === 'touch' || e.pointerType === 'pen' || e.pointerType === 'virtual' || e.pointerType === 'keyboard' && hasAction && $880e95eb8b93ba9a$var$isActionKey() || e.pointerType === 'mouse' && hadPrimaryActionOnPressStart.current) {
+            if (e.pointerType === 'touch' || e.pointerType === 'pen' || e.pointerType === 'virtual' || e.pointerType === 'keyboard' && hasAction && $880e95eb8b93ba9a$var$isActionKey(e.key) || e.pointerType === 'mouse' && hadPrimaryActionOnPressStart.current) {
                 if (hasAction) performAction(e);
                 else if (allowsSelection) onSelect(e);
             }
@@ -10864,13 +11108,11 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         hasAction: hasAction
     };
 }
-function $880e95eb8b93ba9a$var$isActionKey() {
-    let event = window.event;
-    return (event === null || event === void 0 ? void 0 : event.key) === 'Enter';
+function $880e95eb8b93ba9a$var$isActionKey(key) {
+    return key === 'Enter';
 }
-function $880e95eb8b93ba9a$var$isSelectionKey() {
-    let event = window.event;
-    return (event === null || event === void 0 ? void 0 : event.key) === ' ' || (event === null || event === void 0 ? void 0 : event.code) === 'Space';
+function $880e95eb8b93ba9a$var$isSelectionKey(key) {
+    return key === ' ';
 }
 
 /*
@@ -11684,11 +11926,15 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
             role: 'presentation'
         },
         headingProps: heading ? {
-            // Techincally, listbox cannot contain headings according to ARIA.
+            // Technically, listbox cannot contain headings according to ARIA.
             // We hide the heading from assistive technology, using role="presentation",
             // and only use it as a visual label for the nested group.
             id: headingId,
-            role: 'presentation'
+            role: 'presentation',
+            onMouseDown: (e)=>{
+                // Prevent DOM focus from moving on mouse down when using virtual focus
+                e.preventDefault();
+            }
         } : {},
         groupProps: {
             role: 'group',
@@ -12290,7 +12536,7 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
         // This is best-effort. There may be false positives, e.g. setTimeout.
         form.reset = ()=>{
             // React uses MessageChannel for scheduling, so ignore 'message' events.
-            isIgnoredReset.current = !window.event || window.event.type === 'message' && window.event.target instanceof MessagePort;
+            isIgnoredReset.current = !window.event || window.event.type === 'message' && ($d4ee10de306f2510$export$e58f029f0fbfdb29)(window.event) instanceof MessagePort;
             reset === null || reset === void 0 ? void 0 : reset.call(form);
             isIgnoredReset.current = false;
         };
@@ -12338,8 +12584,9 @@ function $e93e671b31057976$var$getNativeValidity(input) {
 }
 function $e93e671b31057976$var$getFirstInvalidInput(form) {
     for(let i = 0; i < form.elements.length; i++){
+        var _element_validity;
         let element = form.elements[i];
-        if (!element.validity.valid) return element;
+        if (((_element_validity = element.validity) === null || _element_validity === void 0 ? void 0 : _element_validity.valid) === false) return element;
     }
     return null;
 }
@@ -12400,7 +12647,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
             'aria-haspopup': props['aria-haspopup'],
             'aria-controls': props['aria-controls'],
             value: value,
-            onChange: (e)=>setValue(e.target.value),
+            onChange: (e)=>setValue(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e).value),
             autoComplete: props.autoComplete,
             autoCapitalize: props.autoCapitalize,
             maxLength: props.maxLength,
@@ -12513,7 +12760,7 @@ function $d841c8010a73d545$export$4f384c9210e583c3(props, state, inputRef) {
         inputRef
     ]);
     let onBeforeInput = !$d841c8010a73d545$var$supportsNativeBeforeInputEvent() ? (e)=>{
-        let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
+        let nextValue = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e).value.slice(0, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e).selectionStart) + e.data + ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e).value.slice(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e).selectionEnd);
         if (!state.validate(nextValue)) e.preventDefault();
     } : null;
     let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = ($2d73ec29415bd339$export$712718f7aec83d5)(props, inputRef);
@@ -12979,8 +13226,8 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
         this.ownerDocument.markDirty(this);
     }
     get level() {
-        var _this_node;
-        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);
+        var _this_parentNode_node;
+        if (this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd) return this.parentNode.level + (((_this_parentNode_node = this.parentNode.node) === null || _this_parentNode_node === void 0 ? void 0 : _this_parentNode_node.type) === 'item' ? 1 : 0);
         return 0;
     }
     /**
@@ -13108,11 +13355,9 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
         }
     }
     /** Finalizes the collection update, updating all nodes and freezing the collection. */ getCollection() {
-        // If in a subscription update, return a clone of the existing collection.
-        // This ensures React will queue a render. React will call getCollection again
-        // during render, at which point all the updates will be complete and we can return
-        // the new collection.
-        if (this.inSubscription) return this.collection.clone();
+        // If in a subscription update, return return the existing collection.
+        // React will call getCollection again during render, at which point all the updates will be complete.
+        if (this.inSubscription) return this.collection;
         // Reset queuedRender to false when getCollection is called during render.
         this.queuedRender = false;
         this.updateCollection();
@@ -13151,6 +13396,10 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
         // we reset queuedRender back to false.
         this.queuedRender = true;
         this.inSubscription = true;
+        // Clone the collection to ensure that React queues a render. It will call getCollection again
+        // during render, at which point all the updates will be complete and we can return
+        // the new collection.
+        if (!this.isSSR) this.collection = this.collection.clone();
         for (let fn of this.subscriptions)fn();
         this.inSubscription = false;
     }
@@ -13241,15 +13490,35 @@ function $e948873055cbafe4$export$727c8fc270210f13(props) {
 // It will throw an error during hydration when it expects the firstChild to contain content rendered
 // on the server, when in reality, the browser will have placed this inside the `content` document fragment.
 // This monkey patches the firstChild property for our special hidden template elements to work around this error.
+// does the same for appendChild/removeChild/insertBefore as per the issue below
 // See https://github.com/facebook/react/issues/19932
 if (typeof HTMLTemplateElement !== 'undefined') {
-    const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, 'firstChild').get;
     Object.defineProperty(HTMLTemplateElement.prototype, 'firstChild', {
         configurable: true,
         enumerable: true,
         get: function() {
-            if (this.dataset.reactAriaHidden) return this.content.firstChild;
-            else return getFirstChild.call(this);
+            return this.content.firstChild;
+        }
+    });
+    Object.defineProperty(HTMLTemplateElement.prototype, 'appendChild', {
+        configurable: true,
+        enumerable: true,
+        value: function(node) {
+            return this.content.appendChild(node);
+        }
+    });
+    Object.defineProperty(HTMLTemplateElement.prototype, 'removeChild', {
+        configurable: true,
+        enumerable: true,
+        value: function(node) {
+            return this.content.removeChild(node);
+        }
+    });
+    Object.defineProperty(HTMLTemplateElement.prototype, 'insertBefore', {
+        configurable: true,
+        enumerable: true,
+        value: function(node, child) {
+            return this.content.insertBefore(node, child);
         }
     });
 }
@@ -13264,9 +13533,7 @@ function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
     // In SSR, portals are not supported by React. Instead, always render into a <template>
     // element, which the browser will never display to the user. In addition, the
     // content is not part of the accessible DOM tree, so it won't affect ids or other accessibility attributes.
-    return /*#__PURE__*/ ($dbSRa$react).createElement("template", {
-        "data-react-aria-hidden": true
-    }, children);
+    return /*#__PURE__*/ ($dbSRa$react).createElement("template", null, children);
 }
 function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
     let Wrapper = (props, ref)=>{
@@ -13724,6 +13991,9 @@ function $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDro
             renderDropIndicator
         ],
         children (node) {
+            // Return a empty fragment since we don't want to render the content twice
+            // If we don't skip the content node here, we end up rendering them twice in a Tree since we also render the content node in TreeItem
+            if (node.type === 'content') return /*#__PURE__*/ ($dbSRa$react).createElement(($dbSRa$react).Fragment, null);
             let rendered = node.render(node);
             if (!renderDropIndicator || node.type !== 'item') return rendered;
             return /*#__PURE__*/ ($dbSRa$react).createElement(($dbSRa$react).Fragment, null, renderDropIndicator({
@@ -13946,7 +14216,7 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
     let focusManager = ($9bf71ea28793e738$export$c5251b9e124bf29)(ref);
     const onKeyDown = (e)=>{
         // don't handle portalled events
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
         if (orientation === 'horizontal' && e.key === 'ArrowRight' || orientation === 'vertical' && e.key === 'ArrowDown') {
             if (shouldReverse) focusManager.focusPrevious();
             else focusManager.focusNext();
@@ -13959,7 +14229,7 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
             // to the first or last focusable child, and let the
             // browser handle the Tab key as usual from there.
             e.stopPropagation();
-            lastFocused.current = document.activeElement;
+            lastFocused.current = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
             if (e.shiftKey) focusManager.focusFirst();
             else focusManager.focusLast();
             return;
@@ -13972,14 +14242,13 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
     // Record the last focused child when focus moves out of the toolbar.
     const lastFocused = ($dbSRa$react.useRef)(null);
     const onBlur = (e)=>{
-        if (!e.currentTarget.contains(e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
     };
     // Restore focus to the last focused child when focus returns into the toolbar.
     // If the element was removed, do nothing, either the first item in the first group,
     // or the last item in the last group will be focused, depending on direction.
     const onFocus = (e)=>{
-        var _ref_current;
-        if (lastFocused.current && !e.currentTarget.contains(e.relatedTarget) && ((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(e.target))) {
+        if (lastFocused.current && !($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, e.relatedTarget) && ($d4ee10de306f2510$export$4282f70798064fe0)(ref.current, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) {
             var _lastFocused_current;
             (_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
             lastFocused.current = null;
@@ -15131,6 +15400,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
         onPressStart (e) {
             if (state.isReadOnly) {
                 state.setFocusedDate(date);
+                state.setFocused(true);
                 return;
             }
             if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
@@ -15142,12 +15412,14 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                     if (($14e0f24ef4ac5c92$export$ea39ec197993aef0)(date, state.highlightedRange.start)) {
                         state.setAnchorDate(state.highlightedRange.end);
                         state.setFocusedDate(date);
+                        state.setFocused(true);
                         state.setDragging(true);
                         isRangeBoundaryPressed.current = true;
                         return;
                     } else if (($14e0f24ef4ac5c92$export$ea39ec197993aef0)(date, state.highlightedRange.end)) {
                         state.setAnchorDate(state.highlightedRange.start);
                         state.setFocusedDate(date);
+                        state.setFocused(true);
                         state.setDragging(true);
                         isRangeBoundaryPressed.current = true;
                         return;
@@ -15158,6 +15430,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                     touchDragTimerRef.current = undefined;
                     state.selectDate(date);
                     state.setFocusedDate(date);
+                    state.setFocused(true);
                     isAnchorPressed.current = true;
                 };
                 // Start selection on mouse/touch down so users can drag to select a range.
@@ -15177,6 +15450,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
             if (!('anchorDate' in state) && !state.isReadOnly) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
+                state.setFocused(true);
             }
         },
         onPressUp (e) {
@@ -15187,6 +15461,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
             if ('anchorDate' in state && touchDragTimerRef.current) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
+                state.setFocused(true);
             }
             if ('anchorDate' in state) {
                 if (isRangeBoundaryPressed.current) // When clicking on the start or end date of an already selected range,
@@ -15197,6 +15472,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                     // When releasing a drag or pressing the end date of a range, select it.
                     state.selectDate(date);
                     state.setFocusedDate(date);
+                    state.setFocused(true);
                 } else if (e.pointerType === 'keyboard' && !state.anchorDate) {
                     // For range selection, auto-advance the focused date by one if using keyboard.
                     // This gives an indication that you're selecting a range rather than a single date.
@@ -15209,11 +15485,15 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                     if (state.isInvalid(nextDay)) nextDay = date.subtract({
                         days: 1
                     });
-                    if (!state.isInvalid(nextDay)) state.setFocusedDate(nextDay);
+                    if (!state.isInvalid(nextDay)) {
+                        state.setFocusedDate(nextDay);
+                        state.setFocused(true);
+                    }
                 } else if (e.pointerType === 'virtual') {
                     // For screen readers, just select the date on click.
                     state.selectDate(date);
                     state.setFocusedDate(date);
+                    state.setFocused(true);
                 }
             }
         }
@@ -15231,7 +15511,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
             // Also only scroll into view if the cell actually got focused.
             // There are some cases where the cell might be disabled or inside,
             // an inert container and we don't want to scroll then.
-            if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() !== 'pointer' && document.activeElement === ref.current) ($2f04cbc44ee30ce0$export$c826860796309d1b)(ref.current, {
+            if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() !== 'pointer' && ($d4ee10de306f2510$export$cd4e5573fbe2b576)() === ref.current) ($2f04cbc44ee30ce0$export$c826860796309d1b)(ref.current, {
                 containingElement: ($62d8ded9296f3872$export$cfa2225e87938781)(ref.current)
             });
         }
@@ -15257,7 +15537,10 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
         },
         buttonProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(pressProps, {
             onFocus () {
-                if (!isDisabled) state.setFocusedDate(date);
+                if (!isDisabled) {
+                    state.setFocusedDate(date);
+                    state.setFocused(true);
+                }
             },
             tabIndex: tabIndex,
             role: 'button',
@@ -15276,7 +15559,12 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                 // This is necessary on touch devices to allow dragging
                 // outside the original pressed element.
                 // (JSDOM does not support this)
-                if ('releasePointerCapture' in e.target) e.target.releasePointerCapture(e.pointerId);
+                let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+                if (target instanceof HTMLElement && 'releasePointerCapture' in target) {
+                    if ('hasPointerCapture' in target) {
+                        if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId);
+                    } else target.releasePointerCapture(e.pointerId);
+                }
             },
             onContextMenu (e) {
                 // Prevent context menu on long press.
@@ -15312,7 +15600,7 @@ function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
         // since we spread props on label, onChange will end up there as well as in here.
         // so we have to stop propagation at the lowest level that we care about
         e.stopPropagation();
-        state.setSelected(e.target.checked);
+        state.setSelected(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e).checked);
     };
     let hasChildren = children != null;
     let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
@@ -15734,22 +16022,25 @@ function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(props) {
         numberParser,
         inputValue
     ]);
-    let commit = ()=>{
+    let commit = (overrideValue)=>{
+        let newInputValue = overrideValue === undefined ? inputValue : overrideValue;
+        let newParsedValue = parsedValue;
+        if (overrideValue !== undefined) newParsedValue = numberParser.parse(newInputValue);
         // Set to empty state if input value is empty
-        if (!inputValue.length) {
+        if (!newInputValue.length) {
             setNumberValue(NaN);
             setInputValue(value === undefined ? '' : format(numberValue));
             return;
         }
         // if it failed to parse, then reset input to formatted version of current number
-        if (isNaN(parsedValue)) {
+        if (isNaN(newParsedValue)) {
             setInputValue(format(numberValue));
             return;
         }
         // Clamp to min and max, round to the nearest step, and round to specified number of digits
         let clampedValue;
-        if (step === undefined || isNaN(step)) clampedValue = ($9446cca9a3875146$export$7d15b64cf5a3a4c4)(parsedValue, minValue, maxValue);
-        else clampedValue = ($9446cca9a3875146$export$cb6e0bb50bc19463)(parsedValue, minValue, maxValue, step);
+        if (step === undefined || isNaN(step)) clampedValue = ($9446cca9a3875146$export$7d15b64cf5a3a4c4)(newParsedValue, minValue, maxValue);
+        else clampedValue = ($9446cca9a3875146$export$cb6e0bb50bc19463)(newParsedValue, minValue, maxValue, step);
         clampedValue = numberParser.parse(format(clampedValue));
         setNumberValue(clampedValue);
         // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
@@ -16115,6 +16406,7 @@ function $parcel$interopDefault$9(a) {
 
 
 
+const $d2e8511e6f209edf$var$noop = ()=>{};
 function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     const _async = ($dbSRa$react.useRef)(undefined);
     let { value: value, textValue: textValue, minValue: minValue, maxValue: maxValue, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, onIncrement: onIncrement, onIncrementPage: onIncrementPage, onDecrement: onDecrement, onDecrementPage: onDecrementPage, onDecrementToMin: onDecrementToMin, onIncrementToMax: onIncrementToMax } = props;
@@ -16201,23 +16493,31 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     }, [
         clearAsync
     ]);
-    const onIncrementPressStart = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
+    const onIncrementEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(onIncrement !== null && onIncrement !== void 0 ? onIncrement : $d2e8511e6f209edf$var$noop);
+    const onDecrementEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(onDecrement !== null && onDecrement !== void 0 ? onDecrement : $d2e8511e6f209edf$var$noop);
+    const stepUpEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) {
+            onIncrementEvent();
+            onIncrementPressStartEvent(60);
+        }
+    });
+    const onIncrementPressStartEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
         clearAsyncEvent();
         isSpinning.current = true;
-        onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
         // Start spinning after initial delay
-        _async.current = window.setTimeout(()=>{
-            if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) onIncrementPressStart(60);
-        }, initialStepDelay);
+        _async.current = window.setTimeout(stepUpEvent, initialStepDelay);
+    });
+    const stepDownEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) {
+            onDecrementEvent();
+            onDecrementPressStartEvent(60);
+        }
     });
-    const onDecrementPressStart = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
+    const onDecrementPressStartEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
         clearAsyncEvent();
         isSpinning.current = true;
-        onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
         // Start spinning after initial delay
-        _async.current = window.setTimeout(()=>{
-            if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) onDecrementPressStart(60);
-        }, initialStepDelay);
+        _async.current = window.setTimeout(stepDownEvent, initialStepDelay);
     });
     let cancelContextMenu = (e)=>{
         e.preventDefault();
@@ -16230,15 +16530,15 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     let isUp = ($dbSRa$react.useRef)(false);
     let [isIncrementPressed, setIsIncrementPressed] = ($dbSRa$react.useState)(null);
     ($dbSRa$react.useEffect)(()=>{
-        if (isIncrementPressed === 'touch') onIncrementPressStart(60);
-        else if (isIncrementPressed) onIncrementPressStart(400);
+        if (isIncrementPressed === 'touch') onIncrementPressStartEvent(600);
+        else if (isIncrementPressed) onIncrementPressStartEvent(400);
     }, [
         isIncrementPressed
     ]);
     let [isDecrementPressed, setIsDecrementPressed] = ($dbSRa$react.useState)(null);
     ($dbSRa$react.useEffect)(()=>{
-        if (isDecrementPressed === 'touch') onDecrementPressStart(60);
-        else if (isDecrementPressed) onDecrementPressStart(400);
+        if (isDecrementPressed === 'touch') onDecrementPressStartEvent(600);
+        else if (isDecrementPressed) onDecrementPressStartEvent(400);
     }, [
         isDecrementPressed
     ]);
@@ -16258,32 +16558,32 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
         },
         incrementButtonProps: {
             onPressStart: (e)=>{
-                if (e.pointerType !== 'touch') setIsIncrementPressed('mouse');
-                else {
-                    if (_async.current) clearAsync();
+                clearAsync();
+                if (e.pointerType !== 'touch') {
+                    onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+                    setIsIncrementPressed('mouse');
+                } else {
                     addGlobalListener(window, 'pointercancel', onPointerCancel, {
                         capture: true
                     });
                     isUp.current = false;
                     // For touch users, don't trigger a decrement on press start, we'll wait for the press end to trigger it if
                     // the control isn't spinning.
-                    _async.current = window.setTimeout(()=>{
-                        setIsIncrementPressed('touch');
-                    }, 600);
+                    setIsIncrementPressed('touch');
                 }
                 addGlobalListener(window, 'contextmenu', cancelContextMenu);
             },
             onPressUp: (e)=>{
-                if (e.pointerType === 'touch') isUp.current = true;
                 clearAsync();
+                if (e.pointerType === 'touch') isUp.current = true;
                 removeAllGlobalListeners();
                 setIsIncrementPressed(null);
             },
             onPressEnd: (e)=>{
+                clearAsync();
                 if (e.pointerType === 'touch') {
                     if (!isSpinning.current && isUp.current) onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
                 }
-                clearAsync();
                 isUp.current = false;
                 setIsIncrementPressed(null);
             },
@@ -16292,31 +16592,31 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
         },
         decrementButtonProps: {
             onPressStart: (e)=>{
-                if (e.pointerType !== 'touch') setIsDecrementPressed('mouse');
-                else {
-                    if (_async.current) clearAsync();
+                clearAsync();
+                if (e.pointerType !== 'touch') {
+                    onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+                    setIsDecrementPressed('mouse');
+                } else {
                     addGlobalListener(window, 'pointercancel', onPointerCancel, {
                         capture: true
                     });
                     isUp.current = false;
                     // For touch users, don't trigger a decrement on press start, we'll wait for the press end to trigger it if
                     // the control isn't spinning.
-                    _async.current = window.setTimeout(()=>{
-                        setIsDecrementPressed('touch');
-                    }, 600);
+                    setIsDecrementPressed('touch');
                 }
             },
             onPressUp: (e)=>{
-                if (e.pointerType === 'touch') isUp.current = true;
                 clearAsync();
+                if (e.pointerType === 'touch') isUp.current = true;
                 removeAllGlobalListeners();
                 setIsDecrementPressed(null);
             },
             onPressEnd: (e)=>{
+                clearAsync();
                 if (e.pointerType === 'touch') {
                     if (!isSpinning.current && isUp.current) onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
                 }
-                clearAsync();
                 isUp.current = false;
                 setIsDecrementPressed(null);
             },
@@ -16657,15 +16957,30 @@ function $parcel$interopDefault$8(a) {
 
 
 
+
+
 function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
     let { id: id, decrementAriaLabel: decrementAriaLabel, incrementAriaLabel: incrementAriaLabel, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, minValue: minValue, maxValue: maxValue, autoFocus: autoFocus, label: label, formatOptions: formatOptions, onBlur: onBlur = ()=>{}, onFocus: onFocus, onFocusChange: onFocusChange, onKeyDown: onKeyDown, onKeyUp: onKeyUp, description: description, errorMessage: errorMessage, isWheelDisabled: isWheelDisabled, ...otherProps } = props;
     let { increment: increment, incrementToMax: incrementToMax, decrement: decrement, decrementToMin: decrementToMin, numberValue: numberValue, inputValue: inputValue, commit: commit, commitValidation: commitValidation } = state;
     const stringFormatter = ($fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault$8($280a227d7cb94b92$exports))), '@react-aria/numberfield');
+    let commitAndAnnounce = ($dbSRa$react.useCallback)(()=>{
+        var _inputRef_current, _inputRef_current1, _inputRef_current2;
+        var _inputRef_current_value;
+        let oldValue = (_inputRef_current_value = (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.value) !== null && _inputRef_current_value !== void 0 ? _inputRef_current_value : '';
+        // Set input value to normalized valid value
+        ($4AOtR$reactdom.flushSync)(()=>{
+            commit();
+        });
+        var _inputRef_current_value1;
+        if (((_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.value) !== oldValue) ($319e236875307eab$export$a9b970dcc4ae71a9)((_inputRef_current_value1 = (_inputRef_current2 = inputRef.current) === null || _inputRef_current2 === void 0 ? void 0 : _inputRef_current2.value) !== null && _inputRef_current_value1 !== void 0 ? _inputRef_current_value1 : '', 'assertive');
+    }, [
+        commit,
+        inputRef
+    ]);
     let inputId = ($bdb11010cef70236$export$f680877a34711e37)(id);
     let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
         onBlur () {
-            // Set input value to normalized valid value
-            commit();
+            commitAndAnnounce();
         }
     });
     let numberFormatter = ($a916eb452884faea$export$b7a616150fdb9f44)(formatOptions);
@@ -16741,6 +17056,24 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
     let onChange = (value)=>{
         if (state.validate(value)) state.setInputValue(value);
     };
+    let onPaste = (e)=>{
+        var _props_onPaste;
+        (_props_onPaste = props.onPaste) === null || _props_onPaste === void 0 ? void 0 : _props_onPaste.call(props, e);
+        let inputElement = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        var _inputElement_selectionEnd, _inputElement_selectionStart;
+        // we can only handle the case where the paste takes over the entire input, otherwise things get very complicated
+        // trying to calculate the new string based on what the paste is replacing and where in the source string it is
+        if (inputElement && ((_inputElement_selectionEnd = inputElement.selectionEnd) !== null && _inputElement_selectionEnd !== void 0 ? _inputElement_selectionEnd : -1) - ((_inputElement_selectionStart = inputElement.selectionStart) !== null && _inputElement_selectionStart !== void 0 ? _inputElement_selectionStart : 0) === inputElement.value.length) {
+            var _e_clipboardData_getData, _e_clipboardData_getData1, _e_clipboardData;
+            e.preventDefault();
+            var _e_clipboardData_getData_trim;
+            // commit so that the user gets to see what it formats to immediately
+            // paste happens before inputRef's value is updated, so have to prevent the default and do it ourselves
+            // spin button will then handle announcing the new value, this should work with controlled state as well
+            // because the announcement is done as a result of the new rendered input value if there is one
+            commit((_e_clipboardData_getData_trim = (_e_clipboardData = e.clipboardData) === null || _e_clipboardData === void 0 ? void 0 : (_e_clipboardData_getData1 = _e_clipboardData.getData) === null || _e_clipboardData_getData1 === void 0 ? void 0 : (_e_clipboardData_getData = _e_clipboardData_getData1.call(_e_clipboardData, 'text/plain')) === null || _e_clipboardData_getData === void 0 ? void 0 : _e_clipboardData_getData.trim()) !== null && _e_clipboardData_getData_trim !== void 0 ? _e_clipboardData_getData_trim : '');
+        }
+    };
     let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props);
     let onKeyDownEnter = ($dbSRa$react.useCallback)((e)=>{
         if (e.nativeEvent.isComposing) return;
@@ -16783,6 +17116,7 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
             onKeyDown
         ]),
         onKeyUp: onKeyUp,
+        onPaste: onPaste,
         description: description,
         errorMessage: errorMessage
     }, state, inputRef);
@@ -16804,7 +17138,7 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
         var _inputRef_current;
         // If focus is already on the input, keep it there so we don't hide the
         // software keyboard when tapping the increment/decrement buttons.
-        if (document.activeElement === inputRef.current) return;
+        if (($d4ee10de306f2510$export$cd4e5573fbe2b576)() === inputRef.current) return;
         // Otherwise, when using a mouse, move focus to the input.
         // On touch, or with a screen reader, focus the button so that the software
         // keyboard does not appear and the screen reader cursor is not moved off the button.
@@ -17630,7 +17964,7 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
     ]);
     // Open the popover on alt + arrow down
     let onKeyDown = (e)=>{
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) return;
         if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
             e.preventDefault();
             e.stopPropagation();
@@ -17643,7 +17977,7 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
                 e.stopPropagation();
                 if (direction === 'rtl') {
                     if (ref.current) {
-                        let target = e.target;
+                        let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
                         let prev = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, -1);
                         if (prev) prev.focus();
                     }
@@ -17654,7 +17988,7 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
                 e.stopPropagation();
                 if (direction === 'rtl') {
                     if (ref.current) {
-                        let target = e.target;
+                        let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
                         let next = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, 1);
                         if (next) next.focus();
                     }
@@ -17664,10 +17998,9 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
     };
     // Focus the first placeholder segment from the end on mouse down/touch up in the field.
     let focusLast = ()=>{
-        var _window_event;
         if (!ref.current) return;
         // Try to find the segment prior to the element that was clicked on.
-        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
+        let target = window.event ? ($d4ee10de306f2510$export$e58f029f0fbfdb29)(window.event) : null;
         let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current, {
             tabbable: true
         });
@@ -17943,7 +18276,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
         onBlurWithin: (e)=>{
             // Ignore when focus moves into the popover.
             let dialog = document.getElementById(dialogId);
-            if (!(dialog === null || dialog === void 0 ? void 0 : dialog.contains(e.relatedTarget))) {
+            if (!($d4ee10de306f2510$export$4282f70798064fe0)(dialog, e.relatedTarget)) {
                 var _props_onBlur, _props_onFocusChange;
                 isFocused.current = false;
                 (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
@@ -18126,11 +18459,12 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         let monthTextValue = monthDateFormatter.format(state.dateValue);
         textValue = monthTextValue !== textValue ? `${textValue} \u{2013} ${monthTextValue}` : monthTextValue;
     } else if (segment.type === 'hour' && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
+    var _segment_value;
     let { spinButtonProps: spinButtonProps } = ($d2e8511e6f209edf$export$e908e06f4b8e3402)({
         // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
         // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
         // https://github.com/dequelabs/axe-core/issues/3505
-        value: segment.value,
+        value: (_segment_value = segment.value) !== null && _segment_value !== void 0 ? _segment_value : undefined,
         textValue: textValue,
         minValue: segment.minValue,
         maxValue: segment.maxValue,
@@ -18155,11 +18489,11 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         },
         onIncrementToMax: ()=>{
             enteredKeys.current = '';
-            if (segment.maxValue !== undefined) state.setSegment(segment.type, segment.maxValue);
+            state.incrementToMax(segment.type);
         },
         onDecrementToMin: ()=>{
             enteredKeys.current = '';
-            if (segment.minValue !== undefined) state.setSegment(segment.type, segment.minValue);
+            state.decrementToMin(segment.type);
         }
     });
     let parser = ($dbSRa$react.useMemo)(()=>new ($6c7bd7858deea686$export$cd11ab140839f11d)(locale, {
@@ -18176,7 +18510,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
             if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
             else state.setSegment(segment.type, parsed);
             enteredKeys.current = newValue;
-        } else if (segment.type === 'dayPeriod') state.clearSegment(segment.type);
+        } else if (segment.type === 'dayPeriod' || segment.type === 'era') state.clearSegment(segment.type);
     };
     let onKeyDown = (e)=>{
         // Firefox does not fire selectstart for Ctrl/Cmd + A
@@ -18255,7 +18589,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         switch(segment.type){
             case 'dayPeriod':
                 if (startsWith(am, key)) state.setSegment('dayPeriod', 0);
-                else if (startsWith(pm, key)) state.setSegment('dayPeriod', 12);
+                else if (startsWith(pm, key)) state.setSegment('dayPeriod', 1);
                 else break;
                 focusManager.focusNext();
                 break;
@@ -18278,25 +18612,12 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
                     if (!parser.isValidPartialNumber(newValue)) return;
                     let numberValue = parser.parse(newValue);
                     let segmentValue = numberValue;
-                    let allowsZero = segment.minValue === 0;
-                    if (segment.type === 'hour' && state.dateFormatter.resolvedOptions().hour12) {
-                        switch(state.dateFormatter.resolvedOptions().hourCycle){
-                            case 'h11':
-                                if (numberValue > 11) segmentValue = parser.parse(key);
-                                break;
-                            case 'h12':
-                                allowsZero = false;
-                                if (numberValue > 12) segmentValue = parser.parse(key);
-                                break;
-                        }
-                        if (segment.value !== undefined && segment.value >= 12 && numberValue > 1) numberValue += 12;
-                    } else if (segment.maxValue !== undefined && numberValue > segment.maxValue) segmentValue = parser.parse(key);
+                    if (segment.maxValue !== undefined && numberValue > segment.maxValue) segmentValue = parser.parse(key);
                     if (isNaN(numberValue)) return;
-                    let shouldSetValue = segmentValue !== 0 || allowsZero;
-                    if (shouldSetValue) state.setSegment(segment.type, segmentValue);
+                    state.setSegment(segment.type, segmentValue);
                     if (segment.maxValue !== undefined && (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length)) {
                         enteredKeys.current = '';
-                        if (shouldSetValue) focusManager.focusNext();
+                        focusManager.focusNext();
                     } else enteredKeys.current = newValue;
                     break;
                 }
@@ -18313,12 +18634,11 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
     };
     let documentRef = ($dbSRa$react.useRef)(typeof document !== 'undefined' ? document : null);
     ($e9faafb641e167db$export$90fc3a17d93f704c)(documentRef, 'selectionchange', ()=>{
-        var _ref_current;
         // Enforce that the selection is collapsed when inside a date segment.
         // Otherwise, when tapping on a segment in Android Chrome and then entering text,
         // composition events will be fired that break the DOM structure and crash the page.
         let selection = window.getSelection();
-        if ((selection === null || selection === void 0 ? void 0 : selection.anchorNode) && ((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(selection === null || selection === void 0 ? void 0 : selection.anchorNode))) selection.collapse(ref.current);
+        if ((selection === null || selection === void 0 ? void 0 : selection.anchorNode) && ($d4ee10de306f2510$export$4282f70798064fe0)(ref.current, selection === null || selection === void 0 ? void 0 : selection.anchorNode)) selection.collapse(ref.current);
     });
     let compositionRef = ($dbSRa$react.useRef)('');
     ($e9faafb641e167db$export$90fc3a17d93f704c)(ref, 'beforeinput', (e)=>{
@@ -18358,7 +18678,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         let element = ref.current;
         return ()=>{
             // If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
-            if (document.activeElement === element) {
+            if (($d4ee10de306f2510$export$cd4e5573fbe2b576)() === element) {
                 let prev = focusManager.focusPrevious();
                 if (!prev) focusManager.focusNext();
             }
@@ -18469,14 +18789,14 @@ function $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {
     let isRefocusing = ($dbSRa$react.useRef)(false);
     // Focus the dialog itself on mount, unless a child element is already focused.
     ($dbSRa$react.useEffect)(()=>{
-        if (ref.current && !ref.current.contains(document.activeElement)) {
+        if (ref.current && !($d4ee10de306f2510$export$b4f377a2b6254582)(ref.current)) {
             ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
             // Safari on iOS does not move the VoiceOver cursor to the dialog
             // or announce that it has opened until it has rendered. A workaround
             // is to wait for half a second, then blur and re-focus the dialog.
             let timeout = setTimeout(()=>{
                 // Check that the dialog is still focused, or focused was lost to the body.
-                if (document.activeElement === ref.current || document.activeElement === document.body) {
+                if (($d4ee10de306f2510$export$cd4e5573fbe2b576)() === ref.current || ($d4ee10de306f2510$export$cd4e5573fbe2b576)() === document.body) {
                     isRefocusing.current = true;
                     if (ref.current) {
                         ref.current.blur();
@@ -19452,10 +19772,9 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
     // focus to go to the item when the DOM node is reused for a different item in a virtualizer.
     let keyWhenFocused = ($dbSRa$react.useRef)(null);
     let focus = ()=>{
-        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 === void 0 ? void 0 : _ref_current.contains(document.activeElement)))) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
+        if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !($d4ee10de306f2510$export$b4f377a2b6254582)(ref.current))) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
     };
     let treeGridRowProps = {};
     let hasChildRows = props.hasChildItems;
@@ -19471,15 +19790,16 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         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 === void 0 ? void 0 : node.parentKey) != null) {
+        let index = node.index;
+        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 === void 0 ? void 0 : _state_collection_getChildren1.call(_state_collection1, parent.key);
+                let siblings = $4e8b0456ef72939f$var$getDirectChildren(parent, state.collection);
                 setSize = [
                     ...siblings
                 ].filter((row)=>row.type === 'item').length;
+                if (index > 0 && siblings[0].type !== 'item') index -= 1; // subtract one for the parent item's content node
             }
         } else setSize = [
             ...state.collection
@@ -19487,7 +19807,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         treeGridRowProps = {
             'aria-expanded': isExpanded,
             'aria-level': node.level + 1,
-            'aria-posinset': (node === null || node === void 0 ? void 0 : node.index) + 1,
+            'aria-posinset': index + 1,
             'aria-setsize': setSize
         };
     }
@@ -19502,10 +19822,11 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         linkBehavior: linkBehavior
     });
     let onKeyDownCapture = (e)=>{
-        if (!e.currentTarget.contains(e.target) || !ref.current || !document.activeElement) return;
+        let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) || !ref.current || !activeElement) return;
         let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current);
-        walker.currentNode = document.activeElement;
-        if ('expandedKeys' in state && document.activeElement === ref.current) {
+        walker.currentNode = activeElement;
+        if ('expandedKeys' in state && activeElement === ref.current) {
             if (e.key === $4e8b0456ef72939f$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === node.key && hasChildRows && !state.expandedKeys.has(node.key)) {
                 state.toggleKey(node.key);
                 e.stopPropagation();
@@ -19586,7 +19907,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
                 // Prevent this event from reaching row children, e.g. menu buttons. We want arrow keys to navigate
                 // to the row above/below instead. We need to re-dispatch the event from a higher parent so it still
                 // bubbles and gets handled by useSelectableCollection.
-                if (!e.altKey && ref.current.contains(e.target)) {
+                if (!e.altKey && ($d4ee10de306f2510$export$4282f70798064fe0)(ref.current, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e))) {
                     var _ref_current_parentElement;
                     e.stopPropagation();
                     e.preventDefault();
@@ -19597,7 +19918,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
     };
     let onFocus = (e)=>{
         keyWhenFocused.current = node.key;
-        if (e.target !== ref.current) {
+        if (($d4ee10de306f2510$export$e58f029f0fbfdb29)(e) !== ref.current) {
             // useSelectableItem only handles setting the focused key when
             // the focused element is the row itself. We also want to
             // set the focused key when a child element receives focus.
@@ -19609,7 +19930,8 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
         }
     };
     let onKeyDown = (e)=>{
-        if (!e.currentTarget.contains(e.target) || !ref.current || !document.activeElement) return;
+        let activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)();
+        if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) || !ref.current || !activeElement) return;
         switch(e.key){
             case 'Tab':
                 if (keyboardNavigationBehavior === 'tab') {
@@ -19618,7 +19940,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
                     let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current, {
                         tabbable: true
                     });
-                    walker.currentNode = document.activeElement;
+                    walker.currentNode = activeElement;
                     let next = e.shiftKey ? walker.previousNode() : walker.nextNode();
                     if (next) e.stopPropagation();
                 }
@@ -19685,6 +20007,20 @@ function $4e8b0456ef72939f$var$last(walker) {
     }while (last);
     return next;
 }
+function $4e8b0456ef72939f$var$getDirectChildren(parent, collection) {
+    var _collection_getChildren;
+    // We can't assume that we can use firstChildKey because if a person builds a tree using hooks, they would not have access to that property (using type Node vs CollectionNode)
+    // Instead, get all children and start at the first node (rather than just using firstChildKey) and only look at its siblings
+    let children = (_collection_getChildren = collection.getChildren) === null || _collection_getChildren === void 0 ? void 0 : _collection_getChildren.call(collection, parent.key);
+    let childArray = children ? Array.from(children) : [];
+    let node = childArray.length > 0 ? childArray[0] : null;
+    let siblings = [];
+    while(node){
+        siblings.push(node);
+        node = node.nextKey != null ? collection.getItem(node.nextKey) : null;
+    }
+    return siblings;
+}
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -19907,7 +20243,7 @@ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
         }
         e.preventDefault();
         let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(e.currentTarget, {
-            from: e.target,
+            from: ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e),
             accept: (node)=>node instanceof ($431fbd86ca7dc216$export$f21a1ffae260145a)(node).HTMLInputElement && node.type === 'radio'
         });
         let nextElem;
@@ -20096,7 +20432,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
             disallowEmptySelection: true,
             linkBehavior: 'selection',
             onBlur: (e)=>{
-                if (e.currentTarget.contains(e.relatedTarget)) return;
+                if (($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, e.relatedTarget)) return;
                 if (props.onBlur) props.onBlur(e);
                 if (props.onFocusChange) props.onFocusChange(false);
                 state.setFocused(false);
@@ -20159,7 +20495,8 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
     }, state, props.selectRef);
     let setValue = state.setValue;
     let onChange = ($dbSRa$react.useCallback)((e)=>{
-        if (e.target.multiple) setValue(Array.from(e.target.selectedOptions, (option)=>option.value));
+        let eventTarget = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (eventTarget.multiple) setValue(Array.from(eventTarget.selectedOptions, (option)=>option.value));
         else setValue(e.currentTarget.value);
     }, [
         setValue
@@ -20207,6 +20544,9 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
         ...props,
         selectRef: state.collection.size <= 300 ? selectRef : inputRef
     }, state, triggerRef);
+    let values = Array.isArray(state.value) ? state.value : [
+        state.value
+    ];
     // If used in a <form>, use a hidden input so the value can be submitted to a server.
     // If the collection isn't too big, use a hidden <select> element for this so that browser
     // autofill will work. Otherwise, use an <input type="hidden">.
@@ -20224,14 +20564,14 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
             key: item.key,
             value: item.key
         }, item.textValue);
-    }))));
+    }), state.collection.size === 0 && name && values.map((value, i)=>/*#__PURE__*/ ($dbSRa$react).createElement("option", {
+            key: i,
+            value: value !== null && value !== void 0 ? value : ''
+        })))));
     else if (name) {
         let data = ($58aed456727eb0f3$export$703601b7e90536f8).get(state) || {};
         let { validationBehavior: validationBehavior } = data;
         // Always render at least one hidden input to ensure required form submission.
-        let values = Array.isArray(state.value) ? state.value : [
-            state.value
-        ];
         if (values.length === 0) values = [
             null
         ];
@@ -20727,6 +21067,7 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
     let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item.props);
     let linkProps = ($ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6)(item.props);
     let { focusableProps: focusableProps } = ($f645667febf57a63$export$4c014de7c8940b4c)({
+        ...item.props,
         isDisabled: isDisabled
     }, ref);
     return {
@@ -20904,11 +21245,12 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
 const $4f118338184dc1d9$export$e2509388b49734e7 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
 const $4f118338184dc1d9$export$a6c7ac8248d6e38a = /*#__PURE__*/ ($dbSRa$react.forwardRef)(function Link(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $4f118338184dc1d9$export$e2509388b49734e7);
-    let ElementType = props.href && !props.isDisabled ? 'a' : 'span';
+    let elementType = props.href && !props.isDisabled ? 'a' : 'span';
     let { linkProps: linkProps, isPressed: isPressed } = ($298d61e98472621b$export$dcf14c9974fe2767)({
         ...props,
-        elementType: ElementType
+        elementType: elementType
     }, ref);
+    let ElementType = ($64fa3d84918910a7$export$df3a06d6289f983e)[elementType];
     let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)(props);
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = ($f7dceffc5ad7768b$export$4e328f61c538687f)();
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
@@ -20956,7 +21298,8 @@ const $4f118338184dc1d9$export$a6c7ac8248d6e38a = /*#__PURE__*/ ($dbSRa$react.fo
 const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ ($dbSRa$react.createContext)({});
 const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ ($f39a9eba43920ace$export$86427a43e3e48ebb)(function Label(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
-    let { elementType: ElementType = 'label', ...labelProps } = props;
+    let { elementType: elementType = 'label', ...labelProps } = props;
+    let ElementType = ($64fa3d84918910a7$export$df3a06d6289f983e)[elementType];
     // @ts-ignore
     return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
         className: "react-aria-Label",
@@ -21005,7 +21348,7 @@ const $0393f8ab869a0f1a$export$c17561cb55d4db30 = /*#__PURE__*/ ($dbSRa$react.fo
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, progressBarProps),
         ref: ref,
         slot: props.slot || undefined
@@ -21087,7 +21430,7 @@ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ ($f39a9eba43920a
         global: true
     });
     delete DOMProps.onClick;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("button", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).button, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
         // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).
         // We do this by changing the button's type to button.
@@ -21109,10 +21452,11 @@ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ ($f39a9eba43920a
         }
     }, renderProps.children));
 });
+// Events to preserve when isPending is true (for tooltips and other overlays)
+const $d2b4bc8c273e7be6$var$PRESERVED_EVENT_PATTERN = /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;
 function $d2b4bc8c273e7be6$var$useDisableInteractions(props, isPending) {
-    // Don't allow interaction while isPending is true
     if (isPending) {
-        for(const key in props)if (key.startsWith('on') && !(key.includes('Focus') || key.includes('Blur'))) props[key] = undefined;
+        for(const key in props)if (key.startsWith('on') && !$d2b4bc8c273e7be6$var$PRESERVED_EVENT_PATTERN.test(key)) props[key] = undefined;
         props.href = undefined;
         props.target = undefined;
     }
@@ -21134,7 +21478,8 @@ function $d2b4bc8c273e7be6$var$useDisableInteractions(props, isPending) {
 const $514c0188e459b4c0$export$9afb8bc826b033ea = /*#__PURE__*/ ($dbSRa$react.createContext)({});
 const $514c0188e459b4c0$export$5f1af8db9871e1d6 = /*#__PURE__*/ ($dbSRa$react.forwardRef)(function Text(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $514c0188e459b4c0$export$9afb8bc826b033ea);
-    let { elementType: ElementType = 'span', ...domProps } = props;
+    let { elementType: elementType = 'span', ...domProps } = props;
+    let ElementType = ($64fa3d84918910a7$export$df3a06d6289f983e)[elementType];
     // @ts-ignore
     return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
         className: "react-aria-Text",
@@ -21365,7 +21710,6 @@ function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
         isValueInvalid: isValueInvalid,
         setFocusedDate (date) {
             focusCell(date);
-            setFocused(true);
         },
         focusNextDay () {
             focusCell(focusedDate.add({
@@ -23064,6 +23408,11 @@ const $3e3ed55ab2966714$var$placeholders = new ($5b160d28a433310d$export$c17fa47
         month: 'bb',
         day: 'hh'
     },
+    is: {
+        year: "\xe1\xe1\xe1\xe1",
+        month: 'mm',
+        day: 'dd'
+    },
     it: {
         year: 'aaaa',
         month: 'mm',
@@ -23253,6 +23602,331 @@ function $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(field, value, locale) {
     return "\u2013\u2013";
 }
 
+/*
+ * Copyright 2026 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.
+ */ 
+class $f863c03ccd9aead0$export$ae165b50d181e1ef {
+    copy() {
+        let res = new $f863c03ccd9aead0$export$ae165b50d181e1ef(this.calendar, this.hourCycle);
+        res.era = this.era;
+        res.year = this.year;
+        res.month = this.month;
+        res.day = this.day;
+        res.hour = this.hour;
+        res.dayPeriod = this.dayPeriod;
+        res.minute = this.minute;
+        res.second = this.second;
+        res.millisecond = this.millisecond;
+        res.offset = this.offset;
+        return res;
+    }
+    /** Checks whether all the specified segments have a value. */ isComplete(segments) {
+        return segments.every((segment)=>this[segment] != null);
+    }
+    /** Checks whether the given date value matches this value for the specified segments. */ validate(dt, segments) {
+        return segments.every((segment)=>{
+            if ((segment === 'hour' || segment === 'dayPeriod') && 'hour' in dt) {
+                let [dayPeriod, hour] = $f863c03ccd9aead0$var$toHourCycle(dt.hour, this.hourCycle);
+                return this.dayPeriod === dayPeriod && this.hour === hour;
+            }
+            return this[segment] === dt[segment];
+        });
+    }
+    /** Checks if the date is empty (i.e. all specified segments are null). */ isCleared(segments) {
+        return segments.every((segment)=>this[segment] === null);
+    }
+    /** Sets the given field. */ set(field, value, placeholder) {
+        let result = this.copy();
+        result[field] = value;
+        if (field === 'hour' && result.dayPeriod == null && 'hour' in placeholder) result.dayPeriod = $f863c03ccd9aead0$var$toHourCycle(placeholder.hour, this.hourCycle)[0];
+        if (field === 'year' && result.era == null) result.era = placeholder.era;
+        // clear offset when a date/time field changes since it may no longer be valid
+        if (field !== 'second' && field !== 'literal' && field !== 'timeZoneName') result.offset = null;
+        return result;
+    }
+    /** Sets the given field to null. */ clear(field) {
+        let result = this.copy();
+        // @ts-ignore
+        result[field] = null;
+        if (field === 'year') result.era = null;
+        // clear offset when a field is cleared since it may no longer be valid
+        result.offset = null;
+        return result;
+    }
+    /** Increments or decrements the given field. If it is null, then it is set to the placeholder value. */ cycle(field, amount, placeholder, displaySegments) {
+        let res = this.copy();
+        // If field is null, default to placeholder.
+        if (res[field] == null && field !== 'dayPeriod' && field !== 'era') {
+            if (field === 'hour' && 'hour' in placeholder) {
+                let [dayPeriod, hour] = $f863c03ccd9aead0$var$toHourCycle(placeholder.hour, this.hourCycle);
+                res.dayPeriod = dayPeriod;
+                res.hour = hour;
+            } else res[field] = placeholder[field];
+            if (field === 'year' && res.era == null) res.era = placeholder.era;
+            return res;
+        }
+        switch(field){
+            case 'era':
+                {
+                    let eras = this.calendar.getEras();
+                    let index = eras.indexOf(res.era);
+                    index = $f863c03ccd9aead0$var$cycleValue(index, amount, 0, eras.length - 1);
+                    res.era = eras[index];
+                    break;
+                }
+            case 'year':
+                {
+                    var _this_era, _this_year, _this_month, _this_day;
+                    // Use CalendarDate to cycle so that we update the era when going between 1 AD and 1 BC.
+                    let date = new ($35ea8db9cb2ccb90$export$99faa760c7908e4f)(this.calendar, (_this_era = this.era) !== null && _this_era !== void 0 ? _this_era : placeholder.era, (_this_year = this.year) !== null && _this_year !== void 0 ? _this_year : placeholder.year, (_this_month = this.month) !== null && _this_month !== void 0 ? _this_month : 1, (_this_day = this.day) !== null && _this_day !== void 0 ? _this_day : 1);
+                    date = date.cycle(field, amount, {
+                        round: field === 'year'
+                    });
+                    res.era = date.era;
+                    res.year = date.year;
+                    break;
+                }
+            case 'month':
+                var _res_month;
+                res.month = $f863c03ccd9aead0$var$cycleValue((_res_month = res.month) !== null && _res_month !== void 0 ? _res_month : 1, amount, 1, this.calendar.getMaximumMonthsInYear());
+                break;
+            case 'day':
+                var _res_day;
+                // Allow incrementing up to the maximum number of days in any month.
+                res.day = $f863c03ccd9aead0$var$cycleValue((_res_day = res.day) !== null && _res_day !== void 0 ? _res_day : 1, amount, 1, this.calendar.getMaximumDaysInMonth());
+                break;
+            case 'hour':
+                {
+                    // if date is fully defined or it is just a time field, and we have a time zone, use toValue to get a ZonedDateTime to cycle
+                    // so DST fallback is properly handled
+                    let hasDateSegements = displaySegments.some((s)=>[
+                            'year',
+                            'month',
+                            'day'
+                        ].includes(s));
+                    if ('timeZone' in placeholder && (!hasDateSegements || res.year != null && res.month != null && res.day != null)) {
+                        let date = this.toValue(placeholder);
+                        date = date.cycle('hour', amount, {
+                            hourCycle: this.hourCycle === 'h12' ? 12 : 24,
+                            round: false
+                        });
+                        let [dayPeriod, adjustedHour] = $f863c03ccd9aead0$var$toHourCycle(date.hour, this.hourCycle);
+                        res.hour = adjustedHour;
+                        res.dayPeriod = dayPeriod;
+                        res.offset = date.offset;
+                    } else {
+                        var _res_hour;
+                        let hours = (_res_hour = res.hour) !== null && _res_hour !== void 0 ? _res_hour : 0;
+                        let limits = this.getSegmentLimits('hour');
+                        res.hour = $f863c03ccd9aead0$var$cycleValue(hours, amount, limits.minValue, limits.maxValue);
+                        if (res.dayPeriod == null && 'hour' in placeholder) res.dayPeriod = $f863c03ccd9aead0$var$toHourCycle(placeholder.hour, this.hourCycle)[0];
+                    }
+                    break;
+                }
+            case 'dayPeriod':
+                var _res_dayPeriod;
+                res.dayPeriod = $f863c03ccd9aead0$var$cycleValue((_res_dayPeriod = res.dayPeriod) !== null && _res_dayPeriod !== void 0 ? _res_dayPeriod : 0, amount, 0, 1);
+                break;
+            case 'minute':
+                var _res_minute;
+                res.minute = $f863c03ccd9aead0$var$cycleValue((_res_minute = res.minute) !== null && _res_minute !== void 0 ? _res_minute : 0, amount, 0, 59, true);
+                break;
+            case 'second':
+                var _res_second;
+                res.second = $f863c03ccd9aead0$var$cycleValue((_res_second = res.second) !== null && _res_second !== void 0 ? _res_second : 0, amount, 0, 59, true);
+                break;
+        }
+        return res;
+    }
+    /** Converts the incomplete date to a full date value, using the provided value for any unset fields. */ toValue(value) {
+        var _this_era, _this_year, _this_month, _this_day;
+        if ('hour' in value) {
+            let hour = this.hour;
+            var _this_dayPeriod;
+            if (hour != null) hour = $f863c03ccd9aead0$var$fromHourCycle(hour, (_this_dayPeriod = this.dayPeriod) !== null && _this_dayPeriod !== void 0 ? _this_dayPeriod : 0, this.hourCycle);
+            else if (this.hourCycle === 'h12' || this.hourCycle === 'h11') hour = this.dayPeriod === 1 ? 12 : 0;
+            var _this_era1, _this_year1, _this_month1, _this_day1, _this_minute, _this_second, _this_millisecond;
+            let res = value.set({
+                era: (_this_era1 = this.era) !== null && _this_era1 !== void 0 ? _this_era1 : value.era,
+                year: (_this_year1 = this.year) !== null && _this_year1 !== void 0 ? _this_year1 : value.year,
+                month: (_this_month1 = this.month) !== null && _this_month1 !== void 0 ? _this_month1 : value.month,
+                day: (_this_day1 = this.day) !== null && _this_day1 !== void 0 ? _this_day1 : value.day,
+                hour: hour !== null && hour !== void 0 ? hour : value.hour,
+                minute: (_this_minute = this.minute) !== null && _this_minute !== void 0 ? _this_minute : value.minute,
+                second: (_this_second = this.second) !== null && _this_second !== void 0 ? _this_second : value.second,
+                millisecond: (_this_millisecond = this.millisecond) !== null && _this_millisecond !== void 0 ? _this_millisecond : value.millisecond
+            });
+            if ('offset' in res && this.offset != null && res.offset !== this.offset) res = res.add({
+                milliseconds: res.offset - this.offset
+            });
+            return res;
+        } else return value.set({
+            era: (_this_era = this.era) !== null && _this_era !== void 0 ? _this_era : value.era,
+            year: (_this_year = this.year) !== null && _this_year !== void 0 ? _this_year : value.year,
+            month: (_this_month = this.month) !== null && _this_month !== void 0 ? _this_month : value.month,
+            day: (_this_day = this.day) !== null && _this_day !== void 0 ? _this_day : value.day
+        });
+    }
+    getSegmentLimits(type) {
+        switch(type){
+            case 'era':
+                {
+                    let eras = this.calendar.getEras();
+                    return {
+                        value: this.era != null ? eras.indexOf(this.era) : eras.length - 1,
+                        minValue: 0,
+                        maxValue: eras.length - 1
+                    };
+                }
+            case 'year':
+                return {
+                    value: this.year,
+                    minValue: 1,
+                    maxValue: 9999
+                };
+            case 'month':
+                return {
+                    value: this.month,
+                    minValue: 1,
+                    maxValue: this.calendar.getMaximumMonthsInYear()
+                };
+            case 'day':
+                return {
+                    value: this.day,
+                    minValue: 1,
+                    maxValue: this.calendar.getMaximumDaysInMonth()
+                };
+            case 'dayPeriod':
+                return {
+                    value: this.dayPeriod,
+                    minValue: 0,
+                    maxValue: 1
+                };
+            case 'hour':
+                {
+                    let minValue = 0;
+                    let maxValue = 23;
+                    if (this.hourCycle === 'h12') {
+                        minValue = 1;
+                        maxValue = 12;
+                    } else if (this.hourCycle === 'h11') {
+                        minValue = 0;
+                        maxValue = 11;
+                    }
+                    return {
+                        value: this.hour,
+                        minValue: minValue,
+                        maxValue: maxValue
+                    };
+                }
+            case 'minute':
+                return {
+                    value: this.minute,
+                    minValue: 0,
+                    maxValue: 59
+                };
+            case 'second':
+                return {
+                    value: this.second,
+                    minValue: 0,
+                    maxValue: 59
+                };
+        }
+    }
+    constructor(calendar, hourCycle, dateValue){
+        var _dateValue_era;
+        this.era = (_dateValue_era = dateValue === null || dateValue === void 0 ? void 0 : dateValue.era) !== null && _dateValue_era !== void 0 ? _dateValue_era : null;
+        this.calendar = calendar;
+        var _dateValue_year;
+        this.year = (_dateValue_year = dateValue === null || dateValue === void 0 ? void 0 : dateValue.year) !== null && _dateValue_year !== void 0 ? _dateValue_year : null;
+        var _dateValue_month;
+        this.month = (_dateValue_month = dateValue === null || dateValue === void 0 ? void 0 : dateValue.month) !== null && _dateValue_month !== void 0 ? _dateValue_month : null;
+        var _dateValue_day;
+        this.day = (_dateValue_day = dateValue === null || dateValue === void 0 ? void 0 : dateValue.day) !== null && _dateValue_day !== void 0 ? _dateValue_day : null;
+        var _dateValue_hour;
+        this.hour = (_dateValue_hour = dateValue === null || dateValue === void 0 ? void 0 : dateValue.hour) !== null && _dateValue_hour !== void 0 ? _dateValue_hour : null;
+        this.hourCycle = hourCycle;
+        this.dayPeriod = null;
+        var _dateValue_minute;
+        this.minute = (_dateValue_minute = dateValue === null || dateValue === void 0 ? void 0 : dateValue.minute) !== null && _dateValue_minute !== void 0 ? _dateValue_minute : null;
+        var _dateValue_second;
+        this.second = (_dateValue_second = dateValue === null || dateValue === void 0 ? void 0 : dateValue.second) !== null && _dateValue_second !== void 0 ? _dateValue_second : null;
+        var _dateValue_millisecond;
+        this.millisecond = (_dateValue_millisecond = dateValue === null || dateValue === void 0 ? void 0 : dateValue.millisecond) !== null && _dateValue_millisecond !== void 0 ? _dateValue_millisecond : null;
+        this.offset = 'offset' in (dateValue !== null && dateValue !== void 0 ? dateValue : {}) ? dateValue.offset : null;
+        // Convert the hour from 24 hour time to the given hour cycle.
+        if (this.hour != null) {
+            let [dayPeriod, hour] = $f863c03ccd9aead0$var$toHourCycle(this.hour, hourCycle);
+            this.dayPeriod = dayPeriod;
+            this.hour = hour;
+        }
+    }
+}
+function $f863c03ccd9aead0$var$cycleValue(value, amount, min, max, round = false) {
+    if (round) {
+        value += Math.sign(amount);
+        if (value < min) value = max;
+        let div = Math.abs(amount);
+        if (amount > 0) value = Math.ceil(value / div) * div;
+        else value = Math.floor(value / div) * div;
+        if (value > max) value = min;
+    } else {
+        value += amount;
+        if (value < min) value = max - (min - value - 1);
+        else if (value > max) value = min + (value - max - 1);
+    }
+    return value;
+}
+function $f863c03ccd9aead0$var$toHourCycle(hour, hourCycle) {
+    let dayPeriod = hour >= 12 ? 1 : 0;
+    switch(hourCycle){
+        case 'h11':
+            // Hours are numbered from 0 to 11. Used in Japan.
+            if (hour >= 12) hour -= 12;
+            break;
+        case 'h12':
+            // Hours are numbered from 12 (representing 0) to 11.
+            if (hour === 0) hour = 12;
+            else if (hour > 12) hour -= 12;
+            break;
+        case 'h23':
+            // 24 hour time, numbered 0 to 23.
+            dayPeriod = null;
+            break;
+        case 'h24':
+            // 24 hour time numbered 24 to 23. Unused but supported by Intl.DateTimeFormat.
+            hour += 1;
+            dayPeriod = null;
+    }
+    return [
+        dayPeriod,
+        hour
+    ];
+}
+function $f863c03ccd9aead0$var$fromHourCycle(hour, dayPeriod, hourCycle) {
+    switch(hourCycle){
+        case 'h11':
+            if (dayPeriod === 1) hour += 12;
+            break;
+        case 'h12':
+            if (hour === 12) hour = 0;
+            if (dayPeriod === 1) hour += 12;
+            break;
+        case 'h24':
+            hour -= 1;
+            break;
+    }
+    return hour;
+}
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -23269,6 +23943,8 @@ function $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(field, value, locale) {
 
 
 
+
+
 const $3c0fc76039f1c516$var$EDITABLE_SEGMENTS = {
     year: true,
     month: true,
@@ -23302,12 +23978,23 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let timeZone = defaultTimeZone || 'UTC';
     // props.granularity must actually exist in the value if one is provided.
     if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
-    let defaultFormatter = ($dbSRa$react.useMemo)(()=>new ($fb18d541ea1ad717$export$ad991b66133851cf)(locale), [
-        locale
-    ]);
-    let calendar = ($dbSRa$react.useMemo)(()=>createCalendar(defaultFormatter.resolvedOptions().calendar), [
-        createCalendar,
-        defaultFormatter
+    // Resolve default hour cycle and calendar system.
+    let [calendar, hourCycle] = ($dbSRa$react.useMemo)(()=>{
+        let formatter = new ($fb18d541ea1ad717$export$ad991b66133851cf)(locale, {
+            dateStyle: 'short',
+            timeStyle: 'short',
+            hour12: props.hourCycle != null ? props.hourCycle === 12 : undefined
+        });
+        let opts = formatter.resolvedOptions();
+        let calendar = createCalendar(opts.calendar);
+        return [
+            calendar,
+            opts.hourCycle
+        ];
+    }, [
+        locale,
+        props.hourCycle,
+        createCalendar
     ]);
     var _props_defaultValue;
     let [value, setDate] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
@@ -23319,13 +24006,8 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         value,
         calendar
     ]);
-    // We keep track of the placeholder date separately in state so that onChange is not called
-    // until all segments are set. If the value === null (not undefined), then assume the component
-    // is controlled, so use the placeholder as the value until all segments are entered so it doesn't
-    // change from uncontrolled to controlled and emit a warning.
-    let [placeholderDate, setPlaceholderDate] = ($dbSRa$react.useState)(()=>($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
-    let val = calendarValue || placeholderDate;
-    let showEra = calendar.identifier === 'gregory' && val.era === 'BC';
+    let [displayValue, setDisplayValue] = ($dbSRa$react.useState)(()=>new ($f863c03ccd9aead0$export$ae165b50d181e1ef)(calendar, hourCycle, calendarValue));
+    let showEra = calendar.identifier === 'gregory' && displayValue.era === 'BC';
     let formatOpts = ($dbSRa$react.useMemo)(()=>{
         var _props_maxGranularity;
         return {
@@ -23356,76 +24038,85 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let resolvedOptions = ($dbSRa$react.useMemo)(()=>dateFormatter.resolvedOptions(), [
         dateFormatter
     ]);
-    // Determine how many editable segments there are for validation purposes.
-    // The result is cached for performance.
-    let allSegments = ($dbSRa$react.useMemo)(()=>dateFormatter.formatToParts(new Date()).filter((seg)=>$3c0fc76039f1c516$var$EDITABLE_SEGMENTS[seg.type]).reduce((p, seg)=>(p[$3c0fc76039f1c516$var$TYPE_MAPPING[seg.type] || seg.type] = true, p), {}), [
-        dateFormatter
+    let placeholder = ($dbSRa$react.useMemo)(()=>($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone), [
+        props.placeholderValue,
+        granularity,
+        calendar,
+        defaultTimeZone
     ]);
-    let [validSegments, setValidSegments] = ($dbSRa$react.useState)(()=>props.value || props.defaultValue ? {
-            ...allSegments
-        } : {});
-    let clearedSegment = ($dbSRa$react.useRef)(null);
-    // Reset placeholder when calendar changes
-    let lastCalendar = ($dbSRa$react.useRef)(calendar);
-    ($dbSRa$react.useEffect)(()=>{
-        if (!($14e0f24ef4ac5c92$export$dbc69fd56b53d5e)(calendar, lastCalendar.current)) {
-            lastCalendar.current = calendar;
-            setPlaceholderDate((placeholder)=>Object.keys(validSegments).length > 0 ? ($11d87f3f76e88657$export$b4a036af3fc0b032)(placeholder, calendar) : ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
-        }
+    let displaySegments = ($dbSRa$react.useMemo)(()=>{
+        let is12HourClock = hourCycle === 'h11' || hourCycle === 'h12';
+        let segments = [
+            'era',
+            'year',
+            'month',
+            'day',
+            'hour',
+            ...is12HourClock ? [
+                'dayPeriod'
+            ] : [],
+            'minute',
+            'second'
+        ];
+        let minIndex = segments.indexOf(props.maxGranularity || 'era');
+        let maxIndex = segments.indexOf(granularity === 'hour' && is12HourClock ? 'dayPeriod' : granularity);
+        return segments.slice(minIndex, maxIndex + 1);
     }, [
-        calendar,
+        props.maxGranularity,
         granularity,
-        validSegments,
-        defaultTimeZone,
-        props.placeholderValue
+        hourCycle
     ]);
-    // If there is a value prop, and some segments were previously placeholders, mark them all as valid.
-    if (value && Object.keys(validSegments).length < Object.keys(allSegments).length) {
-        validSegments = {
-            ...allSegments
-        };
-        setValidSegments(validSegments);
-    }
-    // If the value is set to null and all segments are valid, reset the placeholder.
-    if (value == null && Object.keys(validSegments).length === Object.keys(allSegments).length) {
-        validSegments = {};
-        setValidSegments(validSegments);
-        setPlaceholderDate(($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
+    let [lastValue, setLastValue] = ($dbSRa$react.useState)(calendarValue);
+    let [lastCalendar, setLastCalendar] = ($dbSRa$react.useState)(calendar);
+    let [lastHourCycle, setLastHourCycle] = ($dbSRa$react.useState)(hourCycle);
+    if (calendarValue !== lastValue || hourCycle !== lastHourCycle || !($14e0f24ef4ac5c92$export$dbc69fd56b53d5e)(calendar, lastCalendar)) {
+        displayValue = new ($f863c03ccd9aead0$export$ae165b50d181e1ef)(calendar, hourCycle, calendarValue);
+        setLastValue(calendarValue);
+        setLastCalendar(calendar);
+        setLastHourCycle(hourCycle);
+        setDisplayValue(displayValue);
     }
-    // If all segments are valid, use the date from state, otherwise use the placeholder date.
-    let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;
     let setValue = (newValue)=>{
         if (props.isDisabled || props.isReadOnly) return;
-        let validKeys = Object.keys(validSegments);
-        let allKeys = Object.keys(allSegments);
-        // if all the segments are completed or a timefield with everything but am/pm set the time, also ignore when am/pm cleared
-        if (newValue == null) {
+        if (newValue == null || newValue instanceof ($f863c03ccd9aead0$export$ae165b50d181e1ef) && newValue.isCleared(displaySegments)) {
+            setDisplayValue(new ($f863c03ccd9aead0$export$ae165b50d181e1ef)(calendar, hourCycle, calendarValue));
             setDate(null);
-            setPlaceholderDate(($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
-            setValidSegments({});
-        } else if (validKeys.length === 0 && clearedSegment.current == null || validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod && clearedSegment.current !== 'dayPeriod') {
-            // If the field was empty (no valid segments) or all segments are completed, commit the new value.
-            // When committing from an empty state, mark every segment as valid so value is committed.
-            if (validKeys.length === 0) {
-                validSegments = {
-                    ...allSegments
-                };
-                setValidSegments(validSegments);
-            }
+        } else if (!(newValue instanceof ($f863c03ccd9aead0$export$ae165b50d181e1ef))) {
             // The display calendar should not have any effect on the emitted value.
             // Emit dates in the same calendar as the original value, if any, otherwise gregorian.
             newValue = ($11d87f3f76e88657$export$b4a036af3fc0b032)(newValue, (v === null || v === void 0 ? void 0 : v.calendar) || new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
+            setDisplayValue(new ($f863c03ccd9aead0$export$ae165b50d181e1ef)(calendar, hourCycle, calendarValue));
             setDate(newValue);
-        } else setPlaceholderDate(newValue);
-        clearedSegment.current = null;
+        } else {
+            // If the new value is complete and valid, trigger onChange eagerly.
+            // If it represents an incomplete or invalid value (e.g. February 30th),
+            // wait until the field is blurred to trigger onChange.
+            if (newValue.isComplete(displaySegments)) {
+                let dateValue = newValue.toValue(calendarValue !== null && calendarValue !== void 0 ? calendarValue : placeholder);
+                if (newValue.validate(dateValue, displaySegments)) {
+                    let newDateValue = ($11d87f3f76e88657$export$b4a036af3fc0b032)(dateValue, (v === null || v === void 0 ? void 0 : v.calendar) || new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
+                    if (!value || newDateValue.compare(value) !== 0) {
+                        setDisplayValue(new ($f863c03ccd9aead0$export$ae165b50d181e1ef)(calendar, hourCycle, calendarValue)); // reset in case prop isn't updated
+                        setDate(newDateValue);
+                        return;
+                    }
+                }
+            }
+            // Incomplete/invalid value. Set temporary display override.
+            setDisplayValue(newValue);
+        }
     };
-    let dateValue = ($dbSRa$react.useMemo)(()=>displayValue.toDate(timeZone), [
+    let dateValue = ($dbSRa$react.useMemo)(()=>{
+        let v = displayValue.toValue(calendarValue !== null && calendarValue !== void 0 ? calendarValue : placeholder);
+        return v.toDate(timeZone);
+    }, [
         displayValue,
-        timeZone
+        timeZone,
+        calendarValue,
+        placeholder
     ]);
-    let segments = ($dbSRa$react.useMemo)(()=>$3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar, locale, granularity), [
+    let segments = ($dbSRa$react.useMemo)(()=>$3c0fc76039f1c516$var$processSegments(dateValue, displayValue, dateFormatter, resolvedOptions, calendar, locale, granularity), [
         dateValue,
-        validSegments,
         dateFormatter,
         resolvedOptions,
         displayValue,
@@ -23433,33 +24124,8 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         locale,
         granularity
     ]);
-    // When the era field appears, mark it valid if the year field is already valid.
-    // If the era field disappears, remove it from the valid segments.
-    if (allSegments.era && validSegments.year && !validSegments.era) {
-        validSegments.era = true;
-        setValidSegments({
-            ...validSegments
-        });
-    } else if (!allSegments.era && validSegments.era) {
-        delete validSegments.era;
-        setValidSegments({
-            ...validSegments
-        });
-    }
-    let markValid = (part)=>{
-        validSegments[part] = true;
-        if (part === 'year' && allSegments.era) validSegments.era = true;
-        setValidSegments({
-            ...validSegments
-        });
-    };
     let adjustSegment = (type, amount)=>{
-        if (!validSegments[type]) {
-            markValid(type);
-            let validKeys = Object.keys(validSegments);
-            let allKeys = Object.keys(allSegments);
-            if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod) setValue(displayValue);
-        } else setValue($3c0fc76039f1c516$var$addSegment(displayValue, type, amount, resolvedOptions));
+        setValue(displayValue.cycle(type, amount, placeholder, displaySegments));
     };
     let builtinValidation = ($dbSRa$react.useMemo)(()=>($35a22f14a1f04b11$export$f18627323ab57ac0)(value, minValue, maxValue, isDateUnavailable, formatOpts), [
         value,
@@ -23504,48 +24170,30 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         decrementPage (part) {
             adjustSegment(part, -($3c0fc76039f1c516$var$PAGE_STEP[part] || 1));
         },
+        incrementToMax (part) {
+            let maxValue = part === 'hour' && hourCycle === 'h12' ? 11 : displayValue.getSegmentLimits(part).maxValue;
+            setValue(displayValue.set(part, maxValue, placeholder));
+        },
+        decrementToMin (part) {
+            let minValue = part === 'hour' && hourCycle === 'h12' ? 12 : displayValue.getSegmentLimits(part).minValue;
+            setValue(displayValue.set(part, minValue, placeholder));
+        },
         setSegment (part, v) {
-            markValid(part);
-            setValue($3c0fc76039f1c516$var$setSegment(displayValue, part, v, resolvedOptions));
+            setValue(displayValue.set(part, v, placeholder));
         },
         confirmPlaceholder () {
             if (props.isDisabled || props.isReadOnly) return;
-            // Confirm the placeholder if only the day period is not filled in.
-            let validKeys = Object.keys(validSegments);
-            let allKeys = Object.keys(allSegments);
-            if (validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod) {
-                validSegments = {
-                    ...allSegments
-                };
-                setValidSegments(validSegments);
-                setValue(displayValue.copy());
+            // If the display value is complete but invalid, we need to constrain it and emit onChange on blur.
+            if (displayValue.isComplete(displaySegments)) {
+                let dateValue = displayValue.toValue(calendarValue !== null && calendarValue !== void 0 ? calendarValue : placeholder);
+                let newDateValue = ($11d87f3f76e88657$export$b4a036af3fc0b032)(dateValue, (v === null || v === void 0 ? void 0 : v.calendar) || new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
+                if (!value || newDateValue.compare(value) !== 0) setDate(newDateValue);
+                setDisplayValue(new ($f863c03ccd9aead0$export$ae165b50d181e1ef)(calendar, hourCycle, calendarValue));
             }
         },
         clearSegment (part) {
-            delete validSegments[part];
-            clearedSegment.current = part;
-            setValidSegments({
-                ...validSegments
-            });
-            let placeholder = ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone);
             let value = displayValue;
-            // Reset day period to default without changing the hour.
-            if (part === 'dayPeriod' && 'hour' in displayValue && 'hour' in placeholder) {
-                let isPM = displayValue.hour >= 12;
-                let shouldBePM = placeholder.hour >= 12;
-                if (isPM && !shouldBePM) value = displayValue.set({
-                    hour: displayValue.hour - 12
-                });
-                else if (!isPM && shouldBePM) value = displayValue.set({
-                    hour: displayValue.hour + 12
-                });
-            } else if (part === 'hour' && 'hour' in displayValue && displayValue.hour >= 12 && validSegments.dayPeriod) value = displayValue.set({
-                hour: placeholder['hour'] + 12
-            });
-            else if (part in displayValue) value = displayValue.set({
-                [part]: placeholder[part]
-            });
-            setDate(null);
+            if (part !== 'timeZoneName' && part !== 'literal') value = displayValue.clear(part);
             setValue(value);
         },
         formatValue (fieldOptions) {
@@ -23564,24 +24212,40 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         }
     };
 }
-function $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar, locale, granularity) {
+function $3c0fc76039f1c516$var$processSegments(dateValue, displayValue, dateFormatter, resolvedOptions, calendar, locale, granularity) {
     let timeValue = [
         'hour',
         'minute',
         'second'
     ];
     let segments = dateFormatter.formatToParts(dateValue);
+    // In order to allow formatting temporarily invalid dates during editing (e.g. February 30th),
+    // use a NumberFormatter to manually format segments directly from raw numbers.
+    // When the user blurs the date field, the invalid segments will be constrained.
+    let numberFormatter = new ($488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(locale, {
+        useGrouping: false
+    });
+    let twoDigitFormatter = new ($488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(locale, {
+        useGrouping: false,
+        minimumIntegerDigits: 2
+    });
+    for (let segment of segments)if (segment.type === 'year' || segment.type === 'month' || segment.type === 'day' || segment.type === 'hour') {
+        var _displayValue_segment_type;
+        let value = (_displayValue_segment_type = displayValue[segment.type]) !== null && _displayValue_segment_type !== void 0 ? _displayValue_segment_type : 0;
+        if (resolvedOptions[segment.type] === '2-digit') segment.value = twoDigitFormatter.format(value);
+        else segment.value = numberFormatter.format(value);
+    }
     let processedSegments = [];
     for (let segment of segments){
         let type = $3c0fc76039f1c516$var$TYPE_MAPPING[segment.type] || segment.type;
         let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[type];
         if (type === 'era' && calendar.getEras().length === 1) isEditable = false;
-        let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[type] && !validSegments[type];
+        let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[type] && displayValue[segment.type] == null;
         let placeholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[type] ? ($3e3ed55ab2966714$export$d3f5c5e0a5023fa0)(type, segment.value, locale) : null;
         let dateSegment = {
             type: type,
             text: isPlaceholder ? placeholder : segment.value,
-            ...$3c0fc76039f1c516$var$getSegmentLimits(displayValue, type, resolvedOptions),
+            ...displayValue.getSegmentLimits(type),
             isPlaceholder: isPlaceholder,
             placeholder: placeholder,
             isEditable: isEditable
@@ -23594,7 +24258,6 @@ function $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFor
             processedSegments.push({
                 type: 'literal',
                 text: '\u2066',
-                ...$3c0fc76039f1c516$var$getSegmentLimits(displayValue, 'literal', resolvedOptions),
                 isPlaceholder: false,
                 placeholder: '',
                 isEditable: false
@@ -23604,7 +24267,6 @@ function $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFor
             if (type === granularity) processedSegments.push({
                 type: 'literal',
                 text: '\u2069',
-                ...$3c0fc76039f1c516$var$getSegmentLimits(displayValue, 'literal', resolvedOptions),
                 isPlaceholder: false,
                 placeholder: '',
                 isEditable: false
@@ -23615,7 +24277,6 @@ function $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFor
             processedSegments.push({
                 type: 'literal',
                 text: '\u2069',
-                ...$3c0fc76039f1c516$var$getSegmentLimits(displayValue, 'literal', resolvedOptions),
                 isPlaceholder: false,
                 placeholder: '',
                 isEditable: false
@@ -23625,139 +24286,6 @@ function $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFor
     }
     return processedSegments;
 }
-function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
-    switch(type){
-        case 'era':
-            {
-                let eras = date.calendar.getEras();
-                return {
-                    value: eras.indexOf(date.era),
-                    minValue: 0,
-                    maxValue: eras.length - 1
-                };
-            }
-        case 'year':
-            return {
-                value: date.year,
-                minValue: 1,
-                maxValue: date.calendar.getYearsInEra(date)
-            };
-        case 'month':
-            return {
-                value: date.month,
-                minValue: ($14e0f24ef4ac5c92$export$5412ac11713b72ad)(date),
-                maxValue: date.calendar.getMonthsInYear(date)
-            };
-        case 'day':
-            return {
-                value: date.day,
-                minValue: ($14e0f24ef4ac5c92$export$b2f4953d301981d5)(date),
-                maxValue: date.calendar.getDaysInMonth(date)
-            };
-    }
-    if ('hour' in date) switch(type){
-        case 'dayPeriod':
-            return {
-                value: date.hour >= 12 ? 12 : 0,
-                minValue: 0,
-                maxValue: 12
-            };
-        case 'hour':
-            if (options.hour12) {
-                let isPM = date.hour >= 12;
-                return {
-                    value: date.hour,
-                    minValue: isPM ? 12 : 0,
-                    maxValue: isPM ? 23 : 11
-                };
-            }
-            return {
-                value: date.hour,
-                minValue: 0,
-                maxValue: 23
-            };
-        case 'minute':
-            return {
-                value: date.minute,
-                minValue: 0,
-                maxValue: 59
-            };
-        case 'second':
-            return {
-                value: date.second,
-                minValue: 0,
-                maxValue: 59
-            };
-    }
-    return {};
-}
-function $3c0fc76039f1c516$var$addSegment(value, part, amount, options) {
-    switch(part){
-        case 'era':
-        case 'year':
-        case 'month':
-        case 'day':
-            return value.cycle(part, amount, {
-                round: part === 'year'
-            });
-    }
-    if ('hour' in value) switch(part){
-        case 'dayPeriod':
-            {
-                let hours = value.hour;
-                let isPM = hours >= 12;
-                return value.set({
-                    hour: isPM ? hours - 12 : hours + 12
-                });
-            }
-        case 'hour':
-        case 'minute':
-        case 'second':
-            return value.cycle(part, amount, {
-                round: part !== 'hour',
-                hourCycle: options.hour12 ? 12 : 24
-            });
-    }
-    throw new Error('Unknown segment: ' + part);
-}
-function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
-    switch(part){
-        case 'day':
-        case 'month':
-        case 'year':
-        case 'era':
-            return value.set({
-                [part]: segmentValue
-            });
-    }
-    if ('hour' in value && typeof segmentValue === 'number') switch(part){
-        case 'dayPeriod':
-            {
-                let hours = value.hour;
-                let wasPM = hours >= 12;
-                let isPM = segmentValue >= 12;
-                if (isPM === wasPM) return value;
-                return value.set({
-                    hour: wasPM ? hours - 12 : hours + 12
-                });
-            }
-        case 'hour':
-            // In 12 hour time, ensure that AM/PM does not change
-            if (options.hour12) {
-                let hours = value.hour;
-                let wasPM = hours >= 12;
-                if (!wasPM && segmentValue === 12) segmentValue = 0;
-                if (wasPM && segmentValue < 12) segmentValue += 12;
-            }
-        // fallthrough
-        case 'minute':
-        case 'second':
-            return value.set({
-                [part]: segmentValue
-            });
-    }
-    throw new Error('Unknown segment: ' + part);
-}
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -24233,12 +24761,14 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
     let warmupTooltip = ()=>{
         closeOpenTooltips();
         ensureTooltipEntry();
-        if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(()=>{
-            $8796f90736e175cb$var$globalWarmUpTimeout = null;
-            $8796f90736e175cb$var$globalWarmedUp = true;
-            showTooltip();
-        }, delay);
-        else if (!isOpen) showTooltip();
+        if (!isOpen && !$8796f90736e175cb$var$globalWarmedUp) {
+            if ($8796f90736e175cb$var$globalWarmUpTimeout) clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+            $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(()=>{
+                $8796f90736e175cb$var$globalWarmUpTimeout = null;
+                $8796f90736e175cb$var$globalWarmedUp = true;
+                showTooltip();
+            }, delay);
+        } else if (!isOpen) showTooltip();
     };
     ($dbSRa$react.useEffect)(()=>{
         closeCallback.current = close;
@@ -24308,7 +24838,7 @@ const $dfd62f934fc76fed$export$e1aef45b828286de = /*#__PURE__*/ ($dbSRa$react.fo
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, calendarProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -24385,7 +24915,8 @@ const $dfd62f934fc76fed$export$5bd780d491cfc46c = /*#__PURE__*/ ($dbSRa$react.fo
             startDate: startDate,
             weeksInMonth: weeksInMonth
         }
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("table", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).table, {
+        render: props.render,
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, gridProps),
         ref: ref,
         style: props.style,
@@ -24399,7 +24930,8 @@ function $dfd62f934fc76fed$var$CalendarGridHeader(props, ref) {
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("thead", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).thead, {
+        render: props.render,
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, headerProps),
         ref: ref,
         style: style,
@@ -24416,7 +24948,8 @@ function $dfd62f934fc76fed$var$CalendarHeaderCell(props, ref) {
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("th", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).th, {
+        render: props.render,
         ...DOMProps,
         ref: ref,
         style: style,
@@ -24435,7 +24968,8 @@ function $dfd62f934fc76fed$var$CalendarGridBody(props, ref) {
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("tbody", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).tbody, {
+        render: props.render,
         ...DOMProps,
         ref: ref,
         style: style,
@@ -24516,7 +25050,7 @@ const $dfd62f934fc76fed$export$5d847498420df57b = /*#__PURE__*/ ($dbSRa$react.fo
     return /*#__PURE__*/ ($dbSRa$react).createElement("td", {
         ...cellProps,
         ref: ref
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, buttonProps, focusProps, hoverProps, dataAttrs, renderProps),
         ref: buttonRef
     }));
@@ -24582,7 +25116,7 @@ const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /*#__PURE__*/ ($dbSRa$react.cr
 const $d3e0e05bdfcf66bd$export$a7fed597f4b8afd8 = /*#__PURE__*/ ($dbSRa$react.forwardRef)(function Form(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d3e0e05bdfcf66bd$export$c24727297075ec6a);
     let { validationErrors: validationErrors, validationBehavior: validationBehavior = 'native', children: children, className: className, ...domProps } = props;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("form", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).form, {
         noValidate: validationBehavior !== 'native',
         ...domProps,
         ref: ref,
@@ -24648,7 +25182,7 @@ const $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ ($dbSRa$react.fo
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, groupProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -24737,7 +25271,7 @@ const $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ ($dbSRa$react.fo
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("label", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).label, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, labelProps, hoverProps, renderProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -24799,7 +25333,7 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ ($dbSRa$react.fo
         defaultClassName: 'react-aria-Group'
     });
     var _props_role, _props_slot;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(otherProps, focusProps, hoverProps),
         ...renderProps,
         ref: ref,
@@ -24856,7 +25390,7 @@ const $3985021b0ad6602f$export$f5b8910cec6cf069 = /*#__PURE__*/ ($f39a9eba43920a
         },
         defaultClassName: 'react-aria-Input'
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("input", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).input, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
         ...renderProps,
         ref: ref,
@@ -25313,7 +25847,7 @@ function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropH
 const $72a5793c14baf454$export$e0e4026c12a8bdbb = /*#__PURE__*/ ($dbSRa$react.createContext)({});
 const $72a5793c14baf454$export$8b251419efc915eb = /*#__PURE__*/ ($e1995378a142960e$export$18af5c7a9e9b3664)(($23b9f4fcf0fe224b$export$5ae2504e948afce5), function Header(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $72a5793c14baf454$export$e0e4026c12a8bdbb);
-    return /*#__PURE__*/ ($dbSRa$react).createElement("header", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).header, {
         className: "react-aria-Header",
         ...props,
         ref: ref
@@ -25393,6 +25927,7 @@ const $431f98aba6844401$export$1ff3c3f08ae963c0 = /*#__PURE__*/ ($e1995378a14296
     let { elementType: elementType, orientation: orientation, style: style, className: className, slot: slot, ...otherProps } = props;
     let Element = elementType || 'hr';
     if (Element === 'hr' && orientation === 'vertical') Element = 'div';
+    let ElementType = ($64fa3d84918910a7$export$df3a06d6289f983e)[Element];
     let { separatorProps: separatorProps } = ($f4b273590fab9f93$export$52210f68a14655d0)({
         ...otherProps,
         elementType: elementType,
@@ -25401,7 +25936,8 @@ const $431f98aba6844401$export$1ff3c3f08ae963c0 = /*#__PURE__*/ ($e1995378a14296
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement(Element, {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
+        render: props.render,
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, separatorProps),
         style: style,
         className: className !== null && className !== void 0 ? className : 'react-aria-Separator',
@@ -25574,8 +26110,8 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props: props, l
         state: state
     };
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
-        className: props.className,
-        style: props.style,
+        ...props,
+        children: undefined,
         defaultClassName: 'react-aria-ListBox',
         values: renderValues
     });
@@ -25590,7 +26126,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props: props, l
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement(($9bf71ea28793e738$export$20e40289641fbbb6), null, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($9bf71ea28793e738$export$20e40289641fbbb6), null, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, listBoxProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
         ref: listBoxRef,
         slot: props.slot || undefined,
@@ -25657,16 +26193,17 @@ function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, classNam
         'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : undefined
     });
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: undefined,
         defaultClassName: className,
-        className: props.className,
-        style: props.style,
-        values: {}
+        values: undefined
     });
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
     delete DOMProps.id;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("section", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).section, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, groupProps),
         ref: ref
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($72a5793c14baf454$export$e0e4026c12a8bdbb).Provider, {
@@ -25695,6 +26232,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
         onHoverChange: item.props.onHoverChange,
         onHoverEnd: item.props.onHoverEnd
     });
+    let { keyboardProps: keyboardProps } = ($46d819fcbaf35654$export$8f71654801c2f7cd)(props);
     let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)(props);
     let draggableItem = null;
     if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
@@ -25730,15 +26268,15 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
     }, [
         item.textValue
     ]);
-    let ElementType = props.href ? 'a' : 'div';
+    let ElementType = props.href ? ($64fa3d84918910a7$export$df3a06d6289f983e).a : ($64fa3d84918910a7$export$df3a06d6289f983e).div;
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    if (ElementType === 'a' && optionProps.tabIndex == null) optionProps.tabIndex = -1;
+    if (props.href && optionProps.tabIndex == null) optionProps.tabIndex = -1;
     return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
-        ...($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),
+        ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, optionProps, hoverProps, keyboardProps, 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,
@@ -25792,10 +26330,9 @@ function $eed445e0843c11d0$var$ListBoxDropIndicator(props, ref) {
             isDropTarget: isDropTarget
         }
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...dropIndicatorProps,
         ...renderProps,
-        // eslint-disable-next-line
         role: "option",
         ref: ref,
         "data-drop-target": isDropTarget || undefined
@@ -25822,7 +26359,7 @@ const $eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef = /*#__PURE__*/ ($dbS
         id: undefined,
         children: item.rendered,
         defaultClassName: 'react-aria-ListBoxLoadingIndicator',
-        values: null
+        values: undefined
     });
     let optionProps = {
         // For Android talkback
@@ -25843,13 +26380,12 @@ const $eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef = /*#__PURE__*/ ($dbS
             height: 1,
             width: 1
         }
-    })), isLoading && renderProps.children && /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    })), isLoading && renderProps.children && /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
             global: true
         }), optionProps),
         ...renderProps,
         // aria-selected isn't needed here since this option is not selectable.
-        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
         role: "option",
         ref: ref
     }, renderProps.children));
@@ -25890,7 +26426,7 @@ const $44f671af83e7d9e0$export$746d02f47f4d381 = /*#__PURE__*/ ($dbSRa$react.for
     // spread merged with the other style object
     if (renderProps.style) Object.keys(renderProps.style).forEach((key)=>renderProps.style[key] === undefined && delete renderProps.style[key]);
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props);
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...DOMProps,
         ...renderProps,
         style: {
@@ -25995,7 +26531,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
     // Focus the popover itself on mount, unless a child element is already focused.
     // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger
     ($dbSRa$react.useEffect)(()=>{
-        if (isDialog && props.trigger !== 'SubmenuTrigger' && ref.current && !ref.current.contains(document.activeElement)) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
+        if (isDialog && (props.trigger !== 'SubmenuTrigger' || ($507fabe10e71c6fb$export$630ff653c5ada6a9)() !== 'pointer') && ref.current && !($d4ee10de306f2510$export$b4f377a2b6254582)(ref.current)) ($3ad3f6e1647bc98d$export$80f3e147d781571c)(ref.current);
     }, [
         isDialog,
         ref,
@@ -26016,7 +26552,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
         '--trigger-anchor-point': triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : undefined,
         ...renderProps.style
     };
-    let overlay = /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    let overlay = /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
             global: true
         }), popoverProps),
@@ -26196,8 +26732,9 @@ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ ($dbSRa$react.fo
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("section", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).section, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, dialogProps),
+        render: props.render,
         ref: ref,
         slot: props.slot || undefined
     }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
@@ -26242,6 +26779,7 @@ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ ($dbSRa$react.fo
  */ 
 
 
+
 const $c699643d2073b351$var$dateSegments = [
     'day',
     'month',
@@ -26265,7 +26803,11 @@ function $c699643d2073b351$export$f6a685cd1acbd1fa(props, state) {
     let inputStep = 60;
     if (state.granularity === 'second') inputStep = 1;
     else if (state.granularity === 'hour') inputStep = 3600;
-    let dateValue = state.value == null ? '' : state.value.toString();
+    let dateValue = '';
+    if (state.value) {
+        if (state.granularity === 'day') dateValue = ($11d87f3f76e88657$export$93522d1a439f3617)(state.value).toString();
+        else dateValue = ($11d87f3f76e88657$export$b21e0b124e224484)('timeZone' in state.value ? ($11d87f3f76e88657$export$d9b67bc93c097491)(state.value) : state.value).toString();
+    }
     let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';
     let timeSegments = [
         'hour',
@@ -26298,7 +26840,7 @@ function $c699643d2073b351$export$f6a685cd1acbd1fa(props, state) {
             step: inputStep,
             value: dateValue,
             onChange: (e)=>{
-                let targetString = e.target.value.toString();
+                let targetString = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e).value.toString();
                 if (targetString) try {
                     let targetValue = (0, $fae977aafc393c5c$export$588937bcd60ade55)(targetString);
                     if (state.granularity === 'day') targetValue = (0, $fae977aafc393c5c$export$6b862160d295c8e)(targetString);
@@ -26386,7 +26928,8 @@ const $40825cdb76e74f70$export$5eaee2322dd727eb = /*#__PURE__*/ ($dbSRa$react.fo
             state: state,
             isInvalid: state.isInvalid,
             isDisabled: state.isDisabled,
-            isReadOnly: state.isReadOnly
+            isReadOnly: state.isReadOnly,
+            isRequired: props.isRequired || false
         },
         defaultClassName: 'react-aria-TimeField'
     });
@@ -26438,14 +26981,15 @@ const $40825cdb76e74f70$export$5eaee2322dd727eb = /*#__PURE__*/ ($dbSRa$react.fo
                 validation
             ]
         ]
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot || undefined,
         "data-invalid": state.isInvalid || undefined,
         "data-disabled": state.isDisabled || undefined,
-        "data-readonly": state.isReadOnly || undefined
+        "data-readonly": state.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined
     }));
 });
 const $40825cdb76e74f70$export$7edc06cf1783b30f = /*#__PURE__*/ ($dbSRa$react.forwardRef)(function DateInput(props, ref) {
@@ -26545,7 +27089,7 @@ const $40825cdb76e74f70$export$336ab7fa954c4b5f = /*#__PURE__*/ ($dbSRa$react.fo
         defaultChildren: segment.text,
         defaultClassName: 'react-aria-DateSegment'
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("span", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).span, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(otherProps, {
             global: true
         }), segmentProps, focusProps, hoverProps),
@@ -26635,7 +27179,8 @@ const $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 = /*#__PURE__*/ ($dbSRa$react.fo
             isDisabled: props.isDisabled || false,
             isInvalid: state.isInvalid,
             isOpen: state.isOpen,
-            isReadOnly: props.isReadOnly || false
+            isReadOnly: props.isReadOnly || false,
+            isRequired: props.isRequired || false
         },
         defaultClassName: 'react-aria-DatePicker'
     });
@@ -26714,7 +27259,7 @@ const $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 = /*#__PURE__*/ ($dbSRa$react.fo
                 validation
             ]
         ]
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, focusProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -26723,6 +27268,7 @@ const $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 = /*#__PURE__*/ ($dbSRa$react.fo
         "data-focus-visible": isFocusVisible || undefined,
         "data-disabled": props.isDisabled || undefined,
         "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
         "data-open": state.isOpen || undefined
     }), /*#__PURE__*/ ($dbSRa$react).createElement(($c699643d2073b351$export$eefa3e19139f00f3), {
         autoComplete: props.autoComplete,
@@ -26762,7 +27308,7 @@ const $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ ($dbSRa$react.fo
     let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...domProps,
         ...renderProps,
         ref: ref,
@@ -26839,7 +27385,7 @@ const $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ ($dbSRa$react.fo
                 state
             ]
         ]
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, renderProps, focusWithinProps),
         ref: ref,
         "data-expanded": state.isExpanded || undefined,
@@ -26864,7 +27410,7 @@ const $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ ($dbSRa$react.fo
         global: true,
         labelable: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, panelProps, focusWithinProps),
         ref: ($5dc95899b306f630$export$c9058316764c140e)(ref, panelRef),
         role: role,
@@ -26895,7 +27441,7 @@ const $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ ($dbSRa$react.fo
 const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ ($dbSRa$react.forwardRef)(function Heading(props, ref) {
     [props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, ($4e85f108e88277b8$export$d688439359537581));
     let { children: children, level: level = 3, className: className, ...domProps } = props;
-    let Element = `h${level}`;
+    let Element = ($64fa3d84918910a7$export$df3a06d6289f983e)[`h${level}`];
     return /*#__PURE__*/ ($dbSRa$react).createElement(Element, {
         ...domProps,
         ref: ref,
@@ -27015,7 +27561,7 @@ function $f3f84453ead64de5$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNS
     return /*#__PURE__*/ ($dbSRa$react).createElement(($337b884510726a0d$export$c6fdb837b070b4ff), {
         isExiting: props.isExiting,
         portalContainer: UNSTABLE_portalContainer
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
             global: true
         }), underlayProps),
@@ -27060,7 +27606,7 @@ function $f3f84453ead64de5$var$ModalContent(props) {
             state: state
         }
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
             global: true
         }), modalProps),
@@ -27176,7 +27722,7 @@ const $b91743d66a0ed188$export$63c5fa0b2fdccd2e = /*#__PURE__*/ ($dbSRa$react.fo
                 validation
             ]
         ]
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...DOMProps,
         ...renderProps,
         ref: ref,
@@ -27247,7 +27793,7 @@ const $b6c3ddc6086f204d$export$a98f0dcb43a68a25 = /*#__PURE__*/ ($dbSRa$react.fo
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, radioGroupProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -27325,7 +27871,7 @@ const $b6c3ddc6086f204d$export$d7b12c4107be0d61 = /*#__PURE__*/ ($dbSRa$react.fo
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("label", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).label, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, labelProps, hoverProps, renderProps),
         ref: ref,
         "data-selected": isSelected || undefined,
@@ -27542,7 +28088,7 @@ function $82d7e5349645de74$var$SelectInner({ props: props, selectRef: ref, colle
                 validation
             ]
         ]
-    }, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    }, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, focusProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -27634,7 +28180,7 @@ const $82d7e5349645de74$export$e288731fd71264f0 = /*#__PURE__*/ ($f39a9eba43920a
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("span", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).span, {
         ref: ref,
         ...DOMProps,
         ...renderProps,
@@ -27695,7 +28241,7 @@ const $8e59e948500a8fe1$export$b5d5cf8927ab7262 = /*#__PURE__*/ ($dbSRa$react.fo
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("label", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).label, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, labelProps, hoverProps, renderProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -27780,7 +28326,8 @@ function $eaf9e70818b436db$var$TagGroupInner({ props: props, forwardedRef: ref,
         label: label
     }, filteredState, tagListRef);
     var _props_className;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        render: props.render,
         ...domProps,
         id: id,
         ref: ref,
@@ -27839,8 +28386,8 @@ function $eaf9e70818b436db$var$TagListInner({ props: props, forwardedRef: forwar
         state: state
     };
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
-        className: props.className,
-        style: props.style,
+        ...props,
+        children: undefined,
         defaultClassName: 'react-aria-TagList',
         values: renderValues
     });
@@ -27848,7 +28395,7 @@ function $eaf9e70818b436db$var$TagListInner({ props: props, forwardedRef: forwar
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, gridProps, focusProps),
         ref: ref,
         "data-empty": state.collection.size === 0 || undefined,
@@ -27897,7 +28444,7 @@ const $eaf9e70818b436db$export$3288d34c523a1192 = /*#__PURE__*/ ($e1995378a14296
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ref: ref,
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, rowProps, focusProps, hoverProps),
         "data-selected": states.isSelected || undefined,
@@ -27962,7 +28509,7 @@ const $216918bed6669f72$export$f5c9f3c2c4054eec = /*#__PURE__*/ ($dbSRa$react.fo
         },
         defaultClassName: 'react-aria-TextArea'
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("textarea", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).textarea, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)($216918bed6669f72$var$filterHoverProps(props), focusProps, hoverProps),
         ...renderProps,
         ref: ref,
@@ -28035,7 +28582,7 @@ const $bcdf0525bf22703d$export$2c73285ae9390cec = /*#__PURE__*/ ($f39a9eba43920a
         global: true
     });
     delete DOMProps.id;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...DOMProps,
         ...renderProps,
         ref: ref,
@@ -28126,7 +28673,7 @@ const $84b7d8702d4ff4a8$export$40258cc1d95ff477 = /*#__PURE__*/ ($dbSRa$react.fo
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, groupProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -28172,7 +28719,10 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /*#__PURE__*/ ($dbSRa$react.fo
         id: props.id != null ? String(props.id) : undefined
     }, state, ref);
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = ($f7dceffc5ad7768b$export$4e328f61c538687f)(props);
-    let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)({
+        ...props,
+        isDisabled: isDisabled
+    });
     let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         id: undefined,
@@ -28192,7 +28742,7 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /*#__PURE__*/ ($dbSRa$react.fo
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    return /*#__PURE__*/ ($dbSRa$react).createElement("button", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).button, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
         ref: ref,
         slot: props.slot || undefined,
@@ -28298,7 +28848,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
     let DOMProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
-    return /*#__PURE__*/ ($dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...($3ef42575df84b30b$export$9d1611c77c2fe928)(DOMProps, renderProps, tooltipProps),
         ref: props.tooltipRef,
         style: {