@solostylist/ui-kit 1.0.215 → 1.0.217

package/dist/{s-localization-provider-CIACI235.js → s-localization-provider-zUNjKqvJ.js}

@@ -1,11 +1,11 @@
 import { n as e, t } from "./chunk-efA98nb6.js";
-import { r as n, t as r } from "./LocalizationProvider-C07_J3LH.js";
-import { t as i } from "./extends-DtvfmDTb.js";
-import a from "dayjs";
+import { i as n, r, t as i } from "./LocalizationProvider-DtVmtZ15.js";
+import { t as a } from "./extends-D8CDMpIy.js";
+import o from "dayjs";
 import "react";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 //#region ../../node_modules/dayjs/plugin/weekOfYear.js
-var s = /* @__PURE__ */ t(((e, t) => {
+var c = /* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_weekOfYear = r();
 	})(e, (function() {
@@ -26,7 +26,7 @@ var s = /* @__PURE__ */ t(((e, t) => {
 			};
 		};
 	}));
-})), c = /* @__PURE__ */ t(((e, t) => {
+})), l = /* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_customParseFormat = r();
 	})(e, (function() {
@@ -182,7 +182,7 @@ var s = /* @__PURE__ */ t(((e, t) => {
 			};
 		};
 	}));
-})), l = /* @__PURE__ */ t(((e, t) => {
+})), u = /* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_localizedFormat = r();
 	})(e, (function() {
@@ -210,7 +210,7 @@ var s = /* @__PURE__ */ t(((e, t) => {
 			};
 		};
 	}));
-})), u = /* @__PURE__ */ t(((e, t) => {
+})), d = /* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_isBetween = r();
 	})(e, (function() {
@@ -221,7 +221,7 @@ var s = /* @__PURE__ */ t(((e, t) => {
 			};
 		};
 	}));
-})), d = /* @__PURE__ */ t(((e, t) => {
+})), f = /* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_advancedFormat = r();
 	})(e, (function() {
@@ -254,9 +254,9 @@ var s = /* @__PURE__ */ t(((e, t) => {
 			};
 		};
 	}));
