@stenajs-webui/grid 17.13.2 → 17.13.3

package/dist/index.es.js

@@ -1,2663 +1,2096 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("._tableRow_1cphw_1:focus-within{background:var(--focus-within-background, var(--lhds-color-blue-50))}._standardTable_1iok0_1{--swui-standard-table-height: 40px;--swui-sticky-header-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-shadow-and-right: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-right);--swui-sticky-header-shadow-and-left: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-left);--swui-sticky-column-shadow-right: 4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-column-shadow-left: -4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-z-index: 10;--swui-sticky-column-z-index: 20;--swui-sticky-group-group-z-index: 25;--swui-sticky-group-header-z-index: 26;--swui-sticky-header-column-group-z-index: 30;--swui-sticky-column-group-label-z-index: 40;--swui-sticky-header-in-sticky-column-z-index: 50;--swui-sticky-popover-z-index: 60;--swui-expand-cell-width: 45px;--swui-checkbox-cell-width: 45px;--swui-expand-highlight-border-width: 2px;--current-row-height: var(--swui-standard-table-height);--current-left-offset: 0px;border-spacing:0}._standardTable_1iok0_1 td{border-top:1px solid var(--lhds-color-ui-300);padding:0}._standardTable_1iok0_1 th{padding:0}._standardTable_1iok0_1._relaxed_1iok0_37{--current-row-height: 48px}._standardTable_1iok0_1._condensed_1iok0_41{--current-row-height: 32px}._standardTable_1iok0_1._compact_1iok0_45{--current-row-height: 24px}._standardTableCell_1xzcm_1{outline:none}._textCell_1yv6v_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._summaryRow_12x8k_1 td{border-top:1px solid var(--lhds-color-ui-400)}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import * as React from "react";
-import { useMemo, useRef, useState, useCallback, useEffect, useContext, createContext, useReducer, useId } from "react";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { faExclamationTriangle } from "@fortawesome/free-solid-svg-icons/faExclamationTriangle";
-import { InputSpinner, Icon, stenaArrowRight, stenaInfoCircle, FlatButton, ResultListBanner, Banner } from "@stenajs-webui/elements";
-import { cssColor } from "@stenajs-webui/theme";
-import { Tooltip, Popover } from "@stenajs-webui/tooltip";
-import { Text, Indent, Space, Row, Box, exhaustSwitchCaseElseThrow, Heading, useArraySet, useOnScreen, Spacing, booleanOrNumberToNumber } from "@stenajs-webui/core";
-import { faEllipsisV } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
-import { faSortAlphaDown } from "@fortawesome/free-solid-svg-icons/faSortAlphaDown";
-import { faSortAlphaUp } from "@fortawesome/free-solid-svg-icons/faSortAlphaUp";
-import { faSortAmountDownAlt } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
-import { faSortAmountUpAlt } from "@fortawesome/free-solid-svg-icons/faSortAmountUpAlt";
-import { faSortNumericDown } from "@fortawesome/free-solid-svg-icons/faSortNumericDown";
-import { faSortNumericUp } from "@fortawesome/free-solid-svg-icons/faSortNumericUp";
-import cx from "classnames";
-import { faArrowRight } from "@fortawesome/free-solid-svg-icons/faArrowRight";
-import { TextInput, Checkbox } from "@stenajs-webui/forms";
-import { useDispatch, useSelector } from "react-redux";
-import { createSortOrderActions, createSelectedIdsActions, createEntityActions, createSortOrderReducerInitialState, createSelectedIdsReducerInitialState, reducerIdGate, createSortOrderReducer, createSelectedIdsReducer, createEntityReducer, reducerIdGateAction } from "@stenajs-webui/redux";
-import { combineReducers } from "redux";
-import { LoadingScreen, ErrorScreen } from "@stenajs-webui/panels";
-import { compact as compact$1, upperFirst, lowerCase } from "lodash";
-import { faChevronDown } from "@fortawesome/free-solid-svg-icons/faChevronDown";
-import { faChevronRight } from "@fortawesome/free-solid-svg-icons/faChevronRight";
-import styled from "@emotion/styled";
-const GridHooksContext = React.createContext({});
-const GridHooksTable = ({
-  children,
-  numCols,
-  numRows,
-  tableId,
-  wrap
+(function(){"use strict";try{var e=document.createElement("style");e.appendChild(document.createTextNode("._tableRow_1cphw_1:focus-within{background:var(--focus-within-background, var(--lhds-color-blue-50))}._standardTable_1iok0_1{--swui-standard-table-height: 40px;--swui-sticky-header-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-shadow-and-right: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-right);--swui-sticky-header-shadow-and-left: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-left);--swui-sticky-column-shadow-right: 4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-column-shadow-left: -4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-z-index: 10;--swui-sticky-column-z-index: 20;--swui-sticky-group-group-z-index: 25;--swui-sticky-group-header-z-index: 26;--swui-sticky-header-column-group-z-index: 30;--swui-sticky-column-group-label-z-index: 40;--swui-sticky-header-in-sticky-column-z-index: 50;--swui-sticky-popover-z-index: 60;--swui-expand-cell-width: 45px;--swui-checkbox-cell-width: 45px;--swui-expand-highlight-border-width: 2px;--current-row-height: var(--swui-standard-table-height);--current-left-offset: 0px;border-spacing:0}._standardTable_1iok0_1 td{border-top:1px solid var(--lhds-color-ui-300);padding:0}._standardTable_1iok0_1 th{padding:0}._standardTable_1iok0_1._relaxed_1iok0_37{--current-row-height: 48px}._standardTable_1iok0_1._condensed_1iok0_41{--current-row-height: 32px}._standardTable_1iok0_1._compact_1iok0_45{--current-row-height: 24px}._standardTableCell_1xzcm_1{outline:none}._textCell_1yv6v_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._summaryRow_12x8k_1 td{border-top:1px solid var(--lhds-color-ui-400)}")),document.head.appendChild(e)}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+import * as T from "react";
+import { useMemo as v, useRef as te, useState as ve, useCallback as I, useEffect as je, useContext as V, createContext as $, useReducer as It, useId as Et } from "react";
+import { jsx as r, Fragment as G, jsxs as g } from "react/jsx-runtime";
+import { faExclamationTriangle as ue } from "@fortawesome/free-solid-svg-icons/faExclamationTriangle";
+import { InputSpinner as ye, Icon as F, stenaArrowRight as Rt, stenaInfoCircle as Gt, FlatButton as xe, ResultListBanner as Tt, Banner as Le } from "@stenajs-webui/elements";
+import { cssColor as _ } from "@stenajs-webui/theme";
+import { Tooltip as re, Popover as Ot } from "@stenajs-webui/tooltip";
+import { Text as U, Indent as N, Space as B, Row as E, Box as ne, exhaustSwitchCaseElseThrow as Pt, Heading as We, useArraySet as qe, useOnScreen as At, Spacing as we, booleanOrNumberToNumber as Lt } from "@stenajs-webui/core";
+import { faEllipsisV as Bt } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
+import { faSortAlphaDown as Dt } from "@fortawesome/free-solid-svg-icons/faSortAlphaDown";
+import { faSortAlphaUp as Nt } from "@fortawesome/free-solid-svg-icons/faSortAlphaUp";
+import { faSortAmountDownAlt as zt } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
+import { faSortAmountUpAlt as Kt } from "@fortawesome/free-solid-svg-icons/faSortAmountUpAlt";
+import { faSortNumericDown as Ht } from "@fortawesome/free-solid-svg-icons/faSortNumericDown";
+import { faSortNumericUp as $t } from "@fortawesome/free-solid-svg-icons/faSortNumericUp";
+import Fe from "classnames";
+import { faArrowRight as Mt } from "@fortawesome/free-solid-svg-icons/faArrowRight";
+import { TextInput as ge, Checkbox as Ue } from "@stenajs-webui/forms";
+import { useDispatch as Vt, useSelector as Be } from "react-redux";
+import { createSortOrderActions as _t, createSelectedIdsActions as De, createEntityActions as jt, createSortOrderReducerInitialState as Wt, createSelectedIdsReducerInitialState as Ne, reducerIdGate as de, createSortOrderReducer as qt, createSelectedIdsReducer as ze, createEntityReducer as Ft, reducerIdGateAction as X } from "@stenajs-webui/redux";
+import { combineReducers as Ut } from "redux";
+import { LoadingScreen as Zt, ErrorScreen as Jt } from "@stenajs-webui/panels";
+import { compact as Xt, upperFirst as Yt, lowerCase as Qt } from "lodash";
+import { faChevronDown as Ze } from "@fortawesome/free-solid-svg-icons/faChevronDown";
+import { faChevronRight as Je } from "@fortawesome/free-solid-svg-icons/faChevronRight";
+import en from "@emotion/styled";
+const Xe = T.createContext({}), xr = ({
+  children: e,
+  numCols: t,
+  numRows: n,
+  tableId: o,
+  wrap: s
 }) => {
-  const contextProps = useMemo(() => ({
-    numCols,
-    numRows,
-    tableId,
-    wrap
-  }), [numCols, numRows, tableId, wrap]);
-  return /* @__PURE__ */ jsx(GridHooksContext.Provider, {
-    value: contextProps,
-    children
+  const c = v(() => ({
+    numCols: t,
+    numRows: n,
+    tableId: o,
+    wrap: s
+  }), [t, n, o, s]);
+  return /* @__PURE__ */ r(Xe.Provider, {
+    value: c,
+    children: e
   });
-};
-const hasIndicatorContent = (status) => {
+}, be = (e) => {
   const {
-    loading,
-    creating,
-    deleting,
-    updating,
-    hasError
-  } = status;
-  return Boolean(loading || creating || deleting || updating || hasError);
-};
-const CrudStatusIndicator = ({
-  crudStatus
+    loading: t,
+    creating: n,
+    deleting: o,
+    updating: s,
+    hasError: c
+  } = e;
+  return Boolean(t || n || o || s || c);
+}, Ye = ({
+  crudStatus: e
 }) => {
-  if (!crudStatus || !hasIndicatorContent(crudStatus)) {
+  if (!e || !be(e))
     return null;
-  }
   const {
-    errorMessage,
-    hasError,
-    loading,
-    creating,
-    deleting,
-    updating
-  } = crudStatus;
-  if (loading || creating || deleting || updating) {
-    return /* @__PURE__ */ jsx(InputSpinner, {
-      color: cssColor("--lhds-color-ui-500")
+    errorMessage: t,
+    hasError: n,
+    loading: o,
+    creating: s,
+    deleting: c,
+    updating: l
+  } = e;
+  if (o || s || c || l)
+    return /* @__PURE__ */ r(ye, {
+      color: _("--lhds-color-ui-500")
     });
-  }
-  if (hasError) {
-    const icon = /* @__PURE__ */ jsx(Icon, {
-      icon: faExclamationTriangle,
-      color: cssColor("--lhds-color-orange-600"),
+  if (n) {
+    const i = /* @__PURE__ */ r(F, {
+      icon: ue,
+      color: _("--lhds-color-orange-600"),
       size: 14
     });
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: errorMessage ? /* @__PURE__ */ jsx(Tooltip, {
-        label: errorMessage,
+    return /* @__PURE__ */ r(G, {
+      children: t ? /* @__PURE__ */ r(re, {
+        label: t,
         zIndex: 100,
-        children: icon
-      }) : icon
+        children: i
+      }) : i
     });
   }
   return null;
-};
-const ModifiedField = ({
-  isEditable,
-  warningOnEmpty,
-  value,
-  modifiedField,
-  crudStatus
+}, tn = ({
+  isEditable: e,
+  warningOnEmpty: t,
+  value: n,
+  modifiedField: o,
+  crudStatus: s
 }) => {
-  const showEmptyFieldWarning = warningOnEmpty && (modifiedField == null ? void 0 : modifiedField.modified) && (modifiedField == null ? void 0 : modifiedField.newValue) === "";
-  const hasCrudIndicator = crudStatus && hasIndicatorContent(crudStatus);
-  const hasRightIcon = showEmptyFieldWarning || hasCrudIndicator;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(Text, {
-      color: isEditable ? "var(--swui-primary-action-color)" : void 0,
-      variant: (modifiedField == null ? void 0 : modifiedField.modified) ? "bold" : void 0,
-      children: value
-    }), (modifiedField == null ? void 0 : modifiedField.newValue) !== void 0 && /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx(Indent, {
-        children: /* @__PURE__ */ jsx(Icon, {
-          icon: stenaArrowRight,
+  const c = t && (o == null ? void 0 : o.modified) && (o == null ? void 0 : o.newValue) === "", l = s && be(s), i = c || l;
+  return /* @__PURE__ */ g(G, {
+    children: [/* @__PURE__ */ r(U, {
+      color: e ? "var(--swui-primary-action-color)" : void 0,
+      variant: o != null && o.modified ? "bold" : void 0,
+      children: n
+    }), (o == null ? void 0 : o.newValue) !== void 0 && /* @__PURE__ */ g(G, {
+      children: [/* @__PURE__ */ r(N, {
+        children: /* @__PURE__ */ r(F, {
+          icon: Rt,
           size: 12
         })
-      }), /* @__PURE__ */ jsx(Text, {
+      }), /* @__PURE__ */ r(U, {
         color: "var(--swui-primary-action-color)",
         variant: "bold",
-        children: modifiedField.newValue
+        children: o.newValue
       })]
-    }), hasRightIcon && /* @__PURE__ */ jsx(Space, {}), showEmptyFieldWarning ? /* @__PURE__ */ jsx(Tooltip, {
-      label: warningOnEmpty,
+    }), i && /* @__PURE__ */ r(B, {}), c ? /* @__PURE__ */ r(re, {
+      label: t,
       zIndex: 100,
-      children: /* @__PURE__ */ jsx(Icon, {
-        icon: faExclamationTriangle,
-        color: cssColor("--lhds-color-orange-600"),
+      children: /* @__PURE__ */ r(F, {
+        icon: ue,
+        color: _("--lhds-color-orange-600"),
         size: 14
       })
-    }) : /* @__PURE__ */ jsx(CrudStatusIndicator, {
-      crudStatus
+    }) : /* @__PURE__ */ r(Ye, {
+      crudStatus: s
     })]
   });
-};
-const TableCell = ({
-  alignItems = "center",
-  justifyContent = "flex-start",
-  overflow = "hidden",
-  indent = 1,
-  ...boxProps
-}) => {
-  return /* @__PURE__ */ jsx(Row, {
-    height: "100%",
-    alignItems,
-    justifyContent,
-    overflow,
-    indent,
-    ...boxProps
-  });
-};
-const tableBorderColor = "var(--lhds-color-ui-300)";
-const tableBorderColorExpanded = "var(--lhds-color-blue-500)";
-const tableBackgroundColorExpanded = "var(--lhds-color-blue-50)";
-const tableBackgroundHoverColorExpanded = "var(--lhds-color-blue-100)";
-const tableBorder = `1px solid ${tableBorderColor}`;
-const tableBorderHidden = `1px solid transparent`;
-const tableBorderLeft = `var(--swui-expand-highlight-border-width) solid transparent`;
-const tableBorderLeftExpanded = `var(--swui-expand-highlight-border-width) solid ${tableBorderColorExpanded}`;
-const defaultTableRowHeight = "40px";
-const defaultTableHeadRowHeight = "40px";
-const smallTableRowWidth = "40px";
-const SmallTableCell = (props) => {
-  return /* @__PURE__ */ jsx(TableCell, {
-    width: smallTableRowWidth,
-    justifyContent: "center",
-    ...props
-  });
-};
-const SortOrderIcon = ({
-  iconVariant = "amount",
-  direction
-}) => {
-  return /* @__PURE__ */ jsx(Box, {
-    width: "14px",
-    children: /* @__PURE__ */ jsx(Icon, {
-      size: 14,
-      color: cssColor("--lhds-color-ui-500"),
-      icon: getIcon(direction, iconVariant)
-    })
-  });
-};
-const getIcon = (arrow, iconType) => {
-  switch (iconType) {
+}, nn = ({
+  alignItems: e = "center",
+  justifyContent: t = "flex-start",
+  overflow: n = "hidden",
+  indent: o = 1,
+  ...s
+}) => /* @__PURE__ */ r(E, {
+  height: "100%",
+  alignItems: e,
+  justifyContent: t,
+  overflow: n,
+  indent: o,
+  ...s
+}), on = "var(--lhds-color-ui-300)", rn = "var(--lhds-color-blue-500)", Qe = "var(--lhds-color-blue-50)", sn = "var(--lhds-color-blue-100)", oe = `1px solid ${on}`, cn = "1px solid transparent", ke = "var(--swui-expand-highlight-border-width) solid transparent", et = `var(--swui-expand-highlight-border-width) solid ${rn}`, Se = "40px", Ie = "40px", tt = "40px", gr = (e) => /* @__PURE__ */ r(nn, {
+  width: tt,
+  justifyContent: "center",
+  ...e
+}), Ke = ({
+  iconVariant: e = "amount",
+  direction: t
+}) => /* @__PURE__ */ r(ne, {
+  width: "14px",
+  children: /* @__PURE__ */ r(F, {
+    size: 14,
+    color: _("--lhds-color-ui-500"),
+    icon: ln(t, e)
+  })
+}), ln = (e, t) => {
+  switch (t) {
     case "alpha":
-      return arrow === "up" ? faSortAlphaUp : faSortAlphaDown;
+      return e === "up" ? Nt : Dt;
     case "numeric":
-      return arrow === "up" ? faSortNumericUp : faSortNumericDown;
+      return e === "up" ? $t : Ht;
     case "amount":
-      return arrow === "up" ? faSortAmountUpAlt : faSortAmountDownAlt;
+      return e === "up" ? Kt : zt;
     default:
-      return exhaustSwitchCaseElseThrow(iconType);
-  }
-};
-const TableHeadItem = React.memo(({
-  label,
-  arrow,
-  onClick,
-  children,
-  selected,
-  popoverContent,
-  loading,
-  infoIconTooltipText,
-  overflow = "hidden",
-  alignRight,
-  sortOrderIconVariant,
-  ...boxProps
+      return Pt(t);
+  }
+}, Ee = T.memo(({
+  label: e,
+  arrow: t,
+  onClick: n,
+  children: o,
+  selected: s,
+  popoverContent: c,
+  loading: l,
+  infoIconTooltipText: i,
+  overflow: d = "hidden",
+  alignRight: u,
+  sortOrderIconVariant: a,
+  ...h
 }) => {
-  const containerRef = useRef(null);
-  const cursorStyle = onClick ? {
-    cursor: "pointer",
-    userSelect: "none"
-  } : void 0;
-  const hasOnlyChildren = !label && !arrow && !infoIconTooltipText;
-  return /* @__PURE__ */ jsxs(Row, {
+  const m = te(null);
+  return /* @__PURE__ */ g(E, {
     height: "100%",
     alignItems: "center",
-    ref: containerRef,
-    overflow,
-    justifyContent: alignRight ? "flex-end" : "flex-start",
-    ...boxProps,
-    children: [/* @__PURE__ */ jsxs(Row, {
+    ref: m,
+    overflow: d,
+    justifyContent: u ? "flex-end" : "flex-start",
+    ...h,
+    children: [/* @__PURE__ */ g(E, {
       alignItems: "center",
-      indent: true,
-      children: [!arrow && alignRight && /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Box, {
+      indent: !0,
+      children: [!t && u && /* @__PURE__ */ g(G, {
+        children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(ne, {
           width: "14px"
-        }), /* @__PURE__ */ jsx(Space, {
+        }), /* @__PURE__ */ r(B, {
           num: 0.5
         })]
-      }), (children || label) && /* @__PURE__ */ jsxs(Row, {
-        onClick,
-        style: cursorStyle,
+      }), (o || e) && /* @__PURE__ */ g(E, {
+        onClick: n,
+        style: n ? {
+          cursor: "pointer",
+          userSelect: "none"
+        } : void 0,
         alignItems: "center",
-        children: [children && /* @__PURE__ */ jsxs(Fragment, {
-          children: [children, !hasOnlyChildren && /* @__PURE__ */ jsx(Space, {
+        children: [o && /* @__PURE__ */ g(G, {
+          children: [o, !(!e && !t && !i) && /* @__PURE__ */ r(B, {
             num: 0.5
           })]
-        }), arrow && alignRight && /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(SortOrderIcon, {
-            direction: arrow,
-            iconVariant: sortOrderIconVariant
-          }), /* @__PURE__ */ jsx(Space, {
+        }), t && u && /* @__PURE__ */ g(G, {
+          children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(Ke, {
+            direction: t,
+            iconVariant: a
+          }), /* @__PURE__ */ r(B, {
             num: 0.5
           })]
-        }), label && /* @__PURE__ */ jsx(Heading, {
+        }), e && /* @__PURE__ */ r(We, {
           variant: "h6",
           style: {
             textAlign: "left"
           },
-          children: label
-        }), arrow && !alignRight && /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Space, {
+          children: e
+        }), t && !u && /* @__PURE__ */ g(G, {
+          children: [/* @__PURE__ */ r(B, {
             num: 0.5
-          }), /* @__PURE__ */ jsx(SortOrderIcon, {
-            direction: arrow,
-            iconVariant: sortOrderIconVariant
-          }), /* @__PURE__ */ jsx(Space, {})]
+          }), /* @__PURE__ */ r(Ke, {
+            direction: t,
+            iconVariant: a
+          }), /* @__PURE__ */ r(B, {})]
         })]
-      }), infoIconTooltipText && /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsxs(Row, {
-          onClick: (ev) => ev.stopPropagation(),
-          children: [/* @__PURE__ */ jsx(Tooltip, {
-            label: infoIconTooltipText,
+      }), i && /* @__PURE__ */ g(G, {
+        children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ g(E, {
+          onClick: (p) => p.stopPropagation(),
+          children: [/* @__PURE__ */ r(re, {
+            label: i,
             zIndex: "var(--swui-sticky-popover-z-index)",
-            children: /* @__PURE__ */ jsx(Icon, {
-              icon: stenaInfoCircle,
+            children: /* @__PURE__ */ r(F, {
+              icon: Gt,
               size: 14,
-              color: cssColor("--lhds-color-blue-400")
+              color: _("--lhds-color-blue-400")
             })
-          }), /* @__PURE__ */ jsx(Space, {})]
+          }), /* @__PURE__ */ r(B, {})]
         })]
       })]
-    }), /* @__PURE__ */ jsx(Row, {
-      children: loading ? /* @__PURE__ */ jsx(InputSpinner, {}) : popoverContent ? /* @__PURE__ */ jsx(Popover, {
-        content: popoverContent,
+    }), /* @__PURE__ */ r(E, {
+      children: l ? /* @__PURE__ */ r(ye, {}) : c ? /* @__PURE__ */ r(Ot, {
+        content: c,
         trigger: "click",
         zIndex: 1e3,
-        disablePadding: true,
+        disablePadding: !0,
         variant: "outlined",
-        arrow: false,
-        children: /* @__PURE__ */ jsx(FlatButton, {
-          leftIcon: faEllipsisV,
+        arrow: !1,
+        children: /* @__PURE__ */ r(xe, {
+          leftIcon: Bt,
           size: "small"
         })
       }) : null
-    }), !arrow && !alignRight && /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Box, {
+    }), !t && !u && /* @__PURE__ */ g(G, {
+      children: [/* @__PURE__ */ r(B, {}), /* @__PURE__ */ r(ne, {
         width: "14px"
-      }), /* @__PURE__ */ jsx(Space, {
+      }), /* @__PURE__ */ r(B, {
         num: 0.5
       })]
     })]
   });
-});
-const SmallTableHead = (props) => {
-  return /* @__PURE__ */ jsx(TableHeadItem, {
-    width: smallTableRowWidth,
-    justifyContent: "center",
-    ...props
-  });
-};
-const TableColumnGroupHead = ({
-  label,
-  flex,
-  width,
-  indent = 1,
-  height = defaultTableHeadRowHeight
-}) => {
-  return /* @__PURE__ */ jsx(TableHeadItem, {
-    width,
-    flex,
-    height,
-    children: /* @__PURE__ */ jsx(Box, {
-      indent,
-      spacing: true,
-      children: /* @__PURE__ */ jsx(Text, {
-        variant: "bold",
-        children: label
-      })
+}), br = (e) => /* @__PURE__ */ r(Ee, {
+  width: tt,
+  justifyContent: "center",
+  ...e
+}), kr = ({
+  label: e,
+  flex: t,
+  width: n,
+  indent: o = 1,
+  height: s = Ie
+}) => /* @__PURE__ */ r(Ee, {
+  width: n,
+  flex: t,
+  height: s,
+  children: /* @__PURE__ */ r(ne, {
+    indent: o,
+    spacing: !0,
+    children: /* @__PURE__ */ r(U, {
+      variant: "bold",
+      children: e
     })
-  });
-};
-const TableHeadRow = React.memo(({
-  style,
-  height = defaultTableHeadRowHeight,
-  ...boxProps
-}) => {
-  return /* @__PURE__ */ jsx(Row, {
-    style,
-    height,
-    ...boxProps
-  });
-});
-const tableRow = "_tableRow_1cphw_1";
-var styles$4 = {
-  tableRow
-};
-const TableRow = ({
-  hideBorderTop,
-  height = defaultTableHeadRowHeight,
-  className,
-  ...boxProps
-}) => {
-  return /* @__PURE__ */ jsx(Row, {
-    borderTop: hideBorderTop ? tableBorderHidden : tableBorder,
-    height,
-    className: cx(styles$4.tableRow, className),
-    ...boxProps
-  });
-};
-const useRevertableValue = (initialValue) => {
-  const [value, setValueInternal] = useState(initialValue);
-  const revertValue = useRef(initialValue);
-  const valueRef = useRef(initialValue);
-  const setValue = useCallback((value2) => {
-    setValueInternal(value2);
-    valueRef.current = value2;
-  }, [setValueInternal, valueRef]);
-  useEffect(() => {
-    setValue(initialValue);
-  }, [setValue, initialValue]);
-  const revert = useCallback(() => {
-    if (revertValue) {
-      setValue(revertValue.current);
-    }
-  }, [setValue, revertValue]);
-  const commit = useCallback((commitValue) => {
-    revertValue.current = value;
-    if (commitValue) {
-      setValue(commitValue);
-    }
-  }, [value, setValue]);
-  const setRevertValue = useCallback((value2) => revertValue.current = value2, [revertValue]);
-  const getValue = useCallback(() => valueRef.current, [valueRef]);
+  })
+}), Sr = T.memo(({
+  style: e,
+  height: t = Ie,
+  ...n
+}) => /* @__PURE__ */ r(E, {
+  style: e,
+  height: t,
+  ...n
+})), an = "_tableRow_1cphw_1", dn = {
+  tableRow: an
+}, Ir = ({
+  hideBorderTop: e,
+  height: t = Ie,
+  className: n,
+  ...o
+}) => /* @__PURE__ */ r(E, {
+  borderTop: e ? cn : oe,
+  height: t,
+  className: Fe(dn.tableRow, n),
+  ...o
+}), un = (e) => {
+  const [t, n] = ve(e), o = te(e), s = te(e), c = I(
+    (a) => {
+      n(a), s.current = a;
+    },
+    [n, s]
+  );
+  je(() => {
+    c(e);
+  }, [c, e]);
+  const l = I(() => {
+    o && c(o.current);
+  }, [c, o]), i = I(
+    (a) => {
+      o.current = t, a && c(a);
+    },
+    [t, c]
+  ), d = I(
+    (a) => o.current = a,
+    [o]
+  ), u = I(() => s.current, [s]);
   return {
-    value,
-    setValue,
-    setRevertValue,
-    revert,
-    commit,
-    getValue
+    value: t,
+    setValue: c,
+    setRevertValue: d,
+    revert: l,
+    commit: i,
+    getValue: u
   };
-};
-const createKeyDownEvent = (event) => ({
-  altKey: event.altKey,
-  charCode: event.charCode,
-  ctrlKey: event.ctrlKey,
-  key: event.key,
-  keyCode: event.keyCode,
-  locale: event.locale,
-  location: event.location,
-  metaKey: event.metaKey,
-  repeat: event.repeat,
-  shiftKey: event.shiftKey,
-  which: event.which
-});
-const defaultTransformEnteredValue = (value) => value;
-const useEditableCell = (value, {
-  isEditable = false,
-  allowedInputType = "all",
-  onChange,
-  onStartEditing,
-  onStopEditing,
-  transformEnteredValue = defaultTransformEnteredValue
+}, hn = (e) => ({
+  altKey: e.altKey,
+  charCode: e.charCode,
+  ctrlKey: e.ctrlKey,
+  key: e.key,
+  keyCode: e.keyCode,
+  locale: e.locale,
+  location: e.location,
+  metaKey: e.metaKey,
+  repeat: e.repeat,
+  shiftKey: e.shiftKey,
+  which: e.which
+}), pn = (e) => e, mn = (e, {
+  isEditable: t = !1,
+  allowedInputType: n = "all",
+  onChange: o,
+  onStartEditing: s,
+  onStopEditing: c,
+  transformEnteredValue: l = pn
 }) => {
-  const [isEditing, setIsEditing] = useState(false);
-  const [lastKeyEvent, setLastKeyEvent] = useState(void 0);
-  const revertableValue = useRevertableValue(value);
-  const { getValue, revert, setValue, setRevertValue } = revertableValue;
-  const startEditing = useCallback((keyEvent) => {
-    if (isEditable) {
-      setValue(value);
-      setRevertValue(value);
-      setIsEditing(true);
-      if (onStartEditing) {
-        onStartEditing(keyEvent);
-      }
-    }
-  }, [isEditable, onStartEditing, setRevertValue, setValue, value]);
-  const stopEditing = useCallback(() => {
-    if (isEditable) {
-      setIsEditing(false);
-      if (onStopEditing) {
-        onStopEditing();
-      }
-      if (onChange) {
-        onChange(getValue());
-      }
-    }
-  }, [isEditable, onChange, onStopEditing, getValue, setIsEditing]);
-  const stopEditingAndRevert = useCallback(() => {
-    if (isEditable) {
-      setIsEditing(false);
-      if (onStopEditing) {
-        onStopEditing();
-      }
-      revert();
-    }
-  }, [isEditable, onStopEditing, revert, setIsEditing]);
-  const onKeyDown = useMemo(() => createKeyDownHandler$1(isEditing, isEditable, startEditing, setLastKeyEvent, allowedInputType, transformEnteredValue, revertableValue), [
-    isEditing,
-    isEditable,
-    startEditing,
-    setLastKeyEvent,
-    allowedInputType,
-    transformEnteredValue,
-    revertableValue
-  ]);
+  const [i, d] = ve(!1), [u, a] = ve(
+    void 0
+  ), h = un(e), { getValue: m, revert: f, setValue: w, setRevertValue: p } = h, C = I(
+    (y) => {
+      t && (w(e), p(e), d(!0), s && s(y));
+    },
+    [t, s, p, w, e]
+  ), x = I(() => {
+    t && (d(!1), c && c(), o && o(m()));
+  }, [t, o, c, m, d]), b = I(() => {
+    t && (d(!1), c && c(), f());
+  }, [t, c, f, d]);
   return {
-    onKeyDown,
-    isEditing,
-    lastKeyEvent,
-    revertableValue,
-    startEditing,
-    stopEditing,
-    stopEditingAndRevert,
-    onDoubleClick: startEditing
+    onKeyDown: v(
+      () => xn(
+        i,
+        t,
+        C,
+        a,
+        n,
+        l,
+        h
+      ),
+      [
+        i,
+        t,
+        C,
+        a,
+        n,
+        l,
+        h
+      ]
+    ),
+    isEditing: i,
+    lastKeyEvent: u,
+    revertableValue: h,
+    startEditing: C,
+    stopEditing: x,
+    stopEditingAndRevert: b,
+    onDoubleClick: C
   };
-};
-const allowsNumerics = (allowedInputType) => allowedInputType === "all" || allowedInputType === "numeric" || allowedInputType === "alphanumeric";
-const allowsLetters = (allowedInputType) => allowedInputType === "all" || allowedInputType === "alphanumeric" || allowedInputType === "letters";
-const isCharacter = (key) => !!key.match(/^[-+*<>]$/);
-const isLetter = (key) => !!key.match(/^[a-zA-Z0-9]$/);
-const isNumeric = (key) => !isNaN(parseInt(key, 10));
-const createKeyDownHandler$1 = (_, isEditable, startEditing, setLastKeyEvent, allowedInputType, transformEnteredValue, revertableValue) => (e) => {
-  if (e.ctrlKey || e.metaKey || e.shiftKey) {
-    return;
-  }
-  if (e.key === "Enter" && isEditable) {
-    setLastKeyEvent(void 0);
-    startEditing();
-    revertableValue.commit();
-    e.preventDefault();
-    e.stopPropagation();
-  } else if (isEditable) {
-    const lastKeyEvent = createKeyDownEvent(e);
-    if (isNumeric(e.key) && allowsNumerics(allowedInputType) || isLetter(e.key) && allowsLetters(allowedInputType) || isCharacter(e.key)) {
-      startEditing(lastKeyEvent);
-      setLastKeyEvent(lastKeyEvent);
-      revertableValue.commit();
-      revertableValue.setValue(transformEnteredValue(lastKeyEvent.key));
-      e.preventDefault();
-      e.stopPropagation();
+}, fn = (e) => e === "all" || e === "numeric" || e === "alphanumeric", wn = (e) => e === "all" || e === "alphanumeric" || e === "letters", Cn = (e) => !!e.match(/^[-+*<>]$/), vn = (e) => !!e.match(/^[a-zA-Z0-9]$/), yn = (e) => !isNaN(parseInt(e, 10)), xn = (e, t, n, o, s, c, l) => (i) => {
+  if (!(i.ctrlKey || i.metaKey || i.shiftKey)) {
+    if (i.key === "Enter" && t)
+      o(void 0), n(), l.commit(), i.preventDefault(), i.stopPropagation();
+    else if (t) {
+      const d = hn(i);
+      (yn(i.key) && fn(s) || vn(i.key) && wn(s) || Cn(i.key)) && (n(d), o(d), l.commit(), l.setValue(c(d.key)), i.preventDefault(), i.stopPropagation());
     }
   }
-};
-const wrapBounds = (x, y, maxX, maxY) => {
-  let realX = x;
-  let realY = y;
-  if (y > maxY) {
-    realY = 0;
-  }
-  if (y < 0) {
-    realY = maxY;
-  }
-  if (x > maxX) {
-    realX = 0;
-  }
-  if (x < 0) {
-    realX = maxX;
-  }
-  return {
-    realX,
-    realY
-  };
-};
-const limitRange = (val, min, max) => {
-  return Math.max(Math.min(val, max), min);
-};
-const clampPos = (pos, numRows, numCols) => {
-  return {
-    rowIndex: limitRange(pos.rowIndex, 0, numRows),
-    colIndex: limitRange(pos.colIndex, 0, numCols)
-  };
-};
-const wrapPos = (pos, numRows, numCols) => {
-  const wrapped = wrapBounds(pos.colIndex, pos.rowIndex, numCols, numRows);
-  return {
-    rowIndex: wrapped.realY,
-    colIndex: wrapped.realX
+}, gn = (e, t, n, o) => {
+  let s = e, c = t;
+  return t > o && (c = 0), t < 0 && (c = o), e > n && (s = 0), e < 0 && (s = n), {
+    realX: s,
+    realY: c
   };
-};
-const getNextPositionWrappedOrClamped = (rowIndex, colIndex, numRows, numCols, direction, edgeMode = "clamped") => {
-  const posNotWrapped = getNextPosition(rowIndex, colIndex, direction);
-  if (edgeMode === "clamped") {
-    return clampPos(posNotWrapped, numRows - 1, numCols - 1);
-  }
-  if (edgeMode === "wrapped") {
-    return wrapPos(posNotWrapped, numRows - 1, numCols - 1);
-  }
-  return posNotWrapped;
-};
-const getNextPosition = (rowIndex, colIndex, direction) => {
-  if (direction === "up") {
-    return {
-      rowIndex: rowIndex - 1,
-      colIndex
-    };
-  }
-  if (direction === "down") {
-    return {
-      rowIndex: rowIndex + 1,
-      colIndex
-    };
-  }
-  if (direction === "left") {
-    return {
-      rowIndex,
-      colIndex: colIndex - 1
-    };
-  }
-  if (direction === "right") {
-    return {
-      rowIndex,
-      colIndex: colIndex + 1
-    };
-  }
+}, He = (e, t, n) => Math.max(Math.min(e, n), t), bn = (e, t, n) => ({
+  rowIndex: He(e.rowIndex, 0, t),
+  colIndex: He(e.colIndex, 0, n)
+}), kn = (e, t, n) => {
+  const o = gn(e.colIndex, e.rowIndex, n, t);
   return {
-    rowIndex,
-    colIndex
+    rowIndex: o.realY,
+    colIndex: o.realX
   };
-};
-const ensureDomIdIsCorrect = (id) => {
-  return id.replace(/^[^a-z]+|[^\w:.-]+/gi, "");
-};
-const validateGridHookOptions = (options) => {
-  if (!options.tableId) {
+}, Sn = (e, t, n, o, s, c = "clamped") => {
+  const l = In(e, t, s);
+  return c === "clamped" ? bn(l, n - 1, o - 1) : c === "wrapped" ? kn(l, n - 1, o - 1) : l;
+}, In = (e, t, n) => n === "up" ? {
+  rowIndex: e - 1,
+  colIndex: t
+} : n === "down" ? {
+  rowIndex: e + 1,
+  colIndex: t
+} : n === "left" ? {
+  rowIndex: e,
+  colIndex: t - 1
+} : n === "right" ? {
+  rowIndex: e,
+  colIndex: t + 1
+} : {
+  rowIndex: e,
+  colIndex: t
+}, En = (e) => e.replace(/^[^a-z]+|[^\w:.-]+/gi, ""), Rn = (e) => {
+  if (!e.tableId)
     throw new Error("tableId is required.");
-  }
-  if (options.numRows == null) {
+  if (e.numRows == null)
     throw new Error("numRows is required.");
-  }
-  if (options.numCols == null) {
+  if (e.numCols == null)
     throw new Error("numCols is required.");
-  }
-  return options;
-};
-const useGridNavigationOptionsFromContext = (options) => {
-  const context = useContext(GridHooksContext);
-  return useMemo(() => validateGridHookOptions({
-    ...context,
-    ...options
-  }), [context, options]);
-};
-const useGridNavigation = (options) => {
+  return e;
+}, nt = (e) => {
+  const t = V(Xe);
+  return v(
+    () => Rn({
+      ...t,
+      ...e
+    }),
+    [t, e]
+  );
+}, Gn = (e) => {
   const {
-    rowIndex,
-    colIndex,
-    numRows,
-    numCols,
-    tableId,
-    edgeMode,
-    onCellMove,
-    onCellNavigation
-  } = useGridNavigationOptionsFromContext(options);
-  const moveHandler = useMemo(() => createMoveHandler(tableId, rowIndex, colIndex, numRows, numCols, edgeMode, onCellMove, onCellNavigation), [
-    tableId,
-    rowIndex,
-    colIndex,
-    numRows,
-    numCols,
-    edgeMode,
-    onCellMove,
-    onCellNavigation
-  ]);
-  const onKeyDown = useMemo(() => createKeyDownHandler(moveHandler), [moveHandler]);
-  const id = useMemo(() => createCellId(tableId, rowIndex, colIndex), [tableId, rowIndex, colIndex]);
-  const requiredProps = useMemo(() => ({
-    tabIndex: 0,
-    onKeyDown,
-    id
-  }), [onKeyDown, id]);
+    rowIndex: t,
+    colIndex: n,
+    numRows: o,
+    numCols: s,
+    tableId: c,
+    edgeMode: l,
+    onCellMove: i,
+    onCellNavigation: d
+  } = nt(e), u = v(
+    () => Tn(
+      c,
+      t,
+      n,
+      o,
+      s,
+      l,
+      i,
+      d
+    ),
+    [
+      c,
+      t,
+      n,
+      o,
+      s,
+      l,
+      i,
+      d
+    ]
+  ), a = v(
+    () => On(u),
+    [u]
+  ), h = v(
+    () => ot(c, t, n),
+    [c, t, n]
+  ), m = v(
+    () => ({
+      tabIndex: 0,
+      onKeyDown: a,
+      id: h
+    }),
+    [a, h]
+  );
   return {
-    focusOnCell,
-    moveHandler,
-    requiredProps
+    focusOnCell: rt,
+    moveHandler: u,
+    requiredProps: m
   };
-};
-const createMoveHandler = (tableId, rowIndex, colIndex, numRows, numCols, edgeMode, onCellMove, onCellNavigation) => (direction) => {
-  const pos = getNextPositionWrappedOrClamped(rowIndex, colIndex, numRows, numCols, direction, edgeMode);
-  const colDidChange = colIndex !== pos.colIndex;
-  const rowDidChange = rowIndex !== pos.rowIndex;
-  if (colDidChange || rowDidChange) {
-    if (onCellMove) {
-      onCellMove({
-        direction,
-        fromRowIndex: rowIndex,
-        fromColIndex: colIndex,
-        rowIndex: pos.rowIndex,
-        colIndex: pos.colIndex,
-        colDidChange,
-        rowDidChange
-      });
-    }
-    focusOnCell(tableId, pos);
-  }
-  if (onCellNavigation) {
-    onCellNavigation({
-      direction,
-      fromRowIndex: rowIndex,
-      fromColIndex: colIndex,
-      rowIndex: pos.rowIndex,
-      colIndex: pos.colIndex,
-      colDidChange,
-      rowDidChange,
-      cellDidChange: colDidChange || rowDidChange
-    });
-  }
-};
-const createCellId = (tableId, rowIndex, colIndex) => ensureDomIdIsCorrect(`table-${tableId}-${rowIndex}-${colIndex}`);
-const createKeyDownHandler = (moveHandler) => (e) => {
-  if (e.key === "ArrowLeft") {
-    moveHandler("left");
-    e.preventDefault();
-    e.stopPropagation();
-    return true;
-  } else if (e.key === "ArrowUp") {
-    moveHandler("up");
-    e.preventDefault();
-    e.stopPropagation();
-    return true;
-  } else if (e.key === "ArrowRight") {
-    moveHandler("right");
-    e.preventDefault();
-    e.stopPropagation();
-    return true;
-  } else if (e.key === "ArrowDown") {
-    moveHandler("down");
-    e.preventDefault();
-    e.stopPropagation();
-    return true;
-  } else {
-    return false;
-  }
-};
-const focusOnCell = (tableId, pos) => {
-  const el = document.getElementById(createCellId(tableId, pos.rowIndex, pos.colIndex));
-  if (el) {
-    el.focus();
-  }
-};
-const useGridCell = (value, options) => {
-  const { tableId } = useGridNavigationOptionsFromContext(options);
-  const nav = useGridNavigation(options);
-  const edit = useEditableCell(value, options);
-  const cellCoordinates = useMemo(() => ({
-    rowIndex: options.rowIndex,
-    colIndex: options.colIndex
-  }), [options.rowIndex, options.colIndex]);
-  const startEditing = useCallback(() => {
-    edit.startEditing();
-    nav.focusOnCell(tableId, cellCoordinates);
-  }, [edit, nav, tableId, cellCoordinates]);
-  const stopEditing = useCallback(() => {
-    edit.stopEditing();
-    nav.focusOnCell(tableId, cellCoordinates);
-  }, [edit, nav, tableId, cellCoordinates]);
-  const stopEditingAndRevert = useCallback(() => {
-    edit.stopEditingAndRevert();
-    nav.focusOnCell(tableId, cellCoordinates);
-  }, [edit, nav, tableId, cellCoordinates]);
-  const stopEditingAndMove = useCallback((direction) => {
-    edit.stopEditing();
-    nav.moveHandler(direction);
-  }, [edit, nav]);
-  const move = useCallback((direction) => {
-    nav.moveHandler(direction);
-  }, [nav]);
-  const onKeyDown = useCallback((e) => {
-    if (!edit.isEditing) {
-      const consumed = nav.requiredProps.onKeyDown(e);
-      if (!consumed) {
-        edit.onKeyDown(e);
-      }
-    }
-  }, [edit, nav.requiredProps]);
-  const requiredProps = useMemo(() => ({
-    ...nav.requiredProps,
-    onKeyDown,
-    onDoubleClick: edit.onDoubleClick
-  }), [onKeyDown, edit.onDoubleClick, nav.requiredProps]);
+}, Tn = (e, t, n, o, s, c, l, i) => (d) => {
+  const u = Sn(
+    t,
+    n,
+    o,
+    s,
+    d,
+    c
+  ), a = n !== u.colIndex, h = t !== u.rowIndex;
+  (a || h) && (l && l({
+    direction: d,
+    fromRowIndex: t,
+    fromColIndex: n,
+    rowIndex: u.rowIndex,
+    colIndex: u.colIndex,
+    colDidChange: a,
+    rowDidChange: h
+  }), rt(e, u)), i && i({
+    direction: d,
+    fromRowIndex: t,
+    fromColIndex: n,
+    rowIndex: u.rowIndex,
+    colIndex: u.colIndex,
+    colDidChange: a,
+    rowDidChange: h,
+    cellDidChange: a || h
+  });
+}, ot = (e, t, n) => En(`table-${e}-${t}-${n}`), On = (e) => (t) => t.key === "ArrowLeft" ? (e("left"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowUp" ? (e("up"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowRight" ? (e("right"), t.preventDefault(), t.stopPropagation(), !0) : t.key === "ArrowDown" ? (e("down"), t.preventDefault(), t.stopPropagation(), !0) : !1, rt = (e, t) => {
+  const n = document.getElementById(
+    ot(e, t.rowIndex, t.colIndex)
+  );
+  n && n.focus();
+}, he = (e, t) => {
+  const { tableId: n } = nt(t), o = Gn(t), s = mn(e, t), c = v(
+    () => ({
+      rowIndex: t.rowIndex,
+      colIndex: t.colIndex
+    }),
+    [t.rowIndex, t.colIndex]
+  ), l = I(() => {
+    s.startEditing(), o.focusOnCell(n, c);
+  }, [s, o, n, c]), i = I(() => {
+    s.stopEditing(), o.focusOnCell(n, c);
+  }, [s, o, n, c]), d = I(() => {
+    s.stopEditingAndRevert(), o.focusOnCell(n, c);
+  }, [s, o, n, c]), u = I(
+    (f) => {
+      s.stopEditing(), o.moveHandler(f);
+    },
+    [s, o]
+  ), a = I(
+    (f) => {
+      o.moveHandler(f);
+    },
+    [o]
+  ), h = I(
+    (f) => {
+      s.isEditing || o.requiredProps.onKeyDown(f) || s.onKeyDown(f);
+    },
+    [s, o.requiredProps]
+  ), m = v(
+    () => ({
+      ...o.requiredProps,
+      onKeyDown: h,
+      onDoubleClick: s.onDoubleClick
+    }),
+    [h, s.onDoubleClick, o.requiredProps]
+  );
   return {
-    isEditing: edit.isEditing,
-    lastKeyEvent: edit.lastKeyEvent,
-    editorValue: edit.revertableValue.value,
-    setEditorValue: edit.revertableValue.setValue,
-    revertEditorValue: edit.revertableValue.revert,
-    requiredProps,
-    move,
-    startEditing,
-    stopEditing,
-    stopEditingAndRevert,
-    stopEditingAndMove
+    isEditing: s.isEditing,
+    lastKeyEvent: s.lastKeyEvent,
+    editorValue: s.revertableValue.value,
+    setEditorValue: s.revertableValue.setValue,
+    revertEditorValue: s.revertableValue.revert,
+    requiredProps: m,
+    move: a,
+    startEditing: l,
+    stopEditing: i,
+    stopEditingAndRevert: d,
+    stopEditingAndMove: u
   };
-};
-const EditableTextCellWithCrudAndModified = function EditableTextCellWithCrudAndModified2({
-  allowedInputType,
-  value = "",
-  entityId,
-  isEditable,
-  rowIndent,
-  crudStatusRedux,
-  modifiedFieldsRedux,
-  colIndex,
-  rowIndex,
-  numCols,
-  numRows,
-  warningOnEmpty
+}, Er = function({
+  allowedInputType: t,
+  value: n = "",
+  entityId: o,
+  isEditable: s,
+  rowIndent: c,
+  crudStatusRedux: l,
+  modifiedFieldsRedux: i,
+  colIndex: d,
+  rowIndex: u,
+  numCols: a,
+  numRows: h,
+  warningOnEmpty: m
 }) {
-  const dispatch = useDispatch();
-  const modifiedFieldsState = useSelector(modifiedFieldsRedux.selectors.getState);
-  const crudStatusState = useSelector(crudStatusRedux.selectors.getState);
-  const modifiedField = modifiedFieldsState.entities[entityId];
-  const crudStatus = crudStatusState.entities[entityId];
-  const onChangeHandler = useCallback((newValue = "") => {
-    if (newValue === value) {
-      dispatch(modifiedFieldsRedux.actions.clearEntity(entityId));
-    } else {
-      dispatch(modifiedFieldsRedux.actions.setEntity({
-        id: entityId,
-        originalValue: value,
-        newValue,
-        modified: true
-      }));
-    }
-  }, [dispatch, entityId, modifiedFieldsRedux.actions, value]);
-  const {
-    isEditing,
-    stopEditing,
-    editorValue,
-    setEditorValue,
-    stopEditingAndRevert,
-    stopEditingAndMove,
-    lastKeyEvent,
+  const f = Vt(), w = Be(i.selectors.getState), p = Be(l.selectors.getState), C = w.entities[o], x = p.entities[o], b = I((H = "") => {
+    f(H === n ? i.actions.clearEntity(o) : i.actions.setEntity({
+      id: o,
+      originalValue: n,
+      newValue: H,
+      modified: !0
+    }));
+  }, [f, o, i.actions, n]), {
+    isEditing: S,
+    stopEditing: y,
+    editorValue: A,
+    setEditorValue: k,
+    stopEditingAndRevert: L,
+    stopEditingAndMove: O,
+    lastKeyEvent: z,
     requiredProps: {
-      onKeyDown,
-      ...requiredProps
+      onKeyDown: D,
+      ...j
     }
-  } = useGridCell(value, {
-    rowIndex,
-    colIndex,
-    numCols,
-    numRows,
+  } = he(n, {
+    rowIndex: u,
+    colIndex: d,
+    numCols: a,
+    numRows: h,
     tableId: "serviceManningMatrixTable",
-    onChange: onChangeHandler,
-    isEditable,
-    allowedInputType
-  });
-  const onKeyDownHandler = useCallback((ev) => {
-    if (ev.key === "Delete") {
-      dispatch(modifiedFieldsRedux.actions.clearEntity(entityId));
-      dispatch(crudStatusRedux.actions.setEntityFields(entityId, {
-        hasError: false,
-        errorMessage: void 0
-      }));
-    } else {
-      onKeyDown(ev);
-    }
-  }, [onKeyDown, entityId, dispatch, modifiedFieldsRedux.actions, crudStatusRedux.actions]);
-  return /* @__PURE__ */ jsxs(Row, {
-    height: defaultTableRowHeight,
+    onChange: b,
+    isEditable: s,
+    allowedInputType: t
+  }), K = I((H) => {
+    H.key === "Delete" ? (f(i.actions.clearEntity(o)), f(l.actions.setEntityFields(o, {
+      hasError: !1,
+      errorMessage: void 0
+    }))) : D(H);
+  }, [D, o, f, i.actions, l.actions]);
+  return /* @__PURE__ */ g(E, {
+    height: Se,
     width: "100%",
-    borderBottom: tableBorder,
+    borderBottom: oe,
     hoverBackground: "var(--ui7)",
     alignItems: "center",
-    children: [rowIndent && /* @__PURE__ */ jsx(Indent, {
-      num: rowIndent
-    }), /* @__PURE__ */ jsx(Row, {
+    children: [c && /* @__PURE__ */ r(N, {
+      num: c
+    }), /* @__PURE__ */ r(E, {
       width: "100%",
       height: "100%",
       justifyContent: "flex-end",
       alignItems: "center",
       border: "1px solid transparent",
       borderRadius: "4px",
-      focusBorder: !isEditing ? "1px solid var(--primary-action-color)" : void 0,
-      hoverBorder: !isEditing ? "var(--ui5) solid 1px;" : void 0,
-      onKeyDown: onKeyDownHandler,
-      ...requiredProps,
-      children: /* @__PURE__ */ jsx(Indent, {
-        row: true,
+      focusBorder: S ? void 0 : "1px solid var(--primary-action-color)",
+      hoverBorder: S ? void 0 : "var(--ui5) solid 1px;",
+      onKeyDown: K,
+      ...j,
+      children: /* @__PURE__ */ r(N, {
+        row: !0,
         alignItems: "center",
-        children: isEditing ? /* @__PURE__ */ jsx(TextInput, {
-          onValueChange: setEditorValue,
-          value: editorValue,
-          onDone: stopEditing,
-          onEsc: stopEditingAndRevert,
-          autoFocus: true,
-          selectAllOnMount: !lastKeyEvent,
-          onMove: stopEditingAndMove
-        }) : /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Text, {
-            color: isEditable ? "var(--primary-action-color)" : void 0,
-            variant: (modifiedField == null ? void 0 : modifiedField.modified) ? "bold" : void 0,
-            children: value
-          }), (modifiedField == null ? void 0 : modifiedField.newValue) !== void 0 && /* @__PURE__ */ jsxs(Fragment, {
-            children: [/* @__PURE__ */ jsx(Indent, {
-              children: /* @__PURE__ */ jsx(Icon, {
-                icon: faArrowRight,
+        children: S ? /* @__PURE__ */ r(ge, {
+          onValueChange: k,
+          value: A,
+          onDone: y,
+          onEsc: L,
+          autoFocus: !0,
+          selectAllOnMount: !z,
+          onMove: O
+        }) : /* @__PURE__ */ g(G, {
+          children: [/* @__PURE__ */ r(U, {
+            color: s ? "var(--primary-action-color)" : void 0,
+            variant: C != null && C.modified ? "bold" : void 0,
+            children: n
+          }), (C == null ? void 0 : C.newValue) !== void 0 && /* @__PURE__ */ g(G, {
+            children: [/* @__PURE__ */ r(N, {
+              children: /* @__PURE__ */ r(F, {
+                icon: Mt,
                 size: 12
               })
-            }), /* @__PURE__ */ jsx(Text, {
+            }), /* @__PURE__ */ r(U, {
               color: "var(--primary-action-color)",
               variant: "bold",
-              children: modifiedField.newValue
+              children: C.newValue
             })]
-          }), crudStatus && hasIndicatorContent(crudStatus) && /* @__PURE__ */ jsx(Space, {
+          }), x && be(x) && /* @__PURE__ */ r(B, {
             num: 2
-          }), warningOnEmpty && (modifiedField == null ? void 0 : modifiedField.modified) && (modifiedField == null ? void 0 : modifiedField.newValue) === "" ? /* @__PURE__ */ jsx(Tooltip, {
-            label: warningOnEmpty,
+          }), m && (C == null ? void 0 : C.modified) && (C == null ? void 0 : C.newValue) === "" ? /* @__PURE__ */ r(re, {
+            label: m,
             zIndex: 100,
-            children: /* @__PURE__ */ jsx(Icon, {
-              icon: faExclamationTriangle,
+            children: /* @__PURE__ */ r(F, {
+              icon: ue,
               color: "var(--ui-alert1)",
               size: 14
             })
-          }) : /* @__PURE__ */ jsx(CrudStatusIndicator, {
-            crudStatus
+          }) : /* @__PURE__ */ r(Ye, {
+            crudStatus: x
           })]
         })
       })
-    }), rowIndent && /* @__PURE__ */ jsx(Indent, {
-      num: rowIndent
+    }), c && /* @__PURE__ */ r(N, {
+      num: c
     })]
   });
-};
-const StandardTableTableIdContext = createContext("");
-const StandardTableStateContext = createContext(void 0);
-const StandardTableActionsContext = createContext(void 0);
-const StandardTableConfigContext = createContext(void 0);
-const createInternalStandardTableActions = () => ({
-  sortOrder: createSortOrderActions(),
-  selectedIds: createSelectedIdsActions(),
-  expandedRows: createSelectedIdsActions(),
-  fields: createEntityActions()
-});
-const getReducerIdFor = (reducerId, reducerIdSuffix) => `${reducerId}.${reducerIdSuffix}`;
-const createStandardTableInitialState = (sortBy = void 0, desc = false, selectedIds = [], expandedRows = []) => ({
-  sortOrder: createSortOrderReducerInitialState(sortBy, desc),
-  selectedIds: createSelectedIdsReducerInitialState(selectedIds),
-  expandedRows: createSelectedIdsReducerInitialState(expandedRows),
+}, st = $(""), ct = $(
+  void 0
+), lt = $(void 0), it = $(void 0), Pn = () => ({
+  sortOrder: _t(),
+  selectedIds: De(),
+  expandedRows: De(),
+  fields: jt()
+}), M = (e, t) => `${e}.${t}`, at = (e = void 0, t = !1, n = [], o = []) => ({
+  sortOrder: Wt(e, t),
+  selectedIds: Ne(n),
+  expandedRows: Ne(o),
   fields: { lastSelectedId: void 0 }
-});
-const createStandardTableReducer = (reducerId, initialState) => {
-  var _a;
-  const sortOrder = reducerIdGate(getReducerIdFor(reducerId, "sortOrder"), createSortOrderReducer(initialState == null ? void 0 : initialState.sortOrder));
-  const selectedIds = reducerIdGate(getReducerIdFor(reducerId, "selectedIds"), createSelectedIdsReducer(initialState == null ? void 0 : initialState.selectedIds));
-  const expandedRows = reducerIdGate(getReducerIdFor(reducerId, "expandedRows"), createSelectedIdsReducer(initialState == null ? void 0 : initialState.expandedRows));
-  const fields = reducerIdGate(getReducerIdFor(reducerId, "fields"), createEntityReducer((_a = initialState == null ? void 0 : initialState.fields) != null ? _a : {}));
-  return combineReducers({
-    sortOrder,
-    selectedIds,
-    expandedRows,
-    fields
+}), An = (e, t) => {
+  var l;
+  const n = de(
+    M(e, "sortOrder"),
+    qt(t == null ? void 0 : t.sortOrder)
+  ), o = de(
+    M(e, "selectedIds"),
+    ze(t == null ? void 0 : t.selectedIds)
+  ), s = de(
+    M(e, "expandedRows"),
+    ze(t == null ? void 0 : t.expandedRows)
+  ), c = de(
+    M(e, "fields"),
+    Ft((l = t == null ? void 0 : t.fields) != null ? l : {})
+  );
+  return Ut({
+    sortOrder: n,
+    selectedIds: o,
+    expandedRows: s,
+    fields: c
   });
-};
-const useStandardTableId = () => useContext(StandardTableTableIdContext);
-const useStandardTableConfig = () => useContext(StandardTableConfigContext);
-const useStandardTableState = () => useContext(StandardTableStateContext);
-const useStandardTableActions = () => useContext(StandardTableActionsContext);
-const GroupConfigsAndIdsForRowsContext = createContext([]);
-const useGroupConfigsAndIdsForRows = () => useContext(GroupConfigsAndIdsForRowsContext);
-const useTotalNumColumnsForRows = () => {
-  const config = useStandardTableConfig();
-  const groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-  let offset = 0;
-  if (config.enableExpandCollapse) {
-    offset++;
-  }
-  if (config.showRowCheckbox) {
-    offset++;
-  }
-  return offset + useMemo(() => groupConfigsAndIds.map((c) => c.groupConfig.columnOrder.length).reduce((sum, item) => sum + item, 0), [groupConfigsAndIds]);
-};
-const OnKeyDownContext = createContext(void 0);
-const useOnKeyDownContext = () => useContext(OnKeyDownContext);
-const StandardTableColumnGroupOrderContext = createContext(void 0);
-const StandardTableUsingColumnGroupsContext = createContext(false);
-const useColumnGroupOrderContext = () => useContext(StandardTableColumnGroupOrderContext);
-const StandardTableVariantContext = createContext("standard");
-const StickyPropsPerColumnContext = createContext({});
-const useStickyPropsPerColumnContext = () => useContext(StickyPropsPerColumnContext);
-const TotalNumColumnsContext = createContext(0);
-const useTotalNumColumns = () => useContext(TotalNumColumnsContext);
-const createGroupConfigAndIdsForRows = (columnGroups, columnGroupOrder, columnOrder) => {
-  var _a;
-  if (columnGroups) {
-    return compact$1((_a = columnGroupOrder == null ? void 0 : columnGroupOrder.map((groupId) => {
-      const groupConfig = columnGroups == null ? void 0 : columnGroups[groupId];
+}, Re = () => V(st), R = () => V(it), Y = () => V(ct), se = () => V(lt), dt = $([]), Z = () => V(
+  dt
+), ut = () => {
+  const e = R(), t = Z();
+  let n = 0;
+  return e.enableExpandCollapse && n++, e.showRowCheckbox && n++, n + v(
+    () => t.map((o) => o.groupConfig.columnOrder.length).reduce((o, s) => o + s, 0),
+    [t]
+  );
+}, ht = $(void 0), Ln = () => V(ht), pt = $(void 0), Bn = $(!1), Dn = () => V(pt), Nn = $("standard"), mt = $({}), Ge = () => V(mt), ft = $(0), Te = () => V(ft), wt = (e, t, n) => {
+  var o;
+  return e ? Xt(
+    (o = t == null ? void 0 : t.map((s) => {
+      const c = e == null ? void 0 : e[s];
       return {
-        groupId,
-        groupConfig
+        groupId: s,
+        groupConfig: c
       };
-    })) != null ? _a : []).filter((item) => {
-      var _a2, _b;
-      return ((_b = (_a2 = item.groupConfig) == null ? void 0 : _a2.columnOrder.length) != null ? _b : 0) > 0;
-    }).map((p) => p);
-  }
-  return [
+    })) != null ? o : []
+  ).filter((s) => {
+    var c, l;
+    return ((l = (c = s.groupConfig) == null ? void 0 : c.columnOrder.length) != null ? l : 0) > 0;
+  }).map(
+    (s) => s
+  ) : [
     {
       groupId: "virtual",
       groupConfig: {
         label: "",
-        columnOrder: columnOrder != null ? columnOrder : []
+        columnOrder: n != null ? n : []
       }
     }
   ];
-};
-const getCellBorder = (borderFromGroup, disableBorderLeft, borderLeft) => {
-  if (borderFromGroup) {
-    if (borderFromGroup === true) {
-      return tableBorder;
-    }
-    return borderFromGroup;
-  }
-  if (disableBorderLeft) {
-    return void 0;
-  }
-  if (!borderLeft) {
-    return void 0;
-  }
-  if (borderLeft === true) {
-    return tableBorder;
-  }
-  return borderLeft;
-};
-const getCellBorderFromGroup = (groupIndex, columnIndexInGroup, groupBorderLeft) => {
-  if (groupIndex === 0 || columnIndexInGroup !== 0) {
-    return void 0;
-  }
-  if (groupBorderLeft) {
-    if (groupBorderLeft === true) {
-      return tableBorder;
-    }
-    return groupBorderLeft;
-  }
-  return void 0;
-};
-const useColumnConfigById = (columnId) => {
-  const { columns } = useStandardTableConfig();
-  const column = columns[columnId];
-  if (!column) {
-    throw new Error("No config for column with id=" + columnId);
-  }
-  return column;
-};
-const useFirstColumnConfig = () => {
-  var _a, _b, _c;
-  const config = useStandardTableConfig();
-  const columnId = (_c = (_b = (_a = useGroupConfigsAndIdsForRows()) == null ? void 0 : _a[0]) == null ? void 0 : _b.groupConfig.columnOrder) == null ? void 0 : _c[0];
-  return columnId ? config.columns[columnId] : void 0;
-};
-const useLastColumnConfig = () => {
-  var _a;
-  const config = useStandardTableConfig();
-  const groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-  const groupConfigAndId = groupConfigsAndIds[groupConfigsAndIds.length - 1];
-  const columnId = (_a = groupConfigAndId == null ? void 0 : groupConfigAndId.groupConfig.columnOrder[groupConfigAndId.groupConfig.columnOrder.length - 1]) != null ? _a : void 0;
-  return columnId ? config.columns[columnId] : void 0;
-};
-const ColumnInGroup = function ColumnGroupColumnItem({
-  columnId,
-  groupConfig,
-  borderFromGroup,
-  colSpan,
-  isFirstGroup,
-  isLastGroup
+}, Oe = (e, t, n) => {
+  if (e)
+    return e === !0 ? oe : e;
+  if (!t && !!n)
+    return n === !0 ? oe : n;
+}, pe = (e, t, n) => {
+  if (!(e === 0 || t !== 0) && n)
+    return n === !0 ? oe : n;
+}, ce = (e) => {
+  const { columns: t } = R(), n = t[e];
+  if (!n)
+    throw new Error("No config for column with id=" + e);
+  return n;
+}, zn = () => {
+  var n, o, s;
+  const e = R(), t = (s = (o = (n = Z()) == null ? void 0 : n[0]) == null ? void 0 : o.groupConfig.columnOrder) == null ? void 0 : s[0];
+  return t ? e.columns[t] : void 0;
+}, Kn = () => {
+  var s;
+  const e = R(), t = Z(), n = t[t.length - 1], o = (s = n == null ? void 0 : n.groupConfig.columnOrder[n.groupConfig.columnOrder.length - 1]) != null ? s : void 0;
+  return o ? e.columns[o] : void 0;
+}, Hn = function({
+  columnId: t,
+  groupConfig: n,
+  borderFromGroup: o,
+  colSpan: s,
+  isFirstGroup: c,
+  isLastGroup: l
 }) {
-  var _a;
-  const {
-    label,
-    render,
-    contentLeft,
-    contentRight,
-    loading,
-    error
-  } = groupConfig;
-  const {
-    width,
-    minWidth,
-    zIndex,
-    borderLeft
-  } = useColumnConfigById(columnId);
-  const config = useStandardTableConfig();
+  var D;
   const {
-    stickyHeader,
-    headerRowOffsetTop
-  } = config;
-  const stickyColumnGroups = "columnGroupOrder" in config ? config.stickyColumnGroups : void 0;
-  const activeBorder = getActiveBorder(borderFromGroup, borderLeft);
-  const isStickyFirstGroup = isFirstGroup && (stickyColumnGroups === "first" || stickyColumnGroups === "both");
-  const isStickyLastGroup = isLastGroup && (stickyColumnGroups === "last" || stickyColumnGroups === "both");
-  const isSticky = isStickyFirstGroup || isStickyLastGroup || stickyHeader;
-  const isStickyGroup = isStickyFirstGroup || isStickyLastGroup;
-  return /* @__PURE__ */ jsx("th", {
-    colSpan,
+    label: i,
+    render: d,
+    contentLeft: u,
+    contentRight: a,
+    loading: h,
+    error: m
+  } = n, {
+    width: f,
+    minWidth: w,
+    zIndex: p,
+    borderLeft: C
+  } = ce(t), x = R(), {
+    stickyHeader: b,
+    headerRowOffsetTop: S
+  } = x, y = "columnGroupOrder" in x ? x.stickyColumnGroups : void 0, A = $n(o, C), k = c && (y === "first" || y === "both"), L = l && (y === "last" || y === "both"), O = k || L || b, z = k || L;
+  return /* @__PURE__ */ r("th", {
+    colSpan: s,
     style: {
-      position: isSticky ? "sticky" : void 0,
+      position: O ? "sticky" : void 0,
       height: "var(--current-row-height)",
-      width,
-      minWidth: (_a = minWidth != null ? minWidth : width) != null ? _a : "20px",
-      background: isSticky ? "white" : "transparent",
-      left: isStickyFirstGroup ? `var(--current-left-offset)` : void 0,
-      right: isStickyLastGroup ? `0px` : void 0,
-      top: stickyHeader ? headerRowOffsetTop != null ? headerRowOffsetTop : "0px" : void 0,
-      borderLeft: activeBorder,
-      zIndex: stickyHeader && isStickyGroup ? "var(--swui-sticky-column-group-label-z-index)" : isStickyGroup ? "var(--swui-sticky-group-group-z-index)" : stickyHeader ? zIndex != null ? zIndex : "var(--swui-sticky-header-column-group-z-index)" : zIndex != null ? zIndex : 1,
-      boxShadow: isStickyFirstGroup ? "var(--swui-sticky-column-shadow-right)" : isStickyLastGroup ? "var(--swui-sticky-column-shadow-left)" : void 0
+      width: f,
+      minWidth: (D = w != null ? w : f) != null ? D : "20px",
+      background: O ? "white" : "transparent",
+      left: k ? "var(--current-left-offset)" : void 0,
+      right: L ? "0px" : void 0,
+      top: b ? S != null ? S : "0px" : void 0,
+      borderLeft: A,
+      zIndex: b && z ? "var(--swui-sticky-column-group-label-z-index)" : z ? "var(--swui-sticky-group-group-z-index)" : b ? p != null ? p : "var(--swui-sticky-header-column-group-z-index)" : p != null ? p : 1,
+      boxShadow: k ? "var(--swui-sticky-column-shadow-right)" : L ? "var(--swui-sticky-column-shadow-left)" : void 0
     },
-    children: /* @__PURE__ */ jsx(Row, {
+    children: /* @__PURE__ */ r(E, {
       alignItems: "center",
-      children: /* @__PURE__ */ jsxs(Fragment, {
-        children: [contentLeft && /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Space, {}), contentLeft, /* @__PURE__ */ jsx(Space, {
+      children: /* @__PURE__ */ g(G, {
+        children: [u && /* @__PURE__ */ g(G, {
+          children: [/* @__PURE__ */ r(B, {}), u, /* @__PURE__ */ r(B, {
             num: 0.5
           })]
-        }), render ? render(groupConfig) : /* @__PURE__ */ jsx(Indent, {
-          children: /* @__PURE__ */ jsx(Heading, {
+        }), d ? d(n) : /* @__PURE__ */ r(N, {
+          children: /* @__PURE__ */ r(We, {
             variant: "h5",
             whiteSpace: "nowrap",
-            children: label
+            children: i
           })
-        }), contentRight && /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Space, {
+        }), a && /* @__PURE__ */ g(G, {
+          children: [/* @__PURE__ */ r(B, {
             num: 0.5
-          }), contentRight]
-        }), (error || loading) && /* @__PURE__ */ jsx(Indent, {}), loading ? /* @__PURE__ */ jsx(InputSpinner, {}) : error ? /* @__PURE__ */ jsx(Tooltip, {
-          label: error,
+          }), a]
+        }), (m || h) && /* @__PURE__ */ r(N, {}), h ? /* @__PURE__ */ r(ye, {}) : m ? /* @__PURE__ */ r(re, {
+          label: m,
           placement: "bottom",
           appendTo: document.body,
-          children: /* @__PURE__ */ jsx(Icon, {
-            icon: faExclamationTriangle,
-            color: cssColor("--lhds-color-red-500"),
+          children: /* @__PURE__ */ r(F, {
+            icon: ue,
+            color: _("--lhds-color-red-500"),
             size: 14
           })
         }) : void 0]
       })
     })
   });
-};
-const getActiveBorder = (borderFromGroup, borderFromColumn) => {
-  if (borderFromGroup) {
-    return borderFromGroup;
-  }
-  if (borderFromColumn) {
+}, $n = (e, t) => {
+  if (e)
+    return e;
+  if (t)
     return "1px solid transparent";
-  }
-  return void 0;
-};
-const createStickyHeaderProps = (stickyHeader, stickyColumn, headerRowOffsetTop, zIndexFromConfig) => ({
-  top: stickyHeader ? getTopPosition$1(stickyHeader, headerRowOffsetTop) : void 0,
-  background: stickyHeader || stickyColumn ? "white" : void 0,
-  position: stickyHeader || stickyColumn ? "sticky" : void 0,
-  boxShadow: stickyColumn ? "var(--swui-sticky-column-shadow-right)" : void 0,
-  zIndex: stickyHeader || stickyColumn ? zIndexFromConfig != null ? zIndexFromConfig : "var(--swui-sticky-header-z-index)" : zIndexFromConfig
-});
-const getTopPosition$1 = (stickyHeader, headerRowOffsetTop) => {
-  if (stickyHeader && headerRowOffsetTop) {
-    return headerRowOffsetTop;
-  } else if (headerRowOffsetTop) {
-    return headerRowOffsetTop;
-  } else if (stickyHeader) {
+}, Mn = (e, t, n, o) => ({
+  top: e ? Vn(e, n) : void 0,
+  background: e || t ? "white" : void 0,
+  position: e || t ? "sticky" : void 0,
+  boxShadow: t ? "var(--swui-sticky-column-shadow-right)" : void 0,
+  zIndex: e || t ? o != null ? o : "var(--swui-sticky-header-z-index)" : o
+}), Vn = (e, t) => {
+  if (e && t)
+    return t;
+  if (t)
+    return t;
+  if (e)
     return 0;
-  }
-  return void 0;
-};
-const ColumnGroupRow = React.memo(function ColumnGroupRow2({
-  height = defaultTableRowHeight
+}, _n = T.memo(function({
+  height: t = Se
 }) {
-  const groupConfigAndIds = useGroupConfigsAndIdsForRows();
-  const config = useStandardTableConfig();
-  const {
-    showHeaderCheckbox,
-    enableExpandCollapse,
-    rowIndent,
-    zIndex,
-    stickyHeader,
-    stickyCheckboxColumn,
-    headerRowOffsetTop
-  } = config;
-  const stickyHeaderProps = createStickyHeaderProps(stickyHeader, stickyCheckboxColumn, headerRowOffsetTop, zIndex);
-  const zIndexForCells = stickyHeader ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
-  return /* @__PURE__ */ jsxs("tr", {
+  const n = Z(), o = R(), {
+    showHeaderCheckbox: s,
+    enableExpandCollapse: c,
+    rowIndent: l,
+    zIndex: i,
+    stickyHeader: d,
+    stickyCheckboxColumn: u,
+    headerRowOffsetTop: a
+  } = o, h = Mn(d, u, a, i), m = d ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
+  return /* @__PURE__ */ g("tr", {
     style: {
-      height,
-      borderLeft: tableBorderLeft
+      height: t,
+      borderLeft: ke
     },
-    children: [rowIndent && /* @__PURE__ */ jsx("th", {
-      style: stickyHeaderProps
-    }), enableExpandCollapse && /* @__PURE__ */ jsx("th", {
+    children: [l && /* @__PURE__ */ r("th", {
+      style: h
+    }), c && /* @__PURE__ */ r("th", {
       style: {
-        ...stickyHeaderProps,
+        ...h,
         width: "var(--swui-expand-cell-width)",
-        left: stickyCheckboxColumn ? "0px" : void 0,
-        zIndex: zIndexForCells
+        left: u ? "0px" : void 0,
+        zIndex: m
       }
-    }), showHeaderCheckbox && /* @__PURE__ */ jsx("th", {
+    }), s && /* @__PURE__ */ r("th", {
       style: {
-        ...stickyHeaderProps,
-        left: stickyCheckboxColumn && enableExpandCollapse ? "var(--swui-expand-cell-width)" : stickyCheckboxColumn ? "0px" : void 0,
-        zIndex: zIndexForCells
+        ...h,
+        left: u && c ? "var(--swui-expand-cell-width)" : u ? "0px" : void 0,
+        zIndex: m
       }
-    }), groupConfigAndIds.map(({
-      groupConfig,
-      groupId
-    }, groupIndex) => /* @__PURE__ */ jsx(ColumnInGroup, {
-      isFirstGroup: groupIndex === 0,
-      isLastGroup: groupIndex === groupConfigAndIds.length - 1,
-      groupConfig,
-      columnId: groupConfig.columnOrder[0],
-      colSpan: groupConfig.columnOrder.length,
-      borderFromGroup: getCellBorderFromGroup(groupIndex, 0, groupConfig.borderLeft)
-    }, groupId)), rowIndent && /* @__PURE__ */ jsx("th", {
-      style: stickyHeaderProps
+    }), n.map(({
+      groupConfig: f,
+      groupId: w
+    }, p) => /* @__PURE__ */ r(Hn, {
+      isFirstGroup: p === 0,
+      isLastGroup: p === n.length - 1,
+      groupConfig: f,
+      columnId: f.columnOrder[0],
+      colSpan: f.columnOrder.length,
+      borderFromGroup: pe(p, 0, f.borderLeft)
+    }, w)), l && /* @__PURE__ */ r("th", {
+      style: h
     })]
   });
-});
-const calculateColumnIndexPerColumnId = (config) => {
-  const groupConfigs = createGroupConfigAndIdsForRows("columnGroups" in config ? config.columnGroups : void 0, "columnGroupOrder" in config ? config.columnGroupOrder : void 0, "columnOrder" in config ? config.columnOrder : void 0);
-  let columnIndexPerColumnId = {};
-  let currentIndex = 0;
-  if (config.showRowCheckbox) {
-    currentIndex++;
-  }
-  if (config.enableExpandCollapse) {
-    currentIndex++;
-  }
-  groupConfigs.forEach((conf) => {
-    conf.groupConfig.columnOrder.forEach((columnId) => {
-      if (isColumnNavigable(config.columns[columnId])) {
-        columnIndexPerColumnId[columnId] = currentIndex++;
-      }
+}), jn = (e) => {
+  const t = wt(
+    "columnGroups" in e ? e.columnGroups : void 0,
+    "columnGroupOrder" in e ? e.columnGroupOrder : void 0,
+    "columnOrder" in e ? e.columnOrder : void 0
+  );
+  let n = {}, o = 0;
+  return e.showRowCheckbox && o++, e.enableExpandCollapse && o++, t.forEach((s) => {
+    s.groupConfig.columnOrder.forEach((c) => {
+      Wn(e.columns[c]) && (n[c] = o++);
     });
-  });
-  return {
-    columnIndexPerColumnId,
-    numNavigableColumns: currentIndex
+  }), {
+    columnIndexPerColumnId: n,
+    numNavigableColumns: o
   };
-};
-const isColumnNavigable = (columnConfig) => !columnConfig.disableGridCell;
-const ColumnIndexPerColumnIdContext = createContext({
+}, Wn = (e) => !e.disableGridCell, Ct = $({
   columnIndexPerColumnId: {},
   numNavigableColumns: 0
-});
-const useColumnIndexPerColumnIdContext = () => useContext(ColumnIndexPerColumnIdContext);
-const ensureConfigHasValidSticky = (config) => {
-  if ("columnGroupOrder" in config) {
-    ensureNoColumnsAreSticky(config);
-    if (config.stickyColumnGroups === "first" || config.stickyColumnGroups === "both") {
-      ensureAllColumnsInGroupHasFixedWidth(config, 0);
-    }
-    if (config.stickyColumnGroups === "last" || config.stickyColumnGroups === "both") {
-      ensureAllColumnsInGroupHasFixedWidth(config, config.columnGroupOrder.length - 1);
-    }
-  }
-};
-const ensureNoColumnsAreSticky = (config) => {
-  const columnIds = Object.keys(config.columns);
-  columnIds.forEach((columnId) => {
-    const columnConfig = config.columns[columnId];
-    if (columnConfig.sticky) {
-      throw new Error("Columns can not be sticky when column groups are used. columnId: " + columnId);
-    }
+}), vt = () => V(
+  Ct
+), qn = (e) => {
+  "columnGroupOrder" in e && (Fn(e), (e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both") && $e(e, 0), (e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both") && $e(
+    e,
+    e.columnGroupOrder.length - 1
+  ));
+}, Fn = (e) => {
+  Object.keys(e.columns).forEach((n) => {
+    if (e.columns[n].sticky)
+      throw new Error(
+        "Columns can not be sticky when column groups are used. columnId: " + n
+      );
   });
-};
-const ensureAllColumnsInGroupHasFixedWidth = (config, columnGroupIndex) => {
-  var _a;
-  if (!config.columnGroupOrder || config.columnGroupOrder.length === 0) {
-    throw new Error("columnGroupOrder required when validating column group fixed width.");
-  }
-  const columnGroupId = config.columnGroupOrder[columnGroupIndex];
-  const columnGroupConfig = (_a = config.columnGroups) == null ? void 0 : _a[columnGroupId];
-  if (!columnGroupConfig) {
-    throw new Error("Column group does not exist. Column group id = " + columnGroupId);
-  }
-  columnGroupConfig.columnOrder.forEach((columnId) => {
-    const columnConfig = config.columns[columnId];
-    if (columnConfig.width == null) {
-      throw new Error("All columns in sticky column group must have width set.");
-    }
+}, $e = (e, t) => {
+  var s;
+  if (!e.columnGroupOrder || e.columnGroupOrder.length === 0)
+    throw new Error(
+      "columnGroupOrder required when validating column group fixed width."
+    );
+  const n = e.columnGroupOrder[t], o = (s = e.columnGroups) == null ? void 0 : s[n];
+  if (!o)
+    throw new Error(
+      "Column group does not exist. Column group id = " + n
+    );
+  o.columnOrder.forEach((c) => {
+    if (e.columns[c].width == null)
+      throw new Error(
+        "All columns in sticky column group must have width set."
+      );
   });
-};
-const calculateOffsetForColumnInStickyColumnGroups = (config) => {
-  const left = config.stickyColumnGroups === "first" || config.stickyColumnGroups === "both" ? calculateOffsetForColumns(getColumnIdsForLeftSideStickyGroup(config), config.columns, true) : void 0;
-  const right = config.stickyColumnGroups === "last" || config.stickyColumnGroups === "both" ? calculateOffsetForColumns(getColumnIdsForRightSideStickyGroup(config), config.columns, false) : void 0;
+}, Un = (e) => {
+  const t = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both" ? Me(
+    Jn(e),
+    e.columns,
+    !0
+  ) : void 0, n = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both" ? Me(
+    Xn(e),
+    e.columns,
+    !1
+  ) : void 0;
   return {
-    ...left,
-    ...right
+    ...t,
+    ...n
   };
-};
-const calculateOffsetForColumns = (columnIds, columns, includeOffsetForCheckboxAndExpand) => {
-  var _a;
-  const r = {};
-  const widths = [
-    includeOffsetForCheckboxAndExpand ? "var(--current-left-offset)" : "0px"
+}, Me = (e, t, n) => {
+  var c;
+  const o = {}, s = [
+    n ? "var(--current-left-offset)" : "0px"
   ];
-  for (let i = 0; i < columnIds.length; i++) {
-    const columnId = columnIds[i];
-    const columnConfig = columns == null ? void 0 : columns[columnId];
-    r[columnId] = getCalcForWidths(widths);
-    widths.push((_a = columnConfig == null ? void 0 : columnConfig.width) != null ? _a : "0px");
-  }
-  return r;
-};
-const getCalcForWidths = (widths) => {
-  if (widths.length === 0) {
-    return "0px";
-  }
-  if (widths.length === 1) {
-    return widths[0];
-  }
-  return "calc(" + widths.join(" + ") + ")";
-};
-const getColumnIdsForLeftSideStickyGroup = (config) => {
-  var _a, _b, _c;
-  const columnGroupId = (_a = config.columnGroupOrder) == null ? void 0 : _a[0];
-  if (!columnGroupId) {
+  for (let l = 0; l < e.length; l++) {
+    const i = e[l], d = t == null ? void 0 : t[i];
+    o[i] = Zn(s), s.push((c = d == null ? void 0 : d.width) != null ? c : "0px");
+  }
+  return o;
+}, Zn = (e) => e.length === 0 ? "0px" : e.length === 1 ? e[0] : "calc(" + e.join(" + ") + ")", Jn = (e) => {
+  var o, s, c;
+  const t = (o = e.columnGroupOrder) == null ? void 0 : o[0];
+  if (!t)
     return [];
-  }
-  const columnGroupConfig = (_b = config.columnGroups) == null ? void 0 : _b[columnGroupId];
-  return (_c = columnGroupConfig == null ? void 0 : columnGroupConfig.columnOrder) != null ? _c : [];
-};
-const getColumnIdsForRightSideStickyGroup = (config) => {
-  var _a, _b, _c;
-  const columnGroupId = (_b = config.columnGroupOrder) == null ? void 0 : _b[((_a = config.columnGroupOrder) == null ? void 0 : _a.length) - 1];
-  if (!columnGroupId) {
+  const n = (s = e.columnGroups) == null ? void 0 : s[t];
+  return (c = n == null ? void 0 : n.columnOrder) != null ? c : [];
+}, Xn = (e) => {
+  var s, c, l;
+  const t = (c = e.columnGroupOrder) == null ? void 0 : c[((s = e.columnGroupOrder) == null ? void 0 : s.length) - 1];
+  if (!t)
     return [];
-  }
-  const columnGroupConfig = (_c = config.columnGroups) == null ? void 0 : _c[columnGroupId];
-  if (!columnGroupConfig) {
+  const n = (l = e.columnGroups) == null ? void 0 : l[t];
+  if (!n)
     return [];
-  }
-  const r = [...columnGroupConfig.columnOrder];
-  r.reverse();
-  return r;
-};
-const getStickyPropsPerColumn = (config) => {
-  if ("columnGroups" in config) {
-    return getStickyPropsPerColumnWithGroups(config);
-  } else {
-    return getStickyPropsPerColumnWithNoGroups(config);
-  }
-};
-const getStickyPropsPerColumnWithNoGroups = (config) => {
-  const columnIds = Object.keys(config.columns);
-  return columnIds.reduce((sum, columnId) => {
-    var _a;
-    const columnConfig = config.columns[columnId];
-    const sticky = Boolean(columnConfig.sticky);
-    sum[columnId] = {
-      sticky,
-      left: sticky ? `calc(var(--current-left-offset) + ${(_a = columnConfig.left) != null ? _a : "0px"})` : void 0,
-      right: sticky ? columnConfig.right : void 0,
-      type: "column",
-      isFirstColumnInLastGroup: false,
-      isLastColumnInFirstGroup: false
-    };
-    return sum;
-  }, {});
-};
-const getStickyPropsPerColumnWithGroups = (config) => {
-  const r = {};
-  const columnGroupIds = config.columnGroupOrder;
-  const stickyGroupOffsets = calculateOffsetForColumnInStickyColumnGroups(config);
-  const firstGroupIsSticky = config.stickyColumnGroups === "first" || config.stickyColumnGroups === "both";
-  const lastGroupIsSticky = config.stickyColumnGroups === "last" || config.stickyColumnGroups === "both";
-  columnGroupIds.forEach((columnGroupId, columnGroupIndex) => {
-    const columnGroup = config.columnGroups[columnGroupId];
-    const columnIds = columnGroup.columnOrder;
-    columnIds.forEach((columnId, columnIndex) => {
-      const isFirstGroup = columnGroupIndex === 0;
-      const isLastGroup = columnGroupIndex === columnGroupIds.length - 1;
-      const isStickyFirst = isFirstGroup && firstGroupIsSticky;
-      const isStickyLast = isLastGroup && lastGroupIsSticky;
-      const isFirstColumnInLastGroup = columnIndex === 0 && isLastGroup;
-      const isLastColumnInFirstGroup = columnIndex === columnIds.length - 1 && isFirstGroup;
-      r[columnId] = {
-        sticky: isStickyFirst || isStickyLast,
-        left: isStickyFirst ? stickyGroupOffsets[columnId] : void 0,
-        right: isStickyLast ? stickyGroupOffsets[columnId] : void 0,
-        type: isStickyFirst ? "first-group" : isStickyLast ? "last-group" : void 0,
-        isFirstColumnInLastGroup,
-        isLastColumnInFirstGroup
+  const o = [...n.columnOrder];
+  return o.reverse(), o;
+}, Yn = (e) => "columnGroups" in e ? eo(e) : Qn(e), Qn = (e) => Object.keys(e.columns).reduce((n, o) => {
+  var l;
+  const s = e.columns[o], c = Boolean(s.sticky);
+  return n[o] = {
+    sticky: c,
+    left: c ? `calc(var(--current-left-offset) + ${(l = s.left) != null ? l : "0px"})` : void 0,
+    right: c ? s.right : void 0,
+    type: "column",
+    isFirstColumnInLastGroup: !1,
+    isLastColumnInFirstGroup: !1
+  }, n;
+}, {}), eo = (e) => {
+  const t = {}, n = e.columnGroupOrder, o = Un(e), s = e.stickyColumnGroups === "first" || e.stickyColumnGroups === "both", c = e.stickyColumnGroups === "last" || e.stickyColumnGroups === "both";
+  return n.forEach((l, i) => {
+    const u = e.columnGroups[l].columnOrder;
+    u.forEach((a, h) => {
+      const m = i === 0, f = i === n.length - 1, w = m && s, p = f && c, C = h === 0 && f, x = h === u.length - 1 && m;
+      t[a] = {
+        sticky: w || p,
+        left: w ? o[a] : void 0,
+        right: p ? o[a] : void 0,
+        type: w ? "first-group" : p ? "last-group" : void 0,
+        isFirstColumnInLastGroup: C,
+        isLastColumnInFirstGroup: x
       };
     });
-  });
-  return r;
-};
-const createStandardTableActions = (tableId, actions) => {
-  return {
-    setSelectedIds: (ids) => reducerIdGateAction(getReducerIdFor(tableId, "selectedIds"), actions.selectedIds.setSelectedIds(ids)),
-    clearSelection: () => reducerIdGateAction(getReducerIdFor(tableId, "selectedIds"), actions.selectedIds.clearSelectedIds()),
-    expandByIds: (ids) => reducerIdGateAction(getReducerIdFor(tableId, "expandedRows"), actions.expandedRows.setSelectedIds(ids)),
-    collapseAll: () => reducerIdGateAction(getReducerIdFor(tableId, "expandedRows"), actions.expandedRows.clearSelectedIds()),
-    sortBy: (columnId, desc) => reducerIdGateAction(getReducerIdFor(tableId, "sortOrder"), actions.sortOrder.sortBy(columnId, desc != null ? desc : false)),
-    clearSortOrder: () => reducerIdGateAction(getReducerIdFor(tableId, "sortOrder"), actions.sortOrder.clearSortOrder()),
-    setLastSelectedId: (lastSelectedId) => reducerIdGateAction(getReducerIdFor(tableId, "fields"), actions.fields.setEntityFields({ lastSelectedId }))
-  };
-};
-const useLocalStateTableContext = (tableId, initialState = createStandardTableInitialState()) => {
-  const [state, dispatch] = useReducer(createStandardTableReducer(tableId), initialState);
-  const actions = useMemo(() => createStandardTableActions(tableId, createInternalStandardTableActions()), [tableId]);
-  const tableContext = useMemo(() => ({
-    dispatch,
-    actions,
-    state
-  }), [state, actions, dispatch]);
+  }), t;
+}, to = (e, t) => ({
+  setSelectedIds: (n) => X(
+    M(e, "selectedIds"),
+    t.selectedIds.setSelectedIds(n)
+  ),
+  clearSelection: () => X(
+    M(e, "selectedIds"),
+    t.selectedIds.clearSelectedIds()
+  ),
+  expandByIds: (n) => X(
+    M(e, "expandedRows"),
+    t.expandedRows.setSelectedIds(n)
+  ),
+  collapseAll: () => X(
+    M(e, "expandedRows"),
+    t.expandedRows.clearSelectedIds()
+  ),
+  sortBy: (n, o) => X(
+    M(e, "sortOrder"),
+    t.sortOrder.sortBy(n, o != null ? o : !1)
+  ),
+  clearSortOrder: () => X(
+    M(e, "sortOrder"),
+    t.sortOrder.clearSortOrder()
+  ),
+  setLastSelectedId: (n) => X(
+    M(e, "fields"),
+    t.fields.setEntityFields({ lastSelectedId: n })
+  )
+}), no = (e, t = at()) => {
+  const [n, o] = It(
+    An(e),
+    t
+  ), s = v(
+    () => to(
+      e,
+      Pn()
+    ),
+    [e]
+  );
   return {
-    tableContext
+    tableContext: v(
+      () => ({
+        dispatch: o,
+        actions: s,
+        state: n
+      }),
+      [n, s, o]
+    )
   };
-};
-const getTotalNumColumns = (config) => (config.rowIndent ? 2 : 0) + (config.enableExpandCollapse ? 1 : 0) + (config.showRowCheckbox ? 1 : 0) + getNumUserColumns(config);
-const getNumUserColumns = (config) => {
-  var _a, _b;
-  if ("columnGroupOrder" in config) {
-    return config.columnGroupOrder.reduce((sum, groupId) => {
-      var _a2, _b2, _c;
-      const group = (_a2 = config.columnGroups) == null ? void 0 : _a2[groupId];
-      return sum + ((_c = (_b2 = group == null ? void 0 : group.columnOrder) == null ? void 0 : _b2.length) != null ? _c : 0);
-    }, 0);
-  }
-  return (_b = (_a = config.columnOrder) == null ? void 0 : _a.length) != null ? _b : 0;
-};
-const standardTable = "_standardTable_1iok0_1";
-const relaxed = "_relaxed_1iok0_37";
-const condensed = "_condensed_1iok0_41";
-const compact = "_compact_1iok0_45";
-var styles$3 = {
-  standardTable,
-  relaxed,
-  condensed,
-  compact
-};
-const multitypeComparator = (a, b) => {
-  if (a != null && b == null) {
-    return -1;
-  }
-  if (a == null && b != null) {
-    return 1;
-  }
-  if (isBothOfType(a, b, "number")) {
-    return Number(a) - Number(b);
-  }
-  if (isBothOfType(a, b, "boolean")) {
-    return Number(b) - Number(a);
-  }
-  if (isBothOfType(a, b, "string")) {
-    return String(a).localeCompare(String(b));
-  }
-  if (a instanceof Date && b instanceof Date) {
-    return a.getTime() - b.getTime();
-  }
-  return 0;
-};
-const isBothOfType = (a, b, type) => typeof a === type && typeof b === type;
-const useColumnValueResolver = (columnId) => {
-  const { columns } = useStandardTableConfig();
-  if (!columnId) {
-    return void 0;
-  }
-  const column = columns[columnId];
-  if (!column) {
-    return void 0;
-  }
-  return column.itemValueResolver;
-};
-const StandardTableRowCheckbox = React.memo(function StandardTableRowCheckbox2({
-  value,
-  onValueChange,
-  colIndex,
-  rowIndex,
-  numRows,
-  disabled,
-  onValueChangeAndShift,
-  shiftPressedRef
+}, oo = (e) => (e.rowIndent ? 2 : 0) + (e.enableExpandCollapse ? 1 : 0) + (e.showRowCheckbox ? 1 : 0) + ro(e), ro = (e) => {
+  var t, n;
+  return "columnGroupOrder" in e ? e.columnGroupOrder.reduce((o, s) => {
+    var l, i, d;
+    const c = (l = e.columnGroups) == null ? void 0 : l[s];
+    return o + ((d = (i = c == null ? void 0 : c.columnOrder) == null ? void 0 : i.length) != null ? d : 0);
+  }, 0) : (n = (t = e.columnOrder) == null ? void 0 : t.length) != null ? n : 0;
+}, so = "_standardTable_1iok0_1", co = "_relaxed_1iok0_37", lo = "_condensed_1iok0_41", io = "_compact_1iok0_45", Ve = {
+  standardTable: so,
+  relaxed: co,
+  condensed: lo,
+  compact: io
+}, ao = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : Ce(e, t, "number") ? Number(e) - Number(t) : Ce(e, t, "boolean") ? Number(t) - Number(e) : Ce(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, Ce = (e, t, n) => typeof e === n && typeof t === n, uo = (e) => {
+  const { columns: t } = R();
+  if (!e)
+    return;
+  const n = t[e];
+  if (!!n)
+    return n.itemValueResolver;
+}, ho = T.memo(function({
+  value: t,
+  onValueChange: n,
+  colIndex: o,
+  rowIndex: s,
+  numRows: c,
+  disabled: l,
+  onValueChangeAndShift: i,
+  shiftPressedRef: d
 }) {
-  const totalNumColumns = useTotalNumColumnsForRows();
-  const tableId = useStandardTableId();
-  const gridCell = useGridCell(Boolean(value), {
-    colIndex,
-    numCols: totalNumColumns,
-    numRows,
-    rowIndex,
-    tableId
-  });
-  const {
-    requiredProps
-  } = gridCell;
-  const internalOnValueChange = useCallback((value2) => {
-    if (shiftPressedRef.current) {
-      onValueChangeAndShift == null ? void 0 : onValueChangeAndShift(value2);
-    } else {
-      onValueChange == null ? void 0 : onValueChange(value2);
-    }
-  }, [onValueChange, onValueChangeAndShift, shiftPressedRef]);
-  return /* @__PURE__ */ jsx(Checkbox, {
+  const u = ut(), a = Re(), h = he(Boolean(t), {
+    colIndex: o,
+    numCols: u,
+    numRows: c,
+    rowIndex: s,
+    tableId: a
+  }), {
+    requiredProps: m
+  } = h, f = I((w) => {
+    d.current ? i == null || i(w) : n == null || n(w);
+  }, [n, i, d]);
+  return /* @__PURE__ */ r(Ue, {
     size: "small",
-    disabled,
-    value,
-    onValueChange: internalOnValueChange,
-    ...requiredProps
+    disabled: l,
+    value: t,
+    onValueChange: f,
+    ...m
   });
-});
-const getIdsBetweenSelected = (idList, selected1, selected2) => {
-  if (selected1 == null || selected2 == null || idList == null) {
-    return void 0;
-  }
-  if (selected1 === selected2) {
-    return void 0;
-  }
-  const i1 = idList.indexOf(selected1);
-  const i2 = idList.indexOf(selected2);
-  if (i1 < 0 || i2 < 0) {
-    return void 0;
-  }
-  const start = Math.min(i1, i2);
-  const end = Math.max(i1, i2);
-  return idList.slice(start, end + 1);
-};
-const useRowCheckbox = (item, idListForEnabledItems) => {
-  const { keyResolver } = useStandardTableConfig();
-  const {
-    selectedIds: { selectedIds },
-    fields: { lastSelectedId }
-  } = useStandardTableState();
-  const {
-    actions: { setSelectedIds, setLastSelectedId },
-    dispatch
-  } = useStandardTableActions();
-  const itemKey = useMemo(() => keyResolver(item), [keyResolver, item]);
-  const isSelected = useMemo(() => selectedIds.includes(itemKey), [selectedIds, itemKey]);
-  const { toggle, addMultiple, removeMultiple } = useArraySet(selectedIds, (ids) => dispatch(setSelectedIds(ids)));
-  const shiftAndToggleSelected = useCallback(() => {
-    if (idListForEnabledItems && lastSelectedId) {
-      const idList = getIdsBetweenSelected(idListForEnabledItems, lastSelectedId, itemKey);
-      if (idList == null ? void 0 : idList.length) {
-        if (isSelected) {
-          removeMultiple(idList);
-        } else {
-          addMultiple(idList);
-        }
-      } else {
-        toggle(itemKey);
-      }
-    } else {
-      toggle(itemKey);
-    }
-    dispatch(setLastSelectedId(itemKey));
+}), po = (e, t, n) => {
+  if (t == null || n == null || e == null || t === n)
+    return;
+  const o = e.indexOf(t), s = e.indexOf(n);
+  if (o < 0 || s < 0)
+    return;
+  const c = Math.min(o, s), l = Math.max(o, s);
+  return e.slice(c, l + 1);
+}, mo = (e, t) => {
+  const { keyResolver: n } = R(), {
+    selectedIds: { selectedIds: o },
+    fields: { lastSelectedId: s }
+  } = Y(), {
+    actions: { setSelectedIds: c, setLastSelectedId: l },
+    dispatch: i
+  } = se(), d = v(() => n(e), [n, e]), u = v(
+    () => o.includes(d),
+    [o, d]
+  ), { toggle: a, addMultiple: h, removeMultiple: m } = qe(
+    o,
+    (p) => i(c(p))
+  ), f = I(() => {
+    if (t && s) {
+      const p = po(
+        t,
+        s,
+        d
+      );
+      p != null && p.length ? u ? m(p) : h(p) : a(d);
+    } else
+      a(d);
+    i(l(d));
   }, [
-    idListForEnabledItems,
-    lastSelectedId,
-    dispatch,
-    setLastSelectedId,
-    itemKey,
-    isSelected,
-    removeMultiple,
-    addMultiple,
-    toggle
-  ]);
-  const toggleSelected = useCallback(() => {
-    toggle(itemKey);
-    dispatch(setLastSelectedId(itemKey));
-  }, [toggle, itemKey, dispatch, setLastSelectedId]);
+    t,
+    s,
+    i,
+    l,
+    d,
+    u,
+    m,
+    h,
+    a
+  ]), w = I(() => {
+    a(d), i(l(d));
+  }, [a, d, i, l]);
   return {
-    isSelected,
-    toggleSelected,
-    shiftAndToggleSelected
+    isSelected: u,
+    toggleSelected: w,
+    shiftAndToggleSelected: f
   };
-};
-const useExpandCollapseActions = (item) => {
-  const { keyResolver } = useStandardTableConfig();
-  const {
-    expandedRows: { selectedIds }
-  } = useStandardTableState();
-  const {
-    actions: { expandByIds },
-    dispatch
-  } = useStandardTableActions();
-  const itemKey = useMemo(() => keyResolver(item), [keyResolver, item]);
-  const isExpanded = useMemo(() => selectedIds.includes(itemKey), [selectedIds, itemKey]);
-  const { toggle } = useArraySet(selectedIds, (ids) => dispatch(expandByIds(ids)));
-  const toggleRowExpanded = useCallback(() => {
-    toggle(itemKey);
-  }, [toggle, itemKey]);
+}, Pe = (e) => {
+  const { keyResolver: t } = R(), {
+    expandedRows: { selectedIds: n }
+  } = Y(), {
+    actions: { expandByIds: o },
+    dispatch: s
+  } = se(), c = v(() => t(e), [t, e]), l = v(
+    () => n.includes(c),
+    [n, c]
+  ), { toggle: i } = qe(
+    n,
+    (u) => s(o(u))
+  );
   return {
-    toggleRowExpanded,
-    isExpanded
+    toggleRowExpanded: I(() => {
+      i(c);
+    }, [i, c]),
+    isExpanded: l
   };
-};
-const StandardTableRowExpandButton = function({
-  item,
-  colIndex,
-  numRows,
-  rowIndex
+}, fo = function({
+  item: e,
+  colIndex: t,
+  numRows: n,
+  rowIndex: o
 }) {
-  const totalNumColumns = useTotalNumColumnsForRows();
-  const tableId = useStandardTableId();
-  const gridCell = useGridCell(true, {
-    colIndex,
-    numCols: totalNumColumns,
-    numRows,
-    rowIndex,
-    tableId
-  });
-  const {
-    requiredProps
-  } = gridCell;
-  const {
-    expandCollapseDisableResolver
-  } = useStandardTableConfig();
-  const {
-    toggleRowExpanded,
-    isExpanded
-  } = useExpandCollapseActions(item);
-  const buttonDisabled = useMemo(() => {
-    if (!expandCollapseDisableResolver) {
-      return false;
-    }
-    return expandCollapseDisableResolver(item);
-  }, [expandCollapseDisableResolver, item]);
-  return /* @__PURE__ */ jsx(Row, {
+  const s = ut(), c = Re(), l = he(!0, {
+    colIndex: t,
+    numCols: s,
+    numRows: n,
+    rowIndex: o,
+    tableId: c
+  }), {
+    requiredProps: i
+  } = l, {
+    expandCollapseDisableResolver: d
+  } = R(), {
+    toggleRowExpanded: u,
+    isExpanded: a
+  } = Pe(e), h = v(() => d ? d(e) : !1, [d, e]);
+  return /* @__PURE__ */ r(E, {
     alignItems: "center",
     justifyContent: "center",
-    indent: true,
-    children: !buttonDisabled && /* @__PURE__ */ jsx(FlatButton, {
+    indent: !0,
+    children: !h && /* @__PURE__ */ r(xe, {
       size: "small",
-      leftIcon: isExpanded ? faChevronDown : faChevronRight,
-      onClick: toggleRowExpanded,
-      ...requiredProps
+      leftIcon: a ? Ze : Je,
+      onClick: u,
+      ...i
     })
   });
-};
-const getBackgroundColor$1 = (backgroundResolver, item, background) => backgroundResolver ? backgroundResolver(item) : background;
-const useBackground = (backgroundResolver, item, background) => useMemo(() => getBackgroundColor$1(backgroundResolver, item, background), [backgroundResolver, item, background]);
-const useCellBackgroundByColumnId = (columnId, item) => {
-  const { background, backgroundResolver } = useColumnConfigById(columnId);
-  return useBackground(backgroundResolver, item, background);
-};
-const useCellBackgroundByColumnConfig = (columnConfig, item) => {
-  const { background, backgroundResolver } = columnConfig != null ? columnConfig : {};
-  return useBackground(backgroundResolver, item, background);
-};
-const formatValueLabel = (itemValue) => {
-  if (itemValue == null) {
-    return "";
-  } else if (itemValue instanceof Date) {
-    return itemValue.toISOString();
-  } else if (typeof itemValue === "object") {
-    return JSON.stringify(itemValue);
-  } else {
-    return String(itemValue);
-  }
-};
-const formatColumnIdToHeaderCellLabel = (columnId) => upperFirst(lowerCase(columnId));
-const standardTableCell = "_standardTableCell_1xzcm_1";
-var styles$2 = {
-  standardTableCell
-};
-const StandardTableCellUi = React.memo(function StandardTableCellUi2({
-  enableGridCell,
-  children,
-  background,
-  gridCellRequiredProps,
-  isEditing,
-  justifyContent,
-  onKeyDown,
-  width,
-  minWidth
+}, wo = (e, t, n) => e ? e(t) : n, yt = (e, t, n) => v(
+  () => wo(e, t, n),
+  [e, t, n]
+), Co = (e, t) => {
+  const { background: n, backgroundResolver: o } = ce(e);
+  return yt(o, t, n);
+}, _e = (e, t) => {
+  const { background: n, backgroundResolver: o } = e != null ? e : {};
+  return yt(o, t, n);
+}, vo = (e) => e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "object" ? JSON.stringify(e) : String(e), yo = (e) => Yt(Qt(e)), xo = "_standardTableCell_1xzcm_1", go = {
+  standardTableCell: xo
+}, bo = T.memo(function({
+  enableGridCell: t,
+  children: n,
+  background: o,
+  gridCellRequiredProps: s,
+  isEditing: c,
+  justifyContent: l,
+  onKeyDown: i,
+  width: d,
+  minWidth: u
 }) {
-  return /* @__PURE__ */ jsx(Row, {
-    width,
-    minWidth,
+  return /* @__PURE__ */ r(E, {
+    width: d,
+    minWidth: u,
     height: "inherit",
-    background,
+    background: o,
     overflow: "hidden",
-    onKeyDown,
-    children: /* @__PURE__ */ jsx(Row, {
+    onKeyDown: i,
+    children: /* @__PURE__ */ r(E, {
       border: "1px solid transparent",
-      className: styles$2.standardTableCell,
+      className: go.standardTableCell,
       width: "100%",
       height: "100%",
-      justifyContent,
+      justifyContent: l,
       alignItems: "center",
-      borderRadius: enableGridCell ? "4px" : void 0,
-      focusBorder: enableGridCell && !isEditing ? "1px solid var(--swui-primary-action-color)" : void 0,
-      hoverBorder: enableGridCell && !isEditing ? "1px solid var(--lhds-color-ui-300)" : void 0,
-      ...enableGridCell ? gridCellRequiredProps : void 0,
-      children
+      borderRadius: t ? "4px" : void 0,
+      focusBorder: t && !c ? "1px solid var(--swui-primary-action-color)" : void 0,
+      hoverBorder: t && !c ? "1px solid var(--lhds-color-ui-300)" : void 0,
+      ...t ? s : void 0,
+      children: n
     })
   });
-});
-const textCell = "_textCell_1yv6v_1";
-var styles$1 = {
-  textCell
-};
-const TextCell = React.memo(function TextCell2({
-  label
+}), ko = "_textCell_1yv6v_1", So = {
+  textCell: ko
+}, Io = T.memo(function({
+  label: t
 }) {
-  return /* @__PURE__ */ jsx(Indent, {
+  return /* @__PURE__ */ r(N, {
     overflow: "hidden",
-    children: /* @__PURE__ */ jsx(Text, {
-      className: styles$1.textCell,
-      title: label,
-      children: label
+    children: /* @__PURE__ */ r(U, {
+      className: So.textCell,
+      title: t,
+      children: t
     })
   });
-});
-const StandardTableCell = React.memo(function StandardTableCell2({
-  columnId,
-  item,
-  colIndex,
-  rowIndex,
-  numRows,
-  borderFromGroup,
-  disableBorderLeft
+}), Eo = T.memo(function({
+  columnId: t,
+  item: n,
+  colIndex: o,
+  rowIndex: s,
+  numRows: c,
+  borderFromGroup: l,
+  disableBorderLeft: i
 }) {
-  var _a;
-  const {
-    keyResolver,
-    enableGridCell,
-    gridCellOptions: gridCellOptionsForTable
-  } = useStandardTableConfig();
-  const selectedIds = useStandardTableState().selectedIds.selectedIds;
-  const tableId = useStandardTableId();
-  const onKeyDownTable = useOnKeyDownContext();
+  var Ae;
   const {
-    numNavigableColumns
-  } = useColumnIndexPerColumnIdContext();
-  const stickyPropsPerColumnContext = useStickyPropsPerColumnContext();
-  const itemKey = useMemo(() => keyResolver(item), [item, keyResolver]);
-  const isSelected = useMemo(() => {
-    return selectedIds.indexOf(itemKey) >= 0;
-  }, [itemKey, selectedIds]);
-  const {
-    itemValueResolver,
-    itemLabelFormatter,
-    width,
-    minWidth,
-    justifyContentCell = "flex-start",
-    borderLeft,
-    renderCell,
-    gridCellOptions: gridCellOptionsForColumn,
-    isEditable,
-    onChange,
-    onKeyDown: onKeyDownCell,
-    disableGridCell,
-    disableGridCellFocus,
-    zIndex
-  } = useColumnConfigById(columnId);
-  const itemValue = useMemo(() => {
-    if (itemValueResolver) {
-      return itemValueResolver(item);
-    }
-    if (columnId in item) {
-      return item[columnId];
-    }
-    return "";
-  }, [itemValueResolver, item, columnId]);
-  const label = useMemo(() => itemLabelFormatter ? itemLabelFormatter(itemValue, item) : formatValueLabel(itemValue), [itemValue, itemLabelFormatter, item]);
-  const editable = typeof isEditable === "boolean" ? isEditable : isEditable ? isEditable(item) : void 0;
-  const onKeyDownHandler = useCallback((ev) => {
-    onKeyDownCell == null ? void 0 : onKeyDownCell(ev, {
-      columnId,
-      item
-    });
-    onKeyDownTable == null ? void 0 : onKeyDownTable(ev, {
-      columnId,
-      item
+    keyResolver: d,
+    enableGridCell: u,
+    gridCellOptions: a
+  } = R(), h = Y().selectedIds.selectedIds, m = Re(), f = Ln(), {
+    numNavigableColumns: w
+  } = vt(), p = Ge(), C = v(() => d(n), [n, d]), x = v(() => h.indexOf(C) >= 0, [C, h]), {
+    itemValueResolver: b,
+    itemLabelFormatter: S,
+    width: y,
+    minWidth: A,
+    justifyContentCell: k = "flex-start",
+    borderLeft: L,
+    renderCell: O,
+    gridCellOptions: z,
+    isEditable: D,
+    onChange: j,
+    onKeyDown: K,
+    disableGridCell: H,
+    disableGridCellFocus: le,
+    zIndex: W
+  } = ce(t), q = v(() => b ? b(n) : t in n ? n[t] : "", [b, n, t]), Q = v(() => S ? S(q, n) : vo(q), [q, S, n]), ee = typeof D == "boolean" ? D : D ? D(n) : void 0, me = I((ae) => {
+    K == null || K(ae, {
+      columnId: t,
+      item: n
+    }), f == null || f(ae, {
+      columnId: t,
+      item: n
     });
-  }, [onKeyDownTable, columnId, item, onKeyDownCell]);
-  const gridCell = useGridCell(label, {
-    colIndex,
-    rowIndex,
-    numRows,
-    numCols: numNavigableColumns,
-    tableId,
-    isEditable: editable,
-    onChange: onChange ? (value) => onChange(item, value) : void 0,
-    ...gridCellOptionsForTable,
-    ...gridCellOptionsForColumn
-  });
-  const stickyProps = stickyPropsPerColumnContext[columnId];
-  const background = (_a = useCellBackgroundByColumnId(columnId, item)) != null ? _a : "inherit";
-  const currentZIndex = stickyProps.sticky ? zIndex != null ? zIndex : "var(--swui-sticky-column-z-index)" : zIndex != null ? zIndex : 1;
-  const content = useMemo(() => renderCell ? renderCell({
-    label,
-    value: itemValue,
-    item,
-    gridCell,
-    isEditable: editable,
-    isSelected,
-    zIndex: currentZIndex,
-    itemKey
-  }) : /* @__PURE__ */ jsx(TextCell, {
-    label
-  }), [renderCell, label, itemValue, item, gridCell, editable, isSelected, currentZIndex, itemKey]);
-  const activeBorderLeft = getCellBorder(borderFromGroup, disableBorderLeft, borderLeft);
-  const shadow = stickyProps.sticky && stickyProps.type === "last-group" && stickyProps.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : stickyProps.sticky && stickyProps.type === "column" && stickyProps.right ? "var(--swui-sticky-column-shadow-left)" : stickyProps.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
-  return /* @__PURE__ */ jsx("td", {
+  }, [f, t, n, K]), J = he(Q, {
+    colIndex: o,
+    rowIndex: s,
+    numRows: c,
+    numCols: w,
+    tableId: m,
+    isEditable: ee,
+    onChange: j ? (ae) => j(n, ae) : void 0,
+    ...a,
+    ...z
+  }), P = p[t], ie = (Ae = Co(t, n)) != null ? Ae : "inherit", fe = P.sticky ? W != null ? W : "var(--swui-sticky-column-z-index)" : W != null ? W : 1, bt = v(() => O ? O({
+    label: Q,
+    value: q,
+    item: n,
+    gridCell: J,
+    isEditable: ee,
+    isSelected: x,
+    zIndex: fe,
+    itemKey: C
+  }) : /* @__PURE__ */ r(Io, {
+    label: Q
+  }), [O, Q, q, n, J, ee, x, fe, C]), kt = Oe(l, i, L), St = P.sticky && P.type === "last-group" && P.isFirstColumnInLastGroup || P.sticky && P.type === "column" && P.right ? "var(--swui-sticky-column-shadow-left)" : P.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
+  return /* @__PURE__ */ r("td", {
     style: {
-      borderLeft: activeBorderLeft,
-      position: stickyProps.sticky ? "sticky" : void 0,
-      left: stickyProps.sticky ? stickyProps.left : void 0,
-      right: stickyProps.sticky ? stickyProps.right : void 0,
-      boxShadow: shadow,
-      zIndex: currentZIndex,
+      borderLeft: kt,
+      position: P.sticky ? "sticky" : void 0,
+      left: P.sticky ? P.left : void 0,
+      right: P.sticky ? P.right : void 0,
+      boxShadow: St,
+      zIndex: fe,
       height: "var(--current-row-height)",
-      background
+      background: ie
     },
-    children: /* @__PURE__ */ jsx(StandardTableCellUi, {
-      enableGridCell: enableGridCell && !disableGridCell && !disableGridCellFocus,
-      gridCellRequiredProps: gridCell.requiredProps,
-      isEditing: gridCell.isEditing,
-      width,
-      minWidth,
-      justifyContent: justifyContentCell,
-      onKeyDown: onKeyDownHandler,
-      children: content
+    children: /* @__PURE__ */ r(bo, {
+      enableGridCell: u && !H && !le,
+      gridCellRequiredProps: J.requiredProps,
+      isEditing: J.isEditing,
+      width: y,
+      minWidth: A,
+      justifyContent: k,
+      onKeyDown: me,
+      children: bt
     })
   });
-});
-const StandardTableRowExpansion = function StandardTableRowExpansion2({
-  item
+}), Ro = function({
+  item: t
 }) {
   const {
-    renderRowExpansion,
-    enableExpandCollapse
-  } = useStandardTableConfig();
-  const {
-    isExpanded,
-    toggleRowExpanded
-  } = useExpandCollapseActions(item);
-  const totalNumColumns = useTotalNumColumns();
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: enableExpandCollapse && renderRowExpansion && isExpanded && /* @__PURE__ */ jsx("tr", {
+    renderRowExpansion: n,
+    enableExpandCollapse: o
+  } = R(), {
+    isExpanded: s,
+    toggleRowExpanded: c
+  } = Pe(t), l = Te();
+  return /* @__PURE__ */ r(G, {
+    children: o && n && s && /* @__PURE__ */ r("tr", {
       style: {
-        borderLeft: tableBorderLeftExpanded,
-        background: tableBackgroundColorExpanded
+        borderLeft: et,
+        background: Qe
       },
-      children: /* @__PURE__ */ jsx("td", {
-        colSpan: totalNumColumns,
-        children: renderRowExpansion(item, {
-          onRequestCollapse: toggleRowExpanded
+      children: /* @__PURE__ */ r("td", {
+        colSpan: l,
+        children: n(t, {
+          onRequestCollapse: c
         })
       })
     })
   });
-};
-const TrWithHoverBackground = styled.tr`
+}, xt = en.tr`
   ${({
-  focusBackground
-}) => focusBackground ? `--focus-within-background: ${focusBackground};` : ""}
+  focusBackground: e
+}) => e ? `--focus-within-background: ${e};` : ""}
   ${({
-  borderLeft
-}) => borderLeft ? `border-left: ${borderLeft};` : ""};
+  borderLeft: e
+}) => e ? `border-left: ${e};` : ""};
   ${({
-  background
-}) => background ? `background: ${background};` : ""};
+  background: e
+}) => e ? `background: ${e};` : ""};
   ${({
-  height
-}) => height ? `height: ${height};` : ""};
+  height: e
+}) => e ? `height: ${e};` : ""};
   ${({
-  hoverBackground
-}) => hoverBackground ? `  &:hover {
-    background: ${hoverBackground};
+  hoverBackground: e
+}) => e ? `  &:hover {
+    background: ${e};
   }
 ` : ""}
-`;
-const StandardTableRow = React.memo(function StandardTableRow2({
-  item,
-  idListForEnabledItems,
-  rowIndex,
-  numRows,
-  colIndexOffset,
-  alwaysVisible,
-  shiftPressedRef
+`, Go = T.memo(function({
+  item: t,
+  idListForEnabledItems: n,
+  rowIndex: o,
+  numRows: s,
+  colIndexOffset: c,
+  alwaysVisible: l,
+  shiftPressedRef: i
 }) {
-  const trRef = useRef(null);
-  const totalNumColumns = useTotalNumColumns();
-  const {
-    stickyCheckboxColumn
-  } = useStandardTableConfig();
-  const groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-  const {
-    columnIndexPerColumnId
-  } = useColumnIndexPerColumnIdContext();
-  const {
-    showRowCheckbox,
-    rowBackgroundResolver,
-    checkboxDisabledResolver,
-    enableGridCell,
-    rowIndent,
-    enableExpandCollapse
-  } = useStandardTableConfig();
-  const {
-    isExpanded
-  } = useExpandCollapseActions(item);
-  const {
-    isSelected,
-    toggleSelected,
-    shiftAndToggleSelected
-  } = useRowCheckbox(item, idListForEnabledItems);
-  const visible = useOnScreen(trRef, {
+  const d = te(null), u = Te(), {
+    stickyCheckboxColumn: a
+  } = R(), h = Z(), {
+    columnIndexPerColumnId: m
+  } = vt(), {
+    showRowCheckbox: f,
+    rowBackgroundResolver: w,
+    checkboxDisabledResolver: p,
+    enableGridCell: C,
+    rowIndent: x,
+    enableExpandCollapse: b
+  } = R(), {
+    isExpanded: S
+  } = Pe(t), {
+    isSelected: y,
+    toggleSelected: A,
+    shiftAndToggleSelected: k
+  } = mo(t, n), L = At(d, {
     rootMargin: "400px 0px 400px 0px",
     threshold: 0
-  });
-  const resolvedBackgroundResult = useMemo(() => rowBackgroundResolver == null ? void 0 : rowBackgroundResolver(item, isSelected), [isSelected, item, rowBackgroundResolver]);
-  const background = getBackgroundColor(resolvedBackgroundResult, isSelected, isExpanded);
-  const hoverBackground = getHoverBackgroundColor(resolvedBackgroundResult, isSelected, isExpanded);
-  const focusBackground = getFocusBackgroundColor(resolvedBackgroundResult, isSelected, hoverBackground);
-  const disabled = useMemo(() => checkboxDisabledResolver == null ? void 0 : checkboxDisabledResolver(item), [item, checkboxDisabledResolver]);
-  const firstColumn = useFirstColumnConfig();
-  const firstColumnBackground = useCellBackgroundByColumnConfig(firstColumn, item);
-  const lastColumn = useLastColumnConfig();
-  const lastColumnBackground = useCellBackgroundByColumnConfig(lastColumn, item);
-  const content = useMemo(() => /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsxs(Fragment, {
-      children: [rowIndent && /* @__PURE__ */ jsx("td", {
+  }), O = v(() => w == null ? void 0 : w(t, y), [y, t, w]), z = To(O, y, S), D = Oo(O, y, S), j = Po(O, y, D), K = v(() => p == null ? void 0 : p(t), [t, p]), H = zn(), le = _e(H, t), W = Kn(), q = _e(W, t), Q = v(() => /* @__PURE__ */ r(G, {
+    children: /* @__PURE__ */ g(G, {
+      children: [x && /* @__PURE__ */ r("td", {
         style: {
-          background: firstColumnBackground
+          background: le
         },
-        children: /* @__PURE__ */ jsx(Indent, {
-          num: rowIndent
+        children: /* @__PURE__ */ r(N, {
+          num: x
         })
-      }), enableExpandCollapse && /* @__PURE__ */ jsx("td", {
+      }), b && /* @__PURE__ */ r("td", {
         style: {
-          background: stickyCheckboxColumn ? "inherit" : void 0,
-          position: stickyCheckboxColumn ? "sticky" : void 0,
-          left: stickyCheckboxColumn ? "0px" : void 0,
-          boxShadow: stickyCheckboxColumn ? "var(--swui-sticky-column-shadow-right)" : void 0,
-          zIndex: stickyCheckboxColumn ? "var(--swui-sticky-column-z-index)" : void 0
+          background: a ? "inherit" : void 0,
+          position: a ? "sticky" : void 0,
+          left: a ? "0px" : void 0,
+          boxShadow: a ? "var(--swui-sticky-column-shadow-right)" : void 0,
+          zIndex: a ? "var(--swui-sticky-column-z-index)" : void 0
         },
-        children: /* @__PURE__ */ jsx(Row, {
+        children: /* @__PURE__ */ r(E, {
           width: "var(--swui-expand-cell-width)",
           minWidth: "var(--swui-expand-cell-width)",
           alignItems: "center",
           justifyContent: "center",
-          children: /* @__PURE__ */ jsx(StandardTableRowExpandButton, {
-            colIndex: colIndexOffset,
-            rowIndex: enableGridCell ? rowIndex : 0,
-            numRows: enableGridCell ? numRows : 0,
-            item
+          children: /* @__PURE__ */ r(fo, {
+            colIndex: c,
+            rowIndex: C ? o : 0,
+            numRows: C ? s : 0,
+            item: t
           })
         })
-      }), showRowCheckbox && /* @__PURE__ */ jsx("td", {
+      }), f && /* @__PURE__ */ r("td", {
         style: {
-          background: stickyCheckboxColumn ? "inherit" : void 0,
-          position: stickyCheckboxColumn ? "sticky" : void 0,
-          left: enableExpandCollapse && stickyCheckboxColumn ? "var(--swui-expand-cell-width)" : stickyCheckboxColumn ? "0px" : void 0,
+          background: a ? "inherit" : void 0,
+          position: a ? "sticky" : void 0,
+          left: b && a ? "var(--swui-expand-cell-width)" : a ? "0px" : void 0,
           textAlign: "center",
-          boxShadow: stickyCheckboxColumn ? "var(--swui-sticky-column-shadow-right)" : void 0,
-          zIndex: stickyCheckboxColumn ? "var(--swui-sticky-column-z-index)" : void 0
+          boxShadow: a ? "var(--swui-sticky-column-shadow-right)" : void 0,
+          zIndex: a ? "var(--swui-sticky-column-z-index)" : void 0
         },
-        children: /* @__PURE__ */ jsx(Row, {
+        children: /* @__PURE__ */ r(E, {
           width: "var(--swui-checkbox-cell-width)",
           minWidth: "var(--swui-checkbox-cell-width)",
           alignItems: "center",
           justifyContent: "center",
-          children: /* @__PURE__ */ jsx(StandardTableRowCheckbox, {
-            disabled,
-            value: isSelected,
-            onValueChange: toggleSelected,
-            onValueChangeAndShift: shiftAndToggleSelected,
-            colIndex: colIndexOffset + (enableExpandCollapse ? 1 : 0),
-            rowIndex,
-            numRows,
-            shiftPressedRef
+          children: /* @__PURE__ */ r(ho, {
+            disabled: K,
+            value: y,
+            onValueChange: A,
+            onValueChangeAndShift: k,
+            colIndex: c + (b ? 1 : 0),
+            rowIndex: o,
+            numRows: s,
+            shiftPressedRef: i
           })
         })
-      }), groupConfigsAndIds.map(({
-        groupConfig,
-        groupId
-      }, groupIndex) => /* @__PURE__ */ jsx(React.Fragment, {
-        children: groupConfig.columnOrder.map((columnId, index) => /* @__PURE__ */ jsx(StandardTableCell, {
-          columnId,
-          item,
-          colIndex: colIndexOffset + columnIndexPerColumnId[columnId],
-          rowIndex,
-          numRows,
-          borderFromGroup: getCellBorderFromGroup(groupIndex, index, groupConfig.borderLeft),
-          disableBorderLeft: groupIndex === 0 && index === 0
-        }, columnId))
-      }, groupId)), rowIndent && /* @__PURE__ */ jsx("td", {
+      }), h.map(({
+        groupConfig: ee,
+        groupId: me
+      }, J) => /* @__PURE__ */ r(T.Fragment, {
+        children: ee.columnOrder.map((P, ie) => /* @__PURE__ */ r(Eo, {
+          columnId: P,
+          item: t,
+          colIndex: c + m[P],
+          rowIndex: o,
+          numRows: s,
+          borderFromGroup: pe(J, ie, ee.borderLeft),
+          disableBorderLeft: J === 0 && ie === 0
+        }, P))
+      }, me)), x && /* @__PURE__ */ r("td", {
         style: {
-          background: lastColumnBackground
+          background: q
         },
-        children: /* @__PURE__ */ jsx(Indent, {
-          num: rowIndent
+        children: /* @__PURE__ */ r(N, {
+          num: x
         })
-      }), /* @__PURE__ */ jsx("td", {})]
+      }), /* @__PURE__ */ r("td", {})]
     })
-  }), [colIndexOffset, columnIndexPerColumnId, disabled, enableExpandCollapse, enableGridCell, firstColumnBackground, groupConfigsAndIds, isSelected, item, lastColumnBackground, numRows, rowIndent, rowIndex, shiftAndToggleSelected, shiftPressedRef, showRowCheckbox, stickyCheckboxColumn, toggleSelected]);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(TrWithHoverBackground, {
-      hoverBackground,
-      background,
-      focusBackground,
-      borderLeft: isExpanded ? tableBorderLeftExpanded : tableBorderLeft,
-      ref: trRef,
-      children: visible || alwaysVisible || isExpanded ? content : /* @__PURE__ */ jsx("td", {
-        colSpan: totalNumColumns,
+  }), [c, m, K, b, C, le, h, y, t, q, s, x, o, k, i, f, a, A]);
+  return /* @__PURE__ */ g(G, {
+    children: [/* @__PURE__ */ r(xt, {
+      hoverBackground: D,
+      background: z,
+      focusBackground: j,
+      borderLeft: S ? et : ke,
+      ref: d,
+      children: L || l || S ? Q : /* @__PURE__ */ r("td", {
+        colSpan: u,
         style: {
           height: "var(--current-row-height)"
         }
       })
-    }), /* @__PURE__ */ jsx(StandardTableRowExpansion, {
-      item
+    }), /* @__PURE__ */ r(Ro, {
+      item: t
     })]
   });
-});
-const getBackgroundColor = (resolvedBackground, isSelected, isExpanded) => {
-  if (resolvedBackground) {
-    return typeof resolvedBackground === "string" ? resolvedBackground : resolvedBackground == null ? void 0 : resolvedBackground.background;
-  }
-  if (isSelected) {
-    return cssColor("--lhds-color-blue-100");
-  }
-  if (isExpanded) {
-    return tableBackgroundColorExpanded;
-  }
-  return "white";
-};
-const getHoverBackgroundColor = (resolvedBackground, isSelected, isExpanded) => {
-  if (resolvedBackground) {
-    return typeof resolvedBackground === "string" ? resolvedBackground : resolvedBackground == null ? void 0 : resolvedBackground.hoverBackground;
-  }
-  if (isSelected) {
-    return cssColor("--lhds-color-blue-100");
-  }
-  if (isExpanded) {
-    return tableBackgroundHoverColorExpanded;
-  }
-  return cssColor("--lhds-color-ui-100");
-};
-const getFocusBackgroundColor = (resolvedBackground, isSelected, hoverBackground) => {
-  if (isSelected) {
-    return cssColor("--lhds-color-blue-100");
-  }
-  if (resolvedBackground) {
-    return hoverBackground;
-  }
-  return void 0;
-};
-const isSummaryRowVisible = (columns) => Object.values(columns).some((columnConfig) => columnHasSummaryCell(columnConfig));
-const columnHasSummaryCell = (columnConfig) => Boolean(columnConfig.renderSummaryCell || columnConfig.summaryText);
-const summaryRow = "_summaryRow_12x8k_1";
-var styles = {
-  summaryRow
-};
-const SummaryCell = React.memo(function SummaryCell2({
-  columnId,
-  items,
-  disableBorderLeft,
-  borderFromGroup,
-  colSpan
+}), To = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.background : t ? _("--lhds-color-blue-100") : n ? Qe : "white", Oo = (e, t, n) => e ? typeof e == "string" ? e : e == null ? void 0 : e.hoverBackground : t ? _("--lhds-color-blue-100") : n ? sn : _("--lhds-color-ui-100"), Po = (e, t, n) => {
+  if (t)
+    return _("--lhds-color-blue-100");
+  if (e)
+    return n;
+}, Ao = (e) => Object.values(e).some((t) => Lo(t)), Lo = (e) => Boolean(e.renderSummaryCell || e.summaryText), Bo = "_summaryRow_12x8k_1", Do = {
+  summaryRow: Bo
+}, No = T.memo(function({
+  columnId: t,
+  items: n,
+  disableBorderLeft: o,
+  borderFromGroup: s,
+  colSpan: c
 }) {
-  const stickyPropsPerColumnContext = useStickyPropsPerColumnContext();
-  const {
-    renderSummaryCell,
-    summaryText,
-    borderLeft,
-    zIndex,
-    width,
-    minWidth,
-    justifyContentCell
-  } = useColumnConfigById(columnId);
-  const activeBorderLeft = getCellBorder(borderFromGroup, disableBorderLeft, borderLeft);
-  const stickyProps = stickyPropsPerColumnContext[columnId];
-  const currentZIndex = stickyProps.sticky ? zIndex != null ? zIndex : "var(--swui-sticky-column-z-index)" : zIndex != null ? zIndex : 1;
-  const shadow = stickyProps.sticky && stickyProps.type === "last-group" && stickyProps.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : stickyProps.sticky && stickyProps.type === "column" && stickyProps.right ? "var(--swui-sticky-column-shadow-left)" : stickyProps.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
-  const text = useMemo(() => summaryText == null ? void 0 : summaryText({
-    items
-  }), [items, summaryText]);
-  const renderResult = useMemo(() => renderSummaryCell == null ? void 0 : renderSummaryCell({
-    items,
-    text
-  }), [items, renderSummaryCell, text]);
-  return /* @__PURE__ */ jsx("td", {
-    colSpan,
+  const l = Ge(), {
+    renderSummaryCell: i,
+    summaryText: d,
+    borderLeft: u,
+    zIndex: a,
+    width: h,
+    minWidth: m,
+    justifyContentCell: f
+  } = ce(t), w = Oe(s, o, u), p = l[t], C = p.sticky ? a != null ? a : "var(--swui-sticky-column-z-index)" : a != null ? a : 1, x = p.sticky && p.type === "last-group" && p.isFirstColumnInLastGroup || p.sticky && p.type === "column" && p.right ? "var(--swui-sticky-column-shadow-left)" : p.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0, b = v(() => d == null ? void 0 : d({
+    items: n
+  }), [n, d]), S = v(() => i == null ? void 0 : i({
+    items: n,
+    text: b
+  }), [n, i, b]);
+  return /* @__PURE__ */ r("td", {
+    colSpan: c,
     style: {
-      borderLeft: activeBorderLeft,
-      position: stickyProps.sticky ? "sticky" : void 0,
-      left: stickyProps.sticky ? stickyProps.left : void 0,
-      right: stickyProps.sticky ? stickyProps.right : void 0,
-      boxShadow: shadow,
-      zIndex: currentZIndex,
+      borderLeft: w,
+      position: p.sticky ? "sticky" : void 0,
+      left: p.sticky ? p.left : void 0,
+      right: p.sticky ? p.right : void 0,
+      boxShadow: x,
+      zIndex: C,
       height: "var(--current-row-height)"
     },
-    children: /* @__PURE__ */ jsx(Row, {
-      width,
-      minWidth,
+    children: /* @__PURE__ */ r(E, {
+      width: h,
+      minWidth: m,
       height: "inherit",
       overflow: "hidden",
-      justifyContent: justifyContentCell,
+      justifyContent: f,
       alignItems: "center",
-      children: renderSummaryCell ? renderResult : /* @__PURE__ */ jsx(Indent, {
-        children: /* @__PURE__ */ jsx(Text, {
+      children: i ? S : /* @__PURE__ */ r(N, {
+        children: /* @__PURE__ */ r(U, {
           variant: "bold",
-          children: text
+          children: b
         })
       })
     })
   });
-});
-const getColumnsLimitedWithColSpan = (columnOrder, columns) => {
-  const list = [];
-  for (let i = 0; i < columnOrder.length; i++) {
-    const { summaryCellColSpan } = columns[columnOrder[i]];
-    const realColSpan = Math.min(summaryCellColSpan != null ? summaryCellColSpan : 1, columnOrder.length - i);
-    list.push({ columnId: columnOrder[i], colSpan: realColSpan });
-    const colSpan = summaryCellColSpan != null ? summaryCellColSpan : 1;
-    if (colSpan > 1) {
-      i += colSpan - 1;
-    }
-  }
-  return list;
-};
-const StandardTableSummaryRow = React.memo(function StandardTableSummaryRow2({
-  items
+}), zo = (e, t) => {
+  const n = [];
+  for (let o = 0; o < e.length; o++) {
+    const { summaryCellColSpan: s } = t[e[o]], c = Math.min(
+      s != null ? s : 1,
+      e.length - o
+    );
+    n.push({ columnId: e[o], colSpan: c });
+    const l = s != null ? s : 1;
+    l > 1 && (o += l - 1);
+  }
+  return n;
+}, Ko = T.memo(function({
+  items: t
 }) {
-  const groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-  const {
-    showRowCheckbox,
-    enableExpandCollapse,
-    columns,
-    rowIndent
-  } = useStandardTableConfig();
-  return /* @__PURE__ */ jsxs("tr", {
-    className: styles.summaryRow,
-    children: [rowIndent && /* @__PURE__ */ jsx("td", {
-      children: /* @__PURE__ */ jsx(Indent, {
-        num: rowIndent
+  const n = Z(), {
+    showRowCheckbox: o,
+    enableExpandCollapse: s,
+    columns: c,
+    rowIndent: l
+  } = R();
+  return /* @__PURE__ */ g("tr", {
+    className: Do.summaryRow,
+    children: [l && /* @__PURE__ */ r("td", {
+      children: /* @__PURE__ */ r(N, {
+        num: l
       })
-    }), enableExpandCollapse && /* @__PURE__ */ jsx("td", {}), showRowCheckbox && /* @__PURE__ */ jsx("td", {}), groupConfigsAndIds.map(({
-      groupConfig,
-      groupId
-    }, groupIndex) => /* @__PURE__ */ jsx(React.Fragment, {
-      children: getColumnsLimitedWithColSpan(groupConfig.columnOrder, columns).map(({
-        columnId,
-        colSpan
-      }, index) => {
-        return /* @__PURE__ */ jsx(SummaryCell, {
-          colSpan,
-          columnId,
-          items,
-          borderFromGroup: getCellBorderFromGroup(groupIndex, index, groupConfig.borderLeft),
-          disableBorderLeft: groupIndex === 0 && index === 0
-        }, columnId);
+    }), s && /* @__PURE__ */ r("td", {}), o && /* @__PURE__ */ r("td", {}), n.map(({
+      groupConfig: i,
+      groupId: d
+    }, u) => /* @__PURE__ */ r(T.Fragment, {
+      children: zo(i.columnOrder, c).map(({
+        columnId: a,
+        colSpan: h
+      }, m) => /* @__PURE__ */ r(No, {
+        colSpan: h,
+        columnId: a,
+        items: t,
+        borderFromGroup: pe(u, m, i.borderLeft),
+        disableBorderLeft: u === 0 && m === 0
+      }, a))
+    }, d)), l && /* @__PURE__ */ r("td", {
+      children: /* @__PURE__ */ r(N, {
+        num: l
       })
-    }, groupId)), rowIndent && /* @__PURE__ */ jsx("td", {
-      children: /* @__PURE__ */ jsx(Indent, {
-        num: rowIndent
-      })
-    }), /* @__PURE__ */ jsx("td", {})]
+    }), /* @__PURE__ */ r("td", {})]
   });
-});
-const SummaryRowSwitcher = function SummaryRowSwitcher2({
-  items
+}), Ho = function({
+  items: t
 }) {
   const {
-    columns
-  } = useStandardTableConfig();
-  const visible = useMemo(() => isSummaryRowVisible(columns), [columns]);
-  if (!visible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(StandardTableSummaryRow, {
-    items
-  });
-};
-const filterItemsOnEnabledCheckboxes = (checkboxDisabledResolver) => (item) => (checkboxDisabledResolver == null ? void 0 : checkboxDisabledResolver(item)) ? false : true;
-const StandardTableRowList = React.memo(function StandardTableRowList2({
-  items,
-  colIndexOffset = 0,
-  rowIndexOffset = 0
+    columns: n
+  } = R();
+  return v(() => Ao(n), [n]) ? /* @__PURE__ */ r(Ko, {
+    items: t
+  }) : null;
+}, gt = (e) => (t) => !(e != null && e(t)), $o = T.memo(function({
+  items: t,
+  colIndexOffset: n = 0,
+  rowIndexOffset: o = 0
 }) {
-  const sortCounterRef = useRef(0);
-  const shiftPressedRef = useRef(false);
-  const {
-    keyResolver,
-    disableInfiniteList,
-    checkboxDisabledResolver
-  } = useStandardTableConfig();
-  const {
+  const s = te(0), c = te(!1), {
+    keyResolver: l,
+    disableInfiniteList: i,
+    checkboxDisabledResolver: d
+  } = R(), {
     sortOrder: {
-      sortBy,
-      desc
+      sortBy: u,
+      desc: a
     }
-  } = useStandardTableState();
-  const valueResolver = useColumnValueResolver(sortBy);
-  const sortedItems = useMemo(() => {
-    if (!items || !items.length) {
+  } = Y(), h = uo(u), m = v(() => {
+    if (!t || !t.length)
       return [];
-    }
-    if (!valueResolver) {
-      return items;
-    }
-    const sortedList = [...items];
-    sortedList.sort((a, b) => multitypeComparator(valueResolver(a), valueResolver(b)));
-    if (desc) {
-      sortedList.reverse();
-    }
-    if (!disableInfiniteList) {
-      sortCounterRef.current++;
-    }
-    return sortedList;
-  }, [items, valueResolver, desc, disableInfiniteList]);
-  const idListForEnabledItems = useMemo(() => sortedItems.filter(filterItemsOnEnabledCheckboxes(checkboxDisabledResolver)).map((l) => keyResolver(l)), [sortedItems, checkboxDisabledResolver, keyResolver]);
-  useEffect(() => {
-    const keyUp = (ev) => {
-      if (ev.key === "Shift") {
-        shiftPressedRef.current = false;
-      }
+    if (!h)
+      return t;
+    const w = [...t];
+    return w.sort((p, C) => ao(h(p), h(C))), a && w.reverse(), i || s.current++, w;
+  }, [t, h, a, i]), f = v(() => m.filter(gt(d)).map((w) => l(w)), [m, d, l]);
+  return je(() => {
+    const w = (C) => {
+      C.key === "Shift" && (c.current = !1);
+    }, p = (C) => {
+      C.key === "Shift" && (c.current = !0);
     };
-    const keyDown = (ev) => {
-      if (ev.key === "Shift") {
-        shiftPressedRef.current = true;
-      }
-    };
-    document.addEventListener("keyup", keyUp);
-    document.addEventListener("keydown", keyDown);
-    return () => {
-      document.removeEventListener("keyup", keyUp);
-      document.removeEventListener("keydown", keyDown);
+    return document.addEventListener("keyup", w), document.addEventListener("keydown", p), () => {
+      document.removeEventListener("keyup", w), document.removeEventListener("keydown", p);
     };
-  }, []);
-  return /* @__PURE__ */ jsxs(React.Fragment, {
-    children: [sortedItems.map((item, index) => /* @__PURE__ */ jsx(StandardTableRow, {
-      alwaysVisible: disableInfiniteList || sortedItems.length < 30,
-      item,
-      idListForEnabledItems,
-      colIndexOffset,
-      rowIndex: index + rowIndexOffset,
-      numRows: sortedItems.length,
-      shiftPressedRef
-    }, keyResolver(item))), /* @__PURE__ */ jsx(SummaryRowSwitcher, {
-      items: sortedItems
+  }, []), /* @__PURE__ */ g(T.Fragment, {
+    children: [m.map((w, p) => /* @__PURE__ */ r(Go, {
+      alwaysVisible: i || m.length < 30,
+      item: w,
+      idListForEnabledItems: f,
+      colIndexOffset: n,
+      rowIndex: p + o,
+      numRows: m.length,
+      shiftPressedRef: c
+    }, l(w))), /* @__PURE__ */ r(Ho, {
+      items: m
     })]
-  }, sortCounterRef.current);
-});
-const StandardTableContent = React.memo(function StandardTableContent2({
-  error,
-  bannerError,
-  loading,
-  items,
-  noItemsLabel = "There is no data available.",
-  noItemsContentRight,
-  noItemsContentBottom,
-  noItemsHeader,
-  colIndexOffset,
-  rowIndexOffset,
-  variant,
-  errorLabel
+  }, s.current);
+}), Mo = T.memo(function({
+  error: t,
+  bannerError: n,
+  loading: o,
+  items: s,
+  noItemsLabel: c = "There is no data available.",
+  noItemsContentRight: l,
+  noItemsContentBottom: i,
+  noItemsHeader: d,
+  colIndexOffset: u,
+  rowIndexOffset: a,
+  variant: h,
+  errorLabel: m
 }) {
-  var _a;
-  const totalNumColumns = useTotalNumColumns();
-  if (bannerError) {
-    return /* @__PURE__ */ jsx("tbody", {
-      children: /* @__PURE__ */ jsx("tr", {
-        children: /* @__PURE__ */ jsx("td", {
-          colSpan: totalNumColumns,
-          children: /* @__PURE__ */ jsx(Spacing, {
-            num: 4,
-            justifyContent: "center",
-            children: /* @__PURE__ */ jsx(Box, {
-              alignItems: "center",
-              children: /* @__PURE__ */ jsx(ResultListBanner, {
-                bannerState: bannerError,
-                variant: "error"
-              })
+  var w;
+  const f = Te();
+  return n ? /* @__PURE__ */ r("tbody", {
+    children: /* @__PURE__ */ r("tr", {
+      children: /* @__PURE__ */ r("td", {
+        colSpan: f,
+        children: /* @__PURE__ */ r(we, {
+          num: 4,
+          justifyContent: "center",
+          children: /* @__PURE__ */ r(ne, {
+            alignItems: "center",
+            children: /* @__PURE__ */ r(Tt, {
+              bannerState: n,
+              variant: "error"
             })
           })
         })
       })
-    });
-  }
-  if (error || errorLabel) {
-    return /* @__PURE__ */ jsx("tbody", {
-      children: /* @__PURE__ */ jsx("tr", {
-        children: /* @__PURE__ */ jsx("td", {
-          colSpan: totalNumColumns,
-          children: /* @__PURE__ */ jsx(Spacing, {
-            num: 4,
-            justifyContent: "center",
-            children: /* @__PURE__ */ jsx(Box, {
-              alignItems: "center",
-              children: /* @__PURE__ */ jsx(Banner, {
-                headerText: (_a = error ? error.message : errorLabel) != null ? _a : "Unknown error",
-                variant: "error"
-              })
+    })
+  }) : t || m ? /* @__PURE__ */ r("tbody", {
+    children: /* @__PURE__ */ r("tr", {
+      children: /* @__PURE__ */ r("td", {
+        colSpan: f,
+        children: /* @__PURE__ */ r(we, {
+          num: 4,
+          justifyContent: "center",
+          children: /* @__PURE__ */ r(ne, {
+            alignItems: "center",
+            children: /* @__PURE__ */ r(Le, {
+              headerText: (w = t ? t.message : m) != null ? w : "Unknown error",
+              variant: "error"
             })
           })
         })
       })
-    });
-  }
-  if (loading) {
-    return /* @__PURE__ */ jsx("tbody", {
-      children: /* @__PURE__ */ jsx("tr", {
-        children: /* @__PURE__ */ jsx("td", {
-          colSpan: totalNumColumns,
-          children: /* @__PURE__ */ jsx(Spacing, {
-            num: 4,
-            children: /* @__PURE__ */ jsx(LoadingScreen, {})
-          })
+    })
+  }) : o ? /* @__PURE__ */ r("tbody", {
+    children: /* @__PURE__ */ r("tr", {
+      children: /* @__PURE__ */ r("td", {
+        colSpan: f,
+        children: /* @__PURE__ */ r(we, {
+          num: 4,
+          children: /* @__PURE__ */ r(Zt, {})
         })
       })
-    });
-  }
-  if (!items || !items.length) {
-    return /* @__PURE__ */ jsx("tbody", {
-      children: /* @__PURE__ */ jsx("tr", {
-        children: /* @__PURE__ */ jsx("td", {
-          colSpan: totalNumColumns,
-          children: /* @__PURE__ */ jsx(Row, {
-            spacing: 4,
-            justifyContent: "center",
-            children: /* @__PURE__ */ jsx(Banner, {
-              text: noItemsLabel,
-              headerText: noItemsHeader,
-              contentRight: noItemsContentRight,
-              variant: "info",
-              children: noItemsContentBottom
-            })
+    })
+  }) : !s || !s.length ? /* @__PURE__ */ r("tbody", {
+    children: /* @__PURE__ */ r("tr", {
+      children: /* @__PURE__ */ r("td", {
+        colSpan: f,
+        children: /* @__PURE__ */ r(E, {
+          spacing: 4,
+          justifyContent: "center",
+          children: /* @__PURE__ */ r(Le, {
+            text: c,
+            headerText: d,
+            contentRight: l,
+            variant: "info",
+            children: i
           })
         })
       })
-    });
-  }
-  return /* @__PURE__ */ jsx("tbody", {
-    children: /* @__PURE__ */ jsx(StandardTableRowList, {
-      variant,
-      items,
-      colIndexOffset,
-      rowIndexOffset
+    })
+  }) : /* @__PURE__ */ r("tbody", {
+    children: /* @__PURE__ */ r($o, {
+      variant: h,
+      items: s,
+      colIndexOffset: u,
+      rowIndexOffset: a
     })
   });
-});
-const useTableHeadCheckbox = (items) => {
-  const { keyResolver, checkboxDisabledResolver } = useStandardTableConfig();
-  const {
-    selectedIds: { selectedIds }
-  } = useStandardTableState();
-  const {
-    actions: { setSelectedIds, clearSelection },
-    dispatch
-  } = useStandardTableActions();
-  const selectionIsEmpty = selectedIds.length === 0;
-  const allItemsAreSelected = !items ? false : items.length > 0 && selectedIds.length === items.length;
-  const onClickCheckbox = useCallback(() => {
-    if (items) {
-      if (selectionIsEmpty) {
-        dispatch(setSelectedIds(items.filter(filterItemsOnEnabledCheckboxes(checkboxDisabledResolver)).map((item) => keyResolver(item))));
-      } else {
-        dispatch(clearSelection());
-      }
-    }
+}), Vo = (e) => {
+  const { keyResolver: t, checkboxDisabledResolver: n } = R(), {
+    selectedIds: { selectedIds: o }
+  } = Y(), {
+    actions: { setSelectedIds: s, clearSelection: c },
+    dispatch: l
+  } = se(), i = o.length === 0, d = e ? e.length > 0 && o.length === e.length : !1, u = I(() => {
+    e && l(
+      i ? s(
+        e.filter(gt(n)).map((a) => t(a))
+      ) : c()
+    );
   }, [
-    items,
-    selectionIsEmpty,
-    dispatch,
-    setSelectedIds,
-    checkboxDisabledResolver,
-    keyResolver,
-    clearSelection
+    e,
+    i,
+    l,
+    s,
+    n,
+    t,
+    c
   ]);
   return {
-    selectionIsEmpty,
-    allItemsAreSelected,
-    onClickCheckbox
+    selectionIsEmpty: i,
+    allItemsAreSelected: d,
+    onClickCheckbox: u
   };
-};
-const useTableHeadExpandCollapse = (items) => {
-  const { keyResolver } = useStandardTableConfig();
-  const {
-    expandedRows: { selectedIds }
-  } = useStandardTableState();
-  const {
-    actions: { collapseAll, expandByIds },
-    dispatch
-  } = useStandardTableActions();
-  const allItemsAreExpanded = !items ? false : items.length > 0 && selectedIds.length === items.length;
-  const toggleExpanded = useCallback(() => {
-    if (items) {
-      if (allItemsAreExpanded) {
-        dispatch(collapseAll());
-      } else {
-        dispatch(expandByIds(items.map((item) => keyResolver(item))));
-      }
-    }
+}, _o = (e) => {
+  const { keyResolver: t } = R(), {
+    expandedRows: { selectedIds: n }
+  } = Y(), {
+    actions: { collapseAll: o, expandByIds: s },
+    dispatch: c
+  } = se(), l = e ? e.length > 0 && n.length === e.length : !1, i = I(() => {
+    e && c(l ? o() : s(e.map((d) => t(d))));
   }, [
-    allItemsAreExpanded,
-    collapseAll,
-    dispatch,
-    items,
-    keyResolver,
-    expandByIds
+    l,
+    o,
+    c,
+    e,
+    t,
+    s
   ]);
   return {
-    allItemsAreExpanded,
-    toggleExpanded
+    allItemsAreExpanded: l,
+    toggleExpanded: i
   };
-};
-const useTableSortHeader = (columnId) => {
-  const { dispatch, actions } = useStandardTableActions();
-  const {
-    sortOrder: { desc, sortBy }
-  } = useStandardTableState();
-  return useMemo(() => {
-    const selected = columnId === sortBy;
+}, jo = (e) => {
+  const { dispatch: t, actions: n } = se(), {
+    sortOrder: { desc: o, sortBy: s }
+  } = Y();
+  return v(() => {
+    const c = e === s;
     return {
-      arrow: selected ? desc ? "up" : "down" : void 0,
-      selected,
-      desc,
+      arrow: c ? o ? "up" : "down" : void 0,
+      selected: c,
+      desc: o,
       onClickColumnHead: () => {
-        dispatch(actions.sortBy(columnId, selected ? !desc : false));
+        t(n.sortBy(e, c ? !o : !1));
       }
     };
-  }, [sortBy, desc, actions, columnId, dispatch]);
-};
-const StandardTableHeadItem = React.memo(function StandardTableHeaderItem({
-  columnId,
-  borderFromGroup,
-  disableBorderLeft,
-  stickyHeader,
-  top
+  }, [s, o, n, e, t]);
+}, Wo = T.memo(function({
+  columnId: t,
+  borderFromGroup: n,
+  disableBorderLeft: o,
+  stickyHeader: s,
+  top: c
 }) {
   const {
-    justifyContentHeader,
-    columnLabel,
-    borderLeft,
-    infoIconTooltipText,
-    background,
-    zIndex,
-    sortOrderIconVariant,
-    width,
-    minWidth
-  } = useColumnConfigById(columnId);
-  const {
-    disableSorting,
-    sortOrderIconVariant: defaultSortOrderIconVariant
-  } = useStandardTableConfig();
-  const stickyPropsPerColumnContext = useStickyPropsPerColumnContext();
-  const {
-    arrow,
-    onClickColumnHead
-  } = useTableSortHeader(columnId);
-  const label = typeof columnLabel === "string" ? columnLabel : formatColumnIdToHeaderCellLabel(columnId);
-  const activeBorderLeft = getCellBorder(borderFromGroup, disableBorderLeft, borderLeft);
-  const stickyProps = stickyPropsPerColumnContext[columnId];
-  return /* @__PURE__ */ jsx("th", {
+    justifyContentHeader: l,
+    columnLabel: i,
+    borderLeft: d,
+    infoIconTooltipText: u,
+    background: a,
+    zIndex: h,
+    sortOrderIconVariant: m,
+    width: f,
+    minWidth: w
+  } = ce(t), {
+    disableSorting: p,
+    sortOrderIconVariant: C
+  } = R(), x = Ge(), {
+    arrow: b,
+    onClickColumnHead: S
+  } = jo(t), y = typeof i == "string" ? i : yo(t), A = Oe(n, o, d), k = x[t];
+  return /* @__PURE__ */ r("th", {
     style: {
-      background: background != null ? background : "white",
-      borderLeft: activeBorderLeft,
-      position: stickyHeader || stickyProps.sticky ? "sticky" : void 0,
-      left: stickyProps.left,
-      right: stickyProps.right,
-      top,
-      boxShadow: stickyProps.sticky && stickyProps.isFirstColumnInLastGroup && stickyHeader ? "var(--swui-sticky-header-shadow-and-left)" : stickyProps.sticky && stickyProps.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : stickyHeader && stickyProps.sticky ? "var(--swui-sticky-header-shadow-and-right)" : stickyHeader ? "var(--swui-sticky-header-shadow)" : stickyProps.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0,
-      zIndex: stickyHeader && stickyProps.sticky ? "var(--swui-sticky-header-in-sticky-column-z-index)" : stickyHeader ? "var(--swui-sticky-header-z-index)" : stickyProps.sticky ? "var(--swui-sticky-group-header-z-index)" : zIndex,
-      width,
-      minWidth
+      background: a != null ? a : "white",
+      borderLeft: A,
+      position: s || k.sticky ? "sticky" : void 0,
+      left: k.left,
+      right: k.right,
+      top: c,
+      boxShadow: k.sticky && k.isFirstColumnInLastGroup && s ? "var(--swui-sticky-header-shadow-and-left)" : k.sticky && k.isFirstColumnInLastGroup ? "var(--swui-sticky-column-shadow-left)" : s && k.sticky ? "var(--swui-sticky-header-shadow-and-right)" : s ? "var(--swui-sticky-header-shadow)" : k.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0,
+      zIndex: s && k.sticky ? "var(--swui-sticky-header-in-sticky-column-z-index)" : s ? "var(--swui-sticky-header-z-index)" : k.sticky ? "var(--swui-sticky-group-header-z-index)" : h,
+      width: f,
+      minWidth: w
     },
-    children: /* @__PURE__ */ jsx(TableHeadItem, {
+    children: /* @__PURE__ */ r(Ee, {
       width: "inherit",
       minWidth: "inherit",
-      arrow: !disableSorting && label ? arrow : void 0,
-      onClick: !disableSorting ? onClickColumnHead : void 0,
-      label,
-      infoIconTooltipText,
-      alignRight: justifyContentHeader === "flex-end",
-      sortOrderIconVariant: sortOrderIconVariant != null ? sortOrderIconVariant : defaultSortOrderIconVariant
+      arrow: !p && y ? b : void 0,
+      onClick: p ? void 0 : S,
+      label: y,
+      infoIconTooltipText: u,
+      alignRight: l === "flex-end",
+      sortOrderIconVariant: m != null ? m : C
     })
   });
-});
-const getTopPosition = (headerRowOffsetTop, columnGroupOrder, height, stickyHeader) => {
-  if (headerRowOffsetTop && columnGroupOrder !== void 0) {
-    return `calc(${headerRowOffsetTop} + ${height})`;
-  } else if (stickyHeader && columnGroupOrder) {
-    return `calc(0px + ${height})`;
-  } else if (headerRowOffsetTop) {
-    return headerRowOffsetTop;
-  } else if (stickyHeader) {
+}), qo = (e, t, n, o) => {
+  if (e && t !== void 0)
+    return `calc(${e} + ${n})`;
+  if (o && t)
+    return `calc(0px + ${n})`;
+  if (e)
+    return e;
+  if (o)
     return 0;
-  }
-  return void 0;
-};
-const StandardTableHeadRow = React.memo(function StandardTableHeadRow2({
-  items,
-  height = defaultTableRowHeight
+}, Fo = T.memo(function({
+  items: t,
+  height: n = Se
 }) {
-  const groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-  const {
-    showHeaderCheckbox,
-    showHeaderExpandCollapse,
-    enableExpandCollapse,
-    rowIndent,
-    headerRowOffsetTop,
-    zIndex,
-    stickyHeader,
-    stickyCheckboxColumn,
-    showRowCheckbox
-  } = useStandardTableConfig();
-  const columnGroupOrder = useColumnGroupOrderContext();
-  const {
-    allItemsAreExpanded,
-    toggleExpanded
-  } = useTableHeadExpandCollapse(items);
-  const {
-    allItemsAreSelected,
-    onClickCheckbox,
-    selectionIsEmpty
-  } = useTableHeadCheckbox(items);
-  const checkboxDisabled = !items || items.length === 0;
-  const stickyHeaderStyle = {
-    zIndex: stickyHeader && stickyCheckboxColumn ? "var(--swui-sticky-header-in-sticky-column-z-index)" : stickyCheckboxColumn ? "var(--swui-sticky-group-header-z-index)" : stickyHeader ? "var(--swui-sticky-header-z-index)" : zIndex,
-    top: getTopPosition(headerRowOffsetTop, columnGroupOrder, height, stickyHeader),
-    background: stickyHeader || stickyCheckboxColumn ? "white" : void 0,
-    position: stickyHeader || stickyCheckboxColumn ? "sticky" : void 0,
-    boxShadow: stickyHeader && stickyCheckboxColumn ? "var(--swui-sticky-header-shadow-and-right)" : stickyCheckboxColumn ? "var(--swui-sticky-column-shadow-right)" : stickyHeader ? "var(--swui-sticky-header-shadow)" : void 0
+  const o = Z(), {
+    showHeaderCheckbox: s,
+    showHeaderExpandCollapse: c,
+    enableExpandCollapse: l,
+    rowIndent: i,
+    headerRowOffsetTop: d,
+    zIndex: u,
+    stickyHeader: a,
+    stickyCheckboxColumn: h,
+    showRowCheckbox: m
+  } = R(), f = Dn(), {
+    allItemsAreExpanded: w,
+    toggleExpanded: p
+  } = _o(t), {
+    allItemsAreSelected: C,
+    onClickCheckbox: x,
+    selectionIsEmpty: b
+  } = Vo(t), S = !t || t.length === 0, y = {
+    zIndex: a && h ? "var(--swui-sticky-header-in-sticky-column-z-index)" : h ? "var(--swui-sticky-group-header-z-index)" : a ? "var(--swui-sticky-header-z-index)" : u,
+    top: qo(d, f, n, a),
+    background: a || h ? "white" : void 0,
+    position: a || h ? "sticky" : void 0,
+    boxShadow: a && h ? "var(--swui-sticky-header-shadow-and-right)" : h ? "var(--swui-sticky-column-shadow-right)" : a ? "var(--swui-sticky-header-shadow)" : void 0
   };
-  return /* @__PURE__ */ jsxs(TrWithHoverBackground, {
-    height,
-    borderLeft: tableBorderLeft,
-    children: [rowIndent && /* @__PURE__ */ jsx("th", {
-      style: stickyHeaderStyle,
-      children: /* @__PURE__ */ jsx(Row, {
-        indent: rowIndent
+  return /* @__PURE__ */ g(xt, {
+    height: n,
+    borderLeft: ke,
+    children: [i && /* @__PURE__ */ r("th", {
+      style: y,
+      children: /* @__PURE__ */ r(E, {
+        indent: i
       })
-    }), enableExpandCollapse && /* @__PURE__ */ jsx("th", {
+    }), l && /* @__PURE__ */ r("th", {
       style: {
-        ...stickyHeaderStyle,
+        ...y,
         left: "0px",
         textAlign: "left"
       },
-      children: /* @__PURE__ */ jsx(Row, {
+      children: /* @__PURE__ */ r(E, {
         width: "var(--swui-expand-cell-width)",
         minWidth: "var(--swui-expand-cell-width)",
         alignItems: "center",
         justifyContent: "center",
-        children: showHeaderExpandCollapse && /* @__PURE__ */ jsx(FlatButton, {
+        children: c && /* @__PURE__ */ r(xe, {
           size: "small",
-          leftIcon: allItemsAreExpanded ? faChevronDown : faChevronRight,
-          onClick: toggleExpanded
+          leftIcon: w ? Ze : Je,
+          onClick: p
         })
       })
-    }), (showRowCheckbox || showHeaderCheckbox) && /* @__PURE__ */ jsx("th", {
+    }), (m || s) && /* @__PURE__ */ r("th", {
       style: {
-        ...stickyHeaderStyle,
+        ...y,
         overflow: "hidden",
-        left: stickyCheckboxColumn && enableExpandCollapse ? "var(--swui-expand-cell-width)" : stickyCheckboxColumn ? "0px" : void 0
+        left: h && l ? "var(--swui-expand-cell-width)" : h ? "0px" : void 0
       },
-      children: /* @__PURE__ */ jsx(Row, {
+      children: /* @__PURE__ */ r(E, {
         width: "var(--swui-checkbox-cell-width)",
         minWidth: "var(--swui-checkbox-cell-width)",
         alignItems: "center",
         justifyContent: "center",
-        children: showHeaderCheckbox && /* @__PURE__ */ jsx(Checkbox, {
+        children: s && /* @__PURE__ */ r(Ue, {
           size: "small",
-          disabled: checkboxDisabled,
-          value: allItemsAreSelected,
-          indeterminate: !selectionIsEmpty && !allItemsAreSelected,
-          onValueChange: onClickCheckbox
+          disabled: S,
+          value: C,
+          indeterminate: !b && !C,
+          onValueChange: x
         })
       })
-    }), groupConfigsAndIds.map(({
-      groupConfig,
-      groupId
-    }, groupIndex) => {
-      return /* @__PURE__ */ jsx(React.Fragment, {
-        children: groupConfig.columnOrder.map((columnId, index) => {
-          return /* @__PURE__ */ jsx(StandardTableHeadItem, {
-            columnId,
-            borderFromGroup: getCellBorderFromGroup(groupIndex, index, groupConfig.borderLeft),
-            disableBorderLeft: groupIndex === 0 && index === 0,
-            stickyHeader,
-            top: stickyHeaderStyle.top
-          }, columnId);
-        })
-      }, groupId);
-    }), rowIndent && /* @__PURE__ */ jsx("th", {
-      style: stickyHeaderStyle,
-      children: /* @__PURE__ */ jsx(Row, {
-        indent: rowIndent
+    }), o.map(({
+      groupConfig: A,
+      groupId: k
+    }, L) => /* @__PURE__ */ r(T.Fragment, {
+      children: A.columnOrder.map((O, z) => /* @__PURE__ */ r(Wo, {
+        columnId: O,
+        borderFromGroup: pe(L, z, A.borderLeft),
+        disableBorderLeft: L === 0 && z === 0,
+        stickyHeader: a,
+        top: y.top
+      }, O))
+    }, k)), i && /* @__PURE__ */ r("th", {
+      style: y,
+      children: /* @__PURE__ */ r(E, {
+        indent: i
       })
-    }), /* @__PURE__ */ jsx("th", {
-      style: stickyHeaderStyle
+    }), /* @__PURE__ */ r("th", {
+      style: y
     })]
   });
-});
-const ColGroups = () => {
-  const config = useStandardTableConfig();
-  const groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-  const hasExtraColGroup = config.enableExpandCollapse || config.showRowCheckbox;
-  const rowIndent = booleanOrNumberToNumber(config.rowIndent);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [rowIndent ? /* @__PURE__ */ jsx("colgroup", {
-      children: /* @__PURE__ */ jsx("col", {
+}), Uo = () => {
+  const e = R(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, o = Lt(e.rowIndent);
+  return /* @__PURE__ */ g(G, {
+    children: [o ? /* @__PURE__ */ r("colgroup", {
+      children: /* @__PURE__ */ r("col", {
         style: {
-          width: `calc(var(--swui-metrics-indent) * ${rowIndent})`
+          width: `calc(var(--swui-metrics-indent) * ${o})`
         }
       })
-    }) : null, hasExtraColGroup && /* @__PURE__ */ jsxs("colgroup", {
-      children: [config.enableExpandCollapse && /* @__PURE__ */ jsx("col", {
+    }) : null, n && /* @__PURE__ */ g("colgroup", {
+      children: [e.enableExpandCollapse && /* @__PURE__ */ r("col", {
         style: {
           width: "var(--swui-expand-cell-width)"
         }
-      }), config.showRowCheckbox && /* @__PURE__ */ jsx("col", {
+      }), e.showRowCheckbox && /* @__PURE__ */ r("col", {
         style: {
           width: "var(--swui-checkbox-cell-width)"
         }
       })]
-    }), groupConfigsAndIds.map(({
-      groupConfig,
-      groupId
-    }) => /* @__PURE__ */ jsx("colgroup", {
-      children: groupConfig.columnOrder.map((columnId) => /* @__PURE__ */ jsx("col", {
+    }), t.map(({
+      groupConfig: s,
+      groupId: c
+    }) => /* @__PURE__ */ r("colgroup", {
+      children: s.columnOrder.map((l) => /* @__PURE__ */ r("col", {
         style: {
-          width: config.columns[columnId].width,
-          minWidth: config.columns[columnId].minWidth
+          width: e.columns[l].width,
+          minWidth: e.columns[l].minWidth
         }
-      }, columnId))
-    }, groupId)), rowIndent ? /* @__PURE__ */ jsx("colgroup", {
-      children: /* @__PURE__ */ jsx("col", {
+      }, l))
+    }, c)), o ? /* @__PURE__ */ r("colgroup", {
+      children: /* @__PURE__ */ r("col", {
         style: {
-          width: `calc(var(--swui-metrics-indent) * ${rowIndent})`
+          width: `calc(var(--swui-metrics-indent) * ${o})`
         }
       })
     }) : null]
   });
-};
-const StandardTable = function StandardTable2({
-  tableContext,
-  config,
-  columnOrder,
-  columnGroupOrder,
-  tableId,
-  variant = "standard",
-  onKeyDown,
-  ...props
+}, Rr = function({
+  tableContext: t,
+  config: n,
+  columnOrder: o,
+  columnGroupOrder: s,
+  tableId: c,
+  variant: l = "standard",
+  onKeyDown: i,
+  ...d
 }) {
-  const generatedTableId = useId();
-  const {
-    initialSortOrderDesc,
-    initialSortOrder,
-    enableExpandCollapse,
-    stickyCheckboxColumn
-  } = config;
-  const {
-    tableContext: localTableContext
-  } = useLocalStateTableContext(tableId != null ? tableId : generatedTableId, createStandardTableInitialState(initialSortOrder, initialSortOrderDesc));
-  const currentTableContext = tableContext || localTableContext;
-  const {
-    state,
-    actions,
-    dispatch
-  } = currentTableContext;
-  const actionsContext = useMemo(() => ({
-    actions,
-    dispatch
-  }), [actions, dispatch]);
-  const usingColumnGroups = Boolean(columnGroupOrder != null ? columnGroupOrder : "columnGroupOrder" in config);
-  const columnGroupsFromConfig = "columnGroups" in config ? config.columnGroups : void 0;
-  const columnGroupOrderFromConfig = "columnGroupOrder" in config ? config.columnGroupOrder : void 0;
-  const columnOrderFromConfig = "columnOrder" in config ? config.columnOrder : void 0;
-  const groupConfigsForRows = useMemo(() => createGroupConfigAndIdsForRows(columnGroupsFromConfig, columnGroupOrderFromConfig, columnOrderFromConfig), [columnGroupsFromConfig, columnGroupOrderFromConfig, columnOrderFromConfig]);
-  const columnIndexPerColumnId = useMemo(() => calculateColumnIndexPerColumnId(config), [config]);
-  const totalNumColumns = useMemo(() => getTotalNumColumns(config), [config]);
-  const stickyPropsPerColumnContext = useMemo(() => getStickyPropsPerColumn(config), [config]);
-  const validationError = useMemo(() => {
+  const u = Et(), {
+    initialSortOrderDesc: a,
+    initialSortOrder: h,
+    enableExpandCollapse: m,
+    stickyCheckboxColumn: f
+  } = n, {
+    tableContext: w
+  } = no(c != null ? c : u, at(h, a)), p = t || w, {
+    state: C,
+    actions: x,
+    dispatch: b
+  } = p, S = v(() => ({
+    actions: x,
+    dispatch: b
+  }), [x, b]), y = Boolean(s != null ? s : "columnGroupOrder" in n), A = "columnGroups" in n ? n.columnGroups : void 0, k = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, L = "columnOrder" in n ? n.columnOrder : void 0, O = v(() => wt(A, k, L), [A, k, L]), z = v(() => jn(n), [n]), D = v(() => oo(n), [n]), j = v(() => Yn(n), [n]), K = v(() => {
     try {
-      ensureConfigHasValidSticky(config);
-      return void 0;
-    } catch (e) {
-      if (e instanceof Error) {
-        return e;
-      }
-      return new Error("Unknown error");
+      qn(n);
+      return;
+    } catch (H) {
+      return H instanceof Error ? H : new Error("Unknown error");
     }
-  }, [config]);
-  if (validationError) {
-    return /* @__PURE__ */ jsx(ErrorScreen, {
-      text: validationError.message
-    });
-  }
-  return /* @__PURE__ */ jsx("table", {
-    className: cx(styles$3.standardTable, styles$3[variant]),
+  }, [n]);
+  return K ? /* @__PURE__ */ r(Jt, {
+    text: K.message
+  }) : /* @__PURE__ */ r("table", {
+    className: Fe(Ve.standardTable, Ve[l]),
     style: {
       width: "100%",
       isolation: "isolate",
-      "--current-left-offset": enableExpandCollapse && stickyCheckboxColumn ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : stickyCheckboxColumn ? "var(--swui-checkbox-cell-width)" : enableExpandCollapse ? "var(--swui-expand-cell-width)" : "0px"
+      "--current-left-offset": m && f ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : f ? "var(--swui-checkbox-cell-width)" : m ? "var(--swui-expand-cell-width)" : "0px"
     },
-    children: /* @__PURE__ */ jsx(StickyPropsPerColumnContext.Provider, {
-      value: stickyPropsPerColumnContext,
-      children: /* @__PURE__ */ jsx(TotalNumColumnsContext.Provider, {
-        value: totalNumColumns,
-        children: /* @__PURE__ */ jsx(StandardTableVariantContext.Provider, {
-          value: variant,
-          children: /* @__PURE__ */ jsx(StandardTableTableIdContext.Provider, {
-            value: tableId != null ? tableId : generatedTableId,
-            children: /* @__PURE__ */ jsx(StandardTableStateContext.Provider, {
-              value: state,
-              children: /* @__PURE__ */ jsx(StandardTableActionsContext.Provider, {
-                value: actionsContext,
-                children: /* @__PURE__ */ jsx(StandardTableConfigContext.Provider, {
-                  value: config,
-                  children: /* @__PURE__ */ jsx(GroupConfigsAndIdsForRowsContext.Provider, {
-                    value: groupConfigsForRows,
-                    children: /* @__PURE__ */ jsx(ColumnIndexPerColumnIdContext.Provider, {
-                      value: columnIndexPerColumnId,
-                      children: /* @__PURE__ */ jsx(StandardTableUsingColumnGroupsContext.Provider, {
-                        value: usingColumnGroups,
-                        children: /* @__PURE__ */ jsxs(StandardTableColumnGroupOrderContext.Provider, {
-                          value: "columnGroupOrder" in config ? columnGroupOrder != null ? columnGroupOrder : config.columnGroupOrder : columnGroupOrder,
-                          children: [/* @__PURE__ */ jsx(ColGroups, {}), /* @__PURE__ */ jsxs(OnKeyDownContext.Provider, {
-                            value: onKeyDown,
-                            children: [/* @__PURE__ */ jsxs("thead", {
-                              children: [(columnGroupOrder || "columnGroupOrder" in config) && /* @__PURE__ */ jsx(ColumnGroupRow, {
+    children: /* @__PURE__ */ r(mt.Provider, {
+      value: j,
+      children: /* @__PURE__ */ r(ft.Provider, {
+        value: D,
+        children: /* @__PURE__ */ r(Nn.Provider, {
+          value: l,
+          children: /* @__PURE__ */ r(st.Provider, {
+            value: c != null ? c : u,
+            children: /* @__PURE__ */ r(ct.Provider, {
+              value: C,
+              children: /* @__PURE__ */ r(lt.Provider, {
+                value: S,
+                children: /* @__PURE__ */ r(it.Provider, {
+                  value: n,
+                  children: /* @__PURE__ */ r(dt.Provider, {
+                    value: O,
+                    children: /* @__PURE__ */ r(Ct.Provider, {
+                      value: z,
+                      children: /* @__PURE__ */ r(Bn.Provider, {
+                        value: y,
+                        children: /* @__PURE__ */ g(pt.Provider, {
+                          value: "columnGroupOrder" in n ? s != null ? s : n.columnGroupOrder : s,
+                          children: [/* @__PURE__ */ r(Uo, {}), /* @__PURE__ */ g(ht.Provider, {
+                            value: i,
+                            children: [/* @__PURE__ */ g("thead", {
+                              children: [(s || "columnGroupOrder" in n) && /* @__PURE__ */ r(_n, {
                                 height: "var(--current-row-height)"
-                              }), /* @__PURE__ */ jsx(StandardTableHeadRow, {
-                                items: props.items,
+                              }), /* @__PURE__ */ r(Fo, {
+                                items: d.items,
                                 height: "var(--current-row-height)"
                               })]
-                            }), /* @__PURE__ */ jsx(StandardTableContent, {
-                              variant,
-                              ...props
+                            }), /* @__PURE__ */ r(Mo, {
+                              variant: l,
+                              ...d
                             })]
                           })]
                         })
@@ -2672,74 +2105,136 @@ const StandardTable = function StandardTable2({
       })
     })
   });
-};
-const createColumnConfig = (itemValueResolver, options) => {
-  return {
-    ...options,
-    itemValueResolver
-  };
-};
-const createStandardEditableTextCell = () => ({
-  label,
+}, Gr = (e, t) => ({
+  ...t,
+  itemValueResolver: e
+}), Tr = () => ({
+  label: e,
   gridCell: {
-    editorValue,
-    isEditing,
-    setEditorValue,
-    stopEditingAndRevert,
-    lastKeyEvent,
-    stopEditing,
-    stopEditingAndMove
-  }
-}) => isEditing ? /* @__PURE__ */ jsx(TextInput, {
-  onValueChange: setEditorValue,
-  value: editorValue,
-  onDone: stopEditing,
-  onEsc: stopEditingAndRevert,
-  autoFocus: true,
-  selectAllOnMount: !lastKeyEvent,
-  onMove: stopEditingAndMove
-}) : /* @__PURE__ */ jsx(Indent, {
-  children: /* @__PURE__ */ jsx(Text, {
+    editorValue: t,
+    isEditing: n,
+    setEditorValue: o,
+    stopEditingAndRevert: s,
+    lastKeyEvent: c,
+    stopEditing: l,
+    stopEditingAndMove: i
+  }
+}) => n ? /* @__PURE__ */ r(ge, {
+  onValueChange: o,
+  value: t,
+  onDone: l,
+  onEsc: s,
+  autoFocus: !0,
+  selectAllOnMount: !c,
+  onMove: i
+}) : /* @__PURE__ */ r(N, {
+  children: /* @__PURE__ */ r(U, {
     color: "var(--swui-primary-action-color)",
-    children: label
+    children: e
   })
-});
-const createEditableTextCellWithStatus = (warningOnEmpty, crudStatusProvider, modifiedFieldProvider) => ({
-  label,
-  item,
+}), Or = (e, t, n) => ({
+  label: o,
+  item: s,
   gridCell: {
-    editorValue,
-    isEditing,
-    setEditorValue,
-    stopEditingAndRevert,
-    lastKeyEvent,
-    stopEditing,
-    stopEditingAndMove
+    editorValue: c,
+    isEditing: l,
+    setEditorValue: i,
+    stopEditingAndRevert: d,
+    lastKeyEvent: u,
+    stopEditing: a,
+    stopEditingAndMove: h
   },
-  isEditable
+  isEditable: m
 }) => {
-  const warnOnEmpty = typeof warningOnEmpty === "function" ? warningOnEmpty(item) : warningOnEmpty;
-  const crudStatus = crudStatusProvider ? crudStatusProvider(item) : void 0;
-  const modifiedField = modifiedFieldProvider ? modifiedFieldProvider(item) : void 0;
-  return isEditable && isEditing ? /* @__PURE__ */ jsx(TextInput, {
-    onValueChange: setEditorValue,
-    value: editorValue,
-    onDone: stopEditing,
-    onEsc: stopEditingAndRevert,
-    autoFocus: true,
-    selectAllOnMount: !lastKeyEvent,
-    onMove: stopEditingAndMove
-  }) : /* @__PURE__ */ jsx(Indent, {
-    row: true,
+  const f = typeof e == "function" ? e(s) : e, w = t ? t(s) : void 0, p = n ? n(s) : void 0;
+  return m && l ? /* @__PURE__ */ r(ge, {
+    onValueChange: i,
+    value: c,
+    onDone: a,
+    onEsc: d,
+    autoFocus: !0,
+    selectAllOnMount: !u,
+    onMove: h
+  }) : /* @__PURE__ */ r(N, {
+    row: !0,
     alignItems: "center",
-    children: /* @__PURE__ */ jsx(ModifiedField, {
-      value: label,
-      modifiedField,
-      crudStatus,
-      isEditable,
-      warningOnEmpty: warnOnEmpty
+    children: /* @__PURE__ */ r(tn, {
+      value: o,
+      modifiedField: p,
+      crudStatus: w,
+      isEditable: m,
+      warningOnEmpty: f
     })
   });
 };
-export { CrudStatusIndicator, EditableTextCellWithCrudAndModified, GridHooksContext, GridHooksTable, ModifiedField, SmallTableCell, SmallTableHead, StandardTable, StandardTableActionsContext, StandardTableCell, StandardTableCellUi, StandardTableConfigContext, StandardTableContent, StandardTableHeadRow, StandardTableRow, StandardTableRowCheckbox, StandardTableRowList, StandardTableStateContext, StandardTableTableIdContext, TableCell, TableColumnGroupHead, TableHeadItem, TableHeadRow, TableRow, TextCell, createColumnConfig, createEditableTextCellWithStatus, createGroupConfigAndIdsForRows, createInternalStandardTableActions, createStandardEditableTextCell, createStandardTableActions, createStandardTableInitialState, createStandardTableReducer, defaultTableHeadRowHeight, defaultTableRowHeight, focusOnCell, formatColumnIdToHeaderCellLabel, formatValueLabel, hasIndicatorContent, multitypeComparator, smallTableRowWidth, tableBackgroundColorExpanded, tableBackgroundHoverColorExpanded, tableBorder, tableBorderColor, tableBorderColorExpanded, tableBorderHidden, tableBorderLeft, tableBorderLeftExpanded, useCellBackgroundByColumnConfig, useCellBackgroundByColumnId, useColumnConfigById, useColumnValueResolver, useEditableCell, useFirstColumnConfig, useGridCell, useGridNavigation, useGridNavigationOptionsFromContext, useLastColumnConfig, useLocalStateTableContext, useRevertableValue, useRowCheckbox, useStandardTableActions, useStandardTableConfig, useStandardTableId, useStandardTableState, useTableHeadCheckbox, useTableSortHeader };
+export {
+  Ye as CrudStatusIndicator,
+  Er as EditableTextCellWithCrudAndModified,
+  Xe as GridHooksContext,
+  xr as GridHooksTable,
+  tn as ModifiedField,
+  gr as SmallTableCell,
+  br as SmallTableHead,
+  Rr as StandardTable,
+  lt as StandardTableActionsContext,
+  Eo as StandardTableCell,
+  bo as StandardTableCellUi,
+  it as StandardTableConfigContext,
+  Mo as StandardTableContent,
+  Fo as StandardTableHeadRow,
+  Go as StandardTableRow,
+  ho as StandardTableRowCheckbox,
+  $o as StandardTableRowList,
+  ct as StandardTableStateContext,
+  st as StandardTableTableIdContext,
+  nn as TableCell,
+  kr as TableColumnGroupHead,
+  Ee as TableHeadItem,
+  Sr as TableHeadRow,
+  Ir as TableRow,
+  Io as TextCell,
+  Gr as createColumnConfig,
+  Or as createEditableTextCellWithStatus,
+  wt as createGroupConfigAndIdsForRows,
+  Pn as createInternalStandardTableActions,
+  Tr as createStandardEditableTextCell,
+  to as createStandardTableActions,
+  at as createStandardTableInitialState,
+  An as createStandardTableReducer,
+  Ie as defaultTableHeadRowHeight,
+  Se as defaultTableRowHeight,
+  rt as focusOnCell,
+  yo as formatColumnIdToHeaderCellLabel,
+  vo as formatValueLabel,
+  be as hasIndicatorContent,
+  ao as multitypeComparator,
+  tt as smallTableRowWidth,
+  Qe as tableBackgroundColorExpanded,
+  sn as tableBackgroundHoverColorExpanded,
+  oe as tableBorder,
+  on as tableBorderColor,
+  rn as tableBorderColorExpanded,
+  cn as tableBorderHidden,
+  ke as tableBorderLeft,
+  et as tableBorderLeftExpanded,
+  _e as useCellBackgroundByColumnConfig,
+  Co as useCellBackgroundByColumnId,
+  ce as useColumnConfigById,
+  uo as useColumnValueResolver,
+  mn as useEditableCell,
+  zn as useFirstColumnConfig,
+  he as useGridCell,
+  Gn as useGridNavigation,
+  nt as useGridNavigationOptionsFromContext,
+  Kn as useLastColumnConfig,
+  no as useLocalStateTableContext,
+  un as useRevertableValue,
+  mo as useRowCheckbox,
+  se as useStandardTableActions,
+  R as useStandardTableConfig,
+  Re as useStandardTableId,
+  Y as useStandardTableState,
+  Vo as useTableHeadCheckbox,
+  jo as useTableSortHeader
+};
 //# sourceMappingURL=index.es.js.map