@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -1,33 +1,34 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import * as b from "react";
-import { SEmpty as we } from "../s-empty/s-empty.js";
-import { c as k, P as e } from "../createTheme-3Wd3hHrj.js";
-import { a as N, u as I, c as B, m as _ } from "../DefaultPropsProvider-CaCsvQaq.js";
-import { g as E } from "../colorManipulator-ep5lERxB.js";
-import { g as H } from "../generateUtilityClasses-BtVDwGrk.js";
-import { s as M, r as ne } from "../styled-B0Z4EDy9.js";
-import { u as Te } from "../useFormControl-CatNKXAi.js";
-import { d as U, B as Ce, r as ke } from "../ButtonBase-DfTfJ_ou.js";
-import { u as Re } from "../useControlled-D1L5tREc.js";
-import { c as J } from "../createSvgIcon-DxwgGAVe.js";
-import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { m as je } from "../mergeSlotProps-Dl_rJtoN.js";
-function Se(o) {
-  return E("PrivateSwitchBase", o);
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
+import * as g from "react";
+import { c as j, P as e } from "../createTheme-f5g1s6ww.js";
+import { c as H } from "../clsx-OuTLNxxd.js";
+import { c as N, u as $, m as D } from "../DefaultPropsProvider-sk0uWcA6.js";
+import { g as z } from "../colorManipulator-ep5lERxB.js";
+import { g as B } from "../generateUtilityClasses-BtVDwGrk.js";
+import { s as S, r as te } from "../styled-B0KflPi-.js";
+import { u as xe } from "../useFormControl-CatNKXAi.js";
+import { c as _, B as ve, r as Te } from "../ButtonBase-C_YYB9Ry.js";
+import { u as Ce } from "../useControlled-D1L5tREc.js";
+import { c as q } from "../createSvgIcon-BKymXuBG.js";
+import { c as Q } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
+import { m as ke } from "../mergeSlotProps-CuzBQdlp.js";
+import { SEmpty as je } from "../s-empty/s-empty.js";
+function we(o) {
+  return z("PrivateSwitchBase", o);
 }
-H("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+B("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
 const Oe = (o) => {
   const {
     classes: t,
-    checked: a,
+    checked: s,
     disabled: n,
-    edge: l
-  } = o, s = {
-    root: ["root", a && "checked", n && "disabled", l && `edge${k(l)}`],
+    edge: i
+  } = o, a = {
+    root: ["root", s && "checked", n && "disabled", i && `edge${j(i)}`],
     input: ["input"]
   };
-  return N(s, Se, t);
-}, Me = M(Ce, {
+  return N(a, we, t);
+}, Re = S(ve, {
   name: "MuiSwitchBase"
 })({
   padding: 9,
@@ -65,9 +66,9 @@ const Oe = (o) => {
       marginRight: -12
     }
   }]
-}), Pe = M("input", {
+}), Se = S("input", {
   name: "MuiSwitchBase",
-  shouldForwardProp: ne
+  shouldForwardProp: te
 })({
   cursor: "inherit",
   position: "absolute",
@@ -79,123 +80,120 @@ const Oe = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), se = /* @__PURE__ */ b.forwardRef(function(t, a) {
+}), se = /* @__PURE__ */ g.forwardRef(function(t, s) {
   const {
     autoFocus: n,
-    checked: l,
-    checkedIcon: s,
-    defaultChecked: d,
-    disabled: p,
-    disableFocusRipple: u = !1,
+    checked: i,
+    checkedIcon: a,
+    defaultChecked: c,
+    disabled: d,
+    disableFocusRipple: p = !1,
     edge: y = !1,
-    icon: i,
-    id: v,
-    inputProps: R,
+    icon: f,
+    id: T,
+    inputProps: w,
     inputRef: h,
-    name: w,
-    onBlur: c,
+    name: C,
+    onBlur: l,
     onChange: x,
-    onFocus: g,
-    readOnly: T,
-    required: f = !1,
+    onFocus: m,
+    readOnly: v,
+    required: u = !1,
     tabIndex: P,
-    type: j,
-    value: $,
-    slots: ce = {},
-    slotProps: de = {},
-    ...pe
-  } = t, [K, ue] = Re({
-    controlled: l,
-    default: !!d,
+    type: O,
+    value: F,
+    slots: le = {},
+    slotProps: ie = {},
+    ...ce
+  } = t, [J, de] = Ce({
+    controlled: i,
+    default: !!c,
     name: "SwitchBase",
     state: "checked"
-  }), S = Te(), fe = (m) => {
-    g && g(m), S && S.onFocus && S.onFocus(m);
-  }, me = (m) => {
-    c && c(m), S && S.onBlur && S.onBlur(m);
-  }, be = (m) => {
-    if (m.nativeEvent.defaultPrevented)
+  }), R = xe(), pe = (b) => {
+    m && m(b), R && R.onFocus && R.onFocus(b);
+  }, ue = (b) => {
+    l && l(b), R && R.onBlur && R.onBlur(b);
+  }, fe = (b) => {
+    if (b.nativeEvent.defaultPrevented || v)
       return;
-    const C = m.target.checked;
-    ue(C), x && x(m, C);
+    const k = b.target.checked;
+    de(k), x && x(b, k);
   };
-  let V = p;
-  S && typeof V > "u" && (V = S.disabled);
-  const ye = j === "checkbox" || j === "radio", D = {
+  let I = d;
+  R && typeof I > "u" && (I = R.disabled);
+  const be = O === "checkbox" || O === "radio", V = {
     ...t,
-    checked: K,
-    disabled: V,
-    disableFocusRipple: u,
+    checked: J,
+    disabled: I,
+    disableFocusRipple: p,
     edge: y
-  }, Q = Oe(D), X = {
-    slots: ce,
+  }, G = Oe(V), K = {
+    slots: le,
     slotProps: {
-      input: R,
-      ...de
+      input: w,
+      ...ie
     }
-  }, [he, ge] = U("root", {
-    ref: a,
-    elementType: Me,
-    className: Q.root,
+  }, [ge, ye] = _("root", {
+    ref: s,
+    elementType: Re,
+    className: G.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      ...X,
+      ...K,
       component: "span",
-      ...pe
+      ...ce
     },
-    getSlotProps: (m) => ({
-      ...m,
-      onFocus: (C) => {
-        var O;
-        (O = m.onFocus) == null || O.call(m, C), fe(C);
+    getSlotProps: (b) => ({
+      ...b,
+      onFocus: (k) => {
+        b.onFocus?.(k), pe(k);
       },
-      onBlur: (C) => {
-        var O;
-        (O = m.onBlur) == null || O.call(m, C), me(C);
+      onBlur: (k) => {
+        b.onBlur?.(k), ue(k);
       }
     }),
-    ownerState: D,
+    ownerState: V,
     additionalProps: {
       centerRipple: !0,
-      focusRipple: !u,
-      disabled: V,
+      focusRipple: !p,
+      disabled: I,
       role: void 0,
       tabIndex: null
     }
-  }), [ve, xe] = U("input", {
+  }), [he, me] = _("input", {
     ref: h,
-    elementType: Pe,
-    className: Q.input,
-    externalForwardedProps: X,
-    getSlotProps: (m) => ({
-      ...m,
-      onChange: (C) => {
-        var O;
-        (O = m.onChange) == null || O.call(m, C), be(C);
+    elementType: Se,
+    className: G.input,
+    externalForwardedProps: K,
+    getSlotProps: (b) => ({
+      ...b,
+      onChange: (k) => {
+        b.onChange?.(k), fe(k);
       }
     }),
-    ownerState: D,
+    ownerState: V,
     additionalProps: {
       autoFocus: n,
-      checked: l,
-      defaultChecked: d,
-      disabled: V,
-      id: ye ? v : void 0,
-      name: w,
-      readOnly: T,
-      required: f,
+      checked: i,
+      defaultChecked: c,
+      disabled: I,
+      id: be ? T : void 0,
+      name: C,
+      readOnly: v,
+      required: u,
       tabIndex: P,
-      type: j,
-      ...j === "checkbox" && $ === void 0 ? {} : {
-        value: $
+      type: O,
+      ...O === "checkbox" && F === void 0 ? {} : {
+        value: F
       }
     }
   });
-  return /* @__PURE__ */ r.jsxs(he, {
-    ...ge,
-    children: [/* @__PURE__ */ r.jsx(ve, {
-      ...xe
-    }), K ? s : i]
+  return /* @__PURE__ */ r.jsxs(ge, {
+    ...ye,
+    children: [/* @__PURE__ */ r.jsx(he, {
+      ...me
+    }), J ? a : f]
   });
 });
 process.env.NODE_ENV !== "production" && (se.propTypes = {
@@ -255,7 +253,7 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ke,
+  inputRef: Te,
   /*
    * @ignore
    */
@@ -317,41 +315,41 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
    */
   value: e.any
 });
-const Ne = J(/* @__PURE__ */ r.jsx("path", {
+const Pe = 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"), Ee = 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"), He = J(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBox"), ze = 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 ze(o) {
-  return E("MuiCheckbox", o);
+function Be(o) {
+  return z("MuiCheckbox", o);
 }
-const A = H("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ie = (o) => {
+const A = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Me = (o) => {
   const {
     classes: t,
-    indeterminate: a,
+    indeterminate: s,
     color: n,
-    size: l
-  } = o, s = {
-    root: ["root", a && "indeterminate", `color${k(n)}`, `size${k(l)}`]
-  }, d = N(s, ze, t);
+    size: i
+  } = o, a = {
+    root: ["root", s && "indeterminate", `color${j(n)}`, `size${j(i)}`]
+  }, c = N(a, Be, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
-    ...d
+    ...c
   };
-}, Be = M(se, {
-  shouldForwardProp: (o) => ne(o) || o === "classes",
+}, He = S(se, {
+  shouldForwardProp: (o) => te(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${k(a.size)}`], a.color !== "default" && t[`color${k(a.color)}`]];
+    return [t.root, s.indeterminate && t.indeterminate, t[`size${j(s.size)}`], s.color !== "default" && t[`color${j(s.color)}`]];
   }
-})(_(({
+})(D(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -365,7 +363,7 @@ const A = H("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
         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(Q()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
@@ -375,7 +373,7 @@ const A = H("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
         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(Q()).map(([t]) => ({
     props: {
       color: t
     },
@@ -401,60 +399,60 @@ const A = H("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ve = /* @__PURE__ */ r.jsx(Ee, {}), qe = /* @__PURE__ */ r.jsx(Ne, {}), $e = /* @__PURE__ */ r.jsx(He, {}), W = /* @__PURE__ */ b.forwardRef(function(t, a) {
-  const n = I({
+}))), $e = /* @__PURE__ */ r.jsx(Ne, {}), Ie = /* @__PURE__ */ r.jsx(Pe, {}), Ee = /* @__PURE__ */ r.jsx(ze, {}), W = /* @__PURE__ */ g.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: l = Ve,
-    color: s = "primary",
-    icon: d = qe,
-    indeterminate: p = !1,
-    indeterminateIcon: u = $e,
+    checkedIcon: i = $e,
+    color: a = "primary",
+    icon: c = Ie,
+    indeterminate: d = !1,
+    indeterminateIcon: p = Ee,
     inputProps: y,
-    size: i = "medium",
-    disableRipple: v = !1,
-    className: R,
+    size: f = "medium",
+    disableRipple: T = !1,
+    className: w,
     slots: h = {},
-    slotProps: w = {},
-    ...c
-  } = n, x = p ? u : d, g = p ? u : l, T = {
+    slotProps: C = {},
+    ...l
+  } = n, x = d ? p : c, m = d ? p : i, v = {
     ...n,
-    disableRipple: v,
-    color: s,
-    indeterminate: p,
-    size: i
-  }, f = Ie(T), P = w.input ?? y, [j, $] = U("root", {
-    ref: a,
-    elementType: Be,
-    className: B(f.root, R),
+    disableRipple: T,
+    color: a,
+    indeterminate: d,
+    size: f
+  }, u = Me(v), P = C.input ?? y, [O, F] = _("root", {
+    ref: s,
+    elementType: He,
+    className: H(u.root, w),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: h,
-      slotProps: w,
-      ...c
+      slotProps: C,
+      ...l
     },
-    ownerState: T,
+    ownerState: v,
     additionalProps: {
       type: "checkbox",
-      icon: /* @__PURE__ */ b.cloneElement(x, {
-        fontSize: x.props.fontSize ?? i
+      icon: /* @__PURE__ */ g.cloneElement(x, {
+        fontSize: x.props.fontSize ?? f
       }),
-      checkedIcon: /* @__PURE__ */ b.cloneElement(g, {
-        fontSize: g.props.fontSize ?? i
+      checkedIcon: /* @__PURE__ */ g.cloneElement(m, {
+        fontSize: m.props.fontSize ?? f
       }),
-      disableRipple: v,
+      disableRipple: T,
       slots: h,
       slotProps: {
-        input: je(typeof P == "function" ? P(T) : P, {
-          "data-indeterminate": p
+        input: ke(typeof P == "function" ? P(v) : P, {
+          "data-indeterminate": d
         })
       }
     }
   });
-  return /* @__PURE__ */ r.jsx(j, {
-    ...$,
-    classes: f
+  return /* @__PURE__ */ r.jsx(O, {
+    ...F,
+    classes: u
   });
 });
 process.env.NODE_ENV !== "production" && (W.propTypes = {
@@ -571,30 +569,30 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   value: e.any
 });
-const G = /* @__PURE__ */ b.createContext();
-process.env.NODE_ENV !== "production" && (G.displayName = "TableContext");
+const L = /* @__PURE__ */ g.createContext();
+process.env.NODE_ENV !== "production" && (L.displayName = "TableContext");
 function Fe(o) {
-  return E("MuiTable", o);
+  return z("MuiTable", o);
 }
-H("MuiTable", ["root", "stickyHeader"]);
-const _e = (o) => {
+B("MuiTable", ["root", "stickyHeader"]);
+const Ue = (o) => {
   const {
     classes: t,
-    stickyHeader: a
+    stickyHeader: s
   } = o;
   return N({
-    root: ["root", a && "stickyHeader"]
+    root: ["root", s && "stickyHeader"]
   }, Fe, t);
-}, De = M("table", {
+}, De = 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];
   }
-})(_(({
+})(D(({
   theme: o
 }) => ({
   display: "table",
@@ -616,41 +614,41 @@ const _e = (o) => {
       borderCollapse: "separate"
     }
   }]
-}))), Z = "table", re = /* @__PURE__ */ b.forwardRef(function(t, a) {
-  const n = I({
+}))), X = "table", ne = /* @__PURE__ */ g.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiTable"
   }), {
-    className: l,
-    component: s = Z,
-    padding: d = "normal",
-    size: p = "medium",
-    stickyHeader: u = !1,
+    className: i,
+    component: a = X,
+    padding: c = "normal",
+    size: d = "medium",
+    stickyHeader: p = !1,
     ...y
-  } = n, i = {
+  } = n, f = {
     ...n,
-    component: s,
-    padding: d,
-    size: p,
-    stickyHeader: u
-  }, v = _e(i), R = b.useMemo(() => ({
-    padding: d,
-    size: p,
-    stickyHeader: u
-  }), [d, p, u]);
-  return /* @__PURE__ */ r.jsx(G.Provider, {
-    value: R,
+    component: a,
+    padding: c,
+    size: d,
+    stickyHeader: p
+  }, T = Ue(f), w = g.useMemo(() => ({
+    padding: c,
+    size: d,
+    stickyHeader: p
+  }), [c, d, p]);
+  return /* @__PURE__ */ r.jsx(L.Provider, {
+    value: w,
     children: /* @__PURE__ */ r.jsx(De, {
-      as: s,
-      role: s === Z ? null : "table",
-      ref: a,
-      className: B(v.root, l),
-      ownerState: i,
+      as: a,
+      role: a === X ? null : "table",
+      ref: s,
+      className: H(T.root, i),
+      ownerState: f,
       ...y
     })
   });
 });
-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`.     │
@@ -692,51 +690,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 q = /* @__PURE__ */ b.createContext();
-process.env.NODE_ENV !== "production" && (q.displayName = "Tablelvl2Context");
-function Ae(o) {
-  return E("MuiTableBody", o);
+const E = /* @__PURE__ */ g.createContext();
+process.env.NODE_ENV !== "production" && (E.displayName = "Tablelvl2Context");
+function Ve(o) {
+  return z("MuiTableBody", o);
 }
-H("MuiTableBody", ["root"]);
-const Ue = (o) => {
+B("MuiTableBody", ["root"]);
+const Ae = (o) => {
   const {
     classes: t
   } = o;
   return N({
     root: ["root"]
-  }, Ae, t);
-}, We = M("tbody", {
+  }, Ve, t);
+}, _e = S("tbody", {
   name: "MuiTableBody",
   slot: "Root"
 })({
   display: "table-row-group"
-}), Le = {
+}), We = {
   variant: "body"
-}, ee = "tbody", le = /* @__PURE__ */ b.forwardRef(function(t, a) {
-  const n = I({
+}, Y = "tbody", ae = /* @__PURE__ */ g.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiTableBody"
   }), {
-    className: l,
-    component: s = ee,
-    ...d
-  } = n, p = {
+    className: i,
+    component: a = Y,
+    ...c
+  } = n, d = {
     ...n,
-    component: s
-  }, u = Ue(p);
-  return /* @__PURE__ */ r.jsx(q.Provider, {
-    value: Le,
-    children: /* @__PURE__ */ r.jsx(We, {
-      className: B(u.root, l),
-      as: s,
-      ref: a,
-      role: s === ee ? null : "rowgroup",
-      ownerState: p,
-      ...d
+    component: a
+  }, p = Ae(d);
+  return /* @__PURE__ */ r.jsx(E.Provider, {
+    value: We,
+    children: /* @__PURE__ */ r.jsx(_e, {
+      className: H(p.root, i),
+      as: a,
+      ref: s,
+      role: a === Y ? null : "rowgroup",
+      ownerState: d,
+      ...c
     })
   });
 });
-process.env.NODE_ENV !== "production" && (le.propTypes = {
+process.env.NODE_ENV !== "production" && (ae.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -763,31 +761,31 @@ 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 Je(o) {
-  return E("MuiTableCell", o);
+function qe(o) {
+  return z("MuiTableCell", o);
 }
-const Ge = H("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Ke = (o) => {
+const Le = B("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Je = (o) => {
   const {
     classes: t,
-    variant: a,
+    variant: s,
     align: n,
-    padding: l,
-    size: s,
-    stickyHeader: d
-  } = o, p = {
-    root: ["root", a, d && "stickyHeader", n !== "inherit" && `align${k(n)}`, l !== "normal" && `padding${k(l)}`, `size${k(s)}`]
+    padding: i,
+    size: a,
+    stickyHeader: c
+  } = o, d = {
+    root: ["root", s, c && "stickyHeader", n !== "inherit" && `align${j(n)}`, i !== "normal" && `padding${j(i)}`, `size${j(a)}`]
   };
-  return N(p, Je, t);
-}, Qe = M("td", {
+  return N(d, qe, t);
+}, Ge = S("td", {
   name: "MuiTableCell",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: s
     } = o;
-    return [t.root, t[a.variant], t[`size${k(a.size)}`], a.padding !== "normal" && t[`padding${k(a.padding)}`], a.align !== "inherit" && t[`align${k(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];
   }
-})(_(({
+})(D(({
   theme: o
 }) => ({
   ...o.typography.body2,
@@ -830,7 +828,7 @@ const Ge = H("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
     },
     style: {
       padding: "6px 16px",
-      [`&.${Ge.paddingCheckbox}`]: {
+      [`&.${Le.paddingCheckbox}`]: {
         width: 24,
         // prevent the checkbox column from growing
         padding: "0 12px 0 16px",
@@ -895,47 +893,47 @@ const Ge = H("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
       backgroundColor: (o.vars || o).palette.background.default
     }
   }]
-}))), z = /* @__PURE__ */ b.forwardRef(function(t, a) {
-  const n = I({
+}))), M = /* @__PURE__ */ g.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiTableCell"
   }), {
-    align: l = "inherit",
-    className: s,
-    component: d,
-    padding: p,
-    scope: u,
+    align: i = "inherit",
+    className: a,
+    component: c,
+    padding: d,
+    scope: p,
     size: y,
-    sortDirection: i,
-    variant: v,
-    ...R
-  } = n, h = b.useContext(G), w = b.useContext(q), c = w && w.variant === "head";
+    sortDirection: f,
+    variant: T,
+    ...w
+  } = n, h = g.useContext(L), C = g.useContext(E), l = C && C.variant === "head";
   let x;
-  d ? x = d : x = c ? "th" : "td";
-  let g = u;
-  x === "td" ? g = void 0 : !g && c && (g = "col");
-  const T = v || w && w.variant, f = {
+  c ? x = c : x = l ? "th" : "td";
+  let m = p;
+  x === "td" ? m = void 0 : !m && l && (m = "col");
+  const v = T || C && C.variant, u = {
     ...n,
-    align: l,
+    align: i,
     component: x,
-    padding: p || (h && h.padding ? h.padding : "normal"),
+    padding: d || (h && h.padding ? h.padding : "normal"),
     size: y || (h && h.size ? h.size : "medium"),
-    sortDirection: i,
-    stickyHeader: T === "head" && h && h.stickyHeader,
-    variant: T
-  }, P = Ke(f);
-  let j = null;
-  return i && (j = i === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Qe, {
+    sortDirection: f,
+    stickyHeader: v === "head" && h && h.stickyHeader,
+    variant: v
+  }, P = Je(u);
+  let O = null;
+  return f && (O = f === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Ge, {
     as: x,
-    ref: a,
-    className: B(P.root, s),
-    "aria-sort": j,
-    scope: g,
-    ownerState: f,
-    ...R
+    ref: s,
+    className: H(P.root, a),
+    "aria-sort": O,
+    scope: m,
+    ownerState: u,
+    ...w
   });
 });
-process.env.NODE_ENV !== "production" && (z.propTypes = {
+process.env.NODE_ENV !== "production" && (M.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -993,49 +991,49 @@ process.env.NODE_ENV !== "production" && (z.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["body", "footer", "head"]), e.string])
 });
-function Xe(o) {
-  return E("MuiTableHead", o);
+function Ke(o) {
+  return z("MuiTableHead", o);
 }
-H("MuiTableHead", ["root"]);
-const Ye = (o) => {
+B("MuiTableHead", ["root"]);
+const Qe = (o) => {
   const {
     classes: t
   } = o;
   return N({
     root: ["root"]
-  }, Xe, t);
-}, Ze = M("thead", {
+  }, Ke, t);
+}, Xe = S("thead", {
   name: "MuiTableHead",
   slot: "Root"
 })({
   display: "table-header-group"
-}), eo = {
+}), Ye = {
   variant: "head"
-}, oe = "thead", ie = /* @__PURE__ */ b.forwardRef(function(t, a) {
-  const n = I({
+}, Z = "thead", re = /* @__PURE__ */ g.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiTableHead"
   }), {
-    className: l,
-    component: s = oe,
-    ...d
-  } = n, p = {
+    className: i,
+    component: a = Z,
+    ...c
+  } = n, d = {
     ...n,
-    component: s
-  }, u = Ye(p);
-  return /* @__PURE__ */ r.jsx(q.Provider, {
-    value: eo,
-    children: /* @__PURE__ */ r.jsx(Ze, {
-      as: s,
-      className: B(u.root, l),
-      ref: a,
-      role: s === oe ? null : "rowgroup",
-      ownerState: p,
-      ...d
+    component: a
+  }, p = Qe(d);
+  return /* @__PURE__ */ r.jsx(E.Provider, {
+    value: Ye,
+    children: /* @__PURE__ */ r.jsx(Xe, {
+      as: a,
+      className: H(p.root, i),
+      ref: s,
+      role: a === Z ? null : "rowgroup",
+      ownerState: d,
+      ...c
     })
   });
 });
-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`.     │
@@ -1062,30 +1060,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 oo(o) {
-  return E("MuiTableRow", o);
+function Ze(o) {
+  return z("MuiTableRow", o);
 }
-const te = H("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), to = (o) => {
+const ee = B("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), eo = (o) => {
   const {
     classes: t,
-    selected: a,
+    selected: s,
     hover: n,
-    head: l,
-    footer: s
+    head: i,
+    footer: a
   } = o;
   return N({
-    root: ["root", a && "selected", n && "hover", l && "head", s && "footer"]
-  }, oo, t);
-}, ao = M("tr", {
+    root: ["root", s && "selected", n && "hover", i && "head", a && "footer"]
+  }, Ze, t);
+}, oo = 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];
   }
-})(_(({
+})(D(({
   theme: o
 }) => ({
   color: "inherit",
@@ -1093,43 +1091,43 @@ const te = H("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), to
   verticalAlign: "middle",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0,
-  [`&.${te.hover}:hover`]: {
+  [`&.${ee.hover}:hover`]: {
     backgroundColor: (o.vars || o).palette.action.hover
   },
-  [`&.${te.selected}`]: {
+  [`&.${ee.selected}`]: {
     backgroundColor: o.alpha((o.vars || o).palette.primary.main, (o.vars || o).palette.action.selectedOpacity),
     "&:hover": {
       backgroundColor: o.alpha((o.vars || o).palette.primary.main, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.hoverOpacity}`)
     }
   }
-}))), ae = "tr", F = /* @__PURE__ */ b.forwardRef(function(t, a) {
-  const n = I({
+}))), oe = "tr", U = /* @__PURE__ */ g.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiTableRow"
   }), {
-    className: l,
-    component: s = ae,
-    hover: d = !1,
-    selected: p = !1,
-    ...u
-  } = n, y = b.useContext(q), i = {
+    className: i,
+    component: a = oe,
+    hover: c = !1,
+    selected: d = !1,
+    ...p
+  } = n, y = g.useContext(E), f = {
     ...n,
-    component: s,
-    hover: d,
-    selected: p,
+    component: a,
+    hover: c,
+    selected: d,
     head: y && y.variant === "head",
     footer: y && y.variant === "footer"
-  }, v = to(i);
-  return /* @__PURE__ */ r.jsx(ao, {
-    as: s,
-    ref: a,
-    className: B(v.root, l),
-    role: s === ae ? null : "row",
-    ownerState: i,
-    ...u
+  }, T = eo(f);
+  return /* @__PURE__ */ r.jsx(oo, {
+    as: a,
+    ref: s,
+    className: H(T.root, i),
+    role: a === oe ? null : "row",
+    ownerState: f,
+    ...p
   });
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (U.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1166,25 +1164,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])
 });
-const L = ({
+const to = ({
   columns: o,
   hideHead: t,
-  hover: a,
+  hover: s,
   onClick: n,
-  onDeselectAll: l,
-  onDeselectOne: s,
-  onSelectOne: d,
-  onSelectAll: p,
-  rows: u,
+  onDeselectAll: i,
+  onDeselectOne: a,
+  onSelectOne: c,
+  onSelectAll: d,
+  rows: p,
   selectable: y,
-  selected: i,
-  uniqueRowId: v,
-  ...R
+  selected: f,
+  uniqueRowId: T,
+  ...w
 }) => {
-  const h = ((i == null ? void 0 : i.size) ?? 0) > 0 && ((i == null ? void 0 : i.size) ?? 0) < u.length, w = u.length > 0 && (i == null ? void 0 : i.size) === u.length;
-  return /* @__PURE__ */ r.jsxs(re, { ...R, sx: { mt: 1 }, children: [
+  const h = (f?.size ?? 0) > 0 && (f?.size ?? 0) < p.length, C = p.length > 0 && f?.size === p.length;
+  return /* @__PURE__ */ r.jsxs(ne, { ...w, sx: { mt: 1 }, children: [
     /* @__PURE__ */ r.jsx(
-      ie,
+      re,
       {
         sx: {
           ...t && {
@@ -1193,9 +1191,9 @@ const L = ({
             "--TableCell-borderWidth": 0
           }
         },
-        children: /* @__PURE__ */ r.jsxs(F, { children: [
+        children: /* @__PURE__ */ r.jsxs(U, { children: [
           y ? /* @__PURE__ */ r.jsx(
-            z,
+            M,
             {
               padding: "checkbox",
               sx: {
@@ -1211,92 +1209,84 @@ const L = ({
               children: /* @__PURE__ */ r.jsx(
                 W,
                 {
-                  checked: w,
+                  checked: C,
                   indeterminate: h,
-                  onChange: (c) => {
-                    w ? l == null || l(c) : p == null || p(c);
+                  onChange: (l) => {
+                    C ? i?.(l) : d?.(l);
                   }
                 }
               )
             }
           ) : null,
           o.map(
-            (c) => /* @__PURE__ */ r.jsx(
-              z,
+            (l) => /* @__PURE__ */ r.jsx(
+              M,
               {
                 sx: {
                   // Apply fixed width if specified
-                  width: c.width,
-                  minWidth: c.width,
-                  maxWidth: c.width,
+                  width: l.width,
+                  minWidth: l.width,
+                  maxWidth: l.width,
                   // Apply text alignment if specified
-                  ...c.align && { textAlign: c.align },
+                  ...l.align && { textAlign: l.align },
                   bgcolor: "action.hover",
                   backgroundClip: "padding-box",
                   borderTop: "1px solid",
                   borderColor: "divider"
                 },
-                children: c.hideName ? null : c.name
+                children: l.hideName ? null : l.name
               },
-              c.name ?? b.useId()
+              l.name ?? g.useId()
             )
           )
         ] })
       }
     ),
-    /* @__PURE__ */ r.jsx(le, { children: u.length ? u.map((c, x) => {
-      const g = c.id ? c.id : v == null ? void 0 : v(c), T = g ? i == null ? void 0 : i.has(g) : !1;
+    /* @__PURE__ */ r.jsx(ae, { children: p.length ? p.map((l, x) => {
+      const m = l.id ? l.id : T?.(l), v = m ? f?.has(m) : !1;
       return /* @__PURE__ */ r.jsxs(
-        F,
+        U,
         {
-          hover: a,
-          selected: T,
+          hover: s,
+          selected: v,
           ...n && {
-            onClick: (f) => {
-              n(f, c);
+            onClick: (u) => {
+              n(u, l);
             }
           },
           sx: { ...n && { cursor: "pointer" } },
           children: [
-            y ? /* @__PURE__ */ r.jsx(z, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
+            y ? /* @__PURE__ */ r.jsx(M, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
               W,
               {
-                checked: g ? T : !1,
-                onChange: (f) => {
-                  T ? s == null || s(f, c) : d == null || d(f, c);
+                checked: m ? v : !1,
+                onChange: (u) => {
+                  v ? a?.(u, l) : c?.(u, l);
                 },
-                onClick: (f) => {
-                  n && f.stopPropagation();
+                onClick: (u) => {
+                  n && u.stopPropagation();
                 }
               }
             ) }) : null,
             o.map(
-              (f) => /* @__PURE__ */ r.jsx(z, {
-                sx: { ...f.align && { textAlign: f.align } },
+              (u) => /* @__PURE__ */ r.jsx(M, {
+                sx: { ...u.align && { textAlign: u.align } },
                 // Use custom formatter if provided, otherwise extract field value
-                children: f.formatter ? f.formatter(c, x) : f.field ? c[f.field] : null
-              }, f.name)
+                children: u.formatter ? u.formatter(l, x) : u.field ? l[u.field] : null
+              }, u.name)
             )
           ]
         },
-        g ?? x
+        m ?? x
       );
     }) : (
       // Empty state when no data is available
-      /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(z, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(we, {}) }) })
+      /* @__PURE__ */ r.jsx(U, { children: /* @__PURE__ */ r.jsx(M, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(je, {}) }) })
     ) })
   ] });
 };
-L.displayName = "SDataTable";
-try {
-  L.displayName = "SDataTable", L.__docgenInfo = { description: "An advanced data table component with row selection, custom column formatting, and empty state handling.", displayName: "SDataTable", props: { columns: { defaultValue: null, description: "Array of column definitions specifying how to display data", name: "columns", required: !0, type: { name: "ColumnDef<TRowModel>[]" } }, hideHead: { defaultValue: null, description: "Whether to hide the table header", name: "hideHead", required: !1, type: { name: "boolean" } }, hover: { defaultValue: null, description: "Whether rows should show hover effects", name: "hover", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "Click handler for row interactions", name: "onClick", required: !1, type: { name: "((event: MouseEvent<Element, MouseEvent>, row: TRowModel) => void)" } }, onDeselectAll: { defaultValue: null, description: "Handler for deselecting all rows", name: "onDeselectAll", required: !1, type: { name: "((event: ChangeEvent<Element>) => void)" } }, onDeselectOne: { defaultValue: null, description: "Handler for deselecting individual rows", name: "onDeselectOne", required: !1, type: { name: "((event: ChangeEvent<Element>, row: TRowModel) => void)" } }, onSelectAll: { defaultValue: null, description: "Handler for selecting all rows", name: "onSelectAll", required: !1, type: { name: "((event: ChangeEvent<Element>) => void)" } }, onSelectOne: { defaultValue: null, description: "Handler for selecting individual rows", name: "onSelectOne", required: !1, type: { name: "((event: ChangeEvent<Element>, row: TRowModel) => void)" } }, rows: { defaultValue: null, description: "Array of data objects to display in table rows", name: "rows", required: !0, type: { name: "TRowModel[]" } }, selectable: { defaultValue: null, description: "Whether rows can be selected with checkboxes", name: "selectable", required: !1, type: { name: "boolean" } }, selected: { defaultValue: null, description: "Set of currently selected row IDs", name: "selected", required: !1, type: { name: "Set<RowId>" } }, uniqueRowId: { defaultValue: null, description: "Function to extract unique ID from row data", name: "uniqueRowId", required: !1, type: { name: "((row: TRowModel) => RowId)" } } } };
-} catch {
-}
-try {
-  sdatatable.displayName = "sdatatable", sdatatable.__docgenInfo = { description: "An advanced data table component with row selection, custom column formatting, and empty state handling.", displayName: "sdatatable", props: { columns: { defaultValue: null, description: "Array of column definitions specifying how to display data", name: "columns", required: !0, type: { name: "ColumnDef<TRowModel>[]" } }, hideHead: { defaultValue: null, description: "Whether to hide the table header", name: "hideHead", required: !1, type: { name: "boolean" } }, hover: { defaultValue: null, description: "Whether rows should show hover effects", name: "hover", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "Click handler for row interactions", name: "onClick", required: !1, type: { name: "((event: MouseEvent<Element, MouseEvent>, row: TRowModel) => void)" } }, onDeselectAll: { defaultValue: null, description: "Handler for deselecting all rows", name: "onDeselectAll", required: !1, type: { name: "((event: ChangeEvent<Element>) => void)" } }, onDeselectOne: { defaultValue: null, description: "Handler for deselecting individual rows", name: "onDeselectOne", required: !1, type: { name: "((event: ChangeEvent<Element>, row: TRowModel) => void)" } }, onSelectAll: { defaultValue: null, description: "Handler for selecting all rows", name: "onSelectAll", required: !1, type: { name: "((event: ChangeEvent<Element>) => void)" } }, onSelectOne: { defaultValue: null, description: "Handler for selecting individual rows", name: "onSelectOne", required: !1, type: { name: "((event: ChangeEvent<Element>, row: TRowModel) => void)" } }, rows: { defaultValue: null, description: "Array of data objects to display in table rows", name: "rows", required: !0, type: { name: "TRowModel[]" } }, selectable: { defaultValue: null, description: "Whether rows can be selected with checkboxes", name: "selectable", required: !1, type: { name: "boolean" } }, selected: { defaultValue: null, description: "Set of currently selected row IDs", name: "selected", required: !1, type: { name: "Set<RowId>" } }, uniqueRowId: { defaultValue: null, description: "Function to extract unique ID from row data", name: "uniqueRowId", required: !1, type: { name: "((row: TRowModel) => RowId)" } } } };
-} catch {
-}
+to.displayName = "SDataTable";
 export {
-  L as SDataTable,
-  L as default
+  to as SDataTable,
+  to as default
 };