@solostylist/ui-kit 2.0.2 → 2.0.3

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-CFQTq3pb.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-stepper/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-stepper-BtODHVro.js";
+import { SStepper as e } from "./s-stepper.js";
 export { e as SStepper, e as default };

package/dist/s-stepper/s-stepper.js

@@ -1,2 +1,102 @@
-import { t as e } from "../s-stepper-BtODHVro.js";
-export { e as SStepper, e as default };
+import { resolveOwnerStateSlotProps as e } from "../utils/slots.js";
+import { styled as t, useThemeProps as n } from "@mui/material/styles";
+import * as r from "react";
+import { createElement as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import o from "@mui/material/Typography";
+import { mergeSlotProps as s } from "@mui/material/utils";
+import c from "@mui/utils/appendOwnerState";
+import l from "@mui/material/Step";
+import u, { stepConnectorClasses as d } from "@mui/material/StepConnector";
+import f from "@mui/material/StepIcon";
+import p, { stepLabelClasses as m } from "@mui/material/StepLabel";
+import h from "@mui/material/Stepper";
+//#region lib/s-stepper/s-stepper.tsx
+var g = t(h, {
+	name: "SStepper",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	width: "100%",
+	[`& .${m.labelContainer}`]: { minWidth: 0 },
+	[`& .${m.label}`]: { overflowWrap: "anywhere" },
+	variants: [{
+		props: ({ ownerState: e }) => e.orientation === "vertical",
+		style: { [`& .${m.root}`]: { paddingBlock: e.spacing(1) } }
+	}]
+})), _ = t(l, {
+	name: "SStepper",
+	slot: "Step"
+})({ minWidth: 0 }), v = t(p, {
+	name: "SStepper",
+	slot: "Label"
+})(({ theme: e }) => ({ [`& .${m.label}`]: { [`&.${m.active}`]: {
+	color: (e.vars ?? e).palette.text.primary,
+	fontWeight: e.typography.fontWeightMedium
+} } })), y = t(f, {
+	name: "SStepper",
+	slot: "Icon"
+})({}), b = t(u, {
+	name: "SStepper",
+	slot: "Connector"
+})(({ theme: e }) => ({
+	[`&.${d.active} .${d.line}`]: {
+		borderColor: (e.vars ?? e).palette.primary.main,
+		...e.applyStyles("dark", { borderColor: (e.vars ?? e).palette.primary.light })
+	},
+	[`&.${d.completed} .${d.line}`]: { borderColor: (e.vars ?? e).palette.success.main }
+})), x = Object.assign(r.forwardRef(function(t, r) {
+	let l = n({
+		props: t,
+		name: "SStepper"
+	}), { activeStep: u = 0, alternativeLabel: d = !1, nonLinear: f = !1, orientation: p = "horizontal", slotProps: m, slots: h, steps: x, ...S } = l, C = p === "horizontal" && d, w = {
+		...l,
+		activeStep: u,
+		alternativeLabel: C,
+		nonLinear: f,
+		orientation: p
+	}, T = h?.root ?? g, E = h?.step ?? _, D = h?.label ?? v, O = h?.connector ?? b, k = h?.icon ?? y, A = c(T, s(e(m?.root, w), {
+		...S,
+		activeStep: u,
+		alternativeLabel: C,
+		nonLinear: f,
+		orientation: p
+	}), w), j = c(O, e(m?.connector, w) ?? {}, w);
+	return /* @__PURE__ */ a(T, {
+		...A,
+		ref: r,
+		connector: /* @__PURE__ */ a(O, { ...j }),
+		children: x.map((t, n) => {
+			let r = n === u, s = t.completed ?? (!f && n < u), l = t.disabled ?? (!f && n > u), d = {
+				...w,
+				active: r,
+				completed: s,
+				disabled: l,
+				index: n,
+				step: t
+			}, p = c(E, e(m?.step, d) ?? {}, d), h = c(D, e(m?.label, d) ?? {}, d), g = e(m?.icon, d);
+			return /* @__PURE__ */ i(E, {
+				...p,
+				active: r,
+				"aria-current": r ? "step" : void 0,
+				completed: s,
+				disabled: l,
+				key: t.key
+			}, /* @__PURE__ */ a(D, {
+				...h,
+				icon: t.icon,
+				optional: t.description == null ? void 0 : /* @__PURE__ */ a(o, {
+					component: "span",
+					variant: "body2",
+					sx: { color: "text.secondary" },
+					children: t.description
+				}),
+				slotProps: { stepIcon: g },
+				slots: { stepIcon: k },
+				children: t.label
+			}));
+		})
+	});
+}), { displayName: "SStepper" });
+//#endregion
+export { x as SStepper, x as default };

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

@@ -1,11 +1,10 @@
-import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Dw9dmKyT.js";
-import { t as n } from "../s-text-field-HYyDf1Jo.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-CXtaMdVj.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;