react-aria-components 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/import.mjs

@@ -1,11 +1,11 @@
-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, useListBox as $dGqE5$useListBox, ListKeyboardDelegate as $dGqE5$ListKeyboardDelegate, 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, 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, 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, useLayoutEffect as $dGqE5$useLayoutEffect, useObjectRef as $dGqE5$useObjectRef, mergeRefs as $dGqE5$mergeRefs, mergeProps as $dGqE5$mergeProps1, useResizeObserver as $dGqE5$useResizeObserver, useViewportSize as $dGqE5$useViewportSize, isWebKit as $dGqE5$isWebKit, isIOS as $dGqE5$isIOS} from "@react-aria/utils";
+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 $dGqE5$swchelperssrc_define_propertymjs from "@swc/helpers/src/_define_property.mjs";
-import {createPortal as $dGqE5$createPortal} from "react-dom";
+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, useDateFieldState as $dGqE5$useDateFieldState, useTimeFieldState as $dGqE5$useTimeFieldState, useDatePickerState as $dGqE5$useDatePickerState, useDateRangePickerState as $dGqE5$useDateRangePickerState, useOverlayTriggerState as $dGqE5$useOverlayTriggerState, 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, 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";
 
@@ -44,8 +44,6 @@ import {FocusableProvider as $dGqE5$FocusableProvider} from "@react-aria/focus";
 
 
 
-
-
 class $7135fc7d473fd974$export$f5d856d854e74713 {
     get childNodes() {
         throw new Error("childNodes is not supported");
@@ -68,29 +66,28 @@ class $7135fc7d473fd974$export$f5d856d854e74713 {
         return node;
     }
     constructor(type, key){
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "value", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "level", 0);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "hasChildNodes", false);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "rendered", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "textValue", "");
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "aria-label", undefined);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "index", 0);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "parentKey", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "prevKey", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "nextKey", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "firstChildKey", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "lastChildKey", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "props", {});
+        this.value = null;
+        this.level = 0;
+        this.hasChildNodes = false;
+        this.rendered = null;
+        this.textValue = "";
+        this["aria-label"] = undefined;
+        this.index = 0;
+        this.parentKey = null;
+        this.prevKey = null;
+        this.nextKey = null;
+        this.firstChildKey = null;
+        this.lastChildKey = null;
+        this.props = {};
         this.type = type;
         this.key = key;
     }
 }
-let $7135fc7d473fd974$var$_Symbol_iterator = Symbol.iterator;
 /**
  * A mutable node in the fake DOM tree. When mutated, it marks itself as dirty
  * and queues an update with the owner document.
  */ class $7135fc7d473fd974$var$BaseNode {
-    *[$7135fc7d473fd974$var$_Symbol_iterator]() {
+    *[Symbol.iterator]() {
         let node = this.firstChild;
         while(node){
             yield node;
@@ -102,37 +99,38 @@ let $7135fc7d473fd974$var$_Symbol_iterator = Symbol.iterator;
     }
     set firstChild(firstChild) {
         this._firstChild = firstChild;
-        this.ownerDocument.dirtyNodes.add(this);
+        this.ownerDocument.markDirty(this);
     }
     get lastChild() {
         return this._lastChild;
     }
     set lastChild(lastChild) {
         this._lastChild = lastChild;
-        this.ownerDocument.dirtyNodes.add(this);
+        this.ownerDocument.markDirty(this);
     }
     get previousSibling() {
         return this._previousSibling;
     }
     set previousSibling(previousSibling) {
         this._previousSibling = previousSibling;
-        this.ownerDocument.dirtyNodes.add(this);
+        this.ownerDocument.markDirty(this);
     }
     get nextSibling() {
         return this._nextSibling;
     }
     set nextSibling(nextSibling) {
         this._nextSibling = nextSibling;
-        this.ownerDocument.dirtyNodes.add(this);
+        this.ownerDocument.markDirty(this);
     }
     get parentNode() {
         return this._parentNode;
     }
     set parentNode(parentNode) {
         this._parentNode = parentNode;
-        this.ownerDocument.dirtyNodes.add(this);
+        this.ownerDocument.markDirty(this);
     }
     appendChild(child) {
+        this.ownerDocument.startTransaction();
         if (child.parentNode) child.parentNode.removeChild(child);
         if (this.firstChild == null) this.firstChild = child;
         if (this.lastChild) {
@@ -146,11 +144,16 @@ let $7135fc7d473fd974$var$_Symbol_iterator = Symbol.iterator;
         child.parentNode = this;
         child.nextSibling = null;
         this.lastChild = child;
-        this.ownerDocument.dirtyNodes.add(this);
+        this.ownerDocument.markDirty(this);
+        if (child.hasSetProps) // Only add the node to the collection if we already received props for it.
+        // Otherwise wait until then so we have the correct id for the node.
         this.ownerDocument.addNode(child);
+        this.ownerDocument.endTransaction();
+        this.ownerDocument.queueUpdate();
     }
     insertBefore(newNode, referenceNode) {
         if (referenceNode == null) return this.appendChild(newNode);
+        this.ownerDocument.startTransaction();
         if (newNode.parentNode) newNode.parentNode.removeChild(newNode);
         newNode.nextSibling = referenceNode;
         newNode.previousSibling = referenceNode.previousSibling;
@@ -164,10 +167,13 @@ let $7135fc7d473fd974$var$_Symbol_iterator = Symbol.iterator;
             node.index++;
             node = node.nextSibling;
         }
-        this.ownerDocument.addNode(newNode);
+        if (newNode.hasSetProps) this.ownerDocument.addNode(newNode);
+        this.ownerDocument.endTransaction();
+        this.ownerDocument.queueUpdate();
     }
     removeChild(child) {
         if (child.parentNode !== this) return;
+        this.ownerDocument.startTransaction();
         let node = child.nextSibling;
         while(node){
             node.index--;
@@ -182,31 +188,28 @@ let $7135fc7d473fd974$var$_Symbol_iterator = Symbol.iterator;
         child.previousSibling = null;
         child.index = 0;
         this.ownerDocument.removeNode(child);
+        this.ownerDocument.endTransaction();
+        this.ownerDocument.queueUpdate();
     }
     addEventListener() {}
     removeEventListener() {}
     constructor(ownerDocument){
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "_firstChild", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "_lastChild", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "_previousSibling", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "_nextSibling", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "_parentNode", null);
+        this._firstChild = null;
+        this._lastChild = null;
+        this._previousSibling = null;
+        this._nextSibling = null;
+        this._parentNode = null;
         this.ownerDocument = ownerDocument;
     }
 }
 let $7135fc7d473fd974$var$id = 0;
-const $7135fc7d473fd974$var$TYPE_MAP = {
-    hr: "separator",
-    optgroup: "section",
-    option: "item"
-};
 class $7135fc7d473fd974$export$dc064fe9e59310fd extends $7135fc7d473fd974$var$BaseNode {
     get index() {
         return this._index;
     }
     set index(index) {
         this._index = index;
-        this.ownerDocument.dirtyNodes.add(this);
+        this.ownerDocument.markDirty(this);
     }
     get level() {
         if (this.parentNode instanceof $7135fc7d473fd974$export$dc064fe9e59310fd) return this.parentNode.level + (this.node.type === "item" ? 1 : 0);
@@ -228,41 +231,47 @@ class $7135fc7d473fd974$export$dc064fe9e59310fd extends $7135fc7d473fd974$var$Ba
         var _this_lastChild_node_key;
         node.lastChildKey = (_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;
     }
-    // Special property that React passes through as an object rather than a string via setAttribute.
-    // See below for details.
-    set multiple(obj) {
+    setProps(obj, ref, rendered) {
         let node = this.ownerDocument.getMutableNode(this);
-        let { rendered: rendered , value: value , textValue: textValue , id: id , ...props } = obj;
+        let { value: value , textValue: textValue , id: id , ...props } = obj;
+        props.ref = ref;
         node.props = props;
         node.rendered = rendered;
         node.value = value;
         node.textValue = textValue || (typeof rendered === "string" ? rendered : "") || obj["aria-label"] || "";
         if (id != null && id !== node.key) {
-            if (this.parentNode) throw new Error("Cannot change the id of an item");
+            if (this.hasSetProps) throw new Error("Cannot change the id of an item");
             node.key = id;
         }
+        // If this is the first time props have been set, end the transaction started in the constructor
+        // so this node can be emitted.
+        if (!this.hasSetProps) {
+            this.ownerDocument.addNode(this);
+            this.ownerDocument.endTransaction();
+            this.hasSetProps = true;
+        }
+        this.ownerDocument.queueUpdate();
     }
     get style() {
-        let node = this.ownerDocument.getMutableNode(this);
-        if (!node.props.style) node.props.style = {};
-        return node.props.style;
+        return {};
     }
     hasAttribute() {}
-    setAttribute(key, value) {
-        let node = this.ownerDocument.getMutableNode(this);
-        if (key in node) node[key] = value;
-    }
+    setAttribute() {}
     setAttributeNS() {}
     removeAttribute() {}
     constructor(type, ownerDocument){
         super(ownerDocument);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "nodeType", 8) // COMMENT_NODE (we'd use ELEMENT_NODE but React DevTools will fail to get its dimensions)
+        this.nodeType = 8 // COMMENT_NODE (we'd use ELEMENT_NODE but React DevTools will fail to get its dimensions)
         ;
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "_index", 0);
-        this.node = new $7135fc7d473fd974$export$f5d856d854e74713($7135fc7d473fd974$var$TYPE_MAP[type] || type, `react-aria-${++$7135fc7d473fd974$var$id}`);
+        this._index = 0;
+        this.hasSetProps = false;
+        this.node = new $7135fc7d473fd974$export$f5d856d854e74713(type, `react-aria-${++$7135fc7d473fd974$var$id}`);
+        // 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.
+        this.ownerDocument.startTransaction();
     }
 }
-let $7135fc7d473fd974$var$_Symbol_iterator1 = Symbol.iterator;
 class $7135fc7d473fd974$export$408d25a4e12db025 {
     get size() {
         return this.keyMap.size;
@@ -270,7 +279,7 @@ class $7135fc7d473fd974$export$408d25a4e12db025 {
     getKeys() {
         return this.keyMap.keys();
     }
-    *[$7135fc7d473fd974$var$_Symbol_iterator1]() {
+    *[Symbol.iterator]() {
         let node = this.firstKey != null ? this.keyMap.get(this.firstKey) : undefined;
         while(node){
             yield node;
@@ -354,10 +363,10 @@ class $7135fc7d473fd974$export$408d25a4e12db025 {
         this.frozen = true;
     }
     constructor(){
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "keyMap", new Map());
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "firstKey", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "lastKey", null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "frozen", false);
+        this.keyMap = new Map();
+        this.firstKey = null;
+        this.lastKey = null;
+        this.frozen = false;
     }
 }
 class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$BaseNode {
@@ -374,7 +383,7 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
             this.mutatedNodes.add(element);
             element.node = node;
         }
-        this.dirtyNodes.add(element);
+        this.markDirty(element);
         return node;
     }
     getMutableCollection() {
@@ -384,13 +393,22 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
         }
         return this.collection;
     }
+    markDirty(node) {
+        this.dirtyNodes.add(node);
+    }
+    startTransaction() {
+        this.transactionCount++;
+    }
+    endTransaction() {
+        this.transactionCount--;
+    }
     addNode(element) {
         let collection = this.getMutableCollection();
         if (!collection.getItem(element.node.key)) {
             collection.addNode(element.node);
             for (let child of element)this.addNode(child);
         }
-        this.dirtyNodes.add(element);
+        this.markDirty(element);
     }
     removeNode(node) {
         for (let child of node){
@@ -399,15 +417,16 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
         }
         let collection = this.getMutableCollection();
         collection.removeNode(node.node.key);
-        this.dirtyNodes.add(node);
+        this.markDirty(node);
     }
     /** Finalizes the collection update, updating all nodes and freezing the collection. */ getCollection() {
+        if (this.transactionCount > 0) return this.collection;
         for (let element of this.dirtyNodes)if (element instanceof $7135fc7d473fd974$export$dc064fe9e59310fd && element.parentNode) element.updateNode();
         this.dirtyNodes.clear();
         if (this.mutatedNodes.size) {
             var _this_firstChild, _this_lastChild;
             let collection = this.getMutableCollection();
-            for (let element1 of this.mutatedNodes)if (element1.parentNode) collection.addNode(element1.node);
+            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);
             this.mutatedNodes.clear();
@@ -416,6 +435,9 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
         return this.collection;
     }
     queueUpdate() {
+        // Don't emit any updates if there is a transaction in progress.
+        // queueUpdate should be called again after the transaction.
+        if (this.dirtyNodes.size === 0 || this.transactionCount > 0) return;
         for (let fn of this.subscriptions)fn();
     }
     subscribe(fn) {
@@ -425,12 +447,13 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
     constructor(collection){
         // @ts-ignore
         super(null);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "nodeType", 11) // DOCUMENT_FRAGMENT_NODE
+        this.nodeType = 11 // DOCUMENT_FRAGMENT_NODE
         ;
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "ownerDocument", this);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "dirtyNodes", new Set());
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "mutatedNodes", new Set());
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "subscriptions", new Set());
+        this.ownerDocument = this;
+        this.dirtyNodes = new Set();
+        this.mutatedNodes = new Set();
+        this.subscriptions = new Set();
+        this.transactionCount = 0;
         this.collection = collection;
         this.collectionMutated = true;
     }
