@solostylist/ui-kit 1.0.228 → 1.0.229

package/dist/{s-data-table-D-esZw_W.js → s-data-table-DfGYIIvn.js}

@@ -91,68 +91,68 @@ var ee = (e) => {
 		default: !!a,
 		name: "SwitchBase",
 		state: "checked"
-	}), M = v(), N = (e) => {
+	}), M = v(), re = (e) => {
 		h && h(e), M && M.onFocus && M.onFocus(e);
-	}, re = (e) => {
+	}, ie = (e) => {
 		f && f(e), M && M.onBlur && M.onBlur(e);
-	}, P = (e) => {
+	}, ae = (e) => {
 		if (e.nativeEvent.defaultPrevented || _) return;
 		let t = e.target.checked;
 		j(t), m && m(e, t);
-	}, F = o;
-	M && F === void 0 && (F = M.disabled);
-	let I = x === "checkbox" || x === "radio", L = {
+	}, N = o;
+	M && N === void 0 && (N = M.disabled);
+	let P = x === "checkbox" || x === "radio", F = {
 		...e,
 		checked: A,
-		disabled: F,
+		disabled: N,
 		disableFocusRipple: s,
 		edge: c
-	}, R = ee(L), z = {
+	}, I = ee(F), L = {
 		slots: C,
 		slotProps: E
-	}, [B, V] = p("root", {
+	}, [R, z] = p("root", {
 		ref: t,
 		elementType: te,
-		className: R.root,
+		className: I.root,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
-			...z,
+			...L,
 			component: "span",
 			...k
 		},
 		getSlotProps: (e) => ({
 			...e,
 			onFocus: (t) => {
-				e.onFocus?.(t), N(t);
+				e.onFocus?.(t), re(t);
 			},
 			onBlur: (t) => {
-				e.onBlur?.(t), re(t);
+				e.onBlur?.(t), ie(t);
 			}
 		}),
-		ownerState: L,
+		ownerState: F,
 		additionalProps: {
 			centerRipple: !0,
 			focusRipple: !s,
 			role: void 0,
 			tabIndex: null
 		}
-	}), [H, U] = p("input", {
+	}), [B, V] = p("input", {
 		elementType: ne,
-		className: R.input,
-		externalForwardedProps: z,
+		className: I.input,
+		externalForwardedProps: L,
 		getSlotProps: (e) => ({
 			...e,
 			onChange: (t) => {
-				e.onChange?.(t), P(t);
+				e.onChange?.(t), ae(t);
 			}
 		}),
-		ownerState: L,
+		ownerState: F,
 		additionalProps: {
 			autoFocus: n,
 			checked: r,
 			defaultChecked: a,
-			disabled: F,
-			id: I ? u : void 0,
+			disabled: N,
+			id: P ? u : void 0,
 			name: d,
 			readOnly: _,
 			required: y,
@@ -161,9 +161,9 @@ var ee = (e) => {
 			...x === "checkbox" && S === void 0 ? {} : { value: S }
 		}
 	});
-	return /* @__PURE__ */ T(B, {
-		...V,
-		children: [/* @__PURE__ */ w(H, { ...U }), A ? i : l]
+	return /* @__PURE__ */ T(R, {
+		...z,
+		children: [/* @__PURE__ */ w(B, { ...V }), A ? i : l]
 	});
 });
 process.env.NODE_ENV !== "production" && (O.propTypes = {
@@ -203,7 +203,7 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
 });
 //#endregion
 //#region ../../node_modules/@mui/icons-material/ArrowDownward.mjs
-var k = h(/* @__PURE__ */ w("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), A = h(/* @__PURE__ */ w("path", { d: "M16 17.01V10h-2v7.01h-3L15 21l4-3.99zM9 3 5 6.99h3V14h2V6.99h3z" }), "SwapVert"), j = 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"), M = 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"), N = 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"), re = (e) => {
+var k = h(/* @__PURE__ */ w("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), A = h(/* @__PURE__ */ w("path", { d: "M16 17.01V10h-2v7.01h-3L15 21l4-3.99zM9 3 5 6.99h3V14h2V6.99h3z" }), "SwapVert"), j = 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"), M = 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"), re = 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"), ie = (e) => {
 	let { classes: t, indeterminate: i, color: a, size: o } = e, s = r({ root: [
 		"root",
 		i && "indeterminate",
@@ -214,7 +214,7 @@ var k = h(/* @__PURE__ */ w("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-
 		...t,
 		...s
 	};
-}, P = d(O, {
+}, ae = d(O, {
 	shouldForwardProp: (e) => u(e) || e === "classes",
 	name: "MuiCheckbox",
 	slot: "Root",
@@ -256,19 +256,19 @@ var k = h(/* @__PURE__ */ w("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-
 			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
 		}
 	]
-}))), F = /* @__PURE__ */ w(M, {}), I = /* @__PURE__ */ w(j, {}), L = /* @__PURE__ */ w(N, {}), R = /* @__PURE__ */ C.forwardRef(function(e, t) {
+}))), N = /* @__PURE__ */ w(M, {}), P = /* @__PURE__ */ w(j, {}), F = /* @__PURE__ */ w(re, {}), I = /* @__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 = {
+	}), { checkedIcon: r = N, color: a = "primary", icon: s = P, indeterminate: c = !1, indeterminateIcon: l = F, 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 = re(b), S = h.input, [T, E] = p("root", {
+	}, x = ie(b), S = h.input, [T, E] = p("root", {
 		ref: t,
-		elementType: P,
+		elementType: ae,
 		className: o(x.root, f),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -294,7 +294,7 @@ var k = h(/* @__PURE__ */ w("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-
 		classes: x
 	});
 });
