@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/s-dialog/s-dialog.js

@@ -1,4 +1,4 @@
-import { t as e } from "../Close-CSIi_IPN.js";
+import { t as e } from "../Close-oXeOGTZb.js";
 import * as t from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Dialog as a, DialogActions as o, DialogContent as s, DialogTitle as c, IconButton as l, Stack as u, Typography as d } from "@mui/material";
@@ -7,8 +7,8 @@ var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {},
 	let x = /* @__PURE__ */ i(n, { children: [f && /* @__PURE__ */ r(s, {
 		ref: b,
 		children: typeof f == "string" ? /* @__PURE__ */ r(d, {
-			color: "text.secondary",
 			variant: "body2",
+			sx: { color: "text.secondary" },
 			children: f
 		}) : f
 	}), p && /* @__PURE__ */ r(o, { children: p })] });
@@ -26,7 +26,7 @@ var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {},
 			},
 			children: [typeof t == "string" ? /* @__PURE__ */ r(d, {
 				variant: "h5",
-				textTransform: "capitalize",
+				sx: { textTransform: "capitalize" },
 				children: t
 			}) : /* @__PURE__ */ r("div", { children: t }), y && /* @__PURE__ */ r(l, {
 				onClick: m,

package/dist/s-dialog-confirm/s-dialog-confirm.js

@@ -1,5 +1,5 @@
-import { t as e } from "../Typography-Ci004UCT.js";
-import { t } from "../Close-CSIi_IPN.js";
+import { t as e } from "../Typography-EsraKPZO.js";
+import { t } from "../Close-oXeOGTZb.js";
 import { useDialog as n } from "../hooks/use-dialog.js";
 import * as r from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -20,7 +20,7 @@ var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {},
 			},
 			children: [typeof n == "string" ? /* @__PURE__ */ a(e, {
 				variant: "h5",
-				textTransform: "capitalize",
+				sx: { textTransform: "capitalize" },
 				children: n
 			}) : /* @__PURE__ */ a("div", { children: n }), v && /* @__PURE__ */ a(f, {
 				onClick: h,
@@ -28,8 +28,8 @@ var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {},
 			})]
 		}) }),
 		r && /* @__PURE__ */ a(u, { children: typeof r == "string" ? /* @__PURE__ */ a(e, {
-			color: "text.secondary",
 			variant: "body2",
+			sx: { color: "text.secondary" },
 			children: r
 		}) : r }),
 		/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(s, {

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

@@ -1,5 +1,5 @@
-import { t as e } from "../Typography-Ci004UCT.js";
-import { t } from "../Close-CSIi_IPN.js";
+import { t as e } from "../Typography-EsraKPZO.js";
+import { t } from "../Close-oXeOGTZb.js";
 import { useDialog as n } from "../hooks/use-dialog.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -20,7 +20,7 @@ var p = ({ title: n, content: r, onClose: p = () => {}, onOk: m = () => {}, open
 			},
 			children: [typeof n == "string" ? /* @__PURE__ */ i(e, {
 				variant: "h5",
-				textTransform: "capitalize",
+				sx: { textTransform: "capitalize" },
 				children: n
 			}) : /* @__PURE__ */ i("div", { children: n }), _ && /* @__PURE__ */ i(d, {
 				onClick: p,
@@ -28,8 +28,8 @@ var p = ({ title: n, content: r, onClose: p = () => {}, onOk: m = () => {}, open
 			})]
 		}) }),
 		r && /* @__PURE__ */ i(l, { children: typeof r == "string" ? /* @__PURE__ */ i(e, {
-			color: "text.secondary",
 			variant: "body2",
+			sx: { color: "text.secondary" },
 			children: r
 		}) : r }),
 		/* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(o, {

package/dist/s-empty/s-empty.js

@@ -4,8 +4,10 @@ import { Typography as t } from "@mui/material";
 //#region lib/s-empty/s-empty.tsx
 var n = ({ title: n }) => /* @__PURE__ */ e(t, {
 	variant: "body2",
-	color: "text.secondary",
-	my: 3,
+	sx: {
+		color: "text.secondary",
+		my: 3
+	},
 	children: n ?? "No data available."
 });
 n.displayName = "SEmpty";

package/dist/s-error/s-error.js

