@react-spectrum/table 3.5.1-nightly.3606 → 3.5.1-nightly.3611

package/dist/main.css

@@ -1 +1 @@
-.spectrum-Table_d0fc74{border-collapse:separate;border-spacing:0;isolation:isolate;outline:none;position:relative}[dir=ltr] svg.spectrum-Table-sortedIcon_d0fc74{margin-right:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] svg.spectrum-Table-sortedIcon_d0fc74{margin-left:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}svg.spectrum-Table-sortedIcon_d0fc74{min-width:var(--spectrum-icon-arrow-down-small-width,var(--spectrum-global-dimension-size-100));vertical-align:middle;transition:transform var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;flex:none;display:none}[dir=ltr] .spectrum-Table-menuChevron_d0fc74{margin-left:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Table-menuChevron_d0fc74{margin-right:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}.spectrum-Table-menuChevron_d0fc74{min-width:var(--spectrum-icon-chevron-down-medium-width);vertical-align:middle;flex:none;display:none}.spectrum-Table-headWrapper_d0fc74{z-index:1;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-right-width:1px;flex:none;margin-bottom:-1px;padding-bottom:1px}.spectrum-Table-headCellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.spectrum-Table-headCell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-table-header-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:var(--spectrum-table-header-text-line-height,var(--spectrum-alias-heading-text-line-height));min-height:var(--spectrum-table-header-min-height,var(--spectrum-global-dimension-size-150));padding:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125))var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200));transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-radius:var(--spectrum-table-header-border-radius,0px);outline:0;display:flex}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74{cursor:default}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sorted-desc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{margin-top:calc(var(--spectrum-global-dimension-size-25)*-1);display:inline-block}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{transform:rotate(180deg)}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74{padding:0}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellContents_d0fc74{min-width:0;flex:auto}[dir=ltr] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-right:0}[dir=rtl] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-left:0}[dir=ltr] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-left:var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200))}[dir=rtl] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-right:var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{box-sizing:border-box;padding-top:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125));padding-bottom:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spectrum-Table-headCell_d0fc74 .is-hovered_d0fc74 .spectrum-Table-menuChevron_d0fc74,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74 .spectrum-Table-menuChevron_d0fc74{display:inline-block}[dir=ltr] .spectrum-Table-columnResizer_d0fc74{right:-10px}[dir=rtl] .spectrum-Table-columnResizer_d0fc74{left:-10px}.spectrum-Table-columnResizer_d0fc74{box-sizing:border-box;width:21px;height:100%;-webkit-user-select:none;user-select:none;justify-content:center;display:flex;position:absolute}.spectrum-Table-columnResizer_d0fc74:after{content:"";box-sizing:border-box;width:1px;height:100%;display:block}.spectrum-Table-columnResizer_d0fc74:active,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74{outline:none}.spectrum-Table-columnResizerPlaceholder_d0fc74{box-sizing:border-box;width:10px;height:100%;-webkit-user-select:none;user-select:none;flex:none}.spectrum-Table-bodyResizeIndicator_d0fc74{width:2px;height:100%;display:none;position:absolute;top:0}.spectrum-Table-cell--alignCenter_d0fc74{text-align:center}[dir=ltr] .spectrum-Table-cell--alignEnd_d0fc74{text-align:right}[dir=rtl] .spectrum-Table-cell--alignEnd_d0fc74{text-align:left}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{content:"";z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);position:relative;overflow:auto;transform:translate(0,0)}[dir=ltr] .spectrum-Table-body_d0fc74.spectrum-Table-body--resizerAtTableEdge_d0fc74{border-top-right-radius:0}[dir=rtl] .spectrum-Table-body_d0fc74.spectrum-Table-body--resizerAtTableEdge_d0fc74{border-top-left-radius:0}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:first-child{border-top-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:last-child{border-top-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:first-child{border-bottom-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:last-child{border-bottom-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table-cell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-table-cell-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:calc(var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default))*var(--spectrum-table-cell-text-line-height,var(--spectrum-alias-body-text-line-height)) - 1px);padding:var(--spectrum-global-dimension-size-125)var(--spectrum-table-cell-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table--compact_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-75);padding-bottom:var(--spectrum-global-dimension-size-75)}.spectrum-Table--spacious_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-175);padding-bottom:var(--spectrum-global-dimension-size-175)}.spectrum-Table-cellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:-4px;padding:4px;overflow:hidden}.spectrum-Table-cell--hideHeader_d0fc74{justify-content:center;padding:0}.spectrum-Table--wrap_d0fc74 .spectrum-Table-cellContents_d0fc74{white-space:normal}.spectrum-Table-cell_d0fc74,.spectrum-Table-headCell_d0fc74,.spectrum-Table-headCellButton_d0fc74{position:relative}.spectrum-Table-cell_d0fc74:focus,.spectrum-Table-headCell_d0fc74:focus,.spectrum-Table-headCellButton_d0fc74:focus,.spectrum-Table-cell_d0fc74.focus-ring_d0fc74,.spectrum-Table-cell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74{outline:none}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{content:"";z-index:1;border-radius:calc(var(--spectrum-table-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)) - 1px);position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-headCellButton_d0fc74{align-items:center;display:flex}.spectrum-Table-headerCellText_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{top:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));right:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));bottom:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));left:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-Table-row_d0fc74{cursor:default;transition:background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;position:relative}.spectrum-Table-row_d0fc74:focus{outline:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{left:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-right:-3px}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-left:-3px}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{content:"";height:100%;width:3px;z-index:4;display:inline-block;position:sticky}.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cellWrapper_d0fc74:first-of-type{vertical-align:top;display:inline-block}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:0}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}.spectrum-Table_d0fc74>.spectrum-Table-body_d0fc74>.spectrum-Table-row_d0fc74:last-of-type{border-bottom-style:none}.spectrum-Table--quiet_d0fc74 .spectrum-Table-headWrapper_d0fc74{border-left:0;border-right:0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{border-radius:var(--spectrum-table-quiet-border-radius,0px)}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-right:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-left:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,.spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{vertical-align:var(--spectrum-table-cell-checkbox-vertical-alignment,middle);padding-top:0;padding-bottom:0}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-right:0}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-left:0}.spectrum-Table-checkbox_d0fc74{vertical-align:super}[dir=ltr] .spectrum-Table-colResizeIndicator_d0fc74{right:0}[dir=rtl] .spectrum-Table-colResizeIndicator_d0fc74{left:0}.spectrum-Table-colResizeIndicator_d0fc74{height:100%;width:2px;pointer-events:none;display:none;position:absolute;top:1px}.spectrum-Table-colResizeIndicator_d0fc74.spectrum-Table-colResizeIndicator--visible_d0fc74{display:block}[dir=ltr] .spectrum-Table-colResizeNubbin_d0fc74{left:-7px}[dir=rtl] .spectrum-Table-colResizeNubbin_d0fc74{right:-7px}.spectrum-Table-colResizeNubbin_d0fc74{width:16px;height:16px;display:none;position:absolute;top:-1px}.spectrum-Table-colResizeNubbin_d0fc74.spectrum-Table-colResizeNubbin--visible_d0fc74{display:block}.resize-ew_d0fc74 *,.spectrum-Table-columnResizer--ewresize_d0fc74{cursor:ew-resize!important}.resize-e_d0fc74 *,.spectrum-Table-columnResizer--eresize_d0fc74{cursor:e-resize!important}.resize-w_d0fc74 *,.spectrum-Table-columnResizer--wresize_d0fc74{cursor:w-resize!important}.spectrum-Table-headWrapper_d0fc74{border-left-color:#0000;border-right-color:#0000}.spectrum-Table-headCell_d0fc74{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color,var(--spectrum-global-color-gray-600))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-hovered_d0fc74{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-hovered_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-global-color-gray-700)}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-focused_d0fc74{color:var(--spectrum-table-header-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.focus-ring_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-focused_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-active_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-active_d0fc74{color:var(--spectrum-table-header-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-active_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-active_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Table-body_d0fc74{border-style:solid;border-color:var(--spectrum-table-border-color,var(--spectrum-alias-border-color-mid));background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-body_d0fc74.focus-ring_d0fc74{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}tbody.spectrum-Table-body_d0fc74{border:none}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74{border-top:none}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-cell_d0fc74{border-top:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child{border-left:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-right:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74{border-bottom:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}.spectrum-Table-row_d0fc74{box-sizing:border-box}.spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{background:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}[dir=ltr] .spectrum-Table-row_d0fc74:after{left:0}[dir=rtl] .spectrum-Table-row_d0fc74:after,[dir=ltr] .spectrum-Table-row_d0fc74:after{right:0}[dir=rtl] .spectrum-Table-row_d0fc74:after{left:0}.spectrum-Table-row_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300));content:"";z-index:3;pointer-events:none;display:block;position:absolute;top:0;bottom:0}.spectrum-Table-row_d0fc74.is-next-selected_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 1px 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74{color:var(--spectrum-table-cell-text-color,var(--spectrum-alias-text-color));background-color:var(--spectrum-table-cell-background-color,var(--spectrum-alias-background-color-transparent))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-style:solid}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-style:solid}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{background-color:var(--spectrum-table-quiet-cell-background-color,var(--spectrum-alias-background-color-transparent));border-width:1px 0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74{box-shadow:none;border-color:#0000}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-quiet-row-background-color-down,var(--spectrum-alias-highlight-active))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child,.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-left:none;border-right:none}.spectrum-Table-columnResizer_d0fc74:after{background-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table-columnResizer_d0fc74:active:after,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74:after{background-color:unset}.spectrum-Table-colResizeIndicator_d0fc74.spectrum-Table-colResizeIndicator--resizing_d0fc74,.spectrum-Table-bodyResizeIndicator_d0fc74{background-color:var(--spectrum-global-color-blue-600)}.react-spectrum-Table_e844a7{-webkit-user-select:none;user-select:none;min-height:0;min-width:0;flex-direction:column;display:flex}.react-spectrum-Table-cell_e844a7{align-items:center;display:flex}.react-spectrum-Table-cellWrapper_e844a7>.react-spectrum-Table-cell_e844a7{height:100%}[dir=ltr] .react-spectrum-Table-cell--alignStart_e844a7{text-align:left}[dir=rtl] .react-spectrum-Table-cell--alignStart_e844a7{text-align:right}.react-spectrum-Table-cell--alignStart_e844a7{justify-content:flex-start}.react-spectrum-Table-cell--alignCenter_e844a7{text-align:center;justify-content:center}[dir=ltr] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:right}[dir=rtl] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:left}.react-spectrum-Table-cell--alignEnd_e844a7{justify-content:flex-end}.react-spectrum-Table-centeredWrapper_e844a7{width:100%;height:100%;justify-content:center;align-items:center;display:flex}
+.spectrum-Table_d0fc74{border-collapse:separate;border-spacing:0;isolation:isolate;outline:none;position:relative}[dir=ltr] svg.spectrum-Table-sortedIcon_d0fc74{margin-right:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] svg.spectrum-Table-sortedIcon_d0fc74{margin-left:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}svg.spectrum-Table-sortedIcon_d0fc74{min-width:var(--spectrum-icon-arrow-down-small-width,var(--spectrum-global-dimension-size-100));vertical-align:middle;transition:transform var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;flex:none;display:none}[dir=ltr] .spectrum-Table-menuChevron_d0fc74.spectrum-Table-menuChevron_d0fc74{margin-left:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Table-menuChevron_d0fc74.spectrum-Table-menuChevron_d0fc74{margin-right:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}.spectrum-Table-menuChevron_d0fc74.spectrum-Table-menuChevron_d0fc74{min-width:var(--spectrum-icon-chevron-down-medium-width);vertical-align:middle;flex:none;display:none}[dir=ltr] .spectrum-Table-headWrapper_d0fc74{border-left-width:1px}[dir=rtl] .spectrum-Table-headWrapper_d0fc74{border-right-width:1px}[dir=ltr] .spectrum-Table-headWrapper_d0fc74{border-left-style:solid}[dir=rtl] .spectrum-Table-headWrapper_d0fc74{border-right-style:solid}[dir=ltr] .spectrum-Table-headWrapper_d0fc74{border-right-width:1px}[dir=rtl] .spectrum-Table-headWrapper_d0fc74{border-left-width:1px}[dir=ltr] .spectrum-Table-headWrapper_d0fc74{border-right-style:solid}[dir=rtl] .spectrum-Table-headWrapper_d0fc74{border-left-style:solid}.spectrum-Table-headWrapper_d0fc74{z-index:1;flex:none;margin-bottom:-1px;padding-bottom:1px}.spectrum-Table-headCellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.spectrum-Table-headCell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-table-header-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:var(--spectrum-table-header-text-line-height,var(--spectrum-alias-heading-text-line-height));min-height:var(--spectrum-table-header-min-height,var(--spectrum-global-dimension-size-150));padding:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125))var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200));transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-radius:var(--spectrum-table-header-border-radius,0px);outline:0;display:flex}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74{cursor:default}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sorted-desc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{margin-top:calc(var(--spectrum-global-dimension-size-25)*-1);display:inline-block}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{transform:rotate(180deg)}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74{padding:0}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellContents_d0fc74{min-width:0;flex:auto}[dir=ltr] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-right:0}[dir=rtl] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-left:0}[dir=ltr] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-left:var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200))}[dir=rtl] .spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{padding-right:var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{box-sizing:border-box;padding-top:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125));padding-bottom:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spectrum-Table-headCell_d0fc74 .is-hovered_d0fc74 .spectrum-Table-menuChevron_d0fc74,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74 .spectrum-Table-menuChevron_d0fc74{display:inline-block}[dir=ltr] .spectrum-Table-columnResizer_d0fc74{right:-10px}[dir=rtl] .spectrum-Table-columnResizer_d0fc74{left:-10px}.spectrum-Table-columnResizer_d0fc74{box-sizing:border-box;width:21px;height:100%;-webkit-user-select:none;user-select:none;justify-content:center;display:flex;position:absolute}.spectrum-Table-columnResizer_d0fc74:after{content:"";box-sizing:border-box;width:1px;height:100%;display:block}.spectrum-Table-columnResizer_d0fc74:active,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74{outline:none}.spectrum-Table-columnResizerPlaceholder_d0fc74{box-sizing:border-box;width:10px;height:100%;-webkit-user-select:none;user-select:none;flex:none}.spectrum-Table-bodyResizeIndicator_d0fc74{width:2px;height:100%;display:none;position:absolute;top:0}.spectrum-Table-cell--alignCenter_d0fc74{text-align:center}[dir=ltr] .spectrum-Table-cell--alignEnd_d0fc74{text-align:right}[dir=rtl] .spectrum-Table-cell--alignEnd_d0fc74{text-align:left}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{content:"";z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);position:relative;overflow:auto;transform:translate(0,0)}[dir=ltr] .spectrum-Table-body_d0fc74.spectrum-Table-body--resizerAtTableEdge_d0fc74{border-top-right-radius:0}[dir=rtl] .spectrum-Table-body_d0fc74.spectrum-Table-body--resizerAtTableEdge_d0fc74{border-top-left-radius:0}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:first-child{border-top-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:last-child{border-top-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:first-child{border-bottom-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:last-child{border-bottom-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table-cell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-table-cell-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:calc(var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default))*var(--spectrum-table-cell-text-line-height,var(--spectrum-alias-body-text-line-height)) - 1px);padding:var(--spectrum-global-dimension-size-125)var(--spectrum-table-cell-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table--compact_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-75);padding-bottom:var(--spectrum-global-dimension-size-75)}.spectrum-Table--spacious_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-175);padding-bottom:var(--spectrum-global-dimension-size-175)}.spectrum-Table-cellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:-4px;padding:4px;overflow:hidden}.spectrum-Table-cell--hideHeader_d0fc74{justify-content:center;padding:0}.spectrum-Table--wrap_d0fc74 .spectrum-Table-cellContents_d0fc74{white-space:normal}.spectrum-Table-cell_d0fc74,.spectrum-Table-headCell_d0fc74,.spectrum-Table-headCellButton_d0fc74{position:relative}.spectrum-Table-cell_d0fc74:focus,.spectrum-Table-headCell_d0fc74:focus,.spectrum-Table-headCellButton_d0fc74:focus,.spectrum-Table-cell_d0fc74.focus-ring_d0fc74,.spectrum-Table-cell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74{outline:none}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{content:"";z-index:1;border-radius:calc(var(--spectrum-table-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)) - 1px);position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-headCellButton_d0fc74{align-items:center;display:flex}.spectrum-Table-headerCellText_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{top:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));right:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));bottom:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));left:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-Table-row_d0fc74{cursor:default;transition:background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;position:relative}.spectrum-Table-row_d0fc74:focus{outline:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{left:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-right:-3px}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-left:-3px}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{content:"";height:100%;width:3px;z-index:4;display:inline-block;position:sticky}.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cellWrapper_d0fc74:first-of-type{vertical-align:top;display:inline-block}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:0}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}.spectrum-Table_d0fc74>.spectrum-Table-body_d0fc74>.spectrum-Table-row_d0fc74:last-of-type{border-bottom-style:none}.spectrum-Table--quiet_d0fc74 .spectrum-Table-headWrapper_d0fc74{border-left:0;border-right:0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{border-radius:var(--spectrum-table-quiet-border-radius,0px)}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-right:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-left:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,.spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{vertical-align:var(--spectrum-table-cell-checkbox-vertical-alignment,middle);padding-top:0;padding-bottom:0}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-right:0}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-left:0}.spectrum-Table-checkbox_d0fc74{vertical-align:super}[dir=ltr] .spectrum-Table-colResizeIndicator_d0fc74{right:0}[dir=rtl] .spectrum-Table-colResizeIndicator_d0fc74{left:0}.spectrum-Table-colResizeIndicator_d0fc74{height:100%;width:2px;pointer-events:none;display:none;position:absolute;top:1px}.spectrum-Table-colResizeIndicator_d0fc74.spectrum-Table-colResizeIndicator--visible_d0fc74{display:block}[dir=ltr] .spectrum-Table-colResizeNubbin_d0fc74{left:-7px}[dir=rtl] .spectrum-Table-colResizeNubbin_d0fc74{right:-7px}.spectrum-Table-colResizeNubbin_d0fc74{pointer-events:none;width:16px;height:16px;display:none;position:absolute;top:-1px}.spectrum-Table-colResizeNubbin_d0fc74.spectrum-Table-colResizeNubbin--visible_d0fc74{display:block}.resize-ew_d0fc74 *,.spectrum-Table-columnResizer--ewresize_d0fc74{cursor:ew-resize!important}.resize-e_d0fc74 *,.spectrum-Table-columnResizer--eresize_d0fc74{cursor:e-resize!important}.resize-w_d0fc74 *,.spectrum-Table-columnResizer--wresize_d0fc74{cursor:w-resize!important}[dir=ltr] .spectrum-Table-headWrapper_d0fc74{border-left-color:#0000}[dir=rtl] .spectrum-Table-headWrapper_d0fc74,[dir=ltr] .spectrum-Table-headWrapper_d0fc74{border-right-color:#0000}[dir=rtl] .spectrum-Table-headWrapper_d0fc74{border-left-color:#0000}.spectrum-Table-headCell_d0fc74{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color,var(--spectrum-global-color-gray-600))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-hovered_d0fc74{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-hovered_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-global-color-gray-700)}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-focused_d0fc74{color:var(--spectrum-table-header-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.focus-ring_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-focused_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-active_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-active_d0fc74{color:var(--spectrum-table-header-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-active_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74.is-active_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Table-body_d0fc74{border-style:solid;border-color:var(--spectrum-table-border-color,var(--spectrum-alias-border-color-mid));background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-body_d0fc74.focus-ring_d0fc74{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}tbody.spectrum-Table-body_d0fc74{border:none}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74{border-top:none}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-cell_d0fc74{border-top:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child{border-left:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-right:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74{border-bottom:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}.spectrum-Table-row_d0fc74{box-sizing:border-box}.spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{background:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}[dir=ltr] .spectrum-Table-row_d0fc74:after{left:0}[dir=rtl] .spectrum-Table-row_d0fc74:after,[dir=ltr] .spectrum-Table-row_d0fc74:after{right:0}[dir=rtl] .spectrum-Table-row_d0fc74:after{left:0}.spectrum-Table-row_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300));content:"";z-index:3;pointer-events:none;display:block;position:absolute;top:0;bottom:0}.spectrum-Table-row_d0fc74.is-next-selected_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 1px 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74{color:var(--spectrum-table-cell-text-color,var(--spectrum-alias-text-color));background-color:var(--spectrum-table-cell-background-color,var(--spectrum-alias-background-color-transparent))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-style:solid}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-style:solid}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{background-color:var(--spectrum-table-quiet-cell-background-color,var(--spectrum-alias-background-color-transparent));border-width:1px 0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74{box-shadow:none;border-color:#0000}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-quiet-row-background-color-down,var(--spectrum-alias-highlight-active))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child,.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-left:none;border-right:none}.spectrum-Table-columnResizer_d0fc74:after{background-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table-columnResizer_d0fc74:active:after,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74:after{background-color:unset}.spectrum-Table-colResizeIndicator_d0fc74.spectrum-Table-colResizeIndicator--resizing_d0fc74,.spectrum-Table-bodyResizeIndicator_d0fc74{background-color:var(--spectrum-global-color-blue-600)}.react-spectrum-Table_e844a7{-webkit-user-select:none;user-select:none;min-height:0;min-width:0;flex-direction:column;display:flex}.react-spectrum-Table-cell_e844a7{align-items:center;display:flex}.react-spectrum-Table-cellWrapper_e844a7>.react-spectrum-Table-cell_e844a7{height:100%}[dir=ltr] .react-spectrum-Table-cell--alignStart_e844a7{text-align:left}[dir=rtl] .react-spectrum-Table-cell--alignStart_e844a7{text-align:right}.react-spectrum-Table-cell--alignStart_e844a7{justify-content:flex-start}.react-spectrum-Table-cell--alignCenter_e844a7{text-align:center;justify-content:center}[dir=ltr] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:right}[dir=rtl] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:left}.react-spectrum-Table-cell--alignEnd_e844a7{justify-content:flex-end}.react-spectrum-Table-centeredWrapper_e844a7{width:100%;height:100%;justify-content:center;align-items:center;display:flex}

package/dist/main.js

@@ -720,11 +720,13 @@ $982885d0a34882ea$export$d3861fcb1e5f6a2b = "spectrum-Table-colResizeIndicator--
 
 function $2877766f94c67a67$var$Resizer(props, ref) {
     let { column: column , showResizer: showResizer  } = props;
-    let { state: state , columnState: columnState , isEmpty: isEmpty  } = (0, $be8a9c035a82f788$export$3cb274deb6c2d854)();
+    let { state: state , isEmpty: isEmpty , layout: layout  } = (0, $be8a9c035a82f788$export$3cb274deb6c2d854)();
+    // Virtualizer re-renders, but these components are all cached
+    // in order to get around that and cause a rerender here, we use context
+    // but we don't actually need any value, they are available on the layout object
+    (0, $be8a9c035a82f788$export$3f8f74b6bfd2c5df)();
     let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports))));
     let { direction: direction  } = (0, $3fpzo$reactariai18n.useLocale)();
