@solostylist/ui-kit 1.0.11 → 1.0.13

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

@@ -1,34 +1,30 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
-import { v4 as Te } from "uuid";
+import * as y from "react";
 import Ce from "../s-empty/s-empty.js";
-import * as h from "react";
-import { c as j, P as e, a as B, l as ke, n as je } from "../createTheme-BZxWCiBm.js";
-import { c as H } from "../identifier-CHPjnqaz.js";
-import { s as S, c as z, r as ae, u as M, m as W } from "../memoTheme-CaOW5YiB.js";
-import { g as I } from "../generateUtilityClass-CRH_bFW6.js";
-import { g as E } from "../generateUtilityClasses-STjIp_B9.js";
-import { g as Oe, t as Re } from "../tableCellClasses-CBw1aep0.js";
-import { u as we, a as Pe } from "../useControlled-Bvu9pDu8.js";
-import { u as A, m as Se } from "../useSlot-CtsS_jy6.js";
-import { B as Ne, r as ze } from "../ButtonBase-BFsNsbc9.js";
-import { c as G } from "../createSvgIcon-B7_s-URK.js";
+import { g as N, b as j, P as e, a as M, n as Te, o as ke } from "../createTheme-DDycScYN.js";
+import { c as I } from "../identifier-CHPjnqaz.js";
+import { s as S, c as $, b as se, u as E, m as W } from "../memoTheme-DX35GGEJ.js";
+import { g as B } from "../generateUtilityClasses-Z7VQRhBn.js";
+import { u as je, a as Re } from "../useControlled-Bvu9pDu8.js";
+import { a as A, B as Oe, r as we, m as Pe } from "../useSlot-B682hoPx.js";
+import { c as J } from "../createSvgIcon-Bpes8W5L.js";
 import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-function $e(o) {
-  return I("PrivateSwitchBase", o);
+function Se(o) {
+  return N("PrivateSwitchBase", o);
 }
-E("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const Be = (o) => {
+B("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ze = (o) => {
   const {
     classes: t,
-    checked: s,
-    disabled: a,
+    checked: a,
+    disabled: s,
     edge: i
   } = o, n = {
-    root: ["root", s && "checked", a && "disabled", i && `edge${j(i)}`],
+    root: ["root", a && "checked", s && "disabled", i && `edge${j(i)}`],
     input: ["input"]
   };
-  return z(n, $e, t);
-}, He = S(Ne)({
+  return $(n, Se, t);
+}, Ne = S(Oe)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -64,8 +60,8 @@ const Be = (o) => {
       marginRight: -12
     }
   }]
-}), Me = S("input", {
-  shouldForwardProp: ae
+}), $e = S("input", {
+  shouldForwardProp: se
 })({
   cursor: "inherit",
   position: "absolute",
@@ -77,38 +73,38 @@ const Be = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), ne = /* @__PURE__ */ h.forwardRef(function(t, s) {
+}), ne = /* @__PURE__ */ y.forwardRef(function(t, a) {
   const {
-    autoFocus: a,
+    autoFocus: s,
     checked: i,
     checkedIcon: n,
     defaultChecked: p,
     disabled: d,
     disableFocusRipple: u = !1,
-    edge: y = !1,
+    edge: g = !1,
     icon: l,
     id: x,
-    inputProps: O,
-    inputRef: g,
-    name: T,
+    inputProps: R,
+    inputRef: m,
+    name: C,
     onBlur: c,
     onChange: v,
-    onFocus: m,
-    readOnly: C,
+    onFocus: h,
+    readOnly: T,
     required: f = !1,
-    tabIndex: N,
-    type: R,
+    tabIndex: z,
+    type: O,
     value: V,
     slots: ce = {},
     slotProps: pe = {},
     ...de
-  } = t, [K, ue] = we({
+  } = t, [K, ue] = je({
     controlled: i,
     default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), w = Pe(), fe = (b) => {
-    m && m(b), w && w.onFocus && w.onFocus(b);
+  }), w = Re(), fe = (b) => {
+    h && h(b), w && w.onFocus && w.onFocus(b);
   }, be = (b) => {
     c && c(b), w && w.onBlur && w.onBlur(b);
   }, ye = (b) => {
@@ -119,21 +115,21 @@ const Be = (o) => {
   };
   let F = d;
   w && typeof F > "u" && (F = w.disabled);
-  const ge = R === "checkbox" || R === "radio", D = {
+  const ge = O === "checkbox" || O === "radio", D = {
     ...t,
     checked: K,
     disabled: F,
     disableFocusRipple: u,
-    edge: y
-  }, Q = Be(D), X = {
+    edge: g
+  }, Q = ze(D), X = {
     slots: ce,
     slotProps: {
-      input: O,
+      input: R,
       ...pe
     }
   }, [me, he] = A("root", {
-    ref: s,
-    elementType: He,
+    ref: a,
+    elementType: Ne,
     className: Q.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
@@ -161,8 +157,8 @@ const Be = (o) => {
       tabIndex: null
     }
   }), [xe, ve] = A("input", {
-    ref: g,
-    elementType: Me,
+    ref: m,
+    elementType: $e,
     className: Q.input,
     externalForwardedProps: X,
     getSlotProps: (b) => ({
@@ -174,17 +170,17 @@ const Be = (o) => {
     }),
     ownerState: D,
     additionalProps: {
-      autoFocus: a,
+      autoFocus: s,
       checked: i,
       defaultChecked: p,
       disabled: F,
       id: ge ? x : void 0,
-      name: T,
-      readOnly: C,
+      name: C,
+      readOnly: T,
       required: f,
-      tabIndex: N,
-      type: R,
-      ...R === "checkbox" && V === void 0 ? {} : {
+      tabIndex: z,
+      type: O,
+      ...O === "checkbox" && V === void 0 ? {} : {
         value: V
       }
     }
@@ -253,7 +249,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ze,
+  inputRef: we,
   /*
    * @ignore
    */
@@ -315,39 +311,39 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
    */
   value: e.any
 });
-const Ie = G(/* @__PURE__ */ r.jsx("path", {
+const Be = J(/* @__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"), Ee = G(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBoxOutlineBlank"), He = J(/* @__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"), Fe = G(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBox"), Me = J(/* @__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 Ue(o) {
-  return I("MuiCheckbox", o);
+function Ie(o) {
+  return N("MuiCheckbox", o);
 }
-const L = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ve = (o) => {
+const L = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ee = (o) => {
   const {
     classes: t,
-    indeterminate: s,
-    color: a,
+    indeterminate: a,
+    color: s,
     size: i
   } = o, n = {
-    root: ["root", s && "indeterminate", `color${j(a)}`, `size${j(i)}`]
-  }, p = z(n, Ue, t);
+    root: ["root", a && "indeterminate", `color${j(s)}`, `size${j(i)}`]
+  }, p = $(n, Ie, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, _e = S(ne, {
-  shouldForwardProp: (o) => ae(o) || o === "classes",
+}, Fe = S(ne, {
+  shouldForwardProp: (o) => se(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: s
+      ownerState: a
     } = o;
-    return [t.root, s.indeterminate && t.indeterminate, t[`size${j(s.size)}`], s.color !== "default" && t[`color${j(s.color)}`]];
+    return [t.root, a.indeterminate && t.indeterminate, t[`size${j(a.size)}`], a.color !== "default" && t[`color${j(a.color)}`]];
   }
 })(W(({
   theme: o
@@ -360,7 +356,7 @@ const L = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : B(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette.action.active, o.palette.action.hoverOpacity)
       }
     }
   }, ...Object.entries(o.palette).filter(Y()).map(([t]) => ({
@@ -370,7 +366,7 @@ const L = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : B(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette[t].main, o.palette.action.hoverOpacity)
       }
     }
   })), ...Object.entries(o.palette).filter(Y()).map(([t]) => ({
@@ -399,58 +395,58 @@ const L = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), We = /* @__PURE__ */ r.jsx(Ee, {}), De = /* @__PURE__ */ r.jsx(Ie, {}), Le = /* @__PURE__ */ r.jsx(Fe, {}), q = /* @__PURE__ */ h.forwardRef(function(t, s) {
-  const a = M({
+}))), 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({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = We,
+    checkedIcon: i = Ue,
     color: n = "primary",
-    icon: p = De,
+    icon: p = Ve,
     indeterminate: d = !1,
-    indeterminateIcon: u = Le,
-    inputProps: y,
+    indeterminateIcon: u = _e,
+    inputProps: g,
     size: l = "medium",
     disableRipple: x = !1,
-    className: O,
-    slots: g = {},
-    slotProps: T = {},
+    className: R,
+    slots: m = {},
+    slotProps: C = {},
     ...c
-  } = a, v = d ? u : p, m = d ? u : i, C = {
-    ...a,
+  } = s, v = d ? u : p, h = d ? u : i, T = {
+    ...s,
     disableRipple: x,
     color: n,
     indeterminate: d,
     size: l
-  }, f = Ve(C), N = T.input ?? y, [R, V] = A("root", {
-    ref: s,
-    elementType: _e,
-    className: H(f.root, O),
+  }, f = Ee(T), z = C.input ?? g, [O, V] = A("root", {
+    ref: a,
+    elementType: Fe,
+    className: I(f.root, R),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      slots: g,
-      slotProps: T,
+      slots: m,
+      slotProps: C,
       ...c
     },
-    ownerState: C,
+    ownerState: T,
     additionalProps: {
       type: "checkbox",
-      icon: /* @__PURE__ */ h.cloneElement(v, {
+      icon: /* @__PURE__ */ y.cloneElement(v, {
         fontSize: v.props.fontSize ?? l
       }),
-      checkedIcon: /* @__PURE__ */ h.cloneElement(m, {
-        fontSize: m.props.fontSize ?? l
+      checkedIcon: /* @__PURE__ */ y.cloneElement(h, {
+        fontSize: h.props.fontSize ?? l
       }),
       disableRipple: x,
-      slots: g,
+      slots: m,
       slotProps: {
-        input: Se(typeof N == "function" ? N(C) : N, {
+        input: Pe(typeof z == "function" ? z(T) : z, {
           "data-indeterminate": d
         })
       }
     }
   });
-  return /* @__PURE__ */ r.jsx(R, {
+  return /* @__PURE__ */ r.jsx(O, {
     ...V,
     classes: f
   });
@@ -569,28 +565,28 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    */
   value: e.any
 });
-const J = /* @__PURE__ */ h.createContext();
-process.env.NODE_ENV !== "production" && (J.displayName = "TableContext");
-function Ae(o) {
-  return I("MuiTable", o);
+const G = /* @__PURE__ */ y.createContext();
+process.env.NODE_ENV !== "production" && (G.displayName = "TableContext");
+function We(o) {
+  return N("MuiTable", o);
 }
-E("MuiTable", ["root", "stickyHeader"]);
-const qe = (o) => {
+B("MuiTable", ["root", "stickyHeader"]);
+const De = (o) => {
   const {
     classes: t,
-    stickyHeader: s
+    stickyHeader: a
   } = o;
-  return z({
-    root: ["root", s && "stickyHeader"]
-  }, Ae, t);
-}, Ge = S("table", {
+  return $({
+    root: ["root", a && "stickyHeader"]
+  }, We, t);
+}, Le = S("table", {
   name: "MuiTable",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: s
+      ownerState: a
     } = o;
-    return [t.root, s.stickyHeader && t.stickyHeader];
+    return [t.root, a.stickyHeader && t.stickyHeader];
   }
 })(W(({
   theme: o
@@ -614,8 +610,8 @@ const qe = (o) => {
       borderCollapse: "separate"
     }
   }]
-}))), Z = "table", re = /* @__PURE__ */ h.forwardRef(function(t, s) {
-  const a = M({
+}))), Z = "table", re = /* @__PURE__ */ y.forwardRef(function(t, a) {
+  const s = E({
     props: t,
     name: "MuiTable"
   }), {
@@ -624,27 +620,27 @@ const qe = (o) => {
     padding: p = "normal",
     size: d = "medium",
     stickyHeader: u = !1,
-    ...y
-  } = a, l = {
-    ...a,
+    ...g
+  } = s, l = {
+    ...s,
     component: n,
     padding: p,
     size: d,
     stickyHeader: u
-  }, x = qe(l), O = h.useMemo(() => ({
+  }, x = De(l), R = y.useMemo(() => ({
     padding: p,
     size: d,
     stickyHeader: u
   }), [p, d, u]);
-  return /* @__PURE__ */ r.jsx(J.Provider, {
-    value: O,
-    children: /* @__PURE__ */ r.jsx(Ge, {
+  return /* @__PURE__ */ r.jsx(G.Provider, {
+    value: R,
+    children: /* @__PURE__ */ r.jsx(Le, {
       as: n,
       role: n === Z ? null : "table",
-      ref: s,
-      className: H(x.root, i),
+      ref: a,
+      className: I(x.root, i),
       ownerState: l,
-      ...y
+      ...g
     })
   });
 });
@@ -690,45 +686,45 @@ 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__ */ h.createContext();
+const U = /* @__PURE__ */ y.createContext();
 process.env.NODE_ENV !== "production" && (U.displayName = "Tablelvl2Context");
-function Je(o) {
-  return I("MuiTableBody", o);
+function Ae(o) {
+  return N("MuiTableBody", o);
 }
-E("MuiTableBody", ["root"]);
-const Ke = (o) => {
+B("MuiTableBody", ["root"]);
+const qe = (o) => {
   const {
     classes: t
   } = o;
-  return z({
+  return $({
     root: ["root"]
-  }, Je, t);
-}, Qe = S("tbody", {
+  }, Ae, t);
+}, Je = S("tbody", {
   name: "MuiTableBody",
   slot: "Root",
   overridesResolver: (o, t) => t.root
 })({
   display: "table-row-group"
-}), Xe = {
+}), Ge = {
   variant: "body"
-}, ee = "tbody", ie = /* @__PURE__ */ h.forwardRef(function(t, s) {
-  const a = M({
+}, ee = "tbody", ie = /* @__PURE__ */ y.forwardRef(function(t, a) {
+  const s = E({
     props: t,
     name: "MuiTableBody"
   }), {
     className: i,
     component: n = ee,
     ...p
-  } = a, d = {
-    ...a,
+  } = s, d = {
+    ...s,
     component: n
-  }, u = Ke(d);
+  }, u = qe(d);
   return /* @__PURE__ */ r.jsx(U.Provider, {
-    value: Xe,
-    children: /* @__PURE__ */ r.jsx(Qe, {
-      className: H(u.root, i),
+    value: Ge,
+    children: /* @__PURE__ */ r.jsx(Je, {
+      className: I(u.root, i),
       as: n,
-      ref: s,
+      ref: a,
       role: n === ee ? null : "rowgroup",
       ownerState: d,
       ...p
@@ -762,26 +758,29 @@ process.env.NODE_ENV !== "production" && (ie.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const Ye = (o) => {
+function Ke(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 {
     classes: t,
-    variant: s,
-    align: a,
+    variant: a,
+    align: s,
     padding: i,
     size: n,
     stickyHeader: p
   } = o, d = {
-    root: ["root", s, p && "stickyHeader", a !== "inherit" && `align${j(a)}`, i !== "normal" && `padding${j(i)}`, `size${j(n)}`]
+    root: ["root", a, p && "stickyHeader", s !== "inherit" && `align${j(s)}`, i !== "normal" && `padding${j(i)}`, `size${j(n)}`]
   };
-  return z(d, Oe, t);
-}, Ze = S("td", {
+  return $(d, Ke, t);
+}, Ye = S("td", {
   name: "MuiTableCell",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: s
+      ownerState: a
     } = o;
-    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];
+    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];
   }
 })(W(({
   theme: o
@@ -792,7 +791,7 @@ const Ye = (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" ? ke(B(o.palette.divider, 1), 0.88) : je(B(o.palette.divider, 1), 0.68)}`,
+    ${o.palette.mode === "light" ? Te(M(o.palette.divider, 1), 0.88) : ke(M(o.palette.divider, 1), 0.68)}`,
   textAlign: "left",
   padding: 16,
   variants: [{
@@ -826,7 +825,7 @@ const Ye = (o) => {
     },
     style: {
       padding: "6px 16px",
-      [`&.${Re.paddingCheckbox}`]: {
+      [`&.${Qe.paddingCheckbox}`]: {
         width: 24,
         // prevent the checkbox column from growing
         padding: "0 12px 0 16px",
@@ -891,8 +890,8 @@ const Ye = (o) => {
       backgroundColor: (o.vars || o).palette.background.default
     }
   }]
-}))), $ = /* @__PURE__ */ h.forwardRef(function(t, s) {
-  const a = M({
+}))), H = /* @__PURE__ */ y.forwardRef(function(t, a) {
+  const s = E({
     props: t,
     name: "MuiTableCell"
   }), {
@@ -901,37 +900,37 @@ const Ye = (o) => {
     component: p,
     padding: d,
     scope: u,
-    size: y,
+    size: g,
     sortDirection: l,
     variant: x,
-    ...O
-  } = a, g = h.useContext(J), T = h.useContext(U), c = T && T.variant === "head";
+    ...R
+  } = s, m = y.useContext(G), C = y.useContext(U), c = C && C.variant === "head";
   let v;
   p ? v = p : v = c ? "th" : "td";
-  let m = u;
-  v === "td" ? m = void 0 : !m && c && (m = "col");
-  const C = x || T && T.variant, f = {
-    ...a,
+  let h = u;
+  v === "td" ? h = void 0 : !h && c && (h = "col");
+  const T = x || C && C.variant, f = {
+    ...s,
     align: i,
     component: v,
-    padding: d || (g && g.padding ? g.padding : "normal"),
-    size: y || (g && g.size ? g.size : "medium"),
+    padding: d || (m && m.padding ? m.padding : "normal"),
+    size: g || (m && m.size ? m.size : "medium"),
     sortDirection: l,
-    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, {
+    stickyHeader: T === "head" && m && m.stickyHeader,
+    variant: T
+  }, z = Xe(f);
+  let O = null;
+  return l && (O = l === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Ye, {
     as: v,
-    ref: s,
-    className: H(N.root, n),
-    "aria-sort": R,
-    scope: m,
+    ref: a,
+    className: I(z.root, n),
+    "aria-sort": O,
+    scope: h,
     ownerState: f,
-    ...O
+    ...R
   });
 });
-process.env.NODE_ENV !== "production" && ($.propTypes = {
+process.env.NODE_ENV !== "production" && (H.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -989,43 +988,43 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["body", "footer", "head"]), e.string])
 });
-function eo(o) {
-  return I("MuiTableHead", o);
+function Ze(o) {
+  return N("MuiTableHead", o);
 }
-E("MuiTableHead", ["root"]);
-const oo = (o) => {
+B("MuiTableHead", ["root"]);
+const eo = (o) => {
   const {
     classes: t
   } = o;
-  return z({
+  return $({
     root: ["root"]
-  }, eo, t);
-}, to = S("thead", {
+  }, Ze, t);
+}, oo = S("thead", {
   name: "MuiTableHead",
   slot: "Root",
   overridesResolver: (o, t) => t.root
 })({
   display: "table-header-group"
-}), so = {
+}), to = {
   variant: "head"
-}, oe = "thead", le = /* @__PURE__ */ h.forwardRef(function(t, s) {
-  const a = M({
+}, oe = "thead", le = /* @__PURE__ */ y.forwardRef(function(t, a) {
+  const s = E({
     props: t,
     name: "MuiTableHead"
   }), {
     className: i,
     component: n = oe,
     ...p
-  } = a, d = {
-    ...a,
+  } = s, d = {
+    ...s,
     component: n
-  }, u = oo(d);
+  }, u = eo(d);
   return /* @__PURE__ */ r.jsx(U.Provider, {
-    value: so,
-    children: /* @__PURE__ */ r.jsx(to, {
+    value: to,
+    children: /* @__PURE__ */ r.jsx(oo, {
       as: n,
-      className: H(u.root, i),
-      ref: s,
+      className: I(u.root, i),
+      ref: a,
       role: n === oe ? null : "rowgroup",
       ownerState: d,
       ...p
@@ -1060,27 +1059,27 @@ 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 I("MuiTableRow", o);
+  return N("MuiTableRow", o);
 }
-const te = E("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), no = (o) => {
+const te = B("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), so = (o) => {
   const {
     classes: t,
-    selected: s,
-    hover: a,
+    selected: a,
+    hover: s,
     head: i,
     footer: n
   } = o;
-  return z({
-    root: ["root", s && "selected", a && "hover", i && "head", n && "footer"]
+  return $({
+    root: ["root", a && "selected", s && "hover", i && "head", n && "footer"]
   }, ao, t);
-}, ro = S("tr", {
+}, no = S("tr", {
   name: "MuiTableRow",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: s
+      ownerState: a
     } = o;
-    return [t.root, s.head && t.head, s.footer && t.footer];
+    return [t.root, a.head && t.head, a.footer && t.footer];
   }
 })(W(({
   theme: o
@@ -1094,34 +1093,34 @@ const te = E("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), no
     backgroundColor: (o.vars || o).palette.action.hover
   },
   [`&.${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),
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})` : M(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}))` : B(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}))` : M(o.palette.primary.main, o.palette.action.selectedOpacity + o.palette.action.hoverOpacity)
     }
   }
-}))), se = "tr", _ = /* @__PURE__ */ h.forwardRef(function(t, s) {
-  const a = M({
+}))), ae = "tr", _ = /* @__PURE__ */ y.forwardRef(function(t, a) {
+  const s = E({
     props: t,
     name: "MuiTableRow"
   }), {
     className: i,
-    component: n = se,
+    component: n = ae,
     hover: p = !1,
     selected: d = !1,
     ...u
-  } = a, y = h.useContext(U), l = {
-    ...a,
+  } = s, g = y.useContext(U), l = {
+    ...s,
     component: n,
     hover: p,
     selected: d,
-    head: y && y.variant === "head",
-    footer: y && y.variant === "footer"
-  }, x = no(l);
-  return /* @__PURE__ */ r.jsx(ro, {
+    head: g && g.variant === "head",
+    footer: g && g.variant === "footer"
+  }, x = so(l);
+  return /* @__PURE__ */ r.jsx(no, {
     as: n,
-    ref: s,
-    className: H(x.root, i),
-    role: n === se ? null : "row",
+    ref: a,
+    className: I(x.root, i),
+    role: n === ae ? null : "row",
     ownerState: l,
     ...u
   });
@@ -1163,23 +1162,23 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function Co({
+function mo({
   columns: o,
   hideHead: t,
-  hover: s,
-  onClick: a,
+  hover: a,
+  onClick: s,
   onDeselectAll: i,
   onDeselectOne: n,
   onSelectOne: p,
   onSelectAll: d,
   rows: u,
-  selectable: y,
+  selectable: g,
   selected: l,
   uniqueRowId: x,
-  ...O
+  ...R
 }) {
-  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: [
+  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, { ...R, sx: { mt: 1 }, children: [
     /* @__PURE__ */ r.jsx(
       le,
       {
@@ -1190,19 +1189,19 @@ function Co({
           }
         },
         children: /* @__PURE__ */ r.jsxs(_, { children: [
-          y ? /* @__PURE__ */ r.jsx($, { padding: "checkbox", sx: { width: "40px", minWidth: "40px", maxWidth: "40px" }, children: /* @__PURE__ */ r.jsx(
+          g ? /* @__PURE__ */ r.jsx(H, { padding: "checkbox", sx: { width: "40px", minWidth: "40px", maxWidth: "40px" }, children: /* @__PURE__ */ r.jsx(
             q,
             {
-              checked: T,
-              indeterminate: g,
+              checked: C,
+              indeterminate: m,
               onChange: (c) => {
-                T ? i == null || i(c) : d == null || d(c);
+                C ? i == null || i(c) : d == null || d(c);
               }
             }
           ) }) : null,
           o.map(
             (c) => /* @__PURE__ */ r.jsx(
-              $,
+              H,
               {
                 sx: {
                   width: c.width,
@@ -1212,48 +1211,48 @@ function Co({
                 },
                 children: c.hideName ? null : c.name
               },
-              c.name ?? Te()
+              c.name ?? y.useId()
             )
           )
         ] })
       }
     ),
     /* @__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;
+      const h = c.id ? c.id : x == null ? void 0 : x(c), T = h ? l == null ? void 0 : l.has(h) : !1;
       return /* @__PURE__ */ r.jsxs(
         _,
         {
-          hover: s,
-          selected: C,
-          ...a && {
+          hover: a,
+          selected: T,
+          ...s && {
             onClick: (f) => {
-              a(f, c);
+              s(f, c);
             }
           },
-          sx: { ...a && { cursor: "pointer" } },
+          sx: { ...s && { cursor: "pointer" } },
           children: [
-            y ? /* @__PURE__ */ r.jsx($, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
+            g ? /* @__PURE__ */ r.jsx(H, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
               q,
               {
-                checked: m ? C : !1,
+                checked: h ? T : !1,
                 onChange: (f) => {
-                  C ? n == null || n(f, c) : p == null || p(f, c);
+                  T ? n == null || n(f, c) : p == null || p(f, c);
                 },
                 onClick: (f) => {
-                  a && f.stopPropagation();
+                  s && f.stopPropagation();
                 }
               }
             ) }) : null,
             o.map(
-              (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)
+              (f) => /* @__PURE__ */ r.jsx(H, { sx: { ...f.align && { textAlign: f.align } }, children: f.formatter ? f.formatter(c, v) : f.field ? c[f.field] : null }, f.name)
             )
           ]
         },
-        m ?? v
+        h ?? v
       );
-    }) : /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx($, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(Ce, {}) }) }) })
+    }) : /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(H, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(Ce, {}) }) }) })
   ] });
 }
 export {
-  Co as default
+  mo as default
 };