@@ -467,7 +490,7 @@ function $7135fc7d473fd974$export$727c8fc270210f13(props) {
                 res.push(rendered);
             }
             return res;
-        } else return children;
+        } else if (typeof children !== "function") return children;
     }, [
         children,
         items,
@@ -484,6 +507,14 @@ function $7135fc7d473fd974$export$901dbff4e54a6dd0(props) {
 }
 const $7135fc7d473fd974$var$ShallowRenderContext = /*#__PURE__*/ (0, $dGqE5$createContext)(false);
 function $7135fc7d473fd974$export$6cd28814d92fa9c9(props, initialCollection) {
+    let { collection: collection , document: document  } = $7135fc7d473fd974$export$7cd71aa5ddd6dc4e(initialCollection);
+    let portal = $7135fc7d473fd974$export$ad42d5efb4461b31(props, document);
+    return {
+        portal: portal,
+        collection: collection
+    };
+}
+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.
     let document = (0, $dGqE5$useMemo)(()=>new $7135fc7d473fd974$export$b34a105447964f9f(initialCollection || new $7135fc7d473fd974$export$408d25a4e12db025()), [
@@ -496,57 +527,54 @@ function $7135fc7d473fd974$export$6cd28814d92fa9c9(props, initialCollection) {
         document
     ]);
     let collection = (0, $dGqE5$useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+    return {
+        collection: collection,
+        document: document
+    };
+}
+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, {
             value: true
         }, children), [
         children
     ]);
