@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/{s-localization-provider-CIACI235.js → s-localization-provider-YCsec18c.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 { n as e, t } from "./chunk-C_CI6nMA.js";
+import { i as n, r, t as i } from "./LocalizationProvider-BdaUKqz3.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() {
@@ -91,8 +91,8 @@ var s = /* @__PURE__ */ t(((e, t) => {
 			D: [i, c("day")],
 			DD: [r, c("day")],
 			Do: [a, function(e) {
-				var t = o.ordinal;
-				if (this.day = e.match(/\d+/)[0], t) for (var n = 1; n <= 31; n += 1) t(n).replace(/\[|\]/g, "") === e && (this.day = n);
+				var t = o.ordinal, n = e.match(/\d+/);
+				if (this.day = n[0], t) for (var r = 1; r <= 31; r += 1) t(r).replace(/\[|\]/g, "") === e && (this.day = r);
 			}],
 			w: [i, c("week")],
 			ww: [r, c("week")],
@@ -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-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-BlmynALm.js";
+import { t } from "../Typography-EsraKPZO.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-BlmynALm.js";
+import { t } from "../Stack-BQkLmLFp.js";
+import { t as n } from "../Typography-EsraKPZO.js";
+import { t as r } from "../ExpandMore-DsZNN1Eh.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-CnXmaDqT.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-OrQ-xFJR.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-D5_TicCf.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-D5_TicCf.js";
 export { e as SReview, e as default };

package/dist/{s-review-D29of4xC.js → s-review-D5_TicCf.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-BdNZIlKS.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-BlmynALm.js";
+import { t } from "../styled-BTDmdi4c.js";
+import { t as n } from "../ArrowUpward-BbQSKheQ.js";
 import { useIsPassedPosition as r } from "../hooks/use-is-passed-position.js";
 import i from "react";
 import { jsx as a } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ var o = t(e)({
 	};
 	return /* @__PURE__ */ a(o, {
 		sx: {
-			opacity: l ? 1 : 0,
+			opacity: +!!l,
 			visibility: l ? "visible" : "hidden",
 			...c
 		},

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

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

@@ -1,9 +1,9 @@
-import { t as e } from "./createSvgIcon-BfZYaiXo.js";
+import { t as e } from "./createSvgIcon-BdNZIlKS.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

@@ -14,7 +14,7 @@ var s = o(n, { shouldForwardProp: (e) => e !== "selected" })(({ theme: e, select
 	cursor: "pointer",
 	borderColor: t ? (e.vars ?? e).palette.primary.dark : (e.vars ?? e).palette.divider
 })), c = ({ items: o, selectedId: c, onSelect: l, renderItem: u, renderBelow: d, showRadio: f = !0 }) => /* @__PURE__ */ e(a, {
-	spacing: 2,
+	spacing: 1,
 	children: o.map((a) => {
 		let o = a.id === c, p = d && o;
 		return /* @__PURE__ */ t(n, { children: [/* @__PURE__ */ t(s, {
@@ -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: 1 },
 				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-qps0aDNS.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

@@ -1,27 +1,37 @@
 import { forwardRef as e, useId as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Stack as i, Switch as a, Typography as o } from "@mui/material";
+import { Box as i, Stack as a, Switch as o, Typography as s } from "@mui/material";
 //#region lib/s-switch/s-switch.tsx
-var s = e(({ content: e, ...s }, c) => {
-	let l = t(), u = s.id ?? l;
-	return /* @__PURE__ */ r(i, {
-		alignItems: "center",
+var c = e(({ content: e, disabled: c, ...l }, u) => {
+	let d = t(), f = l.id ?? d, p = {
+		color: c ? "text.disabled" : "inherit",
+		cursor: c ? "not-allowed" : "pointer"
+	};
+	return /* @__PURE__ */ r(a, {
 		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, {
-				variant: "body2",
+			htmlFor: f,
+			children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ n(s, {
+				sx: p,
+				children: e
+			}) : /* @__PURE__ */ n(i, {
+				component: "span",
+				sx: p,
 				children: e
 			})
-		}), /* @__PURE__ */ n(a, {
-			ref: c,
-			...s,
-			id: u
+		}), /* @__PURE__ */ n(o, {
+			ref: u,
+			...l,
+			disabled: c,
+			id: f
 		})]
 	});
 });
-s.displayName = "SSwitch";
+c.displayName = "SSwitch";
 //#endregion
-export { s as SSwitch, s as default };
+export { c as SSwitch, c as default };

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-BnhPG9xv.js";
 import { STextEditor as t } from "./s-text-editor.js";
 export { t as STextEditor, t as default, e as STextEditorToolbar };