react-aria-components 1.0.0-alpha.5 → 1.0.0-beta.0

package/dist/import.mjs

@@ -1,10 +1,10 @@
-import {DIRECTORY_DRAG_TYPE as $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE, isDirectoryDropItem as $67da31f5140672c4$re_export$isDirectoryDropItem, isFileDropItem as $67da31f5140672c4$re_export$isFileDropItem, isTextDropItem as $67da31f5140672c4$re_export$isTextDropItem, SSRProvider as $67da31f5140672c4$re_export$SSRProvider, useBreadcrumbs as $dGqE5$useBreadcrumbs, useIsSSR as $dGqE5$useIsSSR, mergeProps as $dGqE5$mergeProps, useLink as $dGqE5$useLink, useHover as $dGqE5$useHover, useFocusRing as $dGqE5$useFocusRing, useButton as $dGqE5$useButton, useLocale as $dGqE5$useLocale, useCalendar as $dGqE5$useCalendar, VisuallyHidden as $dGqE5$VisuallyHidden, useRangeCalendar as $dGqE5$useRangeCalendar, useCalendarGrid as $dGqE5$useCalendarGrid, useCalendarCell as $dGqE5$useCalendarCell, useCheckboxGroup as $dGqE5$useCheckboxGroup, useCheckboxGroupItem as $dGqE5$useCheckboxGroupItem, useCheckbox as $dGqE5$useCheckbox, usePress as $dGqE5$usePress, useFilter as $dGqE5$useFilter, useComboBox as $dGqE5$useComboBox, ListKeyboardDelegate as $dGqE5$ListKeyboardDelegate, useListBox as $dGqE5$useListBox, FocusScope as $dGqE5$FocusScope, useListBoxSection as $dGqE5$useListBoxSection, useOption as $dGqE5$useOption, useDraggableCollection as $dGqE5$useDraggableCollection, useDraggableItem as $dGqE5$useDraggableItem, DragPreview as $dGqE5$DragPreview, useDroppableItem as $dGqE5$useDroppableItem, useDroppableCollection as $dGqE5$useDroppableCollection, useDropIndicator as $dGqE5$useDropIndicator, ListDropTargetDelegate as $dGqE5$ListDropTargetDelegate, useSeparator as $dGqE5$useSeparator, usePopover as $dGqE5$usePopover, Overlay as $dGqE5$Overlay, DismissButton as $dGqE5$DismissButton, useDateField as $dGqE5$useDateField, useTimeField as $dGqE5$useTimeField, useDateSegment as $dGqE5$useDateSegment, useDatePicker as $dGqE5$useDatePicker, useDateRangePicker as $dGqE5$useDateRangePicker, useOverlayTrigger as $dGqE5$useOverlayTrigger, useDialog as $dGqE5$useDialog, useModalOverlay as $dGqE5$useModalOverlay, useDrop as $dGqE5$useDrop, useId as $dGqE5$useId, useClipboard as $dGqE5$useClipboard, useGridList as $dGqE5$useGridList, useGridListItem as $dGqE5$useGridListItem, useGridListSelectionCheckbox as $dGqE5$useGridListSelectionCheckbox, useVisuallyHidden as $dGqE5$useVisuallyHidden, useMenuTrigger as $dGqE5$useMenuTrigger, useMenu as $dGqE5$useMenu, useMenuSection as $dGqE5$useMenuSection, useMenuItem as $dGqE5$useMenuItem, useMeter as $dGqE5$useMeter, useNumberField as $dGqE5$useNumberField, useProgressBar as $dGqE5$useProgressBar, useRadioGroup as $dGqE5$useRadioGroup, useRadio as $dGqE5$useRadio, useSearchField as $dGqE5$useSearchField, useSelect as $dGqE5$useSelect, HiddenSelect as $dGqE5$HiddenSelect, useNumberFormatter as $dGqE5$useNumberFormatter, useSlider as $dGqE5$useSlider, useSliderThumb as $dGqE5$useSliderThumb, useSwitch as $dGqE5$useSwitch, useTable as $dGqE5$useTable, useTableRowGroup as $dGqE5$useTableRowGroup, useTableHeaderRow as $dGqE5$useTableHeaderRow, useTableSelectAllCheckbox as $dGqE5$useTableSelectAllCheckbox, useTableColumnHeader as $dGqE5$useTableColumnHeader, useTableRow as $dGqE5$useTableRow, useTableSelectionCheckbox as $dGqE5$useTableSelectionCheckbox, useTableCell as $dGqE5$useTableCell, useTabList as $dGqE5$useTabList, useTab as $dGqE5$useTab, useTabPanel as $dGqE5$useTabPanel, useTagGroup as $dGqE5$useTagGroup, useTag as $dGqE5$useTag, useTextField as $dGqE5$useTextField, useToggleButton as $dGqE5$useToggleButton, useTooltipTrigger as $dGqE5$useTooltipTrigger, OverlayContainer as $dGqE5$OverlayContainer, useOverlayPosition as $dGqE5$useOverlayPosition, useTooltip as $dGqE5$useTooltip} from "react-aria";
-import {filterDOMProps as $dGqE5$filterDOMProps, useObjectRef as $dGqE5$useObjectRef, mergeRefs as $dGqE5$mergeRefs, mergeProps as $dGqE5$mergeProps1, useLayoutEffect as $dGqE5$useLayoutEffect, useResizeObserver as $dGqE5$useResizeObserver, useViewportSize as $dGqE5$useViewportSize, useLabels as $dGqE5$useLabels, isWebKit as $dGqE5$isWebKit, isIOS as $dGqE5$isIOS} from "@react-aria/utils";
-import $dGqE5$react, {createContext as $dGqE5$createContext, forwardRef as $dGqE5$forwardRef, useMemo as $dGqE5$useMemo, cloneElement as $dGqE5$cloneElement, useCallback as $dGqE5$useCallback, useContext as $dGqE5$useContext, useEffect as $dGqE5$useEffect, useState as $dGqE5$useState, useRef as $dGqE5$useRef} from "react";
+import {DIRECTORY_DRAG_TYPE as $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE, isDirectoryDropItem as $67da31f5140672c4$re_export$isDirectoryDropItem, isFileDropItem as $67da31f5140672c4$re_export$isFileDropItem, isTextDropItem as $67da31f5140672c4$re_export$isTextDropItem, SSRProvider as $67da31f5140672c4$re_export$SSRProvider, useIsSSR as $dGqE5$useIsSSR, mergeProps as $dGqE5$mergeProps, useLink as $dGqE5$useLink, useHover as $dGqE5$useHover, useFocusRing as $dGqE5$useFocusRing, useButton as $dGqE5$useButton, useLocale as $dGqE5$useLocale, useCalendar as $dGqE5$useCalendar, VisuallyHidden as $dGqE5$VisuallyHidden, useRangeCalendar as $dGqE5$useRangeCalendar, useCalendarGrid as $dGqE5$useCalendarGrid, useCalendarCell as $dGqE5$useCalendarCell, useCheckboxGroup as $dGqE5$useCheckboxGroup, useCheckboxGroupItem as $dGqE5$useCheckboxGroupItem, useCheckbox as $dGqE5$useCheckbox, usePress as $dGqE5$usePress, useFilter as $dGqE5$useFilter, useComboBox as $dGqE5$useComboBox, ListKeyboardDelegate as $dGqE5$ListKeyboardDelegate, useListBox as $dGqE5$useListBox, FocusScope as $dGqE5$FocusScope, useListBoxSection as $dGqE5$useListBoxSection, useOption as $dGqE5$useOption, useDraggableCollection as $dGqE5$useDraggableCollection, useDraggableItem as $dGqE5$useDraggableItem, DragPreview as $dGqE5$DragPreview, useDroppableItem as $dGqE5$useDroppableItem, useDroppableCollection as $dGqE5$useDroppableCollection, useDropIndicator as $dGqE5$useDropIndicator, ListDropTargetDelegate as $dGqE5$ListDropTargetDelegate, useSeparator as $dGqE5$useSeparator, usePopover as $dGqE5$usePopover, Overlay as $dGqE5$Overlay, DismissButton as $dGqE5$DismissButton, useDateField as $dGqE5$useDateField, useTimeField as $dGqE5$useTimeField, useDateSegment as $dGqE5$useDateSegment, useDatePicker as $dGqE5$useDatePicker, useDateRangePicker as $dGqE5$useDateRangePicker, useOverlayTrigger as $dGqE5$useOverlayTrigger, useDialog as $dGqE5$useDialog, useModalOverlay as $dGqE5$useModalOverlay, useDrop as $dGqE5$useDrop, useClipboard as $dGqE5$useClipboard, useGridList as $dGqE5$useGridList, useGridListItem as $dGqE5$useGridListItem, useGridListSelectionCheckbox as $dGqE5$useGridListSelectionCheckbox, useVisuallyHidden as $dGqE5$useVisuallyHidden, useMenuTrigger as $dGqE5$useMenuTrigger, useMenu as $dGqE5$useMenu, useMenuSection as $dGqE5$useMenuSection, useMenuItem as $dGqE5$useMenuItem, useMeter as $dGqE5$useMeter, useNumberField as $dGqE5$useNumberField, useProgressBar as $dGqE5$useProgressBar, useRadioGroup as $dGqE5$useRadioGroup, useRadio as $dGqE5$useRadio, useSearchField as $dGqE5$useSearchField, useSelect as $dGqE5$useSelect, HiddenSelect as $dGqE5$HiddenSelect, useNumberFormatter as $dGqE5$useNumberFormatter, useSlider as $dGqE5$useSlider, useSliderThumb as $dGqE5$useSliderThumb, useSwitch as $dGqE5$useSwitch, useTable as $dGqE5$useTable, useTableRowGroup as $dGqE5$useTableRowGroup, useTableHeaderRow as $dGqE5$useTableHeaderRow, useTableSelectAllCheckbox as $dGqE5$useTableSelectAllCheckbox, useTableColumnHeader as $dGqE5$useTableColumnHeader, useTableColumnResize as $dGqE5$useTableColumnResize, useTableRow as $dGqE5$useTableRow, useTableSelectionCheckbox as $dGqE5$useTableSelectionCheckbox, useTableCell as $dGqE5$useTableCell, useTabList as $dGqE5$useTabList, useTab as $dGqE5$useTab, useTabPanel as $dGqE5$useTabPanel, useTagGroup as $dGqE5$useTagGroup, useTag as $dGqE5$useTag, useTextField as $dGqE5$useTextField, useToggleButton as $dGqE5$useToggleButton, useTooltipTrigger as $dGqE5$useTooltipTrigger, OverlayContainer as $dGqE5$OverlayContainer, useOverlayPosition as $dGqE5$useOverlayPosition, useTooltip as $dGqE5$useTooltip} from "react-aria";
+import {filterDOMProps as $dGqE5$filterDOMProps, useObjectRef as $dGqE5$useObjectRef, mergeRefs as $dGqE5$mergeRefs, mergeProps as $dGqE5$mergeProps1, useLayoutEffect as $dGqE5$useLayoutEffect, useResizeObserver as $dGqE5$useResizeObserver, useViewportSize as $dGqE5$useViewportSize, useSlotId as $dGqE5$useSlotId, useLabels as $dGqE5$useLabels, isWebKit as $dGqE5$isWebKit, isIOS as $dGqE5$isIOS} from "@react-aria/utils";
+import $dGqE5$react, {createContext as $dGqE5$createContext, forwardRef as $dGqE5$forwardRef, useMemo as $dGqE5$useMemo, cloneElement as $dGqE5$cloneElement, useRef as $dGqE5$useRef, useCallback as $dGqE5$useCallback, useContext as $dGqE5$useContext, useEffect as $dGqE5$useEffect, useState as $dGqE5$useState} from "react";
 import $dGqE5$reactdom, {createPortal as $dGqE5$createPortal} from "react-dom";
 import {useSyncExternalStore as $dGqE5$useSyncExternalStore} from "use-sync-external-store/shim/index.js";
 import {createCalendar as $dGqE5$createCalendar, endOfMonth as $dGqE5$endOfMonth, getWeeksInMonth as $dGqE5$getWeeksInMonth, isSameMonth as $dGqE5$isSameMonth, isSameDay as $dGqE5$isSameDay} from "@internationalized/date";
-import {useCalendarState as $dGqE5$useCalendarState, useRangeCalendarState as $dGqE5$useRangeCalendarState, useCheckboxGroupState as $dGqE5$useCheckboxGroupState, useToggleState as $dGqE5$useToggleState, useComboBoxState as $dGqE5$useComboBoxState, useListState as $dGqE5$useListState, useDraggableCollectionState as $dGqE5$useDraggableCollectionState, useDroppableCollectionState as $dGqE5$useDroppableCollectionState, useOverlayTriggerState as $dGqE5$useOverlayTriggerState, useDateFieldState as $dGqE5$useDateFieldState, useTimeFieldState as $dGqE5$useTimeFieldState, useDatePickerState as $dGqE5$useDatePickerState, useDateRangePickerState as $dGqE5$useDateRangePickerState, useMenuTriggerState as $dGqE5$useMenuTriggerState, useTreeState as $dGqE5$useTreeState, useNumberFieldState as $dGqE5$useNumberFieldState, useRadioGroupState as $dGqE5$useRadioGroupState, useSearchFieldState as $dGqE5$useSearchFieldState, useSelectState as $dGqE5$useSelectState, useSliderState as $dGqE5$useSliderState, useTableState as $dGqE5$useTableState, useTabListState as $dGqE5$useTabListState, useTooltipTriggerState as $dGqE5$useTooltipTriggerState} from "react-stately";
+import {useCalendarState as $dGqE5$useCalendarState, useRangeCalendarState as $dGqE5$useRangeCalendarState, useCheckboxGroupState as $dGqE5$useCheckboxGroupState, useToggleState as $dGqE5$useToggleState, useComboBoxState as $dGqE5$useComboBoxState, useListState as $dGqE5$useListState, useDraggableCollectionState as $dGqE5$useDraggableCollectionState, useDroppableCollectionState as $dGqE5$useDroppableCollectionState, useOverlayTriggerState as $dGqE5$useOverlayTriggerState, useDateFieldState as $dGqE5$useDateFieldState, useTimeFieldState as $dGqE5$useTimeFieldState, useDatePickerState as $dGqE5$useDatePickerState, useDateRangePickerState as $dGqE5$useDateRangePickerState, useMenuTriggerState as $dGqE5$useMenuTriggerState, useTreeState as $dGqE5$useTreeState, useNumberFieldState as $dGqE5$useNumberFieldState, useRadioGroupState as $dGqE5$useRadioGroupState, useSearchFieldState as $dGqE5$useSearchFieldState, useSelectState as $dGqE5$useSelectState, useSliderState as $dGqE5$useSliderState, useTableColumnResizeState as $dGqE5$useTableColumnResizeState, useTableState as $dGqE5$useTableState, useTabListState as $dGqE5$useTabListState, useTooltipTriggerState as $dGqE5$useTooltipTriggerState} from "react-stately";
 import {PressResponder as $dGqE5$PressResponder} from "@react-aria/interactions";
 import {buildHeaderRows as $dGqE5$buildHeaderRows} from "@react-stately/table";
 import {FocusableProvider as $dGqE5$FocusableProvider} from "@react-aria/focus";
@@ -29,8 +29,7 @@ import {FocusableProvider as $dGqE5$FocusableProvider} from "@react-aria/focus";
  * 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.