-    const stateRef = (0, $3fpzo$react.useRef)(null);
-    stateRef.current = columnState;
     let { inputProps: inputProps , resizerProps: resizerProps  } = (0, $3fpzo$reactariatable.useTableColumnResize)({
         ...props,
         label: stringFormatter.format("columnResizer"),
@@ -733,8 +735,8 @@ function $2877766f94c67a67$var$Resizer(props, ref) {
             document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-ew"));
             document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e"));
             document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w"));
-            if (stateRef.current.getColumnMinWidth(column.key) >= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w") : (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e"));
-            else if (stateRef.current.getColumnMaxWidth(column.key) <= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e") : (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w"));
+            if (layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w") : (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e"));
+            else if (layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e") : (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w"));
             else document.body.classList.add((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-ew"));
             props.onMoveResizer(e);
         },
@@ -743,15 +745,15 @@ function $2877766f94c67a67$var$Resizer(props, ref) {
             document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e"));
             document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w"));
         }
-    }, state, columnState, ref);
+    }, state, layout, ref);
     let style = {
         cursor: undefined,
         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);
+    let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
+    let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
         within: true,
         focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
@@ -841,35 +843,46 @@ const $be8a9c035a82f788$var$TableContext = /*#__PURE__*/ (0, ($parcel$interopDef
 function $be8a9c035a82f788$export$3cb274deb6c2d854() {
     return (0, $3fpzo$react.useContext)($be8a9c035a82f788$var$TableContext);
 }
+const $be8a9c035a82f788$var$VirtualizerContext = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
+function $be8a9c035a82f788$export$3f8f74b6bfd2c5df() {
+    return (0, $3fpzo$react.useContext)($be8a9c035a82f788$var$VirtualizerContext);
+}
 function $be8a9c035a82f788$var$TableView(props, ref) {
     props = (0, $3fpzo$reactspectrumprovider.useProviderProps)(props);
-    let { isQuiet: isQuiet , onAction: onAction  } = props;
+    let { isQuiet: isQuiet , onAction: onAction , onResizeEnd: propsOnResizeEnd  } = props;
     let { styleProps: styleProps  } = (0, $3fpzo$reactspectrumutils.useStyleProps)(props);
     let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $3fpzo$react.useState)(props.selectionStyle !== "highlight");
     let { direction: direction  } = (0, $3fpzo$reactariai18n.useLocale)();
     let { scale: scale  } = (0, $3fpzo$reactspectrumprovider.useProvider)();
-    const getDefaultWidth = (0, $3fpzo$react.useCallback)(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
+    const getDefaultWidth = (0, $3fpzo$react.useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  }  })=>{
+        if (hideHeader) {
+            let width = $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
+            return showDivider ? width + 1 : width;
+        } else if (isSelectionCell) return $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+    }, [
+        scale
+    ]);
+    const getDefaultMinWidth = (0, $3fpzo$react.useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  }  })=>{
         if (hideHeader) {
             let width = $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
             return showDivider ? width + 1 : width;
         } else if (isSelectionCell) return $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        return 75;
     }, [
         scale
     ]);
