@react-spectrum/table 3.5.1-nightly.3599 → 3.5.1-nightly.3600

package/dist/module.mjs

@@ -26,8 +26,28 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -449,33 +469,43 @@ $467944769c14687b$exports = {
 
 
 
-
+/*
+ * 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.
+ */ 
 function $cb7d341e8868d81d$export$d9658cdf8c86807() {
-    return(/*#__PURE__*/ $gyhAV$react.createElement("svg", {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "16",
         height: "16",
         viewBox: "0 0 16 16"
-    }, /*#__PURE__*/ $gyhAV$react.createElement("g", {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("g", {
         id: "Group_175838",
         "data-name": "Group 175838"
-    }, /*#__PURE__*/ $gyhAV$react.createElement("g", {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("g", {
         id: "Ellipse_10104",
         "data-name": "Ellipse 10104",
         fill: "var(--spectrum-global-color-blue-600)",
         stroke: "var(--spectrum-global-color-blue-600)",
         strokeWidth: "2"
-    }, /*#__PURE__*/ $gyhAV$react.createElement("circle", {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("circle", {
         cx: "8",
         cy: "8",
         r: "8",
         stroke: "none"
-    }), /*#__PURE__*/ $gyhAV$react.createElement("circle", {
+    }), /*#__PURE__*/ (0, $gyhAV$react).createElement("circle", {
         cx: "8",
         cy: "8",
         r: "7",
         fill: "none"
-    }))), /*#__PURE__*/ $gyhAV$react.createElement("path", {
+    }))), /*#__PURE__*/ (0, $gyhAV$react).createElement("path", {
         id: "Path_104166",
         "data-name": "Path 104166",
         d: "M-2106-7380.263v5l2.5-2.551Z",
@@ -484,7 +514,7 @@ function $cb7d341e8868d81d$export$d9658cdf8c86807() {
         stroke: "#fff",
         strokeLinejoin: "round",
         strokeWidth: "2"
-    }), /*#__PURE__*/ $gyhAV$react.createElement("path", {
+    }), /*#__PURE__*/ (0, $gyhAV$react).createElement("path", {
         id: "Path_104167",
         "data-name": "Path 104167",
         d: "M-2106-7380.263v5l2.5-2.551Z",
@@ -493,14 +523,14 @@ function $cb7d341e8868d81d$export$d9658cdf8c86807() {
         stroke: "#fff",
         strokeLinejoin: "round",
         strokeWidth: "2"
-    })));
+    }));
 }
 
 
 
 
 
-
+/* eslint-disable jsx-a11y/role-supports-aria-props */ 
 
 
 
@@ -682,61 +712,61 @@ $bd5d41f647a296c3$export$d3861fcb1e5f6a2b = "spectrum-Table-colResizeIndicator--
 
 function $fc695d2eafc2b351$var$Resizer(props, ref) {
     let { column: column , showResizer: showResizer  } = props;
-    let { state: state , columnState: columnState , isEmpty: isEmpty  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let stringFormatter = $gyhAV$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
-    let { direction: direction  } = $gyhAV$useLocale();
-    const stateRef = $gyhAV$useRef(null);
+    let { state: state , columnState: columnState , isEmpty: isEmpty  } = (0, $d14697b14e638114$export$3cb274deb6c2d854)();
+    let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports))));
+    let { direction: direction  } = (0, $gyhAV$useLocale)();
+    const stateRef = (0, $gyhAV$useRef)(null);
     stateRef.current = columnState;
-    let { inputProps: inputProps , resizerProps: resizerProps  } = $gyhAV$useTableColumnResize({
+    let { inputProps: inputProps , resizerProps: resizerProps  } = (0, $gyhAV$useTableColumnResize)({
         ...props,
-        label: stringFormatter.format('columnResizer'),
+        label: stringFormatter.format("columnResizer"),
         isDisabled: isEmpty,
         onMove: (e)=>{
-            document.body.classList.remove($gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-ew'));
-            document.body.classList.remove($gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-e'));
-            document.body.classList.remove($gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-w'));
-            if (stateRef.current.getColumnMinWidth(column.key) >= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === 'rtl' ? $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-w') : $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-e'));
-            else if (stateRef.current.getColumnMaxWidth(column.key) <= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === 'rtl' ? $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-e') : $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-w'));
-            else document.body.classList.add($gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-ew'));
+            document.body.classList.remove((0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-ew"));
+            document.body.classList.remove((0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-e"));
+            document.body.classList.remove((0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-w"));
+            if (stateRef.current.getColumnMinWidth(column.key) >= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-w") : (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-e"));
+            else if (stateRef.current.getColumnMaxWidth(column.key) <= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-e") : (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-w"));
+            else document.body.classList.add((0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-ew"));
             props.onMoveResizer(e);
         },
         onMoveEnd: ()=>{
-            document.body.classList.remove($gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-ew'));
-            document.body.classList.remove($gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-e'));
-            document.body.classList.remove($gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'resize-w'));
+            document.body.classList.remove((0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-ew"));
+            document.body.classList.remove((0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-e"));
+            document.body.classList.remove((0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-w"));
         }
     }, state, columnState, ref);
     let style = {
         cursor: undefined,
-        height: '100%',
-        display: showResizer ? undefined : 'none',
-        touchAction: 'none'
+        height: "100%",
+        display: showResizer ? undefined : "none",
+        touchAction: "none"
     };
     let isEResizable = columnState.getColumnMinWidth(column.key) >= columnState.getColumnWidth(column.key);
     let isWResizable = columnState.getColumnMaxWidth(column.key) <= columnState.getColumnWidth(column.key);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$react.Fragment, null, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$react).Fragment, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
         within: true,
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "presentation",
         style: style,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-columnResizer', {
-            'spectrum-Table-columnResizer--ewresize': !(isEResizable && isWResizable),
-            'spectrum-Table-columnResizer--eresize': direction === 'rtl' ? isWResizable : isEResizable,
-            'spectrum-Table-columnResizer--wresize': direction === 'rtl' ? isEResizable : isWResizable
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizer", {
+            "spectrum-Table-columnResizer--ewresize": !(isEResizable && isWResizable),
+            "spectrum-Table-columnResizer--eresize": direction === "rtl" ? isWResizable : isEResizable,
+            "spectrum-Table-columnResizer--wresize": direction === "rtl" ? isEResizable : isWResizable
         }),
         ...resizerProps
-    }, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, /*#__PURE__*/ $gyhAV$react.createElement("input", {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("input", {
         ref: ref,
         type: "range",
         ...inputProps
-    })))), /*#__PURE__*/ $gyhAV$react.createElement("div", {
+    })))), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         "aria-hidden": true,
         role: "presentation",
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-columnResizerPlaceholder')
-    })));
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizerPlaceholder")
+    }));
 }
-const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ $gyhAV$react.forwardRef($fc695d2eafc2b351$var$Resizer);
+const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($fc695d2eafc2b351$var$Resizer);
 
 
 
@@ -799,18 +829,18 @@ const $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH = {
     medium: 38,
     large: 48
 };
-const $d14697b14e638114$var$TableContext = /*#__PURE__*/ $gyhAV$react.createContext(null);
+const $d14697b14e638114$var$TableContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
 function $d14697b14e638114$export$3cb274deb6c2d854() {
-    return $gyhAV$useContext($d14697b14e638114$var$TableContext);
+    return (0, $gyhAV$useContext)($d14697b14e638114$var$TableContext);
 }
 function $d14697b14e638114$var$TableView(props, ref) {
-    props = $gyhAV$useProviderProps(props);
+    props = (0, $gyhAV$useProviderProps)(props);
     let { isQuiet: isQuiet , onAction: onAction  } = props;
-    let { styleProps: styleProps  } = $gyhAV$useStyleProps(props);
-    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $gyhAV$useState(props.selectionStyle !== 'highlight');
-    let { direction: direction  } = $gyhAV$useLocale();
-    let { scale: scale  } = $gyhAV$useProvider();
-    const getDefaultWidth = $gyhAV$useCallback(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
+    let { styleProps: styleProps  } = (0, $gyhAV$useStyleProps)(props);
+    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $gyhAV$useState)(props.selectionStyle !== "highlight");
+    let { direction: direction  } = (0, $gyhAV$useLocale)();
+    let { scale: scale  } = (0, $gyhAV$useProvider)();
+    const getDefaultWidth = (0, $gyhAV$useCallback)(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
         if (hideHeader) {
             let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
             return showDivider ? width + 1 : width;
@@ -818,14 +848,14 @@ function $d14697b14e638114$var$TableView(props, ref) {
     }, [
         scale
     ]);
-    let [isInResizeMode, setIsInResizeMode] = $gyhAV$useState(false);
-    let state = $gyhAV$useTableState({
+    let [isInResizeMode, setIsInResizeMode] = (0, $gyhAV$useState)(false);
+    let state = (0, $gyhAV$useTableState)({
         ...props,
         showSelectionCheckboxes: showSelectionCheckboxes,
-        selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'
+        selectionBehavior: props.selectionStyle === "highlight" ? "replace" : "toggle"
     });
-    const columnState = $gyhAV$useTableColumnResizeState({
-        ...$gyhAV$mergeProps(props, {
+    const columnState = (0, $gyhAV$useTableColumnResizeState)({
+        ...(0, $gyhAV$mergeProps)(props, {
             onColumnResizeEnd: ()=>{
                 setIsInResizeMode(false);
             }
@@ -833,130 +863,129 @@ function $d14697b14e638114$var$TableView(props, ref) {
         getDefaultWidth: getDefaultWidth
     }, state.collection);
     // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
-    let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';
+    let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
     if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
-    let domRef = $gyhAV$useDOMRef(ref);
-    let headerRef = $gyhAV$useRef();
-    let bodyRef = $gyhAV$useRef();
-    let stringFormatter = $gyhAV$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
-    let density = props.density || 'regular';
-    let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout({
+    let domRef = (0, $gyhAV$useDOMRef)(ref);
+    let headerRef = (0, $gyhAV$useRef)();
+    let bodyRef = (0, $gyhAV$useRef)();
+    let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports))));
+    let density = props.density || "regular";
+    let layout = (0, $gyhAV$useMemo)(()=>new (0, $gyhAV$TableLayout)({
             // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
-            rowHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$ROW_HEIGHTS[density][scale],
-            estimatedRowHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$ROW_HEIGHTS[density][scale] : null,
-            headingHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale],
-            estimatedHeadingHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale] : null
-        })
-    , [
+            rowHeight: props.overflowMode === "wrap" ? null : $d14697b14e638114$var$ROW_HEIGHTS[density][scale],
+            estimatedRowHeight: props.overflowMode === "wrap" ? $d14697b14e638114$var$ROW_HEIGHTS[density][scale] : null,
+            headingHeight: props.overflowMode === "wrap" ? null : $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale],
+            estimatedHeadingHeight: props.overflowMode === "wrap" ? $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale] : null
+        }), [
         props.overflowMode,
         scale,
         density
     ]);
     layout.collection = state.collection;
     layout.getColumnWidth = columnState.getColumnWidth;
-    let { gridProps: gridProps  } = $gyhAV$useTable({
+    let { gridProps: gridProps  } = (0, $gyhAV$useTable)({
         ...props,
         isVirtualized: true,
         layout: layout,
         onRowAction: onAction
     }, state, domRef);
-    let [headerRowHovered, setHeaderRowHovered] = $gyhAV$useState(false);
+    let [headerRowHovered, setHeaderRowHovered] = (0, $gyhAV$useState)(false);
     let renderWrapper = (parent, reusableView, children, renderChildren)=>{
-        let style = $gyhAV$layoutInfoToStyle(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
-        if (style.overflow === 'hidden') style.overflow = 'visible'; // needed to support position: sticky
-        if (reusableView.viewType === 'rowgroup') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRowGroup, {
+        let style = (0, $gyhAV$layoutInfoToStyle)(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
+        if (style.overflow === "hidden") style.overflow = "visible"; // needed to support position: sticky
+        if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRowGroup, {
             key: reusableView.key,
             style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'header') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeader, {
+        }, renderChildren(children));
+        if (reusableView.viewType === "header") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableHeader, {
             key: reusableView.key,
             style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'row') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRow, {
+        }, renderChildren(children));
+        if (reusableView.viewType === "row") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRow, {
             key: reusableView.key,
             item: reusableView.content,
             style: style,
             hasActions: onAction
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'headerrow') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeaderRow, {
+        }, renderChildren(children));
+        if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableHeaderRow, {
             onHoverChange: setHeaderRowHovered,
             key: reusableView.key,
             style: style,
             item: reusableView.content
-        }, renderChildren(children)));
-        return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VirtualizerItem, {
+        }, renderChildren(children));
+        return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VirtualizerItem), {
             key: reusableView.key,
             reusableView: reusableView,
             parent: parent,
-            className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellWrapper', $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), {
-                'react-spectrum-Table-cellWrapper': !reusableView.layoutInfo.estimatedSize
+            className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellWrapper", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), {
+                "react-spectrum-Table-cellWrapper": !reusableView.layoutInfo.estimatedSize
             }))
-        }));
+        });
     };
     let renderView = (type, item)=>{
         switch(type){
-            case 'header':
-            case 'rowgroup':
-            case 'section':
-            case 'row':
-            case 'headerrow':
+            case "header":
+            case "rowgroup":
+            case "section":
+            case "row":
+            case "headerrow":
                 return null;
-            case 'cell':
-                if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCheckboxCell, {
+            case "cell":
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCheckboxCell, {
                     cell: item
-                }));
-                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCell, {
+                });
+                return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCell, {
                     cell: item
-                }));
-            case 'placeholder':
+                });
+            case "placeholder":
                 // TODO: move to react-aria?