@@ -3,8 +3,10 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Box as n, Stack as r, Typography as i } from "@mui/material";
 //#region lib/s-error/s-error.tsx
 var a = () => /* @__PURE__ */ t(r, {
-	alignItems: "center",
-	gap: 2,
+	sx: {
+		alignItems: "center",
+		gap: 2
+	},
 	children: [
 		/* @__PURE__ */ e(n, {
 			alt: "Internal server error",

package/dist/s-error-layout/s-error-layout.js

@@ -65,8 +65,7 @@ var c = ({ imageSrc: c, imageAlt: l, title: u, description: d, buttonText: f, im
 							children: u
 						}), /* @__PURE__ */ t(s, {
 							variant: b,
-							color: "text.secondary",
-							sx: D,
+							sx: [{ color: "text.secondary" }, ...Array.isArray(D) ? D : [D]],
 							children: d
 						})]
 					}),

package/dist/s-file-dropzone/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-file-dropzone-BFTqdCaX.js";
+import { t as e } from "../s-file-dropzone-COPp1HiT.js";
 export { e as SFileDropzone, e as default };

package/dist/s-file-dropzone/s-file-dropzone.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-file-dropzone-BFTqdCaX.js";
+import { t as e } from "../s-file-dropzone-COPp1HiT.js";
 export { e as SFileDropzone, e as default };

package/dist/{s-file-dropzone-BFTqdCaX.js → s-file-dropzone-COPp1HiT.js}

@@ -1,15 +1,15 @@
-import { t as e } from "./Box-BQIZeo25.js";
-import { t } from "./Stack-BrIUVvqB.js";
-import { t as n } from "./utils-CKGB5_56.js";
-import { t as r } from "./createSvgIcon-BfZYaiXo.js";
-import { t as i } from "./Typography-Ci004UCT.js";
+import { t as e } from "./Box-BlmynALm.js";
+import { t } from "./Stack-BQkLmLFp.js";
+import { t as n } from "./utils-B5Rl6Zwv.js";
+import { t as r } from "./createSvgIcon-BdNZIlKS.js";
+import { t as i } from "./Typography-EsraKPZO.js";
 import { SForm as a } from "./s-form/s-form.js";
 import { SFileIcon as o } from "./s-file-icon/s-file-icon.js";
 import * as s from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Avatar as u, Button as d, IconButton as f, Tooltip as p } from "@mui/material";
 import { useDropzone as m } from "react-dropzone";
-//#region ../../node_modules/@mui/icons-material/esm/CloseOutlined.js
+//#region ../../node_modules/@mui/icons-material/CloseOutlined.mjs
 var h = r(/* @__PURE__ */ c("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "CloseOutlined"), g = r(/* @__PURE__ */ c("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3M8 13h2.55v3h2.9v-3H16l-4-4z" }), "CloudUploadOutlined"), _ = ({ hint: r, label: _ = "", error: v, onRemoveAll: y, onRemove: b, required: x = !1, isShowBtnRemoveAll: S = !1, ...C }) => {
 	let { getRootProps: w, getInputProps: T, isDragActive: E } = m(C);
 	return /* @__PURE__ */ l(s.Fragment, { children: [/* @__PURE__ */ c(a, {
@@ -51,8 +51,8 @@ var h = r(/* @__PURE__ */ c("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.4
 				}), /* @__PURE__ */ c(t, {
 					spacing: 1,
 					children: /* @__PURE__ */ l(i, {
-						color: "text.secondary",
 						variant: "body2",
+						sx: { color: "text.secondary" },
 						children: [
 							/* @__PURE__ */ c(i, {
 								component: "span",
@@ -68,8 +68,8 @@ var h = r(/* @__PURE__ */ c("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.4
 			})]
 		})
 	}), C.files?.length ? /* @__PURE__ */ l(t, {
-		mt: 1,
 		spacing: 1,
+		sx: { mt: 1 },
 		children: [/* @__PURE__ */ c(t, {
 			component: "ul",
 			spacing: 1,
@@ -98,8 +98,8 @@ var h = r(/* @__PURE__ */ c("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.4
 							variant: "subtitle2",
 							children: r.name
 						}), /* @__PURE__ */ c(i, {
-							color: "text.secondary",
 							variant: "body2",
+							sx: { color: "text.secondary" },
 							children: n(r.size)
 						})]
 					}),

package/dist/s-file-icon/s-file-icon.js

@@ -1,4 +1,4 @@
-import { t as e } from "../Box-BQIZeo25.js";
+import { t as e } from "../Box-BlmynALm.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region lib/s-file-icon/s-file-icon.tsx
@@ -304,24 +304,21 @@ var r = () => /* @__PURE__ */ n("svg", {
 	pdf: a,
 	png: o,
 	svg: s
-}, u = ({ extension: n }) => {
-	let r = n ? l[n.toLowerCase()] ?? c : c;
-	return /* @__PURE__ */ t(e, {
-		sx: {
-			alignItems: "center",
-			display: "inline-flex",
-			flex: "0 0 auto",
-			justifyContent: "center",
-			width: "36px",
-			height: "36px",
-			"& svg": {
-				height: "100%",
-				width: "auto"
-			}
-		},
-		children: /* @__PURE__ */ t(r, {})
-	});
-};
+}, u = ({ extension: n }) => /* @__PURE__ */ t(e, {
+	sx: {
+		alignItems: "center",
+		display: "inline-flex",
+		flex: "0 0 auto",
+		justifyContent: "center",
+		width: "36px",
+		height: "36px",
+		"& svg": {
+			height: "100%",
+			width: "auto"
+		}
+	},
+	children: /* @__PURE__ */ t(n ? l[n.toLowerCase()] ?? c : c, {})
+});
 u.displayName = "SFileIcon";
 //#endregion
 export { u as SFileIcon, u as default };

package/dist/s-flex-box/s-flex-box.d.ts

@@ -1,10 +1,18 @@
 import { BoxProps } from '@mui/material/Box';
+import { ResponsiveStyleValue } from '@mui/system';
+import type * as React from 'react';
 /**
  * Props interface for SFlexBox component
  */
-export type SFlexBoxProps = BoxProps;
+export interface SFlexBoxProps extends BoxProps {
+    alignItems?: ResponsiveStyleValue<React.CSSProperties['alignItems']>;
+    flexDirection?: ResponsiveStyleValue<React.CSSProperties['flexDirection']>;
+    flexWrap?: ResponsiveStyleValue<React.CSSProperties['flexWrap']>;
+    gap?: ResponsiveStyleValue<React.CSSProperties['gap'] | number>;
+    justifyContent?: ResponsiveStyleValue<React.CSSProperties['justifyContent']>;
+}
 export declare const SFlexBox: {
-    ({ children, ...props }: SFlexBoxProps): import("react/jsx-runtime").JSX.Element;
+    ({ alignItems, children, flexDirection, flexWrap, gap, justifyContent, ...props }: SFlexBoxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SFlexBox;

package/dist/s-flex-box/s-flex-box.js

@@ -1,10 +1,20 @@
-import { t as e } from "../Box-BQIZeo25.js";
+import { t as e } from "../Box-BlmynALm.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/s-flex-box/s-flex-box.tsx
-var n = ({ children: n, ...r }) => /* @__PURE__ */ t(e, {
-	display: "flex",
-	...r,
-	children: n
+var n = ({ alignItems: n, children: r, flexDirection: i, flexWrap: a, gap: o, justifyContent: s, ...c }) => /* @__PURE__ */ t(e, {
+	...c,
+	sx: [
+		{ display: "flex" },
+		{
+			alignItems: n,
+			flexDirection: i,
+			flexWrap: a,
+			gap: o,
+			justifyContent: s
+		},
+		...Array.isArray(c.sx) ? c.sx : [c.sx]
+	],
+	children: r
 });
 n.displayName = "SFlexBox";
 //#endregion

package/dist/s-glow-button/s-glow-button.js

@@ -1,4 +1,4 @@
-import { a as e } from "../theme-primitives-qhf0z_Er.js";
+import { a as e } from "../theme-primitives-OrQ-xFJR.js";
 import { SMovingBorder as t } from "../s-moving-border/s-moving-border.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";

package/dist/s-image-comparison/s-image-comparison.js

@@ -1,5 +1,5 @@
-import { t as e } from "../ChevronLeft-CJ94-qgQ.js";
-import { t } from "../ChevronRight-CK4Iv1Xx.js";
+import { t as e } from "../ChevronLeft-rgSvkrT_.js";
+import { t } from "../ChevronRight-DHulYS1l.js";
 import n from "../s-lazy-image/s-lazy-image.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -86,7 +86,7 @@ var c = r.forwardRef(({ sx: c, leftImage: l, rightImage: u, altLeft: d = "Left i
 					gap: 1,
 					zIndex: 1,
 					pointerEvents: S ? "none" : "auto",
-					opacity: b > 10 ? 1 : 0,
+					opacity: +(b > 10),
 					transition: "opacity 0.2s"
 				},
 				onClick: (e) => e.stopPropagation(),

package/dist/s-image-modal/s-image-modal.js

@@ -1,6 +1,6 @@
-import { t as e } from "../ChevronLeft-CJ94-qgQ.js";
-import { t } from "../ChevronRight-CK4Iv1Xx.js";
-import { t as n } from "../Close-CSIi_IPN.js";
+import { t as e } from "../ChevronLeft-rgSvkrT_.js";
+import { t } from "../ChevronRight-DHulYS1l.js";
+import { t as n } from "../Close-oXeOGTZb.js";
 import r from "../s-lazy-image/s-lazy-image.js";
 import i, { useEffect as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -319,8 +319,8 @@ var v = ({ item: e, onClick: t, style: n = {}, objectFit: i = "contain", disable
 				},
 				children: /* @__PURE__ */ c(m, {
 					direction: "row",
-					alignItems: "center",
 					spacing: -1.5,
+					sx: { alignItems: "center" },
 					children: S.map((e, t) => {
 						let n = A.id === e.id, r = t % 2 == 0 ? -15 : 15, i = () => {
 							x ? x(e) : k(e);

package/dist/s-item-not-found/s-item-not-found.js

@@ -217,13 +217,15 @@ var s = () => /* @__PURE__ */ t(i, {
 		}) })]
 	})
 }), l = ({ message: i, image: l, boxProps: u, lazyImageProps: d }) => {
-	let { mode: f } = o(), p = t(f === "light" ? s : c, {});
+	let { mode: f } = o(), p = t(f === "light" ? s : c, {}), { sx: m, ...h } = u ?? {};
 	return /* @__PURE__ */ n(r, {
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		flexDirection: "column",
-		...u,
+		...h,
+		sx: [{
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			flexDirection: "column"
+		}, ...Array.isArray(m) ? m : [m]],
 		children: [l ? /* @__PURE__ */ t(e, {
 			src: l,
 			width: 220,
@@ -231,7 +233,7 @@ var s = () => /* @__PURE__ */ t(i, {
 			...d
 		}) : p, /* @__PURE__ */ t(a, {
 			variant: "h6",
-			color: "text.disabled",
+			sx: { color: "text.disabled" },
 			children: i
 		})]
 	});

package/dist/s-label/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-label-BYT4eG6o.js";
+import { SLabel as e } from "./s-label.js";
 export { e as SLabel, e as default };

package/dist/s-label/s-label.js

@@ -1,2 +1,26 @@
-import { t as e } from "../s-label-BYT4eG6o.js";
-export { e as SLabel, e as default };
+import { t as e } from "../InfoOutlined-CqXSSVWh.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Stack as r, Tooltip as i, Typography as a } from "@mui/material";
+//#region lib/s-label/s-label.tsx
+var o = (e) => typeof e == "string" || typeof e == "number", s = (e) => o(e) ? /* @__PURE__ */ t(a, {
+	sx: { color: "text.secondary" },
+	children: e
+}) : e, c = (e) => o(e) ? /* @__PURE__ */ t(a, { children: e }) : e, l = ({ label: a, children: o, hint: l, sx: u }) => /* @__PURE__ */ n(r, {
+	sx: [{ width: "100%" }, ...Array.isArray(u) ? u : [u]],
+	children: [/* @__PURE__ */ n(r, {
+		direction: "row",
+		sx: { alignItems: "center" },
+		children: [s(a), l ? /* @__PURE__ */ t(i, {
+			title: l,
+			placement: "top",
+			children: /* @__PURE__ */ t(e, { sx: {
+				marginLeft: 1,
+				color: "text.secondary"
+			} })
+		}) : null]
+	}), c(o)]
+});
+l.displayName = "SLabel";
+//#endregion
+export { l as SLabel, l as default };

package/dist/s-language-switcher/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../s-language-switcher-mD1mK1he.js";
+import { n as e, r as t, t as n } from "../s-language-switcher-Cg3Gh8_i.js";
 export { n as SLanguagePopover, e as SLanguageSwitcher, e as default, t as defaultLanguageOptions };

package/dist/s-language-switcher/s-language-switcher.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../s-language-switcher-mD1mK1he.js";
+import { n as e, r as t, t as n } from "../s-language-switcher-Cg3Gh8_i.js";
 export { n as SLanguagePopover, e as SLanguageSwitcher, e as default, t as defaultLanguageOptions };

package/dist/{s-language-switcher-mD1mK1he.js → s-language-switcher-Cg3Gh8_i.js}

@@ -1,20 +1,21 @@
-import { n as e } from "./chunk-efA98nb6.js";
-import { _ as t } from "./createTheme-hnicUJQa.js";
-import { r as n, s as r, t as i } from "./memoTheme-DiKnacj0.js";
-import { t as a } from "./clsx-BTH_sxEO.js";
-import { t as o } from "./styled-C0_N3zFx.js";
-import { i as s, t as c } from "./Menu-qKMfgdfr.js";
-import { t as l } from "./Typography-Ci004UCT.js";
-import { n as u, t as d } from "./MenuItem-DA2pGXuL.js";
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t } from "./createTheme-Bnw5w28O.js";
+import { o as n, r, t as i } from "./memoTheme-QMocAblm.js";
+import { t as a } from "./clsx-Bv8WXdlr.js";
+import { t as o } from "./styled-BTDmdi4c.js";
+import { u as s } from "./Modal-C1VRVWBZ.js";
+import { t as c } from "./Menu-C-0KEauj.js";
+import { t as l } from "./Typography-EsraKPZO.js";
+import { r as u, t as d } from "./MenuItem-DWivWkNb.js";
 import { SIconButton as f } from "./s-icon-button/s-icon-button.js";
 import * as p from "react";
 import m, { createElement as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { useTranslation as v } from "react-i18next";
-//#region ../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.js
-var y = /* @__PURE__ */ e(t()), b = (e) => {
-	let { alignItems: t, classes: n } = e;
-	return r({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, u, n);
+//#region ../../node_modules/@mui/material/ListItemIcon/ListItemIcon.mjs
+var y = /* @__PURE__ */ e(t(), 1), b = (e) => {
+	let { alignItems: t, classes: r } = e;
+	return n({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, u, r);
 }, x = o("div", {
 	name: "MuiListItemIcon",
 	slot: "Root",
@@ -23,7 +24,7 @@ var y = /* @__PURE__ */ e(t()), b = (e) => {
 		return [t.root, n.alignItems === "flex-start" && t.alignItemsFlexStart];
 	}
 })(i(({ theme: e }) => ({
-	minWidth: 56,
+	minWidth: e.spacing(4.5),
 	color: (e.vars || e).palette.action.active,
 	flexShrink: 0,
 	display: "inline-flex",
@@ -32,11 +33,11 @@ var y = /* @__PURE__ */ e(t()), b = (e) => {
 		style: { marginTop: 8 }
 	}]
 }))), S = /* @__PURE__ */ p.forwardRef(function(e, t) {
-	let r = n({
+	let n = r({
 		props: e,
 		name: "MuiListItemIcon"
-	}), { className: i, ...o } = r, c = p.useContext(s), l = {
-		...r,
+	}), { className: i, ...o } = n, c = p.useContext(s), l = {
+		...n,
 		alignItems: c.alignItems
 	};
 	return /* @__PURE__ */ g(x, {

package/dist/s-lazy-image/s-lazy-image.js

@@ -8,8 +8,10 @@ function s(e, t) {
 var c = ({ src: c, variant: l = "rounded", height: u = "100%", width: d = "100%", style: f, minWidth: p = "auto", minHeight: m = "auto", onLoad: h, ...g }) => {
 	let _ = e(), v = o(), [y, b] = t(!1), x = s(l, v.shape.borderRadius);
 	return /* @__PURE__ */ r(i, {
-		height: u,
-		width: d,
+		sx: {
+			height: u,
+			width: d
+		},
 		children: [!y && /* @__PURE__ */ n(a, {
 			variant: l,
 			id: `image-skeleton-${_}`,

package/dist/s-link/s-link.d.ts

@@ -21,7 +21,7 @@ export interface SLinkProps {
     /** Color of the link itself (overrides default link color) */
     linkColor?: LinkProps['color'];
     /** Line height for the typography */
-    lineHeight?: TypographyProps['lineHeight'];
+    lineHeight?: React.CSSProperties['lineHeight'];
     /** Typography variant for the container text */
     variant?: TypographyProps['variant'];
     /** Click handler for the link */

package/dist/s-link/s-link.js

@@ -4,8 +4,8 @@ import { Link as n, Typography as r } from "@mui/material";
 //#region lib/s-link/s-link.tsx
 var i = ({ onClick: i, beforeText: a = "", afterText: o = "", mainText: s = "", href: c = "#", component: l = "a", target: u, color: d = "text.secondary", linkColor: f = void 0, variant: p = "body2", lineHeight: m }) => /* @__PURE__ */ t(r, {
 	variant: p,
-	lineHeight: m,
 	color: d,
+	sx: { lineHeight: m },
 	children: [
 		a,
 		" ",

package/dist/s-localization-provider/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-localization-provider-CIACI235.js";
+import { t as e } from "../s-localization-provider-YCsec18c.js";
 export { e as SLocalizationProvider, e as default };

package/dist/s-localization-provider/s-localization-provider.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-localization-provider-CIACI235.js";
+import { t as e } from "../s-localization-provider-YCsec18c.js";
 export { e as SLocalizationProvider, e as default };