@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-status-illustration/s-status-illustration.js

@@ -1,9 +1,9 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
-import { SLazyImage as n } from "../s-lazy-image/s-lazy-image.js";
-import * as r from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Box as s, Container as c, Stack as l, SvgIcon as u, Typography as d, styled as f, useThemeProps as p } from "@mui/material";
+import { SLazyImage as t } from "../s-lazy-image/s-lazy-image.js";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, Container as s, Stack as c, SvgIcon as l, Typography as u, styled as d, useThemeProps as f } from "@mui/material";
+import p from "@mui/utils/appendOwnerState";
 //#region lib/s-status-illustration/s-status-illustration.tsx
 var m = (e) => {
 	let t = (e.vars ?? e).palette;
@@ -65,35 +65,35 @@ var m = (e) => {
 	};
 };
 function h() {
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
 		transform: "translate(-5.5 -4)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				d: "M116 72H148L160 84H176C187 84 196 93 196 104V128C196 139 187 148 176 148H116C105 148 96 139 96 128V92C96 81 105 72 116 72Z",
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ i("circle", {
 				className: "SStatusIllustration-accent",
 				cx: "176",
 				cy: "120",
 				r: "8"
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ i("circle", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				cx: "100",
 				cy: "72",
 				r: "32",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-outline",
 				d: "M77.3726 94.6274L60 112",
 				strokeLinecap: "round",
 				strokeWidth: "14"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-surfaceStroke",
 				d: "M77.3726 94.6274L60 112",
 				fill: "none",
@@ -104,10 +104,10 @@ function h() {
 	}) });
 }
 function g() {
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
 		transform: "translate(120 90) scale(1.1428571429) translate(-120 -80)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-outline",
 				d: "M72 96A48 48 0 0 1 168 96M52 96H96M144 96H188M52 112H96M144 112H188",
 				fill: "none",
@@ -115,14 +115,14 @@ function g() {
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ i("circle", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				cx: "120",
 				cy: "88",
 				r: "7",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
 				d: "M96 112H144",
 				strokeLinecap: "round",
@@ -132,10 +132,10 @@ function g() {
 	}) });
 }
 function _() {
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
 		transform: "translate(-4 -8)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-outline",
 				d: "M64 122H56V58C56 49.2 63.2 42 72 42H152V72",
 				fill: "none",
@@ -143,7 +143,7 @@ function _() {
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("rect", {
+			/* @__PURE__ */ i("rect", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				x: "80",
 				y: "66",
@@ -152,7 +152,7 @@ function _() {
 				rx: "16",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-outline",
 				d: "M112 138V154H160V138",
 				fill: "none",
@@ -160,7 +160,7 @@ function _() {
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ i("circle", {
 				className: "SStatusIllustration-error",
 				cx: "136",
 				cy: "102",
@@ -170,21 +170,21 @@ function _() {
 	}) });
 }
 function v() {
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
 		transform: "translate(-12 -2)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				d: "M88 34H136L168 66V126C168 139.3 157.3 150 144 150H88C74.7 150 64 139.3 64 126V58C64 44.7 74.7 34 88 34Z",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-accentSoft SStatusIllustration-outline",
 				d: "M136 34V66H168L136 34Z",
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("rect", {
+			/* @__PURE__ */ i("rect", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				x: "104",
 				y: "78",
@@ -193,7 +193,7 @@ function v() {
 				rx: "18",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ i("circle", {
 				className: "SStatusIllustration-error",
 				cx: "152",
 				cy: "106",
@@ -203,37 +203,37 @@ function v() {
 	}) });
 }
 function y() {
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
 		transform: "translate(6 -4)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				d: "M104 36C91.2 46.7 76.8 50.7 56 52V88C56 120 74.7 140 104 152C133.3 140 152 120 152 88V52C131.2 50.7 116.8 46.7 104 36Z",
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-detail",
 				d: "M104 64V140",
 				fill: "none",
 				strokeLinecap: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ i("circle", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				cx: "104",
 				cy: "58",
 				r: "6",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-outline",
 				d: "M136 98V88A12 16 0 0 1 160 88V98",
 				fill: "none",
 				strokeLinecap: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("rect", {
+			/* @__PURE__ */ i("rect", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				x: "124",
 				y: "96",
@@ -242,13 +242,13 @@ function y() {
 				rx: "10",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ i("circle", {
 				className: "SStatusIllustration-accent",
 				cx: "148",
 				cy: "116",
 				r: "5"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
 				d: "M148 120V130",
 				strokeLinecap: "round",
@@ -258,33 +258,33 @@ function y() {
 	}) });
 }
 function b() {
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
 		transform: "translate(0 -5)",
-		children: [/* @__PURE__ */ a("path", {
+		children: [/* @__PURE__ */ i("path", {
 			className: "SStatusIllustration-outline",
 			d: "M72 120C54.3 120 40 105.7 40 88C40 70.3 54.3 56 72 56C78.1 56 83.8 57.7 88.6 60.7C96.1 47.3 110.5 38.2 127 38.2C149.8 38.2 168.5 55.5 170.8 77.7C187.4 78.6 200.6 92.3 200.6 109.2C200.6 113 199.9 116.6 198.7 120",
 			fill: "none",
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "4"
-		}), /* @__PURE__ */ o("g", {
+		}), /* @__PURE__ */ a("g", {
 			transform: "translate(-12)",
 			children: [
-				/* @__PURE__ */ a("circle", {
+				/* @__PURE__ */ i("circle", {
 					className: "SStatusIllustration-error",
 					cx: "88",
 					cy: "120",
 					r: "12",
 					stroke: "none"
 				}),
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ i("path", {
 					className: "SStatusIllustration-outline",
 					d: "M108 125L156 137",
 					fill: "none",
 					strokeLinecap: "round",
 					strokeWidth: "4"
 				}),
-				/* @__PURE__ */ a("circle", {
+				/* @__PURE__ */ i("circle", {
 					className: "SStatusIllustration-warning",
 					cx: "176",
 					cy: "142",
@@ -296,22 +296,22 @@ function b() {
 	}) });
 }
 function x() {
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("g", {
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("g", {
 		transform: "translate(120 90) rotate(45)",
-		children: [/* @__PURE__ */ a("path", {
+		children: [/* @__PURE__ */ i("path", {
 			className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
 			d: "M-68 0H-22",
 			strokeLinecap: "round",
 			strokeWidth: "14"
-		}), /* @__PURE__ */ a("path", {
+		}), /* @__PURE__ */ i("path", {
 			className: "SStatusIllustration-orange SStatusIllustration-orangeStroke",
 			d: "M22 0H68",
 			strokeLinecap: "round",
 			strokeWidth: "14"
 		})]
-	}), /* @__PURE__ */ a("g", {
+	}), /* @__PURE__ */ i("g", {
 		transform: "translate(120 90) rotate(-45)",
-		children: /* @__PURE__ */ a("path", {
+		children: /* @__PURE__ */ i("path", {
 			className: "SStatusIllustration-surface SStatusIllustration-outline",
 			d: "M-28,-7H28C32,-7 32,-20 42,-20A20,20 0 0 1 59.3205,-10L52,-5.5Q44,0 52,5.5L59.3205,10A20,20 0 0 1 42,20C32,20 32,7 28,7H-28C-32,7-32,20-42,20A20,20 0 0 1-59.3205,10L-52,5.5Q-44,0-52,-5.5L-59.3205,-10A20,20 0 0 1-42,-20C-32,-20-32,-7-28,-7Z",
 			strokeLinecap: "round",
@@ -321,16 +321,16 @@ function x() {
 	})] });
 }
 var S = {
-	accessDenied: /* @__PURE__ */ a(y, {}),
-	error: /* @__PURE__ */ a(v, {}),
-	error404: /* @__PURE__ */ a(g, {}),
-	itemNotFound: /* @__PURE__ */ a(h, {}),
-	maintenance: /* @__PURE__ */ a(x, {}),
-	offline: /* @__PURE__ */ a(b, {}),
-	somethingWentWrong: /* @__PURE__ */ a(_, {})
-}, C = f(u, { shouldForwardProp: (e) => e !== "ownerState" })({}), w = r.forwardRef(function(t, n) {
-	let { children: r, sx: i, variant: o, ...s } = t, c = o === "custom" ? r : S[o];
-	return /* @__PURE__ */ a(C, {
+	accessDenied: /* @__PURE__ */ i(y, {}),
+	error: /* @__PURE__ */ i(v, {}),
+	error404: /* @__PURE__ */ i(g, {}),
+	itemNotFound: /* @__PURE__ */ i(h, {}),
+	maintenance: /* @__PURE__ */ i(x, {}),
+	offline: /* @__PURE__ */ i(b, {}),
+	somethingWentWrong: /* @__PURE__ */ i(_, {})
+}, C = d(l, { shouldForwardProp: (e) => e !== "ownerState" })({}), w = n.forwardRef(function(t, n) {
+	let { children: r, sx: a, variant: o, ...s } = t, c = o === "custom" ? r : S[o];
+	return /* @__PURE__ */ i(C, {
 		fill: "none",
 		focusable: "false",
 		shapeRendering: "geometricPrecision",
@@ -338,10 +338,10 @@ var S = {
 		...s,
 		"data-variant": o,
 		ref: n,
-		sx: [m, ...e(i)],
+		sx: [m, ...e(a)],
 		children: c
 	});
-}), T = f(s, {
+}), T = d(o, {
 	name: "SStatusIllustration",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -349,19 +349,19 @@ var S = {
 function E(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var D = r.forwardRef(function(r, i) {
-	let { action: u, children: f, description: m, hideIllustration: h = !1, imageAlt: g = "", imageSrc: _, slotProps: v, slots: y, sx: b, title: x, variant: S = "itemNotFound", ...C } = p({
-		props: r,
+var D = n.forwardRef(function(n, r) {
+	let { action: l, children: d, description: m, hideIllustration: h = !1, imageAlt: g = "", imageSrc: _, slotProps: v, slots: y, sx: b, title: x, variant: S = "itemNotFound", ...C } = f({
+		props: n,
 		name: "SStatusIllustration"
 	}), D = {
-		hasAction: u != null,
+		hasAction: l != null,
 		hasImage: !h && !!(_ || S),
 		variant: S
-	}, O = y?.container ?? c, k = y?.stack ?? l, A = y?.imageContainer ?? s, j = y?.image ?? n, M = y?.illustration, N = y?.content ?? l, P = y?.title ?? d, F = y?.description ?? d, I = y?.action ?? s, L = t(y?.container, E(v?.container, D) ?? {}, D), R = t(y?.stack, E(v?.stack, D) ?? {}, D), z = t(y?.imageContainer, E(v?.imageContainer, D) ?? {}, D), B = t(y?.illustration, E(v?.illustration, D) ?? {}, D), V = t(y?.image, E(v?.image, D) ?? {}, D), H = t(y?.content, E(v?.content, D) ?? {}, D), U = t(y?.title, E(v?.title, D) ?? {}, D), W = t(y?.description, E(v?.description, D) ?? {}, D), G = t(y?.action, E(v?.action, D) ?? {}, D), { sx: K, ...q } = z, { sx: J, ...Y } = H, { sx: X, ...Z } = W, { sx: Q, ...$ } = G;
-	return /* @__PURE__ */ a(T, {
+	}, O = y?.container ?? s, k = y?.stack ?? c, A = y?.imageContainer ?? o, j = y?.image ?? t, M = y?.illustration, N = y?.content ?? c, P = y?.title ?? u, F = y?.description ?? u, I = y?.action ?? o, L = p(y?.container, E(v?.container, D) ?? {}, D), R = p(y?.stack, E(v?.stack, D) ?? {}, D), z = p(y?.imageContainer, E(v?.imageContainer, D) ?? {}, D), B = p(y?.illustration, E(v?.illustration, D) ?? {}, D), V = p(y?.image, E(v?.image, D) ?? {}, D), H = p(y?.content, E(v?.content, D) ?? {}, D), U = p(y?.title, E(v?.title, D) ?? {}, D), W = p(y?.description, E(v?.description, D) ?? {}, D), G = p(y?.action, E(v?.action, D) ?? {}, D), { sx: K, ...q } = z, { sx: J, ...Y } = H, { sx: X, ...Z } = W, { sx: Q, ...$ } = G;
+	return /* @__PURE__ */ i(T, {
 		...C,
 		ownerState: D,
-		ref: i,
+		ref: r,
 		sx: [{
 			alignItems: "center",
 			boxSizing: "border-box",
@@ -371,53 +371,53 @@ var D = r.forwardRef(function(r, i) {
 			minHeight: "100dvh",
 			py: 8
 		}, ...e(b)],
-		children: /* @__PURE__ */ a(O, {
+		children: /* @__PURE__ */ i(O, {
 			maxWidth: "sm",
 			...L,
-			children: /* @__PURE__ */ o(k, {
+			children: /* @__PURE__ */ a(k, {
 				spacing: 4,
 				...R,
 				children: [
-					!h && (M || _ || S) ? /* @__PURE__ */ a(A, {
+					!h && (M || _ || S) ? /* @__PURE__ */ i(A, {
 						...q,
 						sx: [{
 							display: "flex",
 							justifyContent: "center"
 						}, ...e(K)],
-						children: M ? /* @__PURE__ */ a(M, { ...B }) : _ ? /* @__PURE__ */ a(j, {
+						children: M ? /* @__PURE__ */ i(M, { ...B }) : _ ? /* @__PURE__ */ i(j, {
 							alt: g,
 							height: "auto",
 							src: _,
 							width: 200,
 							...V
-						}) : /* @__PURE__ */ a(w, {
+						}) : /* @__PURE__ */ i(w, {
 							...B,
 							variant: S,
-							children: f
+							children: d
 						})
 					}) : null,
-					/* @__PURE__ */ o(N, {
+					/* @__PURE__ */ a(N, {
 						spacing: 1,
 						...Y,
 						sx: [{ textAlign: "center" }, ...e(J)],
-						children: [/* @__PURE__ */ a(P, {
+						children: [/* @__PURE__ */ i(P, {
 							variant: "h4",
 							...U,
 							children: x
-						}), /* @__PURE__ */ a(F, {
+						}), /* @__PURE__ */ i(F, {
 							variant: "body1",
 							...Z,
 							sx: [{ color: "text.secondary" }, ...e(X)],
 							children: m
 						})]
 					}),
-					u == null ? null : /* @__PURE__ */ a(I, {
+					l == null ? null : /* @__PURE__ */ i(I, {
 						...$,
 						sx: [{
 							display: "flex",
 							justifyContent: "center"
 						}, ...e(Q)],
-						children: u
+						children: l
 					})
 				]
 			})

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

@@ -1,11 +1,10 @@
-import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Cr28OQu3.js";
-import { t as n } from "../s-text-field-BM4qk0mf.js";
-import r from "./stripe-input.js";
+import { STextField as e } from "../s-text-field/s-text-field.js";
+import t from "./stripe-input.js";
+import { styled as n, useThemeProps as r } from "@mui/material/styles";
 import * as i from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/s-stripe/s-stripe.tsx
-var o = e(n, {
+var o = n(e, {
 	name: "StripeTextField",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -17,7 +16,7 @@ function s(...e) {
 	};
 }
 var c = i.forwardRef((e, n) => {
-	let i = t({
+	let i = r({
 		props: e,
 		name: "StripeTextField"
 	}), { disabled: c = !1, error: l = !1, helperText: u, inputProps: d, labelErrorMessage: f, onChange: p, onReady: m, slotProps: h, stripeElement: g, ..._ } = i, v = {
@@ -28,16 +27,16 @@ var c = i.forwardRef((e, n) => {
 		...typeof h?.inputLabel == "function" ? h.inputLabel(e) : h?.inputLabel,
 		shrink: !0
 	}), b = (e) => {
-		let t = typeof h?.input == "function" ? h.input(e) : h?.input, n = t?.inputProps ?? {}, i = {
+		let n = typeof h?.input == "function" ? h.input(e) : h?.input, r = n?.inputProps ?? {}, i = {
 			...d,
-			...n,
+			...r,
 			component: g,
-			onChange: s(p, d?.onChange, n.onChange),
-			onReady: s(m, d?.onReady, n.onReady)
+			onChange: s(p, d?.onChange, r.onChange),
+			onReady: s(m, d?.onReady, r.onReady)
 		};
 		return {
-			...t,
-			inputComponent: r,
+			...n,
+			inputComponent: t,
 			inputProps: i
 		};
 	};

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

@@ -1,7 +1,8 @@
-import { t as e } from "../theme-primitives-Dt_DT9b5.js";
+import { t as e } from "../theme-primitives-CRfnMsNy.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
-import '../assets/stripe-input.css';//#region lib/s-stripe/stripe-input.tsx
+import "@fontsource/outfit";
+//#region lib/s-stripe/stripe-input.tsx
 function r(e) {
 	let t = e.match(/^hsl\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*\)$/i);
 	if (!t) return e;

package/dist/s-switch/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-switch-B8bZAzLh.js";
+import { SSwitch as e } from "./s-switch.js";
 export { e as SSwitch, e as default };

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

@@ -1,2 +1,48 @@
-import { t as e } from "../s-switch-B8bZAzLh.js";
-export { e as SSwitch, e as default };
+import { styled as e, useThemeProps as t } from "@mui/material/styles";
+import n from "@mui/material/Switch";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import a from "@mui/utils/appendOwnerState";
+import o, { formControlLabelClasses as s } from "@mui/material/FormControlLabel";
+//#region lib/s-switch/s-switch.tsx
+var c = e(o, {
+	name: "SSwitch",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	display: "flex",
+	justifyContent: "space-between",
+	margin: 0,
+	userSelect: "none",
+	[`&&.${s.disabled}`]: { cursor: "not-allowed" },
+	[`&& .${s.label}.${s.disabled}`]: { color: (e.vars ?? e).palette.text.disabled }
+}));
+function l(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var u = r.forwardRef(function(e, r) {
+	let o = t({
+		props: e,
+		name: "SSwitch"
+	}), { disabled: s = !1, label: u, labelPlacement: d = "start", required: f = !1, slotProps: p, slots: m, ...h } = o, g = {
+		...o,
+		disabled: s,
+		labelPlacement: d,
+		required: f
+	}, _ = m?.control ?? n, v = l(p?.control, g), y = a(m?.control, v ?? {}, g);
+	return /* @__PURE__ */ i(c, {
+		...h,
+		control: /* @__PURE__ */ i(_, { ...y }),
+		disabled: s,
+		label: u,
+		labelPlacement: d,
+		ownerState: g,
+		ref: r,
+		required: f,
+		slots: m?.typography ? { typography: m.typography } : void 0,
+		slotProps: p?.typography ? { typography: p.typography } : void 0
+	});
+});
+u.displayName = "SSwitch";
+//#endregion
+export { u as SSwitch, u as default };

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

@@ -1,15 +1,13 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../useForkRef-CKneCEtr.js";
-import { t as n } from "../appendOwnerState-CELpvdMz.js";
-import { t as r } from "../useControlled-BeB0W_Ui.js";
-import { t as i } from "../mergeSlotProps-xl1-PgWL.js";
-import { getTabId as a, getTabPanelId as o } from "./tab-ids.js";
-import * as s from "react";
-import { createElement as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Box as d, Tab as f, Tabs as p, styled as m, useThemeProps as h } from "@mui/material";
+import { getTabId as t, getTabPanelId as n } from "./tab-ids.js";
+import * as r from "react";
+import { createElement as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, Tab as c, Tabs as l, styled as u, useThemeProps as d } from "@mui/material";
+import { mergeSlotProps as f, useControlled as p, useForkRef as m } from "@mui/material/utils";
+import h from "@mui/utils/appendOwnerState";
 //#region lib/s-tabs/s-tabs.tsx
-var g = m(d, {
+var g = u(s, {
 	name: "STabs",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -20,61 +18,61 @@ function _(e, t) {
 function v(e, t) {
 	return e.value ?? t;
 }
-var y = s.forwardRef(function(m, y) {
-	let b = h({
-		props: m,
+var y = r.forwardRef(function(u, y) {
+	let b = d({
+		props: u,
 		name: "STabs"
-	}), { children: x, defaultValue: S, id: C, onChange: w, orientation: T = "horizontal", slotProps: E, slots: D, sx: O, tabs: k, value: A, ...j } = b, M = s.useId(), N = C ?? M, P = k[0]?.value ?? 0, [F, I] = r({
-		controlled: A,
-		default: S ?? P,
+	}), { children: x, defaultValue: ee, id: S, onChange: C, orientation: w = "horizontal", slotProps: T, slots: E, sx: D, tabs: O, value: k, ...A } = b, j = r.useId(), M = S ?? j, N = O[0]?.value ?? 0, [P, F] = p({
+		controlled: k,
+		default: ee ?? N,
 		name: "STabs",
 		state: "value"
-	}), L = k.findIndex((e, t) => (e.value ?? t) === F), R = L >= 0 ? k[L]?.value ?? L : !1, z = {
+	}), I = O.findIndex((e, t) => (e.value ?? t) === P), L = I >= 0 ? O[I]?.value ?? I : !1, R = {
 		...b,
-		activeIndex: L,
-		orientation: T,
-		value: F
-	}, B = D?.root ?? g, V = D?.list ?? p, H = D?.tab ?? f, U = D?.panel ?? d, W = _(E?.root, z), G = _(E?.list, z), K = _(E?.panel, z), { sx: q, ...J } = W ?? {}, { sx: Y, ...X } = K ?? {}, { ref: Z, ...Q } = n(B, J, z), $ = t(Z, y), ee = n(D?.list, G ?? {}, z), te = n(D?.panel, X, z), ne = (e, t) => {
-		I(t), w?.(e, t);
+		activeIndex: I,
+		orientation: w,
+		value: P
+	}, z = E?.root ?? g, B = E?.list ?? l, V = E?.tab ?? c, H = E?.panel ?? s, U = _(T?.root, R), W = _(T?.list, R), G = _(T?.panel, R), { sx: K, ...q } = U ?? {}, { sx: J, ...Y } = G ?? {}, { ref: X, ...Z } = h(z, q, R), Q = m(X, y), $ = h(E?.list, W ?? {}, R), te = h(E?.panel, Y, R), ne = (e, t) => {
+		F(t), C?.(e, t);
 	};
-	return /* @__PURE__ */ u(B, {
-		...j,
-		...Q,
-		ref: $,
-		id: N,
+	return /* @__PURE__ */ o(z, {
+		...A,
+		...Z,
+		ref: Q,
+		id: M,
 		sx: [
-			{ display: T === "vertical" ? "flex" : "block" },
-			...e(O),
-			...e(q)
+			{ display: w === "vertical" ? "flex" : "block" },
+			...e(D),
+			...e(K)
 		],
-		children: [/* @__PURE__ */ l(V, {
+		children: [/* @__PURE__ */ a(B, {
 			"aria-label": "Tabs",
-			...ee,
-			value: F,
-			orientation: T,
+			...$,
+			value: P,
+			orientation: w,
 			onChange: ne,
-			children: k.map((e, t) => {
-				let r = e.value ?? t, s = {
-					...z,
-					index: t,
+			children: O.map((e, r) => {
+				let a = e.value ?? r, o = {
+					...R,
+					index: r,
 					item: e
-				}, l = i(_(E?.tab, s), e);
-				return /* @__PURE__ */ c(H, {
-					...n(D?.tab, l, s),
-					key: v(e, t),
-					id: a(N, r),
-					"aria-controls": o(N, r),
+				}, s = f(_(T?.tab, o), e);
+				return /* @__PURE__ */ i(V, {
+					...h(E?.tab, s, o),
+					key: v(e, r),
+					id: t(M, a),
+					"aria-controls": n(M, a),
 					label: e.label,
-					value: r
+					value: a
 				});
 			})
-		}), x && R !== !1 ? /* @__PURE__ */ l(U, {
+		}), x && L !== !1 ? /* @__PURE__ */ a(H, {
 			...te,
 			role: "tabpanel",
-			id: o(N, R),
-			"aria-labelledby": a(N, R),
-			sx: [{ p: 2 }, ...e(Y)],
-			children: s.Children.toArray(x)[L]
+			id: n(M, L),
+			"aria-labelledby": t(M, L),
+			sx: [{ p: 2 }, ...e(J)],
+			children: r.Children.toArray(x)[I]
 		}) : null]
 	});
 });