-    let portal = (0, $dGqE5$useIsSSR)() ? null : /*#__PURE__*/ (0, $dGqE5$createPortal)(wrappedChildren, document);
-    (0, $dGqE5$useLayoutEffect)(()=>{
-        if (document.dirtyNodes.size > 0) document.queueUpdate();
-    });
-    return {
-        portal: portal,
-        collection: collection
-    };
+    return (0, $dGqE5$useIsSSR)() ? null : /*#__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, {
-        multiple: {
-            ...props,
-            ref: ref,
-            rendered: props.children
-        }
+        ref: ref
     });
     return null;
 }
-function $7135fc7d473fd974$export$6d08773d2e66f8f2(props) {
-    // HACK: the `multiple` prop is special in that React will pass it through as a property rather
-    // than converting to a string and using setAttribute. This allows our custom fake DOM to receive
-    // the props as an object. Once React supports custom elements, we can switch to that instead.
-    // https://github.com/facebook/react/issues/11347
-    // https://github.com/facebook/react/blob/82c64e1a49239158c0daa7f0d603d2ad2ee667a9/packages/react-dom/src/shared/DOMProperty.js#L386
+function $7135fc7d473fd974$export$636783d3732b5559(props, ref, rendered) {
+    // Return a callback ref that sets the props object on the fake DOM node.
+    return (0, $dGqE5$useCallback)((element)=>{
+        element === null || element === void 0 ? void 0 : element.setProps(props, ref, rendered);
+    }, [
+        props,
+        ref,
+        rendered
+    ]);
+}
+function $7135fc7d473fd974$var$Item(props, ref) {
     // @ts-ignore
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("item", {
-        multiple: {
-            ...props,
-            rendered: props.children
-        }
+        ref: $7135fc7d473fd974$export$636783d3732b5559(props, ref, props.children)
     });
 }
-function $7135fc7d473fd974$export$6e2c8f0811a474ce(props) {
+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", {
-        multiple: {
-            ...props,
-            rendered: props.title
-        }
+        ref: $7135fc7d473fd974$export$636783d3732b5559(props, ref)
     }, children);
 }
+const $7135fc7d473fd974$export$6e2c8f0811a474ce = /*#__PURE__*/ (0, $dGqE5$forwardRef)($7135fc7d473fd974$var$Section);
 const $7135fc7d473fd974$export$db36075d98ba73d3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 const $7135fc7d473fd974$export$4feb769f8ddf26c5 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $7135fc7d473fd974$export$fb8073518f34e6ec(props) {
@@ -571,6 +599,7 @@ function $7135fc7d473fd974$export$fb8073518f34e6ec(props) {
  * governing permissions and limitations under the License.
  */ 
 
+
 const $64fa3d84918910a7$export$91172ebb93c441a2 = Symbol("callback");
 const $64fa3d84918910a7$export$8e0ef2c5844bfb6b = Symbol("default");
 function $64fa3d84918910a7$export$2881499e37b75b9a({ values: values , children: children  }) {
@@ -580,18 +609,32 @@ function $64fa3d84918910a7$export$2881499e37b75b9a({ values: values , children:
     }, children);
     return children;
 }
-function $64fa3d84918910a7$export$4d86445c2cf5e3({ className: className , style: style , children: children , defaultClassName: defaultClassName , defaultChildren: defaultChildren , values: values , ...otherProps }) {
-    if (typeof className === "function") className = className(values);
-    if (typeof style === "function") style = style(values);
-    if (typeof children === "function") children = children(values);
-    else if (children == null) children = defaultChildren;
-    delete otherProps.id;
-    return {
-        ...(0, $dGqE5$filterDOMProps)(otherProps),
-        className: className !== null && className !== void 0 ? className : defaultClassName,
-        style: style,
-        children: children
-    };
+function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
+    let { className: className , style: style , children: children , defaultClassName: defaultClassName , defaultChildren: defaultChildren , values: values  } = props;
+    return (0, $dGqE5$useMemo)(()=>{
+        let computedClassName;
+        let computedStyle;
+        let computedChildren;
+        if (typeof className === "function") computedClassName = className(values);
+        else computedClassName = className;
+        if (typeof style === "function") computedStyle = style(values);
+        else computedStyle = style;
+        if (typeof children === "function") computedChildren = children(values);
+        else if (children == null) computedChildren = defaultChildren;
+        else computedChildren = children;
+        return {
+            className: computedClassName !== null && computedClassName !== void 0 ? computedClassName : defaultClassName,
+            style: computedStyle,
+            children: computedChildren
+        };
+    }, [
+        className,
+        style,
+        children,
+        defaultClassName,
+        defaultChildren,
+        values
+    ]);
 }
 function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
     let ctx = (0, $dGqE5$useContext)(context) || {};
@@ -604,7 +647,10 @@ function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
     }
     // @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$mergeRefs)(ref, contextRef));
+    let mergedRef = (0, $dGqE5$useObjectRef)((0, $dGqE5$useMemo)(()=>(0, $dGqE5$mergeRefs)(ref, contextRef), [
+        ref,
+        contextRef
+    ]));
     let mergedProps = (0, $dGqE5$mergeProps1)(contextProps, props);
     // A parent component might need the props from a child, so call slot callback if needed.
     (0, $dGqE5$useEffect)(()=>{
@@ -646,24 +692,28 @@ function $64fa3d84918910a7$export$45fda7c47f93fd48(ref, isOpen) {
     // State to trigger a re-render after animation is complete, which causes the element to be removed from the DOM.
     // Ref to track the state we're in, so we don't immediately reset isExiting to true after the animation.
     let [isExiting, setExiting] = (0, $dGqE5$useState)(false);
-    let exitState = (0, $dGqE5$useRef)("idle");
+    let [exitState, setExitState] = (0, $dGqE5$useState)("idle");
     // If isOpen becomes false, set isExiting to true.
-    if (!isOpen && ref.current && exitState.current === "idle") {
+    if (!isOpen && ref.current && exitState === "idle") {
         isExiting = true;
         setExiting(true);
-        exitState.current = "exiting";
+        setExitState("exiting");
     }
     // If we exited, and the element has been removed, reset exit state to idle.
-    if (!ref.current && exitState.current === "exited") exitState.current = "idle";
+    if (!ref.current && exitState === "exited") setExitState("idle");
     $64fa3d84918910a7$var$useAnimation(ref, isExiting, (0, $dGqE5$useCallback)(()=>{
-        exitState.current = "exited";
+        setExitState("exited");
         setExiting(false);
     }, []));
     return isExiting;
 }
 function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
     let prevAnimation = (0, $dGqE5$useRef)(null);
-    if (isActive && ref.current) prevAnimation.current = window.getComputedStyle(ref.current).animation;
+    if (isActive && ref.current) // This is ok because we only read it in the layout effect below, immediately after the commit phase.
+    // We could move this to another effect that runs every render, but this would be unnecessarily slow.
+    // We only need the computed style right before the animation becomes active.
+    // eslint-disable-next-line rulesdir/pure-render
+    prevAnimation.current = window.getComputedStyle(ref.current).animation;
     (0, $dGqE5$useLayoutEffect)(()=>{
         if (isActive && ref.current) {
             // Make sure there's actually an animation, and it wasn't there before we triggered the update.
@@ -672,7 +722,9 @@ function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
                 let onAnimationEnd = (e)=>{
                     if (e.target === ref.current) {
                         element.removeEventListener("animationend", onAnimationEnd);
-                        onEnd();
+                        (0, $dGqE5$reactdom).flushSync(()=>{
+                            onEnd();
+                        });
                     }
                 };
                 let element = ref.current;
@@ -734,7 +786,7 @@ const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ (0, $dGqE5$forwa
 const $4f118338184dc1d9$export$e2509388b49734e7 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $4f118338184dc1d9$var$Link(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $4f118338184dc1d9$export$e2509388b49734e7);
-    let elementType = typeof props.children === "string" ? "span" : "a";
+    let elementType = typeof props.children === "string" || typeof props.children === "function" ? "span" : "a";
     let { linkProps: linkProps , isPressed: isPressed  } = (0, $dGqE5$useLink)({
         ...props,
         elementType: elementType
@@ -753,6 +805,8 @@ function $4f118338184dc1d9$var$Link(props, ref) {
             isFocusVisible: isFocusVisible
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     let element = typeof renderProps.children === "string" ? /*#__PURE__*/ (0, $dGqE5$react).createElement("span", null, renderProps.children) : (0, $dGqE5$react).Children.only(renderProps.children);
     return /*#__PURE__*/ (0, $dGqE5$react).cloneElement(element, {
         ref: (0, $dGqE5$useMemo)(()=>element.ref ? (0, $dGqE5$mergeRefs)(element.ref, ref) : ref, [
@@ -760,7 +814,7 @@ function $4f118338184dc1d9$var$Link(props, ref) {
             ref
         ]),
         slot: props.slot,
-        ...(0, $dGqE5$mergeProps)(renderProps, linkProps, hoverProps, focusProps, {
+        ...(0, $dGqE5$mergeProps)(DOMProps, renderProps, linkProps, hoverProps, focusProps, {
             children: element.props.children,
             "data-hovered": isHovered || undefined,
             "data-pressed": isPressed || undefined,
@@ -842,6 +896,17 @@ function $778035c5624f61e7$var$BreadcrumbItem({ node: node , isCurrent: isCurren
  */ 
 
 
+
+const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([
+    "form",
+    "formAction",
+    "formEncType",
+    "formMethod",
+    "formNoValidate",
+    "formTarget",
+    "name",
+    "value"
+]);
 const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
 function $d2b4bc8c273e7be6$var$Button(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
@@ -861,6 +926,9 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
         defaultClassName: "react-aria-Button"
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("button", {
+        ...(0, $dGqE5$filterDOMProps)(props, {
+            propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
+        }),
         ...(0, $dGqE5$mergeProps)(buttonProps, focusProps, hoverProps),
         ...renderProps,
         ref: ref,
@@ -893,7 +961,6 @@ 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");
@@ -1051,7 +1118,8 @@ function $dfd62f934fc76fed$var$CalendarGrid(props, ref) {
     if (props.offset) startDate = startDate.add(props.offset);
     let { gridProps: gridProps , headerProps: headerProps , weekDays: weekDays  } = (0, $dGqE5$useCalendarGrid)({
         startDate: startDate,
-        endDate: (0, $dGqE5$endOfMonth)(startDate)
+        endDate: (0, $dGqE5$endOfMonth)(startDate),
+        weekdayStyle: props.weekdayStyle
     }, state);
     var _props_className;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement($dfd62f934fc76fed$var$InternalCalendarGridContext.Provider, {
@@ -1169,7 +1237,7 @@ function $dfd62f934fc76fed$var$CalendarCell({ date: date , ...otherProps }, ref)
         "data-selection-end": isSelectionEnd || undefined
     };
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("td", cellProps, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(buttonProps, focusProps, hoverProps, dataAttrs, renderProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), buttonProps, focusProps, hoverProps, dataAttrs, renderProps),
         ref: objectRef
     }));
 }
@@ -1191,6 +1259,7 @@ function $dfd62f934fc76fed$var$CalendarCell({ date: date , ...otherProps }, ref)
  */ 
 
 
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -1281,8 +1350,13 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
         // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
         // it's passed explicitly here to avoid typescript error (requires ignore).
         // @ts-ignore
-        value: props.value
-    }, groupState, ref) : (0, $dGqE5$useCheckbox)(props, (0, $dGqE5$useToggleState)(props), ref);
+        value: props.value,
+        // ReactNode type doesn't allow function children.
+        children: typeof props.children === "function" ? true : props.children
+    }, groupState, ref) : (0, $dGqE5$useCheckbox)({
+        ...props,
+        children: typeof props.children === "function" ? true : props.children
+    }, (0, $dGqE5$useToggleState)(props), ref);
     let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dGqE5$useFocusRing)();
     let isInteractionDisabled = isDisabled || isReadOnly;
     // Handle press state for full label. Keyboard press state is returned by useCheckbox
@@ -1318,8 +1392,10 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
             isRequired: props.isRequired || false
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("label", {
-        ...(0, $dGqE5$mergeProps)(pressProps, hoverProps, renderProps),
+        ...(0, $dGqE5$mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
         slot: props.slot,
         "data-selected": isSelected || undefined,
         "data-indeterminate": props.isIndeterminate || undefined,
@@ -1331,7 +1407,9 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
         "data-readonly": isReadOnly || undefined,
         "data-validation-state": props.validationState || (groupState === null || groupState === void 0 ? void 0 : groupState.validationState) || undefined,
         "data-required": props.isRequired || undefined
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), null, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), {
+        elementType: "span"
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
         ...inputProps,
         ...focusProps,
         ref: ref
@@ -1590,13 +1668,33 @@ function $eed445e0843c11d0$var$ListBoxPortal({ props: props , listBoxRef: listBo
  * 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);
 function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , listBoxRef: listBoxRef  }) {
-    let { dragAndDropHooks: dragAndDropHooks  } = props;
+    let { dragAndDropHooks: dragAndDropHooks , layout: layout = "stack" , orientation: orientation = "vertical"  } = props;
     let { collection: collection , selectionManager: selectionManager  } = state;
     let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
     let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
+    let { direction: direction  } = (0, $dGqE5$useLocale)();
+    let { disabledBehavior: disabledBehavior , disabledKeys: disabledKeys  } = selectionManager;
+    let keyboardDelegate = (0, $dGqE5$useMemo)(()=>props.keyboardDelegate || new (0, $dGqE5$ListKeyboardDelegate)({
+            collection: collection,
+            ref: listBoxRef,
+            disabledKeys: disabledBehavior === "selection" ? new Set() : disabledKeys,
+            layout: layout,
+            orientation: orientation,
+            direction: direction
+        }), [
+        collection,
+        listBoxRef,
+        disabledBehavior,
+        disabledKeys,
+        orientation,
+        direction,
+        props.keyboardDelegate,
+        layout
+    ]);
     let { listBoxProps: listBoxProps  } = (0, $dGqE5$useListBox)({
         ...props,
-        shouldSelectOnPressUp: isListDraggable || props.shouldSelectOnPressUp
+        shouldSelectOnPressUp: isListDraggable || props.shouldSelectOnPressUp,
+        keyboardDelegate: keyboardDelegate
     }, state, listBoxRef);
     let children = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
         items: collection,
@@ -1619,8 +1717,13 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
     });
     let dragHooksProvided = (0, $dGqE5$useRef)(isListDraggable);
     let dropHooksProvided = (0, $dGqE5$useRef)(isListDroppable);
-    if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
-    if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    (0, $dGqE5$useEffect)(()=>{
+        if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+        if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    }, [
+        isListDraggable,
+        isListDroppable
+    ]);
     let dragState = undefined;
     let dropState = undefined;
     let droppableCollection = undefined;
@@ -1644,8 +1747,11 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
             collection: collection,
             selectionManager: selectionManager
         });
-        let keyboardDelegate = props.keyboardDelegate || new (0, $dGqE5$ListKeyboardDelegate)(collection, selectionManager.disabledBehavior === "selection" ? new Set() : selectionManager.disabledKeys, listBoxRef);
-        let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, listBoxRef);
+        let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, listBoxRef, {
+            orientation: orientation,
+            layout: layout,
+            direction: direction
+        });
         droppableCollection = dragAndDropHooks.useDroppableCollection({
             keyboardDelegate: keyboardDelegate,
             dropTargetDelegate: dropTargetDelegate
@@ -1683,7 +1789,9 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
         "data-drop-target": isRootDropTarget || undefined,
         "data-empty": state.collection.size === 0 || undefined,
         "data-focused": isFocused || undefined,
-        "data-focus-visible": isFocusVisible || undefined
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-layout": props.layout || "stack",
+        "data-orientation": props.orientation || "vertical"
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -1705,7 +1813,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
             [
                 (0, $d8f176866e6dc039$export$f55761759794cf55),
                 {
-                    render: $eed445e0843c11d0$var$ListBoxDropIndicator
+                    render: $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper
                 }
             ]
         ]
@@ -1746,11 +1854,12 @@ function $eed445e0843c11d0$var$ListBoxSection({ section: section , className: cl
         ...(0, $dGqE5$filterDOMProps)(otherProps),
         ...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)
+        style: style || ((_section_props1 = section.props) === null || _section_props1 === void 0 ? void 0 : _section_props1.style),
+        ref: section.props.ref
     }, children);
 }
 function $eed445e0843c11d0$var$Option({ item: item  }) {
-    let ref = (0, $dGqE5$useRef)(null);
+    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);
     let { optionProps: optionProps , labelProps: labelProps , descriptionProps: descriptionProps , ...states } = (0, $dGqE5$useOption)({
         key: item.key
@@ -1804,7 +1913,7 @@ function $eed445e0843c11d0$var$Option({ item: item  }) {
         key: item.key,
         dropPosition: "before"
     }), /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(optionProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps),
+        ...(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-hovered": isHovered || undefined,
@@ -1831,14 +1940,22 @@ function $eed445e0843c11d0$var$Option({ item: item  }) {
         dropPosition: "after"
     }));
 }
-function $eed445e0843c11d0$var$ListBoxDropIndicator(props, ref) {
+function $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper(props, ref) {
     ref = (0, $dGqE5$useObjectRef)(ref);
     let { dragAndDropHooks: dragAndDropHooks , dropState: dropState  } = (0, $dGqE5$useContext)($eed445e0843c11d0$var$InternalListBoxContext);
     let { dropIndicatorProps: dropIndicatorProps , isHidden: isHidden , isDropTarget: isDropTarget  } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
     if (isHidden) return null;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$ListBoxtDropIndicatorForwardRef, {
         ...props,
+        dropIndicatorProps: dropIndicatorProps,
+        isDropTarget: isDropTarget,
+        ref: ref
+    });
+}
+function $eed445e0843c11d0$var$ListBoxtDropIndicator(props, ref) {
+    let { dropIndicatorProps: dropIndicatorProps , isDropTarget: isDropTarget , ...otherProps } = props;
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...otherProps,
         defaultClassName: "react-aria-DropIndicator",
         values: {
             isDropTarget: isDropTarget
@@ -1853,6 +1970,7 @@ function $eed445e0843c11d0$var$ListBoxDropIndicator(props, ref) {
         "data-drop-target": isDropTarget || undefined
     });
 }
+const $eed445e0843c11d0$var$ListBoxtDropIndicatorForwardRef = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eed445e0843c11d0$var$ListBoxtDropIndicator);
 
 
 /*
@@ -1867,6 +1985,7 @@ function $eed445e0843c11d0$var$ListBoxDropIndicator(props, ref) {
  * 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");
@@ -1914,17 +2033,28 @@ function $44f671af83e7d9e0$var$OverlayArrow(props, ref) {
 
 
 
+
 const $07b14b47974efb58$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $07b14b47974efb58$var$Popover(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $07b14b47974efb58$export$9b9a0cd73afb7ca4);
-    let { preserveChildren: preserveChildren , state: state , triggerRef: triggerRef  } = props;
+    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 isExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(ref, state.isOpen);
-    if (state && !state.isOpen && !isExiting) return preserveChildren ? /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$94b6d0abf7d33e8c).Provider, {
-        value: true
-    }, props.children) : null;
+    if (state && !state.isOpen && !isExiting) {
+        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($07b14b47974efb58$var$PopoverInner, {
         ...props,
-        triggerRef: triggerRef,
+        triggerRef: ctx.triggerRef,
         state: state,
         popoverRef: ref,
         isExiting: isExiting
@@ -1933,7 +2063,7 @@ function $07b14b47974efb58$var$Popover(props, ref) {
 /**
  * A popover is an overlay element positioned relative to a trigger.
  */ const $07b14b47974efb58$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $dGqE5$forwardRef)($07b14b47974efb58$var$Popover);
-function $07b14b47974efb58$var$PopoverInner({ children: children , state: state , isExiting: isExiting , ...props }) {
+function $07b14b47974efb58$var$PopoverInner({ state: state , isExiting: isExiting , ...props }) {
     var _props_offset;
     let { popoverProps: popoverProps , underlayProps: underlayProps , arrowProps: arrowProps , placement: placement  } = (0, $dGqE5$usePopover)({
         ...props,
@@ -1961,7 +2091,7 @@ function $07b14b47974efb58$var$PopoverInner({ children: children , state: state
             inset: 0
         }
     }), /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...popoverProps,
+        ...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), popoverProps),
         ...renderProps,
         ref: ref,
         slot: props.slot,
@@ -1976,7 +2106,7 @@ function $07b14b47974efb58$var$PopoverInner({ children: children , state: state
             arrowProps: arrowProps,
             placement: placement
         }
-    }, children), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$DismissButton), {
+    }, renderProps.children), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$DismissButton), {
         onDismiss: state.close
     })));
 }
@@ -2000,14 +2130,22 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
         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
     });