- */ 
-/*
+ */ /*
  * Copyright 2022 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
@@ -202,7 +201,6 @@ class $7135fc7d473fd974$export$f5d856d854e74713 {
         this.ownerDocument = ownerDocument;
     }
 }
-let $7135fc7d473fd974$var$id = 0;
 class $7135fc7d473fd974$export$dc064fe9e59310fd extends $7135fc7d473fd974$var$BaseNode {
     get index() {
         return this._index;
@@ -265,7 +263,7 @@ class $7135fc7d473fd974$export$dc064fe9e59310fd extends $7135fc7d473fd974$var$Ba
         ;
         this._index = 0;
         this.hasSetProps = false;
-        this.node = new $7135fc7d473fd974$export$f5d856d854e74713(type, `react-aria-${++$7135fc7d473fd974$var$id}`);
+        this.node = new $7135fc7d473fd974$export$f5d856d854e74713(type, `react-aria-${++ownerDocument.nodeId}`);
         // Start a transaction so that no updates are emitted from the collection
         // until the props for this node are set. We don't know the real id for the
         // node until then, so we need to avoid emitting collections in an inconsistent state.
@@ -356,11 +354,11 @@ class $7135fc7d473fd974$export$408d25a4e12db025 {
         if (this.frozen) throw new Error("Cannot remove a node to a frozen collection");
         this.keyMap.delete(key);
     }
-    commit(firstKey, lastKey) {
+    commit(firstKey, lastKey, isSSR = false) {
         if (this.frozen) throw new Error("Cannot commit a frozen collection");
         this.firstKey = firstKey;
         this.lastKey = lastKey;
-        this.frozen = true;
+        this.frozen = !isSSR;
     }
     constructor(){
         this.keyMap = new Map();
@@ -387,7 +385,7 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
         return node;
     }
     getMutableCollection() {
-        if (!this.collectionMutated) {
+        if (!this.isSSR && !this.collectionMutated) {
             this.collection = this.collection.clone();
             this.collectionMutated = true;
         }
@@ -421,6 +419,10 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
     }
     /** Finalizes the collection update, updating all nodes and freezing the collection. */ getCollection() {
         if (this.transactionCount > 0) return this.collection;
+        this.updateCollection();
+        return this.collection;
+    }
+    updateCollection() {
         for (let element of this.dirtyNodes)if (element instanceof $7135fc7d473fd974$export$dc064fe9e59310fd && element.parentNode) element.updateNode();
         this.dirtyNodes.clear();
         if (this.mutatedNodes.size) {
@@ -428,11 +430,10 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
             let collection = this.getMutableCollection();
             for (let element of this.mutatedNodes)if (element.parentNode) collection.addNode(element.node);
             var _this_firstChild_node_key, _this_lastChild_node_key;
-            collection.commit((_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild === void 0 ? void 0 : _this_firstChild.node.key) !== null && _this_firstChild_node_key !== void 0 ? _this_firstChild_node_key : null, (_this_lastChild_node_key = (_this_lastChild = this.lastChild) === null || _this_lastChild === void 0 ? void 0 : _this_lastChild.node.key) !== null && _this_lastChild_node_key !== void 0 ? _this_lastChild_node_key : null);
+            collection.commit((_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild === void 0 ? void 0 : _this_firstChild.node.key) !== null && _this_firstChild_node_key !== void 0 ? _this_firstChild_node_key : null, (_this_lastChild_node_key = (_this_lastChild = this.lastChild) === null || _this_lastChild === void 0 ? void 0 : _this_lastChild.node.key) !== null && _this_lastChild_node_key !== void 0 ? _this_lastChild_node_key : null, this.isSSR);
             this.mutatedNodes.clear();
         }
         this.collectionMutated = false;
-        return this.collection;
     }
     queueUpdate() {
         // Don't emit any updates if there is a transaction in progress.
@@ -444,6 +445,14 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
         this.subscriptions.add(fn);
         return ()=>this.subscriptions.delete(fn);
     }
+    resetAfterSSR() {
+        if (this.isSSR) {
+            this.isSSR = false;
+            this.firstChild = null;
+            this.lastChild = null;
+            this.nodeId = 0;
+        }
+    }
     constructor(collection){
         // @ts-ignore
         super(null);
@@ -451,6 +460,9 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
         ;
         this.ownerDocument = this;
         this.dirtyNodes = new Set();
+        this.isSSR = false;
+        this.nodeId = 0;
+        this.nodesByProps = new WeakMap();
         this.mutatedNodes = new Set();
         this.subscriptions = new Set();
         this.transactionCount = 0;
@@ -514,6 +526,25 @@ function $7135fc7d473fd974$export$6cd28814d92fa9c9(props, initialCollection) {
         collection: collection
     };
 }
+// React 16 and 17 don't support useSyncExternalStore natively, and the shim provided by React does not support getServerSnapshot.
+// This wrapper uses the shim, but additionally calls getServerSnapshot during SSR (according to SSRProvider).
+function $7135fc7d473fd974$var$useSyncExternalStoreFallback(subscribe, getSnapshot, getServerSnapshot) {
+    let isSSR = (0, $dGqE5$useIsSSR)();
+    let isSSRRef = (0, $dGqE5$useRef)(isSSR);
+    // This is read immediately inside the wrapper, which also runs during render.
+    // We just need a ref to avoid invalidating the callback itself, which
+    // would cause React to re-run the callback more than necessary.
+    // eslint-disable-next-line rulesdir/pure-render
+    isSSRRef.current = isSSR;
+    let getSnapshotWrapper = (0, $dGqE5$useCallback)(()=>{
+        return isSSRRef.current ? getServerSnapshot() : getSnapshot();
+    }, [
+        getSnapshot,
+        getServerSnapshot
+    ]);
+    return (0, $dGqE5$useSyncExternalStore)(subscribe, getSnapshotWrapper);
+}
+const $7135fc7d473fd974$var$useSyncExternalStore = typeof (0, $dGqE5$react)["useSyncExternalStore"] === "function" ? (0, $dGqE5$react)["useSyncExternalStore"] : $7135fc7d473fd974$var$useSyncExternalStoreFallback;
 function $7135fc7d473fd974$export$7cd71aa5ddd6dc4e(initialCollection) {
     // The document instance is mutable, and should never change between renders.
     // useSyncExternalStore is used to subscribe to updates, which vends immutable Collection objects.
@@ -523,15 +554,29 @@ function $7135fc7d473fd974$export$7cd71aa5ddd6dc4e(initialCollection) {
     let subscribe = (0, $dGqE5$useCallback)((fn)=>document.subscribe(fn), [
         document
     ]);
-    let getSnapshot = (0, $dGqE5$useCallback)(()=>document.getCollection(), [
+    let getSnapshot = (0, $dGqE5$useCallback)(()=>{
+        let collection = document.getCollection();
+        if (document.isSSR) // After SSR is complete, reset the document to empty so it is ready for React to render the portal into.
+        // We do this _after_ getting the collection above so that the collection still has content in it from SSR
+        // during the current render, before React has finished the client render.
+        document.resetAfterSSR();
+        return collection;
+    }, [
+        document
+    ]);
+    let getServerSnapshot = (0, $dGqE5$useCallback)(()=>{
+        document.isSSR = true;
+        return document.getCollection();
+    }, [
         document
     ]);
-    let collection = (0, $dGqE5$useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+    let collection = $7135fc7d473fd974$var$useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
     return {
         collection: collection,
         document: document
     };
 }
+const $7135fc7d473fd974$var$SSRContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $7135fc7d473fd974$export$ad42d5efb4461b31(props, document) {
     let children = $7135fc7d473fd974$export$901dbff4e54a6dd0(props);
     let wrappedChildren = (0, $dGqE5$useMemo)(()=>/*#__PURE__*/ (0, $dGqE5$react).createElement($7135fc7d473fd974$var$ShallowRenderContext.Provider, {
@@ -539,15 +584,18 @@ function $7135fc7d473fd974$export$ad42d5efb4461b31(props, document) {
         }, children), [
         children
     ]);
-    return (0, $dGqE5$useIsSSR)() ? null : /*#__PURE__*/ (0, $dGqE5$createPortal)(wrappedChildren, document);
+    // During SSR, we render the content directly, and append nodes to the document during render.
+    // The collection children return null so that nothing is actually rendered into the HTML.
+    return (0, $dGqE5$useIsSSR)() ? /*#__PURE__*/ (0, $dGqE5$react).createElement($7135fc7d473fd974$var$SSRContext.Provider, {
+        value: document
+    }, wrappedChildren) : /*#__PURE__*/ (0, $dGqE5$createPortal)(wrappedChildren, document);
 }
 function $7135fc7d473fd974$export$aeba0b1fb3dcd8b8(Element, props, ref) {
     let isShallow = (0, $dGqE5$useContext)($7135fc7d473fd974$var$ShallowRenderContext);
-    ref = $7135fc7d473fd974$export$636783d3732b5559(props, ref, props.children);
-    if (isShallow) // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement(Element, {
-        ref: ref
-    });
+    var _useSSRCollectionNode;
+    if (isShallow) // Elements cannot be re-parented, so the context will always be there.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return (_useSSRCollectionNode = $7135fc7d473fd974$export$e7c29ae2353b16ea(Element, props, ref, props.children)) !== null && _useSSRCollectionNode !== void 0 ? _useSSRCollectionNode : /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null);
     return null;
 }
 function $7135fc7d473fd974$export$636783d3732b5559(props, ref, rendered) {
@@ -560,19 +608,40 @@ function $7135fc7d473fd974$export$636783d3732b5559(props, ref, rendered) {
         rendered
     ]);
 }
-function $7135fc7d473fd974$var$Item(props, ref) {
+function $7135fc7d473fd974$export$e7c29ae2353b16ea(Type, props, ref, rendered, children) {
+    // During SSR, portals are not supported, so the collection children will be wrapped in an SSRContext.
+    // Since SSR occurs only once, we assume that the elements are rendered in order and never re-render.
+    // Therefore we can create elements in our collection document during render so that they are in the
+    // collection by the time we need to use the collection to render to the real DOM.
+    // After hydration, we switch to client rendering using the portal.
+    let itemRef = $7135fc7d473fd974$export$636783d3732b5559(props, ref, rendered);
+    let parentNode = (0, $dGqE5$useContext)($7135fc7d473fd974$var$SSRContext);
+    if (parentNode) {
+        // Guard against double rendering in strict mode.
+        let element = parentNode.ownerDocument.nodesByProps.get(props);
+        if (!element) {
+            element = parentNode.ownerDocument.createElement(Type);
+            element.setProps(props, ref, rendered);
+            parentNode.appendChild(element);
+            parentNode.ownerDocument.updateCollection();
+            parentNode.ownerDocument.nodesByProps.set(props, element);
+        }
+        return children ? /*#__PURE__*/ (0, $dGqE5$react).createElement($7135fc7d473fd974$var$SSRContext.Provider, {
+            value: element
+        }, children) : null;
+    }
     // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("item", {
-        ref: $7135fc7d473fd974$export$636783d3732b5559(props, ref, props.children)
-    });
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement(Type, {
+        ref: itemRef
+    }, children);
+}
+function $7135fc7d473fd974$var$Item(props, ref) {
+    return $7135fc7d473fd974$export$e7c29ae2353b16ea("item", props, ref, props.children);
 }
 const $7135fc7d473fd974$export$6d08773d2e66f8f2 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($7135fc7d473fd974$var$Item);
 function $7135fc7d473fd974$var$Section(props, ref) {
     let children = $7135fc7d473fd974$export$901dbff4e54a6dd0(props);
-    // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("section", {
-        ref: $7135fc7d473fd974$export$636783d3732b5559(props, ref)
-    }, children);
+    return $7135fc7d473fd974$export$e7c29ae2353b16ea("section", props, ref, null, children);
 }
 const $7135fc7d473fd974$export$6e2c8f0811a474ce = /*#__PURE__*/ (0, $dGqE5$forwardRef)($7135fc7d473fd974$var$Section);
 const $7135fc7d473fd974$export$db36075d98ba73d3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
@@ -600,6 +669,7 @@ function $7135fc7d473fd974$export$fb8073518f34e6ec(props) {
  */ 
 
 
+
 const $64fa3d84918910a7$export$91172ebb93c441a2 = Symbol("callback");
 const $64fa3d84918910a7$export$8e0ef2c5844bfb6b = Symbol("default");
 function $64fa3d84918910a7$export$2881499e37b75b9a({ values: values , children: children  }) {
@@ -625,7 +695,8 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
         return {
             className: computedClassName !== null && computedClassName !== void 0 ? computedClassName : defaultClassName,
             style: computedStyle,
-            children: computedChildren
+            children: computedChildren,
+            "data-rac": ""
         };
     }, [
         className,
@@ -636,15 +707,20 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
         values
     ]);
 }
-function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
-    let ctx = (0, $dGqE5$useContext)(context) || {};
-    if ("slots" in ctx && ctx.slots) {
-        if (!props.slot && !ctx.slots[$64fa3d84918910a7$export$8e0ef2c5844bfb6b]) throw new Error("A slot prop is required");
-        let slot = props.slot || $64fa3d84918910a7$export$8e0ef2c5844bfb6b;
-        if (!ctx.slots[slot]) // @ts-ignore
-        throw new Error(`Invalid slot "${props.slot}". Valid slot names are ` + new Intl.ListFormat().format(Object.keys(ctx.slots).map((p)=>`"${p}"`)) + ".");
-        ctx = ctx.slots[slot];
+function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
+    let ctx = (0, $dGqE5$useContext)(context);
+    if (ctx && "slots" in ctx && ctx.slots) {
+        if (!slot && !ctx.slots[$64fa3d84918910a7$export$8e0ef2c5844bfb6b]) throw new Error("A slot prop is required");
+        let slotKey = slot || $64fa3d84918910a7$export$8e0ef2c5844bfb6b;
+        if (!ctx.slots[slotKey]) // @ts-ignore
+        throw new Error(`Invalid slot "${slot}". Valid slot names are ` + new Intl.ListFormat().format(Object.keys(ctx.slots).map((p)=>`"${p}"`)) + ".");
+        return ctx.slots[slotKey];
     }
+    // @ts-ignore
+    return ctx;
+}
+function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
+    let ctx = $64fa3d84918910a7$export$fabf2dc03a41866e(context, props.slot) || {};
     // @ts-ignore - TS says "Type 'unique symbol' cannot be used as an index type." but not sure why.
     let { ref: contextRef , [$64fa3d84918910a7$export$91172ebb93c441a2]: callback , ...contextProps } = ctx;
     let mergedRef = (0, $dGqE5$useObjectRef)((0, $dGqE5$useMemo)(()=>(0, $dGqE5$mergeRefs)(ref, contextRef), [
@@ -740,33 +816,51 @@ function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
         onEnd
     ]);
 }
+// React doesn't understand the <template> element, which doesn't have children like a normal element.
+// 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.
+// 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);
+        }
+    });
+}
 const $64fa3d84918910a7$export$94b6d0abf7d33e8c = /*#__PURE__*/ (0, $dGqE5$createContext)(false);
-
-
-
-/*
- * Copyright 2022 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.
- */ 
-
-const $5cb03073d3f54797$export$d688439359537581 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
-function $5cb03073d3f54797$var$Heading(props, ref) {
-    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $5cb03073d3f54797$export$d688439359537581);
-    let { children: children , level: level = 3 , className: className , ...domProps } = props;
-    let Element = `h${level}`;
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement(Element, {
-        ...domProps,
-        className: className !== null && className !== void 0 ? className : "react-aria-Heading"
-    }, children);
+// Portal to nowhere
+const $64fa3d84918910a7$var$hiddenFragment = typeof DocumentFragment !== "undefined" ? new DocumentFragment() : null;
+function $64fa3d84918910a7$export$8dc98ba7eadeaa56(props) {
+    let isHidden = (0, $dGqE5$useContext)($64fa3d84918910a7$export$94b6d0abf7d33e8c);
+    let isSSR = (0, $dGqE5$useIsSSR)();
+    if (isHidden) // Don't hide again if we are already hidden.
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, props.children);
+    let children = /*#__PURE__*/ (0, $dGqE5$react).createElement($64fa3d84918910a7$export$94b6d0abf7d33e8c.Provider, {
+        value: true
+    }, props.children);
+    // In SSR, portals are not supported by React. Instead, render into a <template>
+    // element, which the browser will never display to the user. In addition, the
+    // content is not part of the DOM tree, so it won't affect ids or other accessibility attributes.
+    return isSSR ? /*#__PURE__*/ (0, $dGqE5$react).createElement("template", {
+        "data-react-aria-hidden": true
+    }, children) : /*#__PURE__*/ (0, $dGqE5$reactdom).createPortal(children, $64fa3d84918910a7$var$hiddenFragment);
 }
-const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5cb03073d3f54797$var$Heading);
+function $64fa3d84918910a7$export$86427a43e3e48ebb(fn) {
+    let Wrapper = (props, ref)=>{
+        let isHidden = (0, $dGqE5$useContext)($64fa3d84918910a7$export$94b6d0abf7d33e8c);
+        if (isHidden) return null;
+        return fn(props, ref);
+    };
+    // @ts-ignore - for react dev tools
+    Wrapper.displayName = fn.displayName || fn.name;
+    return (0, $dGqE5$react).forwardRef(Wrapper);
+}
+
 
 
 /*
@@ -816,9 +910,12 @@ function $4f118338184dc1d9$var$Link(props, ref) {
         slot: props.slot,
         ...(0, $dGqE5$mergeProps)(DOMProps, renderProps, linkProps, hoverProps, focusProps, {
             children: element.props.children,
+            "data-focused": isFocused || undefined,
             "data-hovered": isHovered || undefined,
             "data-pressed": isPressed || undefined,
-            "data-focus-visible": isFocusVisible || undefined
+            "data-focus-visible": isFocusVisible || undefined,
+            "data-current": !!props["aria-current"] || undefined,
+            "data-disabled": props.isDisabled || undefined
         }, element.props)
     });
 }
@@ -832,53 +929,59 @@ function $4f118338184dc1d9$var$Link(props, ref) {
 const $778035c5624f61e7$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $778035c5624f61e7$var$Breadcrumbs(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $778035c5624f61e7$export$65596d3621b0a4a0);
-    let { navProps: navProps  } = (0, $dGqE5$useBreadcrumbs)(props);
     let { portal: portal , collection: collection  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
+    // Render the portal first so that we have the collection by the time we render the DOM in SSR
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, portal, /*#__PURE__*/ (0, $dGqE5$react).createElement($778035c5624f61e7$var$BreadcrumbsInner, {
+        props: props,
+        collection: collection,
+        breadcrumbsRef: ref
+    }));
+}
+function $778035c5624f61e7$var$BreadcrumbsInner({ props: props , collection: collection , breadcrumbsRef: ref  }) {
     var _props_className;
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("nav", {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("ol", {
         ref: ref,
-        ...(0, $dGqE5$filterDOMProps)(props),
-        ...navProps,
+        ...(0, $dGqE5$filterDOMProps)(props, {
+            labelable: true
+        }),
         slot: props.slot,
         style: props.style,
         className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Breadcrumbs"
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("ol", null, [
+    }, [
         ...collection
     ].map((node, i)=>/*#__PURE__*/ (0, $dGqE5$react).createElement($778035c5624f61e7$var$BreadcrumbItem, {
             key: node.key,
             node: node,
             isCurrent: i === collection.size - 1,
-            isDisabled: props.isDisabled
-        }))), portal);
+            isDisabled: props.isDisabled,
+            onAction: props.onAction
+        })));
 }
 /**
  * Breadcrumbs display a heirarchy of links to the current page or resource in an application.
  */ const $778035c5624f61e7$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $dGqE5$forwardRef)($778035c5624f61e7$var$Breadcrumbs);