-                return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+                return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
                     role: "gridcell",
                     "aria-colindex": item.index + 1,
                     "aria-colspan": item.colspan > 1 ? item.colspan : null
-                }));
-            case 'column':
-                if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableSelectAllCell, {
+                });
+            case "column":
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableSelectAllCell, {
                     column: item
-                }));
+                });
                 // TODO: consider this case, what if we have hidden headers and a empty table
-                if (item.props.hideHeader) return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$TooltipTrigger, {
+                if (item.props.hideHeader) return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$TooltipTrigger), {
                     placement: "top",
                     trigger: "focus"
-                }, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
+                }, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeader, {
                     column: item
-                }), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Tooltip, {
+                }), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Tooltip), {
                     placement: "top"
-                }, item.rendered)));
-                if (item.props.allowsResizing) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$ResizableTableColumnHeader, {
+                }, item.rendered));
+                if (item.props.allowsResizing) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$ResizableTableColumnHeader, {
                     tableRef: domRef,
                     column: item
-                }));
-                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
+                });
+                return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeader, {
                     column: item
-                }));
-            case 'loader':
-                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ProgressCircle, {
+                });
+            case "loader":
+                return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$CenteredWrapper, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ProgressCircle), {
                     isIndeterminate: true,
-                    "aria-label": state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading')
-                })));
-            case 'empty':
+                    "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
+                }));
+            case "empty":
                 {
                     let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
                     if (emptyState == null) return null;
-                    return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, emptyState));
+                    return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$CenteredWrapper, null, emptyState);
                 }
         }
     };