-    var _props_items1;
     let state = (0, $dGqE5$useComboBoxState)({
         defaultFilter: props.defaultFilter || contains,
         ...props,
-        items: propsFromListBox ? (_props_items1 = props.items) !== null && _props_items1 !== void 0 ? _props_items1 : propsFromListBox.items : [],
+        // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
+        items: props.items,
         children: undefined,
         collection: collection
     });
+    // 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
+        }), [
+        state.isOpen,
+        state.isFocused
+    ]);
     let buttonRef = (0, $dGqE5$useRef)(null);
     let inputRef = (0, $dGqE5$useRef)(null);
     let listBoxRef = (0, $dGqE5$useRef)(null);
@@ -2043,9 +2181,11 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
     });
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: renderPropsState,
         defaultClassName: "react-aria-ComboBox"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -2104,10 +2244,13 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
-    }, props.children), portal);
+        slot: props.slot,
+        "data-focused": state.isFocused || undefined,
+        "data-open": state.isOpen || undefined
+    }), portal);
 }
 /**
  * A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
@@ -2154,6 +2297,8 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
         values: state,
         defaultClassName: "react-aria-DateField"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -2182,10 +2327,11 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot
-    }, props.children));
+    }));
 }
 /**
  * A date field allows users to enter and edit date and time values using a keyboard.
@@ -2209,6 +2355,8 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
         values: state,
         defaultClassName: "react-aria-TimeField"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -2238,10 +2386,11 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot
-    }, props.children));
+    }));
 }
 /**
  * A time field allows users to enter and edit time values using a keyboard.
@@ -2270,7 +2419,7 @@ function $40825cdb76e74f70$var$DateInput({ children: children , slot: slot , ...
     return /*#__PURE__*/ (0, $dGqE5$react).createElement($40825cdb76e74f70$var$InternalDateInputContext.Provider, {
         value: state
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(fieldProps, focusProps, hoverProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), fieldProps, focusProps, hoverProps),
         ...renderProps,
         ref: fieldRef,
         slot: slot,
@@ -2299,7 +2448,7 @@ function $40825cdb76e74f70$var$DateSegment({ segment: segment , ...otherProps },
         defaultClassName: "react-aria-DateSegment"
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...segmentProps,
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), segmentProps),
         ...renderProps,
         ref: domRef,
         "data-type": segment.type
