@splunk/react-ui 5.2.0 → 5.4.0

package/Table.js

@@ -61,14 +61,14 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Body: () => /* reexport */ Q,
-        Caption: () => /* reexport */ fe,
-        Cell: () => /* reexport */ Se,
-        Head: () => /* reexport */ nr,
-        HeadCell: () => /* reexport */ Mn,
-        HeadDropdownCell: () => /* reexport */ Sr,
-        Row: () => /* reexport */ Wt,
-        default: () => /* reexport */ Zo
+        Body: () => /* reexport */ J,
+        Caption: () => /* reexport */ de,
+        Cell: () => /* reexport */ xe,
+        Head: () => /* reexport */ er,
+        HeadCell: () => /* reexport */ zn,
+        HeadDropdownCell: () => /* reexport */ xr,
+        Row: () => /* reexport */ Lt,
+        default: () => /* reexport */ Qo
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -84,57 +84,56 @@
     var u =  e.n(l);
     // CONCATENATED MODULE: external "lodash/has"
     const s = require("lodash/has");
-    var c =  e.n(s);
     // CONCATENATED MODULE: external "lodash/indexOf"
-    const d = require("lodash/indexOf");
-    var f =  e.n(d);
+    const c = require("lodash/indexOf");
+    var d =  e.n(c);
     // CONCATENATED MODULE: external "lodash/isEqual"
-    const v = require("lodash/isEqual");
-    var p =  e.n(v);
+    const f = require("lodash/isEqual");
+    var v =  e.n(f);
     // CONCATENATED MODULE: external "lodash/isNumber"
-    const m = require("lodash/isNumber");
+    const p = require("lodash/isNumber");
     // CONCATENATED MODULE: external "lodash/omit"
-    const b = require("lodash/omit");
-    var h =  e.n(b);
+    const m = require("lodash/omit");
+    var b =  e.n(m);
     // CONCATENATED MODULE: external "lodash/throttle"
-    const y = require("lodash/throttle");
-    var g =  e.n(y);
+    const h = require("lodash/throttle");
+    var y =  e.n(h);
     // CONCATENATED MODULE: external "prop-types"
-    const w = require("prop-types");
-    var C =  e.n(w);
+    const g = require("prop-types");
+    var w =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const x = require("@splunk/react-ui/EventListener");
-    var S =  e.n(x);
+    const C = require("@splunk/react-ui/EventListener");
+    var x =  e.n(C);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
-    const O = require("@splunk/react-ui/ScrollContainerContext");
+    const S = require("@splunk/react-ui/ScrollContainerContext");
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const k = require("@splunk/react-ui/usePrevious");
-    var R =  e.n(k);
+    const O = require("@splunk/react-ui/usePrevious");
+    var k =  e.n(O);
     // CONCATENATED MODULE: external "@splunk/react-ui/useResizeObserver"
-    const E = require("@splunk/react-ui/useResizeObserver");
-    var I =  e.n(E);
+    const R = require("@splunk/react-ui/useResizeObserver");
+    var E =  e.n(R);
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const T = require("@splunk/ui-utils/format");
+    const I = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const j = require("@splunk/ui-utils/i18n");
+    const T = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const D = require("@splunk/ui-utils/id");
+    const j = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "lodash/includes"
-    const q = require("lodash/includes");
-    var A =  e.n(q);
+    const D = require("lodash/includes");
+    var q =  e.n(D);
     // CONCATENATED MODULE: external "lodash/without"
-    const P = require("lodash/without");
-    var _ =  e.n(P);
+    const A = require("lodash/without");
+    var P =  e.n(A);
     // CONCATENATED MODULE: external "styled-components"
-    const z = require("styled-components");
-    var M =  e.n(z);
+    const _ = require("styled-components");
+    var z =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const $ = require("@splunk/themes");
+    const M = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Table/BodyStyles.ts
-    var N = M().tbody.withConfig({
+    var $ = z().tbody.withConfig({
         displayName: "BodyStyles__Styled",
         componentId: "sc-1k5p6pq-0"
-    })([ "", " z-index:0;" ], $.mixins.reset("table-row-group"));
+    })([ "", " z-index:0;" ], M.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.
@@ -142,7 +141,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 N(e, n) {
         if (e) {
             if (typeof e === "function") {
                 e(n);
@@ -155,8 +154,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Table/Body.tsx
-    function W() {
-        return W = 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) {
@@ -164,29 +163,29 @@
                 }
             }
             return e;
-        }, W.apply(null, arguments);
+        }, L.apply(null, arguments);
     }
