@hybridcore/ui 1.6.24 → 1.6.26

package/dist/{AccordionSummary-c6-Buzbq.js → AccordionSummary-B6-hHjCC.js}

@@ -3,14 +3,14 @@ import * as a from "react";
 import { r as po } from "./index-DH6qsPBn.js";
 import { P as o } from "./index-CblbdqjE.js";
 import { c as G } from "./clsx-OuTLNxxd.js";
-import { u as uo } from "./useSlot-gpKOd92R.js";
+import { u as uo } from "./useSlot-BOHuz6Wu.js";
 import { g as q, a as F, s as T, u as H, k as fo, c as J } from "./styled-Ckq8ALHh.js";
 import { jsx as g, jsxs as to } from "react/jsx-runtime";
 import { T as mo, u as go, g as eo, P as bo } from "./Paper-BFDcMa0t.js";
 import { u as ho } from "./useControlled-BYdyS7Pn.js";
-import { b as xo, u as yo } from "./useTimeout-CM6EsHyp.js";
+import { c as xo, u as yo } from "./useTimeout-D5vWrF1x.js";
 import { e as Co, c as vo } from "./TransitionGroupContext-C_aW1Tei.js";
-import { B as Eo } from "./ButtonBase-DG5J0YgP.js";
+import { B as Eo } from "./ButtonBase-Dgg9dzM8.js";
 function To(e) {
   return F("MuiCollapse", e);
 }

package/dist/{Add-CB4mPrke.js → Add-eXYPgCCB.js}

@@ -5,7 +5,7 @@ import { c as m } from "./clsx-OuTLNxxd.js";
 import { g as d, a as v, s as y, u as T, c as g, i as h } from "./styled-Ckq8ALHh.js";
 import A, { jsx as _ } from "react/jsx-runtime";
 import { T as x } from "./Typography-B_LKrxyI.js";
-import { r as j } from "./createSvgIcon-jKAqRXE2.js";
+import { r as j } from "./createSvgIcon-Bi-IzY8I.js";
 function R(t) {
   return v("MuiAlertTitle", t);
 }

package/dist/{Alert-BsT46Tgd.js → Alert-OoSOUjZM.js}

@@ -3,11 +3,11 @@ import * as _ from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { c as H } from "./clsx-OuTLNxxd.js";
 import { g as U, a as V, s as u, b as g, h as S, l as M, u as F, c as D } from "./styled-Ckq8ALHh.js";
-import { u as x } from "./useSlot-gpKOd92R.js";
+import { u as x } from "./useSlot-BOHuz6Wu.js";
 import { c as p } from "./createSvgIcon-Bx0mTP6n.js";
 import { jsx as s, jsxs as Z } from "react/jsx-runtime";
 import { P as q } from "./Paper-BFDcMa0t.js";
-import { I as G } from "./IconButton-SJfF1cr9.js";
+import { I as G } from "./IconButton-CQwROBzr.js";
 function J(e) {
   return V("MuiAlert", e);
 }

package/dist/{Button-BMUZn0cT.js → Button-gZFgy23t.js}

@@ -4,7 +4,7 @@ import { P as n } from "./index-CblbdqjE.js";
 import { c as m } from "./clsx-OuTLNxxd.js";
 import { g as D, a as F, s as f, r as G, b as r, d as v, f as U, u as H, c as A } from "./styled-Ckq8ALHh.js";
 import { jsx as R, jsxs as q } from "react/jsx-runtime";
-import { B as J } from "./ButtonBase-DG5J0YgP.js";
+import { B as J } from "./ButtonBase-Dgg9dzM8.js";
 function K(o) {
   return F("MuiButton", o);
 }

package/dist/{ButtonBase-DG5J0YgP.js → ButtonBase-Dgg9dzM8.js}

