@solostylist/ui-kit 1.0.1 → 1.0.3

package/dist/AppDataTable/AppDataTable.js

@@ -1,32 +1,33 @@
-import { j as r } from "../jsx-runtime-B6kdoens.js";
-import { v4 as be } from "uuid";
-import ye from "../AppNoData/AppNoData.js";
-import * as g from "react";
-import { P as e, c as C, j as $, l as ge, k as he } from "../createTheme-C97xvI-s.js";
-import { c as w } from "../clsx-C-FXfxyk.js";
-import { s as O, r as te, c as N, m as U } from "../memoTheme-B2qvAi64.js";
-import { a as S, g as B } from "../generateUtilityClasses-CuEy5gtx.js";
-import { u as H } from "../DefaultPropsProvider-BV4t9fEW.js";
-import { t as me, g as ve } from "../tableCellClasses-BIg5orIQ.js";
-import { u as xe, a as Ce, c as A } from "../useControlled-CYUofcJ9.js";
-import { B as Te, r as ae } from "../ButtonBase-p_uz8ITC.js";
-import { c as Q } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-function ke(o) {
-  return S("PrivateSwitchBase", o);
+import { j as r } from "../jsx-runtime-C5mzlN2N.js";
+import { v4 as Te } from "uuid";
+import Ce from "../AppNoData/AppNoData.js";
+import * as h from "react";
+import { c as j, P as e, j as B, l as ke, n as je } from "../createTheme-dX0MILsf.js";
+import { c as H } from "../clsx-DfguY6FT.js";
+import { s as S, c as z, r as ae, m as D } from "../memoTheme-DOlCkXD8.js";
+import { a as M, g as I } from "../generateUtilityClasses-CuEy5gtx.js";
+import { u as E } from "../DefaultPropsProvider-Cw67t9bx.js";
+import { g as Oe, t as Re } from "../tableCellClasses-BIg5orIQ.js";
+import { u as we, a as Pe, c as G } from "../useControlled-DyL3m721.js";
+import { u as L, m as Se } from "../useSlot-Tj9CW-Xc.js";
+import { B as Ne, r as ze } from "../ButtonBase-D7WZejV5.js";
+import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
+function $e(o) {
+  return M("PrivateSwitchBase", o);
 }
-B("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const je = (o) => {
+I("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const Be = (o) => {
   const {
     classes: t,
-    checked: a,
-    disabled: s,
+    checked: s,
+    disabled: a,
     edge: i
   } = o, n = {
-    root: ["root", a && "checked", s && "disabled", i && `edge${C(i)}`],
+    root: ["root", s && "checked", a && "disabled", i && `edge${j(i)}`],
     input: ["input"]
   };
-  return N(n, ke, t);
-}, Re = O(Te)({
+  return z(n, $e, t);
+}, He = S(Ne)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -62,8 +63,8 @@ const je = (o) => {
       marginRight: -12
     }
   }]
-}), Oe = O("input", {
-  shouldForwardProp: te
+}), Me = S("input", {
+  shouldForwardProp: ae
 })({
   cursor: "inherit",
   position: "absolute",
@@ -75,90 +76,126 @@ const je = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), se = /* @__PURE__ */ g.forwardRef(function(t, a) {
+}), ne = /* @__PURE__ */ h.forwardRef(function(t, s) {
   const {
-    autoFocus: s,
+    autoFocus: a,
     checked: i,
     checkedIcon: n,
-    className: p,
-    defaultChecked: d,
-    disabled: u,
-    disableFocusRipple: b = !1,
-    edge: l = !1,
-    icon: h,
-    id: T,
-    inputProps: m,
-    inputRef: x,
-    name: c,
-    onBlur: v,
-    onChange: y,
-    onFocus: k,
-    readOnly: f,
-    required: V = !1,
-    tabIndex: I,
-    type: E,
-    value: q,
-    ...le
-  } = t, [G, ce] = xe({
+    defaultChecked: p,
+    disabled: d,
+    disableFocusRipple: u = !1,
+    edge: y = !1,
+    icon: l,
+    id: x,
+    inputProps: O,
+    inputRef: g,
+    name: T,
+    onBlur: c,
+    onChange: v,
+    onFocus: m,
+    readOnly: C,
+    required: f = !1,
+    tabIndex: N,
+    type: R,
+    value: V,
+    slots: ce = {},
+    slotProps: pe = {},
+    ...de
+  } = t, [K, ue] = we({
     controlled: i,
-    default: !!d,
+    default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), R = Ce(), de = (j) => {
-    k && k(j), R && R.onFocus && R.onFocus(j);
-  }, pe = (j) => {
-    v && v(j), R && R.onBlur && R.onBlur(j);
-  }, ue = (j) => {
-    if (j.nativeEvent.defaultPrevented)
+  }), w = Pe(), fe = (b) => {
+    m && m(b), w && w.onFocus && w.onFocus(b);
+  }, be = (b) => {
+    c && c(b), w && w.onBlur && w.onBlur(b);
+  }, ye = (b) => {
+    if (b.nativeEvent.defaultPrevented)
       return;
-    const K = j.target.checked;
-    ce(K), y && y(j, K);
+    const k = b.target.checked;
+    ue(k), v && v(b, k);
   };
-  let P = u;
-  R && typeof P > "u" && (P = R.disabled);
-  const fe = E === "checkbox" || E === "radio", _ = {
+  let F = d;
+  w && typeof F > "u" && (F = w.disabled);
+  const ge = R === "checkbox" || R === "radio", W = {
     ...t,
-    checked: G,
-    disabled: P,
-    disableFocusRipple: b,
-    edge: l
-  }, J = je(_);
-  return /* @__PURE__ */ r.jsxs(Re, {
-    component: "span",
-    className: w(J.root, p),
-    centerRipple: !0,
-    focusRipple: !b,
-    disabled: P,
-    tabIndex: null,
-    role: void 0,
-    onFocus: de,
-    onBlur: pe,
-    ownerState: _,
-    ref: a,
-    ...le,
-    children: [/* @__PURE__ */ r.jsx(Oe, {
-      autoFocus: s,
-      checked: i,
-      defaultChecked: d,
-      className: J.input,
-      disabled: P,
-      id: fe ? T : void 0,
-      name: c,
-      onChange: ue,
-      readOnly: f,
-      ref: x,
-      required: V,
-      ownerState: _,
-      tabIndex: I,
-      type: E,
-      ...E === "checkbox" && q === void 0 ? {} : {
-        value: q
+    checked: K,
+    disabled: F,
+    disableFocusRipple: u,
+    edge: y
+  }, Q = Be(W), X = {
+    slots: ce,
+    slotProps: {
+      input: O,
+      ...pe
+    }
+  }, [me, he] = L("root", {
+    ref: s,
+    elementType: He,
+    className: Q.root,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      ...X,
+      component: "span",
+      ...de
+    },
+    getSlotProps: (b) => ({
+      ...b,
+      onFocus: (k) => {
+        var P;
+        (P = b.onFocus) == null || P.call(b, k), fe(k);
       },
-      ...m
-    }), G ? n : h]
+      onBlur: (k) => {
+        var P;
+        (P = b.onBlur) == null || P.call(b, k), be(k);
+      }
+    }),
+    ownerState: W,
+    additionalProps: {
+      centerRipple: !0,
+      focusRipple: !u,
+      disabled: F,
+      role: void 0,
+      tabIndex: null
+    }
+  }), [xe, ve] = L("input", {
+    ref: g,
+    elementType: Me,
+    className: Q.input,
+    externalForwardedProps: X,
+    getSlotProps: (b) => ({
+      ...b,
+      onChange: (k) => {
+        var P;
+        (P = b.onChange) == null || P.call(b, k), ye(k);
+      }
+    }),
+    ownerState: W,
+    additionalProps: {
+      autoFocus: a,
+      checked: i,
+      defaultChecked: p,
+      disabled: F,
+      id: ge ? x : void 0,
+      name: T,
+      readOnly: C,
+      required: f,
+      tabIndex: N,
+      type: R,
+      ...R === "checkbox" && V === void 0 ? {} : {
+        value: V
+      }
+    }
+  });
+  return /* @__PURE__ */ r.jsxs(me, {
+    ...he,
+    children: [/* @__PURE__ */ r.jsx(xe, {
+      ...ve
+    }), K ? n : l]
   });
 });
-process.env.NODE_ENV !== "production" && (se.propTypes = {
+process.env.NODE_ENV !== "production" && (ne.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -215,7 +252,7 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ae,
+  inputRef: ze,
   /*
    * @ignore
    */
@@ -244,6 +281,22 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
    * If `true`, the `input` element is required.
    */
   required: e.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -261,41 +314,41 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
    */
   value: e.any
 });
-const we = A(/* @__PURE__ */ r.jsx("path", {
+const Ie = G(/* @__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"), Ne = A(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBoxOutlineBlank"), Ee = G(/* @__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"), ze = A(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBox"), Fe = G(/* @__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 $e(o) {
-  return S("MuiCheckbox", o);
+function Ue(o) {
+  return M("MuiCheckbox", o);
 }
-const D = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Se = (o) => {
+const A = I("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ve = (o) => {
   const {
     classes: t,
-    indeterminate: a,
-    color: s,
+    indeterminate: s,
+    color: a,
     size: i
   } = o, n = {
-    root: ["root", a && "indeterminate", `color${C(s)}`, `size${C(i)}`]
-  }, p = N(n, $e, t);
+    root: ["root", s && "indeterminate", `color${j(a)}`, `size${j(i)}`]
+  }, p = z(n, Ue, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, Be = O(se, {
-  shouldForwardProp: (o) => te(o) || o === "classes",
+}, _e = S(ne, {
+  shouldForwardProp: (o) => ae(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${C(a.size)}`], a.color !== "default" && t[`color${C(a.color)}`]];
+    return [t.root, s.indeterminate && t.indeterminate, t[`size${j(s.size)}`], s.color !== "default" && t[`color${j(s.color)}`]];
   }
-})(U(({
+})(D(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -306,28 +359,28 @@ const D = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : $(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : B(o.palette.action.active, o.palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(Q()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(Y()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : $(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : B(o.palette[t].main, o.palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(Q()).map(([t]) => ({
+  })), ...Object.entries(o.palette).filter(Y()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
-      [`&.${D.checked}, &.${D.indeterminate}`]: {
+      [`&.${A.checked}, &.${A.indeterminate}`]: {
         color: (o.vars || o).palette[t].main
       },
-      [`&.${D.disabled}`]: {
+      [`&.${A.disabled}`]: {
         color: (o.vars || o).palette.action.disabled
       }
     }
@@ -345,49 +398,63 @@ const D = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), He = /* @__PURE__ */ r.jsx(Ne, {}), Pe = /* @__PURE__ */ r.jsx(we, {}), Me = /* @__PURE__ */ r.jsx(ze, {}), W = /* @__PURE__ */ g.forwardRef(function(t, a) {
-  const s = H({
+}))), De = /* @__PURE__ */ r.jsx(Ee, {}), We = /* @__PURE__ */ r.jsx(Ie, {}), Ae = /* @__PURE__ */ r.jsx(Fe, {}), q = /* @__PURE__ */ h.forwardRef(function(t, s) {
+  const a = E({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = He,
+    checkedIcon: i = De,
     color: n = "primary",
-    icon: p = Pe,
+    icon: p = We,
     indeterminate: d = !1,
-    indeterminateIcon: u = Me,
-    inputProps: b,
+    indeterminateIcon: u = Ae,
+    inputProps: y,
     size: l = "medium",
-    disableRipple: h = !1,
-    className: T,
-    ...m
-  } = s, x = d ? u : p, c = d ? u : i, v = {
-    ...s,
-    disableRipple: h,
+    disableRipple: x = !1,
+    className: O,
+    slots: g = {},
+    slotProps: T = {},
+    ...c
+  } = a, v = d ? u : p, m = d ? u : i, C = {
+    ...a,
+    disableRipple: x,
     color: n,
     indeterminate: d,
     size: l
-  }, y = Se(v);
-  return /* @__PURE__ */ r.jsx(Be, {
-    type: "checkbox",
-    inputProps: {
-      "data-indeterminate": d,
-      ...b
+  }, f = Ve(C), N = T.input ?? y, [R, V] = L("root", {
+    ref: s,
+    elementType: _e,
+    className: H(f.root, O),
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      slots: g,
+      slotProps: T,
+      ...c
     },
-    icon: /* @__PURE__ */ g.cloneElement(x, {
-      fontSize: x.props.fontSize ?? l
-    }),
-    checkedIcon: /* @__PURE__ */ g.cloneElement(c, {
-      fontSize: c.props.fontSize ?? l
-    }),
-    ownerState: v,
-    ref: a,
-    className: w(y.root, T),
-    disableRipple: h,
-    ...m,
-    classes: y
+    ownerState: C,
+    additionalProps: {
+      type: "checkbox",
+      icon: /* @__PURE__ */ h.cloneElement(v, {
+        fontSize: v.props.fontSize ?? l
+      }),
+      checkedIcon: /* @__PURE__ */ h.cloneElement(m, {
+        fontSize: m.props.fontSize ?? l
+      }),
+      disableRipple: x,
+      slots: g,
+      slotProps: {
+        input: Se(typeof N == "function" ? N(C) : N, {
+          "data-indeterminate": d
+        })
+      }
+    }
+  });
+  return /* @__PURE__ */ r.jsx(R, {
+    ...V,
+    classes: f
   });
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (q.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -454,12 +521,9 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
   indeterminateIcon: e.node,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ae,
   /**
    * Callback fired when the state is changed.
    *
@@ -478,6 +542,22 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    * @default 'medium'
    */
   size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -488,30 +568,30 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   value: e.any
 });
-const L = /* @__PURE__ */ g.createContext();
-process.env.NODE_ENV !== "production" && (L.displayName = "TableContext");
-function Ie(o) {
-  return S("MuiTable", o);
+const J = /* @__PURE__ */ h.createContext();
+process.env.NODE_ENV !== "production" && (J.displayName = "TableContext");
+function Le(o) {
+  return M("MuiTable", o);
 }
-B("MuiTable", ["root", "stickyHeader"]);
-const Ee = (o) => {
+I("MuiTable", ["root", "stickyHeader"]);
+const qe = (o) => {
   const {
     classes: t,
-    stickyHeader: a
+    stickyHeader: s
   } = o;
-  return N({
-    root: ["root", a && "stickyHeader"]
-  }, Ie, t);
-}, Fe = O("table", {
+  return z({
+    root: ["root", s && "stickyHeader"]
+  }, Le, t);
+}, Ge = 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];
   }
-})(U(({
+})(D(({
   theme: o
 }) => ({
   display: "table",
@@ -533,41 +613,41 @@ const Ee = (o) => {
       borderCollapse: "separate"
     }
   }]
-}))), X = "table", ne = /* @__PURE__ */ g.forwardRef(function(t, a) {
-  const s = H({
+}))), Z = "table", re = /* @__PURE__ */ h.forwardRef(function(t, s) {
+  const a = E({
     props: t,
     name: "MuiTable"
   }), {
     className: i,
-    component: n = X,
+    component: n = Z,
     padding: p = "normal",
     size: d = "medium",
     stickyHeader: u = !1,
-    ...b
-  } = s, l = {
-    ...s,
+    ...y
+  } = a, l = {
+    ...a,
     component: n,
     padding: p,
     size: d,
     stickyHeader: u
-  }, h = Ee(l), T = g.useMemo(() => ({
+  }, x = qe(l), O = h.useMemo(() => ({
     padding: p,
     size: d,
     stickyHeader: u
   }), [p, d, u]);
-  return /* @__PURE__ */ r.jsx(L.Provider, {
-    value: T,
-    children: /* @__PURE__ */ r.jsx(Fe, {
+  return /* @__PURE__ */ r.jsx(J.Provider, {
+    value: O,
+    children: /* @__PURE__ */ r.jsx(Ge, {
       as: n,
-      role: n === X ? null : "table",
-      ref: a,
-      className: w(h.root, i),
+      role: n === Z ? null : "table",
+      ref: s,
+      className: H(x.root, i),
       ownerState: l,
-      ...b
+      ...y
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ne.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`.     │
@@ -609,52 +689,52 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const M = /* @__PURE__ */ g.createContext();
-process.env.NODE_ENV !== "production" && (M.displayName = "Tablelvl2Context");
-function Ue(o) {
-  return S("MuiTableBody", o);
+const U = /* @__PURE__ */ h.createContext();
+process.env.NODE_ENV !== "production" && (U.displayName = "Tablelvl2Context");
+function Je(o) {
+  return M("MuiTableBody", o);
 }
-B("MuiTableBody", ["root"]);
-const Ve = (o) => {
+I("MuiTableBody", ["root"]);
+const Ke = (o) => {
   const {
     classes: t
   } = o;
-  return N({
+  return z({
     root: ["root"]
-  }, Ue, t);
-}, _e = O("tbody", {
+  }, Je, t);
+}, Qe = S("tbody", {
   name: "MuiTableBody",
   slot: "Root",
   overridesResolver: (o, t) => t.root
 })({
   display: "table-row-group"
-}), De = {
+}), Xe = {
   variant: "body"
-}, Y = "tbody", re = /* @__PURE__ */ g.forwardRef(function(t, a) {
-  const s = H({
+}, ee = "tbody", ie = /* @__PURE__ */ h.forwardRef(function(t, s) {
+  const a = E({
     props: t,
     name: "MuiTableBody"
   }), {
     className: i,
-    component: n = Y,
+    component: n = ee,
     ...p
-  } = s, d = {
-    ...s,
+  } = a, d = {
+    ...a,
     component: n
-  }, u = Ve(d);
-  return /* @__PURE__ */ r.jsx(M.Provider, {
-    value: De,
-    children: /* @__PURE__ */ r.jsx(_e, {
-      className: w(u.root, i),
+  }, u = Ke(d);
+  return /* @__PURE__ */ r.jsx(U.Provider, {
+    value: Xe,
+    children: /* @__PURE__ */ r.jsx(Qe, {
+      className: H(u.root, i),
       as: n,
-      ref: a,
-      role: n === Y ? null : "rowgroup",
+      ref: s,
+      role: n === ee ? null : "rowgroup",
       ownerState: d,
       ...p
     })
   });
 });
-process.env.NODE_ENV !== "production" && (re.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`.     │
@@ -681,28 +761,28 @@ 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 We = (o) => {
+const Ye = (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${C(s)}`, i !== "normal" && `padding${C(i)}`, `size${C(n)}`]
+    root: ["root", s, p && "stickyHeader", a !== "inherit" && `align${j(a)}`, i !== "normal" && `padding${j(i)}`, `size${j(n)}`]
   };
-  return N(d, ve, t);
-}, Ae = O("td", {
+  return z(d, Oe, t);
+}, Ze = S("td", {
   name: "MuiTableCell",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: s
     } = o;
-    return [t.root, t[a.variant], t[`size${C(a.size)}`], a.padding !== "normal" && t[`padding${C(a.padding)}`], a.align !== "inherit" && t[`align${C(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];
   }
-})(U(({
+})(D(({
   theme: o
 }) => ({
   ...o.typography.body2,
@@ -711,7 +791,7 @@ const We = (o) => {
   // 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" ? ge($(o.palette.divider, 1), 0.88) : he($(o.palette.divider, 1), 0.68)}`,
+    ${o.palette.mode === "light" ? ke(B(o.palette.divider, 1), 0.88) : je(B(o.palette.divider, 1), 0.68)}`,
   textAlign: "left",
   padding: 16,
   variants: [{
@@ -745,7 +825,7 @@ const We = (o) => {
     },
     style: {
       padding: "6px 16px",
-      [`&.${me.paddingCheckbox}`]: {
+      [`&.${Re.paddingCheckbox}`]: {
         width: 24,
         // prevent the checkbox column from growing
         padding: "0 12px 0 16px",
@@ -810,8 +890,8 @@ const We = (o) => {
       backgroundColor: (o.vars || o).palette.background.default
     }
   }]
-}))), z = /* @__PURE__ */ g.forwardRef(function(t, a) {
-  const s = H({
+}))), $ = /* @__PURE__ */ h.forwardRef(function(t, s) {
+  const a = E({
     props: t,
     name: "MuiTableCell"
   }), {
@@ -820,37 +900,37 @@ const We = (o) => {
     component: p,
     padding: d,
     scope: u,
-    size: b,
+    size: y,
     sortDirection: l,
-    variant: h,
-    ...T
-  } = s, m = g.useContext(L), x = g.useContext(M), c = x && x.variant === "head";
+    variant: x,
+    ...O
+  } = a, g = h.useContext(J), T = h.useContext(U), c = T && T.variant === "head";
   let v;
   p ? v = p : v = c ? "th" : "td";
-  let y = u;
-  v === "td" ? y = void 0 : !y && c && (y = "col");
-  const k = h || x && x.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: b || (m && m.size ? m.size : "medium"),
+    padding: d || (g && g.padding ? g.padding : "normal"),
+    size: y || (g && g.size ? g.size : "medium"),
     sortDirection: l,
-    stickyHeader: k === "head" && m && m.stickyHeader,
-    variant: k
-  }, V = We(f);
-  let I = null;
-  return l && (I = l === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Ae, {
+    stickyHeader: C === "head" && g && g.stickyHeader,
+    variant: C
+  }, N = Ye(f);
+  let R = null;
+  return l && (R = l === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Ze, {
     as: v,
-    ref: a,
-    className: w(V.root, n),
-    "aria-sort": I,
-    scope: y,
+    ref: s,
+    className: H(N.root, n),
+    "aria-sort": R,
+    scope: m,
     ownerState: f,
-    ...T
+    ...O
   });
 });
-process.env.NODE_ENV !== "production" && (z.propTypes = {
+process.env.NODE_ENV !== "production" && ($.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -908,50 +988,50 @@ process.env.NODE_ENV !== "production" && (z.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["body", "footer", "head"]), e.string])
 });
-function Le(o) {
-  return S("MuiTableHead", o);
+function eo(o) {
+  return M("MuiTableHead", o);
 }
-B("MuiTableHead", ["root"]);
-const qe = (o) => {
+I("MuiTableHead", ["root"]);
+const oo = (o) => {
   const {
     classes: t
   } = o;
-  return N({
+  return z({
     root: ["root"]
-  }, Le, t);
-}, Ge = O("thead", {
+  }, eo, t);
+}, to = S("thead", {
   name: "MuiTableHead",
   slot: "Root",
   overridesResolver: (o, t) => t.root
 })({
   display: "table-header-group"
-}), Je = {
+}), so = {
   variant: "head"
-}, Z = "thead", ie = /* @__PURE__ */ g.forwardRef(function(t, a) {
-  const s = H({
+}, oe = "thead", le = /* @__PURE__ */ h.forwardRef(function(t, s) {
+  const a = E({
     props: t,
     name: "MuiTableHead"
   }), {
     className: i,
-    component: n = Z,
+    component: n = oe,
     ...p
-  } = s, d = {
-    ...s,
+  } = a, d = {
+    ...a,
     component: n
-  }, u = qe(d);
-  return /* @__PURE__ */ r.jsx(M.Provider, {
-    value: Je,
-    children: /* @__PURE__ */ r.jsx(Ge, {
+  }, u = oo(d);
+  return /* @__PURE__ */ r.jsx(U.Provider, {
+    value: so,
+    children: /* @__PURE__ */ r.jsx(to, {
       as: n,
-      className: w(u.root, i),
-      ref: a,
-      role: n === Z ? null : "rowgroup",
+      className: H(u.root, i),
+      ref: s,
+      role: n === oe ? null : "rowgroup",
       ownerState: d,
       ...p
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ie.propTypes = {
+process.env.NODE_ENV !== "production" && (le.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -978,30 +1058,30 @@ 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 S("MuiTableRow", o);
+function ao(o) {
+  return M("MuiTableRow", o);
 }
-const ee = B("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), Qe = (o) => {
+const te = I("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), no = (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"]
-  }, Ke, t);
-}, Xe = O("tr", {
+  return z({
+    root: ["root", s && "selected", a && "hover", i && "head", n && "footer"]
+  }, ao, t);
+}, ro = 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];
   }
-})(U(({
+})(D(({
   theme: o
 }) => ({
   color: "inherit",
@@ -1009,43 +1089,43 @@ const ee = B("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), Qe
   verticalAlign: "middle",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0,
-  [`&.${ee.hover}:hover`]: {
+  [`&.${te.hover}:hover`]: {
     backgroundColor: (o.vars || o).palette.action.hover
   },
-  [`&.${ee.selected}`]: {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})` : $(o.palette.primary.main, o.palette.action.selectedOpacity),
+  [`&.${te.selected}`]: {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})` : B(o.palette.primary.main, 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}))` : $(o.palette.primary.main, o.palette.action.selectedOpacity + o.palette.action.hoverOpacity)
+      backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))` : B(o.palette.primary.main, o.palette.action.selectedOpacity + o.palette.action.hoverOpacity)
     }
   }
-}))), oe = "tr", F = /* @__PURE__ */ g.forwardRef(function(t, a) {
-  const s = H({
+}))), se = "tr", _ = /* @__PURE__ */ h.forwardRef(function(t, s) {
+  const a = E({
     props: t,
     name: "MuiTableRow"
   }), {
     className: i,
-    component: n = oe,
+    component: n = se,
     hover: p = !1,
     selected: d = !1,
     ...u
-  } = s, b = g.useContext(M), l = {
-    ...s,
+  } = a, y = h.useContext(U), l = {
+    ...a,
     component: n,
     hover: p,
     selected: d,
-    head: b && b.variant === "head",
-    footer: b && b.variant === "footer"
-  }, h = Qe(l);
-  return /* @__PURE__ */ r.jsx(Xe, {
+    head: y && y.variant === "head",
+    footer: y && y.variant === "footer"
+  }, x = no(l);
+  return /* @__PURE__ */ r.jsx(ro, {
     as: n,
-    ref: a,
-    className: w(h.root, i),
-    role: n === oe ? null : "row",
+    ref: s,
+    className: H(x.root, i),
+    role: n === se ? null : "row",
     ownerState: l,
     ...u
   });
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (_.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1082,25 +1162,25 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function po({
+function To({
   columns: o,
   hideHead: t,
-  hover: a,
-  onClick: s,
+  hover: s,
+  onClick: a,
   onDeselectAll: i,
   onDeselectOne: n,
   onSelectOne: p,
   onSelectAll: d,
   rows: u,
-  selectable: b,
+  selectable: y,
   selected: l,
-  uniqueRowId: h,
-  ...T
+  uniqueRowId: x,
+  ...O
 }) {
-  const m = ((l == null ? void 0 : l.size) ?? 0) > 0 && ((l == null ? void 0 : l.size) ?? 0) < u.length, x = u.length > 0 && (l == null ? void 0 : l.size) === u.length;
-  return /* @__PURE__ */ r.jsxs(ne, { ...T, sx: { mt: 1 }, children: [
+  const g = ((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(re, { ...O, sx: { mt: 1 }, children: [
     /* @__PURE__ */ r.jsx(
-      ie,
+      le,
       {
         sx: {
           ...t && {
@@ -1108,20 +1188,20 @@ function po({
             "--TableCell-borderWidth": 0
           }
         },
-        children: /* @__PURE__ */ r.jsxs(F, { children: [
-          b ? /* @__PURE__ */ r.jsx(z, { padding: "checkbox", sx: { width: "40px", minWidth: "40px", maxWidth: "40px" }, children: /* @__PURE__ */ r.jsx(
-            W,
+        children: /* @__PURE__ */ r.jsxs(_, { children: [
+          y ? /* @__PURE__ */ r.jsx($, { padding: "checkbox", sx: { width: "40px", minWidth: "40px", maxWidth: "40px" }, children: /* @__PURE__ */ r.jsx(
+            q,
             {
-              checked: x,
-              indeterminate: m,
+              checked: T,
+              indeterminate: g,
               onChange: (c) => {
-                x ? i == null || i(c) : d == null || d(c);
+                T ? i == null || i(c) : d == null || d(c);
               }
             }
           ) }) : null,
           o.map(
             (c) => /* @__PURE__ */ r.jsx(
-              z,
+              $,
               {
                 sx: {
                   width: c.width,
@@ -1131,48 +1211,48 @@ function po({
                 },
                 children: c.hideName ? null : c.name
               },
-              c.name ?? be()
+              c.name ?? Te()
             )
           )
         ] })
       }
     ),
-    /* @__PURE__ */ r.jsx(re, { children: u.length ? u.map((c, v) => {
-      const y = c.id ? c.id : h == null ? void 0 : h(c), k = y ? l == null ? void 0 : l.has(y) : !1;
+    /* @__PURE__ */ r.jsx(ie, { 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(
-        F,
+        _,
         {
-          hover: a,
-          selected: k,
-          ...s && {
+          hover: s,
+          selected: C,
+          ...a && {
             onClick: (f) => {
-              s(f, c);
+              a(f, c);
             }
           },
-          sx: { ...s && { cursor: "pointer" } },
+          sx: { ...a && { cursor: "pointer" } },
           children: [
-            b ? /* @__PURE__ */ r.jsx(z, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
-              W,
+            y ? /* @__PURE__ */ r.jsx($, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
+              q,
               {
-                checked: y ? k : !1,
+                checked: m ? C : !1,
                 onChange: (f) => {
-                  k ? 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,
             o.map(
-              (f) => /* @__PURE__ */ r.jsx(z, { sx: { ...f.align && { textAlign: f.align } }, children: f.formatter ? f.formatter(c, v) : f.field ? c[f.field] : null }, f.name)
+              (f) => /* @__PURE__ */ r.jsx($, { sx: { ...f.align && { textAlign: f.align } }, children: f.formatter ? f.formatter(c, v) : f.field ? c[f.field] : null }, f.name)
             )
           ]
         },
-        y ?? v
+        m ?? v
       );
-    }) : /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(z, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(ye, {}) }) }) })
+    }) : /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx($, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(Ce, {}) }) }) })
   ] });
 }
 export {
-  po as default
+  To as default
 };