@stenajs-webui/grid 21.0.3 → 21.2.0

package/dist/index.es.js

@@ -1,11 +1,11 @@
 (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_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)}._standardTableHeadTh_swsxb_8{height:1px}@-moz-document url-prefix(){._standardTableHeadTh_swsxb_8{height:100%}}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { jsx as a, Fragment as M, jsxs as C } from "react/jsx-runtime";
-import * as R from "react";
-import { useMemo as y, useRef as ce, useState as ke, useCallback as P, useEffect as ht, useContext as z, createContext as H, useReducer as Zt, useId as en } from "react";
-import { InputSpinner as We, Icon as Q, stenaExclamationTriangle as Pe, stenaArrowRight as mt, stenaInfoCircle as tn, FlatButton as Ne, stenaDotsVertical as nn, stenaAngleDown as ft, stenaAngleRight as pt, ResultListBanner as rn, Banner as Ke } from "@stenajs-webui/elements";
+import { jsx as a, Fragment as E, jsxs as C } from "react/jsx-runtime";
+import * as M from "react";
+import { useMemo as y, useRef as ce, useState as ke, useCallback as P, useEffect as ht, useContext as Y, createContext as H, useReducer as Zt, useId as en } from "react";
+import { InputSpinner as We, Icon as X, stenaExclamationTriangle as Pe, stenaArrowRight as mt, stenaInfoCircle as tn, FlatButton as Ne, stenaDotsVertical as nn, stenaAngleDown as ft, stenaAngleRight as pt, ResultListBanner as rn, Banner as Ke } from "@stenajs-webui/elements";
 import { cssColor as j } from "@stenajs-webui/theme";
 import { Tooltip as we, Popover as on } from "@stenajs-webui/tooltip";
-import { Text as X, Indent as N, Space as W, Row as T, Box as le, exhaustSwitchCaseElseThrow as sn, Heading as wt, booleanOrNumberToNumber as an, useArraySet as gt, useOnScreen as cn, Spacing as Me } from "@stenajs-webui/core";
+import { Text as U, Indent as L, Space as N, Row as T, Box as le, exhaustSwitchCaseElseThrow as sn, Heading as wt, booleanOrNumberToNumber as an, useArraySet as gt, useOnScreen as cn, Spacing as Me } from "@stenajs-webui/core";
 import { faSortAlphaDown as ln } from "@fortawesome/free-solid-svg-icons/faSortAlphaDown";
 import { faSortAlphaUp as un } from "@fortawesome/free-solid-svg-icons/faSortAlphaUp";
 import { faSortAmountDownAlt as dn } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
@@ -20,7 +20,7 @@ import { combineReducers as Cn } from "redux";
 import { LoadingScreen as xn, ErrorScreen as kn } from "@stenajs-webui/panels";
 import { compact as Sn, upperFirst as Pn, lowerCase as On } from "lodash-es";
 import In from "@emotion/styled";