@@ -2381,11 +2530,10 @@ 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);
-const $f3f84453ead64de5$export$8948f78d83984c69 = /*#__PURE__*/ (0, $dGqE5$forwardRef)((props, ref)=>{
+function $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {
     let ctx = (0, $dGqE5$useContext)($f3f84453ead64de5$export$ab57792b9b6974a6);
-    var _ctx_state;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    let state = (_ctx_state = ctx === null || ctx === void 0 ? void 0 : ctx.state) !== null && _ctx_state !== void 0 ? _ctx_state : (0, $dGqE5$useOverlayTriggerState)(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);
     let modalRef = (0, $dGqE5$useRef)(null);
     let isOverlayExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(objectRef, state.isOpen);
@@ -2399,7 +2547,8 @@ const $f3f84453ead64de5$export$8948f78d83984c69 = /*#__PURE__*/ (0, $dGqE5$forwa
         overlayRef: objectRef,
         modalRef: modalRef
     });
-});
+}
+const $f3f84453ead64de5$export$8948f78d83984c69 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($f3f84453ead64de5$var$ModalOverlayWithForwardRef);
 function $f3f84453ead64de5$var$ModalOverlayInner(props) {
     let modalRef = props.modalRef;
     let { state: state  } = props;
@@ -2419,7 +2568,7 @@ function $f3f84453ead64de5$var$ModalOverlayInner(props) {
         "--visual-viewport-height": viewport.height + "px"
     };
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$Overlay), null, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...underlayProps,
+        ...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), underlayProps),
         ...renderProps,
         style: style,
         ref: props.overlayRef,
@@ -2452,7 +2601,7 @@ function $f3f84453ead64de5$var$ModalContent(props) {
         }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...modalProps,
+        ...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), modalProps),
         ...renderProps,
         ref: ref,
         "data-entering": entering || undefined,
@@ -2543,6 +2692,7 @@ function $de32f1b87079253c$var$Dialog(props, ref) {
  */ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($de32f1b87079253c$var$Dialog);
 
 
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -2616,6 +2766,8 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
         values: state,
         defaultClassName: "react-aria-DatePicker"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -2675,10 +2827,11 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot
-    }, props.children));
+    }));
 }
 /**
  * A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.
@@ -2718,6 +2871,8 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
         values: state,
         defaultClassName: "react-aria-DateRangePicker"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -2786,10 +2941,11 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot
-    }, props.children));
+    }));
 }
 /**
  * A date range picker combines two DateFields and a RangeCalendar popover to allow
@@ -2798,6 +2954,148 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
 
 
 
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+/*
+ * 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);
+
+
+
+
+
+const $cb088e721efb9218$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
+function $cb088e721efb9218$var$DropZone(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $cb088e721efb9218$export$14a72053295ff9a6);
+    let buttonRef = (0, $dGqE5$useRef)(null);
+    let { dropProps: dropProps , dropButtonProps: dropButtonProps , isDropTarget: isDropTarget  } = (0, $dGqE5$useDrop)({
+        ...props,
+        ref: buttonRef,
+        hasDropButton: true
+    });
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({});
+    let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)();
+    let textId = (0, $dGqE5$useId)();
+    let labelProps = (0, $dGqE5$useLabels)({
+        "aria-labelledby": textId
+    });
+    let { clipboardProps: clipboardProps  } = (0, $dGqE5$useClipboard)({
+        onPaste: (items)=>{
+            var _props_onDrop;
+            return (_props_onDrop = props.onDrop) === null || _props_onDrop === void 0 ? void 0 : _props_onDrop.call(props, {
+                type: "drop",
+                items: items,
+                x: 0,
+                y: 0,
+                dropOperation: "copy"
+            });
+        }
+    });
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDropTarget: isDropTarget
+        },
+        defaultClassName: "react-aria-DropZone"
+    });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    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"
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...(0, $dGqE5$mergeProps)(dropProps, hoverProps, DOMProps),
+        ...renderProps,
+        slot: props.slot,
+        onClick: ()=>{
+            var _buttonRef_current;
+            return (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
+        },
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "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.
+ */ const $cb088e721efb9218$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($cb088e721efb9218$var$DropZone);
+
+
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -2848,8 +3146,13 @@ function $72e60046c03fbe42$var$GridList(props, ref) {
     let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
     let dragHooksProvided = (0, $dGqE5$useRef)(isListDraggable);
     let dropHooksProvided = (0, $dGqE5$useRef)(isListDroppable);
-    if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
-    if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    (0, $dGqE5$useEffect)(()=>{
+        if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+        if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    }, [
+        isListDraggable,
+        isListDroppable
+    ]);
     let dragState = undefined;
     let dropState = undefined;
     let droppableCollection = undefined;
@@ -2949,7 +3252,7 @@ function $72e60046c03fbe42$var$GridList(props, ref) {
             [
                 (0, $d8f176866e6dc039$export$f55761759794cf55),
                 {
-                    render: $72e60046c03fbe42$var$GridListDropIndicator
+                    render: $72e60046c03fbe42$var$GridListDropIndicatorWrapper
                 }
             ]
         ]
@@ -2961,7 +3264,7 @@ function $72e60046c03fbe42$var$GridList(props, ref) {
  */ const $72e60046c03fbe42$export$a7bfbda1311ca015 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($72e60046c03fbe42$var$GridList);
 function $72e60046c03fbe42$var$GridListItem({ item: item  }) {
     let { state: state , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = (0, $dGqE5$useContext)($72e60046c03fbe42$var$InternalGridListContext);
-    let ref = (0, $dGqE5$react).useRef(null);
+    let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
     let { rowProps: rowProps , gridCellProps: gridCellProps , descriptionProps: descriptionProps , ...states } = (0, $dGqE5$useGridListItem)({
         node: item,
         shouldSelectOnPressUp: !!dragState
@@ -3036,7 +3339,7 @@ function $72e60046c03fbe42$var$GridListItem({ item: item  }) {
         ...dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.dropIndicatorProps,
         ref: dropIndicatorRef
     }))), /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
         ...renderProps,
         ref: ref,
         "data-hovered": isHovered || undefined,
@@ -3081,16 +3384,25 @@ function $72e60046c03fbe42$var$GridListItem({ item: item  }) {
         dropPosition: "after"
     }));
 }
-function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
+function $72e60046c03fbe42$var$GridListDropIndicatorWrapper(props, ref) {
     ref = (0, $dGqE5$useObjectRef)(ref);
     let { dragAndDropHooks: dragAndDropHooks , dropState: dropState  } = (0, $dGqE5$useContext)($72e60046c03fbe42$var$InternalGridListContext);
     let buttonRef = (0, $dGqE5$useRef)(null);
     let { dropIndicatorProps: dropIndicatorProps , isHidden: isHidden , isDropTarget: isDropTarget  } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
-    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $dGqE5$useVisuallyHidden)();
     if (isHidden) return null;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement($72e60046c03fbe42$var$GridListDropIndicatorForwardRef, {
         ...props,
+        dropIndicatorProps: dropIndicatorProps,
+        isDropTarget: isDropTarget,
+        buttonRef: buttonRef,
+        ref: ref
+    });
+}
+function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
+    let { dropIndicatorProps: dropIndicatorProps , isDropTarget: isDropTarget , buttonRef: buttonRef , ...otherProps } = props;
+    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $dGqE5$useVisuallyHidden)();
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...otherProps,
         defaultClassName: "react-aria-DropIndicator",
         values: {
             isDropTarget: isDropTarget
@@ -3110,6 +3422,7 @@ function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
         ref: buttonRef
     })));
 }
