@react-spectrum/s2 3.0.0-nightly-5a0b4fabc-240924 → 3.0.0-nightly-a626c2596-240926

package/dist/Table.mjs

@@ -0,0 +1,1083 @@
+import "./Table.css";
+import {Checkbox as $9b405e0f8095dce0$export$48513f6b9f8ce62d} from "./Checkbox.mjs";
+import $4b69f02ec06b9226$export$2e2bcd8739ae039 from "./Chevron.mjs";
+import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../icons/Icon.mjs";
+import $l9ePO$intlStringsmjs from "./intlStrings.mjs";
+import {Menu as $13afb0ea5f0ed767$export$d9b273488cd8ce6f, MenuItem as $13afb0ea5f0ed767$export$2ce376c2cc3355c8, MenuTrigger as $13afb0ea5f0ed767$export$27d2ad3c5815583e} from "./Menu.mjs";
+import {mergeStyles as $feb886035e0d4633$export$e618dc39ac9ad607} from "../icons/runtime.mjs";
+import $59ff3896bbb9d00c$export$2e2bcd8739ae039 from "./MoveHorizontalCircleTableWidget.mjs";
+import {ProgressCircle as $41ddd91dbbf0c389$export$c79b9d6b4cc92af7} from "./ProgressCircle.mjs";
+import $5a632e895c21f138$export$2e2bcd8739ae039 from "../icons/SortDown.mjs";
+import $415c33109ddcfc45$export$2e2bcd8739ae039 from "../icons/SortUp.mjs";
+import {useScale as $859432f3b3573fcb$export$a8d2043b2d807f4d} from "./utils.mjs";
+import {jsx as $l9ePO$jsx, jsxs as $l9ePO$jsxs, Fragment as $l9ePO$Fragment} from "react/jsx-runtime";
+import {UNSTABLE_TableLayout as $l9ePO$UNSTABLE_TableLayout, ResizableTableContainer as $l9ePO$ResizableTableContainer, UNSTABLE_Virtualizer as $l9ePO$UNSTABLE_Virtualizer, Table as $l9ePO$Table, UNSTABLE_TableLoadingIndicator as $l9ePO$UNSTABLE_TableLoadingIndicator, Collection as $l9ePO$Collection, TableBody as $l9ePO$TableBody, Column as $l9ePO$Column, Provider as $l9ePO$Provider, Button as $l9ePO$Button, ColumnResizer as $l9ePO$ColumnResizer, useTableOptions as $l9ePO$useTableOptions, TableHeader as $l9ePO$TableHeader, useSlottedContext as $l9ePO$useSlottedContext, CheckboxContext as $l9ePO$CheckboxContext, Cell as $l9ePO$Cell, Row as $l9ePO$Row} from "react-aria-components";
+import {createContext as $l9ePO$createContext, useMemo as $l9ePO$useMemo, useState as $l9ePO$useState, useCallback as $l9ePO$useCallback, useRef as $l9ePO$useRef, useContext as $l9ePO$useContext, forwardRef as $l9ePO$forwardRef} from "react";
+import {Rect as $l9ePO$Rect} from "@react-stately/virtualizer";
+import {useDOMRef as $l9ePO$useDOMRef} from "@react-spectrum/utils";
+import {useLoadMore as $l9ePO$useLoadMore} from "@react-aria/utils";
+import {useLocalizedStringFormatter as $l9ePO$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {VisuallyHidden as $l9ePO$VisuallyHidden} from "react-aria";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+let $d57818bede309747$var$InternalTableContext = /*#__PURE__*/ (0, $l9ePO$createContext)({});
+const $d57818bede309747$var$tableWrapper = " . oa oba qa qba _Zd __Fa __R-yksgrp";
+const $d57818bede309747$var$table = function anonymous(props, overrides) {
+    let rules = " .";
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
+    rules += matches.join('');
+    let $l = false;
+    let $o = false;
+    let $q = false;
+    for (let p of matches){
+        if (/^\s*l/.test(p)) $l = true;
+        if (/^\s*o/.test(p)) $o = true;
+        if (/^\s*q/.test(p)) $q = true;
+    }
+    if (!$l) rules += ' l4';
+    rules += ' __Da';
+    if (!$o) {
+        rules += ' oba';
+        rules += ' oa';
+    }
+    if (!$q) {
+        rules += ' qba';
+        rules += ' qa';
+    }
+    rules += ' _c-bc1l9oh';
+    rules += ' _c-1uotwbwg';
+    rules += ' _c-eo0c6sf';
+    rules += ' _c-enzzrge';
+    rules += ' _c-enzykdd';
+    rules += ' _c-enzwzjc';
+    rules += ' _c-enzrfpb';
+    rules += ' _ca';
+    rules += ' _eb';
+    rules += ' __va';
+    rules += ' __wa';
+    rules += ' ba_____u';
+    if (props.isQuiet) rules += ' ba';
+    else rules += ' bd';
+    rules += ' da_____v';
+    if (props.isFocusVisible) rules += ' dx';
+    else rules += ' di';
+    if (props.isFocusVisible) rules += ' _Nc';
+    else if (props.isQuiet) rules += ' _Na';
+    else rules += ' _Nb';
+    rules += ' _Lb';
+    if (props.isQuiet) rules += ' _va';
+    else {
+        rules += ' _vb-1aa9md1';
+        rules += ' _v-6njx2e';
+    }
+    if (props.isQuiet) rules += ' _wa';
+    else {
+        rules += ' _wb-1aa9md1';
+        rules += ' _w-6njx2e';
+    }
+    if (props.isQuiet) rules += ' _xa';
+    else {
+        rules += ' _xb-1aa9md1';
+        rules += ' _x-6njx2e';
+    }
+    if (props.isQuiet) rules += ' _ya';
+    else {
+        rules += ' _yb-1aa9md1';
+        rules += ' _y-6njx2e';
+    }
+    rules += ' Mj';
+    if (props.isCheckboxSelection) rules += ' Kl';
+    return rules;
+};
+// component-height-100
+const $d57818bede309747$var$DEFAULT_HEADER_HEIGHT = {
+    medium: 32,
+    large: 40
+};
+const $d57818bede309747$var$ROW_HEIGHTS = {
+    compact: {
+        medium: 32,
+        large: 40
+    },
+    regular: {
+        medium: 40,
+        large: 50
+    },
+    spacious: {
+        medium: 48,
+        large: 60
+    }
+};
+class $d57818bede309747$export$4e03bdf0174fd602 extends (0, $l9ePO$UNSTABLE_TableLayout) {
+    constructor(options){
+        super({
+            ...options,
+            loaderHeight: 60
+        });
+    }
+    isStickyColumn(node) {
+        return node.props.isSticky;
+    }
+    buildCollection() {
+        let [header, body] = super.buildCollection();
+        let { children: children, layoutInfo: layoutInfo } = body;
+        // TableLayout's buildCollection always sets the body width to the max width between the header width, but
+        // we want the body to be sticky and only as wide as the table so it is always in view if loading/empty
+        if (children?.length === 0) layoutInfo.rect.width = this.virtualizer.visibleRect.width - 80;
+        return [
+            header,
+            body
+        ];
+    }
+    buildLoader(node, x, y) {
+        let layoutNode = super.buildLoader(node, x, y);
+        let { layoutInfo: layoutInfo } = layoutNode;
+        layoutInfo.allowOverflow = true;
+        layoutInfo.rect.width = this.virtualizer.visibleRect.width;
+        layoutInfo.isSticky = true;
+        return layoutNode;
+    }
+    buildBody(y) {
+        let layoutNode = super.buildBody(y);
+        let { children: children, layoutInfo: layoutInfo } = layoutNode;
+        // Needs overflow for sticky loader
+        layoutInfo.allowOverflow = true;
+        // If loading or empty, we'll want the body to be sticky and centered
+        if (children?.length === 0) {
+            layoutInfo.rect = new (0, $l9ePO$Rect)(40, 40, this.virtualizer.visibleRect.width - 80, this.virtualizer.visibleRect.height - 80);
+            layoutInfo.isSticky = true;
+        }
+        return {
+            ...layoutNode,
+            layoutInfo: layoutInfo
+        };
+    }
+    buildRow(node, x, y) {
+        let layoutNode = super.buildRow(node, x, y);
+        layoutNode.layoutInfo.allowOverflow = true;
+        // Needs overflow for sticky selection/drag cells
+        return layoutNode;
+    }
+    buildTableHeader() {
+        let layoutNode = super.buildTableHeader();
+        // Needs overflow for sticky selection/drag column
+        layoutNode.layoutInfo.allowOverflow = true;
+        return layoutNode;
+    }
+    buildColumn(node, x, y) {
+        let layoutNode = super.buildColumn(node, x, y);
+        // Needs overflow for the resize handle
+        layoutNode.layoutInfo.allowOverflow = true;
+        return layoutNode;
+    }
+}
+function $d57818bede309747$var$Table(props, ref) {
+    let { UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className, isQuiet: isQuiet = false, density: density = 'regular', overflowMode: overflowMode = 'truncate', styles: styles, loadingState: loadingState, onLoadMore: onLoadMore, onResize: propsOnResize, onResizeStart: propsOnResizeStart, onResizeEnd: propsOnResizeEnd, onAction: onAction, ...otherProps } = props;
+    let domRef = (0, $l9ePO$useDOMRef)(ref);
+    let scale = (0, $859432f3b3573fcb$export$a8d2043b2d807f4d)();
+    let layout = (0, $l9ePO$useMemo)(()=>{
+        return new $d57818bede309747$export$4e03bdf0174fd602({
+            rowHeight: overflowMode === 'wrap' ? undefined : $d57818bede309747$var$ROW_HEIGHTS[density][scale],
+            estimatedRowHeight: overflowMode === 'wrap' ? $d57818bede309747$var$ROW_HEIGHTS[density][scale] : undefined,
+            // No need for estimated headingHeight since the headers aren't affected by overflow mode: wrap
+            headingHeight: $d57818bede309747$var$DEFAULT_HEADER_HEIGHT[scale]
+        });
+    }, [
+        overflowMode,
+        density,
+        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, $l9ePO$useState)(false);
+    let onResizeStart = (0, $l9ePO$useCallback)((widths)=>{
+        propsOnResizeStart?.(widths);
+    }, [
+        propsOnResizeStart
+    ]);
+    let onResizeEnd = (0, $l9ePO$useCallback)((widths)=>{
+        setIsInResizeMode(false);
+        propsOnResizeEnd?.(widths);
+    }, [
+        propsOnResizeEnd,
+        setIsInResizeMode
+    ]);
+    let context = (0, $l9ePO$useMemo)(()=>({
+            isQuiet: isQuiet,
+            density: density,
+            overflowMode: overflowMode,
+            loadingState: loadingState,
+            isInResizeMode: isInResizeMode,
+            setIsInResizeMode: setIsInResizeMode
+        }), [
+        isQuiet,
+        density,
+        overflowMode,
+        loadingState,
+        isInResizeMode,
+        setIsInResizeMode
+    ]);
+    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
+    let scrollRef = (0, $l9ePO$useRef)(null);
+    let memoedLoadMoreProps = (0, $l9ePO$useMemo)(()=>({
+            isLoading: isLoading,
+            onLoadMore: onLoadMore
+        }), [
+        isLoading,
+        onLoadMore
+    ]);
+    (0, $l9ePO$useLoadMore)(memoedLoadMoreProps, scrollRef);
+    let isCheckboxSelection = props.selectionMode === 'multiple' || props.selectionMode === 'single';
+    return /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$ResizableTableContainer), {
+        // TODO: perhaps this ref should be attached to the RACTable but it expects a table type ref which isn't true in the virtualized case
+        ref: domRef,
+        onResize: propsOnResize,
+        onResizeEnd: onResizeEnd,
+        onResizeStart: onResizeStart,
+        className: (UNSAFE_className || '') + (0, $feb886035e0d4633$export$e618dc39ac9ad607)($d57818bede309747$var$tableWrapper, styles),
+        style: UNSAFE_style,
+        children: /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$UNSTABLE_Virtualizer), {
+            layout: layout,
+            children: /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$InternalTableContext.Provider, {
+                value: context,
+                children: /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Table), {
+                    ref: scrollRef,
+                    // Fix webkit bug where scrollbars appear above the checkboxes/other table elements
+                    style: {
+                        WebkitTransform: 'translateZ(0)'
+                    },
+                    className: (renderProps)=>$d57818bede309747$var$table({
+                            ...renderProps,
+                            isCheckboxSelection: isCheckboxSelection,
+                            isQuiet: isQuiet
+                        }),
+                    selectionBehavior: "toggle",
+                    onRowAction: onAction,
+                    ...otherProps
+                })
+            })
+        })
+    });
+}
+const $d57818bede309747$var$centeredWrapper = " . _Zd _1c _2d l4 k4";
+function $d57818bede309747$export$76ccd210b9029917(props) {
+    let { items: items, renderEmptyState: renderEmptyState, children: children } = props;
+    let { loadingState: loadingState } = (0, $l9ePO$useContext)($d57818bede309747$var$InternalTableContext);
+    let emptyRender;
+    let renderer = children;
+    let stringFormatter = (0, $l9ePO$useLocalizedStringFormatter)((0, ($parcel$interopDefault($l9ePO$intlStringsmjs))), '@react-spectrum/s2');
+    let loadMoreSpinner = /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$UNSTABLE_TableLoadingIndicator), {
+        className: " . k4 l4",
+        children: /*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+            className: $d57818bede309747$var$centeredWrapper,
+            children: /*#__PURE__*/ (0, $l9ePO$jsx)((0, $41ddd91dbbf0c389$export$c79b9d6b4cc92af7), {
+                isIndeterminate: true,
+                "aria-label": stringFormatter.format('table.loadingMore')
+            })
+        })
+    });
+    // If the user is rendering their rows in dynamic fashion, wrap their render function in Collection so we can inject
+    // the loader. Otherwise it is a static renderer and thus we can simply add the table loader after
+    // TODO: this assumes that the user isn't providing their children in some wrapper though and/or isn't doing a map of children
+    // (though I guess they wouldn't provide items then so the check for this is still valid in the latter case)...
+    if (typeof children === 'function' && items) renderer = /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Collection), {
+                items: items,
+                children: children
+            }),
+            loadingState === 'loadingMore' && loadMoreSpinner
+        ]
+    });
+    else renderer = /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+        children: [
+            children,
+            loadingState === 'loadingMore' && loadMoreSpinner
+        ]
+    });
+    if (renderEmptyState != null && loadingState !== 'loading') emptyRender = (props)=>/*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+            className: $d57818bede309747$var$centeredWrapper,
+            children: renderEmptyState(props)
+        });
+    else if (loadingState === 'loading') emptyRender = ()=>/*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+            className: $d57818bede309747$var$centeredWrapper,
+            children: /*#__PURE__*/ (0, $l9ePO$jsx)((0, $41ddd91dbbf0c389$export$c79b9d6b4cc92af7), {
+                isIndeterminate: true,
+                "aria-label": stringFormatter.format('table.loading')
+            })
+        });
+    return /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$TableBody), {
+        className: " . k4",
+        ...props,
+        renderEmptyState: emptyRender,
+        dependencies: [
+            loadingState
+        ],
+        children: renderer
+    });
+}
+const $d57818bede309747$var$cellFocus = {
+    outlineStyle: {
+        default: 'none',
+        isFocusVisible: 'solid'
+    },
+    outlineOffset: -2,
+    outlineWidth: 2,
+    outlineColor: 'focus-ring',
+    borderRadius: {
+        "default": "[0.375rem]",
+        touch: "[0.46875rem]"
+    }
+};
+function $d57818bede309747$var$CellFocusRing(props1) {
+    let { isFocusVisible: isFocusVisible } = props1;
+    return /*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+        role: "presentation",
+        className: function anonymous(props) {
+            let rules = " .";
+            if (props.isFocusVisible) rules += ' _Lb';
+            else rules += ' _La';
+            rules += ' _M-3hmpw';
+            rules += ' _Nc';
+            rules += ' da_____z';
+            rules += ' dx';
+            rules += ' _vb-1aa9md1';
+            rules += ' _v-6njx2e';
+            rules += ' _wb-1aa9md1';
+            rules += ' _w-6njx2e';
+            rules += ' _xb-1aa9md1';
+            rules += ' _x-6njx2e';
+            rules += ' _yb-1aa9md1';
+            rules += ' _y-6njx2e';
+            rules += ' Ua';
+            rules += ' Xa';
+            rules += ' Za';
+            rules += ' Va';
+            rules += ' Wa';
+            return rules;
+        }({
+            isFocusVisible: isFocusVisible
+        })
+    });
+}
+const $d57818bede309747$var$columnStyles = function anonymous(props) {
+    let rules = " .";
+    rules += ' k-17zqamw';
+    rules += ' __na';
+    rules += ' aa_____x';
+    if (props.isPressed) rules += ' ao';
+    else if (props.isFocusVisible) rules += ' ao';
+    else if (props.isHovered) rules += ' ao';
+    else rules += ' an';
+    if (props.isColumnResizable) rules += ' Ca';
+    else rules += ' Cf';
+    if (props.isColumnResizable) rules += ' Da';
+    else rules += ' Df';
+    if (props.align === "end") rules += ' _jc';
+    else if (props.align === "center") rules += ' _jb';
+    else if (props.align === "start") rules += ' _ja';
+    rules += ' _La';
+    rules += ' Uc';
+    if (props.size === "XL") {
+        rules += ' _dbj';
+        rules += ' _di';
+    } else if (props.size === "L") {
+        rules += ' _dbh';
+        rules += ' _dg';
+    } else if (props.size === "S") {
+        rules += ' _dbd';
+        rules += ' _dc';
+    } else if (props.size === "XS") {
+        rules += ' _dbb';
+        rules += ' _da';
+    } else {
+        rules += ' _dbf';
+        rules += ' _de';
+    }
+    rules += ' _c-bc1l9oh';
+    rules += ' _c-1uotwbwg';
+    rules += ' _c-eo0c6sf';
+    rules += ' _c-enzzrge';
+    rules += ' _c-enzykdd';
+    rules += ' _c-enzwzjc';
+    rules += ' _c-enzrfpb';
+    rules += ' _ca';
+    rules += ' _ed';
+    rules += ' _Zd';
+    rules += ' ca_____v';
+    rules += ' ci';
+    rules += ' ua';
+    rules += ' vb';
+    rules += ' sa';
+    if (props.isColumnResizable) rules += ' tb';
+    else rules += ' ta';
+    rules += ' wa';
+    rules += ' _zb';
+    return rules;
+};
+function $d57818bede309747$export$816b5d811295e6bc(props) {
+    let { isHeaderRowHovered: isHeaderRowHovered } = (0, $l9ePO$useContext)($d57818bede309747$var$InternalTableHeaderContext);
+    let { allowsResizing: allowsResizing, children: children, align: align = 'start' } = props;
+    let isColumnResizable = allowsResizing;
+    return /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Column), {
+        ...props,
+        style: {
+            borderInlineEndColor: 'transparent'
+        },
+        className: (renderProps)=>$d57818bede309747$var$columnStyles({
+                ...renderProps,
+                isColumnResizable: isColumnResizable,
+                align: align
+            }),
+        children: ({ allowsSorting: allowsSorting, sortDirection: sortDirection, isFocusVisible: isFocusVisible, sort: sort, startResize: startResize, isHovered: isHovered })=>/*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$CellFocusRing, {
+                        isFocusVisible: isFocusVisible
+                    }),
+                    isColumnResizable ? /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$ResizableColumnContents, {
+                        allowsSorting: allowsSorting,
+                        sortDirection: sortDirection,
+                        sort: sort,
+                        startResize: startResize,
+                        isHovered: isHeaderRowHovered || isHovered,
+                        align: align,
+                        children: children
+                    }) : /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$ColumnContents, {
+                        allowsSorting: allowsSorting,
+                        sortDirection: sortDirection,
+                        children: children
+                    })
+                ]
+            })
+    });
+}
+const $d57818bede309747$var$columnContentWrapper = " . qa qba _Zd _1c l4";
+const $d57818bede309747$var$sortIcon = function anonymous(props) {
+    let rules = " .";
+    rules += ' l-1wikn8b';
+    rules += ' k-1wikn8b';
+    rules += ' _8-3t1x';
+    if (props.isButton) {
+        rules += ' zbH';
+        rules += ' zG';
+    } else rules += ' zd';
+    if (props.isButton) rules += ' _kundefined';
+    else rules += ' _kd';
+    rules += ' -rwx0fg_e-b';
+    return rules;
+};
+function $d57818bede309747$var$ColumnContents(props) {
+    let { allowsSorting: allowsSorting, sortDirection: sortDirection, children: children } = props;
+    return /*#__PURE__*/ (0, $l9ePO$jsxs)("div", {
+        className: $d57818bede309747$var$columnContentWrapper,
+        children: [
+            allowsSorting && /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Provider), {
+                values: [
+                    [
+                        (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                        {
+                            styles: $d57818bede309747$var$sortIcon({})
+                        }
+                    ]
+                ],
+                children: sortDirection != null && (sortDirection === 'ascending' ? /*#__PURE__*/ (0, $l9ePO$jsx)((0, $415c33109ddcfc45$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $l9ePO$jsx)((0, $5a632e895c21f138$export$2e2bcd8739ae039), {}))
+            }),
+            /*#__PURE__*/ (0, $l9ePO$jsx)("span", {
+                className: " . __vb __wb _ma _pb l4",
+                children: children
+            })
+        ]
+    });
+}
+const $d57818bede309747$var$resizableMenuButtonWrapper = function anonymous(props) {
+    let rules = " .";
+    if (props.isFocusVisible) rules += ' _Lb';
+    else rules += ' _La';
+    rules += ' _M-3hmpw';
+    rules += ' _Nc';
+    rules += ' da_____z';
+    rules += ' dx';
+    rules += ' _vb-1aa9md1';
+    rules += ' _v-6njx2e';
+    rules += ' _wb-1aa9md1';
+    rules += ' _w-6njx2e';
+    rules += ' _xb-1aa9md1';
+    rules += ' _x-6njx2e';
+    rules += ' _yb-1aa9md1';
+    rules += ' _y-6njx2e';
+    rules += ' an';
+    rules += ' l4';
+    rules += ' Uc';
+    rules += ' _Zd';
+    rules += ' _1c';
+    if (props.align === "end") rules += ' _2c';
+    else if (props.align === "center") rules += ' _2d';
+    else if (props.align === "default") rules += ' _2b';
+    rules += ' Cf';
+    rules += ' Df';
+    rules += ' ba';
+    rules += ' wf';
+    if (props.size === "XL") {
+        rules += ' _dbj';
+        rules += ' _di';
+    } else if (props.size === "L") {
+        rules += ' _dbh';
+        rules += ' _dg';
+    } else if (props.size === "S") {
+        rules += ' _dbd';
+        rules += ' _dc';
+    } else if (props.size === "XS") {
+        rules += ' _dbb';
+        rules += ' _da';
+    } else {
+        rules += ' _dbf';
+        rules += ' _de';
+    }
+    rules += ' _c-bc1l9oh';
+    rules += ' _c-1uotwbwg';
+    rules += ' _c-eo0c6sf';
+    rules += ' _c-enzzrge';
+    rules += ' _c-enzykdd';
+    rules += ' _c-enzwzjc';
+    rules += ' _c-enzrfpb';
+    rules += ' _ca';
+    rules += ' _ed';
+    return rules;
+};
+const $d57818bede309747$var$resizerHandleContainer = function anonymous(props) {
+    let rules = " .";
+    if (props.isHovered) rules += ' _Za';
+    else if (props.isResizing) rules += ' _Za';
+    else rules += ' _Zj';
+    rules += ' lbi';
+    rules += ' lh';
+    rules += ' k4';
+    rules += ' Ua';
+    rules += ' Xa';
+    rules += ' Wb-1l44p6q';
+    rules += ' W-2al4ab';
+    if (props.resizableDirection === "both") rules += ' __HD';
+    else if (props.resizableDirection === "right") rules += ' __Hz';
+    else if (props.resizableDirection === "left") rules += ' __Hx';
+    else rules += ' __Hi';
+    rules += ' -_1m7qh0o_d-a_____z';
+    rules += ' -_1m7qh0o_d-x';
+    return rules;
+};
+const $d57818bede309747$var$resizerHandle = function anonymous(props) {
+    let rules = " .";
+    if (props.isResizing) rules += ' ba_____z';
+    else if (props.isFocusVisible) rules += ' ba_____z';
+    else if (props.isHovered) rules += ' ba_____v';
+    else rules += ' ba_____u';
+    if (props.isResizing) rules += ' b-1m7qh0o';
+    else if (props.isFocusVisible) rules += ' b-1m7qh0o';
+    else if (props.isHovered) rules += ' bi';
+    else rules += ' ba';
+    if (props.isResizing) rules += ' k_c';
+    else rules += ' k4';
+    if (props.isResizing) {
+        rules += ' lb-13yuhxm';
+        rules += ' l-59f7mn';
+    } else {
+        rules += ' lb-1332gxq';
+        rules += ' l-cplj4k';
+    }
+    rules += ' Ua';
+    rules += ' Vb-1aa9md1';
+    rules += ' V-6njx2e';
+    return rules;
+};
+const $d57818bede309747$var$columnHeaderText = " . __vb __wb _ma _pb q-1wikn8b _9-3t1x _8-3t1y hF";
+const $d57818bede309747$var$chevronIcon = " . R-3hn0u yG ybH q-1wikn8b _8-3t1x -rwx0fg_e-b";
+const $d57818bede309747$var$nubbin = " . Ua Xa V-avx9c1 Vb-15azsa3 l-1wikn8b k-1wikn8b e-1m7qh0o ea_____U -rwx0fg_e-x -rwx0fg_e-a_____V";
+function $d57818bede309747$var$ResizableColumnContents(props) {
+    let { allowsSorting: allowsSorting, sortDirection: sortDirection, sort: sort, startResize: startResize, children: children, isHovered: isHovered, align: align } = props;
+    let { setIsInResizeMode: setIsInResizeMode, isInResizeMode: isInResizeMode } = (0, $l9ePO$useContext)($d57818bede309747$var$InternalTableContext);
+    let stringFormatter = (0, $l9ePO$useLocalizedStringFormatter)((0, ($parcel$interopDefault($l9ePO$intlStringsmjs))), '@react-spectrum/s2');
+    const onMenuSelect = (key)=>{
+        switch(key){
+            case 'sort-asc':
+                sort('ascending');
+                break;
+            case 'sort-desc':
+                sort('descending');
+                break;
+            case 'resize':
+                setIsInResizeMode?.(true);
+                startResize();
+                break;
+        }
+    };
+    let items = (0, $l9ePO$useMemo)(()=>{
+        let options = [
+            {
+                label: stringFormatter.format('table.resizeColumn'),
+                id: 'resize'
+            }
+        ];
+        if (allowsSorting) options = [
+            {
+                label: stringFormatter.format('table.sortAscending'),
+                id: 'sort-asc'
+            },
+            {
+                label: stringFormatter.format('table.sortDescending'),
+                id: 'sort-desc'
+            },
+            ...options
+        ];
+        return options;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        allowsSorting
+    ]);
+    let buttonAlignment = 'start';
+    let menuAlign = 'start';
+    if (align === 'center') buttonAlignment = 'center';
+    else if (align === 'end') {
+        buttonAlignment = 'end';
+        menuAlign = 'end';
+    }
+    return /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $13afb0ea5f0ed767$export$27d2ad3c5815583e), {
+                align: menuAlign,
+                children: [
+                    /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Button), {
+                        className: (renderProps)=>$d57818bede309747$var$resizableMenuButtonWrapper({
+                                ...renderProps,
+                                align: buttonAlignment
+                            }),
+                        children: [
+                            allowsSorting && /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Provider), {
+                                values: [
+                                    [
+                                        (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                                        {
+                                            styles: $d57818bede309747$var$sortIcon({
+                                                isButton: true
+                                            })
+                                        }
+                                    ]
+                                ],
+                                children: sortDirection != null && (sortDirection === 'ascending' ? /*#__PURE__*/ (0, $l9ePO$jsx)((0, $415c33109ddcfc45$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $l9ePO$jsx)((0, $5a632e895c21f138$export$2e2bcd8739ae039), {}))
+                            }),
+                            /*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+                                className: $d57818bede309747$var$columnHeaderText,
+                                children: children
+                            }),
+                            /*#__PURE__*/ (0, $l9ePO$jsx)((0, $4b69f02ec06b9226$export$2e2bcd8739ae039), {
+                                size: "M",
+                                className: $d57818bede309747$var$chevronIcon
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $l9ePO$jsx)((0, $13afb0ea5f0ed767$export$d9b273488cd8ce6f), {
+                        onAction: onMenuSelect,
+                        items: items,
+                        styles: " . qI qbJ",
+                        children: (item)=>/*#__PURE__*/ (0, $l9ePO$jsx)((0, $13afb0ea5f0ed767$export$2ce376c2cc3355c8), {
+                                children: item?.label
+                            })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+                "data-react-aria-prevent-focus": "true",
+                children: /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$ColumnResizer), {
+                    "data-react-aria-prevent-focus": "true",
+                    className: ({ resizableDirection: resizableDirection, isResizing: isResizing })=>$d57818bede309747$var$resizerHandleContainer({
+                            resizableDirection: resizableDirection,
+                            isResizing: isResizing,
+                            isHovered: isInResizeMode || isHovered
+                        }),
+                    children: ({ isFocusVisible: isFocusVisible, isResizing: isResizing })=>/*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+                            children: [
+                                /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$ResizerIndicator, {
+                                    isInResizeMode: isInResizeMode,
+                                    isFocusVisible: isFocusVisible,
+                                    isHovered: isHovered,
+                                    isResizing: isResizing
+                                }),
+                                (isFocusVisible || isInResizeMode) && isResizing && /*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+                                    className: $d57818bede309747$var$nubbin,
+                                    children: /*#__PURE__*/ (0, $l9ePO$jsx)((0, $59ff3896bbb9d00c$export$2e2bcd8739ae039), {})
+                                })
+                            ]
+                        })
+                })
+            })
+        ]
+    });
+}
+function $d57818bede309747$var$ResizerIndicator({ isFocusVisible: isFocusVisible, isHovered: isHovered, isResizing: isResizing, isInResizeMode: isInResizeMode }) {
+    return /*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+        className: $d57818bede309747$var$resizerHandle({
+            isFocusVisible: isFocusVisible,
+            isHovered: isHovered || isInResizeMode,
+            isResizing: isResizing
+        })
+    });
+}
+const $d57818bede309747$var$tableHeader = " . k4 l4 bf A-yj899n";
+const $d57818bede309747$var$selectAllCheckbox = " . yf";
+const $d57818bede309747$var$selectAllCheckboxColumn = " . Ea Fa Ca Da k-1xrzxd1 _La Uc _0b ci ca_____v sa ta ua vb wa bf";
+let $d57818bede309747$var$InternalTableHeaderContext = /*#__PURE__*/ (0, $l9ePO$createContext)({
+    isHeaderRowHovered: false
+});
+function $d57818bede309747$export$f850895b287ef28e({ columns: columns, children: children }) {
+    let scale = (0, $859432f3b3573fcb$export$a8d2043b2d807f4d)();
+    let { selectionBehavior: selectionBehavior, selectionMode: selectionMode } = (0, $l9ePO$useTableOptions)();
+    let [isHeaderRowHovered, setHeaderRowHovered] = (0, $l9ePO$useState)(false);
+    return /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$InternalTableHeaderContext.Provider, {
+        value: {
+            isHeaderRowHovered: isHeaderRowHovered
+        },
+        children: /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$TableHeader), {
+            onHoverChange: setHeaderRowHovered,
+            className: $d57818bede309747$var$tableHeader,
+            children: [
+                selectionBehavior === 'toggle' && // Also isSticky prop is applied just for the layout, will decide what the RAC api should be later
+                // @ts-ignore
+                /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Column), {
+                    isSticky: true,
+                    width: scale === 'medium' ? 40 : 52,
+                    minWidth: scale === 'medium' ? 40 : 52,
+                    className: $d57818bede309747$var$selectAllCheckboxColumn,
+                    children: ({ isFocusVisible: isFocusVisible })=>/*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+                            children: [
+                                selectionMode === 'single' && /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+                                    children: [
+                                        /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$CellFocusRing, {
+                                            isFocusVisible: isFocusVisible
+                                        }),
+                                        /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$VisuallyHiddenSelectAllLabel, {})
+                                    ]
+                                }),
+                                selectionMode === 'multiple' && /*#__PURE__*/ (0, $l9ePO$jsx)((0, $9b405e0f8095dce0$export$48513f6b9f8ce62d), {
+                                    isEmphasized: true,
+                                    styles: $d57818bede309747$var$selectAllCheckbox,
+                                    slot: "selection"
+                                })
+                            ]
+                        })
+                }),
+                /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Collection), {
+                    items: columns,
+                    children: children
+                })
+            ]
+        })
+    });
+}
+function $d57818bede309747$var$VisuallyHiddenSelectAllLabel() {
+    let checkboxProps = (0, $l9ePO$useSlottedContext)((0, $l9ePO$CheckboxContext), 'selection');
+    return /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$VisuallyHidden), {
+        children: checkboxProps?.['aria-label']
+    });
+}
+const $d57818bede309747$var$commonCellStyles = {
+    borderColor: 'transparent',
+    borderBottomWidth: 1,
+    borderTopWidth: 0,
+    borderXWidth: 0,
+    borderStyle: 'solid',
+    position: 'relative',
+    color: {
+        default: 'gray-800',
+        forcedColors: 'ButtonText'
+    },
+    outlineStyle: 'none',
+    paddingX: 16 // table-edge-to-content
+};
+const $d57818bede309747$var$cell = function anonymous(props) {
+    let rules = " .";
+    rules += ' ca_____v';
+    rules += ' ci';
+    rules += ' v-375tp1';
+    rules += ' u-375tp0';
+    rules += ' sa';
+    if (props.isDivider) rules += ' tb';
+    else rules += ' ta';
+    if (props.isDivider) rules += ' wa';
+    else rules += ' wf';
+    rules += ' Uc';
+    if (props.isPressed) rules += ' ao';
+    else if (props.isFocusVisible) rules += ' ao';
+    else if (props.isHovered) rules += ' ao';
+    else rules += ' an';
+    rules += ' _La';
+    rules += ' Cf';
+    rules += ' Df';
+    rules += ' E-1dbqcch';
+    rules += ' F-1dbqcch';
+    rules += ' o-375tou';
+    rules += ' __na';
+    rules += ' k4';
+    rules += ' l4';
+    if (props.size === "XL") {
+        rules += ' _dbj';
+        rules += ' _di';
+    } else if (props.size === "L") {
+        rules += ' _dbh';
+        rules += ' _dg';
+    } else if (props.size === "S") {
+        rules += ' _dbd';
+        rules += ' _dc';
+    } else if (props.size === "XS") {
+        rules += ' _dbb';
+        rules += ' _da';
+    } else {
+        rules += ' _dbf';
+        rules += ' _de';
+    }
+    rules += ' _1c';
+    rules += ' _Zd';
+    if (props.density === "spacious") {
+        rules += ' -_375tou_o-by';
+        rules += ' -_375tou_o-x';
+    } else if (props.density === "compact") {
+        rules += ' -_375tou_o-br';
+        rules += ' -_375tou_o-q';
+    } else {
+        rules += ' -_375tou_o-bu';
+        rules += ' -_375tou_o-r';
+    }
+    rules += ' -_375tp0_u-a';
+    rules += ' -_375tp1_v-b';
+    return rules;
+};
+const $d57818bede309747$var$stickyCell = {
+    backgroundColor: 'gray-25'
+};
+const $d57818bede309747$var$checkboxCellStyle = " . ca va ua sa ta wa Uc an aa_____x _La Cf Df bd _0b k-1xrzxd1";
+const $d57818bede309747$var$cellContent = function anonymous(props) {
+    let rules = " .";
+    rules += ' __vb';
+    rules += ' __wb';
+    rules += ' _ma';
+    if (props.overflowMode === "wrap") rules += ' _pa';
+    else rules += ' _pb';
+    if (props.align === "end") rules += ' _jc';
+    else if (props.align === "center") rules += ' _jb';
+    else if (props.align === "start") rules += ' _ja';
+    rules += ' l4';
+    rules += ' __Fa';
+    if (props.isSticky) rules += ' Ea';
+    else rules += ' Ec';
+    if (props.isSticky) rules += ' Fa';
+    else rules += ' Fc';
+    if (props.isSticky) rules += ' Ca';
+    else rules += ' Cc';
+    if (props.isSticky) rules += ' Da';
+    else rules += ' Dc';
+    if (props.isSticky) rules += ' Aa';
+    else rules += ' AK';
+    if (props.isSticky) rules += ' Ba';
+    else rules += ' BK';
+    if (props.isSticky) rules += ' ya';
+    else rules += ' yK';
+    if (props.isSticky) rules += ' za';
+    else rules += ' zK';
+    return rules;
+};
+const $d57818bede309747$var$cellBackground = function anonymous(props) {
+    let rules = " .";
+    rules += ' Ua';
+    rules += ' Xa';
+    rules += ' Za';
+    rules += ' _aa';
+    rules += ' Ya';
+    if (props.isSticky) rules += ' b-19jpv4m';
+    else rules += ' ba';
+    return rules;
+};
+function $d57818bede309747$export$f6f0c3fe4ec306ea(props) {
+    let { children: children, isSticky: isSticky, showDivider: showDivider = false, align: align, textValue: textValue, ...otherProps } = props;
+    let tableVisualOptions = (0, $l9ePO$useContext)($d57818bede309747$var$InternalTableContext);
+    textValue ||= typeof children === 'string' ? children : undefined;
+    return /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Cell), {
+        // Also isSticky prop is applied just for the layout, will decide what the RAC api should be later
+        // @ts-ignore
+        isSticky: isSticky,
+        className: (renderProps)=>$d57818bede309747$var$cell({
+                ...renderProps,
+                ...tableVisualOptions,
+                isDivider: showDivider
+            }),
+        textValue: textValue,
+        ...otherProps,
+        children: ({ isFocusVisible: isFocusVisible })=>/*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $l9ePO$jsx)("div", {
+                        role: "presentation",
+                        className: $d57818bede309747$var$cellBackground({
+                            isSticky: isSticky
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$var$CellFocusRing, {
+                        isFocusVisible: isFocusVisible
+                    }),
+                    /*#__PURE__*/ (0, $l9ePO$jsx)("span", {
+                        className: $d57818bede309747$var$cellContent({
+                            ...tableVisualOptions,
+                            isSticky: isSticky,
+                            align: align || 'start'
+                        }),
+                        children: children
+                    })
+                ]
+            })
+    });
+}
+const $d57818bede309747$var$rowBackgroundColor = {
+    default: 'gray-25',
+    isFocusVisibleWithin: 'gray-900/7',
+    isHovered: 'gray-900/7',
+    isPressed: 'gray-900/10',
+    isSelected: {
+        default: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 10%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 10%))]",
+        isFocusVisibleWithin: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 15%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 15%))]",
+        isHovered: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 15%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 15%))]",
+        isPressed: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 15%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 15%))]"
+    },
+    isQuiet: {
+        default: 'transparent',
+        isFocusVisibleWithin: 'gray-900/7',
+        isHovered: 'gray-900/7',
+        isPressed: 'gray-900/10',
+        isSelected: {
+            default: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 10%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 10%))]",
+            isFocusVisibleWithin: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 15%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 15%))]",
+            isHovered: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 15%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 15%))]",
+            isPressed: "[light-dark(rgb(from light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) r g b / 15%), rgb(from light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) r g b / 15%))]"
+        }
+    },
+    forcedColors: {
+        default: 'Background'
+    }
+};
+const $d57818bede309747$var$row = function anonymous(props) {
+    let rules = " .";
+    rules += ' k4';
+    rules += ' Uc';
+    rules += ' __na';
+    rules += ' ba_____u';
+    if (props.isQuiet) {
+        if (props.isSelected) {
+            if (props.isPressed) rules += ' b-f92o7v';
+            else if (props.isHovered) rules += ' b-f92o7v';
+            else if (props.isFocusVisibleWithin) rules += ' b-f92o7v';
+            else rules += ' b-54erqp';
+        } else if (props.isPressed) rules += ' bo10';
+        else if (props.isHovered) rules += ' bo7';
+        else if (props.isFocusVisibleWithin) rules += ' bo7';
+        else rules += ' ba';
+    } else if (props.isSelected) {
+        if (props.isPressed) rules += ' b-f92o7v';
+        else if (props.isHovered) rules += ' b-f92o7v';
+        else if (props.isFocusVisibleWithin) rules += ' b-f92o7v';
+        else rules += ' b-54erqp';
+    } else if (props.isPressed) rules += ' bo10';
+    else if (props.isHovered) rules += ' bo7';
+    else if (props.isFocusVisibleWithin) rules += ' bo7';
+    else rules += ' bd';
+    rules += ' -_19jpv4m_b-a_____u';
+    if (props.isQuiet) {
+        if (props.isSelected) {
+            if (props.isPressed) rules += ' -_19jpv4m_b--f92o7v';
+            else if (props.isHovered) rules += ' -_19jpv4m_b--f92o7v';
+            else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b--f92o7v';
+            else rules += ' -_19jpv4m_b--54erqp';
+        } else if (props.isPressed) rules += ' -_19jpv4m_b-o10';
+        else if (props.isHovered) rules += ' -_19jpv4m_b-o7';
+        else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b-o7';
+        else rules += ' -_19jpv4m_b-a';
+    } else if (props.isSelected) {
+        if (props.isPressed) rules += ' -_19jpv4m_b--f92o7v';
+        else if (props.isHovered) rules += ' -_19jpv4m_b--f92o7v';
+        else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b--f92o7v';
+        else rules += ' -_19jpv4m_b--54erqp';
+    } else if (props.isPressed) rules += ' -_19jpv4m_b-o10';
+    else if (props.isHovered) rules += ' -_19jpv4m_b-o7';
+    else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b-o7';
+    else rules += ' -_19jpv4m_b-d';
+    rules += ' -oorfdf_d-a_____z';
+    rules += ' -oorfdf_d-x';
+    rules += ' _La';
+    rules += ' ua';
+    rules += ' vb';
+    rules += ' sa';
+    rules += ' ta';
+    rules += ' wa';
+    rules += ' ca_____v';
+    rules += ' ci';
+    rules += ' _zb';
+    return rules;
+};
+function $d57818bede309747$export$b59bdbef9ce70de2({ id: id, columns: columns, children: children, ...otherProps }) {
+    let { selectionBehavior: selectionBehavior, selectionMode: selectionMode } = (0, $l9ePO$useTableOptions)();
+    let tableVisualOptions = (0, $l9ePO$useContext)($d57818bede309747$var$InternalTableContext);
+    return /*#__PURE__*/ (0, $l9ePO$jsxs)((0, $l9ePO$Row), {
+        id: id,
+        className: (renderProps)=>$d57818bede309747$var$row({
+                ...renderProps,
+                ...tableVisualOptions
+            }) + (renderProps.isFocusVisible && " -zwoa9h"),
+        ...otherProps,
+        children: [
+            selectionMode !== 'none' && selectionBehavior === 'toggle' && /*#__PURE__*/ (0, $l9ePO$jsx)($d57818bede309747$export$f6f0c3fe4ec306ea, {
+                isSticky: true,
+                className: $d57818bede309747$var$checkboxCellStyle,
+                children: /*#__PURE__*/ (0, $l9ePO$jsx)((0, $9b405e0f8095dce0$export$48513f6b9f8ce62d), {
+                    isEmphasized: true,
+                    slot: "selection"
+                })
+            }),
+            /*#__PURE__*/ (0, $l9ePO$jsx)((0, $l9ePO$Collection), {
+                items: columns,
+                children: children
+            })
+        ]
+    });
+}
+/**
+ * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
+ */ const $d57818bede309747$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $l9ePO$forwardRef)($d57818bede309747$var$Table);
+
+
+export {$d57818bede309747$export$4e03bdf0174fd602 as S2TableLayout, $d57818bede309747$export$76ccd210b9029917 as TableBody, $d57818bede309747$export$816b5d811295e6bc as Column, $d57818bede309747$export$f850895b287ef28e as TableHeader, $d57818bede309747$export$f6f0c3fe4ec306ea as Cell, $d57818bede309747$export$b59bdbef9ce70de2 as Row, $d57818bede309747$export$54ec01a60f47d33d as Table};
+//# sourceMappingURL=Table.mjs.map