intergalactic 15.129.0-prerelease.0 → 15.130.0-prerelease.0

package/data-table/lib/esm/DataTable.mjs

@@ -1,442 +1,589 @@
-import W from "@babel/runtime/helpers/esm/objectSpread2";
-import B from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import E from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import q from "@babel/runtime/helpers/esm/classCallCheck";
-import j from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import L from "@babel/runtime/helpers/esm/inherits";
-import U from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as O } from 'intergalactic/utils/lib/core/index';
-import K, { sstyled as J, assignProps as N, Component as Q } from 'intergalactic/core';
-import D from "react";
-import { Box as X } from 'intergalactic/flex-box';
-import Y from 'intergalactic/utils/lib/syncScroll';
-import { callAllEventHandlers as Z } from 'intergalactic/utils/lib/assignProps';
-import __ from 'intergalactic/utils/lib/fire';
-import { flattenColumns as G } from "./utils.mjs";
-import e_ from "./Head.mjs";
-import o_ from "./Body.mjs";
-import r_ from 'intergalactic/utils/lib/uniqueID';
-import { localizedMessages as t_ } from "./translations/__intergalactic-dynamic-locales.mjs";
-import a_ from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import { hasFocusableIn as i_, isFocusInside as I } from 'intergalactic/utils/lib/use/useFocusLock';
-import s_ from 'intergalactic/utils/lib/enhances/focusSourceEnhance';
-var l_ = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"], n_ = ["name", "children"], g_ = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import syncScroll from 'intergalactic/utils/lib/syncScroll';
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import fire from 'intergalactic/utils/lib/fire';
+import { flattenColumns } from "./utils.mjs";
+import Head from "./Head.mjs";
+import Body from "./Body.mjs";
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { hasFocusableIn, isFocusInside } from 'intergalactic/utils/lib/use/useFocusLock';
+import focusSourceEnhance from 'intergalactic/utils/lib/enhances/focusSourceEnhance';
+var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"], _excluded2 = ["name", "children"];
+/*!__reshadow-styles__:"./style/data-table.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (O.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SDataTable_1o36s_gg_,.___SHeadWrapper_1o36s_gg_{position:relative}.___SDataTable_1o36s_gg_.__compact_1o36s_gg_ .___SCell_1o36s_gg_,.___SDataTable_1o36s_gg_.__compact_1o36s_gg_ .___SColumn_1o36s_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1o36s_gg_.__animationsDisabled_1o36s_gg_ .___SColumn_1o36s_gg_{transition:none}.___SHeadWrapper_1o36s_gg_.__sticky_1o36s_gg_{position:sticky;top:0;z-index:2}.___SHead_1o36s_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1o36s_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_1o36s_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1o36s_gg_.__hidden_1o36s_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_1o36s_gg_._use_primary_1o36s_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1o36s_gg_._use_secondary_1o36s_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1o36s_gg_.__group_1o36s_gg_.__use_1o36s_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1o36s_gg_.__groupHead_1o36s_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1o36s_gg_.__sortable_1o36s_gg_{cursor:pointer}.___SColumn_1o36s_gg_.__sortable_1o36s_gg_._use_primary_1o36s_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1o36s_gg_.__sortable_1o36s_gg_._use_primary_1o36s_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1o36s_gg_.__sortable_1o36s_gg_._justifyContent_right_1o36s_gg_:focus .___SSortWrapper_1o36s_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1o36s_gg_.__sortable_1o36s_gg_._justifyContent_right_1o36s_gg_:hover .___SSortWrapper_1o36s_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1o36s_gg_.__sortable_1o36s_gg_._justifyContent_right_1o36s_gg_.__active_1o36s_gg_ .___SSortWrapper_1o36s_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_1o36s_gg_.__sortable_1o36s_gg_.__active_1o36s_gg_ .___SSortWrapper_1o36s_gg_,.___SColumn_1o36s_gg_.__sortable_1o36s_gg_:focus .___SSortWrapper_1o36s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1o36s_gg_.__sortable_1o36s_gg_:hover .___SSortWrapper_1o36s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1o36s_gg_.__sortable_1o36s_gg_.__active_1o36s_gg_ .___SSortWrapper_1o36s_gg_:before,.___SColumn_1o36s_gg_.__sortable_1o36s_gg_:focus .___SSortIcon_1o36s_gg_,.___SColumn_1o36s_gg_.__sortable_1o36s_gg_:focus .___SSortWrapper_1o36s_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1o36s_gg_.__sortable_1o36s_gg_:hover .___SSortWrapper_1o36s_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1o36s_gg_.__sortable_1o36s_gg_:hover .___SSortIcon_1o36s_gg_{display:block;opacity:1}}.___SColumn_1o36s_gg_._use_primary_1o36s_gg_.__active_1o36s_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1o36s_gg_.__active_1o36s_gg_ .___SSortIcon_1o36s_gg_{display:block;opacity:1}.___SColumn_1o36s_gg_.__resizable_1o36s_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1o36s_gg_.__resizable_1o36s_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1o36s_gg_.__resizable_1o36s_gg_:after{content:"";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_1o36s_gg_.__fixed_1o36s_gg_{position:sticky;z-index:2}.___SCell_1o36s_gg_.__borderLeft_1o36s_gg_,.___SColumn_1o36s_gg_.__borderLeft_1o36s_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1o36s_gg_.__borderRight_1o36s_gg_,.___SColumn_1o36s_gg_.__borderRight_1o36s_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1o36s_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_1o36s_gg_,.___SSortWrapper_1o36s_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1o36s_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortIcon_1o36s_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1o36s_gg_._use_primary_1o36s_gg_ .___SSortWrapper_1o36s_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1o36s_gg_._use_secondary_1o36s_gg_ .___SSortWrapper_1o36s_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1o36s_gg_{position:relative}.___SBody_1o36s_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1o36s_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1o36s_gg_.__active_1o36s_gg_>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_._theme_muted_1o36s_gg_.__active_1o36s_gg_>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1o36s_gg_ .___SCell_1o36s_gg_:hover+.___SGroupCell_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_:hover>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1o36s_gg_._theme_muted_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1o36s_gg_._theme_muted_1o36s_gg_ .___SCell_1o36s_gg_:hover+.___SGroupCell_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_._theme_muted_1o36s_gg_:hover>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_:hover>.___SCell_1o36s_gg_._theme_muted_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1o36s_gg_._theme_info_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1o36s_gg_._theme_info_1o36s_gg_.__active_1o36s_gg_>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1o36s_gg_._theme_info_1o36s_gg_ .___SCell_1o36s_gg_:hover+.___SGroupCell_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_._theme_info_1o36s_gg_:hover>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_:hover>.___SCell_1o36s_gg_._theme_info_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1o36s_gg_._theme_success_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1o36s_gg_._theme_success_1o36s_gg_.__active_1o36s_gg_>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1o36s_gg_._theme_success_1o36s_gg_ .___SCell_1o36s_gg_:hover+.___SGroupCell_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_._theme_success_1o36s_gg_:hover>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_:hover>.___SCell_1o36s_gg_._theme_success_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1o36s_gg_._theme_warning_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1o36s_gg_._theme_warning_1o36s_gg_.__active_1o36s_gg_>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1o36s_gg_._theme_warning_1o36s_gg_ .___SCell_1o36s_gg_:hover+.___SGroupCell_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_._theme_warning_1o36s_gg_:hover>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_:hover>.___SCell_1o36s_gg_._theme_warning_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1o36s_gg_._theme_danger_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1o36s_gg_._theme_danger_1o36s_gg_.__active_1o36s_gg_>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1o36s_gg_._theme_danger_1o36s_gg_ .___SCell_1o36s_gg_:hover+.___SGroupCell_1o36s_gg_ .___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_._theme_danger_1o36s_gg_:hover>.___SCell_1o36s_gg_:not(.__theme_1o36s_gg_),.___SRow_1o36s_gg_:hover>.___SCell_1o36s_gg_._theme_danger_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1o36s_gg_.__positioned_1o36s_gg_{position:absolute}.___SBody_1o36s_gg_.__animationsDisabled_1o36s_gg_ .___SCell_1o36s_gg_{transition:none}.___SCell_1o36s_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1o36s_gg_._use_primary_1o36s_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1o36s_gg_._use_secondary_1o36s_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1o36s_gg_.__fixed_1o36s_gg_{position:sticky;z-index:1}.___SCell_1o36s_gg_._theme_muted_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1o36s_gg_._theme_info_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1o36s_gg_._theme_success_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1o36s_gg_._theme_warning_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1o36s_gg_._theme_danger_1o36s_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1o36s_gg_:focus-visible:not(.__fixed_1o36s_gg_){position:relative}.___SCell_1o36s_gg_:focus-visible::after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_1o36s_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}',
-    "1o36s_gg_"
-  ), {
-    __SDataTable: "___SDataTable_1o36s_gg_",
-    __SHeadWrapper: "___SHeadWrapper_1o36s_gg_",
-    _sticky: "__sticky_1o36s_gg_",
-    __SHead: "___SHead_1o36s_gg_",
-    __SColumn: "___SColumn_1o36s_gg_",
-    _hidden: "__hidden_1o36s_gg_",
-    _use_primary: "_use_primary_1o36s_gg_",
-    _use_secondary: "_use_secondary_1o36s_gg_",
-    _group: "__group_1o36s_gg_",
-    _use: "__use_1o36s_gg_",
-    _groupHead: "__groupHead_1o36s_gg_",
-    _active: "__active_1o36s_gg_",
-    __SSortIcon: "___SSortIcon_1o36s_gg_",
-    _fixed: "__fixed_1o36s_gg_",
-    _borderLeft: "__borderLeft_1o36s_gg_",
-    __SCell: "___SCell_1o36s_gg_",
-    _borderRight: "__borderRight_1o36s_gg_",
-    __SSortWrapper: "___SSortWrapper_1o36s_gg_",
-    __SBodyWrapper: "___SBodyWrapper_1o36s_gg_",
-    __SBody: "___SBody_1o36s_gg_",
-    __SRow: "___SRow_1o36s_gg_",
-    _theme: "__theme_1o36s_gg_",
-    __SGroupCell: "___SGroupCell_1o36s_gg_",
-    _theme_muted: "_theme_muted_1o36s_gg_",
-    _theme_info: "_theme_info_1o36s_gg_",
-    _theme_success: "_theme_success_1o36s_gg_",
-    _theme_warning: "_theme_warning_1o36s_gg_",
-    _theme_danger: "_theme_danger_1o36s_gg_",
-    _positioned: "__positioned_1o36s_gg_",
-    _animationsDisabled: "__animationsDisabled_1o36s_gg_",
-    __SHeightHold: "___SHeightHold_1o36s_gg_",
-    _compact: "__compact_1o36s_gg_",
-    _sortable: "__sortable_1o36s_gg_",
-    _justifyContent_right: "_justifyContent_right_1o36s_gg_",
-    _resizable: "__resizable_1o36s_gg_"
+    '.___SDataTable_1471i_gg_,.___SHeadWrapper_1471i_gg_{position:relative}.___SDataTable_1471i_gg_.__compact_1471i_gg_ .___SCell_1471i_gg_,.___SDataTable_1471i_gg_.__compact_1471i_gg_ .___SColumn_1471i_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1471i_gg_.__animationsDisabled_1471i_gg_ .___SColumn_1471i_gg_{transition:none}.___SHeadWrapper_1471i_gg_.__sticky_1471i_gg_{position:sticky;top:0;z-index:2}.___SHead_1471i_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1471i_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_1471i_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1471i_gg_.__hidden_1471i_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_1471i_gg_._use_primary_1471i_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1471i_gg_._use_secondary_1471i_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1471i_gg_.__group_1471i_gg_.__use_1471i_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1471i_gg_.__groupHead_1471i_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1471i_gg_.__sortable_1471i_gg_{cursor:pointer}.___SColumn_1471i_gg_.__sortable_1471i_gg_._use_primary_1471i_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1471i_gg_.__sortable_1471i_gg_._use_primary_1471i_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1471i_gg_.__sortable_1471i_gg_._justifyContent_right_1471i_gg_:focus .___SSortWrapper_1471i_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1471i_gg_.__sortable_1471i_gg_._justifyContent_right_1471i_gg_:hover .___SSortWrapper_1471i_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1471i_gg_.__sortable_1471i_gg_._justifyContent_right_1471i_gg_.__active_1471i_gg_ .___SSortWrapper_1471i_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_1471i_gg_.__sortable_1471i_gg_.__active_1471i_gg_ .___SSortWrapper_1471i_gg_,.___SColumn_1471i_gg_.__sortable_1471i_gg_:focus .___SSortWrapper_1471i_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1471i_gg_.__sortable_1471i_gg_:hover .___SSortWrapper_1471i_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1471i_gg_.__sortable_1471i_gg_.__active_1471i_gg_ .___SSortWrapper_1471i_gg_:before,.___SColumn_1471i_gg_.__sortable_1471i_gg_:focus .___SSortIcon_1471i_gg_,.___SColumn_1471i_gg_.__sortable_1471i_gg_:focus .___SSortWrapper_1471i_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1471i_gg_.__sortable_1471i_gg_:hover .___SSortWrapper_1471i_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1471i_gg_.__sortable_1471i_gg_:hover .___SSortIcon_1471i_gg_{display:block;opacity:1}}.___SColumn_1471i_gg_._use_primary_1471i_gg_.__active_1471i_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1471i_gg_.__active_1471i_gg_ .___SSortIcon_1471i_gg_{display:block;opacity:1}.___SColumn_1471i_gg_.__resizable_1471i_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1471i_gg_.__resizable_1471i_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1471i_gg_.__resizable_1471i_gg_:after{content:"";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_1471i_gg_.__fixed_1471i_gg_{position:sticky;z-index:2}.___SCell_1471i_gg_.__borderLeft_1471i_gg_,.___SColumn_1471i_gg_.__borderLeft_1471i_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1471i_gg_.__borderRight_1471i_gg_,.___SColumn_1471i_gg_.__borderRight_1471i_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1471i_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_1471i_gg_,.___SSortWrapper_1471i_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1471i_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortIcon_1471i_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1471i_gg_._use_primary_1471i_gg_ .___SSortWrapper_1471i_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1471i_gg_._use_secondary_1471i_gg_ .___SSortWrapper_1471i_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1471i_gg_{position:relative}.___SBody_1471i_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1471i_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1471i_gg_.__active_1471i_gg_>.___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_._theme_muted_1471i_gg_.__active_1471i_gg_>.___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1471i_gg_ .___SCell_1471i_gg_:hover+.___SGroupCell_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_:hover>.___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1471i_gg_._theme_muted_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1471i_gg_._theme_muted_1471i_gg_ .___SCell_1471i_gg_:hover+.___SGroupCell_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_._theme_muted_1471i_gg_:hover>.___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_:hover>.___SCell_1471i_gg_._theme_muted_1471i_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1471i_gg_._theme_info_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1471i_gg_._theme_info_1471i_gg_.__active_1471i_gg_>.___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1471i_gg_._theme_info_1471i_gg_ .___SCell_1471i_gg_:hover+.___SGroupCell_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_._theme_info_1471i_gg_:hover>.___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_:hover>.___SCell_1471i_gg_._theme_info_1471i_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1471i_gg_._theme_success_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1471i_gg_._theme_success_1471i_gg_.__active_1471i_gg_>.___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1471i_gg_._theme_success_1471i_gg_ .___SCell_1471i_gg_:hover+.___SGroupCell_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_._theme_success_1471i_gg_:hover>.___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_:hover>.___SCell_1471i_gg_._theme_success_1471i_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1471i_gg_._theme_warning_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1471i_gg_._theme_warning_1471i_gg_.__active_1471i_gg_>.___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1471i_gg_._theme_warning_1471i_gg_ .___SCell_1471i_gg_:hover+.___SGroupCell_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_._theme_warning_1471i_gg_:hover>.___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_:hover>.___SCell_1471i_gg_._theme_warning_1471i_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1471i_gg_._theme_danger_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1471i_gg_._theme_danger_1471i_gg_.__active_1471i_gg_>.___SCell_1471i_gg_:not(.__theme_1471i_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1471i_gg_._theme_danger_1471i_gg_ .___SCell_1471i_gg_:hover+.___SGroupCell_1471i_gg_ .___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_._theme_danger_1471i_gg_:hover>.___SCell_1471i_gg_:not(.__theme_1471i_gg_),.___SRow_1471i_gg_:hover>.___SCell_1471i_gg_._theme_danger_1471i_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1471i_gg_.__positioned_1471i_gg_{position:absolute}.___SBody_1471i_gg_.__animationsDisabled_1471i_gg_ .___SCell_1471i_gg_{transition:none}.___SCell_1471i_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1471i_gg_._use_primary_1471i_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1471i_gg_._use_secondary_1471i_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1471i_gg_.__fixed_1471i_gg_{position:sticky;z-index:1}.___SCell_1471i_gg_._theme_muted_1471i_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1471i_gg_._theme_info_1471i_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1471i_gg_._theme_success_1471i_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1471i_gg_._theme_warning_1471i_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1471i_gg_._theme_danger_1471i_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1471i_gg_:focus-visible:not(.__fixed_1471i_gg_){position:relative}.___SCell_1471i_gg_:focus-visible::after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_1471i_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}',
+    /*__inner_css_end__*/
+    "1471i_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SDataTable": "___SDataTable_1471i_gg_",
+    "__SHeadWrapper": "___SHeadWrapper_1471i_gg_",
+    "_sticky": "__sticky_1471i_gg_",
+    "__SHead": "___SHead_1471i_gg_",
+    "__SColumn": "___SColumn_1471i_gg_",
+    "_hidden": "__hidden_1471i_gg_",
+    "_use_primary": "_use_primary_1471i_gg_",
+    "_use_secondary": "_use_secondary_1471i_gg_",
+    "_group": "__group_1471i_gg_",
+    "_use": "__use_1471i_gg_",
+    "_groupHead": "__groupHead_1471i_gg_",
+    "_active": "__active_1471i_gg_",
+    "__SSortIcon": "___SSortIcon_1471i_gg_",
+    "_fixed": "__fixed_1471i_gg_",
+    "_borderLeft": "__borderLeft_1471i_gg_",
+    "__SCell": "___SCell_1471i_gg_",
+    "_borderRight": "__borderRight_1471i_gg_",
+    "__SSortWrapper": "___SSortWrapper_1471i_gg_",
+    "__SBodyWrapper": "___SBodyWrapper_1471i_gg_",
+    "__SBody": "___SBody_1471i_gg_",
+    "__SRow": "___SRow_1471i_gg_",
+    "_theme": "__theme_1471i_gg_",
+    "__SGroupCell": "___SGroupCell_1471i_gg_",
+    "_theme_muted": "_theme_muted_1471i_gg_",
+    "_theme_info": "_theme_info_1471i_gg_",
+    "_theme_success": "_theme_success_1471i_gg_",
+    "_theme_warning": "_theme_warning_1471i_gg_",
+    "_theme_danger": "_theme_danger_1471i_gg_",
+    "_positioned": "__positioned_1471i_gg_",
+    "_animationsDisabled": "__animationsDisabled_1471i_gg_",
+    "__SHeightHold": "___SHeightHold_1471i_gg_",
+    "_compact": "__compact_1471i_gg_",
+    "_sortable": "__sortable_1471i_gg_",
+    "_justifyContent_right": "_justifyContent_right_1471i_gg_",
+    "_resizable": "__resizable_1471i_gg_"
   })