-function $778035c5624f61e7$var$BreadcrumbItem({ node: node , isCurrent: isCurrent , isDisabled: isDisabled  }) {
+function $778035c5624f61e7$var$Breadcrumb(props, ref) {
+    return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("item", props, ref, props.children);
+}
+/**
+ * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
+ */ const $778035c5624f61e7$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ (0, $dGqE5$forwardRef)($778035c5624f61e7$var$Breadcrumb);
+function $778035c5624f61e7$var$BreadcrumbItem({ node: node , isCurrent: isCurrent , isDisabled: isDisabled , onAction: onAction  }) {
     // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.
-    let headingProps = isCurrent ? {
-        "aria-current": "page"
-    } : null;
     let linkProps = {
         "aria-current": isCurrent ? "page" : null,
-        isDisabled: isDisabled || isCurrent
+        isDisabled: isDisabled || isCurrent,
+        onPress: ()=>{
+            return onAction === null || onAction === void 0 ? void 0 : onAction(node.key);
+        }
     };
     var _node_props_className;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("li", {
         ...(0, $dGqE5$filterDOMProps)(node.props),
         style: node.props.style,
-        className: (_node_props_className = node.props.className) !== null && _node_props_className !== void 0 ? _node_props_className : "react-aria-Item"
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
-        values: [
-            [
-                (0, $4f118338184dc1d9$export$e2509388b49734e7),
-                linkProps
-            ],
-            [
-                (0, $5cb03073d3f54797$export$d688439359537581),
-                headingProps
-            ]
-        ]
+        className: (_node_props_className = node.props.className) !== null && _node_props_className !== void 0 ? _node_props_className : "react-aria-Breadcrumb"
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $4f118338184dc1d9$export$e2509388b49734e7).Provider, {
+        value: linkProps
     }, node.rendered));
 }
 
@@ -933,14 +1036,16 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
         ...renderProps,
         ref: ref,
         slot: props.slot,
+        "data-disabled": props.isDisabled || undefined,
         "data-pressed": ctx.isPressed || isPressed || undefined,
         "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined
     });
 }
 /**
  * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
- */ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($d2b4bc8c273e7be6$var$Button);
+ */ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $64fa3d84918910a7$export$86427a43e3e48ebb)($d2b4bc8c273e7be6$var$Button);
 
 
 /*
@@ -959,6 +1064,30 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
 
 
 
+/*
+ * Copyright 2022 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.
+ */ 
+
+const $5cb03073d3f54797$export$d688439359537581 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
+function $5cb03073d3f54797$var$Heading(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $5cb03073d3f54797$export$d688439359537581);
+    let { children: children , level: level = 3 , className: className , ...domProps } = props;
+    let Element = `h${level}`;
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement(Element, {
+        ...domProps,
+        className: className !== null && className !== void 0 ? className : "react-aria-Heading"
+    }, children);
+}
+const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5cb03073d3f54797$var$Heading);
+
 
 
 /*
@@ -979,6 +1108,7 @@ function $514c0188e459b4c0$var$Text(props, ref) {
     let { elementType: ElementType = "span" , ...domProps } = props;
     // @ts-ignore
     return /*#__PURE__*/ (0, $dGqE5$react).createElement(ElementType, {
+        className: "react-aria-Text",
         ...domProps,
         ref: ref
     });
@@ -1000,14 +1130,20 @@ function $dfd62f934fc76fed$var$Calendar(props, ref) {
     let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps , errorMessageProps: errorMessageProps , title: title  } = (0, $dGqE5$useCalendar)(props, state);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isValueInvalid
+        },
         defaultClassName: "react-aria-Calendar"
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...renderProps,
         ...calendarProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": state.isValueInvalid || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -1061,14 +1197,20 @@ function $dfd62f934fc76fed$var$RangeCalendar(props, ref) {
     let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps , errorMessageProps: errorMessageProps , title: title  } = (0, $dGqE5$useRangeCalendar)(props, state, ref);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isValueInvalid
+        },
         defaultClassName: "react-aria-RangeCalendar"
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...renderProps,
         ...calendarProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": state.isValueInvalid || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -1194,7 +1336,10 @@ function $dfd62f934fc76fed$var$CalendarGridBody(props, ref) {
  */ const $dfd62f934fc76fed$export$e11f8ba65d857bff = /*#__PURE__*/ (0, $dGqE5$forwardRef)($dfd62f934fc76fed$var$CalendarGridBody);
 function $dfd62f934fc76fed$var$CalendarCell({ date: date , ...otherProps }, ref) {
     let state = (0, $dGqE5$useContext)($dfd62f934fc76fed$var$InternalCalendarContext);
-    let { startDate: currentMonth  } = (0, $dGqE5$useContext)($dfd62f934fc76fed$var$InternalCalendarGridContext);
+    var _useContext;
+    let { startDate: currentMonth  } = (_useContext = (0, $dGqE5$useContext)($dfd62f934fc76fed$var$InternalCalendarGridContext)) !== null && _useContext !== void 0 ? _useContext : {
+        startDate: state.visibleRange.start
+    };
     let objectRef = (0, $dGqE5$useObjectRef)(ref);
     let { cellProps: cellProps , buttonProps: buttonProps , ...states } = (0, $dGqE5$useCalendarCell)({
         date: date
@@ -1225,6 +1370,7 @@ function $dfd62f934fc76fed$var$CalendarCell({ date: date , ...otherProps }, ref)
         }
     });
     let dataAttrs = {
+        "data-focused": states.isFocused || undefined,
         "data-hovered": isHovered || undefined,
         "data-pressed": states.isPressed || undefined,
         "data-unavailable": states.isUnavailable || undefined,
@@ -1234,7 +1380,8 @@ function $dfd62f934fc76fed$var$CalendarCell({ date: date , ...otherProps }, ref)
         "data-outside-month": isOutsideMonth || undefined,
         "data-selected": states.isSelected || undefined,
         "data-selection-start": isSelectionStart || undefined,
-        "data-selection-end": isSelectionEnd || undefined
+        "data-selection-end": isSelectionEnd || undefined,
+        "data-invalid": states.isInvalid || undefined
     };
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("td", cellProps, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), buttonProps, focusProps, hoverProps, dataAttrs, renderProps),
@@ -1283,7 +1430,7 @@ function $01b77f81d0f07f68$var$Label(props, ref) {
         ref: ref
     });
 }
-const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($01b77f81d0f07f68$var$Label);
+const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ (0, $64fa3d84918910a7$export$86427a43e3e48ebb)($01b77f81d0f07f68$var$Label);
 
 
 
@@ -1304,7 +1451,8 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
             isDisabled: state.isDisabled,
             isReadOnly: state.isReadOnly,
             isRequired: props.isRequired || false,
-            validationState: state.validationState
+            isInvalid: state.isInvalid,
+            state: state
         },
         defaultClassName: "react-aria-CheckboxGroup"
     });
@@ -1315,7 +1463,8 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
         slot: props.slot,
         "data-readonly": state.isReadOnly || undefined,
         "data-required": props.isRequired || undefined,
-        "data-validation-state": state.validationState || undefined
+        "data-invalid": state.isInvalid || undefined,
+        "data-disabled": props.isDisabled || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -1326,7 +1475,8 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
                 (0, $01b77f81d0f07f68$export$75b6ee27786ba447),
                 {
                     ...labelProps,
-                    ref: labelRef
+                    ref: labelRef,
+                    elementType: "span"
                 }
             ],
             [
@@ -1388,7 +1538,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
             isFocusVisible: isFocusVisible,
             isDisabled: isDisabled,
             isReadOnly: isReadOnly,
-            validationState: props.validationState || (groupState === null || groupState === void 0 ? void 0 : groupState.validationState),
+            isInvalid: props.isInvalid || (groupState === null || groupState === void 0 ? void 0 : groupState.isInvalid) || false,
             isRequired: props.isRequired || false
         }
     });
@@ -1405,7 +1555,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
         "data-focus-visible": isFocusVisible || undefined,
         "data-disabled": isDisabled || undefined,
         "data-readonly": isReadOnly || undefined,
-        "data-validation-state": props.validationState || (groupState === null || groupState === void 0 ? void 0 : groupState.validationState) || undefined,
+        "data-invalid": props.isInvalid || (groupState === null || groupState === void 0 ? void 0 : groupState.isInvalid) || undefined,
         "data-required": props.isRequired || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), {
         elementType: "span"
@@ -1438,6 +1588,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
 
 
 
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -1459,13 +1610,15 @@ function $3985021b0ad6602f$var$Input(props, ref) {
         isTextInput: true,
         autoFocus: props.autoFocus
     });
+    let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         values: {
             isHovered: isHovered,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
-            isDisabled: props.disabled || false
+            isDisabled: props.disabled || false,
+            isInvalid: isInvalid
         },
         defaultClassName: "react-aria-Input"
     });
@@ -1473,13 +1626,16 @@ function $3985021b0ad6602f$var$Input(props, ref) {
         ...(0, $dGqE5$mergeProps)(props, focusProps, hoverProps),
         ...renderProps,
         ref: ref,
+        "data-focused": isFocused || undefined,
+        "data-disabled": props.disabled || undefined,
         "data-hovered": isHovered || undefined,
-        "data-focus-visible": isFocusVisible || undefined
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-invalid": isInvalid || undefined
     });
 }
 /**
  * An input allows a user to input text.
- */ const $3985021b0ad6602f$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($3985021b0ad6602f$var$Input);
+ */ const $3985021b0ad6602f$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $64fa3d84918910a7$export$86427a43e3e48ebb)($3985021b0ad6602f$var$Input);
 
 
 
@@ -1579,9 +1735,9 @@ function $d8f176866e6dc039$var$DropIndicator(props, ref) {
 
 
 const $72a5793c14baf454$export$e0e4026c12a8bdbb = /*#__PURE__*/ (0, $dGqE5$createContext)({});
-function $72a5793c14baf454$var$Header(props, ref) {
-    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $72a5793c14baf454$export$e0e4026c12a8bdbb);
-    let shallow = (0, $7135fc7d473fd974$export$aeba0b1fb3dcd8b8)("header", props, ref);
+function $72a5793c14baf454$var$Header(originalProps, originalRef) {
+    let [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(originalProps, originalRef, $72a5793c14baf454$export$e0e4026c12a8bdbb);
+    let shallow = (0, $7135fc7d473fd974$export$aeba0b1fb3dcd8b8)("header", originalProps, originalRef);
     if (shallow) return shallow;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("header", {
         className: "react-aria-Header",
@@ -1609,8 +1765,8 @@ const $72a5793c14baf454$export$8b251419efc915eb = /*#__PURE__*/ (0, $dGqE5$forwa
 
 
 const $431f98aba6844401$export$6615d83f6de245ce = /*#__PURE__*/ (0, $dGqE5$createContext)({});
-function $431f98aba6844401$var$Separator(props, ref) {
-    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $431f98aba6844401$export$6615d83f6de245ce);
+function $431f98aba6844401$var$Separator(originalProps, originalRef) {
+    let [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(originalProps, originalRef, $431f98aba6844401$export$6615d83f6de245ce);
     let { elementType: elementType , orientation: orientation , style: style , className: className  } = props;
     let Element = elementType || "hr";
     if (Element === "hr" && orientation === "vertical") Element = "div";
@@ -1618,7 +1774,7 @@ function $431f98aba6844401$var$Separator(props, ref) {
         elementType: elementType,
         orientation: orientation
     });
-    let shallow = (0, $7135fc7d473fd974$export$aeba0b1fb3dcd8b8)("separator", props, ref);
+    let shallow = (0, $7135fc7d473fd974$export$aeba0b1fb3dcd8b8)("separator", originalProps, originalRef);
     if (shallow) return shallow;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement(Element, {
         ...(0, $dGqE5$filterDOMProps)(props),
@@ -1637,19 +1793,25 @@ const $eed445e0843c11d0$export$7ff8f37d2d81a48d = /*#__PURE__*/ (0, $dGqE5$creat
 const $eed445e0843c11d0$var$InternalListBoxContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $eed445e0843c11d0$var$ListBox(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $eed445e0843c11d0$export$7ff8f37d2d81a48d);
-    let state = props.state;
+    let ctx = props;
     let isHidden = (0, $dGqE5$useContext)((0, $64fa3d84918910a7$export$94b6d0abf7d33e8c));
-    if (state) return isHidden ? null : /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$ListBoxInner, {
-        state: state,
+    // The structure of ListBox is a bit strange because it needs to work inside other components like ComboBox and Select.
+    // Those components render two copies of their children so that the collection can be built even when the popover is closed.
+    // The first copy sends a collection document via context which we render the collection portal into.
+    // The second copy sends a ListState object via context which we use to render the ListBox without rebuilding the state.
+    // Otherwise, we have a standalone ListBox, so we need to create a collection and state ourselves.
+    if (ctx.document) return /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$ListBoxPortal, props);
+    if (ctx.state) return isHidden ? null : /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$ListBoxInner, {
+        state: ctx.state,
         props: props,
         listBoxRef: ref
     });
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$ListBoxPortal, {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$StandaloneListBox, {
         props: props,
         listBoxRef: ref
     });
 }
-function $eed445e0843c11d0$var$ListBoxPortal({ props: props , listBoxRef: listBoxRef  }) {
+function $eed445e0843c11d0$var$StandaloneListBox({ props: props , listBoxRef: listBoxRef  }) {
     let { portal: portal , collection: collection  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
     props = {
         ...props,
@@ -1664,6 +1826,9 @@ function $eed445e0843c11d0$var$ListBoxPortal({ props: props , listBoxRef: listBo
         listBoxRef: listBoxRef
     }));
 }
+function $eed445e0843c11d0$var$ListBoxPortal(props) {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, props.document));
+}
 /**
  * A listbox displays a list of options and allows a user to select one or more of them.
  */ const $eed445e0843c11d0$export$41f133550aa26f48 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eed445e0843c11d0$var$ListBox);
@@ -1769,7 +1934,9 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
             isDropTarget: isRootDropTarget,
             isEmpty: state.collection.size === 0,
             isFocused: isFocused,
-            isFocusVisible: isFocusVisible
+            isFocusVisible: isFocusVisible,
+            layout: props.layout || "stack",
+            state: state
         }
     });
     let emptyState = null;
@@ -1807,7 +1974,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
             [
                 (0, $431f98aba6844401$export$6615d83f6de245ce),
                 {
-                    elementType: "li"
+                    elementType: "div"
                 }
             ],
             [
@@ -1819,7 +1986,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
         ]
     }, children), emptyState, dragPreview));
 }