-const bt = R.createContext({}), Zs = ({
+const bt = M.createContext({}), Zs = ({
   children: e,
   numCols: t,
   numRows: n,
@@ -43,14 +43,14 @@ const bt = R.createContext({}), Zs = ({
     return /* @__PURE__ */ a(We, { color: j("--lhds-color-ui-500") });
   if (n) {
     const c = /* @__PURE__ */ a(
-      Q,
+      X,
       {
         icon: Pe,
         color: j("--lhds-color-orange-600"),
         size: 14
       }
     );
-    return /* @__PURE__ */ a(M, { children: t ? /* @__PURE__ */ a(we, { label: t, children: c }) : c });
+    return /* @__PURE__ */ a(E, { children: t ? /* @__PURE__ */ a(we, { label: t, children: c }) : c });
   }
   return null;
 }, Tn = ({
@@ -61,22 +61,22 @@ const bt = R.createContext({}), Zs = ({
   crudStatus: o
 }) => {
   const s = t && (r == null ? void 0 : r.modified) && (r == null ? void 0 : r.newValue) === "", i = o && Ae(o), c = s || i;
-  return /* @__PURE__ */ C(M, { children: [
+  return /* @__PURE__ */ C(E, { children: [
     /* @__PURE__ */ a(
-      X,
+      U,
       {
         color: e ? "var(--swui-primary-action-color)" : void 0,
         variant: r != null && r.modified ? "bold" : void 0,
         children: n
       }
     ),
-    (r == null ? void 0 : r.newValue) !== void 0 && /* @__PURE__ */ C(M, { children: [
-      /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(Q, { icon: mt, size: 12 }) }),
-      /* @__PURE__ */ a(X, { color: "var(--swui-primary-action-color)", variant: "bold", children: r.newValue })
+    (r == null ? void 0 : r.newValue) !== void 0 && /* @__PURE__ */ C(E, { children: [
+      /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(X, { icon: mt, size: 12 }) }),
+      /* @__PURE__ */ a(U, { color: "var(--swui-primary-action-color)", variant: "bold", children: r.newValue })
     ] }),
-    c && /* @__PURE__ */ a(W, {}),
+    c && /* @__PURE__ */ a(N, {}),
     s ? /* @__PURE__ */ a(we, { label: t, children: /* @__PURE__ */ a(
-      Q,
+      X,
       {
         icon: Pe,
         color: j("--lhds-color-orange-600"),
@@ -111,7 +111,7 @@ const bt = R.createContext({}), Zs = ({
   iconVariant: e = "amount",
   direction: t
 }) => /* @__PURE__ */ a(le, { width: "14px", children: /* @__PURE__ */ a(
-  Q,
+  X,
   {
     size: 14,
     color: j("--lhds-color-ui-500"),
@@ -128,7 +128,7 @@ const bt = R.createContext({}), Zs = ({
     default:
       return sn(t);
   }
-}, ze = R.memo(
+}, ze = M.memo(
   ({
     label: e,
     arrow: t,
@@ -157,18 +157,18 @@ const bt = R.createContext({}), Zs = ({
         ...m,
         children: [
           /* @__PURE__ */ C(T, { alignItems: "center", indent: !0, children: [
-            !t && d && /* @__PURE__ */ C(M, { children: [
-              /* @__PURE__ */ a(W, {}),
+            !t && d && /* @__PURE__ */ C(E, { children: [
+              /* @__PURE__ */ a(N, {}),
               /* @__PURE__ */ a(le, { width: "14px" }),
-              /* @__PURE__ */ a(W, { num: 0.5 })
+              /* @__PURE__ */ a(N, { num: 0.5 })
             ] }),
             (r || e) && /* @__PURE__ */ C(T, { onClick: n, style: f, alignItems: "center", children: [
-              r && /* @__PURE__ */ C(M, { children: [
+              r && /* @__PURE__ */ C(E, { children: [
                 r,
-                !w && /* @__PURE__ */ a(W, { num: 0.5 })
+                !w && /* @__PURE__ */ a(N, { num: 0.5 })
               ] }),
-              t && d && /* @__PURE__ */ C(M, { children: [
-                /* @__PURE__ */ a(W, {}),
+              t && d && /* @__PURE__ */ C(E, { children: [
+                /* @__PURE__ */ a(N, {}),
                 /* @__PURE__ */ a(
                   Ze,
                   {
@@ -176,11 +176,11 @@ const bt = R.createContext({}), Zs = ({
                     iconVariant: u
                   }
                 ),
-                /* @__PURE__ */ a(W, { num: 0.5 })
+                /* @__PURE__ */ a(N, { num: 0.5 })
               ] }),
               e && /* @__PURE__ */ a(wt, { variant: "h6", style: { textAlign: "left" }, children: e }),
-              t && !d && /* @__PURE__ */ C(M, { children: [
-                /* @__PURE__ */ a(W, { num: 0.5 }),
+              t && !d && /* @__PURE__ */ C(E, { children: [
+                /* @__PURE__ */ a(N, { num: 0.5 }),
                 /* @__PURE__ */ a(
                   Ze,
                   {
@@ -188,21 +188,21 @@ const bt = R.createContext({}), Zs = ({
                     iconVariant: u
                   }
                 ),
-                /* @__PURE__ */ a(W, {})
+                /* @__PURE__ */ a(N, {})
               ] })
             ] }),
-            c && /* @__PURE__ */ C(M, { children: [
-              /* @__PURE__ */ a(W, {}),
+            c && /* @__PURE__ */ C(E, { children: [
+              /* @__PURE__ */ a(N, {}),
               /* @__PURE__ */ C(T, { onClick: (h) => h.stopPropagation(), children: [
                 /* @__PURE__ */ a(we, { label: c, children: /* @__PURE__ */ a(
-                  Q,
+                  X,
                   {
                     icon: tn,
                     size: 14,
                     color: j("--lhds-color-blue-400")
                   }
                 ) }),
-                /* @__PURE__ */ a(W, {})
+                /* @__PURE__ */ a(N, {})
               ] })
             ] })
           ] }),
@@ -222,10 +222,10 @@ const bt = R.createContext({}), Zs = ({
               children: s
             }
           ) : null }),
-          !t && !d && /* @__PURE__ */ C(M, { children: [
-            /* @__PURE__ */ a(W, {}),
+          !t && !d && /* @__PURE__ */ C(E, { children: [
+            /* @__PURE__ */ a(N, {}),
             /* @__PURE__ */ a(le, { width: "14px" }),
-            /* @__PURE__ */ a(W, { num: 0.5 })
+            /* @__PURE__ */ a(N, { num: 0.5 })
           ] })
         ]
       }
@@ -244,7 +244,7 @@ const bt = R.createContext({}), Zs = ({
   width: n,
   indent: r = 1,
   height: o = Ye
-}) => /* @__PURE__ */ a(ze, { width: n, flex: t, height: o, children: /* @__PURE__ */ a(le, { indent: r, spacing: !0, children: /* @__PURE__ */ a(X, { variant: "bold", children: e }) }) }), ra = R.memo(
+}) => /* @__PURE__ */ a(ze, { width: n, flex: t, height: o, children: /* @__PURE__ */ a(le, { indent: r, spacing: !0, children: /* @__PURE__ */ a(U, { variant: "bold", children: e }) }) }), ra = M.memo(
   ({ style: e, height: t = Ye, ...n }) => /* @__PURE__ */ a(T, { style: e, height: t, ...n })
 ), Nn = "_tableRow_1cphw_1", Ln = {
   tableRow: Nn
@@ -402,7 +402,7 @@ const bt = R.createContext({}), Zs = ({
     throw new Error("numCols is required.");
   return e;
 }, St = (e) => {
-  const t = z(bt);
+  const t = Y(bt);
   return y(
     () => Zn({
       ...t,
@@ -568,14 +568,14 @@ const bt = R.createContext({}), Zs = ({
     },
     [f, r, c.actions, n]
   ), {
-    isEditing: I,
+    isEditing: O,
     stopEditing: v,
-    editorValue: E,
+    editorValue: R,
     setEditorValue: G,
     stopEditingAndRevert: k,
-    stopEditingAndMove: L,
+    stopEditingAndMove: W,
     lastKeyEvent: B,
-    requiredProps: { onKeyDown: V, ...Z }
+    requiredProps: { onKeyDown: V, ...ee }
   } = Oe(n, {
     rowIndex: d,
     colIndex: l,
@@ -585,7 +585,7 @@ const bt = R.createContext({}), Zs = ({
     onChange: S,
     isEditable: o,
     allowedInputType: t
-  }), Y = P(
+  }), q = P(
     (A) => {
       A.key === "Delete" ? (f(c.actions.clearEntity(r)), f(
         i.actions.setEntityFields(r, {
@@ -611,7 +611,7 @@ const bt = R.createContext({}), Zs = ({
       hoverBackground: "var(--ui7)",
       alignItems: "center",
       children: [
-        s && /* @__PURE__ */ a(N, { num: s }),
+        s && /* @__PURE__ */ a(L, { num: s }),
         /* @__PURE__ */ a(
           T,
           {
@@ -621,34 +621,34 @@ const bt = R.createContext({}), Zs = ({
             alignItems: "center",
             border: "1px solid transparent",
             borderRadius: "4px",
-            focusBorder: I ? void 0 : "1px solid var(--primary-action-color)",
-            hoverBorder: I ? void 0 : "var(--ui5) solid 1px;",
-            onKeyDown: Y,
-            ...Z,
-            children: /* @__PURE__ */ a(N, { row: !0, alignItems: "center", children: I ? /* @__PURE__ */ a(
+            focusBorder: O ? void 0 : "1px solid var(--primary-action-color)",
+            hoverBorder: O ? void 0 : "var(--ui5) solid 1px;",
+            onKeyDown: q,
+            ...ee,
+            children: /* @__PURE__ */ a(L, { row: !0, alignItems: "center", children: O ? /* @__PURE__ */ a(
               Le,
               {
                 onValueChange: G,
-                value: E,
+                value: R,
                 onDone: v,
                 onEsc: k,
                 autoFocus: !0,
                 selectAllOnMount: !B,
-                onMove: L
+                onMove: W
               }
-            ) : /* @__PURE__ */ C(M, { children: [
+            ) : /* @__PURE__ */ C(E, { children: [
               /* @__PURE__ */ a(
-                X,
+                U,
                 {
                   color: o ? "var(--primary-action-color)" : void 0,
                   variant: g != null && g.modified ? "bold" : void 0,
                   children: n
                 }
               ),
-              (g == null ? void 0 : g.newValue) !== void 0 && /* @__PURE__ */ C(M, { children: [
-                /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(Q, { icon: mt, size: 12 }) }),
+              (g == null ? void 0 : g.newValue) !== void 0 && /* @__PURE__ */ C(E, { children: [
+                /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(X, { icon: mt, size: 12 }) }),
                 /* @__PURE__ */ a(
-                  X,
+                  U,
                   {
                     color: "var(--primary-action-color)",
                     variant: "bold",
@@ -656,9 +656,9 @@ const bt = R.createContext({}), Zs = ({
                   }
                 )
               ] }),
-              b && Ae(b) && /* @__PURE__ */ a(W, { num: 2 }),
+              b && Ae(b) && /* @__PURE__ */ a(N, { num: 2 }),
               p && (g != null && g.modified) && (g == null ? void 0 : g.newValue) === "" ? /* @__PURE__ */ a(we, { label: p, children: /* @__PURE__ */ a(
-                Q,
+                X,
                 {
                   icon: Pe,
                   color: "var(--ui-alert1)",
@@ -668,7 +668,7 @@ const bt = R.createContext({}), Zs = ({
             ] }) })
           }
         ),
-        s && /* @__PURE__ */ a(N, { num: s })
+        s && /* @__PURE__ */ a(L, { num: s })
       ]
     }
   );
@@ -704,16 +704,16 @@ const bt = R.createContext({}), Zs = ({
     expandedRows: o,
     fields: s
   });
-}, qe = () => z(It), O = () => z(Et), oe = () => z(Tt), ge = () => z(Dt), Rt = H([]), J = () => z(
+}, qe = () => Y(It), I = () => Y(Et), oe = () => Y(Tt), ge = () => Y(Dt), Rt = H([]), Z = () => Y(
   Rt
 ), Gt = () => {
-  const e = O(), t = J();
+  const e = I(), t = Z();
   let n = 0;
   return e.enableExpandCollapse && n++, e.showRowCheckbox && n++, n + y(
     () => t.map((r) => r.groupConfig.columnOrder.length).reduce((r, o) => r + o, 0),
     [t]
   );
-}, Wt = H(void 0), sr = () => z(Wt), Nt = H(void 0), ar = () => z(Nt), Lt = H(void 0), ir = H(!1), cr = () => z(Lt), lr = H("standard"), Bt = H({}), _e = () => z(Bt), At = H(0), je = () => z(At), Ft = (e, t, n) => e ? Sn(
+}, Wt = H(void 0), sr = () => Y(Wt), Nt = H(void 0), ar = () => Y(Nt), Lt = H(void 0), ir = H(!1), cr = () => Y(Lt), lr = H("standard"), Bt = H({}), _e = () => Y(Bt), At = H(0), je = () => Y(At), Ft = (e, t, n) => e ? Sn(
   (t == null ? void 0 : t.map((r) => {
     const o = e == null ? void 0 : e[r];
     return {
@@ -743,16 +743,16 @@ const bt = R.createContext({}), Zs = ({
   if (!(e === 0 || t !== 0) && n)
     return n === !0 ? fe : n;
 }, ye = (e) => {
-  const { columns: t } = O(), n = t[e];
+  const { columns: t } = I(), n = t[e];
   if (!n)
     throw new Error("No config for column with id=" + e);
   return n;
 }, ur = () => {
   var n, r, o;
-  const e = O(), t = (o = (r = (n = J()) == null ? void 0 : n[0]) == null ? void 0 : r.groupConfig.columnOrder) == null ? void 0 : o[0];
+  const e = I(), t = (o = (r = (n = Z()) == null ? void 0 : n[0]) == null ? void 0 : r.groupConfig.columnOrder) == null ? void 0 : o[0];
   return t ? e.columns[t] : void 0;
 }, dr = () => {
-  const e = O(), t = J(), n = t[t.length - 1], r = (n == null ? void 0 : n.groupConfig.columnOrder[n.groupConfig.columnOrder.length - 1]) ?? void 0;
+  const e = I(), t = Z(), n = t[t.length - 1], r = (n == null ? void 0 : n.groupConfig.columnOrder[n.groupConfig.columnOrder.length - 1]) ?? void 0;
   return r ? e.columns[r] : void 0;
 }, hr = function({
   columnId: t,
@@ -762,38 +762,38 @@ const bt = R.createContext({}), Zs = ({
   isFirstGroup: s,
   isLastGroup: i
 }) {
-  const { label: c, render: l, contentLeft: d, contentRight: u, loading: m, error: p } = n, { width: f, minWidth: w, zIndex: h, borderLeft: g } = ye(t), b = O(), { stickyHeader: S, headerRowOffsetTop: I } = b, v = "columnGroupOrder" in b ? b.stickyColumnGroups : void 0, E = mr(r, g), G = s && (v === "first" || v === "both"), k = i && (v === "last" || v === "both"), L = G || k || S, B = G || k;
+  const { label: c, render: l, contentLeft: d, contentRight: u, loading: m, error: p } = n, { width: f, minWidth: w, zIndex: h, borderLeft: g } = ye(t), b = I(), { stickyHeader: S, headerRowOffsetTop: O } = b, v = "columnGroupOrder" in b ? b.stickyColumnGroups : void 0, R = mr(r, g), G = s && (v === "first" || v === "both"), k = i && (v === "last" || v === "both"), W = G || k || S, B = G || k;
   return /* @__PURE__ */ a(
     "th",
     {
       colSpan: o,
       style: {
-        position: L ? "sticky" : void 0,
+        position: W ? "sticky" : void 0,
         height: "var(--current-row-height)",
         width: f,
         minWidth: w ?? f ?? "20px",
-        background: L ? "white" : "transparent",
+        background: W ? "white" : "transparent",
         left: G ? "var(--current-left-offset)" : void 0,
         right: k ? "0px" : void 0,
-        top: S ? I ?? "0px" : void 0,
-        borderLeft: E,
+        top: S ? O ?? "0px" : void 0,
+        borderLeft: R,
         zIndex: S && B ? "var(--swui-sticky-column-group-label-z-index)" : B ? "var(--swui-sticky-group-group-z-index)" : S ? h ?? "var(--swui-sticky-header-column-group-z-index)" : h ?? 1,
         boxShadow: G ? "var(--swui-sticky-column-shadow-right)" : k ? "var(--swui-sticky-column-shadow-left)" : void 0
       },
-      children: /* @__PURE__ */ a(T, { alignItems: "center", children: /* @__PURE__ */ C(M, { children: [
-        d && /* @__PURE__ */ C(M, { children: [
-          /* @__PURE__ */ a(W, {}),
+      children: /* @__PURE__ */ a(T, { alignItems: "center", children: /* @__PURE__ */ C(E, { children: [
+        d && /* @__PURE__ */ C(E, { children: [
+          /* @__PURE__ */ a(N, {}),
           d,
-          /* @__PURE__ */ a(W, { num: 0.5 })
+          /* @__PURE__ */ a(N, { num: 0.5 })
         ] }),
-        l ? l(n) : /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(wt, { variant: "h5", whiteSpace: "nowrap", children: c }) }),
-        u && /* @__PURE__ */ C(M, { children: [
-          /* @__PURE__ */ a(W, { num: 0.5 }),
+        l ? l(n) : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(wt, { variant: "h5", whiteSpace: "nowrap", children: c }) }),
+        u && /* @__PURE__ */ C(E, { children: [
+          /* @__PURE__ */ a(N, { num: 0.5 }),
           u
         ] }),
-        (p || m) && /* @__PURE__ */ a(N, {}),
+        (p || m) && /* @__PURE__ */ a(L, {}),
         m ? /* @__PURE__ */ a(We, {}) : p ? /* @__PURE__ */ a(we, { label: p, placement: "bottom", children: /* @__PURE__ */ a(
-          Q,
+          X,
           {
             icon: Pe,
             color: j("--lhds-color-red-500"),
@@ -821,10 +821,10 @@ const bt = R.createContext({}), Zs = ({
     return t;
   if (e)
     return 0;
-}, wr = R.memo(function({
+}, wr = M.memo(function({
   height: t = He
 }) {
-  const n = J(), r = O(), {
+  const n = Z(), r = I(), {
     showHeaderCheckbox: o,
     enableExpandCollapse: s,
     rowIndent: i,
@@ -907,7 +907,7 @@ const bt = R.createContext({}), Zs = ({
 }, yr = (e) => !e.disableGridCell, Ht = H({
   columnIndexPerColumnId: {},
   numNavigableColumns: 0
-}), Yt = () => z(
+}), Yt = () => Y(
   Ht
 ), br = (e) => {
   "columnGroupOrder" in e && (vr(e), (e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both") && tt(e, 0), (e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both") && tt(
@@ -1063,8 +1063,8 @@ const bt = R.createContext({}), Zs = ({
     return n + (((i = o == null ? void 0 : o.columnOrder) == null ? void 0 : i.length) ?? 0);
   }, 0) : ((t = e.columnOrder) == null ? void 0 : t.length) ?? 0;
 }, Rr = () => {
-  const e = O(), t = J(), n = e.enableExpandCollapse || e.showRowCheckbox, r = an(e.rowIndent);
-  return /* @__PURE__ */ C(M, { children: [
+  const e = I(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, r = an(e.rowIndent);
+  return /* @__PURE__ */ C(E, { children: [
     r ? /* @__PURE__ */ a("colgroup", { children: /* @__PURE__ */ a(
       "col",
       {
@@ -1098,13 +1098,13 @@ const bt = R.createContext({}), Zs = ({
   condensed: Nr,
   compact: Lr
 }, Br = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : Re(e, t, "number") ? Number(e) - Number(t) : Re(e, t, "boolean") ? Number(t) - Number(e) : Re(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, Re = (e, t, n) => typeof e === n && typeof t === n, Ar = (e) => {
-  const { columns: t } = O();
+  const { columns: t } = I();
   if (!e)
     return;
   const n = t[e];
   if (n)
     return n.itemValueResolver;
-}, Fr = R.memo(
+}, Fr = M.memo(
   function({
     value: t,
     onValueChange: n,
@@ -1147,7 +1147,7 @@ const bt = R.createContext({}), Zs = ({
   const s = Math.min(r, o), i = Math.max(r, o);
   return e.slice(s, i + 1);
 }, Yr = (e, t) => {
-  const { keyResolver: n } = O(), {
+  const { keyResolver: n } = I(), {
     selectedIds: { selectedIds: r },
     fields: { lastSelectedId: o }
   } = oe(), {
@@ -1189,7 +1189,7 @@ const bt = R.createContext({}), Zs = ({
     shiftAndToggleSelected: f
   };
 }, $e = (e) => {
-  const { keyResolver: t } = O(), {
+  const { keyResolver: t } = I(), {
     expandedRows: { selectedIds: n }
   } = oe(), {
     actions: { expandByIds: r },
@@ -1219,7 +1219,7 @@ const bt = R.createContext({}), Zs = ({
     numRows: n,
     rowIndex: r,
     tableId: s
-  }), { requiredProps: c } = i, { expandCollapseDisableResolver: l } = O(), { toggleRowExpanded: d, isExpanded: u } = $e(e), m = y(() => l ? l(e) : !1, [l, e]);
+  }), { requiredProps: c } = i, { expandCollapseDisableResolver: l } = I(), { toggleRowExpanded: d, isExpanded: u } = $e(e), m = y(() => l ? l(e) : !1, [l, e]);
   return /* @__PURE__ */ a(T, { alignItems: "center", justifyContent: "center", indent: !0, children: !m && /* @__PURE__ */ a(
     Ne,
     {
@@ -1240,7 +1240,7 @@ const bt = R.createContext({}), Zs = ({
   return zt(r, t, n);
 }, jr = (e) => e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "object" ? JSON.stringify(e) : String(e), Vr = (e) => Pn(On(e)), $r = "_standardTableCell_1xzcm_1", Kr = {
   standardTableCell: $r
-}, Qr = R.memo(
+}, Qr = M.memo(
   function({
     enableGridCell: t,
     children: n,
@@ -1282,16 +1282,16 @@ const bt = R.createContext({}), Zs = ({
   }
 ), Xr = "_textCell_1yv6v_1", Ur = {
   textCell: Xr
-}, Jr = R.memo(function({
+}, Jr = M.memo(function({
   label: t,
   size: n,
   color: r
 }) {
-  return /* @__PURE__ */ a(N, { overflow: "hidden", children: /* @__PURE__ */ a(X, { className: Ur.textCell, title: t, size: n, color: r, children: t }) });
+  return /* @__PURE__ */ a(L, { overflow: "hidden", children: /* @__PURE__ */ a(U, { className: Ur.textCell, title: t, size: n, color: r, children: t }) });
 }), Zr = ({
   label: e,
   textSize: t
-}) => /* @__PURE__ */ a(Jr, { label: e, size: t }), eo = R.memo(function({
+}) => /* @__PURE__ */ a(Jr, { label: e, size: t }), eo = M.memo(function({
   columnId: t,
   item: n,
   colIndex: r,
@@ -1304,29 +1304,29 @@ const bt = R.createContext({}), Zs = ({
     keyResolver: l,
     enableGridCell: d,
     gridCellOptions: u
-  } = O(), m = oe().selectedIds.selectedIds, p = qe(), f = sr(), { numNavigableColumns: w } = Yt(), h = _e(), g = y(() => l(n), [n, l]), b = y(() => m.indexOf(g) >= 0, [g, m]), { defaultCellRenderer: S = Zr, defaultTextSize: I } = O(), {
+  } = I(), m = oe().selectedIds.selectedIds, p = qe(), f = sr(), { numNavigableColumns: w } = Yt(), h = _e(), g = y(() => l(n), [n, l]), b = y(() => m.indexOf(g) >= 0, [g, m]), { defaultCellRenderer: S = Zr, defaultTextSize: O } = I(), {
     itemValueResolver: v,
-    itemLabelFormatter: E,
+    itemLabelFormatter: R,
     width: G,
     minWidth: k,
-    justifyContentCell: L = "flex-start",
+    justifyContentCell: W = "flex-start",
     borderLeft: B,
     renderCell: V = S,
-    gridCellOptions: Z,
-    isEditable: Y,
+    gridCellOptions: ee,
+    isEditable: q,
     onChange: A,
-    onKeyDown: ee,
+    onKeyDown: $,
     disableGridCell: De,
     disableGridCellFocus: be,
     zIndex: ve
-  } = ye(t), $ = y(() => v ? v(n) : t in n ? n[t] : "", [v, n, t]), ue = y(
-    () => E ? E($, n) : jr($),
-    [$, E, n]
-  ), se = typeof Y == "boolean" ? Y : Y ? Y(n) : void 0, de = P(
+  } = ye(t), K = y(() => v ? v(n) : t in n ? n[t] : "", [v, n, t]), ue = y(
+    () => R ? R(K, n) : jr(K),
+    [K, R, n]
+  ), se = typeof q == "boolean" ? q : q ? q(n) : void 0, de = P(
     (Ce) => {
-      ee == null || ee(Ce, { columnId: t, item: n }), f == null || f(Ce, { columnId: t, item: n });
+      $ == null || $(Ce, { columnId: t, item: n }), f == null || f(Ce, { columnId: t, item: n });
     },
-    [f, t, n, ee]
+    [f, t, n, $]
   ), te = Oe(ue, {
     colIndex: r,
     rowIndex: o,
@@ -1336,30 +1336,30 @@ const bt = R.createContext({}), Zs = ({
     isEditable: se,
     onChange: A ? (Ce) => A(n, Ce) : void 0,
     ...u,
-    ...Z
+    ...ee
   }), F = h[t], Qt = _r(t, n) ?? "inherit", Ee = F.sticky ? ve ?? "var(--swui-sticky-column-z-index)" : ve ?? 1, Xt = y(
     () => V({
       label: ue,
-      value: $,
+      value: K,
       item: n,
       gridCell: te,
       isEditable: se,
       isSelected: b,
       zIndex: Ee,
-      textSize: I,
+      textSize: O,
       itemKey: g
     }),
     [
       V,
       ue,
-      $,
+      K,
       n,
       te,
       se,
       b,
       Ee,
       g,
-      I
+      O
     ]
   ), Ut = Ve(
     i,
@@ -1387,7 +1387,7 @@ const bt = R.createContext({}), Zs = ({
           isEditing: te.isEditing,
           width: G,
           minWidth: k,
-          justifyContent: L,
+          justifyContent: W,
           onKeyDown: de,
           children: Xt
         }
@@ -1395,8 +1395,8 @@ const bt = R.createContext({}), Zs = ({
     }
   );
 }), to = function({ item: t }) {
-  const { renderRowExpansion: n, enableExpandCollapse: r } = O(), { isExpanded: o, toggleRowExpanded: s } = $e(t), i = je();
-  return /* @__PURE__ */ a(M, { children: r && n && o && /* @__PURE__ */ a(
+  const { renderRowExpansion: n, enableExpandCollapse: r } = I(), { isExpanded: o, toggleRowExpanded: s } = $e(t), i = je();
+  return /* @__PURE__ */ a(E, { children: r && n && o && /* @__PURE__ */ a(
     "tr",
     {
       style: {
@@ -1415,7 +1415,7 @@ const bt = R.createContext({}), Zs = ({
     background: ${e};
   }
 ` : ""}
-`, no = R.memo(function({
+`, no = M.memo(function({
   item: t,
   idListForEnabledItems: n,
   rowIndex: r,
@@ -1424,52 +1424,52 @@ const bt = R.createContext({}), Zs = ({
   alwaysVisible: i,
   shiftPressedRef: c
 }) {
-  const l = ce(null), d = je(), { stickyCheckboxColumn: u } = O(), m = J(), { columnIndexPerColumnId: p } = Yt(), {
+  const l = ce(null), d = je(), { stickyCheckboxColumn: u } = I(), m = Z(), { columnIndexPerColumnId: p } = Yt(), {
     showRowCheckbox: f,
     rowBackgroundResolver: w,
     checkboxDisabledResolver: h,
     enableGridCell: g,
     rowIndent: b,
     enableExpandCollapse: S
-  } = O(), { isExpanded: I } = $e(t), { isSelected: v, toggleSelected: E, shiftAndToggleSelected: G } = Yr(
+  } = I(), { isExpanded: O } = $e(t), { isSelected: v, toggleSelected: R, shiftAndToggleSelected: G } = Yr(
     t,
     n
   ), k = cn(l, {
     rootMargin: "400px 0px 400px 0px",
     threshold: 0
-  }), L = y(
+  }), W = y(
     () => w == null ? void 0 : w(t, v),
     [v, t, w]
   ), B = ro(
-    L,
+    W,
     v,
-    I
+    O
   ), V = oo(
-    L,
+    W,
     v,
-    I
-  ), Z = so(
-    L,
+    O
+  ), ee = so(
+    W,
     v,
     V
-  ), Y = y(
+  ), q = y(
     () => h == null ? void 0 : h(t),
     [t, h]
-  ), A = ur(), ee = ot(
+  ), A = ur(), $ = ot(
     A,
     t
   ), De = dr(), be = ot(
     De,
     t
   ), ve = y(
-    () => /* @__PURE__ */ a(M, { children: /* @__PURE__ */ C(M, { children: [
+    () => /* @__PURE__ */ a(E, { children: /* @__PURE__ */ C(E, { children: [
       b && /* @__PURE__ */ a(
         "td",
         {
           style: {
-            background: ee
+            background: $
           },
-          children: /* @__PURE__ */ a(N, { num: b })
+          children: /* @__PURE__ */ a(L, { num: b })
         }
       ),
       S && /* @__PURE__ */ a(
@@ -1523,9 +1523,9 @@ const bt = R.createContext({}), Zs = ({
               children: /* @__PURE__ */ a(
                 Fr,
                 {
-                  disabled: Y,
+                  disabled: q,
                   value: v,
-                  onValueChange: E,
+                  onValueChange: R,
                   onValueChangeAndShift: G,
                   colIndex: s + (S ? 1 : 0),
                   rowIndex: r,
@@ -1537,7 +1537,7 @@ const bt = R.createContext({}), Zs = ({
           )
         }
       ),
-      m.map(({ groupConfig: $, groupId: ue }, se) => /* @__PURE__ */ a(R.Fragment, { children: $.columnOrder.map((de, te) => /* @__PURE__ */ a(
+      m.map(({ groupConfig: K, groupId: ue }, se) => /* @__PURE__ */ a(M.Fragment, { children: K.columnOrder.map((de, te) => /* @__PURE__ */ a(
         eo,
         {
           columnId: de,
@@ -1548,7 +1548,7 @@ const bt = R.createContext({}), Zs = ({
           borderFromGroup: Ie(
             se,
             te,
-            $.borderLeft
+            K.borderLeft
           ),
           disableBorderLeft: se === 0 && te === 0
         },
@@ -1560,7 +1560,7 @@ const bt = R.createContext({}), Zs = ({
           style: {
             background: be
           },
-          children: /* @__PURE__ */ a(N, { num: b })
+          children: /* @__PURE__ */ a(L, { num: b })
         }
       ),
       /* @__PURE__ */ a("td", {})
@@ -1568,10 +1568,10 @@ const bt = R.createContext({}), Zs = ({
     [
       s,
       p,
-      Y,
+      q,
       S,
       g,
-      ee,
+      $,
       m,
       v,
       t,
@@ -1583,19 +1583,19 @@ const bt = R.createContext({}), Zs = ({
       c,
       f,
       u,
-      E
+      R
     ]
   );
-  return /* @__PURE__ */ C(M, { children: [
+  return /* @__PURE__ */ C(E, { children: [
     /* @__PURE__ */ a(
       qt,
       {
         hoverBackground: V,
         background: B,
-        focusBackground: Z,
-        borderLeft: I ? xt : Fe,
+        focusBackground: ee,
+        borderLeft: O ? xt : Fe,
         ref: l,
-        children: k || i || I ? ve : /* @__PURE__ */ a(
+        children: k || i || O ? ve : /* @__PURE__ */ a(
           "td",
           {
             colSpan: d,
@@ -1613,7 +1613,7 @@ const bt = R.createContext({}), Zs = ({
     return n;
 }, ao = (e) => Object.values(e).some((t) => io(t)), io = (e) => !!(e.renderSummaryCell || e.summaryText), co = "_summaryRow_12x8k_1", lo = {
   summaryRow: co
-}, uo = R.memo(function({
+}, uo = M.memo(function({
   columnId: t,
   items: n,
   disableBorderLeft: r,
@@ -1632,7 +1632,7 @@ const bt = R.createContext({}), Zs = ({
     o,
     r,
     d
-  ), h = i[t], g = h.sticky ? u ?? "var(--swui-sticky-column-z-index)" : u ?? 1, b = h.sticky && h.type === "last-group" && h.isFirstColumnInLastGroup || h.sticky && h.type === "column" && h.right ? "var(--swui-sticky-column-shadow-left)" : h.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0, S = y(() => l == null ? void 0 : l({ items: n }), [n, l]), I = y(
+  ), h = i[t], g = h.sticky ? u ?? "var(--swui-sticky-column-z-index)" : u ?? 1, b = h.sticky && h.type === "last-group" && h.isFirstColumnInLastGroup || h.sticky && h.type === "column" && h.right ? "var(--swui-sticky-column-shadow-left)" : h.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0, S = y(() => l == null ? void 0 : l({ items: n }), [n, l]), O = y(
     () => c == null ? void 0 : c({ items: n, text: S }),
     [n, c, S]
   );
@@ -1658,7 +1658,7 @@ const bt = R.createContext({}), Zs = ({
           overflow: "hidden",
           justifyContent: f,
           alignItems: "center",
-          children: c ? I : /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(X, { variant: "bold", children: S }) })
+          children: c ? O : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(U, { variant: "bold", children: S }) })
         }
       )
     }
@@ -1675,16 +1675,16 @@ const bt = R.createContext({}), Zs = ({
     i > 1 && (r += i - 1);
   }
   return n;
-}, mo = R.memo(
+}, mo = M.memo(
   function({
     items: t
   }) {
-    const n = J(), { showRowCheckbox: r, enableExpandCollapse: o, columns: s, rowIndent: i } = O();
+    const n = Z(), { showRowCheckbox: r, enableExpandCollapse: o, columns: s, rowIndent: i } = I();
     return /* @__PURE__ */ C("tr", { className: lo.summaryRow, children: [
-      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(N, { num: i }) }),
+      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(L, { num: i }) }),
       o && /* @__PURE__ */ a("td", {}),
       r && /* @__PURE__ */ a("td", {}),
-      n.map(({ groupConfig: c, groupId: l }, d) => /* @__PURE__ */ a(R.Fragment, { children: ho(c.columnOrder, s).map(
+      n.map(({ groupConfig: c, groupId: l }, d) => /* @__PURE__ */ a(M.Fragment, { children: ho(c.columnOrder, s).map(
         ({ columnId: u, colSpan: m }, p) => /* @__PURE__ */ a(
           uo,
           {
@@ -1701,14 +1701,14 @@ const bt = R.createContext({}), Zs = ({
           u
         )
       ) }, l)),
-      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(N, { num: i }) }),
+      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(L, { num: i }) }),
       /* @__PURE__ */ a("td", {})
     ] });
   }
 ), fo = function({ items: t }) {
-  const { columns: n } = O();
+  const { columns: n } = I();
   return y(() => ao(n), [n]) ? /* @__PURE__ */ a(mo, { items: t }) : null;
-}, _t = (e) => (t) => e == null ? !0 : !e(t), po = R.memo(function({
+}, _t = (e) => (t) => e == null ? !0 : !e(t), po = M.memo(function({
   items: t,
   colIndexOffset: n = 0,
   rowIndexOffset: r = 0
@@ -1718,7 +1718,7 @@ const bt = R.createContext({}), Zs = ({
     disableInfiniteList: c,
     checkboxDisabledResolver: l,
     enableExternalSorting: d
-  } = O(), {
+  } = I(), {
     sortOrder: { sortBy: u, desc: m }
   } = oe(), p = Ar(u), f = y(() => {
     if (d)
@@ -1747,7 +1747,7 @@ const bt = R.createContext({}), Zs = ({
     return document.addEventListener("keyup", h), document.addEventListener("keydown", g), () => {
       document.removeEventListener("keyup", h), document.removeEventListener("keydown", g);
     };
-  }, []), /* @__PURE__ */ C(R.Fragment, { children: [
+  }, []), /* @__PURE__ */ C(M.Fragment, { children: [
     f.map((h, g) => /* @__PURE__ */ a(
       no,
       {
@@ -1763,7 +1763,7 @@ const bt = R.createContext({}), Zs = ({
     )),
     /* @__PURE__ */ a(fo, { items: f })
   ] }, o.current);
-}), wo = R.memo(function({
+}), wo = M.memo(function({
   error: t,
   bannerError: n,
   loading: r,
@@ -1809,7 +1809,7 @@ const bt = R.createContext({}), Zs = ({
     w == null ? void 0 : w()
   ] });
 }), go = (e) => {
-  const { keyResolver: t, checkboxDisabledResolver: n } = O(), {
+  const { keyResolver: t, checkboxDisabledResolver: n } = I(), {
     selectedIds: { selectedIds: r }
   } = oe(), {
     actions: { setSelectedIds: o, clearSelection: s },
@@ -1835,7 +1835,7 @@ const bt = R.createContext({}), Zs = ({
     onClickCheckbox: d
   };
 }, yo = (e) => {
-  const { keyResolver: t } = O(), {
+  const { keyResolver: t } = I(), {
     expandedRows: { selectedIds: n }
   } = oe(), {
     actions: { collapseAll: r, expandByIds: o },
@@ -1872,7 +1872,7 @@ const bt = R.createContext({}), Zs = ({
   }, [e, s, o, t, n, r]);
 }, vo = "_standardTableHeadTh_swsxb_8", Co = {
   standardTableHeadTh: vo
-}, xo = R.memo(
+}, xo = M.memo(
   function({
     columnId: t,
     borderFromGroup: n,
@@ -1893,7 +1893,7 @@ const bt = R.createContext({}), Zs = ({
     } = ye(t), {
       disableSorting: h,
       sortOrderIconVariant: g
-    } = O(), b = _e(), { arrow: S, selected: I, onClickColumnHead: v } = bo(t), E = typeof c == "string" ? c : Vr(t), G = Ve(
+    } = I(), b = _e(), { arrow: S, selected: O, onClickColumnHead: v } = bo(t), R = typeof c == "string" ? c : Vr(t), G = Ve(
       n,
       r,
       l
@@ -1919,13 +1919,13 @@ const bt = R.createContext({}), Zs = ({
           {
             width: "inherit",
             minWidth: "inherit",
-            arrow: !h && E ? S : void 0,
+            arrow: !h && R ? S : void 0,
             onClick: h ? void 0 : v,
-            label: E,
+            label: R,
             infoIconTooltipText: d,
             alignRight: i === "flex-end",
             sortOrderIconVariant: p ?? g,
-            selected: I,
+            selected: O,
             height: "100%"
           }
         )
@@ -1941,8 +1941,8 @@ const bt = R.createContext({}), Zs = ({
     return e;
   if (r)
     return 0;
-}, So = R.memo(function({ items: t, height: n = He }) {
-  const r = J(), {
+}, So = M.memo(function({ items: t, height: n = He }) {
+  const r = Z(), {
     showHeaderCheckbox: o,
     showHeaderExpandCollapse: s,
     enableExpandCollapse: i,
@@ -1952,7 +1952,7 @@ const bt = R.createContext({}), Zs = ({
     stickyHeader: u,
     stickyCheckboxColumn: m,
     showRowCheckbox: p
-  } = O(), f = cr(), { allItemsAreExpanded: w, toggleExpanded: h } = yo(t), { allItemsAreSelected: g, onClickCheckbox: b, selectionIsEmpty: S } = go(t), I = !t || t.length === 0, v = {
+  } = I(), f = cr(), { allItemsAreExpanded: w, toggleExpanded: h } = yo(t), { allItemsAreSelected: g, onClickCheckbox: b, selectionIsEmpty: S } = go(t), O = !t || t.length === 0, v = {
     zIndex: u && m ? "var(--swui-sticky-header-in-sticky-column-z-index)" : m ? "var(--swui-sticky-group-header-z-index)" : u ? "var(--swui-sticky-header-z-index)" : d,
     top: ko(
       l,
@@ -2012,7 +2012,7 @@ const bt = R.createContext({}), Zs = ({
               Be,
               {
                 size: "small",
-                disabled: I,
+                disabled: O,
                 value: g,
                 indeterminate: !S && !g,
                 onValueChange: b
@@ -2022,20 +2022,20 @@ const bt = R.createContext({}), Zs = ({
         )
       }
     ),
-    r.map(({ groupConfig: E, groupId: G }, k) => /* @__PURE__ */ a(R.Fragment, { children: E.columnOrder.map((L, B) => /* @__PURE__ */ a(
+    r.map(({ groupConfig: R, groupId: G }, k) => /* @__PURE__ */ a(M.Fragment, { children: R.columnOrder.map((W, B) => /* @__PURE__ */ a(
       xo,
       {
-        columnId: L,
+        columnId: W,
         borderFromGroup: Ie(
           k,
           B,
-          E.borderLeft
+          R.borderLeft
         ),
         disableBorderLeft: k === 0 && B === 0,
         stickyHeader: u,
         top: v.top
       },
-      L
+      W
     )) }, G)),
     c && /* @__PURE__ */ a("th", { style: v, children: /* @__PURE__ */ a(T, { indent: c }) }),
     /* @__PURE__ */ a("th", { style: v })
@@ -2048,68 +2048,69 @@ const bt = R.createContext({}), Zs = ({
   variant: s = "standard",
   onKeyDown: i,
   onSortOrderChange: c,
-  ...l
+  renderExtraHeadRows: l,
+  ...d
 }) {
-  const d = en(), {
-    initialSortOrderDesc: u,
-    initialSortOrder: m,
-    enableExpandCollapse: p,
-    stickyCheckboxColumn: f
-  } = n, { tableContext: w } = Dr(
-    o ?? d,
-    Mt(m, u)
-  ), h = t || w, { state: g, actions: b, dispatch: S } = h, I = y(
+  const u = en(), {
+    initialSortOrderDesc: m,
+    initialSortOrder: p,
+    enableExpandCollapse: f,
+    stickyCheckboxColumn: w
+  } = n, { tableContext: h } = Dr(
+    o ?? u,
+    Mt(p, m)
+  ), g = t || h, { state: b, actions: S, dispatch: O } = g, v = y(
     () => ({
-      actions: b,
-      dispatch: S
+      actions: S,
+      dispatch: O
     }),
-    [b, S]
-  ), v = !!(r ?? "columnGroupOrder" in n), E = "columnGroups" in n ? n.columnGroups : void 0, G = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, k = "columnOrder" in n ? n.columnOrder : void 0, L = y(
+    [S, O]
+  ), R = !!(r ?? "columnGroupOrder" in n), G = "columnGroups" in n ? n.columnGroups : void 0, k = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, W = "columnOrder" in n ? n.columnOrder : void 0, B = y(
     () => Ft(
-      E,
       G,
-      k
+      k,
+      W
     ),
-    [E, G, k]
-  ), B = y(
+    [G, k, W]
+  ), V = y(
     () => gr(n),
     [n]
-  ), V = y(() => Er(n), [n]), Z = y(
+  ), ee = y(() => Er(n), [n]), q = y(
     () => Pr(n),
     [n]
-  ), Y = y(() => {
+  ), A = y(() => {
     try {
       br(n);
       return;
-    } catch (A) {
-      return A instanceof Error ? A : new Error("Unknown error");
+    } catch ($) {
+      return $ instanceof Error ? $ : new Error("Unknown error");
     }
   }, [n]);
-  return Y ? /* @__PURE__ */ a(kn, { text: Y.message }) : /* @__PURE__ */ a(
+  return A ? /* @__PURE__ */ a(kn, { text: A.message }) : /* @__PURE__ */ a(
     "table",
     {
       className: yt(rt.standardTable, rt[s]),
       style: {
         width: "100%",
         isolation: "isolate",
-        "--current-left-offset": p && f ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : f ? "var(--swui-checkbox-cell-width)" : p ? "var(--swui-expand-cell-width)" : "0px"
+        "--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"
       },
-      children: /* @__PURE__ */ a(Bt.Provider, { value: Z, children: /* @__PURE__ */ a(At.Provider, { value: V, children: /* @__PURE__ */ a(lr.Provider, { value: s, children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ a(Bt.Provider, { value: q, children: /* @__PURE__ */ a(At.Provider, { value: ee, children: /* @__PURE__ */ a(lr.Provider, { value: s, children: /* @__PURE__ */ a(
         It.Provider,
         {
-          value: o ?? d,
-          children: /* @__PURE__ */ a(Tt.Provider, { value: g, children: /* @__PURE__ */ a(Dt.Provider, { value: I, children: /* @__PURE__ */ a(Et.Provider, { value: n, children: /* @__PURE__ */ a(
+          value: o ?? u,
+          children: /* @__PURE__ */ a(Tt.Provider, { value: b, children: /* @__PURE__ */ a(Dt.Provider, { value: v, children: /* @__PURE__ */ a(Et.Provider, { value: n, children: /* @__PURE__ */ a(
             Rt.Provider,
             {
-              value: L,
+              value: B,
               children: /* @__PURE__ */ a(
                 Ht.Provider,
                 {
-                  value: B,
+                  value: V,
                   children: /* @__PURE__ */ a(
                     ir.Provider,
                     {
-                      value: v,
+                      value: R,
                       children: /* @__PURE__ */ C(
                         Lt.Provider,
                         {
@@ -2131,16 +2132,17 @@ const bt = R.createContext({}), Zs = ({
                                     /* @__PURE__ */ a(
                                       So,
                                       {
-                                        items: l.items,
+                                        items: d.items,
                                         height: "var(--current-row-height)"
                                       }
-                                    )
+                                    ),
+                                    l == null ? void 0 : l()
                                   ] }),
                                   /* @__PURE__ */ a(
                                     wo,
                                     {
                                       variant: s,
-                                      ...l
+                                      ...d
                                     }
                                   )
                                 ]
@@ -2184,7 +2186,7 @@ const bt = R.createContext({}), Zs = ({
     selectAllOnMount: !i,
     onMove: l
   }
-) : /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(X, { color: "var(--swui-primary-action-color)", size: e, children: t }) }), ia = (e, t, n) => ({
+) : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(U, { color: "var(--swui-primary-action-color)", size: e, children: t }) }), ia = (e, t, n) => ({
   label: r,
   item: o,
   gridCell: {
@@ -2210,7 +2212,7 @@ const bt = R.createContext({}), Zs = ({
       selectAllOnMount: !d,
       onMove: m
     }
-  ) : /* @__PURE__ */ a(N, { row: !0, alignItems: "center", children: /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ a(L, { row: !0, alignItems: "center", children: /* @__PURE__ */ a(
     Tn,
     {
       value: r,
@@ -2221,16 +2223,16 @@ const bt = R.createContext({}), Zs = ({
     }
   ) });
 };
-function q(e) {
+function z(e) {
   const t = Object.prototype.toString.call(e);
   return e instanceof Date || typeof e == "object" && t === "[object Date]" ? new e.constructor(+e) : typeof e == "number" || t === "[object Number]" || typeof e == "string" || t === "[object String]" ? new Date(e) : /* @__PURE__ */ new Date(NaN);
 }
-function U(e, t) {
+function J(e, t) {
   return e instanceof Date ? new e.constructor(t) : new Date(t);
 }
 function D(e, t) {
-  const n = q(e);
-  return isNaN(t) ? U(e, NaN) : (t && n.setDate(n.getDate() + t), n);
+  const n = z(e);
+  return isNaN(t) ? J(e, NaN) : (t && n.setDate(n.getDate() + t), n);
 }
 const jt = 6048e5, Oo = 864e5;
 let Io = {};
@@ -2239,26 +2241,26 @@ function Te() {
 }
 function pe(e, t) {
   var c, l, d, u;
-  const n = Te(), r = (t == null ? void 0 : t.weekStartsOn) ?? ((l = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : l.weekStartsOn) ?? n.weekStartsOn ?? ((u = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : u.weekStartsOn) ?? 0, o = q(e), s = o.getDay(), i = (s < r ? 7 : 0) + s - r;
+  const n = Te(), r = (t == null ? void 0 : t.weekStartsOn) ?? ((l = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : l.weekStartsOn) ?? n.weekStartsOn ?? ((u = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : u.weekStartsOn) ?? 0, o = z(e), s = o.getDay(), i = (s < r ? 7 : 0) + s - r;
   return o.setDate(o.getDate() - i), o.setHours(0, 0, 0, 0), o;
 }
 function Se(e) {
   return pe(e, { weekStartsOn: 1 });
 }
 function Vt(e) {
-  const t = q(e), n = t.getFullYear(), r = U(e, 0);
+  const t = z(e), n = t.getFullYear(), r = J(e, 0);
   r.setFullYear(n + 1, 0, 4), r.setHours(0, 0, 0, 0);
-  const o = Se(r), s = U(e, 0);
+  const o = Se(r), s = J(e, 0);
   s.setFullYear(n, 0, 4), s.setHours(0, 0, 0, 0);
   const i = Se(s);
   return t.getTime() >= o.getTime() ? n + 1 : t.getTime() >= i.getTime() ? n : n - 1;
 }
 function st(e) {
-  const t = q(e);
+  const t = z(e);
   return t.setHours(0, 0, 0, 0), t;
 }
 function at(e) {
-  const t = q(e), n = new Date(
+  const t = z(e), n = new Date(
     Date.UTC(
       t.getFullYear(),
       t.getMonth(),
@@ -2276,7 +2278,7 @@ function To(e, t) {
   return Math.round((o - s) / Oo);
 }
 function Do(e) {
-  const t = Vt(e), n = U(e, 0);
+  const t = Vt(e), n = J(e, 0);
   return n.setFullYear(t, 0, 4), n.setHours(0, 0, 0, 0), Se(n);
 }
 function Eo(e) {
@@ -2285,11 +2287,11 @@ function Eo(e) {
 function Mo(e) {
   if (!Eo(e) && typeof e != "number")
     return !1;
-  const t = q(e);
+  const t = z(e);
   return !isNaN(Number(t));
 }
 function Ro(e) {
-  const t = q(e), n = U(e, 0);
+  const t = z(e), n = J(e, 0);
   return n.setFullYear(t.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
 const Go = {
@@ -2726,36 +2728,36 @@ const Jo = /^(\d+)(th|st|nd|rd)?/i, Zo = /\d+/i, es = {
   }
 };
 function hs(e) {
-  const t = q(e);
+  const t = z(e);
   return To(t, Ro(t)) + 1;
 }
 function ms(e) {
-  const t = q(e), n = +Se(t) - +Do(t);
+  const t = z(e), n = +Se(t) - +Do(t);
   return Math.round(n / jt) + 1;
 }
 function $t(e, t) {
   var u, m, p, f;
-  const n = q(e), r = n.getFullYear(), o = Te(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((m = (u = t == null ? void 0 : t.locale) == null ? void 0 : u.options) == null ? void 0 : m.firstWeekContainsDate) ?? o.firstWeekContainsDate ?? ((f = (p = o.locale) == null ? void 0 : p.options) == null ? void 0 : f.firstWeekContainsDate) ?? 1, i = U(e, 0);
+  const n = z(e), r = n.getFullYear(), o = Te(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((m = (u = t == null ? void 0 : t.locale) == null ? void 0 : u.options) == null ? void 0 : m.firstWeekContainsDate) ?? o.firstWeekContainsDate ?? ((f = (p = o.locale) == null ? void 0 : p.options) == null ? void 0 : f.firstWeekContainsDate) ?? 1, i = J(e, 0);
   i.setFullYear(r + 1, 0, s), i.setHours(0, 0, 0, 0);
-  const c = pe(i, t), l = U(e, 0);
+  const c = pe(i, t), l = J(e, 0);
   l.setFullYear(r, 0, s), l.setHours(0, 0, 0, 0);
   const d = pe(l, t);
   return n.getTime() >= c.getTime() ? r + 1 : n.getTime() >= d.getTime() ? r : r - 1;
 }
 function fs(e, t) {
   var c, l, d, u;
-  const n = Te(), r = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((l = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : l.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((u = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, o = $t(e, t), s = U(e, 0);
+  const n = Te(), r = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((l = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : l.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((u = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, o = $t(e, t), s = J(e, 0);
   return s.setFullYear(o, 0, r), s.setHours(0, 0, 0, 0), pe(s, t);
 }
 function ps(e, t) {
-  const n = q(e), r = +pe(n, t) - +fs(n, t);
+  const n = z(e), r = +pe(n, t) - +fs(n, t);
   return Math.round(r / jt) + 1;
 }
 function x(e, t) {
   const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
   return n + r;
 }
-const K = {
+const Q = {
   // Year
   y(e, t) {
     const n = e.getFullYear(), r = n > 0 ? n : 1 - n;
@@ -2840,7 +2842,7 @@ const K = {
       const r = e.getFullYear(), o = r > 0 ? r : 1 - r;
       return n.ordinalNumber(o, { unit: "year" });
     }
-    return K.y(e, t);
+    return Q.y(e, t);
   },
   // Local week-numbering year
   Y: function(e, t, n, r) {
@@ -2931,7 +2933,7 @@ const K = {
     switch (t) {
       case "M":
       case "MM":
-        return K.M(e, t);
+        return Q.M(e, t);
       case "Mo":
         return n.ordinalNumber(r + 1, { unit: "month" });
       case "MMM":
@@ -2986,7 +2988,7 @@ const K = {
   },
   // Day of the month
   d: function(e, t, n) {
-    return t === "do" ? n.ordinalNumber(e.getDate(), { unit: "date" }) : K.d(e, t);
+    return t === "do" ? n.ordinalNumber(e.getDate(), { unit: "date" }) : Q.d(e, t);
   },
   // Day of year
   D: function(e, t, n) {
@@ -3209,11 +3211,11 @@ const K = {
       let r = e.getHours() % 12;
       return r === 0 && (r = 12), n.ordinalNumber(r, { unit: "hour" });
     }
-    return K.h(e, t);
+    return Q.h(e, t);
   },
   // Hour [0-23]
   H: function(e, t, n) {
-    return t === "Ho" ? n.ordinalNumber(e.getHours(), { unit: "hour" }) : K.H(e, t);
+    return t === "Ho" ? n.ordinalNumber(e.getHours(), { unit: "hour" }) : Q.H(e, t);
   },
   // Hour [0-11]
   K: function(e, t, n) {
@@ -3227,15 +3229,15 @@ const K = {
   },
   // Minute
   m: function(e, t, n) {
-    return t === "mo" ? n.ordinalNumber(e.getMinutes(), { unit: "minute" }) : K.m(e, t);
+    return t === "mo" ? n.ordinalNumber(e.getMinutes(), { unit: "minute" }) : Q.m(e, t);
   },
   // Second
   s: function(e, t, n) {
-    return t === "so" ? n.ordinalNumber(e.getSeconds(), { unit: "second" }) : K.s(e, t);
+    return t === "so" ? n.ordinalNumber(e.getSeconds(), { unit: "second" }) : Q.s(e, t);
   },
   // Fraction of second
   S: function(e, t) {
-    return K.S(e, t);
+    return Q.S(e, t);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(e, t, n) {
@@ -3384,7 +3386,7 @@ function Ss(e, t, n) {
 const Ps = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Os = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Is = /^'([^]*?)'?$/, Ts = /''/g, Ds = /[a-zA-Z]/;
 function Es(e, t, n) {
   var u, m, p, f;
-  const r = Te(), o = r.locale ?? ds, s = r.firstWeekContainsDate ?? ((m = (u = r.locale) == null ? void 0 : u.options) == null ? void 0 : m.firstWeekContainsDate) ?? 1, i = r.weekStartsOn ?? ((f = (p = r.locale) == null ? void 0 : p.options) == null ? void 0 : f.weekStartsOn) ?? 0, c = q(e);
+  const r = Te(), o = r.locale ?? ds, s = r.firstWeekContainsDate ?? ((m = (u = r.locale) == null ? void 0 : u.options) == null ? void 0 : m.firstWeekContainsDate) ?? 1, i = r.weekStartsOn ?? ((f = (p = r.locale) == null ? void 0 : p.options) == null ? void 0 : f.weekStartsOn) ?? 0, c = z(e);
   if (!Mo(c))
     throw new RangeError("Invalid time value");
   let l = t.match(Os).map((w) => {
@@ -3607,7 +3609,7 @@ const Rs = () => [
     }),
     active: ae((e) => e.active, {
       disableGridCellFocus: !0,
-      renderCell: ({ item: e, gridCell: { requiredProps: t } }) => /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(Be, { value: e.active, ...t }) }),
+      renderCell: ({ item: e, gridCell: { requiredProps: t } }) => /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(Be, { value: e.active, ...t }) }),
       infoIconTooltipText: "Active means out on the sea."
     }),
     name: ae((e) => e.name, {
@@ -3730,7 +3732,7 @@ export {
   Bn as useRevertableValue,
   Yr as useRowCheckbox,
   ge as useStandardTableActions,
-  O as useStandardTableConfig,
+  I as useStandardTableConfig,
   qe as useStandardTableId,
   oe as useStandardTableState,
   go as useTableHeadCheckbox,