-    function H(e, n) {
-        return U(e) || F(e, n) || B(e, n) || K();
+    function W(e, n) {
+        return F(e) || V(e, n) || K(e, n) || H();
     }
-    function K() {
+    function H() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function B(e, n) {
+    function K(e, n) {
         if (e) {
-            if ("string" == typeof e) return V(e, n);
+            if ("string" == typeof e) return B(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? V(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? B(e, n) : void 0;
         }
     }
-    function V(e, n) {
+    function B(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function F(e, n) {
+    function V(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -208,12 +207,12 @@
             return l;
         }
     }
-    function U(e) {
+    function F(e) {
         if (Array.isArray(e)) return e;
     }
-    function X(e, n) {
+    function U(e, n) {
         if (null == e) return {};
-        var t, r, o = Y(e, n);
+        var t, r, o = X(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -222,7 +221,7 @@
         }
         return o;
     }
-    function Y(e, n) {
+    function X(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -233,43 +232,43 @@
         }
         return t;
     }
-    var G = {
+    var Y = {
         /** @private. Generally passed by Table rather than added directly. */
-        actions: C().bool,
-        children: C().node,
-        elementRef: C().oneOfType([ C().func, C().object ]),
+        actions: w().bool,
+        children: w().node,
+        elementRef: w().oneOfType([ w().func, w().object ]),
         /** @private. Generally passed by Table rather than added directly. */
-        movableColumns: C().bool,
+        movableColumns: w().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        rowExpansion: C().oneOf([ "single", "multi", "none", "controlled" ]),
+        rowExpansion: w().oneOf([ "single", "multi", "none", "controlled" ]),
         /** @private. Generally passed by Table rather than added directly. */
-        onRequestMoveRow: C().func,
+        onRequestMoveRow: w().func,
         /** @private. Generally passed by Table rather than added directly. */
-        primaryColumnIndex: C().number,
+        primaryColumnIndex: w().number,
         /** @private. Generally passed by Table rather than added directly. */
-        stripeRows: C().bool
+        stripeRows: w().bool
     };
-    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" ]);
+    function G(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 = U(e, [ "actions", "children", "elementRef", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
  // @docs-props-type BodyPropsBase
                 var v = [];
-        var p = (0, t.useState)([]), m = H(p, 2), b = m[0], h = m[1];
+        var p = (0, t.useState)([]), m = W(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);
+            N(i, e);
         }), [ i, y ]);
         var w = function e(n, t, r) {
             var o = b;
             if (s === "single") {
-                if (A()(o, t)) {
+                if (q()(o, t)) {
                     h([]);
                 } else {
                     h([ t ]);
                 }
             } else if (s === "multi") {
-                if (A()(o, t)) {
-                    h(_()(o, t));
+                if (q()(o, t)) {
+                    h(P()(o, t));
                 } else {
                     h(o === null || o === void 0 ? void 0 : o.concat(t));
                 }
@@ -277,7 +276,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 = H(x, 2), O = S[0], k = S[1];
+        var x = (0, t.useState)(new Map), S = W(x, 2), O = S[0], k = S[1];
         r().useEffect((function() {
             k((function(e) {
                 var n = new Map(e);
@@ -292,7 +291,7 @@
                         n.set(a, Array.from({
                             length: l
                         }, (function() {
-                            return (0, D.createDOMID)();
+                            return (0, j.createDOMID)();
                         })));
                         r = true;
                     }
@@ -307,7 +306,7 @@
                 var u = (o = e.key) !== null && o !== void 0 ? o : r;
                 var f = r % 2 ? "even" : "odd";
                 var p = d ? f : "none";
-                var m = s === "controlled" ? e.props.expanded : A()(b, u);
+                var m = s === "controlled" ? e.props.expanded : q()(b, u);
                 var h = function n(t) {
                     w(t, u, e.props.onExpansion);
                 };
@@ -343,60 +342,60 @@
             return null;
         }
         
-        return r().createElement(N, W({
+        return r().createElement($, L({
             "data-test": "body"
         }, f, {
             ref: g
         }), v);
     }
-    J.propTypes = G;
-    J.splunkUiType = "Table.Body";
-    /* harmony default export */    const Q = J;
+    G.propTypes = Y;
+    G.splunkUiType = "Table.Body";
+    /* harmony default export */    const J = G;
     // CONCATENATED MODULE: ./src/Table/TableStyles.ts
-    var Z = M().div.withConfig({
+    var Q = z().div.withConfig({
         displayName: "TableStyles__Styled",
         componentId: "sc-1cmfss7-0"
-    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], $.mixins.reset("block"));
-    var ee = M().div.withConfig({
+    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], M.mixins.reset("block"));
+    var Z = z().div.withConfig({
         displayName: "TableStyles__StyledTableContainer",
         componentId: "sc-1cmfss7-1"
     })([ "overflow:auto;", " &::before{content:'';width:100%;height:0;top:0;position:absolute;}" ], (function(e) {
         var n = e.$dragging;
-        return n && (0, z.css)([ "overflow:hidden;" ]);
+        return n && (0, _.css)([ "overflow:hidden;" ]);
     }));
-    var ne = M().table.withConfig({
+    var ee = z().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;}" ], $.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;}" ], M.mixins.reset("table"), (function(e) {
         var n = e.$resizableFillLayout;
-        return n && (0, z.css)([ "width:100%;min-width:100%;table-layout:fixed;" ]);
+        return n && (0, _.css)([ "width:100%;min-width:100%;table-layout:fixed;" ]);
     }));
-    var te = M().div.withConfig({
+    var ne = z().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbar",
         componentId: "sc-1cmfss7-3"
-    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], $.variables.zindexFixedNavbar);
-    var re = M().div.withConfig({
+    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], M.variables.zindexFixedNavbar);
+    var te = z().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbarContent",
         componentId: "sc-1cmfss7-4"
     })([ "height:1px;" ]);
-    var oe = M().caption.withConfig({
+    var re = z().caption.withConfig({
         displayName: "TableStyles__StyledTableCaption",
         componentId: "sc-1cmfss7-5"
-    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], $.variables.spacingXSmall, $.variables.fontSizeLarge, (function(e) {
+    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], M.variables.spacingXSmall, M.variables.fontSizeLarge, (function(e) {
         var n = e.side;
         return n;
     }));
-    var ie = M().table.withConfig({
+    var oe = z().table.withConfig({
         displayName: "TableStyles__StyledDragShadowTable",
         componentId: "sc-1cmfss7-6"
-    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], $.variables.interactiveColorOverlayDrag, (function(e) {
+    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], M.variables.interactiveColorOverlayDrag, (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
     }), (function(e) {
         var n = e.$width;
         return "".concat(n, "px");
     }));
-    var ae = M().div.withConfig({
+    var ie = z().div.withConfig({
         displayName: "TableStyles__StyledGuideLine",
         componentId: "sc-1cmfss7-7"
     })([ "position:absolute;width:1px;left:", ";top:0;height:", ";pointer-events:none;background-color:", ";" ], (function(e) {
@@ -405,10 +404,10 @@
     }), (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
-    }), $.variables.interactiveColorAccent);
+    }), M.variables.interactiveColorAccent);
     // CONCATENATED MODULE: ./src/Table/Caption.tsx
-    function le() {
-        return le = Object.assign ? Object.assign.bind() : function(e) {
+    function ae() {
+        return ae = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -416,11 +415,11 @@
                 }
             }
             return e;
-        }, le.apply(null, arguments);
+        }, ae.apply(null, arguments);
     }
-    function ue(e, n) {
+    function le(e, n) {
         if (null == e) return {};
-        var t, r, o = se(e, n);
+        var t, r, o = ue(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -429,7 +428,7 @@
         }
         return o;
     }
-    function se(e, n) {
+    function ue(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -440,73 +439,73 @@
         }
         return t;
     }
-    var ce = {
-        children: C().node.isRequired,
-        side: C().oneOf([ "top", "bottom" ])
+    var se = {
+        children: w().node.isRequired,
+        side: w().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 de(e) {
-        var n = e.children, t = e.side, o = t === void 0 ? "top" : t, i = ue(e, [ "children", "side" ]);
+ */    function ce(e) {
+        var n = e.children, t = e.side, o = t === void 0 ? "top" : t, i = le(e, [ "children", "side" ]);
         // @docs-props-type CaptionPropsBase
                 
-        return r().createElement(oe, le({
+        return r().createElement(re, ae({
             "data-test": "caption",
             side: o
         }, i), n);
     }
-    de.propTypes = ce;
-    de.splunkUiType = "Table.Caption";
-    /* harmony default export */    const fe = de;
+    ce.propTypes = se;
+    ce.splunkUiType = "Table.Caption";
+    /* harmony default export */    const de = ce;
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const ve = require("@splunk/react-ui/ButtonSimple");
+    const fe = require("@splunk/react-ui/ButtonSimple");
     // CONCATENATED MODULE: ./src/Table/CellStyles.ts
-    var pe = "2px";
-    var me = (0, z.css)([ "box-shadow:", ";" ], $.variables.focusShadowInset);
-    var be = M().td.withConfig({
+    var ve = "2px";
+    var pe = (0, _.css)([ "box-shadow:", ";" ], M.variables.focusShadowInset);
+    var me = z().td.withConfig({
         displayName: "CellStyles__Styled",
         componentId: "sc-1955xk2-0"
-    })([ "", " line-height:", ";padding:", " ", ";border-left:0 solid transparent;border-right:0 solid transparent;color:", ";word-wrap:break-word;vertical-align:top;*:where(button):focus,&& *:is(:has(> input:focus)):not([disabled]){box-shadow:", ";}padding-block:", ";padding-inline:", ";", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, pe, $.variables.spacingSmall, $.variables.contentColorDefault, $.variables.focusShadowInset, (0, 
-    $.pick)({
+    })([ "", " line-height:", ";padding:", " ", ";border-left:0 solid transparent;border-right:0 solid transparent;color:", ";word-wrap:break-word;vertical-align:top;*:where(button):focus,&& *:is(:has(> input:focus)):not([disabled]){box-shadow:", ";}padding-block:", ";padding-inline:", ";", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}" ], M.mixins.reset("table-cell"), M.variables.lineHeightSpacious, ve, M.variables.spacingSmall, M.variables.contentColorDefault, M.variables.focusShadowInset, (0, 
+    M.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;" ])
+    }), M.variables.spacingSmall, (0, M.pickVariant)("$variant", {
+        expand: (0, _.css)([ "height:100%;padding:0;" ]),
+        toggle: (0, _.css)([ "height:100%;padding:0;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$isPrimaryCell;
-        return (0, $.pickVariant)("$appearance", {
-            data: (0, 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)
+        return (0, M.pickVariant)("$appearance", {
+            data: (0, _.css)([ "", "" ], n === "actions" && (0, _.css)([ "cursor:default;padding-block:", ";padding-inline:", ";*:where(button){", " &:focus{box-shadow:", ";}}" ], ve, M.variables.spacingSmall, (0, 
+            fe.buttonMixin)("subtle", {
+                color: M.variables.contentColorDefault
+            }), M.variables.focusShadowInset)),
+            rowLink: (0, _.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], M.variables.contentColorActive, t && (0, 
+            _.css)([ "text-decoration:underline;" ])),
+            link: (0, _.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], M.variables.contentColorLink, M.variables.focusShadowInset)
         });
     }), (function(e) {
         var n = e.$clickable, t = e.$focusWithin, r = e.$stripe;
-        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));
+        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{", " background-color:", ";}", "" ], r === "even" ? M.variables.neutral300 : M.variables.neutral100, pe, r === "even" ? M.variables.neutral300 : M.variables.neutral100, t && (0, 
+        _.css)([ "&:focus-within{", " background-color:", ";}" ], pe, r === "even" ? M.variables.neutral300 : M.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 he = M().div.withConfig({
+ */    var be = z().div.withConfig({
         displayName: "CellStyles__StyledCellContent",
         componentId: "sc-1955xk2-1"
     })([ "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%;" ])
+    M.pickVariant)("$variant", {
+        expand: (0, _.css)([ "height:100%;" ]),
+        toggle: (0, _.css)([ "height:100%;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$align;
-        return n ? (0, z.css)([ "display:block;text-align:", ";" ], t) : (0, z.css)([ "justify-content:", ";text-align:", ";" ], t, t);
+        return n ? (0, _.css)([ "display:block;text-align:", ";" ], t) : (0, _.css)([ "justify-content:", ";text-align:", ";" ], t, t);
     }));
     // CONCATENATED MODULE: ./src/Table/Cell.tsx
-    function ye() {
-        return ye = Object.assign ? Object.assign.bind() : function(e) {
+    function he() {
+        return he = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -514,11 +513,11 @@
                 }
             }
             return e;
-        }, ye.apply(null, arguments);
+        }, he.apply(null, arguments);
     }
-    function ge(e, n) {
+    function ye(e, n) {
         if (null == e) return {};
-        var t, r, o = we(e, n);
+        var t, r, o = ge(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -527,7 +526,7 @@
         }
         return o;
     }
-    function we(e, n) {
+    function ge(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -538,37 +537,37 @@
         }
         return t;
     }
-    /** @public */    var Ce = {
-        align: C().oneOf([ "left", "center", "right" ]),
+    /** @public */    var we = {
+        align: w().oneOf([ "left", "center", "right" ]),
         /** @private */
-        appearance: C().oneOf([ "data", "link", "rowLink" ]),
+        appearance: w().oneOf([ "data", "link", "rowLink" ]),
         /** @private Used to set the $clickable appearance without an onClick */
-        appearClickable: C().bool,
-        children: C().node,
-        data: C().any,
-        elementRef: C().oneOfType([ C().func, C().object ]),
+        appearClickable: w().bool,
+        children: w().node,
+        data: w().any,
+        elementRef: w().oneOfType([ w().func, w().object ]),
         /** @private */
-        isPrimaryCell: C().bool,
-        onClick: C().func,
+        isPrimaryCell: w().bool,
+        onClick: w().func,
         /** @private */
-        onKeyDown: C().func,
+        onKeyDown: w().func,
         /** @private */
-        disabled: C().bool,
+        disabled: w().bool,
         /** @private. */
-        expand: C().bool,
+        expand: w().bool,
         /** @private. */
-        stripe: C().oneOf([ "odd", "even", "none" ]),
+        stripe: w().oneOf([ "odd", "even", "none" ]),
         /** @private. */
-        variant: C().oneOf([ "toggle", "expand", "drag", "actions" ])
+        variant: w().oneOf([ "toggle", "expand", "drag", "actions" ])
     };
-    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" ]);
+    function Ce(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 = ye(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);
+            N(c, e);
         }), [ c ]);
         var C = (0, t.useCallback)((function(e) {
             if (m === "actions") {
@@ -584,7 +583,7 @@
             v === null || v === void 0 ? void 0 : v(e);
         }), [ u, f, v ]);
         
-        return r().createElement(be, ye({
+        return r().createElement(me, he({
             "data-test": "cell",
             $appearance: i || g,
             $clickable: y ? true : undefined,
@@ -597,143 +596,143 @@
             onKeyDown: x,
             ref: w,
             tabIndex: h ? 0 : undefined
-        }, b),  r().createElement(he, {
+        }, b),  r().createElement(be, {
             $align: o,
             $variant: m
         }, l));
     }
-    xe.propTypes = Ce;
-    xe.splunkUiType = "Table.Cell";
-    /* harmony default export */    const Se = xe;
+    Ce.propTypes = we;
+    Ce.splunkUiType = "Table.Cell";
+    /* harmony default export */    const xe = Ce;
     // CONCATENATED MODULE: external "lodash/isString"
-    const Oe = require("lodash/isString");
-    var ke =  e.n(Oe);
+    const Se = require("lodash/isString");
+    var Oe =  e.n(Se);
     // CONCATENATED MODULE: external "lodash/merge"
-    const Re = require("lodash/merge");
-    var Ee =  e.n(Re);
+    const ke = require("lodash/merge");
+    var Re =  e.n(ke);
     // CONCATENATED MODULE: external "@splunk/react-icons/ParallelDots"
-    const Ie = require("@splunk/react-icons/ParallelDots");
-    var Te =  e.n(Ie);
+    const Ee = require("@splunk/react-icons/ParallelDots");
+    var Ie =  e.n(Ee);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const je = require("@splunk/react-ui/Tooltip");
-    var De =  e.n(je);
+    const Te = require("@splunk/react-ui/Tooltip");
+    var je =  e.n(Te);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const qe = require("@splunk/react-ui/Divider");
-    var Ae =  e.n(qe);
+    const De = require("@splunk/react-ui/Divider");
+    var qe =  e.n(De);
     // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
-    var Pe = 4;
-    var _e = Pe;
+    var Ae = 4;
+    var Pe = Ae;
  // While this could theoretically be different, it helps for cohesivity in look and feel when some columns are truncated and others are not.
-        var ze = (0, z.css)([ "display:inline-flex;align-items:center;grid-row:1;height:1lh;" ]);
-    var Me = M().span.withConfig({
+        var _e = (0, _.css)([ "display:inline-flex;align-items:center;grid-row:1;height:1lh;" ]);
+    var ze = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledIcon",
         componentId: "sc-1sa0wng-0"
-    })([ "", " grid-column:icon;" ], ze);
-    var $e = M().span.withConfig({
+    })([ "", " grid-column:icon;" ], _e);
+    var Me = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledTooltipIcon",
         componentId: "sc-1sa0wng-1"
-    })([ "", " grid-column:tooltip;" ], ze);
-    var Ne = M().span.withConfig({
+    })([ "", " grid-column:tooltip;" ], _e);
+    var $e = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledLabel",
         componentId: "sc-1sa0wng-2"
     })([ "grid-column:label;grid-row:1 / -1;position:relative;height:100%;", " ", " ", " ", "" ], (function(e) {
         var n = e.$variant;
-        return n === "toggleAll" && (0, z.css)([ "grid-column:1 / -1;" ]);
+        return n === "toggleAll" && (0, _.css)([ "grid-column:1 / -1;" ]);
     }), (function(e) {
         var n = e.$labelLength;
-        return n && n > _e && (0, z.css)([ "word-wrap:break-word;word-break:break-word;" ]);
+        return n && n > Pe && (0, _.css)([ "word-wrap:break-word;word-break:break-word;" ]);
     }), (function(e) {
         var n = e.$truncate, t = e.$labelLength;
-        return n && t && t > Pe && (0, z.css)([ "", " min-width:4ch;" ], $.mixins.ellipsis());
-    }), (0, $.pickVariant)("$align", {
-        right: (0, z.css)([ "& > &{text-align:right;}" ]),
-        left: (0, z.css)([ "& > &{text-align:left;}" ]),
-        center: (0, z.css)([ "& > &{text-align:center;}" ])
+        return n && t && t > Ae && (0, _.css)([ "", " min-width:4ch;" ], M.mixins.ellipsis());
+    }), (0, M.pickVariant)("$align", {
+        right: (0, _.css)([ "& > &{text-align:right;}" ]),
+        left: (0, _.css)([ "& > &{text-align:left;}" ]),
+        center: (0, _.css)([ "& > &{text-align:center;}" ])
     }));
-    var Le = (0, z.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], $.variables.focusShadowInset, $.variables.contentColorActive);
-    var We = M().div.withConfig({
+    var Ne = (0, _.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], M.variables.focusShadowInset, M.variables.contentColorActive);
+    var Le = z().div.withConfig({
         displayName: "HeadInnerStyles__Styled",
         componentId: "sc-1sa0wng-3"
-    })([ "", ";", ";", ";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", {
+    })([ "", ";", ";", ";position:relative;", " grid-template-rows:1lh 1fr;align-items:start;flex-grow:1;height:100%;padding-block:", ";padding-inline:", ";justify-content:", ";", " ", " @media print{background-image:none;}", "" ], M.mixins.reset("grid"), M.mixins.clearfix(), M.mixins.typography("body", {
         weight: "bold"
     }), (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)({
+        return (0, _.css)([ "grid-template-columns:[label] auto ", " ", ";column-gap:", ";" ], n ? "[tooltip] min-content" : "", t ? "[icon] min-content" : "", n || t ? M.variables.spacingXSmall : 0);
+    }), (0, M.pick)({
         comfortable: "8px",
         compact: "6px"
-    }), $.variables.spacingSmall, (0, $.pickVariant)("$align", {
+    }), M.variables.spacingSmall, (0, M.pickVariant)("$align", {
         center: "center",
         left: "flex-start",
         right: "flex-end"
     }), (function(e) {
         var n = e.$variant;
-        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;" ])
+        return n && (0, _.css)([ "grid-template-columns:1fr;grid-template-rows:1fr;" ]);
+    }), (0, M.pickVariant)("$variant", {
+        toggleAll: (0, _.css)([ "padding:0;" ]),
+        actions: (0, _.css)([ "padding-block:2px;" ])
     }), (function(e) {
         var n = e.$clickable, t = e.$focusWithin;
-        return n && (0, z.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";}" ], Le, t && (0, 
-        z.css)([ "&:focus-within{", "}" ], Le), $.variables.contentColorActive);
+        return n && (0, _.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";}" ], Ne, t && (0, 
+        _.css)([ "&:focus-within{", "}" ], Ne), M.variables.contentColorActive);
     }));
-    var He = M()(Ae()).withConfig({
+    var We = z()(qe()).withConfig({
         displayName: "HeadInnerStyles__StyledResize",
         componentId: "sc-1sa0wng-4"
-    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:1px;width:4px;}&:hover{outline:none;&::before{content:'';background:", ";position:absolute;left:4px;width:1px;top:0;bottom:0;}}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], $.mixins.reset("block"), /* sc-sel */ We, $.variables.borderColorStrong, $.variables.focusColor, $.variables.focusShadow);
+    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:1px;width:4px;}&:hover{outline:none;&::before{content:'';background:", ";position:absolute;left:4px;width:1px;top:0;bottom:0;}}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], M.mixins.reset("block"), /* sc-sel */ Le, M.variables.borderColorStrong, M.variables.focusColor, M.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
-    var Ke = M().div.withConfig({
+    var He = z().div.withConfig({
         displayName: "HeadCellStyles__StyledInnerWrapper",
         componentId: "sc-1hj81sa-0"
     })([ "display:flex;height:100%;align-items:flex-start;" ]);
-    var Be = M().th.withConfig({
+    var Ke = z().th.withConfig({
         displayName: "HeadCellStyles__Styled",
         componentId: "sc-1hj81sa-1"
-    })([ "", " line-height:", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;height:100%;&:not(:first-child,:has(", ")){", "{border-left:1px solid ", ";}}&:has(", "){", "{border-right:1px solid ", ";}}&:nth-last-child(2):has(", ") + &:last-child{", "{border-left:none;}}*:where(button):focus{box-shadow:", ";}", " ", " ", "" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, $.variables.neutral100, (function(e) {
+    })([ "", " line-height:", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;height:100%;&:not(:first-child,:has(", ")){", "{border-left:1px solid ", ";}}&:has(", "){", "{border-right:1px solid ", ";}}&:nth-last-child(2):has(", ") + &:last-child{", "{border-left:none;}}*:where(button):focus{box-shadow:", ";}", " ", " ", "" ], M.mixins.reset("table-cell"), M.variables.lineHeightSpacious, M.variables.neutral100, (function(e) {
         var n = e.$variant;
         return n ? "middle" : "top";
-    }), He, /* sc-sel */ Ke, $.variables.borderColorWeak, He, /* sc-sel */ Ke, $.variables.borderColor, He, /* sc-sel */ Ke, $.variables.focusShadowInset, (function(e) {
+    }), We, /* sc-sel */ He, M.variables.borderColorWeak, We, /* sc-sel */ He, M.variables.borderColor, We, /* sc-sel */ He, M.variables.focusShadowInset, (function(e) {
         var n = e.$isDragging;
-        return n && (0, z.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], $.variables.backgroundColorPage);
+        return n && (0, _.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], M.variables.backgroundColorPage);
     }), (function(e) {
         var n = e.$variant;
-        return n && (0, z.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], Ke, $.variables.borderColorWeak);
-    }), (0, $.pickVariant)("$variant", {
-        actions: (0, z.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, ve.buttonMixin)("subtle", {
-            color: $.variables.contentColorDefault
-        }), $.variables.focusShadowInset)
+        return n && (0, _.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], He, M.variables.borderColorWeak);
+    }), (0, M.pickVariant)("$variant", {
+        actions: (0, _.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, fe.buttonMixin)("subtle", {
+            color: M.variables.contentColorDefault
+        }), M.variables.focusShadowInset)
     }));
-    var Ve = M().div.withConfig({
+    var Be = z().div.withConfig({
         displayName: "HeadCellStyles__StyledIcon",
         componentId: "sc-1hj81sa-2"
     })([ "display:inline-flex;align-items:center;height:1lh;" ]);
     // TODO(SUI-7400): Refactor the drag handler of re-order column
-        var Fe = M().div.withConfig({
+        var Ve = z().div.withConfig({
         displayName: "HeadCellStyles__StyledDragHandler",
         componentId: "sc-1hj81sa-3"
     })([ "display:inline-flex;align-items:start;align-self:stretch;justify-content:center;min-width:20px;cursor:move;padding-block:", ";-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background:", ";color:", ";}&:focus{background:", ";box-shadow:", ";color:", ";}" ], (0, 
-    $.pick)({
+    M.pick)({
         comfortable: "8px",
         compact: "6px"
-    }), $.variables.interactiveColorOverlayHover, $.variables.contentColorActive, $.variables.interactiveColorOverlayDrag, $.variables.focusShadowInset, $.variables.contentColorActive);
+    }), M.variables.interactiveColorOverlayHover, M.variables.contentColorActive, M.variables.interactiveColorOverlayDrag, M.variables.focusShadowInset, M.variables.contentColorActive);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
-    const Ue = require("@splunk/react-icons/ArrowDown");
-    var Xe =  e.n(Ue);
+    const Fe = require("@splunk/react-icons/ArrowDown");
+    var Ue =  e.n(Fe);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
-    const Ye = require("@splunk/react-icons/ArrowUp");
-    var Ge =  e.n(Ye);
+    const Xe = require("@splunk/react-icons/ArrowUp");
+    var Ye =  e.n(Xe);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
-    const Je = require("@splunk/react-icons/ArrowUpDown");
-    var Qe =  e.n(Je);
+    const Ge = require("@splunk/react-icons/ArrowUpDown");
+    var Je =  e.n(Ge);
     // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const Ze = require("@splunk/react-icons/CaretSmallDown");
-    var en =  e.n(Ze);
+    const Qe = require("@splunk/react-icons/CaretSmallDown");
+    var Ze =  e.n(Qe);
     // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
-    const nn = require("@splunk/react-icons/InformationCircle");
-    var tn =  e.n(nn);
+    const en = require("@splunk/react-icons/InformationCircle");
+    var nn =  e.n(en);
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var rn = {
+    var tn = {
         body: {
             appendChild: function e() {
                 return [];
@@ -787,16 +786,16 @@
             search: ""
         }
     };
-    function on() {
-        var e = typeof document !== "undefined" ? document : rn;
+    function rn() {
+        var e = typeof document !== "undefined" ? document : tn;
         return e;
     }
-    var an = on();
-    /* harmony default export */    const ln = /* unused pure expression or super */ null && an;
+    var on = rn();
+    /* harmony default export */    const an = /* unused pure expression or super */ null && on;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var un = {
-        document: rn,
+    var ln = {
+        document: tn,
         navigator: {
             userAgent: ""
         },
@@ -850,15 +849,15 @@
             clearTimeout(n);
         }
     };
-    function sn() {
-        var e = typeof window !== "undefined" ? window : un;
+    function un() {
+        var e = typeof window !== "undefined" ? window : ln;
         return e;
     }
-    var cn = sn();
-    /* harmony default export */    const dn = /* unused pure expression or super */ null && cn;
+    var sn = un();
+    /* harmony default export */    const cn = /* unused pure expression or super */ null && sn;
     // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
-    function fn() {
-        return fn = Object.assign ? Object.assign.bind() : function(e) {
+    function dn() {
+        return dn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -866,41 +865,41 @@
                 }
             }
             return e;
-        }, fn.apply(null, arguments);
+        }, dn.apply(null, arguments);
     }
-    function vn(e) {
-        return bn(e) || mn(e) || gn(e) || pn();
+    function fn(e) {
+        return mn(e) || pn(e) || yn(e) || vn();
     }
-    function pn() {
+    function vn() {
         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 mn(e) {
+    function pn(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function bn(e) {
-        if (Array.isArray(e)) return wn(e);
+    function mn(e) {
+        if (Array.isArray(e)) return gn(e);
     }
-    function hn(e, n) {
-        return xn(e) || Cn(e, n) || gn(e, n) || yn();
+    function bn(e, n) {
+        return Cn(e) || wn(e, n) || yn(e, n) || hn();
     }
-    function yn() {
+    function hn() {
         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 gn(e, n) {
+    function yn(e, n) {
         if (e) {
-            if ("string" == typeof e) return wn(e, n);
+            if ("string" == typeof e) return gn(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) ? wn(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) ? gn(e, n) : void 0;
         }
     }
-    function wn(e, n) {
+    function gn(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 Cn(e, n) {
+    function wn(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;
@@ -922,12 +921,12 @@
             return l;
         }
     }
-    function xn(e) {
+    function Cn(e) {
         if (Array.isArray(e)) return e;
     }
-    function Sn(e, n) {
+    function xn(e, n) {
         if (null == e) return {};
-        var t, r, o = On(e, n);
+        var t, r, o = Sn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -936,7 +935,7 @@
         }
         return o;
     }
-    function On(e, n) {
+    function Sn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -947,52 +946,53 @@
         }
         return t;
     }
-    var kn = {
-        align: C().oneOf([ "left", "center", "right" ]),
-        cellId: C().string,
-        clickable: C().bool,
-        columnId: C().string,
-        elementRef: C().oneOfType([ C().func, C().object ]),
-        focusWithin: C().bool,
-        hasTooltip: C().bool,
-        index: C().number,
-        isMenu: C().bool,
-        label: C().node,
-        onAutosizeColumn: C().func,
-        onRequestResize: C().func,
-        resizable: C().bool,
-        sortDir: C().oneOf([ "none", "asc", "desc" ]),
-        truncate: C().bool,
-        width: C().oneOfType([ C().number, C().oneOf([ "auto" ]) ]),
-        variant: C().oneOf([ "toggleAll", "info", "actions" ])
+    var On = {
+        align: w().oneOf([ "left", "center", "right" ]),
+        cellId: w().string,
+        clickable: w().bool,
+        columnId: w().string,
+        elementRef: w().oneOfType([ w().func, w().object ]),
+        focusWithin: w().bool,
+        hasTooltip: w().bool,
+        index: w().number,
+        isMenu: w().bool,
+        label: w().node,
+        onAutosizeColumn: w().func,
+        onRequestResize: w().func,
+        resizable: w().bool,
+        sortDir: w().oneOf([ "none", "asc", "desc" ]),
+        truncate: w().bool,
+        width: w().oneOfType([ w().number, w().oneOf([ "auto" ]) ]),
+        variant: w().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var Rn = new Set([ "none", "asc", "desc" ]);
-    var En = Object.freeze({
-        none: (0, j._)("Click to sort"),
-        asc: (0, j._)("Press to sort descending"),
-        desc: (0, j._)("Press to sort ascending")
+    var kn = new Set([ "none", "asc", "desc" ]);
+    var Rn = Object.freeze({
+        none: (0, T._)("Click to sort"),
+        asc: (0, T._)("Press to sort descending"),
+        desc: (0, T._)("Press to sort ascending")
     });
-    var In = Object.freeze({
-        none: Qe(),
-        asc: Ge(),
-        desc: Xe()
+    var En = Object.freeze({
+        none: Je(),
+        asc: Ye(),
+        desc: Ue()
     });
-    function Tn(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.cellId, l = e.columnId, u = e.elementRef, s = e.focusWithin, c = e.hasTooltip, d = e.index, f = e.isMenu, v = e.label, p = e.onAutosizeColumn, m = e.onRequestResize, b = e.resizable, y = b === void 0 ? true : b, g = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, x = e.variant, O = e.width, k = Sn(e, [ "align", "clickable", "cellId", "columnId", "elementRef", "focusWithin", "hasTooltip", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
-        var R = (0, j._)("Click to open menu");
+    function In(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.cellId, l = e.columnId, u = e.elementRef, s = e.focusWithin, c = e.hasTooltip, d = e.index, f = e.isMenu, v = e.label, p = e.onAutosizeColumn, m = e.onRequestResize, h = e.resizable, y = h === void 0 ? true : h, g = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, S = e.variant, O = e.width, k = xn(e, [ "align", "clickable", "cellId", "columnId", "elementRef", "focusWithin", "hasTooltip", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
+        // @docs-props-type HeadInnerPropsBase
+                var R = (0, T._)("Click to open menu");
         var E = (0, t.useMemo)((function() {
             return typeof v === "string" ? v.length : 0;
         }), [ v ]);
-        var I = (0, t.useState)(false), D = hn(I, 2), q = D[0], A = D[1];
-        var P = (0, t.useState)(0), _ = hn(P, 2), z = _[0], M = _[1];
-        var $ = (0, t.useState)(0), N = hn($, 2), W = N[0], H = N[1];
+        var j = (0, t.useState)(false), D = bn(j, 2), q = D[0], A = D[1];
+        var P = (0, t.useState)(0), _ = bn(P, 2), z = _[0], M = _[1];
+        var $ = (0, t.useState)(0), L = bn($, 2), W = L[0], H = L[1];
         var K = (0, t.useRef)(null);
         var B = (0, t.useRef)(O === "auto" ? undefined : O);
         var V;
         var F;
-        if (g !== undefined && Rn.has(g)) {
-            V = In[g];
-            F = En[g];
+        if (g !== undefined && kn.has(g)) {
+            V = En[g];
+            F = Rn[g];
         }
         if (O === "auto") {
             var U;
@@ -1004,7 +1004,7 @@
         }
         var G = (0, t.useCallback)((function(e) {
             K.current = e;
-            L(u, e);
+            N(u, e);
         }), [ u, K ]);
         var J = (0, t.useCallback)((function(e) {
             var n = e.key;
@@ -1091,12 +1091,12 @@
                 });
             }
         }), [ a, l, d, p ]);
-        var te = sn();
-        var re = B.current ? (0, T.sprintf)((0, j._)("%(width)d pixels"), {
+        var te = un();
+        var re = B.current ? (0, I.sprintf)((0, T._)("%(width)d pixels"), {
             width: B.current
         }) : undefined;
         
-        return r().createElement(We, fn({
+        return r().createElement(Le, dn({
             as: i ? "button" : "div",
             ref: G,
             $align: o,
@@ -1104,18 +1104,18 @@
             $focusWithin: s,
             $hasIcon: !!f || !!g,
             $hasTooltip: !!c,
-            $variant: x,
+            $variant: S,
             $labelLength: E
-        }, h()(k, [].concat(vn(Object.keys(Tn.propTypes)), [ "id" ]))), q &&  r().createElement(r().Fragment, null,  r().createElement(S(), {
+        }, b()(k, [].concat(fn(Object.keys(In.propTypes)), [ "id" ]))), q &&  r().createElement(r().Fragment, null,  r().createElement(x(), {
             target: te,
             eventType: "mouseup",
             listener: ee
-        }),  r().createElement(S(), {
+        }),  r().createElement(x(), {
             target: te,
             eventType: "mousemove",
             listener: Z
-        })), m && y &&  r().createElement(He, {
-            "aria-label": (0, T.sprintf)((0, j._)("Resize %(label)s"), {
+        })), m && y &&  r().createElement(We, {
+            "aria-label": (0, I.sprintf)((0, T._)("Resize %(label)s"), {
                 label: v
             }),
             "aria-controls": a,
@@ -1126,26 +1126,26 @@
             onKeyDown: J,
             orientation: "vertical",
             tabIndex: 0
-        }),  r().createElement(Ne, {
+        }),  r().createElement($e, {
             $align: o,
             $truncate: C,
-            $variant: x,
+            $variant: S,
             $labelLength: E
-        }, v), c &&  r().createElement($e, null,  r().createElement(tn(), {
+        }, v), c &&  r().createElement(Me, null,  r().createElement(nn(), {
             "data-test": "tooltip-icon"
-        })), f &&  r().createElement(Me, null,  r().createElement(en(), {
+        })), f &&  r().createElement(ze, null,  r().createElement(Ze(), {
             "data-test": "caret-down",
             "aria-label": R
-        })), g &&  r().createElement(Me, null, V !== undefined &&  r().createElement(V, {
+        })), g &&  r().createElement(ze, null, V !== undefined &&  r().createElement(V, {
             "aria-hidden": false,
             "aria-label": F
         })));
     }
-    Tn.propTypes = kn;
-    /* harmony default export */    const jn = Tn;
+    In.propTypes = On;
+    /* harmony default export */    const Tn = In;
     // CONCATENATED MODULE: ./src/Table/HeadCell.tsx
-    function Dn() {
-        return Dn = Object.assign ? Object.assign.bind() : function(e) {
+    function jn() {
+        return jn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1153,11 +1153,11 @@
                 }
             }
             return e;
-        }, Dn.apply(null, arguments);
+        }, jn.apply(null, arguments);
     }
-    function qn(e, n) {
+    function Dn(e, n) {
         if (null == e) return {};
-        var t, r, o = An(e, n);
+        var t, r, o = qn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1166,7 +1166,7 @@
         }
         return o;
     }
-    function An(e, n) {
+    function qn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1178,63 +1178,63 @@
         return t;
     }
     /** @public */
-    /** @public */    var Pn = {
-        align: C().oneOf([ "left", "center", "right" ]),
+    /** @public */    var An = {
+        align: w().oneOf([ "left", "center", "right" ]),
         /** @private Used to set the $clickable appearance without an onClick */
-        appearClickable: C().bool,
-        children: C().node,
-        columnId: C().string,
+        appearClickable: w().bool,
+        children: w().node,
+        columnId: w().string,
         /** @private. */
-        dragId: C().oneOfType([ C().string, C().number ]),
-        elementRef: C().oneOfType([ C().func, C().object ]),
-        headCellScreenReaderText: C().string,
+        dragId: w().oneOfType([ w().string, w().number ]),
+        elementRef: w().oneOfType([ w().func, w().object ]),
+        headCellScreenReaderText: w().string,
         /** @private The index of the cell, skipping the info column. */
-        index: C().number,
+        index: w().number,
         /** @private. */
-        onAutosizeColumn: C().func,
+        onAutosizeColumn: w().func,
         /** @private. */
-        onClick: C().func,
+        onClick: w().func,
         /**
    * @private. Passed through and works as expected.
    */
-        onKeyDown: C().func,
+        onKeyDown: w().func,
         /** @private. */
-        onRequestMoveColumn: C().func,
+        onRequestMoveColumn: w().func,
         /** @private. */
-        onRequestResize: C().func,
-        onSort: C().func,
-        resizable: C().bool,
-        sortDir: C().oneOf([ "asc", "desc", "none" ]),
-        sortKey: C().string,
-        tooltip: C().node,
-        truncate: C().bool,
+        onRequestResize: w().func,
+        onSort: w().func,
+        resizable: w().bool,
+        sortDir: w().oneOf([ "asc", "desc", "none" ]),
+        sortKey: w().string,
+        tooltip: w().node,
+        truncate: w().bool,
         /** @private. */
-        variant: C().oneOf([ "toggleAll", "info", "actions" ]),
+        variant: w().oneOf([ "toggleAll", "info", "actions" ]),
         /**
    * Used internally to suppress focus and id when this `HeadCell` is superseded by one in an
    * overlaid `HeadTable` for user interactions.
    * @private
    */
-        visible: C().bool,
-        width: C().oneOfType([ C().number, C().oneOf([ "auto" ]) ])
+        visible: w().bool,
+        width: w().oneOfType([ w().number, w().oneOf([ "auto" ]) ])
     };
-    var _n = {
+    var Pn = {
         asc: "ascending",
         desc: "descending",
         none: "none"
     };
-    function zn(e) {
+    function _n(e) {
         var n;
-        var o = e.align, i = o === void 0 ? "left" : o, l = e.appearClickable, u = e.children, s = e.columnId, c = e.elementRef, d = e.dragId, f = e.headCellScreenReaderText, v = e.id, p = e.index, m = e.onAutosizeColumn, b = e.onClick, h = e.onKeyDown, y = e.onRequestMoveColumn, g = e.onRequestResize, w = e.onSort, C = e.resizable, x = C === void 0 ? true : C, S = e.sortDir, O = S === void 0 ? "none" : S, k = e.sortKey, R = e.style, E = e.tooltip, I = e.truncate, q = I === void 0 ? true : I, A = e.variant, P = e.visible, _ = P === void 0 ? true : P, z = e.width, M = qn(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" ]);
+        var o = e.align, i = o === void 0 ? "left" : o, l = e.appearClickable, u = e.children, s = e.columnId, c = e.elementRef, d = e.dragId, f = e.headCellScreenReaderText, v = e.id, p = e.index, m = e.onAutosizeColumn, b = e.onClick, h = e.onKeyDown, y = e.onRequestMoveColumn, g = e.onRequestResize, w = e.onSort, C = e.resizable, x = C === void 0 ? true : C, S = e.sortDir, O = S === void 0 ? "none" : S, k = e.sortKey, R = e.style, E = e.tooltip, D = e.truncate, q = D === void 0 ? true : D, A = e.variant, P = e.visible, _ = P === void 0 ? true : P, z = e.width, M = Dn(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 $ = !!y;
-        var N = (0, a.useSortable)({
+        var L = (0, a.useSortable)({
             // dragId is optional in HeadCell but required by useSortable
             // since it is always set in Table, use a type assertion here to avoid TypeScript error
             id: d
-        }), W = N.attributes, H = N.isDragging, K = N.listeners, B = N.setNodeRef;
+        }), W = L.attributes, H = L.isDragging, K = L.listeners, B = L.setNodeRef;
         var V = (0, t.useCallback)((function(e) {
-            L(c, e);
+            N(c, e);
             if ($) {
                 B(e);
             }
@@ -1264,18 +1264,18 @@
         var Y = b !== undefined;
         var G = A === "actions" ? false : q;
         var J = (0, t.useMemo)((function() {
-            return Ee()({}, R, {
+            return Re()({}, R, {
                 width: z
             });
         }), [ R, z ]);
         var Q;
         if (f) {
             Q = f;
-        } else if (ke()(u)) {
+        } else if (Oe()(u)) {
             Q = u;
         }
         var Z = (n = v !== null && v !== void 0 ? v : s) !== null && n !== void 0 ? n : (0, 
-        D.createDOMID)("headCellId-");
+        j.createDOMID)("headCellId-");
         var ee = (0, t.useMemo)((function() {
             return {
                 align: i,
@@ -1298,87 +1298,87 @@
         }), [ i, l, X, Y, s, u, Z, p, m, w, F, U, g, _, x, O, G, A, z ]);
         var ne = (0, t.useCallback)((function(e) {
             
-            return r().createElement(jn, Dn({}, e, ee, {
+            return r().createElement(Tn, jn({}, e, ee, {
                 hasTooltip: true
             }));
         }), [ ee ]);
         
-        return r().createElement(Be, Dn({
+        return r().createElement(Ke, jn({
             style: J,
             ref: V,
-            "aria-sort": w && (_n[O] || "none"),
+            "aria-sort": w && (Pn[O] || "none"),
             "data-test": "head-cell",
-            "data-test-label": ke()(u) ? u : undefined,
+            "data-test-label": Oe()(u) ? u : undefined,
             "data-test-sort-dir": w && O,
             id: _ ? Z : undefined,
             $isDragging: $ && H,
             $variant: A
-        }, M),  r().createElement(Ke, null, $ &&  r().createElement(Fe, Dn({
-            "aria-label": (0, T.sprintf)((0, j._)("Reorder %(labelString)s"), {
+        }, M),  r().createElement(He, null, $ &&  r().createElement(Ve, jn({
+            "aria-label": (0, I.sprintf)((0, T._)("Reorder %(labelString)s"), {
                 labelString: Q
             }),
             "data-test": "drag",
             draggable: true
-        }, W, K),  r().createElement(Ve, null,  r().createElement(Te(), null))), E ?  r().createElement(De(), {
+        }, W, K),  r().createElement(Be, null,  r().createElement(Ie(), null))), E ?  r().createElement(je(), {
             content: E,
             renderAnchor: ne
-        }) :  r().createElement(jn, ee)));
+        }) :  r().createElement(Tn, ee)));
     }
-    zn.propTypes = Pn;
-    zn.splunkUiType = "Table.HeadCell";
-    /* harmony default export */    const Mn = zn;
+    _n.propTypes = An;
+    _n.splunkUiType = "Table.HeadCell";
+    /* harmony default export */    const zn = _n;
     // CONCATENATED MODULE: ./src/Table/HeadStyles.ts
-    var $n = M().thead.withConfig({
+    var Mn = z().thead.withConfig({
         displayName: "HeadStyles__Styled",
         componentId: "iap21t-0"
-    })([ "", ";", "" ], $.mixins.reset("table-header-group"), (function(e) {
+    })([ "", ";", "" ], M.mixins.reset("table-header-group"), (function(e) {
         var n = e.$isFixed, t = e.$zIndex;
-        return n && (0, z.css)([ "position:sticky;top:0;z-index:", ";" ], t);
+        return n && (0, _.css)([ "position:sticky;top:0;z-index:", ";" ], t);
     }));
-    var Nn = M()(Mn).withConfig({
+    var $n = z()(zn).withConfig({
         displayName: "HeadStyles__StyledToggleAll",
         componentId: "iap21t-1"
     })([ "width:32px;" ]);
-    var Ln = M()(Mn).withConfig({
+    var Nn = z()(zn).withConfig({
         displayName: "HeadStyles__StyledInfo",
         componentId: "iap21t-2"
     })([ "width:32px;" ]);
-    var Wn = M()(Mn).withConfig({
+    var Ln = z()(zn).withConfig({
         displayName: "HeadStyles__StyledDragRow",
         componentId: "iap21t-3"
     })([ "width:32px;" ]);
     // CONCATENATED MODULE: external "@dnd-kit/utilities"
-    const Hn = require("@dnd-kit/utilities");
+    const Wn = require("@dnd-kit/utilities");
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
-    const Kn = require("@splunk/react-icons/DotsThreeVertical");
-    var Bn =  e.n(Kn);
+    const Hn = require("@splunk/react-icons/DotsThreeVertical");
+    var Kn =  e.n(Hn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const Vn = require("@splunk/react-ui/Button");
-    var Fn =  e.n(Vn);
+    const Bn = require("@splunk/react-ui/Button");
+    var Vn =  e.n(Bn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const Un = require("@splunk/react-ui/Dropdown");
-    var Xn =  e.n(Un);
+    const Fn = require("@splunk/react-ui/Dropdown");
+    var Un =  e.n(Fn);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const Yn = require("@splunk/react-icons/ChevronRight");
-    var Gn =  e.n(Yn);
+    const Xn = require("@splunk/react-icons/ChevronRight");
+    var Yn =  e.n(Xn);
     // CONCATENATED MODULE: ./src/Table/ExpandButtonStyles.ts
-    var Jn = M().button.withConfig({
+    var Gn = z().button.withConfig({
         displayName: "ExpandButtonStyles__StyledButton",
         componentId: "sc-7nlw5q-0"
-    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;color:", ";&:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], $.mixins.reset("flex"), $.variables.contentColorDefault, $.variables.contentColorActive, $.variables.contentColorActive, $.variables.focusShadowInset);
-    var Qn = M()(Gn()).withConfig({
+    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;color:", ";&:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], M.mixins.reset("flex"), M.variables.contentColorDefault, M.variables.contentColorActive, M.variables.contentColorActive, M.variables.focusShadowInset);
+    var Jn = z()(Yn()).withConfig({
         displayName: "ExpandButtonStyles__StyledChevron",
         componentId: "sc-7nlw5q-1"
-    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, $.pick)({
+    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, M.pick)({
         comfortable: "10px",
         compact: "8px"
     }), (function(e) {
         var n = e.$expanded;
-        return n && (0, z.css)([ "transform:rotate(90deg);" ]);
+        return n && (0, _.css)([ "transform:rotate(90deg);" ]);
     }));
     // CONCATENATED MODULE: ./src/Table/ExpandButton.tsx
-    function Zn() {
-        return Zn = Object.assign ? Object.assign.bind() : function(e) {
+    function Qn() {
+        return Qn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1386,11 +1386,11 @@
                 }
             }
             return e;
-        }, Zn.apply(null, arguments);
+        }, Qn.apply(null, arguments);
     }
-    function et(e, n) {
+    function Zn(e, n) {
         if (null == e) return {};
-        var t, r, o = nt(e, n);
+        var t, r, o = et(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1399,7 +1399,7 @@
         }
         return o;
     }
-    function nt(e, n) {
+    function et(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1410,32 +1410,33 @@
         }
         return t;
     }
-    var tt = {
-        expanded: C().bool
+    var nt = {
+        expanded: w().bool
     };
-    var rt = function e(n) {
-        var t = n.expanded, o = et(n, [ "expanded" ]);
-        
-        return r().createElement(Jn, Zn({
-            title: t ? (0, j._)("Collapse row") : (0, j._)("Expand row")
-        }, o),  r().createElement(Qn, {
+    var tt = function e(n) {
+        var t = n.expanded, o = Zn(n, [ "expanded" ]);
+        // @docs-props-type ExpandButtonPropsBase
+                
+        return r().createElement(Gn, Qn({
+            title: t ? (0, T._)("Collapse row") : (0, T._)("Expand row")
+        }, o),  r().createElement(Jn, {
             $expanded: t
         }));
     };
-    rt.propTypes = tt;
-    /* harmony default export */    const ot = rt;
+    tt.propTypes = nt;
+    /* harmony default export */    const rt = tt;
     // CONCATENATED MODULE: ./src/Table/RowDragCellStyles.ts
-    var it = M().td.withConfig({
+    var ot = z().td.withConfig({
         displayName: "RowDragCellStyles__StyledCell",
         componentId: "sc-9kbaj2-0"
-    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], $.mixins.reset("table-cell"));
-    var at = M().div.withConfig({
+    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], M.mixins.reset("table-cell"));
+    var it = z().div.withConfig({
         displayName: "RowDragCellStyles__StyledDrag",
         componentId: "sc-9kbaj2-1"
-    })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;align-items:center;position:absolute;width:100%;top:0;bottom:0;&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}& > div{margin:0;}@media print{background-image:none;}" ], $.mixins.reset("flex"), $.mixins.clearfix(), $.variables.focusShadowInset, $.variables.interactiveColorOverlayDrag, $.variables.interactiveColorOverlayActive, $.variables.focusShadowInset);
+    })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;align-items:center;position:absolute;width:100%;top:0;bottom:0;&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}& > div{margin:0;}@media print{background-image:none;}" ], M.mixins.reset("flex"), M.mixins.clearfix(), M.variables.focusShadowInset, M.variables.interactiveColorOverlayDrag, M.variables.interactiveColorOverlayActive, M.variables.focusShadowInset);
     // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
-    function lt() {
-        return lt = Object.assign ? Object.assign.bind() : function(e) {
+    function at() {
+        return at = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1443,11 +1444,11 @@
                 }
             }
             return e;
-        }, lt.apply(null, arguments);
+        }, at.apply(null, arguments);
     }
-    function ut(e, n) {
+    function lt(e, n) {
         if (null == e) return {};
-        var t, r, o = st(e, n);
+        var t, r, o = ut(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1456,7 +1457,7 @@
         }
         return o;
     }
-    function st(e, n) {
+    function ut(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1467,63 +1468,64 @@
         }
         return t;
     }
-    var ct = {
-        setActivatorNodeRef: C().func.isRequired,
-        listeners: C().objectOf(C().func)
+    var st = {
+        setActivatorNodeRef: w().func.isRequired,
+        listeners: w().objectOf(w().func)
     };
-    function dt(e) {
-        var n = e.listeners, t = e.setActivatorNodeRef, o = ut(e, [ "listeners", "setActivatorNodeRef" ]);
-        
-        return r().createElement(it, {
+    function ct(e) {
+        var n = e.listeners, t = e.setActivatorNodeRef, o = lt(e, [ "listeners", "setActivatorNodeRef" ]);
+        // @docs-props-type RowDragCellPropsBase
+                
+        return r().createElement(ot, {
             "data-helper": true
-        },  r().createElement(at, lt({
+        },  r().createElement(it, at({
             "data-test": "drag",
             draggable: true,
             ref: t,
             tabIndex: 0
-        }, n, o),  r().createElement(Te(), null)));
+        }, n, o),  r().createElement(Ie(), null)));
     }
-    dt.propTypes = ct;
-    /* harmony default export */    const ft = dt;
+    ct.propTypes = st;
+    /* harmony default export */    const dt = ct;
     // CONCATENATED MODULE: ./src/Table/RowStyles.ts
-    var vt = M().tr.withConfig({
+    var ft = z().tr.withConfig({
         displayName: "RowStyles__StyledStripeNone",
         componentId: "f0igqq-0"
-    })([ "", ";", ";", " @media print{background-color:none;}" ], $.mixins.reset("table-row"), (function(e) {
+    })([ "", ";", ";", " @media print{background-color:none;}" ], M.mixins.reset("table-row"), (function(e) {
         var n = e.$clickable;
-        return n && (0, z.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{background-color:", ";box-shadow:", ";}" ], $.variables.neutral100, $.variables.neutral100, $.variables.focusShadowInset);
+        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{background-color:", ";box-shadow:", ";}" ], M.variables.neutral100, M.variables.neutral100, M.variables.focusShadowInset);
     }), (function(e) {
         var n = e.disabled, t = e.$expandable, r = e.$isDraggable;
-        return !n && !t && r && (0, z.css)([ "&:hover{background-color:", ";}" ], $.variables.interactiveColorOverlayHover);
+        return !n && !t && r && (0, _.css)([ "&:hover{background-color:", ";}" ], M.variables.interactiveColorOverlayHover);
     }));
-    var pt = M()(vt).withConfig({
+    var vt = z()(ft).withConfig({
         displayName: "RowStyles__StyledStripeEven",
         componentId: "f0igqq-1"
-    })([ "background-color:", ";", ";" ], $.variables.neutral50, (function(e) {
+    })([ "background-color:", ";", ";" ], M.variables.neutral50, (function(e) {
         var n = e.$clickable;
-        return n && (0, z.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], $.variables.neutral300);
+        return n && (0, _.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], M.variables.neutral300);
     }));
+    // CONCATENATED MODULE: external "@splunk/react-ui/Checkbox"
+    const pt = require("@splunk/react-ui/Checkbox");
+    var mt =  e.n(pt);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const mt = require("@splunk/react-ui/Clickable");
-    var bt =  e.n(mt);
-    // CONCATENATED MODULE: external "@splunk/react-ui/NonInteractiveCheckbox"
-    const ht = require("@splunk/react-ui/NonInteractiveCheckbox");
-    var yt =  e.n(ht);
+    const bt = require("@splunk/react-ui/Clickable");
+    var ht =  e.n(bt);
     // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
-    var gt = M()(bt()).withConfig({
+    var yt = z()(ht()).withConfig({
         displayName: "ToggleStyles__StyledClickable",
         componentId: "sc-1x3ikch-0"
     })([ "height:100%;width:100%;display:flex;justify-content:center;&[disabled]{cursor:not-allowed;}" ]);
-    var wt = M()(yt()).withConfig({
-        displayName: "ToggleStyles__StyledNonInteractiveCheckbox",
+    var gt = z()(mt()).withConfig({
+        displayName: "ToggleStyles__StyledCheckbox",
         componentId: "sc-1x3ikch-1"
-    })([ "align-items:flex-start;padding-block:", ";" ], (0, $.pick)({
+    })([ "align-items:flex-start;padding-block:", ";" ], (0, M.pick)({
         comfortable: "8px",
         compact: "6px"
     }));
     // CONCATENATED MODULE: ./src/Table/Toggle.tsx
-    function Ct() {
-        return Ct = Object.assign ? Object.assign.bind() : function(e) {
+    function wt() {
+        return wt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1531,11 +1533,11 @@
                 }
             }
             return e;
-        }, Ct.apply(null, arguments);
+        }, wt.apply(null, arguments);
     }
-    function xt(e, n) {
+    function Ct(e, n) {
         if (null == e) return {};
-        var t, r, o = St(e, n);
+        var t, r, o = xt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1544,7 +1546,7 @@
         }
         return o;
     }
-    function St(e, n) {
+    function xt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1555,38 +1557,41 @@
         }
         return t;
     }
-    var Ot = {
-        disabled: C().bool,
-        onClick: C().func,
-        selected: C().oneOf([ true, false, "some" ])
+    var St = {
+        disabled: w().bool,
+        onClick: w().func,
+        selected: w().oneOf([ true, false, "some" ])
     };
-    function kt(e) {
-        var n = e.disabled, t = e.onClick, o = e.selected, i = xt(e, [ "disabled", "onClick", "selected" ]);
-        var a = n === true ? "disabled" : undefined;
+    function Ot(e) {
+        var n = e.disabled, t = e.onClick, o = e.selected, i = Ct(e, [ "disabled", "onClick", "selected" ]);
+        // @docs-props-type TogglePropsBase
+                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(gt, Ct({
+        // we use a Clickable around the inert Checkbox (which can seem ironic) so that the whole table cell is clickable
+        // we cannot use the Cell's onClick itself because of a11y issues we have faced in the past (see SUI-5958).
+        return r().createElement(yt, wt({
             "aria-checked": o === "some" ? "mixed" : o,
             disabled: a,
             onClick: t,
             role: "checkbox"
-        }, i),  r().createElement(wt, {
+        }, i),  r().createElement(gt, {
+            checked: o === "some" ? "indeterminate" : o,
             disabled: !!a,
-            selected: o
+            inert: true
         }));
     }
-    kt.propTypes = Ot;
-    /* harmony default export */    const Rt = kt;
+    Ot.propTypes = St;
+    /* harmony default export */    const kt = Ot;
     // CONCATENATED MODULE: ./src/Table/Row.tsx
-    function Et(e) {
+    function Rt(e) {
         "@babel/helpers - typeof";
-        return Et = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Rt = "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;
-        }, Et(e);
+        }, Rt(e);
     }
-    function It(e, n) {
+    function Et(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -1596,42 +1601,42 @@
         }
         return t;
     }
-    function Tt(e) {
+    function It(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? It(Object(t), !0).forEach((function(n) {
-                jt(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : It(Object(t)).forEach((function(n) {
+            n % 2 ? Et(Object(t), !0).forEach((function(n) {
+                Tt(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Et(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function jt(e, n, t) {
-        return (n = Dt(n)) in e ? Object.defineProperty(e, n, {
+    function Tt(e, n, t) {
+        return (n = jt(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function Dt(e) {
-        var n = qt(e, "string");
-        return "symbol" == Et(n) ? n : n + "";
+    function jt(e) {
+        var n = Dt(e, "string");
+        return "symbol" == Rt(n) ? n : n + "";
     }
-    function qt(e, n) {
-        if ("object" != Et(e) || !e) return e;
+    function Dt(e, n) {
+        if ("object" != Rt(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != Et(r)) return r;
+            if ("object" != Rt(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    function At(e, n) {
+    function qt(e, n) {
         if (null == e) return {};
-        var t, r, o = Pt(e, n);
+        var t, r, o = At(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1640,7 +1645,7 @@
         }
         return o;
     }
-    function Pt(e, n) {
+    function At(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1651,8 +1656,8 @@
         }
         return t;
     }
-    function _t() {
-        return _t = Object.assign ? Object.assign.bind() : function(e) {
+    function Pt() {
+        return Pt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1660,83 +1665,83 @@
                 }
             }
             return e;
-        }, _t.apply(null, arguments);
+        }, Pt.apply(null, arguments);
     }
-    var zt = {
-        odd: vt,
-        even: pt,
-        none: vt
+    var _t = {
+        odd: ft,
+        even: vt,
+        none: ft
     };
     /** @public */
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var Mt = {
+    /** @public */    var zt = {
         /** @private. Generally passed by Table rather than added directly. */
-        activeElementId: C().string,
-        actionPrimary: C().element,
-        actionsSecondary: C().element,
-        children: C().node,
-        data: C().any,
-        disabled: C().bool,
+        activeElementId: w().string,
+        actionPrimary: w().element,
+        actionsSecondary: w().element,
+        children: w().node,
+        data: w().any,
+        disabled: w().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        isDraggable: C().bool,
+        isDraggable: w().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        dragId: C().oneOfType([ C().string, C().number ]),
-        elementRef: C().oneOfType([ C().func, C().object ]),
+        dragId: w().oneOfType([ w().string, w().number ]),
+        elementRef: w().oneOfType([ w().func, w().object ]),
         /** @private. */
-        expandable: C().bool,
-        expanded: C().bool,
+        expandable: w().bool,
+        expanded: w().bool,
         /** @private. Identifies the unique id (or ids) for an expanded row (or rows). In expandable rows `ExpansionRowIcon` uses `expansionRowId` for accessibility aria attributes. */
-        expansionRowIds: C().string,
-        expansionRow: C().oneOfType([ C().element, C().arrayOf(C().element) ]),
+        expansionRowIds: w().string,
+        expansionRow: w().oneOfType([ w().element, w().arrayOf(w().element) ]),
         /** @private. Indicates whether the table has an actions column. */
-        actions: C().bool,
+        actions: w().bool,
         /** @private. Generally passed by `Table` rather than added directly. */
-        index: C().number,
+        index: w().number,
         /** @private. Generally passed by `Table` rather than added directly. */
-        movableColumns: C().bool,
-        onClick: C().func,
-        onExpansion: C().func,
+        movableColumns: w().bool,
+        onClick: w().func,
+        onExpansion: w().func,
         /** @private. This is passed through and works as expected. */
-        onKeyDown: C().func,
+        onKeyDown: w().func,
         /** @private. Generally passed by `Table` rather than added directly. */
-        onRequestMoveRow: C().func,
-        onRequestToggle: C().func,
+        onRequestMoveRow: w().func,
+        onRequestToggle: w().func,
         /** @private. Generally passed by `Table` rather than added directly. */
-        primaryColumnIndex: C().number,
-        rowScreenReaderText: C().string,
-        selected: C().bool,
+        primaryColumnIndex: w().number,
+        rowScreenReaderText: w().string,
+        selected: w().bool,
         /** @private. */
-        stripe: C().oneOf([ "odd", "even", "none" ])
+        stripe: w().oneOf([ "odd", "even", "none" ])
     };
-    var $t =  r().createElement(Bn(), null);
-    var Nt =  r().forwardRef((function(e, n) {
+    var Mt =  r().createElement(Kn(), null);
+    var $t =  r().forwardRef((function(e, n) {
         
-        return r().createElement(De(), _t({
-            content: (0, j._)("Actions"),
+        return r().createElement(je(), Pt({
+            content: (0, T._)("Actions"),
             contentRelationship: "label"
-        }, e),  r().createElement(Fn(), {
+        }, e),  r().createElement(Vn(), {
             appearance: "subtle",
             "data-test": "actions-secondary-toggle",
-            icon: $t,
+            icon: Mt,
             elementRef: n
         }));
     }));
-    function Lt(e) {
+    function Nt(e) {
         var n;
-        var o = e.actions, i = e.actionPrimary, l = e.actionsSecondary, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.isDraggable, v = e.elementRef, p = e.expandable, m = e.expanded, b = e.expansionRowIds, y = e.expansionRow, g = e.index, w = e.movableColumns, C = e.onClick, x = e.onExpansion, S = e.onKeyDown, O = e.onRequestToggle, k = e.primaryColumnIndex, R = k === void 0 ? 0 : k, E = e.rowScreenReaderText, I = e.selected, q = e.stripe, A = q === void 0 ? "none" : q, P = e.style, _ = At(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, l = 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, h = e.expansionRowIds, y = e.expansionRow, g = e.index, w = e.movableColumns, C = e.onClick, x = e.onExpansion, S = e.onKeyDown, O = e.onRequestToggle, k = e.primaryColumnIndex, R = k === void 0 ? 0 : k, E = e.rowScreenReaderText, D = e.selected, q = e.stripe, A = q === void 0 ? "none" : q, P = e.style, _ = qt(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 z = (0, t.useMemo)((function() {
             return {
-                id: f ? c : (0, D.createGUID)(),
+                id: f ? c : (0, j.createGUID)(),
                 disabled: !f
             };
         }), [ f, c ]);
-        var M = (0, a.useSortable)(z), $ = M.attributes, N = M.listeners, W = M.transform, H = M.transition, K = M.setNodeRef, B = M.setActivatorNodeRef;
+        var M = (0, a.useSortable)(z), $ = M.attributes, L = M.listeners, W = M.transform, H = M.transition, K = M.setNodeRef, B = M.setActivatorNodeRef;
         var V = (0, t.useMemo)((function() {
-            return f ? Tt(Tt({}, P), {}, {
-                transform: Hn.CSS.Translate.toString(W),
+            return f ? It(It({}, P), {}, {
+                transform: Wn.CSS.Translate.toString(W),
                 transition: H
             }) : P;
         }), [ f, W, H, P ]);
@@ -1811,7 +1816,7 @@
         };
         function Z(e) {
             F.current = e;
-            L(v, e);
+            N(v, e);
             if (f) {
                 K(e);
             }
@@ -1836,26 +1841,26 @@
             ne = "".concat((re = ee[0]) === null || re === void 0 ? void 0 : re.props.children);
             if (false) {}
         }
-        var oe = (0, T.sprintf)((0, j._)("%(selected)s"), {
-            selected: I ? "selected" : "unselected"
+        var oe = (0, I.sprintf)((0, T._)("%(selected)s"), {
+            selected: D ? "selected" : "unselected"
         });
-        var ie = zt[A];
+        var ie = _t[A];
         var ae = m ? t.Children.count(y) + 1 : undefined;
         var le = w ? "false" : undefined;
         var ue = function e() {
             
-            return r().createElement(Nt, null);
+            return r().createElement($t, null);
         };
-        var se = (0, T.sprintf)((0, j._)("Collapse row - %(rowLabelValue)s"), {
+        var se = (0, I.sprintf)((0, T._)("Collapse row - %(rowLabelValue)s"), {
             rowLabelValue: ne
         });
-        var ce = (0, T.sprintf)((0, j._)("Expand row - %(rowLabelValue)s"), {
+        var ce = (0, I.sprintf)((0, T._)("Expand row - %(rowLabelValue)s"), {
             rowLabelValue: ne
         });
         
-        return r().createElement(ie, _t({
+        return r().createElement(ie, Pt({
             "data-test": "row",
-            "data-test-selected": O ? I : undefined,
+            "data-test-selected": O ? D : undefined,
             $clickable: !!C,
             "data-has-movable-columns": w ? "true" : undefined,
             disabled: !!d,
@@ -1863,18 +1868,18 @@
             $isDraggable: !!f,
             ref: Z,
             tabIndex: C ? 0 : undefined
-        }, h()(_, "data"), {
+        }, b()(_, "data"), {
             onClick: C ? U : undefined,
             onKeyDown: X,
-            $rowSelected: !!(O && I),
+            $rowSelected: !!(O && D),
             style: V
-        }), f && g != null &&  r().createElement(ft, _t({
-            "aria-label": (0, T.sprintf)((0, j._)("Reorder %(rowLabelValue)s"), {
+        }), f && g != null &&  r().createElement(dt, Pt({
+            "aria-label": (0, I.sprintf)((0, T._)("Reorder %(rowLabelValue)s"), {
                 rowLabelValue: ne
             }),
             setActivatorNodeRef: B,
-            listeners: N
-        }, $)), O &&  r().createElement(Se, {
+            listeners: L
+        }, $)), O &&  r().createElement(xe, {
             align: "center",
             appearance: C ? "rowLink" : "data",
             disabled: d,
@@ -1882,15 +1887,15 @@
             "data-movable-column": le,
             rowSpan: ae,
             "data-test": "toggle"
-        },  r().createElement(Rt, {
-            "aria-label": (0, T.sprintf)((0, j._)("%(rowLabelValue)s %(selectedString)s"), {
+        },  r().createElement(kt, {
+            "aria-label": (0, I.sprintf)((0, T._)("%(rowLabelValue)s %(selectedString)s"), {
                 rowLabelValue: ne,
                 selectedString: oe
             }),
             disabled: d,
             onClick: Y,
-            selected: I
-        })), p && y &&  r().createElement(Se, {
+            selected: D
+        })), p && y &&  r().createElement(xe, {
             align: "center",
             appearance: "data",
             "data-movable-column": le,
@@ -1898,41 +1903,41 @@
             expand: m,
             rowSpan: ae,
             variant: "expand"
-        },  r().createElement(ot, {
+        },  r().createElement(rt, {
             expanded: m,
             onClick: G,
             title: m ? se : ce,
-            "aria-controls": m ? b : undefined,
+            "aria-controls": m ? h : undefined,
             "aria-expanded": m
-        })), p && !y &&  r().createElement(Se, {
+        })), p && !y &&  r().createElement(xe, {
             variant: "expand",
             "data-movable-column": le
-        }), ee, o && !i && !l &&  r().createElement(Se, {
+        }), ee, o && !i && !l &&  r().createElement(xe, {
             align: "right",
             appearance: C ? "rowLink" : "data",
             "data-test": "row-actions",
             variant: "actions",
             "data-movable-column": le
-        }), (i || l) &&  r().createElement(Se, {
+        }), (i || l) &&  r().createElement(xe, {
             align: "right",
             appearance: "data",
             "data-test": "row-actions",
             variant: "actions",
             "data-movable-column": le
-        }, i && J(), l &&  r().createElement(Xn(), {
+        }, i && J(), l &&  r().createElement(Un(), {
             toggle: ue()
         }, Q())));
     }
-    Lt.propTypes = Mt;
-    Lt.splunkUiType = "Table.Row";
-    /* harmony default export */    const Wt = Lt;
+    Nt.propTypes = zt;
+    Nt.splunkUiType = "Table.Row";
+    /* harmony default export */    const Lt = Nt;
     // CONCATENATED MODULE: ./src/Table/TableContext.ts
-    var Ht =  (0, t.createContext)({});
-    Ht.displayName = "Table";
-    /* harmony default export */    const Kt = Ht;
+    var Wt =  (0, t.createContext)({});
+    Wt.displayName = "Table";
+    /* harmony default export */    const Ht = Wt;
     // CONCATENATED MODULE: ./src/Table/Head.tsx
-    function Bt() {
-        return Bt = Object.assign ? Object.assign.bind() : function(e) {
+    function Kt() {
+        return Kt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1940,11 +1945,11 @@
                 }
             }
             return e;
-        }, Bt.apply(null, arguments);
+        }, Kt.apply(null, arguments);
     }
-    function Vt(e, n) {
+    function Bt(e, n) {
         if (null == e) return {};
-        var t, r, o = Ft(e, n);
+        var t, r, o = Vt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1953,7 +1958,7 @@
         }
         return o;
     }
-    function Ft(e, n) {
+    function Vt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1964,42 +1969,42 @@
         }
         return t;
     }
-    var Ut = {
+    var Ft = {
         /** @private. */
-        actions: C().arrayOf(C().node),
+        actions: w().arrayOf(w().node),
         /** @private. */
-        actionsColumnWidth: C().number,
+        actionsColumnWidth: w().number,
         /** @private */
-        cellMinWidth: C().number,
-        children: C().node,
-        elementRef: C().oneOfType([ C().func, C().object ]),
+        cellMinWidth: w().number,
+        children: w().node,
+        elementRef: w().oneOfType([ w().func, w().object ]),
         /** @private. */
-        hasDragColumn: C().bool,
+        hasDragColumn: w().bool,
         /** @private. */
-        hasInfoColumn: C().bool,
+        hasInfoColumn: w().bool,
         /** @private. */
-        onAutosizeColumn: C().func,
+        onAutosizeColumn: w().func,
         /** @private. */
-        onRequestMoveColumn: C().func,
+        onRequestMoveColumn: w().func,
         /** @private. */
-        onRequestResizeColumn: C().func,
+        onRequestResizeColumn: w().func,
         /** @private. */
-        onRequestToggleAllRows: C().func,
+        onRequestToggleAllRows: w().func,
         /** @private. */
-        rowSelection: C().oneOf([ "all", "some", "none" ])
+        rowSelection: w().oneOf([ "all", "some", "none" ])
     };
-    var Xt = 1;
-    var Yt = {
+    var Ut = 1;
+    var Xt = {
         all: true,
         none: false,
         some: "some"
     };
-    var Gt = (0, j._)("No rows selected");
-    var Jt = (0, j._)("Some rows selected");
-    var Qt = (0, j._)("All rows selected");
-    var Zt = function e(n) {
+    var Yt = (0, T._)("No rows selected");
+    var Gt = (0, T._)("Some rows selected");
+    var Jt = (0, T._)("All rows selected");
+    var Qt = function e(n) {
         var t, r;
-        var o = sn();
+        var o = un();
         if (!n) {
             return [];
         }
@@ -2008,9 +2013,10 @@
             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, m = e.onRequestToggleAllRows, b = e.rowSelection, h = Vt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
-        var y = (0, t.useContext)(Kt), g = y.headType, w = y.tableContainerWidthWithoutBorders, C = y.resizableFillLayout;
+    function Zt(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 = Bt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
+        // @docs-props-type HeadPropsBase
+                var y = (0, t.useContext)(Ht), g = y.headType, w = y.tableContainerWidthWithoutBorders, C = y.resizableFillLayout;
         var x = (0, t.useRef)(null);
         var S = (0, t.useRef)([]);
         (0, t.useEffect)((function() {
@@ -2031,7 +2037,7 @@
         }), [ u, v ]);
         var k = (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 = Qt(x.current);
             if (o >= a.length) {
                 p === null || p === void 0 ? void 0 : p(e, n);
                 return;
@@ -2131,7 +2137,7 @@
             }
         }), [ l, p, w ]);
         var R = (0, t.useCallback)((function(e) {
-            L(s, e);
+            N(s, e);
             x.current = e;
         }), [ s ]);
         var E = (0, t.useMemo)((function() {
@@ -2154,16 +2160,16 @@
             S.current = e;
             return n;
         }), [ E, C, k, p, v, O, f ]);
-        var j = b === undefined ? undefined : Yt[b];
+        var j = b === undefined ? undefined : Xt[b];
         var D = i || 48;
         var q = g === "fixed" ? "fixed-head" : "head";
         var A;
         if (j === "some") {
-            A = Jt;
+            A = Gt;
         } else if (j) {
-            A = Qt;
+            A = Jt;
         } else {
-            A = Gt;
+            A = Yt;
         }
         var P = (0, t.useMemo)((function() {
             return {
@@ -2176,33 +2182,33 @@
             };
         }), [ i ]);
         
-        return r().createElement($n, Bt({
+        return r().createElement(Mn, Kt({
             ref: R,
             "data-test": q,
             $isFixed: g === "fixed",
-            $zIndex: I + Xt
-        }, h),  r().createElement(Wt, null, c &&  r().createElement(Wn, {
+            $zIndex: I + Ut
+        }, h),  r().createElement(Lt, null, c &&  r().createElement(Ln, {
             key: "drag_rows_head_cell",
             "data-test": "drag-rows-head-cell",
             align: "center",
             resizable: false
-        }), m &&  r().createElement(Nn, {
+        }), m &&  r().createElement($n, {
             key: "toggle_all",
             resizable: false,
             align: "center",
             variant: "toggleAll",
             truncate: false,
             "data-test": "toggle-all"
-        },  r().createElement(Rt, {
+        },  r().createElement(kt, {
             "aria-label": A,
             onClick: m,
             selected: j
-        })), d &&  r().createElement(Ln, {
+        })), d &&  r().createElement(Nn, {
             key: "more_info_head_cell",
             "data-test": "more-info-head-cell",
             resizable: false,
             variant: "info"
-        }), T, o.length > 0 &&  r().createElement(Mn, {
+        }), T, o.length > 0 &&  r().createElement(zn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2210,7 +2216,7 @@
             width: D,
             style: P,
             variant: "actions"
-        }, o), o.length === 0 && i &&  r().createElement(Mn, {
+        }, o), o.length === 0 && i &&  r().createElement(zn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2220,24 +2226,24 @@
             variant: "actions"
         }, " ")));
     }
-    er.propTypes = Ut;
-    er.splunkUiType = "Table.Head";
-    /* harmony default export */    const nr = er;
+    Zt.propTypes = Ft;
+    Zt.splunkUiType = "Table.Head";
+    /* harmony default export */    const er = Zt;
     // CONCATENATED MODULE: external "lodash/isFinite"
-    const tr = require("lodash/isFinite");
-    var rr =  e.n(tr);
+    const nr = require("lodash/isFinite");
+    var tr =  e.n(nr);
     // CONCATENATED MODULE: external "lodash/isFunction"
-    const or = require("lodash/isFunction");
-    var ir =  e.n(or);
+    const rr = require("lodash/isFunction");
+    var or =  e.n(rr);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const ar = require("@splunk/react-ui/Popover");
-    var lr =  e.n(ar);
+    const ir = require("@splunk/react-ui/Popover");
+    var ar =  e.n(ir);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const ur = require("@splunk/react-ui/useControlled");
-    var sr =  e.n(ur);
+    const lr = require("@splunk/react-ui/useControlled");
+    var ur =  e.n(lr);
     // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
-    function cr() {
-        return cr = Object.assign ? Object.assign.bind() : function(e) {
+    function sr() {
+        return sr = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -2245,29 +2251,29 @@
                 }
             }
             return e;
-        }, cr.apply(null, arguments);
+        }, sr.apply(null, arguments);
     }
-    function dr(e, n) {
-        return br(e) || mr(e, n) || vr(e, n) || fr();
+    function cr(e, n) {
+        return mr(e) || pr(e, n) || fr(e, n) || dr();
     }
-    function fr() {
+    function dr() {
         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 fr(e, n) {
         if (e) {
-            if ("string" == typeof e) return pr(e, n);
+            if ("string" == typeof e) return vr(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? 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) ? vr(e, n) : void 0;
         }
     }
-    function pr(e, n) {
+    function vr(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 mr(e, n) {
+    function pr(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;
@@ -2289,12 +2295,12 @@
             return l;
         }
     }
-    function br(e) {
+    function mr(e) {
         if (Array.isArray(e)) return e;
     }
-    function hr(e, n) {
+    function br(e, n) {
         if (null == e) return {};
-        var t, r, o = yr(e, n);
+        var t, r, o = hr(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -2303,7 +2309,7 @@
         }
         return o;
     }
-    function yr(e, n) {
+    function hr(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -2316,82 +2322,82 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var gr = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    var wr = {
-        align: C().oneOf([ "left", "center", "right" ]),
-        buttonRef: C().oneOfType([ C().func, C().object ]),
-        canCoverHead: C().bool,
-        children: C().node.isRequired,
-        closeReasons: C().arrayOf(C().oneOf(gr)),
-        columnId: C().string,
+    /** @public */    var yr = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    var gr = {
+        align: w().oneOf([ "left", "center", "right" ]),
+        buttonRef: w().oneOfType([ w().func, w().object ]),
+        canCoverHead: w().bool,
+        children: w().node.isRequired,
+        closeReasons: w().arrayOf(w().oneOf(yr)),
+        columnId: w().string,
         /** @private. */
-        dragId: C().oneOfType([ C().string, C().number ]),
-        elementRef: C().oneOfType([ C().func, C().object ]),
-        headCellScreenReaderText: C().string,
-        focusToggleReasons: C().arrayOf(C().oneOf(gr)),
+        dragId: w().oneOfType([ w().string, w().number ]),
+        elementRef: w().oneOfType([ w().func, w().object ]),
+        headCellScreenReaderText: w().string,
+        focusToggleReasons: w().arrayOf(w().oneOf(yr)),
         /** @private The index of the cell, skipping the info column. */
-        index: C().number,
-        label: C().node,
+        index: w().number,
+        label: w().node,
         /** @private. */
-        onAutosizeColumn: C().func,
+        onAutosizeColumn: w().func,
         /**
    * @private. This will be passed through, and will work as expected.
    */
-        onKeyDown: C().func,
-        onRequestClose: C().func,
+        onKeyDown: w().func,
+        onRequestClose: w().func,
         /** @private. */
-        onRequestMoveColumn: C().func,
-        onRequestOpen: C().func,
+        onRequestMoveColumn: w().func,
+        onRequestOpen: w().func,
         /** @private. */
-        onRequestResize: C().func,
-        open: C().bool,
-        repositionMode: C().oneOf([ "none", "flip", "any" ]),
-        resizable: C().bool,
-        retainFocus: C().bool,
-        takeFocus: C().bool,
-        truncate: C().bool,
+        onRequestResize: w().func,
+        open: w().bool,
+        repositionMode: w().oneOf([ "none", "flip", "any" ]),
+        resizable: w().bool,
+        retainFocus: w().bool,
+        takeFocus: w().bool,
+        truncate: w().bool,
         /**
    * @private
    * Used internally to suppress focus when this `HeadDropdownCell` is superseded by one in an
    * overlaid `HeadTable` for user interactions.
    */
-        visible: C().bool,
-        width: C().number,
+        visible: w().bool,
+        width: w().number,
         /** @private. */
-        variant: C().oneOf([ "toggleAll", "info", "actions" ])
+        variant: w().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var Cr = [ "contentClick", "escapeKey", "toggleClick" ];
-    function xr(e) {
+    var wr = [ "contentClick", "escapeKey", "toggleClick" ];
+    function Cr(e) {
         var n;
-        var o = e.align, i = o === void 0 ? "left" : o, l = e.buttonRef, u = e.canCoverHead, s = u === void 0 ? true : u, c = e.children, d = e.closeReasons, f = d === void 0 ? gr : d, v = e.columnId, p = e.dragId, m = e.elementRef, b = e.headCellScreenReaderText, h = e.focusToggleReasons, y = h === void 0 ? Cr : h, g = e.id, w = e.index, C = e.label, x = e.onAutosizeColumn, S = e.onKeyDown, O = e.onRequestClose, k = e.onRequestMoveColumn, E = e.onRequestOpen, I = e.onRequestResize, q = e.open, P = e.repositionMode, _ = P === void 0 ? "flip" : P, z = e.resizable, M = z === void 0 ? true : z, $ = e.retainFocus, N = e.style, W = e.takeFocus, H = W === void 0 ? true : W, K = e.truncate, B = K === void 0 ? true : K, V = e.variant, F = e.visible, U = F === void 0 ? true : F, X = e.width, Y = hr(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
+        var o = e.align, i = o === void 0 ? "left" : o, l = e.buttonRef, u = e.canCoverHead, s = u === void 0 ? true : u, c = e.children, d = e.closeReasons, f = d === void 0 ? yr : d, v = e.columnId, p = e.dragId, m = e.elementRef, b = e.headCellScreenReaderText, h = e.focusToggleReasons, y = h === void 0 ? wr : h, g = e.id, w = e.index, C = e.label, x = e.onAutosizeColumn, S = e.onKeyDown, O = e.onRequestClose, R = e.onRequestMoveColumn, E = e.onRequestOpen, D = e.onRequestResize, A = e.open, P = e.repositionMode, _ = P === void 0 ? "flip" : P, z = e.resizable, M = z === void 0 ? true : z, $ = e.retainFocus, L = e.style, W = e.takeFocus, H = W === void 0 ? true : W, K = e.truncate, B = K === void 0 ? true : K, V = e.variant, F = e.visible, U = F === void 0 ? true : F, X = e.width, Y = br(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadDropdownCellPropsBase
-                var G = sr()({
+                var G = ur()({
             componentName: "HeadDropdownCell",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
             // see SUI-7028
             valuePropName: "open"
         });
-        var J = (0, t.useState)(), Q = dr(J, 2), Z = Q[0], ee = Q[1];
-        var ne = (0, t.useState)(null), te = dr(ne, 2), re = te[0], oe = te[1];
-        var ie = (0, t.useState)(null), ae = dr(ie, 2), le = ae[0], ue = ae[1];
-        var se = (0, t.useState)(false), ce = dr(se, 2), de = ce[0], fe = ce[1];
-        var ve = (0, D.createDOMID)("popover");
-        var pe = !!k;
+        var J = (0, t.useState)(), Q = cr(J, 2), Z = Q[0], ee = Q[1];
+        var ne = (0, t.useState)(null), te = cr(ne, 2), re = te[0], oe = te[1];
+        var ie = (0, t.useState)(null), ae = cr(ie, 2), le = ae[0], ue = ae[1];
+        var se = (0, t.useState)(false), ce = cr(se, 2), de = ce[0], fe = ce[1];
+        var ve = (0, j.createDOMID)("popover");
+        var pe = !!R;
         var me = (0, a.useSortable)({
             // dragId is optional in HeadCell but required by useSortable
             // since it is always set in Table, use a type assertion here to avoid TypeScript error
             id: p
         }), be = me.attributes, he = me.listeners, ye = me.setNodeRef, ge = me.isDragging;
         var we = (0, t.useMemo)((function() {
-            return G ? q : de;
-        }), [ G, de, q ]);
-        var Ce = R()(U);
+            return G ? A : de;
+        }), [ G, de, A ]);
+        var Ce = k()(U);
         var xe = (n = g !== null && g !== void 0 ? g : v) !== null && n !== void 0 ? n : (0, 
-        D.createDOMID)("headCellId-");
+        j.createDOMID)("headCellId-");
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ I, B ]);
+        }), [ D, B ]);
         var Se = (0, t.useCallback)((function(e) {
             var n = e.reason, t = e.event;
             if (n === "clickAway" && t !== undefined) {
@@ -2404,8 +2410,8 @@
                     r = r.parentNode;
                 }
             }
-            if (we && A()(f, n) && w !== undefined) {
-                if (A()(y, n)) {
+            if (we && q()(f, n) && w !== undefined) {
+                if (q()(y, n)) {
                     le === null || le === void 0 ? void 0 : le.focus();
                 }
                 if (!G) {
@@ -2426,7 +2432,7 @@
             }
         }), [ Se, Ce, U ]);
         var Oe = (0, t.useCallback)((function(e) {
-            L(m, e);
+            N(m, e);
             if (pe) {
                 ye(e);
             }
@@ -2434,9 +2440,9 @@
         var ke = (0, t.useCallback)((function(e) {
             ue(e);
             oe(e);
-            L(l, e);
+            N(l, e);
         }), [ l ]);
-        var Re = (0, t.useCallback)((function(e) {
+        var Ee = (0, t.useCallback)((function(e) {
             e.stopPropagation();
             // ignore clicks on the resize handle
                         if (e.target.getAttribute("data-test") === "resize") {
@@ -2461,7 +2467,7 @@
                 }
             }
         }), [ v, Se, w, G, we, E ]);
-        var Ie = (0, t.useCallback)((function(e) {
+        var Te = (0, t.useCallback)((function(e) {
             if (w !== undefined) {
                 S === null || S === void 0 ? void 0 : S(e, {
                     index: w,
@@ -2476,7 +2482,7 @@
             });
         }), [ Se ]);
         var De = (0, t.useMemo)((function() {
-            if (Z !== undefined && rr()(Z)) {
+            if (Z !== undefined && tr()(Z)) {
                 var e;
                 return {
                     x: Z - ((e = re === null || re === void 0 ? void 0 : re.getBoundingClientRect().left) !== null && e !== void 0 ? e : 0)
@@ -2485,10 +2491,10 @@
             return undefined;
         }), [ Z, re ]);
         var qe = (0, t.useMemo)((function() {
-            return Ee()({}, N, {
+            return Re()({}, L, {
                 width: X
             });
-        }), [ N, X ]);
+        }), [ L, X ]);
         var Ae;
         if (b) {
             Ae = b;
@@ -2496,19 +2502,19 @@
             Ae = C;
         }
         
-        return r().createElement(Be, cr({
+        return r().createElement(Ke, sr({
             style: qe,
             "data-test": "head-cell",
             $isDragging: pe && ge,
             $variant: V,
             id: U ? xe : undefined,
             ref: Oe
-        }, Y),  r().createElement(Ke, null, pe &&  r().createElement(Fe, cr({
-            "aria-label": (0, T.sprintf)((0, j._)("Reorder %(labelString)s"), {
+        }, Y),  r().createElement(He, null, pe &&  r().createElement(Ve, sr({
+            "aria-label": (0, I.sprintf)((0, T._)("Reorder %(labelString)s"), {
                 labelString: Ae
             }),
             "data-test": "drag"
-        }, be, he),  r().createElement(Ve, null,  r().createElement(Te(), null))),  r().createElement(jn, {
+        }, be, he),  r().createElement(Be, null,  r().createElement(Ie(), null))),  r().createElement(Tn, {
             align: i,
             "aria-expanded": we,
             "aria-haspopup": true,
@@ -2522,17 +2528,17 @@
             label: C,
             resizable: U && M,
             onAutosizeColumn: x,
-            onRequestResize: I,
-            onClick: Re,
-            onKeyDown: Ie,
+            onRequestResize: D,
+            onClick: Ee,
+            onKeyDown: Te,
             truncate: B,
             width: X,
             "data-test": "inner"
-        }),  r().createElement(lr(), {
+        }),  r().createElement(ar(), {
             align: "center",
             anchor: re,
             "aria-labelledby": xe,
-            autoCloseWhenOffScreen: A()(f, "offScreen"),
+            autoCloseWhenOffScreen: q()(f, "offScreen"),
             canCoverAnchor: s,
             defaultPlacement: "below",
             id: ve,
@@ -2542,7 +2548,7 @@
             repositionMode: _,
             retainFocus: $,
             takeFocus: H
-        }, ir()(c) ? function() {
+        }, or()(c) ? function() {
             
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
             return r().createElement("div", {
@@ -2555,29 +2561,29 @@
             onClick: je
         }, c))));
     }
-    xr.propTypes = wr;
-    xr.splunkUiType = "Table.HeadDropdownCell";
-    xr.possibleCloseReasons = gr;
-    /* harmony default export */    const Sr = xr;
+    Cr.propTypes = gr;
+    Cr.splunkUiType = "Table.HeadDropdownCell";
+    Cr.possibleCloseReasons = yr;
+    /* harmony default export */    const xr = Cr;
     // CONCATENATED MODULE: external "lodash/extend"
-    const Or = require("lodash/extend");
-    var kr =  e.n(Or);
+    const Sr = require("lodash/extend");
+    var Or =  e.n(Sr);
     // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
-    var Rr = M()(ne).withConfig({
+    var kr = z()(ee).withConfig({
         displayName: "HeadTableStyles__Styled",
         componentId: "g85wgf-0"
     })([ "min-width:0;table-layout:fixed;" ]);
-    var Er = M().div.withConfig({
+    var Rr = z().div.withConfig({
         displayName: "HeadTableStyles__StyledDockedContainer",
         componentId: "g85wgf-1"
-    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], $.variables.zindexFixedNavbar);
-    var Ir = M()(Er).withConfig({
+    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], M.variables.zindexFixedNavbar);
+    var Er = z()(Rr).withConfig({
         displayName: "HeadTableStyles__StyledFixedContainer",
         componentId: "g85wgf-2"
     })([ "position:absolute;box-shadow:none;z-index:1;" ]);
     // CONCATENATED MODULE: ./src/Table/HeadTable.tsx
-    function Tr() {
-        return Tr = Object.assign ? Object.assign.bind() : function(e) {
+    function Ir() {
+        return Ir = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -2585,11 +2591,11 @@
                 }
             }
             return e;
-        }, Tr.apply(null, arguments);
+        }, Ir.apply(null, arguments);
     }
-    function jr(e, n) {
+    function Tr(e, n) {
         if (null == e) return {};
-        var t, r, o = Dr(e, n);
+        var t, r, o = jr(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -2598,7 +2604,7 @@
         }
         return o;
     }
-    function Dr(e, n) {
+    function jr(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -2609,34 +2615,35 @@
         }
         return t;
     }
-    var qr = {
-        cellWidths: C().arrayOf(C().number).isRequired,
-        dragIndex: C().number,
-        elementRef: C().oneOfType([ C().func, C().object ]),
-        hasDragColumn: C().bool,
-        hasRowExpansion: C().bool,
-        hasRowSelection: C().bool,
-        headType: C().oneOf([ "docked", "fixed" ]).isRequired,
-        horizontalOffset: C().number,
-        isFixedColumn: C().bool,
-        rowSelection: C().oneOf([ "all", "some", "none" ]),
-        tableStyle: C().object,
-        tableWidth: C().number.isRequired,
-        tHead: C().element.isRequired,
-        top: C().number.isRequired,
-        width: C().number.isRequired
+    var Dr = {
+        cellWidths: w().arrayOf(w().number).isRequired,
+        dragIndex: w().number,
+        elementRef: w().oneOfType([ w().func, w().object ]),
+        hasDragColumn: w().bool,
+        hasRowExpansion: w().bool,
+        hasRowSelection: w().bool,
+        headType: w().oneOf([ "docked", "fixed" ]).isRequired,
+        horizontalOffset: w().number,
+        isFixedColumn: w().bool,
+        rowSelection: w().oneOf([ "all", "some", "none" ]),
+        tableStyle: w().object,
+        tableWidth: w().number.isRequired,
+        tHead: w().element.isRequired,
+        top: w().number.isRequired,
+        width: w().number.isRequired
     };
     /**
  * @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 Ar(e) {
-        var n = e.cellWidths, o = e.elementRef, i = e.hasDragColumn, a = e.hasRowExpansion, l = e.hasRowSelection, u = e.headType, s = e.horizontalOffset, c = s === void 0 ? 0 : s, d = e.isFixedColumn, f = e.tableStyle, v = e.tableWidth, p = e.tHead, m = e.top, b = e.width, y = jr(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
-        var g = u === "docked";
-        var w = g ? Er : Ir;
+ */    function qr(e) {
+        var n = e.cellWidths, o = e.elementRef, i = e.hasDragColumn, a = e.hasRowExpansion, l = e.hasRowSelection, u = e.headType, s = e.horizontalOffset, c = s === void 0 ? 0 : s, d = e.isFixedColumn, f = e.tableStyle, v = e.tableWidth, p = e.tHead, m = e.top, h = e.width, y = Tr(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
+        // @docs-props-type HeadTablePropsBase
+                var g = u === "docked";
+        var w = g ? Rr : Er;
         var C = (0, t.useRef)(null);
         var x = (0, t.useCallback)((function(e) {
-            L(C, e);
+            N(C, e);
         }), [ C ]);
         var S = 0;
         if (a) {
@@ -2660,7 +2667,7 @@
             return O.filter(t.isValidElement).map((function(e, r) {
                 
                 return (0, t.cloneElement)(e, {
-                    style: kr()({}, e.props.style, {
+                    style: Or()({}, e.props.style, {
                         width: n[r + S]
                     })
                 });
@@ -2673,40 +2680,40 @@
         var E = (0, t.useMemo)((function() {
             return {
                 top: m,
-                width: b
+                width: h
             };
-        }), [ m, b ]);
+        }), [ m, h ]);
         
         return r().createElement(w, {
             style: E,
             ref: o
-        },  r().createElement(Rr, Tr({
+        },  r().createElement(kr, Ir({
             "data-test": "".concat(u, "-head-table"),
             "data-fixed-column": d ? "true" : undefined,
-            style: kr()({}, f, {
+            style: Or()({}, f, {
                 marginLeft: c,
                 width: d ? undefined : v
             })
-        }, h()(y, "dragIndex")), R));
+        }, b()(y, "dragIndex")), R));
     }
-    Ar.propTypes = qr;
-    /* harmony default export */    const Pr = Ar;
+    qr.propTypes = Dr;
+    /* harmony default export */    const Ar = qr;
     // CONCATENATED MODULE: ./src/Table/KeyboardSensor.ts
-    function _r(e) {
+    function Pr(e) {
         "@babel/helpers - typeof";
-        return _r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Pr = "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;
-        }, _r(e);
+        }, Pr(e);
     }
-    function zr(e, n) {
-        return Nr(e) || $r(e, n) || Hr(e, n) || Mr();
+    function _r(e, n) {
+        return $r(e) || Mr(e, n) || Wr(e, n) || zr();
     }
-    function Mr() {
+    function zr() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function $r(e, n) {
+    function Mr(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -2728,68 +2735,68 @@
             return l;
         }
     }
-    function Nr(e) {
+    function $r(e) {
         if (Array.isArray(e)) return e;
     }
-    function Lr(e) {
-        return Br(e) || Kr(e) || Hr(e) || Wr();
+    function Nr(e) {
+        return Kr(e) || Hr(e) || Wr(e) || Lr();
     }
-    function Wr() {
+    function Lr() {
         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 Hr(e, n) {
+    function Wr(e, n) {
         if (e) {
-            if ("string" == typeof e) return Vr(e, n);
+            if ("string" == typeof e) return Br(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Vr(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Br(e, n) : void 0;
         }
     }
-    function Kr(e) {
+    function Hr(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function Br(e) {
-        if (Array.isArray(e)) return Vr(e);
+    function Kr(e) {
+        if (Array.isArray(e)) return Br(e);
     }
-    function Vr(e, n) {
+    function Br(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 Fr(e, n) {
+    function Vr(e, n) {
         if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
     }
-    function Ur(e, n) {
+    function Fr(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, Gr(r.key), r);
+            Object.defineProperty(e, Yr(r.key), r);
         }
     }
-    function Xr(e, n, t) {
-        return n && Ur(e.prototype, n), t && Ur(e, t), Object.defineProperty(e, "prototype", {
+    function Ur(e, n, t) {
+        return n && Fr(e.prototype, n), t && Fr(e, t), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function Yr(e, n, t) {
-        return (n = Gr(n)) in e ? Object.defineProperty(e, n, {
+    function Xr(e, n, t) {
+        return (n = Yr(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function Gr(e) {
-        var n = Jr(e, "string");
-        return "symbol" == _r(n) ? n : n + "";
+    function Yr(e) {
+        var n = Gr(e, "string");
+        return "symbol" == Pr(n) ? n : n + "";
     }
-    function Jr(e, n) {
-        if ("object" != _r(e) || !e) return e;
+    function Gr(e, n) {
+        if ("object" != Pr(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != _r(r)) return r;
+            if ("object" != Pr(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
@@ -2797,21 +2804,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 Qr =  function() {
+        var Jr =  function() {
         function e(n) {
             var t = this;
-            Fr(this, e);
-            Yr(this, "listeners", []);
-            Yr(this, "removeAll", (function() {
+            Vr(this, e);
+            Xr(this, "listeners", []);
+            Xr(this, "removeAll", (function() {
                 t.listeners.forEach((function(e) {
                     var n;
-                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Lr(e));
+                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Nr(e));
                 }));
             }));
             this.target = n;
             this.target = n;
         }
-        Xr(e, [ {
+        Ur(e, [ {
             key: "add",
             value: function e(n, t, r) {
                 var o;
@@ -2822,7 +2829,7 @@
         return e;
     }();
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/parseTransform.ts
-        function Zr(e) {
+        function Qr(e) {
         if (e.startsWith("matrix3d(")) {
             var n = e.slice(9, -1).split(/, /);
             return {
@@ -2844,8 +2851,8 @@
         return null;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/inverseTransform.ts
-        function eo(e, n, t) {
-        var r = Zr(n);
+        function Zr(e, n, t) {
+        var r = Qr(n);
         if (!r) {
             return e;
         }
@@ -2863,17 +2870,17 @@
             left: u
         };
     }
-    var no = {
+    var eo = {
         ignoreTransform: false
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/rect/getRect.ts
-        function to(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : no;
+        function no(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : eo;
         var t = e.getBoundingClientRect();
         if (n.ignoreTransform) {
-            var r = (0, Hn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
+            var r = (0, Wn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
             if (o) {
-                t = eo(t, o, i);
+                t = Zr(t, o, i);
             }
         }
         var a = t, l = a.top, u = a.left, s = a.width, c = a.height, d = a.bottom, f = a.right;
@@ -2886,7 +2893,7 @@
             right: f
         };
     }
-    function ro(e) {
+    function to(e) {
         if (e === document.scrollingElement) {
             var n = window, t = n.innerWidth, r = n.innerHeight;
             return {
@@ -2909,19 +2916,19 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/documentScrollingElement.ts
-        function oo(e) {
-        if (!Hn.canUseDOM || !e) {
+        function ro(e) {
+        if (!Wn.canUseDOM || !e) {
             return false;
         }
         return e === document.scrollingElement;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollPosition.ts
-        function io(e) {
+        function oo(e) {
         var n = {
             x: 0,
             y: 0
         };
-        var t = oo(e) ? {
+        var t = ro(e) ? {
             height: window.innerHeight,
             width: window.innerWidth
         } : {
@@ -2946,20 +2953,20 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/coordinates/constants.ts
-        var ao = {
+        var io = {
         x: 0,
         y: 0
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isFixed.ts
-        function lo(e) {
+        function ao(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        Hn.getWindow)(e).getComputedStyle(e);
+        Wn.getWindow)(e).getComputedStyle(e);
         return n.position === "fixed";
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isScrollable.ts
-        function uo(e) {
+        function lo(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        Hn.getWindow)(e).getComputedStyle(e);
+        Wn.getWindow)(e).getComputedStyle(e);
         var t = /(auto|scroll|overlay)/;
         var r = [ "overflow", "overflowX", "overflowY" ];
         return r.some((function(e) {
@@ -2968,7 +2975,7 @@
         }));
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function so(e, n) {
+        function uo(e, n) {
         var t = [];
         function r(o) {
             if (n != null && t.length >= n) {
@@ -2977,23 +2984,23 @@
             if (!o) {
                 return t;
             }
-            if ((0, Hn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
+            if ((0, Wn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
                 t.push(o.scrollingElement);
                 return t;
             }
-            if (!(0, Hn.isHTMLElement)(o) || (0, Hn.isSVGElement)(o)) {
+            if (!(0, Wn.isHTMLElement)(o) || (0, Wn.isSVGElement)(o)) {
                 return t;
             }
             if (t.includes(o)) {
                 return t;
             }
-            var i = (0, Hn.getWindow)(e).getComputedStyle(o);
+            var i = (0, Wn.getWindow)(e).getComputedStyle(o);
             if (o !== e) {
-                if (uo(o, i)) {
+                if (lo(o, i)) {
                     t.push(o);
                 }
             }
-            if (lo(o, i)) {
+            if (ao(o, i)) {
                 return t;
             }
             return r(o.parentNode);
@@ -3004,23 +3011,23 @@
         return r(e);
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function co(e) {
-        var n = so(e, 1), t = zr(n, 1), r = t[0];
+        function so(e) {
+        var n = uo(e, 1), t = _r(n, 1), r = t[0];
         return r !== null && r !== void 0 ? r : null;
     }
-    var fo = {
+    var co = {
         start: [ o.KeyboardCode.Space, o.KeyboardCode.Enter ],
         cancel: [ o.KeyboardCode.Esc ],
         end: [ o.KeyboardCode.Space, o.KeyboardCode.Enter ]
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/scrollIntoViewIfNeeded.ts
-        function vo(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : to;
+        function fo(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : no;
         if (!e) {
             return;
         }
         var t = n(e), r = t.top, o = t.left, i = t.bottom, a = t.right;
-        var l = co(e);
+        var l = so(e);
         if (!l) {
             return;
         }
@@ -3031,23 +3038,23 @@
             });
         }
     }
-    var po =  function() {
+    var vo =  function() {
         function e(n) {
-            Fr(this, e);
-            Yr(this, "autoScrollEnabled", false);
-            Yr(this, "referenceCoordinates", void 0);
-            Yr(this, "listeners", void 0);
-            Yr(this, "windowListeners", void 0);
+            Vr(this, e);
+            Xr(this, "autoScrollEnabled", false);
+            Xr(this, "referenceCoordinates", void 0);
+            Xr(this, "listeners", void 0);
+            Xr(this, "windowListeners", void 0);
             this.props = n;
             var t = n.event.target;
             this.props = n;
-            this.listeners = new Qr((0, Hn.getOwnerDocument)(t));
-            this.windowListeners = new Qr((0, Hn.getWindow)(t));
+            this.listeners = new Jr((0, Wn.getOwnerDocument)(t));
+            this.windowListeners = new Jr((0, Wn.getWindow)(t));
             this.handleKeyDown = this.handleKeyDown.bind(this);
             this.handleCancel = this.handleCancel.bind(this);
             this.attach();
         }
-        Xr(e, [ {
+        Ur(e, [ {
             key: "attach",
             value: function e() {
                 var n = this;
@@ -3064,16 +3071,16 @@
                 var n = this.props, t = n.activeNode, r = n.onStart;
                 var o = t.node.current;
                 if (o) {
-                    vo(o);
+                    fo(o);
                 }
-                r(ao);
+                r(io);
             }
         }, {
             key: "handleKeyDown",
             value: function e(n) {
-                if ((0, Hn.isKeyboardEvent)(n)) {
+                if ((0, Wn.isKeyboardEvent)(n)) {
                     var t = this.props, r = t.active, i = t.context, a = t.options;
-                    var l = a.keyboardCodes, u = l === void 0 ? fo : l, s = a.coordinateGetter, c = a.scrollBehavior, d = c === void 0 ? "smooth" : c;
+                    var l = a.keyboardCodes, u = l === void 0 ? co : l, s = a.coordinateGetter, c = a.scrollBehavior, d = c === void 0 ? "smooth" : c;
                     var f = n.code;
                     if (u.end.includes(f)) {
                         this.handleEnd(n);
@@ -3087,7 +3094,7 @@
                     var p = v ? {
                         x: v.left,
                         y: v.top
-                    } : ao;
+                    } : io;
                     if (!this.referenceCoordinates) {
                         this.referenceCoordinates = p;
                     }
@@ -3097,7 +3104,7 @@
                         currentCoordinates: p
                     });
                     if (m) {
-                        var b = (0, Hn.subtract)(m, p);
+                        var b = (0, Wn.subtract)(m, p);
                         var h = {
                             x: 0,
                             y: 0
@@ -3106,8 +3113,8 @@
                         for (var g = 0; g < y.length; g += 1) {
                             var w = y[g];
                             var C = n.code;
-                            var x = io(w), S = x.isTop, O = x.isRight, k = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
-                            var T = ro(w);
+                            var x = oo(w), S = x.isTop, O = x.isRight, k = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
+                            var T = to(w);
                             // 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
@@ -3165,7 +3172,7 @@
                                 break;
                             }
                         }
-                        this.handleMove(n, (0, Hn.add)((0, Hn.subtract)(m, this.referenceCoordinates), h));
+                        this.handleMove(n, (0, Wn.add)((0, Wn.subtract)(m, this.referenceCoordinates), h));
                     }
                 }
             }
@@ -3201,10 +3208,10 @@
         } ]);
         return e;
     }();
-    Yr(po, "activators", [ {
+    Xr(vo, "activators", [ {
         eventName: "onKeyDown",
         handler: function e(n, t, r) {
-            var o = t.keyboardCodes, i = o === void 0 ? fo : o, a = t.onActivation;
+            var o = t.keyboardCodes, i = o === void 0 ? co : o, a = t.onActivation;
             var l = r.active;
             var u = n.nativeEvent.code;
             if (i.start.includes(u)) {
@@ -3222,15 +3229,15 @@
         }
     } ]);
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function mo(e) {
+    function po(e) {
         "@babel/helpers - typeof";
-        return mo = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return po = "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;
-        }, mo(e);
+        }, po(e);
     }
-    function bo(e, n) {
+    function mo(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -3240,46 +3247,46 @@
         }
         return t;
     }
-    function ho(e) {
+    function bo(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? bo(Object(t), !0).forEach((function(n) {
-                yo(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : bo(Object(t)).forEach((function(n) {
+            n % 2 ? mo(Object(t), !0).forEach((function(n) {
+                ho(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : mo(Object(t)).forEach((function(n) {
                 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 ho(e, n, t) {
+        return (n = yo(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" == mo(n) ? n : n + "";
+    function yo(e) {
+        var n = go(e, "string");
+        return "symbol" == po(n) ? n : n + "";
     }
-    function wo(e, n) {
-        if ("object" != mo(e) || !e) return e;
+    function go(e, n) {
+        if ("object" != po(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != mo(r)) return r;
+            if ("object" != po(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 wo() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
     // Formats return value to DOMRect
-        function xo(e) {
-        return ho(ho({}, e), {}, {
+        function Co(e) {
+        return bo(bo({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -3293,18 +3300,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 xo(e, n) {
         var t, r;
         var o = e.getBoundingClientRect();
-        var i = Co();
+        var i = wo();
         if (!n || !i) {
             return o;
         }
-        var a = sn();
+        var a = un();
         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 Co({
             width: s,
             height: c,
             x: l,
@@ -3321,14 +3328,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 Oo(e, n) {
+    function So(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 ko() {
-        return ko = Object.assign ? Object.assign.bind() : function(e) {
+    function Oo() {
+        return Oo = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -3336,41 +3343,41 @@
                 }
             }
             return e;
-        }, ko.apply(null, arguments);
+        }, Oo.apply(null, arguments);
     }
-    function Ro(e) {
-        return To(e) || Io(e) || qo(e) || Eo();
+    function ko(e) {
+        return Io(e) || Eo(e) || Do(e) || Ro();
     }
-    function Eo() {
+    function Ro() {
         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 Eo(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 Io(e) {
+        if (Array.isArray(e)) return qo(e);
     }
-    function jo(e, n) {
-        return _o(e) || Po(e, n) || qo(e, n) || Do();
+    function To(e, n) {
+        return Po(e) || Ao(e, n) || Do(e, n) || jo();
     }
-    function Do() {
+    function jo() {
         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 Do(e, n) {
         if (e) {
-            if ("string" == typeof e) return Ao(e, n);
+            if ("string" == typeof e) return qo(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) ? qo(e, n) : void 0;
         }
     }
-    function Ao(e, n) {
+    function qo(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 Ao(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;
@@ -3392,12 +3399,12 @@
             return l;
         }
     }
-    function _o(e) {
+    function Po(e) {
         if (Array.isArray(e)) return e;
     }
-    function zo(e, n) {
+    function _o(e, n) {
         if (null == e) return {};
-        var t, r, o = Mo(e, n);
+        var t, r, o = zo(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -3406,7 +3413,7 @@
         }
         return o;
     }
-    function Mo(e, n) {
+    function zo(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -3421,52 +3428,52 @@
     // Internal Helper Modules
     /** @public */
     /** @public */
-    /** @public */    var $o = {
-        actions: C().arrayOf(C().element),
-        actionsColumnWidth: C().number,
-        children: C().node,
-        dockOffset: C().number,
-        dockScrollBar: C().bool,
-        elementRef: C().oneOfType([ C().func, C().object ]),
-        headType: C().oneOf([ "docked", "fixed", "inline" ]),
-        innerStyle: C().object,
-        onRequestToggleAllRows: C().func,
-        onScroll: C().func,
-        outerStyle: C().object,
-        primaryColumnIndex: C().number,
-        rowExpansion: C().oneOf([ "single", "multi", "controlled", "none" ]),
-        rowSelection: C().oneOf([ "all", "some", "none" ]),
-        stripeRows: C().bool,
-        tableStyle: C().object,
-        onRequestMoveColumn: C().func,
-        onRequestMoveRow: C().func,
-        onRequestResizeColumn: C().func,
-        resizableFillLayout: C().bool
+    /** @public */    var Mo = {
+        actions: w().arrayOf(w().element),
+        actionsColumnWidth: w().number,
+        children: w().node,
+        dockOffset: w().number,
+        dockScrollBar: w().bool,
+        elementRef: w().oneOfType([ w().func, w().object ]),
+        headType: w().oneOf([ "docked", "fixed", "inline" ]),
+        innerStyle: w().object,
+        onRequestToggleAllRows: w().func,
+        onScroll: w().func,
+        outerStyle: w().object,
+        primaryColumnIndex: w().number,
+        rowExpansion: w().oneOf([ "single", "multi", "controlled", "none" ]),
+        rowSelection: w().oneOf([ "all", "some", "none" ]),
+        stripeRows: w().bool,
+        tableStyle: w().object,
+        onRequestMoveColumn: w().func,
+        onRequestMoveRow: w().func,
+        onRequestResizeColumn: w().func,
+        resizableFillLayout: w().bool
     };
-    var No = function e(n) {
+    var $o = function e(n) {
         return n === "inline";
     };
-    var Lo = function e(n) {
+    var No = function e(n) {
         return n === "docked";
     };
-    var Wo = function e(n) {
+    var Lo = function e(n) {
         return n === "fixed";
     };
-    var Ho = function e(n) {
-        var t = sn();
-        var r = So(n);
+    var Wo = function e(n) {
+        var t = un();
+        var r = xo(n);
         return {
             top: r.top + t.pageYOffset,
             left: r.left + t.pageXOffset
         };
     };
-    var Ko = function e(n) {
-        var t = on();
+    var Ho = function e(n) {
+        var t = rn();
         if (n === undefined || n === null) {
             return undefined;
         }
         var r = n.children[0].children;
-        var o = f()(r, t.activeElement);
+        var o = d()(r, t.activeElement);
         if (o > -1) {
             return {
                 target: "headCell",
@@ -3474,7 +3481,7 @@
             };
         }
         var i = n.querySelectorAll("[data-test=resize]");
-        var a = f()(i, t.activeElement);
+        var a = d()(i, t.activeElement);
         if (a > -1) {
             return {
                 target: "resizeButton",
@@ -3483,20 +3490,20 @@
         }
         return undefined;
     };
-    var Bo = function e(n, t) {
+    var Ko = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Vo = function e(n, t) {
+    var Bo = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Fo = {
+    var Vo = {
         coordinateGetter: a.sortableKeyboardCoordinates
     };
-    var Uo = {
-        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 Fo = {
+        draggable: (0, T._)("To pick up a sortable row, press space or enter.\n            Use the up and down arrow keys to update the position of the row.\n            Press space or enter again to drop the row in its new position, or press escape to cancel.")
     };
-    var Xo = {
-        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.")
+    var Uo = {
+        draggable: (0, T._)("To pick up a sortable column, press space or enter.\n            Use the left and right arrow keys to update the position of the column.\n            Press space or enter again to drop the column in its new position, or press escape to cancel.")
     };
     /**
  * @private
@@ -3507,7 +3514,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 Xo(e, n) {
         var t, r;
         var o = n.target, i = n.index;
         if (false) {}
@@ -3520,157 +3527,157 @@
         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 Yo = {
         passive: false,
         capture: true
     };
-    var Jo = [];
-    function Qo(e) {
-        var n = e.actions, l = n === void 0 ? Jo : n, s = e.actionsColumnWidth, d = e.children, f = e.dockOffset, v = f === void 0 ? 0 : f, m = e.dockScrollBar, b = e.elementRef, y = e.headType, w = y === void 0 ? "inline" : y, C = e.innerStyle, x = e.onRequestMoveColumn, k = e.onRequestMoveRow, E = 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" : $, W = e.rowSelection, H = W === void 0 ? "none" : W, K = e.stripeRows, B = e.tableStyle, V = zo(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
+    var Go = [];
+    function Jo(e) {
+        var n = e.actions, l = n === void 0 ? Go : n, s = e.actionsColumnWidth, c = e.children, d = e.dockOffset, f = d === void 0 ? 0 : d, p = e.dockScrollBar, m = e.elementRef, h = e.headType, g = h === void 0 ? "inline" : h, w = e.innerStyle, C = e.onRequestMoveColumn, O = e.onRequestMoveRow, R = e.onRequestResizeColumn, D = e.onRequestToggleAllRows, q = e.onScroll, A = e.outerStyle, P = e.primaryColumnIndex, _ = P === void 0 ? 0 : P, z = e.resizableFillLayout, M = e.rowExpansion, $ = M === void 0 ? "none" : M, L = e.rowSelection, W = L === void 0 ? "none" : L, H = e.stripeRows, K = e.tableStyle, B = _o(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 F = (0, t.useState)([]), U = jo(F, 2), X = U[0], Y = U[1];
-        var G = (0, t.useState)(), J = jo(G, 2), Q = J[0], oe = J[1];
-        var le = (0, t.useState)(), ue = jo(le, 2), se = ue[0], ce = ue[1];
-        var de = (0, t.useState)(), fe = jo(de, 2), ve = fe[0], pe = fe[1];
-        var me = (0, t.useState)(), be = jo(me, 2), he = be[0], ye = be[1];
-        var ge = (0, t.useRef)(true);
-        var we = (0, t.useContext)(O.ScrollContainerContext);
-        var Ce = (0, o.useSensors)((0, o.useSensor)(o.MouseSensor, {}), (0, o.useSensor)(o.TouchSensor, {}), (0, 
-        o.useSensor)(po, Fo));
-        var xe = (0, t.useState)([]), Se = jo(xe, 2), Oe = Se[0], ke = Se[1];
-        var Re = (0, t.useState)(-1), Ee = jo(Re, 2), Ie = Ee[0], Te = Ee[1];
+                var V = (0, t.useState)([]), F = To(V, 2), U = F[0], X = F[1];
+        var Y = (0, t.useState)(), G = To(Y, 2), J = G[0], re = G[1];
+        var ae = (0, t.useState)(), le = To(ae, 2), ue = le[0], se = le[1];
+        var ce = (0, t.useState)(), de = To(ce, 2), fe = de[0], ve = de[1];
+        var pe = (0, t.useState)(), me = To(pe, 2), be = me[0], he = me[1];
+        var ye = (0, t.useRef)(true);
+        var ge = (0, t.useContext)(S.ScrollContainerContext);
+        var we = (0, o.useSensors)((0, o.useSensor)(o.MouseSensor, {}), (0, o.useSensor)(o.TouchSensor, {}), (0, 
+        o.useSensor)(vo, Vo));
+        var Ce = (0, t.useState)([]), xe = To(Ce, 2), Se = xe[0], Oe = xe[1];
+        var ke = (0, t.useState)(-1), Re = To(ke, 2), Ee = Re[0], Ie = Re[1];
+        var Te = (0, t.useRef)();
         var je = (0, t.useRef)();
-        var De = (0, t.useRef)();
-        var qe = (0, t.useState)(), Ae = jo(qe, 2), Pe = Ae[0], _e = Ae[1];
+        var De = (0, t.useState)(), qe = To(De, 2), Ae = qe[0], Pe = qe[1];
+        var _e = (0, t.useRef)(null);
         var ze = (0, t.useRef)(null);
-        var Me = (0, t.useRef)(null);
-        var $e = (0, t.useRef)();
-        var Ne = (0, t.useRef)(null);
-        var Le = (0, t.useRef)();
+        var Me = (0, t.useRef)();
+        var $e = (0, t.useRef)(null);
+        var Ne = (0, t.useRef)();
+        var Le = (0, t.useRef)(null);
         var We = (0, t.useRef)(null);
-        var He = (0, t.useRef)(null);
-        var Ke = R()(w);
+        var He = k()(g);
+        var Ke = (0, t.useRef)([]);
         var Be = (0, t.useRef)([]);
         var Ve = (0, t.useRef)([]);
         var Fe = (0, t.useRef)([]);
-        var Ue = (0, t.useRef)([]);
-        var Xe = Ve.current;
-        var Ye = Be.current;
-        var Ge = Ue.current;
-        var Je = (0, t.useCallback)((function() {
+        var Ue = Be.current;
+        var Xe = Ke.current;
+        var Ye = Fe.current;
+        var Ge = (0, t.useCallback)((function() {
             var e;
-            var n = sn();
-            if (No(w)) {
+            var n = un();
+            if ($o(g)) {
                 return;
             }
-            var t = He.current;
-            var r = Me.current;
-            var o = We.current;
+            var t = We.current;
+            var r = ze.current;
+            var o = Le.current;
             if (!o || !r) {
                 return;
             }
-            var i = Zt(Me.current);
-            var a = (e = Me.current) === null || e === void 0 ? void 0 : e.clientHeight;
-            var l = Ho(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
-            var u = Math.min(l, Number(v));
-            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, w ]);
+            var i = Qt(ze.current);
+            var a = (e = ze.current) === null || e === void 0 ? void 0 : e.clientHeight;
+            var l = Wo(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
+            var u = Math.min(l, Number(f));
+            he(t === null || t === void 0 ? void 0 : t.clientWidth);
+            se(o === null || o === void 0 ? void 0 : o.clientWidth);
+            X(i);
+            ve(u);
+        }), [ f, g ]);
         (0, t.useEffect)((function() {
-            var e = Me.current;
-            var n = Ne.current;
+            var e = ze.current;
+            var n = $e.current;
             if (e && n) {
-                var t = Zt(Me.current);
-                if (!p()(X, t)) {
-                    Je();
+                var t = Qt(ze.current);
+                if (!v()(U, t)) {
+                    Ge();
                 }
             }
-            if (Ke === "inline" && w === "inline") {
-                Je();
+            if (He === "inline" && g === "inline") {
+                Ge();
             }
             if (false) {}
-        }), [ X, w, Ke, e, Je ]);
-        var Qe = (0, t.useCallback)((function(e) {
-            var n = He.current;
-            A === null || A === void 0 ? void 0 : A(e);
-            if ((Wo(w) || Lo(w)) && n) {
-                oe(-n.scrollLeft);
-            }
-            if (ze.current && Le.current !== "dockedScrollBar" && n) {
-                Le.current = "container";
-                ze.current.scrollLeft = n.scrollLeft;
+        }), [ U, g, He, e, Ge ]);
+        var Je = (0, t.useCallback)((function(e) {
+            var n = We.current;
+            q === null || q === void 0 ? void 0 : q(e);
+            if ((Lo(g) || No(g)) && n) {
+                re(-n.scrollLeft);
+            }
+            if (_e.current && Ne.current !== "dockedScrollBar" && n) {
+                Ne.current = "container";
+                _e.current.scrollLeft = n.scrollLeft;
             } else {
-                Le.current = undefined;
-            }
-        }), [ w, A ]);
-        var Ze = function e() {
-            var n = He.current;
-            if (Le.current !== "container" && n && ze.current) {
-                Le.current = "dockedScrollBar";
-                n.scrollLeft = ze.current.scrollLeft;
+                Ne.current = undefined;
+            }
+        }), [ g, q ]);
+        var Qe = function e() {
+            var n = We.current;
+            if (Ne.current !== "container" && n && _e.current) {
+                Ne.current = "dockedScrollBar";
+                n.scrollLeft = _e.current.scrollLeft;
             } else {
-                Le.current = undefined;
+                Ne.current = undefined;
             }
         };
-        var en = g()(Je, 0);
-        var nn = (0, t.useCallback)((function() {
-            Je();
-        }), [ Je ]);
-        var tn = (0, t.useMemo)((function() {
-            return g()(nn, 50);
-        }), [ nn ]);
-        I()(He, tn);
+        var Ze = y()(Ge, 0);
+        var en = (0, t.useCallback)((function() {
+            Ge();
+        }), [ Ge ]);
+        var nn = (0, t.useMemo)((function() {
+            return y()(en, 50);
+        }), [ en ]);
+        E()(We, nn);
         (0, t.useEffect)((function() {
             // Using the return value of useCallback to recreate componentWillUnmount
             return function() {
-                en.cancel();
-                tn.cancel();
+                Ze.cancel();
+                nn.cancel();
             };
         }));
-        var rn = function e(n) {
+        var tn = function e(n) {
             return function(e) {
-                Me.current = e;
-                L(n.props.elementRef, e);
+                ze.current = e;
+                N(n.props.elementRef, e);
             };
         };
-        var an = function e(n) {
+        var on = function e(n) {
             if (n) {
                 // On mount, focus the applicable docked head cell if a primary head cell was focused.
-                if ($e.current) {
-                    Yo(Ne.current, $e.current);
-                    $e.current = undefined;
+                if (Me.current) {
+                    Xo($e.current, Me.current);
+                    Me.current = undefined;
                 }
             } else {
                 // On unmount, focus the applicable primary head cell if a docked head cell was focused.
-                var t = Ko(Ne.current);
+                var t = Ho($e.current);
                 if (t) {
-                    Yo(Me.current, t);
+                    Xo(ze.current, t);
                 }
             }
-            Ne.current = n;
+            $e.current = n;
         };
-        var ln = function e(n) {
-            var t = He.current;
-            if (!Ne.current || !t || n.key !== "Tab") {
+        var an = function e(n) {
+            var t = We.current;
+            if (!$e.current || !t || n.key !== "Tab") {
                 return;
             }
-            var r = Ne.current.scrollLeft;
+            var r = $e.current.scrollLeft;
             if (r !== 0) {
-                Ne.current.scrollLeft = 0;
+                $e.current.scrollLeft = 0;
                 t.scrollLeft += r;
             }
         };
-        var un = function e(n, t) {
+        var ln = function e(n, t) {
             var r, o;
             var i = t.columnId, a = t.index, l = t.id;
-            var s = on();
+            var s = rn();
             if (a === undefined) {
                 return;
             }
-            var c = N === "none" ? 1 : 2;
-            var d = (r = He.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(a + c, "), tbody td:nth-child(").concat(a + c, ")"));
+            var c = $ === "none" ? 1 : 2;
+            var d = (r = We.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(a + c, "), tbody td:nth-child(").concat(a + c, ")"));
             var f = s.createElement("div");
             // TODO: find a styled-components compliant way to do this
                         f.style["float"] = "left";
@@ -3687,7 +3694,7 @@
                 f.appendChild(n);
             }));
             s.body.appendChild(f);
-            E === null || E === void 0 ? void 0 : E(n, {
+            R === null || R === void 0 ? void 0 : R(n, {
                 columnId: i,
                 id: l,
                 index: a,
@@ -3695,72 +3702,72 @@
             });
             (o = f.parentNode) === null || o === void 0 ? void 0 : o.removeChild(f);
         };
-        var cn = (0, t.useCallback)((function(e) {
+        var sn = (0, t.useCallback)((function(e) {
             var n = e.active;
             var t = n.id;
-            je.current = Ge.indexOf(t);
-            _e(t);
-        }), [ Ge ]);
-        var dn = (0, t.useCallback)((function(e) {
+            Te.current = Ye.indexOf(t);
+            Pe(t);
+        }), [ Ye ]);
+        var cn = (0, t.useCallback)((function(e) {
             if (e.over) {
                 var n = e.over.id;
-                var t = Ge.indexOf(n);
+                var t = Ye.indexOf(n);
                 var r = t;
-                if (je.current !== undefined && t > je.current) {
+                if (Te.current !== undefined && t > Te.current) {
                     r = t + 1;
                 }
-                Te(r);
+                Ie(r);
             } else {
-                Te(-1);
+                Ie(-1);
             }
-        }), [ Ge ]);
+        }), [ Ye ]);
         // 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 fn = (0, t.useMemo)((function() {
-            return g()(dn, 100);
-        }), [ dn ]);
+                var dn = (0, t.useMemo)((function() {
+            return y()(cn, 100);
+        }), [ cn ]);
         (0, t.useEffect)((function() {
             return function() {
-                fn.cancel();
+                dn.cancel();
             };
-        }), [ fn ]);
-        var vn = (0, t.useCallback)((function(e) {
+        }), [ dn ]);
+        var fn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
             if (t && n.id !== t.id) {
-                var r = Ge.indexOf(n.id);
-                var o = Ge.indexOf(t === null || t === void 0 ? void 0 : t.id);
-                x === null || x === void 0 ? void 0 : x({
+                var r = Ye.indexOf(n.id);
+                var o = Ye.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                C === null || C === void 0 ? void 0 : C({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-            _e(undefined);
-            Te(-1);
-            De.current = undefined;
+            Pe(undefined);
+            Ie(-1);
             je.current = undefined;
-        }), [ Ge, x ]);
-        var pn = (0, t.useCallback)((function(e) {
+            Te.current = undefined;
+        }), [ Ye, C ]);
+        var vn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
-            ge.current = true;
+            ye.current = true;
             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);
-                k === null || k === void 0 ? void 0 : k({
+                var r = Ue.indexOf(n.id);
+                var o = Ue.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                O === null || O === void 0 ? void 0 : O({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-        }), [ Xe, k ]);
-        var mn = (0, t.useCallback)((function() {
-            ge.current = true;
+        }), [ Ue, O ]);
+        var pn = (0, t.useCallback)((function() {
+            ye.current = true;
         }), []);
-        var bn = (0, t.useRef)({});
-        var hn = function e(n) {
+        var mn = (0, t.useRef)({});
+        var bn = function e(n) {
             var r = [];
             var o = [];
             var i = t.Children.toArray(n.props.children).filter(t.isValidElement).map((function(e, n) {
                 var i = e;
-                var a = i.key || (0, D.createDOMID)("col-");
+                var a = i.key || (0, j.createDOMID)("col-");
                 a = String(a);
                 // `col-` prefix is necessary to distinguish row or column reordering.
                 // Append the `col-` prefix if is missing from dragId
@@ -3774,53 +3781,53 @@
                     index: n,
                     dragId: a,
                     elementRef: function e(n) {
-                        bn.current[a] = n;
-                        L(i.props.elementRef, n);
+                        mn.current[a] = n;
+                        N(i.props.elementRef, n);
                     }
                 });
             }));
-            Fe.current = r;
-            Ge = o;
+            Ve.current = r;
+            Ye = o;
             var a = l === null || l === void 0 ? void 0 : l.filter(t.isValidElement);
             var u =  (0, t.cloneElement)(n, {
                 actions: a,
                 actionsColumnWidth: s,
-                hasInfoColumn: N !== "none",
-                hasDragColumn: !!k,
-                onAutosizeColumn: un,
-                onRequestMoveColumn: x,
-                onRequestResizeColumn: E,
-                onRequestToggleAllRows: q,
-                elementRef: rn(n),
-                rowSelection: H
+                hasInfoColumn: $ !== "none",
+                hasDragColumn: !!O,
+                onAutosizeColumn: ln,
+                onRequestMoveColumn: C,
+                onRequestResizeColumn: R,
+                onRequestToggleAllRows: D,
+                elementRef: tn(n),
+                rowSelection: W
             }, i);
             return u;
         };
-        var yn = (0, t.useMemo)((function() {
+        var hn = (0, t.useMemo)((function() {
             var e, n;
-            if (Ie === -1 || !Me.current || !He.current) return null;
-            var t = !!k;
-            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);
+            if (Ee === -1 || !ze.current || !We.current) return null;
+            var t = !!O;
+            var o = $ !== "none";
+            var i = Array.from((e = (n = ze.current.firstElementChild) === null || n === void 0 ? void 0 : n.children) !== null && e !== void 0 ? e : []).slice(o ? 1 : 0).slice(t ? 1 : 0).slice(D ? 1 : 0);
             var a;
-            if (Ie === 0) {
+            if (Ee === 0) {
                 var l;
                 a = ((l = i[0]) === null || l === void 0 ? void 0 : l.offsetLeft) || 0;
-            } else if (Ie >= i.length) {
+            } else if (Ee >= 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[Ie]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
+                a = ((s = i[Ee]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
             }
             
-            return r().createElement(ae, {
-                $height: He.current.clientHeight,
+            return r().createElement(ie, {
+                $height: We.current.clientHeight,
                 $left: a
             });
-        }), [ Ie, k, N, q ]);
-        var gn = function e(n) {
+        }), [ Ee, O, $, D ]);
+        var yn = function e(n) {
             var r = (l === null || l === void 0 ? void 0 : l.filter(t.isValidElement).length) > 0;
             var o = false;
             var i = [];
@@ -3830,7 +3837,7 @@
                 if (((r = e.props) === null || r === void 0 ? void 0 : r.actionPrimary) || ((l = e.props) === null || l === void 0 ? void 0 : l.actionsSecondary)) {
                     o = true;
                 }
-                var u = e.key || (0, D.createDOMID)("row-");
+                var u = e.key || (0, j.createDOMID)("row-");
                 u = String(u);
                 // `row-` prefix is necessary to distinguish row or column reordering.
                 // Append the `row-` prefix if is missing from dragId
@@ -3844,111 +3851,111 @@
                 a.push(u);
             }));
             var u = r || o || !!s;
-            Ye = i;
-            Xe = a;
+            Xe = i;
+            Ue = a;
             
             return (0, t.cloneElement)(n, {
                 actions: u,
-                movableColumns: !!x,
-                onRequestMoveRow: k,
-                primaryColumnIndex: z,
-                rowExpansion: N,
-                stripeRows: K
-            }, Ye);
+                movableColumns: !!C,
+                onRequestMoveRow: O,
+                primaryColumnIndex: _,
+                rowExpansion: $,
+                stripeRows: H
+            }, Xe);
         };
-        var wn = function e() {
-            var n = He.current;
-            var t = sn();
-            if (!Lo(w) || !We.current || !Me.current || !n) {
+        var gn = function e() {
+            var n = We.current;
+            var t = un();
+            if (!No(g) || !Le.current || !ze.current || !n) {
                 return false;
             }
-            var r = Ho(n).top;
-            return t.pageYOffset >= r - (v || 0);
+            var r = Wo(n).top;
+            return t.pageYOffset >= r - (f || 0);
         };
-        var Cn = function e() {
-            var n = sn();
-            var t = He.current;
-            if (!m || !We.current || !t) {
+        var wn = function e() {
+            var n = un();
+            var t = We.current;
+            if (!p || !Le.current || !t) {
                 return false;
             }
-            var r = So(t);
+            var r = xo(t);
             return r.bottom > n.innerHeight && r.top < n.innerHeight;
         };
-        var xn = function e(n, o) {
-            if (wn()) {
+        var Cn = function e(n, o) {
+            if (gn()) {
                 // FIXME: handle inline
                 // Save the current head focus state so that it can be applied to the docked version
                 // after the `HeadTable` mounts.
-                $e.current = Ko(Me.current);
-                if (X === undefined || se === undefined || ve === undefined || he === undefined) {
+                Me.current = Ho(ze.current);
+                if (U === undefined || ue === undefined || fe === undefined || be === undefined) {
                     return false;
                 }
                 var i =  (0, t.cloneElement)(n);
                 
-                return r().createElement(Pr, {
+                return r().createElement(Ar, {
                     headType: "docked",
                     tHead: i,
-                    cellWidths: X,
-                    horizontalOffset: Q,
-                    tableWidth: se,
-                    top: ve,
-                    width: he,
-                    tableStyle: B,
+                    cellWidths: U,
+                    horizontalOffset: J,
+                    tableWidth: ue,
+                    top: fe,
+                    width: be,
+                    tableStyle: K,
                     isFixedColumn: o,
-                    onKeyUp: ln,
-                    elementRef: an,
-                    hasDragColumn: !!k,
-                    hasRowExpansion: N !== "none",
-                    hasRowSelection: !!q
+                    onKeyUp: an,
+                    elementRef: on,
+                    hasDragColumn: !!O,
+                    hasRowExpansion: $ !== "none",
+                    hasRowSelection: !!D
                 });
             }
             return false;
         };
-        var Sn = (0, t.useMemo)((function() {
+        var xn = (0, t.useMemo)((function() {
             var e, n, t;
-            if (!ze.current || !Me.current || !We.current) {
+            if (!_e.current || !ze.current || !Le.current) {
                 return 0;
             }
-            var r = sn();
-            var o = (e = So(We.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 r = un();
+            var o = (e = xo(Le.current).top) !== null && e !== void 0 ? e : 0;
+            var i = (n = (t = ze.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 - ze.current.offsetHeight, 0);
+            return Math.min(a - _e.current.offsetHeight, 0);
         }), []);
-        var On = (0, t.useMemo)((function() {
+        var Sn = (0, t.useMemo)((function() {
             return {
-                width: he,
-                marginBottom: Sn
+                width: be,
+                marginBottom: xn
             };
-        }), [ he, Sn ]);
-        var kn = (0, t.useMemo)((function() {
+        }), [ be, xn ]);
+        var On = (0, t.useMemo)((function() {
             return {
-                width: se
+                width: ue
             };
-        }), [ se ]);
-        var Rn = function e() {
-            if (!Cn()) {
+        }), [ ue ]);
+        var kn = function e() {
+            if (!wn()) {
                 return false;
             }
             
-            return r().createElement(te, {
-                style: On,
-                onScroll: Ze,
+            return r().createElement(ne, {
+                style: Sn,
+                onScroll: Qe,
                 "data-test": "docked-scroll-bar",
-                ref: ze
-            },  r().createElement(re, {
-                style: kn,
+                ref: _e
+            },  r().createElement(te, {
+                style: On,
                 "data-test": "docked-scroll-content"
             }));
         };
-        var En = function e() {
-            var n = Me.current;
-            var t = He.current;
+        var Rn = function e() {
+            var n = ze.current;
+            var t = We.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(Me.current);
+                var r = Qt(ze.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) {
@@ -3958,57 +3965,57 @@
             }
             return null;
         };
+        var En;
         var In;
         var Tn;
-        var jn;
-        var Dn = !!E;
-        t.Children.toArray(d).forEach((function(e) {
+        var jn = !!R;
+        t.Children.toArray(c).forEach((function(e) {
             var n = e.type.splunkUiType;
             if (n === "Table.Head") {
-                In = hn(e);
-                if (!Dn) {
-                    // if all the HeadCells are fixed width, then the table is fixed.
-                    Dn = !t.Children.toArray(e.props.children).filter(t.isValidElement).some((function(e) {
-                        return !c()(e.props, "width");
-                    }));
-                }
+                En = bn(e);
+                // Check if all HeadCells have a defined width (making the table fixed width)
+                                var r = t.Children.toArray(e.props.children).filter(t.isValidElement);
+                var o = r.every((function(e) {
+                    return e.props.width && e.props.width !== undefined;
+                }));
+                jn = o;
             } else if (n === "Table.Body") {
-                Tn = gn(e);
+                In = yn(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.
-                jn = e;
+                Tn = e;
             }
         }));
-        Oo(In, "A Table.Head is required.");
-        var qn = xn(In, Dn);
+        So(En, "A Table.Head is required.");
+        var Dn = Cn(En, jn);
         // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
         // interactions will be handled by the overlaid `headTable` instead.
-                var An = t.Children.toArray(In.props.children).filter(t.isValidElement).map((function(e) {
+                var qn = t.Children.toArray(En.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: !qn
+                visible: !Dn
             });
         }));
-        In =  (0, t.cloneElement)(In, {}, An);
-        var Pn = we || sn();
-        var _n = Wo(w) ? He.current : Pn;
-        if (M) {
-            Dn = false;
+        En =  (0, t.cloneElement)(En, {}, qn);
+        var An = ge || un();
+        var Pn = Lo(g) ? We.current : An;
+        if (z) {
+            jn = false;
         }
-        var zn = En();
-        var Mn = (0, t.useMemo)((function() {
+        var _n = Rn();
+        var zn = (0, t.useMemo)((function() {
             return {
-                headType: w,
-                resizableFillLayout: M,
-                tableContainerWidthWithoutBorders: zn
+                headType: g,
+                resizableFillLayout: z,
+                tableContainerWidthWithoutBorders: _n
             };
-        }), [ w, M, zn ]);
-        var $n = (0, t.useMemo)((function() {
-            if (!k) {
+        }), [ g, z, _n ]);
+        var Mn = (0, t.useMemo)((function() {
+            if (!O) {
                 return {
                     onDragStart: function e() {
                         return undefined;
@@ -4030,27 +4037,27 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Bo(Xe, t);
-                    return typeof r === "number" ? (0, T.sprintf)((0, j._)("Picked up sortable row in position %(pos)d of %(total)d."), {
+                    var r = Ko(Ue, t);
+                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Picked up sortable row 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 (ge.current) {
-                        ge.current = false;
+                    if (ye.current) {
+                        ye.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Bo(Xe, t.id);
-                    var i = Bo(Xe, r.id);
-                    return (0, T.sprintf)((0, j._)("Row moved from position %(from)d to position %(to)d of %(total)d."), {
+                    var o = Ko(Ue, t.id);
+                    var i = Ko(Ue, r.id);
+                    return (0, I.sprintf)((0, T._)("Row 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) {
@@ -4058,10 +4065,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Bo(Xe, t.id);
-                    return typeof r === "number" ? (0, T.sprintf)((0, j._)("Row dropped at position %(pos)d of %(total)d."), {
+                    var r = Ko(Ue, t.id);
+                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Row dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Xe.length
+                        total: Ue.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4069,15 +4076,15 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Bo(Xe, t);
-                    return typeof r === "number" ? (0, T.sprintf)((0, j._)("Row returned to its starting position of %(pos)d."), {
+                    var r = Ko(Ue, t);
+                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Row returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Xe, k ]);
-        var Nn = (0, t.useMemo)((function() {
-            if (!x) {
+        }), [ Ue, O ]);
+        var $n = (0, t.useMemo)((function() {
+            if (!C) {
                 return {
                     onDragStart: function e() {
                         return undefined;
@@ -4099,28 +4106,28 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Vo(Ge, t);
-                    return typeof r === "number" ? (0, T.sprintf)((0, j._)("Picked up sortable column in position %(pos)d of %(total)d."), {
+                    var r = Bo(Ye, t);
+                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Picked up sortable column in position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ge.length
+                        total: Ye.length
                     }) : undefined;
                 },
                 onDragOver: function e(n) {
                     var t = n.active, r = n.over;
-                    if (ge.current) {
-                        ge.current = false;
+                    if (ye.current) {
+                        ye.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Vo(Ge, t.id);
-                    var i = Vo(Ge, r.id);
+                    var o = Bo(Ye, t.id);
+                    var i = Bo(Ye, r.id);
                     if (typeof o !== "number" || typeof i !== "number") return undefined;
-                    return (0, T.sprintf)((0, j._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
+                    return (0, I.sprintf)((0, T._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
-                        total: Ge.length
+                        total: Ye.length
                     });
                 },
                 onDragEnd: function e(n) {
@@ -4128,10 +4135,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Vo(Ge, t.id);
-                    return typeof r === "number" ? (0, T.sprintf)((0, j._)("Column dropped at position %(pos)d of %(total)d."), {
+                    var r = Bo(Ye, t.id);
+                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Column dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ge.length
+                        total: Ye.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4139,51 +4146,51 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Vo(Ge, t);
-                    return typeof r === "number" ? (0, T.sprintf)((0, j._)("Column returned to its starting position of %(pos)d."), {
+                    var r = Bo(Ye, t);
+                    return typeof r === "number" ? (0, I.sprintf)((0, T._)("Column returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Ge, x ]);
-        var Ln = (0, t.useMemo)((function() {
+        }), [ Ye, C ]);
+        var Nn = (0, t.useMemo)((function() {
             return {
-                screenReaderInstructions: k ? Uo : Xo,
-                announcements: k ? $n : Nn
+                screenReaderInstructions: O ? Fo : Uo,
+                announcements: O ? Mn : $n
             };
-        }), [ $n, Nn, k ]);
-        var Wn = (0, t.useCallback)((function(e) {
+        }), [ Mn, $n, O ]);
+        var Ln = (0, t.useCallback)((function(e) {
             var n = e.active.id;
-            if (n.startsWith("col-") && x) {
-                ke([ i.restrictToHorizontalAxis ]);
-                cn(e);
-            } else if (n.startsWith("row-") && k) {
-                ke([ i.restrictToVerticalAxis ]);
+            if (n.startsWith("col-") && C) {
+                Oe([ i.restrictToHorizontalAxis ]);
+                sn(e);
+            } else if (n.startsWith("row-") && O) {
+                Oe([ i.restrictToVerticalAxis ]);
             }
-        }), [ x, k, cn ]);
-        var Hn = (0, t.useCallback)((function(e) {
-            ke([]);
+        }), [ C, O, sn ]);
+        var Wn = (0, t.useCallback)((function(e) {
+            Oe([]);
             var n = e.active.id;
-            if (n.startsWith("col-") && x) {
+            if (n.startsWith("col-") && C) {
+                fn(e);
+            } else if (n.startsWith("row-") && O) {
                 vn(e);
-            } else if (n.startsWith("row-") && k) {
-                pn(e);
             }
-        }), [ vn, pn, x, k ]);
-        var Kn = (0, t.useCallback)((function(e) {
+        }), [ fn, vn, C, O ]);
+        var Hn = (0, t.useCallback)((function(e) {
             var n = e.active.id;
-            if (n.startsWith("col-") && x) {
-                fn(e);
+            if (n.startsWith("col-") && C) {
+                dn(e);
             }
-        }), [ fn, x ]);
-        var Bn = (0, t.useCallback)((function(e) {
-            ke([]);
+        }), [ dn, C ]);
+        var Kn = (0, t.useCallback)((function(e) {
+            Oe([]);
             var n = e.active.id;
-            if (n.startsWith("row-") && k) {
-                mn();
+            if (n.startsWith("row-") && O) {
+                pn();
             }
-        }), [ mn, k ]);
-        var Vn = (0, t.useMemo)((function() {
+        }), [ pn, O ]);
+        var Bn = (0, t.useMemo)((function() {
             return function(e) {
                 var n = (0, o.pointerWithin)(e);
                 // Collision detection algorithms return an array of collisions
@@ -4194,65 +4201,65 @@
                                 return (0, o.rectIntersection)(e);
             };
         }), []);
-        var Fn = Pe ? bn.current[Pe] : null;
-        var Un = Fn ? So(Fn).width : undefined;
-        var Xn = He.current ? So(He.current).height : undefined;
+        var Vn = Ae ? mn.current[Ae] : null;
+        var Fn = Vn ? xo(Vn).width : undefined;
+        var Un = We.current ? xo(We.current).height : undefined;
         
-        return r().createElement(Z, ko({
+        return r().createElement(Q, Oo({
             "data-test": "table",
-            ref: b,
-            style: P,
-            "data-test-row-selection": q ? H : undefined
-        }, h()(V, [].concat(Ro(Object.keys($o)), [ "style" ]))),  r().createElement(S(), {
-            target: sn(),
+            ref: m,
+            style: A,
+            "data-test-row-selection": D ? W : undefined
+        }, b()(B, [].concat(ko(Object.keys(Mo)), [ "style" ]))),  r().createElement(x(), {
+            target: un(),
             eventType: "scroll",
-            listener: en,
-            options: Go
-        }),  r().createElement(Kt.Provider, {
-            value: Mn
-        }, qn,  r().createElement(ee, {
+            listener: Ze,
+            options: Yo
+        }),  r().createElement(Ht.Provider, {
+            value: zn
+        }, Dn,  r().createElement(Z, {
             "data-test": "scroll-container",
-            onScroll: Qe,
-            ref: He,
-            style: C,
-            $dragging: !!Pe
-        },  r().createElement(O.ScrollContainerProvider, {
-            value: _n
-        },  r().createElement(o.DndContext, {
-            accessibility: Ln,
-            collisionDetection: Vn,
-            modifiers: Oe,
-            onDragCancel: Bn,
-            onDragEnd: Hn,
-            onDragOver: Kn,
-            onDragStart: Wn,
-            sensors: Ce
-        },  r().createElement(ne, {
+            onScroll: Je,
             ref: We,
+            style: w,
+            $dragging: !!Ae
+        },  r().createElement(S.ScrollContainerProvider, {
+            value: Pn
+        },  r().createElement(o.DndContext, {
+            accessibility: Nn,
+            collisionDetection: Bn,
+            modifiers: Se,
+            onDragCancel: Kn,
+            onDragEnd: Wn,
+            onDragOver: Hn,
+            onDragStart: Ln,
+            sensors: we
+        },  r().createElement(ee, {
+            ref: Le,
             "data-test": "main-table",
-            style: B,
-            "data-fixed-column": Dn ? "true" : undefined,
-            $resizableFillLayout: M
-        }, jn, x ?  r().createElement(a.SortableContext, {
-            items: Ge,
+            style: K,
+            "data-fixed-column": jn ? "true" : undefined,
+            $resizableFillLayout: z
+        }, Tn, C ?  r().createElement(a.SortableContext, {
+            items: Ye,
             strategy: a.horizontalListSortingStrategy
-        }, In) : In, k ?  r().createElement(a.SortableContext, {
-            items: Xe,
+        }, En) : En, O ?  r().createElement(a.SortableContext, {
+            items: Ue,
             strategy: a.verticalListSortingStrategy
-        }, Tn) : Tn), Pe &&  r().createElement(o.DragOverlay, null,  r().createElement(ie, {
-            $width: Un,
-            $height: Xn
-        })), Pe && yn))), Rn()));
-    }
-    Qo.propTypes = $o;
-    Qo.Body = Q;
-    Qo.Caption = fe;
-    Qo.Cell = Se;
-    Qo.Head = nr;
-    Qo.HeadCell = Mn;
-    Qo.HeadDropdownCell = Sr;
-    Qo.Row = Wt;
-    /* harmony default export */    const Zo = Qo;
+        }, In) : In), Ae &&  r().createElement(o.DragOverlay, null,  r().createElement(oe, {
+            $width: Fn,
+            $height: Un
+        })), Ae && hn))), kn()));
+    }
+    Jo.propTypes = Mo;
+    Jo.Body = J;
+    Jo.Caption = de;
+    Jo.Cell = xe;
+    Jo.Head = er;
+    Jo.HeadCell = zn;
+    Jo.HeadDropdownCell = xr;
+    Jo.Row = Lt;
+    /* harmony default export */    const Qo = Jo;
     // CONCATENATED MODULE: ./src/Table/index.ts
     module.exports = n;
     /******/})();