-function $eed445e0843c11d0$var$ListBoxSection({ section: section , className: className , style: style , ...otherProps }) {
+function $eed445e0843c11d0$var$ListBoxSection({ section: section , className: className , style: style  }) {
     var _section_props, _section_props1;
     let { state: state  } = (0, $dGqE5$useContext)($eed445e0843c11d0$var$InternalListBoxContext);
     let [headingRef, heading] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
@@ -1833,14 +2000,11 @@ function $eed445e0843c11d0$var$ListBoxSection({ section: section , className: cl
         children: (item)=>{
             switch(item.type){
                 case "header":
-                    {
-                        let { ref: ref , ...otherProps } = item.props;
-                        return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $72a5793c14baf454$export$8b251419efc915eb), {
-                            ...headingProps,
-                            ...otherProps,
-                            ref: (0, $dGqE5$mergeRefs)(headingRef, ref)
-                        }, item.rendered);
-                    }
+                    return /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$SectionHeader, {
+                        item: item,
+                        headingProps: headingProps,
+                        headingRef: headingRef
+                    });
                 case "item":
                     return /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$Option, {
                         item: item
@@ -1851,13 +2015,22 @@ function $eed445e0843c11d0$var$ListBoxSection({ section: section , className: cl
         }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("section", {
-        ...(0, $dGqE5$filterDOMProps)(otherProps),
+        ...(0, $dGqE5$filterDOMProps)(section.props),
         ...groupProps,
         className: className || ((_section_props = section.props) === null || _section_props === void 0 ? void 0 : _section_props.className) || "react-aria-Section",
         style: style || ((_section_props1 = section.props) === null || _section_props1 === void 0 ? void 0 : _section_props1.style),
         ref: section.props.ref
     }, children);
 }
+// This is a separate component so that headingProps.id doesn't override the item key in useCachedChildren.
+function $eed445e0843c11d0$var$SectionHeader({ item: item , headingProps: headingProps , headingRef: headingRef  }) {
+    let { ref: ref , ...otherProps } = item.props;
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $72a5793c14baf454$export$8b251419efc915eb), {
+        ...headingProps,
+        ...otherProps,
+        ref: (0, $dGqE5$mergeRefs)(headingRef, ref)
+    }, item.rendered);
+}
 function $eed445e0843c11d0$var$Option({ item: item  }) {
     let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
     let { state: state , shouldFocusOnHover: shouldFocusOnHover , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = (0, $dGqE5$useContext)($eed445e0843c11d0$var$InternalListBoxContext);
@@ -1916,12 +2089,16 @@ function $eed445e0843c11d0$var$Option({ item: item  }) {
         ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), optionProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps),
         ...renderProps,
         ref: ref,
+        "data-allows-dragging": !!dragState || undefined,
+        "data-selected": states.isSelected || undefined,
+        "data-disabled": states.isDisabled || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": states.isFocused || undefined,
         "data-focus-visible": states.isFocusVisible || undefined,
         "data-pressed": states.isPressed || undefined,
         "data-dragging": isDragging || undefined,
-        "data-drop-target": (droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget) || undefined
+        "data-drop-target": (droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget) || undefined,
+        "data-selection-mode": state.selectionManager.selectionMode === "none" ? undefined : state.selectionManager.selectionMode
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -1999,7 +2176,10 @@ const $eed445e0843c11d0$var$ListBoxtDropIndicatorForwardRef = /*#__PURE__*/ (0,
  */ 
 
 
-const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
+const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /*#__PURE__*/ (0, $dGqE5$createContext)({
+    arrowProps: {},
+    placement: "bottom"
+});
 function $44f671af83e7d9e0$var$OverlayArrow(props, ref) {
     let { arrowProps: arrowProps , placement: placement  } = (0, $dGqE5$useContext)($44f671af83e7d9e0$export$2de4954e8ae13b9f);
     let style = {
@@ -2041,17 +2221,18 @@ function $07b14b47974efb58$var$Popover(props, ref) {
     let localState = (0, $dGqE5$useOverlayTriggerState)(props);
     let state = props.isOpen != null || props.defaultOpen != null || !(ctx === null || ctx === void 0 ? void 0 : ctx.state) ? localState : ctx.state;
     let isExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(ref, state.isOpen);
-    if (state && !state.isOpen && !isExiting) {
+    let isHidden = (0, $dGqE5$useContext)((0, $64fa3d84918910a7$export$94b6d0abf7d33e8c));
+    // If we are in a hidden tree, we still need to preserve our children.
+    if (isHidden) {
         let children = props.children;
         if (typeof children === "function") children = children({
             placement: "bottom",
             isEntering: false,
             isExiting: false
         });
-        return ctx.preserveChildren ? /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$94b6d0abf7d33e8c).Provider, {
-            value: true
-        }, children) : null;
+        return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, children);
     }
+    if (state && !state.isOpen && !isExiting) return null;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement($07b14b47974efb58$var$PopoverInner, {
         ...props,
         triggerRef: ctx.triggerRef,
@@ -2084,7 +2265,9 @@ function $07b14b47974efb58$var$PopoverInner({ state: state , isExiting: isExitin
         ...renderProps.style,
         ...popoverProps.style
     };
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$Overlay), null, !props.isNonModal && /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$Overlay), {
+        isExiting: isExiting
+    }, !props.isNonModal && /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...underlayProps,
         style: {
             position: "fixed",
@@ -2115,21 +2298,40 @@ function $07b14b47974efb58$var$PopoverInner({ state: state , isExiting: isExitin
 
 
 
-
 const $d01f2c01039c0eec$export$d414ccceff7063c3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $d01f2c01039c0eec$var$ComboBox(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d01f2c01039c0eec$export$d414ccceff7063c3);
-    let [propsFromListBox, setListBoxProps] = (0, $dGqE5$useState)({
-        children: []
-    });
+    let { collection: collection , document: document  } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
+    let { children: children , isDisabled: isDisabled = false , isInvalid: isInvalid = false , isRequired: isRequired = false  } = props;
+    children = (0, $dGqE5$useMemo)(()=>typeof children === "function" ? children({
+            isOpen: false,
+            isDisabled: isDisabled,
+            isInvalid: isInvalid,
+            isRequired: isRequired
+        }) : children, [
+        children,
+        isDisabled,
+        isInvalid,
+        isRequired
+    ]);
+    var _props_items;
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $eed445e0843c11d0$export$7ff8f37d2d81a48d).Provider, {
+        value: {
+            document: document,
+            items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
+        }
+    }, children)), /*#__PURE__*/ (0, $dGqE5$react).createElement($d01f2c01039c0eec$var$ComboBoxInner, {
+        props: props,
+        collection: collection,
+        comboBoxRef: ref
+    }));
+}
+function $d01f2c01039c0eec$var$ComboBoxInner({ props: props , collection: collection , comboBoxRef: ref  }) {
+    let { name: name , formValue: formValue = "key" , allowsCustomValue: allowsCustomValue  } = props;
+    if (allowsCustomValue) formValue = "text";
     let { contains: contains  } = (0, $dGqE5$useFilter)({
         sensitivity: "base"
     });
-    var _props_items, _ref;
-    let { portal: portal , collection: collection  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)({
-        items: (_ref = (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems) !== null && _ref !== void 0 ? _ref : propsFromListBox.items,
-        children: propsFromListBox.children
-    });
     let state = (0, $dGqE5$useComboBoxState)({
         defaultFilter: props.defaultFilter || contains,
         ...props,
@@ -2141,10 +2343,14 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
     // Only expose a subset of state to renderProps function to avoid infinite render loop
     let renderPropsState = (0, $dGqE5$useMemo)(()=>({
             isOpen: state.isOpen,
-            isFocused: state.isFocused
+            isDisabled: props.isDisabled || false,
+            isInvalid: props.isInvalid || false,
+            isRequired: props.isRequired || false
         }), [
         state.isOpen,
-        state.isFocused
+        props.isDisabled,
+        props.isInvalid,
+        props.isRequired
     ]);
     let buttonRef = (0, $dGqE5$useRef)(null);
     let inputRef = (0, $dGqE5$useRef)(null);
@@ -2157,7 +2363,8 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
         inputRef: inputRef,
         buttonRef: buttonRef,
         listBoxRef: listBoxRef,
-        popoverRef: popoverRef
+        popoverRef: popoverRef,
+        name: formValue === "text" ? name : undefined
     }, state);
     // Make menu width match input + button
     let [menuWidth, setMenuWidth] = (0, $dGqE5$useState)(null);
@@ -2217,7 +2424,6 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
                     ref: popoverRef,
                     triggerRef: inputRef,
                     placement: "bottom start",
-                    preserveChildren: true,
                     isNonModal: true,
                     style: {
                         "--trigger-width": menuWidth
@@ -2228,7 +2434,6 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
                 (0, $eed445e0843c11d0$export$7ff8f37d2d81a48d),
                 {
                     state: state,
-                    [(0, $64fa3d84918910a7$export$91172ebb93c441a2)]: setListBoxProps,
                     ...listBoxProps,
                     ref: listBoxRef
                 }
@@ -2249,8 +2454,15 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
         ref: ref,
         slot: props.slot,
         "data-focused": state.isFocused || undefined,
-        "data-open": state.isOpen || undefined
-    }), portal);
+        "data-open": state.isOpen || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": props.isInvalid || undefined,
+        "data-required": props.isRequired || undefined
+    }), name && formValue === "key" && /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
+        type: "hidden",
+        name: name,
+        value: state.selectedKey
+    }));
 }
 /**
  * A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
@@ -2288,13 +2500,19 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
     });
     let fieldRef = (0, $dGqE5$useRef)(null);
     let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $dGqE5$useDateField)({
+    let inputRef = (0, $dGqE5$useRef)(null);
+    let { labelProps: labelProps , fieldProps: fieldProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $dGqE5$useDateField)({
         ...props,
-        label: label
+        label: label,
+        inputRef: inputRef
     }, state, fieldRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            state: state,
+            isInvalid: state.isInvalid,
+            isDisabled: state.isDisabled
+        },
         defaultClassName: "react-aria-DateField"
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -2306,14 +2524,17 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
                 {
                     state: state,
                     fieldProps: fieldProps,
-                    ref: fieldRef
+                    ref: fieldRef,
+                    inputRef: inputRef,
+                    inputProps: inputProps
                 }
             ],
             [
                 (0, $01b77f81d0f07f68$export$75b6ee27786ba447),
                 {
                     ...labelProps,
-                    ref: labelRef
+                    ref: labelRef,
+                    elementType: "span"
                 }
             ],
             [
@@ -2330,7 +2551,8 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
         ...DOMProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-invalid": state.isInvalid || undefined
     }));
 }
 /**
@@ -2346,13 +2568,19 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
     });
     let fieldRef = (0, $dGqE5$useRef)(null);
     let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $dGqE5$useTimeField)({
+    let inputRef = (0, $dGqE5$useRef)(null);
+    let { labelProps: labelProps , fieldProps: fieldProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $dGqE5$useTimeField)({
         ...props,
-        label: label
+        label: label,
+        inputRef: inputRef
     }, state, fieldRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            state: state,
+            isInvalid: state.isInvalid,
+            isDisabled: state.isDisabled
+        },
         defaultClassName: "react-aria-TimeField"
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -2364,7 +2592,9 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
                 {
                     state: state,
                     fieldProps: fieldProps,
-                    ref: fieldRef
+                    ref: fieldRef,
+                    inputRef: inputRef,
+                    inputProps: inputProps
                 }
             ],
             [
@@ -2389,7 +2619,8 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
         ...DOMProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-invalid": state.isInvalid || undefined
     }));
 }
 /**
@@ -2398,7 +2629,7 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
  */ const $40825cdb76e74f70$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $dGqE5$forwardRef)($40825cdb76e74f70$var$TimeField);
 const $40825cdb76e74f70$var$InternalDateInputContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $40825cdb76e74f70$var$DateInput({ children: children , slot: slot , ...otherProps }, ref) {
-    let [{ state: state , fieldProps: fieldProps  }, fieldRef] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)({
+    let [{ state: state , fieldProps: fieldProps , inputProps: inputProps , inputRef: inputRef  }, fieldRef] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)({
         slot: slot
     }, ref, $40825cdb76e74f70$export$75bd233d6b51888d);
     let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
@@ -2423,12 +2654,16 @@ function $40825cdb76e74f70$var$DateInput({ children: children , slot: slot , ...
         ...renderProps,
         ref: fieldRef,
         slot: slot,
+        "data-focus-within": isFocused || undefined,
         "data-hovered": isHovered || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-disabled": state.isDisabled || undefined
     }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $dGqE5$cloneElement)(children(segment), {
             key: i
-        }))));
+        }))), /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
+        ...inputProps,
+        ref: inputRef
+    }));
 }
 /**
  * A date input groups the editable date segments within a date field.
@@ -2442,7 +2677,7 @@ function $40825cdb76e74f70$var$DateSegment({ segment: segment , ...otherProps },
         values: {
             ...segment,
             isReadOnly: !segment.isEditable,
-            isInvalid: state.validationState === "invalid"
+            isInvalid: state.isInvalid
         },
         defaultChildren: segment.text,
         defaultClassName: "react-aria-DateSegment"
@@ -2451,6 +2686,9 @@ function $40825cdb76e74f70$var$DateSegment({ segment: segment , ...otherProps },
         ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), segmentProps),
         ...renderProps,
         ref: domRef,
+        "data-placeholder": segment.isPlaceholder || undefined,
+        "data-invalid": state.isInvalid || undefined,
+        "data-readonly": !segment.isEditable || undefined,
         "data-type": segment.type
     });
 }
@@ -2531,7 +2769,8 @@ function $f3f84453ead64de5$var$Modal(props, ref) {
  * A modal is an overlay element which blocks interaction with elements outside it.
  */ const $f3f84453ead64de5$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($f3f84453ead64de5$var$Modal);
 function $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {
-    let ctx = (0, $dGqE5$useContext)($f3f84453ead64de5$export$ab57792b9b6974a6);
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $f3f84453ead64de5$export$ab57792b9b6974a6);
+    let ctx = props;
     let localState = (0, $dGqE5$useOverlayTriggerState)(props);
     let state = props.isOpen != null || props.defaultOpen != null || !(ctx === null || ctx === void 0 ? void 0 : ctx.state) ? localState : ctx.state;
     let objectRef = (0, $dGqE5$useObjectRef)(ref);
@@ -2539,7 +2778,8 @@ function $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {
     let isOverlayExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(objectRef, state.isOpen);
     let isModalExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(modalRef, state.isOpen);
     let isExiting = isOverlayExiting || isModalExiting;
-    if (!state.isOpen && !isExiting) return null;
+    let isSSR = (0, $dGqE5$useIsSSR)();
+    if (!state.isOpen && !isExiting || isSSR) return null;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$ModalOverlayInner, {
         ...props,
         state: state,
@@ -2559,7 +2799,8 @@ function $f3f84453ead64de5$var$ModalOverlayInner(props) {
         defaultClassName: "react-aria-ModalOverlay",
         values: {
             isEntering: entering,
-            isExiting: props.isExiting
+            isExiting: props.isExiting,
+            state: state
         }
     });
     let viewport = (0, $dGqE5$useViewportSize)();
@@ -2567,7 +2808,9 @@ function $f3f84453ead64de5$var$ModalOverlayInner(props) {
         ...renderProps.style,
         "--visual-viewport-height": viewport.height + "px"
     };
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$Overlay), null, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$Overlay), {
+        isExiting: props.isExiting
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), underlayProps),
         ...renderProps,
         style: style,
@@ -2597,7 +2840,8 @@ function $f3f84453ead64de5$var$ModalContent(props) {
         defaultClassName: "react-aria-Modal",
         values: {
             isEntering: entering,
-            isExiting: isExiting
+            isExiting: isExiting,
+            state: state
         }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
@@ -2726,6 +2970,7 @@ function $a049562f99e7db0e$var$Group(props, ref) {
         ...(0, $dGqE5$mergeProps)(props, focusProps, hoverProps),
         ...renderProps,
         ref: ref,
+        "data-focus-within": isFocused || undefined,
         "data-hovered": isHovered || undefined,
         "data-focus-visible": isFocusVisible || undefined
     }, props.children);
@@ -2757,13 +3002,24 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
         createCalendar: $dGqE5$createCalendar
     });
     let fieldRef = (0, $dGqE5$useRef)(null);