-    let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = $gyhAV$useState(false);
-    let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = $gyhAV$useState(false);
-    let viewport = $gyhAV$useRef({
+    let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = (0, $gyhAV$useState)(false);
+    let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = (0, $gyhAV$useState)(false);
+    let viewport = (0, $gyhAV$useRef)({
         x: 0,
         y: 0,
         width: 0,
         height: 0
     });
-    let onVisibleRectChange = $gyhAV$useCallback((e)=>{
+    let onVisibleRectChange = (0, $gyhAV$useCallback)((e)=>{
         if (viewport.current.width === e.width && viewport.current.height === e.height) return;
         viewport.current = e;
         if (bodyRef.current) {
@@ -964,17 +993,17 @@ function $d14697b14e638114$var$TableView(props, ref) {
             setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
         }
     }, []);
-    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = $gyhAV$useFocusRing();
+    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $gyhAV$useFocusRing)();
     let isEmpty = state.collection.size === 0;
     let onFocusedResizer = ()=>{
         bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
     };
-    let lastResizeInteractionModality = $gyhAV$useRef(undefined);
+    let lastResizeInteractionModality = (0, $gyhAV$useRef)(undefined);
     let onMoveResizer = (e)=>{
-        if (e.pointerType === 'keyboard') lastResizeInteractionModality.current = e.pointerType;
+        if (e.pointerType === "keyboard") lastResizeInteractionModality.current = e.pointerType;
         else lastResizeInteractionModality.current = undefined;
     };
-    return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableContext.Provider, {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableContext.Provider, {
         value: {
             state: state,
             layout: layout,
@@ -986,16 +1015,16 @@ function $d14697b14e638114$var$TableView(props, ref) {
             onFocusedResizer: onFocusedResizer,
             onMoveResizer: onMoveResizer
         }
-    }, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableVirtualizer, {
-        ...$gyhAV$mergeProps(gridProps, focusProps),
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableVirtualizer, {
+        ...(0, $gyhAV$mergeProps)(gridProps, focusProps),
         ...styleProps,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table', `spectrum-Table--${density}`, {
-            'spectrum-Table--quiet': isQuiet,
-            'spectrum-Table--wrap': props.overflowMode === 'wrap',
-            'spectrum-Table--loadingMore': state.collection.body.props.loadingState === 'loadingMore',
-            'spectrum-Table--isVerticalScrollbarVisible': isVerticalScrollbarVisible,
-            'spectrum-Table--isHorizontalScrollbarVisible': isHorizontalScrollbarVisible
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table'), styleProps.className),
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table", `spectrum-Table--${density}`, {
+            "spectrum-Table--quiet": isQuiet,
+            "spectrum-Table--wrap": props.overflowMode === "wrap",
+            "spectrum-Table--loadingMore": state.collection.body.props.loadingState === "loadingMore",
+            "spectrum-Table--isVerticalScrollbarVisible": isVerticalScrollbarVisible,
+            "spectrum-Table--isHorizontalScrollbarVisible": isHorizontalScrollbarVisible
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table"), styleProps.className),
         layout: layout,
         collection: state.collection,
         focusedKey: state.selectionManager.focusedKey,
@@ -1009,28 +1038,28 @@ function $d14697b14e638114$var$TableView(props, ref) {
         bodyRef: bodyRef,
         isFocusVisible: isFocusVisible,
         getColumnWidth: columnState.getColumnWidth
-    })));
+    }));
 }
 // This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
 function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: collection , lastResizeInteractionModality: lastResizeInteractionModality , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , headerRef: headerRef , setTableWidth: setTableWidth , getColumnWidth: getColumnWidth , onVisibleRectChange: onVisibleRectChangeProp , isFocusVisible: isFocusVisible , ...otherProps }) {
-    var ref4, ref1, ref2;
-    let { direction: direction  } = $gyhAV$useLocale();
+    var ref, ref1, ref2;
+    let { direction: direction  } = (0, $gyhAV$useLocale)();
     let { state: tableState , columnState: columnState  } = $d14697b14e638114$export$3cb274deb6c2d854();
     let loadingState = collection.body.props.loadingState;
-    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
+    let isLoading = loadingState === "loading" || loadingState === "loadingMore";
     let onLoadMore = collection.body.props.onLoadMore;
-    let state = $gyhAV$useVirtualizerState({
+    let state = (0, $gyhAV$useVirtualizerState)({
         layout: layout,
         collection: collection,
         renderView: renderView,
         renderWrapper: renderWrapper,
         onVisibleRectChange (rect) {
             bodyRef.current.scrollTop = rect.y;
-            $gyhAV$setScrollLeft(bodyRef.current, direction, rect.x);
+            (0, $gyhAV$setScrollLeft)(bodyRef.current, direction, rect.x);
         },
         transitionDuration: isLoading ? 160 : 220
     });
-    let { virtualizerProps: virtualizerProps  } = $gyhAV$useVirtualizer({
+    let { virtualizerProps: virtualizerProps  } = (0, $gyhAV$useVirtualizer)({
         focusedKey: focusedKey,
         scrollToItem (key) {
             let item = collection.getItem(key);
@@ -1038,7 +1067,7 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
             state.virtualizer.scrollToItem(key, {
                 duration: 0,
                 // Prevent scrolling to the top when clicking on column headers.
-                shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== 'column',
+                shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== "column",
                 // Offset scroll position by width of selection cell
                 // (which is sticky and will overlap the cell we're scrolling to).
                 offsetX: column.props.isSelectionCell ? layout.getColumnWidth(column.key) : 0
@@ -1046,7 +1075,7 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         }
     }, state, domRef);
     // If columnwidths change, need to relayout.
-    $gyhAV$useLayoutEffect(()=>{
+    (0, $gyhAV$useLayoutEffect)(()=>{
         state.virtualizer.relayoutNow({
             sizeChanged: true
         });
@@ -1054,10 +1083,10 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         getColumnWidth,
         state.virtualizer
     ]);
-    $gyhAV$useEffect(()=>{
-        if (lastResizeInteractionModality.current === 'keyboard' && headerRef.current.contains(document.activeElement)) {
-            var ref, ref3;
-            (ref = document.activeElement) === null || ref === void 0 ? void 0 : (ref3 = ref.scrollIntoView) === null || ref3 === void 0 ? void 0 : ref3.call(ref, false);
+    (0, $gyhAV$useEffect)(()=>{
+        if (lastResizeInteractionModality.current === "keyboard" && headerRef.current.contains(document.activeElement)) {
+            var ref, ref1;
+            (ref = document.activeElement) === null || ref === void 0 ? void 0 : (ref1 = ref.scrollIntoView) === null || ref1 === void 0 ? void 0 : ref1.call(ref, false);
             bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
         }
     }, [
@@ -1066,16 +1095,16 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         bodyRef,
         lastResizeInteractionModality
     ]);
-    let headerHeight = ((ref4 = layout.getLayoutInfo('header')) === null || ref4 === void 0 ? void 0 : ref4.rect.height) || 0;
+    let headerHeight = ((ref = layout.getLayoutInfo("header")) === null || ref === void 0 ? void 0 : ref.rect.height) || 0;
     let visibleRect = state.virtualizer.visibleRect;
     // Sync the scroll position from the table body to the header container.
-    let onScroll = $gyhAV$useCallback(()=>{
+    let onScroll = (0, $gyhAV$useCallback)(()=>{
         headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
     }, [
         bodyRef,
         headerRef
     ]);
-    let onVisibleRectChange = $gyhAV$useCallback((rect)=>{
+    let onVisibleRectChange = (0, $gyhAV$useCallback)((rect)=>{
         setTableWidth(rect.width);
         state.setVisibleRect(rect);
         if (!isLoading && onLoadMore) {
@@ -1089,7 +1118,7 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         state.setVisibleRect,
         state.virtualizer
     ]);
-    $gyhAV$useLayoutEffect(()=>{
+    (0, $gyhAV$useLayoutEffect)(()=>{
         if (!isLoading && onLoadMore && !state.isAnimating) {
             if (state.contentSize.height <= state.virtualizer.visibleRect.height) onLoadMore();
         }
@@ -1101,84 +1130,83 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         isLoading
     ]);
     let keysBefore = [];
-    let key1 = columnState.currentlyResizingColumn;
+    let key = columnState.currentlyResizingColumn;
     do {
-        keysBefore.push(key1);
-        key1 = tableState.collection.getKeyBefore(key1);
-    }while (key1 != null)
-    let resizerPosition = keysBefore.reduce((acc, key)=>acc + columnState.getColumnWidth(key)
-    , 0) - 2;
+        keysBefore.push(key);
+        key = tableState.collection.getKeyBefore(key);
+    }while (key != null);
+    let resizerPosition = keysBefore.reduce((acc, key)=>acc + columnState.getColumnWidth(key), 0) - 2;
     let resizerAtEdge = resizerPosition > Math.max(state.virtualizer.contentSize.width, state.virtualizer.visibleRect.width) - 3;
     // this should be fine, every movement of the resizer causes a rerender
     // scrolling can cause it to lag for a moment, but it's always updated
     let resizerInVisibleRegion = resizerPosition < state.virtualizer.visibleRect.width + (isNaN((ref1 = bodyRef.current) === null || ref1 === void 0 ? void 0 : ref1.scrollLeft) ? 0 : (ref2 = bodyRef.current) === null || ref2 === void 0 ? void 0 : ref2.scrollLeft);
     let shouldHardCornerResizeCorner = resizerAtEdge && resizerInVisibleRegion;
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusScope, null, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(otherProps, virtualizerProps),
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusScope), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...(0, $gyhAV$mergeProps)(otherProps, virtualizerProps),
         ref: domRef
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "presentation",
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headWrapper'),
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headWrapper"),
         style: {
             width: visibleRect.width,
             height: headerHeight,
-            overflow: 'hidden',
-            position: 'relative',
-            willChange: state.isScrolling ? 'scroll-position' : '',
+            overflow: "hidden",
+            position: "relative",
+            willChange: state.isScrolling ? "scroll-position" : "",
             transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
         },
         ref: headerRef
-    }, state.visibleViews[0]), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ScrollView, {
+    }, state.visibleViews[0]), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ScrollView), {
         role: "presentation",
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-body', {
-            'focus-ring': isFocusVisible,
-            'spectrum-Table-body--resizerAtTableEdge': shouldHardCornerResizeCorner
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-body", {
+            "focus-ring": isFocusVisible,
+            "spectrum-Table-body--resizerAtTableEdge": shouldHardCornerResizeCorner
         }),
         tabIndex: -1,
         style: {
             flex: 1
         },
         innerStyle: {
-            overflow: 'visible',
+            overflow: "visible",
             transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
         },
         ref: bodyRef,
         contentSize: state.contentSize,
-        onVisibleRectChange: $gyhAV$chain(onVisibleRectChange, onVisibleRectChangeProp),
+        onVisibleRectChange: (0, $gyhAV$chain)(onVisibleRectChange, onVisibleRectChangeProp),
         onScrollStart: state.startScrolling,
         onScrollEnd: state.endScrolling,
         onScroll: onScroll
-    }, state.visibleViews[1], columnState.currentlyResizingColumn != null && /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-bodyResizeIndicator'),
+    }, state.visibleViews[1], columnState.currentlyResizingColumn != null && /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-bodyResizeIndicator"),
         style: {
-            [direction === 'ltr' ? 'left' : 'right']: `${resizerPosition}px`,
+            [direction === "ltr" ? "left" : "right"]: `${resizerPosition}px`,
             height: `${Math.max(state.virtualizer.contentSize.height, state.virtualizer.visibleRect.height)}px`,
-            display: 'block'
+            display: "block"
         }
-    })))));
+    }))));
 }
 function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps }) {
-    let { rowGroupProps: rowGroupProps  } = $gyhAV$useTableRowGroup();
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+    let { rowGroupProps: rowGroupProps  } = (0, $gyhAV$useTableRowGroup)();
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...rowGroupProps,
         ...otherProps,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-head')
-    }, children));
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-head")
+    }, children);
 }
 function $d14697b14e638114$var$TableColumnHeader(props) {
-    var ref, ref5, ref6, ref7;
+    var ref, ref1, ref2, ref3;
     let { column: column  } = props;
-    let ref8 = $gyhAV$useRef(null);
+    let ref4 = (0, $gyhAV$useRef)(null);
     let { state: state , isEmpty: isEmpty  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let { pressProps: pressProps , isPressed: isPressed  } = $gyhAV$usePress({
+    let { pressProps: pressProps , isPressed: isPressed  } = (0, $gyhAV$usePress)({
         isDisabled: isEmpty
     });
-    let { columnHeaderProps: columnHeaderProps  } = $gyhAV$useTableColumnHeader({
+    let { columnHeaderProps: columnHeaderProps  } = (0, $gyhAV$useTableColumnHeader)({
         node: column,
         isVirtualized: true
-    }, state, ref8);
+    }, state, ref4);
     let columnProps = column.props;
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $gyhAV$useHover)({
         ...props,
         isDisabled: isEmpty
     });
@@ -1187,71 +1215,71 @@ function $d14697b14e638114$var$TableColumnHeader(props) {
         hoverProps,
         pressProps
     ];
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(...allProps),
-        ref: ref8,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', {
-            'is-active': isPressed,
-            'is-resizable': columnProps.allowsResizing,
-            'is-sortable': columnProps.allowsSorting,
-            'is-sorted-desc': ((ref = state.sortDescriptor) === null || ref === void 0 ? void 0 : ref.column) === column.key && ((ref5 = state.sortDescriptor) === null || ref5 === void 0 ? void 0 : ref5.direction) === 'descending',
-            'is-sorted-asc': ((ref6 = state.sortDescriptor) === null || ref6 === void 0 ? void 0 : ref6.column) === column.key && ((ref7 = state.sortDescriptor) === null || ref7 === void 0 ? void 0 : ref7.direction) === 'ascending',
-            'is-hovered': isHovered,
-            'spectrum-Table-cell--hideHeader': columnProps.hideHeader
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
-            'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center' || column.colspan > 1,
-            'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...(0, $gyhAV$mergeProps)(...allProps),
+        ref: ref4,
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", {
+            "is-active": isPressed,
+            "is-resizable": columnProps.allowsResizing,
+            "is-sortable": columnProps.allowsSorting,
+            "is-sorted-desc": ((ref = state.sortDescriptor) === null || ref === void 0 ? void 0 : ref.column) === column.key && ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.direction) === "descending",
+            "is-sorted-asc": ((ref2 = state.sortDescriptor) === null || ref2 === void 0 ? void 0 : ref2.column) === column.key && ((ref3 = state.sortDescriptor) === null || ref3 === void 0 ? void 0 : ref3.direction) === "ascending",
+            "is-hovered": isHovered,
+            "spectrum-Table-cell--hideHeader": columnProps.hideHeader
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
+            "react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
+            "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
         }))
