@stenajs-webui/grid 18.9.2 → 18.10.0

package/dist/index.es.js

@@ -1,12 +1,12 @@
 (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 ne, useState as ve, useCallback as I, useEffect as je, useContext as H, 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 * as P 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 O, 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 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 { InputSpinner as ye, Icon as F, stenaArrowRight as Tt, stenaInfoCircle as Gt, FlatButton as xe, ResultListBanner as Ot, Banner as Le } from "@stenajs-webui/elements";
+import { cssColor as j } from "@stenajs-webui/theme";
 import { Tooltip as se, Popover as Pt } from "@stenajs-webui/tooltip";
-import { Text as U, Indent as N, Space as B, 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 { Text as U, Indent as N, Space as D, 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";
@@ -25,7 +25,7 @@ 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 tn from "@emotion/styled";
-const Xe = T.createContext({}), br = ({
+const Xe = P.createContext({}), br = ({
   children: e,
   numCols: t,
   numRows: n,
@@ -66,15 +66,15 @@ const Xe = T.createContext({}), br = ({
   } = e;
   if (o || s || c || l)
     return /* @__PURE__ */ r(ye, {
-      color: _("--lhds-color-ui-500")
+      color: j("--lhds-color-ui-500")
     });
   if (n) {
     const i = /* @__PURE__ */ r(F, {
       icon: ue,
-      color: _("--lhds-color-orange-600"),
+      color: j("--lhds-color-orange-600"),
       size: 14
     });
-    return /* @__PURE__ */ r(G, {
+    return /* @__PURE__ */ r(O, {
       children: t ? /* @__PURE__ */ r(se, {
         label: t,
         zIndex: 100,
@@ -91,15 +91,15 @@ const Xe = T.createContext({}), br = ({
   crudStatus: s
 }) => {
   const c = t && (o == null ? void 0 : o.modified) && (o == null ? void 0 : o.newValue) === "", l = s && be(s), i = c || l;
-  return /* @__PURE__ */ g(G, {
+  return /* @__PURE__ */ g(O, {
     children: [/* @__PURE__ */ r(U, {
       color: e ? "var(--swui-primary-action-color)" : void 0,
       variant: o != null && o.modified ? "bold" : void 0,
       children: n
-    }), (o == null ? void 0 : o.newValue) !== void 0 && /* @__PURE__ */ g(G, {
+    }), (o == null ? void 0 : o.newValue) !== void 0 && /* @__PURE__ */ g(O, {
       children: [/* @__PURE__ */ r(N, {
         children: /* @__PURE__ */ r(F, {
-          icon: Gt,
+          icon: Tt,
           size: 12
         })
       }), /* @__PURE__ */ r(U, {
@@ -107,12 +107,12 @@ const Xe = T.createContext({}), br = ({
         variant: "bold",
         children: o.newValue
       })]
-    }), i && /* @__PURE__ */ r(B, {}), c ? /* @__PURE__ */ r(se, {
+    }), i && /* @__PURE__ */ r(D, {}), c ? /* @__PURE__ */ r(se, {
       label: t,
       zIndex: 100,
       children: /* @__PURE__ */ r(F, {
         icon: ue,
-        color: _("--lhds-color-orange-600"),
+        color: j("--lhds-color-orange-600"),
         size: 14
       })
     }) : /* @__PURE__ */ r(Ye, {
@@ -143,7 +143,7 @@ const Xe = T.createContext({}), br = ({
   width: "14px",
   children: /* @__PURE__ */ r(F, {
     size: 14,
-    color: _("--lhds-color-ui-500"),
+    color: j("--lhds-color-ui-500"),
     icon: an(t, e)
   })
 }), an = (e, t) => {
@@ -157,7 +157,7 @@ const Xe = T.createContext({}), br = ({
     default:
       return At(t);
   }
-}, Ee = T.memo(({
+}, Ee = P.memo(({
   label: e,
   arrow: t,
   onClick: n,
@@ -166,46 +166,47 @@ const Xe = T.createContext({}), br = ({
   popoverContent: c,
   loading: l,
   infoIconTooltipText: i,
-  overflow: d = "hidden",
+  overflow: a = "hidden",
   alignRight: u,
-  sortOrderIconVariant: a,
-  ...p
+  sortOrderIconVariant: d,
+  appendTooltipTo: h,
+  ...f
 }) => {
-  const f = ne(null), m = n ? {
+  const m = ne(null), C = n ? {
     cursor: "pointer",
     userSelect: "none"
-  } : void 0, C = !e && !t && !i;
+  } : void 0, p = !e && !t && !i;
   return /* @__PURE__ */ g(E, {
     height: "100%",
     alignItems: "center",
-    ref: f,
-    overflow: d,
+    ref: m,
+    overflow: a,
     justifyContent: u ? "flex-end" : "flex-start",
     borderTop: "2px solid transparent",
-    borderBottom: `2px solid ${s ? _("--lhds-color-blue-500") : "transparent"}`,
-    ...p,
+    borderBottom: `2px solid ${s ? j("--lhds-color-blue-500") : "transparent"}`,
+    ...f,
     children: [/* @__PURE__ */ g(E, {
       alignItems: "center",
       indent: !0,
-      children: [!t && u && /* @__PURE__ */ g(G, {
-        children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(oe, {
+      children: [!t && u && /* @__PURE__ */ g(O, {
+        children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(oe, {
           width: "14px"
-        }), /* @__PURE__ */ r(B, {
+        }), /* @__PURE__ */ r(D, {
           num: 0.5
         })]
       }), (o || e) && /* @__PURE__ */ g(E, {
         onClick: n,
-        style: m,
+        style: C,
         alignItems: "center",
-        children: [o && /* @__PURE__ */ g(G, {
-          children: [o, !C && /* @__PURE__ */ r(B, {
+        children: [o && /* @__PURE__ */ g(O, {
+          children: [o, !p && /* @__PURE__ */ r(D, {
             num: 0.5
           })]
-        }), t && u && /* @__PURE__ */ g(G, {
-          children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(Ke, {
+        }), t && u && /* @__PURE__ */ g(O, {
+          children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(Ke, {
             direction: t,
-            iconVariant: a
-          }), /* @__PURE__ */ r(B, {
+            iconVariant: d
+          }), /* @__PURE__ */ r(D, {
             num: 0.5
           })]
         }), e && /* @__PURE__ */ r(We, {
@@ -214,26 +215,27 @@ const Xe = T.createContext({}), br = ({
             textAlign: "left"
           },
           children: e
-        }), t && !u && /* @__PURE__ */ g(G, {
-          children: [/* @__PURE__ */ r(B, {
+        }), t && !u && /* @__PURE__ */ g(O, {
+          children: [/* @__PURE__ */ r(D, {
             num: 0.5
           }), /* @__PURE__ */ r(Ke, {
             direction: t,
-            iconVariant: a
-          }), /* @__PURE__ */ r(B, {})]
+            iconVariant: d
+          }), /* @__PURE__ */ r(D, {})]
         })]
-      }), i && /* @__PURE__ */ g(G, {
-        children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ g(E, {
-          onClick: (h) => h.stopPropagation(),
+      }), i && /* @__PURE__ */ g(O, {
+        children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ g(E, {
+          onClick: (w) => w.stopPropagation(),
           children: [/* @__PURE__ */ r(se, {
             label: i,
             zIndex: "var(--swui-sticky-popover-z-index)",
+            appendTo: h,
             children: /* @__PURE__ */ r(F, {
-              icon: Tt,
+              icon: Gt,
               size: 14,
-              color: _("--lhds-color-blue-400")
+              color: j("--lhds-color-blue-400")
             })
-          }), /* @__PURE__ */ r(B, {})]
+          }), /* @__PURE__ */ r(D, {})]
         })]
       })]
     }), /* @__PURE__ */ r(E, {
@@ -249,10 +251,10 @@ const Xe = T.createContext({}), br = ({
           size: "small"
         })
       }) : null
-    }), !t && !u && /* @__PURE__ */ g(G, {
-      children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(oe, {
+    }), !t && !u && /* @__PURE__ */ g(O, {
+      children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(oe, {
         width: "14px"
-      }), /* @__PURE__ */ r(B, {
+      }), /* @__PURE__ */ r(D, {
         num: 0.5
       })]
     })]
@@ -279,7 +281,7 @@ const Xe = T.createContext({}), br = ({
       children: e
     })
   })
-}), Er = T.memo(({
+}), Er = P.memo(({
   style: e,
   height: t = Ie,
   ...n
@@ -301,8 +303,8 @@ const Xe = T.createContext({}), br = ({
   ...o
 }), hn = (e) => {
   const [t, n] = ve(e), o = ne(e), s = ne(e), c = I(
-    (a) => {
-      n(a), s.current = a;
+    (d) => {
+      n(d), s.current = d;
     },
     [n, s]
   );
@@ -312,18 +314,18 @@ const Xe = T.createContext({}), br = ({
   const l = I(() => {
     o && c(o.current);
   }, [c, o]), i = I(
-    (a) => {
-      o.current = t, a && c(a);
+    (d) => {
+      o.current = t, d && c(d);
     },
     [t, c]
-  ), d = I(
-    (a) => o.current = a,
+  ), a = I(
+    (d) => o.current = d,
     [o]
   ), u = I(() => s.current, [s]);
   return {
     value: t,
     setValue: c,
-    setRevertValue: d,
+    setRevertValue: a,
     revert: l,
     commit: i,
     getValue: u
@@ -348,42 +350,42 @@ const Xe = T.createContext({}), br = ({
   onStopEditing: c,
   transformEnteredValue: l = mn
 }) => {
-  const [i, d] = ve(!1), [u, a] = ve(
+  const [i, a] = ve(!1), [u, d] = ve(
     void 0
-  ), 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));
+  ), h = hn(e), { getValue: f, revert: m, setValue: C, setRevertValue: p } = h, w = I(
+    (S) => {
+      t && (C(e), p(e), a(!0), s && s(S));
     },
-    [t, s, h, C, e]
+    [t, s, p, 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]);
+    t && (a(!1), c && c(), o && o(f()));
+  }, [t, o, c, f, a]), b = I(() => {
+    t && (a(!1), c && c(), m());
+  }, [t, c, m, a]);
   return {
     onKeyDown: v(
       () => gn(
         i,
         t,
         w,
-        a,
+        d,
         n,
         l,
-        p
+        h
       ),
       [
         i,
         t,
         w,
-        a,
+        d,
         n,
         l,
-        p
+        h
       ]
     ),
     isEditing: i,
     lastKeyEvent: u,
-    revertableValue: p,
+    revertableValue: h,
     startEditing: w,
     stopEditing: y,
     stopEditingAndRevert: b,
@@ -394,8 +396,8 @@ const Xe = T.createContext({}), br = ({
     if (i.key === "Enter" && t)
       o(void 0), n(), l.commit(), i.preventDefault(), i.stopPropagation();
     else if (t) {
-      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());
+      const a = pn(i);
+      (xn(i.key) && wn(s) || yn(i.key) && Cn(s) || vn(i.key)) && (n(a), o(a), l.commit(), l.setValue(c(a.key)), i.preventDefault(), i.stopPropagation());
     }
   }
 }, bn = (e, t, n, o) => {
@@ -431,7 +433,7 @@ const Xe = T.createContext({}), br = ({
 } : {
   rowIndex: e,
   colIndex: t
-}, Rn = (e) => e.replace(/^[^a-z]+|[^\w:.-]+/gi, ""), Gn = (e) => {
+}, Rn = (e) => e.replace(/^[^a-z]+|[^\w:.-]+/gi, ""), Tn = (e) => {
   if (!e.tableId)
     throw new Error("tableId is required.");
   if (e.numRows == null)
@@ -440,15 +442,15 @@ const Xe = T.createContext({}), br = ({
     throw new Error("numCols is required.");
   return e;
 }, nt = (e) => {
-  const t = H(Xe);
+  const t = $(Xe);
   return v(
-    () => Gn({
+    () => Tn({
       ...t,
       ...e
     }),
     [t, e]
   );
-}, Tn = (e) => {
+}, Gn = (e) => {
   const {
     rowIndex: t,
     colIndex: n,
@@ -457,7 +459,7 @@ const Xe = T.createContext({}), br = ({
     tableId: c,
     edgeMode: l,
     onCellMove: i,
-    onCellNavigation: d
+    onCellNavigation: a
   } = nt(e), u = v(
     () => On(
       c,
@@ -467,7 +469,7 @@ const Xe = T.createContext({}), br = ({
       s,
       l,
       i,
-      d
+      a
     ),
     [
       c,
@@ -477,53 +479,53 @@ const Xe = T.createContext({}), br = ({
       s,
       l,
       i,
-      d
+      a
     ]
-  ), a = v(
+  ), d = v(
     () => Pn(u),
     [u]
-  ), p = v(
+  ), h = v(
     () => ot(c, t, n),
     [c, t, n]
   ), f = v(
     () => ({
       tabIndex: 0,
-      onKeyDown: a,
-      id: p
+      onKeyDown: d,
+      id: h
     }),
-    [a, p]
+    [d, h]
   );
   return {
     focusOnCell: rt,
     moveHandler: u,
     requiredProps: f
   };
-}, On = (e, t, n, o, s, c, l, i) => (d) => {
+}, On = (e, t, n, o, s, c, l, i) => (a) => {
   const u = In(
     t,
     n,
     o,
     s,
-    d,
+    a,
     c
-  ), a = n !== u.colIndex, p = t !== u.rowIndex;
-  (a || p) && (l && l({
-    direction: d,
+  ), d = n !== u.colIndex, h = t !== u.rowIndex;
+  (d || h) && (l && l({
+    direction: a,
     fromRowIndex: t,
     fromColIndex: n,
     rowIndex: u.rowIndex,
     colIndex: u.colIndex,
-    colDidChange: a,
-    rowDidChange: p
+    colDidChange: d,
+    rowDidChange: h
   }), rt(e, u)), i && i({
-    direction: d,
+    direction: a,
     fromRowIndex: t,
     fromColIndex: n,
     rowIndex: u.rowIndex,
     colIndex: u.colIndex,
-    colDidChange: a,
-    rowDidChange: p,
-    cellDidChange: a || p
+    colDidChange: d,
+    rowDidChange: h,
+    cellDidChange: d || h
   });
 }, 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(
@@ -531,7 +533,7 @@ const Xe = T.createContext({}), br = ({
   );
   n && n.focus();
 }, he = (e, t) => {
-  const { tableId: n } = nt(t), o = Tn(t), s = fn(e, t), c = v(
+  const { tableId: n } = nt(t), o = Gn(t), s = fn(e, t), c = v(
     () => ({
       rowIndex: t.rowIndex,
       colIndex: t.colIndex
@@ -541,19 +543,19 @@ const Xe = T.createContext({}), br = ({
     s.startEditing(), o.focusOnCell(n, c);
   }, [s, o, n, c]), i = I(() => {
     s.stopEditing(), o.focusOnCell(n, c);
-  }, [s, o, n, c]), d = I(() => {
+  }, [s, o, n, c]), a = I(() => {
     s.stopEditingAndRevert(), o.focusOnCell(n, c);
   }, [s, o, n, c]), u = I(
     (m) => {
       s.stopEditing(), o.moveHandler(m);
     },
     [s, o]
-  ), a = I(
+  ), d = I(
     (m) => {
       o.moveHandler(m);
     },
     [o]
-  ), p = I(
+  ), h = I(
     (m) => {
       s.isEditing || o.requiredProps.onKeyDown(m) || s.onKeyDown(m);
     },
@@ -561,10 +563,10 @@ const Xe = T.createContext({}), br = ({
   ), f = v(
     () => ({
       ...o.requiredProps,
-      onKeyDown: p,
+      onKeyDown: h,
       onDoubleClick: s.onDoubleClick
     }),
-    [p, s.onDoubleClick, o.requiredProps]
+    [h, s.onDoubleClick, o.requiredProps]
   );
   return {
     isEditing: s.isEditing,
@@ -573,13 +575,13 @@ const Xe = T.createContext({}), br = ({
     setEditorValue: s.revertableValue.setValue,
     revertEditorValue: s.revertableValue.revert,
     requiredProps: f,
-    move: a,
+    move: d,
     startEditing: l,
     stopEditing: i,
-    stopEditingAndRevert: d,
+    stopEditingAndRevert: a,
     stopEditingAndMove: u
   };
-}, Gr = function({
+}, Tr = function({
   allowedInputType: t,
   value: n = "",
   entityId: o,
@@ -587,46 +589,46 @@ const Xe = T.createContext({}), br = ({
   rowIndent: c,
   crudStatusRedux: l,
   modifiedFieldsRedux: i,
-  colIndex: d,
+  colIndex: a,
   rowIndex: u,
-  numCols: a,
-  numRows: p,
+  numCols: d,
+  numRows: h,
   warningOnEmpty: f
 }) {
-  const m = _t(), C = Be(i.selectors.getState), h = Be(l.selectors.getState), w = C.entities[o], y = h.entities[o], b = I(($ = "") => {
-    m($ === n ? i.actions.clearEntity(o) : i.actions.setEntity({
+  const m = _t(), C = Be(i.selectors.getState), p = Be(l.selectors.getState), w = C.entities[o], y = p.entities[o], b = I((M = "") => {
+    m(M === n ? i.actions.clearEntity(o) : i.actions.setEntity({
       id: o,
       originalValue: n,
-      newValue: $,
+      newValue: M,
       modified: !0
     }));
   }, [m, o, i.actions, n]), {
-    isEditing: S,
-    stopEditing: x,
-    editorValue: L,
-    setEditorValue: O,
-    stopEditingAndRevert: k,
-    stopEditingAndMove: P,
+    isEditing: k,
+    stopEditing: S,
+    editorValue: T,
+    setEditorValue: G,
+    stopEditingAndRevert: L,
+    stopEditingAndMove: x,
     lastKeyEvent: z,
     requiredProps: {
-      onKeyDown: D,
-      ...j
+      onKeyDown: A,
+      ...W
     }
   } = he(n, {
     rowIndex: u,
-    colIndex: d,
-    numCols: a,
-    numRows: p,
+    colIndex: a,
+    numCols: d,
+    numRows: h,
     tableId: "serviceManningMatrixTable",
     onChange: b,
     isEditable: s,
     allowedInputType: t
-  }), M = I(($) => {
-    $.key === "Delete" ? (m(i.actions.clearEntity(o)), m(l.actions.setEntityFields(o, {
+  }), H = I((M) => {
+    M.key === "Delete" ? (m(i.actions.clearEntity(o)), m(l.actions.setEntityFields(o, {
       hasError: !1,
       errorMessage: void 0
-    }))) : D($);
-  }, [D, o, m, i.actions, l.actions]);
+    }))) : A(M);
+  }, [A, o, m, i.actions, l.actions]);
   return /* @__PURE__ */ g(E, {
     height: Se,
     width: "100%",
@@ -642,27 +644,27 @@ const Xe = T.createContext({}), br = ({
       alignItems: "center",
       border: "1px solid transparent",
       borderRadius: "4px",
-      focusBorder: S ? void 0 : "1px solid var(--primary-action-color)",
-      hoverBorder: S ? void 0 : "var(--ui5) solid 1px;",
-      onKeyDown: M,
-      ...j,
+      focusBorder: k ? void 0 : "1px solid var(--primary-action-color)",
+      hoverBorder: k ? void 0 : "var(--ui5) solid 1px;",
+      onKeyDown: H,
+      ...W,
       children: /* @__PURE__ */ r(N, {
         row: !0,
         alignItems: "center",
-        children: S ? /* @__PURE__ */ r(ge, {
-          onValueChange: O,
-          value: L,
-          onDone: x,
-          onEsc: k,
+        children: k ? /* @__PURE__ */ r(ge, {
+          onValueChange: G,
+          value: T,
+          onDone: S,
+          onEsc: L,
           autoFocus: !0,
           selectAllOnMount: !z,
-          onMove: P
-        }) : /* @__PURE__ */ g(G, {
+          onMove: x
+        }) : /* @__PURE__ */ g(O, {
           children: [/* @__PURE__ */ r(U, {
             color: s ? "var(--primary-action-color)" : void 0,
             variant: w != null && w.modified ? "bold" : void 0,
             children: n
-          }), (w == null ? void 0 : w.newValue) !== void 0 && /* @__PURE__ */ g(G, {
+          }), (w == null ? void 0 : w.newValue) !== void 0 && /* @__PURE__ */ g(O, {
             children: [/* @__PURE__ */ r(N, {
               children: /* @__PURE__ */ r(F, {
                 icon: Vt,
@@ -673,7 +675,7 @@ const Xe = T.createContext({}), br = ({
               variant: "bold",
               children: w.newValue
             })]
-          }), y && be(y) && /* @__PURE__ */ r(B, {
+          }), y && be(y) && /* @__PURE__ */ r(D, {
             num: 2
           }), f && (w == null ? void 0 : w.modified) && (w == null ? void 0 : w.newValue) === "" ? /* @__PURE__ */ r(se, {
             label: f,
@@ -699,7 +701,7 @@ const Xe = T.createContext({}), br = ({
   selectedIds: De(),
   expandedRows: De(),
   fields: Wt()
-}), V = (e, t) => `${e}.${t}`, at = (e = void 0, t = !1, n = [], o = []) => ({
+}), _ = (e, t) => `${e}.${t}`, at = (e = void 0, t = !1, n = [], o = []) => ({
   sortOrder: qt(e, t),
   selectedIds: Ne(n),
   expandedRows: Ne(o),
@@ -707,16 +709,16 @@ const Xe = T.createContext({}), br = ({
 }), Ln = (e, t) => {
   var l;
   const n = de(
-    V(e, "sortOrder"),
+    _(e, "sortOrder"),
     Ft(t == null ? void 0 : t.sortOrder)
   ), o = de(
-    V(e, "selectedIds"),
+    _(e, "selectedIds"),
     ze(t == null ? void 0 : t.selectedIds)
   ), s = de(
-    V(e, "expandedRows"),
+    _(e, "expandedRows"),
     ze(t == null ? void 0 : t.expandedRows)
   ), c = de(
-    V(e, "fields"),
+    _(e, "fields"),
     Ut((l = t == null ? void 0 : t.fields) != null ? l : {})
   );
   return Zt({
@@ -725,7 +727,7 @@ const Xe = T.createContext({}), br = ({
     expandedRows: s,
     fields: c
   });
-}, Re = () => H(st), R = () => H(it), Q = () => H(ct), ce = () => H(lt), dt = K([]), Z = () => H(
+}, Re = () => $(st), R = () => $(it), Q = () => $(ct), ce = () => $(lt), dt = K([]), Z = () => $(
   dt
 ), ut = () => {
   const e = R(), t = Z();
@@ -734,7 +736,7 @@ const Xe = T.createContext({}), br = ({
     () => t.map((o) => o.groupConfig.columnOrder.length).reduce((o, s) => o + s, 0),
     [t]
   );
-}, ht = K(void 0), Bn = () => H(ht), pt = K(void 0), Dn = () => H(pt), mt = K(void 0), Nn = K(!1), zn = () => H(mt), Kn = K("standard"), ft = K({}), Ge = () => H(ft), wt = K(0), Te = () => H(wt), Ct = (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({}), Te = () => $(ft), wt = K(0), Ge = () => $(wt), Ct = (e, t, n) => {
   var o;
   return e ? Yt(
     (o = t == null ? void 0 : t.map((s) => {
@@ -787,62 +789,62 @@ const Xe = T.createContext({}), br = ({
   isFirstGroup: c,
   isLastGroup: l
 }) {
-  var D;
+  var A;
   const {
     label: i,
-    render: d,
+    render: a,
     contentLeft: u,
-    contentRight: a,
-    loading: p,
+    contentRight: d,
+    loading: h,
     error: f
   } = n, {
     width: m,
     minWidth: C,
-    zIndex: h,
+    zIndex: p,
     borderLeft: w
   } = le(t), y = R(), {
     stickyHeader: b,
-    headerRowOffsetTop: S
-  } = y, x = "columnGroupOrder" in y ? y.stickyColumnGroups : void 0, L = Vn(o, w), O = c && (x === "first" || x === "both"), k = l && (x === "last" || x === "both"), P = O || k || b, z = O || k;
+    headerRowOffsetTop: k
+  } = y, S = "columnGroupOrder" in y ? y.stickyColumnGroups : void 0, T = Vn(o, w), G = c && (S === "first" || S === "both"), L = l && (S === "last" || S === "both"), x = G || L || b, z = G || L;
   return /* @__PURE__ */ r("th", {
     colSpan: s,
     style: {
-      position: P ? "sticky" : void 0,
+      position: x ? "sticky" : void 0,
       height: "var(--current-row-height)",
       width: m,
-      minWidth: (D = C != null ? C : m) != null ? D : "20px",
-      background: P ? "white" : "transparent",
-      left: O ? "var(--current-left-offset)" : void 0,
-      right: k ? "0px" : void 0,
-      top: b ? S != null ? S : "0px" : void 0,
-      borderLeft: L,
-      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: O ? "var(--swui-sticky-column-shadow-right)" : k ? "var(--swui-sticky-column-shadow-left)" : void 0
+      minWidth: (A = C != null ? C : m) != null ? A : "20px",
+      background: x ? "white" : "transparent",
+      left: G ? "var(--current-left-offset)" : void 0,
+      right: L ? "0px" : void 0,
+      top: b ? k != null ? k : "0px" : void 0,
+      borderLeft: T,
+      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: G ? "var(--swui-sticky-column-shadow-right)" : L ? "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__ */ g(O, {
+        children: [u && /* @__PURE__ */ g(O, {
+          children: [/* @__PURE__ */ r(D, {}), u, /* @__PURE__ */ r(D, {
             num: 0.5
           })]
-        }), d ? d(n) : /* @__PURE__ */ r(N, {
+        }), a ? a(n) : /* @__PURE__ */ r(N, {
           children: /* @__PURE__ */ r(We, {
             variant: "h5",
             whiteSpace: "nowrap",
             children: i
           })
-        }), a && /* @__PURE__ */ g(G, {
-          children: [/* @__PURE__ */ r(B, {
+        }), d && /* @__PURE__ */ g(O, {
+          children: [/* @__PURE__ */ r(D, {
             num: 0.5
-          }), a]
-        }), (f || p) && /* @__PURE__ */ r(N, {}), p ? /* @__PURE__ */ r(ye, {}) : f ? /* @__PURE__ */ r(se, {
+          }), d]
+        }), (f || h) && /* @__PURE__ */ r(N, {}), h ? /* @__PURE__ */ r(ye, {}) : f ? /* @__PURE__ */ r(se, {
           label: f,
           placement: "bottom",
           appendTo: document.body,
           children: /* @__PURE__ */ r(F, {
             icon: ue,
-            color: _("--lhds-color-red-500"),
+            color: j("--lhds-color-red-500"),
             size: 14
           })
         }) : void 0]
@@ -867,7 +869,7 @@ const Xe = T.createContext({}), br = ({
     return t;
   if (e)
     return 0;
-}, Wn = T.memo(function({
+}, Wn = P.memo(function({
   height: t = Se
 }) {
   const n = Z(), o = R(), {
@@ -875,44 +877,44 @@ const Xe = T.createContext({}), br = ({
     enableExpandCollapse: c,
     rowIndent: l,
     zIndex: i,
-    stickyHeader: d,
+    stickyHeader: a,
     stickyCheckboxColumn: u,
-    headerRowOffsetTop: a
-  } = o, p = _n(d, u, a, i), f = d ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
+    headerRowOffsetTop: d
+  } = o, h = _n(a, u, d, i), f = a ? "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: p
+      style: h
     }), c && /* @__PURE__ */ r("th", {
       style: {
-        ...p,
+        ...h,
         width: "var(--swui-expand-cell-width)",
         left: u ? "0px" : void 0,
         zIndex: f
       }
     }), s && /* @__PURE__ */ r("th", {
       style: {
-        ...p,
+        ...h,
         left: u && c ? "var(--swui-expand-cell-width)" : u ? "0px" : void 0,
         zIndex: f
       }
     }), n.map(({
       groupConfig: m,
       groupId: C
-    }, h) => /* @__PURE__ */ r(Mn, {
-      isFirstGroup: h === 0,
-      isLastGroup: h === n.length - 1,
+    }, p) => /* @__PURE__ */ r(Mn, {
+      isFirstGroup: p === 0,
+      isLastGroup: p === n.length - 1,
       groupConfig: m,
       columnId: m.columnOrder[0],
       colSpan: m.columnOrder.length,
-      borderFromGroup: pe(h, 0, m.borderLeft)
+      borderFromGroup: pe(p, 0, m.borderLeft)
     }, C)), l && /* @__PURE__ */ r("th", {
-      style: p
+      style: h
     }), /* @__PURE__ */ r("th", {
-      style: p
+      style: h
     })]
   });
 }), qn = (e) => {
@@ -933,7 +935,7 @@ const Xe = T.createContext({}), br = ({
 }, Fn = (e) => !e.disableGridCell, vt = K({
   columnIndexPerColumnId: {},
   numNavigableColumns: 0
-}), yt = () => H(
+}), yt = () => $(
   vt
 ), Un = (e) => {
   "columnGroupOrder" in e && (Zn(e), (e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both") && He(e, 0), (e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both") && He(
@@ -984,8 +986,8 @@ const Xe = T.createContext({}), br = ({
     n ? "var(--current-left-offset)" : "0px"
   ];
   for (let l = 0; l < e.length; l++) {
-    const i = e[l], d = t == null ? void 0 : t[i];
-    o[i] = Xn(s), s.push((c = d == null ? void 0 : d.width) != null ? c : "0px");
+    const i = e[l], a = t == null ? void 0 : t[i];
+    o[i] = Xn(s), s.push((c = a == null ? void 0 : a.width) != null ? c : "0px");
   }
   return o;
 }, Xn = (e) => e.length === 0 ? "0px" : e.length === 1 ? e[0] : "calc(" + e.join(" + ") + ")", Yn = (e) => {
@@ -1020,13 +1022,13 @@ const Xe = T.createContext({}), br = ({
   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, 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: C || h,
-        left: C ? o[a] : void 0,
-        right: h ? o[a] : void 0,
-        type: C ? "first-group" : h ? "last-group" : void 0,
+    u.forEach((d, h) => {
+      const f = i === 0, m = i === n.length - 1, C = f && s, p = m && c, w = h === 0 && m, y = h === u.length - 1 && f;
+      t[d] = {
+        sticky: C || p,
+        left: C ? o[d] : void 0,
+        right: p ? o[d] : void 0,
+        type: C ? "first-group" : p ? "last-group" : void 0,
         isFirstColumnInLastGroup: w,
         isLastColumnInFirstGroup: y
       };
@@ -1034,31 +1036,31 @@ const Xe = T.createContext({}), br = ({
   }), t;
 }, oo = (e, t) => ({
   setSelectedIds: (n) => Y(
-    V(e, "selectedIds"),
+    _(e, "selectedIds"),
     t.selectedIds.setSelectedIds(n)
   ),
   clearSelection: () => Y(
-    V(e, "selectedIds"),
+    _(e, "selectedIds"),
     t.selectedIds.clearSelectedIds()
   ),
   expandByIds: (n) => Y(
-    V(e, "expandedRows"),
+    _(e, "expandedRows"),
     t.expandedRows.setSelectedIds(n)
   ),
   collapseAll: () => Y(
-    V(e, "expandedRows"),
+    _(e, "expandedRows"),
     t.expandedRows.clearSelectedIds()
   ),
   sortBy: (n, o) => Y(
-    V(e, "sortOrder"),
+    _(e, "sortOrder"),
     t.sortOrder.sortBy(n, o != null ? o : !1)
   ),
   clearSortOrder: () => Y(
-    V(e, "sortOrder"),
+    _(e, "sortOrder"),
     t.sortOrder.clearSortOrder()
   ),
   setLastSelectedId: (n) => Y(
-    V(e, "fields"),
+    _(e, "fields"),
     t.fields.setEntityFields({ lastSelectedId: n })
   )
 }), ro = (e, t = at()) => {
@@ -1085,13 +1087,13 @@ const Xe = T.createContext({}), br = ({
 }, 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;
+    var l, i, a;
     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);
+    return o + ((a = (i = c == null ? void 0 : c.columnOrder) == null ? void 0 : i.length) != null ? a : 0);
   }, 0) : (n = (t = e.columnOrder) == null ? void 0 : t.length) != null ? n : 0;
 }, lo = () => {
   const e = R(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, o = Lt(e.rowIndent);
-  return /* @__PURE__ */ g(G, {
+  return /* @__PURE__ */ g(O, {
     children: [o ? /* @__PURE__ */ r("colgroup", {
       children: /* @__PURE__ */ r("col", {
         style: {
@@ -1138,7 +1140,7 @@ const Xe = T.createContext({}), br = ({
   const n = t[e];
   if (!!n)
     return n.itemValueResolver;
-}, fo = T.memo(function({
+}, fo = P.memo(function({
   value: t,
   onValueChange: n,
   colIndex: o,
@@ -1146,19 +1148,19 @@ const Xe = T.createContext({}), br = ({
   numRows: c,
   disabled: l,
   onValueChangeAndShift: i,
-  shiftPressedRef: d
+  shiftPressedRef: a
 }) {
-  const u = ut(), a = Re(), p = he(Boolean(t), {
+  const u = ut(), d = Re(), h = he(Boolean(t), {
     colIndex: o,
     numCols: u,
     numRows: c,
     rowIndex: s,
-    tableId: a
+    tableId: d
   }), {
     requiredProps: f
-  } = p, m = I((C) => {
-    d.current ? i == null || i(C) : n == null || n(C);
-  }, [n, i, d]);
+  } = h, m = I((C) => {
+    a.current ? i == null || i(C) : n == null || n(C);
+  }, [n, i, a]);
   return /* @__PURE__ */ r(Ue, {
     size: "small",
     disabled: l,
@@ -1181,36 +1183,36 @@ const Xe = T.createContext({}), br = ({
   } = Q(), {
     actions: { setSelectedIds: c, setLastSelectedId: l },
     dispatch: i
-  } = ce(), d = v(() => n(e), [n, e]), u = v(
-    () => o.includes(d),
-    [o, d]
-  ), { toggle: a, addMultiple: p, removeMultiple: f } = qe(
+  } = ce(), a = v(() => n(e), [n, e]), u = v(
+    () => o.includes(a),
+    [o, a]
+  ), { toggle: d, addMultiple: h, removeMultiple: f } = qe(
     o,
-    (h) => i(c(h))
+    (p) => i(c(p))
   ), m = I(() => {
     if (t && s) {
-      const h = wo(
+      const p = wo(
         t,
         s,
-        d
+        a
       );
-      h != null && h.length ? u ? f(h) : p(h) : a(d);
+      p != null && p.length ? u ? f(p) : h(p) : d(a);
     } else
-      a(d);
-    i(l(d));
+      d(a);
+    i(l(a));
   }, [
     t,
     s,
     i,
     l,
-    d,
+    a,
     u,
     f,
-    p,
-    a
+    h,
+    d
   ]), C = I(() => {
-    a(d), i(l(d));
-  }, [a, d, i, l]);
+    d(a), i(l(a));
+  }, [d, a, i, l]);
   return {
     isSelected: u,
     toggleSelected: C,
@@ -1250,18 +1252,18 @@ const Xe = T.createContext({}), br = ({
   }), {
     requiredProps: i
   } = l, {
-    expandCollapseDisableResolver: d
+    expandCollapseDisableResolver: a
   } = R(), {
     toggleRowExpanded: u,
-    isExpanded: a
-  } = Pe(e), p = v(() => d ? d(e) : !1, [d, e]);
+    isExpanded: d
+  } = Pe(e), h = v(() => a ? a(e) : !1, [a, e]);
   return /* @__PURE__ */ r(E, {
     alignItems: "center",
     justifyContent: "center",
     indent: !0,
-    children: !p && /* @__PURE__ */ r(xe, {
+    children: !h && /* @__PURE__ */ r(xe, {
       size: "small",
-      leftIcon: a ? Ze : Je,
+      leftIcon: d ? Ze : Je,
       onClick: u,
       ...i
     })
@@ -1277,7 +1279,7 @@ const Xe = T.createContext({}), br = ({
   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({
+}, Io = P.memo(function({
   enableGridCell: t,
   children: n,
   background: o,
@@ -1285,11 +1287,11 @@ const Xe = T.createContext({}), br = ({
   isEditing: c,
   justifyContent: l,
   onKeyDown: i,
-  width: d,
+  width: a,
   minWidth: u
 }) {
   return /* @__PURE__ */ r(E, {
-    width: d,
+    width: a,
     minWidth: u,
     height: "inherit",
     background: o,
@@ -1311,7 +1313,7 @@ const Xe = T.createContext({}), br = ({
   });
 }), Eo = "_textCell_1yv6v_1", Ro = {
   textCell: Eo
-}, Go = T.memo(function({
+}, To = P.memo(function({
   label: t
 }) {
   return /* @__PURE__ */ r(N, {
@@ -1322,7 +1324,7 @@ const Xe = T.createContext({}), br = ({
       children: t
     })
   });
-}), To = T.memo(function({
+}), Go = P.memo(function({
   columnId: t,
   item: n,
   colIndex: o,
@@ -1333,45 +1335,45 @@ const Xe = T.createContext({}), br = ({
 }) {
   var Ae;
   const {
-    keyResolver: d,
+    keyResolver: a,
     enableGridCell: u,
-    gridCellOptions: a
-  } = R(), p = Q().selectedIds.selectedIds, f = Re(), m = Bn(), {
+    gridCellOptions: d
+  } = R(), h = 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]), {
+  } = yt(), p = Te(), w = v(() => a(n), [n, a]), y = v(() => h.indexOf(w) >= 0, [w, h]), {
     itemValueResolver: b,
-    itemLabelFormatter: S,
-    width: x,
-    minWidth: L,
-    justifyContentCell: O = "flex-start",
-    borderLeft: k,
-    renderCell: P,
+    itemLabelFormatter: k,
+    width: S,
+    minWidth: T,
+    justifyContentCell: G = "flex-start",
+    borderLeft: L,
+    renderCell: x,
     gridCellOptions: z,
-    isEditable: D,
-    onChange: j,
-    onKeyDown: M,
-    disableGridCell: $,
+    isEditable: A,
+    onChange: W,
+    onKeyDown: H,
+    disableGridCell: M,
     disableGridCellFocus: J,
-    zIndex: W
-  } = 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, {
+    zIndex: V
+  } = le(t), q = v(() => b ? b(n) : t in n ? n[t] : "", [b, n, t]), ee = v(() => k ? k(q, n) : go(q), [q, k, n]), te = typeof A == "boolean" ? A : A ? A(n) : void 0, me = I((ae) => {
+    H == null || H(ae, {
       columnId: t,
       item: n
     }), m == null || m(ae, {
       columnId: t,
       item: n
     });
-  }, [m, t, n, M]), X = he(ee, {
+  }, [m, t, n, H]), X = he(ee, {
     colIndex: o,
     rowIndex: s,
     numRows: c,
     numCols: C,
     tableId: f,
     isEditable: te,
-    onChange: j ? (ae) => j(n, ae) : void 0,
-    ...a,
+    onChange: W ? (ae) => W(n, ae) : void 0,
+    ...d,
     ...z
-  }), A = h[t], ie = (Ae = xo(t, n)) != null ? Ae : "inherit", fe = A.sticky ? W != null ? W : "var(--swui-sticky-column-z-index)" : W != null ? W : 1, kt = v(() => P ? P({
+  }), B = p[t], ie = (Ae = xo(t, n)) != null ? Ae : "inherit", fe = B.sticky ? V != null ? V : "var(--swui-sticky-column-z-index)" : V != null ? V : 1, kt = v(() => x ? x({
     label: ee,
     value: q,
     item: n,
@@ -1380,27 +1382,27 @@ const Xe = T.createContext({}), br = ({
     isSelected: y,
     zIndex: fe,
     itemKey: w
-  }) : /* @__PURE__ */ r(Go, {
+  }) : /* @__PURE__ */ r(To, {
     label: ee
-  }), [P, ee, q, n, X, te, y, fe, w]), St = Oe(l, i, k), It = A.sticky && A.type === "last-group" && A.isFirstColumnInLastGroup || A.sticky && A.type === "column" && A.right ? "var(--swui-sticky-column-shadow-left)" : A.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
+  }), [x, ee, q, n, X, te, y, fe, w]), St = Oe(l, i, L), It = B.sticky && B.type === "last-group" && B.isFirstColumnInLastGroup || B.sticky && B.type === "column" && B.right ? "var(--swui-sticky-column-shadow-left)" : B.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
   return /* @__PURE__ */ r("td", {
     style: {
       borderLeft: St,
-      position: A.sticky ? "sticky" : void 0,
-      left: A.sticky ? A.left : void 0,
-      right: A.sticky ? A.right : void 0,
+      position: B.sticky ? "sticky" : void 0,
+      left: B.sticky ? B.left : void 0,
+      right: B.sticky ? B.right : void 0,
       boxShadow: It,
       zIndex: fe,
       height: "var(--current-row-height)",
       background: ie
     },
     children: /* @__PURE__ */ r(Io, {
-      enableGridCell: u && !$ && !J,
+      enableGridCell: u && !M && !J,
       gridCellRequiredProps: X.requiredProps,
       isEditing: X.isEditing,
-      width: x,
-      minWidth: L,
-      justifyContent: O,
+      width: S,
+      minWidth: T,
+      justifyContent: G,
       onKeyDown: me,
       children: kt
     })
@@ -1414,8 +1416,8 @@ const Xe = T.createContext({}), br = ({
   } = R(), {
     isExpanded: s,
     toggleRowExpanded: c
-  } = Pe(t), l = Te();
-  return /* @__PURE__ */ r(G, {
+  } = Pe(t), l = Ge();
+  return /* @__PURE__ */ r(O, {
     children: o && n && s && /* @__PURE__ */ r("tr", {
       style: {
         borderLeft: et,
@@ -1448,7 +1450,7 @@ const Xe = T.createContext({}), br = ({
     background: ${e};
   }
 ` : ""}
-`, Po = T.memo(function({
+`, Po = P.memo(function({
   item: t,
   idListForEnabledItems: n,
   rowIndex: o,
@@ -1457,28 +1459,28 @@ const Xe = T.createContext({}), br = ({
   alwaysVisible: l,
   shiftPressedRef: i
 }) {
-  const d = ne(null), u = Te(), {
-    stickyCheckboxColumn: a
-  } = R(), p = Z(), {
+  const a = ne(null), u = Ge(), {
+    stickyCheckboxColumn: d
+  } = R(), h = Z(), {
     columnIndexPerColumnId: f
   } = yt(), {
     showRowCheckbox: m,
     rowBackgroundResolver: C,
-    checkboxDisabledResolver: h,
+    checkboxDisabledResolver: p,
     enableGridCell: w,
     rowIndent: y,
     enableExpandCollapse: b
   } = R(), {
-    isExpanded: S
+    isExpanded: k
   } = Pe(t), {
-    isSelected: x,
-    toggleSelected: L,
-    shiftAndToggleSelected: O
-  } = Co(t, n), k = Bt(d, {
+    isSelected: S,
+    toggleSelected: T,
+    shiftAndToggleSelected: G
+  } = Co(t, n), L = Bt(a, {
     rootMargin: "400px 0px 400px 0px",
     threshold: 0
-  }), P = v(() => C == null ? void 0 : C(t, x), [x, t, C]), z = Ao(P, x, S), D = Lo(P, x, S), j = Bo(P, x, D), M = v(() => h == null ? void 0 : h(t), [t, h]), $ = $n(), J = _e($, t), W = Hn(), q = _e(W, t), ee = v(() => /* @__PURE__ */ r(G, {
-    children: /* @__PURE__ */ g(G, {
+  }), x = v(() => C == null ? void 0 : C(t, S), [S, t, C]), z = Ao(x, S, k), A = Lo(x, S, k), W = Bo(x, S, A), H = v(() => p == null ? void 0 : p(t), [t, p]), M = $n(), J = _e(M, t), V = Hn(), q = _e(V, t), ee = v(() => /* @__PURE__ */ r(O, {
+    children: /* @__PURE__ */ g(O, {
       children: [y && /* @__PURE__ */ r("td", {
         style: {
           background: J
@@ -1488,11 +1490,11 @@ const Xe = T.createContext({}), br = ({
         })
       }), b && /* @__PURE__ */ r("td", {
         style: {
-          background: a ? "inherit" : void 0,
-          position: a ? "sticky" : void 0,
-          left: a ? "0px" : void 0,
-          boxShadow: a ? "var(--swui-sticky-column-shadow-right)" : void 0,
-          zIndex: a ? "var(--swui-sticky-column-z-index)" : void 0
+          background: d ? "inherit" : void 0,
+          position: d ? "sticky" : void 0,
+          left: d ? "0px" : void 0,
+          boxShadow: d ? "var(--swui-sticky-column-shadow-right)" : void 0,
+          zIndex: d ? "var(--swui-sticky-column-z-index)" : void 0
         },
         children: /* @__PURE__ */ r(E, {
           width: "var(--swui-expand-cell-width)",
@@ -1508,12 +1510,12 @@ const Xe = T.createContext({}), br = ({
         })
       }), m && /* @__PURE__ */ r("td", {
         style: {
-          background: a ? "inherit" : void 0,
-          position: a ? "sticky" : void 0,
-          left: b && a ? "var(--swui-expand-cell-width)" : a ? "0px" : void 0,
+          background: d ? "inherit" : void 0,
+          position: d ? "sticky" : void 0,
+          left: b && d ? "var(--swui-expand-cell-width)" : d ? "0px" : void 0,
           textAlign: "center",
-          boxShadow: a ? "var(--swui-sticky-column-shadow-right)" : void 0,
-          zIndex: a ? "var(--swui-sticky-column-z-index)" : void 0
+          boxShadow: d ? "var(--swui-sticky-column-shadow-right)" : void 0,
+          zIndex: d ? "var(--swui-sticky-column-z-index)" : void 0
         },
         children: /* @__PURE__ */ r(E, {
           width: "var(--swui-checkbox-cell-width)",
@@ -1521,29 +1523,29 @@ const Xe = T.createContext({}), br = ({
           alignItems: "center",
           justifyContent: "center",
           children: /* @__PURE__ */ r(fo, {
-            disabled: M,
-            value: x,
-            onValueChange: L,
-            onValueChangeAndShift: O,
+            disabled: H,
+            value: S,
+            onValueChange: T,
+            onValueChangeAndShift: G,
             colIndex: c + (b ? 1 : 0),
             rowIndex: o,
             numRows: s,
             shiftPressedRef: i
           })
         })
-      }), p.map(({
+      }), h.map(({
         groupConfig: te,
         groupId: me
-      }, X) => /* @__PURE__ */ r(T.Fragment, {
-        children: te.columnOrder.map((A, ie) => /* @__PURE__ */ r(To, {
-          columnId: A,
+      }, X) => /* @__PURE__ */ r(P.Fragment, {
+        children: te.columnOrder.map((B, ie) => /* @__PURE__ */ r(Go, {
+          columnId: B,
           item: t,
-          colIndex: c + f[A],
+          colIndex: c + f[B],
           rowIndex: o,
           numRows: s,
           borderFromGroup: pe(X, ie, te.borderLeft),
           disableBorderLeft: X === 0 && ie === 0
-        }, A))
+        }, B))
       }, me)), y && /* @__PURE__ */ r("td", {
         style: {
           background: q
@@ -1553,15 +1555,15 @@ const Xe = T.createContext({}), br = ({
         })
       }), /* @__PURE__ */ r("td", {})]
     })
-  }), [c, f, M, b, w, J, p, x, t, q, s, y, o, O, i, m, a, L]);
-  return /* @__PURE__ */ g(G, {
+  }), [c, f, H, b, w, J, h, S, t, q, s, y, o, G, i, m, d, T]);
+  return /* @__PURE__ */ g(O, {
     children: [/* @__PURE__ */ r(gt, {
-      hoverBackground: D,
+      hoverBackground: A,
       background: z,
-      focusBackground: j,
-      borderLeft: S ? et : ke,
-      ref: d,
-      children: k || l || S ? ee : /* @__PURE__ */ r("td", {
+      focusBackground: W,
+      borderLeft: k ? et : ke,
+      ref: a,
+      children: L || l || k ? ee : /* @__PURE__ */ r("td", {
         colSpan: u,
         style: {
           height: "var(--current-row-height)"
@@ -1571,31 +1573,31 @@ const Xe = T.createContext({}), br = ({
       item: t
     })]
   });
-}), 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) => {
+}), Ao = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.background : t ? j("--lhds-color-blue-100") : n ? Qe : "white", Lo = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.hoverBackground : t ? j("--lhds-color-blue-200") : n ? cn : j("--lhds-color-ui-200"), Bo = (e, t, n) => {
   if (t)
-    return _("--lhds-color-blue-200");
+    return j("--lhds-color-blue-200");
   if (e)
     return n;
 }, Do = (e) => Object.values(e).some((t) => No(t)), No = (e) => Boolean(e.renderSummaryCell || e.summaryText), zo = "_summaryRow_12x8k_1", Ko = {
   summaryRow: zo
-}, $o = T.memo(function({
+}, $o = P.memo(function({
   columnId: t,
   items: n,
   disableBorderLeft: o,
   borderFromGroup: s,
   colSpan: c
 }) {
-  const l = Ge(), {
+  const l = Te(), {
     renderSummaryCell: i,
-    summaryText: d,
+    summaryText: a,
     borderLeft: u,
-    zIndex: a,
-    width: p,
+    zIndex: d,
+    width: h,
     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({
+  } = le(t), C = Oe(s, o, u), p = l[t], w = p.sticky ? d != null ? d : "var(--swui-sticky-column-z-index)" : d != null ? d : 1, y = 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(() => a == null ? void 0 : a({
     items: n
-  }), [n, d]), S = v(() => i == null ? void 0 : i({
+  }), [n, a]), k = v(() => i == null ? void 0 : i({
     items: n,
     text: b
   }), [n, i, b]);
@@ -1603,21 +1605,21 @@ const Xe = T.createContext({}), br = ({
     colSpan: c,
     style: {
       borderLeft: C,
-      position: h.sticky ? "sticky" : void 0,
-      left: h.sticky ? h.left : void 0,
-      right: h.sticky ? h.right : void 0,
+      position: p.sticky ? "sticky" : void 0,
+      left: p.sticky ? p.left : void 0,
+      right: p.sticky ? p.right : void 0,
       boxShadow: y,
       zIndex: w,
       height: "var(--current-row-height)"
     },
     children: /* @__PURE__ */ r(E, {
-      width: p,
+      width: h,
       minWidth: f,
       height: "inherit",
       overflow: "hidden",
       justifyContent: m,
       alignItems: "center",
-      children: i ? S : /* @__PURE__ */ r(N, {
+      children: i ? k : /* @__PURE__ */ r(N, {
         children: /* @__PURE__ */ r(U, {
           variant: "bold",
           children: b
@@ -1637,7 +1639,7 @@ const Xe = T.createContext({}), br = ({
     l > 1 && (o += l - 1);
   }
   return n;
-}, Mo = T.memo(function({
+}, Mo = P.memo(function({
   items: t
 }) {
   const n = Z(), {
@@ -1654,19 +1656,19 @@ const Xe = T.createContext({}), br = ({
       })
     }), s && /* @__PURE__ */ r("td", {}), o && /* @__PURE__ */ r("td", {}), n.map(({
       groupConfig: i,
-      groupId: d
-    }, u) => /* @__PURE__ */ r(T.Fragment, {
+      groupId: a
+    }, u) => /* @__PURE__ */ r(P.Fragment, {
       children: Ho(i.columnOrder, c).map(({
-        columnId: a,
-        colSpan: p
+        columnId: d,
+        colSpan: h
       }, f) => /* @__PURE__ */ r($o, {
-        colSpan: p,
-        columnId: a,
+        colSpan: h,
+        columnId: d,
         items: t,
         borderFromGroup: pe(u, f, i.borderLeft),
         disableBorderLeft: u === 0 && f === 0
-      }, a))
-    }, d)), l && /* @__PURE__ */ r("td", {
+      }, d))
+    }, a)), l && /* @__PURE__ */ r("td", {
       children: /* @__PURE__ */ r(N, {
         num: l
       })
@@ -1681,7 +1683,7 @@ const Xe = T.createContext({}), br = ({
   return v(() => Do(n), [n]) ? /* @__PURE__ */ r(Mo, {
     items: t
   }) : null;
-}, bt = (e) => (t) => !(e != null && e(t)), _o = T.memo(function({
+}, bt = (e) => (t) => !(e != null && e(t)), _o = P.memo(function({
   items: t,
   colIndexOffset: n = 0,
   rowIndexOffset: o = 0
@@ -1689,46 +1691,46 @@ const Xe = T.createContext({}), br = ({
   const s = ne(0), c = ne(!1), {
     keyResolver: l,
     disableInfiniteList: i,
-    checkboxDisabledResolver: d,
+    checkboxDisabledResolver: a,
     enableExternalSorting: u
   } = R(), {
     sortOrder: {
-      sortBy: a,
-      desc: p
+      sortBy: d,
+      desc: h
     }
-  } = Q(), f = mo(a), m = v(() => {
+  } = Q(), f = mo(d), m = v(() => {
     if (u)
       return t != null ? t : [];
     if (!t || !t.length)
       return [];
     if (!f)
       return t;
-    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]);
+    const p = [...t];
+    return p.sort((w, y) => po(f(w), f(y))), h && p.reverse(), i || s.current++, p;
+  }, [u, t, f, h, i]), C = v(() => m.filter(bt(a)).map((p) => l(p)), [m, a, l]);
   return je(() => {
-    const h = (y) => {
+    const p = (y) => {
       y.key === "Shift" && (c.current = !1);
     }, w = (y) => {
       y.key === "Shift" && (c.current = !0);
     };
-    return document.addEventListener("keyup", h), document.addEventListener("keydown", w), () => {
-      document.removeEventListener("keyup", h), document.removeEventListener("keydown", w);
+    return document.addEventListener("keyup", p), document.addEventListener("keydown", w), () => {
+      document.removeEventListener("keyup", p), document.removeEventListener("keydown", w);
     };
-  }, []), /* @__PURE__ */ g(T.Fragment, {
-    children: [m.map((h, w) => /* @__PURE__ */ r(Po, {
+  }, []), /* @__PURE__ */ g(P.Fragment, {
+    children: [m.map((p, w) => /* @__PURE__ */ r(Po, {
       alwaysVisible: i || m.length < 30,
-      item: h,
+      item: p,
       idListForEnabledItems: C,
       colIndexOffset: n,
       rowIndex: w + o,
       numRows: m.length,
       shiftPressedRef: c
-    }, l(h))), /* @__PURE__ */ r(Vo, {
+    }, l(p))), /* @__PURE__ */ r(Vo, {
       items: m
     })]
   }, s.current);
-}), jo = T.memo(function({
+}), jo = P.memo(function({
   error: t,
   bannerError: n,
   loading: o,
@@ -1736,14 +1738,14 @@ const Xe = T.createContext({}), br = ({
   noItemsLabel: c = "There is no data available.",
   noItemsContentRight: l,
   noItemsContentBottom: i,
-  noItemsHeader: d,
+  noItemsHeader: a,
   colIndexOffset: u,
-  rowIndexOffset: a,
-  variant: p,
+  rowIndexOffset: d,
+  variant: h,
   errorLabel: f
 }) {
   var C;
-  const m = Te();
+  const m = Ge();
   return n ? /* @__PURE__ */ r("tbody", {
     children: /* @__PURE__ */ r("tr", {
       children: /* @__PURE__ */ r("td", {
@@ -1797,7 +1799,7 @@ const Xe = T.createContext({}), br = ({
           justifyContent: "center",
           children: /* @__PURE__ */ r(Le, {
             text: c,
-            headerText: d,
+            headerText: a,
             contentRight: l,
             variant: "info",
             children: i
@@ -1807,10 +1809,10 @@ const Xe = T.createContext({}), br = ({
     })
   }) : /* @__PURE__ */ r("tbody", {
     children: /* @__PURE__ */ r(_o, {
-      variant: p,
+      variant: h,
       items: s,
       colIndexOffset: u,
-      rowIndexOffset: a
+      rowIndexOffset: d
     })
   });
 }), Wo = (e) => {
@@ -1819,10 +1821,10 @@ const Xe = T.createContext({}), br = ({
   } = Q(), {
     actions: { setSelectedIds: s, clearSelection: c },
     dispatch: l
-  } = ce(), i = o.length === 0, d = e ? e.length > 0 && o.length === e.length : !1, u = I(() => {
+  } = ce(), i = o.length === 0, a = e ? e.length > 0 && o.length === e.length : !1, u = I(() => {
     e && l(
       i ? s(
-        e.filter(bt(n)).map((a) => t(a))
+        e.filter(bt(n)).map((d) => t(d))
       ) : c()
     );
   }, [
@@ -1836,7 +1838,7 @@ const Xe = T.createContext({}), br = ({
   ]);
   return {
     selectionIsEmpty: i,
-    allItemsAreSelected: d,
+    allItemsAreSelected: a,
     onClickCheckbox: u
   };
 }, qo = (e) => {
@@ -1846,7 +1848,7 @@ const Xe = T.createContext({}), br = ({
     actions: { collapseAll: o, expandByIds: s },
     dispatch: c
   } = ce(), l = e ? e.length > 0 && n.length === e.length : !1, i = I(() => {
-    e && c(l ? o() : s(e.map((d) => t(d))));
+    e && c(l ? o() : s(e.map((a) => t(a))));
   }, [
     l,
     o,
@@ -1875,54 +1877,56 @@ const Xe = T.createContext({}), br = ({
       }
     };
   }, [e, c, s, t, n, o]);
-}, Uo = T.memo(function({
+}, Uo = P.memo(function({
   columnId: t,
   borderFromGroup: n,
   disableBorderLeft: o,
   stickyHeader: s,
-  top: c
+  top: c,
+  appendTooltipTo: l
 }) {
   const {
-    justifyContentHeader: l,
-    columnLabel: i,
-    borderLeft: d,
-    infoIconTooltipText: u,
-    background: a,
-    zIndex: p,
-    sortOrderIconVariant: f,
-    width: m,
-    minWidth: C
+    justifyContentHeader: i,
+    columnLabel: a,
+    borderLeft: u,
+    infoIconTooltipText: d,
+    background: h,
+    zIndex: f,
+    sortOrderIconVariant: m,
+    width: C,
+    minWidth: p
   } = le(t), {
-    disableSorting: h,
-    sortOrderIconVariant: w
-  } = R(), y = Ge(), {
-    arrow: b,
+    disableSorting: w,
+    sortOrderIconVariant: y
+  } = R(), b = Te(), {
+    arrow: k,
     selected: S,
-    onClickColumnHead: x
-  } = Fo(t), L = typeof i == "string" ? i : bo(t), O = Oe(n, o, d), k = y[t];
+    onClickColumnHead: T
+  } = Fo(t), G = typeof a == "string" ? a : bo(t), L = Oe(n, o, u), x = b[t];
   return /* @__PURE__ */ r("th", {
     style: {
-      background: a != null ? a : "white",
-      borderLeft: O,
-      position: s || k.sticky ? "sticky" : void 0,
-      left: k.left,
-      right: k.right,
+      background: h != null ? h : "white",
+      borderLeft: L,
+      position: s || x.sticky ? "sticky" : void 0,
+      left: x.left,
+      right: x.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)" : p,
+      boxShadow: x.sticky && x.isFirstColumnInLastGroup && s ? "var(--swui-sticky-header-shadow-and-left)" : x.sticky && x.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : s && x.sticky ? "var(--swui-sticky-header-shadow-and-right)" : s ? "var(--swui-sticky-header-shadow)" : x.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0,
+      zIndex: s && x.sticky ? "var(--swui-sticky-header-in-sticky-column-z-index)" : s ? "var(--swui-sticky-header-z-index)" : x.sticky ? "var(--swui-sticky-group-header-z-index)" : f,
       height: 0,
-      width: m,
-      minWidth: C
+      width: C,
+      minWidth: p
     },
     children: /* @__PURE__ */ r(Ee, {
       width: "inherit",
       minWidth: "inherit",
-      arrow: !h && L ? b : void 0,
-      onClick: h ? void 0 : x,
-      label: L,
-      infoIconTooltipText: u,
-      alignRight: l === "flex-end",
-      sortOrderIconVariant: f != null ? f : w,
+      arrow: !w && G ? k : void 0,
+      onClick: w ? void 0 : T,
+      label: G,
+      infoIconTooltipText: d,
+      alignRight: i === "flex-end",
+      sortOrderIconVariant: m != null ? m : y,
+      appendTooltipTo: l,
       selected: S,
       height: "100%"
     })
@@ -1936,45 +1940,46 @@ const Xe = T.createContext({}), br = ({
     return e;
   if (o)
     return 0;
-}, Jo = T.memo(function({
+}, Jo = P.memo(function({
   items: t,
-  height: n = Se
+  appendTooltipTo: n,
+  height: o = Se
 }) {
-  const o = Z(), {
-    showHeaderCheckbox: s,
-    showHeaderExpandCollapse: c,
-    enableExpandCollapse: l,
-    rowIndent: i,
-    headerRowOffsetTop: d,
-    zIndex: u,
-    stickyHeader: a,
-    stickyCheckboxColumn: p,
-    showRowCheckbox: f
-  } = R(), m = zn(), {
-    allItemsAreExpanded: C,
-    toggleExpanded: h
+  const s = Z(), {
+    showHeaderCheckbox: c,
+    showHeaderExpandCollapse: l,
+    enableExpandCollapse: i,
+    rowIndent: a,
+    headerRowOffsetTop: u,
+    zIndex: d,
+    stickyHeader: h,
+    stickyCheckboxColumn: f,
+    showRowCheckbox: m
+  } = R(), C = zn(), {
+    allItemsAreExpanded: p,
+    toggleExpanded: w
   } = qo(t), {
-    allItemsAreSelected: w,
-    onClickCheckbox: y,
-    selectionIsEmpty: b
-  } = 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
+    allItemsAreSelected: y,
+    onClickCheckbox: b,
+    selectionIsEmpty: k
+  } = Wo(t), S = !t || t.length === 0, T = {
+    zIndex: h && f ? "var(--swui-sticky-header-in-sticky-column-z-index)" : f ? "var(--swui-sticky-group-header-z-index)" : h ? "var(--swui-sticky-header-z-index)" : d,
+    top: Zo(u, C, o, h),
+    background: h || f ? "white" : void 0,
+    position: h || f ? "sticky" : void 0,
+    boxShadow: h && f ? "var(--swui-sticky-header-shadow-and-right)" : f ? "var(--swui-sticky-column-shadow-right)" : h ? "var(--swui-sticky-header-shadow)" : void 0
   };
   return /* @__PURE__ */ g(gt, {
-    height: n,
+    height: o,
     borderLeft: ke,
-    children: [i && /* @__PURE__ */ r("th", {
-      style: x,
+    children: [a && /* @__PURE__ */ r("th", {
+      style: T,
       children: /* @__PURE__ */ r(E, {
-        indent: i
+        indent: a
       })
-    }), l && /* @__PURE__ */ r("th", {
+    }), i && /* @__PURE__ */ r("th", {
       style: {
-        ...x,
+        ...T,
         left: "0px",
         textAlign: "left"
       },
@@ -1983,52 +1988,53 @@ const Xe = T.createContext({}), br = ({
         minWidth: "var(--swui-expand-cell-width)",
         alignItems: "center",
         justifyContent: "center",
-        children: c && /* @__PURE__ */ r(xe, {
+        children: l && /* @__PURE__ */ r(xe, {
           size: "small",
-          leftIcon: C ? Ze : Je,
-          onClick: h
+          leftIcon: p ? Ze : Je,
+          onClick: w
         })
       })
-    }), (f || s) && /* @__PURE__ */ r("th", {
+    }), (m || c) && /* @__PURE__ */ r("th", {
       style: {
-        ...x,
+        ...T,
         overflow: "hidden",
-        left: p && l ? "var(--swui-expand-cell-width)" : p ? "0px" : void 0
+        left: f && i ? "var(--swui-expand-cell-width)" : f ? "0px" : void 0
       },
       children: /* @__PURE__ */ r(E, {
         width: "var(--swui-checkbox-cell-width)",
         minWidth: "var(--swui-checkbox-cell-width)",
         alignItems: "center",
         justifyContent: "center",
-        children: s && /* @__PURE__ */ r(Ue, {
+        children: c && /* @__PURE__ */ r(Ue, {
           size: "small",
           disabled: S,
-          value: w,
-          indeterminate: !b && !w,
-          onValueChange: y
+          value: y,
+          indeterminate: !k && !y,
+          onValueChange: b
         })
       })
-    }), o.map(({
-      groupConfig: L,
-      groupId: O
-    }, k) => /* @__PURE__ */ r(T.Fragment, {
-      children: L.columnOrder.map((P, z) => /* @__PURE__ */ r(Uo, {
-        columnId: P,
-        borderFromGroup: pe(k, z, L.borderLeft),
-        disableBorderLeft: k === 0 && z === 0,
-        stickyHeader: a,
-        top: x.top
-      }, P))
-    }, O)), i && /* @__PURE__ */ r("th", {
-      style: x,
+    }), s.map(({
+      groupConfig: G,
+      groupId: L
+    }, x) => /* @__PURE__ */ r(P.Fragment, {
+      children: G.columnOrder.map((z, A) => /* @__PURE__ */ r(Uo, {
+        columnId: z,
+        borderFromGroup: pe(x, A, G.borderLeft),
+        disableBorderLeft: x === 0 && A === 0,
+        stickyHeader: h,
+        top: T.top,
+        appendTooltipTo: n
+      }, z))
+    }, L)), a && /* @__PURE__ */ r("th", {
+      style: T,
       children: /* @__PURE__ */ r(E, {
-        indent: i
+        indent: a
       })
     }), /* @__PURE__ */ r("th", {
-      style: x
+      style: T
     })]
   });
-}), Tr = function({
+}), Gr = function({
   tableContext: t,
   config: n,
   columnOrder: o,
@@ -2036,76 +2042,78 @@ const Xe = T.createContext({}), br = ({
   tableId: c,
   variant: l = "standard",
   onKeyDown: i,
-  onSortOrderChange: d,
-  ...u
+  onSortOrderChange: a,
+  appendTooltipTo: u,
+  ...d
 }) {
-  const a = Rt(), {
-    initialSortOrderDesc: p,
-    initialSortOrder: f,
-    enableExpandCollapse: m,
-    stickyCheckboxColumn: C
+  const h = Rt(), {
+    initialSortOrderDesc: f,
+    initialSortOrder: m,
+    enableExpandCollapse: C,
+    stickyCheckboxColumn: p
   } = n, {
-    tableContext: h
-  } = ro(c != null ? c : a, at(f, p)), w = t || h, {
-    state: y,
-    actions: b,
+    tableContext: w
+  } = ro(c != null ? c : h, at(m, f)), y = t || w, {
+    state: b,
+    actions: k,
     dispatch: S
-  } = w, x = v(() => ({
-    actions: b,
+  } = y, T = v(() => ({
+    actions: k,
     dispatch: S
-  }), [b, S]), L = Boolean(s != null ? s : "columnGroupOrder" in n), O = "columnGroups" in n ? n.columnGroups : void 0, k = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, P = "columnOrder" in n ? n.columnOrder : void 0, z = v(() => Ct(O, k, P), [O, k, P]), D = v(() => qn(n), [n]), j = v(() => so(n), [n]), M = v(() => eo(n), [n]), $ = v(() => {
+  }), [k, S]), G = Boolean(s != null ? s : "columnGroupOrder" in n), L = "columnGroups" in n ? n.columnGroups : void 0, x = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, z = "columnOrder" in n ? n.columnOrder : void 0, A = v(() => Ct(L, x, z), [L, x, z]), W = v(() => qn(n), [n]), H = v(() => so(n), [n]), M = v(() => eo(n), [n]), J = v(() => {
     try {
       Un(n);
       return;
-    } catch (J) {
-      return J instanceof Error ? J : new Error("Unknown error");
+    } catch (V) {
+      return V instanceof Error ? V : new Error("Unknown error");
     }
   }, [n]);
-  return $ ? /* @__PURE__ */ r(Xt, {
-    text: $.message
+  return J ? /* @__PURE__ */ r(Xt, {
+    text: J.message
   }) : /* @__PURE__ */ r("table", {
     className: Fe(Ve.standardTable, Ve[l]),
     style: {
       width: "100%",
       isolation: "isolate",
-      "--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"
+      "--current-left-offset": C && p ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : p ? "var(--swui-checkbox-cell-width)" : C ? "var(--swui-expand-cell-width)" : "0px"
     },
     children: /* @__PURE__ */ r(ft.Provider, {
       value: M,
       children: /* @__PURE__ */ r(wt.Provider, {
-        value: j,
+        value: H,
         children: /* @__PURE__ */ r(Kn.Provider, {
           value: l,
           children: /* @__PURE__ */ r(st.Provider, {
-            value: c != null ? c : a,
+            value: c != null ? c : h,
             children: /* @__PURE__ */ r(ct.Provider, {
-              value: y,
+              value: b,
               children: /* @__PURE__ */ r(lt.Provider, {
-                value: x,
+                value: T,
                 children: /* @__PURE__ */ r(it.Provider, {
                   value: n,
                   children: /* @__PURE__ */ r(dt.Provider, {
-                    value: z,
+                    value: A,
                     children: /* @__PURE__ */ r(vt.Provider, {
-                      value: D,
+                      value: W,
                       children: /* @__PURE__ */ r(Nn.Provider, {
-                        value: L,
+                        value: G,
                         children: /* @__PURE__ */ g(mt.Provider, {
                           value: "columnGroupOrder" in n ? s != null ? s : n.columnGroupOrder : s,
                           children: [/* @__PURE__ */ r(lo, {}), /* @__PURE__ */ r(ht.Provider, {
                             value: i,
                             children: /* @__PURE__ */ g(pt.Provider, {
-                              value: d,
+                              value: a,
                               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)"
+                                  items: d.items,
+                                  height: "var(--current-row-height)",
+                                  appendTooltipTo: u
                                 })]
                               }), /* @__PURE__ */ r(jo, {
                                 variant: l,
-                                ...u
+                                ...d
                               })]
                             })
                           })]
@@ -2155,28 +2163,28 @@ const Xe = T.createContext({}), br = ({
     editorValue: c,
     isEditing: l,
     setEditorValue: i,
-    stopEditingAndRevert: d,
+    stopEditingAndRevert: a,
     lastKeyEvent: u,
-    stopEditing: a,
-    stopEditingAndMove: p
+    stopEditing: d,
+    stopEditingAndMove: h
   },
   isEditable: f
 }) => {
-  const m = typeof e == "function" ? e(s) : e, C = t ? t(s) : void 0, h = n ? n(s) : void 0;
+  const m = typeof e == "function" ? e(s) : e, C = t ? t(s) : void 0, p = n ? n(s) : void 0;
   return f && l ? /* @__PURE__ */ r(ge, {
     onValueChange: i,
     value: c,
-    onDone: a,
-    onEsc: d,
+    onDone: d,
+    onEsc: a,
     autoFocus: !0,
     selectAllOnMount: !u,
-    onMove: p
+    onMove: h
   }) : /* @__PURE__ */ r(N, {
     row: !0,
     alignItems: "center",
     children: /* @__PURE__ */ r(nn, {
       value: o,
-      modifiedField: h,
+      modifiedField: p,
       crudStatus: C,
       isEditable: f,
       warningOnEmpty: m
@@ -2185,15 +2193,15 @@ const Xe = T.createContext({}), br = ({
 };
 export {
   Ye as CrudStatusIndicator,
-  Gr as EditableTextCellWithCrudAndModified,
+  Tr as EditableTextCellWithCrudAndModified,
   Xe as GridHooksContext,
   br as GridHooksTable,
   nn as ModifiedField,
   kr as SmallTableCell,
   Sr as SmallTableHead,
-  Tr as StandardTable,
+  Gr as StandardTable,
   lt as StandardTableActionsContext,
-  To as StandardTableCell,
+  Go as StandardTableCell,
   Io as StandardTableCellUi,
   it as StandardTableConfigContext,
   jo as StandardTableContent,
@@ -2208,7 +2216,7 @@ export {
   Ee as TableHeadItem,
   Er as TableHeadRow,
   Rr as TableRow,
-  Go as TextCell,
+  To as TextCell,
   Or as createColumnConfig,
   Ar as createEditableTextCellWithStatus,
   Ct as createGroupConfigAndIdsForRows,
@@ -2240,7 +2248,7 @@ export {
   fn as useEditableCell,
   $n as useFirstColumnConfig,
   he as useGridCell,
-  Tn as useGridNavigation,
+  Gn as useGridNavigation,
   nt as useGridNavigationOptionsFromContext,
   Hn as useLastColumnConfig,
   ro as useLocalStateTableContext,