-    let { fieldProps: dateFieldProps  } = (0, $dGqE5$useDateField)({
+    let inputRef = (0, $dGqE5$useRef)(null);
+    let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)({
+        within: true
+    });
+    let { fieldProps: dateFieldProps , inputProps: inputProps  } = (0, $dGqE5$useDateField)({
         ...fieldProps,
-        label: label
+        label: label,
+        inputRef: inputRef
     }, fieldState, fieldRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            state: state,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isInvalid
+        },
         defaultClassName: "react-aria-DatePicker"
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -2782,7 +3038,9 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
                 {
                     state: fieldState,
                     fieldProps: dateFieldProps,
-                    ref: fieldRef
+                    ref: fieldRef,
+                    inputProps: inputProps,
+                    inputRef: inputRef
                 }
             ],
             [
@@ -2827,10 +3085,15 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...focusProps,
         ...DOMProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-focus-within": isFocused || undefined,
+        "data-invalid": state.isInvalid || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": props.isDisabled || undefined
     }));
 }
 /**
@@ -2852,9 +3115,14 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
         createCalendar: $dGqE5$createCalendar
     });
     let startFieldRef = (0, $dGqE5$useRef)(null);
-    let { fieldProps: startDateFieldProps  } = (0, $dGqE5$useDateField)({
+    let startInputRef = (0, $dGqE5$useRef)(null);
+    let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)({
+        within: true
+    });
+    let { fieldProps: startDateFieldProps , inputProps: startInputProps  } = (0, $dGqE5$useDateField)({
         ...startFieldProps,
-        label: label
+        label: label,
+        inputRef: startInputRef
     }, startFieldState, startFieldRef);
     let endFieldState = (0, $dGqE5$useDateFieldState)({
         ...endFieldProps,
@@ -2862,13 +3130,21 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
         createCalendar: $dGqE5$createCalendar
     });
     let endFieldRef = (0, $dGqE5$useRef)(null);
-    let { fieldProps: endDateFieldProps  } = (0, $dGqE5$useDateField)({
+    let endInputRef = (0, $dGqE5$useRef)(null);
+    let { fieldProps: endDateFieldProps , inputProps: endInputProps  } = (0, $dGqE5$useDateField)({
         ...endFieldProps,
-        label: label
+        label: label,
+        inputRef: endInputRef
     }, endFieldState, endFieldRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            state: state,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isInvalid
+        },
         defaultClassName: "react-aria-DateRangePicker"
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -2920,12 +3196,16 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
                         start: {
                             state: startFieldState,
                             fieldProps: startDateFieldProps,
-                            ref: startFieldRef
+                            ref: startFieldRef,
+                            inputRef: startInputRef,
+                            inputProps: startInputProps
                         },
                         end: {
                             state: endFieldState,
                             fieldProps: endDateFieldProps,
-                            ref: endFieldRef
+                            ref: endFieldRef,
+                            inputRef: endInputRef,
+                            inputProps: endInputProps
                         }
                     }
                 }
@@ -2941,10 +3221,15 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...focusProps,
         ...DOMProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-focus-within": isFocused || undefined,
+        "data-invalid": state.isInvalid || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": props.isDisabled || undefined
     }));
 }
 /**
@@ -2966,55 +3251,6 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
  * governing permissions and limitations under the License.
  */ 
 
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-const $1e2864c73f66a4da$export$9106743a055caed1 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
-function $1e2864c73f66a4da$var$FileTrigger(props, ref) {
-    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $1e2864c73f66a4da$export$9106743a055caed1);
-    let { onChange: onChange , acceptedFileTypes: acceptedFileTypes , className: className , allowsMultiple: allowsMultiple , defaultCamera: defaultCamera , children: children , ...otherProps } = props;
-    let inputRef = (0, $dGqE5$useRef)(null);
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        className: className || "react-aria-FileTrigger",
-        ...(0, $dGqE5$filterDOMProps)(otherProps),
-        ref: ref,
-        slot: props.slot
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$PressResponder), {
-        onPress: ()=>{
-            var _inputRef_current;
-            return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.click();
-        }
-    }, children), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $3985021b0ad6602f$export$f5b8910cec6cf069), {
-        type: "file",
-        ref: inputRef,
-        style: {
-            display: "none"
-        },
-        accept: acceptedFileTypes === null || acceptedFileTypes === void 0 ? void 0 : acceptedFileTypes.toString(),
-        onChange: (e)=>{
-            return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.files);
-        },
-        capture: defaultCamera,
-        multiple: allowsMultiple
-    }));
-}
-/**
- * A FileTrigger allows a user to access the file system with either a Button or Link.
- */ const $1e2864c73f66a4da$export$6fb4a10d2c950550 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1e2864c73f66a4da$var$FileTrigger);
-
-
 
 
 
@@ -3029,9 +3265,16 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
     });
     let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
     let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)();
-    let textId = (0, $dGqE5$useId)();
+    let textId = (0, $dGqE5$useSlotId)();
+    let ariaLabel = props["aria-label"] || "DropZone";
+    let messageId = isDropTarget && props["aria-labelledby"] ? props["aria-labelledby"] : null;
+    let ariaLabelledby = [
+        textId,
+        messageId
+    ].filter(Boolean).join(" ");
     let labelProps = (0, $dGqE5$useLabels)({
-        "aria-labelledby": textId
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledby
     });
     let { clipboardProps: clipboardProps  } = (0, $dGqE5$useClipboard)({
         onPaste: (items)=>{
@@ -3059,15 +3302,11 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
     delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
-            [
-                (0, $1e2864c73f66a4da$export$9106743a055caed1),
-                {}
-            ],
             [
                 (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
                 {
                     id: textId,
-                    slot: "heading"
+                    slot: "label"
                 }
             ]
         ]
@@ -3075,6 +3314,7 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
         ...(0, $dGqE5$mergeProps)(dropProps, hoverProps, DOMProps),
         ...renderProps,
         slot: props.slot,
+        ref: ref,
         onClick: ()=>{
             var _buttonRef_current;
             return (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
@@ -3085,16 +3325,57 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
         "data-drop-target": isDropTarget || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), null, /*#__PURE__*/ (0, $dGqE5$react).createElement("button", {
         ...(0, $dGqE5$mergeProps)(dropButtonProps, focusProps, clipboardProps, labelProps),
-        "aria-label": "DropZone" // will need to update with string formatter
-        ,
         ref: buttonRef
     })), renderProps.children));
 }
 /**
- * A dropzone is an area into which one or multiple objects can be dragged and dropped.
+ * A drop zone is an area into which one or multiple objects can be dragged and dropped.
  */ const $cb088e721efb9218$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($cb088e721efb9218$var$DropZone);
 
 
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+function $1e2864c73f66a4da$var$FileTrigger(props, ref) {
+    let { onChange: onChange , acceptedFileTypes: acceptedFileTypes , allowsMultiple: allowsMultiple , defaultCamera: defaultCamera , name: name , children: children , ...rest } = props;
+    let inputRef = (0, $dGqE5$useObjectRef)(ref);
+    let domProps = (0, $dGqE5$filterDOMProps)(rest);
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$PressResponder), {
+        onPress: ()=>{
+            var _inputRef_current;
+            return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.click();
+        }
+    }, children), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $3985021b0ad6602f$export$f5b8910cec6cf069), {
+        ...domProps,
+        type: "file",
+        ref: inputRef,
+        style: {
+            display: "none"
+        },
+        accept: acceptedFileTypes === null || acceptedFileTypes === void 0 ? void 0 : acceptedFileTypes.toString(),
+        onChange: (e)=>{
+            return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.files);
+        },
+        capture: defaultCamera,
+        multiple: allowsMultiple,
+        name: name
+    }));
+}
+/**
+ * A FileTrigger allows a user to access the file system with any pressable React Aria or React Spectrum component, or custom components built with usePress.
+ */ const $1e2864c73f66a4da$export$6fb4a10d2c950550 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1e2864c73f66a4da$var$FileTrigger);
+
 
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -3119,9 +3400,17 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
 const $72e60046c03fbe42$export$54fe942636b6416d = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 const $72e60046c03fbe42$var$InternalGridListContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $72e60046c03fbe42$var$GridList(props, ref) {
+    // Render the portal first so that we have the collection by the time we render the DOM in SSR.
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $72e60046c03fbe42$export$54fe942636b6416d);
+    let { collection: collection , portal: portal  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, portal, /*#__PURE__*/ (0, $dGqE5$react).createElement($72e60046c03fbe42$var$GridListInner, {
+        props: props,
+        collection: collection,
+        gridListRef: ref
+    }));
+}
+function $72e60046c03fbe42$var$GridListInner({ props: props , collection: collection , gridListRef: ref  }) {
     let { dragAndDropHooks: dragAndDropHooks  } = props;
-    let { portal: portal , collection: collection  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
     let state = (0, $dGqE5$useListState)({
         ...props,
         collection: collection,
@@ -3195,7 +3484,8 @@ function $72e60046c03fbe42$var$GridList(props, ref) {
             isDropTarget: isRootDropTarget,
             isEmpty: state.collection.size === 0,
             isFocused: isFocused,
-            isFocusVisible: isFocusVisible
+            isFocusVisible: isFocusVisible,
+            state: state
         }
     });
     let emptyState = null;
@@ -3256,7 +3546,7 @@ function $72e60046c03fbe42$var$GridList(props, ref) {
                 }
             ]
         ]
-    }, isListDroppable && /*#__PURE__*/ (0, $dGqE5$react).createElement($72e60046c03fbe42$var$RootDropIndicator, null), children), emptyState, dragPreview, portal));
+    }, isListDroppable && /*#__PURE__*/ (0, $dGqE5$react).createElement($72e60046c03fbe42$var$RootDropIndicator, null), children), emptyState, dragPreview));
 }
 /**
  * A grid list displays a list of interactive items, with support for keyboard navigation,
@@ -3342,17 +3632,25 @@ function $72e60046c03fbe42$var$GridListItem({ item: item  }) {
         ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
         ...renderProps,
         ref: ref,
+        "data-selected": states.isSelected || undefined,
+        "data-disabled": states.isDisabled || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": states.isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": states.isPressed || undefined,
+        "data-allows-dragging": !!dragState || undefined,
         "data-dragging": isDragging || undefined,
-        "data-drop-target": (dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget) || undefined
+        "data-drop-target": (dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget) || undefined,
+        "data-selection-mode": state.selectionManager.selectionMode === "none" ? undefined : state.selectionManager.selectionMode
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", gridCellProps, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
                 (0, $bc237834342dbd75$export$b085522c77523c51),
-                checkboxProps
+                {
+                    slots: {
+                        selection: checkboxProps
+                    }
+                }
             ],
             [
                 (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
@@ -3669,10 +3967,13 @@ function $3674c52c6b3c5bce$var$MenuItem({ item: item  }) {
         ...(0, $dGqE5$mergeProps)(DOMProps, menuItemProps, focusProps),
         ...renderProps,
         ref: ref,
+        "data-disabled": states.isDisabled || undefined,
         "data-hovered": states.isFocused || undefined,
         "data-focused": states.isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
-        "data-pressed": states.isPressed || undefined
+        "data-pressed": states.isPressed || undefined,
+        "data-selected": states.isSelected || undefined,
+        "data-selection-mode": state.selectionManager.selectionMode === "none" ? undefined : state.selectionManager.selectionMode
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -3781,7 +4082,11 @@ function $b91743d66a0ed188$var$NumberField(props, ref) {
     }, state, inputRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: props.isInvalid || false
+        },
         defaultClassName: "react-aria-NumberField"
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -3829,7 +4134,13 @@ function $b91743d66a0ed188$var$NumberField(props, ref) {
         ...DOMProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": props.isInvalid || undefined
+    }), props.name && /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
+        type: "hidden",
+        name: props.name,
+        value: isNaN(state.numberValue) ? "" : state.numberValue
     }));
 }
 /**
@@ -3911,6 +4222,7 @@ function $0393f8ab869a0f1a$var$ProgressBar(props, ref) {
 
 
 const $b6c3ddc6086f204d$export$a79eda4ff50e30b6 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
+const $b6c3ddc6086f204d$export$b118023277d4a5c3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 let $b6c3ddc6086f204d$var$InternalRadioContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$a79eda4ff50e30b6);
@@ -3927,7 +4239,8 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
             isDisabled: state.isDisabled,
             isReadOnly: state.isReadOnly,
             isRequired: state.isRequired,
-            validationState: state.validationState
+            isInvalid: state.isInvalid,
+            state: state
         },
         defaultClassName: "react-aria-RadioGroup"
     });
@@ -3935,7 +4248,12 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
         ...radioGroupProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
+        slot: props.slot,
+        "data-orientation": props.orientation || "vertical",
+        "data-invalid": state.isInvalid || undefined,
+        "data-disabled": state.isDisabled || undefined,
+        "data-readonly": state.isReadOnly || undefined,
+        "data-required": state.isRequired || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -3946,7 +4264,8 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
                 (0, $01b77f81d0f07f68$export$75b6ee27786ba447),
                 {
                     ...labelProps,
-                    ref: labelRef
+                    ref: labelRef,
+                    elementType: "span"
                 }
             ],
             [
@@ -3962,6 +4281,7 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
     }, renderProps.children));
 }
 function $b6c3ddc6086f204d$var$Radio(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$b118023277d4a5c3);
     let state = (0, $dGqE5$react).useContext($b6c3ddc6086f204d$var$InternalRadioContext);
     let domRef = (0, $dGqE5$useObjectRef)(ref);
     let { inputProps: inputProps , isSelected: isSelected , isDisabled: isDisabled , isPressed: isPressedKeyboard  } = (0, $dGqE5$useRadio)({
@@ -3971,7 +4291,7 @@ function $b6c3ddc6086f204d$var$Radio(props, ref) {
     }, state, domRef);
     let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dGqE5$useFocusRing)();
     let interactionDisabled = isDisabled || state.isReadOnly;
-    // Handle press state for full label. Keyboard press state is returned by useCheckbox
+    // Handle press state for full label. Keyboard press state is returned by useRadio
     // since it is handled on the <input> element itself.
     let [isPressed, setPressed] = (0, $dGqE5$useState)(false);
     let { pressProps: pressProps  } = (0, $dGqE5$usePress)({
@@ -3998,7 +4318,7 @@ function $b6c3ddc6086f204d$var$Radio(props, ref) {
             isFocusVisible: isFocusVisible,
             isDisabled: isDisabled,
             isReadOnly: state.isReadOnly,
-            validationState: state.validationState,
+            isInvalid: state.isInvalid,
             isRequired: state.isRequired
         }
     });
@@ -4013,13 +4333,12 @@ function $b6c3ddc6086f204d$var$Radio(props, ref) {
         "data-focus-visible": isFocusVisible || undefined,
         "data-disabled": isDisabled || undefined,
         "data-readonly": state.isReadOnly || undefined,
-        "data-validation-state": state.validationState || undefined,
+        "data-invalid": state.isInvalid || undefined,
         "data-required": state.isRequired || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), {
         elementType: "span"
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
-        ...inputProps,
-        ...focusProps,
+        ...(0, $dGqE5$mergeProps1)(inputProps, focusProps),
         ref: domRef
     })), renderProps.children);
 }
@@ -4062,7 +4381,12 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
     }, state, inputRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            isEmpty: state.value === "",
+            isDisabled: props.isDisabled || false,
+            isInvalid: props.isInvalid || false,
+            state: state
+        },
         defaultClassName: "react-aria-SearchField"
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -4072,7 +4396,9 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
         ...renderProps,
         ref: ref,
         slot: props.slot,
-        "data-empty": state.value === "" || undefined
+        "data-empty": state.value === "" || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": props.isInvalid || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -4135,26 +4461,30 @@ const $82d7e5349645de74$export$7540cee5be7dc19b = /*#__PURE__*/ (0, $dGqE5$creat
 const $82d7e5349645de74$var$InternalSelectContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $82d7e5349645de74$var$Select(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $82d7e5349645de74$export$7540cee5be7dc19b);
-    let [listBoxProps, setListBoxProps] = (0, $dGqE5$useState)({
-        children: []
-    });
-    var _props_items;
-    let { portal: portal , collection: collection  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)({
-        items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : listBoxProps.items,
-        children: listBoxProps.children
-    });
+    let { collection: collection , document: document  } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
     let state = (0, $dGqE5$useSelectState)({
         ...props,
         collection: collection,
         children: undefined
     });
+    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dGqE5$useFocusRing)({
+        within: true
+    });
     // Only expose a subset of state to renderProps function to avoid infinite render loop
     let renderPropsState = (0, $dGqE5$useMemo)(()=>({
             isOpen: state.isOpen,
-            isFocused: state.isFocused
+            isFocused: state.isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: props.isInvalid || false,
+            isRequired: props.isRequired || false
         }), [
         state.isOpen,
-        state.isFocused
+        state.isFocused,
+        isFocusVisible,
+        props.isDisabled,
+        props.isInvalid,
+        props.isRequired
     ]);
     // Get props for child elements from useSelect
     let buttonRef = (0, $dGqE5$useRef)(null);
@@ -4181,7 +4511,24 @@ function $82d7e5349645de74$var$Select(props, ref) {
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
     delete DOMProps.id;
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $82d7e5349645de74$var$InternalSelectContext,
+                {
+                    state: state,
+                    valueProps: valueProps,
+                    placeholder: props.placeholder
+                }
+            ],
+            [
+                (0, $eed445e0843c11d0$export$7ff8f37d2d81a48d),
+                {
+                    document: document
+                }
+            ]
+        ]
+    }, renderProps.children)), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
                 $82d7e5349645de74$var$InternalSelectContext,