-    }, columnProps.allowsSorting && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$spectrumiconsuiArrowDownSmall, {
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-sortedIcon')
-    }), columnProps.hideHeader ? /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, column.rendered) : /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCellContents')
-    }, column.rendered))));
+    }, columnProps.allowsSorting && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiArrowDownSmall), {
+        UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-sortedIcon")
+    }), columnProps.hideHeader ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellContents")
+    }, column.rendered)));
 }
 let $d14697b14e638114$var$_TableColumnHeaderButton = (props, ref)=>{
     let { focusProps: focusProps , ...otherProps } = props;
     let { isEmpty: isEmpty  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let domRef = $gyhAV$useFocusableRef(ref);
-    let { buttonProps: buttonProps  } = $gyhAV$useButton({
+    let domRef = (0, $gyhAV$useFocusableRef)(ref);
+    let { buttonProps: buttonProps  } = (0, $gyhAV$useButton)({
         ...otherProps,
-        elementType: 'div',
+        elementType: "div",
         isDisabled: isEmpty
     }, domRef);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $gyhAV$useHover)({
         ...otherProps,
         isDisabled: isEmpty
     });
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCellContents', {
-            'is-hovered': isHovered
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellContents", {
+            "is-hovered": isHovered
         }),
         ...hoverProps
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCellButton'),
-        ...$gyhAV$mergeProps(buttonProps, focusProps),
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellButton"),
+        ...(0, $gyhAV$mergeProps)(buttonProps, focusProps),
         ref: domRef
-    }, props.children)));
+    }, props.children));
 };