+    // Starts when the user selects resize from the menu, ends when resizing ends
+    // used to control the visibility of the resizer Nubbin
     let [isInResizeMode, setIsInResizeMode] = (0, $3fpzo$react.useState)(false);
+    // Starts when the resizer is actually moved
+    // entering resizing/exiting resizing doesn't trigger a render
+    // with table layout, so we need to track it here
+    let [, setIsResizing] = (0, $3fpzo$react.useState)(false);
     let state = (0, $3fpzo$reactstatelytable.useTableState)({
         ...props,
         showSelectionCheckboxes: showSelectionCheckboxes,
         selectionBehavior: props.selectionStyle === "highlight" ? "replace" : "toggle"
     });
-    const columnState = (0, $3fpzo$reactstatelytable.useTableColumnResizeState)({
-        ...(0, $3fpzo$reactariautils.mergeProps)(props, {
-            onColumnResizeEnd: ()=>{
-                setIsInResizeMode(false);
-            }
-        }),
-        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";
     if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
@@ -878,25 +891,36 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     let bodyRef = (0, $3fpzo$react.useRef)();
     let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports))));
     let density = props.density || "regular";
+    let columnLayout = (0, $3fpzo$react.useMemo)(()=>new (0, $3fpzo$reactstatelytable.TableColumnLayout)({
+            getDefaultWidth: getDefaultWidth,
+            getDefaultMinWidth: getDefaultMinWidth
+        }), [
+        getDefaultWidth,
+        getDefaultMinWidth
+    ]);
     let layout = (0, $3fpzo$react.useMemo)(()=>new (0, $3fpzo$reactstatelylayout.TableLayout)({
             // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
             rowHeight: props.overflowMode === "wrap" ? null : $be8a9c035a82f788$var$ROW_HEIGHTS[density][scale],
             estimatedRowHeight: props.overflowMode === "wrap" ? $be8a9c035a82f788$var$ROW_HEIGHTS[density][scale] : null,
             headingHeight: props.overflowMode === "wrap" ? null : $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT[scale],
-            estimatedHeadingHeight: props.overflowMode === "wrap" ? $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT[scale] : null
-        }), [
+            estimatedHeadingHeight: props.overflowMode === "wrap" ? $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT[scale] : null,
+            columnLayout: columnLayout,
+            initialCollection: state.collection
+        }), // don't recompute when state.collection changes, only used for initial value
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
         props.overflowMode,
         scale,
