@solostylist/ui-kit 1.0.166 → 1.0.168

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

@@ -1,33 +1,33 @@
 import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import * as g from "react";
-import ve from "../s-empty/s-empty.js";
-import { c as j, P as e } from "../createTheme-3Wd3hHrj.js";
-import { a as N, u as $, c as I, m as _ } from "../DefaultPropsProvider-CaCsvQaq.js";
-import { g as B } from "../colorManipulator-ep5lERxB.js";
-import { g as M } from "../generateUtilityClasses-BtVDwGrk.js";
-import { s as S, r as se } from "../styled-B0Z4EDy9.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 L, B as Ce, r as ke } from "../ButtonBase-DfTfJ_ou.js";
-import { u as je } from "../useControlled-D1L5tREc.js";
-import { c as q } from "../createSvgIcon-DxwgGAVe.js";
-import { c as X } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { m as we } from "../mergeSlotProps-Dl_rJtoN.js";
-function Re(o) {
-  return B("PrivateSwitchBase", o);
+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);
 }
-M("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+H("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
 const Oe = (o) => {
   const {
     classes: t,
-    checked: s,
-    disabled: a,
-    edge: i
-  } = o, n = {
-    root: ["root", s && "checked", a && "disabled", i && `edge${j(i)}`],
+    checked: a,
+    disabled: n,
+    edge: l
+  } = o, s = {
+    root: ["root", a && "checked", n && "disabled", l && `edge${k(l)}`],
     input: ["input"]
   };
-  return N(n, Re, t);
-}, Pe = S(Ce, {
+  return N(s, Se, t);
+}, Me = M(Ce, {
   name: "MuiSwitchBase"
 })({
   padding: 9,
@@ -65,9 +65,9 @@ const Oe = (o) => {
       marginRight: -12
     }
   }]
-}), Se = S("input", {
+}), Pe = M("input", {
   name: "MuiSwitchBase",
-  shouldForwardProp: se
+  shouldForwardProp: ne
 })({
   cursor: "inherit",
   position: "absolute",
@@ -79,126 +79,126 @@ const Oe = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), ae = /* @__PURE__ */ g.forwardRef(function(t, s) {
+}), se = /* @__PURE__ */ b.forwardRef(function(t, a) {
   const {
-    autoFocus: a,
-    checked: i,
-    checkedIcon: n,
-    defaultChecked: p,
-    disabled: d,
+    autoFocus: n,
+    checked: l,
+    checkedIcon: s,
+    defaultChecked: d,
+    disabled: p,
     disableFocusRipple: u = !1,
     edge: y = !1,
-    icon: l,
-    id: x,
-    inputProps: w,
-    inputRef: m,
-    name: T,
+    icon: i,
+    id: v,
+    inputProps: R,
+    inputRef: h,
+    name: w,
     onBlur: c,
-    onChange: v,
-    onFocus: h,
-    readOnly: C,
+    onChange: x,
+    onFocus: g,
+    readOnly: T,
     required: f = !1,
-    tabIndex: z,
-    type: R,
-    value: U,
-    slots: le = {},
-    slotProps: ce = {},
+    tabIndex: P,
+    type: j,
+    value: $,
+    slots: ce = {},
+    slotProps: de = {},
     ...pe
-  } = t, [G, de] = je({
-    controlled: i,
-    default: !!p,
+  } = t, [K, ue] = Re({
+    controlled: l,
+    default: !!d,
     name: "SwitchBase",
     state: "checked"
-  }), O = Te(), ue = (b) => {
-    h && h(b), O && O.onFocus && O.onFocus(b);
-  }, fe = (b) => {
-    c && c(b), O && O.onBlur && O.onBlur(b);
-  }, be = (b) => {
-    if (b.nativeEvent.defaultPrevented)
+  }), 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)
       return;
-    const k = b.target.checked;
-    de(k), v && v(b, k);
+    const C = m.target.checked;
+    ue(C), x && x(m, C);
   };
-  let E = d;
-  O && typeof E > "u" && (E = O.disabled);
-  const ge = R === "checkbox" || R === "radio", W = {
+  let V = p;
+  S && typeof V > "u" && (V = S.disabled);
+  const ye = j === "checkbox" || j === "radio", D = {
     ...t,
-    checked: G,
-    disabled: E,
+    checked: K,
+    disabled: V,
     disableFocusRipple: u,
     edge: y
-  }, K = Oe(W), Q = {
-    slots: le,
+  }, Q = Oe(D), X = {
+    slots: ce,
     slotProps: {
-      input: w,
-      ...ce
+      input: R,
+      ...de
     }
-  }, [ye, me] = L("root", {
-    ref: s,
-    elementType: Pe,
-    className: K.root,
+  }, [he, ge] = U("root", {
+    ref: a,
+    elementType: Me,
+    className: Q.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      ...Q,
+      ...X,
       component: "span",
       ...pe
     },
-    getSlotProps: (b) => ({
-      ...b,
-      onFocus: (k) => {
-        var P;
-        (P = b.onFocus) == null || P.call(b, k), ue(k);
+    getSlotProps: (m) => ({
+      ...m,
+      onFocus: (C) => {
+        var O;
+        (O = m.onFocus) == null || O.call(m, C), fe(C);
       },
-      onBlur: (k) => {
-        var P;
-        (P = b.onBlur) == null || P.call(b, k), fe(k);
+      onBlur: (C) => {
+        var O;
+        (O = m.onBlur) == null || O.call(m, C), me(C);
       }
     }),
-    ownerState: W,
+    ownerState: D,
     additionalProps: {
       centerRipple: !0,
       focusRipple: !u,
-      disabled: E,
+      disabled: V,
       role: void 0,
       tabIndex: null
     }
-  }), [he, xe] = L("input", {
-    ref: m,
-    elementType: Se,
-    className: K.input,
-    externalForwardedProps: Q,
-    getSlotProps: (b) => ({
-      ...b,
-      onChange: (k) => {
-        var P;
-        (P = b.onChange) == null || P.call(b, k), be(k);
+  }), [ve, xe] = U("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);
       }
     }),
-    ownerState: W,
+    ownerState: D,
     additionalProps: {
-      autoFocus: a,
-      checked: i,
-      defaultChecked: p,
-      disabled: E,
-      id: ge ? x : void 0,
-      name: T,
-      readOnly: C,
+      autoFocus: n,
+      checked: l,
+      defaultChecked: d,
+      disabled: V,
+      id: ye ? v : void 0,
+      name: w,
+      readOnly: T,
       required: f,
-      tabIndex: z,
-      type: R,
-      ...R === "checkbox" && U === void 0 ? {} : {
-        value: U
+      tabIndex: P,
+      type: j,
+      ...j === "checkbox" && $ === void 0 ? {} : {
+        value: $
       }
     }
   });
-  return /* @__PURE__ */ r.jsxs(ye, {
-    ...me,
-    children: [/* @__PURE__ */ r.jsx(he, {
+  return /* @__PURE__ */ r.jsxs(he, {
+    ...ge,
+    children: [/* @__PURE__ */ r.jsx(ve, {
       ...xe
-    }), G ? n : l]
+    }), K ? s : i]
   });
 });
-process.env.NODE_ENV !== "production" && (ae.propTypes = {
+process.env.NODE_ENV !== "production" && (se.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -317,39 +317,39 @@ process.env.NODE_ENV !== "production" && (ae.propTypes = {
    */
   value: e.any
 });
-const ze = q(/* @__PURE__ */ r.jsx("path", {
+const Ne = 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"), Ne = q(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBoxOutlineBlank"), Ee = 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"), Be = q(/* @__PURE__ */ r.jsx("path", {
+}), "CheckBox"), He = 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 Me(o) {
-  return B("MuiCheckbox", o);
+function ze(o) {
+  return E("MuiCheckbox", o);
 }
-const D = M("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), He = (o) => {
+const A = H("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ie = (o) => {
   const {
     classes: t,
-    indeterminate: s,
-    color: a,
-    size: i
-  } = o, n = {
-    root: ["root", s && "indeterminate", `color${j(a)}`, `size${j(i)}`]
-  }, p = N(n, Me, t);
+    indeterminate: a,
+    color: n,
+    size: l
+  } = o, s = {
+    root: ["root", a && "indeterminate", `color${k(n)}`, `size${k(l)}`]
+  }, d = N(s, ze, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
-    ...p
+    ...d
   };
-}, $e = S(ae, {
-  shouldForwardProp: (o) => se(o) || o === "classes",
+}, Be = M(se, {
+  shouldForwardProp: (o) => ne(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${k(a.size)}`], a.color !== "default" && t[`color${k(a.color)}`]];
   }
 })(_(({
   theme: o
@@ -365,7 +365,7 @@ const D = M("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(X()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(Y()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
@@ -375,15 +375,15 @@ const D = M("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(X()).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
       }
     }
@@ -401,63 +401,63 @@ const D = M("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ie = /* @__PURE__ */ r.jsx(Ne, {}), Ee = /* @__PURE__ */ r.jsx(ze, {}), Fe = /* @__PURE__ */ r.jsx(Be, {}), A = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const a = $({
+}))), 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({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = Ie,
-    color: n = "primary",
-    icon: p = Ee,
-    indeterminate: d = !1,
-    indeterminateIcon: u = Fe,
+    checkedIcon: l = Ve,
+    color: s = "primary",
+    icon: d = qe,
+    indeterminate: p = !1,
+    indeterminateIcon: u = $e,
     inputProps: y,
-    size: l = "medium",
-    disableRipple: x = !1,
-    className: w,
-    slots: m = {},
-    slotProps: T = {},
+    size: i = "medium",
+    disableRipple: v = !1,
+    className: R,
+    slots: h = {},
+    slotProps: w = {},
     ...c
-  } = a, v = d ? u : p, h = d ? u : i, C = {
-    ...a,
-    disableRipple: x,
-    color: n,
-    indeterminate: d,
-    size: l
-  }, f = He(C), z = T.input ?? y, [R, U] = L("root", {
-    ref: s,
-    elementType: $e,
-    className: I(f.root, w),
+  } = n, x = p ? u : d, g = p ? u : l, T = {
+    ...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),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      slots: m,
-      slotProps: T,
+      slots: h,
+      slotProps: w,
       ...c
     },
-    ownerState: C,
+    ownerState: T,
     additionalProps: {
       type: "checkbox",
-      icon: /* @__PURE__ */ g.cloneElement(v, {
-        fontSize: v.props.fontSize ?? l
+      icon: /* @__PURE__ */ b.cloneElement(x, {
+        fontSize: x.props.fontSize ?? i
       }),
-      checkedIcon: /* @__PURE__ */ g.cloneElement(h, {
-        fontSize: h.props.fontSize ?? l
+      checkedIcon: /* @__PURE__ */ b.cloneElement(g, {
+        fontSize: g.props.fontSize ?? i
       }),
-      disableRipple: x,
-      slots: m,
+      disableRipple: v,
+      slots: h,
       slotProps: {
-        input: we(typeof z == "function" ? z(C) : z, {
-          "data-indeterminate": d
+        input: je(typeof P == "function" ? P(T) : P, {
+          "data-indeterminate": p
         })
       }
     }
   });
-  return /* @__PURE__ */ r.jsx(R, {
-    ...U,
+  return /* @__PURE__ */ r.jsx(j, {
+    ...$,
     classes: f
   });
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (W.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -571,28 +571,28 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    */
   value: e.any
 });
-const J = /* @__PURE__ */ g.createContext();
-process.env.NODE_ENV !== "production" && (J.displayName = "TableContext");
-function Ue(o) {
-  return B("MuiTable", o);
+const G = /* @__PURE__ */ b.createContext();
+process.env.NODE_ENV !== "production" && (G.displayName = "TableContext");
+function Fe(o) {
+  return E("MuiTable", o);
 }
-M("MuiTable", ["root", "stickyHeader"]);
-const Ve = (o) => {
+H("MuiTable", ["root", "stickyHeader"]);
+const _e = (o) => {
   const {
     classes: t,
-    stickyHeader: s
+    stickyHeader: a
   } = o;
   return N({
-    root: ["root", s && "stickyHeader"]
-  }, Ue, t);
-}, _e = S("table", {
+    root: ["root", a && "stickyHeader"]
+  }, Fe, t);
+}, De = M("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];
   }
 })(_(({
   theme: o
@@ -616,41 +616,41 @@ const Ve = (o) => {
       borderCollapse: "separate"
     }
   }]
-}))), Y = "table", ne = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const a = $({
+}))), Z = "table", re = /* @__PURE__ */ b.forwardRef(function(t, a) {
+  const n = I({
     props: t,
     name: "MuiTable"
   }), {
-    className: i,
-    component: n = Y,
-    padding: p = "normal",
-    size: d = "medium",
+    className: l,
+    component: s = Z,
+    padding: d = "normal",
+    size: p = "medium",
     stickyHeader: u = !1,
     ...y
-  } = a, l = {
-    ...a,
-    component: n,
-    padding: p,
-    size: d,
+  } = n, i = {
+    ...n,
+    component: s,
+    padding: d,
+    size: p,
     stickyHeader: u
-  }, x = Ve(l), w = g.useMemo(() => ({
-    padding: p,
-    size: d,
+  }, v = _e(i), R = b.useMemo(() => ({
+    padding: d,
+    size: p,
     stickyHeader: u
-  }), [p, d, u]);
-  return /* @__PURE__ */ r.jsx(J.Provider, {
-    value: w,
-    children: /* @__PURE__ */ r.jsx(_e, {
-      as: n,
-      role: n === Y ? null : "table",
-      ref: s,
-      className: I(x.root, i),
-      ownerState: l,
+  }), [d, p, u]);
+  return /* @__PURE__ */ r.jsx(G.Provider, {
+    value: R,
+    children: /* @__PURE__ */ r.jsx(De, {
+      as: s,
+      role: s === Z ? null : "table",
+      ref: a,
+      className: B(v.root, l),
+      ownerState: i,
       ...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`.     │
@@ -692,51 +692,51 @@ 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 F = /* @__PURE__ */ g.createContext();
-process.env.NODE_ENV !== "production" && (F.displayName = "Tablelvl2Context");
-function We(o) {
-  return B("MuiTableBody", o);
+const q = /* @__PURE__ */ b.createContext();
+process.env.NODE_ENV !== "production" && (q.displayName = "Tablelvl2Context");
+function Ae(o) {
+  return E("MuiTableBody", o);
 }
-M("MuiTableBody", ["root"]);
-const De = (o) => {
+H("MuiTableBody", ["root"]);
+const Ue = (o) => {
   const {
     classes: t
   } = o;
   return N({
     root: ["root"]
-  }, We, t);
-}, Le = S("tbody", {
+  }, Ae, t);
+}, We = M("tbody", {
   name: "MuiTableBody",
   slot: "Root"
 })({
   display: "table-row-group"
-}), Ae = {
+}), Le = {
   variant: "body"
-}, Z = "tbody", re = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const a = $({
+}, ee = "tbody", le = /* @__PURE__ */ b.forwardRef(function(t, a) {
+  const n = I({
     props: t,
     name: "MuiTableBody"
   }), {
-    className: i,
-    component: n = Z,
-    ...p
-  } = a, d = {
-    ...a,
-    component: n
-  }, u = De(d);
-  return /* @__PURE__ */ r.jsx(F.Provider, {
-    value: Ae,
-    children: /* @__PURE__ */ r.jsx(Le, {
-      className: I(u.root, i),
-      as: n,
-      ref: s,
-      role: n === Z ? null : "rowgroup",
-      ownerState: d,
-      ...p
+    className: l,
+    component: s = ee,
+    ...d
+  } = n, p = {
+    ...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
     })
   });
 });
-process.env.NODE_ENV !== "production" && (re.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`.     │
@@ -763,29 +763,29 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function qe(o) {
-  return B("MuiTableCell", o);
+function Je(o) {
+  return E("MuiTableCell", o);
 }
-const Je = M("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Ge = (o) => {
+const Ge = H("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Ke = (o) => {
   const {
     classes: t,
-    variant: s,
-    align: a,
-    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)}`]
+    variant: a,
+    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)}`]
   };
-  return N(d, qe, t);
-}, Ke = S("td", {
+  return N(p, Je, t);
+}, Qe = M("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${k(a.size)}`], a.padding !== "normal" && t[`padding${k(a.padding)}`], a.align !== "inherit" && t[`align${k(a.align)}`], a.stickyHeader && t.stickyHeader];
   }
 })(_(({
   theme: o
@@ -830,7 +830,7 @@ const Je = M("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
     },
     style: {
       padding: "6px 16px",
-      [`&.${Je.paddingCheckbox}`]: {
+      [`&.${Ge.paddingCheckbox}`]: {
         width: 24,
         // prevent the checkbox column from growing
         padding: "0 12px 0 16px",
@@ -895,47 +895,47 @@ const Je = M("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "si
       backgroundColor: (o.vars || o).palette.background.default
     }
   }]
-}))), H = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const a = $({
+}))), z = /* @__PURE__ */ b.forwardRef(function(t, a) {
+  const n = I({
     props: t,
     name: "MuiTableCell"
   }), {
-    align: i = "inherit",
-    className: n,
-    component: p,
-    padding: d,
+    align: l = "inherit",
+    className: s,
+    component: d,
+    padding: p,
     scope: u,
     size: y,
-    sortDirection: l,
-    variant: x,
-    ...w
-  } = a, m = g.useContext(J), T = g.useContext(F), c = T && T.variant === "head";
-  let v;
-  p ? v = p : v = c ? "th" : "td";
-  let h = u;
-  v === "td" ? h = void 0 : !h && c && (h = "col");
-  const C = x || T && T.variant, f = {
-    ...a,
-    align: i,
-    component: v,
-    padding: d || (m && m.padding ? m.padding : "normal"),
-    size: y || (m && m.size ? m.size : "medium"),
-    sortDirection: l,
-    stickyHeader: C === "head" && m && m.stickyHeader,
-    variant: C
-  }, z = Ge(f);
-  let R = null;
-  return l && (R = l === "asc" ? "ascending" : "descending"), /* @__PURE__ */ r.jsx(Ke, {
-    as: v,
-    ref: s,
-    className: I(z.root, n),
-    "aria-sort": R,
-    scope: h,
+    sortDirection: i,
+    variant: v,
+    ...R
+  } = n, h = b.useContext(G), w = b.useContext(q), c = w && w.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 = {
+    ...n,
+    align: l,
+    component: x,
+    padding: p || (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, {
+    as: x,
+    ref: a,
+    className: B(P.root, s),
+    "aria-sort": j,
+    scope: g,
     ownerState: f,
-    ...w
+    ...R
   });
 });
-process.env.NODE_ENV !== "production" && (H.propTypes = {
+process.env.NODE_ENV !== "production" && (z.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -993,45 +993,45 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["body", "footer", "head"]), e.string])
 });
-function Qe(o) {
-  return B("MuiTableHead", o);
+function Xe(o) {
+  return E("MuiTableHead", o);
 }
-M("MuiTableHead", ["root"]);
-const Xe = (o) => {
+H("MuiTableHead", ["root"]);
+const Ye = (o) => {
   const {
     classes: t
   } = o;
   return N({
     root: ["root"]
-  }, Qe, t);
-}, Ye = S("thead", {
+  }, Xe, t);
+}, Ze = M("thead", {
   name: "MuiTableHead",
   slot: "Root"
 })({
   display: "table-header-group"
-}), Ze = {
+}), eo = {
   variant: "head"
-}, ee = "thead", ie = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const a = $({
+}, oe = "thead", ie = /* @__PURE__ */ b.forwardRef(function(t, a) {
+  const n = I({
     props: t,
     name: "MuiTableHead"
   }), {
-    className: i,
-    component: n = ee,
-    ...p
-  } = a, d = {
-    ...a,
-    component: n
-  }, u = Xe(d);
-  return /* @__PURE__ */ r.jsx(F.Provider, {
-    value: Ze,
-    children: /* @__PURE__ */ r.jsx(Ye, {
-      as: n,
-      className: I(u.root, i),
-      ref: s,
-      role: n === ee ? null : "rowgroup",
-      ownerState: d,
-      ...p
+    className: l,
+    component: s = oe,
+    ...d
+  } = n, p = {
+    ...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
     })
   });
 });
@@ -1062,28 +1062,28 @@ 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 eo(o) {
-  return B("MuiTableRow", o);
+function oo(o) {
+  return E("MuiTableRow", o);
 }
-const oe = M("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), oo = (o) => {
+const te = H("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), to = (o) => {
   const {
     classes: t,
-    selected: s,
-    hover: a,
-    head: i,
-    footer: n
+    selected: a,
+    hover: n,
+    head: l,
+    footer: s
   } = o;
   return N({
-    root: ["root", s && "selected", a && "hover", i && "head", n && "footer"]
-  }, eo, t);
-}, to = S("tr", {
+    root: ["root", a && "selected", n && "hover", l && "head", s && "footer"]
+  }, oo, t);
+}, ao = M("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];
   }
 })(_(({
   theme: o
@@ -1093,43 +1093,43 @@ const oe = M("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), oo
   verticalAlign: "middle",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0,
-  [`&.${oe.hover}:hover`]: {
+  [`&.${te.hover}:hover`]: {
     backgroundColor: (o.vars || o).palette.action.hover
   },
-  [`&.${oe.selected}`]: {
+  [`&.${te.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}`)
     }
   }
-}))), te = "tr", V = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const a = $({
+}))), ae = "tr", F = /* @__PURE__ */ b.forwardRef(function(t, a) {
+  const n = I({
     props: t,
     name: "MuiTableRow"
   }), {
-    className: i,
-    component: n = te,
-    hover: p = !1,
-    selected: d = !1,
+    className: l,
+    component: s = ae,
+    hover: d = !1,
+    selected: p = !1,
     ...u
-  } = a, y = g.useContext(F), l = {
-    ...a,
-    component: n,
-    hover: p,
-    selected: d,
+  } = n, y = b.useContext(q), i = {
+    ...n,
+    component: s,
+    hover: d,
+    selected: p,
     head: y && y.variant === "head",
     footer: y && y.variant === "footer"
-  }, x = oo(l);
-  return /* @__PURE__ */ r.jsx(to, {
-    as: n,
-    ref: s,
-    className: I(x.root, i),
-    role: n === te ? null : "row",
-    ownerState: l,
+  }, 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
   });
 });
-process.env.NODE_ENV !== "production" && (V.propTypes = {
+process.env.NODE_ENV !== "production" && (F.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1166,23 +1166,23 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function mo({
+const L = ({
   columns: o,
   hideHead: t,
-  hover: s,
-  onClick: a,
-  onDeselectAll: i,
-  onDeselectOne: n,
-  onSelectOne: p,
-  onSelectAll: d,
+  hover: a,
+  onClick: n,
+  onDeselectAll: l,
+  onDeselectOne: s,
+  onSelectOne: d,
+  onSelectAll: p,
   rows: u,
   selectable: y,
-  selected: l,
-  uniqueRowId: x,
-  ...w
-}) {
-  const m = ((l == null ? void 0 : l.size) ?? 0) > 0 && ((l == null ? void 0 : l.size) ?? 0) < u.length, T = u.length > 0 && (l == null ? void 0 : l.size) === u.length;
-  return /* @__PURE__ */ r.jsxs(ne, { ...w, sx: { mt: 1 }, children: [
+  selected: i,
+  uniqueRowId: v,
+  ...R
+}) => {
+  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: [
     /* @__PURE__ */ r.jsx(
       ie,
       {
@@ -1193,9 +1193,9 @@ function mo({
             "--TableCell-borderWidth": 0
           }
         },
-        children: /* @__PURE__ */ r.jsxs(V, { children: [
+        children: /* @__PURE__ */ r.jsxs(F, { children: [
           y ? /* @__PURE__ */ r.jsx(
-            H,
+            z,
             {
               padding: "checkbox",
               sx: {
@@ -1209,12 +1209,12 @@ function mo({
                 borderColor: "divider"
               },
               children: /* @__PURE__ */ r.jsx(
-                A,
+                W,
                 {
-                  checked: T,
-                  indeterminate: m,
+                  checked: w,
+                  indeterminate: h,
                   onChange: (c) => {
-                    T ? i == null || i(c) : d == null || d(c);
+                    w ? l == null || l(c) : p == null || p(c);
                   }
                 }
               )
@@ -1222,7 +1222,7 @@ function mo({
           ) : null,
           o.map(
             (c) => /* @__PURE__ */ r.jsx(
-              H,
+              z,
               {
                 sx: {
                   // Apply fixed width if specified
@@ -1238,55 +1238,65 @@ function mo({
                 },
                 children: c.hideName ? null : c.name
               },
-              c.name ?? g.useId()
+              c.name ?? b.useId()
             )
           )
         ] })
       }
     ),
-    /* @__PURE__ */ r.jsx(re, { children: u.length ? u.map((c, v) => {
-      const h = c.id ? c.id : x == null ? void 0 : x(c), C = h ? l == null ? void 0 : l.has(h) : !1;
+    /* @__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;
       return /* @__PURE__ */ r.jsxs(
-        V,
+        F,
         {
-          hover: s,
-          selected: C,
-          ...a && {
+          hover: a,
+          selected: T,
+          ...n && {
             onClick: (f) => {
-              a(f, c);
+              n(f, c);
             }
           },
-          sx: { ...a && { cursor: "pointer" } },
+          sx: { ...n && { cursor: "pointer" } },
           children: [
-            y ? /* @__PURE__ */ r.jsx(H, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
-              A,
+            y ? /* @__PURE__ */ r.jsx(z, { padding: "checkbox", children: /* @__PURE__ */ r.jsx(
+              W,
               {
-                checked: h ? C : !1,
+                checked: g ? T : !1,
                 onChange: (f) => {
-                  C ? n == null || n(f, c) : p == null || p(f, c);
+                  T ? s == null || s(f, c) : d == null || d(f, c);
                 },
                 onClick: (f) => {
-                  a && f.stopPropagation();
+                  n && f.stopPropagation();
                 }
               }
             ) }) : null,
             o.map(
-              (f) => /* @__PURE__ */ r.jsx(H, {
+              (f) => /* @__PURE__ */ r.jsx(z, {
                 sx: { ...f.align && { textAlign: f.align } },
                 // Use custom formatter if provided, otherwise extract field value
-                children: f.formatter ? f.formatter(c, v) : f.field ? c[f.field] : null
+                children: f.formatter ? f.formatter(c, x) : f.field ? c[f.field] : null
               }, f.name)
             )
           ]
         },
-        h ?? v
+        g ?? x
       );
     }) : (
       // Empty state when no data is available
-      /* @__PURE__ */ r.jsx(V, { children: /* @__PURE__ */ r.jsx(H, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(ve, {}) }) })
+      /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(z, { align: "center", colSpan: o.length, children: /* @__PURE__ */ r.jsx(we, {}) }) })
     ) })
   ] });
+};
+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 {
 }
 export {
-  mo as default
+  L as SDataTable,
+  L as default
 };