-let $d14697b14e638114$var$TableColumnHeaderButton = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$_TableColumnHeaderButton);
+let $d14697b14e638114$var$TableColumnHeaderButton = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$_TableColumnHeaderButton);
 function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
-    var ref, ref9, ref10, ref11, ref12;
+    var ref, ref1, ref2, ref3, ref4;
     let { column: column  } = props;
-    let ref13 = $gyhAV$useRef(null);
-    let triggerRef = $gyhAV$useRef(null);
-    let resizingRef = $gyhAV$useRef(null);
+    let ref5 = (0, $gyhAV$useRef)(null);
+    let triggerRef = (0, $gyhAV$useRef)(null);
+    let resizingRef = (0, $gyhAV$useRef)(null);
     let { state: state , columnState: columnState , headerRowHovered: headerRowHovered , setIsInResizeMode: setIsInResizeMode , isInResizeMode: isInResizeMode , isEmpty: isEmpty , onFocusedResizer: onFocusedResizer , onMoveResizer: onMoveResizer  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let stringFormatter = $gyhAV$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
-    let { pressProps: pressProps , isPressed: isPressed  } = $gyhAV$usePress({
+    let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports))));
+    let { pressProps: pressProps , isPressed: isPressed  } = (0, $gyhAV$usePress)({
         isDisabled: isEmpty
     });
