@solostylist/ui-kit 1.0.225 → 1.0.227

package/dist/{s-chat-message-Cb1npIQO.js → s-chat-message-B9JOBvzP.js}

@@ -1,15 +1,15 @@
 import { n as e, r as t } from "./utils-B5Rl6Zwv.js";
-import { t as n } from "./createSvgIcon-BdNZIlKS.js";
-import { n as r } from "./s-image-modal-Za71QD3d.js";
-import { t as i } from "./Download-BhSXOhCI.js";
+import { t as n } from "./createSvgIcon-HW-tbFcL.js";
+import { t as r } from "./s-image-modal-D-Jh-5b3.js";
+import { t as i } from "./Download-SNal6U7j.js";
 import a from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as s } from "./s-avatar/s-avatar.js";
 import { useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Box as d, IconButton as f, Paper as p, Typography as m } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/ErrorOutlined.mjs
-var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z" }), "ErrorOutlined"), g = n(/* @__PURE__ */ l("path", { d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z" }), "InsertDriveFile"), _ = n(/* @__PURE__ */ l("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" }), "Refresh"), v = ({ isSent: e, showAvatar: t, showTimestamp: n, senderName: r, maxWidth: i, sx: a, ...s }) => /* @__PURE__ */ u(d, {
+//#region ../../node_modules/@mui/icons-material/InsertDriveFile.mjs
+var h = n(/* @__PURE__ */ l("path", { d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z" }), "InsertDriveFile"), g = n(/* @__PURE__ */ l("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" }), "Refresh"), _ = ({ isSent: e, showAvatar: t, showTimestamp: n, senderName: r, maxWidth: i, sx: a, ...s }) => /* @__PURE__ */ u(d, {
 	...s,
 	sx: [{
 		display: "flex",
@@ -80,47 +80,47 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 			height: 36
 		})
 	]
-}), y = ({ message: n, variant: o = "received", timestamp: y, avatar: b, senderName: x, showAvatar: S = !0, showTimestamp: C = !1, maxWidth: w = "70%", attachments: T = [], onAttachmentClick: E, onDownload: D, hasError: O = !1, errorMessage: k = "Failed to send message", onRetry: A, loading: j = !1, sx: M, ...N }) => {
-	let [P, F] = c(null), [I, L] = c(!1), R = o === "sent", z = (e) => {
-		E ? E(e) : (F(e), L(!0));
-	}, B = (e) => {
-		E ? E(e) : D && D(e);
-	}, V = T.filter((e) => e.type === "image"), H = T.filter((e) => e.type === "file");
-	return j ? /* @__PURE__ */ l(v, {
-		isSent: R,
-		showAvatar: S,
-		showTimestamp: C,
-		senderName: x,
-		maxWidth: w,
-		sx: M,
-		...N
+}), v = ({ message: n, variant: o = "received", timestamp: v, avatar: y, senderName: b, showAvatar: x = !0, showTimestamp: S = !1, maxWidth: C = "70%", attachments: w = [], onAttachmentClick: T, onDownload: E, hasError: D = !1, errorMessage: O = "Failed to send message", onRetry: k, loading: A = !1, sx: j, ...M }) => {
+	let [N, P] = c(null), [F, I] = c(!1), L = o === "sent", R = (e) => {
+		T ? T(e) : (P(e), I(!0));
+	}, z = (e) => {
+		T ? T(e) : E && E(e);
+	}, B = w.filter((e) => e.type === "image"), V = w.filter((e) => e.type === "file");
+	return A ? /* @__PURE__ */ l(_, {
+		isSent: L,
+		showAvatar: x,
+		showTimestamp: S,
+		senderName: b,
+		maxWidth: C,
+		sx: j,
+		...M
 	}) : /* @__PURE__ */ u(d, {
-		...N,
+		...M,
 		sx: [{
 			display: "flex",
-			flexDirection: R ? "row-reverse" : "row",
+			flexDirection: L ? "row-reverse" : "row",
 			alignItems: "flex-start",
 			gap: 1,
 			mb: 1,
-			maxWidth: w,
-			alignSelf: R ? "flex-end" : "flex-start"
-		}, ...Array.isArray(M) ? M : [M]],
+			maxWidth: C,
+			alignSelf: L ? "flex-end" : "flex-start"
+		}, ...Array.isArray(j) ? j : [j]],
 		children: [
-			S && !R && /* @__PURE__ */ l(s, {
-				avatar: b,
-				name: x,
+			x && !L && /* @__PURE__ */ l(s, {
+				avatar: y,
+				name: b,
 				size: 36
 			}),
 			/* @__PURE__ */ u(d, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
-					alignItems: R ? "flex-end" : "flex-start",
+					alignItems: L ? "flex-end" : "flex-start",
 					gap: .5,
 					minWidth: 0
 				},
 				children: [
-					x && !R && /* @__PURE__ */ l(m, { children: x }),
+					b && !L && /* @__PURE__ */ l(m, { children: b }),
 					/* @__PURE__ */ u(d, {
 						sx: {
 							display: "inline-block",
@@ -128,28 +128,28 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 							wordBreak: "break-word",
 							maxWidth: "100%",
 							border: "1px solid",
-							borderColor: O ? "error.main" : "divider",
-							...O && { opacity: .7 },
+							borderColor: D ? "error.main" : "divider",
+							...D && { opacity: .7 },
 							overflow: "hidden"
 						},
 						children: [
-							V.length > 0 && /* @__PURE__ */ l(d, {
+							B.length > 0 && /* @__PURE__ */ l(d, {
 								sx: {
 									minWidth: 200,
 									display: "grid",
-									gridTemplateColumns: V.length === 1 ? "1fr" : "repeat(2, 1fr)",
+									gridTemplateColumns: B.length === 1 ? "1fr" : "repeat(2, 1fr)",
 									gap: .5,
 									p: .5
 								},
-								children: V.map((e) => /* @__PURE__ */ l(d, {
+								children: B.map((e) => /* @__PURE__ */ l(d, {
 									sx: {
 										position: "relative",
-										paddingTop: V.length === 1 ? "66.67%" : "100%",
+										paddingTop: B.length === 1 ? "66.67%" : "100%",
 										cursor: "pointer",
 										overflow: "hidden",
 										"&:hover": { opacity: .9 }
 									},
-									onClick: () => z(e),
+									onClick: () => R(e),
 									children: /* @__PURE__ */ l(a, {
 										src: e.thumbnailUrl ?? e.url,
 										alt: e.name ?? "Image",
@@ -162,9 +162,9 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 									})
 								}, e.id))
 							}),
-							H.length > 0 && /* @__PURE__ */ l(d, {
+							V.length > 0 && /* @__PURE__ */ l(d, {
 								sx: { p: 1.5 },
-								children: H.map((t, n) => /* @__PURE__ */ u(p, {
+								children: V.map((t, n) => /* @__PURE__ */ u(p, {
 									variant: "outlined",
 									sx: {
 										display: "flex",
@@ -174,9 +174,9 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 										mt: +(n > 0),
 										cursor: "pointer"
 									},
-									onClick: () => B(t),
+									onClick: () => z(t),
 									children: [
-										/* @__PURE__ */ l(g, { sx: { fontSize: 36 } }),
+										/* @__PURE__ */ l(h, { sx: { fontSize: 36 } }),
 										/* @__PURE__ */ u(d, {
 											sx: {
 												flex: 1,
@@ -192,13 +192,12 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 												children: t.name ?? "Unnamed File"
 											}), t.size && /* @__PURE__ */ l(m, {
 												variant: "caption",
-												sx: { fontSize: "0.75rem" },
 												children: e(t.size)
 											})]
 										}),
-										D && /* @__PURE__ */ l(f, {
+										E && /* @__PURE__ */ l(f, {
 											onClick: (e) => {
-												e.stopPropagation(), D(t);
+												e.stopPropagation(), E(t);
 											},
 											children: /* @__PURE__ */ l(i, {})
 										})
@@ -209,61 +208,56 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 								sx: {
 									px: 2,
 									py: 1.5,
-									pt: T.length > 0 ? 0 : 1.5
+									pt: w.length > 0 ? 0 : 1.5
 								},
 								children: /* @__PURE__ */ l(m, {
-									variant: "body2",
+									variant: "body1",
 									sx: {
-										fontSize: "0.875rem",
 										whiteSpace: "pre-wrap",
-										color: O ? "error.main" : "inherit"
+										color: D ? "error.main" : "inherit"
 									},
 									children: n
 								})
 							})
 						]
 					}),
-					C && y && /* @__PURE__ */ l(m, {
+					S && v && /* @__PURE__ */ l(m, {
 						variant: "caption",
-						children: t(y)
+						children: t(v)
 					}),
-					O && /* @__PURE__ */ u(d, {
+					D && /* @__PURE__ */ u(d, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
 							gap: .5,
 							color: "error.main"
 						},
-						children: [
-							/* @__PURE__ */ l(h, {}),
-							/* @__PURE__ */ l(m, {
-								sx: { color: "inherit" },
-								variant: "caption",
-								children: k
-							}),
-							A && /* @__PURE__ */ l(f, {
-								onClick: A,
-								children: /* @__PURE__ */ l(_, {})
-							})
-						]
+						children: [/* @__PURE__ */ l(m, {
+							sx: { color: "inherit" },
+							variant: "caption",
+							children: O
+						}), k && /* @__PURE__ */ l(f, {
+							onClick: k,
+							children: /* @__PURE__ */ l(g, {})
+						})]
 					})
 				]
 			}),
-			S && R && /* @__PURE__ */ l(s, {
-				avatar: b,
-				name: x,
+			x && L && /* @__PURE__ */ l(s, {
+				avatar: y,
+				name: b,
 				size: 36
 			}),
-			P && /* @__PURE__ */ l(r, {
-				isOpen: I,
+			N && /* @__PURE__ */ l(r, {
+				isOpen: F,
 				onClose: () => {
-					L(!1), F(null);
+					I(!1), P(null);
 				},
 				selectedItem: {
-					id: P.id,
+					id: N.id,
 					type: "image",
-					url: P.url,
-					title: P.name
+					url: N.url,
+					title: N.name
 				},
 				showNavigation: !1,
 				showThumbnailDock: !1
@@ -271,6 +265,6 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 		]
 	});
 };
-y.displayName = "SChatMessage";
+v.displayName = "SChatMessage";
 //#endregion
-export { y as t };
+export { v as t };

package/dist/s-chips/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-DelHx6zM.js";
+import { t as e } from "../s-chips-CAC_vVd0.js";
 export { e as SChips, e as default };

package/dist/s-chips/s-chips.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-DelHx6zM.js";
+import { t as e } from "../s-chips-CAC_vVd0.js";
 export { e as SChips, e as default };

package/dist/{s-chips-DelHx6zM.js → s-chips-CAC_vVd0.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t as e } from "./createSvgIcon-HW-tbFcL.js";
 import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Box as s, Chip as c, Tooltip as l } from "@mui/material";

package/dist/s-code-block/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-sjt0AQb_.js";
+import { t as e } from "../s-code-block-B5k-1Acd.js";
 export { e as SCodeBlock, e as default };

package/dist/s-code-block/s-code-block.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-sjt0AQb_.js";
+import { t as e } from "../s-code-block-B5k-1Acd.js";
 export { e as SCodeBlock, e as default };

package/dist/{s-code-block-sjt0AQb_.js → s-code-block-B5k-1Acd.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./ContentCopy-Br2p19dq.js";
+import { n as e, t } from "./ContentCopy-BMQ2JTA0.js";
 import { useMemo as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Box as o, IconButton as s, useColorScheme as c } from "@mui/material";
@@ -565,6 +565,14 @@ var u = {
 		let e = b === "dark" ? u : d;
 		return {
 			...e,
+			"pre[class*=\"language-\"]": {
+				...e["pre[class*=\"language-\"]"],
+				background: "transparent"
+			},
+			"code[class*=\"language-\"]": {
+				...e["code[class*=\"language-\"]"],
+				background: "transparent"
+			},
 			linenumber: {
 				...e.linenumber,
 				fontStyle: "normal"

package/dist/s-comment-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-DzjXXLZQ.js";
+import { t as e } from "../s-comment-message-BPE5a6p6.js";
 export { e as SCommentMessage, e as default };

package/dist/s-comment-message/s-comment-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-DzjXXLZQ.js";
+import { t as e } from "../s-comment-message-BPE5a6p6.js";
 export { e as SCommentMessage, e as default };

package/dist/{s-comment-message-DzjXXLZQ.js → s-comment-message-BPE5a6p6.js}

@@ -1,7 +1,7 @@
 import { i as e } from "./utils-B5Rl6Zwv.js";
-import { t } from "./createSvgIcon-BdNZIlKS.js";
-import { t as n } from "./ExpandMore-Bu7_1g6Q.js";
-import { t as r } from "./Favorite-BJSuHe0H.js";
+import { t } from "./createSvgIcon-HW-tbFcL.js";
+import { t as n } from "./ExpandMore-DIsT5FOp.js";
+import { t as r } from "./Favorite-CbvuQfe4.js";
 import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as a } from "./s-avatar/s-avatar.js";
 import { useEffect as o, useId as s, useState as c } from "react";
@@ -100,26 +100,18 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 			}), /* @__PURE__ */ u(d, {
 				sx: { flex: 1 },
 				children: [
-					/* @__PURE__ */ u(h, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ l(g, { children: x }), /* @__PURE__ */ l(g, {
-							variant: "caption",
-							children: X
-						})]
+					/* @__PURE__ */ l(g, {
+						variant: "subtitle1",
+						children: x
 					}),
 					/* @__PURE__ */ l(g, {
-						variant: "body2",
-						sx: {
-							mb: 2,
-							lineHeight: 1.6
-						},
+						variant: "body1",
 						children: C
 					}),
+					/* @__PURE__ */ l(g, {
+						variant: "caption",
+						children: X
+					}),
 					/* @__PURE__ */ u(h, {
 						direction: "row",
 						spacing: 1,
@@ -152,10 +144,7 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 							})
 						]
 					}),
-					L && /* @__PURE__ */ l(d, {
-						sx: { mt: 2 },
-						children: L
-					})
+					L && /* @__PURE__ */ l(d, { children: L })
 				]
 			})]
 		}), Q && M && /* @__PURE__ */ l(p, {

package/dist/s-copyable-text/s-copyable-text.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "../ContentCopy-Br2p19dq.js";
+import { n as e, t } from "../ContentCopy-BMQ2JTA0.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Box as a, IconButton as o, Paper as s, Typography as c } from "@mui/material";
@@ -35,7 +35,6 @@ var l = ({ text: l, typographyProps: u, onCopied: d, paperProps: f }) => {
 				variant: "body1",
 				...g,
 				sx: [{
-					color: "text.secondary",
 					whiteSpace: "pre-wrap",
 					wordBreak: "break-word"
 				}, ...Array.isArray(h) ? h : [h]],

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-TrCdKq9r.js";
+import { t as e } from "../s-data-table-D-esZw_W.js";
 export { e as SDataTable, e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-TrCdKq9r.js";
+import { t as e } from "../s-data-table-D-esZw_W.js";
 export { e as SDataTable, e as default };

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

@@ -6,23 +6,21 @@ 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 { t as f } from "./ButtonBase-BDefit5I.js";
+import { t as p } from "./useSlot-IwEDsR9t.js";
+import { t as m } from "./createSimplePaletteValueFilter-5v48HHyU.js";
+import { t as h } from "./createSvgIcon-HW-tbFcL.js";
+import { t as g } from "./useControlled-BtZNCHV0.js";
+import { t as _ } from "./mergeSlotProps-slENzJO5.js";
+import { t as v } from "./useFormControl-CUs308br.js";
+import { t as y } from "./ArrowUpward-CNiENJp2.js";
+import { n as b, t as x } from "./checkboxClasses-DANc9lnq.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) {
+var E = /* @__PURE__ */ e(t(), 1);
+function D(e) {
 	return s("PrivateSwitchBase", e);
 }
 l("PrivateSwitchBase", [
@@ -35,7 +33,7 @@ l("PrivateSwitchBase", [
 ]);
 //#endregion
 //#region ../../node_modules/@mui/material/internal/SwitchBase.mjs
-var te = (e) => {
+var ee = (e) => {
 	let { classes: t, checked: i, disabled: a, edge: o } = e;
 	return r({
 		root: [
@@ -45,8 +43,8 @@ var te = (e) => {
 			o && `edge${n(o)}`
 		],
 		input: ["input"]
-	}, O, t);
-}, ne = d(f, { name: "MuiSwitchBase" })({
+	}, D, t);
+}, te = d(f, { name: "MuiSwitchBase" })({
 	padding: 9,
 	borderRadius: "50%",
 	variants: [
@@ -73,7 +71,7 @@ var te = (e) => {
 			style: { marginRight: -12 }
 		}
 	]
-}), re = d("input", {
+}), ne = d("input", {
 	name: "MuiSwitchBase",
 	shouldForwardProp: u
 })({
@@ -87,48 +85,48 @@ var te = (e) => {
 	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({
+}), O = /* @__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: O, ...k } = D, [A, j] = 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);
+	}), M = v(), N = (e) => {
+		h && h(e), M && M.onFocus && M.onFocus(e);
+	}, re = (e) => {
+		f && f(e), M && M.onBlur && M.onBlur(e);
 	}, P = (e) => {
 		if (e.nativeEvent.defaultPrevented || _) return;
 		let t = e.target.checked;
-		A(t), m && m(e, t);
+		j(t), m && m(e, t);
 	}, F = o;
-	j && F === void 0 && (F = j.disabled);
+	M && F === void 0 && (F = M.disabled);
 	let I = x === "checkbox" || x === "radio", L = {
 		...e,
-		checked: k,
+		checked: A,
 		disabled: F,
 		disableFocusRipple: s,
 		edge: c
-	}, R = te(L), z = {
+	}, R = ee(L), z = {
 		slots: C,
 		slotProps: E
 	}, [B, V] = p("root", {
 		ref: t,
-		elementType: ne,
+		elementType: te,
 		className: R.root,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
 			...z,
 			component: "span",
-			...O
+			...k
 		},
 		getSlotProps: (e) => ({
 			...e,
 			onFocus: (t) => {
-				e.onFocus?.(t), M(t);
+				e.onFocus?.(t), N(t);
 			},
 			onBlur: (t) => {
-				e.onBlur?.(t), N(t);
+				e.onBlur?.(t), re(t);
 			}
 		}),
 		ownerState: L,
@@ -139,7 +137,7 @@ var te = (e) => {
 			tabIndex: null
 		}
 	}), [H, U] = p("input", {
-		elementType: re,
+		elementType: ne,
 		className: R.input,
 		externalForwardedProps: z,
 		getSlotProps: (e) => ({
@@ -165,10 +163,10 @@ var te = (e) => {
 	});
 	return /* @__PURE__ */ T(B, {
 		...V,
-		children: [/* @__PURE__ */ w(H, { ...U }), k ? i : l]
+		children: [/* @__PURE__ */ w(H, { ...U }), A ? i : l]
 	});
 });
-process.env.NODE_ENV !== "production" && (k.propTypes = {
+process.env.NODE_ENV !== "production" && (O.propTypes = {
 	autoFocus: E.default.bool,
 	checked: E.default.bool,
 	checkedIcon: E.default.node.isRequired,
@@ -204,8 +202,8 @@ process.env.NODE_ENV !== "production" && (k.propTypes = {
 	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) => {
+//#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) => {
 	let { classes: t, indeterminate: i, color: a, size: o } = e, s = r({ root: [
 		"root",
 		i && "indeterminate",
@@ -216,7 +214,7 @@ var A = h(/* @__PURE__ */ w("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v
 		...t,
 		...s
 	};
-}, P = d(k, {
+}, P = d(O, {
 	shouldForwardProp: (e) => u(e) || e === "classes",
 	name: "MuiCheckbox",
 	slot: "Root",
@@ -258,7 +256,7 @@ var A = h(/* @__PURE__ */ w("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v
 			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) {
+}))), F = /* @__PURE__ */ w(M, {}), I = /* @__PURE__ */ w(j, {}), L = /* @__PURE__ */ w(N, {}), R = /* @__PURE__ */ C.forwardRef(function(e, t) {
 	let n = i({
 		props: e,
 		name: "MuiCheckbox"
@@ -268,7 +266,7 @@ var A = h(/* @__PURE__ */ w("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v
 		color: a,
 		indeterminate: c,
 		size: u
-	}, x = N(b), S = h.input, [T, E] = p("root", {
+	}, x = re(b), S = h.input, [T, E] = p("root", {
 		ref: t,
 		elementType: P,
 		className: o(x.root, f),
@@ -803,15 +801,15 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
 });
 //#endregion
 //#region lib/s-data-table/s-data-table.tsx
-function $(e) {
+function be(e) {
 	return e.sortKey ?? e.field ?? e.name;
 }
-function be(e, t, n) {
+function xe(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 }) => {
+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 = $(e);
+		let t = be(e);
 		l?.(t, p === t && m === "asc" ? "desc" : "asc");
 	};
 	return /* @__PURE__ */ T(W, {
@@ -841,7 +839,7 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 					}
 				})
 			}) : null, e.map((e, t) => {
-				let n = e.sortable && p === $(e), r = n ? m === "asc" ? "ascending" : "descending" : void 0, i = e.hideName ? null : e.name;
+				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,
@@ -874,11 +872,11 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 							color: n ? "primary.main" : "inherit",
 							"&:hover .s-sort-icon": { color: n ? "primary.main" : "text.secondary" }
 						},
-						children: [i, n ? w(m === "asc" ? y : D, {
+						children: [i, n ? w(m === "asc" ? y : k, {
 							className: "s-sort-icon",
 							fontSize: "small",
 							sx: { color: "primary.main" }
-						}) : /* @__PURE__ */ w(ee, {
+						}) : /* @__PURE__ */ w(A, {
 							className: "s-sort-icon",
 							fontSize: "small",
 							sx: { color: "text.disabled" }
@@ -908,7 +906,7 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 					})
 				}) : null, e.map((e, n) => /* @__PURE__ */ w(q, {
 					sx: { ...e.align && { textAlign: e.align } },
-					children: be(e, t, i)
+					children: xe(e, t, i)
 				}, b(e, n)))]
 			}, s ?? i);
 		}) : /* @__PURE__ */ w(Q, { children: /* @__PURE__ */ w(q, {
@@ -918,6 +916,6 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 		}) }) })]
 	});
 };
-xe.displayName = "SDataTable";
+$.displayName = "SDataTable";
 //#endregion
-export { xe as t };
+export { $ as t };