@@ -6,10 +6,10 @@ import { c as x } from "./clsx-OuTLNxxd.js";
 import { g as ye, s as re, u as Te, a as Xe, c as Ye } from "./styled-Ckq8ALHh.js";
 import { keyframes as se } from "@mui/system";
 import { jsx as U, jsxs as Ae } from "react/jsx-runtime";
-import { b as qe, u as de, c as H } from "./useTimeout-CM6EsHyp.js";
+import { c as qe, u as de, b as H } from "./useTimeout-D5vWrF1x.js";
 import { _ as We } from "./assertThisInitialized-C1dAyb4j.js";
 import { _ as He, T as he, r as Ge, e as Je } from "./TransitionGroupContext-C_aW1Tei.js";
-import { u as Qe } from "./useIsFocusVisible-BHPF-Pml.js";
+import { u as Qe } from "./useIsFocusVisible-CVnvB5M2.js";
 function ae(t, s) {
   var a = function(n) {
     return s && G(n) ? s(n) : n;

package/dist/{Delete-ofipLwkd.js → Delete-B8COyxKI.js}

@@ -1,5 +1,5 @@
 import { i as t } from "./styled-Ckq8ALHh.js";
-import { r as a } from "./createSvgIcon-jKAqRXE2.js";
+import { r as a } from "./createSvgIcon-Bi-IzY8I.js";
 import u from "react/jsx-runtime";
 var e = {}, l = t;
 Object.defineProperty(e, "__esModule", {

package/dist/{IconButton-SJfF1cr9.js → IconButton-CQwROBzr.js}

@@ -4,7 +4,7 @@ import { P as r } from "./index-CblbdqjE.js";
 import { c as z } from "./clsx-OuTLNxxd.js";
 import { g as R, a as C, s as B, b as n, d as g, u as I, c as O } from "./styled-Ckq8ALHh.js";
 import { jsx as x } from "react/jsx-runtime";
-import { B as T } from "./ButtonBase-DG5J0YgP.js";
+import { B as T } from "./ButtonBase-Dgg9dzM8.js";
 import { c as $ } from "./TransitionGroupContext-C_aW1Tei.js";
 function k(o) {
   return C("MuiIconButton", o);

package/dist/{MenuItem-BjnnhDbD.js → MenuItem-BAKBPyZx.js}

@@ -3,10 +3,10 @@ import * as d from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { c as I } from "./clsx-OuTLNxxd.js";
 import { g as u, a as F, s as _, r as j, d as p, u as D, c as E } from "./styled-Ckq8ALHh.js";
-import { L as $ } from "./Select-nL91eUH9.js";
+import { L as $ } from "./Select-B4zhu5G_.js";
 import { jsx as M } from "react/jsx-runtime";
-import { B as G } from "./ButtonBase-DG5J0YgP.js";
-import { a as U, u as S } from "./useTimeout-CM6EsHyp.js";
+import { B as G } from "./ButtonBase-Dgg9dzM8.js";
+import { a as U, u as S } from "./useTimeout-D5vWrF1x.js";
 const O = u("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), N = u("MuiListItemIcon", ["root", "alignItemsFlexStart"]), V = u("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
 function H(e) {
   return F("MuiMenuItem", e);

package/dist/{Modal-Djf5pMjD.js → Modal-DVdqH5dj.js}

@@ -4,7 +4,7 @@ import { P as e } from "./index-CblbdqjE.js";
 import { c as ee } from "./clsx-OuTLNxxd.js";
 import { g as he, a as Ee, s as ne, u as ge, c as ye } from "./styled-Ckq8ALHh.js";
 import { o as $, a as oe } from "./ownerWindow-wg6foiOE.js";
-import { u as K, a as le, s as ce, c as de } from "./useTimeout-CM6EsHyp.js";
+import { u as K, a as le, s as ce, b as de } from "./useTimeout-D5vWrF1x.js";
 import { r as Me, m as Fe, a as De, u as Ae, T as Be, b as Le, g as ue, e as _e } from "./Paper-BFDcMa0t.js";
 import { c as pe } from "./createChainedFunction-C0nujS3O.js";
 import { jsxs as Te, jsx as D } from "react/jsx-runtime";

package/dist/{Select-nL91eUH9.js → Select-B4zhu5G_.js}

@@ -5,9 +5,9 @@ import { c as de } from "./clsx-OuTLNxxd.js";
 import { r as to } from "./index-DH6qsPBn.js";
 import { jsx as N, jsxs as Ee } from "react/jsx-runtime";
 import { g as ce, a as pe, s as _, u as ye, c as fe, r as ve, b as we, n as qo, o as wo, m as Go, T as Xo, p as ro } from "./styled-Ckq8ALHh.js";
-import { g as Yo, e as Zo, a as So, M as Jo, u as ze, H as eo } from "./Modal-Djf5pMjD.js";
+import { g as Yo, e as Zo, a as So, M as Jo, u as ze, H as eo } from "./Modal-DVdqH5dj.js";
 import { u as Qo, T as en, b as on, g as ho, P as nn, i as oo, c as tn } from "./Paper-BFDcMa0t.js";
-import { a as Ve, u as Se, b as rn, c as sn } from "./useTimeout-CM6EsHyp.js";
+import { a as Ve, u as Se, c as rn, b as sn } from "./useTimeout-D5vWrF1x.js";
 import { o as _e, a as Ue } from "./ownerWindow-wg6foiOE.js";
 import { d as Io } from "./debounce-46wSf_lW.js";
 import { r as Ie, c as an, e as No } from "./TransitionGroupContext-C_aW1Tei.js";

package/dist/{SwitchBase-BcJAJYsB.js → SwitchBase-BqUrfIHp.js}

@@ -5,7 +5,7 @@ import { c as V } from "./clsx-OuTLNxxd.js";
 import { a as W, g as $, s as F, r as A, b as G, c as H } from "./styled-Ckq8ALHh.js";
 import { u as J } from "./useFormControl-CatNKXAi.js";
 import { jsxs as K, jsx as Q } from "react/jsx-runtime";
-import { B as X } from "./ButtonBase-DG5J0YgP.js";
+import { B as X } from "./ButtonBase-Dgg9dzM8.js";
 import { u as Y } from "./useControlled-BYdyS7Pn.js";
 import { r as Z } from "./TransitionGroupContext-C_aW1Tei.js";
 function ee(o) {

package/dist/{TextField-Db63_GNb.js → TextField-Cx5T7iJn.js}

@@ -5,9 +5,9 @@ import { a as i, _ as J } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as p from "react";
 import { c as K } from "./clsx-OuTLNxxd.js";
 import { jsx as y, jsxs as fe } from "react/jsx-runtime";
-import { i as me, a as ee, S as be, I as ge, F as he, O as Te } from "./Select-nL91eUH9.js";
+import { i as me, a as ee, S as be, I as ge, F as he, O as Te } from "./Select-B4zhu5G_.js";
 import { F as ye, u as xe } from "./useFormControl-CatNKXAi.js";
-import { i as U } from "./createSvgIcon-jKAqRXE2.js";
+import { i as U } from "./isMuiElement-CxT3_ACP.js";
 import { u as Fe } from "./useId-BW-oWmul.js";
 import { I as ve } from "./InputLabel-jPm6Xuco.js";
 import { f as Ce } from "./formControlState-vgaj2ksH.js";
@@ -692,5 +692,6 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
 export {
   Re as B,
   te as F,
-  Le as T
+  Le as T,
+  ne as a
 };

package/dist/components/button/styled.js

@@ -1,5 +1,5 @@
 import { styled as o } from "@mui/material";
-import { B as t } from "../../Button-BMUZn0cT.js";
+import { B as t } from "../../Button-gZFgy23t.js";
 const n = o(t, {
   name: "HCButton",
   slot: "root"

package/dist/components/charts/forecast-cone/index.js

@@ -1,6 +1,6 @@
 import h, { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { i as u } from "../../../styled-Ckq8ALHh.js";
-import { r as f } from "../../../createSvgIcon-jKAqRXE2.js";
+import { r as f } from "../../../createSvgIcon-Bi-IzY8I.js";
 import { IconButton as d, Typography as c } from "@mui/material";
 import { useForecastConeChartLogic as R } from "./logic.js";
 import { ForecastConeChartRoot as $, ForecastConeChartCanvas as S, ForecastConeChartPager as F } from "./styled.js";

package/dist/components/collapsible-card/index.js

@@ -1,6 +1,6 @@
 import d, { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { i as c } from "../../styled-Ckq8ALHh.js";
-import { r as l } from "../../createSvgIcon-jKAqRXE2.js";
+import { r as l } from "../../createSvgIcon-Bi-IzY8I.js";
 import { Container as u } from "../container/index.js";
 import { useCollapsibleCardLogic as s } from "./logic.js";
 import { Accordion as m, AccordionSummary as x, SummaryHeader as f, SummaryActions as h, AccordionDetails as S } from "./styled.js";

package/dist/components/collapsible-card/styled.js

@@ -1,5 +1,5 @@
 import { styled as a, Box as e } from "@mui/material";
-import { A as n, a as t, b as i } from "../../AccordionSummary-c6-Buzbq.js";
+import { A as n, a as t, b as i } from "../../AccordionSummary-B6-hHjCC.js";
 const r = (o) => o !== "ownerState", m = a(n, {
   name: "HCCollapsibleCard",
   slot: "accordion"

package/dist/components/color-picker/index.js

@@ -6,13 +6,13 @@ import { c as it } from "../../_commonjsHelpers-BkfeUUK-.js";
 import { P as g } from "../../index-CblbdqjE.js";
 import { IconButton as to } from "../icon-button/index.js";
 import { useColorPickerLogic as ro } from "./logic.js";
-import { R as no, C as Qr, a as ao, b as io, c as oo, d as so } from "../../styled-DObpn_Bi.js";
+import { R as no, C as Qr, a as ao, b as io, c as oo, d as so } from "../../styled-C5WQOj4E.js";
 import { c as Ba } from "../../createReactComponent-C7L-DMHj.js";
 import { _ as lo, a as co } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import { c as fo } from "../../clsx-OuTLNxxd.js";
 import { g as uo, a as ho, c as po } from "../../styled-Ckq8ALHh.js";
 import { u as go } from "../../useControlled-BYdyS7Pn.js";
-import { u as vo } from "../../useTimeout-CM6EsHyp.js";
+import { u as vo } from "../../useTimeout-D5vWrF1x.js";
 import { u as bo } from "../../useId-BW-oWmul.js";
 import { F as yo } from "../../FormGroup-LH368jad.js";
 import { I as mo } from "../../IconCircle-HcgE1lHy.js";

package/dist/components/color-picker/styled.js

@@ -1,5 +1,5 @@
 import "@mui/material";
-import { c as e, C as i, b as c, a as C, d as k } from "../../styled-DObpn_Bi.js";
+import { c as e, C as i, b as c, a as C, d as k } from "../../styled-C5WQOj4E.js";
 export {
   e as ColorPickerRadio,
   i as ColorPickerRoot,

package/dist/components/confirm/dialog.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "react-confirm";
 import "@mui/material";
 import "@mui/icons-material";
-import { D as e } from "../../dialog-CNxZ7uox.js";
-import "../../Button-BMUZn0cT.js";
+import { D as e } from "../../dialog-DwmnOp5c.js";
+import "../../Button-gZFgy23t.js";
 export {
   e as default
 };

package/dist/components/confirm/index.js

@@ -1,5 +1,5 @@
 import { createConfirmation as r } from "react-confirm";
-import { D as i } from "../../dialog-CNxZ7uox.js";
+import { D as i } from "../../dialog-DwmnOp5c.js";
 const o = r(i);
 function f(t, n, e = {
   cancelButtonText: "Cancel",

package/dist/components/duration-select/index.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useDurationSelectLogic as l } from "./logic.js";
 import { DurationSelectRoot as n, DurationSelectSelect as i } from "./styled.js";
-import { M as c } from "../../MenuItem-BjnnhDbD.js";
+import { M as c } from "../../MenuItem-BAKBPyZx.js";
 const h = (o) => {
   const { state: a, actions: r } = l(o);
   return /* @__PURE__ */ t(n, { sx: o.sx, children: /* @__PURE__ */ t(

package/dist/components/duration-select/styled.js

@@ -1,5 +1,5 @@
 import { styled as t, FormControl as e } from "@mui/material";
-import { S as n } from "../../Select-nL91eUH9.js";
+import { S as n } from "../../Select-B4zhu5G_.js";
 const a = t(e, {
   name: "HCDurationSelect",
   slot: "root"

package/dist/components/instance-form/components/composite-list/index.js

@@ -9,7 +9,7 @@ import "../../../conditional-wrapper/index.js";
 import "../../helpers.js";
 import "../../styled.js";
 import "../TopLabelWrapper.js";
-import { C as b } from "../../../../index-BQ4_OA4b.js";
+import { C as b } from "../../../../index-Dvh8D1yM.js";
 export {
   b as CompositeList
 };

package/dist/components/instance-form/components/variable/index.js

@@ -3,15 +3,16 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
+import "../../../../utils/ontology.js";
 import "../../../conditional-wrapper/index.js";
 import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
 import "../../helpers.js";
 import "../../styled.js";
-import { V as d } from "../../../../index-BQ4_OA4b.js";
+import { V as g } from "../../../../index-Dvh8D1yM.js";
 import "../composite-matrix/index.js";
 import "../TopLabelWrapper.js";
 export {
-  d as Variable
+  g as Variable
 };

package/dist/components/instance-form/components/variables/index.js

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as v } from "react/jsx-runtime";
 import l from "lodash";
 import x from "react";
 import { VariablesContainer as y, FieldContainer as C } from "../../styled.js";
-import { V as I } from "../../../../index-BQ4_OA4b.js";
+import { V as I } from "../../../../index-Dvh8D1yM.js";
 const P = (d) => {
   const {
     template: n,

package/dist/components/instance-hierarchy-table/styled.js

@@ -1,5 +1,5 @@
 import { styled as a, Box as n, Typography as o, Chip as r } from "@mui/material";
-import { A as t, a as c, b as i } from "../../AccordionSummary-c6-Buzbq.js";
+import { A as t, a as c, b as i } from "../../AccordionSummary-B6-hHjCC.js";
 const s = (e) => e !== "ownerState", l = a(n, {
   name: "HCInstanceHierarchyTable",
   slot: "root",

package/dist/components/property-mapping/index.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { CloseOutlined as W, ChevronRight as $, ErrorOutline as q, Refresh as J, Check as U } from "@mui/icons-material";
 import { Button as N, IconButton as _, FormControl as O, Select as D, MenuItem as C, Typography as H } from "@mui/material";
 import F from "lodash";
-import { V as G } from "../../index-BQ4_OA4b.js";
+import { V as G } from "../../index-Dvh8D1yM.js";
 import { d as L } from "../../ol-yOE-NV0X.js";
 import { RangeSelector as Q } from "../range-selector/index.js";
 import { usePropertyMappingLogic as X } from "./logic.js";

package/dist/components/simple-pivot-table/index.js

@@ -1,19 +1,19 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Typography as a, Divider as f, TableContainer as I, Table as R, TableHead as j, TableRow as g, TableCell as r, TableBody as w, Box as D, IconButton as G } from "@mui/material";
-import { useSimplePivotTableLogic as J } from "./logic.js";
-import { SimplePivotTableRoot as M, SimplePivotTableHeader as O, SimplePivotTableContent as V, SimplePivotTableFooter as X, SimplePivotTableScrollHint as q } from "./styled.js";
-import { I as A } from "../../IconX-C2wmVYSK.js";
-const Z = (s) => {
+import { Typography as i, Divider as f, TableContainer as I, Table as R, TableHead as j, TableRow as v, TableCell as d, TableBody as w, Box as D, IconButton as G } from "@mui/material";
+import { useSimplePivotTableLogic as V } from "./logic.js";
+import { SimplePivotTableRoot as J, SimplePivotTableHeader as M, SimplePivotTableContent as O, SimplePivotTableValueHeadCell as X, SimplePivotTableFooter as q, SimplePivotTableScrollHint as A } from "./styled.js";
+import { I as E } from "../../IconX-C2wmVYSK.js";
+const _ = (s) => {
   const {
     title: m,
-    dimensions: n,
-    values: c,
+    dimensions: r,
+    values: n,
     data: h,
-    summaries: v,
+    summaries: S,
     selectedField: p,
-    selectedSummary: d,
+    selectedSummary: c,
     selectColumn: b,
-    clearSelection: S,
+    clearSelection: g,
     dimensionLabel: x,
     valueLabel: T,
     formatDimensionValue: y,
@@ -21,64 +21,60 @@ const Z = (s) => {
     getCellStyle: F,
     ownerState: o,
     scrollRef: N,
-    canScroll: k,
-    scrollModifierLabel: P,
+    canScroll: P,
+    scrollModifierLabel: k,
     sx: H,
     other: L
-  } = J(s), W = {
+  } = V(s), W = {
     title: m,
     description: s.description,
-    dimensions: n,
-    values: c,
+    dimensions: r,
+    values: n,
     data: h,
-    summaries: v
+    summaries: S
   };
   return /* @__PURE__ */ t(
-    M,
+    J,
     {
       ownerState: o,
       sx: H,
       "data-snapshot": JSON.stringify(W),
       ...L,
       children: [
-        /* @__PURE__ */ e(O, { ownerState: o, children: /* @__PURE__ */ e(a, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: m }) }),
+        /* @__PURE__ */ e(M, { ownerState: o, children: /* @__PURE__ */ e(i, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: m }) }),
         /* @__PURE__ */ e(f, {}),
-        /* @__PURE__ */ e(V, { ownerState: o, children: /* @__PURE__ */ e(I, { ref: N, children: /* @__PURE__ */ t(R, { size: "small", stickyHeader: !0, children: [
-          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ t(g, { children: [
-            n.map((l) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { variant: "caption", fontWeight: 600, children: x(l) }) }, l.value)),
-            c.map((l) => /* @__PURE__ */ e(
-              r,
+        /* @__PURE__ */ e(O, { ownerState: o, children: /* @__PURE__ */ e(I, { ref: N, children: /* @__PURE__ */ t(R, { size: "small", stickyHeader: !0, children: [
+          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ t(v, { children: [
+            r.map((l) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { variant: "caption", fontWeight: 600, children: x(l) }) }, l.value)),
+            n.map((l) => /* @__PURE__ */ e(
+              X,
               {
+                ownerState: o,
+                selected: p === l.dataFieldName,
                 align: "right",
                 onClick: () => b(l.dataFieldName),
-                sx: {
-                  cursor: "pointer",
-                  ...p === l.dataFieldName && {
-                    backgroundColor: "action.selected"
-                  }
-                },
-                children: /* @__PURE__ */ e(a, { variant: "caption", fontWeight: 600, children: T(l) })
+                children: /* @__PURE__ */ e(i, { variant: "caption", fontWeight: 600, children: T(l) })
               },
               l.dataFieldName
             ))
           ] }) }),
           /* @__PURE__ */ e(w, { children: h.map((l, z) => /* @__PURE__ */ t(
-            g,
+            v,
             {
               hover: !0,
               sx: { "&:last-child td": { borderBottom: 0 } },
               children: [
-                n.map((i) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { variant: "body2", children: y(l[i.value], i) }) }, i.value)),
-                c.map((i) => {
+                r.map((a) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { variant: "body2", children: y(l[a.value], a) }) }, a.value)),
+                n.map((a) => {
                   const u = F(
-                    l[i.dataFieldName],
-                    i.format
-                  ), B = p === i.dataFieldName;
+                    l[a.dataFieldName],
+                    a.format
+                  ), B = p === a.dataFieldName;
                   return /* @__PURE__ */ e(
-                    r,
+                    d,
                     {
                       align: "right",
-                      onClick: () => b(i.dataFieldName),
+                      onClick: () => b(a.dataFieldName),
                       sx: {
                         cursor: "pointer",
                         // Conditional background wins; otherwise tint the
@@ -86,16 +82,16 @@ const Z = (s) => {
                         backgroundColor: u.backgroundColor ?? (B ? "action.hover" : void 0)
                       },
                       children: /* @__PURE__ */ e(
-                        a,
+                        i,
                         {
                           variant: "body2",
                           fontWeight: 500,
                           color: u.color ?? "text.primary",
-                          children: C(l[i.dataFieldName], i)
+                          children: C(l[a.dataFieldName], a)
                         }
                       )
                     },
-                    i.dataFieldName
+                    a.dataFieldName
                   );
                 })
               ]
@@ -104,13 +100,13 @@ const Z = (s) => {
           )) })
         ] }) }) }),
         /* @__PURE__ */ e(f, {}),
-        /* @__PURE__ */ t(X, { ownerState: o, children: [
-          k && /* @__PURE__ */ e(q, { ownerState: o, children: /* @__PURE__ */ t(a, { variant: "caption", children: [
+        /* @__PURE__ */ t(q, { ownerState: o, children: [
+          P && /* @__PURE__ */ e(A, { ownerState: o, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
             "Hold ",
-            P,
+            k,
             " to scroll"
           ] }) }),
-          d ? /* @__PURE__ */ t(
+          c ? /* @__PURE__ */ t(
             D,
             {
               sx: {
@@ -121,21 +117,21 @@ const Z = (s) => {
                 rowGap: 0.5
               },
               children: [
-                /* @__PURE__ */ e(a, { variant: "caption", fontWeight: 600, children: d.name }),
-                d.items.map((l) => /* @__PURE__ */ t(a, { variant: "caption", color: "text.secondary", children: [
+                /* @__PURE__ */ e(i, { variant: "caption", fontWeight: 600, children: c.name }),
+                c.items.map((l) => /* @__PURE__ */ t(i, { variant: "caption", color: "text.secondary", children: [
                   l.label,
                   ": ",
                   l.value
                 ] }, l.label)),
-                /* @__PURE__ */ e(G, { size: "small", onClick: S, sx: { p: 0.25 }, children: /* @__PURE__ */ e(A, { size: 14 }) })
+                /* @__PURE__ */ e(G, { size: "small", onClick: g, sx: { p: 0.25 }, children: /* @__PURE__ */ e(E, { size: 14 }) })
               ]
             }
-          ) : /* @__PURE__ */ e(a, { variant: "caption", color: "text.disabled", children: "Select a column to summarize" })
+          ) : /* @__PURE__ */ e(i, { variant: "caption", color: "text.disabled", children: "Select a column to summarize" })
         ] })
       ]
     }
   );
 };
 export {
-  Z as SimplePivotTable
+  _ as SimplePivotTable
 };

package/dist/components/simple-pivot-table/styled.js

@@ -1,8 +1,8 @@
-import { styled as e, Paper as a, Box as t, alpha as l } from "@mui/material";
-const n = e(a, {
+import { styled as o, Paper as a, Box as t, TableCell as i, alpha as n } from "@mui/material";
+const p = o(a, {
   name: "HCSimplePivotTable",
   slot: "Root",
-  shouldForwardProp: (o) => o !== "ownerState"
+  shouldForwardProp: (e) => e !== "ownerState"
 })(() => ({
   height: "100%",
   display: "flex",
@@ -10,17 +10,17 @@ const n = e(a, {
   "&:hover .HCSimplePivotTable-scrollHint": {
     opacity: 1
   }
-})), r = e(t, {
+})), d = o(t, {
   name: "HCSimplePivotTable",
   slot: "Header",
-  shouldForwardProp: (o) => o !== "ownerState"
-})(({ theme: o }) => ({
+  shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
   flex: "0 0 auto",
-  padding: o.spacing(1.25, 2)
-})), p = e(t, {
+  padding: e.spacing(1.25, 2)
+})), s = o(t, {
   name: "HCSimplePivotTable",
   slot: "Content",
-  shouldForwardProp: (o) => o !== "ownerState"
+  shouldForwardProp: (e) => e !== "ownerState"
 })(() => ({
   position: "relative",
   display: "flex",
@@ -28,38 +28,53 @@ const n = e(a, {
   flex: "1 1 auto",
   minHeight: 0,
   overflow: "hidden"
-})), d = e(t, {
+})), c = o(i, {
+  name: "HCSimplePivotTable",
+  slot: "ValueHeadCell",
+  shouldForwardProp: (e) => e !== "ownerState" && e !== "selected"
+})(
+  ({ theme: e, selected: l }) => ({
+    cursor: "pointer",
+    // The sticky header must stay opaque or scrolled rows show through it, so
+    // the selection tint is layered *over* MUI's `background.default` instead
+    // of replacing it with the translucent `action.selected`.
+    ...l && {
+      backgroundImage: `linear-gradient(${e.palette.action.selected}, ${e.palette.action.selected})`
+    }
+  })
+), u = o(t, {
   name: "HCSimplePivotTable",
   slot: "ScrollHint",
-  shouldForwardProp: (o) => o !== "ownerState"
-})(({ theme: o }) => ({
+  shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
   // Pinned to the left of the footer; aggregations stay grouped on the right.
   marginRight: "auto",
-  padding: o.spacing(0.25, 1),
-  borderRadius: o.shape.borderRadius,
-  border: `1px solid ${o.palette.divider}`,
-  backgroundColor: l(o.palette.background.paper, 0.85),
-  color: o.palette.text.secondary,
+  padding: e.spacing(0.25, 1),
+  borderRadius: e.shape.borderRadius,
+  border: `1px solid ${e.palette.divider}`,
+  backgroundColor: n(e.palette.background.paper, 0.85),
+  color: e.palette.text.secondary,
   pointerEvents: "none",
   userSelect: "none",
   opacity: 0.5,
-  transition: o.transitions.create("opacity")
-})), s = e(t, {
+  transition: e.transitions.create("opacity")
+})), S = o(t, {
   name: "HCSimplePivotTable",
   slot: "Footer",
-  shouldForwardProp: (o) => o !== "ownerState"
-})(({ theme: o }) => ({
+  shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
   flex: "0 0 auto",
-  padding: o.spacing(1.25, 2),
+  padding: e.spacing(1.25, 2),
   display: "flex",
   justifyContent: "flex-end",
   alignItems: "flex-end",
-  gap: o.spacing(1)
+  gap: e.spacing(1)
 }));
 export {
-  p as SimplePivotTableContent,
-  s as SimplePivotTableFooter,
-  r as SimplePivotTableHeader,
-  n as SimplePivotTableRoot,
-  d as SimplePivotTableScrollHint
+  s as SimplePivotTableContent,
+  S as SimplePivotTableFooter,
+  d as SimplePivotTableHeader,
+  p as SimplePivotTableRoot,
+  u as SimplePivotTableScrollHint,
+  c as SimplePivotTableValueHeadCell
 };