@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/Table.js

@@ -61,14 +61,14 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Body: () => /* reexport */ Z,
-        Caption: () => /* reexport */ ve,
-        Cell: () => /* reexport */ ke,
-        Head: () => /* reexport */ nr,
-        HeadCell: () => /* reexport */ Dn,
-        HeadDropdownCell: () => /* reexport */ Sr,
-        Row: () => /* reexport */ Mt,
-        default: () => /* reexport */ Zo
+        Body: () => /* reexport */ Q,
+        Caption: () => /* reexport */ fe,
+        Cell: () => /* reexport */ Se,
+        Head: () => /* reexport */ Zt,
+        HeadCell: () => /* reexport */ _n,
+        HeadDropdownCell: () => /* reexport */ Cr,
+        Row: () => /* reexport */ _t,
+        default: () => /* reexport */ Jo
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -92,8 +92,8 @@
     const v = require("lodash/indexOf");
     var p =  e.n(v);
     // CONCATENATED MODULE: external "lodash/isEqual"
-    const b = require("lodash/isEqual");
-    var m =  e.n(b);
+    const m = require("lodash/isEqual");
+    var b =  e.n(m);
     // CONCATENATED MODULE: external "lodash/isNumber"
     const h = require("lodash/isNumber");
     // CONCATENATED MODULE: external "lodash/omit"
@@ -110,33 +110,31 @@
     var O =  e.n(k);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const R = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const E = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
-    const I = require("@splunk/react-ui/ScrollContainerContext");
+    const E = require("@splunk/react-ui/ScrollContainerContext");
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const T = require("@splunk/react-ui/usePrevious");
-    var j =  e.n(T);
+    const I = require("@splunk/react-ui/usePrevious");
+    var T =  e.n(I);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const D = require("@splunk/ui-utils/i18n");
+    const j = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const q = require("@splunk/ui-utils/format");
+    const D = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "lodash/includes"
-    const A = require("lodash/includes");
-    var P =  e.n(A);
+    const q = require("lodash/includes");
+    var A =  e.n(q);
     // CONCATENATED MODULE: external "lodash/without"
-    const _ = require("lodash/without");
-    var z =  e.n(_);
+    const P = require("lodash/without");
+    var _ =  e.n(P);
     // CONCATENATED MODULE: external "styled-components"
