@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/{s-carousel-CvmWl6Sc.js → s-carousel-Dnjke4JQ.js}

@@ -1,10 +1,12 @@
-import { t as e } from "./createSvgIcon-HW-tbFcL.js";
-import { SIconButton as t } from "./s-icon-button/s-icon-button.js";
-import { Children as n, forwardRef as r, useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Box as f, styled as p, useTheme as m } from "@mui/material";
+import { toSxArray as e } from "./utils/sx.js";
+import { t } from "./createSvgIcon-B0SZlJF1.js";
+import { SIconButton as n } from "./s-icon-button/s-icon-button.js";
+import * as r from "react";
+import { Children as i, forwardRef as a, useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, styled as h, useTheme as g, useThemeProps as _ } from "@mui/material";
 //#region ../../node_modules/@mui/icons-material/ArrowBackIosNew.mjs
-var h = e(/* @__PURE__ */ u("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z" }), "ArrowBackIosNew"), g = e(/* @__PURE__ */ u("path", { d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z" }), "ArrowForwardIos"), _ = {
+var v = t(/* @__PURE__ */ f("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z" }), "ArrowBackIosNew"), y = t(/* @__PURE__ */ f("path", { d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z" }), "ArrowForwardIos"), b = {
 	active: !0,
 	breakpoints: {},
 	delay: 4e3,
@@ -16,26 +18,26 @@ var h = e(/* @__PURE__ */ u("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L
 	stopOnLastSnap: !1,
 	rootNode: null
 };
-function v(e, t) {
+function x(e, t) {
 	let n = e.scrollSnapList();
 	return typeof t == "number" ? n.map(() => t) : t(n, e);
 }
-function y(e, t) {
+function S(e, t) {
 	let n = e.rootNode();
 	return t && t(n) || n;
 }
-function b(e = {}) {
+function C(e = {}) {
 	let t, n, r, i, a = null, o = 0, s = !1, c = !1, l = !1, u = !1;
 	function d(a, o) {
 		n = a;
 		let { mergeOptions: s, optionsAtMedia: c } = o;
-		if (t = c(s(s(_, b.globalOptions), e)), n.scrollSnapList().length <= 1) return;
-		u = t.jump, r = !1, i = v(n, t.delay);
-		let { eventStore: l, ownerDocument: d } = n.internalEngine(), f = !!n.internalEngine().options.watchDrag, p = y(n, t.rootNode);
-		l.add(d, "visibilitychange", x), f && n.on("pointerDown", C), f && !t.stopOnInteraction && n.on("pointerUp", w), t.stopOnMouseEnter && l.add(p, "mouseenter", T), t.stopOnMouseEnter && !t.stopOnInteraction && l.add(p, "mouseleave", E), t.stopOnFocusIn && n.on("slideFocusStart", g), t.stopOnFocusIn && !t.stopOnInteraction && l.add(n.containerNode(), "focusout", h), t.playOnInit && h();
+		if (t = c(s(s(b, C.globalOptions), e)), n.scrollSnapList().length <= 1) return;
+		u = t.jump, r = !1, i = x(n, t.delay);
+		let { eventStore: l, ownerDocument: d } = n.internalEngine(), f = !!n.internalEngine().options.watchDrag, p = S(n, t.rootNode);
+		l.add(d, "visibilitychange", _), f && n.on("pointerDown", y), f && !t.stopOnInteraction && n.on("pointerUp", w), t.stopOnMouseEnter && l.add(p, "mouseenter", T), t.stopOnMouseEnter && !t.stopOnInteraction && l.add(p, "mouseleave", E), t.stopOnFocusIn && n.on("slideFocusStart", g), t.stopOnFocusIn && !t.stopOnInteraction && l.add(n.containerNode(), "focusout", h), t.playOnInit && h();
 	}
 	function f() {
-		n.off("pointerDown", C).off("pointerUp", w).off("slideFocusStart", g), g(), r = !0, s = !1;
+		n.off("pointerDown", y).off("pointerUp", w).off("slideFocusStart", g), g(), r = !0, s = !1;
 	}
 	function p() {
 		let { ownerWindow: e } = n.internalEngine();
@@ -47,7 +49,7 @@ function b(e = {}) {
 	}
 	function h() {
 		if (!r) {
-			if (S()) {
+			if (v()) {
 				l = !0;
 				return;
 			}
@@ -57,15 +59,15 @@ function b(e = {}) {
 	function g() {
 		r || (s && n.emit("autoplay:stop"), m(), s = !1);
 	}
-	function x() {
-		if (S()) return l = s, g();
+	function _() {
+		if (v()) return l = s, g();
 		l && h();
 	}
-	function S() {
+	function v() {
 		let { ownerDocument: e } = n.internalEngine();
 		return e.visibilityState === "hidden";
 	}
-	function C() {
+	function y() {
 		c || g();
 	}
 	function w() {
@@ -109,93 +111,93 @@ function b(e = {}) {
 		timeUntilNext: M
 	};
 }
-b.globalOptions = void 0;
+C.globalOptions = void 0;
 //#endregion
 //#region ../../node_modules/embla-carousel-reactive-utils/esm/embla-carousel-reactive-utils.esm.js
-function x(e) {
+function w(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function S(e) {
-	return x(e) || Array.isArray(e);
+function T(e) {
+	return w(e) || Array.isArray(e);
 }
-function C() {
+function E() {
 	return !!(typeof window < "u" && window.document && window.document.createElement);
 }
-function w(e, t) {
+function D(e, t) {
 	let n = Object.keys(e), r = Object.keys(t);
 	return n.length !== r.length || JSON.stringify(Object.keys(e.breakpoints || {})) !== JSON.stringify(Object.keys(t.breakpoints || {})) ? !1 : n.every((n) => {
 		let r = e[n], i = t[n];
-		return typeof r == "function" ? `${r}` == `${i}` : !S(r) || !S(i) ? r === i : w(r, i);
+		return typeof r == "function" ? `${r}` == `${i}` : !T(r) || !T(i) ? r === i : D(r, i);
 	});
 }
-function T(e) {
+function O(e) {
 	return e.concat().sort((e, t) => e.name > t.name ? 1 : -1).map((e) => e.options);
 }
-function E(e, t) {
+function k(e, t) {
 	if (e.length !== t.length) return !1;
-	let n = T(e), r = T(t);
+	let n = O(e), r = O(t);
 	return n.every((e, t) => {
 		let n = r[t];
-		return w(e, n);
+		return D(e, n);
 	});
 }
 //#endregion
 //#region ../../node_modules/embla-carousel/esm/embla-carousel.esm.js
-function D(e) {
+function A(e) {
 	return typeof e == "number";
 }
-function O(e) {
+function j(e) {
 	return typeof e == "string";
 }
-function k(e) {
+function M(e) {
 	return typeof e == "boolean";
 }
-function A(e) {
+function N(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function j(e) {
+function P(e) {
 	return Math.abs(e);
 }
-function M(e) {
+function F(e) {
 	return Math.sign(e);
 }
-function N(e, t) {
-	return j(e - t);
+function I(e, t) {
+	return P(e - t);
 }
 function ee(e, t) {
-	return e === 0 || t === 0 || j(e) <= j(t) ? 0 : j(N(j(e), j(t)) / e);
+	return e === 0 || t === 0 || P(e) <= P(t) ? 0 : P(I(P(e), P(t)) / e);
 }
-function P(e) {
+function L(e) {
 	return Math.round(e * 100) / 100;
 }
-function F(e) {
-	return B(e).map(Number);
+function R(e) {
+	return H(e).map(Number);
 }
-function I(e) {
-	return e[L(e)];
+function z(e) {
+	return e[B(e)];
 }
-function L(e) {
+function B(e) {
 	return Math.max(0, e.length - 1);
 }
-function R(e, t) {
-	return t === L(e);
+function V(e, t) {
+	return t === B(e);
 }
-function z(e, t = 0) {
+function te(e, t = 0) {
 	return Array.from(Array(e), (e, n) => t + n);
 }
-function B(e) {
+function H(e) {
 	return Object.keys(e);
 }
-function V(e, t) {
-	return [e, t].reduce((e, t) => (B(t).forEach((n) => {
+function U(e, t) {
+	return [e, t].reduce((e, t) => (H(t).forEach((n) => {
 		let r = e[n], i = t[n];
-		e[n] = A(r) && A(i) ? V(r, i) : i;
+		e[n] = N(r) && N(i) ? U(r, i) : i;
 	}), e), {});
 }
-function H(e, t) {
+function W(e, t) {
 	return t.MouseEvent !== void 0 && e instanceof t.MouseEvent;
 }
-function U(e, t) {
+function G(e, t) {
 	let n = {
 		start: r,
 		center: i,
@@ -211,11 +213,11 @@ function U(e, t) {
 		return t - e;
 	}
 	function o(r, i) {
-		return O(e) ? n[e](r) : e(t, r, i);
+		return j(e) ? n[e](r) : e(t, r, i);
 	}
 	return { measure: o };
 }
-function W() {
+function ne() {
 	let e = [];
 	function t(t, n, i, a = { passive: !0 }) {
 		let o;
@@ -235,8 +237,8 @@ function W() {
 	};
 	return r;
 }
-function te(e, t, n, r) {
-	let i = W(), a = 1e3 / 60, o = null, s = 0, c = 0;
+function re(e, t, n, r) {
+	let i = ne(), a = 1e3 / 60, o = null, s = 0, c = 0;
 	function l() {
 		i.add(e, "visibilitychange", () => {
 			e.hidden && m();
@@ -270,7 +272,7 @@ function te(e, t, n, r) {
 		render: r
 	};
 }
-function ne(e, t) {
+function K(e, t) {
 	let n = t === "rtl", r = e === "y", i = r ? "y" : "x", a = r ? "x" : "y", o = !r && n ? -1 : 1, s = u(), c = d();
 	function l(e) {
 		let { height: t, width: n } = e;
@@ -294,8 +296,8 @@ function ne(e, t) {
 		direction: f
 	};
 }
-function G(e = 0, t = 0) {
-	let n = j(e - t);
+function q(e = 0, t = 0) {
+	let n = P(e - t);
 	function r(t) {
 		return t < e;
 	}
@@ -322,10 +324,10 @@ function G(e = 0, t = 0) {
 		removeOffset: s
 	};
 }
-function re(e, t, n) {
-	let { constrain: r } = G(0, e), i = e + 1, a = o(t);
+function J(e, t, n) {
+	let { constrain: r } = q(0, e), i = e + 1, a = o(t);
 	function o(e) {
-		return n ? j((i + e) % i) : r(e);
+		return n ? P((i + e) % i) : r(e);
 	}
 	function s() {
 		return a;
@@ -337,7 +339,7 @@ function re(e, t, n) {
 		return u().set(s() + e);
 	}
 	function u() {
-		return re(e, s(), n);
+		return J(e, s(), n);
 	}
 	let d = {
 		get: s,
@@ -347,79 +349,79 @@ function re(e, t, n) {
 	};
 	return d;
 }
-function ie(e, t, n, r, i, a, o, s, c, l, u, d, f, p, m, h, g, _, v) {
+function Y(e, t, n, r, i, a, o, s, c, l, u, d, f, p, m, h, g, _, v) {
 	let { cross: y, direction: b } = e, x = [
 		"INPUT",
 		"SELECT",
 		"TEXTAREA"
-	], S = { passive: !1 }, C = W(), w = W(), T = G(50, 225).constrain(p.measure(20)), E = {
+	], S = { passive: !1 }, C = ne(), w = ne(), T = q(50, 225).constrain(p.measure(20)), E = {
 		mouse: 300,
 		touch: 400
 	}, D = {
 		mouse: 500,
 		touch: 600
-	}, O = m ? 43 : 25, A = !1, P = 0, F = 0, I = !1, L = !1, R = !1, z = !1;
+	}, O = m ? 43 : 25, k = !1, A = 0, j = 0, N = !1, L = !1, R = !1, z = !1;
 	function B(e) {
 		if (!v) return;
 		function n(t) {
-			(k(v) || v(e, t)) && ie(t);
+			(M(v) || v(e, t)) && re(t);
 		}
 		let r = t;
-		C.add(r, "dragstart", (e) => e.preventDefault(), S).add(r, "touchmove", () => void 0, S).add(r, "touchend", () => void 0).add(r, "touchstart", n).add(r, "mousedown", n).add(r, "touchcancel", K).add(r, "contextmenu", K).add(r, "click", oe, !0);
+		C.add(r, "dragstart", (e) => e.preventDefault(), S).add(r, "touchmove", () => void 0, S).add(r, "touchend", () => void 0).add(r, "touchstart", n).add(r, "mousedown", n).add(r, "touchcancel", J).add(r, "contextmenu", J).add(r, "click", Y, !0);
 	}
 	function V() {
 		C.clear(), w.clear();
 	}
-	function U() {
+	function te() {
 		let e = z ? n : t;
-		w.add(e, "touchmove", ae, S).add(e, "touchend", K).add(e, "mousemove", ae, S).add(e, "mouseup", K);
+		w.add(e, "touchmove", K, S).add(e, "touchend", J).add(e, "mousemove", K, S).add(e, "mouseup", J);
 	}
-	function te(e) {
+	function H(e) {
 		let t = e.nodeName || "";
 		return x.includes(t);
 	}
-	function ne() {
+	function U() {
 		return (m ? D : E)[z ? "mouse" : "touch"];
 	}
-	function re(e, t) {
-		let n = d.add(M(e) * -1), r = u.byDistance(e, !m).distance;
-		return m || j(e) < T ? r : g && t ? r * .5 : u.byIndex(n.get(), 0).distance;
+	function G(e, t) {
+		let n = d.add(F(e) * -1), r = u.byDistance(e, !m).distance;
+		return m || P(e) < T ? r : g && t ? r * .5 : u.byIndex(n.get(), 0).distance;
 	}
-	function ie(e) {
-		let t = H(e, r);
-		z = t, R = m && t && !e.buttons && A, A = N(i.get(), o.get()) >= 2, !(t && e.button !== 0) && (te(e.target) || (I = !0, a.pointerDown(e), l.useFriction(0).useDuration(0), i.set(o), U(), P = a.readPoint(e), F = a.readPoint(e, y), f.emit("pointerDown")));
+	function re(e) {
+		let t = W(e, r);
+		z = t, R = m && t && !e.buttons && k, k = I(i.get(), o.get()) >= 2, !(t && e.button !== 0) && (H(e.target) || (N = !0, a.pointerDown(e), l.useFriction(0).useDuration(0), i.set(o), te(), A = a.readPoint(e), j = a.readPoint(e, y), f.emit("pointerDown")));
 	}
-	function ae(e) {
-		if (!H(e, r) && e.touches.length >= 2) return K(e);
-		let t = a.readPoint(e), n = a.readPoint(e, y), o = N(t, P), c = N(n, F);
-		if (!L && !z && (!e.cancelable || (L = o > c, !L))) return K(e);
+	function K(e) {
+		if (!W(e, r) && e.touches.length >= 2) return J(e);
+		let t = a.readPoint(e), n = a.readPoint(e, y), o = I(t, A), c = I(n, j);
+		if (!L && !z && (!e.cancelable || (L = o > c, !L))) return J(e);
 		let u = a.pointerMove(e);
 		o > h && (R = !0), l.useFriction(.3).useDuration(.75), s.start(), i.add(b(u)), e.preventDefault();
 	}
-	function K(e) {
-		let t = u.byDistance(0, !1).index !== d.get(), n = a.pointerUp(e) * ne(), r = re(b(n), t), i = ee(n, r), o = O - 10 * i, s = _ + i / 50;
-		L = !1, I = !1, w.clear(), l.useDuration(o).useFriction(s), c.distance(r, !m), z = !1, f.emit("pointerUp");
+	function J(e) {
+		let t = u.byDistance(0, !1).index !== d.get(), n = a.pointerUp(e) * U(), r = G(b(n), t), i = ee(n, r), o = O - 10 * i, s = _ + i / 50;
+		L = !1, N = !1, w.clear(), l.useDuration(o).useFriction(s), c.distance(r, !m), z = !1, f.emit("pointerUp");
 	}
-	function oe(e) {
+	function Y(e) {
 		R &&= (e.stopPropagation(), e.preventDefault(), !1);
 	}
-	function se() {
-		return I;
+	function ie() {
+		return N;
 	}
 	return {
 		init: B,
 		destroy: V,
-		pointerDown: se
+		pointerDown: ie
 	};
 }
-function ae(e, t) {
+function ie(e, t) {
 	let n, r;
 	function i(e) {
 		return e.timeStamp;
 	}
 	function a(n, r) {
 		let i = `client${(r || e.scroll) === "x" ? "X" : "Y"}`;
-		return (H(n, t) ? n : n.touches[0])[i];
+		return (W(n, t) ? n : n.touches[0])[i];
 	}
 	function o(e) {
 		return n = e, r = e, a(e);
@@ -431,7 +433,7 @@ function ae(e, t) {
 	function c(e) {
 		if (!n || !r) return 0;
 		let t = a(r) - a(n), o = i(e) - i(n), s = i(e) - i(r) > 170, c = t / o;
-		return o && !s && j(c) > .1 ? c : 0;
+		return o && !s && P(c) > .1 ? c : 0;
 	}
 	return {
 		pointerDown: o,
@@ -440,7 +442,7 @@ function ae(e, t) {
 		readPoint: a
 	};
 }
-function K() {
+function ae() {
 	function e(e) {
 		let { offsetTop: t, offsetLeft: n, offsetWidth: r, offsetHeight: i } = e;
 		return {
@@ -472,14 +474,14 @@ function se(e, t, n, r, i, a, o) {
 			for (let a of n) {
 				if (d) return;
 				let n = a.target === e, o = r.indexOf(a.target), s = n ? l : u[o];
-				if (j(f(n ? e : r[o]) - s) >= .5) {
+				if (P(f(n ? e : r[o]) - s) >= .5) {
 					i.reInit(), t.emit("resize");
 					break;
 				}
 			}
 		}
 		c = new ResizeObserver((e) => {
-			(k(a) || a(i, e)) && o(e);
+			(M(a) || a(i, e)) && o(e);
 		}), n.requestAnimationFrame(() => {
 			s.forEach((e) => c.observe(e));
 		});
@@ -496,10 +498,10 @@ function ce(e, t, n, r, i, a) {
 	let o = 0, s = 0, c = i, l = a, u = e.get(), d = 0;
 	function f() {
 		let t = r.get() - e.get(), i = !c, a = 0;
-		return i ? (o = 0, n.set(r), e.set(r), a = t) : (n.set(e), o += t / c, o *= l, u += o, e.add(o), a = u - d), s = M(a), d = u, x;
+		return i ? (o = 0, n.set(r), e.set(r), a = t) : (n.set(e), o += t / c, o *= l, u += o, e.add(o), a = u - d), s = F(a), d = u, x;
 	}
 	function p() {
-		return j(r.get() - t.get()) < .001;
+		return P(r.get() - t.get()) < .001;
 	}
 	function m() {
 		return c;
@@ -536,14 +538,14 @@ function ce(e, t, n, r, i, a) {
 	return x;
 }
 function le(e, t, n, r, i) {
-	let a = i.measure(10), o = i.measure(50), s = G(.1, .99), c = !1;
+	let a = i.measure(10), o = i.measure(50), s = q(.1, .99), c = !1;
 	function l() {
 		return !(c || !e.reachedAny(n.get()) || !e.reachedAny(t.get()));
 	}
 	function u(i) {
 		if (!l()) return;
-		let c = j(e[e.reachedMin(t.get()) ? "min" : "max"] - t.get()), u = n.get() - t.get(), d = s.constrain(c / o);
-		n.subtract(u * d), !i && j(u) < a && (n.set(e.constrain(n.get())), r.useDuration(25).useBaseFriction());
+		let c = P(e[e.reachedMin(t.get()) ? "min" : "max"] - t.get()), u = n.get() - t.get(), d = s.constrain(c / o);
+		n.subtract(u * d), !i && P(u) < a && (n.set(e.constrain(n.get())), r.useDuration(25).useBaseFriction());
 	}
 	function d(e) {
 		c = !e;
@@ -555,17 +557,17 @@ function le(e, t, n, r, i) {
 	};
 }
 function ue(e, t, n, r, i) {
-	let a = G(-t + e, 0), o = d(), s = u(), c = f();
+	let a = q(-t + e, 0), o = d(), s = u(), c = f();
 	function l(e, t) {
-		return N(e, t) <= 1;
+		return I(e, t) <= 1;
 	}
 	function u() {
-		let e = o[0], t = I(o);
-		return G(o.lastIndexOf(e), o.indexOf(t) + 1);
+		let e = o[0], t = z(o);
+		return q(o.lastIndexOf(e), o.indexOf(t) + 1);
 	}
 	function d() {
 		return n.map((e, t) => {
-			let { min: r, max: i } = a, o = a.constrain(e), s = !t, c = R(n, t);
+			let { min: r, max: i } = a, o = a.constrain(e), s = !t, c = V(n, t);
 			return s ? i : c || l(r, o) ? r : l(i, o) ? i : o;
 		}).map((e) => parseFloat(e.toFixed(3)));
 	}
@@ -582,10 +584,10 @@ function ue(e, t, n, r, i) {
 }
 function de(e, t, n) {
 	let r = t[0];
-	return { limit: G(n ? r - e : I(t), r) };
+	return { limit: q(n ? r - e : z(t), r) };
 }
 function fe(e, t, n, r) {
-	let i = .1, { reachedMin: a, reachedMax: o } = G(t.min + i, t.max + i);
+	let i = .1, { reachedMin: a, reachedMax: o } = q(t.min + i, t.max + i);
 	function s(e) {
 		return e === 1 ? o(n.get()) : e === -1 ? a(n.get()) : !1;
 	}
@@ -607,10 +609,10 @@ function pe(e) {
 function me(e, t, n, r, i) {
 	let { startEdge: a, endEdge: o } = e, { groupSlides: s } = i, c = d().map(t.measure), l = f(), u = p();
 	function d() {
-		return s(r).map((e) => I(e)[o] - e[0][a]).map(j);
+		return s(r).map((e) => z(e)[o] - e[0][a]).map(P);
 	}
 	function f() {
-		return r.map((e) => n[a] - e[a]).map((e) => -j(e));
+		return r.map((e) => n[a] - e[a]).map((e) => -P(e));
 	}
 	function p() {
 		return s(l).map((e) => e[0]).map((e, t) => e + c[t]);
@@ -625,8 +627,8 @@ function he(e, t, n, r, i, a) {
 	function u() {
 		let r = o(a), i = !e || t === "keepSnaps";
 		return n.length === 1 ? [a] : i ? r : r.slice(s, c).map((e, t, n) => {
-			let r = !t, i = R(n, t);
-			return r ? z(I(n[0]) + 1) : i ? z(L(a) - I(n)[0] + 1, I(n)[0]) : e;
+			let r = !t, i = V(n, t);
+			return r ? te(z(n[0]) + 1) : i ? te(B(a) - z(n)[0] + 1, z(n)[0]) : e;
 		});
 	}
 	return { slideRegistry: l };
@@ -634,13 +636,13 @@ function he(e, t, n, r, i, a) {
 function ge(e, t, n, r, i) {
 	let { reachedAny: a, removeOffset: o, constrain: s } = r;
 	function c(e) {
-		return e.concat().sort((e, t) => j(e) - j(t))[0];
+		return e.concat().sort((e, t) => P(e) - P(t))[0];
 	}
 	function l(n) {
 		let r = e ? o(n) : s(n), { index: i } = t.map((e, t) => ({
 			diff: u(e - r, 0),
 			index: t
-		})).sort((e, t) => j(e.diff) - j(t.diff))[0];
+		})).sort((e, t) => P(e.diff) - P(t.diff))[0];
 		return {
 			index: i,
 			distance: r
@@ -654,8 +656,8 @@ function ge(e, t, n, r, i) {
 		];
 		if (!e) return t;
 		if (!r) return c(i);
-		let a = i.filter((e) => M(e) === r);
-		return a.length ? c(a) : I(i) - n;
+		let a = i.filter((e) => F(e) === r);
+		return a.length ? c(a) : z(i) - n;
 	}
 	function d(e, n) {
 		return {
@@ -707,11 +709,11 @@ function ve(e, t, n, r, i, a, o, s) {
 			if ((/* @__PURE__ */ new Date()).getTime() - l > 10) return;
 			o.emit("slideFocusStart"), e.scrollLeft = 0;
 			let a = n.findIndex((e) => e.includes(t));
-			D(a) && (i.useDuration(0), r.index(a, 0), o.emit("slideFocus"));
+			A(a) && (i.useDuration(0), r.index(a, 0), o.emit("slideFocus"));
 		}
 		a.add(document, "keydown", d, !1), t.forEach((e, t) => {
 			a.add(e, "focus", (e) => {
-				(k(s) || s(u, e)) && f(t);
+				(M(s) || s(u, e)) && f(t);
 			}, c);
 		});
 	}
@@ -720,7 +722,7 @@ function ve(e, t, n, r, i, a, o, s) {
 	}
 	return { init: u };
 }
-function q(e) {
+function ye(e) {
 	let t = e;
 	function n() {
 		return t;
@@ -735,7 +737,7 @@ function q(e) {
 		t -= o(e);
 	}
 	function o(e) {
-		return D(e) ? e : e.get();
+		return A(e) ? e : e.get();
 	}
 	return {
 		get: n,
@@ -744,7 +746,7 @@ function q(e) {
 		subtract: a
 	};
 }
-function ye(e, t) {
+function be(e, t) {
 	let n = e.scroll === "x" ? o : s, r = t.style, i = null, a = !1;
 	function o(e) {
 		return `translate3d(${e}px,0px,0px)`;
@@ -754,7 +756,7 @@ function ye(e, t) {
 	}
 	function c(t) {
 		if (a) return;
-		let o = P(e.direction(t));
+		let o = L(e.direction(t));
 		o !== i && (r.transform = n(o), i = o);
 	}
 	function l(e) {
@@ -769,8 +771,8 @@ function ye(e, t) {
 		toggleActive: l
 	};
 }
-function be(e, t, n, r, i, a, o, s, c) {
-	let l = .5, u = F(i), d = F(i).reverse(), f = _().concat(v());
+function xe(e, t, n, r, i, a, o, s, c) {
+	let l = .5, u = R(i), d = R(i).reverse(), f = _().concat(v());
 	function p(e, t) {
 		return e.reduce((e, t) => e - i[t], t);
 	}
@@ -790,8 +792,8 @@ function be(e, t, n, r, i, a, o, s, c) {
 			return {
 				index: t,
 				loopPoint: u,
-				slideLocation: q(-1),
-				translate: ye(e, c[t]),
+				slideLocation: ye(-1),
+				translate: be(e, c[t]),
 				target: () => s.get() > u ? r : o
 			};
 		});
@@ -822,7 +824,7 @@ function be(e, t, n, r, i, a, o, s, c) {
 		loopPoints: f
 	};
 }
-function xe(e, t, n) {
+function Se(e, t, n) {
 	let r, i = !1;
 	function a(a) {
 		if (!n) return;
@@ -833,7 +835,7 @@ function xe(e, t, n) {
 			}
 		}
 		r = new MutationObserver((e) => {
-			i || (k(n) || n(a, e)) && o(e);
+			i || (M(n) || n(a, e)) && o(e);
 		}), r.observe(e, { childList: !0 });
 	}
 	function o() {
@@ -844,7 +846,7 @@ function xe(e, t, n) {
 		destroy: o
 	};
 }
-function Se(e, t, n, r) {
+function Ce(e, t, n, r) {
 	let i = {}, a = null, o = null, s, c = !1;
 	function l() {
 		s = new IntersectionObserver((e) => {
@@ -861,7 +863,7 @@ function Se(e, t, n, r) {
 		s && s.disconnect(), c = !0;
 	}
 	function d(e) {
-		return B(i).reduce((t, n) => {
+		return H(i).reduce((t, n) => {
 			let r = parseInt(n), { isIntersecting: a } = i[r];
 			return (e && a || !e && !a) && t.push(r), t;
 		}, []);
@@ -878,23 +880,23 @@ function Se(e, t, n, r) {
 		get: f
 	};
 }
-function Ce(e, t, n, r, i, a) {
+function we(e, t, n, r, i, a) {
 	let { measureSize: o, startEdge: s, endEdge: c } = e, l = n[0] && i, u = m(), d = h(), f = n.map(o), p = g();
 	function m() {
 		if (!l) return 0;
 		let e = n[0];
-		return j(t[s] - e[s]);
+		return P(t[s] - e[s]);
 	}
 	function h() {
 		if (!l) return 0;
-		let e = a.getComputedStyle(I(r));
+		let e = a.getComputedStyle(z(r));
 		return parseFloat(e.getPropertyValue(`margin-${c}`));
 	}
 	function g() {
 		return n.map((e, t, n) => {
-			let r = !t, i = R(n, t);
+			let r = !t, i = V(n, t);
 			return r ? f[t] + u : i ? f[t] + d : n[t + 1][s] - e[s];
-		}).map(j);
+		}).map(P);
 	}
 	return {
 		slideSizes: f,
@@ -903,14 +905,14 @@ function Ce(e, t, n, r, i, a) {
 		endGap: d
 	};
 }
-function we(e, t, n, r, i, a, o, s, c) {
-	let { startEdge: l, endEdge: u, direction: d } = e, f = D(n);
+function Te(e, t, n, r, i, a, o, s, c) {
+	let { startEdge: l, endEdge: u, direction: d } = e, f = A(n);
 	function p(e, t) {
-		return F(e).filter((e) => e % t === 0).map((n) => e.slice(n, n + t));
+		return R(e).filter((e) => e % t === 0).map((n) => e.slice(n, n + t));
 	}
 	function m(e) {
-		return e.length ? F(e).reduce((n, f, p) => {
-			let m = I(n) || 0, h = m === 0, g = f === L(e), _ = i[l] - a[m][l], v = i[l] - a[f][u], y = !r && h ? d(o) : 0, b = j(v - (!r && g ? d(s) : 0) - (_ + y));
+		return e.length ? R(e).reduce((n, f, p) => {
+			let m = z(n) || 0, h = m === 0, g = f === B(e), _ = i[l] - a[m][l], v = i[l] - a[f][u], y = !r && h ? d(o) : 0, b = P(v - (!r && g ? d(s) : 0) - (_ + y));
 			return p && b > t + c && n.push(f), g && n.push(e.length), n;
 		}, []).map((t, n, r) => {
 			let i = Math.max(r[n - 1] || 0);
@@ -922,59 +924,59 @@ function we(e, t, n, r, i, a, o, s, c) {
 	}
 	return { groupSlides: h };
 }
-function J(e, t, n, r, i, a, o) {
-	let { align: s, axis: c, direction: l, startIndex: u, loop: d, duration: f, dragFree: p, dragThreshold: m, inViewThreshold: h, slidesToScroll: g, skipSnaps: _, containScroll: v, watchResize: y, watchSlides: b, watchDrag: x, watchFocus: S } = a, C = K(), w = C.measure(t), T = n.map(C.measure), E = ne(c, l), D = E.measureSize(w), O = oe(D), k = U(s, D), A = !d && !!v, { slideSizes: j, slideSizesWithGaps: M, startGap: N, endGap: ee } = Ce(E, w, T, n, d || !!v, i), P = we(E, D, g, d, w, T, N, ee, 2), { snaps: R, snapsAligned: z } = me(E, k, w, T, P), B = -I(R) + I(M), { snapsContained: V, scrollContainLimit: H } = ue(D, B, z, v, 2), G = A ? V : z, { limit: J } = de(B, G, d), Y = re(L(G), u, d), Te = Y.clone(), Ee = F(n), De = ({ dragHandler: e, scrollBody: t, scrollBounds: n, options: { loop: r } }) => {
+function Ee(e, t, n, r, i, a, o) {
+	let { align: s, axis: c, direction: l, startIndex: u, loop: d, duration: f, dragFree: p, dragThreshold: m, inViewThreshold: h, slidesToScroll: g, skipSnaps: _, containScroll: v, watchResize: y, watchSlides: b, watchDrag: x, watchFocus: S } = a, C = ae(), w = C.measure(t), T = n.map(C.measure), E = K(c, l), D = E.measureSize(w), O = oe(D), k = G(s, D), A = !d && !!v, { slideSizes: j, slideSizesWithGaps: M, startGap: N, endGap: P } = we(E, w, T, n, d || !!v, i), F = Te(E, D, g, d, w, T, N, P, 2), { snaps: I, snapsAligned: ee } = me(E, k, w, T, F), L = -z(I) + z(M), { snapsContained: V, scrollContainLimit: te } = ue(D, L, ee, v, 2), H = A ? V : ee, { limit: U } = de(L, H, d), W = J(B(H), u, d), q = W.clone(), Ee = R(n), De = ({ dragHandler: e, scrollBody: t, scrollBounds: n, options: { loop: r } }) => {
 		r || n.constrain(e.pointerDown()), t.seek();
 	}, Oe = ({ scrollBody: e, translate: t, location: n, offsetLocation: r, previousLocation: i, scrollLooper: a, slideLooper: o, dragHandler: s, animation: c, eventHandler: l, scrollBounds: u, options: { loop: d } }, f) => {
 		let p = e.settled(), m = !u.shouldConstrain(), h = d ? p : p && m, g = h && !s.pointerDown();
 		g && c.stop();
 		let _ = n.get() * f + i.get() * (1 - f);
 		r.set(_), d && (a.loop(e.direction()), o.loop()), t.to(r.get()), g && l.emit("settle"), h || l.emit("scroll");
-	}, X = te(r, i, () => De(Be), (e) => Oe(Be, e)), ke = .68, Ae = G[Y.get()], je = q(Ae), Me = q(Ae), Z = q(Ae), Q = q(Ae), $ = ce(je, Z, Me, Q, f, ke), Ne = ge(d, G, B, J, Q), Pe = _e(X, Y, Te, $, Ne, Q, o), Fe = pe(J), Ie = W(), Le = Se(t, n, o, h), { slideRegistry: Re } = he(A, v, G, H, P, Ee), ze = ve(e, n, Re, Pe, $, Ie, o, S), Be = {
+	}, ke = re(r, i, () => De(Be), (e) => Oe(Be, e)), Ae = .68, X = H[W.get()], Z = ye(X), je = ye(X), Q = ye(X), $ = ye(X), Me = ce(Z, Q, je, $, f, Ae), Ne = ge(d, H, L, U, $), Pe = _e(ke, W, q, Me, Ne, $, o), Fe = pe(U), Ie = ne(), Le = Ce(t, n, o, h), { slideRegistry: Re } = he(A, v, H, te, F, Ee), ze = ve(e, n, Re, Pe, Me, Ie, o, S), Be = {
 		ownerDocument: r,
 		ownerWindow: i,
 		eventHandler: o,
 		containerRect: w,
 		slideRects: T,
-		animation: X,
+		animation: ke,
 		axis: E,
-		dragHandler: ie(E, e, r, i, Q, ae(E, i), je, X, Pe, $, Ne, Y, o, O, p, m, _, ke, x),
+		dragHandler: Y(E, e, r, i, $, ie(E, i), Z, ke, Pe, Me, Ne, W, o, O, p, m, _, Ae, x),
 		eventStore: Ie,
 		percentOfView: O,
-		index: Y,
-		indexPrevious: Te,
-		limit: J,
-		location: je,
-		offsetLocation: Z,
-		previousLocation: Me,
+		index: W,
+		indexPrevious: q,
+		limit: U,
+		location: Z,
+		offsetLocation: Q,
+		previousLocation: je,
 		options: a,
 		resizeHandler: se(t, o, i, n, E, y, C),
-		scrollBody: $,
-		scrollBounds: le(J, Z, Q, $, O),
-		scrollLooper: fe(B, J, Z, [
-			je,
+		scrollBody: Me,
+		scrollBounds: le(U, Q, $, Me, O),
+		scrollLooper: fe(L, U, Q, [
 			Z,
-			Me,
-			Q
+			Q,
+			je,
+			$
 		]),
 		scrollProgress: Fe,
-		scrollSnapList: G.map(Fe.get),
-		scrollSnaps: G,
+		scrollSnapList: H.map(Fe.get),
+		scrollSnaps: H,
 		scrollTarget: Ne,
 		scrollTo: Pe,
-		slideLooper: be(E, D, B, j, M, R, G, Z, n),
+		slideLooper: xe(E, D, L, j, M, I, H, Q, n),
 		slideFocus: ze,
-		slidesHandler: xe(t, o, b),
+		slidesHandler: Se(t, o, b),
 		slidesInView: Le,
 		slideIndexes: Ee,
 		slideRegistry: Re,
-		slidesToScroll: P,
-		target: Q,
-		translate: ye(E, t)
+		slidesToScroll: F,
+		target: $,
+		translate: be(E, t)
 	};
 	return Be;
 }
-function Y() {
+function De() {
 	let e = {}, t;
 	function n(e) {
 		t = e;
@@ -1003,7 +1005,7 @@ function Y() {
 	};
 	return c;
 }
-var Te = {
+var Oe = {
 	align: "center",
 	axis: "x",
 	container: null,
@@ -1025,16 +1027,16 @@ var Te = {
 	watchSlides: !0,
 	watchFocus: !0
 };
-function Ee(e) {
+function ke(e) {
 	function t(e, t) {
-		return V(e, t || {});
+		return U(e, t || {});
 	}
 	function n(n) {
 		let r = n.breakpoints || {};
-		return t(n, B(r).filter((t) => e.matchMedia(t).matches).map((e) => r[e]).reduce((e, n) => t(e, n), {}));
+		return t(n, H(r).filter((t) => e.matchMedia(t).matches).map((e) => r[e]).reduce((e, n) => t(e, n), {}));
 	}
 	function r(t) {
-		return t.map((e) => B(e.breakpoints || {})).reduce((e, t) => e.concat(t), []).map(e.matchMedia);
+		return t.map((e) => H(e.breakpoints || {})).reduce((e, t) => e.concat(t), []).map(e.matchMedia);
 	}
 	return {
 		mergeOptions: t,
@@ -1042,7 +1044,7 @@ function Ee(e) {
 		optionsMediaQueries: r
 	};
 }
-function De(e) {
+function Ae(e) {
 	let t = [];
 	function n(n, r) {
 		return t = r.filter(({ options: t }) => e.optionsAtMedia(t).active !== !1), t.forEach((t) => t.init(n, e)), r.reduce((e, t) => Object.assign(e, { [t.name]: t }), {});
@@ -1055,16 +1057,16 @@ function De(e) {
 		destroy: r
 	};
 }
-function Oe(e, t, n) {
-	let r = e.ownerDocument, i = r.defaultView, a = Ee(i), o = De(a), s = W(), c = Y(), { mergeOptions: l, optionsAtMedia: u, optionsMediaQueries: d } = a, { on: f, off: p, emit: m } = c, h = D, g = !1, _, v = l(Te, Oe.globalOptions), y = l(v), b = [], x, S, C;
+function X(e, t, n) {
+	let r = e.ownerDocument, i = r.defaultView, a = ke(i), o = Ae(a), s = ne(), c = De(), { mergeOptions: l, optionsAtMedia: u, optionsMediaQueries: d } = a, { on: f, off: p, emit: m } = c, h = D, g = !1, _, v = l(Oe, X.globalOptions), y = l(v), b = [], x, S, C;
 	function w() {
 		let { container: t, slides: n } = y;
-		S = (O(t) ? e.querySelector(t) : t) || e.children[0];
-		let r = O(n) ? S.querySelectorAll(n) : n;
+		S = (j(t) ? e.querySelector(t) : t) || e.children[0];
+		let r = j(n) ? S.querySelectorAll(n) : n;
 		C = [].slice.call(r || S.children);
 	}
 	function T(t) {
-		let n = J(e, S, C, r, i, t, c);
+		let n = Ee(e, S, C, r, i, t, c);
 		return t.loop && !n.slideLooper.canLoop() ? T(Object.assign({}, t, { loop: !1 })) : n;
 	}
 	function E(e, t) {
@@ -1072,33 +1074,33 @@ function Oe(e, t, n) {
 	}
 	function D(e, t) {
 		let n = L();
-		k(), E(l({ startIndex: n }, e), t), c.emit("reInit");
+		O(), E(l({ startIndex: n }, e), t), c.emit("reInit");
 	}
-	function k() {
+	function O() {
 		_.dragHandler.destroy(), _.eventStore.clear(), _.translate.clear(), _.slideLooper.clear(), _.resizeHandler.destroy(), _.slidesHandler.destroy(), _.slidesInView.destroy(), _.animation.destroy(), o.destroy(), s.clear();
 	}
-	function A() {
-		g || (g = !0, s.clear(), k(), c.emit("destroy"), c.clear());
+	function k() {
+		g || (g = !0, s.clear(), O(), c.emit("destroy"), c.clear());
 	}
-	function j(e, t, n) {
+	function A(e, t, n) {
 		!y.active || g || (_.scrollBody.useBaseFriction().useDuration(t === !0 ? 0 : y.duration), _.scrollTo.index(e, n || 0));
 	}
 	function M(e) {
-		j(_.index.add(1).get(), e, -1);
+		A(_.index.add(1).get(), e, -1);
 	}
 	function N(e) {
-		j(_.index.add(-1).get(), e, 1);
+		A(_.index.add(-1).get(), e, 1);
 	}
-	function ee() {
+	function P() {
 		return _.index.add(1).get() !== L();
 	}
-	function P() {
+	function F() {
 		return _.index.add(-1).get() !== L();
 	}
-	function F() {
+	function I() {
 		return _.scrollSnapList;
 	}
-	function I() {
+	function ee() {
 		return _.scrollProgress.get(_.offsetLocation.get());
 	}
 	function L() {
@@ -1116,66 +1118,69 @@ function Oe(e, t, n) {
 	function V() {
 		return x;
 	}
-	function H() {
+	function te() {
 		return _;
 	}
-	function U() {
+	function H() {
 		return e;
 	}
-	function te() {
+	function U() {
 		return S;
 	}
-	function ne() {
+	function W() {
 		return C;
 	}
 	let G = {
-		canScrollNext: ee,
-		canScrollPrev: P,
-		containerNode: te,
-		internalEngine: H,
-		destroy: A,
+		canScrollNext: P,
+		canScrollPrev: F,
+		containerNode: U,
+		internalEngine: te,
+		destroy: k,
 		off: p,
 		on: f,
 		emit: m,
 		plugins: V,
 		previousScrollSnap: R,
 		reInit: h,
-		rootNode: U,
+		rootNode: H,
 		scrollNext: M,
 		scrollPrev: N,
-		scrollProgress: I,
-		scrollSnapList: F,
-		scrollTo: j,
+		scrollProgress: ee,
+		scrollSnapList: I,
+		scrollTo: A,
 		selectedScrollSnap: L,
-		slideNodes: ne,
+		slideNodes: W,
 		slidesInView: z,
 		slidesNotInView: B
 	};
 	return E(t, n), setTimeout(() => c.emit("init"), 0), G;
 }
-Oe.globalOptions = void 0;
+X.globalOptions = void 0;
 //#endregion
 //#region ../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js
-function X(e = {}, t = []) {
-	let n = s(e), r = s(t), [o, l] = c(), [u, d] = c(), f = i(() => {
-		o && o.reInit(n.current, r.current);
-	}, [o]);
-	return a(() => {
-		w(n.current, e) || (n.current = e, f());
-	}, [e, f]), a(() => {
-		E(r.current, t) || (r.current = t, f());
-	}, [t, f]), a(() => {
-		if (C() && u) {
-			Oe.globalOptions = X.globalOptions;
-			let e = Oe(u, n.current, r.current);
-			return l(e), () => e.destroy();
-		} else l(void 0);
-	}, [u, l]), [d, o];
+function Z(e = {}, t = []) {
+	let n = l(e), r = l(t), [i, a] = u(), [c, d] = u(), f = o(() => {
+		i && i.reInit(n.current, r.current);
+	}, [i]);
+	return s(() => {
+		D(n.current, e) || (n.current = e, f());
+	}, [e, f]), s(() => {
+		k(r.current, t) || (r.current = t, f());
+	}, [t, f]), s(() => {
+		if (E() && c) {
+			X.globalOptions = Z.globalOptions;
+			let e = X(c, n.current, r.current);
+			return a(e), () => e.destroy();
+		} else a(void 0);
+	}, [c, a]), [d, i];
 }
-X.globalOptions = void 0;
+Z.globalOptions = void 0;
 //#endregion
 //#region lib/s-carousel/s-carousel.tsx
-var ke = p("div")({
+var je = h(m, {
+	name: "SCarousel",
+	slot: "Root"
+})({
 	position: "relative",
 	".carousel-arrow": {
 		position: "absolute",
@@ -1191,19 +1196,23 @@ var ke = p("div")({
 	":hover": { ".carousel-arrow": {
 		opacity: 1,
 		pointerEvents: "auto"
-	} }
-}), Ae = p("div", { shouldForwardProp: (e) => e !== "centerPadding" })(({ centerPadding: e }) => ({
+	} },
+	".carousel-arrow.Mui-focusVisible": {
+		opacity: 1,
+		pointerEvents: "auto"
+	}
+}), Q = h("div", { shouldForwardProp: (e) => e !== "centerPadding" })(({ centerPadding: e }) => ({
 	overflow: "hidden",
 	...e && { padding: `0 ${e}` }
-})), je = p("div")({
+})), $ = h("div")({
 	display: "flex",
 	touchAction: "pan-y pinch-zoom"
-}), Me = p("div", { shouldForwardProp: (e) => e !== "slidesToShow" && e !== "spaceBetween" })(({ slidesToShow: e, spaceBetween: t }) => ({
+}), Me = h("div", { shouldForwardProp: (e) => e !== "slidesToShow" && e !== "spaceBetween" })(({ slidesToShow: e, spaceBetween: t }) => ({
 	flex: `0 0 calc(100% / ${e})`,
 	minWidth: 0,
 	paddingInline: `${t / 2}px`,
 	boxSizing: "border-box"
-})), Z = p("ul")(({ theme: e }) => ({
+})), Ne = h("ul")(({ theme: e }) => ({
 	gap: 6,
 	zIndex: 1,
 	margin: 0,
@@ -1224,7 +1233,7 @@ var ke = p("div")({
 		"&.active span": { opacity: 1 },
 		"&.active": { width: 18 }
 	}
-})), Q = p("span", { shouldForwardProp: (e) => e !== "dotColor" })(({ dotColor: e, theme: t }) => ({
+})), Pe = h("span", { shouldForwardProp: (e) => e !== "dotColor" })(({ dotColor: e, theme: t }) => ({
 	width: "100%",
 	height: "100%",
 	borderRadius: t.radius.full,
@@ -1233,12 +1242,12 @@ var ke = p("div")({
 	backgroundColor: e ?? (t.vars ?? t).palette.primary.main,
 	opacity: .35
 }));
-function $(e, t) {
+function Fe(e, t) {
 	return typeof e == "string" || typeof e == "number" ? e : e && typeof e == "object" && "key" in e && e.key != null ? e.key : `slide-${t + 1}`;
 }
-function Ne(e, t) {
-	let [n, r] = c(e);
-	return a(() => {
+function Ie(e, t) {
+	let [n, r] = u(e);
+	return s(() => {
 		function n() {
 			if (!t?.length) {
 				r(e);
@@ -1254,71 +1263,91 @@ function Ne(e, t) {
 		return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
 	}, [e, t]), n;
 }
-var Pe = r((e, r) => {
-	let { children: s, dotColor: p, arrowStyles: _, dotStyles: v = { mt: 4 }, dots: y = !1, arrows: x = !0, slidesToShow: S = 4, spaceBetween: C = 4, autoplay: w = !1, autoplaySpeed: T = 3e3, infinite: E = !0, speed: D = 500, centerMode: O = !1, centerPadding: k = "60px", responsive: A } = e, j = m(), M = Ne(S, A), N = o(() => w ? [b({
-		delay: T,
+var Le = a(function(t, a) {
+	let l = _({
+		props: t,
+		name: "SCarousel"
+	}), { apiRef: h, children: b, dotColor: x, dots: S = !1, arrows: w = !0, slidesToShow: T = 4, spaceBetween: E = 4, autoplay: D = !1, autoplaySpeed: O = 3e3, infinite: k = !0, speed: A = 500, centerMode: j = !1, centerPadding: M = "60px", responsive: N, slotProps: P, sx: F, ...I } = l, ee = g(), L = Ie(T, N), R = c(() => D ? [C({
+		delay: O,
 		stopOnInteraction: !1
-	})] : [], [w, T]), [ee, P] = X({
-		loop: E,
-		duration: Math.round(D / 20),
-		align: O ? "center" : "start",
-		direction: j.direction === "rtl" ? "rtl" : "ltr",
+	})] : [], [D, O]), [z, B] = Z({
+		loop: k,
+		duration: Math.round(A / 20),
+		align: j ? "center" : "start",
+		direction: ee.direction === "rtl" ? "rtl" : "ltr",
 		slidesToScroll: 1
-	}, N), [F, I] = c([]), [L, R] = c(0), [z, B] = c(!1), [V, H] = c(!1), U = i(() => {
-		P && (I(P.scrollSnapList()), R(P.selectedScrollSnap()), B(P.canScrollPrev()), H(P.canScrollNext()));
-	}, [P]);
-	a(() => {
-		if (P) return U(), P.on("select", U), P.on("reInit", U), () => {
-			P.off("select", U), P.off("reInit", U);
+	}, R), [V, te] = u([]), [H, U] = u(0), [W, G] = u(!1), [ne, re] = u(!1), K = o(() => {
+		B && (te(B.scrollSnapList()), U(B.selectedScrollSnap()), G(B.canScrollPrev()), re(B.canScrollNext()));
+	}, [B]);
+	s(() => {
+		if (B) return K(), B.on("select", K), B.on("reInit", K), () => {
+			B.off("select", K), B.off("reInit", K);
 		};
-	}, [P, U]), a(() => {
-		r && (typeof r == "function" ? r(P ?? null) : r.current = P ?? null);
-	}, [P, r]);
-	let W = n.toArray(s);
-	return /* @__PURE__ */ d(ke, { children: [
-		/* @__PURE__ */ u(Ae, {
-			ref: ee,
-			centerPadding: O ? k : void 0,
-			children: /* @__PURE__ */ u(je, { children: W.map((e, t) => /* @__PURE__ */ u(Me, {
-				slidesToShow: M,
-				spaceBetween: C,
-				children: e
-			}, $(e, t))) })
-		}),
-		x && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
-			className: "carousel-arrow prev",
-			onClick: () => P?.scrollPrev(),
-			disabled: !E && !z,
-			sx: { ..._ },
-			children: /* @__PURE__ */ u(h, {})
-		}), /* @__PURE__ */ u(t, {
-			className: "carousel-arrow next",
-			onClick: () => P?.scrollNext(),
-			disabled: !E && !V,
-			sx: { ..._ },
-			children: /* @__PURE__ */ u(g, {})
-		})] }),
-		y && F.length > 0 && /* @__PURE__ */ u(Z, {
-			sx: v,
-			children: F.map((e, n) => /* @__PURE__ */ u(f, {
-				component: "li",
-				className: n === L ? "active" : "",
-				sx: { display: "flex" },
-				children: /* @__PURE__ */ u(t, {
-					"aria-label": `Go to slide ${n + 1}`,
-					onClick: () => P?.scrollTo(n),
-					sx: {
-						width: "100%",
-						height: "100%",
-						minWidth: 0,
-						p: 0
-					},
-					children: /* @__PURE__ */ u(Q, { dotColor: p })
-				})
-			}, e))
-		})
-	] });
+	}, [B, K]), r.useImperativeHandle(h, () => B ?? null, [B]);
+	let q = i.toArray(b), J = P?.previousButton, Y = P?.nextButton, ie = P?.dots, ae = {
+		...l,
+		activeSlidesToShow: L,
+		selectedIndex: H
+	};
+	return /* @__PURE__ */ p(je, {
+		...I,
+		ownerState: ae,
+		ref: a,
+		sx: F,
+		children: [
+			/* @__PURE__ */ f(Q, {
+				ref: z,
+				centerPadding: j ? M : void 0,
+				children: /* @__PURE__ */ f($, { children: q.map((e, t) => /* @__PURE__ */ f(Me, {
+					slidesToShow: L,
+					spaceBetween: E,
+					children: e
+				}, Fe(e, t))) })
+			}),
+			w && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(n, {
+				"aria-label": "Previous slide",
+				...J,
+				className: ["carousel-arrow prev", J?.className].filter(Boolean).join(" "),
+				onClick: (e) => {
+					J?.onClick?.(e), e.defaultPrevented || B?.scrollPrev();
+				},
+				disabled: J?.disabled || !k && !W,
+				sx: e(J?.sx),
+				children: /* @__PURE__ */ f(v, {})
+			}), /* @__PURE__ */ f(n, {
+				"aria-label": "Next slide",
+				...Y,
+				className: ["carousel-arrow next", Y?.className].filter(Boolean).join(" "),
+				onClick: (e) => {
+					Y?.onClick?.(e), e.defaultPrevented || B?.scrollNext();
+				},
+				disabled: Y?.disabled || !k && !ne,
+				sx: e(Y?.sx),
+				children: /* @__PURE__ */ f(y, {})
+			})] }),
+			S && V.length > 0 && /* @__PURE__ */ f(Ne, {
+				...ie,
+				sx: [{ mt: 4 }, ...e(ie?.sx)],
+				children: V.map((e, t) => /* @__PURE__ */ f(m, {
+					component: "li",
+					className: t === H ? "active" : "",
+					sx: { display: "flex" },
+					children: /* @__PURE__ */ f(n, {
+						"aria-label": `Go to slide ${t + 1}`,
+						onClick: () => B?.scrollTo(t),
+						sx: {
+							width: "100%",
+							height: "100%",
+							minWidth: 0,
+							p: 0
+						},
+						children: /* @__PURE__ */ f(Pe, { dotColor: x })
+					})
+				}, e))
+			})
+		]
+	});
 });
-Pe.displayName = "SCarousel";
+Le.displayName = "SCarousel";
 //#endregion
-export { Pe as t };
+export { Le as t };