@@ -4212,7 +4559,6 @@ function $82d7e5349645de74$var$Select(props, ref) {
                 {
                     state: state,
                     triggerRef: buttonRef,
-                    preserveChildren: true,
                     placement: "bottom start",
                     style: {
                         "--trigger-width": buttonWidth
@@ -4223,7 +4569,6 @@ function $82d7e5349645de74$var$Select(props, ref) {
                 (0, $eed445e0843c11d0$export$7ff8f37d2d81a48d),
                 {
                     state: state,
-                    [(0, $64fa3d84918910a7$export$91172ebb93c441a2)]: setListBoxProps,
                     ...menuProps
                 }
             ],
@@ -4240,24 +4585,31 @@ function $82d7e5349645de74$var$Select(props, ref) {
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...DOMProps,
         ...renderProps,
+        ...focusProps,
         ref: ref,
         slot: props.slot,
         "data-focused": state.isFocused || undefined,
-        "data-open": state.isOpen || undefined
-    }), portal, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$HiddenSelect), {
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-open": state.isOpen || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": props.isInvalid || undefined,
+        "data-required": props.isRequired || undefined
+    }), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$HiddenSelect), {
         state: state,
         triggerRef: buttonRef,
         label: label,
-        name: props.name
-    }));
+        name: props.name,
+        isDisabled: props.isDisabled
+    })));
 }
 /**
  * A select displays a collapsible list of options and allows a user to select one of them.
  */ const $82d7e5349645de74$export$ef9b1a59e592288f = /*#__PURE__*/ (0, $dGqE5$forwardRef)($82d7e5349645de74$var$Select);
 function $82d7e5349645de74$var$SelectValue(props, ref) {
-    var _state_selectedItem, _state_selectedItem1, _state_selectedItem2;
+    var _state_selectedItem, _state_selectedItem1;
     let { state: state , valueProps: valueProps , placeholder: placeholder  } = (0, $dGqE5$useContext)($82d7e5349645de74$var$InternalSelectContext);
-    let rendered = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem === void 0 ? void 0 : _state_selectedItem.rendered;
+    let selectedItem = state.selectedKey != null ? state.collection.getItem(state.selectedKey) : null;
+    let rendered = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.rendered;
     if (typeof rendered === "function") {
         // If the selected item has a function as a child, we need to call it to render to JSX.
         let fn = rendered;
@@ -4279,9 +4631,9 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
         defaultChildren: rendered || placeholder || "Select an item",
         defaultClassName: "react-aria-SelectValue",
         values: {
-            selectedItem: (_state_selectedItem_value = (_state_selectedItem1 = state.selectedItem) === null || _state_selectedItem1 === void 0 ? void 0 : _state_selectedItem1.value) !== null && _state_selectedItem_value !== void 0 ? _state_selectedItem_value : null,
-            selectedText: (_state_selectedItem_textValue = (_state_selectedItem2 = state.selectedItem) === null || _state_selectedItem2 === void 0 ? void 0 : _state_selectedItem2.textValue) !== null && _state_selectedItem_textValue !== void 0 ? _state_selectedItem_textValue : null,
-            isPlaceholder: !state.selectedItem
+            selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem === void 0 ? void 0 : _state_selectedItem.value) !== null && _state_selectedItem_value !== void 0 ? _state_selectedItem_value : null,
+            selectedText: (_state_selectedItem_textValue = (_state_selectedItem1 = state.selectedItem) === null || _state_selectedItem1 === void 0 ? void 0 : _state_selectedItem1.textValue) !== null && _state_selectedItem_textValue !== void 0 ? _state_selectedItem_textValue : null,
+            isPlaceholder: !selectedItem
         }
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -4291,7 +4643,7 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
         ...DOMProps,
         ...valueProps,
         ...renderProps,
-        "data-placeholder": !state.selectedItem || undefined
+        "data-placeholder": !selectedItem || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $514c0188e459b4c0$export$9afb8bc826b033ea).Provider, {
         value: undefined
     }, renderProps.children));
@@ -4336,7 +4688,11 @@ function $6f909507e6374d18$var$Slider(props, ref) {
     }, state, trackRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: {
+            orientation: state.orientation,
+            isDisabled: state.isDisabled,
+            state: state
+        },
         defaultClassName: "react-aria-Slider"
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -4381,12 +4737,18 @@ function $6f909507e6374d18$var$SliderOutput({ children: children , style: style
         children: children,
         defaultChildren: state.getThumbValueLabel(0),
         defaultClassName: "react-aria-SliderOutput",
-        values: state
+        values: {
+            orientation: state.orientation,
+            isDisabled: state.isDisabled,
+            state: state
+        }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("output", {
         ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), outputProps),
         ...renderProps,
-        ref: ref
+        ref: ref,
+        "data-orientation": state.orientation || undefined,
+        "data-disabled": state.isDisabled || undefined
     });
 }
 /**
@@ -4394,16 +4756,25 @@ function $6f909507e6374d18$var$SliderOutput({ children: children , style: style
  */ const $6f909507e6374d18$export$a590f758a961cb5b = /*#__PURE__*/ (0, $dGqE5$forwardRef)($6f909507e6374d18$var$SliderOutput);
 function $6f909507e6374d18$var$SliderTrack(props, ref) {
     let { state: state , trackProps: trackProps , trackRef: trackRef  } = (0, $dGqE5$useContext)($6f909507e6374d18$var$InternalSliderContext);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
     let domRef = (0, $dGqE5$mergeRefs)(ref, trackRef);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: "react-aria-SliderTrack",
-        values: state
+        values: {
+            orientation: state.orientation,
+            isDisabled: state.isDisabled,
+            isHovered: isHovered,
+            state: state
+        }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), trackProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), hoverProps, trackProps),
         ...renderProps,
-        ref: domRef
+        ref: domRef,
+        "data-hovered": isHovered || undefined,
+        "data-orientation": state.orientation || undefined,
+        "data-disabled": state.isDisabled || undefined
     });
 }
 /**
@@ -4522,7 +4893,8 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
             isDisabled: isDisabled,
-            isReadOnly: isReadOnly
+            isReadOnly: isReadOnly,
+            state: state
         }
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
@@ -4560,6 +4932,7 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
 
 
 
+
 class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export$408d25a4e12db025) {
     addNode(node) {
         super.addNode(node);
@@ -4567,9 +4940,9 @@ class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export
         if (node.type === "tableheader") this.head = node;
         if (node.type === "tablebody") this.body = node;
     }
-    commit(firstKey, lastKey) {
+    commit(firstKey, lastKey, isSSR = false) {
         this.updateColumns();
-        super.commit(firstKey, lastKey);
+        super.commit(firstKey, lastKey, isSSR);
     }
     updateColumns() {
         if (!this.columnsDirty) return;
@@ -4678,6 +5051,45 @@ class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export
         this.columnsDirty = true;
     }
 }
+const $1910c06f0ca9905e$var$ResizableTableContainerContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
+function $1910c06f0ca9905e$var$ResizableTableContainer(props, ref) {
+    let objectRef = (0, $dGqE5$useObjectRef)(ref);
+    let [width, setWidth] = (0, $dGqE5$useState)(0);
+    (0, $dGqE5$useResizeObserver)({
+        ref: objectRef,
+        onResize () {
+            var _objectRef_current;
+            setWidth((_objectRef_current = objectRef.current) === null || _objectRef_current === void 0 ? void 0 : _objectRef_current.clientWidth);
+        }
+    });
+    (0, $dGqE5$useLayoutEffect)(()=>{
+        var _objectRef_current;
+        setWidth((_objectRef_current = objectRef.current) === null || _objectRef_current === void 0 ? void 0 : _objectRef_current.clientWidth);
+    }, [
+        objectRef
+    ]);
+    let ctx = (0, $dGqE5$useMemo)(()=>({
+            tableWidth: width,
+            useTableColumnResizeState: $dGqE5$useTableColumnResizeState,
+            onResizeStart: props.onResizeStart,
+            onResize: props.onResize,
+            onResizeEnd: props.onResizeEnd
+        }), [
+        width,
+        props.onResizeStart,
+        props.onResize,
+        props.onResizeEnd
+    ]);
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...(0, $dGqE5$filterDOMProps)(props),
+        ref: objectRef,
+        className: props.className || "react-aria-ResizableTableContainer",
+        style: props.style
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$ResizableTableContainerContext.Provider, {
+        value: ctx
+    }, props.children));
+}
+const $1910c06f0ca9905e$export$7063e69b8a954175 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$ResizableTableContainer);
 const $1910c06f0ca9905e$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 const $1910c06f0ca9905e$var$InternalTableContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $1910c06f0ca9905e$var$Table(props, ref) {
@@ -4744,7 +5156,8 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
         values: {
             isDropTarget: isRootDropTarget,
             isFocused: isFocused,
-            isFocusVisible: isFocusVisible
+            isFocusVisible: isFocusVisible,
+            state: state
         }
     });
     let { selectionBehavior: selectionBehavior , selectionMode: selectionMode , disallowEmptySelection: disallowEmptySelection  } = state.selectionManager;
@@ -4759,7 +5172,22 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
         disallowEmptySelection,
         isListDraggable
     ]);
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+    let style = renderProps.style;
+    let tableContainerContext = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$ResizableTableContainerContext);
+    let layoutState = undefined;
+    if (tableContainerContext) {
+        layoutState = tableContainerContext.useTableColumnResizeState({
+            tableWidth: tableContainerContext.tableWidth
+        }, state);
+        style = {
+            ...style,
+            tableLayout: "fixed",
+            width: "fit-content"
+        };
+    }
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$TableOptionsContext.Provider, {
+        value: ctx
+    }, portal), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
                 $1910c06f0ca9905e$var$InternalTableContext,
@@ -4767,7 +5195,8 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
                     state: state,
                     dragAndDropHooks: dragAndDropHooks,
                     dragState: dragState,
-                    dropState: dropState
+                    dropState: dropState,
+                    layoutState: layoutState
                 }
             ],
             [
@@ -4781,8 +5210,10 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
         ...(0, $dGqE5$filterDOMProps)(props),
         ...renderProps,
         ...(0, $dGqE5$mergeProps)(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
+        style: style,
         ref: ref,
         slot: props.slot,
+        "data-allows-dragging": isListDraggable || undefined,
         "data-drop-target": isRootDropTarget || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined
@@ -4791,9 +5222,7 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
     }), /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$TableBodyRowGroup, {
         collection: collection,
         isDroppable: isListDroppable
-    }))), dragPreview), /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$TableOptionsContext.Provider, {
-        value: ctx
-    }, portal));
+    }))), dragPreview));
 }
 /**
  * A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys,
@@ -4811,9 +5240,7 @@ function $1910c06f0ca9905e$var$TableHeader(props, ref) {
     let renderer = typeof props.children === "function" ? props.children : null;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$4feb769f8ddf26c5).Provider, {
         value: renderer
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("tableheader", {
-        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref)
-    }, children));
+    }, (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("tableheader", props, ref, null, children));
 }
 /**
  * A header within a `<Table>`, containing the table columns.
@@ -4828,20 +5255,14 @@ function $1910c06f0ca9905e$var$Column(props, ref) {
         items: props.childColumns
     });
     var _props_title;
-    // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("column", {
-        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref, (_props_title = props.title) !== null && _props_title !== void 0 ? _props_title : props.children)
-    }, children);
+    return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("column", props, ref, (_props_title = props.title) !== null && _props_title !== void 0 ? _props_title : props.children, children);
 }
 /**
  * A column within a `<Table>`.
  */ const $1910c06f0ca9905e$export$816b5d811295e6bc = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$Column);
 function $1910c06f0ca9905e$var$TableBody(props, ref) {
     let children = (0, $7135fc7d473fd974$export$901dbff4e54a6dd0)(props);
-    // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("tablebody", {
-        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref)
-    }, children);
+    return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("tablebody", props, ref, null, children);
 }
 /**
  * The body of a `<Table>`, containing the table rows.
@@ -4857,21 +5278,15 @@ function $1910c06f0ca9905e$var$Row(props, ref) {
         }), [
         props.id
     ]);
-    return(// @ts-ignore
-    /*#__PURE__*/ (0, $dGqE5$react).createElement("item", {
-        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref)
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$db36075d98ba73d3).Provider, {
+    return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("item", props, ref, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$db36075d98ba73d3).Provider, {
         value: ctx
-    }, children)));
+    }, children));
 }
 /**
  * A row within a `<Table>`.
  */ const $1910c06f0ca9905e$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$Row);
 function $1910c06f0ca9905e$var$Cell(props, ref) {
-    // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("cell", {
-        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref, props.children)
-    });
+    return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("cell", props, ref, props.children);
 }
 /**
  * A cell within a table row.
@@ -4975,14 +5390,27 @@ function $1910c06f0ca9905e$var$TableHeaderRow({ item: item  }) {
         ]
     }, cells));
 }
+const $1910c06f0ca9905e$var$ColumnResizerContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $1910c06f0ca9905e$var$TableColumnHeader({ column: column  }) {
-    var _state_sortDescriptor;
+    var _state_sortDescriptor, _state_sortDescriptor1;
     let ref = (0, $dGqE5$useObjectRef)(column.props.ref);
     let { state: state  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
     let { columnHeaderProps: columnHeaderProps  } = (0, $dGqE5$useTableColumnHeader)({
         node: column
     }, state, ref);
     let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dGqE5$useFocusRing)();
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
+    let { layoutState: layoutState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
+    let isResizing = false;
+    if (layoutState) isResizing = layoutState.resizingColumn === column.key;
+    else {
+        for(let prop in [
+            "width",
+            "defaultWidth",
+            "minWidth",
+            "maxWidth"
+        ])if (prop in column.props) console.warn(`The ${prop} prop on a <Column> only applies when a <Table> is wrapped in a <ResizableTableContainer>. If you aren't using column resizing, you can set the width of a column with CSS.`);
+    }
     let props = column.props;
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
@@ -4990,21 +5418,122 @@ function $1910c06f0ca9905e$var$TableColumnHeader({ column: column  }) {
         children: column.rendered,
         defaultClassName: "react-aria-Column",
         values: {
+            isHovered: isHovered,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
             allowsSorting: column.props.allowsSorting,
-            sortDirection: ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key ? state.sortDescriptor.direction : undefined
+            sortDirection: ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key ? state.sortDescriptor.direction : undefined,
+            isResizing: isResizing,
+            startResize: ()=>{
+                if (layoutState) {
+                    layoutState.startResize(column.key);
+                    state.setKeyboardNavigationDisabled(true);
+                } else throw new Error("Wrap your <Table> in a <ResizableTableContainer> to enable column resizing");
+            },
+            sort: (direction)=>{
+                state.sort(column.key, direction);
+            }
         }
     });
+    let style = renderProps.style;
+    if (layoutState) style = {
+        ...style,
+        width: layoutState.getColumnWidth(column.key)
+    };
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("th", {
-        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), columnHeaderProps, focusProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), columnHeaderProps, focusProps, hoverProps),
         ...renderProps,
+        style: style,
         colSpan: column.colspan,
         ref: ref,
         "data-focused": isFocused || undefined,
-        "data-focus-visible": isFocusVisible || undefined
-    }, renderProps.children);
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-resizing": isResizing || undefined,
+        "data-allows-sorting": column.props.allowsSorting || undefined,
+        "data-sort-direction": ((_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.column) === column.key ? state.sortDescriptor.direction : undefined
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$ColumnResizerContext.Provider, {
+        value: {
+            column: column,
+            triggerRef: ref
+        }
+    }, renderProps.children));
+}
+function $1910c06f0ca9905e$var$ColumnResizer(props, ref) {
+    let { layoutState: layoutState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
+    if (!layoutState) throw new Error("Wrap your <Table> in a <ResizableTableContainer> to enable column resizing");
+    let { onResizeStart: onResizeStart , onResize: onResize , onResizeEnd: onResizeEnd  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$ResizableTableContainerContext);
+    let { column: column , triggerRef: triggerRef  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$ColumnResizerContext);
+    let inputRef = (0, $dGqE5$useRef)(null);
+    let { resizerProps: resizerProps , inputProps: inputProps , isResizing: isResizing  } = (0, $dGqE5$useTableColumnResize)({
+        column: column,
+        // TODO: translate
+        "aria-label": props["aria-label"] || "Resizer",
+        onResizeStart: onResizeStart,
+        onResize: onResize,
+        onResizeEnd: onResizeEnd,
+        triggerRef: triggerRef
+    }, layoutState, inputRef);
+    let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)();
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
+    let isEResizable = layoutState.getColumnMinWidth(column.key) >= layoutState.getColumnWidth(column.key);
+    let isWResizable = layoutState.getColumnMaxWidth(column.key) <= layoutState.getColumnWidth(column.key);
+    let { direction: direction  } = (0, $dGqE5$useLocale)();
+    let resizableDirection = "both";
+    if (isEResizable) resizableDirection = direction === "rtl" ? "right" : "left";
+    else if (isWResizable) resizableDirection = direction === "rtl" ? "left" : "right";
+    else resizableDirection = "both";
+    let objectRef = (0, $dGqE5$useObjectRef)(ref);
+    let [cursor, setCursor] = (0, $dGqE5$useState)("");
+    (0, $dGqE5$useEffect)(()=>{
+        let style = window.getComputedStyle(objectRef.current);
+        setCursor(style.cursor);
+    }, [
+        objectRef,
+        resizableDirection
+    ]);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: "react-aria-ColumnResizer",
+        values: {
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isResizing: isResizing,
+            isHovered: isHovered,
+            resizableDirection: resizableDirection
+        }
+    });
+    let [isMouseDown, setMouseDown] = (0, $dGqE5$useState)(false);
+    let onPointerDown = (e)=>{
+        if (e.pointerType === "mouse") setMouseDown(true);
+    };
+    if (!isResizing && isMouseDown) setMouseDown(false);
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ref: objectRef,
+        role: "presentation",
+        ...renderProps,
+        ...(0, $dGqE5$mergeProps)(resizerProps, {
+            onPointerDown: onPointerDown
+        }),
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-resizing": isResizing || undefined,
+        "data-resizable-direction": resizableDirection
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
+        ref: inputRef,
+        ...(0, $dGqE5$mergeProps)(inputProps, focusProps, hoverProps)
+    }), isResizing && isMouseDown && /*#__PURE__*/ (0, $dGqE5$reactdom).createPortal(/*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        style: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0,
+            cursor: cursor
+        }
+    }), document.body));
 }
+const $1910c06f0ca9905e$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$ColumnResizer);
 function $1910c06f0ca9905e$var$TableRow({ item: item  }) {
     let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
     let { state: state , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
@@ -5096,12 +5625,15 @@ function $1910c06f0ca9905e$var$TableRow({ item: item  }) {
         ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
         ...renderProps,
         ref: ref,
+        "data-disabled": states.isDisabled || undefined,
+        "data-selected": states.isSelected || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": states.isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": states.isPressed || undefined,
         "data-dragging": isDragging || undefined,
-        "data-drop-target": (dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget) || undefined
+        "data-drop-target": (dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget) || undefined,
+        "data-selection-mode": state.selectionManager.selectionMode === "none" ? undefined : state.selectionManager.selectionMode
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -5144,6 +5676,7 @@ function $1910c06f0ca9905e$var$TableCell({ cell: cell  }) {
         shouldSelectOnPressUp: !!dragState
     }, state, ref);
     let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dGqE5$useFocusRing)();
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
     let props = cell.props;
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
@@ -5152,11 +5685,12 @@ function $1910c06f0ca9905e$var$TableCell({ cell: cell  }) {
         values: {
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
-            isPressed: isPressed
+            isPressed: isPressed,
+            isHovered: isHovered
         }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("td", {
-        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), gridCellProps, focusProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), gridCellProps, focusProps, hoverProps),
         ...renderProps,
         ref: ref,
         "data-focused": isFocused || undefined,
@@ -5261,20 +5795,44 @@ function $1910c06f0ca9905e$var$RootDropIndicator() {
 
 const $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 const $5e8ad37a45e1c704$var$InternalTabsContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
+const $5e8ad37a45e1c704$var$DocumentContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $5e8ad37a45e1c704$var$Tabs(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f);
-    let { orientation: orientation = "horizontal" , keyboardActivation: keyboardActivation = "automatic"  } = props;
-    let values = (0, $dGqE5$useMemo)(()=>({
+    let { collection: collection , document: document  } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
+    let { children: children , orientation: orientation = "horizontal"  } = props;
+    children = (0, $dGqE5$useMemo)(()=>typeof children === "function" ? children({
             orientation: orientation
-        }), [
+        }) : children, [
+        children,
         orientation
     ]);
-    let { collection: collection , document: document  } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$DocumentContext.Provider, {
+        value: document
+    }, children)), /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$TabsInner, {
+        props: props,
+        collection: collection,
+        tabsRef: ref
+    }));
+}
+function $5e8ad37a45e1c704$var$TabsInner({ props: props , tabsRef: ref , collection: collection  }) {
+    let { orientation: orientation = "horizontal" , keyboardActivation: keyboardActivation = "automatic"  } = props;
     let state = (0, $dGqE5$useTabListState)({
         ...props,
         collection: collection,
         children: undefined
     });
+    let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)({
+        within: true
+    });
+    let values = (0, $dGqE5$useMemo)(()=>({
+            orientation: orientation,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible
+        }), [
+        orientation,
+        isFocused,
+        isFocusVisible
+    ]);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: "react-aria-Tabs",
@@ -5282,14 +5840,17 @@ function $5e8ad37a45e1c704$var$Tabs(props, ref) {
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...(0, $dGqE5$filterDOMProps)(props),
+        ...focusProps,
         ...renderProps,
         ref: ref,
         slot: props.slot,
-        "data-orientation": orientation
+        "data-focused": isFocused || undefined,
+        "data-orientation": orientation,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": state.isDisabled || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$InternalTabsContext.Provider, {
         value: {
             state: state,
-            document: document,
             orientation: orientation,
             keyboardActivation: keyboardActivation
         }
@@ -5299,9 +5860,21 @@ function $5e8ad37a45e1c704$var$Tabs(props, ref) {
  * Tabs organize content into multiple sections and allow users to navigate between them.
  */ const $5e8ad37a45e1c704$export$b2539bed5023c21c = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5e8ad37a45e1c704$var$Tabs);
 function $5e8ad37a45e1c704$var$TabList(props, ref) {
-    let { state: state , document: document , orientation: orientation , keyboardActivation: keyboardActivation  } = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$InternalTabsContext);
+    let document = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$DocumentContext);
+    return document ? /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$TabListPortal, {
+        props: props,
+        document: document
+    }) : /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$TabListInner, {
+        props: props,
+        forwardedRef: ref
+    });
+}
+function $5e8ad37a45e1c704$var$TabListPortal({ props: props , document: document  }) {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, document));
+}
+function $5e8ad37a45e1c704$var$TabListInner({ props: props , forwardedRef: ref  }) {
+    let { state: state , orientation: orientation , keyboardActivation: keyboardActivation  } = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$InternalTabsContext);
     let objectRef = (0, $dGqE5$useObjectRef)(ref);
