@solostylist/ui-kit 1.0.204 → 1.0.205

package/dist/s-action-overlay/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SActionOverlay as e } from "./s-action-overlay.js";
 export { e as default };

package/dist/s-action-overlay/s-action-overlay.js

@@ -1,15 +1,15 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { SIconButton as t } from "../s-icon-button/s-icon-button.js";
-import { useState as n } from "react";
-import { Box as r, Grid as i } from "@mui/material";
+import { SIconButton as e } from "../s-icon-button/s-icon-button.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Box as i, Grid as a } from "@mui/material";
 //#region lib/s-action-overlay/s-action-overlay.tsx
-var a = e(), o = 40, s = 16, c = ({ actions: e, maxWidth: c, columns: l = 3, children: u, showOnHover: d = !0, visible: f, position: p = "center", backdropColor: m = "background.paper", backdropOpacity: h = .9, blurAmount: g = 10, borderRadius: _ = 0, overlaySx: v, onVisibilityChange: y }) => {
-	let [b, x] = n(!1), S = f ?? (d && b), C = () => {
-		d && f === void 0 && (x(!0), y?.(!0));
-	}, w = () => {
-		d && f === void 0 && (x(!1), y?.(!1));
+var o = 40, s = 16, c = ({ actions: c, maxWidth: l, columns: u = 3, children: d, showOnHover: f = !0, visible: p, position: m = "center", backdropColor: h = "background.paper", backdropOpacity: g = .9, blurAmount: _ = 10, borderRadius: v = 0, overlaySx: y, onVisibilityChange: b }) => {
+	let [x, S] = t(!1), C = p ?? (f && x), w = () => {
+		f && p === void 0 && (S(!0), b?.(!0));
 	}, T = () => {
-		switch (p) {
+		f && p === void 0 && (S(!1), b?.(!1));
+	}, E = () => {
+		switch (m) {
 			case "top-left": return {
 				justifyContent: "flex-start",
 				alignItems: "flex-start"
@@ -31,74 +31,74 @@ var a = e(), o = 40, s = 16, c = ({ actions: e, maxWidth: c, columns: l = 3, chi
 				alignItems: "center"
 			};
 		}
-	}, E = () => {
-		switch (p) {
+	}, D = () => {
+		switch (m) {
 			case "top-left": return "flex-start";
 			case "top-right": return "flex-end";
 			case "bottom-left": return "flex-start";
 			case "bottom-right": return "flex-end";
 			default: return "center";
 		}
-	}, D = () => {
-		let e = c;
-		return l && (e = l * o + (l - 1) * s + l * 16), e;
+	}, O = () => {
+		let e = l;
+		return u && (e = u * o + (u - 1) * s + u * 16), e;
 	};
-	return /* @__PURE__ */ (0, a.jsx)(r, {
+	return /* @__PURE__ */ n(i, {
 		display: "flex",
-		children: /* @__PURE__ */ (0, a.jsxs)(r, {
+		children: /* @__PURE__ */ r(i, {
 			position: "relative",
-			onMouseEnter: C,
-			onMouseLeave: w,
-			children: [u, S && /* @__PURE__ */ (0, a.jsx)(r, {
+			onMouseEnter: w,
+			onMouseLeave: T,
+			children: [d, C && /* @__PURE__ */ n(i, {
 				position: "absolute",
 				top: 0,
 				left: 0,
 				width: "100%",
 				height: "100%",
 				display: "flex",
-				bgcolor: m,
+				bgcolor: h,
 				sx: {
-					opacity: h,
-					backdropFilter: `blur(${g}px)`,
+					opacity: g,
+					backdropFilter: `blur(${_}px)`,
 					transform: "translateZ(0)",
 					willChange: "transform",
 					transition: "opacity 0.2s ease-in-out",
-					...T(),
-					...v
+					...E(),
+					...y
 				},
-				borderRadius: _,
-				children: /* @__PURE__ */ (0, a.jsx)(i, {
+				borderRadius: v,
+				children: /* @__PURE__ */ n(a, {
 					container: !0,
 					spacing: 2,
-					justifyContent: E(),
-					maxWidth: D(),
-					children: e.map((e, n) => /* @__PURE__ */ (0, a.jsx)(i, {
+					justifyContent: D(),
+					maxWidth: O(),
+					children: c.map((t, r) => /* @__PURE__ */ n(a, {
 						display: "flex",
 						justifyContent: "center",
-						children: /* @__PURE__ */ (0, a.jsx)(t, {
+						children: /* @__PURE__ */ n(e, {
 							tooltipOptions: {
-								title: e.tooltip,
+								title: t.tooltip,
 								placement: "top"
 							},
-							onClick: e.onClick,
-							disabled: e.disabled,
-							color: e.color,
+							onClick: t.onClick,
+							disabled: t.disabled,
+							color: t.color,
 							sx: {
 								margin: 1,
-								backgroundColor: e.isActive ? "primary.main" : void 0,
-								color: e.isActive ? "primary.contrastText" : void 0,
+								backgroundColor: t.isActive ? "primary.main" : void 0,
+								color: t.isActive ? "primary.contrastText" : void 0,
 								transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-								opacity: e.disabled ? .5 : 1,
+								opacity: t.disabled ? .5 : 1,
 								"&:hover": {
-									backgroundColor: e.isActive ? "primary.main" : void 0,
-									color: e.isActive ? "primary.contrastText" : void 0
+									backgroundColor: t.isActive ? "primary.main" : void 0,
+									color: t.isActive ? "primary.contrastText" : void 0
 								},
-								...e.iconButtonProps?.sx
+								...t.iconButtonProps?.sx
 							},
-							...e.iconButtonProps,
-							children: e.icon
+							...t.iconButtonProps,
+							children: t.icon
 						})
-					}, `${e.tooltip}-${n}`))
+					}, `${t.tooltip}-${r}`))
 				})
 			})]
 		})

package/dist/s-autocomplete/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SAutocomplete as e } from "./s-autocomplete.js";
 export { e as default };

package/dist/s-autocomplete/s-autocomplete.js

@@ -1,25 +1,25 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { SForm as t } from "../s-form/s-form.js";
-import { forwardRef as n, useId as r } from "react";
+import { SForm as e } from "../s-form/s-form.js";
+import { forwardRef as t, useId as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 import { Autocomplete as i, TextField as a } from "@mui/material";
 //#region lib/s-autocomplete/s-autocomplete.tsx
-var o = e(), s = n(({ label: e = "", required: n = !1, error: s, htmlFor: c, ...l }, u) => {
-	let d = r(), f = c ?? d;
-	return /* @__PURE__ */ (0, o.jsx)(t, {
+var o = t(({ label: t = "", required: o = !1, error: s, htmlFor: c, ...l }, u) => {
+	let d = n(), f = c ?? d;
+	return /* @__PURE__ */ r(e, {
 		error: s,
-		label: e,
-		required: n,
+		label: t,
+		required: o,
 		htmlFor: f,
-		children: /* @__PURE__ */ (0, o.jsx)(i, {
+		children: /* @__PURE__ */ r(i, {
 			disablePortal: !0,
 			fullWidth: !0,
-			renderInput: (e) => /* @__PURE__ */ (0, o.jsx)(a, { ...e }),
+			renderInput: (e) => /* @__PURE__ */ r(a, { ...e }),
 			id: f,
 			...l,
 			ref: u
 		})
 	});
 });
-s.displayName = "SAutocomplete";
+o.displayName = "SAutocomplete";
 //#endregion
-export { s as SAutocomplete, s as default };
+export { o as SAutocomplete, o as default };

package/dist/s-avatar/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SAvatar as e } from "./s-avatar.js";
 export { e as default };

package/dist/s-avatar/s-avatar.js

@@ -1,30 +1,30 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import t from "../s-lazy-image/s-lazy-image.js";
-import { Avatar as n, Box as r, Typography as i } from "@mui/material";
+import e from "../s-lazy-image/s-lazy-image.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Avatar as r, Box as i, Typography as a } from "@mui/material";
 //#region lib/s-avatar/s-avatar.tsx
-var a = e(), o = ({ avatar: e, name: o, showName: s = !1, size: c = 40, avatarProps: l }) => /* @__PURE__ */ (0, a.jsxs)(r, {
+var o = ({ avatar: o, name: s, showName: c = !1, size: l = 40, avatarProps: u }) => /* @__PURE__ */ n(i, {
 	display: "flex",
 	alignItems: "center",
 	gap: 2,
-	children: [/* @__PURE__ */ (0, a.jsx)(n, {
+	children: [/* @__PURE__ */ t(r, {
 		sx: {
-			width: c,
-			height: c,
+			width: l,
+			height: l,
 			fontSize: 16
 		},
-		...l,
-		children: e ? /* @__PURE__ */ (0, a.jsx)(t, {
-			src: e,
-			alt: o ?? "Avatar",
-			width: c,
-			height: c,
+		...u,
+		children: o ? /* @__PURE__ */ t(e, {
+			src: o,
+			alt: s ?? "Avatar",
+			width: l,
+			height: l,
 			variant: "circular",
 			style: { borderRadius: "50%" }
-		}) : o?.[0] ?? "A"
-	}), s && /* @__PURE__ */ (0, a.jsx)(i, {
+		}) : s?.[0] ?? "A"
+	}), c && /* @__PURE__ */ t(a, {
 		variant: "body1",
 		fontSize: 20,
-		children: o
+		children: s
 	})]
 });
 o.displayName = "SAvatar";

package/dist/s-blur-text/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SBlurText as e } from "./s-blur-text.js";
 export { e as default };

package/dist/s-blur-text/s-blur-text.js

@@ -1,26 +1,26 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { Typography as a } from "@mui/material";
-import { motion as o } from "framer-motion";
+import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Typography as o } from "@mui/material";
+import { motion as s } from "framer-motion";
 //#region lib/s-blur-text/s-blur-text.tsx
-var s = e(), c = (e, t) => {
+var c = (e, t) => {
 	let n = new Set([...Object.keys(e), ...t.flatMap((e) => Object.keys(e))]), r = {};
 	return n.forEach((n) => {
 		r[n] = [e[n], ...t.map((e) => e[n])];
 	}), r;
-}, l = ({ text: e, delay: l = 100, animateBy: u = "words", direction: d = "top", threshold: f = .1, rootMargin: p = "0px", animationFrom: m, animationTo: h, easing: g = (e) => e, onAnimationComplete: _, stepDuration: v = .35, variant: y = "body1", sx: b, ...x }) => {
-	let S = u === "words" ? e.split(" ") : e.split(""), [C, w] = i(!1), T = r(null);
-	t(() => {
-		if (!T.current) return;
+}, l = ({ text: l, delay: u = 100, animateBy: d = "words", direction: f = "top", threshold: p = .1, rootMargin: m = "0px", animationFrom: h, animationTo: g, easing: _ = (e) => e, onAnimationComplete: v, stepDuration: y = .35, variant: b = "body1", sx: x, ...S }) => {
+	let C = d === "words" ? l.split(" ") : l.split(""), [w, T] = r(!1), E = n(null);
+	e(() => {
+		if (!E.current) return;
 		let e = new IntersectionObserver(([t]) => {
-			t.isIntersecting && (w(!0), e.unobserve(T.current));
+			t.isIntersecting && (T(!0), e.unobserve(E.current));
 		}, {
-			threshold: f,
-			rootMargin: p
+			threshold: p,
+			rootMargin: m
 		});
-		return e.observe(T.current), () => e.disconnect();
-	}, [f, p]);
-	let E = n(() => d === "top" ? {
+		return e.observe(E.current), () => e.disconnect();
+	}, [p, m]);
+	let D = t(() => f === "top" ? {
 		filter: "blur(10px)",
 		opacity: 0,
 		y: -50
@@ -28,37 +28,37 @@ var s = e(), c = (e, t) => {
 		filter: "blur(10px)",
 		opacity: 0,
 		y: 50
-	}, [d]), D = n(() => [{
+	}, [f]), O = t(() => [{
 		filter: "blur(5px)",
 		opacity: .5,
-		y: d === "top" ? 5 : -5
+		y: f === "top" ? 5 : -5
 	}, {
 		filter: "blur(0px)",
 		opacity: 1,
 		y: 0
-	}], [d]), O = m ?? E, k = h ?? D, A = k.length + 1, j = v * (A - 1), M = Array.from({ length: A }, (e, t) => A === 1 ? 0 : t / (A - 1));
-	return /* @__PURE__ */ (0, s.jsx)(a, {
-		ref: T,
-		variant: y,
-		sx: b,
-		...x,
-		children: S.map((e, t) => {
-			let n = c(O, k), r = {
-				duration: j,
-				times: M,
-				delay: t * l / 1e3,
-				ease: g
+	}], [f]), k = h ?? D, A = g ?? O, j = A.length + 1, M = y * (j - 1), N = Array.from({ length: j }, (e, t) => j === 1 ? 0 : t / (j - 1));
+	return /* @__PURE__ */ i(o, {
+		ref: E,
+		variant: b,
+		sx: x,
+		...S,
+		children: C.map((e, t) => {
+			let n = c(k, A), r = {
+				duration: M,
+				times: N,
+				delay: t * u / 1e3,
+				ease: _
 			};
-			return /* @__PURE__ */ (0, s.jsxs)(o.span, {
-				initial: O,
-				animate: C ? n : O,
+			return /* @__PURE__ */ a(s.span, {
+				initial: k,
+				animate: w ? n : k,
 				transition: r,
-				onAnimationComplete: t === S.length - 1 ? _ : void 0,
+				onAnimationComplete: t === C.length - 1 ? v : void 0,
 				style: {
 					display: "inline-block",
 					willChange: "transform, filter, opacity"
 				},
-				children: [e === " " ? "\xA0" : e, u === "words" && t < S.length - 1 && "\xA0"]
+				children: [e === " " ? "\xA0" : e, d === "words" && t < C.length - 1 && "\xA0"]
 			}, t);
 		})
 	});

package/dist/s-breadcrumbs/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
+import "../createTheme-DuS5_nJb.js";
 import { SBreadcrumbs as e } from "./s-breadcrumbs.js";
 export { e as default };

package/dist/s-breadcrumbs/s-breadcrumbs.js

@@ -1,22 +1,22 @@
-import "../createTheme-CMuiGmV-.js";
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { t } from "../ChevronRight-BgWjUtu8.js";
-import { forwardRef as n } from "react";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../ChevronRight-VFk57Tte.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 import { Breadcrumbs as r, Link as i, Typography as a } from "@mui/material";
 //#region lib/s-breadcrumbs/s-breadcrumbs.tsx
-var o = e(), s = n(({ items: e, separator: n = /* @__PURE__ */ (0, o.jsx)(t, { fontSize: "small" }), LinkComponent: s, currentColor: c = "text.primary", linkColor: l = "primary.main", sx: u, ...d }, f) => /* @__PURE__ */ (0, o.jsx)(r, {
+var o = t(({ items: t, separator: o = /* @__PURE__ */ n(e, { fontSize: "small" }), LinkComponent: s, currentColor: c = "text.primary", linkColor: l = "primary.main", sx: u, ...d }, f) => /* @__PURE__ */ n(r, {
 	ref: f,
-	separator: n,
+	separator: o,
 	sx: u,
 	...d,
-	children: e.map((t, n) => {
-		let r = n === e.length - 1;
-		return t.isCurrent ?? r ? /* @__PURE__ */ (0, o.jsx)(a, {
+	children: t.map((e, r) => {
+		let o = r === t.length - 1;
+		return e.isCurrent ?? o ? /* @__PURE__ */ n(a, {
 			color: c,
-			children: t.label
-		}, `${t.label}-${n}`) : t.onClick ? /* @__PURE__ */ (0, o.jsx)(i, {
+			children: e.label
+		}, `${e.label}-${r}`) : e.onClick ? /* @__PURE__ */ n(i, {
 			component: "button",
-			onClick: t.onClick,
+			onClick: e.onClick,
 			color: l,
 			underline: "hover",
 			sx: {
@@ -26,24 +26,24 @@ var o = e(), s = n(({ items: e, separator: n = /* @__PURE__ */ (0, o.jsx)(t, { f
 				padding: 0,
 				font: "inherit"
 			},
-			children: t.label
-		}, `${t.label}-${n}`) : t.to ? s ? /* @__PURE__ */ (0, o.jsx)(i, {
+			children: e.label
+		}, `${e.label}-${r}`) : e.to ? s ? /* @__PURE__ */ n(i, {
 			component: s,
-			to: t.to,
+			to: e.to,
 			color: l,
 			underline: "hover",
-			children: t.label
-		}, `${t.label}-${n}`) : /* @__PURE__ */ (0, o.jsx)(i, {
-			href: t.to,
+			children: e.label
+		}, `${e.label}-${r}`) : /* @__PURE__ */ n(i, {
+			href: e.to,
 			color: l,
 			underline: "hover",
-			children: t.label
-		}, `${t.label}-${n}`) : /* @__PURE__ */ (0, o.jsx)(a, {
+			children: e.label
+		}, `${e.label}-${r}`) : /* @__PURE__ */ n(a, {
 			color: c,
-			children: t.label
-		}, `${t.label}-${n}`);
+			children: e.label
+		}, `${e.label}-${r}`);
 	})
 }));
-s.displayName = "SBreadcrumbs";
+o.displayName = "SBreadcrumbs";
 //#endregion
-export { s as SBreadcrumbs, s as default };
+export { o as SBreadcrumbs, o as default };

package/dist/s-button/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SButton as e } from "./s-button.js";
 export { e as default };

package/dist/s-button/s-button.js

@@ -1,11 +1,11 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import { Button as n } from "@mui/material";
 //#region lib/s-button/s-button.tsx
-var r = e(), i = t((e, t) => /* @__PURE__ */ (0, r.jsx)(n, {
-	ref: t,
+var r = e((e, r) => /* @__PURE__ */ t(n, {
+	ref: r,
 	...e
 }));
-i.displayName = "SButton";
+r.displayName = "SButton";
 //#endregion
-export { i as SButton, i as default };
+export { r as SButton, r as default };

package/dist/s-carousel/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-carousel-B3VUHzx3.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-carousel-BoDg9pKU.js";
 export { e as default };

package/dist/s-carousel/s-carousel.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-carousel-B3VUHzx3.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-carousel-BoDg9pKU.js";
 export { e as SCarousel, e as default };

package/dist/s-carousel-BoDg9pKU.js

@@ -0,0 +1,125 @@
+import { t as e } from "./createSvgIcon-KjKEsKNV.js";
+import { SIconButton as t } from "./s-icon-button/s-icon-button.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i, useTheme as a } from "@mui/material";
+import o from "react-slick";
+import './assets/s-carousel.css';//#region ../../node_modules/@mui/icons-material/esm/ArrowBackIosNew.js
+var s = e(/* @__PURE__ */ r("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z" }), "ArrowBackIosNew"), c = e(/* @__PURE__ */ r("path", { d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z" }), "ArrowForwardIos"), l = i("div", { shouldForwardProp: (e) => e !== "space" })(({ space: e }) => ({
+	".slick-list": { margin: `0 -${e}px` },
+	".slick-slide": { paddingInline: e },
+	".slick-track": { display: "flex" },
+	".slick-arrow": {
+		position: "absolute",
+		top: "50%",
+		transform: "translate(0, -50%)",
+		zIndex: 1,
+		opacity: 0,
+		transition: "opacity 0.3s ease-in-out",
+		pointerEvents: "none",
+		"&.next": { right: 6 },
+		"&.prev": { left: 6 }
+	},
+	":hover": { ".slick-arrow": {
+		opacity: 1,
+		pointerEvents: "auto"
+	} }
+})), u = i("ul")(({ theme: e }) => ({
+	gap: 6,
+	zIndex: 1,
+	margin: 0,
+	padding: 0,
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	color: (e.vars ?? e).palette.primary.main,
+	"& li": {
+		width: 13,
+		height: 7,
+		scaleX: 1,
+		display: "flex",
+		cursor: "pointer",
+		alignItems: "center",
+		justifyContent: "center",
+		transition: "all 0.4s",
+		"&.slick-active span": { backgroundColor: (e.vars ?? e).palette.primary.main },
+		"&.slick-active": { width: 18 }
+	}
+})), d = i("span", { shouldForwardProp: (e) => e !== "dotColor" })(({ dotColor: e, theme: t }) => ({
+	width: "100%",
+	height: "100%",
+	borderRadius: 12,
+	cursor: "pointer",
+	position: "relative",
+	backgroundColor: e ?? (t.vars ?? t).palette.divider
+}));
+function f({ onClick: e, sx: n, className: i }) {
+	let a = i?.split(" ").filter((e) => e !== "slick-next").join(" ");
+	return /* @__PURE__ */ r(t, {
+		onClick: e,
+		className: `next ${a}`,
+		sx: {
+			backdropFilter: "blur(8px)",
+			backgroundColor: "rgba(255,255,255,0.3)",
+			boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
+			color: "text.primary",
+			"&:hover": { backgroundColor: "rgba(255,255,255,0.4)" },
+			...n
+		},
+		children: /* @__PURE__ */ r(c, { fontSize: "small" })
+	});
+}
+function p({ onClick: e, sx: n, className: i }) {
+	let a = i?.split(" ").filter((e) => e !== "slick-prev").join(" ");
+	return /* @__PURE__ */ r(t, {
+		onClick: e,
+		className: `prev ${a}`,
+		sx: {
+			backdropFilter: "blur(8px)",
+			backgroundColor: "rgba(255,255,255,0.3)",
+			boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
+			color: "text.primary",
+			"&:hover": { backgroundColor: "rgba(255,255,255,0.4)" },
+			...n
+		},
+		children: /* @__PURE__ */ r(s, { fontSize: "small" })
+	});
+}
+function m({ sx: e }) {
+	return {
+		nextArrow: /* @__PURE__ */ r(f, { sx: e }),
+		prevArrow: /* @__PURE__ */ r(p, { sx: e })
+	};
+}
+function h({ dotColor: e, sx: t }) {
+	return {
+		customPaging: () => /* @__PURE__ */ r(d, { dotColor: e }),
+		appendDots: (e) => /* @__PURE__ */ r(u, {
+			sx: t,
+			children: e
+		})
+	};
+}
+var g = n((e, t) => {
+	let { dotColor: n, children: i, arrowStyles: s, dots: c = !1, arrows: u = !0, slidesToShow: d = 4, spaceBetween: f = 4, dotStyles: p = { mt: 4 }, ...g } = e;
+	return /* @__PURE__ */ r(l, {
+		space: f,
+		children: /* @__PURE__ */ r(o, {
+			ref: t,
+			dots: c,
+			arrows: u,
+			slidesToShow: d,
+			rtl: a().direction === "rtl",
+			...m({ sx: s }),
+			...h({
+				dotColor: n,
+				sx: p
+			}),
+			...g,
+			children: i
+		})
+	});
+});
+g.displayName = "SCarousel";
+//#endregion
+export { g as t };

package/dist/s-category-card/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SCategoryCard as e } from "./s-category-card.js";
 export { e as default };