-})), f = /* @__PURE__ */ e(s()), p = /* @__PURE__ */ e(c()), m = /* @__PURE__ */ e(l()), h = /* @__PURE__ */ e(u()), g = /* @__PURE__ */ e(d());
-a.extend(m.default), a.extend(f.default), a.extend(h.default), a.extend(g.default);
-var _ = {
+})), p = /* @__PURE__ */ e(c(), 1), m = /* @__PURE__ */ e(l(), 1), h = /* @__PURE__ */ e(u(), 1), g = /* @__PURE__ */ e(d(), 1), _ = /* @__PURE__ */ e(f(), 1);
+o.extend(h.default), o.extend(p.default), o.extend(g.default), o.extend(_.default);
+var v = {
 	YY: "year",
 	YYYY: {
 		sectionType: "year",
@@ -330,7 +330,7 @@ var _ = {
 		maxLength: 2
 	},
 	ss: "seconds"
-}, v = {
+}, y = {
 	year: "YYYY",
 	month: "MMMM",
 	monthShort: "MMM",
@@ -352,15 +352,14 @@ var _ = {
 	fullTime24h: "HH:mm",
 	keyboardDateTime12h: "L hh:mm A",
 	keyboardDateTime24h: "L HH:mm"
-}, y = [
-	"Missing UTC plugin",
-	"To be able to use UTC or timezones, you have to enable the `utc` plugin",
-	"Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc"
-].join("\n"), b = [
-	"Missing timezone plugin",
-	"To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin",
-	"Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone"
-].join("\n"), x = class {
+};
+function b() {
+	throw Error(process.env.NODE_ENV === "production" ? n(138) : "MUI X Date Pickers: Missing dayjs UTC plugin. UTC and timezone support requires the dayjs UTC plugin to be enabled. See https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc for setup instructions.");
+}
+function x() {
+	throw Error(process.env.NODE_ENV === "production" ? n(139) : "MUI X Date Pickers: Missing dayjs timezone plugin. Timezone support requires both the dayjs UTC and timezone plugins to be enabled. See https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone for setup instructions.");
+}
+var S = class {
 	isMUIAdapter = !0;
 	isTimezoneCompatible = !0;
 	lib = "dayjs";
@@ -368,16 +367,16 @@ var _ = {
 		start: "[",
 		end: "]"
 	};
-	formatTokenMap = _;
+	formatTokenMap = v;
 	constructor({ locale: e, formats: t } = {}) {
-		this.locale = e, this.formats = i({}, v, t), a.extend(p.default);
+		this.locale = e, this.formats = a({}, y, t), o.extend(m.default);
 	}
 	setLocaleToValue = (e) => {
 		let t = this.getCurrentLocaleCode();
 		return t === e.locale() ? e : e.locale(t);
 	};
-	hasUTCPlugin = () => a.utc !== void 0;
-	hasTimezonePlugin = () => a.tz !== void 0;
+	hasUTCPlugin = () => o.utc !== void 0;
+	hasTimezonePlugin = () => o.tz !== void 0;
 	isSame = (e, t, n) => {
 		let r = this.setTimezone(t, this.getTimezone(e));
 		return e.format(n) === r.format(n);
@@ -385,34 +384,21 @@ var _ = {
 	cleanTimezone = (e) => {
 		switch (e) {
 			case "default": return;
-			case "system": return a.tz.guess();
+			case "system": return o.tz.guess();
 			default: return e;
 		}
 	};
-	createSystemDate = (e) => {
-		let t;
-		if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-			let n = a.tz.guess();
-			t = n === "UTC" ? a(e) : a.tz(e, n);
-		} else t = a(e);
-		return this.setLocaleToValue(t);
-	};
-	createUTCDate = (e) => {
-		/* v8 ignore next 3 */
-		if (!this.hasUTCPlugin()) throw Error(y);
-		return this.setLocaleToValue(a.utc(e));
-	};
+	createSystemDate = (e) => this.setLocaleToValue(o(e));
+	createUTCDate = (e) => (this.hasUTCPlugin() || b(), this.setLocaleToValue(o.utc(e)));
 	createTZDate = (e, t) => {
 		/* v8 ignore next 3 */
-		if (!this.hasUTCPlugin()) throw Error(y);
-		/* v8 ignore next 3 */
-		if (!this.hasTimezonePlugin()) throw Error(b);
+		this.hasUTCPlugin() || b(), this.hasTimezonePlugin() || x();
 		let n = e !== void 0 && !e.endsWith("Z");
-		return this.setLocaleToValue(a(e).tz(this.cleanTimezone(t), n));
+		return this.setLocaleToValue(o(e).tz(this.cleanTimezone(t), n));
 	};
 	getLocaleFormats = () => {
-		let e = a.Ls, t = e[this.locale || "en"];
-		return t === void 0 && (process.env.NODE_ENV !== "production" && n([
+		let e = o.Ls, t = e[this.locale || "en"];
+		return t === void 0 && (process.env.NODE_ENV !== "production" && r([
 			"MUI X: Your locale has not been found.",
 			"Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.",
 			"Or you forget to import the locale from 'dayjs/locale/{localeUsed}'",
@@ -431,7 +417,7 @@ var _ = {
 		return e;
 	};
 	date = (e, t = "default") => e === null ? null : t === "UTC" ? this.createUTCDate(e) : t === "system" || t === "default" && !this.hasTimezonePlugin() ? this.createSystemDate(e) : this.createTZDate(e, t);
-	getInvalidDate = () => a(/* @__PURE__ */ new Date("Invalid date"));
+	getInvalidDate = () => o(/* @__PURE__ */ new Date("Invalid date"));
 	getTimezone = (e) => {
 		if (this.hasTimezonePlugin()) {
 			let t = e.$x?.$timezone;
@@ -441,21 +427,17 @@ var _ = {
 	};
 	setTimezone = (e, t) => {
 		if (this.getTimezone(e) === t) return e;
-		if (t === "UTC") {
-			/* v8 ignore next 3 */
-			if (!this.hasUTCPlugin()) throw Error(y);
-			return e.utc();
-		}
+		if (t === "UTC") return this.hasUTCPlugin() || b(), e.utc();
 		if (t === "system") return e.local();
 		if (!this.hasTimezonePlugin()) {
 			if (t === "default") return e;
 			/* v8 ignore next */
-			throw Error(b);
+			x();
 		}
-		return this.setLocaleToValue(a.tz(e, this.cleanTimezone(t)));
+		return this.setLocaleToValue(o.tz(e, this.cleanTimezone(t)));
 	};
 	toJsDate = (e) => e.toDate();
-	parse = (e, t) => e === "" ? null : a(e, t, this.locale, !0);
+	parse = (e, t) => e === "" ? null : o(e, t, this.locale, !0);
 	getCurrentLocaleCode = () => this.locale || "en";
 	is12HourCycleInCurrentLocale = () => /A|a/.test(this.getLocaleFormats().LT || "");
 	expandFormat = (e) => {
@@ -528,10 +510,10 @@ var _ = {
 		for (; this.isBefore(a, r);) i.push(a), a = this.addYears(a, 1);
 		return i;
 	};
-}, S = ({ children: e }) => /* @__PURE__ */ o(r, {
-	dateAdapter: x,
+}, C = ({ children: e }) => /* @__PURE__ */ s(i, {
+	dateAdapter: S,
 	children: e
 });
-S.displayName = "SLocalizationProvider";
+C.displayName = "SLocalizationProvider";
 //#endregion
-export { S as t };
+export { C as t };

package/dist/s-moving-border/s-moving-border.d.ts

@@ -4,6 +4,8 @@ import { BoxProps } from '@mui/material';
  * Props for the SMovingBorder component
  */
 export interface SMovingBorderProps extends BoxProps {
+    /** Border radius for the moving border container. */
+    readonly borderRadius?: React.CSSProperties['borderRadius'];
     /** Duration of one complete animation cycle in milliseconds (default: 6000) */
     readonly duration?: number;
     /** Additional CSS class name for styling */
@@ -12,6 +14,12 @@ export interface SMovingBorderProps extends BoxProps {
     readonly glowColor?: string;
     /** Size of the glow effect in pixels (default: 250) */
     readonly glowSize?: number;
+    /** Container height. */
+    readonly height?: React.CSSProperties['height'];
+    /** Container padding. */
+    readonly padding?: React.CSSProperties['padding'] | number;
+    /** Container width. */
+    readonly width?: React.CSSProperties['width'];
     /** Content to render inside the moving border container */
     readonly children: React.ReactNode;
 }

package/dist/s-moving-border/s-moving-border.js

@@ -53,36 +53,41 @@ function f({ children: i, duration: u, rx: d, ry: f, phase: p = 0 }) {
 		children: i
 	})] });
 }
-var p = ({ className: t, duration: a = 6e3, children: o, glowColor: s = "var(--s-palette-primary-main)", glowSize: c = u, ...l }) => {
-	let p = e(null);
+var p = ({ borderRadius: t, className: a, duration: o = 6e3, children: s, glowColor: c = "var(--s-palette-primary-main)", glowSize: l = u, height: p, padding: m, width: h, ...g }) => {
+	let _ = e(null);
 	return /* @__PURE__ */ r(i, {
-		position: "relative",
-		overflow: "hidden",
-		height: "100%",
-		width: "100%",
-		padding: .125,
-		sx: { backgroundColor: "transparent" },
-		className: t,
-		...l,
+		className: a,
+		...g,
+		sx: [{
+			position: "relative",
+			overflow: "hidden",
+			height: p ?? "100%",
+			width: h ?? "100%",
+			padding: m ?? .125,
+			borderRadius: t,
+			backgroundColor: "transparent"
+		}, ...Array.isArray(g.sx) ? g.sx : [g.sx]],
 		children: [
 			/* @__PURE__ */ r(i, {
-				position: "absolute",
-				top: 0,
-				left: 0,
-				right: 0,
-				bottom: 0,
+				sx: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					right: 0,
+					bottom: 0
+				},
 				children: [/* @__PURE__ */ n(f, {
-					duration: a,
+					duration: o,
 					rx: "100%",
 					ry: "100%",
 					phase: 0,
-					children: /* @__PURE__ */ n(i, { sx: d(c, s) })
+					children: /* @__PURE__ */ n(i, { sx: d(l, c) })
 				}), /* @__PURE__ */ n(f, {
-					duration: a,
+					duration: o,
 					rx: "100%",
 					ry: "100%",
 					phase: .5,
-					children: /* @__PURE__ */ n(i, { sx: d(c, s) })
+					children: /* @__PURE__ */ n(i, { sx: d(l, c) })
 				})]
 			}),
 			/* @__PURE__ */ n(i, {
@@ -96,7 +101,7 @@ var p = ({ className: t, duration: a = 6e3, children: o, glowColor: s = "var(--s
 					zIndex: 2
 				},
 				children: /* @__PURE__ */ n(i, {
-					ref: p,
+					ref: _,
 					sx: {
 						position: "absolute",
 						left: "50%",
@@ -111,7 +116,7 @@ var p = ({ className: t, duration: a = 6e3, children: o, glowColor: s = "var(--s
 					}
 				})
 			}),
-			o
+			s
 		]
 	});
 };

package/dist/s-multi-select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-multi-select-CmB-l3n5.js";
+import { t as e } from "../s-multi-select-CVyeHDlc.js";
 export { e as SMultiSelect, e as default };

package/dist/s-multi-select/s-multi-select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-multi-select-CmB-l3n5.js";
+import { t as e } from "../s-multi-select-CVyeHDlc.js";
 export { e as SMultiSelect, e as default };

package/dist/{s-multi-select-CmB-l3n5.js → s-multi-select-CVyeHDlc.js}

@@ -1,13 +1,13 @@
-import { t as e } from "./Menu-qKMfgdfr.js";
-import { t } from "./createSvgIcon-BfZYaiXo.js";
-import { t as n } from "./s-chips-CMivbDg_.js";
-import { t as r } from "./MenuItem-DA2pGXuL.js";
+import { t as e } from "./createSvgIcon-BmN7SAhg.js";
+import { t } from "./s-chips-D8H_w9Xa.js";
+import { t as n } from "./Menu-DklEkm6T.js";
+import { t as r } from "./MenuItem-B9utw6PO.js";
 import { usePopover as i } from "./hooks/use-popover.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { OutlinedInput as c, Stack as l } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/UnfoldMore.js
-var u = t(/* @__PURE__ */ o("path", { d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z" }), "UnfoldMore"), d = ({ label: t, onChange: d, options: f, value: p = [], chipProps: m }) => {
+//#region ../../node_modules/@mui/icons-material/UnfoldMore.mjs
+var u = e(/* @__PURE__ */ o("path", { d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z" }), "UnfoldMore"), d = ({ label: e, onChange: d, options: f, value: p = [], chipProps: m }) => {
 	let h = i(), g = a.useRef(null), [_, v] = a.useState(), [y, b] = a.useState(null);
 	a.useEffect(() => {
 		g.current && v(g.current.offsetWidth);
@@ -18,7 +18,7 @@ var u = t(/* @__PURE__ */ o("path", { d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7
 	}, [d, p]);
 	return /* @__PURE__ */ s(l, {
 		direction: "column",
-		gap: 1,
+		sx: { gap: 1 },
 		children: [
 			/* @__PURE__ */ o(c, {
 				endAdornment: /* @__PURE__ */ o(u, {
@@ -33,10 +33,10 @@ var u = t(/* @__PURE__ */ o("path", { d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7
 				ref: (e) => {
 					b(e), g.current = e;
 				},
-				value: t,
+				value: e,
 				sx: { input: { color: "text.secondary" } }
 			}),
-			/* @__PURE__ */ o(e, {
+			/* @__PURE__ */ o(n, {
 				anchorEl: y,
 				onClose: h.handleClose,
 				open: h.open,
@@ -52,7 +52,7 @@ var u = t(/* @__PURE__ */ o("path", { d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7
 					}, e.label);
 				})
 			}),
-			/* @__PURE__ */ o(n, {
+			/* @__PURE__ */ o(t, {
 				chips: f.filter((e) => p.includes(e.value)).map((e) => e.label),
 				...m
 			})

package/dist/s-nav-item/s-nav-item.js

@@ -1,5 +1,5 @@
-import { t as e } from "../Box-BQIZeo25.js";
-import { t } from "../Typography-Ci004UCT.js";
+import { t as e } from "../Box-BK8kyPwb.js";
+import { t } from "../Typography-Dy5dAg2u.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/s-nav-item/s-nav-item.tsx

package/dist/s-nav-item/s-nav-items.js

@@ -1,9 +1,9 @@
-import { t as e } from "../Box-BQIZeo25.js";
-import { t } from "../Stack-BrIUVvqB.js";
-import { t as n } from "../Typography-Ci004UCT.js";
-import { t as r } from "../ExpandMore-DZANUF9W.js";
+import { t as e } from "../Box-BK8kyPwb.js";
+import { t } from "../Stack-D5D_RRtN.js";
+import { t as n } from "../Typography-Dy5dAg2u.js";
+import { t as r } from "../ExpandMore-C7Hl31nD.js";
 import { SNavItem as i } from "./s-nav-item.js";
-import { t as a } from "../Collapse-BUAO-GTT.js";
+import { t as a } from "../Collapse-BlDm9KX-.js";
 import * as o from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region lib/s-nav-item/s-nav-items.tsx

package/dist/s-no-ssr/s-no-ssr.js

@@ -1,4 +1,4 @@
-import { t as e } from "../useEnhancedEffect-DcMMtOdE.js";
+import { t as e } from "../useEnhancedEffect-Dsu5K7-Z.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region lib/s-no-ssr/s-no-ssr.tsx

package/dist/s-pagination/s-pagination.js

@@ -5,10 +5,12 @@ import { Box as i, Pagination as a, Stack as o, useMediaQuery as s, useTheme as
 //#region lib/s-pagination/s-pagination.tsx
 var l = ({ style: t }) => /* @__PURE__ */ r(o, {
 	direction: "row",
-	flexWrap: "wrap",
-	gap: 1,
-	justifyContent: "center",
 	style: t,
+	sx: {
+		flexWrap: "wrap",
+		gap: 1,
+		justifyContent: "center"
+	},
 	children: [
 		/* @__PURE__ */ n(e, { component: "icon-button" }),
 		/* @__PURE__ */ n(e, {
@@ -20,7 +22,7 @@ var l = ({ style: t }) => /* @__PURE__ */ r(o, {
 }), u = ({ loading: e, count: r = 0, ...o }) => {
 	let u = s(c().breakpoints.down("sm"));
 	return r === 0 ? /* @__PURE__ */ n(t, {}) : e ? /* @__PURE__ */ n(l, { style: o.style }) : /* @__PURE__ */ n(i, {
-		width: "100%",
+		sx: { width: "100%" },
 		children: /* @__PURE__ */ n(a, {
 			size: u ? "small" : "medium",
 			count: r,

package/dist/s-pixel-reveal/s-pixel-reveal.js

@@ -1,4 +1,4 @@
-import { o as e } from "../theme-primitives-qhf0z_Er.js";
+import { o as e } from "../theme-primitives-DHiY0aFC.js";
 import { forwardRef as t, useCallback as n, useEffect as r, useRef as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region lib/s-pixel-reveal/s-pixel-reveal.tsx

package/dist/s-review/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-review-D29of4xC.js";
+import { t as e } from "../s-review-BoTotzrP.js";
 export { e as SReview, e as default };

package/dist/s-review/s-review.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-review-D29of4xC.js";
+import { t as e } from "../s-review-BoTotzrP.js";
 export { e as SReview, e as default };

package/dist/{s-review-D29of4xC.js → s-review-BoTotzrP.js}

@@ -1,5 +1,5 @@
-import { i as e } from "./utils-CKGB5_56.js";
-import { t } from "./createSvgIcon-BfZYaiXo.js";
+import { i as e } from "./utils-B5Rl6Zwv.js";
+import { t } from "./createSvgIcon-BmN7SAhg.js";
 import n from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as r } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as i } from "./s-avatar/s-avatar.js";
@@ -8,7 +8,7 @@ import { SRating as o } from "./s-rating/s-rating.js";
 import { useEffect as s, useId as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Box as f, Divider as p, IconButton as m, Stack as h, Typography as g } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/ThumbDown.js
+//#region ../../node_modules/@mui/icons-material/ThumbDown.mjs
 var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2m4 0v12h4V3z" }), "ThumbDown"), v = t(/* @__PURE__ */ u("path", { d: "M1 21h4V9H1zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z" }), "ThumbUp"), y = ({ id: t, userName: y, userAvatar: b, rating: x, reviewContent: S, datetime: C, images: w, userHelpfulVote: T = null, helpfulYes: E = 0, helpfulNo: D = 0, onHelpfulVote: O, showHelpfulSection: k = !0, avatarSize: A = 48, maxRating: j = 5, readOnly: M = !0, showDivider: N = !0, loading: P = !1, sx: F = {} }) => {
 	let I = c(), L = t ?? I, [R, z] = l(E), [B, V] = l(D), [H, U] = l(T), [W, G] = l(!1), [K, q] = l(null), J = (e) => {
 		let t = null;
@@ -37,7 +37,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 		children: [/* @__PURE__ */ d(h, {
 			direction: "row",
 			spacing: 2,
-			alignItems: "flex-start",
+			sx: { alignItems: "flex-start" },
 			children: [/* @__PURE__ */ u(r, {
 				component: "rounded-avatar",
 				width: A,
@@ -47,9 +47,11 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 				children: [
 					/* @__PURE__ */ d(h, {
 						direction: "row",
-						alignItems: "center",
 						spacing: 2,
-						mb: 1,
+						sx: {
+							alignItems: "center",
+							mb: 1
+						},
 						children: [/* @__PURE__ */ u(r, {
 							width: 120,
 							height: 20
@@ -106,7 +108,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 			/* @__PURE__ */ d(h, {
 				direction: "row",
 				spacing: 2,
-				alignItems: "flex-start",
+				sx: { alignItems: "flex-start" },
 				children: [/* @__PURE__ */ u(i, {
 					avatar: b,
 					name: y,
@@ -116,12 +118,14 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 					children: [
 						/* @__PURE__ */ d(h, {
 							direction: "row",
-							alignItems: "center",
 							spacing: 2,
-							mb: 1,
+							sx: {
+								alignItems: "center",
+								mb: 1
+							},
 							children: [/* @__PURE__ */ u(g, {
 								variant: "subtitle2",
-								fontWeight: "600",
+								sx: { fontWeight: "600" },
 								children: y
 							}), /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(g, {
 								variant: "caption",

package/dist/s-scroll-to-top/s-scroll-to-top.js

@@ -1,6 +1,6 @@
-import { t as e } from "../Box-BQIZeo25.js";
-import { t } from "../styled-C0_N3zFx.js";
-import { t as n } from "../ArrowUpward-O4lRvSII.js";
+import { t as e } from "../Box-BK8kyPwb.js";
+import { t } from "../styled-BRk8Ukg1.js";
+import { t as n } from "../ArrowUpward-Di0RvTdn.js";
 import { useIsPassedPosition as r } from "../hooks/use-is-passed-position.js";
 import i from "react";
 import { jsx as a } from "react/jsx-runtime";

package/dist/s-select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-select-DH-t7jkk.js";
+import { t as e } from "../s-select-BHnfqAGl.js";
 export { e as SSelect, e as default };

package/dist/s-select/s-select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-select-DH-t7jkk.js";
+import { t as e } from "../s-select-BHnfqAGl.js";
 export { e as SSelect, e as default };

package/dist/{s-select-DH-t7jkk.js → s-select-BHnfqAGl.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./createSvgIcon-BfZYaiXo.js";
+import { t as e } from "./createSvgIcon-BmN7SAhg.js";
 import { SForm as t } from "./s-form/s-form.js";
 import { forwardRef as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Box as o, InputAdornment as s, ListSubheader as c, MenuItem as l, Select as u, TextField as d } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/Search.js
+//#region ../../node_modules/@mui/icons-material/Search.mjs
 var f = e(/* @__PURE__ */ i("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }), "Search");
 //#endregion
 //#region lib/s-select/s-select.tsx
@@ -70,9 +70,9 @@ function C(e, t, n, r, a) {
 function w(e) {
 	if (e) return {
 		autoFocus: !1,
-		PaperProps: { onKeyDown: (e) => {
+		slotProps: { paper: { onKeyDown: (e) => {
 			e.stopPropagation();
-		} }
+		} } }
 	};
 }
 var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", renderOption: A, ...j }, M) => {
@@ -135,10 +135,10 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
 					onClick: (e) => {
 						e.stopPropagation();
 					},
-					InputProps: { startAdornment: /* @__PURE__ */ i(s, {
+					slotProps: { input: { startAdornment: /* @__PURE__ */ i(s, {
 						position: "start",
-						children: /* @__PURE__ */ i(f, { fontSize: "small" })
-					}) }
+						children: /* @__PURE__ */ i(f, {})
+					}) } }
 				})
 			}), K()]
 		})

package/dist/s-select-list/s-select-list.js

@@ -33,7 +33,7 @@ var s = o(n, { shouldForwardProp: (e) => e !== "selected" })(({ theme: e, select
 		}), p && /* @__PURE__ */ e(r, {
 			in: o,
 			children: /* @__PURE__ */ e(n, {
-				mt: 2,
+				sx: { mt: 2 },
 				children: d(a)
 			})
 		})] }, a.id);

package/dist/s-stripe/s-stripe.js

@@ -1,4 +1,4 @@
-import { t as e } from "../s-text-field-UI_UjTUa.js";
+import { t as e } from "../s-text-field-w4T9VXLw.js";
 import t from "./stripe-input.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region lib/s-stripe/s-stripe.tsx

package/dist/s-switch/s-switch.js

@@ -5,10 +5,12 @@ import { Stack as i, Switch as a, Typography as o } from "@mui/material";
 var s = e(({ content: e, ...s }, c) => {
 	let l = t(), u = s.id ?? l;
 	return /* @__PURE__ */ r(i, {
-		alignItems: "center",
 		direction: "row",
-		display: "flex",
-		justifyContent: "space-between",
+		sx: {
+			alignItems: "center",
+			display: "flex",
+			justifyContent: "space-between"
+		},
 		children: [e && /* @__PURE__ */ n("label", {
 			htmlFor: u,
 			children: /* @__PURE__ */ n(o, {

package/dist/s-tabs/s-tabs.js

@@ -12,7 +12,7 @@ var l = t(({ tabs: t, activeTab: l = 0, onTabChange: u, children: d, tabPanelPro
 	}, [l]);
 	let _ = (e, t) => {
 		l === !1 && g(t), u?.(e, t);
-	}, v = p.orientation === "vertical", y = /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(s, {
+	}, v = p.orientation === "vertical", { sx: y, ...b } = f ?? {}, x = /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(s, {
 		ref: m,
 		value: h,
 		onChange: _,
@@ -28,14 +28,14 @@ var l = t(({ tabs: t, activeTab: l = 0, onTabChange: u, children: d, tabPanelPro
 		}, c(e, t)))
 	}), d && /* @__PURE__ */ r(a, {
 		role: "tabpanel",
-		padding: 2,
-		...f,
+		...b,
+		sx: [{ padding: 2 }, ...Array.isArray(y) ? y : [y]],
 		children: e.Children.toArray(d)[t.findIndex((e, t) => (e.value ?? t) === h)]
 	})] });
 	return v ? /* @__PURE__ */ r(a, {
-		display: "flex",
-		children: y
-	}) : y;
+		sx: { display: "flex" },
+		children: x
+	}) : x;
 });
 l.displayName = "STabs";
 //#endregion

package/dist/s-text-editor/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../s-text-editor-toolbar-Sw0qn88u.js";
+import { t as e } from "../s-text-editor-toolbar-ZxamcKpn.js";
 import { STextEditor as t } from "./s-text-editor.js";
 export { t as STextEditor, t as default, e as STextEditorToolbar };