-process.env.NODE_ENV !== "production" && (R.propTypes = {
+process.env.NODE_ENV !== "production" && (I.propTypes = {
 	checked: E.default.bool,
 	checkedIcon: E.default.node,
 	classes: E.default.object,
@@ -339,20 +339,20 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
 });
 //#endregion
 //#region ../../node_modules/@mui/material/Table/TableContext.mjs
-var z = /* @__PURE__ */ C.createContext();
-process.env.NODE_ENV !== "production" && (z.displayName = "TableContext");
+var L = /* @__PURE__ */ C.createContext();
+process.env.NODE_ENV !== "production" && (L.displayName = "TableContext");
 //#endregion
 //#region ../../node_modules/@mui/material/Table/tableClasses.mjs
-function B(e) {
+function R(e) {
 	return s("MuiTable", e);
 }
 l("MuiTable", ["root", "stickyHeader"]);
 //#endregion
 //#region ../../node_modules/@mui/material/Table/Table.mjs
-var V = (e) => {
+var z = (e) => {
 	let { classes: t, stickyHeader: n } = e;
-	return r({ root: ["root", n && "stickyHeader"] }, B, t);
-}, H = d("table", {
+	return r({ root: ["root", n && "stickyHeader"] }, R, t);
+}, B = d("table", {
 	name: "MuiTable",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -375,17 +375,17 @@ var V = (e) => {
 		props: ({ ownerState: e }) => e.stickyHeader,
 		style: { borderCollapse: "separate" }
 	}]
-}))), U = "table", W = /* @__PURE__ */ C.forwardRef(function(e, t) {
+}))), V = "table", H = /* @__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 = {
+	}), { className: r, component: a = V, 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(() => ({
+	}, f = z(d), p = C.useMemo(() => ({
 		padding: s,
 		size: c,
 		stickyHeader: l
@@ -394,11 +394,11 @@ var V = (e) => {
 		c,
 		l
 	]);
-	return /* @__PURE__ */ w(z.Provider, {
+	return /* @__PURE__ */ w(L.Provider, {
 		value: p,
-		children: /* @__PURE__ */ w(H, {
+		children: /* @__PURE__ */ w(B, {
 			as: a,
-			role: a === U ? null : "table",
+			role: a === V ? null : "table",
 			ref: t,
 			className: o(f.root, r),
 			ownerState: d,
@@ -406,7 +406,7 @@ var V = (e) => {
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (H.propTypes = {
 	children: E.default.node,
 	classes: E.default.object,
 	className: E.default.string,
@@ -430,43 +430,43 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
 });
 //#endregion
 //#region ../../node_modules/@mui/material/Table/Tablelvl2Context.mjs
-var G = /* @__PURE__ */ C.createContext();
-process.env.NODE_ENV !== "production" && (G.displayName = "Tablelvl2Context");
+var U = /* @__PURE__ */ C.createContext();
+process.env.NODE_ENV !== "production" && (U.displayName = "Tablelvl2Context");
 //#endregion
 //#region ../../node_modules/@mui/material/TableBody/tableBodyClasses.mjs
-function ie(e) {
+function oe(e) {
 	return s("MuiTableBody", e);
 }
 l("MuiTableBody", ["root"]);
 //#endregion
 //#region ../../node_modules/@mui/material/TableBody/TableBody.mjs
-var ae = (e) => {
+var se = (e) => {
 	let { classes: t } = e;
-	return r({ root: ["root"] }, ie, t);
-}, oe = d("tbody", {
+	return r({ root: ["root"] }, oe, t);
+}, ce = d("tbody", {
 	name: "MuiTableBody",
 	slot: "Root"
-})({ display: "table-row-group" }), se = { variant: "body" }, ce = "tbody", K = /* @__PURE__ */ C.forwardRef(function(e, t) {
+})({ display: "table-row-group" }), le = { variant: "body" }, W = "tbody", G = /* @__PURE__ */ C.forwardRef(function(e, t) {
 	let n = i({
 		props: e,
 		name: "MuiTableBody"
-	}), { className: r, component: a = ce, ...s } = n, c = {
+	}), { className: r, component: a = W, ...s } = n, c = {
 		...n,
 		component: a
-	}, l = ae(c);
-	return /* @__PURE__ */ w(G.Provider, {
-		value: se,
-		children: /* @__PURE__ */ w(oe, {
+	}, l = se(c);
+	return /* @__PURE__ */ w(U.Provider, {
+		value: le,
+		children: /* @__PURE__ */ w(ce, {
 			className: o(l.root, r),
 			as: a,
 			ref: t,
-			role: a === ce ? null : "rowgroup",
+			role: a === W ? null : "rowgroup",
 			ownerState: c,
 			...s
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (K.propTypes = {
+process.env.NODE_ENV !== "production" && (G.propTypes = {
 	children: E.default.node,
 	classes: E.default.object,
 	className: E.default.string,
@@ -483,10 +483,10 @@ process.env.NODE_ENV !== "production" && (K.propTypes = {
 });
 //#endregion
 //#region ../../node_modules/@mui/material/TableCell/tableCellClasses.mjs
-function le(e) {
+function ue(e) {
 	return s("MuiTableCell", e);
 }
-var ue = l("MuiTableCell", [
+var de = l("MuiTableCell", [
 	"root",
 	"head",
 	"body",
@@ -500,7 +500,7 @@ var ue = l("MuiTableCell", [
 	"alignRight",
 	"alignJustify",
 	"stickyHeader"
-]), de = (e) => {
+]), fe = (e) => {
 	let { classes: t, variant: i, align: a, padding: o, size: s, stickyHeader: c } = e;
 	return r({ root: [
 		"root",
@@ -509,8 +509,8 @@ var ue = l("MuiTableCell", [
 		a !== "inherit" && `align${n(a)}`,
 		o !== "normal" && `padding${n(o)}`,
 		`size${n(s)}`
-	] }, le, t);
-}, fe = d("td", {
+	] }, ue, t);
+}, pe = d("td", {
 	name: "MuiTableCell",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -557,7 +557,7 @@ var ue = l("MuiTableCell", [
 			props: { size: "small" },
 			style: {
 				padding: "6px 16px",
-				[`&.${ue.paddingCheckbox}`]: {
+				[`&.${de.paddingCheckbox}`]: {
 					width: 24,
 					padding: "0 12px 0 16px",
 					"& > *": { padding: 0 }
@@ -604,11 +604,11 @@ var ue = l("MuiTableCell", [
 			}
 		}
 	]
-}))), q = /* @__PURE__ */ C.forwardRef(function(e, t) {
+}))), K = /* @__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", _;
+	}), { align: r = "inherit", className: a, component: s, padding: c, scope: l, size: u, sortDirection: d, variant: f, ...p } = n, m = C.useContext(L), h = C.useContext(U), g = h && h.variant === "head", _;
 	_ = s || (g ? "th" : "td");
 	let v = l;
 	_ === "td" ? v = void 0 : !v && g && (v = "col");
@@ -621,8 +621,8 @@ var ue = l("MuiTableCell", [
 		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, {
+	}, x = fe(b), S = null;
+	return d && (S = d === "asc" ? "ascending" : "descending"), /* @__PURE__ */ w(pe, {
 		as: _,
 		ref: t,
 		className: o(x.root, a),
@@ -632,7 +632,7 @@ var ue = l("MuiTableCell", [
 		...p
 	});
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
+process.env.NODE_ENV !== "production" && (K.propTypes = {
 	align: E.default.oneOf([
 		"center",
 		"inherit",
@@ -673,39 +673,39 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
 });
 //#endregion
 //#region ../../node_modules/@mui/material/TableHead/tableHeadClasses.mjs
-function pe(e) {
+function me(e) {
 	return s("MuiTableHead", e);
 }
 l("MuiTableHead", ["root"]);
 //#endregion
 //#region ../../node_modules/@mui/material/TableHead/TableHead.mjs
-var me = (e) => {
+var he = (e) => {
 	let { classes: t } = e;
-	return r({ root: ["root"] }, pe, t);
-}, he = d("thead", {
+	return r({ root: ["root"] }, me, t);
+}, ge = d("thead", {
 	name: "MuiTableHead",
 	slot: "Root"
-})({ display: "table-header-group" }), ge = { variant: "head" }, J = "thead", Y = /* @__PURE__ */ C.forwardRef(function(e, t) {
+})({ display: "table-header-group" }), _e = { variant: "head" }, q = "thead", J = /* @__PURE__ */ C.forwardRef(function(e, t) {
 	let n = i({
 		props: e,
 		name: "MuiTableHead"
-	}), { className: r, component: a = J, ...s } = n, c = {
+	}), { className: r, component: a = q, ...s } = n, c = {
 		...n,
 		component: a
-	}, l = me(c);
-	return /* @__PURE__ */ w(G.Provider, {
-		value: ge,
-		children: /* @__PURE__ */ w(he, {
+	}, l = he(c);
+	return /* @__PURE__ */ w(U.Provider, {
+		value: _e,
+		children: /* @__PURE__ */ w(ge, {
 			as: a,
 			className: o(l.root, r),
 			ref: t,
-			role: a === J ? null : "rowgroup",
+			role: a === q ? null : "rowgroup",
 			ownerState: c,
 			...s
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (Y.propTypes = {
+process.env.NODE_ENV !== "production" && (J.propTypes = {
 	children: E.default.node,
 	classes: E.default.object,
 	className: E.default.string,
@@ -722,16 +722,16 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
 });
 //#endregion
 //#region ../../node_modules/@mui/material/TableRow/tableRowClasses.mjs
-function _e(e) {
+function ve(e) {
 	return s("MuiTableRow", e);
 }
-var X = l("MuiTableRow", [
+var Y = l("MuiTableRow", [
 	"root",
 	"selected",
 	"hover",
 	"head",
 	"footer"
-]), ve = (e) => {
+]), ye = (e) => {
 	let { classes: t, selected: n, hover: i, head: a, footer: o } = e;
 	return r({ root: [
 		"root",
@@ -739,8 +739,8 @@ var X = l("MuiTableRow", [
 		i && "hover",
 		a && "head",
 		o && "footer"
-	] }, _e, t);
-}, ye = d("tr", {
+	] }, ve, t);
+}, be = d("tr", {
 	name: "MuiTableRow",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -756,16 +756,16 @@ var X = l("MuiTableRow", [
 	display: "table-row",
 	verticalAlign: "middle",
 	outline: 0,
-	[`&.${X.hover}:hover`]: { backgroundColor: (e.vars || e).palette.action.hover },
-	[`&.${X.selected}`]: {
+	[`&.${Y.hover}:hover`]: { backgroundColor: (e.vars || e).palette.action.hover },
+	[`&.${Y.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) {
+}))), X = "tr", Z = /* @__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 = {
+	}), { className: r, component: a = X, hover: s = !1, selected: c = !1, ...l } = n, u = C.useContext(U), d = {
 		...n,
 		component: a,
 		hover: s,
@@ -773,16 +773,16 @@ var X = l("MuiTableRow", [
 		head: u && u.variant === "head",
 		footer: u && u.variant === "footer"
 	};
-	return /* @__PURE__ */ w(ye, {
+	return /* @__PURE__ */ w(be, {
 		as: a,
 		ref: t,
-		className: o(ve(d).root, r),
-		role: a === Z ? null : "row",
+		className: o(ye(d).root, r),
+		role: a === X ? null : "row",
 		ownerState: d,
 		...l
 	});
 });
-process.env.NODE_ENV !== "production" && (Q.propTypes = {
+process.env.NODE_ENV !== "production" && (Z.propTypes = {
 	children: E.default.node,
 	classes: E.default.object,
 	className: E.default.string,
@@ -801,115 +801,145 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
 });
 //#endregion
 //#region lib/s-data-table/s-data-table.tsx
-function be(e) {
+var xe = {
+	width: "40px",
+	minWidth: "40px",
+	maxWidth: "40px",
+	boxSizing: "content-box",
+	p: 2
+}, Q = {
+	width: "40px",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center"
+}, Se = {
+	width: "20px",
+	height: "20px",
+	m: 0,
+	p: 0
+}, Ce = { height: "48px" };
+function we(e) {
 	return e.sortKey ?? e.field ?? e.name;
 }
-function xe(e, t, n) {
+function Te(e, t, n) {
 	return e.formatter ? e.formatter(t, n) : e.field ? t[e.field] : null;
 }
 var $ = ({ 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 = (e, t) => `${String(e.field ?? e.name ?? "column")}-${t}`, x = (e) => {
-		let t = be(e);
+		let t = we(e);
 		l?.(t, p === t && m === "asc" ? "desc" : "asc");
 	};
-	return /* @__PURE__ */ T(W, {
+	return /* @__PURE__ */ T(H, {
 		...g,
 		sx: { mt: 1 },
-		children: [/* @__PURE__ */ w(Y, {
+		children: [/* @__PURE__ */ w(J, {
 			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, t) => {
-				let n = e.sortable && p === be(e), r = n ? m === "asc" ? "ascending" : "descending" : void 0, i = e.hideName ? null : e.name;
-				return /* @__PURE__ */ w(q, {
-					"aria-sort": r,
-					sortDirection: n ? m : !1,
+			children: /* @__PURE__ */ T(Z, {
+				sx: Ce,
+				children: [d ? /* @__PURE__ */ w(K, {
+					padding: "checkbox",
 					sx: {
-						width: e.width,
-						minWidth: e.width,
-						maxWidth: e.width,
-						...e.align && { textAlign: e.align },
+						...xe,
 						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));
-						},
+					children: /* @__PURE__ */ w(c, {
+						sx: Q,
+						children: /* @__PURE__ */ w(I, {
+							checked: v,
+							indeterminate: _,
+							sx: Se,
+							onChange: (e) => {
+								v ? i?.(e) : s?.(e);
+							}
+						})
+					})
+				}) : null, e.map((e, t) => {
+					let n = e.sortable && p === we(e), r = n ? m === "asc" ? "ascending" : "descending" : void 0, i = e.hideName ? null : e.name;
+					return /* @__PURE__ */ w(K, {
+						"aria-sort": r,
+						sortDirection: n ? m : !1,
 						sx: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "space-between",
-							gap: 1,
-							width: "100%",
-							cursor: "pointer",
-							userSelect: "none",
-							color: n ? "primary.main" : "inherit",
-							"&:hover .s-sort-icon": { color: n ? "primary.main" : "text.secondary" }
+							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: [i, n ? w(m === "asc" ? y : k, {
-							className: "s-sort-icon",
-							fontSize: "small",
-							sx: { color: "primary.main" }
-						}) : /* @__PURE__ */ w(A, {
-							className: "s-sort-icon",
-							fontSize: "small",
-							sx: { color: "text.disabled" }
-						})]
-					}) : i
-				}, b(e, t));
-			})] })
-		}), /* @__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, {
+						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: n ? "primary.main" : "inherit",
+								"&:hover .s-sort-icon": { color: n ? "primary.main" : "text.secondary" }
+							},
+							children: [i, n ? w(m === "asc" ? y : k, {
+								className: "s-sort-icon",
+								fontSize: "small",
+								sx: { color: "primary.main" }
+							}) : /* @__PURE__ */ w(A, {
+								className: "s-sort-icon",
+								fontSize: "small",
+								sx: { color: "text.disabled" }
+							})]
+						}) : i
+					}, b(e, t));
+				})]
+			})
+		}), /* @__PURE__ */ w(G, { children: u.length ? u.map((t, i) => {
+			let s = t.id ?? h?.(t), l = s ? f?.has(s) : !1;
+			return /* @__PURE__ */ T(Z, {
 				hover: n,
-				selected: c,
+				selected: l,
 				...r && { onClick: (e) => {
 					r(e, t);
 				} },
-				sx: { ...r && { cursor: "pointer" } },
-				children: [d ? /* @__PURE__ */ w(q, {
+				sx: {
+					...Ce,
+					...r && { cursor: "pointer" }
+				},
+				children: [d ? /* @__PURE__ */ w(K, {
 					padding: "checkbox",
-					children: /* @__PURE__ */ w(R, {
-						checked: s ? c : !1,
-						onChange: (e) => {
-							c ? a?.(e, t) : o?.(e, t);
-						},
-						onClick: (e) => {
-							r && e.stopPropagation();
-						}
+					sx: xe,
+					children: /* @__PURE__ */ w(c, {
+						sx: Q,
+						children: /* @__PURE__ */ w(I, {
+							checked: s ? l : !1,
+							sx: Se,
+							onChange: (e) => {
+								l ? a?.(e, t) : o?.(e, t);
+							},
+							onClick: (e) => {
+								r && e.stopPropagation();
+							}
+						})
 					})
-				}) : null, e.map((e, n) => /* @__PURE__ */ w(q, {
+				}) : null, e.map((e, n) => /* @__PURE__ */ w(K, {
 					sx: { ...e.align && { textAlign: e.align } },
-					children: xe(e, t, i)
+					children: Te(e, t, i)
 				}, b(e, n)))]
 			}, s ?? i);
-		}) : /* @__PURE__ */ w(Q, { children: /* @__PURE__ */ w(q, {
+		}) : /* @__PURE__ */ w(Z, { children: /* @__PURE__ */ w(K, {
 			align: "center",
 			colSpan: e.length,
 			children: /* @__PURE__ */ w(S, {})