+const $72e60046c03fbe42$var$GridListDropIndicatorForwardRef = /*#__PURE__*/ (0, $dGqE5$forwardRef)($72e60046c03fbe42$var$GridListDropIndicator);
 function $72e60046c03fbe42$var$RootDropIndicator() {
     let { dragAndDropHooks: dragAndDropHooks , dropState: dropState  } = (0, $dGqE5$useContext)($72e60046c03fbe42$var$InternalGridListContext);
     let ref = (0, $dGqE5$useRef)(null);
@@ -3325,12 +3638,13 @@ function $3674c52c6b3c5bce$var$MenuSection({ section: section , className: class
         ...(0, $dGqE5$filterDOMProps)(otherProps),
         ...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)
+        style: style || ((_section_props1 = section.props) === null || _section_props1 === void 0 ? void 0 : _section_props1.style),
+        ref: section.props.ref
     }, children);
 }
 function $3674c52c6b3c5bce$var$MenuItem({ item: item  }) {
     let state = (0, $dGqE5$useContext)($3674c52c6b3c5bce$var$InternalMenuContext);
-    let ref = (0, $dGqE5$useRef)(null);
+    let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
     let { menuItemProps: menuItemProps , labelProps: labelProps , descriptionProps: descriptionProps , keyboardShortcutProps: keyboardShortcutProps , ...states } = (0, $dGqE5$useMenuItem)({
         key: item.key
     }, state, ref);
@@ -3349,8 +3663,10 @@ function $3674c52c6b3c5bce$var$MenuItem({ item: item  }) {
             selectionBehavior: state.selectionManager.selectionBehavior
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(menuItemProps, focusProps),
+        ...(0, $dGqE5$mergeProps)(DOMProps, menuItemProps, focusProps),
         ...renderProps,
         ref: ref,
         "data-hovered": states.isFocused || undefined,
@@ -3448,6 +3764,7 @@ function $c0c9ced265f3594c$var$Meter(props, ref) {
 
 
 
+
 const $b91743d66a0ed188$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $b91743d66a0ed188$var$NumberField(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b91743d66a0ed188$export$b414a48cf5dcbc11);
@@ -3467,6 +3784,8 @@ function $b91743d66a0ed188$var$NumberField(props, ref) {
         values: state,
         defaultClassName: "react-aria-NumberField"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -3507,10 +3826,11 @@ function $b91743d66a0ed188$var$NumberField(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot
-    }, props.children));
+    }));
 }
 /**
  * A number field allows a user to enter a number, and increment or decrement the value using stepper buttons.
@@ -3644,7 +3964,11 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
 function $b6c3ddc6086f204d$var$Radio(props, ref) {
     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)(props, state, domRef);
+    let { inputProps: inputProps , isSelected: isSelected , isDisabled: isDisabled , isPressed: isPressedKeyboard  } = (0, $dGqE5$useRadio)({
+        ...props,
+        // ReactNode type doesn't allow function children.
+        children: typeof props.children === "function" ? true : props.children
+    }, 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
@@ -3678,8 +4002,10 @@ function $b6c3ddc6086f204d$var$Radio(props, ref) {
             isRequired: state.isRequired
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("label", {
-        ...(0, $dGqE5$mergeProps1)(pressProps, hoverProps, renderProps),
+        ...(0, $dGqE5$mergeProps1)(DOMProps, pressProps, hoverProps, renderProps),
         "data-selected": isSelected || undefined,
         "data-pressed": pressed || undefined,
         "data-hovered": isHovered || undefined,
@@ -3689,7 +4015,9 @@ function $b6c3ddc6086f204d$var$Radio(props, ref) {
         "data-readonly": state.isReadOnly || undefined,
         "data-validation-state": state.validationState || undefined,
         "data-required": state.isRequired || undefined
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), null, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), {
+        elementType: "span"
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
         ...inputProps,
         ...focusProps,
         ref: domRef
@@ -3721,6 +4049,7 @@ function $b6c3ddc6086f204d$var$Radio(props, ref) {
 
 
 
+
 const $440f4836bcb56932$export$d1c4e4c63cb03a11 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $440f4836bcb56932$var$SearchField(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $440f4836bcb56932$export$d1c4e4c63cb03a11);
@@ -3736,7 +4065,10 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
         values: state,
         defaultClassName: "react-aria-SearchField"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot,
@@ -3799,7 +4131,6 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
 
 
 
-
 const $82d7e5349645de74$export$7540cee5be7dc19b = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 const $82d7e5349645de74$var$InternalSelectContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $82d7e5349645de74$var$Select(props, ref) {
@@ -3817,6 +4148,14 @@ function $82d7e5349645de74$var$Select(props, ref) {
         collection: collection,
         children: undefined
     });
+    // 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
+        }), [
+        state.isOpen,
+        state.isFocused
+    ]);
     // Get props for child elements from useSelect
     let buttonRef = (0, $dGqE5$useRef)(null);
     let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
@@ -3837,16 +4176,19 @@ function $82d7e5349645de74$var$Select(props, ref) {
     });
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
-        values: state,
+        values: renderPropsState,
         defaultClassName: "react-aria-Select"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
                 $82d7e5349645de74$var$InternalSelectContext,
                 {
                     state: state,
-                    valueProps: valueProps
+                    valueProps: valueProps,
+                    placeholder: props.placeholder
                 }
             ],
             [
@@ -3896,10 +4238,13 @@ function $82d7e5349645de74$var$Select(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...renderProps,
         ref: ref,
-        slot: props.slot
-    }, props.children), portal, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$HiddenSelect), {
+        slot: props.slot,
+        "data-focused": state.isFocused || undefined,
+        "data-open": state.isOpen || undefined
+    }), portal, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$HiddenSelect), {
         state: state,
         triggerRef: buttonRef,
         label: label,
@@ -3911,7 +4256,7 @@ function $82d7e5349645de74$var$Select(props, ref) {
  */ const $82d7e5349645de74$export$ef9b1a59e592288f = /*#__PURE__*/ (0, $dGqE5$forwardRef)($82d7e5349645de74$var$Select);
 function $82d7e5349645de74$var$SelectValue(props, ref) {
     var _state_selectedItem, _state_selectedItem1, _state_selectedItem2;
-    let { state: state , valueProps: valueProps  } = (0, $dGqE5$useContext)($82d7e5349645de74$var$InternalSelectContext);
+    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;
     if (typeof rendered === "function") {
         // If the selected item has a function as a child, we need to call it to render to JSX.
@@ -3931,7 +4276,7 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         // TODO: localize this.
-        defaultChildren: rendered || "Select an item",
+        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,
@@ -3939,8 +4284,11 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
             isPlaceholder: !state.selectedItem
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("span", {
         ref: ref,
+        ...DOMProps,
         ...valueProps,
         ...renderProps,
         "data-placeholder": !state.selectedItem || undefined
@@ -3991,6 +4339,8 @@ function $6f909507e6374d18$var$Slider(props, ref) {
         values: state,
         defaultClassName: "react-aria-Slider"
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -4011,6 +4361,7 @@ function $6f909507e6374d18$var$Slider(props, ref) {
             ]
         ]
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...DOMProps,
         ...groupProps,
         ...renderProps,
         ref: ref,
@@ -4022,7 +4373,7 @@ function $6f909507e6374d18$var$Slider(props, ref) {
 /**
  * A slider allows a user to select one or more values within a range.
  */ const $6f909507e6374d18$export$472062a354075cee = /*#__PURE__*/ (0, $dGqE5$forwardRef)($6f909507e6374d18$var$Slider);
-function $6f909507e6374d18$var$SliderOutput({ children: children , style: style , className: className  }, ref) {
+function $6f909507e6374d18$var$SliderOutput({ children: children , style: style , className: className , ...otherProps }, ref) {
     let { state: state , outputProps: outputProps  } = (0, $dGqE5$useContext)($6f909507e6374d18$var$InternalSliderContext);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         className: className,
@@ -4033,7 +4384,7 @@ function $6f909507e6374d18$var$SliderOutput({ children: children , style: style
         values: state
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("output", {
-        ...outputProps,
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), outputProps),
         ...renderProps,
         ref: ref
     });
@@ -4050,7 +4401,7 @@ function $6f909507e6374d18$var$SliderTrack(props, ref) {
         values: state
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...trackProps,
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), trackProps),
         ...renderProps,
         ref: domRef
     });
@@ -4084,8 +4435,10 @@ function $6f909507e6374d18$var$SliderThumb(props, ref) {
             isDisabled: isDisabled
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(thumbProps, hoverProps),
+        ...(0, $dGqE5$mergeProps)(DOMProps, thumbProps, hoverProps),
         ...renderProps,
         ref: ref,
         style: {
@@ -4131,11 +4484,16 @@ function $6f909507e6374d18$var$SliderThumb(props, ref) {
 
 
 
+
 const $8e59e948500a8fe1$export$8699e3b644d5a28a = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
 function $8e59e948500a8fe1$var$Switch(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $8e59e948500a8fe1$export$8699e3b644d5a28a);
     let state = (0, $dGqE5$useToggleState)(props);
-    let { inputProps: inputProps , isSelected: isSelected , isDisabled: isDisabled , isReadOnly: isReadOnly , isPressed: isPressedKeyboard  } = (0, $dGqE5$useSwitch)(props, state, ref);
+    let { inputProps: inputProps , isSelected: isSelected , isDisabled: isDisabled , isReadOnly: isReadOnly , isPressed: isPressedKeyboard  } = (0, $dGqE5$useSwitch)({
+        ...props,
+        // ReactNode type doesn't allow function children.
+        children: typeof props.children === "function" ? true : props.children
+    }, state, ref);
     let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dGqE5$useFocusRing)();
     let isInteractionDisabled = props.isDisabled || props.isReadOnly;
     // Handle press state for full label. Keyboard press state is returned by useSwitch
@@ -4167,8 +4525,10 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
             isReadOnly: isReadOnly
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("label", {
-        ...(0, $dGqE5$mergeProps)(pressProps, hoverProps, renderProps),
+        ...(0, $dGqE5$mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
         slot: props.slot,
         "data-selected": isSelected || undefined,
         "data-pressed": pressed || undefined,
@@ -4177,7 +4537,9 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
         "data-focus-visible": isFocusVisible || undefined,
         "data-disabled": isDisabled || undefined,
         "data-readonly": isReadOnly || undefined
-    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), null, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$VisuallyHidden), {
+        elementType: "span"
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
         ...inputProps,
         ...focusProps,
         ref: ref
@@ -4198,8 +4560,6 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
 
 
 
-
-let $1910c06f0ca9905e$var$_Symbol_iterator = Symbol.iterator;
 class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export$408d25a4e12db025) {
     addNode(node) {
         super.addNode(node);
@@ -4242,7 +4602,7 @@ class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export
             ...this.getChildren(this.body.key)
         ];
     }
-    *[$1910c06f0ca9905e$var$_Symbol_iterator]() {
+    *[Symbol.iterator]() {
         yield* this.getChildren(this.body.key);
     }
     get size() {
@@ -4310,12 +4670,12 @@ class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export
     }
     constructor(...args){
         super(...args);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "headerRows", []);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "columns", []);
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "rowHeaderColumnKeys", new Set());
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "head", new (0, $7135fc7d473fd974$export$f5d856d854e74713)("tableheader", -1));
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "body", new (0, $7135fc7d473fd974$export$f5d856d854e74713)("tablebody", -2));
-        (0, $dGqE5$swchelperssrc_define_propertymjs)(this, "columnsDirty", true);
+        this.headerRows = [];
+        this.columns = [];
+        this.rowHeaderColumnKeys = new Set();
+        this.head = new (0, $7135fc7d473fd974$export$f5d856d854e74713)("tableheader", -1);
+        this.body = new (0, $7135fc7d473fd974$export$f5d856d854e74713)("tablebody", -2);
+        this.columnsDirty = true;
     }
 }
 const $1910c06f0ca9905e$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
@@ -4336,8 +4696,13 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
     let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
     let dragHooksProvided = (0, $dGqE5$useRef)(isListDraggable);
     let dropHooksProvided = (0, $dGqE5$useRef)(isListDroppable);
-    if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
-    if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    (0, $dGqE5$useEffect)(()=>{
+        if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+        if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    }, [
+        isListDraggable,
+        isListDroppable
+    ]);
     let dragState = undefined;
     let dropState = undefined;
     let droppableCollection = undefined;
@@ -4408,7 +4773,7 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
             [
                 (0, $d8f176866e6dc039$export$f55761759794cf55),
                 {
-                    render: $1910c06f0ca9905e$var$TableDropIndicator
+                    render: $1910c06f0ca9905e$var$TableDropIndicatorWrapper
                 }
             ]
         ]
@@ -4438,7 +4803,7 @@ const $1910c06f0ca9905e$var$TableOptionsContext = /*#__PURE__*/ (0, $dGqE5$creat
 function $1910c06f0ca9905e$export$fddc468cd8cb4db9() {
     return (0, $dGqE5$useContext)($1910c06f0ca9905e$var$TableOptionsContext);
 }
-function $1910c06f0ca9905e$export$f850895b287ef28e(props) {
+function $1910c06f0ca9905e$var$TableHeader(props, ref) {
     let children = (0, $7135fc7d473fd974$export$901dbff4e54a6dd0)({
         children: props.children,
         items: props.columns
@@ -4447,12 +4812,17 @@ function $1910c06f0ca9905e$export$f850895b287ef28e(props) {
     return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$4feb769f8ddf26c5).Provider, {
         value: renderer
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement("tableheader", {
-        multiple: props
+        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref)
     }, children));
 }
-function $1910c06f0ca9905e$export$816b5d811295e6bc(props) {
+/**
+ * A header within a `<Table>`, containing the table columns.
+ */ const $1910c06f0ca9905e$export$f850895b287ef28e = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$TableHeader);
+function $1910c06f0ca9905e$var$Column(props, ref) {
     let render = (0, $dGqE5$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
-    let childColumns = typeof render === "function" ? render : props.children;
+    let childColumns;
+    if (typeof render === "function") childColumns = render;
+    else if (typeof props.children !== "function") childColumns = props.children;
     let children = (0, $7135fc7d473fd974$export$901dbff4e54a6dd0)({
         children: props.title || props.childColumns ? childColumns : null,
         items: props.childColumns
@@ -4460,20 +4830,23 @@ function $1910c06f0ca9905e$export$816b5d811295e6bc(props) {
     var _props_title;
     // @ts-ignore
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("column", {
-        multiple: {
-            ...props,
-            rendered: (_props_title = props.title) !== null && _props_title !== void 0 ? _props_title : props.children
-        }
+        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref, (_props_title = props.title) !== null && _props_title !== void 0 ? _props_title : props.children)
     }, children);
 }
-function $1910c06f0ca9905e$export$76ccd210b9029917(props) {
+/**
+ * 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", {
-        multiple: props
+        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref)
     }, children);
 }
-function $1910c06f0ca9905e$export$b59bdbef9ce70de2(props) {
+/**
+ * The body of a `<Table>`, containing the table rows.
+ */ const $1910c06f0ca9905e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$TableBody);
+function $1910c06f0ca9905e$var$Row(props, ref) {
     let children = (0, $7135fc7d473fd974$export$901dbff4e54a6dd0)({
         children: props.children,
         items: props.columns,
@@ -4486,20 +4859,23 @@ function $1910c06f0ca9905e$export$b59bdbef9ce70de2(props) {
     ]);
     return(// @ts-ignore
     /*#__PURE__*/ (0, $dGqE5$react).createElement("item", {
-        multiple: props
+        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref)
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$db36075d98ba73d3).Provider, {
         value: ctx
     }, children)));
 }
-function $1910c06f0ca9905e$export$f6f0c3fe4ec306ea(props) {
+/**
+ * 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", {
-        multiple: {
-            ...props,
-            rendered: props.children
-        }
+        ref: (0, $7135fc7d473fd974$export$636783d3732b5559)(props, ref, props.children)
     });
 }
+/**
+ * A cell within a table row.
+ */ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$Cell);
 function $1910c06f0ca9905e$var$TableHeaderRowGroup({ collection: collection  }) {
     let headerRows = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
         items: collection.headerRows,
@@ -4519,6 +4895,7 @@ function $1910c06f0ca9905e$var$TableHeaderRowGroup({ collection: collection  })
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("thead", {
         ...(0, $dGqE5$filterDOMProps)(collection.head.props),
         ...rowGroupProps,
+        ref: collection.head.props.ref,
         className: (_collection_head_props_className = collection.head.props.className) !== null && _collection_head_props_className !== void 0 ? _collection_head_props_className : "react-aria-TableHeader",
         style: collection.head.props.style
     }, headerRows);
@@ -4556,8 +4933,9 @@ function $1910c06f0ca9905e$var$TableBodyRowGroup({ collection: collection , isDr
     }, props.renderEmptyState()));
     let { rowGroupProps: rowGroupProps  } = (0, $dGqE5$useTableRowGroup)();
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("tbody", {
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), rowGroupProps),
         ...renderProps,
-        ...rowGroupProps,
+        ref: collection.body.props.ref,
         "data-empty": collection.size === 0 || undefined
     }, isDroppable && /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$RootDropIndicator, null), bodyRows, emptyState);
 }
@@ -4599,7 +4977,7 @@ function $1910c06f0ca9905e$var$TableHeaderRow({ item: item  }) {
 }
 function $1910c06f0ca9905e$var$TableColumnHeader({ column: column  }) {
     var _state_sortDescriptor;
-    let ref = (0, $dGqE5$useRef)(null);
+    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
@@ -4619,7 +4997,7 @@ function $1910c06f0ca9905e$var$TableColumnHeader({ column: column  }) {
         }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("th", {
-        ...(0, $dGqE5$mergeProps)(columnHeaderProps, focusProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), columnHeaderProps, focusProps),
         ...renderProps,
         colSpan: column.colspan,
         ref: ref,
@@ -4628,7 +5006,7 @@ function $1910c06f0ca9905e$var$TableColumnHeader({ column: column  }) {
     }, renderProps.children);
 }
 function $1910c06f0ca9905e$var$TableRow({ item: item  }) {
-    let ref = (0, $dGqE5$useRef)(null);
+    let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
     let { state: state , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
     let { rowProps: rowProps , ...states } = (0, $dGqE5$useTableRow)({
         node: item,
@@ -4715,7 +5093,7 @@ function $1910c06f0ca9905e$var$TableRow({ item: item  }) {
         ...dropIndicator.dropIndicatorProps,
         ref: dropIndicatorRef
     }))), /*#__PURE__*/ (0, $dGqE5$react).createElement("tr", {
-        ...(0, $dGqE5$mergeProps)(rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
         ...renderProps,
         ref: ref,
         "data-hovered": isHovered || undefined,
@@ -4757,7 +5135,7 @@ function $1910c06f0ca9905e$var$TableRow({ item: item  }) {
     }));
 }
 function $1910c06f0ca9905e$var$TableCell({ cell: cell  }) {
-    let ref = (0, $dGqE5$useRef)(null);
+    let ref = (0, $dGqE5$useObjectRef)(cell.props.ref);
     let { state: state , dragState: dragState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
     // @ts-ignore
     cell.column = state.collection.columns[cell.index];
@@ -4778,30 +5156,41 @@ function $1910c06f0ca9905e$var$TableCell({ cell: cell  }) {
         }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("td", {
-        ...(0, $dGqE5$mergeProps)(gridCellProps, focusProps),
+        ...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), gridCellProps, focusProps),
         ...renderProps,
         ref: ref,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": isPressed || undefined
-    }, cell.rendered);
+    }, renderProps.children);
 }