-    let portal = (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, document);
     let { tabListProps: tabListProps  } = (0, $dGqE5$useTabList)({
         ...props,
         orientation: orientation,
@@ -5312,34 +5885,32 @@ function $5e8ad37a45e1c704$var$TabList(props, ref) {
         children: null,
         defaultClassName: "react-aria-TabList",
         values: {
-            orientation: orientation
+            orientation: orientation,
+            state: state
         }
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(props);
     delete DOMProps.id;
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...DOMProps,
         ...tabListProps,
         ref: objectRef,
-        ...renderProps
+        ...renderProps,
+        "data-orientation": orientation || undefined
     }, [
         ...state.collection
     ].map((item)=>/*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$TabInner, {
             key: item.key,
             item: item,
             state: state
-        }))), portal);
+        })));
 }
 /**
  * A TabList is used within Tabs to group tabs that a user can switch between.
  * The ids of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.
  */ const $5e8ad37a45e1c704$export$e51a686c67fdaa2d = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5e8ad37a45e1c704$var$TabList);
 function $5e8ad37a45e1c704$var$Tab(props, ref) {
-    // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$6d08773d2e66f8f2), {
-        ...props,
-        ref: ref
-    });
+    return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("item", props, ref, props.children);
 }
 /**
  * A Tab provides a title for an individual item within a TabList.
@@ -5364,7 +5935,8 @@ function $5e8ad37a45e1c704$var$TabInner({ item: item , state: state  }) {
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
             isPressed: isPressed,
-            isHovered: isHovered
+            isHovered: isHovered,
+            state: state
         }
     });
     let DOMProps = (0, $dGqE5$filterDOMProps)(item.props);
@@ -5372,6 +5944,8 @@ function $5e8ad37a45e1c704$var$TabInner({ item: item , state: state  }) {
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...(0, $dGqE5$mergeProps)(DOMProps, tabProps, focusProps, hoverProps, renderProps),
         ref: ref,
+        "data-selected": isSelected || undefined,
+        "data-disabled": isDisabled || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": isPressed || undefined,
         "data-hovered": isHovered || undefined
@@ -5389,7 +5963,8 @@ function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
         values: {
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
-            isInert: !isSelected
+            isInert: !isSelected,
+            state: state
         }
     });
     if (!isSelected && !props.shouldForceMount) return null;
@@ -5399,14 +5974,16 @@ function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...domProps,
         ref: ref,
+        "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         // @ts-ignore
-        inert: !isSelected ? "true" : undefined
+        inert: !isSelected ? "true" : undefined,
+        "data-inert": !isSelected ? "true" : undefined
     });
 }
 /**
  * A TabPanel provides the content for a tab.
- */ const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5e8ad37a45e1c704$var$TabPanel);
+ */ const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /*#__PURE__*/ (0, $64fa3d84918910a7$export$86427a43e3e48ebb)($5e8ad37a45e1c704$var$TabPanel);
 
 
 /*
@@ -5493,8 +6070,16 @@ function $eaf9e70818b436db$var$TagGroup(props, ref) {
  * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
  */ const $eaf9e70818b436db$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eaf9e70818b436db$var$TagGroup);
 function $eaf9e70818b436db$var$TagList(props, forwardedRef) {
-    let { state: state , document: document , gridProps: gridProps , tagListRef: tagListRef  } = (0, $dGqE5$useContext)($eaf9e70818b436db$var$InternalTagGroupContext);
+    // Render the portal first so that we have the collection by the time we render the DOM in SSR.
+    let { document: document  } = (0, $dGqE5$useContext)($eaf9e70818b436db$var$InternalTagGroupContext);
     let portal = (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, document);
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, portal, /*#__PURE__*/ (0, $dGqE5$react).createElement($eaf9e70818b436db$var$TagListInner, {
+        props: props,
+        forwardedRef: forwardedRef
+    }));
+}
+function $eaf9e70818b436db$var$TagListInner({ props: props , forwardedRef: forwardedRef  }) {
+    let { state: state , gridProps: gridProps , tagListRef: tagListRef  } = (0, $dGqE5$useContext)($eaf9e70818b436db$var$InternalTagGroupContext);
     let ref = (0, $dGqE5$mergeRefs)(tagListRef, forwardedRef);
     let children = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
         items: state.collection,
@@ -5520,7 +6105,7 @@ function $eaf9e70818b436db$var$TagList(props, forwardedRef) {
             isFocusVisible: isFocusVisible
         }
     });
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...(0, $dGqE5$mergeProps1)(gridProps, focusProps),
         ...renderProps,
         ...(0, $dGqE5$filterDOMProps)(props),
@@ -5528,17 +6113,13 @@ function $eaf9e70818b436db$var$TagList(props, forwardedRef) {
         "data-empty": state.collection.size === 0 || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined
-    }, state.collection.size === 0 && props.renderEmptyState ? props.renderEmptyState() : children), portal);
+    }, state.collection.size === 0 && props.renderEmptyState ? props.renderEmptyState() : children);
 }
 /**
  * A tag list is a container for tags within a TagGroup.
  */ const $eaf9e70818b436db$export$f9fef0f55402315b = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eaf9e70818b436db$var$TagList);
 function $eaf9e70818b436db$var$Tag(props, ref) {
-    // @ts-ignore
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$6d08773d2e66f8f2), {
-        ...props,
-        ref: ref
-    });
+    return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("item", props, ref, props.children);
 }
 /**
  * A Tag is an individual item within a TagList.
@@ -5578,11 +6159,14 @@ function $eaf9e70818b436db$var$TagItem({ item: item  }) {
         ref: ref,
         ...renderProps,
         ...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), rowProps, focusProps, hoverProps),
+        "data-selected": states.isSelected || undefined,
+        "data-disabled": states.isDisabled || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": states.isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": states.isPressed || undefined,
-        "data-allows-removing": states.allowsRemoving || undefined
+        "data-allows-removing": states.allowsRemoving || undefined,
+        "data-selection-mode": state.selectionManager.selectionMode === "none" ? undefined : state.selectionManager.selectionMode
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", gridCellProps, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -5599,6 +6183,45 @@ function $eaf9e70818b436db$var$TagItem({ item: item  }) {
 
 
 
+
+
+
+const $216918bed6669f72$export$2dc6166a7e65358c = /*#__PURE__*/ (0, $dGqE5$createContext)({});
+function $216918bed6669f72$var$TextArea(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $216918bed6669f72$export$2dc6166a7e65358c);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dGqE5$useFocusRing)({
+        isTextInput: true,
+        autoFocus: props.autoFocus
+    });
+    let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.disabled || false,
+            isInvalid: isInvalid
+        },
+        defaultClassName: "react-aria-TextArea"
+    });
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("textarea", {
+        ...(0, $dGqE5$mergeProps)(props, focusProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        "data-focused": isFocused || undefined,
+        "data-disabled": props.disabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-invalid": isInvalid || undefined
+    });
+}
+/**
+ * A textarea allows a user to input mult-line text.
+ */ const $216918bed6669f72$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $dGqE5$forwardRef)($216918bed6669f72$var$TextArea);
+
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -5616,22 +6239,39 @@ function $eaf9e70818b436db$var$TagItem({ item: item  }) {
 
 
 
+
 const $bcdf0525bf22703d$export$2129e27b3ef0d483 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $bcdf0525bf22703d$var$TextField(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bcdf0525bf22703d$export$2129e27b3ef0d483);
     let inputRef = (0, $dGqE5$useRef)(null);
     let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
+    let [inputElementType, setInputElementType] = (0, $dGqE5$useState)("input");
     let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $dGqE5$useTextField)({
         ...props,
+        inputElementType: inputElementType,
         label: label
     }, inputRef);
-    var _props_className;
+    // Intercept setting the input ref so we can determine what kind of element we have.
+    // useTextField uses this to determine what props to include.
+    let inputOrTextAreaRef = (0, $dGqE5$useCallback)((el)=>{
+        inputRef.current = el;
+        if (el) setInputElementType(el instanceof HTMLTextAreaElement ? "textarea" : "input");
+    }, []);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isDisabled: props.isDisabled || false,
+            isInvalid: props.isInvalid || false
+        },
+        defaultClassName: "react-aria-TextField"
+    });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
         ...(0, $dGqE5$filterDOMProps)(props),
+        ...renderProps,
         ref: ref,
         slot: props.slot,
-        className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-TextField",
-        style: props.style
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": props.isInvalid || undefined
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -5645,7 +6285,14 @@ function $bcdf0525bf22703d$var$TextField(props, ref) {
                 (0, $3985021b0ad6602f$export$37fb8590cf2c088c),
                 {
                     ...inputProps,
-                    ref: inputRef
+                    ref: inputOrTextAreaRef
+                }
+            ],
+            [
+                (0, $216918bed6669f72$export$2dc6166a7e65358c),
+                {
+                    ...inputProps,
+                    ref: inputOrTextAreaRef
                 }
             ],
             [
@@ -5658,11 +6305,11 @@ function $bcdf0525bf22703d$var$TextField(props, ref) {
                 }
             ]
         ]