-    let { columnHeaderProps: columnHeaderProps  } = $gyhAV$useTableColumnHeader({
+    let { columnHeaderProps: columnHeaderProps  } = (0, $gyhAV$useTableColumnHeader)({
         node: column,
         isVirtualized: true,
         hasMenu: true
-    }, state, ref13);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
+    }, state, ref5);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $gyhAV$useHover)({
         ...props,
         isDisabled: isEmpty
     });
@@ -1261,36 +1289,36 @@ function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
         hoverProps
     ];
     let columnProps = column.props;
-    if (columnProps.width && columnProps.allowsResizing) throw new Error('Controlled state is not yet supported with column resizing. Please use defaultWidth for uncontrolled column resizing or remove the allowsResizing prop.');
-    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = $gyhAV$useFocusRing();
+    if (columnProps.width && columnProps.allowsResizing) throw new Error("Controlled state is not yet supported with column resizing. Please use defaultWidth for uncontrolled column resizing or remove the allowsResizing prop.");
+    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $gyhAV$useFocusRing)();
     const onMenuSelect = (key)=>{
         switch(key){
-            case 'sort-asc':
-                state.sort(column.key, 'ascending');
+            case "sort-asc":
+                state.sort(column.key, "ascending");
                 break;
-            case 'sort-desc':
-                state.sort(column.key, 'descending');
+            case "sort-desc":
+                state.sort(column.key, "descending");
                 break;
-            case 'resize':
+            case "resize":
                 columnState.onColumnResizeStart(column);
                 setIsInResizeMode(true);
                 break;
         }
     };
     let allowsSorting = (ref = column.props) === null || ref === void 0 ? void 0 : ref.allowsSorting;
-    let items = $gyhAV$useMemo(()=>{
+    let items = (0, $gyhAV$useMemo)(()=>{
         let options = [
             allowsSorting ? {
-                label: stringFormatter.format('sortAscending'),
-                id: 'sort-asc'
+                label: stringFormatter.format("sortAscending"),
+                id: "sort-asc"
             } : undefined,
             allowsSorting ? {
-                label: stringFormatter.format('sortDescending'),
-                id: 'sort-desc'
+                label: stringFormatter.format("sortDescending"),
+                id: "sort-desc"
             } : undefined,
             {
-                label: stringFormatter.format('resizeColumn'),
-                id: 'resize'
+                label: stringFormatter.format("resizeColumn"),
+                id: "resize"
             }
         ];
         return options;
@@ -1298,8 +1326,8 @@ function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
     }, [
         allowsSorting
     ]);
-    let isMobile = $gyhAV$useIsMobileDevice();
-    $gyhAV$useEffect(()=>{
+    let isMobile = (0, $gyhAV$useIsMobileDevice)();
+    (0, $gyhAV$useEffect)(()=>{
         if (columnState.currentlyResizingColumn === column.key) {
             // focusSafely won't actually focus because the focus moves from the menuitem to the body during the after transition wait
             // without the immediate timeout, Android Chrome doesn't move focus to the resizer
@@ -1321,234 +1349,232 @@ function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
         column.key,
         isMobile
     ]);
-    let showResizer = !isEmpty && (headerRowHovered && $gyhAV$getInteractionModality() !== 'keyboard' || columnState.currentlyResizingColumn != null);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(...allProps),
-        ref: ref13,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', {
-            'is-active': isPressed,
-            'is-resizable': columnProps.allowsResizing,
-            'is-sortable': columnProps.allowsSorting,
-            'is-sorted-desc': ((ref9 = state.sortDescriptor) === null || ref9 === void 0 ? void 0 : ref9.column) === column.key && ((ref10 = state.sortDescriptor) === null || ref10 === void 0 ? void 0 : ref10.direction) === 'descending',
-            'is-sorted-asc': ((ref11 = state.sortDescriptor) === null || ref11 === void 0 ? void 0 : ref11.column) === column.key && ((ref12 = state.sortDescriptor) === null || ref12 === void 0 ? void 0 : ref12.direction) === 'ascending',
-            'is-hovered': isHovered,
-            'focus-ring': isFocusVisible,
-            'spectrum-Table-cell--hideHeader': columnProps.hideHeader
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
-            'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center' || column.colspan > 1,
-            'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
+    let showResizer = !isEmpty && (headerRowHovered && (0, $gyhAV$getInteractionModality)() !== "keyboard" || columnState.currentlyResizingColumn != null);
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...(0, $gyhAV$mergeProps)(...allProps),
+        ref: ref5,
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", {
+            "is-active": isPressed,
+            "is-resizable": columnProps.allowsResizing,
+            "is-sortable": columnProps.allowsSorting,
+            "is-sorted-desc": ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.column) === column.key && ((ref2 = state.sortDescriptor) === null || ref2 === void 0 ? void 0 : ref2.direction) === "descending",
+            "is-sorted-asc": ((ref3 = state.sortDescriptor) === null || ref3 === void 0 ? void 0 : ref3.column) === column.key && ((ref4 = state.sortDescriptor) === null || ref4 === void 0 ? void 0 : ref4.direction) === "ascending",
+            "is-hovered": isHovered,
+            "focus-ring": isFocusVisible,
+            "spectrum-Table-cell--hideHeader": columnProps.hideHeader
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
+            "react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
+            "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
         }))
-    }, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$MenuTrigger, null, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeaderButton, {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$MenuTrigger), null, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeaderButton, {
         ref: triggerRef,
         focusProps: focusProps
-    }, columnProps.allowsSorting && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$spectrumiconsuiArrowDownSmall, {
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-sortedIcon')
-    }), columnProps.hideHeader ? /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, column.rendered) : /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headerCellText')
-    }, column.rendered), columnProps.allowsResizing && columnState.currentlyResizingColumn === null && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$spectrumiconsuiChevronDownMedium, {
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-menuChevron')
-    })), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Menu, {
+    }, columnProps.allowsSorting && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiArrowDownSmall), {
+        UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-sortedIcon")
+    }), columnProps.hideHeader ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headerCellText")
+    }, column.rendered), columnProps.allowsResizing && columnState.currentlyResizingColumn === null && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiChevronDownMedium), {
+        UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-menuChevron")
+    })), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Menu), {
         onAction: onMenuSelect,
         minWidth: "size-2000",
         items: items
-    }, (item)=>/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Item, null, item.label)
-    )), /*#__PURE__*/ $gyhAV$react.createElement($fc695d2eafc2b351$export$48a76196cafe3b93, {
+    }, (item)=>/*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Item), null, item.label))), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $fc695d2eafc2b351$export$48a76196cafe3b93), {
         ref: resizingRef,
         column: column,
         showResizer: showResizer,
-        triggerRef: $gyhAV$useUnwrapDOMRef(triggerRef),
+        triggerRef: (0, $gyhAV$useUnwrapDOMRef)(triggerRef),
         onMoveResizer: onMoveResizer
-    }), /*#__PURE__*/ $gyhAV$react.createElement("div", {
+    }), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         "aria-hidden": true,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-colResizeIndicator', {
-            'spectrum-Table-colResizeIndicator--visible': columnState.currentlyResizingColumn != null,
-            'spectrum-Table-colResizeIndicator--resizing': columnState.currentlyResizingColumn === column.key
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-colResizeIndicator", {
+            "spectrum-Table-colResizeIndicator--visible": columnState.currentlyResizingColumn != null,
+            "spectrum-Table-colResizeIndicator--resizing": columnState.currentlyResizingColumn === column.key
         })
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-colResizeNubbin', {
-            'spectrum-Table-colResizeNubbin--visible': isInResizeMode && columnState.currentlyResizingColumn === column.key
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-colResizeNubbin", {
+            "spectrum-Table-colResizeNubbin--visible": isInResizeMode && columnState.currentlyResizingColumn === column.key
         })
