@stenajs-webui/grid 23.14.0 → 23.15.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){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_d7cgg_1{--swui-standard-table-height: 40px;--swui-field-height: calc(var(--current-row-height) - 4px);--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-column-z-index: 20;--swui-sticky-head-z-index: 22;--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_d7cgg_1 td{border-top:1px solid var(--lhds-color-ui-300);padding:0}._standardTable_d7cgg_1 th{padding:0}._standardTable_d7cgg_1._relaxed_d7cgg_39{--current-row-height: 48px}._standardTable_d7cgg_1._condensed_d7cgg_43{--current-row-height: 32px}._standardTable_d7cgg_1._compact_d7cgg_47{--current-row-height: 24px}._standardTableCell_1xzcm_1{outline:none}._summaryRow_12x8k_1 td{border-top:1px solid var(--lhds-color-ui-400)}._standardTableHeadTh_swsxb_8{height:1px}@-moz-document url-prefix(){._standardTableHeadTh_swsxb_8{height:100%}}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
-import { jsx as s, Fragment as D, jsxs as C } from "react/jsx-runtime";
-import * as E from "react";
-import { useMemo as y, useRef as ue, useState as Pe, useCallback as S, useEffect as pt, useContext as V, createContext as B, useReducer as tn, useId as nn } from "react";
+import { jsx as s, Fragment as E, jsxs as v } from "react/jsx-runtime";
+import * as R from "react";
+import { useMemo as b, useRef as ue, useState as Pe, useCallback as P, useEffect as pt, useContext as V, createContext as B, useReducer as tn, useId as nn } from "react";
 import { InputSpinner as Fe, Icon as X, stenaExclamationTriangle as Ie, stenaArrowRight as gt, stenaSortUpMini as rn, stenaSortDownMini as on, stenaInfoCircle as sn, FlatButton as Be, stenaDotsVertical as an, stenaAngleDown as wt, stenaAngleRight as yt, ResultListBanner as cn, Banner as Xe } from "@stenajs-webui/elements";
 import { cssColor as j } from "@stenajs-webui/theme";
 import { Tooltip as ye, Popover as ln } from "@stenajs-webui/tooltip";
@@ -14,14 +14,14 @@ import { combineReducers as yn } from "redux";
 import { LoadingScreen as bn, ErrorScreen as vn } from "@stenajs-webui/panels";
 import { compact as Cn, upperFirst as xn, lowerCase as kn } from "lodash-es";
 import Sn from "@emotion/styled";
-const xt = E.createContext({}), Ys = ({
+const xt = R.createContext({}), Ys = ({
   children: e,
   numCols: t,
   numRows: n,
   tableId: r,
   wrap: o
 }) => {
-  const a = y(
+  const a = b(
     () => ({ numCols: t, numRows: n, tableId: r, wrap: o }),
     [t, n, r, o]
   );
@@ -44,7 +44,7 @@ const xt = E.createContext({}), Ys = ({
         size: 14
       }
     );
-    return /* @__PURE__ */ s(D, { children: t ? /* @__PURE__ */ s(ye, { label: t, children: c }) : c });
+    return /* @__PURE__ */ s(E, { children: t ? /* @__PURE__ */ s(ye, { label: t, children: c }) : c });
   }
   return null;
 }, Pn = ({
@@ -55,7 +55,7 @@ const xt = E.createContext({}), Ys = ({
   crudStatus: o
 }) => {
   const a = t && r?.modified && r?.newValue === "", i = o && He(o), c = a || i;
-  return /* @__PURE__ */ C(D, { children: [
+  return /* @__PURE__ */ v(E, { children: [
     /* @__PURE__ */ s(
       U,
       {
@@ -64,7 +64,7 @@ const xt = E.createContext({}), Ys = ({
         children: n
       }
     ),
-    r?.newValue !== void 0 && /* @__PURE__ */ C(D, { children: [
+    r?.newValue !== void 0 && /* @__PURE__ */ v(E, { children: [
       /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(X, { icon: gt, size: 12 }) }),
       /* @__PURE__ */ s(U, { color: "var(--swui-primary-action-color)", variant: "bold", children: r.newValue })
     ] }),
@@ -108,7 +108,7 @@ const xt = E.createContext({}), Ys = ({
     color: j("--lhds-color-ui-500"),
     icon: e === "up" ? rn : on
   }
-) }), qe = E.memo(
+) }), qe = R.memo(
   ({
     label: e,
     arrow: t,
@@ -120,78 +120,81 @@ const xt = E.createContext({}), Ys = ({
     infoIconTooltipAppendTo: c,
     infoIconTooltipText: l,
     infoIconTooltipZIndex: h,
-    overflow: d = "hidden",
-    alignRight: u,
+    columnHeadContent: d,
+    overflow: u = "hidden",
+    alignRight: f,
     ...p
   }) => {
-    const f = ue(null), w = n ? { cursor: "pointer", userSelect: "none" } : void 0, m = !e && !t && !l;
-    return /* @__PURE__ */ C(
+    const g = ue(null), m = n ? { cursor: "pointer", userSelect: "none" } : void 0, w = !e && !t && !l;
+    return /* @__PURE__ */ v(
       I,
       {
         height: "100%",
         alignItems: "center",
-        ref: f,
-        overflow: d,
-        justifyContent: u ? "flex-end" : "flex-start",
+        ref: g,
+        overflow: u,
+        justifyContent: f ? "flex-end" : "flex-start",
         borderTop: "2px solid transparent",
         borderBottom: `2px solid ${o ? j("--lhds-color-blue-500") : "transparent"}`,
         ...p,
         children: [
-          /* @__PURE__ */ C(I, { alignItems: "center", indent: !0, children: [
-            !t && u && /* @__PURE__ */ C(D, { children: [
+          /* @__PURE__ */ v(I, { alignItems: "center", indent: !0, children: [
+            !t && f && /* @__PURE__ */ v(E, { children: [
               /* @__PURE__ */ s(M, {}),
               /* @__PURE__ */ s(he, { width: "14px" }),
               /* @__PURE__ */ s(M, { num: 0.5 })
             ] }),
-            (r || e) && /* @__PURE__ */ C(I, { onClick: n, style: w, alignItems: "center", children: [
-              r && /* @__PURE__ */ C(D, { children: [
+            (r || e) && /* @__PURE__ */ v(I, { onClick: n, style: m, alignItems: "center", children: [
+              r && /* @__PURE__ */ v(E, { children: [
                 r,
-                !m && /* @__PURE__ */ s(M, { num: 0.5 })
+                !w && /* @__PURE__ */ s(M, { num: 0.5 })
               ] }),
-              t && u && /* @__PURE__ */ C(D, { children: [
+              t && f && /* @__PURE__ */ v(E, { children: [
                 /* @__PURE__ */ s(M, {}),
                 /* @__PURE__ */ s(tt, { direction: t }),
                 /* @__PURE__ */ s(M, { num: 0.5 })
               ] }),
               e && /* @__PURE__ */ s(bt, { variant: "h6", style: { textAlign: "left" }, children: e }),
-              t && !u && /* @__PURE__ */ C(D, { children: [
+              t && !f && /* @__PURE__ */ v(E, { children: [
                 /* @__PURE__ */ s(M, { num: 0.5 }),
                 /* @__PURE__ */ s(tt, { direction: t }),
                 /* @__PURE__ */ s(M, {})
               ] })
             ] }),
-            l && /* @__PURE__ */ C(D, { children: [
+            d && /* @__PURE__ */ v(E, { children: [
               /* @__PURE__ */ s(M, {}),
-              /* @__PURE__ */ C(I, { onClick: (g) => g.stopPropagation(), children: [
-                /* @__PURE__ */ s(
-                  ye,
-                  {
-                    appendTo: c,
-                    label: l,
-                    zIndex: h,
-                    children: /* @__PURE__ */ s(
-                      X,
-                      {
-                        icon: sn,
-                        size: 14,
-                        color: j("--lhds-color-blue-400")
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ s(M, {})
-              ] })
-            ] })
+              /* @__PURE__ */ s(I, { children: d })
+            ] }),
+            l && /* @__PURE__ */ v(E, { children: [
+              /* @__PURE__ */ s(M, {}),
+              /* @__PURE__ */ s(I, { onClick: (y) => y.stopPropagation(), children: /* @__PURE__ */ s(
+                ye,
+                {
+                  appendTo: c,
+                  label: l,
+                  zIndex: h,
+                  children: /* @__PURE__ */ s(
+                    X,
+                    {
+                      icon: sn,
+                      size: 14,
+                      color: j("--lhds-color-blue-400")
+                    }
+                  )
+                }
+              ) })
+            ] }),
+            (d || l) && /* @__PURE__ */ s(M, {})
           ] }),
           /* @__PURE__ */ s(I, { children: i ? /* @__PURE__ */ s(Fe, {}) : a ? /* @__PURE__ */ s(
             ln,
             {
-              renderTrigger: (g) => /* @__PURE__ */ s(
+              renderTrigger: (y) => /* @__PURE__ */ s(
                 Be,
                 {
                   leftIcon: an,
                   size: "small",
-                  ...g
+                  ...y
                 }
               ),
               trigger: "click",
@@ -199,7 +202,7 @@ const xt = E.createContext({}), Ys = ({
               children: a
             }
           ) : null }),
-          !t && !u && /* @__PURE__ */ C(D, { children: [
+          !t && !f && /* @__PURE__ */ v(E, { children: [
             /* @__PURE__ */ s(M, {}),
             /* @__PURE__ */ s(he, { width: "14px" }),
             /* @__PURE__ */ s(M, { num: 0.5 })
@@ -221,7 +224,7 @@ const xt = E.createContext({}), Ys = ({
   width: n,
   indent: r = 1,
   height: o = ze
-}) => /* @__PURE__ */ s(qe, { width: n, flex: t, height: o, children: /* @__PURE__ */ s(he, { indent: r, spacing: !0, children: /* @__PURE__ */ s(U, { variant: "bold", children: e }) }) }), js = E.memo(
+}) => /* @__PURE__ */ s(qe, { width: n, flex: t, height: o, children: /* @__PURE__ */ s(he, { indent: r, spacing: !0, children: /* @__PURE__ */ s(U, { variant: "bold", children: e }) }) }), js = R.memo(
   ({ style: e, height: t = ze, ...n }) => /* @__PURE__ */ s(I, { style: e, height: t, ...n })
 ), Rn = "_tableRow_1cphw_1", Mn = {
   tableRow: Rn
@@ -239,7 +242,7 @@ const xt = E.createContext({}), Ys = ({
     ...r
   }
 ), Gn = (e) => {
-  const [t, n] = Pe(e), r = ue(e), o = ue(e), a = S(
+  const [t, n] = Pe(e), r = ue(e), o = ue(e), a = P(
     (d) => {
       n(d), o.current = d;
     },
@@ -248,17 +251,17 @@ const xt = E.createContext({}), Ys = ({
   pt(() => {
     a(e);
   }, [a, e]);
-  const i = S(() => {
+  const i = P(() => {
     r && a(r.current);
-  }, [a, r]), c = S(
+  }, [a, r]), c = P(
     (d) => {
       r.current = t, d && a(d);
     },
     [t, a]
-  ), l = S(
+  ), l = P(
     (d) => r.current = d,
     [r]
-  ), h = S(() => o.current, [o]);
+  ), h = P(() => o.current, [o]);
   return {
     value: t,
     setValue: a,
@@ -289,22 +292,22 @@ const xt = E.createContext({}), Ys = ({
 }) => {
   const [c, l] = Pe(!1), [h, d] = Pe(
     void 0
-  ), u = Gn(e), { getValue: p, revert: f, setValue: w, setRevertValue: m } = u, g = S(
-    (v) => {
-      t && (w(e), m(e), l(!0), o && o(v));
+  ), u = Gn(e), { getValue: f, revert: p, setValue: g, setRevertValue: m } = u, w = P(
+    (x) => {
+      t && (g(e), m(e), l(!0), o && o(x));
     },
-    [t, o, m, w, e]
-  ), b = S(() => {
-    t && (l(!1), a && a(), r && r(p()));
-  }, [t, r, a, p, l]), k = S(() => {
-    t && (l(!1), a && a(), f());
-  }, [t, a, f, l]);
+    [t, o, m, g, e]
+  ), y = P(() => {
+    t && (l(!1), a && a(), r && r(f()));
+  }, [t, r, a, f, l]), S = P(() => {
+    t && (l(!1), a && a(), p());
+  }, [t, a, p, l]);
   return {
-    onKeyDown: y(
+    onKeyDown: b(
       () => zn(
         c,
         t,
-        g,
+        w,
         d,
         n,
         i,
@@ -313,7 +316,7 @@ const xt = E.createContext({}), Ys = ({
       [
         c,
         t,
-        g,
+        w,
         d,
         n,
         i,
@@ -323,10 +326,10 @@ const xt = E.createContext({}), Ys = ({
     isEditing: c,
     lastKeyEvent: h,
     revertableValue: u,
-    startEditing: g,
-    stopEditing: b,
-    stopEditingAndRevert: k,
-    onDoubleClick: g
+    startEditing: w,
+    stopEditing: y,
+    stopEditingAndRevert: S,
+    onDoubleClick: w
   };
 }, Ln = (e) => e === "all" || e === "numeric" || e === "alphanumeric", An = (e) => e === "all" || e === "alphanumeric" || e === "letters", Hn = (e) => !!e.match(/^[-+*<>]$/), Nn = (e) => !!e.match(/^[a-zA-Z0-9]$/), Yn = (e) => !isNaN(parseInt(e, 10)), zn = (e, t, n, r, o, a, i) => (c) => {
   if (!(c.ctrlKey || c.metaKey || c.shiftKey)) {
@@ -380,7 +383,7 @@ const xt = E.createContext({}), Ys = ({
   return e;
 }, It = (e) => {
   const t = V(xt);
-  return y(
+  return b(
     () => Qn({
       ...t,
       ...e
@@ -397,7 +400,7 @@ const xt = E.createContext({}), Ys = ({
     edgeMode: i,
     onCellMove: c,
     onCellNavigation: l
-  } = It(e), h = y(
+  } = It(e), h = b(
     () => Un(
       a,
       t,
@@ -418,13 +421,13 @@ const xt = E.createContext({}), Ys = ({
       c,
       l
     ]
-  ), d = y(
+  ), d = b(
     () => Jn(h),
     [h]
-  ), u = y(
+  ), u = b(
     () => Tt(a, t, n),
     [a, t, n]
-  ), p = y(
+  ), f = b(
     () => ({
       tabIndex: 0,
       onKeyDown: d,
@@ -435,7 +438,7 @@ const xt = E.createContext({}), Ys = ({
   return {
     focusOnCell: Dt,
     moveHandler: h,
-    requiredProps: p
+    requiredProps: f
   };
 }, Un = (e, t, n, r, o, a, i, c) => (l) => {
   const h = Vn(
@@ -470,34 +473,34 @@ const xt = E.createContext({}), Ys = ({
   );
   n && n.focus();
 }, Te = (e, t) => {
-  const { tableId: n } = It(t), r = Xn(t), o = Bn(e, t), a = y(
+  const { tableId: n } = It(t), r = Xn(t), o = Bn(e, t), a = b(
     () => ({
       rowIndex: t.rowIndex,
       colIndex: t.colIndex
     }),
     [t.rowIndex, t.colIndex]
-  ), i = S(() => {
+  ), i = P(() => {
     o.startEditing(), r.focusOnCell(n, a);
-  }, [o, r, n, a]), c = S(() => {
+  }, [o, r, n, a]), c = P(() => {
     o.stopEditing(), r.focusOnCell(n, a);
-  }, [o, r, n, a]), l = S(() => {
+  }, [o, r, n, a]), l = P(() => {
     o.stopEditingAndRevert(), r.focusOnCell(n, a);
-  }, [o, r, n, a]), h = S(
-    (f) => {
-      o.stopEditing(), r.moveHandler(f);
+  }, [o, r, n, a]), h = P(
+    (p) => {
+      o.stopEditing(), r.moveHandler(p);
     },
     [o, r]
-  ), d = S(
-    (f) => {
-      r.moveHandler(f);
+  ), d = P(
+    (p) => {
+      r.moveHandler(p);
     },
     [r]
-  ), u = S(
-    (f) => {
-      o.isEditing || r.requiredProps.onKeyDown(f) || o.onKeyDown(f);
+  ), u = P(
+    (p) => {
+      o.isEditing || r.requiredProps.onKeyDown(p) || o.onKeyDown(p);
     },
     [o, r.requiredProps]
-  ), p = y(
+  ), f = b(
     () => ({
       ...r.requiredProps,
       onKeyDown: u,
@@ -511,7 +514,7 @@ const xt = E.createContext({}), Ys = ({
     editorValue: o.revertableValue.value,
     setEditorValue: o.revertableValue.setValue,
     revertEditorValue: o.revertableValue.revert,
-    requiredProps: p,
+    requiredProps: f,
     move: d,
     startEditing: i,
     stopEditing: c,
@@ -530,24 +533,24 @@ const xt = E.createContext({}), Ys = ({
   rowIndex: h,
   numCols: d,
   numRows: u,
-  warningOnEmpty: p
+  warningOnEmpty: f
 }) {
-  const f = hn(), w = Ue(
+  const p = hn(), g = Ue(
     c.selectors.getState
-  ), m = Ue(i.selectors.getState), g = w.entities[r], b = m.entities[r], k = S(
+  ), m = Ue(i.selectors.getState), w = g.entities[r], y = m.entities[r], S = P(
     (H = "") => {
-      f(H === n ? c.actions.clearEntity(r) : c.actions.setEntity({
+      p(H === n ? c.actions.clearEntity(r) : c.actions.setEntity({
         id: r,
         originalValue: n,
         newValue: H,
         modified: !0
       }));
     },
-    [f, r, c.actions, n]
+    [p, r, c.actions, n]
   ), {
-    isEditing: P,
-    stopEditing: v,
-    editorValue: R,
+    isEditing: O,
+    stopEditing: x,
+    editorValue: k,
     setEditorValue: W,
     stopEditingAndRevert: L,
     stopEditingAndMove: A,
@@ -559,12 +562,12 @@ const xt = E.createContext({}), Ys = ({
     numCols: d,
     numRows: u,
     tableId: "serviceManningMatrixTable",
-    onChange: k,
+    onChange: S,
     isEditable: o,
     allowedInputType: t
-  }), q = S(
+  }), q = P(
     (H) => {
-      H.key === "Delete" ? (f(c.actions.clearEntity(r)), f(
+      H.key === "Delete" ? (p(c.actions.clearEntity(r)), p(
         i.actions.setEntityFields(r, {
           hasError: !1,
           errorMessage: void 0
@@ -574,12 +577,12 @@ const xt = E.createContext({}), Ys = ({
     [
       z,
       r,
-      f,
+      p,
       c.actions,
       i.actions
     ]
   );
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ v(
     I,
     {
       height: Ye,
@@ -598,50 +601,50 @@ const xt = E.createContext({}), Ys = ({
             alignItems: "center",
             border: "1px solid transparent",
             borderRadius: "4px",
-            focusBorder: P ? void 0 : "1px solid var(--primary-action-color)",
-            hoverBorder: P ? void 0 : "var(--ui5) solid 1px;",
+            focusBorder: O ? void 0 : "1px solid var(--primary-action-color)",
+            hoverBorder: O ? void 0 : "var(--ui5) solid 1px;",
             onKeyDown: q,
             ...$,
-            children: /* @__PURE__ */ s(G, { row: !0, alignItems: "center", children: P ? /* @__PURE__ */ s(
+            children: /* @__PURE__ */ s(G, { row: !0, alignItems: "center", children: O ? /* @__PURE__ */ s(
               Le,
               {
                 onValueChange: W,
-                value: R,
-                onDone: v,
+                value: k,
+                onDone: x,
                 onEsc: L,
                 autoFocus: !0,
                 selectAllOnMount: !Y,
                 onMove: A
               }
-            ) : /* @__PURE__ */ C(D, { children: [
+            ) : /* @__PURE__ */ v(E, { children: [
               /* @__PURE__ */ s(
                 U,
                 {
                   color: o ? "var(--primary-action-color)" : void 0,
-                  variant: g?.modified ? "bold" : void 0,
+                  variant: w?.modified ? "bold" : void 0,
                   children: n
                 }
               ),
-              g?.newValue !== void 0 && /* @__PURE__ */ C(D, { children: [
+              w?.newValue !== void 0 && /* @__PURE__ */ v(E, { children: [
                 /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(X, { icon: gt, size: 12 }) }),
                 /* @__PURE__ */ s(
                   U,
                   {
                     color: "var(--primary-action-color)",
                     variant: "bold",
-                    children: g.newValue
+                    children: w.newValue
                   }
                 )
               ] }),
-              b && He(b) && /* @__PURE__ */ s(M, { num: 2 }),
-              p && g?.modified && g?.newValue === "" ? /* @__PURE__ */ s(ye, { label: p, children: /* @__PURE__ */ s(
+              y && He(y) && /* @__PURE__ */ s(M, { num: 2 }),
+              f && w?.modified && w?.newValue === "" ? /* @__PURE__ */ s(ye, { label: f, children: /* @__PURE__ */ s(
                 X,
                 {
                   icon: Ie,
                   color: "var(--ui-alert1)",
                   size: 14
                 }
-              ) }) : /* @__PURE__ */ s(kt, { crudStatus: b })
+              ) }) : /* @__PURE__ */ s(kt, { crudStatus: y })
             ] }) })
           }
         ),
@@ -681,12 +684,12 @@ const xt = E.createContext({}), Ys = ({
     expandedRows: o,
     fields: a
   });
-}, _e = () => V(Et), O = () => V(Gt), ae = () => V(Rt), be = () => V(Mt), Ft = B([]), J = () => V(
+}, _e = () => V(Et), T = () => V(Gt), ae = () => V(Rt), be = () => V(Mt), Ft = B([]), J = () => V(
   Ft
 ), Bt = () => {
-  const e = O(), t = J();
+  const e = T(), t = J();
   let n = 0;
-  return e.enableExpandCollapse && n++, e.showRowCheckbox && n++, n + y(
+  return e.enableExpandCollapse && n++, e.showRowCheckbox && n++, n + b(
     () => t.map((r) => r.groupConfig.columnOrder.length).reduce((r, o) => r + o, 0),
     [t]
   );
@@ -717,15 +720,15 @@ const xt = E.createContext({}), Ys = ({
   if (!(e === 0 || t !== 0) && n)
     return n === !0 ? ge : n;
 }, ve = (e) => {
-  const { columns: t } = O(), n = t[e];
+  const { columns: t } = T(), n = t[e];
   if (!n)
     throw new Error("No config for column with id=" + e);
   return n;
 }, ar = () => {
-  const e = O(), t = J()?.[0]?.groupConfig.columnOrder?.[0];
+  const e = T(), t = J()?.[0]?.groupConfig.columnOrder?.[0];
   return t ? e.columns[t] : void 0;
 }, ir = () => {
-  const e = O(), t = J(), n = t[t.length - 1], r = n?.groupConfig.columnOrder[n.groupConfig.columnOrder.length - 1] ?? void 0;
+  const e = T(), t = J(), n = t[t.length - 1], r = n?.groupConfig.columnOrder[n.groupConfig.columnOrder.length - 1] ?? void 0;
   return r ? e.columns[r] : void 0;
 }, cr = function({
   columnId: t,
@@ -735,7 +738,7 @@ const xt = E.createContext({}), Ys = ({
   isFirstGroup: a,
   isLastGroup: i
 }) {
-  const { label: c, render: l, contentLeft: h, contentRight: d, loading: u, error: p } = n, { width: f, minWidth: w, zIndex: m, borderLeft: g } = ve(t), b = O(), { stickyHeader: k, headerRowOffsetTop: P } = b, v = "columnGroupOrder" in b ? b.stickyColumnGroups : void 0, R = lr(r, g), W = a && (v === "first" || v === "both"), L = i && (v === "last" || v === "both"), A = W || L || k, Y = W || L;
+  const { label: c, render: l, contentLeft: h, contentRight: d, loading: u, error: f } = n, { width: p, minWidth: g, zIndex: m, borderLeft: w } = ve(t), y = T(), { stickyHeader: S, headerRowOffsetTop: O } = y, x = "columnGroupOrder" in y ? y.stickyColumnGroups : void 0, k = lr(r, w), W = a && (x === "first" || x === "both"), L = i && (x === "last" || x === "both"), A = W || L || S, Y = W || L;
   return /* @__PURE__ */ s(
     "th",
     {
@@ -743,29 +746,29 @@ const xt = E.createContext({}), Ys = ({
       style: {
         position: A ? "sticky" : void 0,
         height: "var(--current-row-height)",
-        width: f,
-        minWidth: w ?? f ?? "20px",
+        width: p,
+        minWidth: g ?? p ?? "20px",
         background: A ? "white" : "transparent",
         left: W ? "var(--current-left-offset)" : void 0,
         right: L ? "0px" : void 0,
-        top: k ? P ?? "0px" : void 0,
-        borderLeft: R,
-        zIndex: k && Y ? "var(--swui-sticky-column-group-label-z-index)" : Y ? "var(--swui-sticky-group-group-z-index)" : k ? m ?? "var(--swui-sticky-header-column-group-z-index)" : m ?? 1,
+        top: S ? O ?? "0px" : void 0,
+        borderLeft: k,
+        zIndex: S && Y ? "var(--swui-sticky-column-group-label-z-index)" : Y ? "var(--swui-sticky-group-group-z-index)" : S ? m ?? "var(--swui-sticky-header-column-group-z-index)" : m ?? 1,
         boxShadow: W ? "var(--swui-sticky-column-shadow-right)" : L ? "var(--swui-sticky-column-shadow-left)" : void 0
       },
-      children: /* @__PURE__ */ s(I, { alignItems: "center", children: /* @__PURE__ */ C(D, { children: [
-        h && /* @__PURE__ */ C(D, { children: [
+      children: /* @__PURE__ */ s(I, { alignItems: "center", children: /* @__PURE__ */ v(E, { children: [
+        h && /* @__PURE__ */ v(E, { children: [
           /* @__PURE__ */ s(M, {}),
           h,
           /* @__PURE__ */ s(M, { num: 0.5 })
         ] }),
         l ? l(n) : /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(bt, { variant: "h5", whiteSpace: "nowrap", children: c }) }),
-        d && /* @__PURE__ */ C(D, { children: [
+        d && /* @__PURE__ */ v(E, { children: [
           /* @__PURE__ */ s(M, { num: 0.5 }),
           d
         ] }),
-        (p || u) && /* @__PURE__ */ s(G, {}),
-        u ? /* @__PURE__ */ s(Fe, {}) : p ? /* @__PURE__ */ s(ye, { label: p, placement: "bottom", children: /* @__PURE__ */ s(
+        (f || u) && /* @__PURE__ */ s(G, {}),
+        u ? /* @__PURE__ */ s(Fe, {}) : f ? /* @__PURE__ */ s(ye, { label: f, placement: "bottom", children: /* @__PURE__ */ s(
           X,
           {
             icon: Ie,
@@ -794,10 +797,10 @@ const xt = E.createContext({}), Ys = ({
     return t;
   if (e)
     return 0;
-}, hr = E.memo(function({
+}, hr = R.memo(function({
   height: t = Ye
 }) {
-  const n = J(), r = O(), {
+  const n = J(), r = T(), {
     showHeaderCheckbox: o,
     enableExpandCollapse: a,
     rowIndent: i,
@@ -810,8 +813,8 @@ const xt = E.createContext({}), Ys = ({
     h,
     d,
     c
-  ), p = l ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
-  return /* @__PURE__ */ C(
+  ), f = l ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
+  return /* @__PURE__ */ v(
     "tr",
     {
       style: {
@@ -827,7 +830,7 @@ const xt = E.createContext({}), Ys = ({
               ...u,
               width: "var(--swui-expand-cell-width)",
               left: h ? "0px" : void 0,
-              zIndex: p
+              zIndex: f
             }
           }
         ),
@@ -837,25 +840,25 @@ const xt = E.createContext({}), Ys = ({
             style: {
               ...u,
               left: h && a ? "var(--swui-expand-cell-width)" : h ? "0px" : void 0,
-              zIndex: p
+              zIndex: f
             }
           }
         ),
-        n.map(({ groupConfig: f, groupId: w }, m) => /* @__PURE__ */ s(
+        n.map(({ groupConfig: p, groupId: g }, m) => /* @__PURE__ */ s(
           cr,
           {
             isFirstGroup: m === 0,
             isLastGroup: m === n.length - 1,
-            groupConfig: f,
-            columnId: f.columnOrder[0],
-            colSpan: f.columnOrder.length,
+            groupConfig: p,
+            columnId: p.columnOrder[0],
+            colSpan: p.columnOrder.length,
             borderFromGroup: De(
               m,
               0,
-              f.borderLeft
+              p.borderLeft
             )
           },
-          w
+          g
         )),
         i && /* @__PURE__ */ s("th", { style: u }),
         /* @__PURE__ */ s("th", { style: u })
@@ -961,14 +964,14 @@ const xt = E.createContext({}), Ys = ({
   return n.forEach((i, c) => {
     const h = e.columnGroups[i].columnOrder;
     h.forEach((d, u) => {
-      const p = c === 0, f = c === n.length - 1, w = p && o, m = f && a, g = u === 0 && f, b = u === h.length - 1 && p;
+      const f = c === 0, p = c === n.length - 1, g = f && o, m = p && a, w = u === 0 && p, y = u === h.length - 1 && f;
       t[d] = {
-        sticky: w || m,
-        left: w ? r[d] : void 0,
+        sticky: g || m,
+        left: g ? r[d] : void 0,
         right: m ? r[d] : void 0,
-        type: w ? "first-group" : m ? "last-group" : void 0,
-        isFirstColumnInLastGroup: g,
-        isLastColumnInFirstGroup: b
+        type: g ? "first-group" : m ? "last-group" : void 0,
+        isFirstColumnInLastGroup: w,
+        isLastColumnInFirstGroup: y
       };
     });
   }), t;
@@ -1005,7 +1008,7 @@ const xt = E.createContext({}), Ys = ({
   const [n, r] = tn(
     er(e),
     t
-  ), o = y(
+  ), o = b(
     () => Sr(
       e,
       Zn()
@@ -1013,7 +1016,7 @@ const xt = E.createContext({}), Ys = ({
     [e]
   );
   return {
-    tableContext: y(
+    tableContext: b(
       () => ({
         dispatch: r,
         actions: o,
@@ -1026,15 +1029,15 @@ const xt = E.createContext({}), Ys = ({
   const r = e.columnGroups?.[n];
   return t + (r?.columnOrder?.length ?? 0);
 }, 0) : e.columnOrder?.length ?? 0, Tr = () => {
-  const e = O(), t = J(), n = e.enableExpandCollapse || e.showRowCheckbox, r = dn(e.rowIndent);
-  return /* @__PURE__ */ C(D, { children: [
+  const e = T(), t = J(), n = e.enableExpandCollapse || e.showRowCheckbox, r = dn(e.rowIndent);
+  return /* @__PURE__ */ v(E, { children: [
     r ? /* @__PURE__ */ s("colgroup", { children: /* @__PURE__ */ s(
       "col",
       {
         style: { width: `calc(var(--swui-metrics-indent) * ${r})` }
       }
     ) }) : null,
-    n && /* @__PURE__ */ C("colgroup", { children: [
+    n && /* @__PURE__ */ v("colgroup", { children: [
       e.enableExpandCollapse && /* @__PURE__ */ s("col", { style: { width: "var(--swui-expand-cell-width)" } }),
       e.showRowCheckbox && /* @__PURE__ */ s("col", { style: { width: "var(--swui-checkbox-cell-width)" } })
     ] }),
@@ -1061,13 +1064,13 @@ const xt = E.createContext({}), Ys = ({
   condensed: Rr,
   compact: Mr
 }, Gr = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : Ge(e, t, "number") ? Number(e) - Number(t) : Ge(e, t, "boolean") ? Number(t) - Number(e) : Ge(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, Ge = (e, t, n) => typeof e === n && typeof t === n, Wr = (e) => {
-  const { columns: t } = O();
+  const { columns: t } = T();
   if (!e)
     return;
   const n = t[e];
   if (n)
     return n.itemValueResolver;
-}, Fr = E.memo(
+}, Fr = R.memo(
   function({
     value: t,
     onValueChange: n,
@@ -1084,9 +1087,9 @@ const xt = E.createContext({}), Ys = ({
       numRows: a,
       rowIndex: o,
       tableId: d
-    }), { requiredProps: p } = u, f = S(
-      (w) => {
-        l.current ? c?.(w) : n?.(w);
+    }), { requiredProps: f } = u, p = P(
+      (g) => {
+        l.current ? c?.(g) : n?.(g);
       },
       [n, c, l]
     );
@@ -1096,8 +1099,8 @@ const xt = E.createContext({}), Ys = ({
         size: "small",
         disabled: i,
         value: t,
-        onValueChange: f,
-        ...p
+        onValueChange: p,
+        ...f
       }
     );
   }
@@ -1110,26 +1113,26 @@ const xt = E.createContext({}), Ys = ({
   const a = Math.min(r, o), i = Math.max(r, o);
   return e.slice(a, i + 1);
 }, Lr = (e, t) => {
-  const { keyResolver: n } = O(), {
+  const { keyResolver: n } = T(), {
     selectedIds: { selectedIds: r },
     fields: { lastSelectedId: o }
   } = ae(), {
     actions: { setSelectedIds: a, setLastSelectedId: i },
     dispatch: c
-  } = be(), l = y(() => n(e), [n, e]), h = y(
+  } = be(), l = b(() => n(e), [n, e]), h = b(
     () => r.includes(l),
     [r, l]
-  ), { toggle: d, addMultiple: u, removeMultiple: p } = vt(
+  ), { toggle: d, addMultiple: u, removeMultiple: f } = vt(
     r,
     (m) => c(a(m))
-  ), f = S(() => {
+  ), p = P(() => {
     if (t && o) {
       const m = Br(
         t,
         o,
         l
       );
-      m?.length ? h ? p(m) : u(m) : d(l);
+      m?.length ? h ? f(m) : u(m) : d(l);
     } else
       d(l);
     c(i(l));
@@ -1140,24 +1143,24 @@ const xt = E.createContext({}), Ys = ({
     i,
     l,
     h,
-    p,
+    f,
     u,
     d
-  ]), w = S(() => {
+  ]), g = P(() => {
     d(l), c(i(l));
   }, [d, l, c, i]);
   return {
     isSelected: h,
-    toggleSelected: w,
-    shiftAndToggleSelected: f
+    toggleSelected: g,
+    shiftAndToggleSelected: p
   };
 }, $e = (e) => {
-  const { keyResolver: t } = O(), {
+  const { keyResolver: t } = T(), {
     expandedRows: { selectedIds: n }
   } = ae(), {
     actions: { expandByIds: r },
     dispatch: o
-  } = be(), a = y(() => t(e), [t, e]), i = y(
+  } = be(), a = b(() => t(e), [t, e]), i = b(
     () => n.includes(a),
     [n, a]
   ), { toggle: c } = vt(
@@ -1165,7 +1168,7 @@ const xt = E.createContext({}), Ys = ({
     (h) => o(r(h))
   );
   return {
-    toggleRowExpanded: S(() => {
+    toggleRowExpanded: P(() => {
       c(a);
     }, [c, a]),
     isExpanded: i
@@ -1182,7 +1185,7 @@ const xt = E.createContext({}), Ys = ({
     numRows: n,
     rowIndex: r,
     tableId: a
-  }), { requiredProps: c } = i, { expandCollapseDisableResolver: l } = O(), { toggleRowExpanded: h, isExpanded: d } = $e(e), u = y(() => l ? l(e) : !1, [l, e]);
+  }), { requiredProps: c } = i, { expandCollapseDisableResolver: l } = T(), { toggleRowExpanded: h, isExpanded: d } = $e(e), u = b(() => l ? l(e) : !1, [l, e]);
   return /* @__PURE__ */ s(I, { alignItems: "center", justifyContent: "center", indent: !0, children: !u && /* @__PURE__ */ s(
     Be,
     {
@@ -1192,7 +1195,7 @@ const xt = E.createContext({}), Ys = ({
       ...c
     }
   ) });
-}, Hr = (e, t, n) => e ? e(t) : n, _t = (e, t, n) => y(
+}, Hr = (e, t, n) => e ? e(t) : n, _t = (e, t, n) => b(
   () => Hr(e, t, n),
   [e, t, n]
 ), Nr = (e, t) => {
@@ -1203,7 +1206,7 @@ const xt = E.createContext({}), Ys = ({
   return _t(r, t, n);
 }, Yr = (e) => e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "object" ? JSON.stringify(e) : String(e), zr = (e) => xn(kn(e)), qr = "_standardTableCell_1xzcm_1", _r = {
   standardTableCell: qr
-}, jr = E.memo(
+}, jr = R.memo(
   function({
     enableGridCell: t,
     children: n,
@@ -1243,7 +1246,7 @@ const xt = E.createContext({}), Ys = ({
       }
     );
   }
-), Vr = E.memo(function({
+), Vr = R.memo(function({
   label: t,
   size: n,
   color: r
@@ -1263,7 +1266,7 @@ const xt = E.createContext({}), Ys = ({
 }), Kr = ({
   label: e,
   textSize: t
-}) => /* @__PURE__ */ s(Vr, { label: e, size: t }), $r = E.memo(function({
+}) => /* @__PURE__ */ s(Vr, { label: e, size: t }), $r = R.memo(function({
   columnId: t,
   item: n,
   colIndex: r,
@@ -1276,14 +1279,14 @@ const xt = E.createContext({}), Ys = ({
     keyResolver: l,
     enableGridCell: h,
     gridCellOptions: d
-  } = O(), u = ae().selectedIds.selectedIds, p = _e(), f = tr(), { numNavigableColumns: w } = qt(), m = je(), g = y(() => l(n), [n, l]), b = y(() => u.indexOf(g) >= 0, [g, u]), { defaultCellRenderer: k = Kr, defaultTextSize: P } = O(), {
-    itemValueResolver: v,
-    itemLabelFormatter: R,
+  } = T(), u = ae().selectedIds.selectedIds, f = _e(), p = tr(), { numNavigableColumns: g } = qt(), m = je(), w = b(() => l(n), [n, l]), y = b(() => u.indexOf(w) >= 0, [w, u]), { defaultCellRenderer: S = Kr, defaultTextSize: O } = T(), {
+    itemValueResolver: x,
+    itemLabelFormatter: k,
     width: W,
     minWidth: L,
     justifyContentCell: A = "flex-start",
     borderLeft: Y,
-    renderCell: z = k,
+    renderCell: z = S,
     gridCellOptions: $,
     isEditable: q,
     onChange: H,
@@ -1292,35 +1295,35 @@ const xt = E.createContext({}), Ys = ({
     disableGridCellFocus: ee,
     zIndex: ie,
     height: te
-  } = ve(t), ne = y(() => v ? v(n) : t in n ? n[t] : "", [v, n, t]), ce = y(
-    () => R ? R(ne, n) : Yr(ne),
-    [ne, R, n]
-  ), re = typeof q == "boolean" ? q : q ? q(n) : void 0, Ce = S(
+  } = ve(t), ne = b(() => x ? x(n) : t in n ? n[t] : "", [x, n, t]), ce = b(
+    () => k ? k(ne, n) : Yr(ne),
+    [ne, k, n]
+  ), re = typeof q == "boolean" ? q : q ? q(n) : void 0, Ce = P(
     (ke) => {
-      Z?.(ke, { columnId: t, item: n }), f?.(ke, { columnId: t, item: n });
+      Z?.(ke, { columnId: t, item: n }), p?.(ke, { columnId: t, item: n });
     },
-    [f, t, n, Z]
+    [p, t, n, Z]
   ), xe = Te(ce, {
     colIndex: r,
     rowIndex: o,
     numRows: a,
-    numCols: w,
-    tableId: p,
+    numCols: g,
+    tableId: f,
     isEditable: re,
     onChange: H ? (ke) => H(n, ke) : void 0,
     ...d,
     ...$
-  }), F = m[t], Ut = Nr(t, n) ?? "inherit", Re = F.sticky ? ie ?? "var(--swui-sticky-column-z-index)" : ie ?? 1, Qe = te ?? "var(--current-row-height)", Jt = y(
+  }), F = m[t], Ut = Nr(t, n) ?? "inherit", Re = F.sticky ? ie ?? "var(--swui-sticky-column-z-index)" : ie ?? 1, Qe = te ?? "var(--current-row-height)", Jt = b(
     () => z({
       label: ce,
       value: ne,
       item: n,
       gridCell: xe,
       isEditable: re,
-      isSelected: b,
+      isSelected: y,
       zIndex: Re,
-      textSize: P,
-      itemKey: g,
+      textSize: O,
+      itemKey: w,
       height: Qe
     }),
     [
@@ -1330,10 +1333,10 @@ const xt = E.createContext({}), Ys = ({
       n,
       xe,
       re,
-      b,
+      y,
       Re,
-      g,
-      P,
+      w,
+      O,
       Qe
     ]
   ), Zt = Ke(
@@ -1370,8 +1373,8 @@ const xt = E.createContext({}), Ys = ({
     }
   );
 }), Qr = function({ item: t }) {
-  const { renderRowExpansion: n, enableExpandCollapse: r } = O(), { isExpanded: o, toggleRowExpanded: a } = $e(t), i = Ve();
-  return /* @__PURE__ */ s(D, { children: r && n && o && /* @__PURE__ */ s(
+  const { renderRowExpansion: n, enableExpandCollapse: r } = T(), { isExpanded: o, toggleRowExpanded: a } = $e(t), i = Ve();
+  return /* @__PURE__ */ s(E, { children: r && n && o && /* @__PURE__ */ s(
     "tr",
     {
       style: {
@@ -1390,7 +1393,7 @@ const xt = E.createContext({}), Ys = ({
     background: ${e};
   }
 ` : ""}
-`, Xr = E.memo(function({
+`, Xr = R.memo(function({
   item: t,
   idListForEnabledItems: n,
   rowIndex: r,
@@ -1399,35 +1402,35 @@ const xt = E.createContext({}), Ys = ({
   alwaysVisible: i,
   shiftPressedRef: c
 }) {
-  const l = ue(null), h = Ve(), { stickyCheckboxColumn: d } = O(), u = J(), { columnIndexPerColumnId: p } = qt(), {
-    showRowCheckbox: f,
-    rowBackgroundResolver: w,
+  const l = ue(null), h = Ve(), { stickyCheckboxColumn: d } = T(), u = J(), { columnIndexPerColumnId: f } = qt(), {
+    showRowCheckbox: p,
+    rowBackgroundResolver: g,
     checkboxDisabledResolver: m,
-    enableGridCell: g,
-    rowIndent: b,
-    enableExpandCollapse: k
-  } = O(), { isExpanded: P } = $e(t), { isSelected: v, toggleSelected: R, shiftAndToggleSelected: W } = Lr(
+    enableGridCell: w,
+    rowIndent: y,
+    enableExpandCollapse: S
+  } = T(), { isExpanded: O } = $e(t), { isSelected: x, toggleSelected: k, shiftAndToggleSelected: W } = Lr(
     t,
     n
   ), L = un(l, {
     rootMargin: "400px 0px 400px 0px",
     threshold: 0
-  }), A = y(
-    () => w?.(t, v),
-    [v, t, w]
+  }), A = b(
+    () => g?.(t, x),
+    [x, t, g]
   ), Y = Ur(
     A,
-    v,
-    P
+    x,
+    O
   ), z = Jr(
     A,
-    v,
-    P
+    x,
+    O
   ), $ = Zr(
     A,
-    v,
+    x,
     z
-  ), q = y(
+  ), q = b(
     () => m?.(t),
     [t, m]
   ), H = ar(), Z = at(
@@ -1436,18 +1439,18 @@ const xt = E.createContext({}), Ys = ({
   ), me = ir(), ee = at(
     me,
     t
-  ), ie = y(
-    () => /* @__PURE__ */ s(D, { children: /* @__PURE__ */ C(D, { children: [
-      b && /* @__PURE__ */ s(
+  ), ie = b(
+    () => /* @__PURE__ */ s(E, { children: /* @__PURE__ */ v(E, { children: [
+      y && /* @__PURE__ */ s(
         "td",
         {
           style: {
             background: Z
           },
-          children: /* @__PURE__ */ s(G, { num: b })
+          children: /* @__PURE__ */ s(G, { num: y })
         }
       ),
-      k && /* @__PURE__ */ s(
+      S && /* @__PURE__ */ s(
         "td",
         {
           style: {
@@ -1468,8 +1471,8 @@ const xt = E.createContext({}), Ys = ({
                 Ar,
                 {
                   colIndex: a,
-                  rowIndex: g ? r : 0,
-                  numRows: g ? o : 0,
+                  rowIndex: w ? r : 0,
+                  numRows: w ? o : 0,
                   item: t
                 }
               )
@@ -1477,13 +1480,13 @@ const xt = E.createContext({}), Ys = ({
           )
         }
       ),
-      f && /* @__PURE__ */ s(
+      p && /* @__PURE__ */ s(
         "td",
         {
           style: {
             background: d ? "inherit" : void 0,
             position: d ? "sticky" : void 0,
-            left: k && d ? "var(--swui-expand-cell-width)" : d ? "0px" : void 0,
+            left: S && 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
@@ -1499,10 +1502,10 @@ const xt = E.createContext({}), Ys = ({
                 Fr,
                 {
                   disabled: q,
-                  value: v,
-                  onValueChange: R,
+                  value: x,
+                  onValueChange: k,
                   onValueChangeAndShift: W,
-                  colIndex: a + (k ? 1 : 0),
+                  colIndex: a + (S ? 1 : 0),
                   rowIndex: r,
                   numRows: o,
                   shiftPressedRef: c
@@ -1512,12 +1515,12 @@ const xt = E.createContext({}), Ys = ({
           )
         }
       ),
-      u.map(({ groupConfig: te, groupId: ne }, ce) => /* @__PURE__ */ s(E.Fragment, { children: te.columnOrder.map((re, Ce) => /* @__PURE__ */ s(
+      u.map(({ groupConfig: te, groupId: ne }, ce) => /* @__PURE__ */ s(R.Fragment, { children: te.columnOrder.map((re, Ce) => /* @__PURE__ */ s(
         $r,
         {
           columnId: re,
           item: t,
-          colIndex: a + p[re],
+          colIndex: a + f[re],
           rowIndex: r,
           numRows: o,
           borderFromGroup: De(
@@ -1529,48 +1532,48 @@ const xt = E.createContext({}), Ys = ({
         },
         re
       )) }, ne)),
-      b && /* @__PURE__ */ s(
+      y && /* @__PURE__ */ s(
         "td",
         {
           style: {
             background: ee
           },
-          children: /* @__PURE__ */ s(G, { num: b })
+          children: /* @__PURE__ */ s(G, { num: y })
         }
       ),
       /* @__PURE__ */ s("td", {})
     ] }) }),
     [
       a,
-      p,
+      f,
       q,
-      k,
-      g,
+      S,
+      w,
       Z,
       u,
-      v,
+      x,
       t,
       ee,
       o,
-      b,
+      y,
       r,
       W,
       c,
-      f,
+      p,
       d,
-      R
+      k
     ]
   );
-  return /* @__PURE__ */ C(D, { children: [
+  return /* @__PURE__ */ v(E, { children: [
     /* @__PURE__ */ s(
       jt,
       {
         hoverBackground: z,
         background: Y,
         focusBackground: $,
-        borderLeft: P ? Pt : Ne,
+        borderLeft: O ? Pt : Ne,
         ref: l,
-        children: L || i || P ? ie : /* @__PURE__ */ s(
+        children: L || i || O ? ie : /* @__PURE__ */ s(
           "td",
           {
             colSpan: h,
@@ -1588,7 +1591,7 @@ const xt = E.createContext({}), Ys = ({
     return n;
 }, eo = (e) => Object.values(e).some((t) => to(t)), to = (e) => !!(e.renderSummaryCell || e.summaryText), no = "_summaryRow_12x8k_1", ro = {
   summaryRow: no
-}, oo = E.memo(function({
+}, oo = R.memo(function({
   columnId: t,
   items: n,
   disableBorderLeft: r,
@@ -1601,39 +1604,39 @@ const xt = E.createContext({}), Ys = ({
     borderLeft: h,
     zIndex: d,
     width: u,
-    minWidth: p,
-    justifyContentCell: f
-  } = ve(t), w = Ke(
+    minWidth: f,
+    justifyContentCell: p
+  } = ve(t), g = Ke(
     o,
     r,
     h
-  ), m = i[t], g = m.sticky ? d ?? "var(--swui-sticky-column-z-index)" : d ?? 1, b = m.sticky && m.type === "last-group" && m.isFirstColumnInLastGroup || m.sticky && m.type === "column" && m.right ? "var(--swui-sticky-column-shadow-left)" : m.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0, k = y(() => l?.({ items: n }), [n, l]), P = y(
-    () => c?.({ items: n, text: k }),
-    [n, c, k]
+  ), m = i[t], w = m.sticky ? d ?? "var(--swui-sticky-column-z-index)" : d ?? 1, y = m.sticky && m.type === "last-group" && m.isFirstColumnInLastGroup || m.sticky && m.type === "column" && m.right ? "var(--swui-sticky-column-shadow-left)" : m.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0, S = b(() => l?.({ items: n }), [n, l]), O = b(
+    () => c?.({ items: n, text: S }),
+    [n, c, S]
   );
   return /* @__PURE__ */ s(
     "td",
     {
       colSpan: a,
       style: {
-        borderLeft: w,
+        borderLeft: g,
         position: m.sticky ? "sticky" : void 0,
         left: m.sticky ? m.left : void 0,
         right: m.sticky ? m.right : void 0,
-        boxShadow: b,
-        zIndex: g,
+        boxShadow: y,
+        zIndex: w,
         height: "var(--current-row-height)"
       },
       children: /* @__PURE__ */ s(
         I,
         {
           width: u,
-          minWidth: p,
+          minWidth: f,
           height: "inherit",
           overflow: "hidden",
-          justifyContent: f,
+          justifyContent: p,
           alignItems: "center",
-          children: c ? P : /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(U, { variant: "bold", children: k }) })
+          children: c ? O : /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(U, { variant: "bold", children: S }) })
         }
       )
     }
@@ -1650,17 +1653,17 @@ const xt = E.createContext({}), Ys = ({
     i > 1 && (r += i - 1);
   }
   return n;
-}, ao = E.memo(
+}, ao = R.memo(
   function({
     items: t
   }) {
-    const n = J(), { showRowCheckbox: r, enableExpandCollapse: o, columns: a, rowIndent: i } = O();
-    return /* @__PURE__ */ C("tr", { className: ro.summaryRow, children: [
+    const n = J(), { showRowCheckbox: r, enableExpandCollapse: o, columns: a, rowIndent: i } = T();
+    return /* @__PURE__ */ v("tr", { className: ro.summaryRow, children: [
       i && /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s(G, { num: i }) }),
       o && /* @__PURE__ */ s("td", {}),
       r && /* @__PURE__ */ s("td", {}),
-      n.map(({ groupConfig: c, groupId: l }, h) => /* @__PURE__ */ s(E.Fragment, { children: so(c.columnOrder, a).map(
-        ({ columnId: d, colSpan: u }, p) => /* @__PURE__ */ s(
+      n.map(({ groupConfig: c, groupId: l }, h) => /* @__PURE__ */ s(R.Fragment, { children: so(c.columnOrder, a).map(
+        ({ columnId: d, colSpan: u }, f) => /* @__PURE__ */ s(
           oo,
           {
             colSpan: u,
@@ -1668,10 +1671,10 @@ const xt = E.createContext({}), Ys = ({
             items: t,
             borderFromGroup: De(
               h,
-              p,
+              f,
               c.borderLeft
             ),
-            disableBorderLeft: h === 0 && p === 0
+            disableBorderLeft: h === 0 && f === 0
           },
           d
         )
@@ -1681,9 +1684,9 @@ const xt = E.createContext({}), Ys = ({
     ] });
   }
 ), io = function({ items: t }) {
-  const { columns: n } = O();
-  return y(() => eo(n), [n]) ? /* @__PURE__ */ s(ao, { items: t }) : null;
-}, Vt = (e) => (t) => e == null ? !0 : !e(t), co = E.memo(function({
+  const { columns: n } = T();
+  return b(() => eo(n), [n]) ? /* @__PURE__ */ s(ao, { items: t }) : null;
+}, Vt = (e) => (t) => e == null ? !0 : !e(t), co = R.memo(function({
   items: t,
   colIndexOffset: n = 0,
   rowIndexOffset: r = 0
@@ -1693,52 +1696,52 @@ const xt = E.createContext({}), Ys = ({
     disableInfiniteList: c,
     checkboxDisabledResolver: l,
     enableExternalSorting: h
-  } = O(), {
+  } = T(), {
     sortOrder: { sortBy: d, desc: u }
-  } = ae(), p = Wr(d), f = y(() => {
+  } = ae(), f = Wr(d), p = b(() => {
     if (h)
       return t ?? [];
     if (!t || !t.length)
       return [];
-    if (!p)
+    if (!f)
       return t;
     const m = [...t];
     return m.sort(
-      (g, b) => Gr(
-        p(g),
-        p(b)
+      (w, y) => Gr(
+        f(w),
+        f(y)
       )
     ), u && m.reverse(), c || o.current++, m;
-  }, [h, t, p, u, c]), w = y(
-    () => f.filter(Vt(l)).map((m) => i(m)),
-    [f, l, i]
+  }, [h, t, f, u, c]), g = b(
+    () => p.filter(Vt(l)).map((m) => i(m)),
+    [p, l, i]
   );
   return pt(() => {
-    const m = (b) => {
-      b.key === "Shift" && (a.current = !1);
-    }, g = (b) => {
-      b.key === "Shift" && (a.current = !0);
+    const m = (y) => {
+      y.key === "Shift" && (a.current = !1);
+    }, w = (y) => {
+      y.key === "Shift" && (a.current = !0);
     };
-    return document.addEventListener("keyup", m), document.addEventListener("keydown", g), () => {
-      document.removeEventListener("keyup", m), document.removeEventListener("keydown", g);
+    return document.addEventListener("keyup", m), document.addEventListener("keydown", w), () => {
+      document.removeEventListener("keyup", m), document.removeEventListener("keydown", w);
     };
-  }, []), /* @__PURE__ */ C(E.Fragment, { children: [
-    f.map((m, g) => /* @__PURE__ */ s(
+  }, []), /* @__PURE__ */ v(R.Fragment, { children: [
+    p.map((m, w) => /* @__PURE__ */ s(
       Xr,
       {
-        alwaysVisible: c || f.length < 30,
+        alwaysVisible: c || p.length < 30,
         item: m,
-        idListForEnabledItems: w,
+        idListForEnabledItems: g,
         colIndexOffset: n,
-        rowIndex: g + r,
-        numRows: f.length,
+        rowIndex: w + r,
+        numRows: p.length,
         shiftPressedRef: a
       },
       i(m)
     )),
-    /* @__PURE__ */ s(io, { items: f })
+    /* @__PURE__ */ s(io, { items: p })
   ] }, o.current);
-}), lo = E.memo(function({
+}), lo = R.memo(function({
   error: t,
   bannerError: n,
   loading: r,
@@ -1750,15 +1753,15 @@ const xt = E.createContext({}), Ys = ({
   colIndexOffset: h,
   rowIndexOffset: d,
   variant: u,
-  errorLabel: p,
-  renderExtraRowTop: f,
-  renderExtraRowBottom: w
+  errorLabel: f,
+  renderExtraRowTop: p,
+  renderExtraRowBottom: g
 }) {
   const m = Ve();
-  return n ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: m, children: /* @__PURE__ */ s(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ s(he, { alignItems: "center", children: /* @__PURE__ */ s(cn, { bannerState: n, variant: "error" }) }) }) }) }) }) : t || p ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: m, children: /* @__PURE__ */ s(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ s(he, { alignItems: "center", children: /* @__PURE__ */ s(
+  return n ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: m, children: /* @__PURE__ */ s(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ s(he, { alignItems: "center", children: /* @__PURE__ */ s(cn, { bannerState: n, variant: "error" }) }) }) }) }) }) : t || f ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: m, children: /* @__PURE__ */ s(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ s(he, { alignItems: "center", children: /* @__PURE__ */ s(
     Xe,
     {
-      headerText: (t ? t.message : p) ?? "Unknown error",
+      headerText: (t ? t.message : f) ?? "Unknown error",
       variant: "error"
     }
   ) }) }) }) }) }) : r ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: m, children: /* @__PURE__ */ s(Me, { num: 4, children: /* @__PURE__ */ s(bn, {}) }) }) }) }) : !o || !o.length ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: m, children: /* @__PURE__ */ s(I, { spacing: 4, justifyContent: "center", children: /* @__PURE__ */ s(
@@ -1770,8 +1773,8 @@ const xt = E.createContext({}), Ys = ({
       variant: "info",
       children: c
     }
-  ) }) }) }) }) : /* @__PURE__ */ C("tbody", { children: [
-    f?.(),
+  ) }) }) }) }) : /* @__PURE__ */ v("tbody", { children: [
+    p?.(),
     /* @__PURE__ */ s(
       co,
       {
@@ -1781,15 +1784,15 @@ const xt = E.createContext({}), Ys = ({
         rowIndexOffset: d
       }
     ),
-    w?.()
+    g?.()
   ] });
 }), uo = (e) => {
-  const { keyResolver: t, checkboxDisabledResolver: n } = O(), {
+  const { keyResolver: t, checkboxDisabledResolver: n } = T(), {
     selectedIds: { selectedIds: r }
   } = ae(), {
     actions: { setSelectedIds: o, clearSelection: a },
     dispatch: i
-  } = be(), c = r.length === 0, l = e ? e.length > 0 && r.length === e.length : !1, h = S(() => {
+  } = be(), c = r.length === 0, l = e ? e.length > 0 && r.length === e.length : !1, h = P(() => {
     e && i(
       c ? o(
         e.filter(Vt(n)).map((d) => t(d))
@@ -1810,12 +1813,12 @@ const xt = E.createContext({}), Ys = ({
     onClickCheckbox: h
   };
 }, ho = (e) => {
-  const { keyResolver: t } = O(), {
+  const { keyResolver: t } = T(), {
     expandedRows: { selectedIds: n }
   } = ae(), {
     actions: { collapseAll: r, expandByIds: o },
     dispatch: a
-  } = be(), i = e ? e.length > 0 && n.length === e.length : !1, c = S(() => {
+  } = be(), i = e ? e.length > 0 && n.length === e.length : !1, c = P(() => {
     e && a(i ? r() : o(e.map((l) => t(l))));
   }, [
     i,
@@ -1833,7 +1836,7 @@ const xt = E.createContext({}), Ys = ({
   const { dispatch: t, actions: n } = be(), r = nr(), {
     sortOrder: { desc: o, sortBy: a }
   } = ae();
-  return y(() => {
+  return b(() => {
     const i = e === a;
     return {
       arrow: i ? o ? "up" : "down" : void 0,
@@ -1847,7 +1850,7 @@ const xt = E.createContext({}), Ys = ({
   }, [e, a, o, t, n, r]);
 }, fo = "_standardTableHeadTh_swsxb_8", po = {
   standardTableHeadTh: fo
-}, go = E.memo(
+}, go = R.memo(
   function({
     columnId: t,
     borderFromGroup: n,
@@ -1858,49 +1861,51 @@ const xt = E.createContext({}), Ys = ({
       columnLabel: a,
       borderLeft: i,
       infoIconTooltipText: c,
-      background: l,
-      width: h,
-      minWidth: d
-    } = ve(t), { disableSorting: u, infoIconTooltipAppendTo: p, infoIconTooltipZIndex: f } = O(), w = je(), { arrow: m, selected: g, onClickColumnHead: b } = mo(t), k = typeof a == "string" ? a : zr(t), P = Ke(
+      columnHeadContent: l,
+      background: h,
+      width: d,
+      minWidth: u
+    } = ve(t), { disableSorting: f, infoIconTooltipAppendTo: p, infoIconTooltipZIndex: g } = T(), m = je(), { arrow: w, selected: y, onClickColumnHead: S } = mo(t), O = typeof a == "string" ? a : zr(t), x = Ke(
       n,
       r,
       i
-    ), v = w[t];
+    ), k = m[t];
     return /* @__PURE__ */ s(
       "th",
       {
         className: po.standardTableHeadTh,
         style: {
-          background: l ?? "white",
-          borderLeft: P,
-          position: v.sticky ? "sticky" : void 0,
-          left: v.left,
-          right: v.right,
-          boxShadow: v.sticky && v.isFirstColumnInLastGroup && v.sticky && v.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : v.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0,
-          zIndex: v.sticky ? "var(--swui-sticky-group-header-z-index)" : void 0,
-          width: h,
-          minWidth: d
+          background: h ?? "white",
+          borderLeft: x,
+          position: k.sticky ? "sticky" : void 0,
+          left: k.left,
+          right: k.right,
+          boxShadow: k.sticky && k.isFirstColumnInLastGroup && k.sticky && k.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : k.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0,
+          zIndex: k.sticky ? "var(--swui-sticky-group-header-z-index)" : void 0,
+          width: d,
+          minWidth: u
         },
         children: /* @__PURE__ */ s(
           qe,
           {
             width: "inherit",
             minWidth: "inherit",
-            arrow: !u && k ? m : void 0,
-            onClick: u ? void 0 : b,
-            label: k,
+            arrow: !f && O ? w : void 0,
+            onClick: f ? void 0 : S,
+            label: O,
             infoIconTooltipAppendTo: p,
             infoIconTooltipText: c,
-            infoIconTooltipZIndex: f,
+            infoIconTooltipZIndex: g,
+            columnHeadContent: l,
             alignRight: o === "flex-end",
-            selected: g,
+            selected: y,
             height: "100%"
           }
         )
       }
     );
   }
-), wo = E.memo(function({ items: t, height: n = Ye }) {
+), wo = R.memo(function({ items: t, height: n = Ye }) {
   const r = J(), {
     showHeaderCheckbox: o,
     showHeaderExpandCollapse: a,
@@ -1908,19 +1913,19 @@ const xt = E.createContext({}), Ys = ({
     rowIndent: c,
     stickyCheckboxColumn: l,
     showRowCheckbox: h
-  } = O(), { allItemsAreExpanded: d, toggleExpanded: u } = ho(t), { allItemsAreSelected: p, onClickCheckbox: f, selectionIsEmpty: w } = uo(t), m = !t || t.length === 0, g = {
+  } = T(), { allItemsAreExpanded: d, toggleExpanded: u } = ho(t), { allItemsAreSelected: f, onClickCheckbox: p, selectionIsEmpty: g } = uo(t), m = !t || t.length === 0, w = {
     zIndex: l ? "var(--swui-sticky-group-header-z-index)" : void 0,
     background: l ? "white" : void 0,
     position: l ? "sticky" : void 0,
     boxShadow: l ? "var(--swui-sticky-column-shadow-right)" : void 0
   };
-  return /* @__PURE__ */ C(jt, { height: n, borderLeft: Ne, children: [
+  return /* @__PURE__ */ v(jt, { height: n, borderLeft: Ne, children: [
     c && /* @__PURE__ */ s("th", { children: /* @__PURE__ */ s(I, { indent: c }) }),
     i && /* @__PURE__ */ s(
       "th",
       {
         style: {
-          ...g,
+          ...w,
           left: "0px",
           textAlign: "left"
         },
@@ -1947,7 +1952,7 @@ const xt = E.createContext({}), Ys = ({
       "th",
       {
         style: {
-          ...g,
+          ...w,
           overflow: "hidden",
           left: l && i ? "var(--swui-expand-cell-width)" : l ? "0px" : void 0
         },
@@ -1963,28 +1968,28 @@ const xt = E.createContext({}), Ys = ({
               {
                 size: "small",
                 disabled: m,
-                value: p,
-                indeterminate: !w && !p,
-                onValueChange: f
+                value: f,
+                indeterminate: !g && !f,
+                onValueChange: p
               }
             )
           }
         )
       }
     ),
-    r.map(({ groupConfig: b, groupId: k }, P) => /* @__PURE__ */ s(E.Fragment, { children: b.columnOrder.map((v, R) => /* @__PURE__ */ s(
+    r.map(({ groupConfig: y, groupId: S }, O) => /* @__PURE__ */ s(R.Fragment, { children: y.columnOrder.map((x, k) => /* @__PURE__ */ s(
       go,
       {
-        columnId: v,
+        columnId: x,
         borderFromGroup: De(
-          P,
-          R,
-          b.borderLeft
+          O,
+          k,
+          y.borderLeft
         ),
-        disableBorderLeft: P === 0 && R === 0
+        disableBorderLeft: O === 0 && k === 0
       },
-      v
-    )) }, k)),
+      x
+    )) }, S)),
     c && /* @__PURE__ */ s("th", { children: /* @__PURE__ */ s(I, { indent: c }) }),
     /* @__PURE__ */ s("th", {})
   ] });
@@ -2001,35 +2006,35 @@ const xt = E.createContext({}), Ys = ({
 }) {
   const d = nn(), {
     initialSortOrderDesc: u,
-    initialSortOrder: p,
-    enableExpandCollapse: f,
-    stickyCheckboxColumn: w,
+    initialSortOrder: f,
+    enableExpandCollapse: p,
+    stickyCheckboxColumn: g,
     headerRowOffsetTop: m,
-    stickyHeader: g,
-    zIndex: b
-  } = n, { tableContext: k } = Pr(
+    stickyHeader: w,
+    zIndex: y
+  } = n, { tableContext: S } = Pr(
     o ?? d,
-    Wt(p, u)
-  ), P = t || k, { state: v, actions: R, dispatch: W } = P, L = y(
+    Wt(f, u)
+  ), O = t || S, { state: x, actions: k, dispatch: W } = O, L = b(
     () => ({
-      actions: R,
+      actions: k,
       dispatch: W
     }),
-    [R, W]
-  ), A = !!(r ?? "columnGroupOrder" in n), Y = "columnGroups" in n ? n.columnGroups : void 0, z = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, $ = "columnOrder" in n ? n.columnOrder : void 0, q = y(
+    [k, W]
+  ), A = !!(r ?? "columnGroupOrder" in n), Y = "columnGroups" in n ? n.columnGroups : void 0, z = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, $ = "columnOrder" in n ? n.columnOrder : void 0, q = b(
     () => Yt(
       Y,
       z,
       $
     ),
     [Y, z, $]
-  ), H = y(
+  ), H = b(
     () => mr(n),
     [n]
-  ), Z = y(() => Or(n), [n]), me = y(
+  ), Z = b(() => Or(n), [n]), me = b(
     () => Cr(n),
     [n]
-  ), ee = y(() => {
+  ), ee = b(() => {
     try {
       pr(n);
       return;
@@ -2037,11 +2042,11 @@ const xt = E.createContext({}), Ys = ({
       return te instanceof Error ? te : new Error("Unknown error");
     }
   }, [n]), ie = {
-    background: g || w ? "white" : void 0,
-    position: g || w ? "sticky" : void 0,
-    top: g || w ? m ?? 0 : void 0,
-    boxShadow: g && w ? "var(--swui-sticky-header-shadow-and-right)" : w ? "var(--swui-sticky-column-shadow-right)" : g ? "var(--swui-sticky-header-shadow)" : void 0,
-    zIndex: g && w ? "var(--swui-sticky-header-in-sticky-column-z-index)" : w ? "var(--swui-sticky-group-header-z-index)" : g ? "var(--swui-sticky-head-z-index)" : b
+    background: w || g ? "white" : void 0,
+    position: w || g ? "sticky" : void 0,
+    top: w || g ? m ?? 0 : void 0,
+    boxShadow: w && g ? "var(--swui-sticky-header-shadow-and-right)" : g ? "var(--swui-sticky-column-shadow-right)" : w ? "var(--swui-sticky-header-shadow)" : void 0,
+    zIndex: w && g ? "var(--swui-sticky-header-in-sticky-column-z-index)" : g ? "var(--swui-sticky-group-header-z-index)" : w ? "var(--swui-sticky-head-z-index)" : y
   };
   return ee ? /* @__PURE__ */ s(vn, { text: ee.message }) : /* @__PURE__ */ s(
     "table",
@@ -2050,13 +2055,13 @@ const xt = E.createContext({}), Ys = ({
       style: {
         width: "100%",
         isolation: "isolate",
-        "--current-left-offset": f && w ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : w ? "var(--swui-checkbox-cell-width)" : f ? "var(--swui-expand-cell-width)" : "0px"
+        "--current-left-offset": p && g ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : g ? "var(--swui-checkbox-cell-width)" : p ? "var(--swui-expand-cell-width)" : "0px"
       },
       children: /* @__PURE__ */ s(Ht.Provider, { value: me, children: /* @__PURE__ */ s(Nt.Provider, { value: Z, children: /* @__PURE__ */ s(sr.Provider, { value: a, children: /* @__PURE__ */ s(
         Et.Provider,
         {
           value: o ?? d,
-          children: /* @__PURE__ */ s(Rt.Provider, { value: v, children: /* @__PURE__ */ s(Mt.Provider, { value: L, children: /* @__PURE__ */ s(Gt.Provider, { value: n, children: /* @__PURE__ */ s(
+          children: /* @__PURE__ */ s(Rt.Provider, { value: x, children: /* @__PURE__ */ s(Mt.Provider, { value: L, children: /* @__PURE__ */ s(Gt.Provider, { value: n, children: /* @__PURE__ */ s(
             Ft.Provider,
             {
               value: q,
@@ -2068,18 +2073,18 @@ const xt = E.createContext({}), Ys = ({
                     or.Provider,
                     {
                       value: A,
-                      children: /* @__PURE__ */ C(
+                      children: /* @__PURE__ */ v(
                         rr.Provider,
                         {
                           value: "columnGroupOrder" in n ? r ?? n.columnGroupOrder : r,
                           children: [
                             /* @__PURE__ */ s(Tr, {}),
-                            /* @__PURE__ */ s(Lt.Provider, { value: i, children: /* @__PURE__ */ C(
+                            /* @__PURE__ */ s(Lt.Provider, { value: i, children: /* @__PURE__ */ v(
                               At.Provider,
                               {
                                 value: c,
                                 children: [
-                                  /* @__PURE__ */ C("thead", { style: ie, children: [
+                                  /* @__PURE__ */ v("thead", { style: ie, children: [
                                     (r || "columnGroupOrder" in n) && /* @__PURE__ */ s(
                                       hr,
                                       {
@@ -2155,10 +2160,10 @@ const xt = E.createContext({}), Ys = ({
     stopEditing: d,
     stopEditingAndMove: u
   },
-  isEditable: p
+  isEditable: f
 }) => {
-  const f = typeof e == "function" ? e(o) : e, w = t ? t(o) : void 0, m = n ? n(o) : void 0;
-  return p && i ? /* @__PURE__ */ s(
+  const p = typeof e == "function" ? e(o) : e, g = t ? t(o) : void 0, m = n ? n(o) : void 0;
+  return f && i ? /* @__PURE__ */ s(
     Le,
     {
       onValueChange: c,
@@ -2174,9 +2179,9 @@ const xt = E.createContext({}), Ys = ({
     {
       value: r,
       modifiedField: m,
-      crudStatus: w,
-      isEditable: p,
-      warningOnEmpty: f
+      crudStatus: g,
+      isEditable: f,
+      warningOnEmpty: p
     }
   ) });
 }, Kt = 6048e5, bo = 864e5, it = Symbol.for("constructDateFrom");
@@ -2186,7 +2191,7 @@ function K(e, t) {
 function N(e, t) {
   return K(t || e, e);
 }
-function T(e, t, n) {
+function D(e, t, n) {
   const r = N(e, n?.in);
   return isNaN(t) ? K(e, NaN) : (t && r.setDate(r.getDate() + t), r);
 }
@@ -2711,7 +2716,7 @@ function ls(e, t) {
   const n = N(e, t?.in), r = +we(n, t) - +cs(n, t);
   return Math.round(r / Kt) + 1;
 }
-function x(e, t) {
+function C(e, t) {
   const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
   return n + r;
 }
@@ -2719,16 +2724,16 @@ const Q = {
   // Year
   y(e, t) {
     const n = e.getFullYear(), r = n > 0 ? n : 1 - n;
-    return x(t === "yy" ? r % 100 : r, t.length);
+    return C(t === "yy" ? r % 100 : r, t.length);
   },
   // Month
   M(e, t) {
     const n = e.getMonth();
-    return t === "M" ? String(n + 1) : x(n + 1, 2);
+    return t === "M" ? String(n + 1) : C(n + 1, 2);
   },
   // Day of the month
   d(e, t) {
-    return x(e.getDate(), t.length);
+    return C(e.getDate(), t.length);
   },
   // AM or PM
   a(e, t) {
@@ -2748,26 +2753,26 @@ const Q = {
   },
   // Hour [1-12]
   h(e, t) {
-    return x(e.getHours() % 12 || 12, t.length);
+    return C(e.getHours() % 12 || 12, t.length);
   },
   // Hour [0-23]
   H(e, t) {
-    return x(e.getHours(), t.length);
+    return C(e.getHours(), t.length);
   },
   // Minute
   m(e, t) {
-    return x(e.getMinutes(), t.length);
+    return C(e.getMinutes(), t.length);
   },
   // Second
   s(e, t) {
-    return x(e.getSeconds(), t.length);
+    return C(e.getSeconds(), t.length);
   },
   // Fraction of second
   S(e, t) {
     const n = t.length, r = e.getMilliseconds(), o = Math.trunc(
       r * Math.pow(10, n - 3)
     );
-    return x(o, t.length);
+    return C(o, t.length);
   }
 }, de = {
   midnight: "midnight",
@@ -2808,14 +2813,14 @@ const Q = {
     const o = Qt(e, r), a = o > 0 ? o : 1 - o;
     if (t === "YY") {
       const i = a % 100;
-      return x(i, 2);
+      return C(i, 2);
     }
-    return t === "Yo" ? n.ordinalNumber(a, { unit: "year" }) : x(a, t.length);
+    return t === "Yo" ? n.ordinalNumber(a, { unit: "year" }) : C(a, t.length);
   },
   // ISO week-numbering year
   R: function(e, t) {
     const n = $t(e);
-    return x(n, t.length);
+    return C(n, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -2828,7 +2833,7 @@ const Q = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(e, t) {
     const n = e.getFullYear();
-    return x(n, t.length);
+    return C(n, t.length);
   },
   // Quarter
   Q: function(e, t, n) {
@@ -2839,7 +2844,7 @@ const Q = {
         return String(r);
       // 01, 02, 03, 04
       case "QQ":
-        return x(r, 2);
+        return C(r, 2);
       // 1st, 2nd, 3rd, 4th
       case "Qo":
         return n.ordinalNumber(r, { unit: "quarter" });
@@ -2873,7 +2878,7 @@ const Q = {
         return String(r);
       // 01, 02, 03, 04
       case "qq":
-        return x(r, 2);
+        return C(r, 2);
       // 1st, 2nd, 3rd, 4th
       case "qo":
         return n.ordinalNumber(r, { unit: "quarter" });
@@ -2935,7 +2940,7 @@ const Q = {
         return String(r + 1);
       // 01, 02, ..., 12
       case "LL":
-        return x(r + 1, 2);
+        return C(r + 1, 2);
       // 1st, 2nd, ..., 12th
       case "Lo":
         return n.ordinalNumber(r + 1, { unit: "month" });
@@ -2960,12 +2965,12 @@ const Q = {
   // Local week of year
   w: function(e, t, n, r) {
     const o = ls(e, r);
-    return t === "wo" ? n.ordinalNumber(o, { unit: "week" }) : x(o, t.length);
+    return t === "wo" ? n.ordinalNumber(o, { unit: "week" }) : C(o, t.length);
   },
   // ISO week of year
   I: function(e, t, n) {
     const r = is(e);
-    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : x(r, t.length);
+    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : C(r, t.length);
   },
   // Day of the month
   d: function(e, t, n) {
@@ -2974,7 +2979,7 @@ const Q = {
   // Day of year
   D: function(e, t, n) {
     const r = as(e);
-    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : x(r, t.length);
+    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : C(r, t.length);
   },
   // Day of week
   E: function(e, t, n) {
@@ -3018,7 +3023,7 @@ const Q = {
         return String(a);
       // Padded numerical value
       case "ee":
-        return x(a, 2);
+        return C(a, 2);
       // 1st, 2nd, ..., 7th
       case "eo":
         return n.ordinalNumber(a, { unit: "day" });
@@ -3057,7 +3062,7 @@ const Q = {
         return String(a);
       // Padded numerical value
       case "cc":
-        return x(a, t.length);
+        return C(a, t.length);
       // 1st, 2nd, ..., 7th
       case "co":
         return n.ordinalNumber(a, { unit: "day" });
@@ -3096,7 +3101,7 @@ const Q = {
         return String(o);
       // 02
       case "ii":
-        return x(o, t.length);
+        return C(o, t.length);
       // 2nd
       case "io":
         return n.ordinalNumber(o, { unit: "day" });
@@ -3224,12 +3229,12 @@ const Q = {
   // Hour [0-11]
   K: function(e, t, n) {
     const r = e.getHours() % 12;
-    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : x(r, t.length);
+    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : C(r, t.length);
   },
   // Hour [1-24]
   k: function(e, t, n) {
     let r = e.getHours();
-    return r === 0 && (r = 24), t === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : x(r, t.length);
+    return r === 0 && (r = 24), t === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : C(r, t.length);
   },
   // Minute
   m: function(e, t, n) {
@@ -3324,22 +3329,22 @@ const Q = {
   // Seconds timestamp
   t: function(e, t, n) {
     const r = Math.trunc(+e / 1e3);
-    return x(r, t.length);
+    return C(r, t.length);
   },
   // Milliseconds timestamp
   T: function(e, t, n) {
-    return x(+e, t.length);
+    return C(+e, t.length);
   }
 };
 function ut(e, t = "") {
   const n = e > 0 ? "-" : "+", r = Math.abs(e), o = Math.trunc(r / 60), a = r % 60;
-  return a === 0 ? n + String(o) : n + String(o) + t + x(a, 2);
+  return a === 0 ? n + String(o) : n + String(o) + t + C(a, 2);
 }
 function ht(e, t) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + x(Math.abs(e) / 60, 2) : se(e, t);
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + C(Math.abs(e) / 60, 2) : se(e, t);
 }
 function se(e, t = "") {
-  const n = e > 0 ? "-" : "+", r = Math.abs(e), o = x(Math.trunc(r / 60), 2), a = x(r % 60, 2);
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), o = C(Math.trunc(r / 60), 2), a = C(r % 60, 2);
   return n + o + t + a;
 }
 const mt = (e, t) => {
@@ -3413,8 +3418,8 @@ function Ss(e, t, n) {
   let l = t.match(vs).map((d) => {
     const u = d[0];
     if (u === "p" || u === "P") {
-      const p = us[u];
-      return p(d, o.formatLong);
+      const f = us[u];
+      return f(d, o.formatLong);
     }
     return d;
   }).join("").match(bs).map((d) => {
@@ -3441,8 +3446,8 @@ function Ss(e, t, n) {
     if (!d.isToken) return d.value;
     const u = d.value;
     (gs(u) || ps(u)) && ws(u, t, String(e));
-    const p = dt[u[0]];
-    return p(c, u, o.localize, h);
+    const f = dt[u[0]];
+    return f(c, u, o.localize, h);
   }).join("");
 }
 function Ps(e) {
@@ -3456,7 +3461,7 @@ const Os = () => [
     name: "Postnord",
     ship: "McBoat",
     numPassengers: 1241,
-    departure: T(/* @__PURE__ */ new Date(), 1)
+    departure: D(/* @__PURE__ */ new Date(), 1)
   },
   {
     id: "124",
@@ -3464,7 +3469,7 @@ const Os = () => [
     name: "Schenker",
     ship: "Boatface",
     numPassengers: 31,
-    departure: T(/* @__PURE__ */ new Date(), 21)
+    departure: D(/* @__PURE__ */ new Date(), 21)
   },
   {
     id: "125",
@@ -3472,7 +3477,7 @@ const Os = () => [
     name: "Fedex",
     ship: "RoboBoat",
     numPassengers: 534,
-    departure: T(/* @__PURE__ */ new Date(), 14)
+    departure: D(/* @__PURE__ */ new Date(), 14)
   },
   {
     id: "126",
@@ -3480,7 +3485,7 @@ const Os = () => [
     name: "UPS",
     ship: "Boatinator",
     numPassengers: 213,
-    departure: T(/* @__PURE__ */ new Date(), 63)
+    departure: D(/* @__PURE__ */ new Date(), 63)
   },
   {
     id: "127",
@@ -3488,7 +3493,7 @@ const Os = () => [
     name: "DHL",
     ship: "Airplane",
     numPassengers: 821,
-    departure: T(/* @__PURE__ */ new Date(), 18)
+    departure: D(/* @__PURE__ */ new Date(), 18)
   },
   {
     id: "128",
@@ -3496,7 +3501,7 @@ const Os = () => [
     name: "Fedex",
     ship: "RoboBoat",
     numPassengers: 534,
-    departure: T(/* @__PURE__ */ new Date(), 14)
+    departure: D(/* @__PURE__ */ new Date(), 14)
   },
   {
     id: "129",
@@ -3504,7 +3509,7 @@ const Os = () => [
     name: "Postnord",
     ship: "Boaty",
     numPassengers: 548,
-    departure: T(/* @__PURE__ */ new Date(), 18)
+    departure: D(/* @__PURE__ */ new Date(), 18)
   },
   {
     id: "130",
@@ -3512,7 +3517,7 @@ const Os = () => [
     name: "Schenker",
     ship: "Airplane",
     numPassengers: 425,
-    departure: T(/* @__PURE__ */ new Date(), 19)
+    departure: D(/* @__PURE__ */ new Date(), 19)
   },
   {
     id: "131",
@@ -3520,7 +3525,7 @@ const Os = () => [
     name: "Fedex",
     ship: "RoboBoat",
     numPassengers: 625,
-    departure: T(/* @__PURE__ */ new Date(), 1)
+    departure: D(/* @__PURE__ */ new Date(), 1)
   },
   {
     id: "132",
@@ -3528,7 +3533,7 @@ const Os = () => [
     name: "UPS",
     ship: "Boatinator",
     numPassengers: 222,
-    departure: T(/* @__PURE__ */ new Date(), 5)
+    departure: D(/* @__PURE__ */ new Date(), 5)
   },
   {
     id: "133",
@@ -3536,7 +3541,7 @@ const Os = () => [
     name: "DHL",
     ship: "McBoat",
     numPassengers: 333,
-    departure: T(/* @__PURE__ */ new Date(), 8)
+    departure: D(/* @__PURE__ */ new Date(), 8)
   },
   {
     id: "134",
@@ -3544,7 +3549,7 @@ const Os = () => [
     name: "Fedex",
     ship: "RoboBoat",
     numPassengers: 99,
-    departure: T(/* @__PURE__ */ new Date(), 12)
+    departure: D(/* @__PURE__ */ new Date(), 12)
   },
   {
     id: "135",
@@ -3552,7 +3557,7 @@ const Os = () => [
     name: "Schenker",
     ship: "MS Britannica",
     numPassengers: 842,
-    departure: T(/* @__PURE__ */ new Date(), 20)
+    departure: D(/* @__PURE__ */ new Date(), 20)
   },
   {
     id: "136",
@@ -3560,7 +3565,7 @@ const Os = () => [
     name: "UPS",
     ship: "Airplane",
     numPassengers: 295,
-    departure: T(/* @__PURE__ */ new Date(), 25)
+    departure: D(/* @__PURE__ */ new Date(), 25)
   },
   {
     id: "137",
@@ -3568,7 +3573,7 @@ const Os = () => [
     name: "Postnord",
     ship: "RoboBoat",
     numPassengers: 555,
-    departure: T(/* @__PURE__ */ new Date(), 30)
+    departure: D(/* @__PURE__ */ new Date(), 30)
   },
   {
     id: "138",
@@ -3576,7 +3581,7 @@ const Os = () => [
     name: "Schenker",
     ship: "Boaty",
     numPassengers: 333,
-    departure: T(/* @__PURE__ */ new Date(), 4)
+    departure: D(/* @__PURE__ */ new Date(), 4)
   },
   {
     id: "139",
@@ -3584,7 +3589,7 @@ const Os = () => [
     name: "DHL",
     ship: "McBoat",
     numPassengers: 534,
-    departure: T(/* @__PURE__ */ new Date(), 27)
+    departure: D(/* @__PURE__ */ new Date(), 27)
   },
   {
     id: "140",
@@ -3592,7 +3597,7 @@ const Os = () => [
     name: "UPS",
     ship: "Boatinator",
     numPassengers: 515,
-    departure: T(/* @__PURE__ */ new Date(), 21)
+    departure: D(/* @__PURE__ */ new Date(), 21)
   },
   {
     id: "141",
@@ -3600,7 +3605,7 @@ const Os = () => [
     name: "Postnord",
     ship: "MS Britannica",
     numPassengers: 888,
-    departure: T(/* @__PURE__ */ new Date(), 7)
+    departure: D(/* @__PURE__ */ new Date(), 7)
   },
   {
     id: "142",
@@ -3608,7 +3613,7 @@ const Os = () => [
     name: "Fedex",
     ship: "RoboBoat",
     numPassengers: 785,
-    departure: T(/* @__PURE__ */ new Date(), 13)
+    departure: D(/* @__PURE__ */ new Date(), 13)
   },
   {
     id: "A really long id, or could be a very long title",
@@ -3616,7 +3621,7 @@ const Os = () => [
     name: "Schenker",
     ship: "MS Britannica",
     numPassengers: 655,
-    departure: T(/* @__PURE__ */ new Date(), 5)
+    departure: D(/* @__PURE__ */ new Date(), 5)
   }
 ], ft = (e, t, n) => e.map((r) => r.id === t ? { ...r, ...n } : r), Xs = {
   keyResolver: (e) => e.id,
@@ -3652,7 +3657,7 @@ const Os = () => [
   },
   columnOrder: ["id", "active", "name", "ship", "numPassengers", "departure"]
 }, Us = Os(), Js = (e) => {
-  const [t, n] = Pe(e), r = S(
+  const [t, n] = Pe(e), r = P(
     (a, i) => {
       n(
         ft(t, a.id, {
@@ -3661,7 +3666,7 @@ const Os = () => [
       );
     },
     [t, n]
-  ), o = S(
+  ), o = P(
     (a, i) => {
       n(
         ft(t, a.id, {
@@ -3746,7 +3751,7 @@ export {
   Gn as useRevertableValue,
   Lr as useRowCheckbox,
   be as useStandardTableActions,
-  O as useStandardTableConfig,
+  T as useStandardTableConfig,
   _e as useStandardTableId,
   ae as useStandardTableState,
   uo as useTableHeadCheckbox,