-    const M = require("styled-components");
-    var $ =  e.n(M);
+    const z = require("styled-components");
+    var M =  e.n(z);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const N = require("@splunk/themes");
+    const $ = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Table/BodyStyles.ts
-    var W = $().tbody.withConfig({
+    var N = M().tbody.withConfig({
         displayName: "BodyStyles__Styled",
         componentId: "sc-1k5p6pq-0"
-    })([ "", " z-index:0;" ], N.mixins.reset("table-row-group"));
+    })([ "", " z-index:0;" ], $.mixins.reset("table-row-group"));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -144,7 +142,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function L(e, n) {
+    function W(e, n) {
         if (e) {
             if (typeof e === "function") {
                 e(n);
@@ -157,8 +155,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Table/Body.tsx
-    function H() {
-        return H = Object.assign ? Object.assign.bind() : function(e) {
+    function L() {
+        return L = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -166,29 +164,29 @@
                 }
             }
             return e;
-        }, H.apply(null, arguments);
+        }, L.apply(null, arguments);
     }
-    function K(e, n) {
-        return X(e) || U(e, n) || V(e, n) || B();
+    function H(e, n) {
+        return U(e) || F(e, n) || B(e, n) || K();
     }
-    function B() {
+    function K() {
         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 V(e, n) {
+    function B(e, n) {
         if (e) {
-            if ("string" == typeof e) return F(e, n);
+            if ("string" == typeof e) return V(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) ? F(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) ? V(e, n) : void 0;
         }
     }
-    function F(e, n) {
+    function V(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 U(e, n) {
+    function F(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;
@@ -210,12 +208,12 @@
             return l;
         }
     }
-    function X(e) {
+    function U(e) {
         if (Array.isArray(e)) return e;
     }
-    function Y(e, n) {
+    function X(e, n) {
         if (null == e) return {};
-        var t, r, o = G(e, n);
+        var t, r, o = Y(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -224,7 +222,7 @@
         }
         return o;
     }
-    function G(e, n) {
+    function Y(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -235,7 +233,7 @@
         }
         return t;
     }
-    var J = {
+    var G = {
         /** @private. Generally passed by Table rather than added directly. */
         actions: i().bool,
         children: i().node,
@@ -251,27 +249,27 @@
         /** @private. Generally passed by Table rather than added directly. */
         stripeRows: i().bool
     };
-    function Q(e) {
-        var n = e.actions, o = e.children, i = e.elementRef, a = e.movableColumns, l = e.onRequestMoveRow, u = e.rowExpansion, s = u === void 0 ? "none" : u, c = e.primaryColumnIndex, d = e.stripeRows, f = Y(e, [ "actions", "children", "elementRef", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
+    function J(e) {
+        var n = e.actions, o = e.children, i = e.elementRef, a = e.movableColumns, l = e.onRequestMoveRow, u = e.rowExpansion, s = u === void 0 ? "none" : u, c = e.primaryColumnIndex, d = e.stripeRows, f = X(e, [ "actions", "children", "elementRef", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
  // @docs-props-type BodyPropsBase
                 var v = [];
-        var p = (0, t.useState)([]), b = K(p, 2), m = b[0], h = b[1];
+        var p = (0, t.useState)([]), m = H(p, 2), b = m[0], h = m[1];
         var y = (0, t.useRef)(null);
         var g = (0, t.useCallback)((function(e) {
             y.current = e;
-            L(i, e);
+            W(i, e);
         }), [ i, y ]);
         var w = function e(n, t, r) {
-            var o = m;
+            var o = b;
             if (s === "single") {
-                if (P()(o, t)) {
+                if (A()(o, t)) {
                     h([]);
                 } else {
                     h([ t ]);
                 }
             } else if (s === "multi") {
-                if (P()(o, t)) {
-                    h(z()(o, t));
+                if (A()(o, t)) {
+                    h(_()(o, t));
                 } else {
                     h(o === null || o === void 0 ? void 0 : o.concat(t));
                 }
@@ -279,7 +277,7 @@
             r === null || r === void 0 ? void 0 : r(n);
         };
         var C = t.Children.toArray(o).filter(t.isValidElement);
-        var x = (0, t.useState)(new Map), S = K(x, 2), k = S[0], O = S[1];
+        var x = (0, t.useState)(new Map), S = H(x, 2), k = S[0], O = S[1];
         r().useEffect((function() {
             O((function(e) {
                 var n = new Map(e);
@@ -309,7 +307,7 @@
                 var u = (o = e.key) !== null && o !== void 0 ? o : r;
                 var f = r % 2 ? "even" : "odd";
                 var p = d ? f : "none";
-                var b = s === "controlled" ? e.props.expanded : P()(m, u);
+                var m = s === "controlled" ? e.props.expanded : A()(b, u);
                 var h = function n(t) {
                     w(t, u, e.props.onExpansion);
                 };
@@ -317,7 +315,7 @@
                 v.push( (0, t.cloneElement)(e, {
                     stripe: p,
                     actions: n,
-                    expanded: b,
+                    expanded: m,
                     expansionRowIds: y,
                     expandable: s !== "none",
                     isDraggable: !!l,
@@ -326,7 +324,7 @@
                     onExpansion: h,
                     key: e.key || r
                 }));
-                if (b && e.props.expansionRow) {
+                if (m && e.props.expansionRow) {
                     t.Children.forEach(e.props.expansionRow, (function(e, n) {
                         var r;
                         var o = (r = k.get(u)) === null || r === void 0 ? void 0 : r[n];
@@ -345,60 +343,60 @@
             return null;
         }
         
-        return r().createElement(W, H({
+        return r().createElement(N, L({
             "data-test": "body"
         }, f, {
             ref: g
         }), v);
     }
-    Q.propTypes = J;
-    Q.splunkUiType = "Table.Body";
-    /* harmony default export */    const Z = Q;
+    J.propTypes = G;
+    J.splunkUiType = "Table.Body";
+    /* harmony default export */    const Q = J;
     // CONCATENATED MODULE: ./src/Table/TableStyles.ts
-    var ee = $().div.withConfig({
+    var Z = M().div.withConfig({
         displayName: "TableStyles__Styled",
         componentId: "sc-1cmfss7-0"
-    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], N.mixins.reset("block"));
-    var ne = $().div.withConfig({
+    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], $.mixins.reset("block"));
+    var ee = M().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, M.css)([ "overflow:hidden;" ]);
+        return n && (0, z.css)([ "overflow:hidden;" ]);
     }));
-    var te = $().table.withConfig({
+    var ne = M().table.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;}" ], N.mixins.reset("table"), (function(e) {
+    })([ "", ";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) {
         var n = e.$resizableFillLayout;
-        return n && (0, M.css)([ "width:100%;min-width:100%;table-layout:fixed;" ]);
+        return n && (0, z.css)([ "width:100%;min-width:100%;table-layout:fixed;" ]);
     }));
-    var re = $().div.withConfig({
+    var te = M().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbar",
         componentId: "sc-1cmfss7-3"
-    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], N.variables.zindexFixedNavbar);
-    var oe = $().div.withConfig({
+    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], $.variables.zindexFixedNavbar);
+    var re = M().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbarContent",
         componentId: "sc-1cmfss7-4"
     })([ "height:1px;" ]);
-    var ie = $().caption.withConfig({
+    var oe = M().caption.withConfig({
         displayName: "TableStyles__StyledTableCaption",
         componentId: "sc-1cmfss7-5"
-    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], N.variables.spacingXSmall, N.variables.fontSizeLarge, (function(e) {
+    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], $.variables.spacingXSmall, $.variables.fontSizeLarge, (function(e) {
         var n = e.side;
         return n;
     }));
-    var ae = $().table.withConfig({
+    var ie = M().table.withConfig({
         displayName: "TableStyles__StyledDragShadowTable",
         componentId: "sc-1cmfss7-6"
-    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], N.variables.interactiveColorOverlayDrag, (function(e) {
+    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], $.variables.interactiveColorOverlayDrag, (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
     }), (function(e) {
         var n = e.$width;
         return "".concat(n, "px");
     }));
-    var le = $().div.withConfig({
+    var ae = M().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 +405,10 @@
     }), (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
-    }), N.variables.interactiveColorAccent);
+    }), $.variables.interactiveColorAccent);
     // CONCATENATED MODULE: ./src/Table/Caption.tsx
-    function ue() {
-        return ue = 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 +416,11 @@
                 }
             }
             return e;
-        }, ue.apply(null, arguments);
+        }, le.apply(null, arguments);
     }
-    function se(e, n) {
+    function ue(e, n) {
         if (null == e) return {};
-        var t, r, o = ce(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 +429,7 @@
         }
         return o;
     }
-    function ce(e, n) {
+    function se(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -442,70 +440,73 @@
         }
         return t;
     }
-    var de = {
+    var ce = {
         children: i().node.isRequired,
         side: i().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 fe(e) {
-        var n = e.children, t = e.side, o = t === void 0 ? "top" : t, i = se(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(ie, ue({
+        return r().createElement(oe, le({
             "data-test": "caption",
             side: o
         }, i), n);
     }
-    fe.propTypes = de;
-    fe.splunkUiType = "Table.Caption";
-    /* harmony default export */    const ve = fe;
+    de.propTypes = ce;
+    de.splunkUiType = "Table.Caption";
+    /* harmony default export */    const fe = de;
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const pe = require("@splunk/react-ui/ButtonSimple");
+    const ve = require("@splunk/react-ui/ButtonSimple");
     // CONCATENATED MODULE: ./src/Table/CellStyles.ts
-    var be = "2px";
-    var me = (0, M.css)([ "box-shadow:", ";" ], N.variables.focusShadowInset);
-    var he = $().td.withConfig({
+    var pe = "2px";
+    var me = (0, z.css)([ "box-shadow:", ";" ], $.variables.focusShadowInset);
+    var be = M().td.withConfig({
         displayName: "CellStyles__Styled",
         componentId: "sc-1955xk2-0"
-    })([ "", " padding:", " ", ";border-left:0 solid transparent;border-right:0 solid transparent;color:", ";word-wrap:break-word;line-height:20px;vertical-align:top;*: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;}" ], N.mixins.reset("table-cell"), be, N.variables.spacingSmall, N.variables.contentColorDefault, N.variables.focusShadowInset, (0, 
-    N.pickVariant)("$variant", {
-        expand: (0, M.css)([ "padding:0;vertical-align:top;height:100%;" ]),
-        toggle: (0, M.css)([ "padding:0;vertical-align:top;height:100%;" ])
+    })([ "", " padding:", " ", ";border-left:0 solid transparent;border-right:0 solid transparent;color:", ";word-wrap:break-word;line-height:20px;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"), pe, $.variables.spacingSmall, $.variables.contentColorDefault, $.variables.focusShadowInset, (0, 
+    $.pick)({
+        comfortable: "8px",
+        compact: "6px"
+    }), $.variables.spacingSmall, (0, $.pickVariant)("$variant", {
+        expand: (0, z.css)([ "height:100%;padding:0;" ]),
+        toggle: (0, z.css)([ "height:100%;padding:0;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$isPrimaryCell;
-        return (0, N.pickVariant)("$appearance", {
-            data: (0, M.css)([ "", "" ], n === "actions" && (0, M.css)([ "cursor:default;*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, 
-            pe.buttonMixin)("subtle", {
-                color: N.variables.contentColorDefault
-            }), N.variables.focusShadowInset)),
-            rowLink: (0, M.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], N.variables.contentColorActive, t && (0, 
-            M.css)([ "text-decoration:underline;" ])),
-            link: (0, M.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], N.variables.contentColorLink, N.variables.focusShadowInset)
+        return (0, $.pickVariant)("$appearance", {
+            data: (0, z.css)([ "", "" ], n === "actions" && (0, z.css)([ "cursor:default;padding-block:", ";padding-inline:", ";*:where(button){", " &:focus{box-shadow:", ";}}" ], pe, $.variables.spacingSmall, (0, 
+            ve.buttonMixin)("subtle", {
+                color: $.variables.contentColorDefault
+            }), $.variables.focusShadowInset)),
+            rowLink: (0, z.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], $.variables.contentColorActive, t && (0, 
+            z.css)([ "text-decoration:underline;" ])),
+            link: (0, z.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], $.variables.contentColorLink, $.variables.focusShadowInset)
         });
     }), (function(e) {
         var n = e.$clickable, t = e.$focusWithin, r = e.$stripe;
-        return n && (0, M.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{", " background-color:", ";}", "" ], r === "even" ? N.variables.neutral300 : N.variables.neutral100, me, r === "even" ? N.variables.neutral300 : N.variables.neutral100, t && (0, 
-        M.css)([ "&:focus-within{", " background-color:", ";}" ], me, r === "even" ? N.variables.neutral300 : N.variables.neutral100));
+        return n && (0, z.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{", " background-color:", ";}", "" ], r === "even" ? $.variables.neutral300 : $.variables.neutral100, me, r === "even" ? $.variables.neutral300 : $.variables.neutral100, t && (0, 
+        z.css)([ "&:focus-within{", " background-color:", ";}" ], me, r === "even" ? $.variables.neutral300 : $.variables.neutral100));
     }));
     /*
  * 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 ye = $().div.withConfig({
+ */    var he = M().div.withConfig({
         displayName: "CellStyles__StyledCellContent",
         componentId: "sc-1955xk2-1"
-    })([ "display:flex;align-items:center;word-break:break-word;min-height:", ";", " ", "" ], N.variables.inputHeight, (0, 
-    N.pickVariant)("$variant", {
-        expand: (0, M.css)([ "height:100%;" ]),
-        toggle: (0, M.css)([ "height:100%;" ])
+    })([ "display:flex;align-items:flex-start;word-break:break-word;", " ", "" ], (0, 
+    $.pickVariant)("$variant", {
+        expand: (0, z.css)([ "height:100%;" ]),
+        toggle: (0, z.css)([ "height:100%;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$align;
-        return n ? (0, M.css)([ "display:block;text-align:", ";" ], t) : (0, M.css)([ "justify-content:", ";text-align:", ";" ], t, t);
+        return n ? (0, z.css)([ "display:block;text-align:", ";" ], t) : (0, z.css)([ "justify-content:", ";text-align:", ";" ], t, t);
     }));
     // CONCATENATED MODULE: ./src/Table/Cell.tsx
-    function ge() {
-        return ge = Object.assign ? Object.assign.bind() : function(e) {
+    function ye() {
+        return ye = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -513,11 +514,11 @@
                 }
             }
             return e;
-        }, ge.apply(null, arguments);
+        }, ye.apply(null, arguments);
     }
-    function we(e, n) {
+    function ge(e, n) {
         if (null == e) return {};
-        var t, r, o = Ce(e, n);
+        var t, r, o = we(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -526,7 +527,7 @@
         }
         return o;
     }
-    function Ce(e, n) {
+    function we(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -537,7 +538,7 @@
         }
         return t;
     }
-    /** @public */    var xe = {
+    /** @public */    var Ce = {
         align: i().oneOf([ "left", "center", "right" ]),
         /** @private */
         appearance: i().oneOf([ "data", "link", "rowLink" ]),
@@ -560,30 +561,30 @@
         /** @private. */
         variant: i().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.isPrimaryCell, f = e.onClick, v = e.onKeyDown, p = e.stripe, b = e.variant, m = we(e, [ "align", "appearance", "appearClickable", "children", "data", "disabled", "elementRef", "isPrimaryCell", "onClick", "onKeyDown", "stripe", "variant" ]);
+    function xe(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.isPrimaryCell, f = e.onClick, v = e.onKeyDown, p = e.stripe, m = e.variant, b = ge(e, [ "align", "appearance", "appearClickable", "children", "data", "disabled", "elementRef", "isPrimaryCell", "onClick", "onKeyDown", "stripe", "variant" ]);
         // @docs-props-type CellPropsBase
                 var h = f !== undefined;
         var y = a || h;
         var g = y ? "link" : "data";
         var w = (0, t.useCallback)((function(e) {
-            L(c, e);
+            W(c, e);
         }), [ c ]);
         var C = (0, t.useCallback)((function(e) {
-            if (b === "actions") {
+            if (m === "actions") {
                 // Action buttons have their own onClicks inside the cell so we don't want Row onClick to fire
                 e.stopPropagation();
             }
             f === null || f === void 0 ? void 0 : f(e, u);
-        }), [ u, f, b ]);
+        }), [ u, f, m ]);
         var x = (0, t.useCallback)((function(e) {
-            if ((0, E.keycode)(e.nativeEvent) === "enter") {
+            if (e.key === "Enter") {
                 f === null || f === void 0 ? void 0 : f(e, u);
             }
             v === null || v === void 0 ? void 0 : v(e);
         }), [ u, f, v ]);
         
-        return r().createElement(he, ge({
+        return r().createElement(be, ye({
             "data-test": "cell",
             $appearance: i || g,
             $clickable: y ? true : undefined,
@@ -591,94 +592,106 @@
             $focusWithin: a,
             $isPrimaryCell: d,
             $stripe: p,
-            $variant: b,
+            $variant: m,
             onClick: C,
             onKeyDown: x,
             ref: w,
             tabIndex: h ? 0 : undefined
-        }, m),  r().createElement(ye, {
+        }, b),  r().createElement(he, {
             $align: o,
-            $variant: b
+            $variant: m
         }, l));
     }
-    Se.propTypes = xe;
-    Se.splunkUiType = "Table.Cell";
-    /* harmony default export */    const ke = Se;
+    xe.propTypes = Ce;
+    xe.splunkUiType = "Table.Cell";
+    /* harmony default export */    const Se = xe;
     // CONCATENATED MODULE: external "lodash/isString"
-    const Oe = require("lodash/isString");
-    var Re =  e.n(Oe);
+    const ke = require("lodash/isString");
+    var Oe =  e.n(ke);
     // CONCATENATED MODULE: external "lodash/merge"
-    const Ee = require("lodash/merge");
-    var Ie =  e.n(Ee);
+    const Re = require("lodash/merge");
+    var Ee =  e.n(Re);
     // CONCATENATED MODULE: external "@splunk/react-icons/ParallelDots"
-    const Te = require("@splunk/react-icons/ParallelDots");
-    var je =  e.n(Te);
+    const Ie = require("@splunk/react-icons/ParallelDots");
+    var Te =  e.n(Ie);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
+    const je = require("@splunk/react-ui/Tooltip");
+    var De =  e.n(je);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
-    const De = require("@splunk/react-icons/ArrowDown");
-    var qe =  e.n(De);
+    const qe = require("@splunk/react-icons/ArrowDown");
+    var Ae =  e.n(qe);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
-    const Ae = require("@splunk/react-icons/ArrowUp");
-    var Pe =  e.n(Ae);
+    const Pe = require("@splunk/react-icons/ArrowUp");
+    var _e =  e.n(Pe);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
-    const _e = require("@splunk/react-icons/ArrowUpDown");
-    var ze =  e.n(_e);
+    const ze = require("@splunk/react-icons/ArrowUpDown");
+    var Me =  e.n(ze);
     // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const Me = require("@splunk/react-icons/CaretSmallDown");
-    var $e =  e.n(Me);
+    const $e = require("@splunk/react-icons/CaretSmallDown");
+    var Ne =  e.n($e);
+    // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
+    const We = require("@splunk/react-icons/InformationCircle");
+    var Le =  e.n(We);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const Ne = require("@splunk/react-ui/Divider");
-    var We =  e.n(Ne);
+    const He = require("@splunk/react-ui/Divider");
+    var Ke =  e.n(He);
     // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
-    var Le = "2px";
-    var He = $().span.withConfig({
-        displayName: "HeadInnerStyles__StyledMenuIcon",
+    var Be = (0, z.css)([ "display:inline-flex;align-items:center;grid-row:1;height:1lh;" ]);
+    var Ve = M().span.withConfig({
+        displayName: "HeadInnerStyles__StyledIcon",
         componentId: "sc-1sa0wng-0"
-    })([ "position:relative;color:", ";" ], N.variables.contentColorDefault);
-    var Ke = $().span.withConfig({
-        displayName: "HeadInnerStyles__StyledLabel",
+    })([ "", " grid-column:icon;" ], Be);
+    var Fe = M().span.withConfig({
+        displayName: "HeadInnerStyles__StyledTooltipIcon",
         componentId: "sc-1sa0wng-1"
-    })([ "display:flex;flex:0 1 auto;position:relative;word-wrap:break-word;word-break:break-word;", " ", " ", " ", "" ], (0, 
-    N.pickVariant)("$truncate", {
-        true: (0, M.css)([ "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" ])
-    }), (0, N.pickVariant)("$fill", {
-        true: (0, M.css)([ "flex:1 0 0px;" ])
-    }), (0, N.pickVariant)("$align", {
-        right: (0, M.css)([ "& > &{text-align:right;}" ]),
-        left: (0, M.css)([ "& > &{text-align:left;}" ]),
-        center: (0, M.css)([ "& > &{text-align:center;}" ])
-    }), (function(e) {
+    })([ "", " grid-column:tooltip;" ], Be);
+    var Ue = M().span.withConfig({
+        displayName: "HeadInnerStyles__StyledLabel",
+        componentId: "sc-1sa0wng-2"
+    })([ "grid-column:label;grid-row:1 / -1;position:relative;word-wrap:break-word;word-break:break-word;height:100%;", " ", " ", "" ], (function(e) {
         var n = e.$variant;
-        return n === "toggleAll" && (0, M.css)([ "width:100%;" ]);
+        return n === "toggleAll" && (0, z.css)([ "grid-column:1 / -1;" ]);
+    }), (0, $.pickVariant)("$truncate", {
+        true: (0, z.css)([ "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" ])
+    }), (0, $.pickVariant)("$align", {
+        right: (0, z.css)([ "& > &{text-align:right;}" ]),
+        left: (0, z.css)([ "& > &{text-align:left;}" ]),
+        center: (0, z.css)([ "& > &{text-align:center;}" ])
     }));
-    var Be = $().span.withConfig({
-        displayName: "HeadInnerStyles__StyledSortIcon",
-        componentId: "sc-1sa0wng-2"
-    })([ "color:", ";" ], N.variables.contentColorDefault);
-    var Ve = (0, M.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;", ",", "{color:", ";}" ], N.variables.focusShadowInset, N.variables.contentColorActive, /* sc-sel */ Be, /* sc-sel */ He, N.variables.contentColorActive);
-    var Fe = $().div.withConfig({
+    var Xe = (0, z.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], $.variables.focusShadowInset, $.variables.contentColorActive);
+    var Ye = M().div.withConfig({
         displayName: "HeadInnerStyles__Styled",
         componentId: "sc-1sa0wng-3"
-    })([ "", ";", ";", ";position:relative;flex-grow:1;justify-content:", ";gap:", ";padding:", " ", ";min-height:calc(", " + ", "*2);align-items:center;", " @media print{background-image:none;}", "" ], N.mixins.reset("flex"), N.mixins.clearfix(), N.mixins.typography("body", {
+    })([ "", ";", ";", ";position:relative;", " grid-template-rows:1lh auto;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", {
         weight: "bold"
-    }), (0, N.pickVariant)("$align", {
+    }), (function(e) {
+        var n = e.$hasTooltip, t = e.$hasIcon;
+        return (0, z.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", {
         center: "center",
         left: "flex-start",
         right: "flex-end"
-    }), N.variables.spacingXSmall, Le, N.variables.spacingSmall, N.variables.inputHeight, Le, (function(e) {
+    }), (function(e) {
         var n = e.$variant;
-        return n === "toggleAll" && (0, M.css)([ "padding:0;" ]);
+        return n && (0, z.css)([ "grid-template-columns:1fr;grid-template-rows:1fr;" ]);
+    }), (0, $.pickVariant)("$variant", {
+        toggleAll: (0, z.css)([ "padding:0;" ]),
+        actions: (0, z.css)([ "padding-block:2px;" ])
     }), (function(e) {
         var n = e.$clickable, t = e.$focusWithin;
-        return n && (0, M.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";", ",", "{color:", ";}}" ], Ve, t && (0, 
-        M.css)([ "&:focus-within{", "}" ], Ve), N.variables.contentColorActive, /* sc-sel */ Be, /* sc-sel */ He, N.variables.contentColorActive);
+        return n && (0, z.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";}" ], Xe, t && (0, 
+        z.css)([ "&:focus-within{", "}" ], Xe), $.variables.contentColorActive);
     }));
-    var Ue = $()(We()).withConfig({
+    var Ge = M()(Ke()).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:0;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;}}" ], N.mixins.reset("block"), /* sc-sel */ Fe, N.variables.borderColorStrong, N.variables.focusColor, N.variables.focusShadow);
+    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:0;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 */ Ye, $.variables.borderColorStrong, $.variables.focusColor, $.variables.focusShadow);
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var Xe = {
+    var Je = {
         body: {
             appendChild: function e() {
                 return [];
@@ -732,16 +745,16 @@
             search: ""
         }
     };
-    function Ye() {
-        var e = typeof document !== "undefined" ? document : Xe;
+    function Qe() {
+        var e = typeof document !== "undefined" ? document : Je;
         return e;
     }
-    var Ge = Ye();
-    /* harmony default export */    const Je = /* unused pure expression or super */ null && Ge;
+    var Ze = Qe();
+    /* harmony default export */    const en = /* unused pure expression or super */ null && Ze;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var Qe = {
-        document: Xe,
+    var nn = {
+        document: Je,
         navigator: {
             userAgent: ""
         },
@@ -795,15 +808,15 @@
             clearTimeout(n);
         }
     };
-    function Ze() {
-        var e = typeof window !== "undefined" ? window : Qe;
+    function tn() {
+        var e = typeof window !== "undefined" ? window : nn;
         return e;
     }
-    var en = Ze();
-    /* harmony default export */    const nn = /* unused pure expression or super */ null && en;
+    var rn = tn();
+    /* harmony default export */    const on = /* unused pure expression or super */ null && rn;
     // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
-    function tn() {
-        return tn = 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) {
@@ -811,41 +824,41 @@
                 }
             }
             return e;
-        }, tn.apply(null, arguments);
+        }, an.apply(null, arguments);
     }
-    function rn(e) {
-        return ln(e) || an(e) || cn(e) || on();
+    function ln(e) {
+        return cn(e) || sn(e) || vn(e) || un();
     }
-    function on() {
+    function un() {
         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 an(e) {
+    function sn(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function ln(e) {
-        if (Array.isArray(e)) return dn(e);
+    function cn(e) {
+        if (Array.isArray(e)) return pn(e);
     }
-    function un(e, n) {
-        return vn(e) || fn(e, n) || cn(e, n) || sn();
+    function dn(e, n) {
+        return bn(e) || mn(e, n) || vn(e, n) || fn();
     }
-    function sn() {
+    function fn() {
         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 cn(e, n) {
+    function vn(e, n) {
         if (e) {
-            if ("string" == typeof e) return dn(e, n);
+            if ("string" == typeof e) return pn(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) ? dn(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) ? pn(e, n) : void 0;
         }
     }
-    function dn(e, n) {
+    function pn(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 fn(e, n) {
+    function mn(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;
@@ -867,12 +880,12 @@
             return l;
         }
     }
-    function vn(e) {
+    function bn(e) {
         if (Array.isArray(e)) return e;
     }
-    function pn(e, n) {
+    function hn(e, n) {
         if (null == e) return {};
-        var t, r, o = bn(e, n);
+        var t, r, o = yn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -881,7 +894,7 @@
         }
         return o;
     }
-    function bn(e, n) {
+    function yn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -892,12 +905,13 @@
         }
         return t;
     }
-    var mn = {
+    var gn = {
         align: i().oneOf([ "left", "center", "right" ]),
         clickable: i().bool,
         columnId: i().string,
         elementRef: i().oneOfType([ i().func, i().object ]),
         focusWithin: i().bool,
+        hasTooltip: i().bool,
         id: i().string,
         index: i().number,
         isMenu: i().bool,
@@ -910,95 +924,95 @@
         width: i().oneOfType([ i().number, i().oneOf([ "auto" ]) ]),
         variant: i().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var hn = new Set([ "none", "asc", "desc" ]);
-    var yn = Object.freeze({
-        none: (0, D._)("Click to sort"),
-        asc: (0, D._)("Press to sort descending"),
-        desc: (0, D._)("Press to sort ascending")
+    var wn = new Set([ "none", "asc", "desc" ]);
+    var Cn = Object.freeze({
+        none: (0, j._)("Click to sort"),
+        asc: (0, j._)("Press to sort descending"),
+        desc: (0, j._)("Press to sort ascending")
     });
-    var gn = Object.freeze({
-        none: ze(),
-        asc: Pe(),
-        desc: qe()
+    var xn = Object.freeze({
+        none: Me(),
+        asc: _e(),
+        desc: Ae()
     });
-    function wn(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.columnId, l = e.elementRef, u = e.focusWithin, s = e.id, c = e.index, d = e.isMenu, f = d === void 0 ? false : d, v = e.label, p = e.onAutosizeColumn, b = e.onRequestResize, m = e.resizable, h = m === void 0 ? true : m, y = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, x = e.variant, k = e.width, O = pn(e, [ "align", "clickable", "columnId", "elementRef", "focusWithin", "id", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
+    function Sn(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.columnId, l = e.elementRef, u = e.focusWithin, s = e.hasTooltip, c = e.id, d = e.index, f = e.isMenu, v = f === void 0 ? false : f, p = e.label, m = e.onAutosizeColumn, b = e.onRequestResize, h = e.resizable, y = h === void 0 ? true : h, w = e.sortDir, C = e.truncate, x = C === void 0 ? true : C, k = e.variant, O = e.width, R = hn(e, [ "align", "clickable", "columnId", "elementRef", "focusWithin", "hasTooltip", "id", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
         if (false) {}
-        var R = (0, D._)("Click to open menu");
-        var I = (0, t.useState)(false), T = un(I, 2), j = T[0], A = T[1];
-        var P = (0, t.useState)(0), _ = un(P, 2), z = _[0], M = _[1];
-        var $ = (0, t.useState)(0), N = un($, 2), W = N[0], H = N[1];
+        var E = (0, j._)("Click to open menu");
+        var I = (0, t.useState)(false), T = dn(I, 2), q = T[0], A = T[1];
+        var P = (0, t.useState)(0), _ = dn(P, 2), z = _[0], M = _[1];
+        var $ = (0, t.useState)(0), N = dn($, 2), L = N[0], H = N[1];
         var K = (0, t.useRef)(null);
-        var B = (0, t.useRef)(k === "auto" ? undefined : k);
+        var B = (0, t.useRef)(O === "auto" ? undefined : O);
         var V;
         var F;
-        if (y !== undefined && hn.has(y)) {
-            V = gn[y];
-            F = yn[y];
+        if (w !== undefined && wn.has(w)) {
+            V = xn[w];
+            F = Cn[w];
         }
-        if (k === "auto") {
+        if (O === "auto") {
             var U;
             var X = K.current;
             var Y = X === null || X === void 0 ? void 0 : (U = X.parentElement) === null || U === void 0 ? void 0 : U.getBoundingClientRect();
             B.current = Y === null || Y === void 0 ? void 0 : Y.width;
         } else {
-            B.current = k;
+            B.current = O;
         }
         var G = (0, t.useCallback)((function(e) {
             K.current = e;
-            L(l, e);
+            W(l, e);
         }), [ l, K ]);
         var J = (0, t.useCallback)((function(e) {
-            var n = (0, E.keycode)(e.nativeEvent);
-            if (b === undefined || c === undefined) {
+            var n = e.key;
+            if (b === undefined || d === undefined) {
                 return;
             }
-            if (k === "auto") {
+            if (O === "auto") {
                 var t;
                 var r = K.current;
                 var o = r === null || r === void 0 ? void 0 : (t = r.parentElement) === null || t === void 0 ? void 0 : t.getBoundingClientRect();
                 B.current = o === null || o === void 0 ? void 0 : o.width;
             } else {
-                B.current = k;
+                B.current = O;
             }
             if (B.current === undefined) {
                 return;
             }
-            if (n === "left") {
+            if (n === "ArrowLeft") {
                 e.preventDefault();
  // prevent text selection
                                 var i = Math.max(B.current - 10, 20);
                 b(e, {
-                    index: c,
+                    index: d,
                     columnId: a,
-                    id: s,
+                    id: c,
                     width: i
                 });
             }
-            if (n === "right") {
+            if (n === "ArrowRight") {
                 e.preventDefault();
  // prevent text selection
                                 var l = B.current + 10;
                 b(e, {
-                    index: c,
+                    index: d,
                     columnId: a,
-                    id: s,
+                    id: c,
                     width: l
                 });
             }
-            if (n === "enter") {
+            if (n === "Enter") {
                 e.preventDefault();
  // SUI-7320: prevent sorting and dropdown opening
                         }
-        }), [ a, s, c, b, k ]);
+        }), [ a, c, d, b, O ]);
         var Q = (0, t.useCallback)((function(e) {
-            if (k === "auto") {
+            if (O === "auto") {
                 var n;
                 var t = K.current;
                 var r = t === null || t === void 0 ? void 0 : (n = t.parentElement) === null || n === void 0 ? void 0 : n.getBoundingClientRect();
                 B.current = r === null || r === void 0 ? void 0 : r.width;
             } else {
-                B.current = k;
+                B.current = O;
             }
             if (B.current === undefined) {
                 return;
@@ -1008,15 +1022,15 @@
                         M(e.clientX);
             H(B.current || 0);
             A(true);
-        }), [ k ]);
+        }), [ O ]);
         var Z = function e(n) {
             var t = z - n.clientX;
-            var r = Math.max(W - t, 16);
-            if (c !== undefined) {
+            var r = Math.max(L - t, 16);
+            if (d !== undefined) {
                 b === null || b === void 0 ? void 0 : b(n, {
-                    index: c,
+                    index: d,
                     columnId: a,
-                    id: s,
+                    id: c,
                     width: r
                 });
             }
@@ -1025,29 +1039,31 @@
             A(false);
         };
         var ne = (0, t.useCallback)((function(e) {
-            if (c !== undefined) {
-                p === null || p === void 0 ? void 0 : p(e, {
-                    index: c,
+            if (d !== undefined) {
+                m === null || m === void 0 ? void 0 : m(e, {
+                    index: d,
                     columnId: a
                 });
             }
-        }), [ a, c, p ]);
-        var te = Ze();
-        var re = B.current ? (0, q.sprintf)((0, D._)("%(width)d pixels"), {
+        }), [ a, d, m ]);
+        var te = tn();
+        var re = B.current ? (0, D.sprintf)((0, j._)("%(width)d pixels"), {
             width: B.current
         }) : undefined;
         var oe = a ? {
             ariaControls: a
         } : {};
         
-        return r().createElement(Fe, tn({
+        return r().createElement(Ye, an({
             as: i ? "button" : "div",
             ref: G,
             $align: o,
             $clickable: i,
             $focusWithin: u,
-            $variant: x
-        }, g()(O, [].concat(rn(Object.keys(wn.propTypes)), [ "id" ]))), j &&  r().createElement(r().Fragment, null,  r().createElement(S(), {
+            $hasIcon: !!v || !!w,
+            $hasTooltip: !!s,
+            $variant: k
+        }, g()(R, [].concat(ln(Object.keys(Sn.propTypes)), [ "id" ]))), q &&  r().createElement(r().Fragment, null,  r().createElement(S(), {
             target: te,
             eventType: "mouseup",
             listener: ee
@@ -1055,9 +1071,9 @@
             target: te,
             eventType: "mousemove",
             listener: Z
-        })), b && h &&  r().createElement(Ue, tn({
-            "aria-label": (0, q.sprintf)((0, D._)("Resize %(label)s"), {
-                label: v
+        })), b && y &&  r().createElement(Ge, an({
+            "aria-label": (0, D.sprintf)((0, j._)("Resize %(label)s"), {
+                label: p
             })
         }, oe, {
             "aria-valuetext": re,
@@ -1067,54 +1083,60 @@
             onKeyDown: J,
             orientation: "vertical",
             tabIndex: 0
-        })),  r().createElement(Ke, {
+        })),  r().createElement(Ue, {
             $align: o,
-            $truncate: C,
-            $fill: !!f,
-            $variant: x
-        }, v, f && 
-        
-        // this icon indicates "has a menu" in all themes
-        r().createElement(He, null,  r().createElement($e(), {
+            $truncate: x,
+            $variant: k
+        }, p), s &&  r().createElement(Fe, null,  r().createElement(Le(), {
+            "data-test": "tooltip-icon"
+        })), v &&  r().createElement(Ve, null,  r().createElement(Ne(), {
             "data-test": "caret-down",
-            "aria-label": R
-        }))), y &&  r().createElement(Be, null, V !== undefined &&  r().createElement(V, {
+            "aria-label": E
+        })), w &&  r().createElement(Ve, null, V !== undefined &&  r().createElement(V, {
             "aria-hidden": false,
             "aria-label": F
         })));
     }
-    wn.propTypes = mn;
-    /* harmony default export */    const Cn = wn;
+    Sn.propTypes = gn;
+    /* harmony default export */    const kn = Sn;
     // CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
-    var xn = $().div.withConfig({
+    var On = M().div.withConfig({
         displayName: "HeadCellStyles__StyledInnerWrapper",
         componentId: "sc-1hj81sa-0"
-    })([ "display:flex;" ]);
-    var Sn = $().th.withConfig({
+    })([ "display:flex;height:100%;align-items:flex-start;" ]);
+    var Rn = M().th.withConfig({
         displayName: "HeadCellStyles__Styled",
         componentId: "sc-1hj81sa-1"
-    })([ "", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;&: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:", ";}", " ", " ", "" ], N.mixins.reset("table-cell"), N.variables.neutral100, (function(e) {
+    })([ "", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;height:100%;line-height:20px;&: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.neutral100, (function(e) {
         var n = e.$variant;
         return n ? "middle" : "top";
-    }), Ue, /* sc-sel */ xn, N.variables.borderColorWeak, Ue, /* sc-sel */ xn, N.variables.borderColor, Ue, /* sc-sel */ xn, N.variables.focusShadowInset, (function(e) {
+    }), Ge, /* sc-sel */ On, $.variables.borderColorWeak, Ge, /* sc-sel */ On, $.variables.borderColor, Ge, /* sc-sel */ On, $.variables.focusShadowInset, (function(e) {
         var n = e.$isDragging;
-        return n && (0, M.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], N.variables.backgroundColorPage);
+        return n && (0, z.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], $.variables.backgroundColorPage);
     }), (function(e) {
         var n = e.$variant;
-        return n && (0, M.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], xn, N.variables.borderColorWeak);
-    }), (0, N.pickVariant)("$variant", {
-        actions: (0, M.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, pe.buttonMixin)("subtle", {
-            color: N.variables.contentColorDefault
-        }), N.variables.focusShadowInset)
+        return n && (0, z.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], On, $.variables.borderColorWeak);
+    }), (0, $.pickVariant)("$variant", {
+        actions: (0, z.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, ve.buttonMixin)("subtle", {
+            color: $.variables.contentColorDefault
+        }), $.variables.focusShadowInset)
     }));
+    var En = M().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 kn = $().div.withConfig({
+        var In = M().div.withConfig({
         displayName: "HeadCellStyles__StyledDragHandler",
-        componentId: "sc-1hj81sa-2"
-    })([ "display:inline-flex;align-items:center;justify-content:center;width:20px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background:", ";color:", ";}&:focus{background:", ";box-shadow:", ";color:", ";}" ], N.variables.interactiveColorOverlayHover, N.variables.contentColorActive, N.variables.interactiveColorOverlayDrag, N.variables.focusShadowInset, N.variables.contentColorActive);
+        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);
     // CONCATENATED MODULE: ./src/Table/HeadCell.tsx
-    function On() {
-        return On = Object.assign ? Object.assign.bind() : function(e) {
+    function Tn() {
+        return Tn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1122,11 +1144,11 @@
                 }
             }
             return e;
-        }, On.apply(null, arguments);
+        }, Tn.apply(null, arguments);
     }
-    function Rn(e, n) {
+    function jn(e, n) {
         if (null == e) return {};
-        var t, r, o = En(e, n);
+        var t, r, o = Dn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1135,7 +1157,7 @@
         }
         return o;
     }
-    function En(e, n) {
+    function Dn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1147,7 +1169,7 @@
         return t;
     }
     /** @public */
-    /** @public */    var In = {
+    /** @public */    var qn = {
         align: i().oneOf([ "left", "center", "right" ]),
         /** @private Used to set the $clickable appearance without an onClick */
         appearClickable: i().bool,
@@ -1175,6 +1197,7 @@
         resizable: i().bool,
         sortDir: i().oneOf([ "asc", "desc", "none" ]),
         sortKey: i().string,
+        tooltip: i().node,
         truncate: i().bool,
         /** @private. */
         variant: i().oneOf([ "toggleAll", "info", "actions" ]),
@@ -1186,27 +1209,27 @@
         visible: i().bool,
         width: i().oneOfType([ i().number, i().oneOf([ "auto" ]) ])
     };
-    var Tn = {
+    var An = {
         asc: "ascending",
         desc: "descending",
         none: "none"
     };
-    function jn(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearClickable, a = e.children, u = e.columnId, s = e.elementRef, c = e.dragId, d = e.headCellScreenReaderText, f = e.id, v = e.index, p = e.onAutosizeColumn, b = e.onClick, m = e.onKeyDown, h = e.onRequestMoveColumn, y = e.onRequestResize, g = e.onSort, w = e.resizable, C = w === void 0 ? true : w, x = e.sortDir, S = x === void 0 ? "none" : x, k = e.sortKey, O = e.style, R = e.truncate, E = R === void 0 ? true : R, I = e.variant, T = e.visible, j = T === void 0 ? true : T, A = e.width, P = Rn(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "truncate", "variant", "visible", "width" ]);
+    function Pn(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearClickable, a = e.children, u = e.columnId, s = e.elementRef, c = e.dragId, d = e.headCellScreenReaderText, f = e.id, v = e.index, p = e.onAutosizeColumn, m = e.onClick, b = e.onKeyDown, h = e.onRequestMoveColumn, y = e.onRequestResize, g = e.onSort, w = e.resizable, C = w === void 0 ? true : w, x = e.sortDir, S = x === void 0 ? "none" : x, k = e.sortKey, O = e.style, R = e.tooltip, E = e.truncate, I = E === void 0 ? true : E, T = e.variant, q = e.visible, A = q === void 0 ? true : q, P = e.width, _ = jn(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "tooltip", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadCellPropsBase
-                var _ = !!h;
-        var z = (0, l.useSortable)({
+                var z = !!h;
+        var M = (0, l.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: c
-        }), M = z.attributes, $ = z.isDragging, N = z.listeners, W = z.setNodeRef;
-        var H = (0, t.useCallback)((function(e) {
-            L(s, e);
-            if (_) {
-                W(e);
-            }
-        }), [ _, s, W ]);
+        }), $ = M.attributes, N = M.isDragging, L = M.listeners, H = M.setNodeRef;
         var K = (0, t.useCallback)((function(e) {
+            W(s, e);
+            if (z) {
+                H(e);
+            }
+        }), [ z, s, H ]);
+        var B = (0, t.useCallback)((function(e) {
             // ignore clicks on the resize handle
             if (e.target.getAttribute("data-test") !== "resize" && g && v !== undefined) {
                 g(e, {
@@ -1217,104 +1240,113 @@
                     index: v
                 });
             }
-            b === null || b === void 0 ? void 0 : b();
-        }), [ u, f, v, b, g, S, k ]);
-        var B = (0, t.useCallback)((function(e) {
+            m === null || m === void 0 ? void 0 : m();
+        }), [ u, f, v, m, g, S, k ]);
+        var V = (0, t.useCallback)((function(e) {
             if (v !== undefined) {
-                m === null || m === void 0 ? void 0 : m(e, {
+                b === null || b === void 0 ? void 0 : b(e, {
                     index: v,
                     columnId: u
                 });
             }
-        }), [ u, v, m ]);
-        var V = !!g && !!S;
-        var F = b !== undefined;
-        var U = I === "actions" ? false : E;
-        var X = (0, t.useMemo)((function() {
-            return Ie()({}, O, {
-                width: A
+        }), [ u, v, b ]);
+        var F = !!g && !!S;
+        var U = m !== undefined;
+        var X = T === "actions" ? false : I;
+        var Y = (0, t.useMemo)((function() {
+            return Ee()({}, O, {
+                width: P
             });
-        }), [ O, A ]);
-        var Y;
+        }), [ O, P ]);
+        var G;
         if (d) {
-            Y = d;
-        } else if (Re()(a)) {
-            Y = a;
+            G = d;
+        } else if (Oe()(a)) {
+            G = a;
         }
+        var J = (0, t.useMemo)((function() {
+            return {
+                align: o,
+                clickable: i || F || U,
+                columnId: u,
+                focusWithin: i,
+                label: a,
+                id: f,
+                index: v,
+                onAutosizeColumn: p,
+                onClick: g || U ? B : undefined,
+                onKeyDown: g || U ? V : undefined,
+                onRequestResize: y,
+                resizable: A && C,
+                sortDir: g && S,
+                truncate: X,
+                variant: T,
+                width: P
+            };
+        }), [ o, i, F, U, u, a, f, v, p, g, B, V, y, A, C, S, X, T, P ]);
+        var Q = (0, t.useCallback)((function(e) {
+            
+            return r().createElement(kn, Tn({}, e, J, {
+                hasTooltip: true
+            }));
+        }), [ J ]);
         
-        return r().createElement(Sn, On({
-            style: X,
-            ref: H,
-            "aria-sort": g && (Tn[S] || "none"),
+        return r().createElement(Rn, Tn({
+            style: Y,
+            ref: K,
+            "aria-sort": g && (An[S] || "none"),
             "data-test": "head-cell",
-            "data-test-label": Re()(a) ? a : undefined,
+            "data-test-label": Oe()(a) ? a : undefined,
             "data-test-sort-dir": g && S,
-            id: j ? f : undefined,
-            $isDragging: _ && $,
-            $variant: I
-        }, P),  r().createElement(xn, null, _ &&  r().createElement(kn, On({
-            "aria-label": (0, q.sprintf)((0, D._)("Reorder %(labelString)s"), {
-                labelString: Y
+            id: A ? f : undefined,
+            $isDragging: z && N,
+            $variant: T
+        }, _),  r().createElement(On, null, z &&  r().createElement(In, Tn({
+            "aria-label": (0, D.sprintf)((0, j._)("Reorder %(labelString)s"), {
+                labelString: G
             }),
             "data-test": "drag",
             draggable: true
-        }, M, N),  r().createElement(je(), null)),  r().createElement(Cn, {
-            align: o,
-            clickable: i || V || F,
-            columnId: u,
-            focusWithin: i,
-            label: a,
-            id: f,
-            index: v,
-            onAutosizeColumn: p,
-            onClick: g || F ? K : undefined,
-            onKeyDown: g || F ? B : undefined,
-            onRequestResize: y,
-            resizable: j && C,
-            sortDir: g && S,
-            truncate: U,
-            variant: I,
-            width: A
-        })));
-    }
-    jn.propTypes = In;
-    jn.splunkUiType = "Table.HeadCell";
-    /* harmony default export */    const Dn = jn;
+        }, $, L),  r().createElement(En, null,  r().createElement(Te(), null))), R ?  r().createElement(De(), {
+            content: R,
+            renderAnchor: Q
+        }) :  r().createElement(kn, J)));
+    }
+    Pn.propTypes = qn;
+    Pn.splunkUiType = "Table.HeadCell";
+    /* harmony default export */    const _n = Pn;
     // CONCATENATED MODULE: external "@dnd-kit/utilities"
-    const qn = require("@dnd-kit/utilities");
+    const zn = require("@dnd-kit/utilities");
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
-    const An = require("@splunk/react-icons/DotsThreeVertical");
-    var Pn =  e.n(An);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const _n = require("@splunk/react-ui/Button");
-    var zn =  e.n(_n);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const Mn = require("@splunk/react-ui/Dropdown");
+    const Mn = require("@splunk/react-icons/DotsThreeVertical");
     var $n =  e.n(Mn);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const Nn = require("@splunk/react-ui/Tooltip");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const Nn = require("@splunk/react-ui/Button");
     var Wn =  e.n(Nn);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const Ln = require("@splunk/react-icons/ChevronRight");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+    const Ln = require("@splunk/react-ui/Dropdown");
     var Hn =  e.n(Ln);
+    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
+    const Kn = require("@splunk/react-icons/ChevronRight");
+    var Bn =  e.n(Kn);
     // CONCATENATED MODULE: ./src/Table/ExpandButtonStyles.ts
-    var Kn = "2px";
-    var Bn = "16px";
-    var Vn = (0, M.css)([ "padding-top:calc((", " + ", "*2 - ", ") / 2);" ], N.variables.inputHeight, Kn, Bn);
-    var Fn = $().button.withConfig({
+    var Vn = M().button.withConfig({
         displayName: "ExpandButtonStyles__StyledButton",
         componentId: "sc-7nlw5q-0"
-    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;padding:", ";", ";color:", " &:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], N.mixins.reset("flex"), N.variables.spacingXSmall, Vn, N.variables.contentColorDefault, N.variables.contentColorActive, N.variables.contentColorActive, N.variables.focusShadowInset);
-    var Un = $()(Hn()).withConfig({
+    })([ "", ";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 Fn = M()(Bn()).withConfig({
         displayName: "ExpandButtonStyles__StyledChevron",
         componentId: "sc-7nlw5q-1"
-    })([ "transition:transform 200ms;", "" ], (function(e) {
+    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, $.pick)({
+        comfortable: "10px",
+        compact: "8px"
+    }), (function(e) {
         var n = e.$expanded;
-        return n && (0, M.css)([ "transform:rotate(90deg);" ]);
+        return n && (0, z.css)([ "transform:rotate(90deg);" ]);
     }));
     // CONCATENATED MODULE: ./src/Table/ExpandButton.tsx
-    function Xn() {
-        return Xn = Object.assign ? Object.assign.bind() : function(e) {
+    function Un() {
+        return Un = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1322,11 +1354,11 @@
                 }
             }
             return e;
-        }, Xn.apply(null, arguments);
+        }, Un.apply(null, arguments);
     }
-    function Yn(e, n) {
+    function Xn(e, n) {
         if (null == e) return {};
-        var t, r, o = Gn(e, n);
+        var t, r, o = Yn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1335,7 +1367,7 @@
         }
         return o;
     }
-    function Gn(e, n) {
+    function Yn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1346,32 +1378,32 @@
         }
         return t;
     }
-    var Jn = {
+    var Gn = {
         expanded: i().bool
     };
-    var Qn = function e(n) {
-        var t = n.expanded, o = Yn(n, [ "expanded" ]);
+    var Jn = function e(n) {
+        var t = n.expanded, o = Xn(n, [ "expanded" ]);
         
-        return r().createElement(Fn, Xn({
-            title: t ? (0, D._)("Collapse row") : (0, D._)("Expand row")
-        }, o),  r().createElement(Un, {
+        return r().createElement(Vn, Un({
+            title: t ? (0, j._)("Collapse row") : (0, j._)("Expand row")
+        }, o),  r().createElement(Fn, {
             $expanded: t
         }));
     };
-    Qn.propTypes = Jn;
-    /* harmony default export */    const Zn = Qn;
+    Jn.propTypes = Gn;
+    /* harmony default export */    const Qn = Jn;
     // CONCATENATED MODULE: ./src/Table/RowDragCellStyles.ts
-    var et = $().td.withConfig({
+    var Zn = M().td.withConfig({
         displayName: "RowDragCellStyles__StyledCell",
         componentId: "sc-9kbaj2-0"
-    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], N.mixins.reset("table-cell"));
-    var nt = $().div.withConfig({
+    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], $.mixins.reset("table-cell"));
+    var et = M().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;}" ], N.mixins.reset("flex"), N.mixins.clearfix(), N.variables.focusShadowInset, N.variables.interactiveColorOverlayDrag, N.variables.interactiveColorOverlayActive, N.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;}" ], $.mixins.reset("flex"), $.mixins.clearfix(), $.variables.focusShadowInset, $.variables.interactiveColorOverlayDrag, $.variables.interactiveColorOverlayActive, $.variables.focusShadowInset);
     // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
-    function tt() {
-        return tt = 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) {
@@ -1379,11 +1411,11 @@
                 }
             }
             return e;
-        }, tt.apply(null, arguments);
+        }, nt.apply(null, arguments);
     }
-    function rt(e, n) {
+    function tt(e, n) {
         if (null == e) return {};
-        var t, r, o = ot(e, n);
+        var t, r, o = rt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1392,7 +1424,7 @@
         }
         return o;
     }
-    function ot(e, n) {
+    function rt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1403,61 +1435,63 @@
         }
         return t;
     }
-    var it = {
+    var ot = {
         setActivatorNodeRef: i().func.isRequired,
         listeners: i().objectOf(i().func)
     };
-    function at(e) {
-        var n = e.listeners, t = e.setActivatorNodeRef, o = rt(e, [ "listeners", "setActivatorNodeRef" ]);
+    function it(e) {
+        var n = e.listeners, t = e.setActivatorNodeRef, o = tt(e, [ "listeners", "setActivatorNodeRef" ]);
         
-        return r().createElement(et, {
+        return r().createElement(Zn, {
             "data-helper": true
-        },  r().createElement(nt, tt({
+        },  r().createElement(et, nt({
             "data-test": "drag",
             draggable: true,
             ref: t,
             tabIndex: 0
-        }, n, o),  r().createElement(je(), null)));
+        }, n, o),  r().createElement(Te(), null)));
     }
-    at.propTypes = it;
-    /* harmony default export */    const lt = at;
+    it.propTypes = ot;
+    /* harmony default export */    const at = it;
     // CONCATENATED MODULE: ./src/Table/RowStyles.ts
-    var ut = $().tr.withConfig({
+    var lt = M().tr.withConfig({
         displayName: "RowStyles__StyledStripeNone",
         componentId: "f0igqq-0"
-    })([ "", ";", ";", " @media print{background-color:none;}" ], N.mixins.reset("table-row"), (function(e) {
+    })([ "", ";", ";", " @media print{background-color:none;}" ], $.mixins.reset("table-row"), (function(e) {
         var n = e.$clickable;
-        return n && (0, M.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{background-color:", ";box-shadow:", ";}" ], N.variables.neutral100, N.variables.neutral100, N.variables.focusShadowInset);
+        return n && (0, z.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{background-color:", ";box-shadow:", ";}" ], $.variables.neutral100, $.variables.neutral100, $.variables.focusShadowInset);
     }), (function(e) {
         var n = e.disabled, t = e.$expandable, r = e.$isDraggable;
-        return !n && !t && r && (0, M.css)([ "&:hover{background-color:", ";}" ], N.variables.interactiveColorOverlayHover);
+        return !n && !t && r && (0, z.css)([ "&:hover{background-color:", ";}" ], $.variables.interactiveColorOverlayHover);
     }));
-    var st = $()(ut).withConfig({
+    var ut = M()(lt).withConfig({
         displayName: "RowStyles__StyledStripeEven",
         componentId: "f0igqq-1"
-    })([ "background-color:", ";", ";" ], N.variables.neutral50, (function(e) {
+    })([ "background-color:", ";", ";" ], $.variables.neutral50, (function(e) {
         var n = e.$clickable;
-        return n && (0, M.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], N.variables.neutral300);
+        return n && (0, z.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], $.variables.neutral300);
     }));
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const ct = require("@splunk/react-ui/Clickable");
-    var dt =  e.n(ct);
+    const st = require("@splunk/react-ui/Clickable");
+    var ct =  e.n(st);
     // CONCATENATED MODULE: external "@splunk/react-ui/NonInteractiveCheckbox"
-    const ft = require("@splunk/react-ui/NonInteractiveCheckbox");
-    var vt =  e.n(ft);
+    const dt = require("@splunk/react-ui/NonInteractiveCheckbox");
+    var ft =  e.n(dt);
     // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
-    var pt = "2px";
-    var bt = $()(dt()).withConfig({
+    var vt = M()(ct()).withConfig({
         displayName: "ToggleStyles__StyledClickable",
         componentId: "sc-1x3ikch-0"
-    })([ "height:100%;width:100%;display:flex;justify-content:center;min-height:calc(", " + ", "*2);&[disabled]{cursor:not-allowed;}" ], N.variables.inputHeight, pt);
-    var mt = $()(vt()).withConfig({
+    })([ "height:100%;width:100%;display:flex;justify-content:center;&[disabled]{cursor:not-allowed;}" ]);
+    var pt = M()(ft()).withConfig({
         displayName: "ToggleStyles__StyledNonInteractiveCheckbox",
         componentId: "sc-1x3ikch-1"
-    })([ "align-items:flex-start;padding-top:", ";" ], N.variables.spacingSmall);
+    })([ "align-items:flex-start;padding-block:", ";" ], (0, $.pick)({
+        comfortable: "8px",
+        compact: "6px"
+    }));
     // CONCATENATED MODULE: ./src/Table/Toggle.tsx
-    function ht() {
-        return ht = 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) {
@@ -1465,11 +1499,11 @@
                 }
             }
             return e;
-        }, ht.apply(null, arguments);
+        }, mt.apply(null, arguments);
     }
-    function yt(e, n) {
+    function bt(e, n) {
         if (null == e) return {};
-        var t, r, o = gt(e, n);
+        var t, r, o = ht(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1478,7 +1512,7 @@
         }
         return o;
     }
-    function gt(e, n) {
+    function ht(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1489,38 +1523,38 @@
         }
         return t;
     }
-    var wt = {
+    var yt = {
         disabled: i().bool,
         onClick: i().func,
         selected: i().oneOf([ true, false, "some" ])
     };
-    function Ct(e) {
-        var n = e.disabled, t = e.onClick, o = e.selected, i = yt(e, [ "disabled", "onClick", "selected" ]);
+    function gt(e) {
+        var n = e.disabled, t = e.onClick, o = e.selected, i = bt(e, [ "disabled", "onClick", "selected" ]);
         var a = n === true ? "disabled" : undefined;
         
         // Note we use a clickable around the NonInteractiveCheckbox (which can seem ironic) so that the whole table cell is clickable and we cannot use the Cell's onClick itself because of a11y issues we have faced in the past (see SUI-5958).
-        return r().createElement(bt, ht({
+        return r().createElement(vt, mt({
             "aria-checked": o === "some" ? "mixed" : o,
             disabled: a,
             onClick: t,
             role: "checkbox"
-        }, i),  r().createElement(mt, {
+        }, i),  r().createElement(pt, {
             disabled: !!a,
             selected: o
         }));
     }
-    Ct.propTypes = wt;
-    /* harmony default export */    const xt = Ct;
+    gt.propTypes = yt;
+    /* harmony default export */    const wt = gt;
     // CONCATENATED MODULE: ./src/Table/Row.tsx
-    function St(e) {
+    function Ct(e) {
         "@babel/helpers - typeof";
-        return St = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Ct = "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;
-        }, St(e);
+        }, Ct(e);
     }
-    function kt(e, n) {
+    function xt(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -1530,42 +1564,42 @@
         }
         return t;
     }
-    function Ot(e) {
+    function St(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? kt(Object(t), !0).forEach((function(n) {
-                Rt(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : kt(Object(t)).forEach((function(n) {
+            n % 2 ? xt(Object(t), !0).forEach((function(n) {
+                kt(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : xt(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function Rt(e, n, t) {
-        return (n = Et(n)) in e ? Object.defineProperty(e, n, {
+    function kt(e, n, t) {
+        return (n = Ot(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function Et(e) {
-        var n = It(e, "string");
-        return "symbol" == St(n) ? n : n + "";
+    function Ot(e) {
+        var n = Rt(e, "string");
+        return "symbol" == Ct(n) ? n : n + "";
     }
-    function It(e, n) {
-        if ("object" != St(e) || !e) return e;
+    function Rt(e, n) {
+        if ("object" != Ct(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != St(r)) return r;
+            if ("object" != Ct(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    function Tt(e, n) {
+    function Et(e, n) {
         if (null == e) return {};
-        var t, r, o = jt(e, n);
+        var t, r, o = It(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1574,7 +1608,7 @@
         }
         return o;
     }
-    function jt(e, n) {
+    function It(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1585,8 +1619,8 @@
         }
         return t;
     }
-    function Dt() {
-        return Dt = Object.assign ? Object.assign.bind() : function(e) {
+    function Tt() {
+        return Tt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1594,18 +1628,18 @@
                 }
             }
             return e;
-        }, Dt.apply(null, arguments);
+        }, Tt.apply(null, arguments);
     }
-    var qt = {
-        odd: ut,
-        even: st,
-        none: ut
+    var jt = {
+        odd: lt,
+        even: ut,
+        none: lt
     };
     /** @public */
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var At = {
+    /** @public */    var Dt = {
         /** @private. Generally passed by Table rather than added directly. */
         activeElementId: i().string,
         actionPrimary: i().element,
@@ -1644,41 +1678,41 @@
         /** @private. */
         stripe: i().oneOf([ "odd", "even", "none" ])
     };
-    var Pt =  r().createElement(Pn(), null);
-    var _t =  r().forwardRef((function(e, n) {
+    var qt =  r().createElement($n(), null);
+    var At =  r().forwardRef((function(e, n) {
         
-        return r().createElement(Wn(), Dt({
-            content: (0, D._)("Actions"),
+        return r().createElement(De(), Tt({
+            content: (0, j._)("Actions"),
             contentRelationship: "label"
-        }, e),  r().createElement(zn(), {
+        }, e),  r().createElement(Wn(), {
             appearance: "subtle",
             "data-test": "actions-secondary-toggle",
-            icon: Pt,
+            icon: qt,
             elementRef: n
         }));
     }));
-    function zt(e) {
+    function Pt(e) {
         var n;
-        var o = e.actions, i = e.actionPrimary, a = e.actionsSecondary, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.isDraggable, v = e.elementRef, p = e.expandable, b = e.expanded, m = e.expansionRowIds, h = e.expansionRow, y = e.index, w = e.movableColumns, C = e.onClick, x = e.onExpansion, S = e.onKeyDown, k = e.onRequestToggle, O = e.primaryColumnIndex, I = O === void 0 ? 0 : O, T = e.rowScreenReaderText, j = e.selected, A = e.stripe, P = A === void 0 ? "none" : A, _ = e.style, z = Tt(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "isDraggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
+        var o = e.actions, i = e.actionPrimary, a = e.actionsSecondary, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.isDraggable, v = e.elementRef, p = e.expandable, m = e.expanded, b = e.expansionRowIds, h = e.expansionRow, y = e.index, w = e.movableColumns, C = e.onClick, x = e.onExpansion, S = e.onKeyDown, k = e.onRequestToggle, O = e.primaryColumnIndex, E = O === void 0 ? 0 : O, I = e.rowScreenReaderText, T = e.selected, q = e.stripe, A = q === void 0 ? "none" : q, P = e.style, _ = Et(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "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() {
+                var z = (0, t.useMemo)((function() {
             return {
                 id: f ? c : (0, R.createGUID)(),
                 disabled: !f
             };
         }), [ f, c ]);
-        var $ = (0, l.useSortable)(M), N = $.attributes, W = $.listeners, H = $.transform, K = $.transition, B = $.setNodeRef, V = $.setActivatorNodeRef;
-        var F = (0, t.useMemo)((function() {
-            return f ? Ot(Ot({}, _), {}, {
-                transform: qn.CSS.Translate.toString(H),
-                transition: K
-            }) : _;
-        }), [ f, H, K, _ ]);
-        var U = (0, t.useRef)(null);
-        var X = (0, t.useCallback)((function(e) {
+        var M = (0, l.useSortable)(z), $ = M.attributes, N = M.listeners, L = M.transform, H = M.transition, K = M.setNodeRef, B = M.setActivatorNodeRef;
+        var V = (0, t.useMemo)((function() {
+            return f ? St(St({}, P), {}, {
+                transform: zn.CSS.Translate.toString(L),
+                transition: H
+            }) : P;
+        }), [ f, L, H, P ]);
+        var F = (0, t.useRef)(null);
+        var U = (0, t.useCallback)((function(e) {
             var n = e.target;
             while (n) {
-                if (U.current === n) {
+                if (F.current === n) {
                     break;
                 }
                 // Ignore clicks on row-actions
@@ -1691,23 +1725,23 @@
                 C === null || C === void 0 ? void 0 : C(e, s);
             }
         }), [ s, C ]);
-        var Y = (0, t.useCallback)((function(e) {
-            if ((0, E.keycode)(e.nativeEvent) === "enter" && C) {
+        var X = (0, t.useCallback)((function(e) {
+            if (e.key === "Enter" && C) {
                 C(e, s);
             }
             S === null || S === void 0 ? void 0 : S(e);
         }), [ s, C, S ]);
-        var G = (0, t.useCallback)((function(e) {
+        var Y = (0, t.useCallback)((function(e) {
             if (!d) {
                 e.preventDefault();
                 k === null || k === void 0 ? void 0 : k(e, s);
             }
         }), [ s, d, k ]);
-        var J = (0, t.useCallback)((function(e) {
+        var G = (0, t.useCallback)((function(e) {
             e.preventDefault();
             x === null || x === void 0 ? void 0 : x(e, s);
         }), [ s, x ]);
-        var Q = function n() {
+        var J = function n() {
             if (i && i.props.onClick) {
                 
                 return (0, t.cloneElement)(i, {
@@ -1720,7 +1754,7 @@
             }
             return i;
         };
-        var Z = function n() {
+        var Q = function n() {
             if (a && a.props.children) {
                 var r = t.Children.toArray(a.props.children).filter(t.isValidElement);
                 var o = r.map((function(n) {
@@ -1743,150 +1777,150 @@
             }
             return a;
         };
-        function ee(e) {
-            U.current = e;
-            L(v, e);
+        function Z(e) {
+            F.current = e;
+            W(v, e);
             if (f) {
-                B(e);
+                K(e);
             }
         }
-        var ne = t.Children.toArray(u).map((function(e, n) {
+        var ee = t.Children.toArray(u).map((function(e, n) {
             
             return (0, t.cloneElement)(e, {
                 appearance: C ? "rowLink" : e.props.appearance,
                 disabled: d,
-                isPrimaryCell: I === n,
-                stripe: P
+                isPrimaryCell: E === n,
+                stripe: A
             });
         }));
-        var te;
-        if (T) {
-            te = T;
-        } else if ((n = ne[I]) === null || n === void 0 ? void 0 : n.props.children) {
-            var re;
-            te = "".concat((re = ne[I]) === null || re === void 0 ? void 0 : re.props.children);
+        var ne;
+        if (I) {
+            ne = I;
+        } else if ((n = ee[E]) === null || n === void 0 ? void 0 : n.props.children) {
+            var te;
+            ne = "".concat((te = ee[E]) === null || te === void 0 ? void 0 : te.props.children);
         } else {
-            var oe;
-            te = "".concat((oe = ne[0]) === null || oe === void 0 ? void 0 : oe.props.children);
+            var re;
+            ne = "".concat((re = ee[0]) === null || re === void 0 ? void 0 : re.props.children);
             if (false) {}
         }
-        var ie = (0, q.sprintf)((0, D._)("%(selected)s"), {
-            selected: j ? "selected" : "unselected"
+        var oe = (0, D.sprintf)((0, j._)("%(selected)s"), {
+            selected: T ? "selected" : "unselected"
         });
-        var ae = qt[P];
-        var le = b ? t.Children.count(h) + 1 : undefined;
-        var ue = w ? "false" : undefined;
-        var se = function e() {
+        var ie = jt[A];
+        var ae = m ? t.Children.count(h) + 1 : undefined;
+        var le = w ? "false" : undefined;
+        var ue = function e() {
             
-            return r().createElement(_t, null);
+            return r().createElement(At, null);
         };
-        var ce = (0, q.sprintf)((0, D._)("Collapse row - %(rowLabelValue)s"), {
-            rowLabelValue: te
+        var se = (0, D.sprintf)((0, j._)("Collapse row - %(rowLabelValue)s"), {
+            rowLabelValue: ne
         });
-        var de = (0, q.sprintf)((0, D._)("Expand row - %(rowLabelValue)s"), {
-            rowLabelValue: te
+        var ce = (0, D.sprintf)((0, j._)("Expand row - %(rowLabelValue)s"), {
+            rowLabelValue: ne
         });
         
-        return r().createElement(ae, Dt({
+        return r().createElement(ie, Tt({
             "data-test": "row",
-            "data-test-selected": k ? j : undefined,
+            "data-test-selected": k ? T : undefined,
             $clickable: !!C,
             "data-has-movable-columns": w ? "true" : undefined,
             disabled: !!d,
             $expandable: !!p,
             $isDraggable: !!f,
-            ref: ee,
+            ref: Z,
             tabIndex: C ? 0 : undefined
-        }, g()(z, "data"), {
-            onClick: C ? X : undefined,
-            onKeyDown: Y,
-            $rowSelected: !!(k && j),
-            style: F
-        }), f && y != null &&  r().createElement(lt, Dt({
-            "aria-label": (0, q.sprintf)((0, D._)("Reorder %(rowLabelValue)s"), {
-                rowLabelValue: te
+        }, g()(_, "data"), {
+            onClick: C ? U : undefined,
+            onKeyDown: X,
+            $rowSelected: !!(k && T),
+            style: V
+        }), f && y != null &&  r().createElement(at, Tt({
+            "aria-label": (0, D.sprintf)((0, j._)("Reorder %(rowLabelValue)s"), {
+                rowLabelValue: ne
             }),
-            setActivatorNodeRef: V,
-            listeners: W
-        }, N)), k &&  r().createElement(ke, {
+            setActivatorNodeRef: B,
+            listeners: N
+        }, $)), k &&  r().createElement(Se, {
             align: "center",
             appearance: C ? "rowLink" : "data",
             disabled: d,
             variant: "toggle",
-            "data-movable-column": ue,
-            rowSpan: le,
+            "data-movable-column": le,
+            rowSpan: ae,
             "data-test": "toggle"
-        },  r().createElement(xt, {
-            "aria-label": (0, q.sprintf)((0, D._)("%(rowLabelValue)s %(selectedString)s"), {
-                rowLabelValue: te,
-                selectedString: ie
+        },  r().createElement(wt, {
+            "aria-label": (0, D.sprintf)((0, j._)("%(rowLabelValue)s %(selectedString)s"), {
+                rowLabelValue: ne,
+                selectedString: oe
             }),
             disabled: d,
-            onClick: G,
-            selected: j
-        })), p && h &&  r().createElement(ke, {
+            onClick: Y,
+            selected: T
+        })), p && h &&  r().createElement(Se, {
             align: "center",
             appearance: "data",
-            "data-movable-column": ue,
+            "data-movable-column": le,
             "data-test": "expand",
-            expand: b,
-            rowSpan: le,
+            expand: m,
+            rowSpan: ae,
             variant: "expand"
-        },  r().createElement(Zn, {
-            expanded: b,
-            onClick: J,
-            title: b ? ce : de,
-            "aria-controls": b ? m : undefined,
-            "aria-expanded": b
-        })), p && !h &&  r().createElement(ke, {
+        },  r().createElement(Qn, {
+            expanded: m,
+            onClick: G,
+            title: m ? se : ce,
+            "aria-controls": m ? b : undefined,
+            "aria-expanded": m
+        })), p && !h &&  r().createElement(Se, {
             variant: "expand",
-            "data-movable-column": ue
-        }), ne, o && !i && !a &&  r().createElement(ke, {
+            "data-movable-column": le
+        }), ee, o && !i && !a &&  r().createElement(Se, {
             align: "right",
             appearance: C ? "rowLink" : "data",
             "data-test": "row-actions",
             variant: "actions",
-            "data-movable-column": ue
-        }), (i || a) &&  r().createElement(ke, {
+            "data-movable-column": le
+        }), (i || a) &&  r().createElement(Se, {
             align: "right",
             appearance: "data",
             "data-test": "row-actions",
             variant: "actions",
-            "data-movable-column": ue
-        }, i && Q(), a &&  r().createElement($n(), {
-            toggle: se()
-        }, Z())));
-    }
-    zt.propTypes = At;
-    zt.splunkUiType = "Table.Row";
-    /* harmony default export */    const Mt = zt;
+            "data-movable-column": le
+        }, i && J(), a &&  r().createElement(Hn(), {
+            toggle: ue()
+        }, Q())));
+    }
+    Pt.propTypes = Dt;
+    Pt.splunkUiType = "Table.Row";
+    /* harmony default export */    const _t = Pt;
     // CONCATENATED MODULE: ./src/Table/TableContext.ts
-    var $t =  (0, t.createContext)({});
-    $t.displayName = "Table";
-    /* harmony default export */    const Nt = $t;
+    var zt =  (0, t.createContext)({});
+    zt.displayName = "Table";
+    /* harmony default export */    const Mt = zt;
     // CONCATENATED MODULE: ./src/Table/HeadStyles.ts
-    var Wt = $().thead.withConfig({
+    var $t = M().thead.withConfig({
         displayName: "HeadStyles__Styled",
         componentId: "iap21t-0"
-    })([ "", ";", "" ], N.mixins.reset("table-header-group"), (function(e) {
+    })([ "", ";", "" ], $.mixins.reset("table-header-group"), (function(e) {
         var n = e.$isFixed, t = e.$zIndex;
-        return n && (0, M.css)([ "position:sticky;top:0;z-index:", ";" ], t);
+        return n && (0, z.css)([ "position:sticky;top:0;z-index:", ";" ], t);
     }));
-    var Lt = $()(Dn).withConfig({
+    var Nt = M()(_n).withConfig({
         displayName: "HeadStyles__StyledToggleAll",
         componentId: "iap21t-1"
-    })([ "width:32px;", "{gap:0;}" ], /* sc-sel */ Fe);
-    var Ht = $()(Dn).withConfig({
+    })([ "width:32px;" ]);
+    var Wt = M()(_n).withConfig({
         displayName: "HeadStyles__StyledInfo",
         componentId: "iap21t-2"
     })([ "width:32px;" ]);
-    var Kt = $()(Dn).withConfig({
+    var Lt = M()(_n).withConfig({
         displayName: "HeadStyles__StyledDragRow",
         componentId: "iap21t-3"
     })([ "width:32px;" ]);
     // CONCATENATED MODULE: ./src/Table/Head.tsx
-    function Bt() {
-        return Bt = Object.assign ? Object.assign.bind() : function(e) {
+    function Ht() {
+        return Ht = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1894,11 +1928,11 @@
                 }
             }
             return e;
-        }, Bt.apply(null, arguments);
+        }, Ht.apply(null, arguments);
     }
-    function Vt(e, n) {
+    function Kt(e, n) {
         if (null == e) return {};
-        var t, r, o = Ft(e, n);
+        var t, r, o = Bt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1907,7 +1941,7 @@
         }
         return o;
     }
-    function Ft(e, n) {
+    function Bt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1918,7 +1952,7 @@
         }
         return t;
     }
-    var Ut = {
+    var Vt = {
         /** @private. */
         actions: i().arrayOf(i().node),
         /** @private. */
@@ -1942,18 +1976,18 @@
         /** @private. */
         rowSelection: i().oneOf([ "all", "some", "none" ])
     };
-    var Xt = 1;
-    var Yt = {
+    var Ft = 1;
+    var Ut = {
         all: true,
         none: false,
         some: "some"
     };
-    var Gt = (0, D._)("No rows selected");
-    var Jt = (0, D._)("Some rows selected");
-    var Qt = (0, D._)("All rows selected");
-    var Zt = function e(n) {
+    var Xt = (0, j._)("No rows selected");
+    var Yt = (0, j._)("Some rows selected");
+    var Gt = (0, j._)("All rows selected");
+    var Jt = function e(n) {
         var t, r;
-        var o = Ze();
+        var o = tn();
         if (!n) {
             return [];
         }
@@ -1962,9 +1996,9 @@
             return e.clientWidth - parseFloat(n.getPropertyValue("padding-right")) - parseFloat(n.getPropertyValue("padding-left"));
         }));
     };
-    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.onAutosizeColumn, v = e.onRequestMoveColumn, p = e.onRequestResizeColumn, b = e.onRequestToggleAllRows, m = e.rowSelection, h = Vt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
-        var y = (0, t.useContext)(Nt), g = y.headType, w = y.tableContainerWidthWithoutBorders, C = y.resizableFillLayout;
+    function Qt(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.onAutosizeColumn, v = e.onRequestMoveColumn, p = e.onRequestResizeColumn, m = e.onRequestToggleAllRows, b = e.rowSelection, h = Kt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
+        var y = (0, t.useContext)(Mt), g = y.headType, w = y.tableContainerWidthWithoutBorders, C = y.resizableFillLayout;
         var x = (0, t.useRef)(null);
         var S = (0, t.useRef)([]);
         (0, t.useEffect)((function() {
@@ -1985,7 +2019,7 @@
         }), [ u, v ]);
         var O = (0, t.useCallback)((function(e, n) {
             var t = n.columnId, r = n.id, o = n.index, i = n.width;
-            var a = Zt(x.current);
+            var a = Jt(x.current);
             if (o >= a.length) {
                 p === null || p === void 0 ? void 0 : p(e, n);
                 return;
@@ -2035,18 +2069,18 @@
                     } else {
                         // make the cell as big as we can without letting any cells go below cellMinWidth
                         // that means all auto cells are at cellMinWidth and all the set width cells stay the same size
-                        var b = 0;
+                        var m = 0;
                         c.forEach((function(e) {
                             if (e < a.length) {
-                                b += Math.max(a[e] - l, 0);
+                                m += Math.max(a[e] - l, 0);
                             }
                         }));
-                        var m = a[o] + b;
+                        var b = a[o] + m;
                         p === null || p === void 0 ? void 0 : p(e, {
                             columnId: t,
                             id: r,
                             index: o,
-                            width: m
+                            width: b
                         });
                     }
                 } else if (w != null) {
@@ -2085,7 +2119,7 @@
             }
         }), [ l, p, w ]);
         var R = (0, t.useCallback)((function(e) {
-            L(s, e);
+            W(s, e);
             x.current = e;
         }), [ s ]);
         var E = (0, t.useMemo)((function() {
@@ -2108,16 +2142,16 @@
             S.current = e;
             return n;
         }), [ E, C, O, p, v, k, f ]);
-        var j = m === undefined ? undefined : Yt[m];
+        var j = b === undefined ? undefined : Ut[b];
         var D = i || 48;
         var q = g === "fixed" ? "fixed-head" : "head";
         var A;
         if (j === "some") {
-            A = Jt;
+            A = Yt;
         } else if (j) {
-            A = Qt;
-        } else {
             A = Gt;
+        } else {
+            A = Xt;
         }
         var P = (0, t.useMemo)((function() {
             return {
@@ -2130,33 +2164,33 @@
             };
         }), [ i ]);
         
-        return r().createElement(Wt, Bt({
+        return r().createElement($t, Ht({
             ref: R,
             "data-test": q,
             $isFixed: g === "fixed",
-            $zIndex: I + Xt
-        }, h),  r().createElement(Mt, null, c &&  r().createElement(Kt, {
+            $zIndex: I + Ft
+        }, h),  r().createElement(_t, null, c &&  r().createElement(Lt, {
             key: "drag_rows_head_cell",
             "data-test": "drag-rows-head-cell",
             align: "center",
             resizable: false
-        }), b &&  r().createElement(Lt, {
+        }), m &&  r().createElement(Nt, {
             key: "toggle_all",
             resizable: false,
             align: "center",
             variant: "toggleAll",
             truncate: false,
             "data-test": "toggle-all"
-        },  r().createElement(xt, {
+        },  r().createElement(wt, {
             "aria-label": A,
-            onClick: b,
+            onClick: m,
             selected: j
-        })), d &&  r().createElement(Ht, {
+        })), d &&  r().createElement(Wt, {
             key: "more_info_head_cell",
             "data-test": "more-info-head-cell",
             resizable: false,
             variant: "info"
-        }), T, o.length > 0 &&  r().createElement(Dn, {
+        }), T, o.length > 0 &&  r().createElement(_n, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2164,7 +2198,7 @@
             width: D,
             style: P,
             variant: "actions"
-        }, o), o.length === 0 && i &&  r().createElement(Dn, {
+        }, o), o.length === 0 && i &&  r().createElement(_n, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2174,24 +2208,24 @@
             variant: "actions"
         }, " ")));
     }
-    er.propTypes = Ut;
-    er.splunkUiType = "Table.Head";
-    /* harmony default export */    const nr = er;
+    Qt.propTypes = Vt;
+    Qt.splunkUiType = "Table.Head";
+    /* harmony default export */    const Zt = Qt;
     // CONCATENATED MODULE: external "lodash/isFinite"
-    const tr = require("lodash/isFinite");
-    var rr =  e.n(tr);
+    const er = require("lodash/isFinite");
+    var nr =  e.n(er);
     // CONCATENATED MODULE: external "lodash/isFunction"
-    const or = require("lodash/isFunction");
-    var ir =  e.n(or);
+    const tr = require("lodash/isFunction");
+    var rr =  e.n(tr);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const ar = require("@splunk/react-ui/Popover");
-    var lr =  e.n(ar);
+    const or = require("@splunk/react-ui/Popover");
+    var ir =  e.n(or);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const ur = require("@splunk/react-ui/useControlled");
-    var sr =  e.n(ur);
+    const ar = require("@splunk/react-ui/useControlled");
+    var lr =  e.n(ar);
     // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
-    function cr() {
-        return cr = Object.assign ? Object.assign.bind() : function(e) {
+    function ur() {
+        return ur = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -2199,29 +2233,29 @@
                 }
             }
             return e;
-        }, cr.apply(null, arguments);
+        }, ur.apply(null, arguments);
     }
-    function dr(e, n) {
-        return mr(e) || br(e, n) || vr(e, n) || fr();
+    function sr(e, n) {
+        return pr(e) || vr(e, n) || dr(e, n) || cr();
     }
-    function fr() {
+    function cr() {
         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 vr(e, n) {
+    function dr(e, n) {
         if (e) {
-            if ("string" == typeof e) return pr(e, n);
+            if ("string" == typeof e) return fr(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) ? pr(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) ? fr(e, n) : void 0;
         }
     }
-    function pr(e, n) {
+    function fr(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 br(e, n) {
+    function vr(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;
@@ -2243,12 +2277,12 @@
             return l;
         }
     }
-    function mr(e) {
+    function pr(e) {
         if (Array.isArray(e)) return e;
     }
-    function hr(e, n) {
+    function mr(e, n) {
         if (null == e) return {};
-        var t, r, o = yr(e, n);
+        var t, r, o = br(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -2257,7 +2291,7 @@
         }
         return o;
     }
-    function yr(e, n) {
+    function br(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -2270,19 +2304,19 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var gr = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    var wr = {
+    /** @public */    var hr = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    var yr = {
         align: i().oneOf([ "left", "center", "right" ]),
         buttonRef: i().oneOfType([ i().func, i().object ]),
         canCoverHead: i().bool,
         children: i().node.isRequired,
-        closeReasons: i().arrayOf(i().oneOf(gr)),
+        closeReasons: i().arrayOf(i().oneOf(hr)),
         columnId: i().string,
         /** @private. */
         dragId: i().oneOfType([ i().string, i().number ]),
         elementRef: i().oneOfType([ i().func, i().object ]),
         headCellScreenReaderText: i().string,
-        focusToggleReasons: i().arrayOf(i().oneOf(gr)),
+        focusToggleReasons: i().arrayOf(i().oneOf(hr)),
         /** @private The index of the cell, skipping the info column. */
         index: i().number,
         label: i().node,
@@ -2314,33 +2348,33 @@
         /** @private. */
         variant: i().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var Cr = [ "contentClick", "escapeKey", "toggleClick" ];
-    function xr(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.buttonRef, a = e.canCoverHead, u = a === void 0 ? true : a, s = e.children, c = e.closeReasons, d = c === void 0 ? gr : c, f = e.columnId, v = e.dragId, p = e.elementRef, b = e.headCellScreenReaderText, m = e.focusToggleReasons, h = m === void 0 ? Cr : m, y = e.id, g = e.index, w = e.label, C = e.onAutosizeColumn, x = e.onKeyDown, S = e.onRequestClose, k = e.onRequestMoveColumn, O = e.onRequestOpen, E = e.onRequestResize, I = e.open, T = e.repositionMode, A = T === void 0 ? "flip" : T, _ = e.resizable, z = _ === void 0 ? true : _, M = e.retainFocus, $ = e.style, N = e.takeFocus, W = N === void 0 ? true : N, H = e.truncate, K = H === void 0 ? true : H, B = e.variant, V = e.visible, F = V === void 0 ? true : V, U = e.width, X = 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" ]);
+    var gr = [ "contentClick", "escapeKey", "toggleClick" ];
+    function wr(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.buttonRef, a = e.canCoverHead, u = a === void 0 ? true : a, s = e.children, c = e.closeReasons, d = c === void 0 ? hr : c, f = e.columnId, v = e.dragId, p = e.elementRef, m = e.headCellScreenReaderText, b = e.focusToggleReasons, h = b === void 0 ? gr : b, y = e.id, g = e.index, w = e.label, C = e.onAutosizeColumn, x = e.onKeyDown, S = e.onRequestClose, k = e.onRequestMoveColumn, O = e.onRequestOpen, E = e.onRequestResize, I = e.open, q = e.repositionMode, P = q === void 0 ? "flip" : q, _ = e.resizable, z = _ === void 0 ? true : _, M = e.retainFocus, $ = e.style, N = e.takeFocus, L = N === void 0 ? true : N, H = e.truncate, K = H === void 0 ? true : H, B = e.variant, V = e.visible, F = V === void 0 ? true : V, U = e.width, X = mr(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 Y = sr()({
+                var Y = lr()({
             componentName: "HeadDropdownCell",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
             // see SUI-7028
             valuePropName: "open"
         });
-        var G = (0, t.useState)(), J = dr(G, 2), Q = J[0], Z = J[1];
-        var ee = (0, t.useState)(null), ne = dr(ee, 2), te = ne[0], re = ne[1];
-        var oe = (0, t.useState)(null), ie = dr(oe, 2), ae = ie[0], le = ie[1];
-        var ue = (0, t.useState)(false), se = dr(ue, 2), ce = se[0], de = se[1];
+        var G = (0, t.useState)(), J = sr(G, 2), Q = J[0], Z = J[1];
+        var ee = (0, t.useState)(null), ne = sr(ee, 2), te = ne[0], re = ne[1];
+        var oe = (0, t.useState)(null), ie = sr(oe, 2), ae = ie[0], le = ie[1];
+        var ue = (0, t.useState)(false), se = sr(ue, 2), ce = se[0], de = se[1];
         var fe = (0, R.createDOMID)("popover");
         var ve = (0, R.createDOMID)("cellId");
         var pe = !!k;
-        var be = (0, l.useSortable)({
+        var me = (0, l.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: v
-        }), me = be.attributes, he = be.listeners, ye = be.setNodeRef, ge = be.isDragging;
+        }), be = me.attributes, he = me.listeners, ye = me.setNodeRef, ge = me.isDragging;
         var we = (0, t.useMemo)((function() {
             return Y ? I : ce;
         }), [ Y, ce, I ]);
-        var Ce = j()(F);
+        var Ce = T()(F);
         var xe = y || ve;
         (0, t.useEffect)((function() {
             if (false) {}
@@ -2357,8 +2391,8 @@
                     r = r.parentNode;
                 }
             }
-            if (we && P()(d, n) && g !== undefined) {
-                if (P()(h, n)) {
+            if (we && A()(d, n) && g !== undefined) {
+                if (A()(h, n)) {
                     ae === null || ae === void 0 ? void 0 : ae.focus();
                 }
                 if (!Y) {
@@ -2379,7 +2413,7 @@
             }
         }), [ Se, Ce, F ]);
         var ke = (0, t.useCallback)((function(e) {
-            L(p, e);
+            W(p, e);
             if (pe) {
                 ye(e);
             }
@@ -2387,7 +2421,7 @@
         var Oe = (0, t.useCallback)((function(e) {
             le(e);
             re(e);
-            L(i, e);
+            W(i, e);
         }), [ i ]);
         var Re = (0, t.useCallback)((function(e) {
             e.stopPropagation();
@@ -2414,7 +2448,7 @@
                 }
             }
         }), [ f, Se, g, Y, we, O ]);
-        var Ee = (0, t.useCallback)((function(e) {
+        var Ie = (0, t.useCallback)((function(e) {
             if (g !== undefined) {
                 x === null || x === void 0 ? void 0 : x(e, {
                     index: g,
@@ -2422,14 +2456,14 @@
                 });
             }
         }), [ f, g, x ]);
-        var Te = (0, t.useCallback)((function(e) {
+        var je = (0, t.useCallback)((function(e) {
             Se({
                 reason: "contentClick",
                 event: e
             });
         }), [ Se ]);
         var De = (0, t.useMemo)((function() {
-            if (Q !== undefined && rr()(Q)) {
+            if (Q !== undefined && nr()(Q)) {
                 var e;
                 return {
                     x: Q - ((e = te === null || te === void 0 ? void 0 : te.getBoundingClientRect().left) !== null && e !== void 0 ? e : 0)
@@ -2438,30 +2472,30 @@
             return undefined;
         }), [ Q, te ]);
         var qe = (0, t.useMemo)((function() {
-            return Ie()({}, $, {
+            return Ee()({}, $, {
                 width: U
             });
         }), [ $, U ]);
         var Ae;
-        if (b) {
-            Ae = b;
+        if (m) {
+            Ae = m;
         } else if (typeof w === "string") {
             Ae = w;
         }
         
-        return r().createElement(Sn, cr({
+        return r().createElement(Rn, ur({
             style: qe,
             "data-test": "head-cell",
             $isDragging: pe && ge,
             $variant: B,
             id: F ? xe : undefined,
             ref: ke
-        }, X),  r().createElement(xn, null, pe &&  r().createElement(kn, cr({
-            "aria-label": (0, q.sprintf)((0, D._)("Reorder %(labelString)s"), {
+        }, X),  r().createElement(On, null, pe &&  r().createElement(In, ur({
+            "aria-label": (0, D.sprintf)((0, j._)("Reorder %(labelString)s"), {
                 labelString: Ae
             }),
             "data-test": "drag"
-        }, me, he),  r().createElement(je(), null)),  r().createElement(Cn, {
+        }, be, he),  r().createElement(En, null,  r().createElement(Te(), null))),  r().createElement(kn, {
             align: o,
             "aria-expanded": we,
             "aria-haspopup": true,
@@ -2477,57 +2511,57 @@
             onAutosizeColumn: C,
             onRequestResize: E,
             onClick: Re,
-            onKeyDown: Ee,
+            onKeyDown: Ie,
             truncate: K,
             width: U,
             "data-test": "inner"
-        }),  r().createElement(lr(), {
+        }),  r().createElement(ir(), {
             align: "center",
             anchor: te,
             "aria-labelledby": xe,
-            autoCloseWhenOffScreen: P()(d, "offScreen"),
+            autoCloseWhenOffScreen: A()(d, "offScreen"),
             canCoverAnchor: u,
             defaultPlacement: "below",
             id: fe,
             onRequestClose: Se,
             open: !!te && we,
             pointTo: De,
-            repositionMode: A,
+            repositionMode: P,
             retainFocus: M,
-            takeFocus: W
-        }, ir()(s) ? function() {
+            takeFocus: L
+        }, rr()(s) ? 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: je
             }, s.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: je
         }, s))));
     }
-    xr.propTypes = wr;
-    xr.splunkUiType = "Table.HeadDropdownCell";
-    xr.possibleCloseReasons = gr;
-    /* harmony default export */    const Sr = xr;
+    wr.propTypes = yr;
+    wr.splunkUiType = "Table.HeadDropdownCell";
+    wr.possibleCloseReasons = hr;
+    /* harmony default export */    const Cr = wr;
     // CONCATENATED MODULE: ./src/Table/KeyboardSensor.ts
-    function kr(e) {
+    function xr(e) {
         "@babel/helpers - typeof";
-        return kr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return xr = "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;
-        }, kr(e);
+        }, xr(e);
     }
-    function Or(e, n) {
-        return Ir(e) || Er(e, n) || Dr(e, n) || Rr();
+    function Sr(e, n) {
+        return Rr(e) || Or(e, n) || Tr(e, n) || kr();
     }
-    function Rr() {
+    function kr() {
         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 Er(e, n) {
+    function Or(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;
@@ -2549,68 +2583,68 @@
             return l;
         }
     }
-    function Ir(e) {
+    function Rr(e) {
         if (Array.isArray(e)) return e;
     }
-    function Tr(e) {
-        return Ar(e) || qr(e) || Dr(e) || jr();
+    function Er(e) {
+        return Dr(e) || jr(e) || Tr(e) || Ir();
     }
-    function jr() {
+    function Ir() {
         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 Dr(e, n) {
+    function Tr(e, n) {
         if (e) {
-            if ("string" == typeof e) return Pr(e, n);
+            if ("string" == typeof e) return qr(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) ? Pr(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) ? qr(e, n) : void 0;
         }
     }
-    function qr(e) {
+    function jr(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function Ar(e) {
-        if (Array.isArray(e)) return Pr(e);
+    function Dr(e) {
+        if (Array.isArray(e)) return qr(e);
     }
-    function Pr(e, n) {
+    function qr(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 _r(e, n) {
+    function Ar(e, n) {
         if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
     }
-    function zr(e, n) {
+    function Pr(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, Nr(r.key), r);
+            Object.defineProperty(e, Mr(r.key), r);
         }
     }
-    function Mr(e, n, t) {
-        return n && zr(e.prototype, n), t && zr(e, t), Object.defineProperty(e, "prototype", {
+    function _r(e, n, t) {
+        return n && Pr(e.prototype, n), t && Pr(e, t), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function $r(e, n, t) {
-        return (n = Nr(n)) in e ? Object.defineProperty(e, n, {
+    function zr(e, n, t) {
+        return (n = Mr(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function Nr(e) {
-        var n = Wr(e, "string");
-        return "symbol" == kr(n) ? n : n + "";
+    function Mr(e) {
+        var n = $r(e, "string");
+        return "symbol" == xr(n) ? n : n + "";
     }
-    function Wr(e, n) {
-        if ("object" != kr(e) || !e) return e;
+    function $r(e, n) {
+        if ("object" != xr(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != kr(r)) return r;
+            if ("object" != xr(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
@@ -2618,21 +2652,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 Lr =  function() {
+        var Nr =  function() {
         function e(n) {
             var t = this;
-            _r(this, e);
-            $r(this, "listeners", []);
-            $r(this, "removeAll", (function() {
+            Ar(this, e);
+            zr(this, "listeners", []);
+            zr(this, "removeAll", (function() {
                 t.listeners.forEach((function(e) {
                     var n;
-                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Tr(e));
+                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Er(e));
                 }));
             }));
             this.target = n;
             this.target = n;
         }
-        Mr(e, [ {
+        _r(e, [ {
             key: "add",
             value: function e(n, t, r) {
                 var o;
@@ -2643,7 +2677,7 @@
         return e;
     }();
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/parseTransform.ts
-        function Hr(e) {
+        function Wr(e) {
         if (e.startsWith("matrix3d(")) {
             var n = e.slice(9, -1).split(/, /);
             return {
@@ -2665,8 +2699,8 @@
         return null;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/inverseTransform.ts
-        function Kr(e, n, t) {
-        var r = Hr(n);
+        function Lr(e, n, t) {
+        var r = Wr(n);
         if (!r) {
             return e;
         }
@@ -2684,17 +2718,17 @@
             left: u
         };
     }
-    var Br = {
+    var Hr = {
         ignoreTransform: false
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/rect/getRect.ts
-        function Vr(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Br;
+        function Kr(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Hr;
         var t = e.getBoundingClientRect();
         if (n.ignoreTransform) {
-            var r = (0, qn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
+            var r = (0, zn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
             if (o) {
-                t = Kr(t, o, i);
+                t = Lr(t, o, i);
             }
         }
         var a = t, l = a.top, u = a.left, s = a.width, c = a.height, d = a.bottom, f = a.right;
@@ -2707,7 +2741,7 @@
             right: f
         };
     }
-    function Fr(e) {
+    function Br(e) {
         if (e === document.scrollingElement) {
             var n = window, t = n.innerWidth, r = n.innerHeight;
             return {
@@ -2730,19 +2764,19 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/documentScrollingElement.ts
-        function Ur(e) {
-        if (!qn.canUseDOM || !e) {
+        function Vr(e) {
+        if (!zn.canUseDOM || !e) {
             return false;
         }
         return e === document.scrollingElement;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollPosition.ts
-        function Xr(e) {
+        function Fr(e) {
         var n = {
             x: 0,
             y: 0
         };
-        var t = Ur(e) ? {
+        var t = Vr(e) ? {
             height: window.innerHeight,
             width: window.innerWidth
         } : {
@@ -2767,20 +2801,20 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/coordinates/constants.ts
-        var Yr = {
+        var Ur = {
         x: 0,
         y: 0
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isFixed.ts
-        function Gr(e) {
+        function Xr(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        qn.getWindow)(e).getComputedStyle(e);
+        zn.getWindow)(e).getComputedStyle(e);
         return n.position === "fixed";
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isScrollable.ts
-        function Jr(e) {
+        function Yr(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        qn.getWindow)(e).getComputedStyle(e);
+        zn.getWindow)(e).getComputedStyle(e);
         var t = /(auto|scroll|overlay)/;
         var r = [ "overflow", "overflowX", "overflowY" ];
         return r.some((function(e) {
@@ -2789,7 +2823,7 @@
         }));
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function Qr(e, n) {
+        function Gr(e, n) {
         var t = [];
         function r(o) {
             if (n != null && t.length >= n) {
@@ -2798,23 +2832,23 @@
             if (!o) {
                 return t;
             }
-            if ((0, qn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
+            if ((0, zn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
                 t.push(o.scrollingElement);
                 return t;
             }
-            if (!(0, qn.isHTMLElement)(o) || (0, qn.isSVGElement)(o)) {
+            if (!(0, zn.isHTMLElement)(o) || (0, zn.isSVGElement)(o)) {
                 return t;
             }
             if (t.includes(o)) {
                 return t;
             }
-            var i = (0, qn.getWindow)(e).getComputedStyle(o);
+            var i = (0, zn.getWindow)(e).getComputedStyle(o);
             if (o !== e) {
-                if (Jr(o, i)) {
+                if (Yr(o, i)) {
                     t.push(o);
                 }
             }
-            if (Gr(o, i)) {
+            if (Xr(o, i)) {
                 return t;
             }
             return r(o.parentNode);
@@ -2825,23 +2859,23 @@
         return r(e);
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function Zr(e) {
-        var n = Qr(e, 1), t = Or(n, 1), r = t[0];
+        function Jr(e) {
+        var n = Gr(e, 1), t = Sr(n, 1), r = t[0];
         return r !== null && r !== void 0 ? r : null;
     }
-    var eo = {
+    var Qr = {
         start: [ a.KeyboardCode.Space, a.KeyboardCode.Enter ],
         cancel: [ a.KeyboardCode.Esc ],
         end: [ a.KeyboardCode.Space, a.KeyboardCode.Enter ]
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/scrollIntoViewIfNeeded.ts
-        function no(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Vr;
+        function Zr(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Kr;
         if (!e) {
             return;
         }
         var t = n(e), r = t.top, o = t.left, i = t.bottom, a = t.right;
-        var l = Zr(e);
+        var l = Jr(e);
         if (!l) {
             return;
         }
@@ -2852,23 +2886,23 @@
             });
         }
     }
-    var to =  function() {
+    var eo =  function() {
         function e(n) {
-            _r(this, e);
-            $r(this, "autoScrollEnabled", false);
-            $r(this, "referenceCoordinates", void 0);
-            $r(this, "listeners", void 0);
-            $r(this, "windowListeners", void 0);
+            Ar(this, e);
+            zr(this, "autoScrollEnabled", false);
+            zr(this, "referenceCoordinates", void 0);
+            zr(this, "listeners", void 0);
+            zr(this, "windowListeners", void 0);
             this.props = n;
             var t = n.event.target;
             this.props = n;
-            this.listeners = new Lr((0, qn.getOwnerDocument)(t));
-            this.windowListeners = new Lr((0, qn.getWindow)(t));
+            this.listeners = new Nr((0, zn.getOwnerDocument)(t));
+            this.windowListeners = new Nr((0, zn.getWindow)(t));
             this.handleKeyDown = this.handleKeyDown.bind(this);
             this.handleCancel = this.handleCancel.bind(this);
             this.attach();
         }
-        Mr(e, [ {
+        _r(e, [ {
             key: "attach",
             value: function e() {
                 var n = this;
@@ -2885,16 +2919,16 @@
                 var n = this.props, t = n.activeNode, r = n.onStart;
                 var o = t.node.current;
                 if (o) {
-                    no(o);
+                    Zr(o);
                 }
-                r(Yr);
+                r(Ur);
             }
         }, {
             key: "handleKeyDown",
             value: function e(n) {
-                if ((0, qn.isKeyboardEvent)(n)) {
+                if ((0, zn.isKeyboardEvent)(n)) {
                     var t = this.props, r = t.active, o = t.context, i = t.options;
-                    var l = i.keyboardCodes, u = l === void 0 ? eo : l, s = i.coordinateGetter, c = i.scrollBehavior, d = c === void 0 ? "smooth" : c;
+                    var l = i.keyboardCodes, u = l === void 0 ? Qr : l, s = i.coordinateGetter, c = i.scrollBehavior, d = c === void 0 ? "smooth" : c;
                     var f = n.code;
                     if (u.end.includes(f)) {
                         this.handleEnd(n);
@@ -2908,17 +2942,17 @@
                     var p = v ? {
                         x: v.left,
                         y: v.top
-                    } : Yr;
+                    } : Ur;
                     if (!this.referenceCoordinates) {
                         this.referenceCoordinates = p;
                     }
-                    var b = s(n, {
+                    var m = s(n, {
                         active: r,
                         context: o.current,
                         currentCoordinates: p
                     });
-                    if (b) {
-                        var m = (0, qn.subtract)(b, p);
+                    if (m) {
+                        var b = (0, zn.subtract)(m, p);
                         var h = {
                             x: 0,
                             y: 0
@@ -2927,19 +2961,19 @@
                         for (var g = 0; g < y.length; g += 1) {
                             var w = y[g];
                             var C = n.code;
-                            var x = Xr(w), S = x.isTop, k = x.isRight, O = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
-                            var T = Fr(w);
+                            var x = Fr(w), S = x.isTop, k = x.isRight, O = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
+                            var T = Br(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
-                                                        var j = T.top <= b.y && T.bottom >= b.y + ((v === null || v === void 0 ? void 0 : v.height) || 0);
-                            var D = T.left <= b.x && T.right >= b.x + ((v === null || v === void 0 ? void 0 : v.width) || 0);
+                                                        var j = T.top <= m.y && T.bottom >= m.y + ((v === null || v === void 0 ? void 0 : v.height) || 0);
+                            var D = T.left <= m.x && T.right >= m.x + ((v === null || v === void 0 ? void 0 : v.width) || 0);
                             var q = (C === a.KeyboardCode.Right && !k || C === a.KeyboardCode.Left && !O) && !D;
                             var A = (C === a.KeyboardCode.Down && !R || C === a.KeyboardCode.Up && !S) && !j;
                             if (q) {
-                                var P = w.scrollLeft + m.x;
+                                var P = w.scrollLeft + b.x;
                                 var _ = C === a.KeyboardCode.Right && P <= E.x || C === a.KeyboardCode.Left && P >= I.x;
-                                if (_ && !m.y) {
+                                if (_ && !b.y) {
                                     // 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({
@@ -2961,9 +2995,9 @@
                                 }
                                 break;
                             } else if (A) {
-                                var z = w.scrollTop + m.y;
+                                var z = w.scrollTop + b.y;
                                 var M = C === a.KeyboardCode.Down && z <= E.y || C === a.KeyboardCode.Up && z >= I.y;
-                                if (M && !m.x) {
+                                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({
@@ -2986,7 +3020,7 @@
                                 break;
                             }
                         }
-                        this.handleMove(n, (0, qn.add)((0, qn.subtract)(b, this.referenceCoordinates), h));
+                        this.handleMove(n, (0, zn.add)((0, zn.subtract)(m, this.referenceCoordinates), h));
                     }
                 }
             }
@@ -3022,10 +3056,10 @@
         } ]);
         return e;
     }();
-    $r(to, "activators", [ {
+    zr(eo, "activators", [ {
         eventName: "onKeyDown",
         handler: function e(n, t, r) {
-            var o = t.keyboardCodes, i = o === void 0 ? eo : o, a = t.onActivation;
+            var o = t.keyboardCodes, i = o === void 0 ? Qr : o, a = t.onActivation;
             var l = r.active;
             var u = n.nativeEvent.code;
             if (i.start.includes(u)) {
@@ -3043,24 +3077,24 @@
         }
     } ]);
     // CONCATENATED MODULE: external "lodash/extend"
-    const ro = require("lodash/extend");
-    var oo =  e.n(ro);
+    const no = require("lodash/extend");
+    var to =  e.n(no);
     // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
-    var io = $()(te).withConfig({
+    var ro = M()(ne).withConfig({
         displayName: "HeadTableStyles__Styled",
         componentId: "g85wgf-0"
     })([ "min-width:0;table-layout:fixed;" ]);
-    var ao = $().div.withConfig({
+    var oo = M().div.withConfig({
         displayName: "HeadTableStyles__StyledDockedContainer",
         componentId: "g85wgf-1"
-    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], N.variables.zindexFixedNavbar);
-    var lo = $()(ao).withConfig({
+    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], $.variables.zindexFixedNavbar);
+    var io = M()(oo).withConfig({
         displayName: "HeadTableStyles__StyledFixedContainer",
         componentId: "g85wgf-2"
     })([ "position:absolute;box-shadow:none;z-index:1;" ]);
     // CONCATENATED MODULE: ./src/Table/HeadTable.tsx
-    function uo() {
-        return uo = Object.assign ? Object.assign.bind() : function(e) {
+    function ao() {
+        return ao = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -3068,11 +3102,11 @@
                 }
             }
             return e;
-        }, uo.apply(null, arguments);
+        }, ao.apply(null, arguments);
     }
-    function so(e, n) {
+    function lo(e, n) {
         if (null == e) return {};
-        var t, r, o = co(e, n);
+        var t, r, o = uo(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -3081,7 +3115,7 @@
         }
         return o;
     }
-    function co(e, n) {
+    function uo(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -3092,7 +3126,7 @@
         }
         return t;
     }
-    var fo = {
+    var so = {
         cellWidths: i().arrayOf(i().number).isRequired,
         dragIndex: i().number,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -3113,13 +3147,13 @@
  * @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 vo(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, m = e.width, h = so(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
+ */    function co(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, b = e.width, h = lo(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
         var y = u === "docked";
-        var w = y ? ao : lo;
+        var w = y ? oo : io;
         var C = (0, t.useRef)(null);
         var x = (0, t.useCallback)((function(e) {
-            L(C, e);
+            W(C, e);
         }), [ C ]);
         var S = 0;
         if (a) {
@@ -3143,7 +3177,7 @@
             return k.filter(t.isValidElement).map((function(e, r) {
                 
                 return (0, t.cloneElement)(e, {
-                    style: oo()({}, e.props.style, {
+                    style: to()({}, e.props.style, {
                         width: n[r + S]
                     })
                 });
@@ -3155,35 +3189,35 @@
         }, O);
         var E = (0, t.useMemo)((function() {
             return {
-                top: b,
-                width: m
+                top: m,
+                width: b
             };
-        }), [ b, m ]);
+        }), [ m, b ]);
         
         return r().createElement(w, {
             style: E,
             ref: o
-        },  r().createElement(io, uo({
+        },  r().createElement(ro, ao({
             "data-test": "".concat(u, "-head-table"),
             "data-fixed-column": d ? "true" : undefined,
-            style: oo()({}, f, {
+            style: to()({}, f, {
                 marginLeft: c,
                 width: d ? undefined : v
             })
         }, g()(h, "dragIndex")), R));
     }
-    vo.propTypes = fo;
-    /* harmony default export */    const po = vo;
+    co.propTypes = so;
+    /* harmony default export */    const fo = co;
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function bo(e) {
+    function vo(e) {
         "@babel/helpers - typeof";
-        return bo = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return vo = "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;
-        }, bo(e);
+        }, vo(e);
     }
-    function mo(e, n) {
+    function po(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -3193,46 +3227,46 @@
         }
         return t;
     }
-    function ho(e) {
+    function mo(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) {
-                yo(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : mo(Object(t)).forEach((function(n) {
+            n % 2 ? po(Object(t), !0).forEach((function(n) {
+                bo(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : po(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function yo(e, n, t) {
-        return (n = go(n)) in e ? Object.defineProperty(e, n, {
+    function bo(e, n, t) {
+        return (n = ho(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function go(e) {
-        var n = wo(e, "string");
-        return "symbol" == bo(n) ? n : n + "";
+    function ho(e) {
+        var n = yo(e, "string");
+        return "symbol" == vo(n) ? n : n + "";
     }
-    function wo(e, n) {
-        if ("object" != bo(e) || !e) return e;
+    function yo(e, n) {
+        if ("object" != vo(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != bo(r)) return r;
+            if ("object" != vo(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
     // Checks if browser is Safari
-        function Co() {
+        function go() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
     // Formats return value to DOMRect
-        function xo(e) {
-        return ho(ho({}, e), {}, {
+        function wo(e) {
+        return mo(mo({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -3246,18 +3280,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 So(e, n) {
+ */    function Co(e, n) {
         var t, r;
         var o = e.getBoundingClientRect();
-        var i = Co();
+        var i = go();
         if (!n || !i) {
             return o;
         }
-        var a = Ze();
+        var a = tn();
         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 xo({
+        return wo({
             width: s,
             height: c,
             x: l,
@@ -3274,14 +3308,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 ko(e, n) {
+    function xo(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 So() {
+        return So = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -3289,41 +3323,41 @@
                 }
             }
             return e;
-        }, Oo.apply(null, arguments);
+        }, So.apply(null, arguments);
     }
-    function Ro(e) {
-        return To(e) || Io(e) || qo(e) || Eo();
+    function ko(e) {
+        return Eo(e) || Ro(e) || jo(e) || Oo();
     }
-    function Eo() {
+    function Oo() {
         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 Io(e) {
+    function Ro(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function To(e) {
-        if (Array.isArray(e)) return Ao(e);
+    function Eo(e) {
+        if (Array.isArray(e)) return Do(e);
     }
-    function jo(e, n) {
-        return _o(e) || Po(e, n) || qo(e, n) || Do();
+    function Io(e, n) {
+        return Ao(e) || qo(e, n) || jo(e, n) || To();
     }
-    function Do() {
+    function To() {
         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 qo(e, n) {
+    function jo(e, n) {
         if (e) {
-            if ("string" == typeof e) return Ao(e, n);
+            if ("string" == typeof e) return Do(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) ? Ao(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) ? Do(e, n) : void 0;
         }
     }
-    function Ao(e, n) {
+    function Do(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 Po(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;
@@ -3345,12 +3379,12 @@
             return l;
         }
     }
-    function _o(e) {
+    function Ao(e) {
         if (Array.isArray(e)) return e;
     }
-    function zo(e, n) {
+    function Po(e, n) {
         if (null == e) return {};
-        var t, r, o = Mo(e, n);
+        var t, r, o = _o(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -3359,7 +3393,7 @@
         }
         return o;
     }
-    function Mo(e, n) {
+    function _o(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -3374,7 +3408,7 @@
     // Internal Helper Modules
     /** @public */
     /** @public */
-    /** @public */    var $o = {
+    /** @public */    var zo = {
         actions: i().arrayOf(i().element),
         actionsColumnWidth: i().number,
         children: i().node,
@@ -3396,25 +3430,25 @@
         onRequestResizeColumn: i().func,
         resizableFillLayout: i().bool
     };
-    var No = function e(n) {
+    var Mo = function e(n) {
         return n === "inline";
     };
-    var Wo = function e(n) {
+    var $o = function e(n) {
         return n === "docked";
     };
-    var Lo = function e(n) {
+    var No = function e(n) {
         return n === "fixed";
     };
-    var Ho = function e(n) {
-        var t = Ze();
-        var r = So(n);
+    var Wo = function e(n) {
+        var t = tn();
+        var r = Co(n);
         return {
             top: r.top + t.pageYOffset,
             left: r.left + t.pageXOffset
         };
     };
-    var Ko = function e(n) {
-        var t = Ye();
+    var Lo = function e(n) {
+        var t = Qe();
         if (n === undefined || n === null) {
             return undefined;
         }
@@ -3436,20 +3470,20 @@
         }
         return undefined;
     };
-    var Bo = function e(n, t) {
+    var Ho = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Vo = function e(n, t) {
+    var Ko = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Fo = {
+    var Bo = {
         coordinateGetter: l.sortableKeyboardCoordinates
     };
-    var Uo = {
-        draggable: (0, D._)("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 Vo = {
+        draggable: (0, j._)("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, D._)("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.")
+    var Fo = {
+        draggable: (0, j._)("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
@@ -3460,7 +3494,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 Yo(e, n) {
+ */    function Uo(e, n) {
         var t, r;
         var o = n.target, i = n.index;
         if (false) {}
@@ -3473,149 +3507,149 @@
         if (false) {}
         (t = a) === null || t === void 0 ? void 0 : (r = t.focus) === null || r === void 0 ? void 0 : r.call(t);
     }
-    var Go = {
+    var Xo = {
         passive: false,
         capture: true
     };
-    var Jo = [];
-    function Qo(e) {
-        var n = e.actions, o = n === void 0 ? Jo : n, i = e.actionsColumnWidth, s = e.children, d = e.dockOffset, v = d === void 0 ? 0 : d, p = e.dockScrollBar, b = e.elementRef, h = e.headType, y = h === void 0 ? "inline" : h, w = e.innerStyle, x = e.onRequestMoveColumn, k = e.onRequestMoveRow, T = e.onRequestResizeColumn, A = e.onRequestToggleAllRows, P = e.onScroll, _ = e.outerStyle, z = e.primaryColumnIndex, M = z === void 0 ? 0 : z, $ = e.resizableFillLayout, N = e.rowExpansion, W = N === void 0 ? "none" : N, H = e.rowSelection, K = H === void 0 ? "none" : H, B = e.stripeRows, V = e.tableStyle, F = zo(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
+    var Yo = [];
+    function Go(e) {
+        var n = e.actions, o = n === void 0 ? Yo : n, i = e.actionsColumnWidth, s = e.children, d = e.dockOffset, v = d === void 0 ? 0 : d, p = e.dockScrollBar, m = e.elementRef, h = e.headType, y = h === void 0 ? "inline" : h, w = e.innerStyle, x = e.onRequestMoveColumn, k = e.onRequestMoveRow, I = e.onRequestResizeColumn, q = e.onRequestToggleAllRows, A = e.onScroll, P = e.outerStyle, _ = e.primaryColumnIndex, z = _ === void 0 ? 0 : _, M = e.resizableFillLayout, $ = e.rowExpansion, N = $ === void 0 ? "none" : $, L = e.rowSelection, H = L === void 0 ? "none" : L, K = e.stripeRows, B = e.tableStyle, V = Po(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
  // @docs-props-type TablePropsBase
-                var U = (0, t.useState)([]), X = jo(U, 2), Y = X[0], G = X[1];
-        var J = (0, t.useState)(), Q = jo(J, 2), Z = Q[0], ie = Q[1];
-        var ue = (0, t.useState)(), se = jo(ue, 2), ce = se[0], de = se[1];
-        var fe = (0, t.useState)(), ve = jo(fe, 2), pe = ve[0], be = ve[1];
-        var me = (0, t.useState)(), he = jo(me, 2), ye = he[0], ge = he[1];
-        var we = (0, t.useRef)(true);
-        var Ce = (0, t.useContext)(I.ScrollContainerContext);
-        var xe = (0, a.useSensors)((0, a.useSensor)(a.MouseSensor, {}), (0, a.useSensor)(a.TouchSensor, {}), (0, 
-        a.useSensor)(to, Fo));
-        var Se = (0, t.useState)([]), ke = jo(Se, 2), Oe = ke[0], Re = ke[1];
-        var Ee = (0, t.useState)(-1), Ie = jo(Ee, 2), Te = Ie[0], je = Ie[1];
+                var F = (0, t.useState)([]), U = Io(F, 2), X = U[0], Y = U[1];
+        var G = (0, t.useState)(), J = Io(G, 2), Q = J[0], oe = J[1];
+        var le = (0, t.useState)(), ue = Io(le, 2), se = ue[0], ce = ue[1];
+        var de = (0, t.useState)(), fe = Io(de, 2), ve = fe[0], pe = fe[1];
+        var me = (0, t.useState)(), be = Io(me, 2), he = be[0], ye = be[1];
+        var ge = (0, t.useRef)(true);
+        var we = (0, t.useContext)(E.ScrollContainerContext);
+        var Ce = (0, a.useSensors)((0, a.useSensor)(a.MouseSensor, {}), (0, a.useSensor)(a.TouchSensor, {}), (0, 
+        a.useSensor)(eo, Bo));
+        var xe = (0, t.useState)([]), Se = Io(xe, 2), ke = Se[0], Oe = Se[1];
+        var Re = (0, t.useState)(-1), Ee = Io(Re, 2), Ie = Ee[0], Te = Ee[1];
+        var je = (0, t.useRef)();
         var De = (0, t.useRef)();
-        var qe = (0, t.useRef)();
-        var Ae = (0, t.useState)(), Pe = jo(Ae, 2), _e = Pe[0], ze = Pe[1];
+        var qe = (0, t.useState)(), Ae = Io(qe, 2), Pe = Ae[0], _e = Ae[1];
+        var ze = (0, t.useRef)(null);
         var Me = (0, t.useRef)(null);
-        var $e = (0, t.useRef)(null);
-        var Ne = (0, t.useRef)();
-        var We = (0, t.useRef)(null);
-        var Le = (0, t.useRef)();
+        var $e = (0, t.useRef)();
+        var Ne = (0, t.useRef)(null);
+        var We = (0, t.useRef)();
+        var Le = (0, t.useRef)(null);
         var He = (0, t.useRef)(null);
-        var Ke = (0, t.useRef)(null);
-        var Be = j()(y);
+        var Ke = T()(y);
+        var Be = [];
         var Ve = [];
         var Fe = [];
         var Ue = [];
-        var Xe = [];
-        var Ge = (0, t.useCallback)((function() {
+        var Xe = (0, t.useCallback)((function() {
             var e;
-            var n = Ze();
-            if (No(y)) {
+            var n = tn();
+            if (Mo(y)) {
                 return;
             }
-            var t = Ke.current;
-            var r = $e.current;
-            var o = He.current;
+            var t = He.current;
+            var r = Me.current;
+            var o = Le.current;
             if (!o || !r) {
                 return;
             }
-            var i = Zt($e.current);
-            var a = (e = $e.current) === null || e === void 0 ? void 0 : e.clientHeight;
-            var l = Ho(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
+            var i = Jt(Me.current);
+            var a = (e = Me.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(v));
-            ge(t === null || t === void 0 ? void 0 : t.clientWidth);
-            de(o === null || o === void 0 ? void 0 : o.clientWidth);
-            G(i);
-            be(u);
+            ye(t === null || t === void 0 ? void 0 : t.clientWidth);
+            ce(o === null || o === void 0 ? void 0 : o.clientWidth);
+            Y(i);
+            pe(u);
         }), [ v, y ]);
         (0, t.useEffect)((function() {
-            var e = $e.current;
-            var n = We.current;
+            var e = Me.current;
+            var n = Ne.current;
             if (e && n) {
-                var t = Zt($e.current);
-                if (!m()(Y, t)) {
-                    Ge();
+                var t = Jt(Me.current);
+                if (!b()(X, t)) {
+                    Xe();
                 }
             }
-            if (Be === "inline" && y === "inline") {
-                Ge();
+            if (Ke === "inline" && y === "inline") {
+                Xe();
             }
             if (false) {}
-        }), [ Y, y, Be, e, Ge ]);
-        var Je = (0, t.useCallback)((function(e) {
-            var n = Ke.current;
-            P === null || P === void 0 ? void 0 : P(e);
-            if ((Lo(y) || Wo(y)) && n) {
-                ie(-n.scrollLeft);
-            }
-            if (Me.current && Le.current !== "dockedScrollBar" && n) {
-                Le.current = "container";
-                Me.current.scrollLeft = n.scrollLeft;
+        }), [ X, y, Ke, e, Xe ]);
+        var Ye = (0, t.useCallback)((function(e) {
+            var n = He.current;
+            A === null || A === void 0 ? void 0 : A(e);
+            if ((No(y) || $o(y)) && n) {
+                oe(-n.scrollLeft);
+            }
+            if (ze.current && We.current !== "dockedScrollBar" && n) {
+                We.current = "container";
+                ze.current.scrollLeft = n.scrollLeft;
             } else {
-                Le.current = undefined;
-            }
-        }), [ y, P ]);
-        var Qe = function e() {
-            var n = Ke.current;
-            if (Le.current !== "container" && n && Me.current) {
-                Le.current = "dockedScrollBar";
-                n.scrollLeft = Me.current.scrollLeft;
+                We.current = undefined;
+            }
+        }), [ y, A ]);
+        var Ge = function e() {
+            var n = He.current;
+            if (We.current !== "container" && n && ze.current) {
+                We.current = "dockedScrollBar";
+                n.scrollLeft = ze.current.scrollLeft;
             } else {
-                Le.current = undefined;
+                We.current = undefined;
             }
         };
-        var en = C()(Ge, 0);
-        var nn = C()(Ge, 50);
-        O()(Ke, nn);
+        var Je = C()(Xe, 0);
+        var Ze = C()(Xe, 50);
+        O()(He, Ze);
         (0, t.useEffect)((function() {
             // Using the return value of useCallback to recreate componentWillUnmount
             return function() {
-                en.cancel();
-                nn.cancel();
+                Je.cancel();
+                Ze.cancel();
             };
         }));
-        var tn = function e(n) {
+        var en = function e(n) {
             return function(e) {
-                $e.current = e;
-                L(n.props.elementRef, e);
+                Me.current = e;
+                W(n.props.elementRef, e);
             };
         };
-        var rn = function e(n) {
+        var nn = function e(n) {
             if (n) {
                 // On mount, focus the applicable docked head cell if a primary head cell was focused.
-                if (Ne.current) {
-                    Yo(We.current, Ne.current);
-                    Ne.current = undefined;
+                if ($e.current) {
+                    Uo(Ne.current, $e.current);
+                    $e.current = undefined;
                 }
             } else {
                 // On unmount, focus the applicable primary head cell if a docked head cell was focused.
-                var t = Ko(We.current);
+                var t = Lo(Ne.current);
                 if (t) {
-                    Yo($e.current, t);
+                    Uo(Me.current, t);
                 }
             }
-            We.current = n;
+            Ne.current = n;
         };
-        var on = function e(n) {
-            var t = Ke.current;
-            if (!We.current || !t || (0, E.keycode)(n.nativeEvent) !== "tab") {
+        var rn = function e(n) {
+            var t = He.current;
+            if (!Ne.current || !t || n.key !== "Tab") {
                 return;
             }
-            var r = We.current.scrollLeft;
+            var r = Ne.current.scrollLeft;
             if (r !== 0) {
-                We.current.scrollLeft = 0;
+                Ne.current.scrollLeft = 0;
                 t.scrollLeft += r;
             }
         };
-        var an = function e(n, t) {
+        var on = function e(n, t) {
             var r, o;
             var i = t.index, a = t.columnId;
-            var l = Ye();
+            var l = Qe();
             if (i === undefined) {
                 return;
             }
-            var u = W === "none" ? 1 : 2;
-            var s = (r = Ke.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(i + u, "), tbody td:nth-child(").concat(i + u, ")"));
+            var u = N === "none" ? 1 : 2;
+            var s = (r = He.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(i + u, "), tbody td:nth-child(").concat(i + u, ")"));
             var d = l.createElement("div");
             // TODO: find a styled-components compliant way to do this
                         d.style["float"] = "left";
@@ -3632,74 +3666,74 @@
                 d.appendChild(n);
             }));
             l.body.appendChild(d);
-            T === null || T === void 0 ? void 0 : T(n, {
+            I === null || I === void 0 ? void 0 : I(n, {
                 index: i,
                 columnId: a,
                 width: d.clientWidth + 1
             });
             (o = d.parentNode) === null || o === void 0 ? void 0 : o.removeChild(d);
         };
-        var ln = (0, t.useCallback)((function(e) {
+        var an = (0, t.useCallback)((function(e) {
             var n = e.active;
             var t = n.id;
-            De.current = Xe.indexOf(t);
-            ze(t);
-        }), [ Xe ]);
-        var un = (0, t.useCallback)((function(e) {
+            je.current = Ue.indexOf(t);
+            _e(t);
+        }), [ Ue ]);
+        var ln = (0, t.useCallback)((function(e) {
             if (e.over) {
                 var n = e.over.id;
-                var t = Xe.indexOf(n);
+                var t = Ue.indexOf(n);
                 var r = t;
-                if (De.current !== undefined && t > De.current) {
+                if (je.current !== undefined && t > je.current) {
                     r = t + 1;
                 }
-                je(r);
+                Te(r);
             } else {
-                je(-1);
+                Te(-1);
             }
-        }), [ Xe ]);
+        }), [ Ue ]);
         // 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 sn = (0, t.useMemo)((function() {
-            return C()(un, 100);
-        }), [ un ]);
+                var un = (0, t.useMemo)((function() {
+            return C()(ln, 100);
+        }), [ ln ]);
         (0, t.useEffect)((function() {
             return function() {
-                sn.cancel();
+                un.cancel();
             };
-        }), [ sn ]);
-        var cn = (0, t.useCallback)((function(e) {
+        }), [ un ]);
+        var sn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
             if (t && n.id !== t.id) {
-                var r = Xe.indexOf(n.id);
-                var o = Xe.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                var r = Ue.indexOf(n.id);
+                var o = Ue.indexOf(t === null || t === void 0 ? void 0 : t.id);
                 x === null || x === void 0 ? void 0 : x({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-            ze(undefined);
-            je(-1);
-            qe.current = undefined;
+            _e(undefined);
+            Te(-1);
             De.current = undefined;
-        }), [ Xe, x ]);
-        var dn = (0, t.useCallback)((function(e) {
+            je.current = undefined;
+        }), [ Ue, x ]);
+        var cn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
-            we.current = true;
+            ge.current = true;
             if (t && n.id !== t.id) {
-                var r = Fe.indexOf(n.id);
-                var o = Fe.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                var r = Ve.indexOf(n.id);
+                var o = Ve.indexOf(t === null || t === void 0 ? void 0 : t.id);
                 k === null || k === void 0 ? void 0 : k({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-        }), [ Fe, k ]);
-        var fn = (0, t.useCallback)((function() {
-            we.current = true;
+        }), [ Ve, k ]);
+        var dn = (0, t.useCallback)((function() {
+            ge.current = true;
         }), []);
-        var vn = (0, t.useRef)({});
-        var pn = function e(n) {
+        var fn = (0, t.useRef)({});
+        var vn = function e(n) {
             var r = t.Children.toArray(n.props.children).filter(t.isValidElement).map((function(e, n) {
                 var r = e;
                 var o = r.key || (0, R.createDOMID)("col-");
@@ -3709,15 +3743,15 @@
                                 if (!o.startsWith("col-")) {
                     o = "col-".concat(o);
                 }
-                Ue.push(r);
-                Xe.push(o);
+                Fe.push(r);
+                Ue.push(o);
                 
                 return (0, t.cloneElement)(r, {
                     index: n,
                     dragId: o,
                     elementRef: function e(n) {
-                        vn.current[o] = n;
-                        L(r.props.elementRef, n);
+                        fn.current[o] = n;
+                        W(r.props.elementRef, n);
                     }
                 });
             }));
@@ -3725,41 +3759,41 @@
             var l =  (0, t.cloneElement)(n, {
                 actions: a,
                 actionsColumnWidth: i,
-                hasInfoColumn: W !== "none",
+                hasInfoColumn: N !== "none",
                 hasDragColumn: !!k,
-                onAutosizeColumn: an,
+                onAutosizeColumn: on,
                 onRequestMoveColumn: x,
-                onRequestResizeColumn: T,
-                onRequestToggleAllRows: A,
-                elementRef: tn(n),
-                rowSelection: K
+                onRequestResizeColumn: I,
+                onRequestToggleAllRows: q,
+                elementRef: en(n),
+                rowSelection: H
             }, r);
             return l;
         };
-        var bn = (0, t.useMemo)((function() {
+        var pn = (0, t.useMemo)((function() {
             var e, n;
-            if (Te === -1 || !$e.current || !Ke.current) return null;
+            if (Ie === -1 || !Me.current || !He.current) return null;
             var t = !!k;
-            var o = W !== "none";
-            var i = Array.from((e = (n = $e.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);
+            var o = N !== "none";
+            var i = Array.from((e = (n = Me.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 (Te === 0) {
+            if (Ie === 0) {
                 var l;
                 a = ((l = i[0]) === null || l === void 0 ? void 0 : l.offsetLeft) || 0;
-            } else if (Te >= i.length) {
+            } else if (Ie >= 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[Te]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
+                a = ((s = i[Ie]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
             }
             
-            return r().createElement(le, {
-                $height: Ke.current.clientHeight,
+            return r().createElement(ae, {
+                $height: He.current.clientHeight,
                 $left: a
             });
-        }), [ Te, k, W, A ]);
+        }), [ Ie, k, N, q ]);
         var mn = function e(n) {
             var r = (o === null || o === void 0 ? void 0 : o.filter(t.isValidElement).length) > 0;
             var a = false;
@@ -3775,11 +3809,11 @@
                                 if (!i.startsWith("row-")) {
                     i = "row-".concat(i);
                 }
-                Ve.push( (0, t.cloneElement)(e, {
+                Be.push( (0, t.cloneElement)(e, {
                     index: n,
                     dragId: i
                 }));
-                Fe.push(i);
+                Ve.push(i);
             }));
             var l = r || a || !!i;
             
@@ -3787,104 +3821,104 @@
                 actions: l,
                 movableColumns: !!x,
                 onRequestMoveRow: k,
-                primaryColumnIndex: M,
-                rowExpansion: W,
-                stripeRows: B
-            }, Ve);
+                primaryColumnIndex: z,
+                rowExpansion: N,
+                stripeRows: K
+            }, Be);
         };
-        var hn = function e() {
-            var n = Ke.current;
-            var t = Ze();
-            if (!Wo(y) || !He.current || !$e.current || !n) {
+        var bn = function e() {
+            var n = He.current;
+            var t = tn();
+            if (!$o(y) || !Le.current || !Me.current || !n) {
                 return false;
             }
-            var r = Ho(n).top;
+            var r = Wo(n).top;
             return t.pageYOffset >= r - (v || 0);
         };
-        var yn = function e() {
-            var n = Ze();
-            var t = Ke.current;
-            if (!p || !He.current || !t) {
+        var hn = function e() {
+            var n = tn();
+            var t = He.current;
+            if (!p || !Le.current || !t) {
                 return false;
             }
-            var r = So(t);
+            var r = Co(t);
             return r.bottom > n.innerHeight && r.top < n.innerHeight;
         };
-        var gn = function e(n, o) {
-            if (hn()) {
+        var yn = function e(n, o) {
+            if (bn()) {
                 // FIXME: handle inline
                 // Save the current head focus state so that it can be applied to the docked version
                 // after the `HeadTable` mounts.
-                Ne.current = Ko($e.current);
-                if (Y === undefined || ce === undefined || pe === undefined || ye === undefined) {
+                $e.current = Lo(Me.current);
+                if (X === undefined || se === undefined || ve === undefined || he === undefined) {
                     return false;
                 }
                 var i =  (0, t.cloneElement)(n);
                 
-                return r().createElement(po, {
+                return r().createElement(fo, {
                     headType: "docked",
                     tHead: i,
-                    cellWidths: Y,
-                    horizontalOffset: Z,
-                    tableWidth: ce,
-                    top: pe,
-                    width: ye,
-                    tableStyle: V,
+                    cellWidths: X,
+                    horizontalOffset: Q,
+                    tableWidth: se,
+                    top: ve,
+                    width: he,
+                    tableStyle: B,
                     isFixedColumn: o,
-                    onKeyUp: on,
-                    elementRef: rn,
+                    onKeyUp: rn,
+                    elementRef: nn,
                     hasDragColumn: !!k,
-                    hasRowExpansion: W !== "none",
-                    hasRowSelection: !!A
+                    hasRowExpansion: N !== "none",
+                    hasRowSelection: !!q
                 });
             }
             return false;
         };
-        var wn = (0, t.useMemo)((function() {
+        var gn = (0, t.useMemo)((function() {
             var e, n, t;
-            if (!Me.current || !$e.current || !He.current) {
+            if (!ze.current || !Me.current || !Le.current) {
                 return 0;
             }
-            var r = Ze();
-            var o = (e = So(He.current).top) !== null && e !== void 0 ? e : 0;
-            var i = (n = (t = $e.current) === null || t === void 0 ? void 0 : t.offsetHeight) !== null && n !== void 0 ? n : 0;
+            var r = tn();
+            var o = (e = Co(Le.current).top) !== null && e !== void 0 ? e : 0;
+            var i = (n = (t = Me.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 - Me.current.offsetHeight, 0);
+            return Math.min(a - ze.current.offsetHeight, 0);
         }), []);
-        var Cn = (0, t.useMemo)((function() {
+        var wn = (0, t.useMemo)((function() {
             return {
-                width: ye,
-                marginBottom: wn
+                width: he,
+                marginBottom: gn
             };
-        }), [ ye, wn ]);
-        var xn = (0, t.useMemo)((function() {
+        }), [ he, gn ]);
+        var Cn = (0, t.useMemo)((function() {
             return {
-                width: ce
+                width: se
             };
-        }), [ ce ]);
-        var Sn = function e() {
-            if (!yn()) {
+        }), [ se ]);
+        var xn = function e() {
+            if (!hn()) {
                 return false;
             }
             
-            return r().createElement(re, {
-                style: Cn,
-                onScroll: Qe,
+            return r().createElement(te, {
+                style: wn,
+                onScroll: Ge,
                 "data-test": "docked-scroll-bar",
-                ref: Me
-            },  r().createElement(oe, {
-                style: xn,
+                ref: ze
+            },  r().createElement(re, {
+                style: Cn,
                 "data-test": "docked-scroll-content"
             }));
         };
-        var kn = function e() {
-            var n = $e.current;
-            var t = Ke.current;
+        var Sn = function e() {
+            var n = Me.current;
+            var t = He.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 = Zt($e.current);
+                var r = Jt(Me.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) {
@@ -3894,56 +3928,56 @@
             }
             return null;
         };
+        var kn;
         var On;
         var Rn;
-        var En;
-        var In = !!T;
+        var En = !!I;
         t.Children.toArray(s).forEach((function(e) {
             var n = e.type.splunkUiType;
             if (n === "Table.Head") {
-                On = pn(e);
-                if (!In) {
+                kn = vn(e);
+                if (!En) {
                     // if all the HeadCells are fixed width, then the table is fixed.
-                    In = !t.Children.toArray(e.props.children).filter(t.isValidElement).some((function(e) {
+                    En = !t.Children.toArray(e.props.children).filter(t.isValidElement).some((function(e) {
                         return !f()(e.props, "width");
                     }));
                 }
             } else if (n === "Table.Body") {
-                Rn = mn(e);
+                On = mn(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.
-                En = e;
+                Rn = e;
             }
         }));
-        ko(On, "A Table.Head is required.");
-        var Tn = gn(On, In);
+        xo(kn, "A Table.Head is required.");
+        var In = yn(kn, En);
         // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
         // interactions will be handled by the overlaid `headTable` instead.
-                var jn = t.Children.toArray(On.props.children).filter(t.isValidElement).map((function(e) {
+                var Tn = t.Children.toArray(kn.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: !Tn
+                visible: !In
             });
         }));
-        On =  (0, t.cloneElement)(On, {}, jn);
-        var Dn = Ce || Ze();
-        var qn = Lo(y) ? Ke.current : Dn;
-        if ($) {
-            In = false;
+        kn =  (0, t.cloneElement)(kn, {}, Tn);
+        var jn = we || tn();
+        var Dn = No(y) ? He.current : jn;
+        if (M) {
+            En = false;
         }
-        var An = kn();
-        var Pn = (0, t.useMemo)((function() {
+        var qn = Sn();
+        var An = (0, t.useMemo)((function() {
             return {
                 headType: y,
-                resizableFillLayout: $,
-                tableContainerWidthWithoutBorders: An
+                resizableFillLayout: M,
+                tableContainerWidthWithoutBorders: qn
             };
-        }), [ y, $, An ]);
-        var _n = (0, t.useMemo)((function() {
+        }), [ y, M, qn ]);
+        var Pn = (0, t.useMemo)((function() {
             if (!k) {
                 return {
                     onDragStart: function e() {
@@ -3966,27 +4000,27 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Bo(Fe, t);
-                    return typeof r === "number" ? (0, q.sprintf)((0, D._)("Picked up sortable row in position %(pos)d of %(total)d."), {
+                    var r = Ho(Ve, t);
+                    return typeof r === "number" ? (0, D.sprintf)((0, j._)("Picked up sortable row in position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Fe.length
+                        total: Ve.length
                     }) : undefined;
                 },
                 onDragOver: function e(n) {
                     var t = n.active, r = n.over;
-                    if (we.current) {
-                        we.current = false;
+                    if (ge.current) {
+                        ge.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Bo(Fe, t.id);
-                    var i = Bo(Fe, r.id);
-                    return (0, q.sprintf)((0, D._)("Row moved from position %(from)d to position %(to)d of %(total)d."), {
+                    var o = Ho(Ve, t.id);
+                    var i = Ho(Ve, r.id);
+                    return (0, D.sprintf)((0, j._)("Row moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
-                        total: Fe.length
+                        total: Ve.length
                     });
                 },
                 onDragEnd: function e(n) {
@@ -3994,10 +4028,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Bo(Fe, t.id);
-                    return typeof r === "number" ? (0, q.sprintf)((0, D._)("Row dropped at position %(pos)d of %(total)d."), {
+                    var r = Ho(Ve, t.id);
+                    return typeof r === "number" ? (0, D.sprintf)((0, j._)("Row dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Fe.length
+                        total: Ve.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4005,14 +4039,14 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Bo(Fe, t);
-                    return typeof r === "number" ? (0, q.sprintf)((0, D._)("Row returned to its starting position of %(pos)d."), {
+                    var r = Ho(Ve, t);
+                    return typeof r === "number" ? (0, D.sprintf)((0, j._)("Row returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Fe, k ]);
-        var zn = (0, t.useMemo)((function() {
+        }), [ Ve, k ]);
+        var _n = (0, t.useMemo)((function() {
             if (!x) {
                 return {
                     onDragStart: function e() {
@@ -4035,28 +4069,28 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Vo(Xe, t);
-                    return typeof r === "number" ? (0, q.sprintf)((0, D._)("Picked up sortable column in position %(pos)d of %(total)d."), {
+                    var r = Ko(Ue, t);
+                    return typeof r === "number" ? (0, D.sprintf)((0, j._)("Picked up sortable column in position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Xe.length
+                        total: Ue.length
                     }) : undefined;
                 },
                 onDragOver: function e(n) {
                     var t = n.active, r = n.over;
-                    if (we.current) {
-                        we.current = false;
+                    if (ge.current) {
+                        ge.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Vo(Xe, t.id);
-                    var i = Vo(Xe, r.id);
+                    var o = Ko(Ue, t.id);
+                    var i = Ko(Ue, r.id);
                     if (typeof o !== "number" || typeof i !== "number") return undefined;
-                    return (0, q.sprintf)((0, D._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
+                    return (0, D.sprintf)((0, j._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
-                        total: Xe.length
+                        total: Ue.length
                     });
                 },
                 onDragEnd: function e(n) {
@@ -4064,10 +4098,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Vo(Xe, t.id);
-                    return typeof r === "number" ? (0, q.sprintf)((0, D._)("Column dropped at position %(pos)d of %(total)d."), {
+                    var r = Ko(Ue, t.id);
+                    return typeof r === "number" ? (0, D.sprintf)((0, j._)("Column dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Xe.length
+                        total: Ue.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4075,51 +4109,51 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Vo(Xe, t);
-                    return typeof r === "number" ? (0, q.sprintf)((0, D._)("Column returned to its starting position of %(pos)d."), {
+                    var r = Ko(Ue, t);
+                    return typeof r === "number" ? (0, D.sprintf)((0, j._)("Column returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Xe, x ]);
-        var Mn = (0, t.useMemo)((function() {
+        }), [ Ue, x ]);
+        var zn = (0, t.useMemo)((function() {
             return {
-                screenReaderInstructions: k ? Uo : Xo,
-                announcements: k ? _n : zn
+                screenReaderInstructions: k ? Vo : Fo,
+                announcements: k ? Pn : _n
             };
-        }), [ _n, zn, k ]);
-        var $n = (0, t.useCallback)((function(e) {
+        }), [ Pn, _n, k ]);
+        var Mn = (0, t.useCallback)((function(e) {
             var n = e.active.id;
             if (n.startsWith("col-") && x) {
-                Re([ u.restrictToHorizontalAxis ]);
-                ln(e);
+                Oe([ u.restrictToHorizontalAxis ]);
+                an(e);
             } else if (n.startsWith("row-") && k) {
-                Re([ u.restrictToVerticalAxis ]);
+                Oe([ u.restrictToVerticalAxis ]);
             }
-        }), [ x, k, ln ]);
-        var Nn = (0, t.useCallback)((function(e) {
-            Re([]);
+        }), [ x, k, an ]);
+        var $n = (0, t.useCallback)((function(e) {
+            Oe([]);
             var n = e.active.id;
             if (n.startsWith("col-") && x) {
-                cn(e);
+                sn(e);
             } else if (n.startsWith("row-") && k) {
-                dn(e);
+                cn(e);
             }
-        }), [ cn, dn, x, k ]);
-        var Wn = (0, t.useCallback)((function(e) {
+        }), [ sn, cn, x, k ]);
+        var Nn = (0, t.useCallback)((function(e) {
             var n = e.active.id;
             if (n.startsWith("col-") && x) {
-                sn(e);
+                un(e);
             }
-        }), [ sn, x ]);
-        var Ln = (0, t.useCallback)((function(e) {
-            Re([]);
+        }), [ un, x ]);
+        var Wn = (0, t.useCallback)((function(e) {
+            Oe([]);
             var n = e.active.id;
             if (n.startsWith("row-") && k) {
-                fn();
+                dn();
             }
-        }), [ fn, k ]);
-        var Hn = (0, t.useMemo)((function() {
+        }), [ dn, k ]);
+        var Ln = (0, t.useMemo)((function() {
             return function(e) {
                 var n = (0, a.pointerWithin)(e);
                 // Collision detection algorithms return an array of collisions
@@ -4130,64 +4164,64 @@
                                 return (0, a.rectIntersection)(e);
             };
         }), []);
-        var Kn = _e ? vn.current[_e] : null;
-        var Bn = Kn ? So(Kn).width : undefined;
-        var Vn = Ke.current ? So(Ke.current).height : undefined;
+        var Hn = Pe ? fn.current[Pe] : null;
+        var Kn = Hn ? Co(Hn).width : undefined;
+        var Bn = He.current ? Co(He.current).height : undefined;
         
-        return r().createElement(ee, Oo({
+        return r().createElement(Z, So({
             "data-test": "table",
-            ref: b,
-            style: _,
-            "data-test-row-selection": A ? K : undefined
-        }, g()(F, [].concat(Ro(Object.keys($o)), [ "style" ]))),  r().createElement(S(), {
-            target: Ze(),
+            ref: m,
+            style: P,
+            "data-test-row-selection": q ? H : undefined
+        }, g()(V, [].concat(ko(Object.keys(zo)), [ "style" ]))),  r().createElement(S(), {
+            target: tn(),
             eventType: "scroll",
-            listener: en,
-            options: Go
-        }),  r().createElement(Nt.Provider, {
-            value: Pn
-        }, Tn,  r().createElement(ne, {
-            onScroll: Je,
-            ref: Ke,
+            listener: Je,
+            options: Xo
+        }),  r().createElement(Mt.Provider, {
+            value: An
+        }, In,  r().createElement(ee, {
+            onScroll: Ye,
+            ref: He,
             style: w,
-            $dragging: !!_e
-        },  r().createElement(I.ScrollContainerProvider, {
-            value: qn
+            $dragging: !!Pe
+        },  r().createElement(E.ScrollContainerProvider, {
+            value: Dn
         },  r().createElement(a.DndContext, {
-            accessibility: Mn,
-            collisionDetection: Hn,
-            modifiers: Oe,
-            onDragCancel: Ln,
-            onDragEnd: Nn,
-            onDragOver: Wn,
-            onDragStart: $n,
-            sensors: xe
-        },  r().createElement(te, {
-            ref: He,
+            accessibility: zn,
+            collisionDetection: Ln,
+            modifiers: ke,
+            onDragCancel: Wn,
+            onDragEnd: $n,
+            onDragOver: Nn,
+            onDragStart: Mn,
+            sensors: Ce
+        },  r().createElement(ne, {
+            ref: Le,
             "data-test": "main-table",
-            style: V,
-            "data-fixed-column": In ? "true" : undefined,
-            $resizableFillLayout: $
-        }, En, x ?  r().createElement(l.SortableContext, {
-            items: Xe,
+            style: B,
+            "data-fixed-column": En ? "true" : undefined,
+            $resizableFillLayout: M
+        }, Rn, x ?  r().createElement(l.SortableContext, {
+            items: Ue,
             strategy: l.horizontalListSortingStrategy
-        }, On) : On, k ?  r().createElement(l.SortableContext, {
-            items: Fe,
+        }, kn) : kn, k ?  r().createElement(l.SortableContext, {
+            items: Ve,
             strategy: l.verticalListSortingStrategy
-        }, Rn) : Rn), _e &&  r().createElement(a.DragOverlay, null,  r().createElement(ae, {
-            $width: Bn,
-            $height: Vn
-        })), _e && bn))), Sn()));
-    }
-    Qo.propTypes = $o;
-    Qo.Body = Z;
-    Qo.Caption = ve;
-    Qo.Cell = ke;
-    Qo.Head = nr;
-    Qo.HeadCell = Dn;
-    Qo.HeadDropdownCell = Sr;
-    Qo.Row = Mt;
-    /* harmony default export */    const Zo = Qo;
+        }, On) : On), Pe &&  r().createElement(a.DragOverlay, null,  r().createElement(ie, {
+            $width: Kn,
+            $height: Bn
+        })), Pe && pn))), xn()));
+    }
+    Go.propTypes = zo;
+    Go.Body = Q;
+    Go.Caption = fe;
+    Go.Cell = Se;
+    Go.Head = Zt;
+    Go.HeadCell = _n;
+    Go.HeadDropdownCell = Cr;
+    Go.Row = _t;
+    /* harmony default export */    const Jo = Go;
     // CONCATENATED MODULE: ./src/Table/index.ts
     module.exports = n;
     /******/})();