-        density
+        density,
+        columnLayout
     ]);
-    layout.collection = state.collection;
-    layout.getColumnWidth = columnState.getColumnWidth;
     let { gridProps: gridProps  } = (0, $3fpzo$reactariatable.useTable)({
         ...props,
         isVirtualized: true,
         layout: layout,
         onRowAction: onAction
     }, state, domRef);
+    let [headerMenuOpen, setHeaderMenuOpen] = (0, $3fpzo$react.useState)(false);
     let [headerRowHovered, setHeaderRowHovered] = (0, $3fpzo$react.useState)(false);
     let renderWrapper = (parent, reusableView, children, renderChildren)=>{
         let style = (0, $3fpzo$reactariavirtualizer.layoutInfoToStyle)(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
@@ -1011,17 +1035,35 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
         if (e.pointerType === "keyboard") lastResizeInteractionModality.current = e.pointerType;
         else lastResizeInteractionModality.current = undefined;
     };
+    let onResizeStart = (0, $3fpzo$react.useCallback)(()=>{
+        setIsResizing(true);
+    }, [
+        setIsResizing
+    ]);
+    let onResizeEnd = (0, $3fpzo$react.useCallback)((widths)=>{
+        setIsInResizeMode(false);
+        setIsResizing(false);
+        propsOnResizeEnd === null || propsOnResizeEnd === void 0 ? void 0 : propsOnResizeEnd(widths);
+    }, [
+        propsOnResizeEnd,
+        setIsInResizeMode,
+        setIsResizing
+    ]);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableContext.Provider, {
         value: {
             state: state,
             layout: layout,
-            columnState: columnState,
+            onResizeStart: onResizeStart,
+            onResize: props.onResize,
+            onResizeEnd: onResizeEnd,
             headerRowHovered: headerRowHovered,
             isInResizeMode: isInResizeMode,
             setIsInResizeMode: setIsInResizeMode,
             isEmpty: isEmpty,
             onFocusedResizer: onFocusedResizer,
-            onMoveResizer: onMoveResizer
+            onMoveResizer: onMoveResizer,
+            headerMenuOpen: headerMenuOpen,
+            setHeaderMenuOpen: setHeaderMenuOpen
         }
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableVirtualizer, {
         ...(0, $3fpzo$reactariautils.mergeProps)(gridProps, focusProps),
@@ -1038,24 +1080,25 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
         focusedKey: state.selectionManager.focusedKey,
         renderView: renderView,
         renderWrapper: renderWrapper,
-        setTableWidth: columnState.setTableWidth,
         onVisibleRectChange: onVisibleRectChange,
         domRef: domRef,
         headerRef: headerRef,
         lastResizeInteractionModality: lastResizeInteractionModality,
         bodyRef: bodyRef,
-        isFocusVisible: isFocusVisible,
-        getColumnWidth: columnState.getColumnWidth
+        isFocusVisible: isFocusVisible
     }));
 }
 // This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
