@stenajs-webui/grid 17.30.6 → 17.31.0

package/dist/index.es.js

@@ -1,31 +1,31 @@
 (function(){"use strict";try{var e=document.createElement("style");e.appendChild(document.createTextNode("._tableRow_1cphw_1:focus-within{background:var(--focus-within-background, var(--lhds-color-blue-50))}._standardTable_1iok0_1{--swui-standard-table-height: 40px;--swui-sticky-header-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-shadow-and-right: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-right);--swui-sticky-header-shadow-and-left: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-left);--swui-sticky-column-shadow-right: 4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-column-shadow-left: -4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-z-index: 10;--swui-sticky-column-z-index: 20;--swui-sticky-group-group-z-index: 25;--swui-sticky-group-header-z-index: 26;--swui-sticky-header-column-group-z-index: 30;--swui-sticky-column-group-label-z-index: 40;--swui-sticky-header-in-sticky-column-z-index: 50;--swui-sticky-popover-z-index: 60;--swui-expand-cell-width: 45px;--swui-checkbox-cell-width: 45px;--swui-expand-highlight-border-width: 2px;--current-row-height: var(--swui-standard-table-height);--current-left-offset: 0px;border-spacing:0}._standardTable_1iok0_1 td{border-top:1px solid var(--lhds-color-ui-300);padding:0}._standardTable_1iok0_1 th{padding:0}._standardTable_1iok0_1._relaxed_1iok0_37{--current-row-height: 48px}._standardTable_1iok0_1._condensed_1iok0_41{--current-row-height: 32px}._standardTable_1iok0_1._compact_1iok0_45{--current-row-height: 24px}._standardTableCell_1xzcm_1{outline:none}._textCell_1yv6v_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._summaryRow_12x8k_1 td{border-top:1px solid var(--lhds-color-ui-400)}")),document.head.appendChild(e)}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
 import * as T from "react";
-import { useMemo as v, useRef as te, useState as ve, useCallback as I, useEffect as je, useContext as V, createContext as $, useReducer as It, useId as Et } from "react";
+import { useMemo as v, useRef as ne, useState as ve, useCallback as I, useEffect as je, useContext as $, createContext as K, useReducer as Et, useId as Rt } from "react";
 import { jsx as r, Fragment as G, jsxs as g } from "react/jsx-runtime";
 import { faExclamationTriangle as ue } from "@fortawesome/free-solid-svg-icons/faExclamationTriangle";
-import { InputSpinner as ye, Icon as F, stenaArrowRight as Rt, stenaInfoCircle as Gt, FlatButton as xe, ResultListBanner as Tt, Banner as Le } from "@stenajs-webui/elements";
+import { InputSpinner as ye, Icon as F, stenaArrowRight as Gt, stenaInfoCircle as Tt, FlatButton as xe, ResultListBanner as Ot, Banner as Le } from "@stenajs-webui/elements";
 import { cssColor as _ } from "@stenajs-webui/theme";
-import { Tooltip as re, Popover as Ot } from "@stenajs-webui/tooltip";
-import { Text as U, Indent as N, Space as B, Row as E, Box as ne, exhaustSwitchCaseElseThrow as Pt, Heading as We, useArraySet as qe, useOnScreen as At, Spacing as we, booleanOrNumberToNumber as Lt } from "@stenajs-webui/core";
-import { faEllipsisV as Bt } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
-import { faSortAlphaDown as Dt } from "@fortawesome/free-solid-svg-icons/faSortAlphaDown";
-import { faSortAlphaUp as Nt } from "@fortawesome/free-solid-svg-icons/faSortAlphaUp";
-import { faSortAmountDownAlt as zt } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
-import { faSortAmountUpAlt as Kt } from "@fortawesome/free-solid-svg-icons/faSortAmountUpAlt";
-import { faSortNumericDown as Ht } from "@fortawesome/free-solid-svg-icons/faSortNumericDown";
-import { faSortNumericUp as $t } from "@fortawesome/free-solid-svg-icons/faSortNumericUp";
+import { Tooltip as se, Popover as Pt } from "@stenajs-webui/tooltip";
+import { Text as U, Indent as N, Space as L, Row as E, Box as oe, exhaustSwitchCaseElseThrow as At, Heading as We, booleanOrNumberToNumber as Lt, useArraySet as qe, useOnScreen as Bt, Spacing as we } from "@stenajs-webui/core";
+import { faEllipsisV as Dt } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
+import { faSortAlphaDown as Nt } from "@fortawesome/free-solid-svg-icons/faSortAlphaDown";
+import { faSortAlphaUp as zt } from "@fortawesome/free-solid-svg-icons/faSortAlphaUp";
+import { faSortAmountDownAlt as Kt } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
+import { faSortAmountUpAlt as Ht } from "@fortawesome/free-solid-svg-icons/faSortAmountUpAlt";
+import { faSortNumericDown as $t } from "@fortawesome/free-solid-svg-icons/faSortNumericDown";
+import { faSortNumericUp as Mt } from "@fortawesome/free-solid-svg-icons/faSortNumericUp";
 import Fe from "classnames";
-import { faArrowRight as Mt } from "@fortawesome/free-solid-svg-icons/faArrowRight";
+import { faArrowRight as Vt } from "@fortawesome/free-solid-svg-icons/faArrowRight";
 import { TextInput as ge, Checkbox as Ue } from "@stenajs-webui/forms";
-import { useDispatch as Vt, useSelector as Be } from "react-redux";
-import { createSortOrderActions as _t, createSelectedIdsActions as De, createEntityActions as jt, createSortOrderReducerInitialState as Wt, createSelectedIdsReducerInitialState as Ne, reducerIdGate as de, createSortOrderReducer as qt, createSelectedIdsReducer as ze, createEntityReducer as Ft, reducerIdGateAction as X } from "@stenajs-webui/redux";
-import { combineReducers as Ut } from "redux";
-import { LoadingScreen as Zt, ErrorScreen as Jt } from "@stenajs-webui/panels";
-import { compact as Xt, upperFirst as Yt, lowerCase as Qt } from "lodash";
+import { useDispatch as _t, useSelector as Be } from "react-redux";
+import { createSortOrderActions as jt, createSelectedIdsActions as De, createEntityActions as Wt, createSortOrderReducerInitialState as qt, createSelectedIdsReducerInitialState as Ne, reducerIdGate as de, createSortOrderReducer as Ft, createSelectedIdsReducer as ze, createEntityReducer as Ut, reducerIdGateAction as Y } from "@stenajs-webui/redux";
+import { combineReducers as Zt } from "redux";
+import { LoadingScreen as Jt, ErrorScreen as Xt } from "@stenajs-webui/panels";
+import { compact as Yt, upperFirst as Qt, lowerCase as en } from "lodash";
 import { faChevronDown as Ze } from "@fortawesome/free-solid-svg-icons/faChevronDown";
 import { faChevronRight as Je } from "@fortawesome/free-solid-svg-icons/faChevronRight";
-import en from "@emotion/styled";
-const Xe = T.createContext({}), xr = ({
+import tn from "@emotion/styled";
+const Xe = T.createContext({}), br = ({
   children: e,
   numCols: t,
   numRows: n,
@@ -75,7 +75,7 @@ const Xe = T.createContext({}), xr = ({
       size: 14
     });
     return /* @__PURE__ */ r(G, {
-      children: t ? /* @__PURE__ */ r(re, {
+      children: t ? /* @__PURE__ */ r(se, {
         label: t,
         zIndex: 100,
         children: i
@@ -83,7 +83,7 @@ const Xe = T.createContext({}), xr = ({
     });
   }
   return null;
-}, tn = ({
+}, nn = ({
   isEditable: e,
   warningOnEmpty: t,
   value: n,
@@ -99,7 +99,7 @@ const Xe = T.createContext({}), xr = ({
     }), (o == null ? void 0 : o.newValue) !== void 0 && /* @__PURE__ */ g(G, {
       children: [/* @__PURE__ */ r(N, {
         children: /* @__PURE__ */ r(F, {
-          icon: Rt,
+          icon: Gt,
           size: 12
         })
       }), /* @__PURE__ */ r(U, {
@@ -107,7 +107,7 @@ const Xe = T.createContext({}), xr = ({
         variant: "bold",
         children: o.newValue
       })]
-    }), i && /* @__PURE__ */ r(B, {}), c ? /* @__PURE__ */ r(re, {
+    }), i && /* @__PURE__ */ r(L, {}), c ? /* @__PURE__ */ r(se, {
       label: t,
       zIndex: 100,
       children: /* @__PURE__ */ r(F, {
@@ -119,7 +119,7 @@ const Xe = T.createContext({}), xr = ({
       crudStatus: s
     })]
   });
-}, nn = ({
+}, on = ({
   alignItems: e = "center",
   justifyContent: t = "flex-start",
   overflow: n = "hidden",
@@ -132,30 +132,30 @@ const Xe = T.createContext({}), xr = ({
   overflow: n,
   indent: o,
   ...s
-}), on = "var(--lhds-color-ui-300)", rn = "var(--lhds-color-blue-500)", Qe = "var(--lhds-color-blue-50)", sn = "var(--lhds-color-blue-100)", oe = `1px solid ${on}`, cn = "1px solid transparent", ke = "var(--swui-expand-highlight-border-width) solid transparent", et = `var(--swui-expand-highlight-border-width) solid ${rn}`, Se = "40px", Ie = "40px", tt = "40px", gr = (e) => /* @__PURE__ */ r(nn, {
+}), rn = "var(--lhds-color-ui-300)", sn = "var(--lhds-color-blue-500)", Qe = "var(--lhds-color-blue-50)", cn = "var(--lhds-color-blue-100)", re = `1px solid ${rn}`, ln = "1px solid transparent", ke = "var(--swui-expand-highlight-border-width) solid transparent", et = `var(--swui-expand-highlight-border-width) solid ${sn}`, Se = "40px", Ie = "40px", tt = "40px", kr = (e) => /* @__PURE__ */ r(on, {
   width: tt,
   justifyContent: "center",
   ...e
 }), Ke = ({
   iconVariant: e = "amount",
   direction: t
-}) => /* @__PURE__ */ r(ne, {
+}) => /* @__PURE__ */ r(oe, {
   width: "14px",
   children: /* @__PURE__ */ r(F, {
     size: 14,
     color: _("--lhds-color-ui-500"),
-    icon: ln(t, e)
+    icon: an(t, e)
   })
-}), ln = (e, t) => {
+}), an = (e, t) => {
   switch (t) {
     case "alpha":
-      return e === "up" ? Nt : Dt;
+      return e === "up" ? zt : Nt;
     case "numeric":
-      return e === "up" ? $t : Ht;
+      return e === "up" ? Mt : $t;
     case "amount":
-      return e === "up" ? Kt : zt;
+      return e === "up" ? Ht : Kt;
     default:
-      return Pt(t);
+      return At(t);
   }
 }, Ee = T.memo(({
   label: e,
@@ -169,23 +169,23 @@ const Xe = T.createContext({}), xr = ({
   overflow: d = "hidden",
   alignRight: u,
   sortOrderIconVariant: a,
-  ...h
+  ...p
 }) => {
-  const m = te(null);
+  const f = ne(null);
   return /* @__PURE__ */ g(E, {
     height: "100%",
     alignItems: "center",
-    ref: m,
+    ref: f,
     overflow: d,
     justifyContent: u ? "flex-end" : "flex-start",
-    ...h,
+    ...p,
     children: [/* @__PURE__ */ g(E, {
       alignItems: "center",
       indent: !0,
       children: [!t && u && /* @__PURE__ */ g(G, {
-        children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(ne, {
+        children: [/* @__PURE__ */ r(L, {}), /* @__PURE__ */ r(oe, {
           width: "14px"
-        }), /* @__PURE__ */ r(B, {
+        }), /* @__PURE__ */ r(L, {
           num: 0.5
         })]
       }), (o || e) && /* @__PURE__ */ g(E, {
@@ -196,14 +196,14 @@ const Xe = T.createContext({}), xr = ({
         } : void 0,
         alignItems: "center",
         children: [o && /* @__PURE__ */ g(G, {
-          children: [o, !(!e && !t && !i) && /* @__PURE__ */ r(B, {
+          children: [o, !(!e && !t && !i) && /* @__PURE__ */ r(L, {
             num: 0.5
           })]
         }), t && u && /* @__PURE__ */ g(G, {
-          children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(Ke, {
+          children: [/* @__PURE__ */ r(L, {}), /* @__PURE__ */ r(Ke, {
             direction: t,
             iconVariant: a
-          }), /* @__PURE__ */ r(B, {
+          }), /* @__PURE__ */ r(L, {
             num: 0.5
           })]
         }), e && /* @__PURE__ */ r(We, {
@@ -213,29 +213,29 @@ const Xe = T.createContext({}), xr = ({
           },
           children: e
         }), t && !u && /* @__PURE__ */ g(G, {
-          children: [/* @__PURE__ */ r(B, {
+          children: [/* @__PURE__ */ r(L, {
             num: 0.5
           }), /* @__PURE__ */ r(Ke, {
             direction: t,
             iconVariant: a
-          }), /* @__PURE__ */ r(B, {})]
+          }), /* @__PURE__ */ r(L, {})]
         })]
       }), i && /* @__PURE__ */ g(G, {
-        children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ g(E, {
-          onClick: (p) => p.stopPropagation(),
-          children: [/* @__PURE__ */ r(re, {
+        children: [/* @__PURE__ */ r(L, {}), /* @__PURE__ */ g(E, {
+          onClick: (h) => h.stopPropagation(),
+          children: [/* @__PURE__ */ r(se, {
             label: i,
             zIndex: "var(--swui-sticky-popover-z-index)",
             children: /* @__PURE__ */ r(F, {
-              icon: Gt,
+              icon: Tt,
               size: 14,
               color: _("--lhds-color-blue-400")
             })
-          }), /* @__PURE__ */ r(B, {})]
+          }), /* @__PURE__ */ r(L, {})]
         })]
       })]
     }), /* @__PURE__ */ r(E, {
-      children: l ? /* @__PURE__ */ r(ye, {}) : c ? /* @__PURE__ */ r(Ot, {
+      children: l ? /* @__PURE__ */ r(ye, {}) : c ? /* @__PURE__ */ r(Pt, {
         content: c,
         trigger: "click",
         zIndex: 1e3,
@@ -243,23 +243,23 @@ const Xe = T.createContext({}), xr = ({
         variant: "outlined",
         arrow: !1,
         children: /* @__PURE__ */ r(xe, {
-          leftIcon: Bt,
+          leftIcon: Dt,
           size: "small"
         })
       }) : null
     }), !t && !u && /* @__PURE__ */ g(G, {
-      children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(ne, {
+      children: [/* @__PURE__ */ r(L, {}), /* @__PURE__ */ r(oe, {
         width: "14px"
-      }), /* @__PURE__ */ r(B, {
+      }), /* @__PURE__ */ r(L, {
         num: 0.5
       })]
     })]
   });
-}), br = (e) => /* @__PURE__ */ r(Ee, {
+}), Sr = (e) => /* @__PURE__ */ r(Ee, {
   width: tt,
   justifyContent: "center",
   ...e
-}), kr = ({
+}), Ir = ({
   label: e,
   flex: t,
   width: n,
@@ -269,7 +269,7 @@ const Xe = T.createContext({}), xr = ({
   width: n,
   flex: t,
   height: s,
-  children: /* @__PURE__ */ r(ne, {
+  children: /* @__PURE__ */ r(oe, {
     indent: o,
     spacing: !0,
     children: /* @__PURE__ */ r(U, {
@@ -277,7 +277,7 @@ const Xe = T.createContext({}), xr = ({
       children: e
     })
   })
-}), Sr = T.memo(({
+}), Er = T.memo(({
   style: e,
   height: t = Ie,
   ...n
@@ -285,20 +285,20 @@ const Xe = T.createContext({}), xr = ({
   style: e,
   height: t,
   ...n
-})), an = "_tableRow_1cphw_1", dn = {
-  tableRow: an
-}, Ir = ({
+})), dn = "_tableRow_1cphw_1", un = {
+  tableRow: dn
+}, Rr = ({
   hideBorderTop: e,
   height: t = Ie,
   className: n,
   ...o
 }) => /* @__PURE__ */ r(E, {
-  borderTop: e ? cn : oe,
+  borderTop: e ? ln : re,
   height: t,
-  className: Fe(dn.tableRow, n),
+  className: Fe(un.tableRow, n),
   ...o
-}), un = (e) => {
-  const [t, n] = ve(e), o = te(e), s = te(e), c = I(
+}), hn = (e) => {
+  const [t, n] = ve(e), o = ne(e), s = ne(e), c = I(
     (a) => {
       n(a), s.current = a;
     },
@@ -326,7 +326,7 @@ const Xe = T.createContext({}), xr = ({
     commit: i,
     getValue: u
   };
-}, hn = (e) => ({
+}, pn = (e) => ({
   altKey: e.altKey,
   charCode: e.charCode,
   ctrlKey: e.ctrlKey,
@@ -338,83 +338,83 @@ const Xe = T.createContext({}), xr = ({
   repeat: e.repeat,
   shiftKey: e.shiftKey,
   which: e.which
-}), pn = (e) => e, mn = (e, {
+}), mn = (e) => e, fn = (e, {
   isEditable: t = !1,
   allowedInputType: n = "all",
   onChange: o,
   onStartEditing: s,
   onStopEditing: c,
-  transformEnteredValue: l = pn
+  transformEnteredValue: l = mn
 }) => {
   const [i, d] = ve(!1), [u, a] = ve(
     void 0
-  ), h = un(e), { getValue: m, revert: f, setValue: w, setRevertValue: p } = h, C = I(
-    (y) => {
-      t && (w(e), p(e), d(!0), s && s(y));
+  ), p = hn(e), { getValue: f, revert: m, setValue: C, setRevertValue: h } = p, w = I(
+    (x) => {
+      t && (C(e), h(e), d(!0), s && s(x));
     },
-    [t, s, p, w, e]
-  ), x = I(() => {
-    t && (d(!1), c && c(), o && o(m()));
-  }, [t, o, c, m, d]), b = I(() => {
-    t && (d(!1), c && c(), f());
-  }, [t, c, f, d]);
+    [t, s, h, C, e]
+  ), y = I(() => {
+    t && (d(!1), c && c(), o && o(f()));
+  }, [t, o, c, f, d]), b = I(() => {
+    t && (d(!1), c && c(), m());
+  }, [t, c, m, d]);
   return {
     onKeyDown: v(
-      () => xn(
+      () => gn(
         i,
         t,
-        C,
+        w,
         a,
         n,
         l,
-        h
+        p
       ),
       [
         i,
         t,
-        C,
+        w,
         a,
         n,
         l,
-        h
+        p
       ]
     ),
     isEditing: i,
     lastKeyEvent: u,
-    revertableValue: h,
-    startEditing: C,
-    stopEditing: x,
+    revertableValue: p,
+    startEditing: w,
+    stopEditing: y,
     stopEditingAndRevert: b,
-    onDoubleClick: C
+    onDoubleClick: w
   };
-}, fn = (e) => e === "all" || e === "numeric" || e === "alphanumeric", wn = (e) => e === "all" || e === "alphanumeric" || e === "letters", Cn = (e) => !!e.match(/^[-+*<>]$/), vn = (e) => !!e.match(/^[a-zA-Z0-9]$/), yn = (e) => !isNaN(parseInt(e, 10)), xn = (e, t, n, o, s, c, l) => (i) => {
+}, wn = (e) => e === "all" || e === "numeric" || e === "alphanumeric", Cn = (e) => e === "all" || e === "alphanumeric" || e === "letters", vn = (e) => !!e.match(/^[-+*<>]$/), yn = (e) => !!e.match(/^[a-zA-Z0-9]$/), xn = (e) => !isNaN(parseInt(e, 10)), gn = (e, t, n, o, s, c, l) => (i) => {
   if (!(i.ctrlKey || i.metaKey || i.shiftKey)) {
     if (i.key === "Enter" && t)
       o(void 0), n(), l.commit(), i.preventDefault(), i.stopPropagation();
     else if (t) {
-      const d = hn(i);
-      (yn(i.key) && fn(s) || vn(i.key) && wn(s) || Cn(i.key)) && (n(d), o(d), l.commit(), l.setValue(c(d.key)), i.preventDefault(), i.stopPropagation());
+      const d = pn(i);
+      (xn(i.key) && wn(s) || yn(i.key) && Cn(s) || vn(i.key)) && (n(d), o(d), l.commit(), l.setValue(c(d.key)), i.preventDefault(), i.stopPropagation());
     }
   }
-}, gn = (e, t, n, o) => {
+}, bn = (e, t, n, o) => {
   let s = e, c = t;
   return t > o && (c = 0), t < 0 && (c = o), e > n && (s = 0), e < 0 && (s = n), {
     realX: s,
     realY: c
   };
-}, He = (e, t, n) => Math.max(Math.min(e, n), t), bn = (e, t, n) => ({
+}, He = (e, t, n) => Math.max(Math.min(e, n), t), kn = (e, t, n) => ({
   rowIndex: He(e.rowIndex, 0, t),
   colIndex: He(e.colIndex, 0, n)
-}), kn = (e, t, n) => {
-  const o = gn(e.colIndex, e.rowIndex, n, t);
+}), Sn = (e, t, n) => {
+  const o = bn(e.colIndex, e.rowIndex, n, t);
   return {
     rowIndex: o.realY,
     colIndex: o.realX
   };
-}, Sn = (e, t, n, o, s, c = "clamped") => {
-  const l = In(e, t, s);
-  return c === "clamped" ? bn(l, n - 1, o - 1) : c === "wrapped" ? kn(l, n - 1, o - 1) : l;
-}, In = (e, t, n) => n === "up" ? {
+}, In = (e, t, n, o, s, c = "clamped") => {
+  const l = En(e, t, s);
+  return c === "clamped" ? kn(l, n - 1, o - 1) : c === "wrapped" ? Sn(l, n - 1, o - 1) : l;
+}, En = (e, t, n) => n === "up" ? {
   rowIndex: e - 1,
   colIndex: t
 } : n === "down" ? {
@@ -429,7 +429,7 @@ const Xe = T.createContext({}), xr = ({
 } : {
   rowIndex: e,
   colIndex: t
-}, En = (e) => e.replace(/^[^a-z]+|[^\w:.-]+/gi, ""), Rn = (e) => {
+}, Rn = (e) => e.replace(/^[^a-z]+|[^\w:.-]+/gi, ""), Gn = (e) => {
   if (!e.tableId)
     throw new Error("tableId is required.");
   if (e.numRows == null)
@@ -438,15 +438,15 @@ const Xe = T.createContext({}), xr = ({
     throw new Error("numCols is required.");
   return e;
 }, nt = (e) => {
-  const t = V(Xe);
+  const t = $(Xe);
   return v(
-    () => Rn({
+    () => Gn({
       ...t,
       ...e
     }),
     [t, e]
   );
-}, Gn = (e) => {
+}, Tn = (e) => {
   const {
     rowIndex: t,
     colIndex: n,
@@ -457,7 +457,7 @@ const Xe = T.createContext({}), xr = ({
     onCellMove: i,
     onCellNavigation: d
   } = nt(e), u = v(
-    () => Tn(
+    () => On(
       c,
       t,
       n,
@@ -478,41 +478,41 @@ const Xe = T.createContext({}), xr = ({
       d
     ]
   ), a = v(
-    () => On(u),
+    () => Pn(u),
     [u]
-  ), h = v(
+  ), p = v(
     () => ot(c, t, n),
     [c, t, n]
-  ), m = v(
+  ), f = v(
     () => ({
       tabIndex: 0,
       onKeyDown: a,
-      id: h
+      id: p
     }),
-    [a, h]
+    [a, p]
   );
   return {
     focusOnCell: rt,
     moveHandler: u,
-    requiredProps: m
+    requiredProps: f
   };
-}, Tn = (e, t, n, o, s, c, l, i) => (d) => {
-  const u = Sn(
+}, On = (e, t, n, o, s, c, l, i) => (d) => {
+  const u = In(
     t,
     n,
     o,
     s,
     d,
     c
-  ), a = n !== u.colIndex, h = t !== u.rowIndex;
-  (a || h) && (l && l({
+  ), a = n !== u.colIndex, p = t !== u.rowIndex;
+  (a || p) && (l && l({
     direction: d,
     fromRowIndex: t,
     fromColIndex: n,
     rowIndex: u.rowIndex,
     colIndex: u.colIndex,
     colDidChange: a,
-    rowDidChange: h
+    rowDidChange: p
   }), rt(e, u)), i && i({
     direction: d,
     fromRowIndex: t,
@@ -520,16 +520,16 @@ const Xe = T.createContext({}), xr = ({
     rowIndex: u.rowIndex,
     colIndex: u.colIndex,
     colDidChange: a,
-    rowDidChange: h,
-    cellDidChange: a || h
+    rowDidChange: p,
+    cellDidChange: a || p
   });
-}, ot = (e, t, n) => En(`table-${e}-${t}-${n}`), On = (e) => (t) => t.key === "ArrowLeft" ? (e("left"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowUp" ? (e("up"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowRight" ? (e("right"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowDown" ? (e("down"), t.preventDefault(), t.stopPropagation(), !0) : !1, rt = (e, t) => {
+}, ot = (e, t, n) => Rn(`table-${e}-${t}-${n}`), Pn = (e) => (t) => t.key === "ArrowLeft" ? (e("left"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowUp" ? (e("up"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowRight" ? (e("right"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowDown" ? (e("down"), t.preventDefault(), t.stopPropagation(), !0) : !1, rt = (e, t) => {
   const n = document.getElementById(
     ot(e, t.rowIndex, t.colIndex)
   );
   n && n.focus();
 }, he = (e, t) => {
-  const { tableId: n } = nt(t), o = Gn(t), s = mn(e, t), c = v(
+  const { tableId: n } = nt(t), o = Tn(t), s = fn(e, t), c = v(
     () => ({
       rowIndex: t.rowIndex,
       colIndex: t.colIndex
@@ -542,27 +542,27 @@ const Xe = T.createContext({}), xr = ({
   }, [s, o, n, c]), d = I(() => {
     s.stopEditingAndRevert(), o.focusOnCell(n, c);
   }, [s, o, n, c]), u = I(
-    (f) => {
-      s.stopEditing(), o.moveHandler(f);
+    (m) => {
+      s.stopEditing(), o.moveHandler(m);
     },
     [s, o]
   ), a = I(
-    (f) => {
-      o.moveHandler(f);
+    (m) => {
+      o.moveHandler(m);
     },
     [o]
-  ), h = I(
-    (f) => {
-      s.isEditing || o.requiredProps.onKeyDown(f) || s.onKeyDown(f);
+  ), p = I(
+    (m) => {
+      s.isEditing || o.requiredProps.onKeyDown(m) || s.onKeyDown(m);
     },
     [s, o.requiredProps]
-  ), m = v(
+  ), f = v(
     () => ({
       ...o.requiredProps,
-      onKeyDown: h,
+      onKeyDown: p,
       onDoubleClick: s.onDoubleClick
     }),
-    [h, s.onDoubleClick, o.requiredProps]
+    [p, s.onDoubleClick, o.requiredProps]
   );
   return {
     isEditing: s.isEditing,
@@ -570,14 +570,14 @@ const Xe = T.createContext({}), xr = ({
     editorValue: s.revertableValue.value,
     setEditorValue: s.revertableValue.setValue,
     revertEditorValue: s.revertableValue.revert,
-    requiredProps: m,
+    requiredProps: f,
     move: a,
     startEditing: l,
     stopEditing: i,
     stopEditingAndRevert: d,
     stopEditingAndMove: u
   };
-}, Er = function({
+}, Gr = function({
   allowedInputType: t,
   value: n = "",
   entityId: o,
@@ -588,22 +588,22 @@ const Xe = T.createContext({}), xr = ({
   colIndex: d,
   rowIndex: u,
   numCols: a,
-  numRows: h,
-  warningOnEmpty: m
+  numRows: p,
+  warningOnEmpty: f
 }) {
-  const f = Vt(), w = Be(i.selectors.getState), p = Be(l.selectors.getState), C = w.entities[o], x = p.entities[o], b = I((H = "") => {
-    f(H === n ? i.actions.clearEntity(o) : i.actions.setEntity({
+  const m = _t(), C = Be(i.selectors.getState), h = Be(l.selectors.getState), w = C.entities[o], y = h.entities[o], b = I((H = "") => {
+    m(H === n ? i.actions.clearEntity(o) : i.actions.setEntity({
       id: o,
       originalValue: n,
       newValue: H,
       modified: !0
     }));
-  }, [f, o, i.actions, n]), {
+  }, [m, o, i.actions, n]), {
     isEditing: S,
-    stopEditing: y,
-    editorValue: A,
+    stopEditing: x,
+    editorValue: B,
     setEditorValue: k,
-    stopEditingAndRevert: L,
+    stopEditingAndRevert: A,
     stopEditingAndMove: O,
     lastKeyEvent: z,
     requiredProps: {
@@ -614,21 +614,21 @@ const Xe = T.createContext({}), xr = ({
     rowIndex: u,
     colIndex: d,
     numCols: a,
-    numRows: h,
+    numRows: p,
     tableId: "serviceManningMatrixTable",
     onChange: b,
     isEditable: s,
     allowedInputType: t
-  }), K = I((H) => {
-    H.key === "Delete" ? (f(i.actions.clearEntity(o)), f(l.actions.setEntityFields(o, {
+  }), M = I((H) => {
+    H.key === "Delete" ? (m(i.actions.clearEntity(o)), m(l.actions.setEntityFields(o, {
       hasError: !1,
       errorMessage: void 0
     }))) : D(H);
-  }, [D, o, f, i.actions, l.actions]);
+  }, [D, o, m, i.actions, l.actions]);
   return /* @__PURE__ */ g(E, {
     height: Se,
     width: "100%",
-    borderBottom: oe,
+    borderBottom: re,
     hoverBackground: "var(--ui7)",
     alignItems: "center",
     children: [c && /* @__PURE__ */ r(N, {
@@ -642,39 +642,39 @@ const Xe = T.createContext({}), xr = ({
       borderRadius: "4px",
       focusBorder: S ? void 0 : "1px solid var(--primary-action-color)",
       hoverBorder: S ? void 0 : "var(--ui5) solid 1px;",
-      onKeyDown: K,
+      onKeyDown: M,
       ...j,
       children: /* @__PURE__ */ r(N, {
         row: !0,
         alignItems: "center",
         children: S ? /* @__PURE__ */ r(ge, {
           onValueChange: k,
-          value: A,
-          onDone: y,
-          onEsc: L,
+          value: B,
+          onDone: x,
+          onEsc: A,
           autoFocus: !0,
           selectAllOnMount: !z,
           onMove: O
         }) : /* @__PURE__ */ g(G, {
           children: [/* @__PURE__ */ r(U, {
             color: s ? "var(--primary-action-color)" : void 0,
-            variant: C != null && C.modified ? "bold" : void 0,
+            variant: w != null && w.modified ? "bold" : void 0,
             children: n
-          }), (C == null ? void 0 : C.newValue) !== void 0 && /* @__PURE__ */ g(G, {
+          }), (w == null ? void 0 : w.newValue) !== void 0 && /* @__PURE__ */ g(G, {
             children: [/* @__PURE__ */ r(N, {
               children: /* @__PURE__ */ r(F, {
-                icon: Mt,
+                icon: Vt,
                 size: 12
               })
             }), /* @__PURE__ */ r(U, {
               color: "var(--primary-action-color)",
               variant: "bold",
-              children: C.newValue
+              children: w.newValue
             })]
-          }), x && be(x) && /* @__PURE__ */ r(B, {
+          }), y && be(y) && /* @__PURE__ */ r(L, {
             num: 2
-          }), m && (C == null ? void 0 : C.modified) && (C == null ? void 0 : C.newValue) === "" ? /* @__PURE__ */ r(re, {
-            label: m,
+          }), f && (w == null ? void 0 : w.modified) && (w == null ? void 0 : w.newValue) === "" ? /* @__PURE__ */ r(se, {
+            label: f,
             zIndex: 100,
             children: /* @__PURE__ */ r(F, {
               icon: ue,
@@ -682,7 +682,7 @@ const Xe = T.createContext({}), xr = ({
               size: 14
             })
           }) : /* @__PURE__ */ r(Ye, {
-            crudStatus: x
+            crudStatus: y
           })]
         })
       })
@@ -690,40 +690,40 @@ const Xe = T.createContext({}), xr = ({
       num: c
     })]
   });
-}, st = $(""), ct = $(
+}, st = K(""), ct = K(
   void 0
-), lt = $(void 0), it = $(void 0), Pn = () => ({
-  sortOrder: _t(),
+), lt = K(void 0), it = K(void 0), An = () => ({
+  sortOrder: jt(),
   selectedIds: De(),
   expandedRows: De(),
-  fields: jt()
-}), M = (e, t) => `${e}.${t}`, at = (e = void 0, t = !1, n = [], o = []) => ({
-  sortOrder: Wt(e, t),
+  fields: Wt()
+}), V = (e, t) => `${e}.${t}`, at = (e = void 0, t = !1, n = [], o = []) => ({
+  sortOrder: qt(e, t),
   selectedIds: Ne(n),
   expandedRows: Ne(o),
   fields: { lastSelectedId: void 0 }
-}), An = (e, t) => {
+}), Ln = (e, t) => {
   var l;
   const n = de(
-    M(e, "sortOrder"),
-    qt(t == null ? void 0 : t.sortOrder)
+    V(e, "sortOrder"),
+    Ft(t == null ? void 0 : t.sortOrder)
   ), o = de(
-    M(e, "selectedIds"),
+    V(e, "selectedIds"),
     ze(t == null ? void 0 : t.selectedIds)
   ), s = de(
-    M(e, "expandedRows"),
+    V(e, "expandedRows"),
     ze(t == null ? void 0 : t.expandedRows)
   ), c = de(
-    M(e, "fields"),
-    Ft((l = t == null ? void 0 : t.fields) != null ? l : {})
+    V(e, "fields"),
+    Ut((l = t == null ? void 0 : t.fields) != null ? l : {})
   );
-  return Ut({
+  return Zt({
     sortOrder: n,
     selectedIds: o,
     expandedRows: s,
     fields: c
   });
-}, Re = () => V(st), R = () => V(it), Y = () => V(ct), se = () => V(lt), dt = $([]), Z = () => V(
+}, Re = () => $(st), R = () => $(it), Q = () => $(ct), ce = () => $(lt), dt = K([]), Z = () => $(
   dt
 ), ut = () => {
   const e = R(), t = Z();
@@ -732,9 +732,9 @@ const Xe = T.createContext({}), xr = ({
     () => t.map((o) => o.groupConfig.columnOrder.length).reduce((o, s) => o + s, 0),
     [t]
   );
-}, ht = $(void 0), Ln = () => V(ht), pt = $(void 0), Bn = $(!1), Dn = () => V(pt), Nn = $("standard"), mt = $({}), Ge = () => V(mt), ft = $(0), Te = () => V(ft), wt = (e, t, n) => {
+}, ht = K(void 0), Bn = () => $(ht), pt = K(void 0), Dn = () => $(pt), mt = K(void 0), Nn = K(!1), zn = () => $(mt), Kn = K("standard"), ft = K({}), Ge = () => $(ft), wt = K(0), Te = () => $(wt), Ct = (e, t, n) => {
   var o;
-  return e ? Xt(
+  return e ? Yt(
     (o = t == null ? void 0 : t.map((s) => {
       const c = e == null ? void 0 : e[s];
       return {
@@ -758,26 +758,26 @@ const Xe = T.createContext({}), xr = ({
   ];
 }, Oe = (e, t, n) => {
   if (e)
-    return e === !0 ? oe : e;
+    return e === !0 ? re : e;
   if (!t && !!n)
-    return n === !0 ? oe : n;
+    return n === !0 ? re : n;
 }, pe = (e, t, n) => {
   if (!(e === 0 || t !== 0) && n)
-    return n === !0 ? oe : n;
-}, ce = (e) => {
+    return n === !0 ? re : n;
+}, le = (e) => {
   const { columns: t } = R(), n = t[e];
   if (!n)
     throw new Error("No config for column with id=" + e);
   return n;
-}, zn = () => {
+}, Hn = () => {
   var n, o, s;
   const e = R(), t = (s = (o = (n = Z()) == null ? void 0 : n[0]) == null ? void 0 : o.groupConfig.columnOrder) == null ? void 0 : s[0];
   return t ? e.columns[t] : void 0;
-}, Kn = () => {
+}, $n = () => {
   var s;
   const e = R(), t = Z(), n = t[t.length - 1], o = (s = n == null ? void 0 : n.groupConfig.columnOrder[n.groupConfig.columnOrder.length - 1]) != null ? s : void 0;
   return o ? e.columns[o] : void 0;
-}, Hn = function({
+}, Mn = function({
   columnId: t,
   groupConfig: n,
   borderFromGroup: o,
@@ -791,37 +791,37 @@ const Xe = T.createContext({}), xr = ({
     render: d,
     contentLeft: u,
     contentRight: a,
-    loading: h,
-    error: m
+    loading: p,
+    error: f
   } = n, {
-    width: f,
-    minWidth: w,
-    zIndex: p,
-    borderLeft: C
-  } = ce(t), x = R(), {
+    width: m,
+    minWidth: C,
+    zIndex: h,
+    borderLeft: w
+  } = le(t), y = R(), {
     stickyHeader: b,
     headerRowOffsetTop: S
-  } = x, y = "columnGroupOrder" in x ? x.stickyColumnGroups : void 0, A = $n(o, C), k = c && (y === "first" || y === "both"), L = l && (y === "last" || y === "both"), O = k || L || b, z = k || L;
+  } = y, x = "columnGroupOrder" in y ? y.stickyColumnGroups : void 0, B = Vn(o, w), k = c && (x === "first" || x === "both"), A = l && (x === "last" || x === "both"), O = k || A || b, z = k || A;
   return /* @__PURE__ */ r("th", {
     colSpan: s,
     style: {
       position: O ? "sticky" : void 0,
       height: "var(--current-row-height)",
-      width: f,
-      minWidth: (D = w != null ? w : f) != null ? D : "20px",
+      width: m,
+      minWidth: (D = C != null ? C : m) != null ? D : "20px",
       background: O ? "white" : "transparent",
       left: k ? "var(--current-left-offset)" : void 0,
-      right: L ? "0px" : void 0,
+      right: A ? "0px" : void 0,
       top: b ? S != null ? S : "0px" : void 0,
-      borderLeft: A,
-      zIndex: b && z ? "var(--swui-sticky-column-group-label-z-index)" : z ? "var(--swui-sticky-group-group-z-index)" : b ? p != null ? p : "var(--swui-sticky-header-column-group-z-index)" : p != null ? p : 1,
-      boxShadow: k ? "var(--swui-sticky-column-shadow-right)" : L ? "var(--swui-sticky-column-shadow-left)" : void 0
+      borderLeft: B,
+      zIndex: b && z ? "var(--swui-sticky-column-group-label-z-index)" : z ? "var(--swui-sticky-group-group-z-index)" : b ? h != null ? h : "var(--swui-sticky-header-column-group-z-index)" : h != null ? h : 1,
+      boxShadow: k ? "var(--swui-sticky-column-shadow-right)" : A ? "var(--swui-sticky-column-shadow-left)" : void 0
     },
     children: /* @__PURE__ */ r(E, {
       alignItems: "center",
       children: /* @__PURE__ */ g(G, {
         children: [u && /* @__PURE__ */ g(G, {
-          children: [/* @__PURE__ */ r(B, {}), u, /* @__PURE__ */ r(B, {
+          children: [/* @__PURE__ */ r(L, {}), u, /* @__PURE__ */ r(L, {
             num: 0.5
           })]
         }), d ? d(n) : /* @__PURE__ */ r(N, {
@@ -831,11 +831,11 @@ const Xe = T.createContext({}), xr = ({
             children: i
           })
         }), a && /* @__PURE__ */ g(G, {
-          children: [/* @__PURE__ */ r(B, {
+          children: [/* @__PURE__ */ r(L, {
             num: 0.5
           }), a]
-        }), (m || h) && /* @__PURE__ */ r(N, {}), h ? /* @__PURE__ */ r(ye, {}) : m ? /* @__PURE__ */ r(re, {
-          label: m,
+        }), (f || p) && /* @__PURE__ */ r(N, {}), p ? /* @__PURE__ */ r(ye, {}) : f ? /* @__PURE__ */ r(se, {
+          label: f,
           placement: "bottom",
           appendTo: document.body,
           children: /* @__PURE__ */ r(F, {
@@ -847,25 +847,25 @@ const Xe = T.createContext({}), xr = ({
       })
     })
   });
-}, $n = (e, t) => {
+}, Vn = (e, t) => {
   if (e)
     return e;
   if (t)
     return "1px solid transparent";
-}, Mn = (e, t, n, o) => ({
-  top: e ? Vn(e, n) : void 0,
+}, _n = (e, t, n, o) => ({
+  top: e ? jn(e, n) : void 0,
   background: e || t ? "white" : void 0,
   position: e || t ? "sticky" : void 0,
   boxShadow: t ? "var(--swui-sticky-column-shadow-right)" : void 0,
   zIndex: e || t ? o != null ? o : "var(--swui-sticky-header-z-index)" : o
-}), Vn = (e, t) => {
+}), jn = (e, t) => {
   if (e && t)
     return t;
   if (t)
     return t;
   if (e)
     return 0;
-}, _n = T.memo(function({
+}, Wn = T.memo(function({
   height: t = Se
 }) {
   const n = Z(), o = R(), {
@@ -876,43 +876,43 @@ const Xe = T.createContext({}), xr = ({
     stickyHeader: d,
     stickyCheckboxColumn: u,
     headerRowOffsetTop: a
-  } = o, h = Mn(d, u, a, i), m = d ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
+  } = o, p = _n(d, u, a, i), f = d ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
   return /* @__PURE__ */ g("tr", {
     style: {
       height: t,
       borderLeft: ke
     },
     children: [l && /* @__PURE__ */ r("th", {
-      style: h
+      style: p
     }), c && /* @__PURE__ */ r("th", {
       style: {
-        ...h,
+        ...p,
         width: "var(--swui-expand-cell-width)",
         left: u ? "0px" : void 0,
-        zIndex: m
+        zIndex: f
       }
     }), s && /* @__PURE__ */ r("th", {
       style: {
-        ...h,
+        ...p,
         left: u && c ? "var(--swui-expand-cell-width)" : u ? "0px" : void 0,
-        zIndex: m
+        zIndex: f
       }
     }), n.map(({
-      groupConfig: f,
-      groupId: w
-    }, p) => /* @__PURE__ */ r(Hn, {
-      isFirstGroup: p === 0,
-      isLastGroup: p === n.length - 1,
-      groupConfig: f,
-      columnId: f.columnOrder[0],
-      colSpan: f.columnOrder.length,
-      borderFromGroup: pe(p, 0, f.borderLeft)
-    }, w)), l && /* @__PURE__ */ r("th", {
-      style: h
+      groupConfig: m,
+      groupId: C
+    }, h) => /* @__PURE__ */ r(Mn, {
+      isFirstGroup: h === 0,
+      isLastGroup: h === n.length - 1,
+      groupConfig: m,
+      columnId: m.columnOrder[0],
+      colSpan: m.columnOrder.length,
+      borderFromGroup: pe(h, 0, m.borderLeft)
+    }, C)), l && /* @__PURE__ */ r("th", {
+      style: p
     })]
   });
-}), jn = (e) => {
-  const t = wt(
+}), qn = (e) => {
+  const t = Ct(
     "columnGroups" in e ? e.columnGroups : void 0,
     "columnGroupOrder" in e ? e.columnGroupOrder : void 0,
     "columnOrder" in e ? e.columnOrder : void 0
@@ -920,23 +920,23 @@ const Xe = T.createContext({}), xr = ({
   let n = {}, o = 0;
   return e.showRowCheckbox && o++, e.enableExpandCollapse && o++, t.forEach((s) => {
     s.groupConfig.columnOrder.forEach((c) => {
-      Wn(e.columns[c]) && (n[c] = o++);
+      Fn(e.columns[c]) && (n[c] = o++);
     });
   }), {
     columnIndexPerColumnId: n,
     numNavigableColumns: o
   };
-}, Wn = (e) => !e.disableGridCell, Ct = $({
+}, Fn = (e) => !e.disableGridCell, vt = K({
   columnIndexPerColumnId: {},
   numNavigableColumns: 0
-}), vt = () => V(
-  Ct
-), qn = (e) => {
-  "columnGroupOrder" in e && (Fn(e), (e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both") && $e(e, 0), (e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both") && $e(
+}), yt = () => $(
+  vt
+), Un = (e) => {
+  "columnGroupOrder" in e && (Zn(e), (e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both") && $e(e, 0), (e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both") && $e(
     e,
     e.columnGroupOrder.length - 1
   ));
-}, Fn = (e) => {
+}, Zn = (e) => {
   Object.keys(e.columns).forEach((n) => {
     if (e.columns[n].sticky)
       throw new Error(
@@ -960,13 +960,13 @@ const Xe = T.createContext({}), xr = ({
         "All columns in sticky column group must have width set."
       );
   });
-}, Un = (e) => {
+}, Jn = (e) => {
   const t = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both" ? Me(
-    Jn(e),
+    Yn(e),
     e.columns,
     !0
   ) : void 0, n = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both" ? Me(
-    Xn(e),
+    Qn(e),
     e.columns,
     !1
   ) : void 0;
@@ -981,17 +981,17 @@ const Xe = T.createContext({}), xr = ({
   ];
   for (let l = 0; l < e.length; l++) {
     const i = e[l], d = t == null ? void 0 : t[i];
-    o[i] = Zn(s), s.push((c = d == null ? void 0 : d.width) != null ? c : "0px");
+    o[i] = Xn(s), s.push((c = d == null ? void 0 : d.width) != null ? c : "0px");
   }
   return o;
-}, Zn = (e) => e.length === 0 ? "0px" : e.length === 1 ? e[0] : "calc(" + e.join(" + ") + ")", Jn = (e) => {
+}, Xn = (e) => e.length === 0 ? "0px" : e.length === 1 ? e[0] : "calc(" + e.join(" + ") + ")", Yn = (e) => {
   var o, s, c;
   const t = (o = e.columnGroupOrder) == null ? void 0 : o[0];
   if (!t)
     return [];
   const n = (s = e.columnGroups) == null ? void 0 : s[t];
   return (c = n == null ? void 0 : n.columnOrder) != null ? c : [];
-}, Xn = (e) => {
+}, Qn = (e) => {
   var s, c, l;
   const t = (c = e.columnGroupOrder) == null ? void 0 : c[((s = e.columnGroupOrder) == null ? void 0 : s.length) - 1];
   if (!t)
@@ -1001,7 +1001,7 @@ const Xe = T.createContext({}), xr = ({
     return [];
   const o = [...n.columnOrder];
   return o.reverse(), o;
-}, Yn = (e) => "columnGroups" in e ? eo(e) : Qn(e), Qn = (e) => Object.keys(e.columns).reduce((n, o) => {
+}, eo = (e) => "columnGroups" in e ? no(e) : to(e), to = (e) => Object.keys(e.columns).reduce((n, o) => {
   var l;
   const s = e.columns[o], c = Boolean(s.sticky);
   return n[o] = {
@@ -1012,59 +1012,59 @@ const Xe = T.createContext({}), xr = ({
     isFirstColumnInLastGroup: !1,
     isLastColumnInFirstGroup: !1
   }, n;
-}, {}), eo = (e) => {
-  const t = {}, n = e.columnGroupOrder, o = Un(e), s = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both", c = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both";
+}, {}), no = (e) => {
+  const t = {}, n = e.columnGroupOrder, o = Jn(e), s = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both", c = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both";
   return n.forEach((l, i) => {
     const u = e.columnGroups[l].columnOrder;
-    u.forEach((a, h) => {
-      const m = i === 0, f = i === n.length - 1, w = m && s, p = f && c, C = h === 0 && f, x = h === u.length - 1 && m;
+    u.forEach((a, p) => {
+      const f = i === 0, m = i === n.length - 1, C = f && s, h = m && c, w = p === 0 && m, y = p === u.length - 1 && f;
       t[a] = {
-        sticky: w || p,
-        left: w ? o[a] : void 0,
-        right: p ? o[a] : void 0,
-        type: w ? "first-group" : p ? "last-group" : void 0,
-        isFirstColumnInLastGroup: C,
-        isLastColumnInFirstGroup: x
+        sticky: C || h,
+        left: C ? o[a] : void 0,
+        right: h ? o[a] : void 0,
+        type: C ? "first-group" : h ? "last-group" : void 0,
+        isFirstColumnInLastGroup: w,
+        isLastColumnInFirstGroup: y
       };
     });
   }), t;
-}, to = (e, t) => ({
-  setSelectedIds: (n) => X(
-    M(e, "selectedIds"),
+}, oo = (e, t) => ({
+  setSelectedIds: (n) => Y(
+    V(e, "selectedIds"),
     t.selectedIds.setSelectedIds(n)
   ),
-  clearSelection: () => X(
-    M(e, "selectedIds"),
+  clearSelection: () => Y(
+    V(e, "selectedIds"),
     t.selectedIds.clearSelectedIds()
   ),
-  expandByIds: (n) => X(
-    M(e, "expandedRows"),
+  expandByIds: (n) => Y(
+    V(e, "expandedRows"),
     t.expandedRows.setSelectedIds(n)
   ),
-  collapseAll: () => X(
-    M(e, "expandedRows"),
+  collapseAll: () => Y(
+    V(e, "expandedRows"),
     t.expandedRows.clearSelectedIds()
   ),
-  sortBy: (n, o) => X(
-    M(e, "sortOrder"),
+  sortBy: (n, o) => Y(
+    V(e, "sortOrder"),
     t.sortOrder.sortBy(n, o != null ? o : !1)
   ),
-  clearSortOrder: () => X(
-    M(e, "sortOrder"),
+  clearSortOrder: () => Y(
+    V(e, "sortOrder"),
     t.sortOrder.clearSortOrder()
   ),
-  setLastSelectedId: (n) => X(
-    M(e, "fields"),
+  setLastSelectedId: (n) => Y(
+    V(e, "fields"),
     t.fields.setEntityFields({ lastSelectedId: n })
   )
-}), no = (e, t = at()) => {
-  const [n, o] = It(
-    An(e),
+}), ro = (e, t = at()) => {
+  const [n, o] = Et(
+    Ln(e),
     t
   ), s = v(
-    () => to(
+    () => oo(
       e,
-      Pn()
+      An()
     ),
     [e]
   );
@@ -1078,26 +1078,63 @@ const Xe = T.createContext({}), xr = ({
       [n, s, o]
     )
   };
-}, oo = (e) => (e.rowIndent ? 2 : 0) + (e.enableExpandCollapse ? 1 : 0) + (e.showRowCheckbox ? 1 : 0) + ro(e), ro = (e) => {
+}, so = (e) => (e.rowIndent ? 2 : 0) + (e.enableExpandCollapse ? 1 : 0) + (e.showRowCheckbox ? 1 : 0) + co(e), co = (e) => {
   var t, n;
   return "columnGroupOrder" in e ? e.columnGroupOrder.reduce((o, s) => {
     var l, i, d;
     const c = (l = e.columnGroups) == null ? void 0 : l[s];
     return o + ((d = (i = c == null ? void 0 : c.columnOrder) == null ? void 0 : i.length) != null ? d : 0);
   }, 0) : (n = (t = e.columnOrder) == null ? void 0 : t.length) != null ? n : 0;
-}, so = "_standardTable_1iok0_1", co = "_relaxed_1iok0_37", lo = "_condensed_1iok0_41", io = "_compact_1iok0_45", Ve = {
-  standardTable: so,
-  relaxed: co,
-  condensed: lo,
-  compact: io
-}, ao = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : Ce(e, t, "number") ? Number(e) - Number(t) : Ce(e, t, "boolean") ? Number(t) - Number(e) : Ce(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, Ce = (e, t, n) => typeof e === n && typeof t === n, uo = (e) => {
+}, lo = () => {
+  const e = R(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, o = Lt(e.rowIndent);
+  return /* @__PURE__ */ g(G, {
+    children: [o ? /* @__PURE__ */ r("colgroup", {
+      children: /* @__PURE__ */ r("col", {
+        style: {
+          width: `calc(var(--swui-metrics-indent) * ${o})`
+        }
+      })
+    }) : null, n && /* @__PURE__ */ g("colgroup", {
+      children: [e.enableExpandCollapse && /* @__PURE__ */ r("col", {
+        style: {
+          width: "var(--swui-expand-cell-width)"
+        }
+      }), e.showRowCheckbox && /* @__PURE__ */ r("col", {
+        style: {
+          width: "var(--swui-checkbox-cell-width)"
+        }
+      })]
+    }), t.map(({
+      groupConfig: s,
+      groupId: c
+    }) => /* @__PURE__ */ r("colgroup", {
+      children: s.columnOrder.map((l) => /* @__PURE__ */ r("col", {
+        style: {
+          width: e.columns[l].width,
+          minWidth: e.columns[l].minWidth
+        }
+      }, l))
+    }, c)), o ? /* @__PURE__ */ r("colgroup", {
+      children: /* @__PURE__ */ r("col", {
+        style: {
+          width: `calc(var(--swui-metrics-indent) * ${o})`
+        }
+      })
+    }) : null]
+  });
+}, io = "_standardTable_1iok0_1", ao = "_relaxed_1iok0_37", uo = "_condensed_1iok0_41", ho = "_compact_1iok0_45", Ve = {
+  standardTable: io,
+  relaxed: ao,
+  condensed: uo,
+  compact: ho
+}, po = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : Ce(e, t, "number") ? Number(e) - Number(t) : Ce(e, t, "boolean") ? Number(t) - Number(e) : Ce(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, Ce = (e, t, n) => typeof e === n && typeof t === n, mo = (e) => {
   const { columns: t } = R();
   if (!e)
     return;
   const n = t[e];
   if (!!n)
     return n.itemValueResolver;
-}, ho = T.memo(function({
+}, fo = T.memo(function({
   value: t,
   onValueChange: n,
   colIndex: o,
@@ -1107,25 +1144,25 @@ const Xe = T.createContext({}), xr = ({
   onValueChangeAndShift: i,
   shiftPressedRef: d
 }) {
-  const u = ut(), a = Re(), h = he(Boolean(t), {
+  const u = ut(), a = Re(), p = he(Boolean(t), {
     colIndex: o,
     numCols: u,
     numRows: c,
     rowIndex: s,
     tableId: a
   }), {
-    requiredProps: m
-  } = h, f = I((w) => {
-    d.current ? i == null || i(w) : n == null || n(w);
+    requiredProps: f
+  } = p, m = I((C) => {
+    d.current ? i == null || i(C) : n == null || n(C);
   }, [n, i, d]);
   return /* @__PURE__ */ r(Ue, {
     size: "small",
     disabled: l,
     value: t,
-    onValueChange: f,
-    ...m
+    onValueChange: m,
+    ...f
   });
-}), po = (e, t, n) => {
+}), wo = (e, t, n) => {
   if (t == null || n == null || e == null || t === n)
     return;
   const o = e.indexOf(t), s = e.indexOf(n);
@@ -1133,27 +1170,27 @@ const Xe = T.createContext({}), xr = ({
     return;
   const c = Math.min(o, s), l = Math.max(o, s);
   return e.slice(c, l + 1);
-}, mo = (e, t) => {
+}, Co = (e, t) => {
   const { keyResolver: n } = R(), {
     selectedIds: { selectedIds: o },
     fields: { lastSelectedId: s }
-  } = Y(), {
+  } = Q(), {
     actions: { setSelectedIds: c, setLastSelectedId: l },
     dispatch: i
-  } = se(), d = v(() => n(e), [n, e]), u = v(
+  } = ce(), d = v(() => n(e), [n, e]), u = v(
     () => o.includes(d),
     [o, d]
-  ), { toggle: a, addMultiple: h, removeMultiple: m } = qe(
+  ), { toggle: a, addMultiple: p, removeMultiple: f } = qe(
     o,
-    (p) => i(c(p))
-  ), f = I(() => {
+    (h) => i(c(h))
+  ), m = I(() => {
     if (t && s) {
-      const p = po(
+      const h = wo(
         t,
         s,
         d
       );
-      p != null && p.length ? u ? m(p) : h(p) : a(d);
+      h != null && h.length ? u ? f(h) : p(h) : a(d);
     } else
       a(d);
     i(l(d));
@@ -1164,24 +1201,24 @@ const Xe = T.createContext({}), xr = ({
     l,
     d,
     u,
-    m,
-    h,
+    f,
+    p,
     a
-  ]), w = I(() => {
+  ]), C = I(() => {
     a(d), i(l(d));
   }, [a, d, i, l]);
   return {
     isSelected: u,
-    toggleSelected: w,
-    shiftAndToggleSelected: f
+    toggleSelected: C,
+    shiftAndToggleSelected: m
   };
 }, Pe = (e) => {
   const { keyResolver: t } = R(), {
     expandedRows: { selectedIds: n }
-  } = Y(), {
+  } = Q(), {
     actions: { expandByIds: o },
     dispatch: s
-  } = se(), c = v(() => t(e), [t, e]), l = v(
+  } = ce(), c = v(() => t(e), [t, e]), l = v(
     () => n.includes(c),
     [n, c]
   ), { toggle: i } = qe(
@@ -1194,7 +1231,7 @@ const Xe = T.createContext({}), xr = ({
     }, [i, c]),
     isExpanded: l
   };
-}, fo = function({
+}, vo = function({
   item: e,
   colIndex: t,
   numRows: n,
@@ -1213,30 +1250,30 @@ const Xe = T.createContext({}), xr = ({
   } = R(), {
     toggleRowExpanded: u,
     isExpanded: a
-  } = Pe(e), h = v(() => d ? d(e) : !1, [d, e]);
+  } = Pe(e), p = v(() => d ? d(e) : !1, [d, e]);
   return /* @__PURE__ */ r(E, {
     alignItems: "center",
     justifyContent: "center",
     indent: !0,
-    children: !h && /* @__PURE__ */ r(xe, {
+    children: !p && /* @__PURE__ */ r(xe, {
       size: "small",
       leftIcon: a ? Ze : Je,
       onClick: u,
       ...i
     })
   });
-}, wo = (e, t, n) => e ? e(t) : n, yt = (e, t, n) => v(
-  () => wo(e, t, n),
+}, yo = (e, t, n) => e ? e(t) : n, xt = (e, t, n) => v(
+  () => yo(e, t, n),
   [e, t, n]
-), Co = (e, t) => {
-  const { background: n, backgroundResolver: o } = ce(e);
-  return yt(o, t, n);
+), xo = (e, t) => {
+  const { background: n, backgroundResolver: o } = le(e);
+  return xt(o, t, n);
 }, _e = (e, t) => {
   const { background: n, backgroundResolver: o } = e != null ? e : {};
-  return yt(o, t, n);
-}, vo = (e) => e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "object" ? JSON.stringify(e) : String(e), yo = (e) => Yt(Qt(e)), xo = "_standardTableCell_1xzcm_1", go = {
-  standardTableCell: xo
-}, bo = T.memo(function({
+  return xt(o, t, n);
+}, go = (e) => e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "object" ? JSON.stringify(e) : String(e), bo = (e) => Qt(en(e)), ko = "_standardTableCell_1xzcm_1", So = {
+  standardTableCell: ko
+}, Io = T.memo(function({
   enableGridCell: t,
   children: n,
   background: o,
@@ -1256,7 +1293,7 @@ const Xe = T.createContext({}), xr = ({
     onKeyDown: i,
     children: /* @__PURE__ */ r(E, {
       border: "1px solid transparent",
-      className: go.standardTableCell,
+      className: So.standardTableCell,
       width: "100%",
       height: "100%",
       justifyContent: l,
@@ -1268,20 +1305,20 @@ const Xe = T.createContext({}), xr = ({
       children: n
     })
   });
-}), ko = "_textCell_1yv6v_1", So = {
-  textCell: ko
-}, Io = T.memo(function({
+}), Eo = "_textCell_1yv6v_1", Ro = {
+  textCell: Eo
+}, Go = T.memo(function({
   label: t
 }) {
   return /* @__PURE__ */ r(N, {
     overflow: "hidden",
     children: /* @__PURE__ */ r(U, {
-      className: So.textCell,
+      className: Ro.textCell,
       title: t,
       children: t
     })
   });
-}), Eo = T.memo(function({
+}), To = T.memo(function({
   columnId: t,
   item: n,
   colIndex: o,
@@ -1295,76 +1332,76 @@ const Xe = T.createContext({}), xr = ({
     keyResolver: d,
     enableGridCell: u,
     gridCellOptions: a
-  } = R(), h = Y().selectedIds.selectedIds, m = Re(), f = Ln(), {
-    numNavigableColumns: w
-  } = vt(), p = Ge(), C = v(() => d(n), [n, d]), x = v(() => h.indexOf(C) >= 0, [C, h]), {
+  } = R(), p = Q().selectedIds.selectedIds, f = Re(), m = Bn(), {
+    numNavigableColumns: C
+  } = yt(), h = Ge(), w = v(() => d(n), [n, d]), y = v(() => p.indexOf(w) >= 0, [w, p]), {
     itemValueResolver: b,
     itemLabelFormatter: S,
-    width: y,
-    minWidth: A,
+    width: x,
+    minWidth: B,
     justifyContentCell: k = "flex-start",
-    borderLeft: L,
+    borderLeft: A,
     renderCell: O,
     gridCellOptions: z,
     isEditable: D,
     onChange: j,
-    onKeyDown: K,
+    onKeyDown: M,
     disableGridCell: H,
-    disableGridCellFocus: le,
+    disableGridCellFocus: J,
     zIndex: W
-  } = ce(t), q = v(() => b ? b(n) : t in n ? n[t] : "", [b, n, t]), Q = v(() => S ? S(q, n) : vo(q), [q, S, n]), ee = typeof D == "boolean" ? D : D ? D(n) : void 0, me = I((ae) => {
-    K == null || K(ae, {
+  } = le(t), q = v(() => b ? b(n) : t in n ? n[t] : "", [b, n, t]), ee = v(() => S ? S(q, n) : go(q), [q, S, n]), te = typeof D == "boolean" ? D : D ? D(n) : void 0, me = I((ae) => {
+    M == null || M(ae, {
       columnId: t,
       item: n
-    }), f == null || f(ae, {
+    }), m == null || m(ae, {
       columnId: t,
       item: n
     });
-  }, [f, t, n, K]), J = he(Q, {
+  }, [m, t, n, M]), X = he(ee, {
     colIndex: o,
     rowIndex: s,
     numRows: c,
-    numCols: w,
-    tableId: m,
-    isEditable: ee,
+    numCols: C,
+    tableId: f,
+    isEditable: te,
     onChange: j ? (ae) => j(n, ae) : void 0,
     ...a,
     ...z
-  }), P = p[t], ie = (Ae = Co(t, n)) != null ? Ae : "inherit", fe = P.sticky ? W != null ? W : "var(--swui-sticky-column-z-index)" : W != null ? W : 1, bt = v(() => O ? O({
-    label: Q,
+  }), P = h[t], ie = (Ae = xo(t, n)) != null ? Ae : "inherit", fe = P.sticky ? W != null ? W : "var(--swui-sticky-column-z-index)" : W != null ? W : 1, kt = v(() => O ? O({
+    label: ee,
     value: q,
     item: n,
-    gridCell: J,
-    isEditable: ee,
-    isSelected: x,
+    gridCell: X,
+    isEditable: te,
+    isSelected: y,
     zIndex: fe,
-    itemKey: C
-  }) : /* @__PURE__ */ r(Io, {
-    label: Q
-  }), [O, Q, q, n, J, ee, x, fe, C]), kt = Oe(l, i, L), St = P.sticky && P.type === "last-group" && P.isFirstColumnInLastGroup || P.sticky && P.type === "column" && P.right ? "var(--swui-sticky-column-shadow-left)" : P.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
+    itemKey: w
+  }) : /* @__PURE__ */ r(Go, {
+    label: ee
+  }), [O, ee, q, n, X, te, y, fe, w]), St = Oe(l, i, A), It = P.sticky && P.type === "last-group" && P.isFirstColumnInLastGroup || P.sticky && P.type === "column" && P.right ? "var(--swui-sticky-column-shadow-left)" : P.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
   return /* @__PURE__ */ r("td", {
     style: {
-      borderLeft: kt,
+      borderLeft: St,
       position: P.sticky ? "sticky" : void 0,
       left: P.sticky ? P.left : void 0,
       right: P.sticky ? P.right : void 0,
-      boxShadow: St,
+      boxShadow: It,
       zIndex: fe,
       height: "var(--current-row-height)",
       background: ie
     },
-    children: /* @__PURE__ */ r(bo, {
-      enableGridCell: u && !H && !le,
-      gridCellRequiredProps: J.requiredProps,
-      isEditing: J.isEditing,
-      width: y,
-      minWidth: A,
+    children: /* @__PURE__ */ r(Io, {
+      enableGridCell: u && !H && !J,
+      gridCellRequiredProps: X.requiredProps,
+      isEditing: X.isEditing,
+      width: x,
+      minWidth: B,
       justifyContent: k,
       onKeyDown: me,
-      children: bt
+      children: kt
     })
   });
-}), Ro = function({
+}), Oo = function({
   item: t
 }) {
   const {
@@ -1388,7 +1425,7 @@ const Xe = T.createContext({}), xr = ({
       })
     })
   });
-}, xt = en.tr`
+}, gt = tn.tr`
   ${({
   focusBackground: e
 }) => e ? `--focus-within-background: ${e};` : ""}
@@ -1407,7 +1444,7 @@ const Xe = T.createContext({}), xr = ({
     background: ${e};
   }
 ` : ""}
-`, Go = T.memo(function({
+`, Po = T.memo(function({
   item: t,
   idListForEnabledItems: n,
   rowIndex: o,
@@ -1416,34 +1453,34 @@ const Xe = T.createContext({}), xr = ({
   alwaysVisible: l,
   shiftPressedRef: i
 }) {
-  const d = te(null), u = Te(), {
+  const d = ne(null), u = Te(), {
     stickyCheckboxColumn: a
-  } = R(), h = Z(), {
-    columnIndexPerColumnId: m
-  } = vt(), {
-    showRowCheckbox: f,
-    rowBackgroundResolver: w,
-    checkboxDisabledResolver: p,
-    enableGridCell: C,
-    rowIndent: x,
+  } = R(), p = Z(), {
+    columnIndexPerColumnId: f
+  } = yt(), {
+    showRowCheckbox: m,
+    rowBackgroundResolver: C,
+    checkboxDisabledResolver: h,
+    enableGridCell: w,
+    rowIndent: y,
     enableExpandCollapse: b
   } = R(), {
     isExpanded: S
   } = Pe(t), {
-    isSelected: y,
-    toggleSelected: A,
+    isSelected: x,
+    toggleSelected: B,
     shiftAndToggleSelected: k
-  } = mo(t, n), L = At(d, {
+  } = Co(t, n), A = Bt(d, {
     rootMargin: "400px 0px 400px 0px",
     threshold: 0
-  }), O = v(() => w == null ? void 0 : w(t, y), [y, t, w]), z = To(O, y, S), D = Oo(O, y, S), j = Po(O, y, D), K = v(() => p == null ? void 0 : p(t), [t, p]), H = zn(), le = _e(H, t), W = Kn(), q = _e(W, t), Q = v(() => /* @__PURE__ */ r(G, {
+  }), O = v(() => C == null ? void 0 : C(t, x), [x, t, C]), z = Ao(O, x, S), D = Lo(O, x, S), j = Bo(O, x, D), M = v(() => h == null ? void 0 : h(t), [t, h]), H = Hn(), J = _e(H, t), W = $n(), q = _e(W, t), ee = v(() => /* @__PURE__ */ r(G, {
     children: /* @__PURE__ */ g(G, {
-      children: [x && /* @__PURE__ */ r("td", {
+      children: [y && /* @__PURE__ */ r("td", {
         style: {
-          background: le
+          background: J
         },
         children: /* @__PURE__ */ r(N, {
-          num: x
+          num: y
         })
       }), b && /* @__PURE__ */ r("td", {
         style: {
@@ -1458,14 +1495,14 @@ const Xe = T.createContext({}), xr = ({
           minWidth: "var(--swui-expand-cell-width)",
           alignItems: "center",
           justifyContent: "center",
-          children: /* @__PURE__ */ r(fo, {
+          children: /* @__PURE__ */ r(vo, {
             colIndex: c,
-            rowIndex: C ? o : 0,
-            numRows: C ? s : 0,
+            rowIndex: w ? o : 0,
+            numRows: w ? s : 0,
             item: t
           })
         })
-      }), f && /* @__PURE__ */ r("td", {
+      }), m && /* @__PURE__ */ r("td", {
         style: {
           background: a ? "inherit" : void 0,
           position: a ? "sticky" : void 0,
@@ -1479,10 +1516,10 @@ const Xe = T.createContext({}), xr = ({
           minWidth: "var(--swui-checkbox-cell-width)",
           alignItems: "center",
           justifyContent: "center",
-          children: /* @__PURE__ */ r(ho, {
-            disabled: K,
-            value: y,
-            onValueChange: A,
+          children: /* @__PURE__ */ r(fo, {
+            disabled: M,
+            value: x,
+            onValueChange: B,
             onValueChangeAndShift: k,
             colIndex: c + (b ? 1 : 0),
             rowIndex: o,
@@ -1490,54 +1527,54 @@ const Xe = T.createContext({}), xr = ({
             shiftPressedRef: i
           })
         })
-      }), h.map(({
-        groupConfig: ee,
+      }), p.map(({
+        groupConfig: te,
         groupId: me
-      }, J) => /* @__PURE__ */ r(T.Fragment, {
-        children: ee.columnOrder.map((P, ie) => /* @__PURE__ */ r(Eo, {
+      }, X) => /* @__PURE__ */ r(T.Fragment, {
+        children: te.columnOrder.map((P, ie) => /* @__PURE__ */ r(To, {
           columnId: P,
           item: t,
-          colIndex: c + m[P],
+          colIndex: c + f[P],
           rowIndex: o,
           numRows: s,
-          borderFromGroup: pe(J, ie, ee.borderLeft),
-          disableBorderLeft: J === 0 && ie === 0
+          borderFromGroup: pe(X, ie, te.borderLeft),
+          disableBorderLeft: X === 0 && ie === 0
         }, P))
-      }, me)), x && /* @__PURE__ */ r("td", {
+      }, me)), y && /* @__PURE__ */ r("td", {
         style: {
           background: q
         },
         children: /* @__PURE__ */ r(N, {
-          num: x
+          num: y
         })
       }), /* @__PURE__ */ r("td", {})]
     })
-  }), [c, m, K, b, C, le, h, y, t, q, s, x, o, k, i, f, a, A]);
+  }), [c, f, M, b, w, J, p, x, t, q, s, y, o, k, i, m, a, B]);
   return /* @__PURE__ */ g(G, {
-    children: [/* @__PURE__ */ r(xt, {
+    children: [/* @__PURE__ */ r(gt, {
       hoverBackground: D,
       background: z,
       focusBackground: j,
       borderLeft: S ? et : ke,
       ref: d,
-      children: L || l || S ? Q : /* @__PURE__ */ r("td", {
+      children: A || l || S ? ee : /* @__PURE__ */ r("td", {
         colSpan: u,
         style: {
           height: "var(--current-row-height)"
         }
       })
-    }), /* @__PURE__ */ r(Ro, {
+    }), /* @__PURE__ */ r(Oo, {
       item: t
     })]
   });
-}), To = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.background : t ? _("--lhds-color-blue-100") : n ? Qe : "white", Oo = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.hoverBackground : t ? _("--lhds-color-blue-200") : n ? sn : _("--lhds-color-ui-200"), Po = (e, t, n) => {
+}), Ao = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.background : t ? _("--lhds-color-blue-100") : n ? Qe : "white", Lo = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.hoverBackground : t ? _("--lhds-color-blue-200") : n ? cn : _("--lhds-color-ui-200"), Bo = (e, t, n) => {
   if (t)
     return _("--lhds-color-blue-200");
   if (e)
     return n;
-}, Ao = (e) => Object.values(e).some((t) => Lo(t)), Lo = (e) => Boolean(e.renderSummaryCell || e.summaryText), Bo = "_summaryRow_12x8k_1", Do = {
-  summaryRow: Bo
-}, No = T.memo(function({
+}, Do = (e) => Object.values(e).some((t) => No(t)), No = (e) => Boolean(e.renderSummaryCell || e.summaryText), zo = "_summaryRow_12x8k_1", Ko = {
+  summaryRow: zo
+}, Ho = T.memo(function({
   columnId: t,
   items: n,
   disableBorderLeft: o,
@@ -1549,10 +1586,10 @@ const Xe = T.createContext({}), xr = ({
     summaryText: d,
     borderLeft: u,
     zIndex: a,
-    width: h,
-    minWidth: m,
-    justifyContentCell: f
-  } = ce(t), w = Oe(s, o, u), p = l[t], C = p.sticky ? a != null ? a : "var(--swui-sticky-column-z-index)" : a != null ? a : 1, x = p.sticky && p.type === "last-group" && p.isFirstColumnInLastGroup || p.sticky && p.type === "column" && p.right ? "var(--swui-sticky-column-shadow-left)" : p.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0, b = v(() => d == null ? void 0 : d({
+    width: p,
+    minWidth: f,
+    justifyContentCell: m
+  } = le(t), C = Oe(s, o, u), h = l[t], w = h.sticky ? a != null ? a : "var(--swui-sticky-column-z-index)" : a != null ? a : 1, y = h.sticky && h.type === "last-group" && h.isFirstColumnInLastGroup || h.sticky && h.type === "column" && h.right ? "var(--swui-sticky-column-shadow-left)" : h.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0, b = v(() => d == null ? void 0 : d({
     items: n
   }), [n, d]), S = v(() => i == null ? void 0 : i({
     items: n,
@@ -1561,20 +1598,20 @@ const Xe = T.createContext({}), xr = ({
   return /* @__PURE__ */ r("td", {
     colSpan: c,
     style: {
-      borderLeft: w,
-      position: p.sticky ? "sticky" : void 0,
-      left: p.sticky ? p.left : void 0,
-      right: p.sticky ? p.right : void 0,
-      boxShadow: x,
-      zIndex: C,
+      borderLeft: C,
+      position: h.sticky ? "sticky" : void 0,
+      left: h.sticky ? h.left : void 0,
+      right: h.sticky ? h.right : void 0,
+      boxShadow: y,
+      zIndex: w,
       height: "var(--current-row-height)"
     },
     children: /* @__PURE__ */ r(E, {
-      width: h,
-      minWidth: m,
+      width: p,
+      minWidth: f,
       height: "inherit",
       overflow: "hidden",
-      justifyContent: f,
+      justifyContent: m,
       alignItems: "center",
       children: i ? S : /* @__PURE__ */ r(N, {
         children: /* @__PURE__ */ r(U, {
@@ -1584,7 +1621,7 @@ const Xe = T.createContext({}), xr = ({
       })
     })
   });
-}), zo = (e, t) => {
+}), $o = (e, t) => {
   const n = [];
   for (let o = 0; o < e.length; o++) {
     const { summaryCellColSpan: s } = t[e[o]], c = Math.min(
@@ -1596,7 +1633,7 @@ const Xe = T.createContext({}), xr = ({
     l > 1 && (o += l - 1);
   }
   return n;
-}, Ko = T.memo(function({
+}, Mo = T.memo(function({
   items: t
 }) {
   const n = Z(), {
@@ -1606,7 +1643,7 @@ const Xe = T.createContext({}), xr = ({
     rowIndent: l
   } = R();
   return /* @__PURE__ */ g("tr", {
-    className: Do.summaryRow,
+    className: Ko.summaryRow,
     children: [l && /* @__PURE__ */ r("td", {
       children: /* @__PURE__ */ r(N, {
         num: l
@@ -1615,15 +1652,15 @@ const Xe = T.createContext({}), xr = ({
       groupConfig: i,
       groupId: d
     }, u) => /* @__PURE__ */ r(T.Fragment, {
-      children: zo(i.columnOrder, c).map(({
+      children: $o(i.columnOrder, c).map(({
         columnId: a,
-        colSpan: h
-      }, m) => /* @__PURE__ */ r(No, {
-        colSpan: h,
+        colSpan: p
+      }, f) => /* @__PURE__ */ r(Ho, {
+        colSpan: p,
         columnId: a,
         items: t,
-        borderFromGroup: pe(u, m, i.borderLeft),
-        disableBorderLeft: u === 0 && m === 0
+        borderFromGroup: pe(u, f, i.borderLeft),
+        disableBorderLeft: u === 0 && f === 0
       }, a))
     }, d)), l && /* @__PURE__ */ r("td", {
       children: /* @__PURE__ */ r(N, {
@@ -1631,60 +1668,63 @@ const Xe = T.createContext({}), xr = ({
       })
     }), /* @__PURE__ */ r("td", {})]
   });
-}), Ho = function({
+}), Vo = function({
   items: t
 }) {
   const {
     columns: n
   } = R();
-  return v(() => Ao(n), [n]) ? /* @__PURE__ */ r(Ko, {
+  return v(() => Do(n), [n]) ? /* @__PURE__ */ r(Mo, {
     items: t
   }) : null;
-}, gt = (e) => (t) => !(e != null && e(t)), $o = T.memo(function({
+}, bt = (e) => (t) => !(e != null && e(t)), _o = T.memo(function({
   items: t,
   colIndexOffset: n = 0,
   rowIndexOffset: o = 0
 }) {
-  const s = te(0), c = te(!1), {
+  const s = ne(0), c = ne(!1), {
     keyResolver: l,
     disableInfiniteList: i,
-    checkboxDisabledResolver: d
+    checkboxDisabledResolver: d,
+    enableExternalSorting: u
   } = R(), {
     sortOrder: {
-      sortBy: u,
-      desc: a
+      sortBy: a,
+      desc: p
     }
-  } = Y(), h = uo(u), m = v(() => {
+  } = Q(), f = mo(a), m = v(() => {
+    if (u)
+      return t != null ? t : [];
     if (!t || !t.length)
       return [];
-    if (!h)
+    if (!f)
       return t;
-    const w = [...t];
-    return w.sort((p, C) => ao(h(p), h(C))), a && w.reverse(), i || s.current++, w;
-  }, [t, h, a, i]), f = v(() => m.filter(gt(d)).map((w) => l(w)), [m, d, l]);
+    const h = [...t];
+    return h.sort((w, y) => po(f(w), f(y))), p && h.reverse(), i || s.current++, h;
+  }, [u, t, f, p, i]), C = v(() => m.filter(bt(d)).map((h) => l(h)), [m, d, l]);
   return je(() => {
-    const w = (C) => {
-      C.key === "Shift" && (c.current = !1);
-    }, p = (C) => {
-      C.key === "Shift" && (c.current = !0);
+    const h = (y) => {
+      y.key === "Shift" && (c.current = !1);
+    }, w = (y) => {
+      y.key === "Shift" && (c.current = !0);
     };
-    return document.addEventListener("keyup", w), document.addEventListener("keydown", p), () => {
-      document.removeEventListener("keyup", w), document.removeEventListener("keydown", p);
+    return document.addEventListener("keyup", h), document.addEventListener("keydown", w), () => {
+      document.removeEventListener("keyup", h), document.removeEventListener("keydown", w);
     };
   }, []), /* @__PURE__ */ g(T.Fragment, {
-    children: [m.map((w, p) => /* @__PURE__ */ r(Go, {
+    children: [m.map((h, w) => /* @__PURE__ */ r(Po, {
       alwaysVisible: i || m.length < 30,
-      item: w,
-      idListForEnabledItems: f,
+      item: h,
+      idListForEnabledItems: C,
       colIndexOffset: n,
-      rowIndex: p + o,
+      rowIndex: w + o,
       numRows: m.length,
       shiftPressedRef: c
-    }, l(w))), /* @__PURE__ */ r(Ho, {
+    }, l(h))), /* @__PURE__ */ r(Vo, {
       items: m
     })]
   }, s.current);
-}), Mo = T.memo(function({
+}), jo = T.memo(function({
   error: t,
   bannerError: n,
   loading: o,
@@ -1695,21 +1735,21 @@ const Xe = T.createContext({}), xr = ({
   noItemsHeader: d,
   colIndexOffset: u,
   rowIndexOffset: a,
-  variant: h,
-  errorLabel: m
+  variant: p,
+  errorLabel: f
 }) {
-  var w;
-  const f = Te();
+  var C;
+  const m = Te();
   return n ? /* @__PURE__ */ r("tbody", {
     children: /* @__PURE__ */ r("tr", {
       children: /* @__PURE__ */ r("td", {
-        colSpan: f,
+        colSpan: m,
         children: /* @__PURE__ */ r(we, {
           num: 4,
           justifyContent: "center",
-          children: /* @__PURE__ */ r(ne, {
+          children: /* @__PURE__ */ r(oe, {
             alignItems: "center",
-            children: /* @__PURE__ */ r(Tt, {
+            children: /* @__PURE__ */ r(Ot, {
               bannerState: n,
               variant: "error"
             })
@@ -1717,17 +1757,17 @@ const Xe = T.createContext({}), xr = ({
         })
       })
     })
-  }) : t || m ? /* @__PURE__ */ r("tbody", {
+  }) : t || f ? /* @__PURE__ */ r("tbody", {
     children: /* @__PURE__ */ r("tr", {
       children: /* @__PURE__ */ r("td", {
-        colSpan: f,
+        colSpan: m,
         children: /* @__PURE__ */ r(we, {
           num: 4,
           justifyContent: "center",
-          children: /* @__PURE__ */ r(ne, {
+          children: /* @__PURE__ */ r(oe, {
             alignItems: "center",
             children: /* @__PURE__ */ r(Le, {
-              headerText: (w = t ? t.message : m) != null ? w : "Unknown error",
+              headerText: (C = t ? t.message : f) != null ? C : "Unknown error",
               variant: "error"
             })
           })
@@ -1737,17 +1777,17 @@ const Xe = T.createContext({}), xr = ({
   }) : o ? /* @__PURE__ */ r("tbody", {
     children: /* @__PURE__ */ r("tr", {
       children: /* @__PURE__ */ r("td", {
-        colSpan: f,
+        colSpan: m,
         children: /* @__PURE__ */ r(we, {
           num: 4,
-          children: /* @__PURE__ */ r(Zt, {})
+          children: /* @__PURE__ */ r(Jt, {})
         })
       })
     })
   }) : !s || !s.length ? /* @__PURE__ */ r("tbody", {
     children: /* @__PURE__ */ r("tr", {
       children: /* @__PURE__ */ r("td", {
-        colSpan: f,
+        colSpan: m,
         children: /* @__PURE__ */ r(E, {
           spacing: 4,
           justifyContent: "center",
@@ -1762,23 +1802,23 @@ const Xe = T.createContext({}), xr = ({
       })
     })
   }) : /* @__PURE__ */ r("tbody", {
-    children: /* @__PURE__ */ r($o, {
-      variant: h,
+    children: /* @__PURE__ */ r(_o, {
+      variant: p,
       items: s,
       colIndexOffset: u,
       rowIndexOffset: a
     })
   });
-}), Vo = (e) => {
+}), Wo = (e) => {
   const { keyResolver: t, checkboxDisabledResolver: n } = R(), {
     selectedIds: { selectedIds: o }
-  } = Y(), {
+  } = Q(), {
     actions: { setSelectedIds: s, clearSelection: c },
     dispatch: l
-  } = se(), i = o.length === 0, d = e ? e.length > 0 && o.length === e.length : !1, u = I(() => {
+  } = ce(), i = o.length === 0, d = e ? e.length > 0 && o.length === e.length : !1, u = I(() => {
     e && l(
       i ? s(
-        e.filter(gt(n)).map((a) => t(a))
+        e.filter(bt(n)).map((a) => t(a))
       ) : c()
     );
   }, [
@@ -1795,13 +1835,13 @@ const Xe = T.createContext({}), xr = ({
     allItemsAreSelected: d,
     onClickCheckbox: u
   };
-}, _o = (e) => {
+}, qo = (e) => {
   const { keyResolver: t } = R(), {
     expandedRows: { selectedIds: n }
-  } = Y(), {
+  } = Q(), {
     actions: { collapseAll: o, expandByIds: s },
     dispatch: c
-  } = se(), l = e ? e.length > 0 && n.length === e.length : !1, i = I(() => {
+  } = ce(), l = e ? e.length > 0 && n.length === e.length : !1, i = I(() => {
     e && c(l ? o() : s(e.map((d) => t(d))));
   }, [
     l,
@@ -1815,22 +1855,23 @@ const Xe = T.createContext({}), xr = ({
     allItemsAreExpanded: l,
     toggleExpanded: i
   };
-}, jo = (e) => {
-  const { dispatch: t, actions: n } = se(), {
-    sortOrder: { desc: o, sortBy: s }
-  } = Y();
+}, Fo = (e) => {
+  const { dispatch: t, actions: n } = ce(), o = Dn(), {
+    sortOrder: { desc: s, sortBy: c }
+  } = Q();
   return v(() => {
-    const c = e === s;
+    const l = e === c;
     return {
-      arrow: c ? o ? "up" : "down" : void 0,
-      selected: c,
-      desc: o,
+      arrow: l ? s ? "up" : "down" : void 0,
+      selected: l,
+      desc: s,
       onClickColumnHead: () => {
-        t(n.sortBy(e, c ? !o : !1));
+        const i = l ? !s : !1;
+        t(n.sortBy(e, i)), o == null || o(e, i);
       }
     };
-  }, [s, o, n, e, t]);
-}, Wo = T.memo(function({
+  }, [e, c, s, t, n, o]);
+}, Uo = T.memo(function({
   columnId: t,
   borderFromGroup: n,
   disableBorderLeft: o,
@@ -1843,42 +1884,42 @@ const Xe = T.createContext({}), xr = ({
     borderLeft: d,
     infoIconTooltipText: u,
     background: a,
-    zIndex: h,
-    sortOrderIconVariant: m,
-    width: f,
-    minWidth: w
-  } = ce(t), {
-    disableSorting: p,
-    sortOrderIconVariant: C
-  } = R(), x = Ge(), {
+    zIndex: p,
+    sortOrderIconVariant: f,
+    width: m,
+    minWidth: C
+  } = le(t), {
+    disableSorting: h,
+    sortOrderIconVariant: w
+  } = R(), y = Ge(), {
     arrow: b,
     onClickColumnHead: S
-  } = jo(t), y = typeof i == "string" ? i : yo(t), A = Oe(n, o, d), k = x[t];
+  } = Fo(t), x = typeof i == "string" ? i : bo(t), B = Oe(n, o, d), k = y[t];
   return /* @__PURE__ */ r("th", {
     style: {
       background: a != null ? a : "white",
-      borderLeft: A,
+      borderLeft: B,
       position: s || k.sticky ? "sticky" : void 0,
       left: k.left,
       right: k.right,
       top: c,
       boxShadow: k.sticky && k.isFirstColumnInLastGroup && s ? "var(--swui-sticky-header-shadow-and-left)" : k.sticky && k.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : s && k.sticky ? "var(--swui-sticky-header-shadow-and-right)" : s ? "var(--swui-sticky-header-shadow)" : k.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0,
-      zIndex: s && k.sticky ? "var(--swui-sticky-header-in-sticky-column-z-index)" : s ? "var(--swui-sticky-header-z-index)" : k.sticky ? "var(--swui-sticky-group-header-z-index)" : h,
-      width: f,
-      minWidth: w
+      zIndex: s && k.sticky ? "var(--swui-sticky-header-in-sticky-column-z-index)" : s ? "var(--swui-sticky-header-z-index)" : k.sticky ? "var(--swui-sticky-group-header-z-index)" : p,
+      width: m,
+      minWidth: C
     },
     children: /* @__PURE__ */ r(Ee, {
       width: "inherit",
       minWidth: "inherit",
-      arrow: !p && y ? b : void 0,
-      onClick: p ? void 0 : S,
-      label: y,
+      arrow: !h && x ? b : void 0,
+      onClick: h ? void 0 : S,
+      label: x,
       infoIconTooltipText: u,
       alignRight: l === "flex-end",
-      sortOrderIconVariant: m != null ? m : C
+      sortOrderIconVariant: f != null ? f : w
     })
   });
-}), qo = (e, t, n, o) => {
+}), Zo = (e, t, n, o) => {
   if (e && t !== void 0)
     return `calc(${e} + ${n})`;
   if (o && t)
@@ -1887,7 +1928,7 @@ const Xe = T.createContext({}), xr = ({
     return e;
   if (o)
     return 0;
-}, Fo = T.memo(function({
+}, Jo = T.memo(function({
   items: t,
   height: n = Se
 }) {
@@ -1899,33 +1940,33 @@ const Xe = T.createContext({}), xr = ({
     headerRowOffsetTop: d,
     zIndex: u,
     stickyHeader: a,
-    stickyCheckboxColumn: h,
-    showRowCheckbox: m
-  } = R(), f = Dn(), {
-    allItemsAreExpanded: w,
-    toggleExpanded: p
-  } = _o(t), {
-    allItemsAreSelected: C,
-    onClickCheckbox: x,
+    stickyCheckboxColumn: p,
+    showRowCheckbox: f
+  } = R(), m = zn(), {
+    allItemsAreExpanded: C,
+    toggleExpanded: h
+  } = qo(t), {
+    allItemsAreSelected: w,
+    onClickCheckbox: y,
     selectionIsEmpty: b
-  } = Vo(t), S = !t || t.length === 0, y = {
-    zIndex: a && h ? "var(--swui-sticky-header-in-sticky-column-z-index)" : h ? "var(--swui-sticky-group-header-z-index)" : a ? "var(--swui-sticky-header-z-index)" : u,
-    top: qo(d, f, n, a),
-    background: a || h ? "white" : void 0,
-    position: a || h ? "sticky" : void 0,
-    boxShadow: a && h ? "var(--swui-sticky-header-shadow-and-right)" : h ? "var(--swui-sticky-column-shadow-right)" : a ? "var(--swui-sticky-header-shadow)" : void 0
+  } = Wo(t), S = !t || t.length === 0, x = {
+    zIndex: a && p ? "var(--swui-sticky-header-in-sticky-column-z-index)" : p ? "var(--swui-sticky-group-header-z-index)" : a ? "var(--swui-sticky-header-z-index)" : u,
+    top: Zo(d, m, n, a),
+    background: a || p ? "white" : void 0,
+    position: a || p ? "sticky" : void 0,
+    boxShadow: a && p ? "var(--swui-sticky-header-shadow-and-right)" : p ? "var(--swui-sticky-column-shadow-right)" : a ? "var(--swui-sticky-header-shadow)" : void 0
   };
-  return /* @__PURE__ */ g(xt, {
+  return /* @__PURE__ */ g(gt, {
     height: n,
     borderLeft: ke,
     children: [i && /* @__PURE__ */ r("th", {
-      style: y,
+      style: x,
       children: /* @__PURE__ */ r(E, {
         indent: i
       })
     }), l && /* @__PURE__ */ r("th", {
       style: {
-        ...y,
+        ...x,
         left: "0px",
         textAlign: "left"
       },
@@ -1936,15 +1977,15 @@ const Xe = T.createContext({}), xr = ({
         justifyContent: "center",
         children: c && /* @__PURE__ */ r(xe, {
           size: "small",
-          leftIcon: w ? Ze : Je,
-          onClick: p
+          leftIcon: C ? Ze : Je,
+          onClick: h
         })
       })
-    }), (m || s) && /* @__PURE__ */ r("th", {
+    }), (f || s) && /* @__PURE__ */ r("th", {
       style: {
-        ...y,
+        ...x,
         overflow: "hidden",
-        left: h && l ? "var(--swui-expand-cell-width)" : h ? "0px" : void 0
+        left: p && l ? "var(--swui-expand-cell-width)" : p ? "0px" : void 0
       },
       children: /* @__PURE__ */ r(E, {
         width: "var(--swui-checkbox-cell-width)",
@@ -1954,69 +1995,32 @@ const Xe = T.createContext({}), xr = ({
         children: s && /* @__PURE__ */ r(Ue, {
           size: "small",
           disabled: S,
-          value: C,
-          indeterminate: !b && !C,
-          onValueChange: x
+          value: w,
+          indeterminate: !b && !w,
+          onValueChange: y
         })
       })
     }), o.map(({
-      groupConfig: A,
+      groupConfig: B,
       groupId: k
-    }, L) => /* @__PURE__ */ r(T.Fragment, {
-      children: A.columnOrder.map((O, z) => /* @__PURE__ */ r(Wo, {
+    }, A) => /* @__PURE__ */ r(T.Fragment, {
+      children: B.columnOrder.map((O, z) => /* @__PURE__ */ r(Uo, {
         columnId: O,
-        borderFromGroup: pe(L, z, A.borderLeft),
-        disableBorderLeft: L === 0 && z === 0,
+        borderFromGroup: pe(A, z, B.borderLeft),
+        disableBorderLeft: A === 0 && z === 0,
         stickyHeader: a,
-        top: y.top
+        top: x.top
       }, O))
     }, k)), i && /* @__PURE__ */ r("th", {
-      style: y,
+      style: x,
       children: /* @__PURE__ */ r(E, {
         indent: i
       })
     }), /* @__PURE__ */ r("th", {
-      style: y
+      style: x
     })]
   });
-}), Uo = () => {
-  const e = R(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, o = Lt(e.rowIndent);
-  return /* @__PURE__ */ g(G, {
-    children: [o ? /* @__PURE__ */ r("colgroup", {
-      children: /* @__PURE__ */ r("col", {
-        style: {
-          width: `calc(var(--swui-metrics-indent) * ${o})`
-        }
-      })
-    }) : null, n && /* @__PURE__ */ g("colgroup", {
-      children: [e.enableExpandCollapse && /* @__PURE__ */ r("col", {
-        style: {
-          width: "var(--swui-expand-cell-width)"
-        }
-      }), e.showRowCheckbox && /* @__PURE__ */ r("col", {
-        style: {
-          width: "var(--swui-checkbox-cell-width)"
-        }
-      })]
-    }), t.map(({
-      groupConfig: s,
-      groupId: c
-    }) => /* @__PURE__ */ r("colgroup", {
-      children: s.columnOrder.map((l) => /* @__PURE__ */ r("col", {
-        style: {
-          width: e.columns[l].width,
-          minWidth: e.columns[l].minWidth
-        }
-      }, l))
-    }, c)), o ? /* @__PURE__ */ r("colgroup", {
-      children: /* @__PURE__ */ r("col", {
-        style: {
-          width: `calc(var(--swui-metrics-indent) * ${o})`
-        }
-      })
-    }) : null]
-  });
-}, Rr = function({
+}), Tr = function({
   tableContext: t,
   config: n,
   columnOrder: o,
@@ -2024,74 +2028,78 @@ const Xe = T.createContext({}), xr = ({
   tableId: c,
   variant: l = "standard",
   onKeyDown: i,
-  ...d
+  onSortOrderChange: d,
+  ...u
 }) {
-  const u = Et(), {
-    initialSortOrderDesc: a,
-    initialSortOrder: h,
+  const a = Rt(), {
+    initialSortOrderDesc: p,
+    initialSortOrder: f,
     enableExpandCollapse: m,
-    stickyCheckboxColumn: f
+    stickyCheckboxColumn: C
   } = n, {
-    tableContext: w
-  } = no(c != null ? c : u, at(h, a)), p = t || w, {
-    state: C,
-    actions: x,
-    dispatch: b
-  } = p, S = v(() => ({
-    actions: x,
-    dispatch: b
-  }), [x, b]), y = Boolean(s != null ? s : "columnGroupOrder" in n), A = "columnGroups" in n ? n.columnGroups : void 0, k = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, L = "columnOrder" in n ? n.columnOrder : void 0, O = v(() => wt(A, k, L), [A, k, L]), z = v(() => jn(n), [n]), D = v(() => oo(n), [n]), j = v(() => Yn(n), [n]), K = v(() => {
+    tableContext: h
+  } = ro(c != null ? c : a, at(f, p)), w = t || h, {
+    state: y,
+    actions: b,
+    dispatch: S
+  } = w, x = v(() => ({
+    actions: b,
+    dispatch: S
+  }), [b, S]), B = Boolean(s != null ? s : "columnGroupOrder" in n), k = "columnGroups" in n ? n.columnGroups : void 0, A = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, O = "columnOrder" in n ? n.columnOrder : void 0, z = v(() => Ct(k, A, O), [k, A, O]), D = v(() => qn(n), [n]), j = v(() => so(n), [n]), M = v(() => eo(n), [n]), H = v(() => {
     try {
-      qn(n);
+      Un(n);
       return;
-    } catch (H) {
-      return H instanceof Error ? H : new Error("Unknown error");
+    } catch (J) {
+      return J instanceof Error ? J : new Error("Unknown error");
     }
   }, [n]);
-  return K ? /* @__PURE__ */ r(Jt, {
-    text: K.message
+  return H ? /* @__PURE__ */ r(Xt, {
+    text: H.message
   }) : /* @__PURE__ */ r("table", {
     className: Fe(Ve.standardTable, Ve[l]),
     style: {
       width: "100%",
       isolation: "isolate",
-      "--current-left-offset": m && f ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : f ? "var(--swui-checkbox-cell-width)" : m ? "var(--swui-expand-cell-width)" : "0px"
+      "--current-left-offset": m && C ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : C ? "var(--swui-checkbox-cell-width)" : m ? "var(--swui-expand-cell-width)" : "0px"
     },
-    children: /* @__PURE__ */ r(mt.Provider, {
-      value: j,
-      children: /* @__PURE__ */ r(ft.Provider, {
-        value: D,
-        children: /* @__PURE__ */ r(Nn.Provider, {
+    children: /* @__PURE__ */ r(ft.Provider, {
+      value: M,
+      children: /* @__PURE__ */ r(wt.Provider, {
+        value: j,
+        children: /* @__PURE__ */ r(Kn.Provider, {
           value: l,
           children: /* @__PURE__ */ r(st.Provider, {
-            value: c != null ? c : u,
+            value: c != null ? c : a,
             children: /* @__PURE__ */ r(ct.Provider, {
-              value: C,
+              value: y,
               children: /* @__PURE__ */ r(lt.Provider, {
-                value: S,
+                value: x,
                 children: /* @__PURE__ */ r(it.Provider, {
                   value: n,
                   children: /* @__PURE__ */ r(dt.Provider, {
-                    value: O,
-                    children: /* @__PURE__ */ r(Ct.Provider, {
-                      value: z,
-                      children: /* @__PURE__ */ r(Bn.Provider, {
-                        value: y,
-                        children: /* @__PURE__ */ g(pt.Provider, {
+                    value: z,
+                    children: /* @__PURE__ */ r(vt.Provider, {
+                      value: D,
+                      children: /* @__PURE__ */ r(Nn.Provider, {
+                        value: B,
+                        children: /* @__PURE__ */ g(mt.Provider, {
                           value: "columnGroupOrder" in n ? s != null ? s : n.columnGroupOrder : s,
-                          children: [/* @__PURE__ */ r(Uo, {}), /* @__PURE__ */ g(ht.Provider, {
+                          children: [/* @__PURE__ */ r(lo, {}), /* @__PURE__ */ r(ht.Provider, {
                             value: i,
-                            children: [/* @__PURE__ */ g("thead", {
-                              children: [(s || "columnGroupOrder" in n) && /* @__PURE__ */ r(_n, {
-                                height: "var(--current-row-height)"
-                              }), /* @__PURE__ */ r(Fo, {
-                                items: d.items,
-                                height: "var(--current-row-height)"
+                            children: /* @__PURE__ */ g(pt.Provider, {
+                              value: d,
+                              children: [/* @__PURE__ */ g("thead", {
+                                children: [(s || "columnGroupOrder" in n) && /* @__PURE__ */ r(Wn, {
+                                  height: "var(--current-row-height)"
+                                }), /* @__PURE__ */ r(Jo, {
+                                  items: u.items,
+                                  height: "var(--current-row-height)"
+                                })]
+                              }), /* @__PURE__ */ r(jo, {
+                                variant: l,
+                                ...u
                               })]
-                            }), /* @__PURE__ */ r(Mo, {
-                              variant: l,
-                              ...d
-                            })]
+                            })
                           })]
                         })
                       })
@@ -2105,10 +2113,10 @@ const Xe = T.createContext({}), xr = ({
       })
     })
   });
-}, Gr = (e, t) => ({
+}, Or = (e, t) => ({
   ...t,
   itemValueResolver: e
-}), Tr = () => ({
+}), Pr = () => ({
   label: e,
   gridCell: {
     editorValue: t,
@@ -2132,7 +2140,7 @@ const Xe = T.createContext({}), xr = ({
     color: "var(--swui-primary-action-color)",
     children: e
   })
-}), Or = (e, t, n) => ({
+}), Ar = (e, t, n) => ({
   label: o,
   item: s,
   gridCell: {
@@ -2142,99 +2150,99 @@ const Xe = T.createContext({}), xr = ({
     stopEditingAndRevert: d,
     lastKeyEvent: u,
     stopEditing: a,
-    stopEditingAndMove: h
+    stopEditingAndMove: p
   },
-  isEditable: m
+  isEditable: f
 }) => {
-  const f = typeof e == "function" ? e(s) : e, w = t ? t(s) : void 0, p = n ? n(s) : void 0;
-  return m && l ? /* @__PURE__ */ r(ge, {
+  const m = typeof e == "function" ? e(s) : e, C = t ? t(s) : void 0, h = n ? n(s) : void 0;
+  return f && l ? /* @__PURE__ */ r(ge, {
     onValueChange: i,
     value: c,
     onDone: a,
     onEsc: d,
     autoFocus: !0,
     selectAllOnMount: !u,
-    onMove: h
+    onMove: p
   }) : /* @__PURE__ */ r(N, {
     row: !0,
     alignItems: "center",
-    children: /* @__PURE__ */ r(tn, {
+    children: /* @__PURE__ */ r(nn, {
       value: o,
-      modifiedField: p,
-      crudStatus: w,
-      isEditable: m,
-      warningOnEmpty: f
+      modifiedField: h,
+      crudStatus: C,
+      isEditable: f,
+      warningOnEmpty: m
     })
   });
 };
 export {
   Ye as CrudStatusIndicator,
-  Er as EditableTextCellWithCrudAndModified,
+  Gr as EditableTextCellWithCrudAndModified,
   Xe as GridHooksContext,
-  xr as GridHooksTable,
-  tn as ModifiedField,
-  gr as SmallTableCell,
-  br as SmallTableHead,
-  Rr as StandardTable,
+  br as GridHooksTable,
+  nn as ModifiedField,
+  kr as SmallTableCell,
+  Sr as SmallTableHead,
+  Tr as StandardTable,
   lt as StandardTableActionsContext,
-  Eo as StandardTableCell,
-  bo as StandardTableCellUi,
+  To as StandardTableCell,
+  Io as StandardTableCellUi,
   it as StandardTableConfigContext,
-  Mo as StandardTableContent,
-  Fo as StandardTableHeadRow,
-  Go as StandardTableRow,
-  ho as StandardTableRowCheckbox,
-  $o as StandardTableRowList,
+  jo as StandardTableContent,
+  Jo as StandardTableHeadRow,
+  Po as StandardTableRow,
+  fo as StandardTableRowCheckbox,
+  _o as StandardTableRowList,
   ct as StandardTableStateContext,
   st as StandardTableTableIdContext,
-  nn as TableCell,
-  kr as TableColumnGroupHead,
+  on as TableCell,
+  Ir as TableColumnGroupHead,
   Ee as TableHeadItem,
-  Sr as TableHeadRow,
-  Ir as TableRow,
-  Io as TextCell,
-  Gr as createColumnConfig,
-  Or as createEditableTextCellWithStatus,
-  wt as createGroupConfigAndIdsForRows,
-  Pn as createInternalStandardTableActions,
-  Tr as createStandardEditableTextCell,
-  to as createStandardTableActions,
+  Er as TableHeadRow,
+  Rr as TableRow,
+  Go as TextCell,
+  Or as createColumnConfig,
+  Ar as createEditableTextCellWithStatus,
+  Ct as createGroupConfigAndIdsForRows,
+  An as createInternalStandardTableActions,
+  Pr as createStandardEditableTextCell,
+  oo as createStandardTableActions,
   at as createStandardTableInitialState,
-  An as createStandardTableReducer,
+  Ln as createStandardTableReducer,
   Ie as defaultTableHeadRowHeight,
   Se as defaultTableRowHeight,
   rt as focusOnCell,
-  yo as formatColumnIdToHeaderCellLabel,
-  vo as formatValueLabel,
+  bo as formatColumnIdToHeaderCellLabel,
+  go as formatValueLabel,
   be as hasIndicatorContent,
-  ao as multitypeComparator,
+  po as multitypeComparator,
   tt as smallTableRowWidth,
   Qe as tableBackgroundColorExpanded,
-  sn as tableBackgroundHoverColorExpanded,
-  oe as tableBorder,
-  on as tableBorderColor,
-  rn as tableBorderColorExpanded,
-  cn as tableBorderHidden,
+  cn as tableBackgroundHoverColorExpanded,
+  re as tableBorder,
+  rn as tableBorderColor,
+  sn as tableBorderColorExpanded,
+  ln as tableBorderHidden,
   ke as tableBorderLeft,
   et as tableBorderLeftExpanded,
   _e as useCellBackgroundByColumnConfig,
-  Co as useCellBackgroundByColumnId,
-  ce as useColumnConfigById,
-  uo as useColumnValueResolver,
-  mn as useEditableCell,
-  zn as useFirstColumnConfig,
+  xo as useCellBackgroundByColumnId,
+  le as useColumnConfigById,
+  mo as useColumnValueResolver,
+  fn as useEditableCell,
+  Hn as useFirstColumnConfig,
   he as useGridCell,
-  Gn as useGridNavigation,
+  Tn as useGridNavigation,
   nt as useGridNavigationOptionsFromContext,
-  Kn as useLastColumnConfig,
-  no as useLocalStateTableContext,
-  un as useRevertableValue,
-  mo as useRowCheckbox,
-  se as useStandardTableActions,
+  $n as useLastColumnConfig,
+  ro as useLocalStateTableContext,
+  hn as useRevertableValue,
+  Co as useRowCheckbox,
+  ce as useStandardTableActions,
   R as useStandardTableConfig,
   Re as useStandardTableId,
-  Y as useStandardTableState,
-  Vo as useTableHeadCheckbox,
-  jo as useTableSortHeader
+  Q as useStandardTableState,
+  Wo as useTableHeadCheckbox,
+  Fo as useTableSortHeader
 };
 //# sourceMappingURL=index.es.js.map