@solostylist/ui-kit 1.0.69 → 1.0.71

package/dist/s-data-table/s-data-table.js

@@ -1,30 +1,30 @@
-import { j as r } from "../jsx-runtime-C5mzlN2N.js";
+import { j as r } from "../jsx-runtime-DywqP_6a.js";
 import * as y from "react";
-import Ce from "../s-empty/s-empty.js";
-import { P as e } from "../index-5OJKu9qh.js";
-import { c as I } from "../identifier-CGgVMHib.js";
-import { a as S, b as N, r as se, c as J, u as E, m as W } from "../createSvgIcon-BTLVR-ad.js";
-import { g as $, c as j, a as M, n as Te, o as ke } from "../createTheme-BlQh0eyI.js";
-import { g as B } from "../generateUtilityClasses-DMkCz287.js";
-import { u as je, a as Oe } from "../useFormControl-B3RPiDsz.js";
-import { b as A, B as Re, r as we, m as Pe } from "../useSlot-C4SHe-Bx.js";
-import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-function Se(o) {
-  return $("PrivateSwitchBase", o);
+import ve from "../s-empty/s-empty.js";
+import { g as N, c as j, P as e } from "../createTheme-DuP3DZSF.js";
+import { a as S, d as B, r as se, c as q, u as $, b as I, m as _ } from "../createSvgIcon-DN-sh_sr.js";
+import { g as M } from "../generateUtilityClasses-BpNk3DNr.js";
+import { u as Te, a as Ce } from "../useFormControl-B3RPiDsz.js";
+import { b as L, B as ke, r as je, m as we } from "../useSlot-CiHsL61G.js";
+import { c as X } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
+function Re(o) {
+  return N("PrivateSwitchBase", o);
 }
-B("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const ze = (o) => {
+M("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const Oe = (o) => {
   const {
     classes: t,
-    checked: a,
-    disabled: s,
+    checked: s,
+    disabled: a,
     edge: i
   } = o, n = {
-    root: ["root", a && "checked", s && "disabled", i && `edge${j(i)}`],
+    root: ["root", s && "checked", a && "disabled", i && `edge${j(i)}`],
     input: ["input"]
   };
-  return N(n, Se, t);
-}, Ne = S(Re)({
+  return B(n, Re, t);
+}, Pe = S(ke, {
+  name: "MuiSwitchBase"
+})({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -60,7 +60,8 @@ const ze = (o) => {
       marginRight: -12
     }
   }]
-}), $e = S("input", {
+}), Se = S("input", {
+  name: "MuiSwitchBase",
   shouldForwardProp: se
 })({
   cursor: "inherit",
@@ -73,9 +74,9 @@ const ze = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), ne = /* @__PURE__ */ y.forwardRef(function(t, a) {
+}), ae = /* @__PURE__ */ y.forwardRef(function(t, s) {
   const {
-    autoFocus: s,
+    autoFocus: a,
     checked: i,
     checkedIcon: n,
     defaultChecked: p,
@@ -84,115 +85,115 @@ const ze = (o) => {
     edge: g = !1,
     icon: l,
     id: x,
-    inputProps: O,
-    inputRef: m,
-    name: C,
+    inputProps: w,
+    inputRef: h,
+    name: T,
     onBlur: c,
     onChange: v,
-    onFocus: h,
-    readOnly: T,
+    onFocus: m,
+    readOnly: C,
     required: f = !1,
     tabIndex: z,
     type: R,
-    value: V,
-    slots: ce = {},
-    slotProps: pe = {},
-    ...de
-  } = t, [K, ue] = je({
+    value: U,
+    slots: le = {},
+    slotProps: ce = {},
+    ...pe
+  } = t, [G, de] = Te({
     controlled: i,
     default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), w = Oe(), fe = (b) => {
-    h && h(b), w && w.onFocus && w.onFocus(b);
+  }), O = Ce(), ue = (b) => {
+    m && m(b), O && O.onFocus && O.onFocus(b);
+  }, fe = (b) => {
+    c && c(b), O && O.onBlur && O.onBlur(b);
   }, be = (b) => {
-    c && c(b), w && w.onBlur && w.onBlur(b);
-  }, ye = (b) => {
     if (b.nativeEvent.defaultPrevented)
       return;
     const k = b.target.checked;
-    ue(k), v && v(b, k);
+    de(k), v && v(b, k);
   };
-  let F = d;
-  w && typeof F > "u" && (F = w.disabled);
-  const ge = R === "checkbox" || R === "radio", D = {
+  let E = d;
+  O && typeof E > "u" && (E = O.disabled);
+  const ye = R === "checkbox" || R === "radio", W = {
     ...t,
-    checked: K,
-    disabled: F,
+    checked: G,
+    disabled: E,
     disableFocusRipple: u,
     edge: g
-  }, Q = ze(D), X = {
-    slots: ce,
+  }, K = Oe(W), Q = {
+    slots: le,
     slotProps: {
-      input: O,
-      ...pe
+      input: w,
+      ...ce
     }
-  }, [me, he] = A("root", {
-    ref: a,
-    elementType: Ne,
-    className: Q.root,
+  }, [ge, he] = L("root", {
+    ref: s,
+    elementType: Pe,
+    className: K.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      ...X,
+      ...Q,
       component: "span",
-      ...de
+      ...pe
     },
     getSlotProps: (b) => ({
       ...b,
       onFocus: (k) => {
         var P;
-        (P = b.onFocus) == null || P.call(b, k), fe(k);
+        (P = b.onFocus) == null || P.call(b, k), ue(k);
       },
       onBlur: (k) => {
         var P;
-        (P = b.onBlur) == null || P.call(b, k), be(k);
+        (P = b.onBlur) == null || P.call(b, k), fe(k);
       }
     }),
-    ownerState: D,
+    ownerState: W,
     additionalProps: {
       centerRipple: !0,
       focusRipple: !u,
-      disabled: F,
+      disabled: E,
       role: void 0,
       tabIndex: null
     }
-  }), [xe, ve] = A("input", {
-    ref: m,
-    elementType: $e,
-    className: Q.input,
-    externalForwardedProps: X,
+  }), [me, xe] = L("input", {
+    ref: h,
+    elementType: Se,
+    className: K.input,
+    externalForwardedProps: Q,
     getSlotProps: (b) => ({
       ...b,
       onChange: (k) => {
         var P;
-        (P = b.onChange) == null || P.call(b, k), ye(k);
+        (P = b.onChange) == null || P.call(b, k), be(k);
       }
     }),
-    ownerState: D,
+    ownerState: W,
     additionalProps: {
-      autoFocus: s,
+      autoFocus: a,
       checked: i,
       defaultChecked: p,
-      disabled: F,
-      id: ge ? x : void 0,
-      name: C,
-      readOnly: T,
+      disabled: E,
+      id: ye ? x : void 0,
+      name: T,
+      readOnly: C,
       required: f,
       tabIndex: z,
       type: R,
-      ...R === "checkbox" && V === void 0 ? {} : {
-        value: V
+      ...R === "checkbox" && U === void 0 ? {} : {
+        value: U
       }
     }
   });
-  return /* @__PURE__ */ r.jsxs(me, {
+  return /* @__PURE__ */ r.jsxs(ge, {
     ...he,
-    children: [/* @__PURE__ */ r.jsx(xe, {
-      ...ve
-    }), K ? n : l]
+    children: [/* @__PURE__ */ r.jsx(me, {
+      ...xe
+    }), G ? n : l]
   });
 });
-process.env.NODE_ENV !== "production" && (ne.propTypes = {
+process.env.NODE_ENV !== "production" && (ae.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -249,7 +250,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: we,
+  inputRef: je,
   /*
    * @ignore
    */
@@ -311,41 +312,41 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
    */
   value: e.any
 });
-const Be = J(/* @__PURE__ */ r.jsx("path", {
+const ze = q(/* @__PURE__ */ r.jsx("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), He = J(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBoxOutlineBlank"), Ne = q(/* @__PURE__ */ r.jsx("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), Me = J(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBox"), Be = q(/* @__PURE__ */ r.jsx("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function Ie(o) {
-  return $("MuiCheckbox", o);
+function Me(o) {
+  return N("MuiCheckbox", o);
 }
-const L = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ee = (o) => {
+const D = M("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), He = (o) => {
   const {
     classes: t,
-    indeterminate: a,
-    color: s,
+    indeterminate: s,
+    color: a,
     size: i
   } = o, n = {
-    root: ["root", a && "indeterminate", `color${j(s)}`, `size${j(i)}`]
-  }, p = N(n, Ie, t);
+    root: ["root", s && "indeterminate", `color${j(a)}`, `size${j(i)}`]
+  }, p = B(n, Me, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, Fe = S(ne, {
+}, $e = S(ae, {
   shouldForwardProp: (o) => se(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: s
     } = o;
-    return [t.root, a.indeterminate && t.indeterminate, t[`size${j(a.size)}`], a.color !== "default" && t[`color${j(a.color)}`]];
+    return [t.root, s.indeterminate && t.indeterminate, t[`size${j(s.size)}`], s.color !== "default" && t[`color${j(s.color)}`]];
   }
-})(W(({
+})(_(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -356,28 +357,28 @@ const L = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: o.alpha((o.vars || o).palette.action.active, (o.vars || o).palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(Y()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(X()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: o.alpha((o.vars || o).palette[t].main, (o.vars || o).palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(Y()).map(([t]) => ({
+  })), ...Object.entries(o.palette).filter(X()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
-      [`&.${L.checked}, &.${L.indeterminate}`]: {
+      [`&.${D.checked}, &.${D.indeterminate}`]: {
         color: (o.vars || o).palette[t].main
       },
-      [`&.${L.disabled}`]: {
+      [`&.${D.disabled}`]: {
         color: (o.vars || o).palette.action.disabled
       }
     }
@@ -395,63 +396,63 @@ const L = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ue = /* @__PURE__ */ r.jsx(He, {}), Ve = /* @__PURE__ */ r.jsx(Be, {}), _e = /* @__PURE__ */ r.jsx(Me, {}), q = /* @__PURE__ */ y.forwardRef(function(t, a) {
-  const s = E({
+}))), Ie = /* @__PURE__ */ r.jsx(Ne, {}), Ee = /* @__PURE__ */ r.jsx(ze, {}), Fe = /* @__PURE__ */ r.jsx(Be, {}), A = /* @__PURE__ */ y.forwardRef(function(t, s) {
+  const a = $({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = Ue,
+    checkedIcon: i = Ie,
     color: n = "primary",
-    icon: p = Ve,
+    icon: p = Ee,
     indeterminate: d = !1,
-    indeterminateIcon: u = _e,
+    indeterminateIcon: u = Fe,
     inputProps: g,
     size: l = "medium",
     disableRipple: x = !1,
-    className: O,
-    slots: m = {},
-    slotProps: C = {},
+    className: w,
+    slots: h = {},
+    slotProps: T = {},
     ...c
-  } = s, v = d ? u : p, h = d ? u : i, T = {
-    ...s,
+  } = a, v = d ? u : p, m = d ? u : i, C = {
+    ...a,
     disableRipple: x,
     color: n,
     indeterminate: d,
     size: l
-  }, f = Ee(T), z = C.input ?? g, [R, V] = A("root", {
-    ref: a,
-    elementType: Fe,
-    className: I(f.root, O),
+  }, f = He(C), z = T.input ?? g, [R, U] = L("root", {
+    ref: s,
+    elementType: $e,
+    className: I(f.root, w),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      slots: m,
-      slotProps: C,
+      slots: h,
+      slotProps: T,
       ...c
     },
-    ownerState: T,
+    ownerState: C,
     additionalProps: {
       type: "checkbox",
       icon: /* @__PURE__ */ y.cloneElement(v, {
         fontSize: v.props.fontSize ?? l
       }),
-      checkedIcon: /* @__PURE__ */ y.cloneElement(h, {
-        fontSize: h.props.fontSize ?? l
+      checkedIcon: /* @__PURE__ */ y.cloneElement(m, {
+        fontSize: m.props.fontSize ?? l
       }),
       disableRipple: x,
-      slots: m,
+      slots: h,
       slotProps: {
-        input: Pe(typeof z == "function" ? z(T) : z, {
+        input: we(typeof z == "function" ? z(C) : z, {
           "data-indeterminate": d
         })
       }
     }
   });
   return /* @__PURE__ */ r.jsx(R, {
-    ...V,
+    ...U,
     classes: f
   });
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
+process.env.NODE_ENV !== "production" && (A.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -565,30 +566,30 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    */
   value: e.any
 });
-const G = /* @__PURE__ */ y.createContext();
-process.env.NODE_ENV !== "production" && (G.displayName = "TableContext");
-function We(o) {
-  return $("MuiTable", o);
+const J = /* @__PURE__ */ y.createContext();
+process.env.NODE_ENV !== "production" && (J.displayName = "TableContext");
+function Ue(o) {
+  return N("MuiTable", o);
 }
-B("MuiTable", ["root", "stickyHeader"]);
-const De = (o) => {
+M("MuiTable", ["root", "stickyHeader"]);
+const Ve = (o) => {
   const {
     classes: t,
-    stickyHeader: a
+    stickyHeader: s
   } = o;
-  return N({
-    root: ["root", a && "stickyHeader"]
-  }, We, t);
-}, Le = S("table", {
+  return B({
+    root: ["root", s && "stickyHeader"]
+  }, Ue, t);
+}, _e = S("table", {
   name: "MuiTable",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: s
     } = o;
-    return [t.root, a.stickyHeader && t.stickyHeader];
+    return [t.root, s.stickyHeader && t.stickyHeader];
   }
-})(W(({
+})(_(({
   theme: o
 }) => ({
   display: "table",
@@ -610,41 +611,41 @@ const De = (o) => {
       borderCollapse: "separate"
     }
   }]
-}))), Z = "table", re = /* @__PURE__ */ y.forwardRef(function(t, a) {
-  const s = E({
+}))), Y = "table", ne = /* @__PURE__ */ y.forwardRef(function(t, s) {
+  const a = $({
     props: t,
     name: "MuiTable"
   }), {
     className: i,
-    component: n = Z,
+    component: n = Y,
     padding: p = "normal",
     size: d = "medium",
     stickyHeader: u = !1,
     ...g
-  } = s, l = {
-    ...s,
+  } = a, l = {
+    ...a,
     component: n,
     padding: p,
     size: d,
     stickyHeader: u
-  }, x = De(l), O = y.useMemo(() => ({
+  }, x = Ve(l), w = y.useMemo(() => ({
     padding: p,
     size: d,
     stickyHeader: u
   }), [p, d, u]);
-  return /* @__PURE__ */ r.jsx(G.Provider, {
-    value: O,
-    children: /* @__PURE__ */ r.jsx(Le, {
+  return /* @__PURE__ */ r.jsx(J.Provider, {
+    value: w,
+    children: /* @__PURE__ */ r.jsx(_e, {
       as: n,
-      role: n === Z ? null : "table",
-      ref: a,
+      role: n === Y ? null : "table",
+      ref: s,
       className: I(x.root, i),
       ownerState: l,
       ...g
     })
   });
 });
-process.env.NODE_ENV !== "production" && (re.propTypes = {
+process.env.NODE_ENV !== "production" && (ne.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -686,51 +687,51 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const U = /* @__PURE__ */ y.createContext();
-process.env.NODE_ENV !== "production" && (U.displayName = "Tablelvl2Context");
-function Ae(o) {
-  return $("MuiTableBody", o);
+const F = /* @__PURE__ */ y.createContext();
+process.env.NODE_ENV !== "production" && (F.displayName = "Tablelvl2Context");
+function We(o) {
+  return N("MuiTableBody", o);
 }
-B("MuiTableBody", ["root"]);
-const qe = (o) => {
+M("MuiTableBody", ["root"]);
+const De = (o) => {
   const {
     classes: t
   } = o;
-  return N({
+  return B({
     root: ["root"]
-  }, Ae, t);
-}, Je = S("tbody", {
+  }, We, t);
+}, Le = S("tbody", {
   name: "MuiTableBody",
   slot: "Root"
 })({
   display: "table-row-group"
-}), Ge = {
+}), Ae = {
   variant: "body"
-}, ee = "tbody", ie = /* @__PURE__ */ y.forwardRef(function(t, a) {
-  const s = E({
+}, Z = "tbody", re = /* @__PURE__ */ y.forwardRef(function(t, s) {
+  const a = $({
     props: t,
     name: "MuiTableBody"
   }), {
     className: i,
-    component: n = ee,
+    component: n = Z,
     ...p
-  } = s, d = {
-    ...s,
+  } = a, d = {
+    ...a,
     component: n
-  }, u = qe(d);
-  return /* @__PURE__ */ r.jsx(U.Provider, {
-    value: Ge,
-    children: /* @__PURE__ */ r.jsx(Je, {
+  }, u = De(d);
+  return /* @__PURE__ */ r.jsx(F.Provider, {
+    value: Ae,
+    children: /* @__PURE__ */ r.jsx(Le, {
       className: I(u.root, i),
       as: n,
-      ref: a,
-      role: n === ee ? null : "rowgroup",
+      ref: s,
+      role: n === Z ? null : "rowgroup",
       ownerState: d,
       ...p
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ie.propTypes = {
+process.env.NODE_ENV !== "production" && (re.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -757,31 +758,31 @@ process.env.NODE_ENV !== "production" && (ie.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function Ke(o) {
-  return $("MuiTableCell", o);
+function qe(o) {
+  return N("MuiTableCell", o);
 }
-const Qe = B("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Xe = (o) => {
+const Je = M("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Ge = (o) => {
   const {
     classes: t,
-    variant: a,
-    align: s,
+    variant: s,
+    align: a,
     padding: i,
     size: n,
     stickyHeader: p
   } = o, d = {
-    root: ["root", a, p && "stickyHeader", s !== "inherit" && `align${j(s)}`, i !== "normal" && `padding${j(i)}`, `size${j(n)}`]
+    root: ["root", s, p && "stickyHeader", a !== "inherit" && `align${j(a)}`, i !== "normal" && `padding${j(i)}`, `size${j(n)}`]
   };
-  return N(d, Ke, t);
-}, Ye = S("td", {
+  return B(d, qe, t);
+}, Ke = S("td", {
   name: "MuiTableCell",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: s
     } = o;
-    return [t.root, t[a.variant], t[`size${j(a.size)}`], a.padding !== "normal" && t[`padding${j(a.padding)}`], a.align !== "inherit" && t[`align${j(a.align)}`], a.stickyHeader && t.stickyHeader];
+    return [t.root, t[s.variant], t[`size${j(s.size)}`], s.padding !== "normal" && t[`padding${j(s.padding)}`], s.align !== "inherit" && t[`align${j(s.align)}`], s.stickyHeader && t.stickyHeader];
   }
-})(W(({
+})(_(({
   theme: o
 }) => ({
   ...o.typography.body2,
@@ -790,7 +791,7 @@ const Qe = B("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
   // Workaround for a rendering bug with spanned columns in Chrome 62.0.
   // Removes the alpha (sets it to 1), and lightens or darkens the theme color.
   borderBottom: o.vars ? `1px solid ${o.vars.palette.TableCell.border}` : `1px solid
-    ${o.palette.mode === "light" ? Te(M(o.palette.divider, 1), 0.88) : ke(M(o.palette.divider, 1), 0.68)}`,
+    ${o.palette.mode === "light" ? o.lighten(o.alpha(o.palette.divider, 1), 0.88) : o.darken(o.alpha(o.palette.divider, 1), 0.68)}`,
   textAlign: "left",
   padding: 16,
   variants: [{
@@ -824,7 +825,7 @@ const Qe = B("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
     },
     style: {
       padding: "6px 16px",
-      [`&.${Qe.paddingCheckbox}`]: {
+      [`&.${Je.paddingCheckbox}`]: {
         width: 24,
         // prevent the checkbox column from growing
         padding: "0 12px 0 16px",
@@ -889,8 +890,8 @@ const Qe = B("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
       backgroundColor: (o.vars || o).palette.background.default
     }
   }]
-}))), H = /* @__PURE__ */ y.forwardRef(function(t, a) {
-  const s = E({
+}))), H = /* @__PURE__ */ y.forwardRef(function(t, s) {
+  const a = $({
     props: t,
     name: "MuiTableCell"
   }), {
@@ -902,31 +903,31 @@ const Qe = B("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
     size: g,
     sortDirection: l,
     variant: x,
-    ...O
-  } = s, m = y.useContext(G), C = y.useContext(U), c = C && C.variant === "head";
+    ...w
+  } = a, h = y.useContext(J), T = y.useContext(F), c = T && T.variant === "head";
   let v;
   p ? v = p : v = c ? "th" : "td";
-  let h = u;
-  v === "td" ? h = void 0 : !h && c && (h = "col");
-  const T = x || C && C.variant, f = {
-    ...s,
+  let m = u;
+  v === "td" ? m = void 0 : !m && c && (m = "col");
+  const C = x || T && T.variant, f = {
+    ...a,
     align: i,
     component: v,
-    padding: d || (m && m.padding ? m.padding : "normal"),
-    size: g || (m && m.size ? m.size : "medium"),
+    padding: d || (h && h.padding ? h.padding : "normal"),
+    size: g || (h && h.size ? h.size : "medium"),
     sortDirection: l,
-    stickyHeader: T === "head" && m && m.stickyHeader,
-    variant: T
-  }, z = Xe(f);
+    stickyHeader: C === "head" && h && h.stickyHeader,
+    variant: C
+  }, z = Ge(f);
   let R = null;
-  return l && (R = l === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Ye, {
+  return l && (R = l === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Ke, {
     as: v,
-    ref: a,
+    ref: s,
     className: I(z.root, n),
     "aria-sort": R,
-    scope: h,
+    scope: m,
     ownerState: f,
-    ...O
+    ...w
   });
 });
 process.env.NODE_ENV !== "production" && (H.propTypes = {
@@ -987,49 +988,49 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["body", "footer", "head"]), e.string])
 });
-function Ze(o) {
-  return $("MuiTableHead", o);
+function Qe(o) {
+  return N("MuiTableHead", o);
 }
-B("MuiTableHead", ["root"]);
-const eo = (o) => {
+M("MuiTableHead", ["root"]);
+const Xe = (o) => {
   const {
     classes: t
   } = o;
-  return N({
+  return B({
     root: ["root"]
-  }, Ze, t);
-}, oo = S("thead", {
+  }, Qe, t);
+}, Ye = S("thead", {
   name: "MuiTableHead",
   slot: "Root"
 })({
   display: "table-header-group"
-}), to = {
+}), Ze = {
   variant: "head"
-}, oe = "thead", le = /* @__PURE__ */ y.forwardRef(function(t, a) {
-  const s = E({
+}, ee = "thead", ie = /* @__PURE__ */ y.forwardRef(function(t, s) {
+  const a = $({
     props: t,
     name: "MuiTableHead"
   }), {
     className: i,
-    component: n = oe,
+    component: n = ee,
     ...p
-  } = s, d = {
-    ...s,
+  } = a, d = {
+    ...a,
     component: n
-  }, u = eo(d);
-  return /* @__PURE__ */ r.jsx(U.Provider, {
-    value: to,
-    children: /* @__PURE__ */ r.jsx(oo, {
+  }, u = Xe(d);
+  return /* @__PURE__ */ r.jsx(F.Provider, {
+    value: Ze,
+    children: /* @__PURE__ */ r.jsx(Ye, {
       as: n,
       className: I(u.root, i),
-      ref: a,
-      role: n === oe ? null : "rowgroup",
+      ref: s,
+      role: n === ee ? null : "rowgroup",
       ownerState: d,
       ...p
     })
   });
 });
-process.env.NODE_ENV !== "production" && (le.propTypes = {
+process.env.NODE_ENV !== "production" && (ie.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1056,30 +1057,30 @@ process.env.NODE_ENV !== "production" && (le.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function ao(o) {
-  return $("MuiTableRow", o);
+function eo(o) {
+  return N("MuiTableRow", o);
 }
-const te = B("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), so = (o) => {
+const oe = M("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), oo = (o) => {
   const {
     classes: t,
-    selected: a,
-    hover: s,
+    selected: s,
+    hover: a,
     head: i,
     footer: n
   } = o;
-  return N({
-    root: ["root", a && "selected", s && "hover", i && "head", n && "footer"]
-  }, ao, t);
-}, no = S("tr", {
+  return B({
+    root: ["root", s && "selected", a && "hover", i && "head", n && "footer"]
+  }, eo, t);
+}, to = S("tr", {
   name: "MuiTableRow",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: s
     } = o;
-    return [t.root, a.head && t.head, a.footer && t.footer];
+    return [t.root, s.head && t.head, s.footer && t.footer];
   }
-})(W(({
+})(_(({
   theme: o
 }) => ({
   color: "inherit",
@@ -1087,43 +1088,43 @@ const te = B("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), so
   verticalAlign: "middle",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0,
-  [`&.${te.hover}:hover`]: {
+  [`&.${oe.hover}:hover`]: {
     backgroundColor: (o.vars || o).palette.action.hover
   },
-  [`&.${te.selected}`]: {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})` : M(o.palette.primary.main, o.palette.action.selectedOpacity),
+  [`&.${oe.selected}`]: {
+    backgroundColor: o.alpha((o.vars || o).palette.primary.main, (o.vars || o).palette.action.selectedOpacity),
     "&:hover": {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))` : M(o.palette.primary.main, o.palette.action.selectedOpacity + o.palette.action.hoverOpacity)
+      backgroundColor: o.alpha((o.vars || o).palette.primary.main, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.hoverOpacity}`)
     }
   }
-}))), ae = "tr", _ = /* @__PURE__ */ y.forwardRef(function(t, a) {
-  const s = E({
+}))), te = "tr", V = /* @__PURE__ */ y.forwardRef(function(t, s) {
+  const a = $({
     props: t,
     name: "MuiTableRow"
   }), {
     className: i,
-    component: n = ae,
+    component: n = te,
     hover: p = !1,
     selected: d = !1,
     ...u
-  } = s, g = y.useContext(U), l = {
-    ...s,
+  } = a, g = y.useContext(F), l = {
+    ...a,
     component: n,
     hover: p,
     selected: d,
     head: g && g.variant === "head",
     footer: g && g.variant === "footer"
-  }, x = so(l);
-  return /* @__PURE__ */ r.jsx(no, {
+  }, x = oo(l);
+  return /* @__PURE__ */ r.jsx(to, {
     as: n,
-    ref: a,
+    ref: s,
     className: I(x.root, i),
-    role: n === ae ? null : "row",
+    role: n === te ? null : "row",
     ownerState: l,
     ...u
   });
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+process.env.NODE_ENV !== "production" && (V.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1160,11 +1161,11 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function mo({
+function uo({
   columns: o,
   hideHead: t,
-  hover: a,
-  onClick: s,
+  hover: s,
+  onClick: a,
   onDeselectAll: i,
   onDeselectOne: n,
   onSelectOne: p,
@@ -1173,12 +1174,12 @@ function mo({
   selectable: g,
   selected: l,
   uniqueRowId: x,
-  ...O
+  ...w
 }) {
-  const m = ((l == null ? void 0 : l.size) ?? 0) > 0 && ((l == null ? void 0 : l.size) ?? 0) < u.length, C = u.length > 0 && (l == null ? void 0 : l.size) === u.length;
-  return /* @__PURE__ */ r.jsxs(re, { ...O, sx: { mt: 1 }, children: [
+  const h = ((l == null ? void 0 : l.size) ?? 0) > 0 && ((l == null ? void 0 : l.size) ?? 0) < u.length, T = u.length > 0 && (l == null ? void 0 : l.size) === u.length;
+  return /* @__PURE__ */ r.jsxs(ne, { ...w, sx: { mt: 1 }, children: [
     /* @__PURE__ */ r.jsx(
-      le,
+      ie,
       {
         sx: {
           ...t && {
@@ -1186,14 +1187,14 @@ function mo({
             "--TableCell-borderWidth": 0
           }
         },
-        children: /* @__PURE__ */ r.jsxs(_, { children: [
+        children: /* @__PURE__ */ r.jsxs(V, { children: [
           g ? /* @__PURE__ */ r.jsx(H, { padding: "checkbox", sx: { width: "40px", minWidth: "40px", maxWidth: "40px" }, children: /* @__PURE__ */ r.jsx(
-            q,
+            A,
             {
-              checked: C,
-              indeterminate: m,
+              checked: T,
+              indeterminate: h,
               onChange: (c) => {
-                C ? i == null || i(c) : d == null || d(c);
+                T ? i == null || i(c) : d == null || d(c);
               }
             }
           ) }) : null,
@@ -1215,29 +1216,29 @@ function mo({
         ] })
       }
     ),
-    /* @__PURE__ */ r.jsx(ie, { children: u.length ? u.map((c, v) => {
-      const h = c.id ? c.id : x == null ? void 0 : x(c), T = h ? l == null ? void 0 : l.has(h) : !1;
+    /* @__PURE__ */ r.jsx(re, { children: u.length ? u.map((c, v) => {
+      const m = c.id ? c.id : x == null ? void 0 : x(c), C = m ? l == null ? void 0 : l.has(m) : !1;
       return /* @__PURE__ */ r.jsxs(
-        _,
+        V,
         {
-          hover: a,
-          selected: T,
-          ...s && {
+          hover: s,
+          selected: C,
+          ...a && {
             onClick: (f) => {
-              s(f, c);
+              a(f, c);
             }
           },
-          sx: { ...s && { cursor: "pointer" } },
+          sx: { ...a && { cursor: "pointer" } },
           children: [
             g ? /* @__PURE__ */ r.jsx(H, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
-              q,
+              A,
               {
-                checked: h ? T : !1,
+                checked: m ? C : !1,
                 onChange: (f) => {
-                  T ? n == null || n(f, c) : p == null || p(f, c);
+                  C ? n == null || n(f, c) : p == null || p(f, c);
                 },
                 onClick: (f) => {
-                  s && f.stopPropagation();
+                  a && f.stopPropagation();
                 }
               }
             ) }) : null,
@@ -1246,11 +1247,11 @@ function mo({
             )
           ]
         },
-        h ?? v
+        m ?? v
       );
-    }) : /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(H, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(Ce, {}) }) }) })
+    }) : /* @__PURE__ */ r.jsx(V, { children: /* @__PURE__ */ r.jsx(H, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(ve, {}) }) }) })
   ] });
 }
 export {
-  mo as default
+  uo as default
 };