-function $be8a9c035a82f788$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 }) {
+function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: collection , lastResizeInteractionModality: lastResizeInteractionModality , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , headerRef: headerRef , onVisibleRectChange: onVisibleRectChangeProp , isFocusVisible: isFocusVisible , ...otherProps }) {
     var ref, ref1, ref2;
     let { direction: direction  } = (0, $3fpzo$reactariai18n.useLocale)();
-    let { state: tableState , columnState: columnState  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
     let loadingState = collection.body.props.loadingState;
     let isLoading = loadingState === "loading" || loadingState === "loadingMore";
     let onLoadMore = collection.body.props.onLoadMore;
+    let transitionDuration = 220;
+    if (isLoading) transitionDuration = 160;
+    if (layout.resizingColumn != null) // while resizing, prop changes should not cause animations
+    transitionDuration = 0;
     let state = (0, $3fpzo$reactstatelyvirtualizer.useVirtualizerState)({
         layout: layout,
         collection: collection,
@@ -1065,7 +1108,7 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
             bodyRef.current.scrollTop = rect.y;
             (0, $3fpzo$reactariavirtualizer.setScrollLeft)(bodyRef.current, direction, rect.x);
         },
-        transitionDuration: isLoading ? 160 : 220
+        transitionDuration: transitionDuration
     });
     let { virtualizerProps: virtualizerProps  } = (0, $3fpzo$reactariavirtualizer.useVirtualizer)({
         focusedKey: focusedKey,
@@ -1082,15 +1125,9 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
             });
         }
     }, state, domRef);