-    }, /*#__PURE__*/ $gyhAV$react.createElement($cb7d341e8868d81d$export$d9658cdf8c86807, null))))));
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $cb7d341e8868d81d$export$d9658cdf8c86807), null)))));
 }
 function $d14697b14e638114$var$TableSelectAllCell({ column: column  }) {
-    let ref = $gyhAV$useRef();
+    let ref = (0, $gyhAV$useRef)();
     let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let isSingleSelectionMode = state.selectionManager.selectionMode === 'single';
-    let { columnHeaderProps: columnHeaderProps  } = $gyhAV$useTableColumnHeader({
+    let isSingleSelectionMode = state.selectionManager.selectionMode === "single";
+    let { columnHeaderProps: columnHeaderProps  } = (0, $gyhAV$useTableColumnHeader)({
         node: column,
         isVirtualized: true
     }, state, ref);
-    let { checkboxProps: checkboxProps  } = $gyhAV$useTableSelectAllCheckbox(state);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
-    });
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(columnHeaderProps, hoverProps),
+    let { checkboxProps: checkboxProps  } = (0, $gyhAV$useTableSelectAllCheckbox)(state);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $gyhAV$useHover)({});
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...(0, $gyhAV$mergeProps)(columnHeaderProps, hoverProps),
         ref: ref,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', 'spectrum-Table-checkboxCell', {
-            'is-hovered': isHovered
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", "spectrum-Table-checkboxCell", {
+            "is-hovered": isHovered
         })
     }, /*
             In single selection mode, the checkbox will be hidden.
             So to avoid leaving a column header with no accessible content,
             we use a VisuallyHidden component to include the aria-label from the checkbox,
             which for single selection will be "Select."
-          */ isSingleSelectionMode && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, checkboxProps['aria-label']), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
+          */ isSingleSelectionMode && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, checkboxProps["aria-label"]), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Checkbox), {
         ...checkboxProps,
         isEmphasized: true,
         UNSAFE_style: isSingleSelectionMode ? {
-            visibility: 'hidden'
+            visibility: "hidden"
         } : undefined,
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
-    }))));
+        UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
+    })));
 }
 function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
-    let { rowGroupProps: rowGroupProps  } = $gyhAV$useTableRowGroup();
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+    let { rowGroupProps: rowGroupProps  } = (0, $gyhAV$useTableRowGroup)();
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...rowGroupProps,
         ...otherProps
-    }, children));
+    }, children);
 }
 function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
-    var ref, ref14, ref15;
-    let ref16 = $gyhAV$useRef();
+    var ref, ref1, ref2;
+    let ref3 = (0, $gyhAV$useRef)();
     let { state: state , layout: layout  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let allowsInteraction = state.selectionManager.selectionMode !== 'none' || hasActions;
+    let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
     let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
     let isSelected = state.selectionManager.isSelected(item.key);
-    let { rowProps: rowProps  } = $gyhAV$useTableRow({
+    let { rowProps: rowProps  } = (0, $gyhAV$useTableRow)({
         node: item,
         isVirtualized: true
-    }, state, ref16);
-    let { pressProps: pressProps , isPressed: isPressed  } = $gyhAV$usePress({
+    }, state, ref3);
+    let { pressProps: pressProps , isPressed: isPressed  } = (0, $gyhAV$usePress)({
         isDisabled: isDisabled
     });
     // The row should show the focus background style when any cell inside it is focused.
     // If the row itself is focused, then it should have a blue focus indicator on the left.
-    let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps  } = $gyhAV$useFocusRing({
+    let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps  } = (0, $gyhAV$useFocusRing)({
         within: true
     });
-    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = $gyhAV$useFocusRing();
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
+    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $gyhAV$useFocusRing)();
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $gyhAV$useHover)({
         isDisabled: isDisabled
     });
-    let props = $gyhAV$mergeProps(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
-    let isFirstRow = ((ref = state.collection.rows.find((row)=>row.level === 1
-    )) === null || ref === void 0 ? void 0 : ref.key) === item.key;
+    let props = (0, $gyhAV$mergeProps)(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
+    let isFirstRow = ((ref = state.collection.rows.find((row)=>row.level === 1)) === null || ref === void 0 ? void 0 : ref.key) === item.key;
     let isLastRow = item.nextKey == null;
     // Figure out if the TableView content is equal or greater in height to the container. If so, we'll need to round the bottom
     // border corners of the last row when selected.
     let isFlushWithContainerBottom = false;
     if (isLastRow) {
-        if (((ref14 = layout.getContentSize()) === null || ref14 === void 0 ? void 0 : ref14.height) >= ((ref15 = layout.virtualizer) === null || ref15 === void 0 ? void 0 : ref15.getVisibleRect().height)) isFlushWithContainerBottom = true;
+        if (((ref1 = layout.getContentSize()) === null || ref1 === void 0 ? void 0 : ref1.height) >= ((ref2 = layout.virtualizer) === null || ref2 === void 0 ? void 0 : ref2.getVisibleRect().height)) isFlushWithContainerBottom = true;
     }
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...props,
-        ref: ref16,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-row', {
-            'is-active': isPressed,
-            'is-selected': isSelected,
-            'spectrum-Table-row--highlightSelection': state.selectionManager.selectionBehavior === 'replace',
-            'is-next-selected': state.selectionManager.isSelected(item.nextKey),
-            'is-focused': isFocusVisibleWithin,
-            'focus-ring': isFocusVisible,
-            'is-hovered': isHovered,
-            'is-disabled': isDisabled,
-            'spectrum-Table-row--firstRow': isFirstRow,
-            'spectrum-Table-row--lastRow': isLastRow,
-            'spectrum-Table-row--isFlushBottom': isFlushWithContainerBottom
+        ref: ref3,
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-row", {
+            "is-active": isPressed,
+            "is-selected": isSelected,
+            "spectrum-Table-row--highlightSelection": state.selectionManager.selectionBehavior === "replace",
+            "is-next-selected": state.selectionManager.isSelected(item.nextKey),
+            "is-focused": isFocusVisibleWithin,
+            "focus-ring": isFocusVisible,
+            "is-hovered": isHovered,
+            "is-disabled": isDisabled,
+            "spectrum-Table-row--firstRow": isFirstRow,
+            "spectrum-Table-row--lastRow": isLastRow,
+            "spectrum-Table-row--isFlushBottom": isFlushWithContainerBottom
         })
-    }, children));
+    }, children);
 }
 function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
     let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let ref = $gyhAV$useRef();