-function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
+function $1910c06f0ca9905e$var$TableDropIndicatorWrapper(props, ref) {
     ref = (0, $dGqE5$useObjectRef)(ref);
-    let { state: state , dragAndDropHooks: dragAndDropHooks , dropState: dropState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
+    let { dragAndDropHooks: dragAndDropHooks , dropState: dropState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
     let buttonRef = (0, $dGqE5$useRef)(null);
     let { dropIndicatorProps: dropIndicatorProps , isHidden: isHidden , isDropTarget: isDropTarget  } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
-    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $dGqE5$useVisuallyHidden)();
     if (isHidden) return null;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$TableDropIndicatorForwardRef, {
         ...props,
+        dropIndicatorProps: dropIndicatorProps,
+        isDropTarget: isDropTarget,
+        buttonRef: buttonRef,
+        ref: ref
+    });
+}
+function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
+    let { dropIndicatorProps: dropIndicatorProps , isDropTarget: isDropTarget , buttonRef: buttonRef , ...otherProps } = props;
+    let { state: state  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
+    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $dGqE5$useVisuallyHidden)();
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...otherProps,
         defaultClassName: "react-aria-DropIndicator",
         values: {
             isDropTarget: isDropTarget
         }
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("tr", {
+        ...(0, $dGqE5$filterDOMProps)(props),
         ...renderProps,
         role: "row",
         ref: ref,
@@ -4819,6 +5208,7 @@ function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
         ref: buttonRef
     })));
 }
+const $1910c06f0ca9905e$var$TableDropIndicatorForwardRef = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$TableDropIndicator);
 function $1910c06f0ca9905e$var$RootDropIndicator() {
     let { state: state , dragAndDropHooks: dragAndDropHooks , dropState: dropState  } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$InternalTableContext);
     let ref = (0, $dGqE5$useRef)(null);