-), c_ = {
+);
+var reversedSortDirection = {
   desc: "asc",
   asc: "desc"
-}, d_ = "desc", u_ = Symbol("ROW_GROUP"), f_ = /[:;\W]/g, V = function(b) {
-  return "--".concat(b.replace(f_, "_"), "_width");
 };
-function F(T, b) {
-  var R = T[0], p = T[T.length - 1];
-  R && (!b || b === "left") && (R.borderLeft = !0, R.columns && F(R.columns, "left")), p && (!b || b === "right") && (p.borderRight = !0, p.columns && F(p.columns, "right"));
+var defaultSortDirection = "desc";
+var ROW_GROUP = Symbol("ROW_GROUP");
+var cssVarReg = /[:;\W]/g;
+var createCssVarForWidth = function createCssVarForWidth2(name) {
+  return "--".concat(name.replace(cssVarReg, "_"), "_width");
+};
+function setBorderGroupColumns(columns, side) {
+  var firstColumn = columns[0];
+  var lastColumn = columns[columns.length - 1];
+  if (firstColumn && (!side || side === "left")) {
+    firstColumn.borderLeft = true;
+    if (firstColumn.columns) {
+      setBorderGroupColumns(firstColumn.columns, "left");
+    }
+  }
+  if (lastColumn && (!side || side === "right")) {
+    lastColumn.borderRight = true;
+    if (lastColumn.columns) {
+      setBorderGroupColumns(lastColumn.columns, "right");
+    }
+  }
 }
-var $ = /* @__PURE__ */ function(T) {
-  L(R, T);
-  var b = U(R);
-  function R(p) {
-    var _;
-    q(this, R), _ = b.call(this, p), g(f(_), "focusedCell", [-1, -1]), g(f(_), "columns", []), g(f(_), "tableRef", /* @__PURE__ */ D.createRef()), g(f(_), "scrollBodyRef", null), g(f(_), "scrollHeadRef", null), g(f(_), "handlerSortClick", function(e, r) {
-      var o = _.columns.find(function(a) {
-        return a.name === e;
+var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
+  _inherits(RootDefinitionTable2, _Component);
+  var _super = _createSuper(RootDefinitionTable2);
+  function RootDefinitionTable2(props) {
+    var _this;
+    _classCallCheck(this, RootDefinitionTable2);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "focusedCell", [-1, -1]);
+    _defineProperty(_assertThisInitialized(_this), "columns", []);
+    _defineProperty(_assertThisInitialized(_this), "tableRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "scrollBodyRef", null);
+    _defineProperty(_assertThisInitialized(_this), "scrollHeadRef", null);
+    _defineProperty(_assertThisInitialized(_this), "handlerSortClick", function(name, event) {
+      var column = _this.columns.find(function(column2) {
+        return column2.name === name;
       });
-      return __(f(_), "onSortChange", [o.name, o.active ? c_[o.sortDirection] : o.sortDirection], r);
-    }), g(f(_), "handlerResize", function() {
-      _.forceUpdate();
-    }), g(f(_), "scrollToUp", function() {
-      var e, r;
-      (e = _.tableRef) === null || e === void 0 || (r = e.current) === null || r === void 0 || r.scrollIntoView({
+      return fire(_assertThisInitialized(_this), "onSortChange", [column.name, column.active ? reversedSortDirection[column.sortDirection] : column.sortDirection], event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerResize", function() {
+      _this.forceUpdate();
+    });
+    _defineProperty(_assertThisInitialized(_this), "scrollToUp", function() {
+      var _this$tableRef, _this$tableRef$curren;
+      (_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : (_this$tableRef$curren = _this$tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.scrollIntoView({
         block: "nearest",
         inline: "nearest",
         behavior: "smooth"
       });
-    }), g(f(_), "hasFocusableInHeader", function() {
-      var e = _.columns.some(function(r) {
-        var o = r.props.ref.current;
-        return r.sortable || o && i_(o);
+    });
+    _defineProperty(_assertThisInitialized(_this), "hasFocusableInHeader", function() {
+      var hasFocusable = _this.columns.some(function(column) {
+        var columnElement = column.props.ref.current;
+        return column.sortable || columnElement && hasFocusableIn(columnElement);
       });
-      return e;
-    }), g(f(_), "changeFocusCell", function(e, r) {
-      var o, a, s = _.hasFocusableInHeader(), l = _.columns.length - 1, u = _.totalRows, n = (o = _.tableRef.current) === null || o === void 0 ? void 0 : o.querySelector('[aria-rowindex="'.concat(_.focusedCell[0] + 1, '"]')), w = (a = _.tableRef.current) === null || a === void 0 ? void 0 : a.querySelector('[aria-rowindex="1"]'), c = w == null ? void 0 : w.querySelectorAll("[role=columnheader]"), d = n == null ? void 0 : n.querySelectorAll("[role=gridcell]").item(_.focusedCell[1]), m = c == null ? void 0 : c.item(_.focusedCell[1]), k = !0, S = _.focusedCell[0] + e, v = _.focusedCell[1] + r;
-      if ((s && S < 0 || !s && S < 1 || S > u) && S !== _.focusedCell[0] && (k = !1), (v < 0 || v > l) && v !== _.focusedCell[1] && (k = !1), !!k) {
-        _.focusedCell = [S, v];
-        var P = _.getRow(S), h = P == null ? void 0 : P.querySelectorAll("[role=gridcell], [role=columnheader]").item(v);
-        if (h instanceof HTMLElement && d !== h) {
-          d == null || d.setAttribute("inert", ""), d !== m && (d == null || d.removeAttribute("aria-describedby"));
-          var t = c == null ? void 0 : c.item(v), C = t == null ? void 0 : t.getAttribute("aria-describedby");
-          if (h.removeAttribute("inert"), t !== h && C && h.setAttribute("aria-describedby", C), h == null || h.focus(), S !== 0) {
-            m == null || m.setAttribute("inert", "");
-            var y = c == null ? void 0 : c.item(v);
-            y == null || y.removeAttribute("inert");
-          }
-        } else d === h && _.changeFocusCell(e, r);
+      return hasFocusable;
+    });
+    _defineProperty(_assertThisInitialized(_this), "changeFocusCell", function(rowIndex, colIndex) {
+      var _this$tableRef$curren2, _this$tableRef$curren3;
+      var hasFocusable = _this.hasFocusableInHeader();
+      var maxCol = _this.columns.length - 1;
+      var maxRow = _this.totalRows;
+      var currentRow = (_this$tableRef$curren2 = _this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.querySelector('[aria-rowindex="'.concat(_this.focusedCell[0] + 1, '"]'));
+      var headerRow = (_this$tableRef$curren3 = _this.tableRef.current) === null || _this$tableRef$curren3 === void 0 ? void 0 : _this$tableRef$curren3.querySelector('[aria-rowindex="1"]');
+      var headerCells = headerRow === null || headerRow === void 0 ? void 0 : headerRow.querySelectorAll("[role=columnheader]");
+      var currentCell = currentRow === null || currentRow === void 0 ? void 0 : currentRow.querySelectorAll("[role=gridcell]").item(_this.focusedCell[1]);
+      var currentHeaderCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(_this.focusedCell[1]);
+      var changed = true;
+      var newRow = _this.focusedCell[0] + rowIndex;
+      var newCol = _this.focusedCell[1] + colIndex;
+      if ((hasFocusable && newRow < 0 || !hasFocusable && newRow < 1 || newRow > maxRow) && newRow !== _this.focusedCell[0]) {
+        changed = false;
+      }
+      if ((newCol < 0 || newCol > maxCol) && newCol !== _this.focusedCell[1]) {
+        changed = false;
+      }
+      if (!changed) return;
+      _this.focusedCell = [newRow, newCol];
+      var row = _this.getRow(newRow);
+      var cell = row === null || row === void 0 ? void 0 : row.querySelectorAll("[role=gridcell], [role=columnheader]").item(newCol);
+      if (cell instanceof HTMLElement && currentCell !== cell) {
+        currentCell === null || currentCell === void 0 ? void 0 : currentCell.setAttribute("inert", "");
+        if (currentCell !== currentHeaderCell) {
+          currentCell === null || currentCell === void 0 ? void 0 : currentCell.removeAttribute("aria-describedby");
+        }
+        var headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
+        var describedBy = headerCell === null || headerCell === void 0 ? void 0 : headerCell.getAttribute("aria-describedby");
+        cell.removeAttribute("inert");
+        if (headerCell !== cell && describedBy) {
+          cell.setAttribute("aria-describedby", describedBy);
+        }
+        cell === null || cell === void 0 ? void 0 : cell.focus();
+        if (newRow !== 0) {
+          currentHeaderCell === null || currentHeaderCell === void 0 ? void 0 : currentHeaderCell.setAttribute("inert", "");
+          var _headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
+          _headerCell === null || _headerCell === void 0 ? void 0 : _headerCell.removeAttribute("inert");
+        }
+      } else if (currentCell === cell) {
+        _this.changeFocusCell(rowIndex, colIndex);
       }
-    }), g(f(_), "handleKeyDown", function(e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(e) {
       switch (e.key) {
         case "Tab": {
-          _.setInert(!0);
+          _this.setInert(true);
           break;
         }
         case "ArrowLeft": {
-          e.preventDefault(), _.changeFocusCell(0, -1);
+          e.preventDefault();
+          _this.changeFocusCell(0, -1);
           break;
         }
         case "ArrowRight": {
-          e.preventDefault(), _.changeFocusCell(0, 1);
+          e.preventDefault();
+          _this.changeFocusCell(0, 1);
           break;
         }
         case "ArrowUp": {
-          e.preventDefault(), _.changeFocusCell(-1, 0);
+          e.preventDefault();
+          _this.changeFocusCell(-1, 0);
           break;
         }
         case "ArrowDown": {
-          e.preventDefault(), _.changeFocusCell(1, 0);
+          e.preventDefault();
+          _this.changeFocusCell(1, 0);
           break;
         }
       }
-    }), g(f(_), "initFocusableCell", function() {
-      var e = _.hasFocusableInHeader();
-      e ? _.focusedCell = [0, 0] : _.focusedCell = [1, 0];
-    }), g(f(_), "getRow", function(e) {
-      var r, o;
-      return e === 0 ? (r = _.tableRef.current) === null || r === void 0 ? void 0 : r.querySelector("[role=row]") : (o = _.tableRef.current) === null || o === void 0 ? void 0 : o.querySelector('[aria-rowindex="'.concat(e + 1, '"]'));
-    }), g(f(_), "handleFocus", function(e) {
-      var r;
-      if ((!e.relatedTarget || !I(e.currentTarget, e.relatedTarget)) && ((r = _.asProps.focusSourceRef) === null || r === void 0 ? void 0 : r.current) === "keyboard") {
-        var o;
-        _.focusedCell[0] === -1 && _.focusedCell[1] === -1 && _.initFocusableCell(), _.setInert(!0);
-        var a = _.getRow(_.focusedCell[0]);
-        a || (_.initFocusableCell(), a = _.getRow(_.focusedCell[0]));
-        var s = (o = a) === null || o === void 0 ? void 0 : o.querySelectorAll("[role=gridcell], [role=columnheader]").item(_.focusedCell[1]);
-        s == null || s.removeAttribute("inert"), s instanceof HTMLElement && s.focus(), e.currentTarget.setAttribute("tabIndex", "-1");
+    });
+    _defineProperty(_assertThisInitialized(_this), "initFocusableCell", function() {
+      var hasFocusable = _this.hasFocusableInHeader();
+      if (hasFocusable) {
+        _this.focusedCell = [0, 0];
+      } else {
+        _this.focusedCell = [1, 0];
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "getRow", function(index) {
+      var _this$tableRef$curren4, _this$tableRef$curren5;
+      return index === 0 ? (_this$tableRef$curren4 = _this.tableRef.current) === null || _this$tableRef$curren4 === void 0 ? void 0 : _this$tableRef$curren4.querySelector("[role=row]") : (_this$tableRef$curren5 = _this.tableRef.current) === null || _this$tableRef$curren5 === void 0 ? void 0 : _this$tableRef$curren5.querySelector('[aria-rowindex="'.concat(index + 1, '"]'));
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFocus", function(e) {
+      var _this$asProps$focusSo;
+      if ((!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) && ((_this$asProps$focusSo = _this.asProps.focusSourceRef) === null || _this$asProps$focusSo === void 0 ? void 0 : _this$asProps$focusSo.current) === "keyboard") {
+        var _row2;
+        if (_this.focusedCell[0] === -1 && _this.focusedCell[1] === -1) {
+          _this.initFocusableCell();
+        }
+        _this.setInert(true);
+        var _row = _this.getRow(_this.focusedCell[0]);
+        if (!_row) {
+          _this.initFocusableCell();
+          _row = _this.getRow(_this.focusedCell[0]);
+        }
+        var cell = (_row2 = _row) === null || _row2 === void 0 ? void 0 : _row2.querySelectorAll("[role=gridcell], [role=columnheader]").item(_this.focusedCell[1]);
+        cell === null || cell === void 0 ? void 0 : cell.removeAttribute("inert");
+        cell instanceof HTMLElement && cell.focus();
+        e.currentTarget.setAttribute("tabIndex", "-1");
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function(e) {
+      var _this$asProps$focusSo2;
+      var relatedTarget = e.relatedTarget;
+      var tableElement = _this.tableRef.current;
+      if (tableElement && (!relatedTarget || !isFocusInside(tableElement, relatedTarget) || ((_this$asProps$focusSo2 = _this.asProps.focusSourceRef) === null || _this$asProps$focusSo2 === void 0 ? void 0 : _this$asProps$focusSo2.current) !== "keyboard")) {
+        _this.setInert(false);
+        tableElement.setAttribute("tabIndex", "0");
       }
-    }), g(f(_), "handleBlur", function(e) {
-      var r, o = e.relatedTarget, a = _.tableRef.current;
-      a && (!o || !I(a, o) || ((r = _.asProps.focusSourceRef) === null || r === void 0 ? void 0 : r.current) !== "keyboard") && (_.setInert(!1), a.setAttribute("tabIndex", "0"));
-    }), g(f(_), "handleMouseMove", function() {
-      _.setInert(!1);
     });
-    var i = Y();
-    return _.scrollBodyRef = i("body"), _.scrollHeadRef = i("head"), _;
+    _defineProperty(_assertThisInitialized(_this), "handleMouseMove", function() {
+      _this.setInert(false);
+    });
+    var createRef = syncScroll();
+    _this.scrollBodyRef = createRef("body");
+    _this.scrollHeadRef = createRef("head");
+    return _this;
   }
-  return j(R, [{
+  _createClass(RootDefinitionTable2, [{
     key: "setVarStyle",
-    value: function(_) {
-      var i = this, e = _.flatMap(function(o) {
-        var a, s;
-        return (a = o.props.ref.current) === null || a === void 0 || (s = a.getAnimations) === null || s === void 0 ? void 0 : s.call(a);
-      }).filter(function(o) {
-        return o !== void 0;
-      }), r = Promise.resolve();
-      e.length > 0 && (r = Promise.all(e.map(function(o) {
-        return o.finished;
-      }))), r.then(function() {
-        var o = E(_), a;
+    value: function setVarStyle(columns) {
+      var _this2 = this;
+      var animations = columns.flatMap(function(column) {
+        var _column$props$ref$cur, _column$props$ref$cur2;
+        return (_column$props$ref$cur = column.props.ref.current) === null || _column$props$ref$cur === void 0 ? void 0 : (_column$props$ref$cur2 = _column$props$ref$cur.getAnimations) === null || _column$props$ref$cur2 === void 0 ? void 0 : _column$props$ref$cur2.call(_column$props$ref$cur);
+      }).filter(function(a) {
+        return a !== void 0;
+      });
+      var animationPromise = Promise.resolve();
+      if (animations.length > 0) {
+        animationPromise = Promise.all(animations.map(function(animation) {
+          return animation.finished;
+        }));
+      }
+      animationPromise.then(function() {
+        var _iterator = _createForOfIteratorHelper(columns), _step;
         try {
-          for (o.s(); !(a = o.n()).done; ) {
-            var s = a.value;
-            if (s.setVar) {
-              var l;
-              (l = i.tableRef.current) === null || l === void 0 || l.style.setProperty(s.varWidth, "".concat(s.width, "px"));
+          for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+            var column = _step.value;
+            if (column.setVar) {
+              var _this2$tableRef$curre;
+              (_this2$tableRef$curre = _this2.tableRef.current) === null || _this2$tableRef$curre === void 0 ? void 0 : _this2$tableRef$curre.style.setProperty(column.varWidth, "".concat(column.width, "px"));
             }
           }
-        } catch (u) {
-          o.e(u);
+        } catch (err) {
+          _iterator.e(err);
         } finally {
-          o.f();
+          _iterator.f();
         }
-      }).catch(function(o) {
-        console.error(o);
+      })["catch"](function(err) {
+        console.error(err);
       });
     }
   }, {
     key: "childrenToColumns",
-    value: function(_) {
-      var i = this, e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    value: function childrenToColumns(children) {
+      var _this3 = this;
+      var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
         fixed: void 0
-      }, r = this.asProps.sort, o = [];
-      return D.Children.forEach(_, function(a) {
-        var s;
-        if (/* @__PURE__ */ D.isValidElement(a) && a.type === z.Column) {
-          var l = a.props, u = l.children, n = l.name, w = l.fixed, c = w === void 0 ? e.fixed : w, d = l.resizable, m = l.sortable, k = l.flex, S = l.vBorders, v = l.active, P = B(l, l_), h = o[o.length - 1], t = !n, C;
-          if (t) {
-            if (C = i.childrenToColumns(u, {
-              fixed: c
-            }), v = typeof v == "boolean" ? v : C.some(function(x) {
-              return x.active;
-            }), S && F(C), n = G(C).map(function(x) {
-              var M = x.name;
-              return M;
-            }).join("/"), !C.length) return;
-            u = D.Children.toArray(u).filter(function(x) {
-              return !(/* @__PURE__ */ D.isValidElement(x) && x.type === z.Column);
-            });
+      };
+      var sort = this.asProps.sort;
+      var columnsChildren = [];
+      React.Children.forEach(children, function(child) {
+        var _column$props;
+        if (!/* @__PURE__ */ React.isValidElement(child)) return;
+        if (child.type !== DefinitionTable.Column) return;
+        var _ref3 = child.props, children2 = _ref3.children, name = _ref3.name, _ref3$fixed = _ref3.fixed, fixed = _ref3$fixed === void 0 ? options.fixed : _ref3$fixed, resizable = _ref3.resizable, sortable = _ref3.sortable, flex = _ref3.flex, vBorders = _ref3.vBorders, active = _ref3.active, props = _objectWithoutProperties(_ref3, _excluded);
+        var lastColumnChildren = columnsChildren[columnsChildren.length - 1];
+        var isGroup = !name;
+        var columns;
+        if (isGroup) {
+          columns = _this3.childrenToColumns(children2, {
+            fixed
+          });
+          active = typeof active === "boolean" ? active : columns.some(function(c) {
+            return c.active;
+          });
+          if (vBorders) {
+            setBorderGroupColumns(columns);
           }
-          var y = i.columns.find(function(x) {
-            return x.name === n;
-          }), H = {
-            get width() {
-              var x;
-              return ((x = this.props.ref.current) === null || x === void 0 ? void 0 : x.getBoundingClientRect().width) || 0;
-            },
-            name: n,
-            varWidth: V(n),
-            setVar: k !== "inherit",
-            fixed: c,
-            resizable: d,
-            active: typeof v == "boolean" ? v : r[0] === n,
-            sortable: m,
-            borderLeft: (h == null ? void 0 : h.borderRight) === !0 ? !1 : S,
-            borderRight: S,
-            sortDirection: r[0] === n ? r[1] : (y == null ? void 0 : y.sortDirection) || (typeof m == "string" ? m : d_),
-            props: W(W({
-              name: n,
-              flex: k === "inherit" ? void 0 : k
-            }, P), {}, {
-              // @ts-ignore
-              forwardRef: a.ref,
-              children: u,
-              ref: (y == null || (s = y.props) === null || s === void 0 ? void 0 : s.ref) || /* @__PURE__ */ D.createRef()
-            }),
-            parentColumns: []
-          };
-          C && (H.columns = C, C.forEach(function(x) {
-            return x.parentColumns.unshift(H);
-          })), o.push(H);
+          name = flattenColumns(columns).map(function(_ref4) {
+            var name2 = _ref4.name;
+            return name2;
+          }).join("/");
+          if (!columns.length) return;
+          children2 = React.Children.toArray(children2).filter(function(child2) {
+            return !(/* @__PURE__ */ React.isValidElement(child2) && child2.type === DefinitionTable.Column);
+          });
+        }
+        var column = _this3.columns.find(function(column2) {
+          return column2.name === name;
+        });
+        var columnChildren = {
+          get width() {
+            var _this$props$ref$curre;
+            return ((_this$props$ref$curre = this.props.ref.current) === null || _this$props$ref$curre === void 0 ? void 0 : _this$props$ref$curre.getBoundingClientRect().width) || 0;
+          },
+          name,
+          varWidth: createCssVarForWidth(name),
+          setVar: flex !== "inherit",
+          fixed,
+          resizable,
+          active: typeof active === "boolean" ? active : sort[0] === name,
+          sortable,
+          borderLeft: (lastColumnChildren === null || lastColumnChildren === void 0 ? void 0 : lastColumnChildren.borderRight) === true ? false : vBorders,
+          borderRight: vBorders,
+          sortDirection: sort[0] === name ? sort[1] : (column === null || column === void 0 ? void 0 : column.sortDirection) || (typeof sortable === "string" ? sortable : defaultSortDirection),
+          props: _objectSpread(_objectSpread({
+            name,
+            flex: flex === "inherit" ? void 0 : flex
+          }, props), {}, {
+            // @ts-ignore
+            forwardRef: child.ref,
+            children: children2,
+            ref: (column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.ref) || /* @__PURE__ */ React.createRef()
+          }),
+          parentColumns: []
+        };
+        if (columns) {
+          columnChildren.columns = columns;
+          columns.forEach(function(column2) {
+            return column2.parentColumns.unshift(columnChildren);
+          });
         }
-      }), o;
+        columnsChildren.push(columnChildren);
+      });
+      return columnsChildren;
     }
   }, {
     key: "getHeadProps",
-    value: function(_) {
-      var i = this.asProps, e = i.use, r = i.uid, o = i.getI18nText, a = this.childrenToColumns(_.children);
-      return this.columns = G(a), {
-        $onSortClick: Z(this.handlerSortClick, this.scrollToUp),
-        columnsChildren: a,
-        use: e,
+    value: function getHeadProps(props) {
+      var _this$asProps = this.asProps, use = _this$asProps.use, uid = _this$asProps.uid, getI18nText = _this$asProps.getI18nText;
+      var columnsChildren = this.childrenToColumns(props.children);
+      this.columns = flattenColumns(columnsChildren);
+      return {
+        $onSortClick: callAllEventHandlers(this.handlerSortClick, this.scrollToUp),
+        columnsChildren,
+        use,
         onResize: this.handlerResize,
         $scrollRef: this.scrollHeadRef,
-        uid: r,
-        getI18nText: o
+        uid,
+        getI18nText
       };
     }
   }, {
     key: "getBodyProps",
-    value: function(_) {
-      var i = this.asProps, e = i.data, r = i.use, o = i.uniqueKey, a = i.uid, s = {}, l = [];
-      return D.Children.forEach(_.children, function(u) {
-        if (/* @__PURE__ */ D.isValidElement(u)) {
-          var n = u.props, w = n.name, c = n.children, d = B(n, n_);
-          u.type === z.Cell && w && w.split("/").forEach(function(m) {
-            s[m] = s[m] || [], s[m].push(W(W({}, d), {}, {
-              childrenPropsGetter: c
+    value: function getBodyProps(props) {
+      var _this$asProps2 = this.asProps, data = _this$asProps2.data, use = _this$asProps2.use, uniqueKey = _this$asProps2.uniqueKey, uid = _this$asProps2.uid;
+      var cellPropsLayers = {};
+      var rowPropsLayers = [];
+      React.Children.forEach(props.children, function(child) {
+        if (/* @__PURE__ */ React.isValidElement(child)) {
+          var _ref5 = child.props, name = _ref5.name, children = _ref5.children, other = _objectWithoutProperties(_ref5, _excluded2);
+          if (child.type === DefinitionTable.Cell && name) {
+            name.split("/").forEach(function(name2) {
+              cellPropsLayers[name2] = cellPropsLayers[name2] || [];
+              cellPropsLayers[name2].push(_objectSpread(_objectSpread({}, other), {}, {
+                childrenPropsGetter: children
+              }));
+            });
+          }
+          if (child.type === DefinitionTable.Row) {
+            rowPropsLayers.push(_objectSpread(_objectSpread({}, other), {}, {
+              childrenPropsGetter: children
             }));
-          }), u.type === z.Row && l.push(W(W({}, d), {}, {
-            childrenPropsGetter: c
-          }));
+          }
         }
-      }), {
+      });
+      return {
         columns: this.columns,
-        rows: this.dataToRows(e, s),
-        uniqueKey: o,
-        use: r,
-        rowPropsLayers: l,
+        rows: this.dataToRows(data, cellPropsLayers),
+        uniqueKey,
+        use,
+        rowPropsLayers,
         $scrollRef: this.scrollBodyRef,
-        uid: a
+        uid
       };
     }
   }, {
     key: "dataToRows",
-    value: function(_, i) {
-      var e = this, r = function o(a, s) {
-        return a.map(function(l) {
-          var u = {}, n = {};
-          for (var w in l) {
-            var c = w.split("/");
-            if (c.length >= 2) {
-              var d = E(c), m;
+    value: function dataToRows(data, cellPropsLayers) {
+      var _this4 = this;
+      var parseData = function parseData2(data2, exclude) {
+        return data2.map(function(row) {
+          var groupByName = {};
+          var columnsWithoutRowGroup = {};
+          for (var rowKey in row) {
+            var columnNames = rowKey.split("/");
+            if (columnNames.length >= 2) {
+              var _iterator2 = _createForOfIteratorHelper(columnNames), _step2;
               try {
-                for (d.s(); !(m = d.n()).done; ) {
-                  var k = m.value;
-                  u[k] = {
-                    groupedColumns: c,
-                    groupData: l[w]
-                  }, n[k] = !0;
+                for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+                  var column = _step2.value;
+                  groupByName[column] = {
+                    groupedColumns: columnNames,
+                    groupData: row[rowKey]
+                  };
+                  columnsWithoutRowGroup[column] = true;
                 }
-              } catch (t) {
-                d.e(t);
+              } catch (err) {
+                _iterator2.e(err);
               } finally {
-                d.f();
+                _iterator2.f();
               }
-            } else
-              n[w] = !0;
-          }
-          var S = l[u_] || [], v = Object.fromEntries(S.flatMap(function(t) {
-            return Object.keys(t);
-          }).flatMap(function(t) {
-            return t.split("/");
-          }).map(function(t) {
-            return [t, !0];
-          })), P = !1, h = e.columns.map(function(t) {
-            if (u[t.name]) {
-              var C = u[t.name], y = C.groupedColumns, H = C.groupData;
-              if (y[0] === t.name)
-                return {
-                  name: y.join("/"),
-                  cssVar: y.map(V),
-                  fixed: t.fixed,
-                  data: H,
-                  cellPropsLayers: i[t.name] || []
-                };
             } else {
-              if (t.name in l)
-                return {
-                  name: t.name,
-                  cssVar: t.varWidth,
-                  fixed: t.fixed,
-                  data: l[t.name],
-                  cellPropsLayers: i[t.name] || []
-                };
-              if (!P && v[t.name])
-                return P = !0, o(S, W(W({}, s), n));
-              if (!s[t.name] && !v[t.name])
+              columnsWithoutRowGroup[rowKey] = true;
+            }
+          }
+          var rowsGroup = row[ROW_GROUP] || [];
+          var rowsGroupedNames = Object.fromEntries(rowsGroup.flatMap(function(subRow) {
+            return Object.keys(subRow);
+          }).flatMap(function(key) {
+            return key.split("/");
+          }).map(function(key) {
+            return [key, true];
+          }));
+          var isGroup = false;
+          var cells = _this4.columns.map(function(column2) {
+            if (groupByName[column2.name]) {
+              var _groupByName$column$n = groupByName[column2.name], groupedColumns = _groupByName$column$n.groupedColumns, groupData = _groupByName$column$n.groupData;
+              if (groupedColumns[0] === column2.name) {
                 return {
-                  name: t.name,
-                  cssVar: t.varWidth,
-                  fixed: t.fixed,
-                  data: null,
-                  cellPropsLayers: i[t.name] || []
+                  name: groupedColumns.join("/"),
+                  cssVar: groupedColumns.map(createCssVarForWidth),
+                  fixed: column2.fixed,
+                  data: groupData,
+                  cellPropsLayers: cellPropsLayers[column2.name] || []
                 };
+              }
+            } else if (column2.name in row) {
+              return {
+                name: column2.name,
+                cssVar: column2.varWidth,
+                fixed: column2.fixed,
+                data: row[column2.name],
+                cellPropsLayers: cellPropsLayers[column2.name] || []
+              };
+            } else if (!isGroup && rowsGroupedNames[column2.name]) {
+              isGroup = true;
+              return parseData2(rowsGroup, _objectSpread(_objectSpread({}, exclude), columnsWithoutRowGroup));
+            } else if (!exclude[column2.name] && !rowsGroupedNames[column2.name]) {
+              return {
+                name: column2.name,
+                cssVar: column2.varWidth,
+                fixed: column2.fixed,
+                data: null,
+                cellPropsLayers: cellPropsLayers[column2.name] || []
+              };
             }
-          }).filter(function(t) {
-            return t;
-          }).map(function(t) {
-            return t;
+          }).filter(function(column2) {
+            return column2;
+          }).map(function(column2) {
+            return column2;
           });
-          return h.flatRowData = l, h;
+          cells.flatRowData = row;
+          return cells;
         });
       };
-      return r(_, {});
+      return parseData(data, {});
     }
   }, {
     key: "componentDidMount",
-    value: function() {
+    value: function componentDidMount() {
       this.setVarStyle(this.columns);
     }
   }, {
     key: "componentDidUpdate",
-    value: function(_) {
-      if (this.setVarStyle(this.columns), _.data !== this.props.data) {
-        var i = this.focusedCell[0], e = i === 0 && this.hasFocusableInHeader();
-        this.tableRef.current && !I(this.tableRef.current) && !e && (this.focusedCell = [-1, -1]);
+    value: function componentDidUpdate(prevProps) {
+      this.setVarStyle(this.columns);
+      if (prevProps.data !== this.props.data) {
+        var focusedRow = this.focusedCell[0];
+        var isFocusInHeader = focusedRow === 0 && this.hasFocusableInHeader();
+        if (this.tableRef.current && !isFocusInside(this.tableRef.current) && !isFocusInHeader) {
+          this.focusedCell = [-1, -1];
+        }
       }
     }
   }, {
     key: "totalRows",
-    get: function() {
-      var _ = this.asProps, i = _.data, e = _.totalRows;
-      return e ?? (i ?? []).length;
+    get: function get() {
+      var _this$asProps3 = this.asProps, data = _this$asProps3.data, totalRows = _this$asProps3.totalRows;
+      return totalRows !== null && totalRows !== void 0 ? totalRows : (data !== null && data !== void 0 ? data : []).length;
     }
   }, {
     key: "setInert",
-    value: function(_) {
-      var i, e = (i = this.tableRef.current) === null || i === void 0 ? void 0 : i.querySelectorAll("[role=gridcell], [role=columnheader]");
-      e == null || e.forEach(function(r) {
-        _ === !0 ? r.setAttribute("inert", "") : r.removeAttribute("inert");
+    value: function setInert(value) {
+      var _this$tableRef$curren6;
+      var cells = (_this$tableRef$curren6 = this.tableRef.current) === null || _this$tableRef$curren6 === void 0 ? void 0 : _this$tableRef$curren6.querySelectorAll("[role=gridcell], [role=columnheader]");
+      cells === null || cells === void 0 ? void 0 : cells.forEach(function(cell) {
+        if (value === true) {
+          cell.setAttribute("inert", "");
+        } else {
+          cell.removeAttribute("inert");
+        }
       });
     }
   }, {
     key: "render",
-    value: function() {
-      var _ = this.asProps, i, e = X, r = this.asProps, o = r.Children, a = r.styles;
-      return i = J(a), /* @__PURE__ */ D.createElement(e, i.cn("SDataTable", W({}, N({
-        __excludeProps: ["data"],
-        ref: this.tableRef,
-        role: "grid",
-        onKeyDown: this.handleKeyDown,
-        onMouseMove: this.handleMouseMove,
-        tabIndex: 0,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SDataTable = Box;
+      var _this$asProps4 = this.asProps, Children = _this$asProps4.Children, styles = _this$asProps4.styles;
+      return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SDataTable, _ref2.cn("SDataTable", _objectSpread({}, assignProps({
+        "__excludeProps": ["data"],
+        "ref": this.tableRef,
+        "role": "grid",
+        "onKeyDown": this.handleKeyDown,
+        "onMouseMove": this.handleMouseMove,
+        "tabIndex": 0,
+        "onFocus": this.handleFocus,
+        "onBlur": this.handleBlur,
         "aria-rowcount": this.totalRows,
         "aria-colcount": this.columns.length
-      }, _))), /* @__PURE__ */ D.createElement(o, i.cn("Children", {})));
+      }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})));
     }
-  }]), R;
-}(Q);
-g($, "displayName", "DefinitionTable");
-g($, "style", g_);
-g($, "enhance", [r_(), a_(t_), s_()]);
-g($, "defaultProps", {
+  }]);
+  return RootDefinitionTable2;
+}(Component);
+_defineProperty(RootDefinitionTable, "displayName", "DefinitionTable");
+_defineProperty(RootDefinitionTable, "style", style);
+_defineProperty(RootDefinitionTable, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages), focusSourceEnhance()]);
+_defineProperty(RootDefinitionTable, "defaultProps", {
   use: "primary",
   uniqueKey: "id",
   sort: [],
   data: []
 });
-function A() {
+function ComponentDefinition() {
   return null;
 }
-var z = K($, {
-  Head: e_,
-  Body: o_,
-  Column: A,
-  Cell: A,
-  Row: A
-}, {}), G_ = function(b) {
-  return b;
-}, V_ = function(b) {
-  return b;
-}, M_ = function(b) {
-  return b;
+var DefinitionTable = createComponent(RootDefinitionTable, {
+  Head,
+  Body,
+  Column: ComponentDefinition,
+  Cell: ComponentDefinition,
+  Row: ComponentDefinition
+}, {});
+var wrapDataTable = function wrapDataTable2(wrapper) {
+  return wrapper;
+};
+var wrapDataTableRow = function wrapDataTableRow2(wrapper) {
+  return wrapper;
+};
+var wrapDataTableCell = function wrapDataTableCell2(wrapper) {
+  return wrapper;
 };
 export {
-  u_ as ROW_GROUP,
-  z as default,
-  G_ as wrapDataTable,
-  M_ as wrapDataTableCell,
-  V_ as wrapDataTableRow
+  ROW_GROUP,
+  DefinitionTable as default,
+  wrapDataTable,
+  wrapDataTableCell,
+  wrapDataTableRow
 };