@solostylist/ui-kit 1.0.221 → 1.0.223

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

@@ -0,0 +1,923 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t } from "./createTheme-Bnw5w28O.js";
+import { n, o as r, r as i, t as a } from "./memoTheme-QMocAblm.js";
+import { t as o } from "./clsx-Bv8WXdlr.js";
+import { t as s } from "./generateUtilityClass-tRYNDrlH.js";
+import { t as c } from "./Box-BlmynALm.js";
+import { t as l } from "./generateUtilityClasses-XrPHiTcM.js";
+import { n as u, t as d } from "./styled-BTDmdi4c.js";
+import { t as f } from "./ButtonBase-Bo6ysVGS.js";
+import { t as p } from "./useSlot-Dkc1Mj31.js";
+import { t as m } from "./createSimplePaletteValueFilter-GHK52GLU.js";
+import { t as h } from "./createSvgIcon-BdNZIlKS.js";
+import { t as g } from "./useControlled-DXKqhylj.js";
+import { t as _ } from "./mergeSlotProps-DBBJwoun.js";
+import { t as v } from "./useFormControl-B4z6ONhx.js";
+import { t as y } from "./ArrowUpward-BMKLosZj.js";
+import { n as b, t as x } from "./checkboxClasses-DSyvUOsN.js";
+import { SEmpty as S } from "./s-empty/s-empty.js";
+import * as C from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/icons-material/ArrowDownward.mjs
+var E = /* @__PURE__ */ e(t(), 1), D = h(/* @__PURE__ */ w("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), ee = h(/* @__PURE__ */ w("path", { d: "M16 17.01V10h-2v7.01h-3L15 21l4-3.99zM9 3 5 6.99h3V14h2V6.99h3z" }), "SwapVert");
+//#endregion
+//#region ../../node_modules/@mui/material/internal/switchBaseClasses.mjs
+function O(e) {
+	return s("PrivateSwitchBase", e);
+}
+l("PrivateSwitchBase", [
+	"root",
+	"checked",
+	"disabled",
+	"input",
+	"edgeStart",
+	"edgeEnd"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/internal/SwitchBase.mjs
+var te = (e) => {
+	let { classes: t, checked: i, disabled: a, edge: o } = e;
+	return r({
+		root: [
+			"root",
+			i && "checked",
+			a && "disabled",
+			o && `edge${n(o)}`
+		],
+		input: ["input"]
+	}, O, t);
+}, ne = d(f, { name: "MuiSwitchBase" })({
+	padding: 9,
+	borderRadius: "50%",
+	variants: [
+		{
+			props: {
+				edge: "start",
+				size: "small"
+			},
+			style: { marginLeft: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
+			style: { marginLeft: -12 }
+		},
+		{
+			props: {
+				edge: "end",
+				size: "small"
+			},
+			style: { marginRight: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
+			style: { marginRight: -12 }
+		}
+	]
+}), re = d("input", {
+	name: "MuiSwitchBase",
+	shouldForwardProp: u
+})({
+	cursor: "inherit",
+	position: "absolute",
+	opacity: 0,
+	width: "100%",
+	height: "100%",
+	top: 0,
+	left: 0,
+	margin: 0,
+	padding: 0,
+	zIndex: 1
+}), k = /* @__PURE__ */ C.forwardRef(function(e, t) {
+	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: c = !1, icon: l, id: u, name: d, onBlur: f, onChange: m, onFocus: h, readOnly: _, required: y = !1, tabIndex: b, type: x, value: S, slots: C = {}, slotProps: E = {}, ...D } = e, { nativeButton: ee, ...O } = D, [k, A] = g({
+		controlled: r,
+		default: !!a,
+		name: "SwitchBase",
+		state: "checked"
+	}), j = v(), M = (e) => {
+		h && h(e), j && j.onFocus && j.onFocus(e);
+	}, N = (e) => {
+		f && f(e), j && j.onBlur && j.onBlur(e);
+	}, P = (e) => {
+		if (e.nativeEvent.defaultPrevented || _) return;
+		let t = e.target.checked;
+		A(t), m && m(e, t);
+	}, F = o;
+	j && F === void 0 && (F = j.disabled);
+	let I = x === "checkbox" || x === "radio", L = {
+		...e,
+		checked: k,
+		disabled: F,
+		disableFocusRipple: s,
+		edge: c
+	}, R = te(L), z = {
+		slots: C,
+		slotProps: E
+	}, [B, V] = p("root", {
+		ref: t,
+		elementType: ne,
+		className: R.root,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			...z,
+			component: "span",
+			...O
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onFocus: (t) => {
+				e.onFocus?.(t), M(t);
+			},
+			onBlur: (t) => {
+				e.onBlur?.(t), N(t);
+			}
+		}),
+		ownerState: L,
+		additionalProps: {
+			centerRipple: !0,
+			focusRipple: !s,
+			role: void 0,
+			tabIndex: null
+		}
+	}), [H, U] = p("input", {
+		elementType: re,
+		className: R.input,
+		externalForwardedProps: z,
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t) => {
+				e.onChange?.(t), P(t);
+			}
+		}),
+		ownerState: L,
+		additionalProps: {
+			autoFocus: n,
+			checked: r,
+			defaultChecked: a,
+			disabled: F,
+			id: I ? u : void 0,
+			name: d,
+			readOnly: _,
+			required: y,
+			tabIndex: b,
+			type: x,
+			...x === "checkbox" && S === void 0 ? {} : { value: S }
+		}
+	});
+	return /* @__PURE__ */ T(B, {
+		...V,
+		children: [/* @__PURE__ */ w(H, { ...U }), k ? i : l]
+	});
+});
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+	autoFocus: E.default.bool,
+	checked: E.default.bool,
+	checkedIcon: E.default.node.isRequired,
+	classes: E.default.object,
+	className: E.default.string,
+	defaultChecked: E.default.bool,
+	disabled: E.default.bool,
+	disableFocusRipple: E.default.bool,
+	edge: E.default.oneOf([
+		"end",
+		"start",
+		!1
+	]),
+	icon: E.default.node.isRequired,
+	id: E.default.string,
+	name: E.default.string,
+	onBlur: E.default.func,
+	onChange: E.default.func,
+	onFocus: E.default.func,
+	readOnly: E.default.bool,
+	required: E.default.bool,
+	slotProps: E.default.shape({
+		input: E.default.oneOfType([E.default.func, E.default.object]),
+		root: E.default.oneOfType([E.default.func, E.default.object])
+	}),
+	slots: E.default.shape({
+		input: E.default.elementType,
+		root: E.default.elementType
+	}),
+	sx: E.default.object,
+	tabIndex: E.default.oneOfType([E.default.number, E.default.string]),
+	type: E.default.string.isRequired,
+	value: E.default.any
+});
+//#endregion
+//#region ../../node_modules/@mui/material/internal/svg-icons/CheckBoxOutlineBlank.mjs
+var A = h(/* @__PURE__ */ w("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"), j = h(/* @__PURE__ */ w("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"), M = h(/* @__PURE__ */ w("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"), N = (e) => {
+	let { classes: t, indeterminate: i, color: a, size: o } = e, s = r({ root: [
+		"root",
+		i && "indeterminate",
+		`color${n(a)}`,
+		`size${n(o)}`
+	] }, b, t);
+	return {
+		...t,
+		...s
+	};
+}, P = d(k, {
+	shouldForwardProp: (e) => u(e) || e === "classes",
+	name: "MuiCheckbox",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: r } = e;
+		return [
+			t.root,
+			r.indeterminate && t.indeterminate,
+			t[`size${n(r.size)}`],
+			r.color !== "default" && t[`color${n(r.color)}`]
+		];
+	}
+})(a(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	variants: [
+		{
+			props: {
+				color: "default",
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
+		},
+		...Object.entries(e.palette).filter(m()).map(([t]) => ({
+			props: {
+				color: t,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
+		})),
+		...Object.entries(e.palette).filter(m()).map(([t]) => ({
+			props: { color: t },
+			style: {
+				[`&.${x.checked}, &.${x.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${x.disabled}`]: { color: (e.vars || e).palette.action.disabled }
+			}
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+}))), F = /* @__PURE__ */ w(j, {}), I = /* @__PURE__ */ w(A, {}), L = /* @__PURE__ */ w(M, {}), R = /* @__PURE__ */ C.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiCheckbox"
+	}), { checkedIcon: r = F, color: a = "primary", icon: s = I, indeterminate: c = !1, indeterminateIcon: l = L, size: u = "medium", disableRipple: d = !1, className: f, slots: m = {}, slotProps: h = {}, ...g } = n, v = c ? l : s, y = c ? l : r, b = {
+		...n,
+		disableRipple: d,
+		color: a,
+		indeterminate: c,
+		size: u
+	}, x = N(b), S = h.input, [T, E] = p("root", {
+		ref: t,
+		elementType: P,
+		className: o(x.root, f),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: m,
+			slotProps: h,
+			...g
+		},
+		ownerState: b,
+		additionalProps: {
+			type: "checkbox",
+			icon: /* @__PURE__ */ C.cloneElement(v, { fontSize: v.props.fontSize ?? u }),
+			checkedIcon: /* @__PURE__ */ C.cloneElement(y, { fontSize: y.props.fontSize ?? u }),
+			disableRipple: d,
+			slots: m,
+			slotProps: { input: _(typeof S == "function" ? S(b) : S, {
+				"data-indeterminate": c,
+				"aria-checked": c ? "mixed" : void 0
+			}) }
+		}
+	});
+	return /* @__PURE__ */ w(T, {
+		...E,
+		classes: x
+	});
+});
+process.env.NODE_ENV !== "production" && (R.propTypes = {
+	checked: E.default.bool,
+	checkedIcon: E.default.node,
+	classes: E.default.object,
+	className: E.default.string,
+	color: E.default.oneOfType([E.default.oneOf([
+		"default",
+		"primary",
+		"secondary",
+		"error",
+		"info",
+		"success",
+		"warning"
+	]), E.default.string]),
+	defaultChecked: E.default.bool,
+	disabled: E.default.bool,
+	disableRipple: E.default.bool,
+	icon: E.default.node,
+	id: E.default.string,
+	indeterminate: E.default.bool,
+	indeterminateIcon: E.default.node,
+	onChange: E.default.func,
+	required: E.default.bool,
+	size: E.default.oneOfType([E.default.oneOf(["medium", "small"]), E.default.string]),
+	slotProps: E.default.shape({
+		input: E.default.oneOfType([E.default.func, E.default.object]),
+		root: E.default.oneOfType([E.default.func, E.default.object])
+	}),
+	slots: E.default.shape({
+		input: E.default.elementType,
+		root: E.default.elementType
+	}),
+	sx: E.default.oneOfType([
+		E.default.arrayOf(E.default.oneOfType([
+			E.default.func,
+			E.default.object,
+			E.default.bool
+		])),
+		E.default.func,
+		E.default.object
+	]),
+	value: E.default.any
+});
+//#endregion
+//#region ../../node_modules/@mui/material/Table/TableContext.mjs
+var z = /* @__PURE__ */ C.createContext();
+process.env.NODE_ENV !== "production" && (z.displayName = "TableContext");
+//#endregion
+//#region ../../node_modules/@mui/material/Table/tableClasses.mjs
+function B(e) {
+	return s("MuiTable", e);
+}
+l("MuiTable", ["root", "stickyHeader"]);
+//#endregion
+//#region ../../node_modules/@mui/material/Table/Table.mjs
+var V = (e) => {
+	let { classes: t, stickyHeader: n } = e;
+	return r({ root: ["root", n && "stickyHeader"] }, B, t);
+}, H = d("table", {
+	name: "MuiTable",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, n.stickyHeader && t.stickyHeader];
+	}
+})(a(({ theme: e }) => ({
+	display: "table",
+	width: "100%",
+	borderCollapse: "collapse",
+	borderSpacing: 0,
+	"& caption": {
+		...e.typography.body2,
+		padding: e.spacing(2),
+		color: (e.vars || e).palette.text.secondary,
+		textAlign: "left",
+		captionSide: "bottom"
+	},
+	variants: [{
+		props: ({ ownerState: e }) => e.stickyHeader,
+		style: { borderCollapse: "separate" }
+	}]
+}))), U = "table", W = /* @__PURE__ */ C.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiTable"
+	}), { className: r, component: a = U, padding: s = "normal", size: c = "medium", stickyHeader: l = !1, ...u } = n, d = {
+		...n,
+		component: a,
+		padding: s,
+		size: c,
+		stickyHeader: l
+	}, f = V(d), p = C.useMemo(() => ({
+		padding: s,
+		size: c,
+		stickyHeader: l
+	}), [
+		s,
+		c,
+		l
+	]);
+	return /* @__PURE__ */ w(z.Provider, {
+		value: p,
+		children: /* @__PURE__ */ w(H, {
+			as: a,
+			role: a === U ? null : "table",
+			ref: t,
+			className: o(f.root, r),
+			ownerState: d,
+			...u
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (W.propTypes = {
+	children: E.default.node,
+	classes: E.default.object,
+	className: E.default.string,
+	component: E.default.elementType,
+	padding: E.default.oneOf([
+		"checkbox",
+		"none",
+		"normal"
+	]),
+	size: E.default.oneOfType([E.default.oneOf(["medium", "small"]), E.default.string]),
+	stickyHeader: E.default.bool,
+	sx: E.default.oneOfType([
+		E.default.arrayOf(E.default.oneOfType([
+			E.default.func,
+			E.default.object,
+			E.default.bool
+		])),
+		E.default.func,
+		E.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/Table/Tablelvl2Context.mjs
+var G = /* @__PURE__ */ C.createContext();
+process.env.NODE_ENV !== "production" && (G.displayName = "Tablelvl2Context");
+//#endregion
+//#region ../../node_modules/@mui/material/TableBody/tableBodyClasses.mjs
+function ie(e) {
+	return s("MuiTableBody", e);
+}
+l("MuiTableBody", ["root"]);
+//#endregion
+//#region ../../node_modules/@mui/material/TableBody/TableBody.mjs
+var ae = (e) => {
+	let { classes: t } = e;
+	return r({ root: ["root"] }, ie, t);
+}, oe = d("tbody", {
+	name: "MuiTableBody",
+	slot: "Root"
+})({ display: "table-row-group" }), se = { variant: "body" }, ce = "tbody", K = /* @__PURE__ */ C.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiTableBody"
+	}), { className: r, component: a = ce, ...s } = n, c = {
+		...n,
+		component: a
+	}, l = ae(c);
+	return /* @__PURE__ */ w(G.Provider, {
+		value: se,
+		children: /* @__PURE__ */ w(oe, {
+			className: o(l.root, r),
+			as: a,
+			ref: t,
+			role: a === ce ? null : "rowgroup",
+			ownerState: c,
+			...s
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (K.propTypes = {
+	children: E.default.node,
+	classes: E.default.object,
+	className: E.default.string,
+	component: E.default.elementType,
+	sx: E.default.oneOfType([
+		E.default.arrayOf(E.default.oneOfType([
+			E.default.func,
+			E.default.object,
+			E.default.bool
+		])),
+		E.default.func,
+		E.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/TableCell/tableCellClasses.mjs
+function le(e) {
+	return s("MuiTableCell", e);
+}
+var ue = l("MuiTableCell", [
+	"root",
+	"head",
+	"body",
+	"footer",
+	"sizeSmall",
+	"sizeMedium",
+	"paddingCheckbox",
+	"paddingNone",
+	"alignLeft",
+	"alignCenter",
+	"alignRight",
+	"alignJustify",
+	"stickyHeader"
+]), de = (e) => {
+	let { classes: t, variant: i, align: a, padding: o, size: s, stickyHeader: c } = e;
+	return r({ root: [
+		"root",
+		i,
+		c && "stickyHeader",
+		a !== "inherit" && `align${n(a)}`,
+		o !== "normal" && `padding${n(o)}`,
+		`size${n(s)}`
+	] }, le, t);
+}, fe = d("td", {
+	name: "MuiTableCell",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: r } = e;
+		return [
+			t.root,
+			t[r.variant],
+			t[`size${n(r.size)}`],
+			r.padding !== "normal" && t[`padding${n(r.padding)}`],
+			r.align !== "inherit" && t[`align${n(r.align)}`],
+			r.stickyHeader && t.stickyHeader
+		];
+	}
+})(a(({ theme: e }) => ({
+	...e.typography.body2,
+	display: "table-cell",
+	verticalAlign: "inherit",
+	borderBottom: e.vars ? `1px solid ${e.vars.palette.TableCell.border}` : `1px solid
+    ${e.palette.mode === "light" ? e.lighten(e.alpha(e.palette.divider, 1), .88) : e.darken(e.alpha(e.palette.divider, 1), .68)}`,
+	textAlign: "left",
+	padding: 16,
+	variants: [
+		{
+			props: { variant: "head" },
+			style: {
+				color: (e.vars || e).palette.text.primary,
+				lineHeight: e.typography.pxToRem(24),
+				fontWeight: e.typography.fontWeightMedium
+			}
+		},
+		{
+			props: { variant: "body" },
+			style: { color: (e.vars || e).palette.text.primary }
+		},
+		{
+			props: { variant: "footer" },
+			style: {
+				color: (e.vars || e).palette.text.secondary,
+				lineHeight: e.typography.pxToRem(21),
+				fontSize: e.typography.pxToRem(12)
+			}
+		},
+		{
+			props: { size: "small" },
+			style: {
+				padding: "6px 16px",
+				[`&.${ue.paddingCheckbox}`]: {
+					width: 24,
+					padding: "0 12px 0 16px",
+					"& > *": { padding: 0 }
+				}
+			}
+		},
+		{
+			props: { padding: "checkbox" },
+			style: {
+				width: 48,
+				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: e }) => e.stickyHeader,
+			style: {
+				position: "sticky",
+				top: 0,
+				zIndex: 2,
+				backgroundColor: (e.vars || e).palette.background.default
+			}
+		}
+	]
+}))), q = /* @__PURE__ */ C.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiTableCell"
+	}), { align: r = "inherit", className: a, component: s, padding: c, scope: l, size: u, sortDirection: d, variant: f, ...p } = n, m = C.useContext(z), h = C.useContext(G), g = h && h.variant === "head", _;
+	_ = s || (g ? "th" : "td");
+	let v = l;
+	_ === "td" ? v = void 0 : !v && g && (v = "col");
+	let y = f || h && h.variant, b = {
+		...n,
+		align: r,
+		component: _,
+		padding: c || (m && m.padding ? m.padding : "normal"),
+		size: u || (m && m.size ? m.size : "medium"),
+		sortDirection: d,
+		stickyHeader: y === "head" && m && m.stickyHeader,
+		variant: y
+	}, x = de(b), S = null;
+	return d && (S = d === "asc" ? "ascending" : "descending"), /* @__PURE__ */ w(fe, {
+		as: _,
+		ref: t,
+		className: o(x.root, a),
+		"aria-sort": S,
+		scope: v,
+		ownerState: b,
+		...p
+	});
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+	align: E.default.oneOf([
+		"center",
+		"inherit",
+		"justify",
+		"left",
+		"right"
+	]),
+	children: E.default.node,
+	classes: E.default.object,
+	className: E.default.string,
+	component: E.default.elementType,
+	padding: E.default.oneOf([
+		"checkbox",
+		"none",
+		"normal"
+	]),
+	scope: E.default.string,
+	size: E.default.oneOfType([E.default.oneOf(["medium", "small"]), E.default.string]),
+	sortDirection: E.default.oneOf([
+		"asc",
+		"desc",
+		!1
+	]),
+	sx: E.default.oneOfType([
+		E.default.arrayOf(E.default.oneOfType([
+			E.default.func,
+			E.default.object,
+			E.default.bool
+		])),
+		E.default.func,
+		E.default.object
+	]),
+	variant: E.default.oneOfType([E.default.oneOf([
+		"body",
+		"footer",
+		"head"
+	]), E.default.string])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/TableHead/tableHeadClasses.mjs
+function pe(e) {
+	return s("MuiTableHead", e);
+}
+l("MuiTableHead", ["root"]);
+//#endregion
+//#region ../../node_modules/@mui/material/TableHead/TableHead.mjs
+var me = (e) => {
+	let { classes: t } = e;
+	return r({ root: ["root"] }, pe, t);
+}, he = d("thead", {
+	name: "MuiTableHead",
+	slot: "Root"
+})({ display: "table-header-group" }), ge = { variant: "head" }, J = "thead", Y = /* @__PURE__ */ C.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiTableHead"
+	}), { className: r, component: a = J, ...s } = n, c = {
+		...n,
+		component: a
+	}, l = me(c);
+	return /* @__PURE__ */ w(G.Provider, {
+		value: ge,
+		children: /* @__PURE__ */ w(he, {
+			as: a,
+			className: o(l.root, r),
+			ref: t,
+			role: a === J ? null : "rowgroup",
+			ownerState: c,
+			...s
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
+	children: E.default.node,
+	classes: E.default.object,
+	className: E.default.string,
+	component: E.default.elementType,
+	sx: E.default.oneOfType([
+		E.default.arrayOf(E.default.oneOfType([
+			E.default.func,
+			E.default.object,
+			E.default.bool
+		])),
+		E.default.func,
+		E.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/TableRow/tableRowClasses.mjs
+function _e(e) {
+	return s("MuiTableRow", e);
+}
+var X = l("MuiTableRow", [
+	"root",
+	"selected",
+	"hover",
+	"head",
+	"footer"
+]), ve = (e) => {
+	let { classes: t, selected: n, hover: i, head: a, footer: o } = e;
+	return r({ root: [
+		"root",
+		n && "selected",
+		i && "hover",
+		a && "head",
+		o && "footer"
+	] }, _e, t);
+}, ye = d("tr", {
+	name: "MuiTableRow",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.head && t.head,
+			n.footer && t.footer
+		];
+	}
+})(a(({ theme: e }) => ({
+	color: "inherit",
+	display: "table-row",
+	verticalAlign: "middle",
+	outline: 0,
+	[`&.${X.hover}:hover`]: { backgroundColor: (e.vars || e).palette.action.hover },
+	[`&.${X.selected}`]: {
+		backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
+		"&:hover": { backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`) }
+	}
+}))), Z = "tr", Q = /* @__PURE__ */ C.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiTableRow"
+	}), { className: r, component: a = Z, hover: s = !1, selected: c = !1, ...l } = n, u = C.useContext(G), d = {
+		...n,
+		component: a,
+		hover: s,
+		selected: c,
+		head: u && u.variant === "head",
+		footer: u && u.variant === "footer"
+	};
+	return /* @__PURE__ */ w(ye, {
+		as: a,
+		ref: t,
+		className: o(ve(d).root, r),
+		role: a === Z ? null : "row",
+		ownerState: d,
+		...l
+	});
+});
+process.env.NODE_ENV !== "production" && (Q.propTypes = {
+	children: E.default.node,
+	classes: E.default.object,
+	className: E.default.string,
+	component: E.default.elementType,
+	hover: E.default.bool,
+	selected: E.default.bool,
+	sx: E.default.oneOfType([
+		E.default.arrayOf(E.default.oneOfType([
+			E.default.func,
+			E.default.object,
+			E.default.bool
+		])),
+		E.default.func,
+		E.default.object
+	])
+});
+//#endregion
+//#region lib/s-data-table/s-data-table.tsx
+function $(e) {
+	return e.sortKey ?? e.field ?? e.name;
+}
+function be(e, t, n) {
+	return e.formatter ? e.formatter(t, n) : e.field ? t[e.field] : null;
+}
+var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onDeselectOne: a, onSelectOne: o, onSelectAll: s, onSort: l, rows: u, selectable: d, selected: f, sortBy: p, sortDirection: m, uniqueRowId: h, ...g }) => {
+	let _ = (f?.size ?? 0) > 0 && (f?.size ?? 0) < u.length, v = u.length > 0 && f?.size === u.length, b = C.useId(), x = (e) => {
+		let t = $(e);
+		l?.(t, p === t && m === "asc" ? "desc" : "asc");
+	};
+	return /* @__PURE__ */ T(W, {
+		...g,
+		sx: { mt: 1 },
+		children: [/* @__PURE__ */ w(Y, {
+			sx: { ...t && {
+				visibility: "collapse",
+				"--TableCell-borderWidth": 0
+			} },
+			children: /* @__PURE__ */ T(Q, { children: [d ? /* @__PURE__ */ w(q, {
+				padding: "checkbox",
+				sx: {
+					width: "40px",
+					minWidth: "40px",
+					maxWidth: "40px",
+					bgcolor: "action.hover",
+					backgroundClip: "padding-box",
+					borderTop: "1px solid",
+					borderColor: "divider"
+				},
+				children: /* @__PURE__ */ w(R, {
+					checked: v,
+					indeterminate: _,
+					onChange: (e) => {
+						v ? i?.(e) : s?.(e);
+					}
+				})
+			}) : null, e.map((e) => {
+				let t = e.sortable && p === $(e), n = t ? m === "asc" ? "ascending" : "descending" : void 0, r = e.hideName ? null : e.name;
+				return /* @__PURE__ */ w(q, {
+					"aria-sort": n,
+					sortDirection: t ? m : !1,
+					sx: {
+						width: e.width,
+						minWidth: e.width,
+						maxWidth: e.width,
+						...e.align && { textAlign: e.align },
+						bgcolor: "action.hover",
+						backgroundClip: "padding-box",
+						borderTop: "1px solid",
+						borderColor: "divider"
+					},
+					children: e.sortable ? /* @__PURE__ */ T(c, {
+						component: "span",
+						role: "button",
+						tabIndex: 0,
+						onClick: () => x(e),
+						onKeyDown: (t) => {
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(e));
+						},
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
+							gap: 1,
+							width: "100%",
+							cursor: "pointer",
+							userSelect: "none",
+							color: t ? "primary.main" : "inherit",
+							"&:hover .s-sort-icon": { color: t ? "primary.main" : "text.secondary" }
+						},
+						children: [r, t ? w(m === "asc" ? y : D, {
+							className: "s-sort-icon",
+							fontSize: "small",
+							sx: { color: "primary.main" }
+						}) : /* @__PURE__ */ w(ee, {
+							className: "s-sort-icon",
+							fontSize: "small",
+							sx: { color: "text.disabled" }
+						})]
+					}) : r
+				}, e.name ?? b);
+			})] })
+		}), /* @__PURE__ */ w(K, { children: u.length ? u.map((t, i) => {
+			let s = t.id ?? h?.(t), c = s ? f?.has(s) : !1;
+			return /* @__PURE__ */ T(Q, {
+				hover: n,
+				selected: c,
+				...r && { onClick: (e) => {
+					r(e, t);
+				} },
+				sx: { ...r && { cursor: "pointer" } },
+				children: [d ? /* @__PURE__ */ w(q, {
+					padding: "checkbox",
+					children: /* @__PURE__ */ w(R, {
+						checked: s ? c : !1,
+						onChange: (e) => {
+							c ? a?.(e, t) : o?.(e, t);
+						},
+						onClick: (e) => {
+							r && e.stopPropagation();
+						}
+					})
+				}) : null, e.map((e) => /* @__PURE__ */ w(q, {
+					sx: { ...e.align && { textAlign: e.align } },
+					children: be(e, t, i)
+				}, e.name))]
+			}, s ?? i);
+		}) : /* @__PURE__ */ w(Q, { children: /* @__PURE__ */ w(q, {
+			align: "center",
+			colSpan: e.length,
+			children: /* @__PURE__ */ w(S, {})
+		}) }) })]
+	});
+};
+xe.displayName = "SDataTable";
+//#endregion
+export { xe as t };