@solostylist/ui-kit 1.0.202 → 1.0.204

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

@@ -1,1291 +1,4 @@
-import { j as l } from "../jsx-runtime-tc70JA_2.js";
-import * as g from "react";
-import { SEmpty as xe } from "../s-empty/s-empty.js";
-import { c as j, P as e } from "../createTheme-DgoJyWM-.js";
-import { c as H } from "../clsx-OuTLNxxd.js";
-import { c as N, u as I, m as D } from "../DefaultPropsProvider-DPuuPIbS.js";
-import { g as z } from "../generateUtilityClass-BhfUaMgk.js";
-import { g as B } from "../generateUtilityClasses-E9gROIFd.js";
-import { s as P, r as te } from "../styled-8Y5KoVix.js";
-import { u as ve } from "../useFormControl-CatNKXAi.js";
-import { b as _, B as Te, r as Ce } from "../ButtonBase-D73M0QY5.js";
-import { u as ke } from "../useControlled-D1L5tREc.js";
-import { c as q } from "../createSvgIcon-BkbeLOhM.js";
-import { c as Q } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { m as je } from "../mergeSlotProps-CuzBQdlp.js";
-function we(o) {
-  return z("PrivateSwitchBase", o);
-}
-B("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const Oe = (o) => {
-  const {
-    classes: t,
-    checked: s,
-    disabled: n,
-    edge: i
-  } = o, a = {
-    root: ["root", s && "checked", n && "disabled", i && `edge${j(i)}`],
-    input: ["input"]
-  };
-  return N(a, we, t);
-}, Re = P(Te, {
-  name: "MuiSwitchBase"
-})({
-  padding: 9,
-  borderRadius: "50%",
-  variants: [{
-    props: {
-      edge: "start",
-      size: "small"
-    },
-    style: {
-      marginLeft: -3
-    }
-  }, {
-    props: ({
-      edge: o,
-      ownerState: t
-    }) => o === "start" && t.size !== "small",
-    style: {
-      marginLeft: -12
-    }
-  }, {
-    props: {
-      edge: "end",
-      size: "small"
-    },
-    style: {
-      marginRight: -3
-    }
-  }, {
-    props: ({
-      edge: o,
-      ownerState: t
-    }) => o === "end" && t.size !== "small",
-    style: {
-      marginRight: -12
-    }
-  }]
-}), Se = P("input", {
-  name: "MuiSwitchBase",
-  shouldForwardProp: te
-})({
-  cursor: "inherit",
-  position: "absolute",
-  opacity: 0,
-  width: "100%",
-  height: "100%",
-  top: 0,
-  left: 0,
-  margin: 0,
-  padding: 0,
-  zIndex: 1
-}), se = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const {
-    autoFocus: n,
-    checked: i,
-    checkedIcon: a,
-    defaultChecked: c,
-    disabled: d,
-    disableFocusRipple: p = !1,
-    edge: y = !1,
-    icon: f,
-    id: v,
-    inputProps: w,
-    inputRef: h,
-    name: T,
-    onBlur: O,
-    onChange: r,
-    onFocus: x,
-    readOnly: m,
-    required: C = !1,
-    tabIndex: u,
-    type: R,
-    value: E,
-    slots: le = {},
-    slotProps: ie = {},
-    ...ce
-  } = t, [J, de] = ke({
-    controlled: i,
-    default: !!c,
-    name: "SwitchBase",
-    state: "checked"
-  }), S = ve(), pe = (b) => {
-    x && x(b), S && S.onFocus && S.onFocus(b);
-  }, ue = (b) => {
-    O && O(b), S && S.onBlur && S.onBlur(b);
-  }, fe = (b) => {
-    if (b.nativeEvent.defaultPrevented || m)
-      return;
-    const k = b.target.checked;
-    de(k), r && r(b, k);
-  };
-  let F = d;
-  S && typeof F > "u" && (F = S.disabled);
-  const be = R === "checkbox" || R === "radio", V = {
-    ...t,
-    checked: J,
-    disabled: F,
-    disableFocusRipple: p,
-    edge: y
-  }, G = Oe(V), K = {
-    slots: le,
-    slotProps: {
-      input: w,
-      ...ie
-    }
-  }, [ge, ye] = _("root", {
-    ref: s,
-    elementType: Re,
-    className: G.root,
-    shouldForwardComponentProp: !0,
-    externalForwardedProps: {
-      ...K,
-      component: "span",
-      ...ce
-    },
-    getSlotProps: (b) => ({
-      ...b,
-      onFocus: (k) => {
-        b.onFocus?.(k), pe(k);
-      },
-      onBlur: (k) => {
-        b.onBlur?.(k), ue(k);
-      }
-    }),
-    ownerState: V,
-    additionalProps: {
-      centerRipple: !0,
-      focusRipple: !p,
-      role: void 0,
-      tabIndex: null
-    }
-  }), [he, me] = _("input", {
-    ref: h,
-    elementType: Se,
-    className: G.input,
-    externalForwardedProps: K,
-    getSlotProps: (b) => ({
-      ...b,
-      onChange: (k) => {
-        b.onChange?.(k), fe(k);
-      }
-    }),
-    ownerState: V,
-    additionalProps: {
-      autoFocus: n,
-      checked: i,
-      defaultChecked: c,
-      disabled: F,
-      id: be ? v : void 0,
-      name: T,
-      readOnly: m,
-      required: C,
-      tabIndex: u,
-      type: R,
-      ...R === "checkbox" && E === void 0 ? {} : {
-        value: E
-      }
-    }
-  });
-  return /* @__PURE__ */ l.jsxs(ge, {
-    ...ye,
-    children: [/* @__PURE__ */ l.jsx(he, {
-      ...me
-    }), J ? a : f]
-  });
-});
-process.env.NODE_ENV !== "production" && (se.propTypes = {
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   */
-  autoFocus: e.bool,
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: e.node.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * @ignore
-   */
-  defaultChecked: e.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: e.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: e.oneOf(["end", "start", !1]),
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: e.node.isRequired,
-  /**
-   * The id of the `input` element.
-   */
-  id: e.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   */
-  inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: Ce,
-  /*
-   * @ignore
-   */
-  name: e.string,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly: e.bool,
-  /**
-   * If `true`, the `input` element is required.
-   */
-  required: e.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    input: e.elementType,
-    root: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.object,
-  /**
-   * @ignore
-   */
-  tabIndex: e.oneOfType([e.number, e.string]),
-  /**
-   * The input component prop `type`.
-   */
-  type: e.string.isRequired,
-  /**
-   * The value of the component.
-   */
-  value: e.any
-});
-const Pe = q(/* @__PURE__ */ l.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__ */ l.jsx("path", {
-  d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), ze = q(/* @__PURE__ */ l.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 Be(o) {
-  return z("MuiCheckbox", o);
-}
-const A = B("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Me = (o) => {
-  const {
-    classes: t,
-    indeterminate: s,
-    color: n,
-    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
-    ...c
-  };
-}, He = P(se, {
-  shouldForwardProp: (o) => te(o) || o === "classes",
-  name: "MuiCheckbox",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    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,
-  variants: [{
-    props: {
-      color: "default",
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: o.alpha((o.vars || o).palette.action.active, (o.vars || o).palette.action.hoverOpacity)
-      }
-    }
-  }, ...Object.entries(o.palette).filter(Q()).map(([t]) => ({
-    props: {
-      color: t,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: o.alpha((o.vars || o).palette[t].main, (o.vars || o).palette.action.hoverOpacity)
-      }
-    }
-  })), ...Object.entries(o.palette).filter(Q()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      [`&.${A.checked}, &.${A.indeterminate}`]: {
-        color: (o.vars || o).palette[t].main
-      },
-      [`&.${A.disabled}`]: {
-        color: (o.vars || o).palette.action.disabled
-      }
-    }
-  })), {
-    // Should be last to override other colors
-    props: {
-      disableRipple: !1
-    },
-    style: {
-      // Reset on touch devices, it doesn't add specificity
-      "&:hover": {
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }]
-}))), Ie = /* @__PURE__ */ l.jsx(Ne, {}), $e = /* @__PURE__ */ l.jsx(Pe, {}), Ee = /* @__PURE__ */ l.jsx(ze, {}), W = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const n = I({
-    props: t,
-    name: "MuiCheckbox"
-  }), {
-    checkedIcon: i = Ie,
-    color: a = "primary",
-    icon: c = $e,
-    indeterminate: d = !1,
-    indeterminateIcon: p = Ee,
-    inputProps: y,
-    size: f = "medium",
-    disableRipple: v = !1,
-    className: w,
-    slots: h = {},
-    slotProps: T = {},
-    ...O
-  } = n, r = d ? p : c, x = d ? p : i, m = {
-    ...n,
-    disableRipple: v,
-    color: a,
-    indeterminate: d,
-    size: f
-  }, C = Me(m), u = T.input ?? y, [R, E] = _("root", {
-    ref: s,
-    elementType: He,
-    className: H(C.root, w),
-    shouldForwardComponentProp: !0,
-    externalForwardedProps: {
-      slots: h,
-      slotProps: T,
-      ...O
-    },
-    ownerState: m,
-    additionalProps: {
-      type: "checkbox",
-      icon: /* @__PURE__ */ g.cloneElement(r, {
-        fontSize: r.props.fontSize ?? f
-      }),
-      checkedIcon: /* @__PURE__ */ g.cloneElement(x, {
-        fontSize: x.props.fontSize ?? f
-      }),
-      disableRipple: v,
-      slots: h,
-      slotProps: {
-        input: je(typeof u == "function" ? u(m) : u, {
-          "data-indeterminate": d
-        })
-      }
-    }
-  });
-  return /* @__PURE__ */ l.jsx(R, {
-    ...E,
-    classes: C
-  });
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: e.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: e.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon: e.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: e.string,
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate: e.bool,
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon: e.node,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: e.object,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    input: e.elementType,
-    root: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: e.any
-});
-const L = /* @__PURE__ */ g.createContext();
-process.env.NODE_ENV !== "production" && (L.displayName = "TableContext");
-function Fe(o) {
-  return z("MuiTable", o);
-}
-B("MuiTable", ["root", "stickyHeader"]);
-const Ue = (o) => {
-  const {
-    classes: t,
-    stickyHeader: s
-  } = o;
-  return N({
-    root: ["root", s && "stickyHeader"]
-  }, Fe, t);
-}, De = P("table", {
-  name: "MuiTable",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.root, s.stickyHeader && t.stickyHeader];
-  }
-})(D(({
-  theme: o
-}) => ({
-  display: "table",
-  width: "100%",
-  borderCollapse: "collapse",
-  borderSpacing: 0,
-  "& caption": {
-    ...o.typography.body2,
-    padding: o.spacing(2),
-    color: (o.vars || o).palette.text.secondary,
-    textAlign: "left",
-    captionSide: "bottom"
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.stickyHeader,
-    style: {
-      borderCollapse: "separate"
-    }
-  }]
-}))), X = "table", ne = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const n = I({
-    props: t,
-    name: "MuiTable"
-  }), {
-    className: i,
-    component: a = X,
-    padding: c = "normal",
-    size: d = "medium",
-    stickyHeader: p = !1,
-    ...y
-  } = n, f = {
-    ...n,
-    component: a,
-    padding: c,
-    size: d,
-    stickyHeader: p
-  }, v = Ue(f), w = g.useMemo(() => ({
-    padding: c,
-    size: d,
-    stickyHeader: p
-  }), [c, d, p]);
-  return /* @__PURE__ */ l.jsx(L.Provider, {
-    value: w,
-    children: /* @__PURE__ */ l.jsx(De, {
-      as: a,
-      role: a === X ? null : "table",
-      ref: s,
-      className: H(v.root, i),
-      ownerState: f,
-      ...y
-    })
-  });
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the table, normally `TableHead` and `TableBody`.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Allows TableCells to inherit padding of the Table.
-   * @default 'normal'
-   */
-  padding: e.oneOf(["checkbox", "none", "normal"]),
-  /**
-   * Allows TableCells to inherit size of the Table.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * Set the header sticky.
-   * @default false
-   */
-  stickyHeader: e.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-const $ = /* @__PURE__ */ g.createContext();
-process.env.NODE_ENV !== "production" && ($.displayName = "Tablelvl2Context");
-function Ve(o) {
-  return z("MuiTableBody", o);
-}
-B("MuiTableBody", ["root"]);
-const Ae = (o) => {
-  const {
-    classes: t
-  } = o;
-  return N({
-    root: ["root"]
-  }, Ve, t);
-}, _e = P("tbody", {
-  name: "MuiTableBody",
-  slot: "Root"
-})({
-  display: "table-row-group"
-}), We = {
-  variant: "body"
-}, Y = "tbody", ae = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const n = I({
-    props: t,
-    name: "MuiTableBody"
-  }), {
-    className: i,
-    component: a = Y,
-    ...c
-  } = n, d = {
-    ...n,
-    component: a
-  }, p = Ae(d);
-  return /* @__PURE__ */ l.jsx($.Provider, {
-    value: We,
-    children: /* @__PURE__ */ l.jsx(_e, {
-      className: H(p.root, i),
-      as: a,
-      ref: s,
-      role: a === Y ? null : "rowgroup",
-      ownerState: d,
-      ...c
-    })
-  });
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-function qe(o) {
-  return z("MuiTableCell", o);
-}
-const Le = B("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Je = (o) => {
-  const {
-    classes: t,
-    variant: s,
-    align: n,
-    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(d, qe, t);
-}, Ge = P("td", {
-  name: "MuiTableCell",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = 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];
-  }
-})(D(({
-  theme: o
-}) => ({
-  ...o.typography.body2,
-  display: "table-cell",
-  verticalAlign: "inherit",
-  // 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" ? o.lighten(o.alpha(o.palette.divider, 1), 0.88) : o.darken(o.alpha(o.palette.divider, 1), 0.68)}`,
-  textAlign: "left",
-  padding: 16,
-  variants: [{
-    props: {
-      variant: "head"
-    },
-    style: {
-      color: (o.vars || o).palette.text.primary,
-      lineHeight: o.typography.pxToRem(24),
-      fontWeight: o.typography.fontWeightMedium
-    }
-  }, {
-    props: {
-      variant: "body"
-    },
-    style: {
-      color: (o.vars || o).palette.text.primary
-    }
-  }, {
-    props: {
-      variant: "footer"
-    },
-    style: {
-      color: (o.vars || o).palette.text.secondary,
-      lineHeight: o.typography.pxToRem(21),
-      fontSize: o.typography.pxToRem(12)
-    }
-  }, {
-    props: {
-      size: "small"
-    },
-    style: {
-      padding: "6px 16px",
-      [`&.${Le.paddingCheckbox}`]: {
-        width: 24,
-        // prevent the checkbox column from growing
-        padding: "0 12px 0 16px",
-        "& > *": {
-          padding: 0
-        }
-      }
-    }
-  }, {
-    props: {
-      padding: "checkbox"
-    },
-    style: {
-      width: 48,
-      // prevent the checkbox column from growing
-      padding: "0 0 0 4px"
-    }
-  }, {
-    props: {
-      padding: "none"
-    },
-    style: {
-      padding: 0
-    }
-  }, {
-    props: {
-      align: "left"
-    },
-    style: {
-      textAlign: "left"
-    }
-  }, {
-    props: {
-      align: "center"
-    },
-    style: {
-      textAlign: "center"
-    }
-  }, {
-    props: {
-      align: "right"
-    },
-    style: {
-      textAlign: "right",
-      flexDirection: "row-reverse"
-    }
-  }, {
-    props: {
-      align: "justify"
-    },
-    style: {
-      textAlign: "justify"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.stickyHeader,
-    style: {
-      position: "sticky",
-      top: 0,
-      zIndex: 2,
-      backgroundColor: (o.vars || o).palette.background.default
-    }
-  }]
-}))), M = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const n = I({
-    props: t,
-    name: "MuiTableCell"
-  }), {
-    align: i = "inherit",
-    className: a,
-    component: c,
-    padding: d,
-    scope: p,
-    size: y,
-    sortDirection: f,
-    variant: v,
-    ...w
-  } = n, h = g.useContext(L), T = g.useContext($), O = T && T.variant === "head";
-  let r;
-  c ? r = c : r = O ? "th" : "td";
-  let x = p;
-  r === "td" ? x = void 0 : !x && O && (x = "col");
-  const m = v || T && T.variant, C = {
-    ...n,
-    align: i,
-    component: r,
-    padding: d || (h && h.padding ? h.padding : "normal"),
-    size: y || (h && h.size ? h.size : "medium"),
-    sortDirection: f,
-    stickyHeader: m === "head" && h && h.stickyHeader,
-    variant: m
-  }, u = Je(C);
-  let R = null;
-  return f && (R = f === "asc" ? "ascending" : "descending"), /* @__PURE__ */ l.jsx(Ge, {
-    as: r,
-    ref: s,
-    className: H(u.root, a),
-    "aria-sort": R,
-    scope: x,
-    ownerState: C,
-    ...w
-  });
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the table cell content.
-   *
-   * Monetary or generally number fields **should be right aligned** as that allows
-   * you to add them up quickly in your head without having to worry about decimals.
-   * @default 'inherit'
-   */
-  align: e.oneOf(["center", "inherit", "justify", "left", "right"]),
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Sets the padding applied to the cell.
-   * The prop defaults to the value (`'default'`) inherited from the parent Table component.
-   */
-  padding: e.oneOf(["checkbox", "none", "normal"]),
-  /**
-   * Set scope attribute.
-   */
-  scope: e.string,
-  /**
-   * Specify the size of the cell.
-   * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * Set aria-sort direction.
-   */
-  sortDirection: e.oneOf(["asc", "desc", !1]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * Specify the cell type.
-   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
-   */
-  variant: e.oneOfType([e.oneOf(["body", "footer", "head"]), e.string])
-});
-function Ke(o) {
-  return z("MuiTableHead", o);
-}
-B("MuiTableHead", ["root"]);
-const Qe = (o) => {
-  const {
-    classes: t
-  } = o;
-  return N({
-    root: ["root"]
-  }, Ke, t);
-}, Xe = P("thead", {
-  name: "MuiTableHead",
-  slot: "Root"
-})({
-  display: "table-header-group"
-}), Ye = {
-  variant: "head"
-}, Z = "thead", re = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const n = I({
-    props: t,
-    name: "MuiTableHead"
-  }), {
-    className: i,
-    component: a = Z,
-    ...c
-  } = n, d = {
-    ...n,
-    component: a
-  }, p = Qe(d);
-  return /* @__PURE__ */ l.jsx($.Provider, {
-    value: Ye,
-    children: /* @__PURE__ */ l.jsx(Xe, {
-      as: a,
-      className: H(p.root, i),
-      ref: s,
-      role: a === Z ? null : "rowgroup",
-      ownerState: d,
-      ...c
-    })
-  });
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-function Ze(o) {
-  return z("MuiTableRow", o);
-}
-const ee = B("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), eo = (o) => {
-  const {
-    classes: t,
-    selected: s,
-    hover: n,
-    head: i,
-    footer: a
-  } = o;
-  return N({
-    root: ["root", s && "selected", n && "hover", i && "head", a && "footer"]
-  }, Ze, t);
-}, oo = P("tr", {
-  name: "MuiTableRow",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.root, s.head && t.head, s.footer && t.footer];
-  }
-})(D(({
-  theme: o
-}) => ({
-  color: "inherit",
-  display: "table-row",
-  verticalAlign: "middle",
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  [`&.${ee.hover}:hover`]: {
-    backgroundColor: (o.vars || o).palette.action.hover
-  },
-  [`&.${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}`)
-    }
-  }
-}))), oe = "tr", U = /* @__PURE__ */ g.forwardRef(function(t, s) {
-  const n = I({
-    props: t,
-    name: "MuiTableRow"
-  }), {
-    className: i,
-    component: a = oe,
-    hover: c = !1,
-    selected: d = !1,
-    ...p
-  } = n, y = g.useContext($), f = {
-    ...n,
-    component: a,
-    hover: c,
-    selected: d,
-    head: y && y.variant === "head",
-    footer: y && y.variant === "footer"
-  }, v = eo(f);
-  return /* @__PURE__ */ l.jsx(oo, {
-    as: a,
-    ref: s,
-    className: H(v.root, i),
-    role: a === oe ? null : "row",
-    ownerState: f,
-    ...p
-  });
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Should be valid `<tr>` children such as `TableCell`.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, the table row will shade on hover.
-   * @default false
-   */
-  hover: e.bool,
-  /**
-   * If `true`, the table row will have the selected shading.
-   * @default false
-   */
-  selected: e.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-const to = ({
-  columns: o,
-  hideHead: t,
-  hover: s,
-  onClick: n,
-  onDeselectAll: i,
-  onDeselectOne: a,
-  onSelectOne: c,
-  onSelectAll: d,
-  rows: p,
-  selectable: y,
-  selected: f,
-  uniqueRowId: v,
-  ...w
-}) => {
-  const h = (f?.size ?? 0) > 0 && (f?.size ?? 0) < p.length, T = p.length > 0 && f?.size === p.length, O = g.useId();
-  return /* @__PURE__ */ l.jsxs(ne, { ...w, sx: { mt: 1 }, children: [
-    /* @__PURE__ */ l.jsx(
-      re,
-      {
-        sx: {
-          ...t && {
-            visibility: "collapse",
-            // Hide header while preserving layout
-            "--TableCell-borderWidth": 0
-          }
-        },
-        children: /* @__PURE__ */ l.jsxs(U, { children: [
-          y ? /* @__PURE__ */ l.jsx(
-            M,
-            {
-              padding: "checkbox",
-              sx: {
-                width: "40px",
-                minWidth: "40px",
-                maxWidth: "40px",
-                bgcolor: "action.hover",
-                backgroundClip: "padding-box",
-                // Ensure border renders consistently over background
-                borderTop: "1px solid",
-                borderColor: "divider"
-              },
-              children: /* @__PURE__ */ l.jsx(
-                W,
-                {
-                  checked: T,
-                  indeterminate: h,
-                  onChange: (r) => {
-                    T ? i?.(r) : d?.(r);
-                  }
-                }
-              )
-            }
-          ) : null,
-          o.map(
-            (r) => /* @__PURE__ */ l.jsx(
-              M,
-              {
-                sx: {
-                  // Apply fixed width if specified
-                  width: r.width,
-                  minWidth: r.width,
-                  maxWidth: r.width,
-                  // Apply text alignment if specified
-                  ...r.align && { textAlign: r.align },
-                  bgcolor: "action.hover",
-                  backgroundClip: "padding-box",
-                  borderTop: "1px solid",
-                  borderColor: "divider"
-                },
-                children: r.hideName ? null : r.name
-              },
-              r.name ?? O
-            )
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ l.jsx(ae, { children: p.length ? p.map((r, x) => {
-      const m = r.id ?? v?.(r), C = m ? f?.has(m) : !1;
-      return /* @__PURE__ */ l.jsxs(
-        U,
-        {
-          hover: s,
-          selected: C,
-          ...n && {
-            onClick: (u) => {
-              n(u, r);
-            }
-          },
-          sx: { ...n && { cursor: "pointer" } },
-          children: [
-            y ? /* @__PURE__ */ l.jsx(M, { padding: "checkbox", children: /* @__PURE__ */ l.jsx(
-              W,
-              {
-                checked: m ? C : !1,
-                onChange: (u) => {
-                  C ? a?.(u, r) : c?.(u, r);
-                },
-                onClick: (u) => {
-                  n && u.stopPropagation();
-                }
-              }
-            ) }) : null,
-            o.map(
-              (u) => /* @__PURE__ */ l.jsx(M, {
-                sx: { ...u.align && { textAlign: u.align } },
-                // Use custom formatter if provided, otherwise extract field value
-                children: u.formatter ? u.formatter(r, x) : u.field ? r[u.field] : null
-              }, u.name)
-            )
-          ]
-        },
-        m ?? x
-      );
-    }) : (
-      // Empty state when no data is available
-      /* @__PURE__ */ l.jsx(U, { children: /* @__PURE__ */ l.jsx(M, { align: "center", colSpan: o.length, children: /* @__PURE__ */ l.jsx(xe, {}) }) })
-    ) })
-  ] });
-};
-to.displayName = "SDataTable";
-export {
-  to as SDataTable,
-  to as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-data-table-B9B189jk.js";
+export { e as SDataTable, e as default };