-    // If columnwidths change, need to relayout.
-    (0, $3fpzo$reactariautils.useLayoutEffect)(()=>{
-        state.virtualizer.relayoutNow({
-            sizeChanged: true
-        });
-    }, [
-        getColumnWidth,
-        state.virtualizer
-    ]);
+    // this effect runs whenever the contentSize changes, it doesn't matter what the content size is
+    // only that it changes in a resize, and when that happens, we want to sync the body to the
+    // header scroll position
     (0, $3fpzo$react.useEffect)(()=>{
         if (lastResizeInteractionModality.current === "keyboard" && headerRef.current.contains(document.activeElement)) {
             var ref, ref1;
@@ -1116,7 +1153,6 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
         headerRef
     ]);
     let onVisibleRectChange = (0, $3fpzo$react.useCallback)((rect)=>{
-        setTableWidth(rect.width);
         state.setVisibleRect(rect);
         if (!isLoading && onLoadMore) {
             let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
@@ -1140,19 +1176,24 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
         onLoadMore,
         isLoading
     ]);
-    let keysBefore = [];
-    let key = columnState.currentlyResizingColumn;
-    do {
-        keysBefore.push(key);
-        key = tableState.collection.getKeyBefore(key);
-    }while (key != null);
-    let resizerPosition = keysBefore.reduce((acc, key)=>acc + columnState.getColumnWidth(key), 0) - 2;
+    let resizerPosition = layout.getResizerPosition() - 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__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
+    // minimize re-render caused on Resizers by memoing this
+    let resizingColumnWidth = layout.getColumnWidth(layout.resizingColumn);
+    let resizingColumn = (0, $3fpzo$react.useMemo)(()=>({
+            width: resizingColumnWidth,
+            key: layout.resizingColumn
+        }), [
+        resizingColumnWidth,
+        layout.resizingColumn
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$VirtualizerContext.Provider, {
+        value: resizingColumn
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         ...(0, $3fpzo$reactariautils.mergeProps)(otherProps, virtualizerProps),
         ref: domRef
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
@@ -1187,14 +1228,14 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
         onScrollStart: state.startScrolling,
         onScrollEnd: state.endScrolling,
         onScroll: onScroll
-    }, state.visibleViews[1], columnState.currentlyResizingColumn != null && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
+    }, state.visibleViews[1], /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-bodyResizeIndicator"),
         style: {
             [direction === "ltr" ? "left" : "right"]: `${resizerPosition}px`,
             height: `${Math.max(state.virtualizer.contentSize.height, state.virtualizer.visibleRect.height)}px`,
-            display: "block"
+            display: layout.resizingColumn ? "block" : "none"
         }
-    }))));
+    })))));
 }
 function $be8a9c035a82f788$var$TableHeader({ children: children , ...otherProps }) {
     let { rowGroupProps: rowGroupProps  } = (0, $3fpzo$reactariatable.useTableRowGroup)();
@@ -1212,11 +1253,11 @@ function $be8a9c035a82f788$var$TableColumnHeader(props) {
     let { pressProps: pressProps , isPressed: isPressed  } = (0, $3fpzo$reactariainteractions.usePress)({
         isDisabled: isEmpty
     });
+    let columnProps = column.props;
     let { columnHeaderProps: columnHeaderProps  } = (0, $3fpzo$reactariatable.useTableColumnHeader)({
         node: column,
         isVirtualized: true
     }, state, ref4);
-    let columnProps = column.props;
     let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $3fpzo$reactariainteractions.useHover)({
         ...props,
         isDisabled: isEmpty
@@ -1280,19 +1321,18 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
     let ref5 = (0, $3fpzo$react.useRef)(null);
     let triggerRef = (0, $3fpzo$react.useRef)(null);
     let resizingRef = (0, $3fpzo$react.useRef)(null);
-    let { state: state , columnState: columnState , headerRowHovered: headerRowHovered , setIsInResizeMode: setIsInResizeMode , isInResizeMode: isInResizeMode , isEmpty: isEmpty , onFocusedResizer: onFocusedResizer , onMoveResizer: onMoveResizer  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state , layout: layout , onResizeStart: onResizeStart , onResize: onResize , onResizeEnd: onResizeEnd , headerRowHovered: headerRowHovered , setIsInResizeMode: setIsInResizeMode , isEmpty: isEmpty , onFocusedResizer: onFocusedResizer , onMoveResizer: onMoveResizer , isInResizeMode: isInResizeMode , headerMenuOpen: headerMenuOpen , setHeaderMenuOpen: setHeaderMenuOpen  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
     let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports))));
     let { pressProps: pressProps , isPressed: isPressed  } = (0, $3fpzo$reactariainteractions.usePress)({
         isDisabled: isEmpty
     });
     let { columnHeaderProps: columnHeaderProps  } = (0, $3fpzo$reactariatable.useTableColumnHeader)({
         node: column,
-        isVirtualized: true,
-        hasMenu: true
+        isVirtualized: true
     }, state, ref5);
     let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $3fpzo$reactariainteractions.useHover)({
         ...props,
-        isDisabled: isEmpty
+        isDisabled: isEmpty || headerMenuOpen
     });
     const allProps = [
         columnHeaderProps,
@@ -1300,7 +1340,6 @@ function $be8a9c035a82f788$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  } = (0, $3fpzo$reactariafocus.useFocusRing)();
     const onMenuSelect = (key)=>{
         switch(key){
@@ -1311,7 +1350,7 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
                 state.sort(column.key, "descending");
                 break;
             case "resize":
-                columnState.onColumnResizeStart(column);
+                layout.onColumnResizeStart(column.key);
                 setIsInResizeMode(true);
                 break;
         }
@@ -1338,29 +1377,40 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
         allowsSorting
     ]);
     let isMobile = (0, $3fpzo$reactspectrumutils.useIsMobileDevice)();
