@stenajs-webui/grid 19.0.0-next.14 → 19.0.0-next.16

package/dist/index.es.js

@@ -1,26 +1,26 @@
 (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 { jsx as r, Fragment as O, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, Fragment as O, jsxs as x } 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 Rt, useId as Tt } from "react";
-import { InputSpinner as ye, Icon as F, stenaExclamationTriangle as ue, stenaArrowRight as We, stenaInfoCircle as Gt, FlatButton as xe, stenaDotsVertical as Ot, stenaAngleDown as qe, stenaAngleRight as Fe, ResultListBanner as Pt, Banner as Le } from "@stenajs-webui/elements";
-import { cssColor as j } from "@stenajs-webui/theme";
-import { Tooltip as se, Popover as At } from "@stenajs-webui/tooltip";
-import { Text as U, Indent as N, Space as D, Row as E, Box as oe, exhaustSwitchCaseElseThrow as Lt, Heading as Ue, booleanOrNumberToNumber as Bt, useArraySet as Ze, useOnScreen as Dt, Spacing as Ce } from "@stenajs-webui/core";
-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 $t } from "@fortawesome/free-solid-svg-icons/faSortAmountUpAlt";
-import { faSortNumericDown as Ht } from "@fortawesome/free-solid-svg-icons/faSortNumericDown";
-import { faSortNumericUp as Mt } from "@fortawesome/free-solid-svg-icons/faSortNumericUp";
-import Je from "classnames";
-import { TextInput as ge, Checkbox as Xe } 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 Y } 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 en from "@emotion/styled";
-const Ye = P.createContext({}), Cr = ({
+import { useMemo as v, useRef as ne, useState as ye, useCallback as I, useEffect as We, useContext as H, createContext as K, useReducer as Gt, useId as Ot } from "react";
+import { InputSpinner as xe, Icon as F, stenaExclamationTriangle as pe, stenaArrowRight as qe, stenaInfoCircle as Pt, FlatButton as ge, stenaDotsVertical as At, stenaAngleDown as Fe, stenaAngleRight as Ue, ResultListBanner as Lt, Banner as Be } from "@stenajs-webui/elements";
+import { cssColor as _ } from "@stenajs-webui/theme";
+import { Tooltip as le, Popover as Bt } from "@stenajs-webui/tooltip";
+import { Text as U, Indent as D, Space as B, Row as R, Box as oe, exhaustSwitchCaseElseThrow as Dt, Heading as Ze, booleanOrNumberToNumber as zt, useArraySet as Je, useOnScreen as Nt, Spacing as fe } from "@stenajs-webui/core";
+import { faSortAlphaDown as Kt } from "@fortawesome/free-solid-svg-icons/faSortAlphaDown";
+import { faSortAlphaUp as $t } from "@fortawesome/free-solid-svg-icons/faSortAlphaUp";
+import { faSortAmountDownAlt as Ht } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
+import { faSortAmountUpAlt as Mt } from "@fortawesome/free-solid-svg-icons/faSortAmountUpAlt";
+import { faSortNumericDown as Vt } from "@fortawesome/free-solid-svg-icons/faSortNumericDown";
+import { faSortNumericUp as _t } from "@fortawesome/free-solid-svg-icons/faSortNumericUp";
+import Xe from "classnames";
+import { TextInput as be, Checkbox as Ye } from "@stenajs-webui/forms";
+import { useDispatch as jt, useSelector as De } from "react-redux";
+import { createSortOrderActions as Wt, createSelectedIdsActions as ze, createEntityActions as qt, createSortOrderReducerInitialState as Ft, createSelectedIdsReducerInitialState as Ne, reducerIdGate as he, createSortOrderReducer as Ut, createSelectedIdsReducer as Ke, createEntityReducer as Zt, reducerIdGateAction as Y } from "@stenajs-webui/redux";
+import { combineReducers as Jt } from "redux";
+import { LoadingScreen as Xt, ErrorScreen as Yt } from "@stenajs-webui/panels";
+import { compact as Qt, upperFirst as en, lowerCase as tn } from "lodash";
+import nn from "@emotion/styled";
+const Qe = P.createContext({}), yr = ({
   children: e,
   numCols: t,
   numRows: n,
@@ -31,37 +31,37 @@ const Ye = P.createContext({}), Cr = ({
     () => ({ numCols: t, numRows: n, tableId: o, wrap: s }),
     [t, n, o, s]
   );
-  return /* @__PURE__ */ r(Ye.Provider, { value: c, children: e });
-}, be = (e) => {
+  return /* @__PURE__ */ r(Qe.Provider, { value: c, children: e });
+}, ke = (e) => {
   const { loading: t, creating: n, deleting: o, updating: s, hasError: c } = e;
   return Boolean(t || n || o || s || c);
-}, Qe = ({ crudStatus: e }) => {
-  if (!e || !be(e))
+}, et = ({ crudStatus: e }) => {
+  if (!e || !ke(e))
     return null;
   const { errorMessage: t, hasError: n, loading: o, creating: s, deleting: c, updating: l } = e;
   if (o || s || c || l)
-    return /* @__PURE__ */ r(ye, { color: j("--lhds-color-ui-500") });
+    return /* @__PURE__ */ r(xe, { color: _("--lhds-color-ui-500") });
   if (n) {
     const i = /* @__PURE__ */ r(
       F,
       {
-        icon: ue,
-        color: j("--lhds-color-orange-600"),
+        icon: pe,
+        color: _("--lhds-color-orange-600"),
         size: 14
       }
     );
-    return /* @__PURE__ */ r(O, { children: t ? /* @__PURE__ */ r(se, { label: t, zIndex: 100, children: i }) : i });
+    return /* @__PURE__ */ r(O, { children: t ? /* @__PURE__ */ r(le, { label: t, zIndex: 100, children: i }) : i });
   }
   return null;
-}, tn = ({
+}, on = ({
   isEditable: e,
   warningOnEmpty: t,
   value: n,
   modifiedField: o,
   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(O, { children: [
+  const c = t && (o == null ? void 0 : o.modified) && (o == null ? void 0 : o.newValue) === "", l = s && ke(s), i = c || l;
+  return /* @__PURE__ */ x(O, { children: [
     /* @__PURE__ */ r(
       U,
       {
@@ -70,28 +70,28 @@ const Ye = P.createContext({}), Cr = ({
         children: n
       }
     ),
-    (o == null ? void 0 : o.newValue) !== void 0 && /* @__PURE__ */ g(O, { children: [
-      /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(F, { icon: We, size: 12 }) }),
+    (o == null ? void 0 : o.newValue) !== void 0 && /* @__PURE__ */ x(O, { children: [
+      /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(F, { icon: qe, size: 12 }) }),
       /* @__PURE__ */ r(U, { color: "var(--swui-primary-action-color)", variant: "bold", children: o.newValue })
     ] }),
-    i && /* @__PURE__ */ r(D, {}),
-    c ? /* @__PURE__ */ r(se, { label: t, zIndex: 100, children: /* @__PURE__ */ r(
+    i && /* @__PURE__ */ r(B, {}),
+    c ? /* @__PURE__ */ r(le, { label: t, zIndex: 100, children: /* @__PURE__ */ r(
       F,
       {
-        icon: ue,
-        color: j("--lhds-color-orange-600"),
+        icon: pe,
+        color: _("--lhds-color-orange-600"),
         size: 14
       }
-    ) }) : /* @__PURE__ */ r(Qe, { crudStatus: s })
+    ) }) : /* @__PURE__ */ r(et, { crudStatus: s })
   ] });
-}, nn = ({
+}, rn = ({
   alignItems: e = "center",
   justifyContent: t = "flex-start",
   overflow: n = "hidden",
   indent: o = 1,
   ...s
 }) => /* @__PURE__ */ r(
-  E,
+  R,
   {
     height: "100%",
     alignItems: e,
@@ -100,35 +100,35 @@ const Ye = P.createContext({}), Cr = ({
     indent: o,
     ...s
   }
-), on = "var(--lhds-color-ui-300)", rn = "var(--lhds-color-blue-500)", et = "var(--lhds-color-blue-50)", sn = "var(--lhds-color-blue-100)", re = `1px solid ${on}`, cn = "1px solid transparent", ke = "var(--swui-expand-highlight-border-width) solid transparent", tt = `var(--swui-expand-highlight-border-width) solid ${rn}`, Se = "40px", Ie = "40px", nt = "40px", fr = (e) => /* @__PURE__ */ r(
-  nn,
+), sn = "var(--lhds-color-ui-300)", cn = "var(--lhds-color-blue-500)", tt = "var(--lhds-color-blue-50)", ln = "var(--lhds-color-blue-100)", ce = `1px solid ${sn}`, an = "1px solid transparent", Se = "var(--swui-expand-highlight-border-width) solid transparent", nt = `var(--swui-expand-highlight-border-width) solid ${cn}`, Ie = "40px", Ee = "40px", ot = "40px", xr = (e) => /* @__PURE__ */ r(
+  rn,
   {
-    width: nt,
+    width: ot,
     justifyContent: "center",
     ...e
   }
-), Ke = ({
+), $e = ({
   iconVariant: e = "amount",
   direction: t
 }) => /* @__PURE__ */ r(oe, { width: "14px", children: /* @__PURE__ */ r(
   F,
   {
     size: 14,
-    color: j("--lhds-color-ui-500"),
-    icon: ln(t, e)
+    color: _("--lhds-color-ui-500"),
+    icon: dn(t, e)
   }
-) }), ln = (e, t) => {
+) }), dn = (e, t) => {
   switch (t) {
     case "alpha":
-      return e === "up" ? zt : Nt;
+      return e === "up" ? $t : Kt;
     case "numeric":
-      return e === "up" ? Mt : Ht;
+      return e === "up" ? _t : Vt;
     case "amount":
-      return e === "up" ? $t : Kt;
+      return e === "up" ? Mt : Ht;
     default:
-      return Lt(t);
+      return Dt(t);
   }
-}, Ee = P.memo(
+}, Re = P.memo(
   ({
     label: e,
     arrow: t,
@@ -145,8 +145,8 @@ const Ye = P.createContext({}), Cr = ({
     ...w
   }) => {
     const m = ne(null), f = n ? { cursor: "pointer", userSelect: "none" } : void 0, p = !e && !t && !i;
-    return /* @__PURE__ */ g(
-      E,
+    return /* @__PURE__ */ x(
+      R,
       {
         height: "100%",
         alignItems: "center",
@@ -154,49 +154,49 @@ const Ye = P.createContext({}), Cr = ({
         overflow: a,
         justifyContent: u ? "flex-end" : "flex-start",
         borderTop: "2px solid transparent",
-        borderBottom: `2px solid ${s ? j("--lhds-color-blue-500") : "transparent"}`,
+        borderBottom: `2px solid ${s ? _("--lhds-color-blue-500") : "transparent"}`,
         ...w,
         children: [
-          /* @__PURE__ */ g(E, { alignItems: "center", indent: !0, children: [
-            !t && u && /* @__PURE__ */ g(O, { children: [
-              /* @__PURE__ */ r(D, {}),
+          /* @__PURE__ */ x(R, { alignItems: "center", indent: !0, children: [
+            !t && u && /* @__PURE__ */ x(O, { children: [
+              /* @__PURE__ */ r(B, {}),
               /* @__PURE__ */ r(oe, { width: "14px" }),
-              /* @__PURE__ */ r(D, { num: 0.5 })
+              /* @__PURE__ */ r(B, { num: 0.5 })
             ] }),
-            (o || e) && /* @__PURE__ */ g(E, { onClick: n, style: f, alignItems: "center", children: [
-              o && /* @__PURE__ */ g(O, { children: [
+            (o || e) && /* @__PURE__ */ x(R, { onClick: n, style: f, alignItems: "center", children: [
+              o && /* @__PURE__ */ x(O, { children: [
                 o,
-                !p && /* @__PURE__ */ r(D, { num: 0.5 })
+                !p && /* @__PURE__ */ r(B, { num: 0.5 })
               ] }),
-              t && u && /* @__PURE__ */ g(O, { children: [
-                /* @__PURE__ */ r(D, {}),
+              t && u && /* @__PURE__ */ x(O, { children: [
+                /* @__PURE__ */ r(B, {}),
                 /* @__PURE__ */ r(
-                  Ke,
+                  $e,
                   {
                     direction: t,
                     iconVariant: d
                   }
                 ),
-                /* @__PURE__ */ r(D, { num: 0.5 })
+                /* @__PURE__ */ r(B, { num: 0.5 })
               ] }),
-              e && /* @__PURE__ */ r(Ue, { variant: "h6", style: { textAlign: "left" }, children: e }),
-              t && !u && /* @__PURE__ */ g(O, { children: [
-                /* @__PURE__ */ r(D, { num: 0.5 }),
+              e && /* @__PURE__ */ r(Ze, { variant: "h6", style: { textAlign: "left" }, children: e }),
+              t && !u && /* @__PURE__ */ x(O, { children: [
+                /* @__PURE__ */ r(B, { num: 0.5 }),
                 /* @__PURE__ */ r(
-                  Ke,
+                  $e,
                   {
                     direction: t,
                     iconVariant: d
                   }
                 ),
-                /* @__PURE__ */ r(D, {})
+                /* @__PURE__ */ r(B, {})
               ] })
             ] }),
-            i && /* @__PURE__ */ g(O, { children: [
-              /* @__PURE__ */ r(D, {}),
-              /* @__PURE__ */ g(E, { onClick: (C) => C.stopPropagation(), children: [
+            i && /* @__PURE__ */ x(O, { children: [
+              /* @__PURE__ */ r(B, {}),
+              /* @__PURE__ */ x(R, { onClick: (C) => C.stopPropagation(), children: [
                 /* @__PURE__ */ r(
-                  se,
+                  le,
                   {
                     label: i,
                     zIndex: "var(--swui-sticky-popover-z-index)",
@@ -204,19 +204,19 @@ const Ye = P.createContext({}), Cr = ({
                     children: /* @__PURE__ */ r(
                       F,
                       {
-                        icon: Gt,
+                        icon: Pt,
                         size: 14,
-                        color: j("--lhds-color-blue-400")
+                        color: _("--lhds-color-blue-400")
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ r(D, {})
+                /* @__PURE__ */ r(B, {})
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ r(E, { children: l ? /* @__PURE__ */ r(ye, {}) : c ? /* @__PURE__ */ r(
-            At,
+          /* @__PURE__ */ r(R, { children: l ? /* @__PURE__ */ r(xe, {}) : c ? /* @__PURE__ */ r(
+            Bt,
             {
               content: c,
               trigger: "click",
@@ -224,56 +224,56 @@ const Ye = P.createContext({}), Cr = ({
               disablePadding: !0,
               variant: "outlined",
               arrow: !1,
-              children: /* @__PURE__ */ r(xe, { leftIcon: Ot, size: "small" })
+              children: /* @__PURE__ */ r(ge, { leftIcon: At, size: "small" })
             }
           ) : null }),
-          !t && !u && /* @__PURE__ */ g(O, { children: [
-            /* @__PURE__ */ r(D, {}),
+          !t && !u && /* @__PURE__ */ x(O, { children: [
+            /* @__PURE__ */ r(B, {}),
             /* @__PURE__ */ r(oe, { width: "14px" }),
-            /* @__PURE__ */ r(D, { num: 0.5 })
+            /* @__PURE__ */ r(B, { num: 0.5 })
           ] })
         ]
       }
     );
   }
-), vr = (e) => /* @__PURE__ */ r(
-  Ee,
+), gr = (e) => /* @__PURE__ */ r(
+  Re,
   {
-    width: nt,
+    width: ot,
     justifyContent: "center",
     ...e
   }
-), yr = ({
+), br = ({
   label: e,
   flex: t,
   width: n,
   indent: o = 1,
-  height: s = Ie
-}) => /* @__PURE__ */ r(Ee, { width: n, flex: t, height: s, children: /* @__PURE__ */ r(oe, { indent: o, spacing: !0, children: /* @__PURE__ */ r(U, { variant: "bold", children: e }) }) }), xr = P.memo(
-  ({ style: e, height: t = Ie, ...n }) => /* @__PURE__ */ r(E, { style: e, height: t, ...n })
-), an = "_tableRow_1cphw_1", dn = {
-  tableRow: an
-}, gr = ({
+  height: s = Ee
+}) => /* @__PURE__ */ r(Re, { width: n, flex: t, height: s, children: /* @__PURE__ */ r(oe, { indent: o, spacing: !0, children: /* @__PURE__ */ r(U, { variant: "bold", children: e }) }) }), kr = P.memo(
+  ({ style: e, height: t = Ee, ...n }) => /* @__PURE__ */ r(R, { style: e, height: t, ...n })
+), un = "_tableRow_1cphw_1", hn = {
+  tableRow: un
+}, Sr = ({
   hideBorderTop: e,
-  height: t = Ie,
+  height: t = Ee,
   className: n,
   ...o
 }) => /* @__PURE__ */ r(
-  E,
+  R,
   {
-    borderTop: e ? cn : re,
+    borderTop: e ? an : ce,
     height: t,
-    className: Je(dn.tableRow, n),
+    className: Xe(hn.tableRow, n),
     ...o
   }
-), un = (e) => {
-  const [t, n] = ve(e), o = ne(e), s = ne(e), c = I(
+), pn = (e) => {
+  const [t, n] = ye(e), o = ne(e), s = ne(e), c = I(
     (d) => {
       n(d), s.current = d;
     },
     [n, s]
   );
-  je(() => {
+  We(() => {
     c(e);
   }, [c, e]);
   const l = I(() => {
@@ -295,7 +295,7 @@ const Ye = P.createContext({}), Cr = ({
     commit: i,
     getValue: u
   };
-}, hn = (e) => ({
+}, mn = (e) => ({
   altKey: e.altKey,
   charCode: e.charCode,
   ctrlKey: e.ctrlKey,
@@ -307,29 +307,29 @@ const Ye = P.createContext({}), Cr = ({
   repeat: e.repeat,
   shiftKey: e.shiftKey,
   which: e.which
-}), pn = (e) => e, mn = (e, {
+}), wn = (e) => e, Cn = (e, {
   isEditable: t = !1,
   allowedInputType: n = "all",
   onChange: o,
   onStartEditing: s,
   onStopEditing: c,
-  transformEnteredValue: l = pn
+  transformEnteredValue: l = wn
 }) => {
-  const [i, a] = ve(!1), [u, d] = ve(
+  const [i, a] = ye(!1), [u, d] = ye(
     void 0
-  ), h = un(e), { getValue: w, revert: m, setValue: f, setRevertValue: p } = h, C = I(
-    (S) => {
-      t && (f(e), p(e), a(!0), s && s(S));
+  ), h = pn(e), { getValue: w, revert: m, setValue: f, setRevertValue: p } = h, C = I(
+    (b) => {
+      t && (f(e), p(e), a(!0), s && s(b));
     },
     [t, s, p, f, e]
   ), y = I(() => {
     t && (a(!1), c && c(), o && o(w()));
-  }, [t, o, c, w, a]), b = I(() => {
+  }, [t, o, c, w, a]), k = I(() => {
     t && (a(!1), c && c(), m());
   }, [t, c, m, a]);
   return {
     onKeyDown: v(
-      () => xn(
+      () => bn(
         i,
         t,
         C,
@@ -353,37 +353,37 @@ const Ye = P.createContext({}), Cr = ({
     revertableValue: h,
     startEditing: C,
     stopEditing: y,
-    stopEditingAndRevert: b,
+    stopEditingAndRevert: k,
     onDoubleClick: C
   };
-}, wn = (e) => e === "all" || e === "numeric" || e === "alphanumeric", Cn = (e) => e === "all" || e === "alphanumeric" || e === "letters", fn = (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) => {
+}, fn = (e) => e === "all" || e === "numeric" || e === "alphanumeric", vn = (e) => e === "all" || e === "alphanumeric" || e === "letters", yn = (e) => !!e.match(/^[-+*<>]$/), xn = (e) => !!e.match(/^[a-zA-Z0-9]$/), gn = (e) => !isNaN(parseInt(e, 10)), bn = (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 a = hn(i);
-      (yn(i.key) && wn(s) || vn(i.key) && Cn(s) || fn(i.key)) && (n(a), o(a), l.commit(), l.setValue(c(a.key)), i.preventDefault(), i.stopPropagation());
+      const a = mn(i);
+      (gn(i.key) && fn(s) || xn(i.key) && vn(s) || yn(i.key)) && (n(a), o(a), l.commit(), l.setValue(c(a.key)), i.preventDefault(), i.stopPropagation());
     }
   }
-}, gn = (e, t, n, o) => {
+}, kn = (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
   };
-}, $e = (e, t, n) => Math.max(Math.min(e, n), t), bn = (e, t, n) => ({
-  rowIndex: $e(e.rowIndex, 0, t),
-  colIndex: $e(e.colIndex, 0, n)
-}), kn = (e, t, n) => {
-  const o = gn(e.colIndex, e.rowIndex, n, t);
+}, He = (e, t, n) => Math.max(Math.min(e, n), t), Sn = (e, t, n) => ({
+  rowIndex: He(e.rowIndex, 0, t),
+  colIndex: He(e.colIndex, 0, n)
+}), In = (e, t, n) => {
+  const o = kn(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" ? {
+}, En = (e, t, n, o, s, c = "clamped") => {
+  const l = Rn(e, t, s);
+  return c === "clamped" ? Sn(l, n - 1, o - 1) : c === "wrapped" ? In(l, n - 1, o - 1) : l;
+}, Rn = (e, t, n) => n === "up" ? {
   rowIndex: e - 1,
   colIndex: t
 } : n === "down" ? {
@@ -398,7 +398,7 @@ const Ye = P.createContext({}), Cr = ({
 } : {
   rowIndex: e,
   colIndex: t
-}, En = (e) => e.replace(/^[^a-z]+|[^\w:.-]+/gi, ""), Rn = (e) => {
+}, Tn = (e) => e.replace(/^[^a-z]+|[^\w:.-]+/gi, ""), Gn = (e) => {
   if (!e.tableId)
     throw new Error("tableId is required.");
   if (e.numRows == null)
@@ -406,16 +406,16 @@ const Ye = P.createContext({}), Cr = ({
   if (e.numCols == null)
     throw new Error("numCols is required.");
   return e;
-}, ot = (e) => {
-  const t = $(Ye);
+}, rt = (e) => {
+  const t = H(Qe);
   return v(
-    () => Rn({
+    () => Gn({
       ...t,
       ...e
     }),
     [t, e]
   );
-}, Tn = (e) => {
+}, On = (e) => {
   const {
     rowIndex: t,
     colIndex: n,
@@ -425,8 +425,8 @@ const Ye = P.createContext({}), Cr = ({
     edgeMode: l,
     onCellMove: i,
     onCellNavigation: a
-  } = ot(e), u = v(
-    () => Gn(
+  } = rt(e), u = v(
+    () => Pn(
       c,
       t,
       n,
@@ -447,10 +447,10 @@ const Ye = P.createContext({}), Cr = ({
       a
     ]
   ), d = v(
-    () => On(u),
+    () => An(u),
     [u]
   ), h = v(
-    () => rt(c, t, n),
+    () => st(c, t, n),
     [c, t, n]
   ), w = v(
     () => ({
@@ -461,12 +461,12 @@ const Ye = P.createContext({}), Cr = ({
     [d, h]
   );
   return {
-    focusOnCell: st,
+    focusOnCell: ct,
     moveHandler: u,
     requiredProps: w
   };
-}, Gn = (e, t, n, o, s, c, l, i) => (a) => {
-  const u = Sn(
+}, Pn = (e, t, n, o, s, c, l, i) => (a) => {
+  const u = En(
     t,
     n,
     o,
@@ -482,7 +482,7 @@ const Ye = P.createContext({}), Cr = ({
     colIndex: u.colIndex,
     colDidChange: d,
     rowDidChange: h
-  }), st(e, u)), i && i({
+  }), ct(e, u)), i && i({
     direction: a,
     fromRowIndex: t,
     fromColIndex: n,
@@ -492,13 +492,13 @@ const Ye = P.createContext({}), Cr = ({
     rowDidChange: h,
     cellDidChange: d || h
   });
-}, rt = (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, st = (e, t) => {
+}, st = (e, t, n) => Tn(`table-${e}-${t}-${n}`), An = (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, ct = (e, t) => {
   const n = document.getElementById(
-    rt(e, t.rowIndex, t.colIndex)
+    st(e, t.rowIndex, t.colIndex)
   );
   n && n.focus();
-}, he = (e, t) => {
-  const { tableId: n } = ot(t), o = Tn(t), s = mn(e, t), c = v(
+}, me = (e, t) => {
+  const { tableId: n } = rt(t), o = On(t), s = Cn(e, t), c = v(
     () => ({
       rowIndex: t.rowIndex,
       colIndex: t.colIndex
@@ -546,7 +546,7 @@ const Ye = P.createContext({}), Cr = ({
     stopEditingAndRevert: a,
     stopEditingAndMove: u
   };
-}, br = function({
+}, Ir = function({
   allowedInputType: t,
   value: n = "",
   entityId: o,
@@ -560,65 +560,65 @@ const Ye = P.createContext({}), Cr = ({
   numRows: h,
   warningOnEmpty: w
 }) {
-  const m = Vt(), f = Be(
+  const m = jt(), f = De(
     i.selectors.getState
-  ), p = Be(l.selectors.getState), C = f.entities[o], y = p.entities[o], b = I(
-    (M = "") => {
-      m(M === n ? i.actions.clearEntity(o) : i.actions.setEntity({
+  ), p = De(l.selectors.getState), C = f.entities[o], y = p.entities[o], k = I(
+    ($ = "") => {
+      m($ === n ? i.actions.clearEntity(o) : i.actions.setEntity({
         id: o,
         originalValue: n,
-        newValue: M,
+        newValue: $,
         modified: !0
       }));
     },
     [m, o, i.actions, n]
   ), {
-    isEditing: k,
-    stopEditing: S,
+    isEditing: S,
+    stopEditing: b,
     editorValue: T,
     setEditorValue: G,
-    stopEditingAndRevert: L,
-    stopEditingAndMove: x,
+    stopEditingAndRevert: A,
+    stopEditingAndMove: g,
     lastKeyEvent: z,
-    requiredProps: { onKeyDown: A, ...W }
-  } = he(n, {
+    requiredProps: { onKeyDown: L, ...J }
+  } = me(n, {
     rowIndex: u,
     colIndex: a,
     numCols: d,
     numRows: h,
     tableId: "serviceManningMatrixTable",
-    onChange: b,
+    onChange: k,
     isEditable: s,
     allowedInputType: t
-  }), H = I(
-    (M) => {
-      M.key === "Delete" ? (m(i.actions.clearEntity(o)), m(
+  }), M = I(
+    ($) => {
+      $.key === "Delete" ? (m(i.actions.clearEntity(o)), m(
         l.actions.setEntityFields(o, {
           hasError: !1,
           errorMessage: void 0
         })
-      )) : A(M);
+      )) : L($);
     },
     [
-      A,
+      L,
       o,
       m,
       i.actions,
       l.actions
     ]
   );
-  return /* @__PURE__ */ g(
-    E,
+  return /* @__PURE__ */ x(
+    R,
     {
-      height: Se,
+      height: Ie,
       width: "100%",
-      borderBottom: re,
+      borderBottom: ce,
       hoverBackground: "var(--ui7)",
       alignItems: "center",
       children: [
-        c && /* @__PURE__ */ r(N, { num: c }),
+        c && /* @__PURE__ */ r(D, { num: c }),
         /* @__PURE__ */ r(
-          E,
+          R,
           {
             width: "100%",
             height: "100%",
@@ -626,22 +626,22 @@ const Ye = P.createContext({}), Cr = ({
             alignItems: "center",
             border: "1px solid transparent",
             borderRadius: "4px",
-            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: k ? /* @__PURE__ */ r(
-              ge,
+            focusBorder: S ? void 0 : "1px solid var(--primary-action-color)",
+            hoverBorder: S ? void 0 : "var(--ui5) solid 1px;",
+            onKeyDown: M,
+            ...J,
+            children: /* @__PURE__ */ r(D, { row: !0, alignItems: "center", children: S ? /* @__PURE__ */ r(
+              be,
               {
                 onValueChange: G,
                 value: T,
-                onDone: S,
-                onEsc: L,
+                onDone: b,
+                onEsc: A,
                 autoFocus: !0,
                 selectAllOnMount: !z,
-                onMove: x
+                onMove: g
               }
-            ) : /* @__PURE__ */ g(O, { children: [
+            ) : /* @__PURE__ */ x(O, { children: [
               /* @__PURE__ */ r(
                 U,
                 {
@@ -650,8 +650,8 @@ const Ye = P.createContext({}), Cr = ({
                   children: n
                 }
               ),
-              (C == null ? void 0 : C.newValue) !== void 0 && /* @__PURE__ */ g(O, { children: [
-                /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(F, { icon: We, size: 12 }) }),
+              (C == null ? void 0 : C.newValue) !== void 0 && /* @__PURE__ */ x(O, { children: [
+                /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(F, { icon: qe, size: 12 }) }),
                 /* @__PURE__ */ r(
                   U,
                   {
@@ -661,67 +661,67 @@ const Ye = P.createContext({}), Cr = ({
                   }
                 )
               ] }),
-              y && be(y) && /* @__PURE__ */ r(D, { num: 2 }),
-              w && (C == null ? void 0 : C.modified) && (C == null ? void 0 : C.newValue) === "" ? /* @__PURE__ */ r(se, { label: w, zIndex: 100, children: /* @__PURE__ */ r(
+              y && ke(y) && /* @__PURE__ */ r(B, { num: 2 }),
+              w && (C == null ? void 0 : C.modified) && (C == null ? void 0 : C.newValue) === "" ? /* @__PURE__ */ r(le, { label: w, zIndex: 100, children: /* @__PURE__ */ r(
                 F,
                 {
-                  icon: ue,
+                  icon: pe,
                   color: "var(--ui-alert1)",
                   size: 14
                 }
-              ) }) : /* @__PURE__ */ r(Qe, { crudStatus: y })
+              ) }) : /* @__PURE__ */ r(et, { crudStatus: y })
             ] }) })
           }
         ),
-        c && /* @__PURE__ */ r(N, { num: c })
+        c && /* @__PURE__ */ r(D, { num: c })
       ]
     }
   );
-}, ct = K(""), lt = K(
+}, lt = K(""), it = K(
   void 0
-), it = K(void 0), at = K(void 0), Pn = () => ({
-  sortOrder: _t(),
-  selectedIds: De(),
-  expandedRows: De(),
-  fields: jt()
-}), _ = (e, t) => `${e}.${t}`, dt = (e = void 0, t = !1, n = [], o = []) => ({
-  sortOrder: Wt(e, t),
+), at = K(void 0), dt = K(void 0), Ln = () => ({
+  sortOrder: Wt(),
+  selectedIds: ze(),
+  expandedRows: ze(),
+  fields: qt()
+}), V = (e, t) => `${e}.${t}`, ut = (e = void 0, t = !1, n = [], o = []) => ({
+  sortOrder: Ft(e, t),
   selectedIds: Ne(n),
   expandedRows: Ne(o),
   fields: { lastSelectedId: void 0 }
-}), An = (e, t) => {
+}), Bn = (e, t) => {
   var l;
-  const n = de(
-    _(e, "sortOrder"),
-    qt(t == null ? void 0 : t.sortOrder)
-  ), o = de(
-    _(e, "selectedIds"),
-    ze(t == null ? void 0 : t.selectedIds)
-  ), s = de(
-    _(e, "expandedRows"),
-    ze(t == null ? void 0 : t.expandedRows)
-  ), c = de(
-    _(e, "fields"),
-    Ft((l = t == null ? void 0 : t.fields) != null ? l : {})
+  const n = he(
+    V(e, "sortOrder"),
+    Ut(t == null ? void 0 : t.sortOrder)
+  ), o = he(
+    V(e, "selectedIds"),
+    Ke(t == null ? void 0 : t.selectedIds)
+  ), s = he(
+    V(e, "expandedRows"),
+    Ke(t == null ? void 0 : t.expandedRows)
+  ), c = he(
+    V(e, "fields"),
+    Zt((l = t == null ? void 0 : t.fields) != null ? l : {})
   );
-  return Ut({
+  return Jt({
     sortOrder: n,
     selectedIds: o,
     expandedRows: s,
     fields: c
   });
-}, Re = () => $(ct), R = () => $(at), Q = () => $(lt), ce = () => $(it), ut = K([]), Z = () => $(
-  ut
-), ht = () => {
-  const e = R(), t = Z();
+}, Te = () => H(lt), E = () => H(dt), Q = () => H(it), ie = () => H(at), ht = K([]), Z = () => H(
+  ht
+), pt = () => {
+  const e = E(), t = Z();
   let n = 0;
   return e.enableExpandCollapse && n++, e.showRowCheckbox && n++, n + v(
     () => t.map((o) => o.groupConfig.columnOrder.length).reduce((o, s) => o + s, 0),
     [t]
   );
-}, pt = K(void 0), Ln = () => $(pt), mt = K(void 0), Bn = () => $(mt), wt = K(void 0), Dn = K(!1), Nn = () => $(wt), zn = K("standard"), Ct = K({}), Te = () => $(Ct), ft = K(0), Ge = () => $(ft), vt = (e, t, n) => {
+}, mt = K(void 0), Dn = () => H(mt), wt = K(void 0), zn = () => H(wt), Ct = K(void 0), Nn = K(!1), Kn = () => H(Ct), $n = K("standard"), ft = K({}), Ge = () => H(ft), vt = K(0), Oe = () => H(vt), yt = (e, t, n) => {
   var o;
-  return e ? Xt(
+  return e ? Qt(
     (o = t == null ? void 0 : t.map((s) => {
       const c = e == null ? void 0 : e[s];
       return {
@@ -743,28 +743,28 @@ const Ye = P.createContext({}), Cr = ({
       }
     }
   ];
-}, Oe = (e, t, n) => {
+}, Pe = (e, t, n) => {
   if (e)
-    return e === !0 ? re : e;
+    return e === !0 ? ce : e;
   if (!t && !!n)
-    return n === !0 ? re : n;
-}, pe = (e, t, n) => {
+    return n === !0 ? ce : n;
+}, we = (e, t, n) => {
   if (!(e === 0 || t !== 0) && n)
-    return n === !0 ? re : n;
-}, le = (e) => {
-  const { columns: t } = R(), n = t[e];
+    return n === !0 ? ce : n;
+}, ae = (e) => {
+  const { columns: t } = E(), n = t[e];
   if (!n)
     throw new Error("No config for column with id=" + e);
   return n;
-}, Kn = () => {
+}, 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];
+  const e = E(), 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;
-}, $n = () => {
+}, Mn = () => {
   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;
+  const e = E(), 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({
+}, Vn = function({
   columnId: t,
   groupConfig: n,
   borderFromGroup: o,
@@ -772,39 +772,39 @@ const Ye = P.createContext({}), Cr = ({
   isFirstGroup: c,
   isLastGroup: l
 }) {
-  var A;
-  const { label: i, render: a, contentLeft: u, contentRight: d, loading: h, error: w } = n, { width: m, minWidth: f, zIndex: p, borderLeft: C } = le(t), y = R(), { stickyHeader: b, headerRowOffsetTop: k } = y, S = "columnGroupOrder" in y ? y.stickyColumnGroups : void 0, T = Mn(o, C), G = c && (S === "first" || S === "both"), L = l && (S === "last" || S === "both"), x = G || L || b, z = G || L;
+  var L;
+  const { label: i, render: a, contentLeft: u, contentRight: d, loading: h, error: w } = n, { width: m, minWidth: f, zIndex: p, borderLeft: C } = ae(t), y = E(), { stickyHeader: k, headerRowOffsetTop: S } = y, b = "columnGroupOrder" in y ? y.stickyColumnGroups : void 0, T = _n(o, C), G = c && (b === "first" || b === "both"), A = l && (b === "last" || b === "both"), g = G || A || k, z = G || A;
   return /* @__PURE__ */ r(
     "th",
     {
       colSpan: s,
       style: {
-        position: x ? "sticky" : void 0,
+        position: g ? "sticky" : void 0,
         height: "var(--current-row-height)",
         width: m,
-        minWidth: (A = f != null ? f : m) != null ? A : "20px",
-        background: x ? "white" : "transparent",
+        minWidth: (L = f != null ? f : m) != null ? L : "20px",
+        background: g ? "white" : "transparent",
         left: G ? "var(--current-left-offset)" : void 0,
-        right: L ? "0px" : void 0,
-        top: b ? k != null ? k : "0px" : void 0,
+        right: A ? "0px" : void 0,
+        top: k ? S != null ? S : "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
+        zIndex: k && z ? "var(--swui-sticky-column-group-label-z-index)" : z ? "var(--swui-sticky-group-group-z-index)" : k ? p != null ? p : "var(--swui-sticky-header-column-group-z-index)" : p != null ? p : 1,
+        boxShadow: G ? "var(--swui-sticky-column-shadow-right)" : A ? "var(--swui-sticky-column-shadow-left)" : void 0
       },
-      children: /* @__PURE__ */ r(E, { alignItems: "center", children: /* @__PURE__ */ g(O, { children: [
-        u && /* @__PURE__ */ g(O, { children: [
-          /* @__PURE__ */ r(D, {}),
+      children: /* @__PURE__ */ r(R, { alignItems: "center", children: /* @__PURE__ */ x(O, { children: [
+        u && /* @__PURE__ */ x(O, { children: [
+          /* @__PURE__ */ r(B, {}),
           u,
-          /* @__PURE__ */ r(D, { num: 0.5 })
+          /* @__PURE__ */ r(B, { num: 0.5 })
         ] }),
-        a ? a(n) : /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(Ue, { variant: "h5", whiteSpace: "nowrap", children: i }) }),
-        d && /* @__PURE__ */ g(O, { children: [
-          /* @__PURE__ */ r(D, { num: 0.5 }),
+        a ? a(n) : /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(Ze, { variant: "h5", whiteSpace: "nowrap", children: i }) }),
+        d && /* @__PURE__ */ x(O, { children: [
+          /* @__PURE__ */ r(B, { num: 0.5 }),
           d
         ] }),
-        (w || h) && /* @__PURE__ */ r(N, {}),
-        h ? /* @__PURE__ */ r(ye, {}) : w ? /* @__PURE__ */ r(
-          se,
+        (w || h) && /* @__PURE__ */ r(D, {}),
+        h ? /* @__PURE__ */ r(xe, {}) : w ? /* @__PURE__ */ r(
+          le,
           {
             label: w,
             placement: "bottom",
@@ -812,8 +812,8 @@ const Ye = P.createContext({}), Cr = ({
             children: /* @__PURE__ */ r(
               F,
               {
-                icon: ue,
-                color: j("--lhds-color-red-500"),
+                icon: pe,
+                color: _("--lhds-color-red-500"),
                 size: 14
               }
             )
@@ -822,28 +822,28 @@ const Ye = P.createContext({}), Cr = ({
       ] }) })
     }
   );
-}, Mn = (e, t) => {
+}, _n = (e, t) => {
   if (e)
     return e;
   if (t)
     return "1px solid transparent";
-}, Vn = (e, t, n, o) => ({
-  top: e ? _n(e, n) : void 0,
+}, jn = (e, t, n, o) => ({
+  top: e ? Wn(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
-}), _n = (e, t) => {
+}), Wn = (e, t) => {
   if (e && t)
     return t;
   if (t)
     return t;
   if (e)
     return 0;
-}, jn = P.memo(function({
-  height: t = Se
+}, qn = P.memo(function({
+  height: t = Ie
 }) {
-  const n = Z(), o = R(), {
+  const n = Z(), o = E(), {
     showHeaderCheckbox: s,
     enableExpandCollapse: c,
     rowIndent: l,
@@ -851,18 +851,18 @@ const Ye = P.createContext({}), Cr = ({
     stickyHeader: a,
     stickyCheckboxColumn: u,
     headerRowOffsetTop: d
-  } = o, h = Vn(
+  } = o, h = jn(
     a,
     u,
     d,
     i
   ), w = a ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ x(
     "tr",
     {
       style: {
         height: t,
-        borderLeft: ke
+        borderLeft: Se
       },
       children: [
         l && /* @__PURE__ */ r("th", { style: h }),
@@ -888,14 +888,14 @@ const Ye = P.createContext({}), Cr = ({
           }
         ),
         n.map(({ groupConfig: m, groupId: f }, p) => /* @__PURE__ */ r(
-          Hn,
+          Vn,
           {
             isFirstGroup: p === 0,
             isLastGroup: p === n.length - 1,
             groupConfig: m,
             columnId: m.columnOrder[0],
             colSpan: m.columnOrder.length,
-            borderFromGroup: pe(
+            borderFromGroup: we(
               p,
               0,
               m.borderLeft
@@ -908,8 +908,8 @@ const Ye = P.createContext({}), Cr = ({
       ]
     }
   );
-}), Wn = (e) => {
-  const t = vt(
+}), Fn = (e) => {
+  const t = yt(
     "columnGroups" in e ? e.columnGroups : void 0,
     "columnGroupOrder" in e ? e.columnGroupOrder : void 0,
     "columnOrder" in e ? e.columnOrder : void 0
@@ -917,30 +917,30 @@ const Ye = P.createContext({}), Cr = ({
   let n = {}, o = 0;
   return e.showRowCheckbox && o++, e.enableExpandCollapse && o++, t.forEach((s) => {
     s.groupConfig.columnOrder.forEach((c) => {
-      qn(e.columns[c]) && (n[c] = o++);
+      Un(e.columns[c]) && (n[c] = o++);
     });
   }), {
     columnIndexPerColumnId: n,
     numNavigableColumns: o
   };
-}, qn = (e) => !e.disableGridCell, yt = K({
+}, Un = (e) => !e.disableGridCell, xt = K({
   columnIndexPerColumnId: {},
   numNavigableColumns: 0
-}), xt = () => $(
-  yt
-), Fn = (e) => {
-  "columnGroupOrder" in e && (Un(e), (e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both") && He(e, 0), (e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both") && He(
+}), gt = () => H(
+  xt
+), Zn = (e) => {
+  "columnGroupOrder" in e && (Jn(e), (e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both") && Me(e, 0), (e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both") && Me(
     e,
     e.columnGroupOrder.length - 1
   ));
-}, Un = (e) => {
+}, Jn = (e) => {
   Object.keys(e.columns).forEach((n) => {
     if (e.columns[n].sticky)
       throw new Error(
         "Columns can not be sticky when column groups are used. columnId: " + n
       );
   });
-}, He = (e, t) => {
+}, Me = (e, t) => {
   var s;
   if (!e.columnGroupOrder || e.columnGroupOrder.length === 0)
     throw new Error(
@@ -957,13 +957,13 @@ const Ye = P.createContext({}), Cr = ({
         "All columns in sticky column group must have width set."
       );
   });
-}, Zn = (e) => {
-  const t = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both" ? Me(
-    Xn(e),
+}, Xn = (e) => {
+  const t = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both" ? Ve(
+    Qn(e),
     e.columns,
     !0
-  ) : void 0, n = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both" ? Me(
-    Yn(e),
+  ) : void 0, n = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both" ? Ve(
+    eo(e),
     e.columns,
     !1
   ) : void 0;
@@ -971,24 +971,24 @@ const Ye = P.createContext({}), Cr = ({
     ...t,
     ...n
   };
-}, Me = (e, t, n) => {
+}, Ve = (e, t, n) => {
   var c;
   const o = {}, s = [
     n ? "var(--current-left-offset)" : "0px"
   ];
   for (let l = 0; l < e.length; l++) {
     const i = e[l], a = t == null ? void 0 : t[i];
-    o[i] = Jn(s), s.push((c = a == null ? void 0 : a.width) != null ? c : "0px");
+    o[i] = Yn(s), s.push((c = a == null ? void 0 : a.width) != null ? c : "0px");
   }
   return o;
-}, Jn = (e) => e.length === 0 ? "0px" : e.length === 1 ? e[0] : "calc(" + e.join(" + ") + ")", Xn = (e) => {
+}, Yn = (e) => e.length === 0 ? "0px" : e.length === 1 ? e[0] : "calc(" + e.join(" + ") + ")", Qn = (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 : [];
-}, Yn = (e) => {
+}, eo = (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)
@@ -998,7 +998,7 @@ const Ye = P.createContext({}), Cr = ({
     return [];
   const o = [...n.columnOrder];
   return o.reverse(), o;
-}, Qn = (e) => "columnGroups" in e ? to(e) : eo(e), eo = (e) => Object.keys(e.columns).reduce((n, o) => {
+}, to = (e) => "columnGroups" in e ? oo(e) : no(e), no = (e) => Object.keys(e.columns).reduce((n, o) => {
   var l;
   const s = e.columns[o], c = Boolean(s.sticky);
   return n[o] = {
@@ -1009,8 +1009,8 @@ const Ye = P.createContext({}), Cr = ({
     isFirstColumnInLastGroup: !1,
     isLastColumnInFirstGroup: !1
   }, n;
-}, {}), to = (e) => {
-  const t = {}, n = e.columnGroupOrder, o = Zn(e), s = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both", c = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both";
+}, {}), oo = (e) => {
+  const t = {}, n = e.columnGroupOrder, o = Xn(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((d, h) => {
@@ -1025,43 +1025,43 @@ const Ye = P.createContext({}), Cr = ({
       };
     });
   }), t;
-}, no = (e, t) => ({
+}, ro = (e, t) => ({
   setSelectedIds: (n) => Y(
-    _(e, "selectedIds"),
+    V(e, "selectedIds"),
     t.selectedIds.setSelectedIds(n)
   ),
   clearSelection: () => Y(
-    _(e, "selectedIds"),
+    V(e, "selectedIds"),
     t.selectedIds.clearSelectedIds()
   ),
   expandByIds: (n) => Y(
-    _(e, "expandedRows"),
+    V(e, "expandedRows"),
     t.expandedRows.setSelectedIds(n)
   ),
   collapseAll: () => Y(
-    _(e, "expandedRows"),
+    V(e, "expandedRows"),
     t.expandedRows.clearSelectedIds()
   ),
   sortBy: (n, o) => Y(
-    _(e, "sortOrder"),
+    V(e, "sortOrder"),
     t.sortOrder.sortBy(n, o != null ? o : !1)
   ),
   clearSortOrder: () => Y(
-    _(e, "sortOrder"),
+    V(e, "sortOrder"),
     t.sortOrder.clearSortOrder()
   ),
   setLastSelectedId: (n) => Y(
-    _(e, "fields"),
+    V(e, "fields"),
     t.fields.setEntityFields({ lastSelectedId: n })
   )
-}), oo = (e, t = dt()) => {
-  const [n, o] = Rt(
-    An(e),
+}), so = (e, t = ut()) => {
+  const [n, o] = Gt(
+    Bn(e),
     t
   ), s = v(
-    () => no(
+    () => ro(
       e,
-      Pn()
+      Ln()
     ),
     [e]
   );
@@ -1075,23 +1075,23 @@ const Ye = P.createContext({}), Cr = ({
       [n, s, o]
     )
   };
-}, ro = (e) => (e.rowIndent ? 2 : 0) + (e.enableExpandCollapse ? 1 : 0) + (e.showRowCheckbox ? 1 : 0) + so(e), so = (e) => {
+}, co = (e) => (e.rowIndent ? 2 : 0) + (e.enableExpandCollapse ? 1 : 0) + (e.showRowCheckbox ? 1 : 0) + lo(e), lo = (e) => {
   var t, n;
   return "columnGroupOrder" in e ? e.columnGroupOrder.reduce((o, s) => {
     var l, i, a;
     const c = (l = e.columnGroups) == null ? void 0 : l[s];
     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;
-}, co = () => {
-  const e = R(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, o = Bt(e.rowIndent);
-  return /* @__PURE__ */ g(O, { children: [
+}, io = () => {
+  const e = E(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, o = zt(e.rowIndent);
+  return /* @__PURE__ */ x(O, { children: [
     o ? /* @__PURE__ */ r("colgroup", { children: /* @__PURE__ */ r(
       "col",
       {
         style: { width: `calc(var(--swui-metrics-indent) * ${o})` }
       }
     ) }) : null,
-    n && /* @__PURE__ */ g("colgroup", { children: [
+    n && /* @__PURE__ */ x("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)" } })
     ] }),
@@ -1112,19 +1112,19 @@ const Ye = P.createContext({}), Cr = ({
       }
     ) }) : null
   ] });
-}, lo = "_standardTable_1iok0_1", io = "_relaxed_1iok0_37", ao = "_condensed_1iok0_41", uo = "_compact_1iok0_45", Ve = {
-  standardTable: lo,
-  relaxed: io,
-  condensed: ao,
-  compact: uo
-}, ho = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : fe(e, t, "number") ? Number(e) - Number(t) : fe(e, t, "boolean") ? Number(t) - Number(e) : fe(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, fe = (e, t, n) => typeof e === n && typeof t === n, po = (e) => {
-  const { columns: t } = R();
+}, ao = "_standardTable_1iok0_1", uo = "_relaxed_1iok0_37", ho = "_condensed_1iok0_41", po = "_compact_1iok0_45", _e = {
+  standardTable: ao,
+  relaxed: uo,
+  condensed: ho,
+  compact: po
+}, mo = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : ve(e, t, "number") ? Number(e) - Number(t) : ve(e, t, "boolean") ? Number(t) - Number(e) : ve(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, ve = (e, t, n) => typeof e === n && typeof t === n, wo = (e) => {
+  const { columns: t } = E();
   if (!e)
     return;
   const n = t[e];
   if (!!n)
     return n.itemValueResolver;
-}, mo = P.memo(
+}, Co = P.memo(
   function({
     value: t,
     onValueChange: n,
@@ -1135,7 +1135,7 @@ const Ye = P.createContext({}), Cr = ({
     onValueChangeAndShift: i,
     shiftPressedRef: a
   }) {
-    const u = ht(), d = Re(), h = he(Boolean(t), {
+    const u = pt(), d = Te(), h = me(Boolean(t), {
       colIndex: o,
       numCols: u,
       numRows: c,
@@ -1148,7 +1148,7 @@ const Ye = P.createContext({}), Cr = ({
       [n, i, a]
     );
     return /* @__PURE__ */ r(
-      Xe,
+      Ye,
       {
         size: "small",
         disabled: l,
@@ -1158,7 +1158,7 @@ const Ye = P.createContext({}), Cr = ({
       }
     );
   }
-), wo = (e, t, n) => {
+), fo = (e, t, n) => {
   if (t == null || n == null || e == null || t === n)
     return;
   const o = e.indexOf(t), s = e.indexOf(n);
@@ -1166,22 +1166,22 @@ const Ye = P.createContext({}), Cr = ({
     return;
   const c = Math.min(o, s), l = Math.max(o, s);
   return e.slice(c, l + 1);
-}, Co = (e, t) => {
-  const { keyResolver: n } = R(), {
+}, vo = (e, t) => {
+  const { keyResolver: n } = E(), {
     selectedIds: { selectedIds: o },
     fields: { lastSelectedId: s }
   } = Q(), {
     actions: { setSelectedIds: c, setLastSelectedId: l },
     dispatch: i
-  } = ce(), a = v(() => n(e), [n, e]), u = v(
+  } = ie(), a = v(() => n(e), [n, e]), u = v(
     () => o.includes(a),
     [o, a]
-  ), { toggle: d, addMultiple: h, removeMultiple: w } = Ze(
+  ), { toggle: d, addMultiple: h, removeMultiple: w } = Je(
     o,
     (p) => i(c(p))
   ), m = I(() => {
     if (t && s) {
-      const p = wo(
+      const p = fo(
         t,
         s,
         a
@@ -1208,16 +1208,16 @@ const Ye = P.createContext({}), Cr = ({
     toggleSelected: f,
     shiftAndToggleSelected: m
   };
-}, Pe = (e) => {
-  const { keyResolver: t } = R(), {
+}, Ae = (e) => {
+  const { keyResolver: t } = E(), {
     expandedRows: { selectedIds: n }
   } = Q(), {
     actions: { expandByIds: o },
     dispatch: s
-  } = ce(), c = v(() => t(e), [t, e]), l = v(
+  } = ie(), c = v(() => t(e), [t, e]), l = v(
     () => n.includes(c),
     [n, c]
-  ), { toggle: i } = Ze(
+  ), { toggle: i } = Je(
     n,
     (u) => s(o(u))
   );
@@ -1227,40 +1227,40 @@ const Ye = P.createContext({}), Cr = ({
     }, [i, c]),
     isExpanded: l
   };
-}, fo = function({
+}, yo = function({
   item: e,
   colIndex: t,
   numRows: n,
   rowIndex: o
 }) {
-  const s = ht(), c = Re(), l = he(!0, {
+  const s = pt(), c = Te(), l = me(!0, {
     colIndex: t,
     numCols: s,
     numRows: n,
     rowIndex: o,
     tableId: c
-  }), { requiredProps: i } = l, { expandCollapseDisableResolver: a } = R(), { toggleRowExpanded: u, isExpanded: d } = Pe(e), h = v(() => a ? a(e) : !1, [a, e]);
-  return /* @__PURE__ */ r(E, { alignItems: "center", justifyContent: "center", indent: !0, children: !h && /* @__PURE__ */ r(
-    xe,
+  }), { requiredProps: i } = l, { expandCollapseDisableResolver: a } = E(), { toggleRowExpanded: u, isExpanded: d } = Ae(e), h = v(() => a ? a(e) : !1, [a, e]);
+  return /* @__PURE__ */ r(R, { alignItems: "center", justifyContent: "center", indent: !0, children: !h && /* @__PURE__ */ r(
+    ge,
     {
       size: "small",
-      leftIcon: d ? qe : Fe,
+      leftIcon: d ? Fe : Ue,
       onClick: u,
       ...i
     }
   ) });
-}, vo = (e, t, n) => e ? e(t) : n, gt = (e, t, n) => v(
-  () => vo(e, t, n),
+}, xo = (e, t, n) => e ? e(t) : n, bt = (e, t, n) => v(
+  () => xo(e, t, n),
   [e, t, n]
-), yo = (e, t) => {
-  const { background: n, backgroundResolver: o } = le(e);
-  return gt(o, t, n);
-}, _e = (e, t) => {
+), go = (e, t) => {
+  const { background: n, backgroundResolver: o } = ae(e);
+  return bt(o, t, n);
+}, je = (e, t) => {
   const { background: n, backgroundResolver: o } = e != null ? e : {};
-  return gt(o, t, n);
-}, xo = (e) => e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "object" ? JSON.stringify(e) : String(e), go = (e) => Yt(Qt(e)), bo = "_standardTableCell_1xzcm_1", ko = {
-  standardTableCell: bo
-}, So = P.memo(
+  return bt(o, t, n);
+}, bo = (e) => e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "object" ? JSON.stringify(e) : String(e), ko = (e) => en(tn(e)), So = "_standardTableCell_1xzcm_1", Io = {
+  standardTableCell: So
+}, Eo = P.memo(
   function({
     enableGridCell: t,
     children: n,
@@ -1273,7 +1273,7 @@ const Ye = P.createContext({}), Cr = ({
     minWidth: u
   }) {
     return /* @__PURE__ */ r(
-      E,
+      R,
       {
         width: a,
         minWidth: u,
@@ -1282,10 +1282,10 @@ const Ye = P.createContext({}), Cr = ({
         overflow: "hidden",
         onKeyDown: i,
         children: /* @__PURE__ */ r(
-          E,
+          R,
           {
             border: "1px solid transparent",
-            className: ko.standardTableCell,
+            className: Io.standardTableCell,
             width: "100%",
             height: "100%",
             justifyContent: l,
@@ -1300,13 +1300,18 @@ const Ye = P.createContext({}), Cr = ({
       }
     );
   }
-), Io = "_textCell_1yv6v_1", Eo = {
-  textCell: Io
-}, Ro = P.memo(function({
-  label: t
+), Ro = "_textCell_1yv6v_1", To = {
+  textCell: Ro
+}, Go = P.memo(function({
+  label: t,
+  size: n,
+  color: o
 }) {
-  return /* @__PURE__ */ r(N, { overflow: "hidden", children: /* @__PURE__ */ r(U, { className: Eo.textCell, title: t, children: t }) });
-}), To = P.memo(function({
+  return /* @__PURE__ */ r(D, { overflow: "hidden", children: /* @__PURE__ */ r(U, { className: To.textCell, title: t, size: n, color: o, children: t }) });
+}), Oo = ({
+  label: e,
+  textSize: t
+}) => /* @__PURE__ */ r(Go, { label: e, size: t }), Po = P.memo(function({
   columnId: t,
   item: n,
   colIndex: o,
@@ -1315,112 +1320,114 @@ const Ye = P.createContext({}), Cr = ({
   borderFromGroup: l,
   disableBorderLeft: i
 }) {
-  var Ae;
+  var Le;
   const {
     keyResolver: a,
     enableGridCell: u,
     gridCellOptions: d
-  } = R(), h = Q().selectedIds.selectedIds, w = Re(), m = Ln(), { numNavigableColumns: f } = xt(), p = Te(), C = v(() => a(n), [n, a]), y = v(() => h.indexOf(C) >= 0, [C, h]), {
+  } = E(), h = Q().selectedIds.selectedIds, w = Te(), m = Dn(), { numNavigableColumns: f } = gt(), p = Ge(), C = v(() => a(n), [n, a]), y = v(() => h.indexOf(C) >= 0, [C, h]), { defaultCellRenderer: k = Oo, defaultTextSize: S } = E(), {
     itemValueResolver: b,
-    itemLabelFormatter: k,
-    width: S,
-    minWidth: T,
-    justifyContentCell: G = "flex-start",
-    borderLeft: L,
-    renderCell: x,
-    gridCellOptions: z,
-    isEditable: A,
-    onChange: W,
-    onKeyDown: H,
-    disableGridCell: M,
-    disableGridCellFocus: J,
-    zIndex: V
-  } = le(t), q = v(() => b ? b(n) : t in n ? n[t] : "", [b, n, t]), ee = v(
-    () => k ? k(q, n) : xo(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 });
+    itemLabelFormatter: T,
+    width: G,
+    minWidth: A,
+    justifyContentCell: g = "flex-start",
+    borderLeft: z,
+    renderCell: L = k,
+    gridCellOptions: J,
+    isEditable: M,
+    onChange: $,
+    onKeyDown: j,
+    disableGridCell: ee,
+    disableGridCellFocus: de,
+    zIndex: W
+  } = ae(t), q = v(() => b ? b(n) : t in n ? n[t] : "", [b, n, t]), re = v(
+    () => T ? T(q, n) : bo(q),
+    [q, T, n]
+  ), te = typeof M == "boolean" ? M : M ? M(n) : void 0, se = I(
+    (ue) => {
+      j == null || j(ue, { columnId: t, item: n }), m == null || m(ue, { columnId: t, item: n });
     },
-    [m, t, n, H]
-  ), X = he(ee, {
+    [m, t, n, j]
+  ), X = me(re, {
     colIndex: o,
     rowIndex: s,
     numRows: c,
     numCols: f,
     tableId: w,
     isEditable: te,
-    onChange: W ? (ae) => W(n, ae) : void 0,
+    onChange: $ ? (ue) => $(n, ue) : void 0,
     ...d,
-    ...z
-  }), B = p[t], ie = (Ae = yo(t, n)) != null ? Ae : "inherit", we = B.sticky ? V != null ? V : "var(--swui-sticky-column-z-index)" : V != null ? V : 1, St = v(
-    () => x ? x({
-      label: ee,
+    ...J
+  }), N = p[t], It = (Le = go(t, n)) != null ? Le : "inherit", Ce = N.sticky ? W != null ? W : "var(--swui-sticky-column-z-index)" : W != null ? W : 1, Et = v(
+    () => L({
+      label: re,
       value: q,
       item: n,
       gridCell: X,
       isEditable: te,
       isSelected: y,
-      zIndex: we,
+      zIndex: Ce,
+      textSize: S,
       itemKey: C
-    }) : /* @__PURE__ */ r(Ro, { label: ee }),
+    }),
     [
-      x,
-      ee,
+      L,
+      re,
       q,
       n,
       X,
       te,
       y,
-      we,
-      C
+      Ce,
+      C,
+      S
     ]
-  ), It = Oe(
+  ), Rt = Pe(
     l,
     i,
-    L
-  ), Et = 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;
+    z
+  ), Tt = N.sticky && N.type === "last-group" && N.isFirstColumnInLastGroup || N.sticky && N.type === "column" && N.right ? "var(--swui-sticky-column-shadow-left)" : N.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
   return /* @__PURE__ */ r(
     "td",
     {
       style: {
-        borderLeft: It,
-        position: B.sticky ? "sticky" : void 0,
-        left: B.sticky ? B.left : void 0,
-        right: B.sticky ? B.right : void 0,
-        boxShadow: Et,
-        zIndex: we,
+        borderLeft: Rt,
+        position: N.sticky ? "sticky" : void 0,
+        left: N.sticky ? N.left : void 0,
+        right: N.sticky ? N.right : void 0,
+        boxShadow: Tt,
+        zIndex: Ce,
         height: "var(--current-row-height)",
-        background: ie
+        background: It
       },
       children: /* @__PURE__ */ r(
-        So,
+        Eo,
         {
-          enableGridCell: u && !M && !J,
+          enableGridCell: u && !ee && !de,
           gridCellRequiredProps: X.requiredProps,
           isEditing: X.isEditing,
-          width: S,
-          minWidth: T,
-          justifyContent: G,
-          onKeyDown: me,
-          children: St
+          width: G,
+          minWidth: A,
+          justifyContent: g,
+          onKeyDown: se,
+          children: Et
         }
       )
     }
   );
-}), Go = function({ item: t }) {
-  const { renderRowExpansion: n, enableExpandCollapse: o } = R(), { isExpanded: s, toggleRowExpanded: c } = Pe(t), l = Ge();
+}), Ao = function({ item: t }) {
+  const { renderRowExpansion: n, enableExpandCollapse: o } = E(), { isExpanded: s, toggleRowExpanded: c } = Ae(t), l = Oe();
   return /* @__PURE__ */ r(O, { children: o && n && s && /* @__PURE__ */ r(
     "tr",
     {
       style: {
-        borderLeft: tt,
-        background: et
+        borderLeft: nt,
+        background: tt
       },
       children: /* @__PURE__ */ r("td", { colSpan: l, children: n(t, { onRequestCollapse: c }) })
     }
   ) });
-}, bt = en.tr`
+}, kt = nn.tr`
   ${({ focusBackground: e }) => e ? `--focus-within-background: ${e};` : ""}
   ${({ borderLeft: e }) => e ? `border-left: ${e};` : ""};
   ${({ background: e }) => e ? `background: ${e};` : ""};
@@ -1429,7 +1436,7 @@ const Ye = P.createContext({}), Cr = ({
     background: ${e};
   }
 ` : ""}
-`, Oo = P.memo(function({
+`, Lo = P.memo(function({
   item: t,
   idListForEnabledItems: n,
   rowIndex: o,
@@ -1438,55 +1445,55 @@ const Ye = P.createContext({}), Cr = ({
   alwaysVisible: l,
   shiftPressedRef: i
 }) {
-  const a = ne(null), u = Ge(), { stickyCheckboxColumn: d } = R(), h = Z(), { columnIndexPerColumnId: w } = xt(), {
+  const a = ne(null), u = Oe(), { stickyCheckboxColumn: d } = E(), h = Z(), { columnIndexPerColumnId: w } = gt(), {
     showRowCheckbox: m,
     rowBackgroundResolver: f,
     checkboxDisabledResolver: p,
     enableGridCell: C,
     rowIndent: y,
-    enableExpandCollapse: b
-  } = R(), { isExpanded: k } = Pe(t), { isSelected: S, toggleSelected: T, shiftAndToggleSelected: G } = Co(
+    enableExpandCollapse: k
+  } = E(), { isExpanded: S } = Ae(t), { isSelected: b, toggleSelected: T, shiftAndToggleSelected: G } = vo(
     t,
     n
-  ), L = Dt(a, {
+  ), A = Nt(a, {
     rootMargin: "400px 0px 400px 0px",
     threshold: 0
-  }), x = v(
-    () => f == null ? void 0 : f(t, S),
-    [S, t, f]
-  ), z = Po(
-    x,
-    S,
-    k
-  ), A = Ao(
-    x,
-    S,
-    k
-  ), W = Lo(
-    x,
-    S,
-    A
-  ), H = v(
+  }), g = v(
+    () => f == null ? void 0 : f(t, b),
+    [b, t, f]
+  ), z = Bo(
+    g,
+    b,
+    S
+  ), L = Do(
+    g,
+    b,
+    S
+  ), J = zo(
+    g,
+    b,
+    L
+  ), M = v(
     () => p == null ? void 0 : p(t),
     [t, p]
-  ), M = Kn(), J = _e(
-    M,
+  ), $ = Hn(), j = je(
+    $,
     t
-  ), V = $n(), q = _e(
-    V,
+  ), ee = Mn(), de = je(
+    ee,
     t
-  ), ee = v(
-    () => /* @__PURE__ */ r(O, { children: /* @__PURE__ */ g(O, { children: [
+  ), W = v(
+    () => /* @__PURE__ */ r(O, { children: /* @__PURE__ */ x(O, { children: [
       y && /* @__PURE__ */ r(
         "td",
         {
           style: {
-            background: J
+            background: j
           },
-          children: /* @__PURE__ */ r(N, { num: y })
+          children: /* @__PURE__ */ r(D, { num: y })
         }
       ),
-      b && /* @__PURE__ */ r(
+      k && /* @__PURE__ */ r(
         "td",
         {
           style: {
@@ -1497,14 +1504,14 @@ const Ye = P.createContext({}), Cr = ({
             zIndex: d ? "var(--swui-sticky-column-z-index)" : void 0
           },
           children: /* @__PURE__ */ r(
-            E,
+            R,
             {
               width: "var(--swui-expand-cell-width)",
               minWidth: "var(--swui-expand-cell-width)",
               alignItems: "center",
               justifyContent: "center",
               children: /* @__PURE__ */ r(
-                fo,
+                yo,
                 {
                   colIndex: c,
                   rowIndex: C ? o : 0,
@@ -1522,26 +1529,26 @@ const Ye = P.createContext({}), Cr = ({
           style: {
             background: d ? "inherit" : void 0,
             position: d ? "sticky" : void 0,
-            left: b && d ? "var(--swui-expand-cell-width)" : d ? "0px" : void 0,
+            left: k && d ? "var(--swui-expand-cell-width)" : d ? "0px" : void 0,
             textAlign: "center",
             boxShadow: d ? "var(--swui-sticky-column-shadow-right)" : void 0,
             zIndex: d ? "var(--swui-sticky-column-z-index)" : void 0
           },
           children: /* @__PURE__ */ r(
-            E,
+            R,
             {
               width: "var(--swui-checkbox-cell-width)",
               minWidth: "var(--swui-checkbox-cell-width)",
               alignItems: "center",
               justifyContent: "center",
               children: /* @__PURE__ */ r(
-                mo,
+                Co,
                 {
-                  disabled: H,
-                  value: S,
+                  disabled: M,
+                  value: b,
                   onValueChange: T,
                   onValueChangeAndShift: G,
-                  colIndex: c + (b ? 1 : 0),
+                  colIndex: c + (k ? 1 : 0),
                   rowIndex: o,
                   numRows: s,
                   shiftPressedRef: i
@@ -1551,30 +1558,30 @@ const Ye = P.createContext({}), Cr = ({
           )
         }
       ),
-      h.map(({ groupConfig: te, groupId: me }, X) => /* @__PURE__ */ r(P.Fragment, { children: te.columnOrder.map((B, ie) => /* @__PURE__ */ r(
-        To,
+      h.map(({ groupConfig: q, groupId: re }, te) => /* @__PURE__ */ r(P.Fragment, { children: q.columnOrder.map((se, X) => /* @__PURE__ */ r(
+        Po,
         {
-          columnId: B,
+          columnId: se,
           item: t,
-          colIndex: c + w[B],
+          colIndex: c + w[se],
           rowIndex: o,
           numRows: s,
-          borderFromGroup: pe(
+          borderFromGroup: we(
+            te,
             X,
-            ie,
-            te.borderLeft
+            q.borderLeft
           ),
-          disableBorderLeft: X === 0 && ie === 0
+          disableBorderLeft: te === 0 && X === 0
         },
-        B
-      )) }, me)),
+        se
+      )) }, re)),
       y && /* @__PURE__ */ r(
         "td",
         {
           style: {
-            background: q
+            background: de
           },
-          children: /* @__PURE__ */ r(N, { num: y })
+          children: /* @__PURE__ */ r(D, { num: y })
         }
       ),
       /* @__PURE__ */ r("td", {})
@@ -1582,14 +1589,14 @@ const Ye = P.createContext({}), Cr = ({
     [
       c,
       w,
-      H,
-      b,
+      M,
+      k,
       C,
-      J,
+      j,
       h,
-      S,
+      b,
       t,
-      q,
+      de,
       s,
       y,
       o,
@@ -1600,16 +1607,16 @@ const Ye = P.createContext({}), Cr = ({
       T
     ]
   );
-  return /* @__PURE__ */ g(O, { children: [
+  return /* @__PURE__ */ x(O, { children: [
     /* @__PURE__ */ r(
-      bt,
+      kt,
       {
-        hoverBackground: A,
+        hoverBackground: L,
         background: z,
-        focusBackground: W,
-        borderLeft: k ? tt : ke,
+        focusBackground: J,
+        borderLeft: S ? nt : Se,
         ref: a,
-        children: L || l || k ? ee : /* @__PURE__ */ r(
+        children: A || l || S ? W : /* @__PURE__ */ r(
           "td",
           {
             colSpan: u,
@@ -1618,23 +1625,23 @@ const Ye = P.createContext({}), Cr = ({
         )
       }
     ),
-    /* @__PURE__ */ r(Go, { item: t })
+    /* @__PURE__ */ r(Ao, { item: t })
   ] });
-}), Po = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.background : t ? j("--lhds-color-blue-100") : n ? et : "white", Ao = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.hoverBackground : t ? j("--lhds-color-blue-200") : n ? sn : j("--lhds-color-ui-200"), Lo = (e, t, n) => {
+}), Bo = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.background : t ? _("--lhds-color-blue-100") : n ? tt : "white", Do = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.hoverBackground : t ? _("--lhds-color-blue-200") : n ? ln : _("--lhds-color-ui-200"), zo = (e, t, n) => {
   if (t)
-    return j("--lhds-color-blue-200");
+    return _("--lhds-color-blue-200");
   if (e)
     return n;
-}, Bo = (e) => Object.values(e).some((t) => Do(t)), Do = (e) => Boolean(e.renderSummaryCell || e.summaryText), No = "_summaryRow_12x8k_1", zo = {
-  summaryRow: No
-}, Ko = P.memo(function({
+}, No = (e) => Object.values(e).some((t) => Ko(t)), Ko = (e) => Boolean(e.renderSummaryCell || e.summaryText), $o = "_summaryRow_12x8k_1", Ho = {
+  summaryRow: $o
+}, Mo = P.memo(function({
   columnId: t,
   items: n,
   disableBorderLeft: o,
   borderFromGroup: s,
   colSpan: c
 }) {
-  const l = Te(), {
+  const l = Ge(), {
     renderSummaryCell: i,
     summaryText: a,
     borderLeft: u,
@@ -1642,13 +1649,13 @@ const Ye = P.createContext({}), Cr = ({
     width: h,
     minWidth: w,
     justifyContentCell: m
-  } = le(t), f = Oe(
+  } = ae(t), f = Pe(
     s,
     o,
     u
-  ), p = l[t], C = 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, a]), k = v(
-    () => i == null ? void 0 : i({ items: n, text: b }),
-    [n, i, b]
+  ), p = l[t], C = 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, k = v(() => a == null ? void 0 : a({ items: n }), [n, a]), S = v(
+    () => i == null ? void 0 : i({ items: n, text: k }),
+    [n, i, k]
   );
   return /* @__PURE__ */ r(
     "td",
@@ -1664,7 +1671,7 @@ const Ye = P.createContext({}), Cr = ({
         height: "var(--current-row-height)"
       },
       children: /* @__PURE__ */ r(
-        E,
+        R,
         {
           width: h,
           minWidth: w,
@@ -1672,12 +1679,12 @@ const Ye = P.createContext({}), Cr = ({
           overflow: "hidden",
           justifyContent: m,
           alignItems: "center",
-          children: i ? k : /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(U, { variant: "bold", children: b }) })
+          children: i ? S : /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(U, { variant: "bold", children: k }) })
         }
       )
     }
   );
-}), $o = (e, t) => {
+}), Vo = (e, t) => {
   const n = [];
   for (let o = 0; o < e.length; o++) {
     const { summaryCellColSpan: s } = t[e[o]], c = Math.min(
@@ -1689,23 +1696,23 @@ const Ye = P.createContext({}), Cr = ({
     l > 1 && (o += l - 1);
   }
   return n;
-}, Ho = P.memo(
+}, _o = P.memo(
   function({
     items: t
   }) {
-    const n = Z(), { showRowCheckbox: o, enableExpandCollapse: s, columns: c, rowIndent: l } = R();
-    return /* @__PURE__ */ g("tr", { className: zo.summaryRow, children: [
-      l && /* @__PURE__ */ r("td", { children: /* @__PURE__ */ r(N, { num: l }) }),
+    const n = Z(), { showRowCheckbox: o, enableExpandCollapse: s, columns: c, rowIndent: l } = E();
+    return /* @__PURE__ */ x("tr", { className: Ho.summaryRow, children: [
+      l && /* @__PURE__ */ r("td", { children: /* @__PURE__ */ r(D, { num: l }) }),
       s && /* @__PURE__ */ r("td", {}),
       o && /* @__PURE__ */ r("td", {}),
-      n.map(({ groupConfig: i, groupId: a }, u) => /* @__PURE__ */ r(P.Fragment, { children: $o(i.columnOrder, c).map(
+      n.map(({ groupConfig: i, groupId: a }, u) => /* @__PURE__ */ r(P.Fragment, { children: Vo(i.columnOrder, c).map(
         ({ columnId: d, colSpan: h }, w) => /* @__PURE__ */ r(
-          Ko,
+          Mo,
           {
             colSpan: h,
             columnId: d,
             items: t,
-            borderFromGroup: pe(
+            borderFromGroup: we(
               u,
               w,
               i.borderLeft
@@ -1715,16 +1722,16 @@ const Ye = P.createContext({}), Cr = ({
           d
         )
       ) }, a)),
-      l && /* @__PURE__ */ r("td", { children: /* @__PURE__ */ r(N, { num: l }) }),
+      l && /* @__PURE__ */ r("td", { children: /* @__PURE__ */ r(D, { num: l }) }),
       /* @__PURE__ */ r("td", {})
     ] });
   }
-), Mo = function({
+), jo = function({
   items: t
 }) {
-  const { columns: n } = R();
-  return v(() => Bo(n), [n]) ? /* @__PURE__ */ r(Ho, { items: t }) : null;
-}, kt = (e) => (t) => !(e != null && e(t)), Vo = P.memo(function({
+  const { columns: n } = E();
+  return v(() => No(n), [n]) ? /* @__PURE__ */ r(_o, { items: t }) : null;
+}, St = (e) => (t) => !(e != null && e(t)), Wo = P.memo(function({
   items: t,
   colIndexOffset: n = 0,
   rowIndexOffset: o = 0
@@ -1734,9 +1741,9 @@ const Ye = P.createContext({}), Cr = ({
     disableInfiniteList: i,
     checkboxDisabledResolver: a,
     enableExternalSorting: u
-  } = R(), {
+  } = E(), {
     sortOrder: { sortBy: d, desc: h }
-  } = Q(), w = po(d), m = v(() => {
+  } = Q(), w = wo(d), m = v(() => {
     if (u)
       return t != null ? t : [];
     if (!t || !t.length)
@@ -1745,13 +1752,13 @@ const Ye = P.createContext({}), Cr = ({
       return t;
     const p = [...t];
     return p.sort(
-      (C, y) => ho(w(C), w(y))
+      (C, y) => mo(w(C), w(y))
     ), h && p.reverse(), i || s.current++, p;
   }, [u, t, w, h, i]), f = v(
-    () => m.filter(kt(a)).map((p) => l(p)),
+    () => m.filter(St(a)).map((p) => l(p)),
     [m, a, l]
   );
-  return je(() => {
+  return We(() => {
     const p = (y) => {
       y.key === "Shift" && (c.current = !1);
     }, C = (y) => {
@@ -1760,9 +1767,9 @@ const Ye = P.createContext({}), Cr = ({
     return document.addEventListener("keyup", p), document.addEventListener("keydown", C), () => {
       document.removeEventListener("keyup", p), document.removeEventListener("keydown", C);
     };
-  }, []), /* @__PURE__ */ g(P.Fragment, { children: [
+  }, []), /* @__PURE__ */ x(P.Fragment, { children: [
     m.map((p, C) => /* @__PURE__ */ r(
-      Oo,
+      Lo,
       {
         alwaysVisible: i || m.length < 30,
         item: p,
@@ -1774,9 +1781,9 @@ const Ye = P.createContext({}), Cr = ({
       },
       l(p)
     )),
-    /* @__PURE__ */ r(Mo, { items: m })
+    /* @__PURE__ */ r(jo, { items: m })
   ] }, s.current);
-}), _o = P.memo(function({
+}), qo = P.memo(function({
   error: t,
   bannerError: n,
   loading: o,
@@ -1791,15 +1798,15 @@ const Ye = P.createContext({}), Cr = ({
   errorLabel: w
 }) {
   var f;
-  const m = Ge();
-  return n ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(Ce, { num: 4, justifyContent: "center", children: /* @__PURE__ */ r(oe, { alignItems: "center", children: /* @__PURE__ */ r(Pt, { bannerState: n, variant: "error" }) }) }) }) }) }) : t || w ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(Ce, { num: 4, justifyContent: "center", children: /* @__PURE__ */ r(oe, { alignItems: "center", children: /* @__PURE__ */ r(
-    Le,
+  const m = Oe();
+  return n ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(fe, { num: 4, justifyContent: "center", children: /* @__PURE__ */ r(oe, { alignItems: "center", children: /* @__PURE__ */ r(Lt, { bannerState: n, variant: "error" }) }) }) }) }) }) : t || w ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(fe, { num: 4, justifyContent: "center", children: /* @__PURE__ */ r(oe, { alignItems: "center", children: /* @__PURE__ */ r(
+    Be,
     {
       headerText: (f = t ? t.message : w) != null ? f : "Unknown error",
       variant: "error"
     }
-  ) }) }) }) }) }) : o ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(Ce, { num: 4, children: /* @__PURE__ */ r(Zt, {}) }) }) }) }) : !s || !s.length ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(E, { spacing: 4, justifyContent: "center", children: /* @__PURE__ */ r(
-    Le,
+  ) }) }) }) }) }) : o ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(fe, { num: 4, children: /* @__PURE__ */ r(Xt, {}) }) }) }) }) : !s || !s.length ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: m, children: /* @__PURE__ */ r(R, { spacing: 4, justifyContent: "center", children: /* @__PURE__ */ r(
+    Be,
     {
       text: c,
       headerText: a,
@@ -1808,7 +1815,7 @@ const Ye = P.createContext({}), Cr = ({
       children: i
     }
   ) }) }) }) }) : /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r(
-    Vo,
+    Wo,
     {
       variant: h,
       items: s,
@@ -1816,16 +1823,16 @@ const Ye = P.createContext({}), Cr = ({
       rowIndexOffset: d
     }
   ) });
-}), jo = (e) => {
-  const { keyResolver: t, checkboxDisabledResolver: n } = R(), {
+}), Fo = (e) => {
+  const { keyResolver: t, checkboxDisabledResolver: n } = E(), {
     selectedIds: { selectedIds: o }
   } = Q(), {
     actions: { setSelectedIds: s, clearSelection: c },
     dispatch: l
-  } = ce(), i = o.length === 0, a = e ? e.length > 0 && o.length === e.length : !1, u = I(() => {
+  } = ie(), i = o.length === 0, a = e ? e.length > 0 && o.length === e.length : !1, u = I(() => {
     e && l(
       i ? s(
-        e.filter(kt(n)).map((d) => t(d))
+        e.filter(St(n)).map((d) => t(d))
       ) : c()
     );
   }, [
@@ -1842,13 +1849,13 @@ const Ye = P.createContext({}), Cr = ({
     allItemsAreSelected: a,
     onClickCheckbox: u
   };
-}, Wo = (e) => {
-  const { keyResolver: t } = R(), {
+}, Uo = (e) => {
+  const { keyResolver: t } = E(), {
     expandedRows: { selectedIds: n }
   } = Q(), {
     actions: { collapseAll: o, expandByIds: s },
     dispatch: c
-  } = ce(), l = e ? e.length > 0 && n.length === e.length : !1, i = I(() => {
+  } = ie(), l = e ? e.length > 0 && n.length === e.length : !1, i = I(() => {
     e && c(l ? o() : s(e.map((a) => t(a))));
   }, [
     l,
@@ -1862,8 +1869,8 @@ const Ye = P.createContext({}), Cr = ({
     allItemsAreExpanded: l,
     toggleExpanded: i
   };
-}, qo = (e) => {
-  const { dispatch: t, actions: n } = ce(), o = Bn(), {
+}, Zo = (e) => {
+  const { dispatch: t, actions: n } = ie(), o = zn(), {
     sortOrder: { desc: s, sortBy: c }
   } = Q();
   return v(() => {
@@ -1878,7 +1885,7 @@ const Ye = P.createContext({}), Cr = ({
       }
     };
   }, [e, c, s, t, n, o]);
-}, Fo = P.memo(
+}, Jo = P.memo(
   function({
     columnId: t,
     borderFromGroup: n,
@@ -1897,50 +1904,50 @@ const Ye = P.createContext({}), Cr = ({
       sortOrderIconVariant: m,
       width: f,
       minWidth: p
-    } = le(t), {
+    } = ae(t), {
       disableSorting: C,
       sortOrderIconVariant: y
-    } = R(), b = Te(), { arrow: k, selected: S, onClickColumnHead: T } = qo(t), G = typeof a == "string" ? a : go(t), L = Oe(
+    } = E(), k = Ge(), { arrow: S, selected: b, onClickColumnHead: T } = Zo(t), G = typeof a == "string" ? a : ko(t), A = Pe(
       n,
       o,
       u
-    ), x = b[t];
+    ), g = k[t];
     return /* @__PURE__ */ r(
       "th",
       {
         style: {
           background: h != null ? h : "white",
-          borderLeft: L,
-          position: s || x.sticky ? "sticky" : void 0,
-          left: x.left,
-          right: x.right,
+          borderLeft: A,
+          position: s || g.sticky ? "sticky" : void 0,
+          left: g.left,
+          right: g.right,
           top: c,
-          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)" : w,
+          boxShadow: g.sticky && g.isFirstColumnInLastGroup && s ? "var(--swui-sticky-header-shadow-and-left)" : g.sticky && g.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : s && g.sticky ? "var(--swui-sticky-header-shadow-and-right)" : s ? "var(--swui-sticky-header-shadow)" : g.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0,
+          zIndex: s && g.sticky ? "var(--swui-sticky-header-in-sticky-column-z-index)" : s ? "var(--swui-sticky-header-z-index)" : g.sticky ? "var(--swui-sticky-group-header-z-index)" : w,
           height: 0,
           width: f,
           minWidth: p
         },
         children: /* @__PURE__ */ r(
-          Ee,
+          Re,
           {
             width: "inherit",
             minWidth: "inherit",
-            arrow: !C && G ? k : void 0,
+            arrow: !C && G ? S : void 0,
             onClick: C ? void 0 : T,
             label: G,
             infoIconTooltipText: d,
             alignRight: i === "flex-end",
             sortOrderIconVariant: m != null ? m : y,
             appendTooltipTo: l,
-            selected: S,
+            selected: b,
             height: "100%"
           }
         )
       }
     );
   }
-), Uo = (e, t, n, o) => {
+), Xo = (e, t, n, o) => {
   if (e && t !== void 0)
     return `calc(${e} + ${n})`;
   if (o && t)
@@ -1949,10 +1956,10 @@ const Ye = P.createContext({}), Cr = ({
     return e;
   if (o)
     return 0;
-}, Zo = P.memo(function({
+}, Yo = P.memo(function({
   items: t,
   appendTooltipTo: n,
-  height: o = Se
+  height: o = Ie
 }) {
   const s = Z(), {
     showHeaderCheckbox: c,
@@ -1964,9 +1971,9 @@ const Ye = P.createContext({}), Cr = ({
     stickyHeader: h,
     stickyCheckboxColumn: w,
     showRowCheckbox: m
-  } = R(), f = Nn(), { allItemsAreExpanded: p, toggleExpanded: C } = Wo(t), { allItemsAreSelected: y, onClickCheckbox: b, selectionIsEmpty: k } = jo(t), S = !t || t.length === 0, T = {
+  } = E(), f = Kn(), { allItemsAreExpanded: p, toggleExpanded: C } = Uo(t), { allItemsAreSelected: y, onClickCheckbox: k, selectionIsEmpty: S } = Fo(t), b = !t || t.length === 0, T = {
     zIndex: h && w ? "var(--swui-sticky-header-in-sticky-column-z-index)" : w ? "var(--swui-sticky-group-header-z-index)" : h ? "var(--swui-sticky-header-z-index)" : d,
-    top: Uo(
+    top: Xo(
       u,
       f,
       o,
@@ -1976,8 +1983,8 @@ const Ye = P.createContext({}), Cr = ({
     position: h || w ? "sticky" : void 0,
     boxShadow: h && w ? "var(--swui-sticky-header-shadow-and-right)" : w ? "var(--swui-sticky-column-shadow-right)" : h ? "var(--swui-sticky-header-shadow)" : void 0
   };
-  return /* @__PURE__ */ g(bt, { height: o, borderLeft: ke, children: [
-    a && /* @__PURE__ */ r("th", { style: T, children: /* @__PURE__ */ r(E, { indent: a }) }),
+  return /* @__PURE__ */ x(kt, { height: o, borderLeft: Se, children: [
+    a && /* @__PURE__ */ r("th", { style: T, children: /* @__PURE__ */ r(R, { indent: a }) }),
     i && /* @__PURE__ */ r(
       "th",
       {
@@ -1987,17 +1994,17 @@ const Ye = P.createContext({}), Cr = ({
           textAlign: "left"
         },
         children: /* @__PURE__ */ r(
-          E,
+          R,
           {
             width: "var(--swui-expand-cell-width)",
             minWidth: "var(--swui-expand-cell-width)",
             alignItems: "center",
             justifyContent: "center",
             children: l && /* @__PURE__ */ r(
-              xe,
+              ge,
               {
                 size: "small",
-                leftIcon: p ? qe : Fe,
+                leftIcon: p ? Fe : Ue,
                 onClick: C
               }
             )
@@ -2014,46 +2021,46 @@ const Ye = P.createContext({}), Cr = ({
           left: w && i ? "var(--swui-expand-cell-width)" : w ? "0px" : void 0
         },
         children: /* @__PURE__ */ r(
-          E,
+          R,
           {
             width: "var(--swui-checkbox-cell-width)",
             minWidth: "var(--swui-checkbox-cell-width)",
             alignItems: "center",
             justifyContent: "center",
             children: c && /* @__PURE__ */ r(
-              Xe,
+              Ye,
               {
                 size: "small",
-                disabled: S,
+                disabled: b,
                 value: y,
-                indeterminate: !k && !y,
-                onValueChange: b
+                indeterminate: !S && !y,
+                onValueChange: k
               }
             )
           }
         )
       }
     ),
-    s.map(({ groupConfig: G, groupId: L }, x) => /* @__PURE__ */ r(P.Fragment, { children: G.columnOrder.map((z, A) => /* @__PURE__ */ r(
-      Fo,
+    s.map(({ groupConfig: G, groupId: A }, g) => /* @__PURE__ */ r(P.Fragment, { children: G.columnOrder.map((z, L) => /* @__PURE__ */ r(
+      Jo,
       {
         columnId: z,
-        borderFromGroup: pe(
-          x,
-          A,
+        borderFromGroup: we(
+          g,
+          L,
           G.borderLeft
         ),
-        disableBorderLeft: x === 0 && A === 0,
+        disableBorderLeft: g === 0 && L === 0,
         stickyHeader: h,
         top: T.top,
         appendTooltipTo: n
       },
       z
-    )) }, L)),
-    a && /* @__PURE__ */ r("th", { style: T, children: /* @__PURE__ */ r(E, { indent: a }) }),
+    )) }, A)),
+    a && /* @__PURE__ */ r("th", { style: T, children: /* @__PURE__ */ r(R, { indent: a }) }),
     /* @__PURE__ */ r("th", { style: T })
   ] });
-}), kr = function({
+}), Er = function({
   tableContext: t,
   config: n,
   columnOrder: o,
@@ -2065,88 +2072,88 @@ const Ye = P.createContext({}), Cr = ({
   appendTooltipTo: u,
   ...d
 }) {
-  const h = Tt(), {
+  const h = Ot(), {
     initialSortOrderDesc: w,
     initialSortOrder: m,
     enableExpandCollapse: f,
     stickyCheckboxColumn: p
-  } = n, { tableContext: C } = oo(
+  } = n, { tableContext: C } = so(
     c != null ? c : h,
-    dt(m, w)
-  ), y = t || C, { state: b, actions: k, dispatch: S } = y, T = v(
+    ut(m, w)
+  ), y = t || C, { state: k, actions: S, dispatch: b } = y, T = v(
     () => ({
-      actions: k,
-      dispatch: S
+      actions: S,
+      dispatch: b
     }),
-    [k, S]
+    [S, b]
   ), 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(
-    () => vt(
-      L,
-      x,
+  ), A = "columnGroups" in n ? n.columnGroups : void 0, g = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, z = "columnOrder" in n ? n.columnOrder : void 0, L = v(
+    () => yt(
+      A,
+      g,
       z
     ),
-    [L, x, z]
-  ), W = v(
-    () => Wn(n),
+    [A, g, z]
+  ), J = v(
+    () => Fn(n),
     [n]
-  ), H = v(() => ro(n), [n]), M = v(
-    () => Qn(n),
+  ), M = v(() => co(n), [n]), $ = v(
+    () => to(n),
     [n]
-  ), J = v(() => {
+  ), j = v(() => {
     try {
-      Fn(n);
+      Zn(n);
       return;
-    } catch (V) {
-      return V instanceof Error ? V : new Error("Unknown error");
+    } catch (ee) {
+      return ee instanceof Error ? ee : new Error("Unknown error");
     }
   }, [n]);
-  return J ? /* @__PURE__ */ r(Jt, { text: J.message }) : /* @__PURE__ */ r(
+  return j ? /* @__PURE__ */ r(Yt, { text: j.message }) : /* @__PURE__ */ r(
     "table",
     {
-      className: Je(Ve.standardTable, Ve[l]),
+      className: Xe(_e.standardTable, _e[l]),
       style: {
         width: "100%",
         isolation: "isolate",
         "--current-left-offset": f && p ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : p ? "var(--swui-checkbox-cell-width)" : f ? "var(--swui-expand-cell-width)" : "0px"
       },
-      children: /* @__PURE__ */ r(Ct.Provider, { value: M, children: /* @__PURE__ */ r(ft.Provider, { value: H, children: /* @__PURE__ */ r(zn.Provider, { value: l, children: /* @__PURE__ */ r(
-        ct.Provider,
+      children: /* @__PURE__ */ r(ft.Provider, { value: $, children: /* @__PURE__ */ r(vt.Provider, { value: M, children: /* @__PURE__ */ r($n.Provider, { value: l, children: /* @__PURE__ */ r(
+        lt.Provider,
         {
           value: c != null ? c : h,
-          children: /* @__PURE__ */ r(lt.Provider, { value: b, children: /* @__PURE__ */ r(it.Provider, { value: T, children: /* @__PURE__ */ r(at.Provider, { value: n, children: /* @__PURE__ */ r(
-            ut.Provider,
+          children: /* @__PURE__ */ r(it.Provider, { value: k, children: /* @__PURE__ */ r(at.Provider, { value: T, children: /* @__PURE__ */ r(dt.Provider, { value: n, children: /* @__PURE__ */ r(
+            ht.Provider,
             {
-              value: A,
+              value: L,
               children: /* @__PURE__ */ r(
-                yt.Provider,
+                xt.Provider,
                 {
-                  value: W,
+                  value: J,
                   children: /* @__PURE__ */ r(
-                    Dn.Provider,
+                    Nn.Provider,
                     {
                       value: G,
-                      children: /* @__PURE__ */ g(
-                        wt.Provider,
+                      children: /* @__PURE__ */ x(
+                        Ct.Provider,
                         {
                           value: "columnGroupOrder" in n ? s != null ? s : n.columnGroupOrder : s,
                           children: [
-                            /* @__PURE__ */ r(co, {}),
-                            /* @__PURE__ */ r(pt.Provider, { value: i, children: /* @__PURE__ */ g(
-                              mt.Provider,
+                            /* @__PURE__ */ r(io, {}),
+                            /* @__PURE__ */ r(mt.Provider, { value: i, children: /* @__PURE__ */ x(
+                              wt.Provider,
                               {
                                 value: a,
                                 children: [
-                                  /* @__PURE__ */ g("thead", { children: [
+                                  /* @__PURE__ */ x("thead", { children: [
                                     (s || "columnGroupOrder" in n) && /* @__PURE__ */ r(
-                                      jn,
+                                      qn,
                                       {
                                         height: "var(--current-row-height)"
                                       }
                                     ),
                                     /* @__PURE__ */ r(
-                                      Zo,
+                                      Yo,
                                       {
                                         items: d.items,
                                         height: "var(--current-row-height)",
@@ -2155,7 +2162,7 @@ const Ye = P.createContext({}), Cr = ({
                                     )
                                   ] }),
                                   /* @__PURE__ */ r(
-                                    _o,
+                                    qo,
                                     {
                                       variant: l,
                                       ...d
@@ -2177,32 +2184,32 @@ const Ye = P.createContext({}), Cr = ({
       ) }) }) })
     }
   );
-}, Sr = (e, t) => ({
+}, Rr = (e, t) => ({
   ...t,
   itemValueResolver: e
-}), Ir = () => ({
-  label: e,
+}), Tr = (e) => ({
+  label: t,
   gridCell: {
-    editorValue: t,
-    isEditing: n,
-    setEditorValue: o,
-    stopEditingAndRevert: s,
-    lastKeyEvent: c,
-    stopEditing: l,
-    stopEditingAndMove: i
+    editorValue: n,
+    isEditing: o,
+    setEditorValue: s,
+    stopEditingAndRevert: c,
+    lastKeyEvent: l,
+    stopEditing: i,
+    stopEditingAndMove: a
   }
-}) => n ? /* @__PURE__ */ r(
-  ge,
+}) => o ? /* @__PURE__ */ r(
+  be,
   {
-    onValueChange: o,
-    value: t,
-    onDone: l,
-    onEsc: s,
+    onValueChange: s,
+    value: n,
+    onDone: i,
+    onEsc: c,
     autoFocus: !0,
-    selectAllOnMount: !c,
-    onMove: i
+    selectAllOnMount: !l,
+    onMove: a
   }
-) : /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(U, { color: "var(--swui-primary-action-color)", children: e }) }), Er = (e, t, n) => ({
+) : /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(U, { color: "var(--swui-primary-action-color)", size: e, children: t }) }), Gr = (e, t, n) => ({
   label: o,
   item: s,
   gridCell: {
@@ -2218,7 +2225,7 @@ const Ye = P.createContext({}), Cr = ({
 }) => {
   const m = typeof e == "function" ? e(s) : e, f = t ? t(s) : void 0, p = n ? n(s) : void 0;
   return w && l ? /* @__PURE__ */ r(
-    ge,
+    be,
     {
       onValueChange: i,
       value: c,
@@ -2228,8 +2235,8 @@ const Ye = P.createContext({}), Cr = ({
       selectAllOnMount: !u,
       onMove: h
     }
-  ) : /* @__PURE__ */ r(N, { row: !0, alignItems: "center", children: /* @__PURE__ */ r(
-    tn,
+  ) : /* @__PURE__ */ r(D, { row: !0, alignItems: "center", children: /* @__PURE__ */ r(
+    on,
     {
       value: o,
       modifiedField: p,
@@ -2240,73 +2247,73 @@ const Ye = P.createContext({}), Cr = ({
   ) });
 };
 export {
-  Qe as CrudStatusIndicator,
-  br as EditableTextCellWithCrudAndModified,
-  Ye as GridHooksContext,
-  Cr as GridHooksTable,
-  tn as ModifiedField,
-  fr as SmallTableCell,
-  vr as SmallTableHead,
-  kr as StandardTable,
-  it as StandardTableActionsContext,
-  To as StandardTableCell,
-  So as StandardTableCellUi,
-  at as StandardTableConfigContext,
-  _o as StandardTableContent,
-  Zo as StandardTableHeadRow,
-  Oo as StandardTableRow,
-  mo as StandardTableRowCheckbox,
-  Vo as StandardTableRowList,
-  lt as StandardTableStateContext,
-  ct as StandardTableTableIdContext,
-  nn as TableCell,
-  yr as TableColumnGroupHead,
-  Ee as TableHeadItem,
-  xr as TableHeadRow,
-  gr as TableRow,
-  Ro as TextCell,
-  Sr as createColumnConfig,
-  Er as createEditableTextCellWithStatus,
-  vt as createGroupConfigAndIdsForRows,
-  Pn as createInternalStandardTableActions,
-  Ir as createStandardEditableTextCell,
-  no as createStandardTableActions,
-  dt as createStandardTableInitialState,
-  An as createStandardTableReducer,
-  Ie as defaultTableHeadRowHeight,
-  Se as defaultTableRowHeight,
-  st as focusOnCell,
-  go as formatColumnIdToHeaderCellLabel,
-  xo as formatValueLabel,
-  be as hasIndicatorContent,
-  ho as multitypeComparator,
-  nt as smallTableRowWidth,
-  et as tableBackgroundColorExpanded,
-  sn as tableBackgroundHoverColorExpanded,
-  re as tableBorder,
-  on as tableBorderColor,
-  rn as tableBorderColorExpanded,
-  cn as tableBorderHidden,
-  ke as tableBorderLeft,
-  tt as tableBorderLeftExpanded,
-  _e as useCellBackgroundByColumnConfig,
-  yo as useCellBackgroundByColumnId,
-  le as useColumnConfigById,
-  po as useColumnValueResolver,
-  mn as useEditableCell,
-  Kn as useFirstColumnConfig,
-  he as useGridCell,
-  Tn as useGridNavigation,
-  ot as useGridNavigationOptionsFromContext,
-  $n as useLastColumnConfig,
-  oo as useLocalStateTableContext,
-  un as useRevertableValue,
-  Co as useRowCheckbox,
-  ce as useStandardTableActions,
-  R as useStandardTableConfig,
-  Re as useStandardTableId,
+  et as CrudStatusIndicator,
+  Ir as EditableTextCellWithCrudAndModified,
+  Qe as GridHooksContext,
+  yr as GridHooksTable,
+  on as ModifiedField,
+  xr as SmallTableCell,
+  gr as SmallTableHead,
+  Er as StandardTable,
+  at as StandardTableActionsContext,
+  Po as StandardTableCell,
+  Eo as StandardTableCellUi,
+  dt as StandardTableConfigContext,
+  qo as StandardTableContent,
+  Yo as StandardTableHeadRow,
+  Lo as StandardTableRow,
+  Co as StandardTableRowCheckbox,
+  Wo as StandardTableRowList,
+  it as StandardTableStateContext,
+  lt as StandardTableTableIdContext,
+  rn as TableCell,
+  br as TableColumnGroupHead,
+  Re as TableHeadItem,
+  kr as TableHeadRow,
+  Sr as TableRow,
+  Go as TextCell,
+  Rr as createColumnConfig,
+  Gr as createEditableTextCellWithStatus,
+  yt as createGroupConfigAndIdsForRows,
+  Ln as createInternalStandardTableActions,
+  Tr as createStandardEditableTextCell,
+  ro as createStandardTableActions,
+  ut as createStandardTableInitialState,
+  Bn as createStandardTableReducer,
+  Ee as defaultTableHeadRowHeight,
+  Ie as defaultTableRowHeight,
+  ct as focusOnCell,
+  ko as formatColumnIdToHeaderCellLabel,
+  bo as formatValueLabel,
+  ke as hasIndicatorContent,
+  mo as multitypeComparator,
+  ot as smallTableRowWidth,
+  tt as tableBackgroundColorExpanded,
+  ln as tableBackgroundHoverColorExpanded,
+  ce as tableBorder,
+  sn as tableBorderColor,
+  cn as tableBorderColorExpanded,
+  an as tableBorderHidden,
+  Se as tableBorderLeft,
+  nt as tableBorderLeftExpanded,
+  je as useCellBackgroundByColumnConfig,
+  go as useCellBackgroundByColumnId,
+  ae as useColumnConfigById,
+  wo as useColumnValueResolver,
+  Cn as useEditableCell,
+  Hn as useFirstColumnConfig,
+  me as useGridCell,
+  On as useGridNavigation,
+  rt as useGridNavigationOptionsFromContext,
+  Mn as useLastColumnConfig,
+  so as useLocalStateTableContext,
+  pn as useRevertableValue,
+  vo as useRowCheckbox,
+  ie as useStandardTableActions,
+  E as useStandardTableConfig,
+  Te as useStandardTableId,
   Q as useStandardTableState,
-  jo as useTableHeadCheckbox,
-  qo as useTableSortHeader
+  Fo as useTableHeadCheckbox,
+  Zo as useTableSortHeader
 };
 //# sourceMappingURL=index.es.js.map