-    }, props.children));
+    }, renderProps.children));
 }
 /**
  * A text field allows a user to enter a plain text value with a keyboard.
- */ const $bcdf0525bf22703d$export$2c73285ae9390cec = /*#__PURE__*/ (0, $dGqE5$forwardRef)($bcdf0525bf22703d$var$TextField);
+ */ const $bcdf0525bf22703d$export$2c73285ae9390cec = (0, $dGqE5$forwardRef)($bcdf0525bf22703d$var$TextField);
 
 
 /*
@@ -5694,7 +6341,8 @@ function $efde0372d7a700fe$var$ToggleButton(props, ref) {
             isFocused: isFocused,
             isSelected: state.isSelected,
             isFocusVisible: isFocusVisible,
-            isDisabled: props.isDisabled || false
+            isDisabled: props.isDisabled || false,
+            state: state
         },
         defaultClassName: "react-aria-ToggleButton"
     });
@@ -5703,7 +6351,10 @@ function $efde0372d7a700fe$var$ToggleButton(props, ref) {
         ...renderProps,
         ref: ref,
         slot: props.slot,
+        "data-focused": isFocused || undefined,
+        "data-disabled": props.isDisabled || undefined,
         "data-pressed": isPressed || undefined,
+        "data-selected": state.isSelected || undefined,
         "data-hovered": isHovered || undefined,
         "data-focus-visible": isFocusVisible || undefined
     });
@@ -5778,7 +6429,8 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
         values: {
             placement: placement,
             isEntering: isEntering,
-            isExiting: props.isExiting
+            isExiting: props.isExiting,
+            state: state
         }
     });
     props = (0, $dGqE5$mergeProps)(props, overlayProps);
@@ -5807,5 +6459,5 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
 
 
 
-export {$778035c5624f61e7$export$2dc68d50d56fbbd as Breadcrumbs, $778035c5624f61e7$export$65596d3621b0a4a0 as BreadcrumbsContext, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as Button, $d2b4bc8c273e7be6$export$24d547caef80ccd1 as ButtonContext, $dfd62f934fc76fed$export$e1aef45b828286de as Calendar, $dfd62f934fc76fed$export$5bd780d491cfc46c as CalendarGrid, $dfd62f934fc76fed$export$22e2d15eaa4d2377 as CalendarGridHeader, $dfd62f934fc76fed$export$e11f8ba65d857bff as CalendarGridBody, $dfd62f934fc76fed$export$ad2135cac3a11b3d as CalendarHeaderCell, $dfd62f934fc76fed$export$5d847498420df57b as CalendarCell, $dfd62f934fc76fed$export$a4f5c8b89d277a8d as RangeCalendar, $dfd62f934fc76fed$export$3b805cea1f178355 as CalendarContext, $dfd62f934fc76fed$export$233dd9682e1ad64b as RangeCalendarContext, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$b085522c77523c51 as CheckboxContext, $d01f2c01039c0eec$export$72b9695b8216309a as ComboBox, $d01f2c01039c0eec$export$d414ccceff7063c3 as ComboBoxContext, $40825cdb76e74f70$export$d9781c7894a82487 as DateField, $40825cdb76e74f70$export$7edc06cf1783b30f as DateInput, $40825cdb76e74f70$export$336ab7fa954c4b5f as DateSegment, $40825cdb76e74f70$export$5eaee2322dd727eb as TimeField, $40825cdb76e74f70$export$7b3e670c86da5fe8 as DateFieldContext, $40825cdb76e74f70$export$8e17ddc448e87c1e as TimeFieldContext, $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 as DatePicker, $06d5b8ec9ee5d538$export$17334619f3ac2224 as DateRangePicker, $06d5b8ec9ee5d538$export$cf316c7f3b44c11e as DatePickerContext, $06d5b8ec9ee5d538$export$8282edba42ee28a as DateRangePickerContext, $de32f1b87079253c$export$2e1e1122cf0cba88 as DialogTrigger, $de32f1b87079253c$export$3ddf2d174ce01153 as Dialog, $de32f1b87079253c$export$8b93a07348a7730c as DialogContext, $cb088e721efb9218$export$3c6489d84dc98b6 as DropZone, $cb088e721efb9218$export$14a72053295ff9a6 as DropZoneContext, $1e2864c73f66a4da$export$6fb4a10d2c950550 as FileTrigger, $1e2864c73f66a4da$export$9106743a055caed1 as FileTriggerContext, $72e60046c03fbe42$export$a7bfbda1311ca015 as GridList, $72e60046c03fbe42$export$54fe942636b6416d as GridListContext, $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as Group, $a049562f99e7db0e$export$f9c6924e160136d1 as GroupContext, $72a5793c14baf454$export$8b251419efc915eb as Header, $5cb03073d3f54797$export$a8a3e93435678ff9 as Heading, $5cb03073d3f54797$export$d688439359537581 as HeadingContext, $3985021b0ad6602f$export$f5b8910cec6cf069 as Input, $3985021b0ad6602f$export$37fb8590cf2c088c as InputContext, $7135fc7d473fd974$export$6d08773d2e66f8f2 as Item, $7135fc7d473fd974$export$6e2c8f0811a474ce as Section, $7135fc7d473fd974$export$fb8073518f34e6ec as Collection, $63df2425e2108aa8$export$16e4d70cc375e707 as Keyboard, $63df2425e2108aa8$export$744d98a3b8a94e1c as KeyboardContext, $01b77f81d0f07f68$export$b04be29aa201d4f5 as Label, $01b77f81d0f07f68$export$75b6ee27786ba447 as LabelContext, $4f118338184dc1d9$export$a6c7ac8248d6e38a as Link, $4f118338184dc1d9$export$e2509388b49734e7 as LinkContext, $eed445e0843c11d0$export$41f133550aa26f48 as ListBox, $eed445e0843c11d0$export$7ff8f37d2d81a48d as ListBoxContext, $3674c52c6b3c5bce$export$d9b273488cd8ce6f as Menu, $3674c52c6b3c5bce$export$27d2ad3c5815583e as MenuTrigger, $3674c52c6b3c5bce$export$c7e742effb1c51e2 as MenuContext, $c0c9ced265f3594c$export$62e3ae2a4090b879 as Meter, $c0c9ced265f3594c$export$8b645da15a96b44f as MeterContext, $f3f84453ead64de5$export$2b77a92f1a5ad772 as Modal, $f3f84453ead64de5$export$8948f78d83984c69 as ModalOverlay, $f3f84453ead64de5$export$ab57792b9b6974a6 as ModalContext, $b91743d66a0ed188$export$63c5fa0b2fdccd2e as NumberField, $b91743d66a0ed188$export$b414a48cf5dcbc11 as NumberFieldContext, $44f671af83e7d9e0$export$746d02f47f4d381 as OverlayArrow, $07b14b47974efb58$export$5b6b19405a83ff9d as Popover, $07b14b47974efb58$export$9b9a0cd73afb7ca4 as PopoverContext, $0393f8ab869a0f1a$export$c17561cb55d4db30 as ProgressBar, $0393f8ab869a0f1a$export$e9f3bf65a26ce129 as ProgressBarContext, $64fa3d84918910a7$export$2881499e37b75b9a as Provider, $64fa3d84918910a7$export$29f1550f4b0d4415 as useContextProps, $b6c3ddc6086f204d$export$a98f0dcb43a68a25 as RadioGroup, $b6c3ddc6086f204d$export$d7b12c4107be0d61 as Radio, $b6c3ddc6086f204d$export$a79eda4ff50e30b6 as RadioGroupContext, $440f4836bcb56932$export$b94867ecbd698f21 as SearchField, $440f4836bcb56932$export$d1c4e4c63cb03a11 as SearchFieldContext, $82d7e5349645de74$export$ef9b1a59e592288f as Select, $82d7e5349645de74$export$e288731fd71264f0 as SelectValue, $82d7e5349645de74$export$7540cee5be7dc19b as SelectContext, $431f98aba6844401$export$1ff3c3f08ae963c0 as Separator, $431f98aba6844401$export$6615d83f6de245ce as SeparatorContext, $6f909507e6374d18$export$472062a354075cee as Slider, $6f909507e6374d18$export$a590f758a961cb5b as SliderOutput, $6f909507e6374d18$export$105594979f116971 as SliderTrack, $6f909507e6374d18$export$2c1b491743890dec as SliderThumb, $6f909507e6374d18$export$e99164f0030f3bff as SliderContext, $8e59e948500a8fe1$export$b5d5cf8927ab7262 as Switch, $8e59e948500a8fe1$export$8699e3b644d5a28a as SwitchContext, $1910c06f0ca9905e$export$54ec01a60f47d33d as Table, $1910c06f0ca9905e$export$b59bdbef9ce70de2 as Row, $1910c06f0ca9905e$export$f6f0c3fe4ec306ea as Cell, $1910c06f0ca9905e$export$816b5d811295e6bc as Column, $1910c06f0ca9905e$export$f850895b287ef28e as TableHeader, $1910c06f0ca9905e$export$76ccd210b9029917 as TableBody, $1910c06f0ca9905e$export$93e4b0b2cc49b648 as TableContext, $1910c06f0ca9905e$export$fddc468cd8cb4db9 as useTableOptions, $5e8ad37a45e1c704$export$b2539bed5023c21c as Tabs, $5e8ad37a45e1c704$export$e51a686c67fdaa2d as TabList, $5e8ad37a45e1c704$export$3d96ec278d3efce4 as TabPanel, $5e8ad37a45e1c704$export$3e41faf802a29e71 as Tab, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f as TabsContext, $eaf9e70818b436db$export$67ea30858aaf75e3 as TagGroup, $eaf9e70818b436db$export$5b07b5dd2cbd96e3 as TagGroupContext, $eaf9e70818b436db$export$f9fef0f55402315b as TagList, $eaf9e70818b436db$export$3288d34c523a1192 as Tag, $514c0188e459b4c0$export$5f1af8db9871e1d6 as Text, $514c0188e459b4c0$export$9afb8bc826b033ea as TextContext, $bcdf0525bf22703d$export$2c73285ae9390cec as TextField, $bcdf0525bf22703d$export$2129e27b3ef0d483 as TextFieldContext, $efde0372d7a700fe$export$d2b052e7b4be1756 as ToggleButton, $efde0372d7a700fe$export$43506d75ebd2e218 as ToggleButtonContext, $4e3b923658d69c60$export$8c610744efcf8a1d as TooltipTrigger, $4e3b923658d69c60$export$28c660c63b792dea as Tooltip, $d8f176866e6dc039$export$2cfc5be7a55829f6 as useDragAndDrop, $d8f176866e6dc039$export$62ed72bc21f6b8a6 as DropIndicator, $d8f176866e6dc039$export$f55761759794cf55 as DropIndicatorContext, $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE as DIRECTORY_DRAG_TYPE, $67da31f5140672c4$re_export$isDirectoryDropItem as isDirectoryDropItem, $67da31f5140672c4$re_export$isFileDropItem as isFileDropItem, $67da31f5140672c4$re_export$isTextDropItem as isTextDropItem, $67da31f5140672c4$re_export$SSRProvider as SSRProvider};
+export {$778035c5624f61e7$export$2dc68d50d56fbbd as Breadcrumbs, $778035c5624f61e7$export$65596d3621b0a4a0 as BreadcrumbsContext, $778035c5624f61e7$export$dabcc1ec9dd9d1cc as Breadcrumb, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as Button, $d2b4bc8c273e7be6$export$24d547caef80ccd1 as ButtonContext, $dfd62f934fc76fed$export$e1aef45b828286de as Calendar, $dfd62f934fc76fed$export$5bd780d491cfc46c as CalendarGrid, $dfd62f934fc76fed$export$22e2d15eaa4d2377 as CalendarGridHeader, $dfd62f934fc76fed$export$e11f8ba65d857bff as CalendarGridBody, $dfd62f934fc76fed$export$ad2135cac3a11b3d as CalendarHeaderCell, $dfd62f934fc76fed$export$5d847498420df57b as CalendarCell, $dfd62f934fc76fed$export$a4f5c8b89d277a8d as RangeCalendar, $dfd62f934fc76fed$export$3b805cea1f178355 as CalendarContext, $dfd62f934fc76fed$export$233dd9682e1ad64b as RangeCalendarContext, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$b085522c77523c51 as CheckboxContext, $d01f2c01039c0eec$export$72b9695b8216309a as ComboBox, $d01f2c01039c0eec$export$d414ccceff7063c3 as ComboBoxContext, $40825cdb76e74f70$export$d9781c7894a82487 as DateField, $40825cdb76e74f70$export$7edc06cf1783b30f as DateInput, $40825cdb76e74f70$export$336ab7fa954c4b5f as DateSegment, $40825cdb76e74f70$export$5eaee2322dd727eb as TimeField, $40825cdb76e74f70$export$7b3e670c86da5fe8 as DateFieldContext, $40825cdb76e74f70$export$8e17ddc448e87c1e as TimeFieldContext, $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 as DatePicker, $06d5b8ec9ee5d538$export$17334619f3ac2224 as DateRangePicker, $06d5b8ec9ee5d538$export$cf316c7f3b44c11e as DatePickerContext, $06d5b8ec9ee5d538$export$8282edba42ee28a as DateRangePickerContext, $de32f1b87079253c$export$2e1e1122cf0cba88 as DialogTrigger, $de32f1b87079253c$export$3ddf2d174ce01153 as Dialog, $de32f1b87079253c$export$8b93a07348a7730c as DialogContext, $cb088e721efb9218$export$3c6489d84dc98b6 as DropZone, $cb088e721efb9218$export$14a72053295ff9a6 as DropZoneContext, $1e2864c73f66a4da$export$6fb4a10d2c950550 as FileTrigger, $72e60046c03fbe42$export$a7bfbda1311ca015 as GridList, $72e60046c03fbe42$export$54fe942636b6416d as GridListContext, $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as Group, $a049562f99e7db0e$export$f9c6924e160136d1 as GroupContext, $72a5793c14baf454$export$8b251419efc915eb as Header, $5cb03073d3f54797$export$a8a3e93435678ff9 as Heading, $5cb03073d3f54797$export$d688439359537581 as HeadingContext, $3985021b0ad6602f$export$f5b8910cec6cf069 as Input, $3985021b0ad6602f$export$37fb8590cf2c088c as InputContext, $7135fc7d473fd974$export$6d08773d2e66f8f2 as Item, $7135fc7d473fd974$export$6e2c8f0811a474ce as Section, $7135fc7d473fd974$export$fb8073518f34e6ec as Collection, $63df2425e2108aa8$export$16e4d70cc375e707 as Keyboard, $63df2425e2108aa8$export$744d98a3b8a94e1c as KeyboardContext, $01b77f81d0f07f68$export$b04be29aa201d4f5 as Label, $01b77f81d0f07f68$export$75b6ee27786ba447 as LabelContext, $4f118338184dc1d9$export$a6c7ac8248d6e38a as Link, $4f118338184dc1d9$export$e2509388b49734e7 as LinkContext, $eed445e0843c11d0$export$41f133550aa26f48 as ListBox, $eed445e0843c11d0$export$7ff8f37d2d81a48d as ListBoxContext, $3674c52c6b3c5bce$export$d9b273488cd8ce6f as Menu, $3674c52c6b3c5bce$export$27d2ad3c5815583e as MenuTrigger, $3674c52c6b3c5bce$export$c7e742effb1c51e2 as MenuContext, $c0c9ced265f3594c$export$62e3ae2a4090b879 as Meter, $c0c9ced265f3594c$export$8b645da15a96b44f as MeterContext, $f3f84453ead64de5$export$2b77a92f1a5ad772 as Modal, $f3f84453ead64de5$export$8948f78d83984c69 as ModalOverlay, $f3f84453ead64de5$export$ab57792b9b6974a6 as ModalContext, $b91743d66a0ed188$export$63c5fa0b2fdccd2e as NumberField, $b91743d66a0ed188$export$b414a48cf5dcbc11 as NumberFieldContext, $44f671af83e7d9e0$export$746d02f47f4d381 as OverlayArrow, $07b14b47974efb58$export$5b6b19405a83ff9d as Popover, $07b14b47974efb58$export$9b9a0cd73afb7ca4 as PopoverContext, $0393f8ab869a0f1a$export$c17561cb55d4db30 as ProgressBar, $0393f8ab869a0f1a$export$e9f3bf65a26ce129 as ProgressBarContext, $64fa3d84918910a7$export$2881499e37b75b9a as Provider, $64fa3d84918910a7$export$29f1550f4b0d4415 as useContextProps, $64fa3d84918910a7$export$fabf2dc03a41866e as useSlottedContext, $b6c3ddc6086f204d$export$a98f0dcb43a68a25 as RadioGroup, $b6c3ddc6086f204d$export$d7b12c4107be0d61 as Radio, $b6c3ddc6086f204d$export$a79eda4ff50e30b6 as RadioGroupContext, $b6c3ddc6086f204d$export$b118023277d4a5c3 as RadioContext, $440f4836bcb56932$export$b94867ecbd698f21 as SearchField, $440f4836bcb56932$export$d1c4e4c63cb03a11 as SearchFieldContext, $82d7e5349645de74$export$ef9b1a59e592288f as Select, $82d7e5349645de74$export$e288731fd71264f0 as SelectValue, $82d7e5349645de74$export$7540cee5be7dc19b as SelectContext, $431f98aba6844401$export$1ff3c3f08ae963c0 as Separator, $431f98aba6844401$export$6615d83f6de245ce as SeparatorContext, $6f909507e6374d18$export$472062a354075cee as Slider, $6f909507e6374d18$export$a590f758a961cb5b as SliderOutput, $6f909507e6374d18$export$105594979f116971 as SliderTrack, $6f909507e6374d18$export$2c1b491743890dec as SliderThumb, $6f909507e6374d18$export$e99164f0030f3bff as SliderContext, $8e59e948500a8fe1$export$b5d5cf8927ab7262 as Switch, $8e59e948500a8fe1$export$8699e3b644d5a28a as SwitchContext, $1910c06f0ca9905e$export$54ec01a60f47d33d as Table, $1910c06f0ca9905e$export$b59bdbef9ce70de2 as Row, $1910c06f0ca9905e$export$f6f0c3fe4ec306ea as Cell, $1910c06f0ca9905e$export$816b5d811295e6bc as Column, $1910c06f0ca9905e$export$ee689e97a7664bfd as ColumnResizer, $1910c06f0ca9905e$export$f850895b287ef28e as TableHeader, $1910c06f0ca9905e$export$76ccd210b9029917 as TableBody, $1910c06f0ca9905e$export$93e4b0b2cc49b648 as TableContext, $1910c06f0ca9905e$export$7063e69b8a954175 as ResizableTableContainer, $1910c06f0ca9905e$export$fddc468cd8cb4db9 as useTableOptions, $5e8ad37a45e1c704$export$b2539bed5023c21c as Tabs, $5e8ad37a45e1c704$export$e51a686c67fdaa2d as TabList, $5e8ad37a45e1c704$export$3d96ec278d3efce4 as TabPanel, $5e8ad37a45e1c704$export$3e41faf802a29e71 as Tab, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f as TabsContext, $eaf9e70818b436db$export$67ea30858aaf75e3 as TagGroup, $eaf9e70818b436db$export$5b07b5dd2cbd96e3 as TagGroupContext, $eaf9e70818b436db$export$f9fef0f55402315b as TagList, $eaf9e70818b436db$export$3288d34c523a1192 as Tag, $514c0188e459b4c0$export$5f1af8db9871e1d6 as Text, $514c0188e459b4c0$export$9afb8bc826b033ea as TextContext, $216918bed6669f72$export$f5c9f3c2c4054eec as TextArea, $216918bed6669f72$export$2dc6166a7e65358c as TextAreaContext, $bcdf0525bf22703d$export$2c73285ae9390cec as TextField, $bcdf0525bf22703d$export$2129e27b3ef0d483 as TextFieldContext, $efde0372d7a700fe$export$d2b052e7b4be1756 as ToggleButton, $efde0372d7a700fe$export$43506d75ebd2e218 as ToggleButtonContext, $4e3b923658d69c60$export$8c610744efcf8a1d as TooltipTrigger, $4e3b923658d69c60$export$28c660c63b792dea as Tooltip, $d8f176866e6dc039$export$2cfc5be7a55829f6 as useDragAndDrop, $d8f176866e6dc039$export$62ed72bc21f6b8a6 as DropIndicator, $d8f176866e6dc039$export$f55761759794cf55 as DropIndicatorContext, $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE as DIRECTORY_DRAG_TYPE, $67da31f5140672c4$re_export$isDirectoryDropItem as isDirectoryDropItem, $67da31f5140672c4$re_export$isFileDropItem as isFileDropItem, $67da31f5140672c4$re_export$isTextDropItem as isTextDropItem, $67da31f5140672c4$re_export$SSRProvider as SSRProvider};
 //# sourceMappingURL=module.js.map