-    let { rowProps: rowProps  } = $gyhAV$useTableHeaderRow({
+    let ref = (0, $gyhAV$useRef)();
+    let { rowProps: rowProps  } = (0, $gyhAV$useTableHeaderRow)({
         node: item,
         isVirtualized: true
     }, state, ref);
-    let { hoverProps: hoverProps  } = $gyhAV$useHover(props);
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(rowProps, hoverProps),
+    let { hoverProps: hoverProps  } = (0, $gyhAV$useHover)(props);
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...(0, $gyhAV$mergeProps)(rowProps, hoverProps),
         ref: ref,
         style: style
-    }, children));
+    }, children);
 }
 function $d14697b14e638114$var$TableCheckboxCell({ cell: cell  }) {
-    let ref = $gyhAV$useRef();
+    let ref = (0, $gyhAV$useRef)();
     let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
     let isDisabled = state.disabledKeys.has(cell.parentKey);
-    let { gridCellProps: gridCellProps  } = $gyhAV$useTableCell({
+    let { gridCellProps: gridCellProps  } = (0, $gyhAV$useTableCell)({
         node: cell,
         isVirtualized: true
     }, state, ref);
-    let { checkboxProps: checkboxProps  } = $gyhAV$useTableSelectionCheckbox({
+    let { checkboxProps: checkboxProps  } = (0, $gyhAV$useTableSelectionCheckbox)({
         key: cell.parentKey
     }, state);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...gridCellProps,
         ref: ref,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', 'spectrum-Table-checkboxCell', {
-            'is-disabled': isDisabled
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell'))
-    }, state.selectionManager.selectionMode !== 'none' && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", "spectrum-Table-checkboxCell", {
+            "is-disabled": isDisabled
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell"))
+    }, state.selectionManager.selectionMode !== "none" && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Checkbox), {
         ...checkboxProps,
         isEmphasized: true,
         isDisabled: isDisabled,
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
-    }))));
+        UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
+    })));
 }
 function $d14697b14e638114$var$TableCell({ cell: cell  }) {
     let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let ref = $gyhAV$useRef();
+    let ref = (0, $gyhAV$useRef)();
     let columnProps = cell.column.props;
     let isDisabled = state.disabledKeys.has(cell.parentKey);
-    let { gridCellProps: gridCellProps  } = $gyhAV$useTableCell({
+    let { gridCellProps: gridCellProps  } = (0, $gyhAV$useTableCell)({
         node: cell,
         isVirtualized: true
     }, state, ref);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...gridCellProps,
         ref: ref,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', {
-            'spectrum-Table-cell--divider': columnProps.showDivider && cell.column.nextKey !== null,
-            'spectrum-Table-cell--hideHeader': columnProps.hideHeader,
-            'is-disabled': isDisabled
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
-            'react-spectrum-Table-cell--alignStart': columnProps.align === 'start',
-            'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center',
-            'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", {
+            "spectrum-Table-cell--divider": columnProps.showDivider && cell.column.nextKey !== null,
+            "spectrum-Table-cell--hideHeader": columnProps.hideHeader,
+            "is-disabled": isDisabled
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
+            "react-spectrum-Table-cell--alignStart": columnProps.align === "start",
+            "react-spectrum-Table-cell--alignCenter": columnProps.align === "center",
+            "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
         }))
-    }, /*#__PURE__*/ $gyhAV$react.createElement("span", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellContents')
-    }, cell.rendered))));
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
+    }, cell.rendered)));
 }
 function $d14697b14e638114$var$CenteredWrapper({ children: children  }) {
     let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "row",
         "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-centeredWrapper')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-centeredWrapper")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "rowheader",
         "aria-colspan": state.collection.columns.length
-    }, children)));
+    }, children));
 }
 /**
  * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
- */ const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$TableView);
+ */ const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$TableView);
+
 
 
 
 // Override TS for Column to support spectrum specific props.
-const $e668f3d0f378a712$export$816b5d811295e6bc = $gyhAV$Column;
+const $e668f3d0f378a712$export$816b5d811295e6bc = (0, $gyhAV$Column);
 
 
 export {$e668f3d0f378a712$export$816b5d811295e6bc as Column, $d14697b14e638114$export$b3c27e869d856b7 as TableView, $e668f3d0f378a712$re_export$TableHeader as TableHeader, $e668f3d0f378a712$re_export$TableBody as TableBody, $e668f3d0f378a712$re_export$Section as Section, $e668f3d0f378a712$re_export$Row as Row, $e668f3d0f378a712$re_export$Cell as Cell};