@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-spotlight-cursor/s-spotlight-cursor.js

@@ -1,47 +1,47 @@
 import { isValidCanvasColor as e, resolveCanvasColor as t } from "../utils/canvas-color.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { styled as i, useColorScheme as a, useMediaQuery as o, useTheme as s, useThemeProps as c } from "@mui/material";
-import { useForkRef as l } from "@mui/material/utils";
+import { t as n } from "../useForkRef-BuNFTXxE.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { styled as a, useColorScheme as o, useMediaQuery as s, useTheme as c, useThemeProps as l } from "@mui/material";
 //#region lib/s-spotlight-cursor/s-spotlight-cursor.tsx
-var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: r, color: i, colorScheme: a, followSpeed: o, radius: s, reducedMotion: c, theme: l }) => {
-	let u = n.useRef(null);
-	return n.useEffect(() => {
-		let n = u.current;
-		if (!n) return;
-		let a = n.getContext("2d");
+var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: n, color: i, colorScheme: a, followSpeed: o, radius: s, reducedMotion: c, theme: l }) => {
+	let u = r.useRef(null);
+	return r.useEffect(() => {
+		let r = u.current;
+		if (!r) return;
+		let a = r.getContext("2d");
 		if (!a) return;
-		let d = null, f = 0, p = 0, m = null, h = null, g = null, _ = null, v = n.parentElement ?? n, y = (l.vars ?? l).palette.primary.main, b = t(i, n, l), x = t(y, n), S = e(a, b) ? b : e(a, x) ? x : "#000000", C = () => {
+		let d = null, f = 0, p = 0, m = null, h = null, g = null, _ = null, v = r.parentElement ?? r, y = (l.vars ?? l).palette.primary.main, b = t(i, r, l), x = t(y, r), S = e(a, b) ? b : e(a, x) ? x : "#000000", C = () => {
 			if (d = null, a.clearRect(0, 0, f, p), m == null || h == null) return;
 			g == null || _ == null || c ? (g = m, _ = h) : (g += (m - g) * o, _ += (h - _) * o);
 			let e = a.createRadialGradient(g, _, 0, g, _, s);
-			e.addColorStop(0, S), e.addColorStop(1, "transparent"), a.save(), a.globalAlpha = r, a.fillStyle = e, a.fillRect(0, 0, f, p), a.restore();
-			let t = Math.abs(m - g), n = Math.abs(h - _);
-			!c && (t > .1 || n > .1) && (d = requestAnimationFrame(C));
+			e.addColorStop(0, S), e.addColorStop(1, "transparent"), a.save(), a.globalAlpha = n, a.fillStyle = e, a.fillRect(0, 0, f, p), a.restore();
+			let t = Math.abs(m - g), r = Math.abs(h - _);
+			!c && (t > .1 || r > .1) && (d = requestAnimationFrame(C));
 		}, w = () => {
 			d ??= requestAnimationFrame(C);
 		}, T = () => {
-			let e = n.getBoundingClientRect();
+			let e = r.getBoundingClientRect();
 			if (e.width === 0 || e.height === 0) return;
 			let t = window.devicePixelRatio || 1;
-			f = e.width, p = e.height, n.width = Math.max(1, Math.round(f * t)), n.height = Math.max(1, Math.round(p * t)), a.setTransform(t, 0, 0, t, 0, 0), w();
+			f = e.width, p = e.height, r.width = Math.max(1, Math.round(f * t)), r.height = Math.max(1, Math.round(p * t)), a.setTransform(t, 0, 0, t, 0, 0), w();
 		}, E = (e) => {
-			let t = n.getBoundingClientRect(), r = e.clientX - t.left, i = e.clientY - t.top;
-			if (r < 0 || r > t.width || i < 0 || i > t.height) {
+			let t = r.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top;
+			if (n < 0 || n > t.width || i < 0 || i > t.height) {
 				m = null, h = null, g = null, _ = null, w();
 				return;
 			}
-			m = r, h = i, g ??= r, _ ??= i, w();
+			m = n, h = i, g ??= n, _ ??= i, w();
 		}, D = () => {
 			m = null, h = null, g = null, _ = null, w();
 		};
 		T();
 		let O = new ResizeObserver(T);
-		return O.observe(n), v.addEventListener("pointermove", E, { passive: !0 }), v.addEventListener("pointerleave", D), () => {
+		return O.observe(r), v.addEventListener("pointermove", E, { passive: !0 }), v.addEventListener("pointerleave", D), () => {
 			O.disconnect(), v.removeEventListener("pointermove", E), v.removeEventListener("pointerleave", D), d != null && cancelAnimationFrame(d);
 		};
 	}, [
-		r,
+		n,
 		i,
 		a,
 		o,
@@ -49,7 +49,7 @@ var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: r, color: i, colorSche
 		c,
 		l
 	]), u;
-}, h = i("canvas", {
+}, h = a("canvas", {
 	name: "SSpotlightCursor",
 	slot: "Root"
 })({
@@ -60,18 +60,18 @@ var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: r, color: i, colorSche
 	zIndex: 0,
 	width: "100%",
 	height: "100%"
-}), g = n.forwardRef(function(e, t) {
-	let n = c({
+}), g = r.forwardRef(function(e, t) {
+	let r = l({
 		props: e,
 		name: "SSpotlightCursor"
-	}), i = s(), { mode: g, systemMode: _ } = a(), { brightness: v = d, color: y = "primary", followSpeed: b = f, radius: x = u, ...S } = n, C = Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : d, w = Number.isFinite(b) ? Math.min(1, Math.max(p, b)) : f, T = Number.isFinite(x) && x > 0 ? x : u, E = o("(prefers-reduced-motion: reduce)", { noSsr: !0 }), D = l(m({
+	}), a = c(), { mode: g, systemMode: _ } = o(), { brightness: v = d, color: y = "primary", followSpeed: b = f, radius: x = u, ...S } = r, C = Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : d, w = Number.isFinite(b) ? Math.min(1, Math.max(p, b)) : f, T = Number.isFinite(x) && x > 0 ? x : u, E = s("(prefers-reduced-motion: reduce)", { noSsr: !0 }), D = n(m({
 		brightness: C,
 		color: y,
 		colorScheme: g === "system" ? _ : g,
 		followSpeed: w,
 		radius: T,
 		reducedMotion: E,
-		theme: i
+		theme: a
 	}), t), O = {
 		brightness: C,
 		color: y,
@@ -79,7 +79,7 @@ var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: r, color: i, colorSche
 		radius: T,
 		reducedMotion: E
 	};
-	return /* @__PURE__ */ r(h, {
+	return /* @__PURE__ */ i(h, {
 		...S,
 		"aria-hidden": "true",
 		ownerState: O,

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

@@ -1,9 +1,9 @@
 import { toSxArray as e } from "../utils/sx.js";
-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";
+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";
 //#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__ */ i(r, { children: /* @__PURE__ */ a("g", {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
 		transform: "translate(-5.5 -4)",
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("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__ */ i("circle", {
+			/* @__PURE__ */ a("circle", {
 				className: "SStatusIllustration-accent",
 				cx: "176",
 				cy: "120",
 				r: "8"
 			}),
-			/* @__PURE__ */ i("circle", {
+			/* @__PURE__ */ a("circle", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				cx: "100",
 				cy: "72",
 				r: "32",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-outline",
 				d: "M77.3726 94.6274L60 112",
 				strokeLinecap: "round",
 				strokeWidth: "14"
 			}),
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-surfaceStroke",
 				d: "M77.3726 94.6274L60 112",
 				fill: "none",
@@ -104,10 +104,10 @@ function h() {
 	}) });
 }
 function g() {
-	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
 		transform: "translate(120 90) scale(1.1428571429) translate(-120 -80)",
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("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__ */ i("circle", {
+			/* @__PURE__ */ a("circle", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				cx: "120",
 				cy: "88",
 				r: "7",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
 				d: "M96 112H144",
 				strokeLinecap: "round",
@@ -132,10 +132,10 @@ function g() {
 	}) });
 }
 function _() {
-	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
 		transform: "translate(-4 -8)",
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("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__ */ i("rect", {
+			/* @__PURE__ */ a("rect", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				x: "80",
 				y: "66",
@@ -152,7 +152,7 @@ function _() {
 				rx: "16",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-outline",
 				d: "M112 138V154H160V138",
 				fill: "none",
@@ -160,7 +160,7 @@ function _() {
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("circle", {
+			/* @__PURE__ */ a("circle", {
 				className: "SStatusIllustration-error",
 				cx: "136",
 				cy: "102",
@@ -170,21 +170,21 @@ function _() {
 	}) });
 }
 function v() {
-	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
 		transform: "translate(-12 -2)",
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("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__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-accentSoft SStatusIllustration-outline",
 				d: "M136 34V66H168L136 34Z",
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("rect", {
+			/* @__PURE__ */ a("rect", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				x: "104",
 				y: "78",
@@ -193,7 +193,7 @@ function v() {
 				rx: "18",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("circle", {
+			/* @__PURE__ */ a("circle", {
 				className: "SStatusIllustration-error",
 				cx: "152",
 				cy: "106",
@@ -203,37 +203,37 @@ function v() {
 	}) });
 }
 function y() {
-	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
 		transform: "translate(6 -4)",
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("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__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-detail",
 				d: "M104 64V140",
 				fill: "none",
 				strokeLinecap: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("circle", {
+			/* @__PURE__ */ a("circle", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				cx: "104",
 				cy: "58",
 				r: "6",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-outline",
 				d: "M136 98V88A12 16 0 0 1 160 88V98",
 				fill: "none",
 				strokeLinecap: "round",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("rect", {
+			/* @__PURE__ */ a("rect", {
 				className: "SStatusIllustration-surface SStatusIllustration-outline",
 				x: "124",
 				y: "96",
@@ -242,13 +242,13 @@ function y() {
 				rx: "10",
 				strokeWidth: "4"
 			}),
-			/* @__PURE__ */ i("circle", {
+			/* @__PURE__ */ a("circle", {
 				className: "SStatusIllustration-accent",
 				cx: "148",
 				cy: "116",
 				r: "5"
 			}),
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ a("path", {
 				className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
 				d: "M148 120V130",
 				strokeLinecap: "round",
@@ -258,33 +258,33 @@ function y() {
 	}) });
 }
 function b() {
-	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("g", {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
 		transform: "translate(0 -5)",
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ a("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__ */ a("g", {
+		}), /* @__PURE__ */ o("g", {
 			transform: "translate(-12)",
 			children: [
-				/* @__PURE__ */ i("circle", {
+				/* @__PURE__ */ a("circle", {
 					className: "SStatusIllustration-error",
 					cx: "88",
 					cy: "120",
 					r: "12",
 					stroke: "none"
 				}),
-				/* @__PURE__ */ i("path", {
+				/* @__PURE__ */ a("path", {
 					className: "SStatusIllustration-outline",
 					d: "M108 125L156 137",
 					fill: "none",
 					strokeLinecap: "round",
 					strokeWidth: "4"
 				}),
-				/* @__PURE__ */ i("circle", {
+				/* @__PURE__ */ a("circle", {
 					className: "SStatusIllustration-warning",
 					cx: "176",
 					cy: "142",
@@ -296,22 +296,22 @@ function b() {
 	}) });
 }
 function x() {
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("g", {
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("g", {
 		transform: "translate(120 90) rotate(45)",
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ a("path", {
 			className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
 			d: "M-68 0H-22",
 			strokeLinecap: "round",
 			strokeWidth: "14"
-		}), /* @__PURE__ */ i("path", {
+		}), /* @__PURE__ */ a("path", {
 			className: "SStatusIllustration-orange SStatusIllustration-orangeStroke",
 			d: "M22 0H68",
 			strokeLinecap: "round",
 			strokeWidth: "14"
 		})]
-	}), /* @__PURE__ */ i("g", {
+	}), /* @__PURE__ */ a("g", {
 		transform: "translate(120 90) rotate(-45)",
-		children: /* @__PURE__ */ i("path", {
+		children: /* @__PURE__ */ a("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__ */ 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, {
+	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, {
 		fill: "none",
 		focusable: "false",
 		shapeRendering: "geometricPrecision",
@@ -338,10 +338,10 @@ var S = {
 		...s,
 		"data-variant": o,
 		ref: n,
-		sx: [m, ...e(a)],
+		sx: [m, ...e(i)],
 		children: c
 	});
-}), T = d(o, {
+}), T = f(s, {
 	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 = 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,
+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,
 		name: "SStatusIllustration"
 	}), D = {
-		hasAction: l != null,
+		hasAction: u != null,
 		hasImage: !h && !!(_ || S),
 		variant: S
-	}, 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, {
+	}, 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, {
 		...C,
 		ownerState: D,
-		ref: r,
+		ref: i,
 		sx: [{
 			alignItems: "center",
 			boxSizing: "border-box",
@@ -371,53 +371,53 @@ var D = n.forwardRef(function(n, r) {
 			minHeight: "100dvh",
 			py: 8
 		}, ...e(b)],
-		children: /* @__PURE__ */ i(O, {
+		children: /* @__PURE__ */ a(O, {
 			maxWidth: "sm",
 			...L,
-			children: /* @__PURE__ */ a(k, {
+			children: /* @__PURE__ */ o(k, {
 				spacing: 4,
 				...R,
 				children: [
-					!h && (M || _ || S) ? /* @__PURE__ */ i(A, {
+					!h && (M || _ || S) ? /* @__PURE__ */ a(A, {
 						...q,
 						sx: [{
 							display: "flex",
 							justifyContent: "center"
 						}, ...e(K)],
-						children: M ? /* @__PURE__ */ i(M, { ...B }) : _ ? /* @__PURE__ */ i(j, {
+						children: M ? /* @__PURE__ */ a(M, { ...B }) : _ ? /* @__PURE__ */ a(j, {
 							alt: g,
 							height: "auto",
 							src: _,
 							width: 200,
 							...V
-						}) : /* @__PURE__ */ i(w, {
+						}) : /* @__PURE__ */ a(w, {
 							...B,
 							variant: S,
-							children: d
+							children: f
 						})
 					}) : null,
-					/* @__PURE__ */ a(N, {
+					/* @__PURE__ */ o(N, {
 						spacing: 1,
 						...Y,
 						sx: [{ textAlign: "center" }, ...e(J)],
-						children: [/* @__PURE__ */ i(P, {
+						children: [/* @__PURE__ */ a(P, {
 							variant: "h4",
 							...U,
 							children: x
-						}), /* @__PURE__ */ i(F, {
+						}), /* @__PURE__ */ a(F, {
 							variant: "body1",
 							...Z,
 							sx: [{ color: "text.secondary" }, ...e(X)],
 							children: m
 						})]
 					}),
-					l == null ? null : /* @__PURE__ */ i(I, {
+					u == null ? null : /* @__PURE__ */ a(I, {
 						...$,
 						sx: [{
 							display: "flex",
 							justifyContent: "center"
 						}, ...e(Q)],
-						children: l
+						children: u
 					})
 				]
 			})

package/dist/s-stepper/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as SStepper } from './s-stepper';
+export type { SStepperOwnProps, SStepperOwnerState, SStepperProps, SStepperSlotProps, SStepperSlots, SStepperStep, SStepperStepState, SStepperTypeMap, } from './s-stepper';
+export type {} from '../theme/component-augmentation';

package/dist/s-stepper/index.js

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

package/dist/s-stepper/s-stepper.d.ts

@@ -0,0 +1,90 @@
+import { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
+import { StepProps } from '@mui/material/Step';
+import { StepConnectorProps } from '@mui/material/StepConnector';
+import { StepIconProps } from '@mui/material/StepIcon';
+import { StepLabelProps } from '@mui/material/StepLabel';
+import { StepperOwnProps, StepperProps } from '@mui/material/Stepper';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+/** A single step in the progress indicator. */
+export interface SStepperStep {
+    /** Marks the step as done regardless of its position. Linear steppers complete preceding steps by default. */
+    completed?: boolean;
+    /** Secondary inline text rendered under the label. */
+    description?: number | string;
+    /** Passes the disabled state to MUI Step and dims its label and icon. */
+    disabled?: boolean;
+    /** Replaces the default step icon. */
+    icon?: React.ReactNode;
+    /** Unique step key. */
+    key: string;
+    /** Visible step label. */
+    label: React.ReactNode;
+}
+/** Props owned by the reusable step/progress indicator. */
+export interface SStepperOwnProps extends Omit<StepperOwnProps, 'children' | 'connector' | 'elevation' | 'square' | 'variant'> {
+    /**
+     * Zero-based index of the active step.
+     *
+     * Use `-1` to disable every step without an explicit override in linear
+     * mode. In non-linear mode, `-1` leaves every step inactive and preserves
+     * explicit per-step states.
+     * @default 0
+     */
+    activeStep?: number;
+    /**
+     * Places labels below their icons in horizontal orientation.
+     *
+     * MUI does not support alternative labels for vertical steppers, so this
+     * prop is ignored when `orientation="vertical"`.
+     * @default false
+     */
+    alternativeLabel?: boolean;
+    /** Steps rendered in order. */
+    steps: SStepperStep[];
+    /** Components used for internal structural slots. */
+    slots?: SStepperSlots;
+    /** Props or step-state callbacks for internal structural slots. */
+    slotProps?: SStepperSlotProps;
+}
+export interface SStepperTypeMap<AdditionalProps = object, RootComponent extends React.ElementType = 'ol'> {
+    props: AdditionalProps & SStepperOwnProps;
+    defaultComponent: RootComponent;
+}
+export type SStepperProps<RootComponent extends React.ElementType = SStepperTypeMap['defaultComponent'], AdditionalProps = object> = OverrideProps<SStepperTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+    component?: React.ElementType;
+};
+export interface SStepperOwnerState extends Omit<SStepperOwnProps, 'slotProps' | 'slots'> {
+    activeStep: number;
+    alternativeLabel: boolean;
+    component?: React.ElementType;
+    nonLinear: boolean;
+    orientation: NonNullable<StepperProps['orientation']>;
+}
+export interface SStepperStepState extends SStepperOwnerState {
+    active: boolean;
+    completed: boolean;
+    disabled: boolean;
+    index: number;
+    step: SStepperStep;
+}
+type RootSlotProps<Props> = MuiOwnerStateSlotProps<Props, SStepperOwnerState>;
+type StepSlotProps<Props> = MuiOwnerStateSlotProps<Props, SStepperStepState>;
+export interface SStepperSlots {
+    connector?: React.ElementType;
+    icon?: React.ElementType;
+    label?: React.ElementType;
+    root?: React.ElementType;
+    step?: React.ElementType;
+}
+export interface SStepperSlotProps {
+    connector?: RootSlotProps<StepConnectorProps>;
+    icon?: StepSlotProps<Partial<StepIconProps>>;
+    label?: StepSlotProps<Omit<StepLabelProps, 'children' | 'icon' | 'optional'>>;
+    root?: RootSlotProps<Omit<StepperProps, 'children' | 'connector' | 'elevation' | 'square' | 'variant'>>;
+    step?: StepSlotProps<Omit<StepProps, 'active' | 'children' | 'completed' | 'disabled'>>;
+}
+export declare const SStepper: OverridableComponent<SStepperTypeMap<object, "ol">> & {
+    displayName: string;
+};
+export default SStepper;

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

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