@@ -4873,16 +5263,25 @@ const $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f = /*#__PURE__*/ (0, $dGqE5$creat
 const $5e8ad37a45e1c704$var$InternalTabsContext = /*#__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"  } = props;
-    let [state, setState] = (0, $dGqE5$useState)(null);
+    let { orientation: orientation = "horizontal" , keyboardActivation: keyboardActivation = "automatic"  } = props;
+    let values = (0, $dGqE5$useMemo)(()=>({
+            orientation: orientation
+        }), [
+        orientation
+    ]);
+    let { collection: collection , document: document  } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
+    let state = (0, $dGqE5$useTabListState)({
+        ...props,
+        collection: collection,
+        children: undefined
+    });
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: "react-aria-Tabs",
-        values: {
-            orientation: orientation
-        }
+        values: values
     });
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...(0, $dGqE5$filterDOMProps)(props),
         ...renderProps,
         ref: ref,
         slot: props.slot,
@@ -4890,34 +5289,24 @@ function $5e8ad37a45e1c704$var$Tabs(props, ref) {
     }, /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$InternalTabsContext.Provider, {
         value: {
             state: state,
-            setState: setState,
-            orientation: orientation
+            document: document,
+            orientation: orientation,
+            keyboardActivation: keyboardActivation
         }
-    }, props.children));
+    }, renderProps.children));
 }
 /**
  * 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 { setState: setState , orientation: orientation  } = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$InternalTabsContext);
+    let { state: state , document: document , orientation: orientation , keyboardActivation: keyboardActivation  } = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$InternalTabsContext);
     let objectRef = (0, $dGqE5$useObjectRef)(ref);
-    let { portal: portal , collection: collection  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
-    let state = (0, $dGqE5$useTabListState)({
-        ...props,
-        collection: collection,
-        children: undefined
-    });
+    let portal = (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, document);
     let { tabListProps: tabListProps  } = (0, $dGqE5$useTabList)({
         ...props,
-        orientation: orientation
+        orientation: orientation,
+        keyboardActivation: keyboardActivation
     }, state, objectRef);
-    (0, $dGqE5$useEffect)(()=>{
-        setState(state);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        collection,
-        state.selectedKey
-    ]);
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         children: null,
@@ -4926,7 +5315,10 @@ function $5e8ad37a45e1c704$var$TabList(props, ref) {
             orientation: orientation
         }
     });
+    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", {
+        ...DOMProps,
         ...tabListProps,
         ref: objectRef,
         ...renderProps
@@ -4942,13 +5334,19 @@ function $5e8ad37a45e1c704$var$TabList(props, ref) {
  * 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$export$3e41faf802a29e71(props) {
+function $5e8ad37a45e1c704$var$Tab(props, ref) {
     // @ts-ignore
-    return (0, $7135fc7d473fd974$export$6d08773d2e66f8f2)(props);
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$6d08773d2e66f8f2), {
+        ...props,
+        ref: ref
+    });
 }
+/**
+ * A Tab provides a title for an individual item within a TabList.
+ */ const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5e8ad37a45e1c704$var$Tab);
 function $5e8ad37a45e1c704$var$TabInner({ item: item , state: state  }) {
     let { key: key  } = item;
-    let ref = (0, $dGqE5$react).useRef(null);
+    let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
     let { tabProps: tabProps , isSelected: isSelected , isDisabled: isDisabled , isPressed: isPressed  } = (0, $dGqE5$useTab)({
         key: key
     }, state, ref);
@@ -4969,44 +5367,234 @@ function $5e8ad37a45e1c704$var$TabInner({ item: item , state: state  }) {
             isHovered: isHovered
         }
     });
+    let DOMProps = (0, $dGqE5$filterDOMProps)(item.props);
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(tabProps, focusProps, hoverProps, renderProps),
+        ...(0, $dGqE5$mergeProps)(DOMProps, tabProps, focusProps, hoverProps, renderProps),
         ref: ref,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": isPressed || undefined,
         "data-hovered": isHovered || undefined
     });
 }
-function $5e8ad37a45e1c704$export$5dae8d435677f210(props) {
+function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
     const { state: state  } = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$InternalTabsContext);
-    let { portal: portal , collection: collection  } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
-    const selectedItem = (state === null || state === void 0 ? void 0 : state.selectedKey) != null ? collection.getItem(state.selectedKey) : null;
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, selectedItem && /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$SelectedTabPanel, {
-        item: selectedItem
-    }), portal);
+    let ref = (0, $dGqE5$useObjectRef)(forwardedRef);
+    let { tabPanelProps: tabPanelProps  } = (0, $dGqE5$useTabPanel)(props, state, ref);
+    let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)();
+    let isSelected = state.selectedKey === props.id;
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: "react-aria-TabPanel",
+        values: {
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isInert: !isSelected
+        }
+    });
+    if (!isSelected && !props.shouldForceMount) return null;
+    let DOMProps = (0, $dGqE5$filterDOMProps)(props);
+    delete DOMProps.id;
+    let domProps = isSelected ? (0, $dGqE5$mergeProps)(DOMProps, tabPanelProps, focusProps, renderProps) : renderProps;
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...domProps,
+        ref: ref,
+        "data-focus-visible": isFocusVisible || undefined,
+        // @ts-ignore
+        inert: !isSelected ? "true" : undefined
+    });
 }
-function $5e8ad37a45e1c704$export$3d96ec278d3efce4(props) {
-    return (0, $7135fc7d473fd974$export$6d08773d2e66f8f2)(props);
+/**
+ * A TabPanel provides the content for a tab.
+ */ const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5e8ad37a45e1c704$var$TabPanel);
+
+
+/*
+ * 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 $eaf9e70818b436db$export$5b07b5dd2cbd96e3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
+const $eaf9e70818b436db$var$InternalTagGroupContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
+function $eaf9e70818b436db$var$TagGroup(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $eaf9e70818b436db$export$5b07b5dd2cbd96e3);
+    let tagListRef = (0, $dGqE5$useRef)(null);
+    let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
+    let { collection: collection , document: document  } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
+    let state = (0, $dGqE5$useListState)({
+        ...props,
+        children: undefined,
+        collection: collection
+    });
+    // Prevent DOM props from going to two places.
+    let domProps = (0, $dGqE5$filterDOMProps)(props);
+    let domPropOverrides = Object.fromEntries(Object.entries(domProps).map(([k])=>[
+            k,
+            undefined
+        ]));
+    let { gridProps: gridProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $dGqE5$useTagGroup)({
+        ...props,
+        ...domPropOverrides,
+        label: label
+    }, state, tagListRef);
+    var _props_className;
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...domProps,
+        ref: ref,
+        slot: props.slot,
+        className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-TagGroup",
+        style: props.style
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $01b77f81d0f07f68$export$75b6ee27786ba447),
+                {
+                    ...labelProps,
+                    elementType: "span",
+                    ref: labelRef
+                }
+            ],
+            [
+                $eaf9e70818b436db$var$InternalTagGroupContext,
+                {
+                    state: state,
+                    document: document,
+                    gridProps: gridProps,
+                    tagListRef: tagListRef
+                }
+            ],
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ]
+        ]
+    }, props.children));
 }
-function $5e8ad37a45e1c704$var$SelectedTabPanel({ item: item  }) {
-    const { state: state  } = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$InternalTabsContext);
-    let ref = (0, $dGqE5$react).useRef(null);
-    let { tabPanelProps: tabPanelProps  } = (0, $dGqE5$useTabPanel)(item.props, state, 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);
+    let portal = (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, document);
+    let ref = (0, $dGqE5$mergeRefs)(tagListRef, forwardedRef);
+    let children = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
+        items: state.collection,
+        children: (item)=>{
+            switch(item.type){
+                case "item":
+                    return /*#__PURE__*/ (0, $dGqE5$react).createElement($eaf9e70818b436db$var$TagItem, {
+                        item: item
+                    });
+                default:
+                    throw new Error("Unsupported node type in TagList: " + item.type);
+            }
+        }
+    });
     let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)();
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        ...item.props,
-        children: item.rendered,
-        defaultClassName: "react-aria-TabPanel",
+        className: props.className,
+        style: props.style,
+        defaultClassName: "react-aria-TagList",
         values: {
+            isEmpty: state.collection.size === 0,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible
         }
     });
-    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
-        ...(0, $dGqE5$mergeProps)(tabPanelProps, focusProps, renderProps),
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ...(0, $dGqE5$mergeProps1)(gridProps, focusProps),
+        ...renderProps,
+        ...(0, $dGqE5$filterDOMProps)(props),
         ref: ref,
+        "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);
+}
+/**
+ * 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
+    });
+}
+/**
+ * A Tag is an individual item within a TagList.
+ */ const $eaf9e70818b436db$export$3288d34c523a1192 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eaf9e70818b436db$var$Tag);
+function $eaf9e70818b436db$var$TagItem({ item: item  }) {
+    let { state: state  } = (0, $dGqE5$useContext)($eaf9e70818b436db$var$InternalTagGroupContext);
+    let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
+    let { focusProps: focusProps , isFocusVisible: isFocusVisible  } = (0, $dGqE5$useFocusRing)({
+        within: true
+    });
+    let { rowProps: rowProps , gridCellProps: gridCellProps , removeButtonProps: removeButtonProps , ...states } = (0, $dGqE5$useTag)({
+        item: item
+    }, state, ref);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dGqE5$useHover)({
+        isDisabled: !states.allowsSelection
+    });
+    let props = item.props;
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: item.rendered,
+        defaultClassName: "react-aria-Tag",
+        values: {
+            ...states,
+            isFocusVisible: isFocusVisible,
+            isHovered: isHovered,
+            selectionMode: state.selectionManager.selectionMode,
+            selectionBehavior: state.selectionManager.selectionBehavior
+        }
     });
+    (0, $dGqE5$useEffect)(()=>{
+        if (!item.textValue) console.warn("A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.");
+    }, [
+        item.textValue
+    ]);
+    return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
+        ref: ref,
+        ...renderProps,
+        ...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), rowProps, focusProps, hoverProps),
+        "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
+    }, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", gridCellProps, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        remove: removeButtonProps
+                    }
+                }
+            ]
+        ]
+    }, renderProps.children)));
 }
 
 
@@ -5219,5 +5807,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, $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$5dae8d435677f210 as TabPanels, $5e8ad37a45e1c704$export$3d96ec278d3efce4 as TabPanel, $5e8ad37a45e1c704$export$3e41faf802a29e71 as Tab, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f as TabsContext, $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, $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};
 //# sourceMappingURL=module.js.map