@splunk/react-ui 5.8.0 → 5.9.1

package/Table.js

@@ -62,13 +62,13 @@
     // EXPORTS
         e.d(n, {
         Body: () => /* reexport */ J,
-        Caption: () => /* reexport */ de,
-        Cell: () => /* reexport */ Oe,
-        Head: () => /* reexport */ er,
-        HeadCell: () => /* reexport */ Mn,
-        HeadDropdownCell: () => /* reexport */ xr,
-        Row: () => /* reexport */ Ht,
-        default: () => /* reexport */ Qo
+        Caption: () => /* reexport */ fe,
+        Cell: () => /* reexport */ ke,
+        Head: () => /* reexport */ nr,
+        HeadCell: () => /* reexport */ Nn,
+        HeadDropdownCell: () => /* reexport */ Sr,
+        Row: () => /* reexport */ Kt,
+        default: () => /* reexport */ Zo
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -82,42 +82,42 @@
     // CONCATENATED MODULE: external "lodash/forEach"
     const l = require("lodash/forEach");
     var u =  e.n(l);
-    // CONCATENATED MODULE: external "lodash/has"
-    const s = require("lodash/has");
     // CONCATENATED MODULE: external "lodash/indexOf"
-    const c = require("lodash/indexOf");
-    var d =  e.n(c);
+    const s = require("lodash/indexOf");
+    var c =  e.n(s);
     // CONCATENATED MODULE: external "lodash/isEqual"
-    const f = require("lodash/isEqual");
-    var v =  e.n(f);
+    const d = require("lodash/isEqual");
+    var f =  e.n(d);
     // CONCATENATED MODULE: external "lodash/isNumber"
-    const p = require("lodash/isNumber");
+    const v = require("lodash/isNumber");
     // CONCATENATED MODULE: external "lodash/omit"
-    const m = require("lodash/omit");
-    var b =  e.n(m);
+    const p = require("lodash/omit");
+    var m =  e.n(p);
     // CONCATENATED MODULE: external "lodash/throttle"
-    const h = require("lodash/throttle");
-    var y =  e.n(h);
+    const b = require("lodash/throttle");
+    var h =  e.n(b);
     // CONCATENATED MODULE: external "prop-types"
-    const g = require("prop-types");
-    var w =  e.n(g);
+    const y = require("prop-types");
+    var g =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const C = require("@splunk/react-ui/EventListener");
-    var x =  e.n(C);
+    const w = require("@splunk/react-ui/EventListener");
+    var C =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
-    const S = require("@splunk/react-ui/ScrollContainerContext");
+    const x = require("@splunk/react-ui/ScrollContainerContext");
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const O = require("@splunk/react-ui/usePrevious");
-    var k =  e.n(O);
+    const S = require("@splunk/react-ui/usePrevious");
+    var O =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/useResizeObserver"
-    const R = require("@splunk/react-ui/useResizeObserver");
-    var E =  e.n(R);
+    const k = require("@splunk/react-ui/useResizeObserver");
+    var R =  e.n(k);
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const I = require("@splunk/ui-utils/format");
+    const E = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const T = require("@splunk/ui-utils/i18n");
+    const I = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const j = require("@splunk/ui-utils/id");
+    const T = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "lodash/has"
+    const j = require("lodash/has");
     // CONCATENATED MODULE: external "lodash/includes"
     const D = require("lodash/includes");
     var P =  e.n(D);
@@ -127,13 +127,13 @@
     // CONCATENATED MODULE: external "styled-components"
     const _ = require("styled-components");
     var z =  e.n(_);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const $ = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/react-ui/SimpleTable"
+    const M = require("@splunk/react-ui/SimpleTable");
     // CONCATENATED MODULE: ./src/Table/BodyStyles.ts
-    var M = z().tbody.withConfig({
+    var $ = z()(M.StyledSimpleTableBody).withConfig({
         displayName: "BodyStyles__Styled",
         componentId: "sc-1k5p6pq-0"
-    })([ "", " z-index:0;" ], $.mixins.reset("table-row-group"));
+    })([ "z-index:0;" ]);
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -166,26 +166,26 @@
         }, L.apply(null, arguments);
     }
     function W(e, n) {
-        return F(e) || B(e, n) || K(e, n) || H();
+        return F(e) || V(e, n) || K(e, n) || H();
     }
     function H() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
     function K(e, n) {
         if (e) {
-            if ("string" == typeof e) return V(e, n);
+            if ("string" == typeof e) return B(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? V(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? B(e, n) : void 0;
         }
     }
-    function V(e, n) {
+    function B(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function B(e, n) {
+    function V(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -234,21 +234,21 @@
     }
     var Y = {
         /** @private. Generally passed by Table rather than added directly. */
-        actions: w().bool,
-        children: w().node,
-        elementRef: w().oneOfType([ w().func, w().object ]),
+        actions: g().bool,
+        children: g().node,
+        elementRef: g().oneOfType([ g().func, g().object ]),
         /** @private. Generally passed by Table rather than added directly. */
-        movableColumns: w().bool,
+        movableColumns: g().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        rowExpansion: w().oneOf([ "single", "multi", "none", "controlled" ]),
+        rowExpansion: g().oneOf([ "single", "multi", "none", "controlled" ]),
         /** @private. Generally passed by Table rather than added directly. */
-        onRequestMoveRow: w().func,
+        onRequestMoveRow: g().func,
         /** @private. */
-        pinnedColumns: w().object,
+        pinnedColumns: g().object,
         /** @private. Generally passed by Table rather than added directly. */
-        primaryColumnIndex: w().number,
+        primaryColumnIndex: g().number,
         /** @private. Generally passed by Table rather than added directly. */
-        stripeRows: w().bool
+        stripeRows: g().bool
     };
     function G(e) {
         var n = e.actions, o = e.children, i = e.elementRef, a = e.pinnedColumns, l = e.movableColumns, u = e.onRequestMoveRow, s = e.rowExpansion, c = s === void 0 ? "none" : s, d = e.primaryColumnIndex, f = e.stripeRows, v = U(e, [ "actions", "children", "elementRef", "pinnedColumns", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
@@ -293,7 +293,7 @@
                         n.set(a, Array.from({
                             length: l
                         }, (function() {
-                            return (0, j.createDOMID)();
+                            return (0, T.createDOMID)();
                         })));
                         r = true;
                     }
@@ -345,7 +345,7 @@
             return null;
         }
         
-        return r().createElement(M, L({
+        return r().createElement($, L({
             "data-test": "body"
         }, v, {
             ref: w
@@ -354,51 +354,53 @@
     G.propTypes = Y;
     G.splunkUiType = "Table.Body";
     /* harmony default export */    const J = G;
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const Q = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Table/TableStyles.ts
-    var Q = z().div.withConfig({
+    var Z = z().div.withConfig({
         displayName: "TableStyles__Styled",
         componentId: "sc-1cmfss7-0"
-    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], $.mixins.reset("block"));
-    var Z = z().div.withConfig({
+    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], Q.mixins.reset("block"));
+    var ee = z().div.withConfig({
         displayName: "TableStyles__StyledTableContainer",
         componentId: "sc-1cmfss7-1"
     })([ "overflow:auto;", " &::before{content:'';width:100%;height:0;top:0;position:absolute;}" ], (function(e) {
         var n = e.$dragging;
         return n && (0, _.css)([ "overflow:hidden;" ]);
     }));
-    var ee = z().table.withConfig({
+    var ne = z()(M.StyledSimpleTable).withConfig({
         displayName: "TableStyles__StyledTable",
         componentId: "sc-1cmfss7-2"
-    })([ "", ";position:relative;border-collapse:collapse;border-spacing:0;min-width:100%;z-index:0;height:1px;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}", " @media print{width:100%;max-width:100%;table-layout:auto;}" ], $.mixins.reset("table"), (function(e) {
+    })([ "position:relative;border-spacing:0;z-index:0;height:1px;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}", " @media print{width:100%;max-width:100%;table-layout:auto;}" ], (function(e) {
         var n = e.$resizableFillLayout;
         return n && (0, _.css)([ "width:100%;min-width:100%;table-layout:fixed;" ]);
     }));
-    var ne = z().div.withConfig({
+    var te = z().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbar",
         componentId: "sc-1cmfss7-3"
-    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], $.variables.zindexFixedNavbar);
-    var te = z().div.withConfig({
+    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], Q.variables.zindexFixedNavbar);
+    var re = z().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbarContent",
         componentId: "sc-1cmfss7-4"
     })([ "height:1px;" ]);
-    var re = z().caption.withConfig({
+    var oe = z().caption.withConfig({
         displayName: "TableStyles__StyledTableCaption",
         componentId: "sc-1cmfss7-5"
-    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], $.variables.spacingXSmall, $.variables.fontSizeLarge, (function(e) {
+    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], Q.variables.spacingXSmall, Q.variables.fontSizeLarge, (function(e) {
         var n = e.side;
         return n;
     }));
-    var oe = z().table.withConfig({
+    var ie = z().table.withConfig({
         displayName: "TableStyles__StyledDragShadowTable",
         componentId: "sc-1cmfss7-6"
-    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], $.variables.interactiveColorOverlayDrag, (function(e) {
+    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], Q.variables.interactiveColorOverlayDrag, (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
     }), (function(e) {
         var n = e.$width;
         return "".concat(n, "px");
     }));
-    var ie = z().div.withConfig({
+    var ae = z().div.withConfig({
         displayName: "TableStyles__StyledGuideLine",
         componentId: "sc-1cmfss7-7"
     })([ "position:absolute;width:1px;left:", ";top:0;height:", ";pointer-events:none;background-color:", ";" ], (function(e) {
@@ -407,10 +409,10 @@
     }), (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
-    }), $.variables.interactiveColorAccent);
+    }), Q.variables.interactiveColorAccent);
     // CONCATENATED MODULE: ./src/Table/Caption.tsx
-    function ae() {
-        return ae = Object.assign ? Object.assign.bind() : function(e) {
+    function le() {
+        return le = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -418,11 +420,11 @@
                 }
             }
             return e;
-        }, ae.apply(null, arguments);
+        }, le.apply(null, arguments);
     }
-    function le(e, n) {
+    function ue(e, n) {
         if (null == e) return {};
-        var t, r, o = ue(e, n);
+        var t, r, o = se(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -431,7 +433,7 @@
         }
         return o;
     }
-    function ue(e, n) {
+    function se(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -442,82 +444,79 @@
         }
         return t;
     }
-    var se = {
-        children: w().node.isRequired,
-        side: w().oneOf([ "top", "bottom" ])
+    var ce = {
+        children: g().node.isRequired,
+        side: g().oneOf([ "top", "bottom" ])
     };
     /**
  * Tables that use a docked header must place the caption on the bottom side.
  * Tables that use a fixed header cannot use captions.
- */    function ce(e) {
-        var n = e.children, t = e.side, o = t === void 0 ? "top" : t, i = le(e, [ "children", "side" ]);
+ */    function de(e) {
+        var n = e.children, t = e.side, o = t === void 0 ? "top" : t, i = ue(e, [ "children", "side" ]);
         // @docs-props-type CaptionPropsBase
                 
-        return r().createElement(re, ae({
+        return r().createElement(oe, le({
             "data-test": "caption",
             side: o
         }, i), n);
     }
-    ce.propTypes = se;
-    ce.splunkUiType = "Table.Caption";
-    /* harmony default export */    const de = ce;
+    de.propTypes = ce;
+    de.splunkUiType = "Table.Caption";
+    /* harmony default export */    const fe = de;
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const fe = require("@splunk/react-ui/ButtonSimple");
+    const ve = require("@splunk/react-ui/ButtonSimple");
     // CONCATENATED MODULE: ./src/Table/CellStyles.ts
-    var ve = "2px";
-    var pe = (0, _.css)([ "box-shadow:", ";" ], $.variables.focusShadowInset);
-    var me = z().td.withConfig({
+    var pe = "2px";
+    var me = (0, _.css)([ "box-shadow:", ";" ], Q.variables.focusShadowInset);
+    var be = z()(M.StyledSimpleTableCell).withConfig({
         displayName: "CellStyles__Styled",
         componentId: "sc-1955xk2-0"
-    })([ "", " line-height:", ";padding:", " ", ";border-left:0 solid transparent;border-right:0 solid transparent;color:", ";word-wrap:break-word;vertical-align:top;*:where(button):focus,&& *:is(:has(> input:focus)):not([disabled]){box-shadow:", ";}padding-block:", ";padding-inline:", ";", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}", "" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, ve, $.variables.spacingSmall, $.variables.contentColorDefault, $.variables.focusShadowInset, (0, 
-    $.pick)({
-        comfortable: "8px",
-        compact: "6px"
-    }), $.variables.spacingSmall, (0, $.pickVariant)("$variant", {
+    })([ "word-break:normal;border-left:0 solid transparent;border-right:0 solid transparent;*:where(button):focus,&& *:is(:has(> input:focus)):not([disabled]){box-shadow:", ";}", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}", "" ], Q.variables.focusShadowInset, (0, 
+    Q.pickVariant)("$variant", {
         expand: (0, _.css)([ "height:100%;padding:0;" ]),
         toggle: (0, _.css)([ "height:100%;padding:0;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$isPrimaryCell;
-        return (0, $.pickVariant)("$appearance", {
-            data: (0, _.css)([ "", "" ], n === "actions" && (0, _.css)([ "cursor:default;padding-block:", ";padding-inline:", ";*:where(button){", " &:focus{box-shadow:", ";}}" ], ve, $.variables.spacingSmall, (0, 
-            fe.buttonMixin)("subtle", {
-                color: $.variables.contentColorDefault
-            }), $.variables.focusShadowInset)),
-            rowLink: (0, _.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], $.variables.contentColorActive, t && (0, 
+        return (0, Q.pickVariant)("$appearance", {
+            data: (0, _.css)([ "", "" ], n === "actions" && (0, _.css)([ "cursor:default;padding-block:", ";padding-inline:", ";*:where(button){", " &:focus{box-shadow:", ";}}" ], pe, Q.variables.spacingSmall, (0, 
+            ve.buttonMixin)("subtle", {
+                color: Q.variables.contentColorDefault
+            }), Q.variables.focusShadowInset)),
+            rowLink: (0, _.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], Q.variables.contentColorActive, t && (0, 
             _.css)([ "text-decoration:underline;" ])),
-            link: (0, _.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], $.variables.contentColorLink, $.variables.focusShadowInset)
+            link: (0, _.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], Q.variables.contentColorLink, Q.variables.focusShadowInset)
         });
     }), (function(e) {
-        var n = e.$clickable, t = e.$focusWithin, r = e.$stripe;
-        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{", " background-color:", ";}", "" ], r === "even" ? $.variables.neutral300 : $.variables.neutral100, pe, r === "even" ? $.variables.neutral300 : $.variables.neutral100, t && (0, 
-        _.css)([ "&:focus-within{", " background-color:", ";}" ], pe, r === "even" ? $.variables.neutral300 : $.variables.neutral100));
+        var n = e.$clickable, t = e.$focusWithin;
+        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{", " background-color:", ";}", "" ], Q.variables.neutral100, me, Q.variables.neutral100, t && (0, 
+        _.css)([ "&:focus-within{", " background-color:", ";}" ], me, Q.variables.neutral100));
     }), (function(e) {
         var n = e.$isPinned;
-        return n && (0, _.css)([ "background-color:", ";position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], $.variables.backgroundColorPage, $.variables.borderColor);
+        return n && (0, _.css)([ "background-color:", ";position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], Q.variables.backgroundColorPage, Q.variables.borderColor);
     }));
     /*
  * A wrapper ensures that the Table Cell contents align to the top while staying within the height of inputHeight.
  * This allows text to align properly with expand and select icons when other cell contents are larger.
- */    var be = z().div.withConfig({
+ */    var he = z().div.withConfig({
         displayName: "CellStyles__StyledCellContent",
         componentId: "sc-1955xk2-1"
-    })([ "display:flex;align-items:flex-start;", " ", " ", "" ], (0, $.pickVariant)("$variant", {
+    })([ "display:flex;align-items:flex-start;", " ", " ", "" ], (0, Q.pickVariant)("$variant", {
         expand: (0, _.css)([ "height:100%;" ]),
         toggle: (0, _.css)([ "height:100%;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$align;
         return n ? (0, _.css)([ "display:block;text-align:", ";" ], t) : (0, _.css)([ "justify-content:", ";text-align:", ";" ], t, t);
-    }), (0, $.pickVariant)("$horizontalOverflow", {
+    }), (0, Q.pickVariant)("$horizontalOverflow", {
         auto: (0, _.css)([ "word-break:break-word;" ]),
         scroll: (0, _.css)([ "overflow-wrap:wrap;" ])
     }));
     // CONCATENATED MODULE: ./src/Table/TableContext.ts
-    var he =  (0, t.createContext)({});
-    he.displayName = "Table";
-    /* harmony default export */    const ye = he;
+    var ye =  (0, t.createContext)({});
+    ye.displayName = "Table";
+    /* harmony default export */    const ge = ye;
     // CONCATENATED MODULE: ./src/Table/Cell.tsx
-    function ge() {
-        return ge = Object.assign ? Object.assign.bind() : function(e) {
+    function we() {
+        return we = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -525,11 +524,11 @@
                 }
             }
             return e;
-        }, ge.apply(null, arguments);
+        }, we.apply(null, arguments);
     }
-    function we(e, n) {
+    function Ce(e, n) {
         if (null == e) return {};
-        var t, r, o = Ce(e, n);
+        var t, r, o = xe(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -538,7 +537,7 @@
         }
         return o;
     }
-    function Ce(e, n) {
+    function xe(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -549,38 +548,38 @@
         }
         return t;
     }
-    /** @public */    var xe = {
-        align: w().oneOf([ "left", "center", "right" ]),
+    /** @public */    var Se = {
+        align: g().oneOf([ "left", "center", "right" ]),
         /** @private */
-        appearance: w().oneOf([ "data", "link", "rowLink" ]),
+        appearance: g().oneOf([ "data", "link", "rowLink" ]),
         /** @private Used to set the $clickable appearance without an onClick */
-        appearClickable: w().bool,
-        children: w().node,
-        data: w().any,
-        elementRef: w().oneOfType([ w().func, w().object ]),
+        appearClickable: g().bool,
+        children: g().node,
+        data: g().any,
+        elementRef: g().oneOfType([ g().func, g().object ]),
         /** @private */
-        isPrimaryCell: w().bool,
+        isPrimaryCell: g().bool,
         /** @private */
-        isPinned: w().bool,
-        onClick: w().func,
+        isPinned: g().bool,
+        onClick: g().func,
         /** @private */
-        onKeyDown: w().func,
+        onKeyDown: g().func,
         /** @private */
-        disabled: w().bool,
+        disabled: g().bool,
         /** @private. */
-        expand: w().bool,
+        expand: g().bool,
         /** @private. */
-        stripe: w().oneOf([ "odd", "even", "none" ]),
+        stripe: g().oneOf([ "odd", "even", "none" ]),
         /** @private. */
-        variant: w().oneOf([ "toggle", "expand", "drag", "actions" ])
+        variant: g().oneOf([ "toggle", "expand", "drag", "actions" ])
     };
-    function Se(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearance, a = e.appearClickable, l = e.children, u = e.data, s = e.disabled, c = e.elementRef, d = e.isPinned, f = e.isPrimaryCell, v = e.onClick, p = e.onKeyDown, m = e.stripe, b = e.variant, h = we(e, [ "align", "appearance", "appearClickable", "children", "data", "disabled", "elementRef", "isPinned", "isPrimaryCell", "onClick", "onKeyDown", "stripe", "variant" ]);
+    function Oe(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearance, a = e.appearClickable, l = e.children, u = e.data, s = e.disabled, c = e.elementRef, d = e.isPinned, f = e.isPrimaryCell, v = e.onClick, p = e.onKeyDown, m = e.stripe, b = e.variant, h = Ce(e, [ "align", "appearance", "appearClickable", "children", "data", "disabled", "elementRef", "isPinned", "isPrimaryCell", "onClick", "onKeyDown", "stripe", "variant" ]);
         // @docs-props-type CellPropsBase
                 var y = v !== undefined;
         var g = a || y;
         var w = g ? "link" : "data";
-        var C = (0, t.useContext)(ye), x = C.horizontalOverflow;
+        var C = (0, t.useContext)(ge), x = C.horizontalOverflow;
         var S = (0, t.useCallback)((function(e) {
             N(c, e);
         }), [ c ]);
@@ -598,7 +597,7 @@
             p === null || p === void 0 ? void 0 : p(e);
         }), [ u, v, p ]);
         
-        return r().createElement(me, ge({
+        return r().createElement(be, we({
             "data-test": "cell",
             $appearance: i || w,
             $clickable: g ? true : undefined,
@@ -612,44 +611,44 @@
             onKeyDown: k,
             ref: S,
             tabIndex: y ? 0 : undefined
-        }, h),  r().createElement(be, {
+        }, h),  r().createElement(he, {
             $align: o,
             $horizontalOverflow: x,
             $variant: b
         }, l));
     }
-    Se.propTypes = xe;
-    Se.splunkUiType = "Table.Cell";
-    /* harmony default export */    const Oe = Se;
+    Oe.propTypes = Se;
+    Oe.splunkUiType = "Table.Cell";
+    /* harmony default export */    const ke = Oe;
     // CONCATENATED MODULE: external "lodash/isString"
-    const ke = require("lodash/isString");
-    var Re =  e.n(ke);
+    const Re = require("lodash/isString");
+    var Ee =  e.n(Re);
     // CONCATENATED MODULE: external "lodash/merge"
-    const Ee = require("lodash/merge");
-    var Ie =  e.n(Ee);
+    const Ie = require("lodash/merge");
+    var Te =  e.n(Ie);
     // CONCATENATED MODULE: external "@splunk/react-icons/ParallelDots"
-    const Te = require("@splunk/react-icons/ParallelDots");
-    var je =  e.n(Te);
+    const je = require("@splunk/react-icons/ParallelDots");
+    var De =  e.n(je);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const De = require("@splunk/react-ui/Tooltip");
-    var Pe =  e.n(De);
+    const Pe = require("@splunk/react-ui/Tooltip");
+    var Ae =  e.n(Pe);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const Ae = require("@splunk/react-ui/Divider");
-    var qe =  e.n(Ae);
+    const qe = require("@splunk/react-ui/Divider");
+    var _e =  e.n(qe);
     // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
-    var _e = 4;
-    var ze = _e;
+    var ze = 4;
+    var Me = ze;
  // While this could theoretically be different, it helps for cohesivity in look and feel when some columns are truncated and others are not.
         var $e = (0, _.css)([ "display:inline-flex;align-items:center;grid-row:1;height:1lh;" ]);
-    var Me = z().span.withConfig({
+    var Ne = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledIcon",
         componentId: "sc-1sa0wng-0"
     })([ "", " grid-column:icon;" ], $e);
-    var Ne = z().span.withConfig({
+    var Le = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledTooltipIcon",
         componentId: "sc-1sa0wng-1"
     })([ "", " grid-column:tooltip;" ], $e);
-    var Le = z().span.withConfig({
+    var We = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledLabel",
         componentId: "sc-1sa0wng-2"
     })([ "grid-column:label;grid-row:1 / -1;position:relative;height:100%;", " ", " ", " ", "" ], (function(e) {
@@ -657,105 +656,98 @@
         return n === "toggleAll" && (0, _.css)([ "grid-column:1 / -1;" ]);
     }), (function(e) {
         var n = e.$labelLength;
-        return n && n > ze && (0, _.css)([ "word-wrap:break-word;word-break:break-word;" ]);
+        return n && n > Me && (0, _.css)([ "word-wrap:break-word;word-break:break-word;" ]);
     }), (function(e) {
         var n = e.$truncate, t = e.$labelLength;
-        return (0, $.pickVariant)("$horizontalOverflow", {
-            auto: n && t && t > _e && (0, _.css)([ "", " min-width:4ch;" ], $.mixins.ellipsis()),
+        return (0, Q.pickVariant)("$horizontalOverflow", {
+            auto: n && t && t > ze && (0, _.css)([ "", " min-width:4ch;" ], Q.mixins.ellipsis()),
             scroll: (0, _.css)([ "white-space:nowrap;" ])
         });
-    }), (0, $.pickVariant)("$align", {
+    }), (0, Q.pickVariant)("$align", {
         right: (0, _.css)([ "& > &{text-align:right;}" ]),
         left: (0, _.css)([ "& > &{text-align:left;}" ]),
         center: (0, _.css)([ "& > &{text-align:center;}" ])
     }));
-    var We = (0, _.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], $.variables.focusShadowInset, $.variables.contentColorActive);
-    var He = z().div.withConfig({
+    var He = (0, _.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], Q.variables.focusShadowInset, Q.variables.contentColorActive);
+    var Ke = z().div.withConfig({
         displayName: "HeadInnerStyles__Styled",
         componentId: "sc-1sa0wng-3"
-    })([ "", ";", ";", ";position:relative;", " grid-template-rows:1lh 1fr;align-items:start;flex-grow:1;height:100%;padding-block:", ";padding-inline:", ";justify-content:", ";", " ", " @media print{background-image:none;}", "" ], $.mixins.reset("grid"), $.mixins.clearfix(), $.mixins.typography("body", {
+    })([ "", ";", ";", ";position:relative;", " grid-template-rows:1lh 1fr;align-items:start;flex-grow:1;height:100%;", ";padding-inline:", ";justify-content:", ";", " ", " @media print{background-image:none;}", "" ], Q.mixins.reset("grid"), Q.mixins.clearfix(), Q.mixins.typography("body", {
         weight: "bold"
     }), (function(e) {
         var n = e.$hasTooltip, t = e.$hasIcon;
-        return (0, _.css)([ "grid-template-columns:[label] auto ", " ", ";column-gap:", ";" ], n ? "[tooltip] min-content" : "", t ? "[icon] min-content" : "", n || t ? $.variables.spacingXSmall : 0);
-    }), (0, $.pick)({
-        comfortable: "8px",
-        compact: "6px"
-    }), $.variables.spacingSmall, (0, $.pickVariant)("$align", {
+        return (0, _.css)([ "grid-template-columns:[label] auto ", " ", ";column-gap:", ";" ], n ? "[tooltip] min-content" : "", t ? "[icon] min-content" : "", n || t ? Q.variables.spacingXSmall : 0);
+    }), M.sharedCellPaddingBlock, Q.variables.spacingSmall, (0, Q.pickVariant)("$align", {
         center: "center",
         left: "flex-start",
         right: "flex-end"
     }), (function(e) {
         var n = e.$variant;
         return n && (0, _.css)([ "grid-template-columns:1fr;grid-template-rows:1fr;" ]);
-    }), (0, $.pickVariant)("$variant", {
+    }), (0, Q.pickVariant)("$variant", {
         toggleAll: (0, _.css)([ "padding:0;" ]),
         actions: (0, _.css)([ "padding-block:2px;" ])
     }), (function(e) {
         var n = e.$clickable, t = e.$focusWithin;
-        return n && (0, _.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";}" ], We, t && (0, 
-        _.css)([ "&:focus-within{", "}" ], We), $.variables.contentColorActive);
+        return n && (0, _.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";}" ], He, t && (0, 
+        _.css)([ "&:focus-within{", "}" ], He), Q.variables.contentColorActive);
     }));
-    var Ke = z()(qe()).withConfig({
+    var Be = z()(_e()).withConfig({
         displayName: "HeadInnerStyles__StyledResize",
         componentId: "sc-1sa0wng-4"
-    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:1px;width:4px;}&:hover{outline:none;&::before{content:'';background:", ";position:absolute;left:4px;width:1px;top:0;bottom:0;}}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], $.mixins.reset("block"), /* sc-sel */ He, $.variables.borderColorStrong, $.variables.focusColor, $.variables.focusShadow);
+    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:1px;width:4px;}&:hover{outline:none;&::before{content:'';background:", ";position:absolute;left:4px;width:1px;top:0;bottom:0;}}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], Q.mixins.reset("block"), /* sc-sel */ Ke, Q.variables.borderColorStrong, Q.variables.focusColor, Q.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
     var Ve = z().div.withConfig({
         displayName: "HeadCellStyles__StyledInnerWrapper",
         componentId: "sc-1hj81sa-0"
     })([ "display:flex;height:100%;align-items:flex-start;" ]);
-    var Be = z().th.withConfig({
+    var Fe = z()(M.StyledSimpleTableHeadCell).withConfig({
         displayName: "HeadCellStyles__Styled",
         componentId: "sc-1hj81sa-1"
-    })([ "", " line-height:", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;height:100%;&:not(:first-child,:has(", ")){", "{border-left:1px solid ", ";}}&:has(", "){", "{border-right:1px solid ", ";}}&:nth-last-child(2):has(", ") + &:last-child{", "{border-left:none;}}*:where(button):focus{box-shadow:", ";}", " ", " ", " ", "" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, $.variables.neutral100, (function(e) {
+    })([ "&:not(:first-child){border-left:none;}padding:0;text-align:left;vertical-align:", ";position:relative;height:100%;&:not(:first-child,:has(", ")){", "{border-left:1px solid ", ";}}&:has(", "){", "{border-right:1px solid ", ";}}&:nth-last-child(2):has(", ") + &:last-child{", "{border-left:none;}}*:where(button):focus{box-shadow:", ";}", " ", " ", " ", "" ], (function(e) {
         var n = e.$variant;
         return n ? "middle" : "top";
-    }), Ke, /* sc-sel */ Ve, $.variables.borderColorWeak, Ke, /* sc-sel */ Ve, $.variables.borderColor, Ke, /* sc-sel */ Ve, $.variables.focusShadowInset, (function(e) {
+    }), Be, /* sc-sel */ Ve, Q.variables.borderColorWeak, Be, /* sc-sel */ Ve, Q.variables.borderColor, Be, /* sc-sel */ Ve, Q.variables.focusShadowInset, (function(e) {
         var n = e.$isDragging;
-        return n && (0, _.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], $.variables.backgroundColorPage);
+        return n && (0, _.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], Q.variables.backgroundColorPage);
     }), (function(e) {
         var n = e.$variant;
-        return n && (0, _.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], Ve, $.variables.borderColorWeak);
-    }), (0, $.pickVariant)("$variant", {
-        actions: (0, _.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, fe.buttonMixin)("subtle", {
-            color: $.variables.contentColorDefault
-        }), $.variables.focusShadowInset)
+        return n && (0, _.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], Ve, Q.variables.borderColorWeak);
+    }), (0, Q.pickVariant)("$variant", {
+        actions: (0, _.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, ve.buttonMixin)("subtle", {
+            color: Q.variables.contentColorDefault
+        }), Q.variables.focusShadowInset)
     }), (function(e) {
         var n = e.$isPinned;
-        return n && (0, _.css)([ "position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], $.variables.borderColor);
+        return n && (0, _.css)([ "position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], Q.variables.borderColor);
     }));
-    var Fe = z().div.withConfig({
+    var Ue = z().div.withConfig({
         displayName: "HeadCellStyles__StyledIcon",
         componentId: "sc-1hj81sa-2"
     })([ "display:inline-flex;align-items:center;height:1lh;" ]);
     // TODO(SUI-7400): Refactor the drag handler of re-order column
-        var Ue = z().div.withConfig({
+        var Xe = z().div.withConfig({
         displayName: "HeadCellStyles__StyledDragHandler",
         componentId: "sc-1hj81sa-3"
-    })([ "display:inline-flex;align-items:start;align-self:stretch;justify-content:center;min-width:20px;cursor:move;padding-block:", ";-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background:", ";color:", ";}&:focus{background:", ";box-shadow:", ";color:", ";}" ], (0, 
-    $.pick)({
-        comfortable: "8px",
-        compact: "6px"
-    }), $.variables.interactiveColorOverlayHover, $.variables.contentColorActive, $.variables.interactiveColorOverlayDrag, $.variables.focusShadowInset, $.variables.contentColorActive);
+    })([ "display:inline-flex;align-items:start;align-self:stretch;justify-content:center;min-width:20px;cursor:move;", ";-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background:", ";color:", ";}&:focus{background:", ";box-shadow:", ";color:", ";}" ], M.sharedCellPaddingBlock, Q.variables.interactiveColorOverlayHover, Q.variables.contentColorActive, Q.variables.interactiveColorOverlayDrag, Q.variables.focusShadowInset, Q.variables.contentColorActive);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
-    const Xe = require("@splunk/react-icons/ArrowDown");
-    var Ye =  e.n(Xe);
+    const Ye = require("@splunk/react-icons/ArrowDown");
+    var Ge =  e.n(Ye);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
-    const Ge = require("@splunk/react-icons/ArrowUp");
-    var Je =  e.n(Ge);
+    const Je = require("@splunk/react-icons/ArrowUp");
+    var Qe =  e.n(Je);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
-    const Qe = require("@splunk/react-icons/ArrowUpDown");
-    var Ze =  e.n(Qe);
+    const Ze = require("@splunk/react-icons/ArrowUpDown");
+    var en =  e.n(Ze);
     // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const en = require("@splunk/react-icons/CaretSmallDown");
-    var nn =  e.n(en);
+    const nn = require("@splunk/react-icons/CaretSmallDown");
+    var tn =  e.n(nn);
     // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
-    const tn = require("@splunk/react-icons/InformationCircle");
-    var rn =  e.n(tn);
+    const rn = require("@splunk/react-icons/InformationCircle");
+    var on =  e.n(rn);
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var on = {
+    var an = {
         body: {
             appendChild: function e() {
                 return [];
@@ -809,16 +801,16 @@
             search: ""
         }
     };
-    function an() {
-        var e = typeof document !== "undefined" ? document : on;
+    function ln() {
+        var e = typeof document !== "undefined" ? document : an;
         return e;
     }
-    var ln = an();
-    /* harmony default export */    const un = /* unused pure expression or super */ null && ln;
+    var un = ln();
+    /* harmony default export */    const sn = /* unused pure expression or super */ null && un;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var sn = {
-        document: on,
+    var cn = {
+        document: an,
         navigator: {
             userAgent: ""
         },
@@ -872,15 +864,15 @@
             clearTimeout(n);
         }
     };
-    function cn() {
-        var e = typeof window !== "undefined" ? window : sn;
+    function dn() {
+        var e = typeof window !== "undefined" ? window : cn;
         return e;
     }
-    var dn = cn();
-    /* harmony default export */    const fn = /* unused pure expression or super */ null && dn;
+    var fn = dn();
+    /* harmony default export */    const vn = /* unused pure expression or super */ null && fn;
     // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
-    function vn() {
-        return vn = Object.assign ? Object.assign.bind() : function(e) {
+    function pn() {
+        return pn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -888,41 +880,41 @@
                 }
             }
             return e;
-        }, vn.apply(null, arguments);
+        }, pn.apply(null, arguments);
     }
-    function pn(e) {
-        return hn(e) || bn(e) || wn(e) || mn();
+    function mn(e) {
+        return yn(e) || hn(e) || Cn(e) || bn();
     }
-    function mn() {
+    function bn() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function bn(e) {
+    function hn(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function hn(e) {
-        if (Array.isArray(e)) return Cn(e);
+    function yn(e) {
+        if (Array.isArray(e)) return xn(e);
     }
-    function yn(e, n) {
-        return Sn(e) || xn(e, n) || wn(e, n) || gn();
+    function gn(e, n) {
+        return On(e) || Sn(e, n) || Cn(e, n) || wn();
     }
-    function gn() {
+    function wn() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function wn(e, n) {
+    function Cn(e, n) {
         if (e) {
-            if ("string" == typeof e) return Cn(e, n);
+            if ("string" == typeof e) return xn(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Cn(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? xn(e, n) : void 0;
         }
     }
-    function Cn(e, n) {
+    function xn(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function xn(e, n) {
+    function Sn(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -944,12 +936,12 @@
             return l;
         }
     }
-    function Sn(e) {
+    function On(e) {
         if (Array.isArray(e)) return e;
     }
-    function On(e, n) {
+    function kn(e, n) {
         if (null == e) return {};
-        var t, r, o = kn(e, n);
+        var t, r, o = Rn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -958,7 +950,7 @@
         }
         return o;
     }
-    function kn(e, n) {
+    function Rn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -969,75 +961,75 @@
         }
         return t;
     }
-    var Rn = {
-        align: w().oneOf([ "left", "center", "right" ]),
-        cellId: w().string,
-        clickable: w().bool,
-        columnId: w().string,
-        elementRef: w().oneOfType([ w().func, w().object ]),
-        focusWithin: w().bool,
-        hasTooltip: w().bool,
-        index: w().number,
-        isMenu: w().bool,
-        label: w().node,
-        onAutosizeColumn: w().func,
-        onRequestResize: w().func,
-        resizable: w().bool,
-        sortDir: w().oneOf([ "none", "asc", "desc" ]),
-        truncate: w().bool,
-        width: w().oneOfType([ w().number, w().oneOf([ "auto" ]) ]),
-        variant: w().oneOf([ "toggleAll", "info", "actions" ])
+    var En = {
+        align: g().oneOf([ "left", "center", "right" ]),
+        cellId: g().string,
+        clickable: g().bool,
+        columnId: g().string,
+        elementRef: g().oneOfType([ g().func, g().object ]),
+        focusWithin: g().bool,
+        hasTooltip: g().bool,
+        index: g().number,
+        isMenu: g().bool,
+        label: g().node,
+        onAutosizeColumn: g().func,
+        onRequestResize: g().func,
+        resizable: g().bool,
+        sortDir: g().oneOf([ "none", "asc", "desc" ]),
+        truncate: g().bool,
+        width: g().oneOfType([ g().number, g().oneOf([ "auto" ]) ]),
+        variant: g().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var En = new Set([ "none", "asc", "desc" ]);
-    var In = Object.freeze({
-        none: (0, T._)("Click to sort"),
-        asc: (0, T._)("Press to sort descending"),
-        desc: (0, T._)("Press to sort ascending")
-    });
+    var In = new Set([ "none", "asc", "desc" ]);
     var Tn = Object.freeze({
-        none: Ze(),
-        asc: Je(),
-        desc: Ye()
+        none: (0, I._)("Click to sort"),
+        asc: (0, I._)("Press to sort descending"),
+        desc: (0, I._)("Press to sort ascending")
+    });
+    var jn = Object.freeze({
+        none: en(),
+        asc: Qe(),
+        desc: Ge()
     });
-    function jn(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.cellId, l = e.columnId, u = e.elementRef, s = e.focusWithin, c = e.hasTooltip, d = e.index, f = e.isMenu, v = e.label, p = e.onAutosizeColumn, m = e.onRequestResize, h = e.resizable, y = h === void 0 ? true : h, g = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, S = e.variant, O = e.width, k = On(e, [ "align", "clickable", "cellId", "columnId", "elementRef", "focusWithin", "hasTooltip", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
+    function Dn(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.cellId, l = e.columnId, u = e.elementRef, s = e.focusWithin, c = e.hasTooltip, d = e.index, f = e.isMenu, v = e.label, p = e.onAutosizeColumn, b = e.onRequestResize, h = e.resizable, y = h === void 0 ? true : h, g = e.sortDir, w = e.truncate, x = w === void 0 ? true : w, S = e.variant, O = e.width, k = kn(e, [ "align", "clickable", "cellId", "columnId", "elementRef", "focusWithin", "hasTooltip", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
         // @docs-props-type HeadInnerPropsBase
-                var R = (0, T._)("Click to open menu");
-        var E = (0, t.useMemo)((function() {
+                var R = (0, I._)("Click to open menu");
+        var T = (0, t.useMemo)((function() {
             return typeof v === "string" ? v.length : 0;
         }), [ v ]);
-        var j = (0, t.useContext)(ye), D = j.horizontalOverflow;
-        var P = (0, t.useState)(false), A = yn(P, 2), q = A[0], _ = A[1];
-        var z = (0, t.useState)(0), $ = yn(z, 2), M = $[0], L = $[1];
-        var W = (0, t.useState)(0), H = yn(W, 2), K = H[0], V = H[1];
-        var B = (0, t.useRef)(null);
+        var j = (0, t.useContext)(ge), D = j.horizontalOverflow;
+        var P = (0, t.useState)(false), A = gn(P, 2), q = A[0], _ = A[1];
+        var z = (0, t.useState)(0), M = gn(z, 2), $ = M[0], L = M[1];
+        var W = (0, t.useState)(0), H = gn(W, 2), K = H[0], B = H[1];
+        var V = (0, t.useRef)(null);
         var F = (0, t.useRef)(O === "auto" ? undefined : O);
         var U;
         var X;
-        if (g !== undefined && En.has(g)) {
-            U = Tn[g];
-            X = In[g];
+        if (g !== undefined && In.has(g)) {
+            U = jn[g];
+            X = Tn[g];
         }
         if (O === "auto") {
             var Y;
-            var G = B.current;
+            var G = V.current;
             var J = G === null || G === void 0 ? void 0 : (Y = G.parentElement) === null || Y === void 0 ? void 0 : Y.getBoundingClientRect();
             F.current = J === null || J === void 0 ? void 0 : J.width;
         } else {
             F.current = O;
         }
         var Q = (0, t.useCallback)((function(e) {
-            B.current = e;
+            V.current = e;
             N(u, e);
-        }), [ u, B ]);
+        }), [ u, V ]);
         var Z = (0, t.useCallback)((function(e) {
             var n = e.key;
-            if (m === undefined || d === undefined) {
+            if (b === undefined || d === undefined) {
                 return;
             }
             if (O === "auto") {
                 var t;
-                var r = B.current;
+                var r = V.current;
                 var o = r === null || r === void 0 ? void 0 : (t = r.parentElement) === null || t === void 0 ? void 0 : t.getBoundingClientRect();
                 F.current = o === null || o === void 0 ? void 0 : o.width;
             } else {
@@ -1050,7 +1042,7 @@
                 e.preventDefault();
  // prevent text selection
                                 var i = Math.max(F.current - 10, 20);
-                m(e, {
+                b(e, {
                     index: d,
                     columnId: l,
                     id: a,
@@ -1061,7 +1053,7 @@
                 e.preventDefault();
  // prevent text selection
                                 var u = F.current + 10;
-                m(e, {
+                b(e, {
                     index: d,
                     columnId: l,
                     id: a,
@@ -1072,11 +1064,11 @@
                 e.preventDefault();
  // SUI-7320: prevent sorting and dropdown opening
                         }
-        }), [ l, a, d, m, O ]);
+        }), [ l, a, d, b, O ]);
         var ee = (0, t.useCallback)((function(e) {
             if (O === "auto") {
                 var n;
-                var t = B.current;
+                var t = V.current;
                 var r = t === null || t === void 0 ? void 0 : (n = t.parentElement) === null || n === void 0 ? void 0 : n.getBoundingClientRect();
                 F.current = r === null || r === void 0 ? void 0 : r.width;
             } else {
@@ -1088,14 +1080,14 @@
             e.preventDefault();
  // prevent text selection
                         L(e.clientX);
-            V(F.current || 0);
+            B(F.current || 0);
             _(true);
         }), [ O ]);
         var ne = function e(n) {
-            var t = M - n.clientX;
+            var t = $ - n.clientX;
             var r = Math.max(K - t, 16);
             if (d !== undefined) {
-                m === null || m === void 0 ? void 0 : m(n, {
+                b === null || b === void 0 ? void 0 : b(n, {
                     index: d,
                     columnId: l,
                     id: a,
@@ -1115,12 +1107,12 @@
                 });
             }
         }), [ a, l, d, p ]);
-        var oe = cn();
-        var ie = F.current ? (0, I.sprintf)((0, T._)("%(width)d pixels"), {
+        var oe = dn();
+        var ie = F.current ? (0, E.sprintf)((0, I._)("%(width)d pixels"), {
             width: F.current
         }) : undefined;
         
-        return r().createElement(He, vn({
+        return r().createElement(Ke, pn({
             as: i ? "button" : "div",
             ref: Q,
             $align: o,
@@ -1129,17 +1121,17 @@
             $hasIcon: !!f || !!g,
             $hasTooltip: !!c,
             $variant: S,
-            $labelLength: E
-        }, b()(k, [].concat(pn(Object.keys(jn.propTypes)), [ "id" ]))), q &&  r().createElement(r().Fragment, null,  r().createElement(x(), {
+            $labelLength: T
+        }, m()(k, [].concat(mn(Object.keys(Dn.propTypes)), [ "id" ]))), q &&  r().createElement(r().Fragment, null,  r().createElement(C(), {
             target: oe,
             eventType: "mouseup",
             listener: te
-        }),  r().createElement(x(), {
+        }),  r().createElement(C(), {
             target: oe,
             eventType: "mousemove",
             listener: ne
-        })), m && y &&  r().createElement(Ke, {
-            "aria-label": (0, I.sprintf)((0, T._)("Resize %(label)s"), {
+        })), b && y &&  r().createElement(Be, {
+            "aria-label": (0, E.sprintf)((0, I._)("Resize %(label)s"), {
                 label: v
             }),
             "aria-controls": a,
@@ -1150,27 +1142,27 @@
             onKeyDown: Z,
             orientation: "vertical",
             tabIndex: 0
-        }),  r().createElement(Le, {
+        }),  r().createElement(We, {
             $align: o,
             $horizontalOverflow: D,
-            $labelLength: E,
-            $truncate: C,
+            $labelLength: T,
+            $truncate: x,
             $variant: S
-        }, v), c &&  r().createElement(Ne, null,  r().createElement(rn(), {
+        }, v), c &&  r().createElement(Le, null,  r().createElement(on(), {
             "data-test": "tooltip-icon"
-        })), f &&  r().createElement(Me, null,  r().createElement(nn(), {
+        })), f &&  r().createElement(Ne, null,  r().createElement(tn(), {
             "data-test": "caret-down",
             "aria-label": R
-        })), g &&  r().createElement(Me, null, U !== undefined &&  r().createElement(U, {
+        })), g &&  r().createElement(Ne, null, U !== undefined &&  r().createElement(U, {
             "aria-hidden": false,
             "aria-label": X
         })));
     }
-    jn.propTypes = Rn;
-    /* harmony default export */    const Dn = jn;
+    Dn.propTypes = En;
+    /* harmony default export */    const Pn = Dn;
     // CONCATENATED MODULE: ./src/Table/HeadCell.tsx
-    function Pn() {
-        return Pn = Object.assign ? Object.assign.bind() : function(e) {
+    function An() {
+        return An = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1178,11 +1170,11 @@
                 }
             }
             return e;
-        }, Pn.apply(null, arguments);
+        }, An.apply(null, arguments);
     }
-    function An(e, n) {
+    function qn(e, n) {
         if (null == e) return {};
-        var t, r, o = qn(e, n);
+        var t, r, o = _n(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1191,7 +1183,7 @@
         }
         return o;
     }
-    function qn(e, n) {
+    function _n(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1203,69 +1195,69 @@
         return t;
     }
     /** @public */
-    /** @public */    var _n = {
-        align: w().oneOf([ "left", "center", "right" ]),
+    /** @public */    var zn = {
+        align: g().oneOf([ "left", "center", "right" ]),
         /** @private Used to set the $clickable appearance without an onClick */
-        appearClickable: w().bool,
-        children: w().node,
-        columnId: w().string,
+        appearClickable: g().bool,
+        children: g().node,
+        columnId: g().string,
         /** @private. */
-        dragId: w().oneOfType([ w().string, w().number ]),
-        elementRef: w().oneOfType([ w().func, w().object ]),
-        headCellScreenReaderText: w().string,
+        dragId: g().oneOfType([ g().string, g().number ]),
+        elementRef: g().oneOfType([ g().func, g().object ]),
+        headCellScreenReaderText: g().string,
         /** @private The index of the cell, skipping the info column. */
-        index: w().number,
+        index: g().number,
         /** @private. */
-        isPinned: w().bool,
+        isPinned: g().bool,
         /** @private. */
-        onAutosizeColumn: w().func,
+        onAutosizeColumn: g().func,
         /** @private. */
-        onClick: w().func,
+        onClick: g().func,
         /**
    * @private. Passed through and works as expected.
    */
-        onKeyDown: w().func,
+        onKeyDown: g().func,
         /** @private. */
-        onRequestMoveColumn: w().func,
+        onRequestMoveColumn: g().func,
         /** @private. */
-        onRequestResize: w().func,
-        onSort: w().func,
-        resizable: w().bool,
-        sortDir: w().oneOf([ "asc", "desc", "none" ]),
-        sortKey: w().string,
-        tooltip: w().node,
-        truncate: w().bool,
+        onRequestResize: g().func,
+        onSort: g().func,
+        resizable: g().bool,
+        sortDir: g().oneOf([ "asc", "desc", "none" ]),
+        sortKey: g().string,
+        tooltip: g().node,
+        truncate: g().bool,
         /** @private. */
-        variant: w().oneOf([ "toggleAll", "info", "actions" ]),
+        variant: g().oneOf([ "toggleAll", "info", "actions" ]),
         /**
    * Used internally to suppress focus and id when this `HeadCell` is superseded by one in an
    * overlaid `HeadTable` for user interactions.
    * @private
    */
-        visible: w().bool,
-        width: w().oneOfType([ w().number, w().oneOf([ "auto" ]) ])
+        visible: g().bool,
+        width: g().oneOfType([ g().number, g().oneOf([ "auto" ]) ])
     };
-    var zn = {
+    var Mn = {
         asc: "ascending",
         desc: "descending",
         none: "none"
     };
     function $n(e) {
         var n;
-        var o = e.align, i = o === void 0 ? "left" : o, l = e.appearClickable, u = e.children, s = e.columnId, c = e.elementRef, d = e.dragId, f = e.headCellScreenReaderText, v = e.id, p = e.index, m = e.isPinned, b = e.onAutosizeColumn, h = e.onClick, y = e.onKeyDown, g = e.onRequestMoveColumn, w = e.onRequestResize, C = e.onSort, x = e.resizable, S = x === void 0 ? true : x, O = e.sortDir, k = O === void 0 ? "none" : O, R = e.sortKey, E = e.style, D = e.tooltip, P = e.truncate, A = P === void 0 ? true : P, q = e.variant, _ = e.visible, z = _ === void 0 ? true : _, $ = e.width, M = An(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "isPinned", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "tooltip", "truncate", "variant", "visible", "width" ]);
+        var o = e.align, i = o === void 0 ? "left" : o, l = e.appearClickable, u = e.children, s = e.columnId, c = e.elementRef, d = e.dragId, f = e.headCellScreenReaderText, v = e.id, p = e.index, m = e.isPinned, b = e.onAutosizeColumn, h = e.onClick, y = e.onKeyDown, g = e.onRequestMoveColumn, w = e.onRequestResize, C = e.onSort, x = e.resizable, S = x === void 0 ? true : x, O = e.sortDir, k = O === void 0 ? "none" : O, R = e.sortKey, j = e.style, D = e.tooltip, P = e.truncate, A = P === void 0 ? true : P, q = e.variant, _ = e.visible, z = _ === void 0 ? true : _, M = e.width, $ = qn(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "isPinned", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "tooltip", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadCellPropsBase
                 var L = !!g;
         var W = (0, a.useSortable)({
             // dragId is optional in HeadCell but required by useSortable
             // since it is always set in Table, use a type assertion here to avoid TypeScript error
             id: d
-        }), H = W.attributes, K = W.isDragging, V = W.listeners, B = W.setNodeRef;
+        }), H = W.attributes, K = W.isDragging, B = W.listeners, V = W.setNodeRef;
         var F = (0, t.useCallback)((function(e) {
             N(c, e);
             if (L) {
-                B(e);
+                V(e);
             }
-        }), [ L, c, B ]);
+        }), [ L, c, V ]);
         var U = (0, t.useCallback)((function(e) {
             // ignore clicks on the resize handle
             if (e.target.getAttribute("data-test") !== "resize" && C && p !== undefined) {
@@ -1291,18 +1283,18 @@
         var G = h !== undefined;
         var J = q === "actions" ? false : A;
         var Q = (0, t.useMemo)((function() {
-            return Ie()({}, E, {
-                width: $
+            return Te()({}, j, {
+                width: M
             });
-        }), [ E, $ ]);
+        }), [ j, M ]);
         var Z;
         if (f) {
             Z = f;
-        } else if (Re()(u)) {
+        } else if (Ee()(u)) {
             Z = u;
         }
         var ee = (n = v !== null && v !== void 0 ? v : s) !== null && n !== void 0 ? n : (0, 
-        j.createDOMID)("headCellId-");
+        T.createDOMID)("headCellId-");
         var ne = (0, t.useMemo)((function() {
             return {
                 align: i,
@@ -1320,84 +1312,84 @@
                 sortDir: C && k,
                 truncate: J,
                 variant: q,
-                width: $
+                width: M
             };
-        }), [ i, l, Y, G, s, u, ee, p, b, C, U, X, w, z, S, k, J, q, $ ]);
+        }), [ i, l, Y, G, s, u, ee, p, b, C, U, X, w, z, S, k, J, q, M ]);
         var te = (0, t.useCallback)((function(e) {
             
-            return r().createElement(Dn, Pn({}, e, ne, {
+            return r().createElement(Pn, An({}, e, ne, {
                 hasTooltip: true
             }));
         }), [ ne ]);
         
-        return r().createElement(Be, Pn({
+        return r().createElement(Fe, An({
             style: Q,
             ref: F,
-            "aria-sort": C && (zn[k] || "none"),
+            "aria-sort": C && (Mn[k] || "none"),
             "data-test": "head-cell",
-            "data-test-label": Re()(u) ? u : undefined,
+            "data-test-label": Ee()(u) ? u : undefined,
             "data-test-sort-dir": C && k,
             id: z ? ee : undefined,
             $isDragging: L && K,
             $isPinned: m,
             $variant: q
-        }, M),  r().createElement(Ve, null, L &&  r().createElement(Ue, Pn({
-            "aria-label": (0, I.sprintf)((0, T._)("Reorder %(labelString)s"), {
+        }, $),  r().createElement(Ve, null, L &&  r().createElement(Xe, An({
+            "aria-label": (0, E.sprintf)((0, I._)("Reorder %(labelString)s"), {
                 labelString: Z
             }),
             "data-test": "drag",
             draggable: true
-        }, H, V),  r().createElement(Fe, null,  r().createElement(je(), null))), D ?  r().createElement(Pe(), {
+        }, H, B),  r().createElement(Ue, null,  r().createElement(De(), null))), D ?  r().createElement(Ae(), {
             content: D,
             renderAnchor: te
-        }) :  r().createElement(Dn, ne)));
+        }) :  r().createElement(Pn, ne)));
     }
-    $n.propTypes = _n;
+    $n.propTypes = zn;
     $n.splunkUiType = "Table.HeadCell";
-    /* harmony default export */    const Mn = $n;
+    /* harmony default export */    const Nn = $n;
     // CONCATENATED MODULE: ./src/Table/HeadStyles.ts
-    var Nn = z().thead.withConfig({
+    var Ln = z()(M.StyledSimpleTableHead).withConfig({
         displayName: "HeadStyles__Styled",
         componentId: "iap21t-0"
-    })([ "", ";", "" ], $.mixins.reset("table-header-group"), (function(e) {
+    })([ "", "" ], (function(e) {
         var n = e.$isFixed, t = e.$zIndex;
         return n && (0, _.css)([ "position:sticky;top:0;z-index:", ";" ], t);
     }));
-    var Ln = z()(Mn).withConfig({
+    var Wn = z()(Nn).withConfig({
         displayName: "HeadStyles__StyledToggleAll",
         componentId: "iap21t-1"
     })([ "width:32px;min-width:32px;" ]);
-    var Wn = z()(Mn).withConfig({
+    var Hn = z()(Nn).withConfig({
         displayName: "HeadStyles__StyledInfo",
         componentId: "iap21t-2"
     })([ "width:32px;min-width:32px;" ]);
-    var Hn = z()(Mn).withConfig({
+    var Kn = z()(Nn).withConfig({
         displayName: "HeadStyles__StyledDragRow",
         componentId: "iap21t-3"
     })([ "width:32px;" ]);
     // CONCATENATED MODULE: external "@dnd-kit/utilities"
-    const Kn = require("@dnd-kit/utilities");
+    const Bn = require("@dnd-kit/utilities");
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
     const Vn = require("@splunk/react-icons/DotsThreeVertical");
-    var Bn =  e.n(Vn);
+    var Fn =  e.n(Vn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const Fn = require("@splunk/react-ui/Button");
-    var Un =  e.n(Fn);
+    const Un = require("@splunk/react-ui/Button");
+    var Xn =  e.n(Un);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const Xn = require("@splunk/react-ui/Dropdown");
-    var Yn =  e.n(Xn);
+    const Yn = require("@splunk/react-ui/Dropdown");
+    var Gn =  e.n(Yn);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const Gn = require("@splunk/react-icons/ChevronRight");
-    var Jn =  e.n(Gn);
+    const Jn = require("@splunk/react-icons/ChevronRight");
+    var Qn =  e.n(Jn);
     // CONCATENATED MODULE: ./src/Table/ExpandButtonStyles.ts
-    var Qn = z().button.withConfig({
+    var Zn = z().button.withConfig({
         displayName: "ExpandButtonStyles__StyledButton",
         componentId: "sc-7nlw5q-0"
-    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;color:", ";&:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], $.mixins.reset("flex"), $.variables.contentColorDefault, $.variables.contentColorActive, $.variables.contentColorActive, $.variables.focusShadowInset);
-    var Zn = z()(Jn()).withConfig({
+    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;color:", ";&:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], Q.mixins.reset("flex"), Q.variables.contentColorDefault, Q.variables.contentColorActive, Q.variables.contentColorActive, Q.variables.focusShadowInset);
+    var et = z()(Qn()).withConfig({
         displayName: "ExpandButtonStyles__StyledChevron",
         componentId: "sc-7nlw5q-1"
-    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, $.pick)({
+    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, Q.pick)({
         comfortable: "10px",
         compact: "8px"
     }), (function(e) {
@@ -1405,8 +1397,8 @@
         return n && (0, _.css)([ "transform:rotate(90deg);" ]);
     }));
     // CONCATENATED MODULE: ./src/Table/ExpandButton.tsx
-    function et() {
-        return et = Object.assign ? Object.assign.bind() : function(e) {
+    function nt() {
+        return nt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1414,11 +1406,11 @@
                 }
             }
             return e;
-        }, et.apply(null, arguments);
+        }, nt.apply(null, arguments);
     }
-    function nt(e, n) {
+    function tt(e, n) {
         if (null == e) return {};
-        var t, r, o = tt(e, n);
+        var t, r, o = rt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1427,7 +1419,7 @@
         }
         return o;
     }
-    function tt(e, n) {
+    function rt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1438,33 +1430,33 @@
         }
         return t;
     }
-    var rt = {
-        expanded: w().bool
+    var ot = {
+        expanded: g().bool
     };
-    var ot = function e(n) {
-        var t = n.expanded, o = nt(n, [ "expanded" ]);
+    var it = function e(n) {
+        var t = n.expanded, o = tt(n, [ "expanded" ]);
         // @docs-props-type ExpandButtonPropsBase
                 
-        return r().createElement(Qn, et({
-            title: t ? (0, T._)("Collapse row") : (0, T._)("Expand row")
-        }, o),  r().createElement(Zn, {
+        return r().createElement(Zn, nt({
+            title: t ? (0, I._)("Collapse row") : (0, I._)("Expand row")
+        }, o),  r().createElement(et, {
             $expanded: t
         }));
     };
-    ot.propTypes = rt;
-    /* harmony default export */    const it = ot;
+    it.propTypes = ot;
+    /* harmony default export */    const at = it;
     // CONCATENATED MODULE: ./src/Table/RowDragCellStyles.ts
-    var at = z().td.withConfig({
+    var lt = z().td.withConfig({
         displayName: "RowDragCellStyles__StyledCell",
         componentId: "sc-9kbaj2-0"
-    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], $.mixins.reset("table-cell"));
-    var lt = z().div.withConfig({
+    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], Q.mixins.reset("table-cell"));
+    var ut = z().div.withConfig({
         displayName: "RowDragCellStyles__StyledDrag",
         componentId: "sc-9kbaj2-1"
-    })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;align-items:center;position:absolute;width:100%;top:0;bottom:0;&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}& > div{margin:0;}@media print{background-image:none;}" ], $.mixins.reset("flex"), $.mixins.clearfix(), $.variables.focusShadowInset, $.variables.interactiveColorOverlayDrag, $.variables.interactiveColorOverlayActive, $.variables.focusShadowInset);
+    })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;align-items:center;position:absolute;width:100%;top:0;bottom:0;&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}& > div{margin:0;}@media print{background-image:none;}" ], Q.mixins.reset("flex"), Q.mixins.clearfix(), Q.variables.focusShadowInset, Q.variables.interactiveColorOverlayDrag, Q.variables.interactiveColorOverlayActive, Q.variables.focusShadowInset);
     // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
-    function ut() {
-        return ut = Object.assign ? Object.assign.bind() : function(e) {
+    function st() {
+        return st = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1472,11 +1464,11 @@
                 }
             }
             return e;
-        }, ut.apply(null, arguments);
+        }, st.apply(null, arguments);
     }
-    function st(e, n) {
+    function ct(e, n) {
         if (null == e) return {};
-        var t, r, o = ct(e, n);
+        var t, r, o = dt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1485,7 +1477,7 @@
         }
         return o;
     }
-    function ct(e, n) {
+    function dt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1496,69 +1488,66 @@
         }
         return t;
     }
-    var dt = {
-        setActivatorNodeRef: w().func.isRequired,
-        listeners: w().objectOf(w().func)
+    var ft = {
+        setActivatorNodeRef: g().func.isRequired,
+        listeners: g().objectOf(g().func)
     };
-    function ft(e) {
-        var n = e.listeners, t = e.setActivatorNodeRef, o = st(e, [ "listeners", "setActivatorNodeRef" ]);
+    function vt(e) {
+        var n = e.listeners, t = e.setActivatorNodeRef, o = ct(e, [ "listeners", "setActivatorNodeRef" ]);
         // @docs-props-type RowDragCellPropsBase
                 
-        return r().createElement(at, {
+        return r().createElement(lt, {
             "data-helper": true
-        },  r().createElement(lt, ut({
+        },  r().createElement(ut, st({
             "data-test": "drag",
             draggable: true,
             ref: t,
             tabIndex: 0
-        }, n, o),  r().createElement(je(), null)));
+        }, n, o),  r().createElement(De(), null)));
     }
-    ft.propTypes = dt;
-    /* harmony default export */    const vt = ft;
+    vt.propTypes = ft;
+    /* harmony default export */    const pt = vt;
     // CONCATENATED MODULE: ./src/Table/RowStyles.ts
-    var pt = z().tr.withConfig({
+    var mt = z()(M.StyledSimpleTableRow).withConfig({
         displayName: "RowStyles__StyledStripeNone",
         componentId: "f0igqq-0"
-    })([ "", ";", ";", " @media print{background-color:none;}" ], $.mixins.reset("table-row"), (function(e) {
+    })([ "", ";", " @media print{background-color:none;}" ], (function(e) {
         var n = e.$clickable, t = e.$isActionColumnPinned;
-        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";", "}&:focus{background-color:", ";position:relative;&::after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:", ";pointer-events:none;}", "}" ], $.variables.neutral100, t && (0, 
-        _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]), $.variables.neutral100, $.variables.focusShadowInset, t && (0, 
+        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";", "}&:focus{background-color:", ";position:relative;&::after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:", ";pointer-events:none;}", "}" ], Q.variables.neutral100, t && (0, 
+        _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]), Q.variables.neutral100, Q.variables.focusShadowInset, t && (0, 
         _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]));
     }), (function(e) {
         var n = e.disabled, t = e.$expandable, r = e.$isDraggable;
-        return !n && !t && r && (0, _.css)([ "&:hover{background-color:", ";}" ], $.variables.interactiveColorOverlayHover);
+        return !n && !t && r && (0, _.css)([ "&:hover{background-color:", ";}" ], Q.variables.interactiveColorOverlayHover);
     }));
-    var mt = z()(pt).withConfig({
+    var bt = z()(mt).withConfig({
         displayName: "RowStyles__StyledStripeEven",
         componentId: "f0igqq-1"
-    })([ "background-color:", ";", " ", ";" ], $.variables.neutral50, (function(e) {
+    })([ "background-color:", ";", "" ], Q.variables.neutral50, (function(e) {
         var n = e.$isActionColumnPinned;
         return n && (0, _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]);
-    }), (function(e) {
-        var n = e.$clickable;
-        return n && (0, _.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], $.variables.neutral300);
     }));
     // CONCATENATED MODULE: external "@splunk/react-ui/Checkbox"
-    const bt = require("@splunk/react-ui/Checkbox");
-    var ht =  e.n(bt);
+    const ht = require("@splunk/react-ui/Checkbox");
+    var yt =  e.n(ht);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const yt = require("@splunk/react-ui/Clickable");
-    var gt =  e.n(yt);
+    const gt = require("@splunk/react-ui/Clickable");
+    var wt =  e.n(gt);
     // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
-    var wt = z()(gt()).withConfig({
+    var Ct = z()(wt()).withConfig({
         displayName: "ToggleStyles__StyledClickable",
         componentId: "sc-1x3ikch-0"
     })([ "height:100%;width:100%;display:flex;justify-content:center;&[disabled]{cursor:not-allowed;}" ]);
-    var Ct = z()(ht()).withConfig({
+    var xt = z()(yt()).withConfig({
         displayName: "ToggleStyles__StyledCheckbox",
         componentId: "sc-1x3ikch-1"
-    })([ "align-items:flex-start;padding-block:", ";" ], (0, $.pick)({
+    })([ "align-items:flex-start;padding-block:", ";" ], (0, Q.pick)({
         comfortable: "8px",
         compact: "6px"
     }));
     // CONCATENATED MODULE: ./src/Table/Toggle.tsx
-    function xt() {
-        return xt = Object.assign ? Object.assign.bind() : function(e) {
+    function St() {
+        return St = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1566,11 +1555,11 @@
                 }
             }
             return e;
-        }, xt.apply(null, arguments);
+        }, St.apply(null, arguments);
     }
-    function St(e, n) {
+    function Ot(e, n) {
         if (null == e) return {};
-        var t, r, o = Ot(e, n);
+        var t, r, o = kt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1579,7 +1568,7 @@
         }
         return o;
     }
-    function Ot(e, n) {
+    function kt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1590,41 +1579,41 @@
         }
         return t;
     }
-    var kt = {
-        disabled: w().bool,
-        onClick: w().func,
-        selected: w().oneOf([ true, false, "some" ])
+    var Rt = {
+        disabled: g().bool,
+        onClick: g().func,
+        selected: g().oneOf([ true, false, "some" ])
     };
-    function Rt(e) {
-        var n = e.disabled, t = e.onClick, o = e.selected, i = St(e, [ "disabled", "onClick", "selected" ]);
+    function Et(e) {
+        var n = e.disabled, t = e.onClick, o = e.selected, i = Ot(e, [ "disabled", "onClick", "selected" ]);
         // @docs-props-type TogglePropsBase
                 var a = n === true ? "disabled" : undefined;
         
         // we use a Clickable around the inert Checkbox (which can seem ironic) so that the whole table cell is clickable
         // we cannot use the Cell's onClick itself because of a11y issues we have faced in the past (see SUI-5958).
-        return r().createElement(wt, xt({
+        return r().createElement(Ct, St({
             "aria-checked": o === "some" ? "mixed" : o,
             disabled: a,
             onClick: t,
             role: "checkbox"
-        }, i),  r().createElement(Ct, {
+        }, i),  r().createElement(xt, {
             checked: o === "some" ? "indeterminate" : o,
             disabled: !!a,
             inert: true
         }));
     }
-    Rt.propTypes = kt;
-    /* harmony default export */    const Et = Rt;
+    Et.propTypes = Rt;
+    /* harmony default export */    const It = Et;
     // CONCATENATED MODULE: ./src/Table/Row.tsx
-    function It(e) {
+    function Tt(e) {
         "@babel/helpers - typeof";
-        return It = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Tt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, It(e);
+        }, Tt(e);
     }
-    function Tt(e, n) {
+    function jt(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -1634,42 +1623,42 @@
         }
         return t;
     }
-    function jt(e) {
+    function Dt(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? Tt(Object(t), !0).forEach((function(n) {
-                Dt(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Tt(Object(t)).forEach((function(n) {
+            n % 2 ? jt(Object(t), !0).forEach((function(n) {
+                Pt(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : jt(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function Dt(e, n, t) {
-        return (n = Pt(n)) in e ? Object.defineProperty(e, n, {
+    function Pt(e, n, t) {
+        return (n = At(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function Pt(e) {
-        var n = At(e, "string");
-        return "symbol" == It(n) ? n : n + "";
+    function At(e) {
+        var n = qt(e, "string");
+        return "symbol" == Tt(n) ? n : n + "";
     }
-    function At(e, n) {
-        if ("object" != It(e) || !e) return e;
+    function qt(e, n) {
+        if ("object" != Tt(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != It(r)) return r;
+            if ("object" != Tt(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    function qt(e, n) {
+    function _t(e, n) {
         if (null == e) return {};
-        var t, r, o = _t(e, n);
+        var t, r, o = zt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1678,7 +1667,7 @@
         }
         return o;
     }
-    function _t(e, n) {
+    function zt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1689,8 +1678,8 @@
         }
         return t;
     }
-    function zt() {
-        return zt = Object.assign ? Object.assign.bind() : function(e) {
+    function Mt() {
+        return Mt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1698,85 +1687,85 @@
                 }
             }
             return e;
-        }, zt.apply(null, arguments);
+        }, Mt.apply(null, arguments);
     }
     var $t = {
-        odd: pt,
-        even: mt,
-        none: pt
+        odd: mt,
+        even: bt,
+        none: mt
     };
     /** @public */
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var Mt = {
+    /** @public */    var Nt = {
         /** @private. Generally passed by Table rather than added directly. */
-        activeElementId: w().string,
-        actionPrimary: w().element,
-        actionsSecondary: w().element,
-        children: w().node,
-        data: w().any,
-        disabled: w().bool,
+        activeElementId: g().string,
+        actionPrimary: g().element,
+        actionsSecondary: g().element,
+        children: g().node,
+        data: g().any,
+        disabled: g().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        isDraggable: w().bool,
+        isDraggable: g().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        dragId: w().oneOfType([ w().string, w().number ]),
-        elementRef: w().oneOfType([ w().func, w().object ]),
+        dragId: g().oneOfType([ g().string, g().number ]),
+        elementRef: g().oneOfType([ g().func, g().object ]),
         /** @private. */
-        expandable: w().bool,
-        expanded: w().bool,
+        expandable: g().bool,
+        expanded: g().bool,
         /** @private. Identifies the unique id (or ids) for an expanded row (or rows). In expandable rows `ExpansionRowIcon` uses `expansionRowId` for accessibility aria attributes. */
-        expansionRowIds: w().string,
-        expansionRow: w().oneOfType([ w().element, w().arrayOf(w().element) ]),
+        expansionRowIds: g().string,
+        expansionRow: g().oneOfType([ g().element, g().arrayOf(g().element) ]),
         /** @private. Indicates whether the table has an actions column. */
-        actions: w().bool,
+        actions: g().bool,
         /** @private. Generally passed by `Table` rather than added directly. */
-        index: w().number,
+        index: g().number,
         /** @private. Generally passed by `Table` rather than added directly. */
-        movableColumns: w().bool,
-        onClick: w().func,
-        onExpansion: w().func,
+        movableColumns: g().bool,
+        onClick: g().func,
+        onExpansion: g().func,
         /** @private. This is passed through and works as expected. */
-        onKeyDown: w().func,
+        onKeyDown: g().func,
         /** @private. Generally passed by `Table` rather than added directly. */
-        onRequestMoveRow: w().func,
-        onRequestToggle: w().func,
+        onRequestMoveRow: g().func,
+        onRequestToggle: g().func,
         /** @private. */
-        pinnedColumns: w().object,
+        pinnedColumns: g().object,
         /** @private. Generally passed by `Table` rather than added directly. */
-        primaryColumnIndex: w().number,
-        rowScreenReaderText: w().string,
-        selected: w().bool,
+        primaryColumnIndex: g().number,
+        rowScreenReaderText: g().string,
+        selected: g().bool,
         /** @private. */
-        stripe: w().oneOf([ "odd", "even", "none" ])
+        stripe: g().oneOf([ "odd", "even", "none" ])
     };
-    var Nt =  r().createElement(Bn(), null);
-    var Lt =  r().forwardRef((function(e, n) {
+    var Lt =  r().createElement(Fn(), null);
+    var Wt =  r().forwardRef((function(e, n) {
         
-        return r().createElement(Pe(), zt({
-            content: (0, T._)("Actions"),
+        return r().createElement(Ae(), Mt({
+            content: (0, I._)("Actions"),
             contentRelationship: "label"
-        }, e),  r().createElement(Un(), {
+        }, e),  r().createElement(Xn(), {
             appearance: "subtle",
             "data-test": "actions-secondary-toggle",
-            icon: Nt,
+            icon: Lt,
             elementRef: n
         }));
     }));
-    function Wt(e) {
+    function Ht(e) {
         var n;
-        var o = e.actions, i = e.actionPrimary, l = e.actionsSecondary, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.pinnedColumns, v = e.isDraggable, p = e.elementRef, m = e.expandable, h = e.expanded, y = e.expansionRowIds, g = e.expansionRow, w = e.index, C = e.movableColumns, x = e.onClick, S = e.onExpansion, O = e.onKeyDown, k = e.onRequestToggle, R = e.primaryColumnIndex, E = R === void 0 ? 0 : R, D = e.rowScreenReaderText, P = e.selected, A = e.stripe, q = A === void 0 ? "none" : A, _ = e.style, z = qt(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "pinnedColumns", "isDraggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
- // @docs-props-type RowPropsBase
-                var $ = (0, t.useMemo)((function() {
+        var o = e.actions, i = e.actionPrimary, l = e.actionsSecondary, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.pinnedColumns, v = e.isDraggable, p = e.elementRef, b = e.expandable, h = e.expanded, y = e.expansionRowIds, g = e.expansionRow, w = e.index, C = e.movableColumns, x = e.onClick, S = e.onExpansion, O = e.onKeyDown, k = e.onRequestToggle, R = e.primaryColumnIndex, j = R === void 0 ? 0 : R, D = e.rowScreenReaderText, P = e.selected, A = e.stripe, q = A === void 0 ? "none" : A, _ = e.style, z = _t(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "pinnedColumns", "isDraggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
+        // @docs-props-type RowPropsBase
+                var M = (0, t.useMemo)((function() {
             return {
-                id: v ? c : (0, j.createGUID)(),
+                id: v ? c : (0, T.createGUID)(),
                 disabled: !v
             };
         }), [ v, c ]);
-        var M = (0, a.useSortable)($), L = M.attributes, W = M.listeners, H = M.transform, K = M.transition, V = M.setNodeRef, B = M.setActivatorNodeRef;
+        var $ = (0, a.useSortable)(M), L = $.attributes, W = $.listeners, H = $.transform, K = $.transition, B = $.setNodeRef, V = $.setActivatorNodeRef;
         var F = (0, t.useMemo)((function() {
-            return v ? jt(jt({}, _), {}, {
-                transform: Kn.CSS.Translate.toString(H),
+            return v ? Dt(Dt({}, _), {}, {
+                transform: Bn.CSS.Translate.toString(H),
                 transition: K
             }) : _;
         }), [ v, H, K, _ ]);
@@ -1813,38 +1802,38 @@
             e.preventDefault();
             S === null || S === void 0 ? void 0 : S(e, s);
         }), [ s, S ]);
-        var Q = function n() {
+        var Q = function e() {
             if (i && i.props.onClick) {
                 
                 return (0, t.cloneElement)(i, {
-                    onClick: function n(t) {
-                        var r, o;
-                        t.preventDefault();
-                        return (r = (o = i.props).onClick) === null || r === void 0 ? void 0 : r.call(o, t, e.data);
+                    onClick: function e(n) {
+                        var t, r;
+                        n.preventDefault();
+                        return (t = (r = i.props).onClick) === null || t === void 0 ? void 0 : t.call(r, n, s);
                     }
                 });
             }
             return i;
         };
-        var Z = function n() {
+        var Z = function e() {
             if (l && l.props.children) {
-                var r = t.Children.toArray(l.props.children).filter(t.isValidElement);
-                var o = r.map((function(n) {
-                    if (n.props.onClick) {
+                var n = t.Children.toArray(l.props.children).filter(t.isValidElement);
+                var r = n.map((function(e) {
+                    if (e.props.onClick) {
                         
-                        return (0, t.cloneElement)(n, {
-                            onClick: function t(r) {
-                                var o, i;
-                                r.preventDefault();
-                                return (o = (i = n.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r, e.data);
+                        return (0, t.cloneElement)(e, {
+                            onClick: function n(t) {
+                                var r, o;
+                                t.preventDefault();
+                                return (r = (o = e.props).onClick) === null || r === void 0 ? void 0 : r.call(o, t, s);
                             }
                         });
                     }
-                    return n;
+                    return e;
                 }));
                 
                 return (0, t.cloneElement)(l, {
-                    children: o
+                    children: r
                 });
             }
             return l;
@@ -1853,7 +1842,7 @@
             U.current = e;
             N(p, e);
             if (v) {
-                V(e);
+                B(e);
             }
         }
         var ne = t.Children.toArray(u).map((function(e, n) {
@@ -1861,22 +1850,22 @@
             return (0, t.cloneElement)(e, {
                 appearance: x ? "rowLink" : e.props.appearance,
                 disabled: d,
-                isPrimaryCell: E === n,
+                isPrimaryCell: j === n,
                 stripe: q
             });
         }));
         var te;
         if (D) {
             te = D;
-        } else if ((n = ne[E]) === null || n === void 0 ? void 0 : n.props.children) {
+        } else if ((n = ne[j]) === null || n === void 0 ? void 0 : n.props.children) {
             var re;
-            te = "".concat((re = ne[E]) === null || re === void 0 ? void 0 : re.props.children);
+            te = "".concat((re = ne[j]) === null || re === void 0 ? void 0 : re.props.children);
         } else {
             var oe;
             te = "".concat((oe = ne[0]) === null || oe === void 0 ? void 0 : oe.props.children);
             if (false) {}
         }
-        var ie = (0, I.sprintf)((0, T._)("%(selected)s"), {
+        var ie = (0, E.sprintf)((0, I._)("%(selected)s"), {
             selected: P ? "selected" : "unselected"
         });
         var ae = $t[q];
@@ -1884,38 +1873,38 @@
         var ue = C ? "false" : undefined;
         var se = function e() {
             
-            return r().createElement(Lt, null);
+            return r().createElement(Wt, null);
         };
-        var ce = (0, I.sprintf)((0, T._)("Collapse row - %(rowLabelValue)s"), {
+        var ce = (0, E.sprintf)((0, I._)("Collapse row - %(rowLabelValue)s"), {
             rowLabelValue: te
         });
-        var de = (0, I.sprintf)((0, T._)("Expand row - %(rowLabelValue)s"), {
+        var de = (0, E.sprintf)((0, I._)("Expand row - %(rowLabelValue)s"), {
             rowLabelValue: te
         });
         
-        return r().createElement(ae, zt({
+        return r().createElement(ae, Mt({
             "data-test": "row",
             "data-test-selected": k ? P : undefined,
             $clickable: !!x,
             "data-has-movable-columns": C ? "true" : undefined,
             disabled: !!d,
-            $expandable: !!m,
+            $expandable: !!b,
             $isActionColumnPinned: f === null || f === void 0 ? void 0 : f.actions,
             $isDraggable: !!v,
             ref: ee,
             tabIndex: x ? 0 : undefined
-        }, b()(z, "data"), {
+        }, m()(z, "data"), {
             onClick: x ? X : undefined,
             onKeyDown: Y,
             $rowSelected: !!(k && P),
             style: F
-        }), v && w != null &&  r().createElement(vt, zt({
-            "aria-label": (0, I.sprintf)((0, T._)("Reorder %(rowLabelValue)s"), {
+        }), v && w != null &&  r().createElement(pt, Mt({
+            "aria-label": (0, E.sprintf)((0, I._)("Reorder %(rowLabelValue)s"), {
                 rowLabelValue: te
             }),
-            setActivatorNodeRef: B,
+            setActivatorNodeRef: V,
             listeners: W
-        }, L)), k &&  r().createElement(Oe, {
+        }, L)), k &&  r().createElement(ke, {
             align: "center",
             appearance: x ? "rowLink" : "data",
             disabled: d,
@@ -1923,15 +1912,15 @@
             "data-movable-column": ue,
             rowSpan: le,
             "data-test": "toggle"
-        },  r().createElement(Et, {
-            "aria-label": (0, I.sprintf)((0, T._)("%(rowLabelValue)s %(selectedString)s"), {
+        },  r().createElement(It, {
+            "aria-label": (0, E.sprintf)((0, I._)("%(rowLabelValue)s %(selectedString)s"), {
                 rowLabelValue: te,
                 selectedString: ie
             }),
             disabled: d,
             onClick: G,
             selected: P
-        })), m && g &&  r().createElement(Oe, {
+        })), b && g &&  r().createElement(ke, {
             align: "center",
             appearance: "data",
             "data-movable-column": ue,
@@ -1939,39 +1928,39 @@
             expand: h,
             rowSpan: le,
             variant: "expand"
-        },  r().createElement(it, {
+        },  r().createElement(at, {
             expanded: h,
             onClick: J,
             title: h ? ce : de,
             "aria-controls": h ? y : undefined,
             "aria-expanded": h
-        })), m && !g &&  r().createElement(Oe, {
+        })), b && !g &&  r().createElement(ke, {
             variant: "expand",
             "data-movable-column": ue
-        }), ne, o && !i && !l &&  r().createElement(Oe, {
+        }), ne, o && !i && !l &&  r().createElement(ke, {
             align: "right",
             appearance: x ? "rowLink" : "data",
             "data-test": "row-actions",
             variant: "actions",
             "data-movable-column": ue,
             isPinned: f === null || f === void 0 ? void 0 : f.actions
-        }), (i || l) &&  r().createElement(Oe, {
+        }), (i || l) &&  r().createElement(ke, {
             align: "right",
             appearance: "data",
             "data-test": "row-actions",
             variant: "actions",
             "data-movable-column": ue,
             isPinned: f === null || f === void 0 ? void 0 : f.actions
-        }, i && Q(), l &&  r().createElement(Yn(), {
+        }, i && Q(), l &&  r().createElement(Gn(), {
             toggle: se()
         }, Z())));
     }
-    Wt.propTypes = Mt;
-    Wt.splunkUiType = "Table.Row";
-    /* harmony default export */    const Ht = Wt;
+    Ht.propTypes = Nt;
+    Ht.splunkUiType = "Table.Row";
+    /* harmony default export */    const Kt = Ht;
     // CONCATENATED MODULE: ./src/Table/Head.tsx
-    function Kt() {
-        return Kt = Object.assign ? Object.assign.bind() : function(e) {
+    function Bt() {
+        return Bt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1979,11 +1968,11 @@
                 }
             }
             return e;
-        }, Kt.apply(null, arguments);
+        }, Bt.apply(null, arguments);
     }
     function Vt(e, n) {
         if (null == e) return {};
-        var t, r, o = Bt(e, n);
+        var t, r, o = Ft(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1992,7 +1981,7 @@
         }
         return o;
     }
-    function Bt(e, n) {
+    function Ft(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -2003,44 +1992,44 @@
         }
         return t;
     }
-    var Ft = {
+    var Ut = {
         /** @private. */
-        actions: w().arrayOf(w().node),
+        actions: g().arrayOf(g().node),
         /** @private. */
-        actionsColumnWidth: w().number,
+        actionsColumnWidth: g().number,
         /** @private */
-        cellMinWidth: w().number,
-        children: w().node,
-        elementRef: w().oneOfType([ w().func, w().object ]),
+        cellMinWidth: g().number,
+        children: g().node,
+        elementRef: g().oneOfType([ g().func, g().object ]),
         /** @private. */
-        hasDragColumn: w().bool,
+        hasDragColumn: g().bool,
         /** @private. */
-        hasInfoColumn: w().bool,
+        hasInfoColumn: g().bool,
         /** @private. */
-        onAutosizeColumn: w().func,
+        onAutosizeColumn: g().func,
         /** @private. */
-        onRequestMoveColumn: w().func,
+        onRequestMoveColumn: g().func,
         /** @private. */
-        onRequestResizeColumn: w().func,
+        onRequestResizeColumn: g().func,
         /** @private. */
-        onRequestToggleAllRows: w().func,
+        onRequestToggleAllRows: g().func,
         /** @private. */
-        pinnedColumns: w().object,
+        pinnedColumns: g().object,
         /** @private. */
-        rowSelection: w().oneOf([ "all", "some", "none" ])
+        rowSelection: g().oneOf([ "all", "some", "none" ])
     };
-    var Ut = 1;
-    var Xt = {
+    var Xt = 1;
+    var Yt = {
         all: true,
         none: false,
         some: "some"
     };
-    var Yt = (0, T._)("No rows selected");
-    var Gt = (0, T._)("Some rows selected");
-    var Jt = (0, T._)("All rows selected");
-    var Qt = function e(n) {
+    var Gt = (0, I._)("No rows selected");
+    var Jt = (0, I._)("Some rows selected");
+    var Qt = (0, I._)("All rows selected");
+    var Zt = function e(n) {
         var t, r;
-        var o = cn();
+        var o = dn();
         if (!n) {
             return [];
         }
@@ -2049,10 +2038,10 @@
             return e.clientWidth - parseFloat(n.getPropertyValue("padding-right")) - parseFloat(n.getPropertyValue("padding-left"));
         }));
     };
-    function Zt(e) {
+    function er(e) {
         var n = e.actions, o = n === void 0 ? [] : n, i = e.actionsColumnWidth, a = e.cellMinWidth, l = a === void 0 ? 60 : a, u = e.children, s = e.elementRef, c = e.hasDragColumn, d = e.hasInfoColumn, f = e.pinnedColumns, v = e.onAutosizeColumn, p = e.onRequestMoveColumn, m = e.onRequestResizeColumn, b = e.onRequestToggleAllRows, h = e.rowSelection, y = Vt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "pinnedColumns", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
         // @docs-props-type HeadPropsBase
-                var g = (0, t.useContext)(ye), w = g.headType, C = g.tableContainerWidthWithoutBorders, x = g.resizableFillLayout;
+                var g = (0, t.useContext)(ge), w = g.headType, C = g.tableContainerWidthWithoutBorders, x = g.resizableFillLayout;
         var S = (0, t.useRef)(null);
         var O = (0, t.useRef)([]);
         (0, t.useEffect)((function() {
@@ -2073,7 +2062,7 @@
         }), [ u, p ]);
         var R = (0, t.useCallback)((function(e, n) {
             var t = n.columnId, r = n.id, o = n.index, i = n.width;
-            var a = Qt(S.current);
+            var a = Zt(S.current);
             if (o >= a.length) {
                 m === null || m === void 0 ? void 0 : m(e, n);
                 return;
@@ -2196,16 +2185,16 @@
             O.current = e;
             return n;
         }), [ I, x, R, m, p, k, v ]);
-        var D = h === undefined ? undefined : Xt[h];
+        var D = h === undefined ? undefined : Yt[h];
         var P = i || 48;
         var A = w === "fixed" ? "fixed-head" : "head";
         var q;
         if (D === "some") {
-            q = Gt;
-        } else if (D) {
             q = Jt;
+        } else if (D) {
+            q = Qt;
         } else {
-            q = Yt;
+            q = Gt;
         }
         var _ = (0, t.useMemo)((function() {
             return {
@@ -2218,33 +2207,33 @@
             };
         }), [ i ]);
         
-        return r().createElement(Nn, Kt({
+        return r().createElement(Ln, Bt({
             ref: E,
             "data-test": A,
             $isFixed: w === "fixed",
-            $zIndex: T + Ut
-        }, y),  r().createElement(Ht, null, c &&  r().createElement(Hn, {
+            $zIndex: T + Xt
+        }, y),  r().createElement(Kt, null, c &&  r().createElement(Kn, {
             key: "drag_rows_head_cell",
             "data-test": "drag-rows-head-cell",
             align: "center",
             resizable: false
-        }), b &&  r().createElement(Ln, {
+        }), b &&  r().createElement(Wn, {
             key: "toggle_all",
             resizable: false,
             align: "center",
             variant: "toggleAll",
             truncate: false,
             "data-test": "toggle-all"
-        },  r().createElement(Et, {
+        },  r().createElement(It, {
             "aria-label": q,
             onClick: b,
             selected: D
-        })), d &&  r().createElement(Wn, {
+        })), d &&  r().createElement(Hn, {
             key: "more_info_head_cell",
             "data-test": "more-info-head-cell",
             resizable: false,
             variant: "info"
-        }), j, o.length > 0 &&  r().createElement(Mn, {
+        }), j, o.length > 0 &&  r().createElement(Nn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2253,7 +2242,7 @@
             style: _,
             variant: "actions",
             isPinned: f === null || f === void 0 ? void 0 : f.actions
-        }, o), o.length === 0 && i &&  r().createElement(Mn, {
+        }, o), o.length === 0 && i &&  r().createElement(Nn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2264,24 +2253,24 @@
             isPinned: f === null || f === void 0 ? void 0 : f.actions
         }, " ")));
     }
-    Zt.propTypes = Ft;
-    Zt.splunkUiType = "Table.Head";
-    /* harmony default export */    const er = Zt;
+    er.propTypes = Ut;
+    er.splunkUiType = "Table.Head";
+    /* harmony default export */    const nr = er;
     // CONCATENATED MODULE: external "lodash/isFinite"
-    const nr = require("lodash/isFinite");
-    var tr =  e.n(nr);
+    const tr = require("lodash/isFinite");
+    var rr =  e.n(tr);
     // CONCATENATED MODULE: external "lodash/isFunction"
-    const rr = require("lodash/isFunction");
-    var or =  e.n(rr);
+    const or = require("lodash/isFunction");
+    var ir =  e.n(or);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const ir = require("@splunk/react-ui/Popover");
-    var ar =  e.n(ir);
+    const ar = require("@splunk/react-ui/Popover");
+    var lr =  e.n(ar);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const lr = require("@splunk/react-ui/useControlled");
-    var ur =  e.n(lr);
+    const ur = require("@splunk/react-ui/useControlled");
+    var sr =  e.n(ur);
     // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
-    function sr() {
-        return sr = Object.assign ? Object.assign.bind() : function(e) {
+    function cr() {
+        return cr = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -2289,29 +2278,29 @@
                 }
             }
             return e;
-        }, sr.apply(null, arguments);
+        }, cr.apply(null, arguments);
     }
-    function cr(e, n) {
-        return mr(e) || pr(e, n) || fr(e, n) || dr();
+    function dr(e, n) {
+        return br(e) || mr(e, n) || vr(e, n) || fr();
     }
-    function dr() {
+    function fr() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function fr(e, n) {
+    function vr(e, n) {
         if (e) {
-            if ("string" == typeof e) return vr(e, n);
+            if ("string" == typeof e) return pr(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? vr(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? pr(e, n) : void 0;
         }
     }
-    function vr(e, n) {
+    function pr(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function pr(e, n) {
+    function mr(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -2333,12 +2322,12 @@
             return l;
         }
     }
-    function mr(e) {
+    function br(e) {
         if (Array.isArray(e)) return e;
     }
-    function br(e, n) {
+    function hr(e, n) {
         if (null == e) return {};
-        var t, r, o = hr(e, n);
+        var t, r, o = yr(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -2347,7 +2336,7 @@
         }
         return o;
     }
-    function hr(e, n) {
+    function yr(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -2360,67 +2349,67 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var yr = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    var gr = {
-        align: w().oneOf([ "left", "center", "right" ]),
-        buttonRef: w().oneOfType([ w().func, w().object ]),
-        canCoverHead: w().bool,
-        children: w().node.isRequired,
-        closeReasons: w().arrayOf(w().oneOf(yr)),
-        columnId: w().string,
+    /** @public */    var gr = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    var wr = {
+        align: g().oneOf([ "left", "center", "right" ]),
+        buttonRef: g().oneOfType([ g().func, g().object ]),
+        canCoverHead: g().bool,
+        children: g().node.isRequired,
+        closeReasons: g().arrayOf(g().oneOf(gr)),
+        columnId: g().string,
         /** @private. */
-        dragId: w().oneOfType([ w().string, w().number ]),
-        elementRef: w().oneOfType([ w().func, w().object ]),
-        headCellScreenReaderText: w().string,
-        focusToggleReasons: w().arrayOf(w().oneOf(yr)),
+        dragId: g().oneOfType([ g().string, g().number ]),
+        elementRef: g().oneOfType([ g().func, g().object ]),
+        headCellScreenReaderText: g().string,
+        focusToggleReasons: g().arrayOf(g().oneOf(gr)),
         /** @private The index of the cell, skipping the info column. */
-        index: w().number,
-        label: w().node,
+        index: g().number,
+        label: g().node,
         /** @private. */
-        onAutosizeColumn: w().func,
+        onAutosizeColumn: g().func,
         /**
    * @private. This will be passed through, and will work as expected.
    */
-        onKeyDown: w().func,
-        onRequestClose: w().func,
+        onKeyDown: g().func,
+        onRequestClose: g().func,
         /** @private. */
-        onRequestMoveColumn: w().func,
-        onRequestOpen: w().func,
+        onRequestMoveColumn: g().func,
+        onRequestOpen: g().func,
         /** @private. */
-        onRequestResize: w().func,
-        open: w().bool,
-        repositionMode: w().oneOf([ "none", "flip", "any" ]),
-        resizable: w().bool,
-        retainFocus: w().bool,
-        takeFocus: w().bool,
-        truncate: w().bool,
+        onRequestResize: g().func,
+        open: g().bool,
+        repositionMode: g().oneOf([ "none", "flip", "any" ]),
+        resizable: g().bool,
+        retainFocus: g().bool,
+        takeFocus: g().bool,
+        truncate: g().bool,
         /**
    * @private
    * Used internally to suppress focus when this `HeadDropdownCell` is superseded by one in an
    * overlaid `HeadTable` for user interactions.
    */
-        visible: w().bool,
-        width: w().number,
+        visible: g().bool,
+        width: g().number,
         /** @private. */
-        variant: w().oneOf([ "toggleAll", "info", "actions" ])
+        variant: g().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var wr = [ "contentClick", "escapeKey", "toggleClick" ];
-    function Cr(e) {
+    var Cr = [ "contentClick", "escapeKey", "toggleClick" ];
+    function xr(e) {
         var n;
-        var o = e.align, i = o === void 0 ? "left" : o, l = e.buttonRef, u = e.canCoverHead, s = u === void 0 ? true : u, c = e.children, d = e.closeReasons, f = d === void 0 ? yr : d, v = e.columnId, p = e.dragId, m = e.elementRef, b = e.headCellScreenReaderText, h = e.focusToggleReasons, y = h === void 0 ? wr : h, g = e.id, w = e.index, C = e.label, x = e.onAutosizeColumn, S = e.onKeyDown, O = e.onRequestClose, R = e.onRequestMoveColumn, E = e.onRequestOpen, D = e.onRequestResize, A = e.open, q = e.repositionMode, _ = q === void 0 ? "flip" : q, z = e.resizable, $ = z === void 0 ? true : z, M = e.retainFocus, L = e.style, W = e.takeFocus, H = W === void 0 ? true : W, K = e.truncate, V = K === void 0 ? true : K, B = e.variant, F = e.visible, U = F === void 0 ? true : F, X = e.width, Y = br(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
+        var o = e.align, i = o === void 0 ? "left" : o, l = e.buttonRef, u = e.canCoverHead, s = u === void 0 ? true : u, c = e.children, d = e.closeReasons, f = d === void 0 ? gr : d, v = e.columnId, p = e.dragId, m = e.elementRef, b = e.headCellScreenReaderText, h = e.focusToggleReasons, y = h === void 0 ? Cr : h, g = e.id, w = e.index, C = e.label, x = e.onAutosizeColumn, S = e.onKeyDown, k = e.onRequestClose, R = e.onRequestMoveColumn, j = e.onRequestOpen, D = e.onRequestResize, A = e.open, q = e.repositionMode, _ = q === void 0 ? "flip" : q, z = e.resizable, M = z === void 0 ? true : z, $ = e.retainFocus, L = e.style, W = e.takeFocus, H = W === void 0 ? true : W, K = e.truncate, B = K === void 0 ? true : K, V = e.variant, F = e.visible, U = F === void 0 ? true : F, X = e.width, Y = hr(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadDropdownCellPropsBase
-                var G = ur()({
+                var G = sr()({
             componentName: "HeadDropdownCell",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
             // see SUI-7028
             valuePropName: "open"
         });
-        var J = (0, t.useState)(), Q = cr(J, 2), Z = Q[0], ee = Q[1];
-        var ne = (0, t.useState)(null), te = cr(ne, 2), re = te[0], oe = te[1];
-        var ie = (0, t.useState)(null), ae = cr(ie, 2), le = ae[0], ue = ae[1];
-        var se = (0, t.useState)(false), ce = cr(se, 2), de = ce[0], fe = ce[1];
-        var ve = (0, j.createDOMID)("popover");
+        var J = (0, t.useState)(), Q = dr(J, 2), Z = Q[0], ee = Q[1];
+        var ne = (0, t.useState)(null), te = dr(ne, 2), re = te[0], oe = te[1];
+        var ie = (0, t.useState)(null), ae = dr(ie, 2), le = ae[0], ue = ae[1];
+        var se = (0, t.useState)(false), ce = dr(se, 2), de = ce[0], fe = ce[1];
+        var ve = (0, T.createDOMID)("popover");
         var pe = !!R;
         var me = (0, a.useSortable)({
             // dragId is optional in HeadCell but required by useSortable
@@ -2430,12 +2419,12 @@
         var we = (0, t.useMemo)((function() {
             return G ? A : de;
         }), [ G, de, A ]);
-        var Ce = k()(U);
+        var Ce = O()(U);
         var xe = (n = g !== null && g !== void 0 ? g : v) !== null && n !== void 0 ? n : (0, 
-        j.createDOMID)("headCellId-");
+        T.createDOMID)("headCellId-");
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ D, V ]);
+        }), [ D, B ]);
         var Se = (0, t.useCallback)((function(e) {
             var n = e.reason, t = e.event;
             if (n === "clickAway" && t !== undefined) {
@@ -2455,13 +2444,13 @@
                 if (!G) {
                     fe(false);
                 }
-                O === null || O === void 0 ? void 0 : O(t, {
+                k === null || k === void 0 ? void 0 : k(t, {
                     index: w,
                     reason: n,
                     columnId: v
                 });
             }
-        }), [ f, v, y, w, le, G, we, O ]);
+        }), [ f, v, y, w, le, G, we, k ]);
         (0, t.useEffect)((function() {
             if (Ce && !U) {
                 Se({
@@ -2495,7 +2484,7 @@
                     event: e
                 });
             } else if (w !== undefined) {
-                E === null || E === void 0 ? void 0 : E(e, {
+                j === null || j === void 0 ? void 0 : j(e, {
                     reason: "toggleClick",
                     columnId: v,
                     index: w
@@ -2504,7 +2493,7 @@
                     fe(true);
                 }
             }
-        }), [ v, Se, w, G, we, E ]);
+        }), [ v, Se, w, G, we, j ]);
         var Ee = (0, t.useCallback)((function(e) {
             if (w !== undefined) {
                 S === null || S === void 0 ? void 0 : S(e, {
@@ -2513,14 +2502,14 @@
                 });
             }
         }), [ v, w, S ]);
-        var Te = (0, t.useCallback)((function(e) {
+        var Ie = (0, t.useCallback)((function(e) {
             Se({
                 reason: "contentClick",
                 event: e
             });
         }), [ Se ]);
-        var De = (0, t.useMemo)((function() {
-            if (Z !== undefined && tr()(Z)) {
+        var je = (0, t.useMemo)((function() {
+            if (Z !== undefined && rr()(Z)) {
                 var e;
                 return {
                     x: Z - ((e = re === null || re === void 0 ? void 0 : re.getBoundingClientRect().left) !== null && e !== void 0 ? e : 0)
@@ -2529,7 +2518,7 @@
             return undefined;
         }), [ Z, re ]);
         var Pe = (0, t.useMemo)((function() {
-            return Ie()({}, L, {
+            return Te()({}, L, {
                 width: X
             });
         }), [ L, X ]);
@@ -2540,19 +2529,19 @@
             Ae = C;
         }
         
-        return r().createElement(Be, sr({
+        return r().createElement(Fe, cr({
             style: Pe,
             "data-test": "head-cell",
             $isDragging: pe && ge,
-            $variant: B,
+            $variant: V,
             id: U ? xe : undefined,
             ref: Oe
-        }, Y),  r().createElement(Ve, null, pe &&  r().createElement(Ue, sr({
-            "aria-label": (0, I.sprintf)((0, T._)("Reorder %(labelString)s"), {
+        }, Y),  r().createElement(Ve, null, pe &&  r().createElement(Xe, cr({
+            "aria-label": (0, E.sprintf)((0, I._)("Reorder %(labelString)s"), {
                 labelString: Ae
             }),
             "data-test": "drag"
-        }, be, he),  r().createElement(Fe, null,  r().createElement(je(), null))),  r().createElement(Dn, {
+        }, be, he),  r().createElement(Ue, null,  r().createElement(De(), null))),  r().createElement(Pn, {
             align: i,
             "aria-expanded": we,
             "aria-haspopup": true,
@@ -2564,15 +2553,15 @@
             index: w,
             isMenu: true,
             label: C,
-            resizable: U && $,
+            resizable: U && M,
             onAutosizeColumn: x,
             onRequestResize: D,
             onClick: Re,
             onKeyDown: Ee,
-            truncate: V,
+            truncate: B,
             width: X,
             "data-test": "inner"
-        }),  r().createElement(ar(), {
+        }),  r().createElement(lr(), {
             align: "center",
             anchor: re,
             "aria-labelledby": xe,
@@ -2582,46 +2571,46 @@
             id: ve,
             onRequestClose: Se,
             open: !!re && we,
-            pointTo: De,
+            pointTo: je,
             repositionMode: _,
-            retainFocus: M,
+            retainFocus: $,
             takeFocus: H
-        }, or()(c) ? function() {
+        }, ir()(c) ? function() {
             
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
             return r().createElement("div", {
-                onClick: Te
+                onClick: Ie
             }, c.apply(void 0, arguments));
         } : 
         
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
         r().createElement("div", {
-            onClick: Te
+            onClick: Ie
         }, c))));
     }
-    Cr.propTypes = gr;
-    Cr.splunkUiType = "Table.HeadDropdownCell";
-    Cr.possibleCloseReasons = yr;
-    /* harmony default export */    const xr = Cr;
+    xr.propTypes = wr;
+    xr.splunkUiType = "Table.HeadDropdownCell";
+    xr.possibleCloseReasons = gr;
+    /* harmony default export */    const Sr = xr;
     // CONCATENATED MODULE: external "lodash/extend"
-    const Sr = require("lodash/extend");
-    var Or =  e.n(Sr);
+    const Or = require("lodash/extend");
+    var kr =  e.n(Or);
     // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
-    var kr = z()(ee).withConfig({
+    var Rr = z()(ne).withConfig({
         displayName: "HeadTableStyles__Styled",
         componentId: "g85wgf-0"
     })([ "min-width:0;table-layout:fixed;" ]);
-    var Rr = z().div.withConfig({
+    var Er = z().div.withConfig({
         displayName: "HeadTableStyles__StyledDockedContainer",
         componentId: "g85wgf-1"
-    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], $.variables.zindexFixedNavbar);
-    var Er = z()(Rr).withConfig({
+    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], Q.variables.zindexFixedNavbar);
+    var Ir = z()(Er).withConfig({
         displayName: "HeadTableStyles__StyledFixedContainer",
         componentId: "g85wgf-2"
     })([ "position:absolute;box-shadow:none;z-index:1;" ]);
     // CONCATENATED MODULE: ./src/Table/HeadTable.tsx
-    function Ir() {
-        return Ir = Object.assign ? Object.assign.bind() : function(e) {
+    function Tr() {
+        return Tr = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -2629,11 +2618,11 @@
                 }
             }
             return e;
-        }, Ir.apply(null, arguments);
+        }, Tr.apply(null, arguments);
     }
-    function Tr(e, n) {
+    function jr(e, n) {
         if (null == e) return {};
-        var t, r, o = jr(e, n);
+        var t, r, o = Dr(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -2642,7 +2631,7 @@
         }
         return o;
     }
-    function jr(e, n) {
+    function Dr(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -2653,32 +2642,32 @@
         }
         return t;
     }
-    var Dr = {
-        cellWidths: w().arrayOf(w().number).isRequired,
-        dragIndex: w().number,
-        elementRef: w().oneOfType([ w().func, w().object ]),
-        hasDragColumn: w().bool,
-        hasRowExpansion: w().bool,
-        hasRowSelection: w().bool,
-        headType: w().oneOf([ "docked", "fixed" ]).isRequired,
-        horizontalOffset: w().number,
-        isFixedColumn: w().bool,
-        rowSelection: w().oneOf([ "all", "some", "none" ]),
-        tableStyle: w().object,
-        tableWidth: w().number.isRequired,
-        tHead: w().element.isRequired,
-        top: w().number.isRequired,
-        width: w().number.isRequired
+    var Pr = {
+        cellWidths: g().arrayOf(g().number).isRequired,
+        dragIndex: g().number,
+        elementRef: g().oneOfType([ g().func, g().object ]),
+        hasDragColumn: g().bool,
+        hasRowExpansion: g().bool,
+        hasRowSelection: g().bool,
+        headType: g().oneOf([ "docked", "fixed" ]).isRequired,
+        horizontalOffset: g().number,
+        isFixedColumn: g().bool,
+        rowSelection: g().oneOf([ "all", "some", "none" ]),
+        tableStyle: g().object,
+        tableWidth: g().number.isRequired,
+        tHead: g().element.isRequired,
+        top: g().number.isRequired,
+        width: g().number.isRequired
     };
     /**
  * @private
  * HeadTable is an internal component that provides a detached table head that can
  * then be positioned in different ways outside of the main table.
- */    function Pr(e) {
-        var n = e.cellWidths, o = e.elementRef, i = e.hasDragColumn, a = e.hasRowExpansion, l = e.hasRowSelection, u = e.headType, s = e.horizontalOffset, c = s === void 0 ? 0 : s, d = e.isFixedColumn, f = e.tableStyle, v = e.tableWidth, p = e.tHead, m = e.top, h = e.width, y = Tr(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
+ */    function Ar(e) {
+        var n = e.cellWidths, o = e.elementRef, i = e.hasDragColumn, a = e.hasRowExpansion, l = e.hasRowSelection, u = e.headType, s = e.horizontalOffset, c = s === void 0 ? 0 : s, d = e.isFixedColumn, f = e.tableStyle, v = e.tableWidth, p = e.tHead, b = e.top, h = e.width, y = jr(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
         // @docs-props-type HeadTablePropsBase
                 var g = u === "docked";
-        var w = g ? Rr : Er;
+        var w = g ? Er : Ir;
         var C = (0, t.useRef)(null);
         var x = (0, t.useCallback)((function(e) {
             N(C, e);
@@ -2705,7 +2694,7 @@
             return O.filter(t.isValidElement).map((function(e, r) {
                 
                 return (0, t.cloneElement)(e, {
-                    style: Or()({}, e.props.style, {
+                    style: kr()({}, e.props.style, {
                         width: n[r + S]
                     })
                 });
@@ -2717,38 +2706,38 @@
         }, k);
         var E = (0, t.useMemo)((function() {
             return {
-                top: m,
+                top: b,
                 width: h
             };
-        }), [ m, h ]);
+        }), [ b, h ]);
         
         return r().createElement(w, {
             style: E,
             ref: o
-        },  r().createElement(kr, Ir({
+        },  r().createElement(Rr, Tr({
             "data-test": "".concat(u, "-head-table"),
             "data-fixed-column": d ? "true" : undefined,
-            style: Or()({}, f, {
+            style: kr()({}, f, {
                 marginLeft: c,
                 width: d ? undefined : v
             })
-        }, b()(y, "dragIndex")), R));
+        }, m()(y, "dragIndex")), R));
     }
-    Pr.propTypes = Dr;
-    /* harmony default export */    const Ar = Pr;
+    Ar.propTypes = Pr;
+    /* harmony default export */    const qr = Ar;
     // CONCATENATED MODULE: ./src/Table/KeyboardSensor.ts
-    function qr(e) {
+    function _r(e) {
         "@babel/helpers - typeof";
-        return qr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return _r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, qr(e);
+        }, _r(e);
     }
-    function _r(e, n) {
-        return Mr(e) || $r(e, n) || Wr(e, n) || zr();
+    function zr(e, n) {
+        return Nr(e) || $r(e, n) || Hr(e, n) || Mr();
     }
-    function zr() {
+    function Mr() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
     function $r(e, n) {
@@ -2773,26 +2762,26 @@
             return l;
         }
     }
-    function Mr(e) {
+    function Nr(e) {
         if (Array.isArray(e)) return e;
     }
-    function Nr(e) {
-        return Kr(e) || Hr(e) || Wr(e) || Lr();
+    function Lr(e) {
+        return Br(e) || Kr(e) || Hr(e) || Wr();
     }
-    function Lr() {
+    function Wr() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Wr(e, n) {
+    function Hr(e, n) {
         if (e) {
             if ("string" == typeof e) return Vr(e, n);
             var t = {}.toString.call(e).slice(8, -1);
             return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Vr(e, n) : void 0;
         }
     }
-    function Hr(e) {
+    function Kr(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function Kr(e) {
+    function Br(e) {
         if (Array.isArray(e)) return Vr(e);
     }
     function Vr(e, n) {
@@ -2802,39 +2791,39 @@
         }
         return r;
     }
-    function Br(e, n) {
+    function Fr(e, n) {
         if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
     }
-    function Fr(e, n) {
+    function Ur(e, n) {
         for (var t = 0; t < n.length; t++) {
             var r = n[t];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, Yr(r.key), r);
+            Object.defineProperty(e, Gr(r.key), r);
         }
     }
-    function Ur(e, n, t) {
-        return n && Fr(e.prototype, n), t && Fr(e, t), Object.defineProperty(e, "prototype", {
+    function Xr(e, n, t) {
+        return n && Ur(e.prototype, n), t && Ur(e, t), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function Xr(e, n, t) {
-        return (n = Yr(n)) in e ? Object.defineProperty(e, n, {
+    function Yr(e, n, t) {
+        return (n = Gr(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function Yr(e) {
-        var n = Gr(e, "string");
-        return "symbol" == qr(n) ? n : n + "";
+    function Gr(e) {
+        var n = Jr(e, "string");
+        return "symbol" == _r(n) ? n : n + "";
     }
-    function Gr(e, n) {
-        if ("object" != qr(e) || !e) return e;
+    function Jr(e, n) {
+        if ("object" != _r(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != qr(r)) return r;
+            if ("object" != _r(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
@@ -2842,21 +2831,21 @@
     // based on https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/sensors/keyboard/KeyboardSensor.ts
     // eslint-disable-next-line max-classes-per-file
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/sensors/utilities/Listeners.ts
-        var Jr =  function() {
+        var Qr =  function() {
         function e(n) {
             var t = this;
-            Br(this, e);
-            Xr(this, "listeners", []);
-            Xr(this, "removeAll", (function() {
+            Fr(this, e);
+            Yr(this, "listeners", []);
+            Yr(this, "removeAll", (function() {
                 t.listeners.forEach((function(e) {
                     var n;
-                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Nr(e));
+                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Lr(e));
                 }));
             }));
             this.target = n;
             this.target = n;
         }
-        Ur(e, [ {
+        Xr(e, [ {
             key: "add",
             value: function e(n, t, r) {
                 var o;
@@ -2867,7 +2856,7 @@
         return e;
     }();
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/parseTransform.ts
-        function Qr(e) {
+        function Zr(e) {
         if (e.startsWith("matrix3d(")) {
             var n = e.slice(9, -1).split(/, /);
             return {
@@ -2889,8 +2878,8 @@
         return null;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/inverseTransform.ts
-        function Zr(e, n, t) {
-        var r = Qr(n);
+        function eo(e, n, t) {
+        var r = Zr(n);
         if (!r) {
             return e;
         }
@@ -2908,17 +2897,17 @@
             left: u
         };
     }
-    var eo = {
+    var no = {
         ignoreTransform: false
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/rect/getRect.ts
-        function no(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : eo;
+        function to(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : no;
         var t = e.getBoundingClientRect();
         if (n.ignoreTransform) {
-            var r = (0, Kn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
+            var r = (0, Bn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
             if (o) {
-                t = Zr(t, o, i);
+                t = eo(t, o, i);
             }
         }
         var a = t, l = a.top, u = a.left, s = a.width, c = a.height, d = a.bottom, f = a.right;
@@ -2931,7 +2920,7 @@
             right: f
         };
     }
-    function to(e) {
+    function ro(e) {
         if (e === document.scrollingElement) {
             var n = window, t = n.innerWidth, r = n.innerHeight;
             return {
@@ -2954,19 +2943,19 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/documentScrollingElement.ts
-        function ro(e) {
-        if (!Kn.canUseDOM || !e) {
+        function oo(e) {
+        if (!Bn.canUseDOM || !e) {
             return false;
         }
         return e === document.scrollingElement;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollPosition.ts
-        function oo(e) {
+        function io(e) {
         var n = {
             x: 0,
             y: 0
         };
-        var t = ro(e) ? {
+        var t = oo(e) ? {
             height: window.innerHeight,
             width: window.innerWidth
         } : {
@@ -2991,20 +2980,20 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/coordinates/constants.ts
-        var io = {
+        var ao = {
         x: 0,
         y: 0
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isFixed.ts
-        function ao(e) {
+        function lo(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        Kn.getWindow)(e).getComputedStyle(e);
+        Bn.getWindow)(e).getComputedStyle(e);
         return n.position === "fixed";
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isScrollable.ts
-        function lo(e) {
+        function uo(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        Kn.getWindow)(e).getComputedStyle(e);
+        Bn.getWindow)(e).getComputedStyle(e);
         var t = /(auto|scroll|overlay)/;
         var r = [ "overflow", "overflowX", "overflowY" ];
         return r.some((function(e) {
@@ -3013,7 +3002,7 @@
         }));
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function uo(e, n) {
+        function so(e, n) {
         var t = [];
         function r(o) {
             if (n != null && t.length >= n) {
@@ -3022,23 +3011,23 @@
             if (!o) {
                 return t;
             }
-            if ((0, Kn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
+            if ((0, Bn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
                 t.push(o.scrollingElement);
                 return t;
             }
-            if (!(0, Kn.isHTMLElement)(o) || (0, Kn.isSVGElement)(o)) {
+            if (!(0, Bn.isHTMLElement)(o) || (0, Bn.isSVGElement)(o)) {
                 return t;
             }
             if (t.includes(o)) {
                 return t;
             }
-            var i = (0, Kn.getWindow)(e).getComputedStyle(o);
+            var i = (0, Bn.getWindow)(e).getComputedStyle(o);
             if (o !== e) {
-                if (lo(o, i)) {
+                if (uo(o, i)) {
                     t.push(o);
                 }
             }
-            if (ao(o, i)) {
+            if (lo(o, i)) {
                 return t;
             }
             return r(o.parentNode);
@@ -3049,23 +3038,23 @@
         return r(e);
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function so(e) {
-        var n = uo(e, 1), t = _r(n, 1), r = t[0];
+        function co(e) {
+        var n = so(e, 1), t = zr(n, 1), r = t[0];
         return r !== null && r !== void 0 ? r : null;
     }
-    var co = {
+    var fo = {
         start: [ o.KeyboardCode.Space, o.KeyboardCode.Enter ],
         cancel: [ o.KeyboardCode.Esc ],
         end: [ o.KeyboardCode.Space, o.KeyboardCode.Enter ]
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/scrollIntoViewIfNeeded.ts
-        function fo(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : no;
+        function vo(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : to;
         if (!e) {
             return;
         }
         var t = n(e), r = t.top, o = t.left, i = t.bottom, a = t.right;
-        var l = so(e);
+        var l = co(e);
         if (!l) {
             return;
         }
@@ -3076,23 +3065,23 @@
             });
         }
     }
-    var vo =  function() {
+    var po =  function() {
         function e(n) {
-            Br(this, e);
-            Xr(this, "autoScrollEnabled", false);
-            Xr(this, "referenceCoordinates", void 0);
-            Xr(this, "listeners", void 0);
-            Xr(this, "windowListeners", void 0);
+            Fr(this, e);
+            Yr(this, "autoScrollEnabled", false);
+            Yr(this, "referenceCoordinates", void 0);
+            Yr(this, "listeners", void 0);
+            Yr(this, "windowListeners", void 0);
             this.props = n;
             var t = n.event.target;
             this.props = n;
-            this.listeners = new Jr((0, Kn.getOwnerDocument)(t));
-            this.windowListeners = new Jr((0, Kn.getWindow)(t));
+            this.listeners = new Qr((0, Bn.getOwnerDocument)(t));
+            this.windowListeners = new Qr((0, Bn.getWindow)(t));
             this.handleKeyDown = this.handleKeyDown.bind(this);
             this.handleCancel = this.handleCancel.bind(this);
             this.attach();
         }
-        Ur(e, [ {
+        Xr(e, [ {
             key: "attach",
             value: function e() {
                 var n = this;
@@ -3109,16 +3098,16 @@
                 var n = this.props, t = n.activeNode, r = n.onStart;
                 var o = t.node.current;
                 if (o) {
-                    fo(o);
+                    vo(o);
                 }
-                r(io);
+                r(ao);
             }
         }, {
             key: "handleKeyDown",
             value: function e(n) {
-                if ((0, Kn.isKeyboardEvent)(n)) {
+                if ((0, Bn.isKeyboardEvent)(n)) {
                     var t = this.props, r = t.active, i = t.context, a = t.options;
-                    var l = a.keyboardCodes, u = l === void 0 ? co : l, s = a.coordinateGetter, c = a.scrollBehavior, d = c === void 0 ? "smooth" : c;
+                    var l = a.keyboardCodes, u = l === void 0 ? fo : l, s = a.coordinateGetter, c = a.scrollBehavior, d = c === void 0 ? "smooth" : c;
                     var f = n.code;
                     if (u.end.includes(f)) {
                         this.handleEnd(n);
@@ -3132,7 +3121,7 @@
                     var p = v ? {
                         x: v.left,
                         y: v.top
-                    } : io;
+                    } : ao;
                     if (!this.referenceCoordinates) {
                         this.referenceCoordinates = p;
                     }
@@ -3142,7 +3131,7 @@
                         currentCoordinates: p
                     });
                     if (m) {
-                        var b = (0, Kn.subtract)(m, p);
+                        var b = (0, Bn.subtract)(m, p);
                         var h = {
                             x: 0,
                             y: 0
@@ -3151,8 +3140,8 @@
                         for (var g = 0; g < y.length; g += 1) {
                             var w = y[g];
                             var C = n.code;
-                            var x = oo(w), S = x.isTop, O = x.isRight, k = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
-                            var T = to(w);
+                            var x = io(w), S = x.isTop, O = x.isRight, k = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
+                            var T = ro(w);
                             // isDraggableNodeVerticallyInView and isDraggableNodeHorizontallyInView are custom
                             // we want to scroll only when a dragging node will be out of view,
                             // originally it tries to always place a dragging node in the middle of the container
@@ -3186,8 +3175,8 @@
                                 break;
                             } else if (A) {
                                 var z = w.scrollTop + b.y;
-                                var $ = C === o.KeyboardCode.Down && z <= E.y || C === o.KeyboardCode.Up && z >= I.y;
-                                if ($ && !b.x) {
+                                var M = C === o.KeyboardCode.Down && z <= E.y || C === o.KeyboardCode.Up && z >= I.y;
+                                if (M && !b.x) {
                                     // We don't need to update coordinates, the scroll adjustment alone will trigger
                                     // logic to auto-detect the new container we are over
                                     w.scrollTo({
@@ -3196,7 +3185,7 @@
                                     });
                                     return;
                                 }
-                                if ($) {
+                                if (M) {
                                     h.y = w.scrollTop - z;
                                 } else {
                                     h.y = C === o.KeyboardCode.Down ? w.scrollTop - E.y : w.scrollTop - I.y;
@@ -3210,7 +3199,7 @@
                                 break;
                             }
                         }
-                        this.handleMove(n, (0, Kn.add)((0, Kn.subtract)(m, this.referenceCoordinates), h));
+                        this.handleMove(n, (0, Bn.add)((0, Bn.subtract)(m, this.referenceCoordinates), h));
                     }
                 }
             }
@@ -3246,10 +3235,10 @@
         } ]);
         return e;
     }();
-    Xr(vo, "activators", [ {
+    Yr(po, "activators", [ {
         eventName: "onKeyDown",
         handler: function e(n, t, r) {
-            var o = t.keyboardCodes, i = o === void 0 ? co : o, a = t.onActivation;
+            var o = t.keyboardCodes, i = o === void 0 ? fo : o, a = t.onActivation;
             var l = r.active;
             var u = n.nativeEvent.code;
             if (i.start.includes(u)) {
@@ -3267,15 +3256,15 @@
         }
     } ]);
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function po(e) {
+    function mo(e) {
         "@babel/helpers - typeof";
-        return po = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return mo = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, po(e);
+        }, mo(e);
     }
-    function mo(e, n) {
+    function bo(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -3285,46 +3274,46 @@
         }
         return t;
     }
-    function bo(e) {
+    function ho(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? mo(Object(t), !0).forEach((function(n) {
-                ho(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : mo(Object(t)).forEach((function(n) {
+            n % 2 ? bo(Object(t), !0).forEach((function(n) {
+                yo(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : bo(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function ho(e, n, t) {
-        return (n = yo(n)) in e ? Object.defineProperty(e, n, {
+    function yo(e, n, t) {
+        return (n = go(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function yo(e) {
-        var n = go(e, "string");
-        return "symbol" == po(n) ? n : n + "";
+    function go(e) {
+        var n = wo(e, "string");
+        return "symbol" == mo(n) ? n : n + "";
     }
-    function go(e, n) {
-        if ("object" != po(e) || !e) return e;
+    function wo(e, n) {
+        if ("object" != mo(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != po(r)) return r;
+            if ("object" != mo(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
     // Checks if browser is Safari
-        function wo() {
+        function Co() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
     // Formats return value to DOMRect
-        function Co(e) {
-        return bo(bo({}, e), {}, {
+        function xo(e) {
+        return ho(ho({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -3338,18 +3327,18 @@
  * @param {boolean} offsets - Use when position of element relative to the layout viewport offsets are needed for Safari.
  * @returns {Omit<DOMRect, 'toJSON'>}
  * @public
- */    function xo(e, n) {
+ */    function So(e, n) {
         var t, r;
         var o = e.getBoundingClientRect();
-        var i = wo();
+        var i = Co();
         if (!n || !i) {
             return o;
         }
-        var a = cn();
+        var a = dn();
         var l = o.left + (((t = a.visualViewport) === null || t === void 0 ? void 0 : t.offsetLeft) || 0);
         var u = o.top + (((r = a.visualViewport) === null || r === void 0 ? void 0 : r.offsetTop) || 0);
         var s = o.width, c = o.height;
-        return Co({
+        return xo({
             width: s,
             height: c,
             x: l,
@@ -3366,14 +3355,14 @@
     // erroneously included in react-ui's public api.
     // see https://github.com/microsoft/TypeScript/pull/12253
     // see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
-    function So(e, n) {
+    function Oo(e, n) {
         if (e === undefined || e === null) {
             throw new Error(n !== null && n !== void 0 ? n : "Unexpected undefined or null");
         }
     }
     // CONCATENATED MODULE: ./src/Table/Table.tsx
-    function Oo() {
-        return Oo = Object.assign ? Object.assign.bind() : function(e) {
+    function ko() {
+        return ko = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -3381,41 +3370,41 @@
                 }
             }
             return e;
-        }, Oo.apply(null, arguments);
+        }, ko.apply(null, arguments);
     }
-    function ko(e) {
-        return Io(e) || Eo(e) || Do(e) || Ro();
+    function Ro(e) {
+        return To(e) || Io(e) || Po(e) || Eo();
     }
-    function Ro() {
+    function Eo() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Eo(e) {
+    function Io(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function Io(e) {
-        if (Array.isArray(e)) return Po(e);
+    function To(e) {
+        if (Array.isArray(e)) return Ao(e);
     }
-    function To(e, n) {
-        return qo(e) || Ao(e, n) || Do(e, n) || jo();
+    function jo(e, n) {
+        return _o(e) || qo(e, n) || Po(e, n) || Do();
     }
-    function jo() {
+    function Do() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Do(e, n) {
+    function Po(e, n) {
         if (e) {
-            if ("string" == typeof e) return Po(e, n);
+            if ("string" == typeof e) return Ao(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Po(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ao(e, n) : void 0;
         }
     }
-    function Po(e, n) {
+    function Ao(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function Ao(e, n) {
+    function qo(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -3437,12 +3426,12 @@
             return l;
         }
     }
-    function qo(e) {
+    function _o(e) {
         if (Array.isArray(e)) return e;
     }
-    function _o(e, n) {
+    function zo(e, n) {
         if (null == e) return {};
-        var t, r, o = zo(e, n);
+        var t, r, o = Mo(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -3451,7 +3440,7 @@
         }
         return o;
     }
-    function zo(e, n) {
+    function Mo(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -3468,53 +3457,53 @@
     /** @public */
     /** @public */
     /** @public */    var $o = {
-        actions: w().arrayOf(w().element),
-        actionsColumnWidth: w().number,
-        children: w().node,
-        dockOffset: w().number,
-        dockScrollBar: w().bool,
-        elementRef: w().oneOfType([ w().func, w().object ]),
-        headType: w().oneOf([ "docked", "fixed", "inline" ]),
-        horizontalOverflow: w().oneOf([ "auto", "scroll" ]),
-        innerStyle: w().object,
-        onRequestToggleAllRows: w().func,
-        onScroll: w().func,
-        outerStyle: w().object,
-        pinnedColumns: w().object,
-        primaryColumnIndex: w().number,
-        rowExpansion: w().oneOf([ "single", "multi", "controlled", "none" ]),
-        rowSelection: w().oneOf([ "all", "some", "none" ]),
-        stripeRows: w().bool,
-        tableStyle: w().object,
-        onRequestMoveColumn: w().func,
-        onRequestMoveRow: w().func,
-        onRequestResizeColumn: w().func,
-        resizableFillLayout: w().bool
+        actions: g().arrayOf(g().element),
+        actionsColumnWidth: g().number,
+        children: g().node,
+        dockOffset: g().number,
+        dockScrollBar: g().bool,
+        elementRef: g().oneOfType([ g().func, g().object ]),
+        headType: g().oneOf([ "docked", "fixed", "inline" ]),
+        horizontalOverflow: g().oneOf([ "auto", "scroll" ]),
+        innerStyle: g().object,
+        onRequestToggleAllRows: g().func,
+        onScroll: g().func,
+        outerStyle: g().object,
+        pinnedColumns: g().object,
+        primaryColumnIndex: g().number,
+        rowExpansion: g().oneOf([ "single", "multi", "controlled", "none" ]),
+        rowSelection: g().oneOf([ "all", "some", "none" ]),
+        stripeRows: g().bool,
+        tableStyle: g().object,
+        onRequestMoveColumn: g().func,
+        onRequestMoveRow: g().func,
+        onRequestResizeColumn: g().func,
+        resizableFillLayout: g().bool
     };
-    var Mo = function e(n) {
+    var No = function e(n) {
         return n === "inline";
     };
-    var No = function e(n) {
+    var Lo = function e(n) {
         return n === "docked";
     };
-    var Lo = function e(n) {
+    var Wo = function e(n) {
         return n === "fixed";
     };
-    var Wo = function e(n) {
-        var t = cn();
-        var r = xo(n);
+    var Ho = function e(n) {
+        var t = dn();
+        var r = So(n);
         return {
             top: r.top + t.pageYOffset,
             left: r.left + t.pageXOffset
         };
     };
-    var Ho = function e(n) {
-        var t = an();
+    var Ko = function e(n) {
+        var t = ln();
         if (n === undefined || n === null) {
             return undefined;
         }
         var r = n.children[0].children;
-        var o = d()(r, t.activeElement);
+        var o = c()(r, t.activeElement);
         if (o > -1) {
             return {
                 target: "headCell",
@@ -3522,7 +3511,7 @@
             };
         }
         var i = n.querySelectorAll("[data-test=resize]");
-        var a = d()(i, t.activeElement);
+        var a = c()(i, t.activeElement);
         if (a > -1) {
             return {
                 target: "resizeButton",
@@ -3531,20 +3520,20 @@
         }
         return undefined;
     };
-    var Ko = function e(n, t) {
+    var Bo = function e(n, t) {
         return n.indexOf(t) + 1;
     };
     var Vo = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Bo = {
-        coordinateGetter: a.sortableKeyboardCoordinates
-    };
     var Fo = {
-        draggable: (0, T._)("To pick up a sortable row, press space or enter.\n            Use the up and down arrow keys to update the position of the row.\n            Press space or enter again to drop the row in its new position, or press escape to cancel.")
+        coordinateGetter: a.sortableKeyboardCoordinates
     };
     var Uo = {
-        draggable: (0, T._)("To pick up a sortable column, press space or enter.\n            Use the left and right arrow keys to update the position of the column.\n            Press space or enter again to drop the column in its new position, or press escape to cancel.")
+        draggable: (0, I._)("To pick up a sortable row, press space or enter.\n            Use the up and down arrow keys to update the position of the row.\n            Press space or enter again to drop the row in its new position, or press escape to cancel.")
+    };
+    var Xo = {
+        draggable: (0, I._)("To pick up a sortable column, press space or enter.\n            Use the left and right arrow keys to update the position of the column.\n            Press space or enter again to drop the column in its new position, or press escape to cancel.")
     };
     /**
  * @private
@@ -3555,7 +3544,7 @@
  * @param {String} headFocusState.target - Focus can be applied to a 'headCell' or a
  * 'resizeButton'.
  * @param {Number} headFocusState.index - The index of the element to set focus on.
- */    function Xo(e, n) {
+ */    function Yo(e, n) {
         var t, r;
         var o = n.target, i = n.index;
         if (false) {}
@@ -3568,160 +3557,165 @@
         if (false) {}
         (t = a) === null || t === void 0 ? void 0 : (r = t.focus) === null || r === void 0 ? void 0 : r.call(t);
     }
-    var Yo = {
+    var Go = {
         passive: false,
         capture: true
     };
-    var Go = [];
-    function Jo(e) {
-        var n = e.actions, l = n === void 0 ? Go : n, s = e.actionsColumnWidth, c = e.children, d = e.dockOffset, f = d === void 0 ? 0 : d, p = e.dockScrollBar, m = e.elementRef, h = e.headType, g = h === void 0 ? "inline" : h, w = e.horizontalOverflow, C = w === void 0 ? "auto" : w, O = e.innerStyle, R = e.onRequestMoveColumn, D = e.onRequestMoveRow, P = e.onRequestResizeColumn, A = e.onRequestToggleAllRows, q = e.onScroll, _ = e.outerStyle, z = e.pinnedColumns, $ = e.primaryColumnIndex, M = $ === void 0 ? 0 : $, L = e.resizableFillLayout, W = e.rowExpansion, H = W === void 0 ? "none" : W, K = e.rowSelection, V = K === void 0 ? "none" : K, B = e.stripeRows, F = e.tableStyle, U = _o(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "horizontalOverflow", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "pinnedColumns", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
- // @docs-props-type TablePropsBase
-                var X = (0, t.useState)([]), Y = To(X, 2), G = Y[0], J = Y[1];
-        var re = (0, t.useState)(), ae = To(re, 2), le = ae[0], ue = ae[1];
-        var se = (0, t.useState)(), ce = To(se, 2), de = ce[0], fe = ce[1];
-        var ve = (0, t.useState)(), pe = To(ve, 2), me = pe[0], be = pe[1];
-        var he = (0, t.useState)(), ge = To(he, 2), we = ge[0], Ce = ge[1];
-        var xe = (0, t.useRef)(true);
-        var Se = (0, t.useContext)(S.ScrollContainerContext);
-        var Oe = (0, o.useSensors)((0, o.useSensor)(o.MouseSensor, {}), (0, o.useSensor)(o.TouchSensor, {}), (0, 
-        o.useSensor)(vo, Bo));
-        var ke = (0, t.useState)([]), Re = To(ke, 2), Ee = Re[0], Ie = Re[1];
-        var Te = (0, t.useState)(-1), je = To(Te, 2), De = je[0], Pe = je[1];
-        var Ae = (0, t.useRef)();
+    var Jo = [];
+    function Qo(e) {
+        var n;
+        var l = e.actions, s = l === void 0 ? Jo : l, c = e.actionsColumnWidth, d = e.children, v = e.dockOffset, p = v === void 0 ? 0 : v, b = e.dockScrollBar, y = e.elementRef, g = e.headType, w = g === void 0 ? "inline" : g, S = e.horizontalOverflow, k = S === void 0 ? "auto" : S, j = e.innerStyle, D = e.onRequestMoveColumn, P = e.onRequestMoveRow, A = e.onRequestResizeColumn, q = e.onRequestToggleAllRows, _ = e.onScroll, z = e.outerStyle, M = e.pinnedColumns, $ = e.primaryColumnIndex, L = $ === void 0 ? 0 : $, W = e.resizableFillLayout, H = e.rowExpansion, K = H === void 0 ? "none" : H, B = e.rowSelection, V = B === void 0 ? "none" : B, F = e.stripeRows, U = e.tableStyle, X = zo(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "horizontalOverflow", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "pinnedColumns", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
+        // @docs-props-type TablePropsBase
+                var Y = (0, t.useState)([]), G = jo(Y, 2), J = G[0], Q = G[1];
+        var oe = (0, t.useState)(), le = jo(oe, 2), ue = le[0], se = le[1];
+        var ce = (0, t.useState)(), de = jo(ce, 2), fe = de[0], ve = de[1];
+        var pe = (0, t.useState)(), me = jo(pe, 2), be = me[0], he = me[1];
+        var ye = (0, t.useState)(), we = jo(ye, 2), Ce = we[0], xe = we[1];
+        var Se = (0, t.useRef)(true);
+        var Oe = (0, t.useContext)(x.ScrollContainerContext);
+        var ke = (0, o.useSensors)((0, o.useSensor)(o.MouseSensor, {}), (0, o.useSensor)(o.TouchSensor, {}), (0, 
+        o.useSensor)(po, Fo));
+        var Re = (0, t.useState)([]), Ee = jo(Re, 2), Ie = Ee[0], Te = Ee[1];
+        var je = (0, t.useState)(-1), De = jo(je, 2), Pe = De[0], Ae = De[1];
         var qe = (0, t.useRef)();
-        var _e = (0, t.useState)(), ze = To(_e, 2), $e = ze[0], Me = ze[1];
-        var Ne = (0, t.useRef)(null);
+        var _e = (0, t.useRef)();
+        var ze = (0, t.useState)(), Me = jo(ze, 2), $e = Me[0], Ne = Me[1];
         var Le = (0, t.useRef)(null);
-        var We = (0, t.useRef)();
-        var He = (0, t.useRef)(null);
-        var Ke = (0, t.useRef)();
+        var We = (0, t.useRef)(null);
+        var He = (0, t.useRef)();
+        var Ke = (0, t.useRef)(null);
+        var Be = (0, t.useRef)();
         var Ve = (0, t.useRef)(null);
-        var Be = (0, t.useRef)(null);
-        var Fe = k()(g);
-        var Ue = (0, t.useRef)([]);
+        var Fe = (0, t.useRef)(null);
+        var Ue = O()(w);
         var Xe = (0, t.useRef)([]);
         var Ye = (0, t.useRef)([]);
         var Ge = (0, t.useRef)([]);
-        var Je = Xe.current;
-        var Qe = Ue.current;
-        var Ze = Ge.current;
-        var en = (0, t.useCallback)((function() {
+        var Je = (0, t.useRef)([]);
+        var Qe = Ye.current;
+        var Ze = Xe.current;
+        var en = Je.current;
+        var nn = (0, t.useCallback)((function() {
             var e;
-            var n = cn();
-            if (Mo(g)) {
+            var n = dn();
+            if (No(w)) {
                 return;
             }
-            var t = Be.current;
-            var r = Le.current;
+            var t = Fe.current;
+            var r = We.current;
             var o = Ve.current;
             if (!o || !r) {
                 return;
             }
-            var i = Qt(Le.current);
-            var a = (e = Le.current) === null || e === void 0 ? void 0 : e.clientHeight;
-            var l = Wo(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
-            var u = Math.min(l, Number(f));
-            Ce(t === null || t === void 0 ? void 0 : t.clientWidth);
-            fe(o === null || o === void 0 ? void 0 : o.clientWidth);
-            J(i);
-            be(u);
-        }), [ f, g ]);
+            var i = Zt(We.current);
+            var a = (e = We.current) === null || e === void 0 ? void 0 : e.clientHeight;
+            var l = Ho(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
+            var u = Math.min(l, Number(p));
+            xe(t === null || t === void 0 ? void 0 : t.clientWidth);
+            ve(o === null || o === void 0 ? void 0 : o.clientWidth);
+            Q(i);
+            he(u);
+        }), [ p, w ]);
+        // Use arguments[0] (raw props) to check if `style` was explicitly passed by the caller.
+        // This avoids relying on the defaulted/destructured props object.
+        // eslint-disable-next-line prefer-rest-params
+                var tn = (n = arguments[0]) === null || n === void 0 ? void 0 : n.style;
         (0, t.useEffect)((function() {
-            var e = Le.current;
-            var n = He.current;
+            var e = We.current;
+            var n = Ke.current;
             if (e && n) {
-                var t = Qt(Le.current);
-                if (!v()(G, t)) {
-                    en();
+                var t = Zt(We.current);
+                if (!f()(J, t)) {
+                    nn();
                 }
             }
-            if (Fe === "inline" && g === "inline") {
-                en();
+            if (Ue === "inline" && w === "inline") {
+                nn();
             }
             if (false) {}
-        }), [ G, g, Fe, e, en ]);
+        }), [ J, w, Ue, tn, nn ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ z, C ]);
-        var nn = (0, t.useCallback)((function(e) {
-            var n = Be.current;
-            q === null || q === void 0 ? void 0 : q(e);
-            if ((Lo(g) || No(g)) && n) {
-                ue(-n.scrollLeft);
-            }
-            if (Ne.current && Ke.current !== "dockedScrollBar" && n) {
-                Ke.current = "container";
-                Ne.current.scrollLeft = n.scrollLeft;
+        }), [ M, k ]);
+        var rn = (0, t.useCallback)((function(e) {
+            var n = Fe.current;
+            _ === null || _ === void 0 ? void 0 : _(e);
+            if ((Wo(w) || Lo(w)) && n) {
+                se(-n.scrollLeft);
+            }
+            if (Le.current && Be.current !== "dockedScrollBar" && n) {
+                Be.current = "container";
+                Le.current.scrollLeft = n.scrollLeft;
             } else {
-                Ke.current = undefined;
-            }
-        }), [ g, q ]);
-        var tn = function e() {
-            var n = Be.current;
-            if (Ke.current !== "container" && n && Ne.current) {
-                Ke.current = "dockedScrollBar";
-                n.scrollLeft = Ne.current.scrollLeft;
+                Be.current = undefined;
+            }
+        }), [ w, _ ]);
+        var on = function e() {
+            var n = Fe.current;
+            if (Be.current !== "container" && n && Le.current) {
+                Be.current = "dockedScrollBar";
+                n.scrollLeft = Le.current.scrollLeft;
             } else {
-                Ke.current = undefined;
+                Be.current = undefined;
             }
         };
-        var rn = y()(en, 0);
-        var on = (0, t.useCallback)((function() {
-            en();
-        }), [ en ]);
-        var ln = (0, t.useMemo)((function() {
-            return y()(on, 50);
-        }), [ on ]);
-        E()(Be, ln);
+        var an = h()(nn, 0);
+        var un = (0, t.useCallback)((function() {
+            nn();
+        }), [ nn ]);
+        var sn = (0, t.useMemo)((function() {
+            return h()(un, 50);
+        }), [ un ]);
+        R()(Fe, sn);
         (0, t.useEffect)((function() {
             // Using the return value of useCallback to recreate componentWillUnmount
             return function() {
-                rn.cancel();
-                ln.cancel();
+                an.cancel();
+                sn.cancel();
             };
         }));
-        var un = function e(n) {
+        var cn = function e(n) {
             return function(e) {
-                Le.current = e;
+                We.current = e;
                 N(n.props.elementRef, e);
             };
         };
-        var sn = function e(n) {
+        var fn = function e(n) {
             if (n) {
                 // On mount, focus the applicable docked head cell if a primary head cell was focused.
-                if (We.current) {
-                    Xo(He.current, We.current);
-                    We.current = undefined;
+                if (He.current) {
+                    Yo(Ke.current, He.current);
+                    He.current = undefined;
                 }
             } else {
                 // On unmount, focus the applicable primary head cell if a docked head cell was focused.
-                var t = Ho(He.current);
+                var t = Ko(Ke.current);
                 if (t) {
-                    Xo(Le.current, t);
+                    Yo(We.current, t);
                 }
             }
-            He.current = n;
+            Ke.current = n;
         };
-        var dn = function e(n) {
-            var t = Be.current;
-            if (!He.current || !t || n.key !== "Tab") {
+        var vn = function e(n) {
+            var t = Fe.current;
+            if (!Ke.current || !t || n.key !== "Tab") {
                 return;
             }
-            var r = He.current.scrollLeft;
+            var r = Ke.current.scrollLeft;
             if (r !== 0) {
-                He.current.scrollLeft = 0;
+                Ke.current.scrollLeft = 0;
                 t.scrollLeft += r;
             }
         };
-        var fn = function e(n, t) {
+        var pn = function e(n, t) {
             var r, o;
             var i = t.columnId, a = t.index, l = t.id;
-            var s = an();
+            var s = ln();
             if (a === undefined) {
                 return;
             }
-            var c = H === "none" ? 1 : 2;
-            var d = (r = Be.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(a + c, "), tbody td:nth-child(").concat(a + c, ")"));
+            var c = K === "none" ? 1 : 2;
+            var d = (r = Fe.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(a + c, "), tbody td:nth-child(").concat(a + c, ")"));
             var f = s.createElement("div");
             // TODO: find a styled-components compliant way to do this
                         f.style["float"] = "left";
@@ -3738,7 +3732,7 @@
                 f.appendChild(n);
             }));
             s.body.appendChild(f);
-            P === null || P === void 0 ? void 0 : P(n, {
+            A === null || A === void 0 ? void 0 : A(n, {
                 columnId: i,
                 id: l,
                 index: a,
@@ -3746,72 +3740,72 @@
             });
             (o = f.parentNode) === null || o === void 0 ? void 0 : o.removeChild(f);
         };
-        var vn = (0, t.useCallback)((function(e) {
+        var mn = (0, t.useCallback)((function(e) {
             var n = e.active;
             var t = n.id;
-            Ae.current = Ze.indexOf(t);
-            Me(t);
-        }), [ Ze ]);
-        var pn = (0, t.useCallback)((function(e) {
+            qe.current = en.indexOf(t);
+            Ne(t);
+        }), [ en ]);
+        var bn = (0, t.useCallback)((function(e) {
             if (e.over) {
                 var n = e.over.id;
-                var t = Ze.indexOf(n);
+                var t = en.indexOf(n);
                 var r = t;
-                if (Ae.current !== undefined && t > Ae.current) {
+                if (qe.current !== undefined && t > qe.current) {
                     r = t + 1;
                 }
-                Pe(r);
+                Ae(r);
             } else {
-                Pe(-1);
+                Ae(-1);
             }
-        }), [ Ze ]);
+        }), [ en ]);
         // these are useMemo rather than useCallback so that ESLint can correctly analyze the dependencies
         // see https://github.com/facebook/react/issues/19240#issuecomment-652945246
-                var mn = (0, t.useMemo)((function() {
-            return y()(pn, 100);
-        }), [ pn ]);
+                var hn = (0, t.useMemo)((function() {
+            return h()(bn, 100);
+        }), [ bn ]);
         (0, t.useEffect)((function() {
             return function() {
-                mn.cancel();
+                hn.cancel();
             };
-        }), [ mn ]);
-        var bn = (0, t.useCallback)((function(e) {
+        }), [ hn ]);
+        var yn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
             if (t && n.id !== t.id) {
-                var r = Ze.indexOf(n.id);
-                var o = Ze.indexOf(t === null || t === void 0 ? void 0 : t.id);
-                R === null || R === void 0 ? void 0 : R({
+                var r = en.indexOf(n.id);
+                var o = en.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                D === null || D === void 0 ? void 0 : D({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-            Me(undefined);
-            Pe(-1);
+            Ne(undefined);
+            Ae(-1);
+            _e.current = undefined;
             qe.current = undefined;
-            Ae.current = undefined;
-        }), [ Ze, R ]);
-        var hn = (0, t.useCallback)((function(e) {
+        }), [ en, D ]);
+        var gn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
-            xe.current = true;
+            Se.current = true;
             if (t && n.id !== t.id) {
-                var r = Je.indexOf(n.id);
-                var o = Je.indexOf(t === null || t === void 0 ? void 0 : t.id);
-                D === null || D === void 0 ? void 0 : D({
+                var r = Qe.indexOf(n.id);
+                var o = Qe.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                P === null || P === void 0 ? void 0 : P({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-        }), [ Je, D ]);
-        var yn = (0, t.useCallback)((function() {
-            xe.current = true;
+        }), [ Qe, P ]);
+        var wn = (0, t.useCallback)((function() {
+            Se.current = true;
         }), []);
-        var gn = (0, t.useRef)({});
-        var wn = function e(n) {
+        var Cn = (0, t.useRef)({});
+        var xn = function e(n) {
             var r = [];
             var o = [];
             var i = t.Children.toArray(n.props.children).filter(t.isValidElement).map((function(e, n) {
                 var i = e;
-                var a = i.key || (0, j.createDOMID)("col-");
+                var a = i.key || (0, T.createDOMID)("col-");
                 a = String(a);
                 // `col-` prefix is necessary to distinguish row or column reordering.
                 // Append the `col-` prefix if is missing from dragId
@@ -3825,55 +3819,55 @@
                     index: n,
                     dragId: a,
                     elementRef: function e(n) {
-                        gn.current[a] = n;
+                        Cn.current[a] = n;
                         N(i.props.elementRef, n);
                     }
                 });
             }));
-            Ye.current = r;
-            Ze = o;
-            var a = l === null || l === void 0 ? void 0 : l.filter(t.isValidElement);
-            var u =  (0, t.cloneElement)(n, {
+            Ge.current = r;
+            en = o;
+            var a = s === null || s === void 0 ? void 0 : s.filter(t.isValidElement);
+            var l =  (0, t.cloneElement)(n, {
                 actions: a,
-                actionsColumnWidth: s,
-                hasInfoColumn: H !== "none",
-                hasDragColumn: !!D,
-                pinnedColumns: z,
-                onAutosizeColumn: fn,
-                onRequestMoveColumn: R,
-                onRequestResizeColumn: P,
-                onRequestToggleAllRows: A,
-                elementRef: un(n),
+                actionsColumnWidth: c,
+                hasInfoColumn: K !== "none",
+                hasDragColumn: !!P,
+                pinnedColumns: M,
+                onAutosizeColumn: pn,
+                onRequestMoveColumn: D,
+                onRequestResizeColumn: A,
+                onRequestToggleAllRows: q,
+                elementRef: cn(n),
                 rowSelection: V
             }, i);
-            return u;
+            return l;
         };
-        var Cn = (0, t.useMemo)((function() {
+        var Sn = (0, t.useMemo)((function() {
             var e, n;
-            if (De === -1 || !Le.current || !Be.current) return null;
-            var t = !!D;
-            var o = H !== "none";
-            var i = Array.from((e = (n = Le.current.firstElementChild) === null || n === void 0 ? void 0 : n.children) !== null && e !== void 0 ? e : []).slice(o ? 1 : 0).slice(t ? 1 : 0).slice(A ? 1 : 0);
+            if (Pe === -1 || !We.current || !Fe.current) return null;
+            var t = !!P;
+            var o = K !== "none";
+            var i = Array.from((e = (n = We.current.firstElementChild) === null || n === void 0 ? void 0 : n.children) !== null && e !== void 0 ? e : []).slice(o ? 1 : 0).slice(t ? 1 : 0).slice(q ? 1 : 0);
             var a;
-            if (De === 0) {
+            if (Pe === 0) {
                 var l;
                 a = ((l = i[0]) === null || l === void 0 ? void 0 : l.offsetLeft) || 0;
-            } else if (De >= i.length) {
+            } else if (Pe >= i.length) {
                 var u = i[i.length - 1];
                 a = ((u === null || u === void 0 ? void 0 : u.offsetLeft) || 0) + ((u === null || u === void 0 ? void 0 : u.offsetWidth) || 0) - 1;
  // -1 makes the last guideline visible
                         } else {
                 var s;
-                a = ((s = i[De]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
+                a = ((s = i[Pe]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
             }
             
-            return r().createElement(ie, {
-                $height: Be.current.clientHeight,
+            return r().createElement(ae, {
+                $height: Fe.current.clientHeight,
                 $left: a
             });
-        }), [ De, D, H, A ]);
-        var xn = function e(n) {
-            var r = (l === null || l === void 0 ? void 0 : l.filter(t.isValidElement).length) > 0;
+        }), [ Pe, P, K, q ]);
+        var On = function e(n) {
+            var r = (s === null || s === void 0 ? void 0 : s.filter(t.isValidElement).length) > 0;
             var o = false;
             var i = [];
             var a = [];
@@ -3882,7 +3876,7 @@
                 if (((r = e.props) === null || r === void 0 ? void 0 : r.actionPrimary) || ((l = e.props) === null || l === void 0 ? void 0 : l.actionsSecondary)) {
                     o = true;
                 }
-                var u = e.key || (0, j.createDOMID)("row-");
+                var u = e.key || (0, T.createDOMID)("row-");
                 u = String(u);
                 // `row-` prefix is necessary to distinguish row or column reordering.
                 // Append the `row-` prefix if is missing from dragId
@@ -3895,113 +3889,113 @@
                 }));
                 a.push(u);
             }));
-            var u = r || o || !!s;
-            Qe = i;
-            Je = a;
+            var l = r || o || !!c;
+            Ze = i;
+            Qe = a;
             
             return (0, t.cloneElement)(n, {
-                actions: u,
-                movableColumns: !!R,
-                onRequestMoveRow: D,
-                primaryColumnIndex: M,
-                rowExpansion: H,
-                pinnedColumns: z,
-                stripeRows: B
-            }, Qe);
+                actions: l,
+                movableColumns: !!D,
+                onRequestMoveRow: P,
+                primaryColumnIndex: L,
+                rowExpansion: K,
+                pinnedColumns: M,
+                stripeRows: F
+            }, Ze);
         };
-        var Sn = function e() {
-            var n = Be.current;
-            var t = cn();
-            if (!No(g) || !Ve.current || !Le.current || !n) {
+        var kn = function e() {
+            var n = Fe.current;
+            var t = dn();
+            if (!Lo(w) || !Ve.current || !We.current || !n) {
                 return false;
             }
-            var r = Wo(n).top;
-            return t.pageYOffset >= r - (f || 0);
+            var r = Ho(n).top;
+            return t.pageYOffset >= r - (p || 0);
         };
-        var On = function e() {
-            var n = cn();
-            var t = Be.current;
-            if (!p || !Ve.current || !t) {
+        var Rn = function e() {
+            var n = dn();
+            var t = Fe.current;
+            if (!b || !Ve.current || !t) {
                 return false;
             }
-            var r = xo(t);
+            var r = So(t);
             return r.bottom > n.innerHeight && r.top < n.innerHeight;
         };
-        var kn = function e(n, o) {
-            if (Sn()) {
+        var En = function e(n, o) {
+            if (kn()) {
                 // FIXME: handle inline
                 // Save the current head focus state so that it can be applied to the docked version
                 // after the `HeadTable` mounts.
-                We.current = Ho(Le.current);
-                if (G === undefined || de === undefined || me === undefined || we === undefined) {
+                He.current = Ko(We.current);
+                if (J === undefined || fe === undefined || be === undefined || Ce === undefined) {
                     return false;
                 }
                 var i =  (0, t.cloneElement)(n);
                 
-                return r().createElement(Ar, {
+                return r().createElement(qr, {
                     headType: "docked",
                     tHead: i,
-                    cellWidths: G,
-                    horizontalOffset: le,
-                    tableWidth: de,
-                    top: me,
-                    width: we,
-                    tableStyle: F,
+                    cellWidths: J,
+                    horizontalOffset: ue,
+                    tableWidth: fe,
+                    top: be,
+                    width: Ce,
+                    tableStyle: U,
                     isFixedColumn: o,
-                    onKeyUp: dn,
-                    elementRef: sn,
-                    hasDragColumn: !!D,
-                    hasRowExpansion: H !== "none",
-                    hasRowSelection: !!A
+                    onKeyUp: vn,
+                    elementRef: fn,
+                    hasDragColumn: !!P,
+                    hasRowExpansion: K !== "none",
+                    hasRowSelection: !!q
                 });
             }
             return false;
         };
-        var Rn = (0, t.useMemo)((function() {
+        var In = (0, t.useMemo)((function() {
             var e, n, t;
-            if (!Ne.current || !Le.current || !Ve.current) {
+            if (!Le.current || !We.current || !Ve.current) {
                 return 0;
             }
-            var r = cn();
-            var o = (e = xo(Ve.current).top) !== null && e !== void 0 ? e : 0;
-            var i = (n = (t = Le.current) === null || t === void 0 ? void 0 : t.offsetHeight) !== null && n !== void 0 ? n : 0;
+            var r = dn();
+            var o = (e = So(Ve.current).top) !== null && e !== void 0 ? e : 0;
+            var i = (n = (t = We.current) === null || t === void 0 ? void 0 : t.offsetHeight) !== null && n !== void 0 ? n : 0;
             var a = r.innerHeight - o - i;
-            return Math.min(a - Ne.current.offsetHeight, 0);
+            return Math.min(a - Le.current.offsetHeight, 0);
         }), []);
-        var En = (0, t.useMemo)((function() {
+        var Tn = (0, t.useMemo)((function() {
             return {
-                width: we,
-                marginBottom: Rn
+                width: Ce,
+                marginBottom: In
             };
-        }), [ we, Rn ]);
-        var In = (0, t.useMemo)((function() {
+        }), [ Ce, In ]);
+        var jn = (0, t.useMemo)((function() {
             return {
-                width: de
+                width: fe
             };
-        }), [ de ]);
-        var Tn = function e() {
-            if (!On()) {
+        }), [ fe ]);
+        var Dn = function e() {
+            if (!Rn()) {
                 return false;
             }
             
-            return r().createElement(ne, {
-                style: En,
-                onScroll: tn,
+            return r().createElement(te, {
+                style: Tn,
+                onScroll: on,
                 "data-test": "docked-scroll-bar",
-                ref: Ne
-            },  r().createElement(te, {
-                style: In,
+                ref: Le
+            },  r().createElement(re, {
+                style: jn,
                 "data-test": "docked-scroll-content"
             }));
         };
-        var jn = function e() {
-            var n = Le.current;
-            var t = Be.current;
+        var Pn = function e() {
+            var n = We.current;
+            var t = Fe.current;
             /**
      * there is slightly less space for the table than tableContainer's width,
      * because there is a 1 px border added to every column but the first
      */            if (n) {
-                var r = Qt(Le.current);
+                var r = Zt(We.current);
                 var o = r === null || r === void 0 ? void 0 : r.length;
                 var i = t === null || t === void 0 ? void 0 : t.clientWidth;
                 if (i != null) {
@@ -4011,58 +4005,58 @@
             }
             return null;
         };
-        var Dn;
-        var Pn;
         var An;
-        var qn = !!P;
-        t.Children.toArray(c).forEach((function(e) {
+        var qn;
+        var _n;
+        var zn = !!A;
+        t.Children.toArray(d).forEach((function(e) {
             var n = e.type.splunkUiType;
             if (n === "Table.Head") {
-                Dn = wn(e);
+                An = xn(e);
                 // Check if all HeadCells have a defined width (making the table fixed width)
                                 var r = t.Children.toArray(e.props.children).filter(t.isValidElement);
                 var o = r.every((function(e) {
                     return e.props.width && e.props.width !== undefined;
                 }));
-                qn = o;
+                zn = o;
             } else if (n === "Table.Body") {
-                Pn = xn(e);
+                qn = On(e);
             } else if (n === "Table.Caption") {
                 // the html spec mandates that a caption must be the first table child.
                 // catch the caption here so that it can be placed first later. note: a
                 // caption can be placed on the bottom side of a table by adjusting the
                 // caption's side prop.
-                An = e;
+                _n = e;
             }
         }));
-        So(Dn, "A Table.Head is required.");
-        var _n = kn(Dn, qn);
+        Oo(An, "A Table.Head is required.");
+        var Mn = En(An, zn);
         // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
         // interactions will be handled by the overlaid `headTable` instead.
-                var zn = t.Children.toArray(Dn.props.children).filter(t.isValidElement).map((function(e) {
+                var $n = t.Children.toArray(An.props.children).filter(t.isValidElement).map((function(e) {
             
             // TS: onClick is different for regular/dropdown head cells, that's ok
             return (0, t.cloneElement)(e, {
-                visible: !_n
+                visible: !Mn
             });
         }));
-        Dn =  (0, t.cloneElement)(Dn, {}, zn);
-        var $n = Se || cn();
-        var Mn = Lo(g) ? Be.current : $n;
-        if (L) {
-            qn = false;
+        An =  (0, t.cloneElement)(An, {}, $n);
+        var Nn = Oe || dn();
+        var Ln = Wo(w) ? Fe.current : Nn;
+        if (W) {
+            zn = false;
         }
-        var Nn = jn();
-        var Ln = (0, t.useMemo)((function() {
+        var Wn = Pn();
+        var Hn = (0, t.useMemo)((function() {
             return {
-                headType: g,
-                horizontalOverflow: C,
-                resizableFillLayout: L,
-                tableContainerWidthWithoutBorders: Nn
+                headType: w,
+                horizontalOverflow: k,
+                resizableFillLayout: W,
+                tableContainerWidthWithoutBorders: Wn
             };
-        }), [ g, C, L, Nn ]);
-        var Wn = (0, t.useMemo)((function() {
-            if (!D) {
+        }), [ w, k, W, Wn ]);
+        var Kn = (0, t.useMemo)((function() {
+            if (!P) {
                 return {
                     onDragStart: function e() {
                         return undefined;
@@ -4084,27 +4078,27 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Ko(Je, t);
-                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Picked up sortable row in position %(pos)d of %(total)d."), {
+                    var r = Bo(Qe, t);
+                    return typeof r === "number" ? (0, E.sprintf)((0, I._)("Picked up sortable row in position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Je.length
+                        total: Qe.length
                     }) : undefined;
                 },
                 onDragOver: function e(n) {
                     var t = n.active, r = n.over;
-                    if (xe.current) {
-                        xe.current = false;
+                    if (Se.current) {
+                        Se.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Ko(Je, t.id);
-                    var i = Ko(Je, r.id);
-                    return (0, I.sprintf)((0, T._)("Row moved from position %(from)d to position %(to)d of %(total)d."), {
+                    var o = Bo(Qe, t.id);
+                    var i = Bo(Qe, r.id);
+                    return (0, E.sprintf)((0, I._)("Row moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
-                        total: Je.length
+                        total: Qe.length
                     });
                 },
                 onDragEnd: function e(n) {
@@ -4112,10 +4106,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Ko(Je, t.id);
-                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Row dropped at position %(pos)d of %(total)d."), {
+                    var r = Bo(Qe, t.id);
+                    return typeof r === "number" ? (0, E.sprintf)((0, I._)("Row dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Je.length
+                        total: Qe.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4123,15 +4117,15 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Ko(Je, t);
-                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Row returned to its starting position of %(pos)d."), {
+                    var r = Bo(Qe, t);
+                    return typeof r === "number" ? (0, E.sprintf)((0, I._)("Row returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Je, D ]);
-        var Hn = (0, t.useMemo)((function() {
-            if (!R) {
+        }), [ Qe, P ]);
+        var Bn = (0, t.useMemo)((function() {
+            if (!D) {
                 return {
                     onDragStart: function e() {
                         return undefined;
@@ -4153,28 +4147,28 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Vo(Ze, t);
-                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Picked up sortable column in position %(pos)d of %(total)d."), {
+                    var r = Vo(en, t);
+                    return typeof r === "number" ? (0, E.sprintf)((0, I._)("Picked up sortable column in position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ze.length
+                        total: en.length
                     }) : undefined;
                 },
                 onDragOver: function e(n) {
                     var t = n.active, r = n.over;
-                    if (xe.current) {
-                        xe.current = false;
+                    if (Se.current) {
+                        Se.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Vo(Ze, t.id);
-                    var i = Vo(Ze, r.id);
+                    var o = Vo(en, t.id);
+                    var i = Vo(en, r.id);
                     if (typeof o !== "number" || typeof i !== "number") return undefined;
-                    return (0, I.sprintf)((0, T._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
+                    return (0, E.sprintf)((0, I._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
-                        total: Ze.length
+                        total: en.length
                     });
                 },
                 onDragEnd: function e(n) {
@@ -4182,10 +4176,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Vo(Ze, t.id);
-                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Column dropped at position %(pos)d of %(total)d."), {
+                    var r = Vo(en, t.id);
+                    return typeof r === "number" ? (0, E.sprintf)((0, I._)("Column dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ze.length
+                        total: en.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4193,51 +4187,51 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Vo(Ze, t);
-                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Column returned to its starting position of %(pos)d."), {
+                    var r = Vo(en, t);
+                    return typeof r === "number" ? (0, E.sprintf)((0, I._)("Column returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Ze, R ]);
-        var Kn = (0, t.useMemo)((function() {
+        }), [ en, D ]);
+        var Vn = (0, t.useMemo)((function() {
             return {
-                screenReaderInstructions: D ? Fo : Uo,
-                announcements: D ? Wn : Hn
+                screenReaderInstructions: P ? Uo : Xo,
+                announcements: P ? Kn : Bn
             };
-        }), [ Wn, Hn, D ]);
-        var Vn = (0, t.useCallback)((function(e) {
-            var n = e.active.id;
-            if (n.startsWith("col-") && R) {
-                Ie([ i.restrictToHorizontalAxis ]);
-                vn(e);
-            } else if (n.startsWith("row-") && D) {
-                Ie([ i.restrictToVerticalAxis ]);
-            }
-        }), [ R, D, vn ]);
-        var Bn = (0, t.useCallback)((function(e) {
-            Ie([]);
-            var n = e.active.id;
-            if (n.startsWith("col-") && R) {
-                bn(e);
-            } else if (n.startsWith("row-") && D) {
-                hn(e);
-            }
-        }), [ bn, hn, R, D ]);
+        }), [ Kn, Bn, P ]);
         var Fn = (0, t.useCallback)((function(e) {
             var n = e.active.id;
-            if (n.startsWith("col-") && R) {
+            if (n.startsWith("col-") && D) {
+                Te([ i.restrictToHorizontalAxis ]);
                 mn(e);
+            } else if (n.startsWith("row-") && P) {
+                Te([ i.restrictToVerticalAxis ]);
             }
-        }), [ mn, R ]);
+        }), [ D, P, mn ]);
         var Un = (0, t.useCallback)((function(e) {
-            Ie([]);
+            Te([]);
+            var n = e.active.id;
+            if (n.startsWith("col-") && D) {
+                yn(e);
+            } else if (n.startsWith("row-") && P) {
+                gn(e);
+            }
+        }), [ yn, gn, D, P ]);
+        var Xn = (0, t.useCallback)((function(e) {
+            var n = e.active.id;
+            if (n.startsWith("col-") && D) {
+                hn(e);
+            }
+        }), [ hn, D ]);
+        var Yn = (0, t.useCallback)((function(e) {
+            Te([]);
             var n = e.active.id;
-            if (n.startsWith("row-") && D) {
-                yn();
+            if (n.startsWith("row-") && P) {
+                wn();
             }
-        }), [ yn, D ]);
-        var Xn = (0, t.useMemo)((function() {
+        }), [ wn, P ]);
+        var Gn = (0, t.useMemo)((function() {
             return function(e) {
                 var n = (0, o.pointerWithin)(e);
                 // Collision detection algorithms return an array of collisions
@@ -4248,65 +4242,65 @@
                                 return (0, o.rectIntersection)(e);
             };
         }), []);
-        var Yn = $e ? gn.current[$e] : null;
-        var Gn = Yn ? xo(Yn).width : undefined;
-        var Jn = Be.current ? xo(Be.current).height : undefined;
+        var Jn = $e ? Cn.current[$e] : null;
+        var Qn = Jn ? So(Jn).width : undefined;
+        var Zn = Fe.current ? So(Fe.current).height : undefined;
         
-        return r().createElement(Q, Oo({
+        return r().createElement(Z, ko({
             "data-test": "table",
-            ref: m,
-            style: _,
-            "data-test-row-selection": A ? V : undefined
-        }, b()(U, [].concat(ko(Object.keys($o)), [ "style" ]))),  r().createElement(x(), {
-            target: cn(),
+            ref: y,
+            style: z,
+            "data-test-row-selection": q ? V : undefined
+        }, m()(X, [].concat(Ro(Object.keys($o)), [ "style" ]))),  r().createElement(C(), {
+            target: dn(),
             eventType: "scroll",
-            listener: rn,
-            options: Yo
-        }),  r().createElement(ye.Provider, {
-            value: Ln
-        }, _n,  r().createElement(Z, {
+            listener: an,
+            options: Go
+        }),  r().createElement(ge.Provider, {
+            value: Hn
+        }, Mn,  r().createElement(ee, {
             "data-test": "scroll-container",
-            onScroll: nn,
-            ref: Be,
-            style: O,
+            onScroll: rn,
+            ref: Fe,
+            style: j,
             $dragging: !!$e
-        },  r().createElement(S.ScrollContainerProvider, {
-            value: Mn
+        },  r().createElement(x.ScrollContainerProvider, {
+            value: Ln
         },  r().createElement(o.DndContext, {
-            accessibility: Kn,
-            collisionDetection: Xn,
-            modifiers: Ee,
-            onDragCancel: Un,
-            onDragEnd: Bn,
-            onDragOver: Fn,
-            onDragStart: Vn,
-            sensors: Oe
-        },  r().createElement(ee, {
+            accessibility: Vn,
+            collisionDetection: Gn,
+            modifiers: Ie,
+            onDragCancel: Yn,
+            onDragEnd: Un,
+            onDragOver: Xn,
+            onDragStart: Fn,
+            sensors: ke
+        },  r().createElement(ne, {
             ref: Ve,
             "data-test": "main-table",
-            style: F,
-            "data-fixed-column": qn ? "true" : undefined,
-            $resizableFillLayout: L
-        }, An, R ?  r().createElement(a.SortableContext, {
-            items: Ze,
+            style: U,
+            "data-fixed-column": zn ? "true" : undefined,
+            $resizableFillLayout: W
+        }, _n, D ?  r().createElement(a.SortableContext, {
+            items: en,
             strategy: a.horizontalListSortingStrategy
-        }, Dn) : Dn, D ?  r().createElement(a.SortableContext, {
-            items: Je,
+        }, An) : An, P ?  r().createElement(a.SortableContext, {
+            items: Qe,
             strategy: a.verticalListSortingStrategy
-        }, Pn) : Pn), $e &&  r().createElement(o.DragOverlay, null,  r().createElement(oe, {
-            $width: Gn,
-            $height: Jn
-        })), $e && Cn))), Tn()));
-    }
-    Jo.propTypes = $o;
-    Jo.Body = J;
-    Jo.Caption = de;
-    Jo.Cell = Oe;
-    Jo.Head = er;
-    Jo.HeadCell = Mn;
-    Jo.HeadDropdownCell = xr;
-    Jo.Row = Ht;
-    /* harmony default export */    const Qo = Jo;
+        }, qn) : qn), $e &&  r().createElement(o.DragOverlay, null,  r().createElement(ie, {
+            $width: Qn,
+            $height: Zn
+        })), $e && Sn))), Dn()));
+    }
+    Qo.propTypes = $o;
+    Qo.Body = J;
+    Qo.Caption = fe;
+    Qo.Cell = ke;
+    Qo.Head = nr;
+    Qo.HeadCell = Nn;
+    Qo.HeadDropdownCell = Sr;
+    Qo.Row = Kt;
+    /* harmony default export */    const Zo = Qo;
     // CONCATENATED MODULE: ./src/Table/index.ts
     module.exports = n;
     /******/})();