+    let resizingColumn = layout.resizingColumn;
+    let prevResizingColumn = (0, $3fpzo$react.useRef)(null);
+    let timeout = (0, $3fpzo$react.useRef)(null);
     (0, $3fpzo$react.useEffect)(()=>{
-        if (columnState.currentlyResizingColumn === column.key) {
+        if (prevResizingColumn.current !== resizingColumn && resizingColumn != null && resizingColumn === column.key) {
+            if (timeout.current) clearTimeout(timeout.current);
             // 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
+            let focusResizer = ()=>{
+                resizingRef.current.focus();
+                onFocusedResizer();
+                timeout.current = null;
+            };
             if (isMobile) {
-                setTimeout(()=>{
-                    resizingRef.current.focus();
-                    onFocusedResizer();
-                }, 400);
+                timeout.current = setTimeout(focusResizer, 400);
                 return;
             }
-            setTimeout(()=>{
-                resizingRef.current.focus();
-                onFocusedResizer();
-            }, 0);
+            timeout.current = setTimeout(focusResizer, 0);
         }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+        prevResizingColumn.current = resizingColumn;
     }, [
-        columnState.currentlyResizingColumn,
+        resizingColumn,
         column.key,
-        isMobile
+        isMobile,
+        onFocusedResizer,
+        resizingRef,
+        prevResizingColumn,
+        timeout
     ]);
-    let showResizer = !isEmpty && (headerRowHovered && (0, $3fpzo$reactariainteractions.getInteractionModality)() !== "keyboard" || columnState.currentlyResizingColumn != null);
+    // eslint-disable-next-line arrow-body-style
+    (0, $3fpzo$react.useEffect)(()=>{
+        return ()=>clearTimeout(timeout.current);
+    }, []);
+    let showResizer = !isEmpty && (headerRowHovered && (0, $3fpzo$reactariainteractions.getInteractionModality)() !== "keyboard" || resizingColumn != null);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
         focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
@@ -1379,14 +1429,16 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
             "react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
             "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
         }))
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrummenu.MenuTrigger), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeaderButton, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrummenu.MenuTrigger), {
+        onOpenChange: setHeaderMenuOpen
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeaderButton, {
         ref: triggerRef,
         focusProps: focusProps
     }, columnProps.allowsSorting && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiArrowDownSmall))), {
         UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-sortedIcon")
     }), columnProps.hideHeader ? /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavisuallyhidden.VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headerCellText")
