@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-stepper-BtODHVro.js

@@ -0,0 +1,892 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { t as i } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as a } from "./clsx-DGZSe4Nt.js";
+import { t as o } from "./generateUtilityClasses-DvX505Gy.js";
+import { t as s } from "./styled-Bog8QCl3.js";
+import { t as c } from "./useThemeProps-Dw9dmKyT.js";
+import { t as l } from "./RtlProvider-B7uVJXUY.js";
+import { t as u } from "./memoTheme-qFyKAk7y.js";
+import { t as d } from "./isMuiElement-CPjhi284.js";
+import { resolveOwnerStateSlotProps as f } from "./utils/slots.js";
+import { t as p } from "./ButtonBase-DovDC6-1.js";
+import { t as m } from "./appendOwnerState-CFQTq3pb.js";
+import { t as h } from "./useSlot-BG8ReOxN.js";
+import { n as g, t as _ } from "./createSvgIcon-3y-gS0r1.js";
+import { t as v } from "./mergeSlotProps-DC8r4QzS.js";
+import { i as y, n as b, r as x } from "./useRovingTabIndex-DPlW997R.js";
+import { t as S } from "./integerPropType-CCkQD1JY.js";
+import { t as C } from "./Typography-_P0svrkO.js";
+import * as w from "react";
+import { createElement as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Stepper/StepperContext.mjs
+var O = /* @__PURE__ */ e(t(), 1), k = /* @__PURE__ */ w.createContext({});
+process.env.NODE_ENV !== "production" && (k.displayName = "StepperContext");
+function A() {
+	return w.useContext(k);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/Step/StepContext.mjs
+var j = /* @__PURE__ */ w.createContext({});
+process.env.NODE_ENV !== "production" && (j.displayName = "StepContext");
+//#endregion
+//#region ../../node_modules/@mui/material/Step/stepClasses.mjs
+function M(e) {
+	return i("MuiStep", e);
+}
+o("MuiStep", [
+	"root",
+	"horizontal",
+	"vertical",
+	"alternativeLabel",
+	"completed"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/Step/Step.mjs
+var N = (e) => {
+	let { classes: t, orientation: r, alternativeLabel: i, completed: a } = e;
+	return n({ root: [
+		"root",
+		r,
+		i && "alternativeLabel",
+		a && "completed"
+	] }, M, t);
+}, P = s("li", {
+	name: "MuiStep",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.orientation],
+			n.alternativeLabel && t.alternativeLabel,
+			n.completed && t.completed
+		];
+	}
+})({ variants: [{
+	props: { orientation: "horizontal" },
+	style: {
+		paddingLeft: 8,
+		paddingRight: 8
+	}
+}, {
+	props: { alternativeLabel: !0 },
+	style: {
+		flex: 1,
+		position: "relative"
+	}
+}] }), F = /* @__PURE__ */ w.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiStep"
+	}), { active: i, children: o, className: s, component: c = "li", completed: l, disabled: u, expanded: d = !1, index: f, last: p, ...m } = n, { activeStep: h, connector: g, alternativeLabel: _, orientation: v, nonLinear: y, isTabList: b } = A(), [x = !1, S = !1, C = !1] = [
+		i,
+		l,
+		u
+	];
+	h === f ? x = i === void 0 ? !0 : i : !y && h > f ? S = l === void 0 ? !0 : l : !y && h < f && (C = u === void 0 ? !0 : u);
+	let T = w.useMemo(() => ({
+		index: f,
+		last: p,
+		expanded: d,
+		icon: f + 1,
+		active: x,
+		completed: S,
+		disabled: C
+	}), [
+		f,
+		p,
+		d,
+		x,
+		S,
+		C
+	]), O = {
+		...n,
+		active: x,
+		orientation: v,
+		alternativeLabel: _,
+		completed: S,
+		disabled: C,
+		expanded: d,
+		component: c
+	}, k = /* @__PURE__ */ D(P, {
+		as: c,
+		className: a(N(O).root, s),
+		ref: t,
+		ownerState: O,
+		role: b ? "presentation" : void 0,
+		...m,
+		children: [g && _ && f !== 0 ? g : null, o]
+	});
+	return /* @__PURE__ */ E(j.Provider, {
+		value: T,
+		children: g && !_ && f !== 0 ? /* @__PURE__ */ D(w.Fragment, { children: [g, k] }) : k
+	});
+});
+process.env.NODE_ENV !== "production" && (F.propTypes = {
+	active: O.default.bool,
+	children: O.default.node,
+	classes: O.default.object,
+	className: O.default.string,
+	completed: O.default.bool,
+	component: O.default.elementType,
+	disabled: O.default.bool,
+	expanded: O.default.bool,
+	index: S,
+	last: O.default.bool,
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/StepConnector/stepConnectorClasses.mjs
+function ee(e) {
+	return i("MuiStepConnector", e);
+}
+var I = o("MuiStepConnector", [
+	"root",
+	"horizontal",
+	"vertical",
+	"alternativeLabel",
+	"active",
+	"completed",
+	"disabled",
+	"line"
+]), L = (e) => {
+	let { classes: t, orientation: r, alternativeLabel: i, active: a, completed: o, disabled: s } = e;
+	return n({
+		root: [
+			"root",
+			r,
+			i && "alternativeLabel",
+			a && "active",
+			o && "completed",
+			s && "disabled"
+		],
+		line: ["line"]
+	}, ee, t);
+}, R = s("div", {
+	name: "MuiStepConnector",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.orientation],
+			n.alternativeLabel && t.alternativeLabel,
+			n.completed && t.completed
+		];
+	}
+})({
+	flex: "1 1 auto",
+	variants: [{
+		props: { orientation: "vertical" },
+		style: { marginLeft: 12 }
+	}, {
+		props: { alternativeLabel: !0 },
+		style: {
+			position: "absolute",
+			top: 12,
+			left: "calc(-50% + 20px)",
+			right: "calc(50% + 20px)"
+		}
+	}]
+}), te = s("span", {
+	name: "MuiStepConnector",
+	slot: "Line"
+})(u(({ theme: e }) => {
+	let t = e.palette.mode === "light" ? e.palette.grey[400] : e.palette.grey[600];
+	return {
+		display: "block",
+		borderColor: e.vars ? e.vars.palette.StepConnector.border : t,
+		variants: [{
+			props: { orientation: "horizontal" },
+			style: {
+				borderTopStyle: "solid",
+				borderTopWidth: 1
+			}
+		}, {
+			props: { orientation: "vertical" },
+			style: {
+				borderLeftStyle: "solid",
+				borderLeftWidth: 1,
+				minHeight: 24
+			}
+		}]
+	};
+})), z = /* @__PURE__ */ w.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiStepConnector"
+	}), { className: i, ...o } = n, { alternativeLabel: s, orientation: c = "horizontal" } = A(), { active: l, disabled: u, completed: d } = w.useContext(j), f = {
+		...n,
+		alternativeLabel: s,
+		orientation: c,
+		active: l,
+		completed: d,
+		disabled: u
+	}, p = L(f);
+	return /* @__PURE__ */ E(R, {
+		className: a(p.root, i),
+		ref: t,
+		ownerState: f,
+		...o,
+		children: /* @__PURE__ */ E(te, {
+			className: p.line,
+			ownerState: f
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (z.propTypes = {
+	classes: O.default.object,
+	className: O.default.string,
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/internal/svg-icons/CheckCircle.mjs
+var ne = _(/* @__PURE__ */ E("path", { d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z" }), "CheckCircle"), re = _(/* @__PURE__ */ E("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }), "Warning");
+//#endregion
+//#region ../../node_modules/@mui/material/StepIcon/stepIconClasses.mjs
+function B(e) {
+	return i("MuiStepIcon", e);
+}
+var V = o("MuiStepIcon", [
+	"root",
+	"active",
+	"completed",
+	"error",
+	"text"
+]), ie, ae = (e) => {
+	let { classes: t, active: r, completed: i, error: a } = e;
+	return n({
+		root: [
+			"root",
+			r && "active",
+			i && "completed",
+			a && "error"
+		],
+		text: ["text"]
+	}, B, t);
+}, H = s(g, {
+	name: "MuiStepIcon",
+	slot: "Root"
+})(u(({ theme: e }) => ({
+	display: "block",
+	transition: e.transitions.create("color", { duration: e.transitions.duration.shortest }),
+	color: (e.vars || e).palette.text.disabled,
+	[`&.${V.completed}, &.${V.active}`]: { color: (e.vars || e).palette.primary.main },
+	[`&.${V.error}`]: { color: (e.vars || e).palette.error.main }
+}))), oe = s("text", {
+	name: "MuiStepIcon",
+	slot: "Text"
+})(u(({ theme: e }) => ({
+	fill: (e.vars || e).palette.primary.contrastText,
+	fontSize: e.typography.caption.fontSize,
+	fontFamily: e.typography.fontFamily
+}))), U = /* @__PURE__ */ w.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiStepIcon"
+	}), { active: i = !1, className: o, completed: s = !1, error: c = !1, icon: l, ...u } = n, d = {
+		...n,
+		active: i,
+		completed: s,
+		error: c
+	}, f = ae(d);
+	if (typeof l == "number" || typeof l == "string") {
+		let e = a(o, f.root);
+		return c ? /* @__PURE__ */ E(H, {
+			as: re,
+			className: e,
+			ref: t,
+			ownerState: d,
+			...u
+		}) : s ? /* @__PURE__ */ E(H, {
+			as: ne,
+			className: e,
+			ref: t,
+			ownerState: d,
+			...u
+		}) : /* @__PURE__ */ D(H, {
+			className: e,
+			ref: t,
+			ownerState: d,
+			...u,
+			children: [ie ||= /* @__PURE__ */ E("circle", {
+				cx: "12",
+				cy: "12",
+				r: "12"
+			}), /* @__PURE__ */ E(oe, {
+				className: f.text,
+				x: "12",
+				y: "12",
+				textAnchor: "middle",
+				dominantBaseline: "central",
+				ownerState: d,
+				children: l
+			})]
+		});
+	}
+	return l;
+});
+process.env.NODE_ENV !== "production" && (U.propTypes = {
+	active: O.default.bool,
+	classes: O.default.object,
+	className: O.default.string,
+	completed: O.default.bool,
+	error: O.default.bool,
+	icon: O.default.node,
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/StepLabel/stepLabelClasses.mjs
+function W(e) {
+	return i("MuiStepLabel", e);
+}
+var G = o("MuiStepLabel", [
+	"root",
+	"horizontal",
+	"vertical",
+	"label",
+	"active",
+	"completed",
+	"error",
+	"disabled",
+	"iconContainer",
+	"alternativeLabel",
+	"labelContainer"
+]), K = (e) => {
+	let { classes: t, orientation: r, active: i, completed: a, error: o, disabled: s, alternativeLabel: c } = e;
+	return n({
+		root: [
+			"root",
+			r,
+			o && "error",
+			s && "disabled",
+			c && "alternativeLabel"
+		],
+		label: [
+			"label",
+			i && "active",
+			a && "completed",
+			o && "error",
+			s && "disabled",
+			c && "alternativeLabel"
+		],
+		iconContainer: [
+			"iconContainer",
+			i && "active",
+			a && "completed",
+			o && "error",
+			s && "disabled",
+			c && "alternativeLabel"
+		],
+		labelContainer: ["labelContainer", c && "alternativeLabel"]
+	}, W, t);
+}, se = s("span", {
+	name: "MuiStepLabel",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, t[n.orientation]];
+	}
+})({
+	display: "flex",
+	alignItems: "center",
+	[`&.${G.alternativeLabel}`]: { flexDirection: "column" },
+	[`&.${G.disabled}`]: { cursor: "default" },
+	variants: [{
+		props: { orientation: "vertical" },
+		style: {
+			textAlign: "left",
+			padding: "8px 0"
+		}
+	}]
+}), ce = s("span", {
+	name: "MuiStepLabel",
+	slot: "Label"
+})(u(({ theme: e }) => ({
+	...e.typography.body2,
+	display: "block",
+	transition: e.transitions.create("color", { duration: e.transitions.duration.shortest }),
+	[`&.${G.active}, &.${G.completed}`]: {
+		color: (e.vars || e).palette.text.primary,
+		fontWeight: 500
+	},
+	[`&.${G.alternativeLabel}`]: { marginTop: 16 },
+	[`&.${G.error}`]: { color: (e.vars || e).palette.error.main }
+}))), le = s("span", {
+	name: "MuiStepLabel",
+	slot: "IconContainer"
+})({
+	flexShrink: 0,
+	display: "flex",
+	paddingRight: 8,
+	[`&.${G.alternativeLabel}`]: { paddingRight: 0 }
+}), ue = s("span", {
+	name: "MuiStepLabel",
+	slot: "LabelContainer"
+})(u(({ theme: e }) => ({
+	width: "100%",
+	color: (e.vars || e).palette.text.secondary,
+	[`&.${G.alternativeLabel}`]: { textAlign: "center" }
+}))), q = /* @__PURE__ */ w.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiStepLabel"
+	}), { children: i, className: o, error: s = !1, icon: c, optional: l, slots: u = {}, slotProps: d = {}, ...f } = n, { alternativeLabel: p, orientation: m } = A(), { active: g, disabled: _, completed: v, icon: y } = w.useContext(j), b = c || y, x = {
+		...n,
+		active: g,
+		alternativeLabel: p,
+		completed: v,
+		disabled: _,
+		error: s,
+		orientation: m
+	}, S = K(x), C = {
+		slots: u,
+		slotProps: d
+	}, [T, O] = h("root", {
+		elementType: se,
+		externalForwardedProps: {
+			...C,
+			...f
+		},
+		ownerState: x,
+		ref: t,
+		className: a(S.root, o)
+	}), [k, M] = h("label", {
+		elementType: ce,
+		externalForwardedProps: C,
+		ownerState: x
+	}), [N, P] = h("stepIcon", {
+		elementType: b ? U : void 0,
+		externalForwardedProps: C,
+		ownerState: x
+	});
+	return /* @__PURE__ */ D(T, {
+		...O,
+		children: [b || N ? /* @__PURE__ */ E(le, {
+			className: S.iconContainer,
+			ownerState: x,
+			children: /* @__PURE__ */ E(N, {
+				completed: v,
+				active: g,
+				error: s,
+				icon: b,
+				...P
+			})
+		}) : null, /* @__PURE__ */ D(ue, {
+			className: S.labelContainer,
+			ownerState: x,
+			children: [i ? /* @__PURE__ */ E(k, {
+				...M,
+				className: a(S.label, M?.className),
+				children: i
+			}) : null, l]
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+	children: O.default.node,
+	classes: O.default.object,
+	className: O.default.string,
+	error: O.default.bool,
+	icon: O.default.node,
+	optional: O.default.node,
+	slotProps: O.default.shape({
+		label: O.default.oneOfType([O.default.func, O.default.object]),
+		root: O.default.oneOfType([O.default.func, O.default.object]),
+		stepIcon: O.default.oneOfType([O.default.func, O.default.object])
+	}),
+	slots: O.default.shape({
+		label: O.default.elementType,
+		root: O.default.elementType,
+		stepIcon: O.default.elementType
+	}),
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	])
+}), q.muiName = "StepLabel";
+//#endregion
+//#region ../../node_modules/@mui/material/Stepper/stepperClasses.mjs
+function J(e) {
+	return i("MuiStepper", e);
+}
+o("MuiStepper", [
+	"root",
+	"horizontal",
+	"vertical",
+	"nonLinear",
+	"alternativeLabel"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/StepButton/stepButtonClasses.mjs
+function de(e) {
+	return i("MuiStepButton", e);
+}
+var Y = o("MuiStepButton", [
+	"root",
+	"horizontal",
+	"vertical",
+	"touchRipple"
+]), fe = (e) => {
+	let { classes: t, orientation: r } = e;
+	return n({
+		root: ["root", r],
+		touchRipple: ["touchRipple"]
+	}, de, t);
+}, X = s(p, {
+	name: "MuiStepButton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${Y.touchRipple}`]: t.touchRipple },
+			t.root,
+			t[n.orientation]
+		];
+	}
+})({
+	width: "100%",
+	padding: "24px 16px",
+	margin: "-24px -16px",
+	boxSizing: "content-box",
+	[`& .${Y.touchRipple}`]: { color: "rgba(0, 0, 0, 0.3)" },
+	variants: [{
+		props: { orientation: "vertical" },
+		style: {
+			justifyContent: "flex-start",
+			padding: "8px",
+			margin: "-8px"
+		}
+	}]
+}), pe = /* @__PURE__ */ w.forwardRef(function(e, t) {
+	let { children: n, disabled: r, index: i, ...a } = e;
+	return /* @__PURE__ */ E(X, {
+		disabled: r,
+		...b({
+			id: i,
+			ref: t,
+			disabled: r
+		}),
+		...a,
+		children: n
+	});
+}), Z = /* @__PURE__ */ w.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiStepButton"
+	}), { children: i, className: o, icon: s, optional: c, ...l } = n, { disabled: u, active: f, index: p } = w.useContext(j), { orientation: m, totalSteps: h, isTabList: g } = A(), _ = {
+		...n,
+		orientation: m
+	}, v = fe(_), y = {
+		icon: s,
+		optional: c
+	}, b = d(i, ["StepLabel"]) ? /* @__PURE__ */ w.cloneElement(i, y) : /* @__PURE__ */ E(q, {
+		...y,
+		children: i
+	}), x = {
+		internalNativeButton: !0,
+		focusRipple: !0,
+		disabled: u,
+		TouchRippleProps: { className: v.touchRipple },
+		className: a(v.root, o),
+		ownerState: _,
+		"aria-selected": f,
+		"aria-posinset": p + 1,
+		"aria-setsize": h,
+		role: "tab",
+		...l
+	};
+	return g ? /* @__PURE__ */ E(pe, {
+		...x,
+		index: p,
+		ref: t,
+		children: b
+	}) : /* @__PURE__ */ E(X, {
+		ref: t,
+		tabIndex: f ? 0 : -1,
+		...x,
+		children: b
+	});
+});
+process.env.NODE_ENV !== "production" && (Z.propTypes = {
+	children: O.default.node,
+	classes: O.default.object,
+	className: O.default.string,
+	icon: O.default.node,
+	optional: O.default.node,
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/Stepper/Stepper.mjs
+var me = (e) => {
+	let { orientation: t, nonLinear: r, alternativeLabel: i, classes: a } = e;
+	return n({ root: [
+		"root",
+		t,
+		r && "nonLinear",
+		i && "alternativeLabel"
+	] }, J, a);
+}, Q = s("ol", {
+	name: "MuiStepper",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.orientation],
+			n.alternativeLabel && t.alternativeLabel,
+			n.nonLinear && t.nonLinear
+		];
+	}
+})({
+	display: "flex",
+	listStyle: "none",
+	margin: 0,
+	padding: 0,
+	variants: [
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				flexDirection: "row",
+				alignItems: "center"
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: { flexDirection: "column" }
+		},
+		{
+			props: { alternativeLabel: !0 },
+			style: { alignItems: "flex-start" }
+		}
+	]
+}), he = /* @__PURE__ */ E(z, {});
+function ge(e) {
+	let { children: t, className: n, component: r, forwardedRef: i, isRtl: a, orientation: o, ownerState: s, ...c } = e, l = x({
+		orientation: o,
+		isRtl: a
+	}), u = l.getContainerProps(i);
+	return /* @__PURE__ */ E(y.Provider, {
+		value: l,
+		children: /* @__PURE__ */ E(Q, {
+			as: r,
+			ownerState: s,
+			className: n,
+			role: "tablist",
+			"aria-orientation": o,
+			...u,
+			...c,
+			children: t
+		})
+	});
+}
+var $ = /* @__PURE__ */ w.forwardRef(function(e, t) {
+	let n = l(), i = r({
+		props: e,
+		name: "MuiStepper"
+	}), { activeStep: o = 0, alternativeLabel: s = !1, children: c, className: u, component: d = "ol", connector: f = he, nonLinear: p = !1, orientation: m = "horizontal", ...h } = i, g = {
+		...i,
+		nonLinear: p,
+		alternativeLabel: s,
+		orientation: m,
+		component: d
+	}, _ = me(g), v = w.Children.toArray(c).filter(Boolean), y = v.length, b = v.some((e) => {
+		if (!/* @__PURE__ */ w.isValidElement(e)) return !1;
+		if (e.type === Z) return !0;
+		let t = e.props.children;
+		return t ? w.Children.toArray(t).some((e) => /* @__PURE__ */ w.isValidElement(e) && e.type === Z) : !1;
+	}), x = v.map((e, t) => /* @__PURE__ */ w.cloneElement(e, {
+		index: t,
+		last: t + 1 === y,
+		...e.props
+	})), S = w.useMemo(() => ({
+		activeStep: o,
+		alternativeLabel: s,
+		connector: f,
+		nonLinear: p,
+		orientation: m,
+		totalSteps: y,
+		isTabList: b
+	}), [
+		o,
+		s,
+		f,
+		p,
+		m,
+		y,
+		b
+	]);
+	return b ? /* @__PURE__ */ E(k.Provider, {
+		value: S,
+		children: /* @__PURE__ */ E(ge, {
+			forwardedRef: t,
+			isRtl: n,
+			className: a(_.root, u),
+			component: d,
+			orientation: m,
+			ownerState: g,
+			...h,
+			children: x
+		})
+	}) : /* @__PURE__ */ E(k.Provider, {
+		value: S,
+		children: /* @__PURE__ */ E(Q, {
+			as: d,
+			ownerState: g,
+			className: a(_.root, u),
+			ref: t,
+			...h,
+			children: x
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && ($.propTypes = {
+	activeStep: S,
+	alternativeLabel: O.default.bool,
+	children: O.default.node,
+	classes: O.default.object,
+	className: O.default.string,
+	component: O.default.elementType,
+	connector: O.default.element,
+	nonLinear: O.default.bool,
+	orientation: O.default.oneOf(["horizontal", "vertical"]),
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	])
+});
+//#endregion
+//#region lib/s-stepper/s-stepper.tsx
+var _e = s($, {
+	name: "SStepper",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	width: "100%",
+	[`& .${G.labelContainer}`]: { minWidth: 0 },
+	[`& .${G.label}`]: { overflowWrap: "anywhere" },
+	variants: [{
+		props: ({ ownerState: e }) => e.orientation === "vertical",
+		style: { [`& .${G.root}`]: { paddingBlock: e.spacing(1) } }
+	}]
+})), ve = s(F, {
+	name: "SStepper",
+	slot: "Step"
+})({ minWidth: 0 }), ye = s(q, {
+	name: "SStepper",
+	slot: "Label"
+})(({ theme: e }) => ({ [`& .${G.label}`]: { [`&.${G.active}`]: {
+	color: (e.vars ?? e).palette.text.primary,
+	fontWeight: e.typography.fontWeightMedium
+} } })), be = s(U, {
+	name: "SStepper",
+	slot: "Icon"
+})({}), xe = s(z, {
+	name: "SStepper",
+	slot: "Connector"
+})(({ theme: e }) => ({
+	[`&.${I.active} .${I.line}`]: {
+		borderColor: (e.vars ?? e).palette.primary.main,
+		...e.applyStyles("dark", { borderColor: (e.vars ?? e).palette.primary.light })
+	},
+	[`&.${I.completed} .${I.line}`]: { borderColor: (e.vars ?? e).palette.success.main }
+})), Se = Object.assign(w.forwardRef(function(e, t) {
+	let n = c({
+		props: e,
+		name: "SStepper"
+	}), { activeStep: r = 0, alternativeLabel: i = !1, nonLinear: a = !1, orientation: o = "horizontal", slotProps: s, slots: l, steps: u, ...d } = n, p = o === "horizontal" && i, h = {
+		...n,
+		activeStep: r,
+		alternativeLabel: p,
+		nonLinear: a,
+		orientation: o
+	}, g = l?.root ?? _e, _ = l?.step ?? ve, y = l?.label ?? ye, b = l?.connector ?? xe, x = l?.icon ?? be, S = m(g, v(f(s?.root, h), {
+		...d,
+		activeStep: r,
+		alternativeLabel: p,
+		nonLinear: a,
+		orientation: o
+	}), h), w = m(b, f(s?.connector, h) ?? {}, h);
+	return /* @__PURE__ */ E(g, {
+		...S,
+		ref: t,
+		connector: /* @__PURE__ */ E(b, { ...w }),
+		children: u.map((e, t) => {
+			let n = t === r, i = e.completed ?? (!a && t < r), o = e.disabled ?? (!a && t > r), c = {
+				...h,
+				active: n,
+				completed: i,
+				disabled: o,
+				index: t,
+				step: e
+			}, l = m(_, f(s?.step, c) ?? {}, c), u = m(y, f(s?.label, c) ?? {}, c), d = f(s?.icon, c);
+			return /* @__PURE__ */ T(_, {
+				...l,
+				active: n,
+				"aria-current": n ? "step" : void 0,
+				completed: i,
+				disabled: o,
+				key: e.key
+			}, /* @__PURE__ */ E(y, {
+				...u,
+				icon: e.icon,
+				optional: e.description == null ? void 0 : /* @__PURE__ */ E(C, {
+					component: "span",
+					variant: "body2",
+					sx: { color: "text.secondary" },
+					children: e.description
+				}),
+				slotProps: { stepIcon: d },
+				slots: { stepIcon: x },
+				children: e.label
+			}));
+		})
+	});
+}), { displayName: "SStepper" });
+//#endregion
+export { Se as t };