@solostylist/ui-kit 1.0.216 → 1.0.217

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-BrK64qcq.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-Dy5dAg2u.js";
+import { t } from "../Close-BrK64qcq.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-Dy5dAg2u.js";
+import { t } from "../Close-BrK64qcq.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-yel7KInt.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-yel7KInt.js";
 export { e as SFileDropzone, e as default };

package/dist/{s-file-dropzone-BFTqdCaX.js → s-file-dropzone-yel7KInt.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-BK8kyPwb.js";
+import { t } from "./Stack-D5D_RRtN.js";
+import { t as n } from "./utils-B5Rl6Zwv.js";
+import { t as r } from "./createSvgIcon-BmN7SAhg.js";
+import { t as i } from "./Typography-Dy5dAg2u.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-BK8kyPwb.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region lib/s-file-icon/s-file-icon.tsx

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-BK8kyPwb.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-DHiY0aFC.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-Cq8Rj_mj.js";
+import { t } from "../ChevronRight-DgJMX1PW.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";

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-Cq8Rj_mj.js";
+import { t } from "../ChevronRight-DgJMX1PW.js";
+import { t as n } from "../Close-BrK64qcq.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 { t as e } from "../s-label-B9mgEpfz.js";
 export { e as SLabel, e as default };

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

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

package/dist/{s-label-BYT4eG6o.js → s-label-B9mgEpfz.js}

@@ -1,18 +1,19 @@
-import { t as e } from "./createSvgIcon-BfZYaiXo.js";
+import { t as e } from "./createSvgIcon-BmN7SAhg.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 ../../node_modules/@mui/icons-material/esm/HelpOutlineOutlined.js
+//#region ../../node_modules/@mui/icons-material/HelpOutlineOutlined.mjs
 var o = e(/* @__PURE__ */ t("path", { d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4" }), "HelpOutlineOutlined"), s = ({ label: e, children: s, hint: c, sx: l }) => /* @__PURE__ */ n(r, {
-	width: "100%",
-	sx: l,
+	sx: [{ width: "100%" }, ...Array.isArray(l) ? l : [l]],
 	children: [/* @__PURE__ */ n(r, {
 		direction: "row",
-		alignItems: "center",
-		mb: 1,
+		sx: {
+			alignItems: "center",
+			mb: 1
+		},
 		children: [/* @__PURE__ */ t(a, {
 			variant: "subtitle2",
-			color: "text.secondary",
+			sx: { color: "text.secondary" },
 			children: e
 		}), c ? /* @__PURE__ */ t(i, {
 			title: c,

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-BI0ARsS8.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-BI0ARsS8.js";
 export { n as SLanguagePopover, e as SLanguageSwitcher, e as default, t as defaultLanguageOptions };

package/dist/{s-language-switcher-mD1mK1he.js → s-language-switcher-BI0ARsS8.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 { _ as t } from "./createTheme-YGsrOe_4.js";
+import { o as n, r, t as i } from "./memoTheme-BmiT8U43.js";
+import { t as a } from "./clsx-69XFQeWf.js";
+import { t as o } from "./styled-BRk8Ukg1.js";
+import { n as s } from "./List-CtVrgES0.js";
+import { t as c } from "./Typography-Dy5dAg2u.js";
+import { t as l } from "./Menu-DklEkm6T.js";
+import { n as u, t as d } from "./MenuItem-B9utw6PO.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, {
@@ -119,7 +120,7 @@ var T = [
 	let u = m.useCallback((e) => {
 		r?.(e), t?.();
 	}, [r, t]);
-	return /* @__PURE__ */ g(c, {
+	return /* @__PURE__ */ g(l, {
 		anchorEl: e,
 		anchorOrigin: {
 			horizontal: "right",
@@ -146,7 +147,7 @@ var T = [
 					height: s
 				},
 				title: e.label
-			}) }), /* @__PURE__ */ g(l, {
+			}) }), /* @__PURE__ */ g(c, {
 				variant: "subtitle2",
 				children: e.label
 			})]

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-zUNjKqvJ.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-zUNjKqvJ.js";
 export { e as SLocalizationProvider, e as default };