-    }, column.rendered), columnProps.allowsResizing && columnState.currentlyResizingColumn === null && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiChevronDownMedium))), {
+    }, column.rendered), columnProps.allowsResizing && resizingColumn == null && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiChevronDownMedium))), {
         UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-menuChevron")
     })), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrummenu.Menu), {
         onAction: onMenuSelect,
@@ -1396,17 +1448,20 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
         ref: resizingRef,
         column: column,
         showResizer: showResizer,
+        onResizeStart: onResizeStart,
+        onResize: onResize,
+        onResizeEnd: onResizeEnd,
         triggerRef: (0, $3fpzo$reactspectrumutils.useUnwrapDOMRef)(triggerRef),
         onMoveResizer: onMoveResizer
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         "aria-hidden": true,
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-colResizeIndicator", {
-            "spectrum-Table-colResizeIndicator--visible": columnState.currentlyResizingColumn != null,
-            "spectrum-Table-colResizeIndicator--resizing": columnState.currentlyResizingColumn === column.key
+            "spectrum-Table-colResizeIndicator--visible": resizingColumn != null,
+            "spectrum-Table-colResizeIndicator--resizing": resizingColumn === column.key
         })
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-colResizeNubbin", {
-            "spectrum-Table-colResizeNubbin--visible": isInResizeMode && columnState.currentlyResizingColumn === column.key
+            "spectrum-Table-colResizeNubbin--visible": isInResizeMode && resizingColumn === column.key
         })
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $18b3deb5c431fa13$export$d9658cdf8c86807), null)))));
 }
@@ -1500,13 +1555,16 @@ function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasA
     }, children);
 }
 function $be8a9c035a82f788$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state , headerMenuOpen: headerMenuOpen  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
     let ref = (0, $3fpzo$react.useRef)();
     let { rowProps: rowProps  } = (0, $3fpzo$reactariatable.useTableHeaderRow)({
         node: item,
         isVirtualized: true
     }, state, ref);
-    let { hoverProps: hoverProps  } = (0, $3fpzo$reactariainteractions.useHover)(props);
+    let { hoverProps: hoverProps  } = (0, $3fpzo$reactariainteractions.useHover)({
+        ...props,
+        isDisabled: headerMenuOpen
+    });
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         ...(0, $3fpzo$reactariautils.mergeProps)(rowProps, hoverProps),
         ref: ref,