@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-review/s-review.js

@@ -1,272 +1,2 @@
-import { i as e } from "../utils-CMeAWSRO.js";
-import { toSxArray as t } from "../utils/sx.js";
-import { SLazyImage as n } from "../s-lazy-image/s-lazy-image.js";
-import { SSkeleton as r } from "../s-skeleton/s-skeleton.js";
-import { SAvatar as i } from "../s-avatar/s-avatar.js";
-import { SImageViewer as a } from "../s-image-viewer/s-image-viewer.js";
-import { SRating as ee } from "../s-rating/s-rating.js";
-import o, { useId as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ThumbDown as te, ThumbUp as d } from "@mui/icons-material";
-import { Box as f, ButtonBase as ne, Divider as p, IconButton as m, Stack as h, Typography as g, styled as _, useTheme as re, useThemeProps as ie } from "@mui/material";
-import { useControlled as v } from "@mui/material/utils";
-//#region lib/s-review/s-review.tsx
-var y = _(f, {
-	name: "SReview",
-	slot: "Root"
-})({}), b = o.forwardRef(function(o, _) {
-	let b = ie({
-		props: o,
-		name: "SReview"
-	}), ae = re(), { reviewId: x, userName: S, userAvatar: C, rating: w, onRatingChange: oe, reviewContent: T, datetime: E, images: D, userHelpfulVote: O, defaultUserHelpfulVote: k = null, helpfulYes: A, defaultHelpfulYes: j = 0, helpfulNo: se, defaultHelpfulNo: M = 0, onHelpfulVote: ce, showHelpfulSection: N = !0, avatarSize: P = 48, maxRating: F = 5, readOnly: I = !0, showDivider: L = !0, loading: R = !1, sx: z, ...B } = b, V = s(), H = x ?? B.id ?? V, [U, W] = v({
-		controlled: O,
-		default: k,
-		name: "SReview",
-		state: "userHelpfulVote"
-	}), [G, le] = v({
-		controlled: A,
-		default: j,
-		name: "SReview",
-		state: "helpfulYes"
-	}), [K, ue] = v({
-		controlled: se,
-		default: M,
-		name: "SReview",
-		state: "helpfulNo"
-	}), q = {
-		...b,
-		avatarSize: P,
-		defaultHelpfulNo: M,
-		defaultHelpfulYes: j,
-		defaultUserHelpfulVote: k,
-		helpfulNo: K,
-		helpfulYes: G,
-		maxRating: F,
-		loading: R,
-		readOnly: I,
-		reviewId: H,
-		showDivider: L,
-		showHelpfulSection: N,
-		userHelpfulVote: U
-	}, [de, J] = c(!1), [Y, X] = c(null), Z = (e, t) => {
-		let n = U === t ? null : t, r = G, i = K;
-		U === "yes" && (r = Math.max(0, r - 1)), U === "no" && (i = Math.max(0, i - 1)), n === "yes" && (r += 1), n === "no" && (i += 1), W(n), le(r), ue(i), ce?.(e, H, n);
-	}, Q = D?.map((e, t) => ({
-		id: `review-${H}-image-${t}`,
-		type: "image",
-		url: e,
-		title: `Review image ${t + 1}`,
-		desc: `Image ${t + 1} from ${S}'s review`
-	})) ?? [], fe = (e) => {
-		let t = Q[e];
-		t && (X(t), J(!0));
-	}, $ = () => {
-		J(!1), X(null);
-	}, pe = (e, t) => {
-		X(t);
-	}, me = e(E);
-	return R ? /* @__PURE__ */ u(y, {
-		...B,
-		ref: _,
-		ownerState: q,
-		sx: [{ py: 2 }, ...t(z)],
-		children: [/* @__PURE__ */ u(h, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ l(r, {
-				variant: "circular",
-				width: P,
-				height: P,
-				sx: { flexShrink: 0 }
-			}), /* @__PURE__ */ u(f, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ u(h, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ l(r, {
-							width: 120,
-							height: 20
-						}), /* @__PURE__ */ l(r, {
-							width: 80,
-							height: 16
-						})]
-					}),
-					/* @__PURE__ */ l(f, {
-						sx: { mb: 1 },
-						children: /* @__PURE__ */ l(r, {
-							width: 100,
-							height: 20
-						})
-					}),
-					/* @__PURE__ */ l(r, {
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					N && /* @__PURE__ */ u(h, {
-						direction: "row",
-						spacing: 1,
-						sx: {
-							display: "inline-flex",
-							alignItems: "center"
-						},
-						children: [
-							/* @__PURE__ */ l(r, {
-								width: 140,
-								height: 16,
-								sx: { mr: 2 }
-							}),
-							/* @__PURE__ */ l(r, { preset: "icon-button" }),
-							/* @__PURE__ */ l(r, {
-								width: 20,
-								height: 16
-							}),
-							/* @__PURE__ */ l(r, { preset: "icon-button" }),
-							/* @__PURE__ */ l(r, {
-								width: 20,
-								height: 16
-							})
-						]
-					})
-				]
-			})]
-		}), L && /* @__PURE__ */ l(p, { sx: { mt: 2 } })]
-	}) : /* @__PURE__ */ u(y, {
-		...B,
-		ref: _,
-		ownerState: q,
-		sx: [{ py: 2 }, ...t(z)],
-		children: [
-			/* @__PURE__ */ u(h, {
-				direction: "row",
-				spacing: 2,
-				sx: { alignItems: "flex-start" },
-				children: [/* @__PURE__ */ l(i, {
-					src: C,
-					name: S,
-					size: P
-				}), /* @__PURE__ */ u(f, {
-					sx: { flex: 1 },
-					children: [
-						/* @__PURE__ */ l(g, {
-							variant: "subtitle1",
-							children: S
-						}),
-						/* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(ee, {
-							value: w,
-							max: F,
-							onChange: oe,
-							readOnly: I
-						}) }),
-						/* @__PURE__ */ l(g, {
-							variant: "body1",
-							sx: { lineHeight: 1.6 },
-							children: T
-						}),
-						/* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(g, {
-							variant: "caption",
-							sx: { mb: 2 },
-							children: me
-						}) }),
-						D && D.length > 0 && /* @__PURE__ */ l(h, {
-							direction: "row",
-							sx: {
-								mt: 1,
-								mb: 2,
-								flexWrap: "wrap",
-								gap: 1
-							},
-							children: D.map((e, t) => /* @__PURE__ */ l(ne, {
-								"aria-label": `Open review image ${t + 1}`,
-								component: "div",
-								onClick: () => fe(t),
-								sx: {
-									borderRadius: 1,
-									transition: (e) => e.transitions.create("opacity", { duration: e.transitions.duration.shorter }),
-									"&.Mui-focusVisible": {
-										outline: "2px solid",
-										outlineColor: "primary.main",
-										outlineOffset: 2
-									},
-									"@media (hover: hover) and (pointer: fine)": { "&:hover": { opacity: ae.interaction.mediaHoverOpacity } }
-								},
-								children: /* @__PURE__ */ l(n, {
-									src: e,
-									alt: `Review image ${t + 1}`,
-									width: 80,
-									height: 80,
-									slotProps: { image: { sx: { objectFit: "cover" } } }
-								})
-							}, `${e}-${t}`))
-						}),
-						N && /* @__PURE__ */ u(h, {
-							direction: "row",
-							spacing: 1,
-							sx: {
-								display: "inline-flex",
-								alignItems: "center"
-							},
-							children: [
-								/* @__PURE__ */ l(g, {
-									variant: "body2",
-									sx: { mr: 2 },
-									children: "Was this review helpful?"
-								}),
-								/* @__PURE__ */ l(m, {
-									"aria-label": "Mark review as helpful",
-									"aria-pressed": U === "yes",
-									onClick: (e) => Z(e, "yes"),
-									sx: {
-										color: U === "yes" ? "primary.main" : "text.secondary",
-										"&:hover": { backgroundColor: "action.hover" }
-									},
-									children: /* @__PURE__ */ l(d, { fontSize: "small" })
-								}),
-								/* @__PURE__ */ l(g, {
-									variant: "caption",
-									children: G
-								}),
-								/* @__PURE__ */ l(m, {
-									"aria-label": "Mark review as not helpful",
-									"aria-pressed": U === "no",
-									onClick: (e) => Z(e, "no"),
-									sx: {
-										color: U === "no" ? "error.main" : "text.secondary",
-										ml: 1,
-										"&:hover": { backgroundColor: "action.hover" }
-									},
-									children: /* @__PURE__ */ l(te, { fontSize: "small" })
-								}),
-								/* @__PURE__ */ l(g, {
-									variant: "caption",
-									children: K
-								})
-							]
-						})
-					]
-				})]
-			}),
-			L && /* @__PURE__ */ l(p, { sx: { mt: 2 } }),
-			/* @__PURE__ */ l(a, {
-				"aria-label": "Review media viewer",
-				open: de,
-				onClose: $,
-				onCloseButtonClick: $,
-				selectedItem: Y,
-				onItemChange: pe,
-				mediaItems: Q,
-				showNavigation: Q.length > 1,
-				showThumbnailDock: Q.length > 1,
-				showCounter: Q.length > 1
-			})
-		]
-	});
-});
-b.displayName = "SReview";
-//#endregion
-export { b as SReview, b as default };
+import { t as e } from "../s-review--Q2C0ngO.js";
+export { e as SReview, e as default };

package/dist/s-review--Q2C0ngO.js

@@ -0,0 +1,272 @@
+import { i as e } from "./utils-DOY6v6ln.js";
+import { toSxArray as t } from "./utils/sx.js";
+import { t as n } from "./createSvgIcon-3y-gS0r1.js";
+import { t as r } from "./useControlled-DqNPBJNp.js";
+import { t as i } from "./s-image-viewer-CjK67-rs.js";
+import { SLazyImage as a } from "./s-lazy-image/s-lazy-image.js";
+import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
+import { SAvatar as s } from "./s-avatar/s-avatar.js";
+import { SRating as ee } from "./s-rating/s-rating.js";
+import c, { useId as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Box as p, ButtonBase as m, Divider as h, IconButton as g, Stack as _, Typography as v, styled as y, useTheme as b, useThemeProps as te } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/ThumbDown.mjs
+var ne = n(/* @__PURE__ */ d("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2m4 0v12h4V3z" }), "ThumbDown"), x = n(/* @__PURE__ */ d("path", { d: "M1 21h4V9H1zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z" }), "ThumbUp"), S = y(p, {
+	name: "SReview",
+	slot: "Root"
+})({}), C = c.forwardRef(function(n, c) {
+	let y = te({
+		props: n,
+		name: "SReview"
+	}), C = b(), { reviewId: re, userName: w, userAvatar: T, rating: E, onRatingChange: ie, reviewContent: ae, datetime: D, images: O, userHelpfulVote: k, defaultUserHelpfulVote: A = null, helpfulYes: j, defaultHelpfulYes: M = 0, helpfulNo: oe, defaultHelpfulNo: N = 0, onHelpfulVote: se, showHelpfulSection: P = !0, avatarSize: F = 48, maxRating: I = 5, readOnly: L = !0, showDivider: R = !0, loading: z = !1, sx: B, ...V } = y, H = l(), U = re ?? V.id ?? H, [W, G] = r({
+		controlled: k,
+		default: A,
+		name: "SReview",
+		state: "userHelpfulVote"
+	}), [K, ce] = r({
+		controlled: j,
+		default: M,
+		name: "SReview",
+		state: "helpfulYes"
+	}), [q, le] = r({
+		controlled: oe,
+		default: N,
+		name: "SReview",
+		state: "helpfulNo"
+	}), J = {
+		...y,
+		avatarSize: F,
+		defaultHelpfulNo: N,
+		defaultHelpfulYes: M,
+		defaultUserHelpfulVote: A,
+		helpfulNo: q,
+		helpfulYes: K,
+		maxRating: I,
+		loading: z,
+		readOnly: L,
+		reviewId: U,
+		showDivider: R,
+		showHelpfulSection: P,
+		userHelpfulVote: W
+	}, [ue, Y] = u(!1), [de, X] = u(null), Z = (e, t) => {
+		let n = W === t ? null : t, r = K, i = q;
+		W === "yes" && (r = Math.max(0, r - 1)), W === "no" && (i = Math.max(0, i - 1)), n === "yes" && (r += 1), n === "no" && (i += 1), G(n), ce(r), le(i), se?.(e, U, n);
+	}, Q = O?.map((e, t) => ({
+		id: `review-${U}-image-${t}`,
+		type: "image",
+		url: e,
+		title: `Review image ${t + 1}`,
+		desc: `Image ${t + 1} from ${w}'s review`
+	})) ?? [], fe = (e) => {
+		let t = Q[e];
+		t && (X(t), Y(!0));
+	}, $ = () => {
+		Y(!1), X(null);
+	}, pe = (e, t) => {
+		X(t);
+	}, me = e(D);
+	return z ? /* @__PURE__ */ f(S, {
+		...V,
+		ref: c,
+		ownerState: J,
+		sx: [{ py: 2 }, ...t(B)],
+		children: [/* @__PURE__ */ f(_, {
+			direction: "row",
+			spacing: 2,
+			sx: { alignItems: "flex-start" },
+			children: [/* @__PURE__ */ d(o, {
+				variant: "circular",
+				width: F,
+				height: F,
+				sx: { flexShrink: 0 }
+			}), /* @__PURE__ */ f(p, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ f(_, {
+						direction: "row",
+						spacing: 2,
+						sx: {
+							alignItems: "center",
+							mb: 1
+						},
+						children: [/* @__PURE__ */ d(o, {
+							width: 120,
+							height: 20
+						}), /* @__PURE__ */ d(o, {
+							width: 80,
+							height: 16
+						})]
+					}),
+					/* @__PURE__ */ d(p, {
+						sx: { mb: 1 },
+						children: /* @__PURE__ */ d(o, {
+							width: 100,
+							height: 20
+						})
+					}),
+					/* @__PURE__ */ d(o, {
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					P && /* @__PURE__ */ f(_, {
+						direction: "row",
+						spacing: 1,
+						sx: {
+							display: "inline-flex",
+							alignItems: "center"
+						},
+						children: [
+							/* @__PURE__ */ d(o, {
+								width: 140,
+								height: 16,
+								sx: { mr: 2 }
+							}),
+							/* @__PURE__ */ d(o, { preset: "icon-button" }),
+							/* @__PURE__ */ d(o, {
+								width: 20,
+								height: 16
+							}),
+							/* @__PURE__ */ d(o, { preset: "icon-button" }),
+							/* @__PURE__ */ d(o, {
+								width: 20,
+								height: 16
+							})
+						]
+					})
+				]
+			})]
+		}), R && /* @__PURE__ */ d(h, { sx: { mt: 2 } })]
+	}) : /* @__PURE__ */ f(S, {
+		...V,
+		ref: c,
+		ownerState: J,
+		sx: [{ py: 2 }, ...t(B)],
+		children: [
+			/* @__PURE__ */ f(_, {
+				direction: "row",
+				spacing: 2,
+				sx: { alignItems: "flex-start" },
+				children: [/* @__PURE__ */ d(s, {
+					src: T,
+					name: w,
+					size: F
+				}), /* @__PURE__ */ f(p, {
+					sx: { flex: 1 },
+					children: [
+						/* @__PURE__ */ d(v, {
+							variant: "subtitle1",
+							children: w
+						}),
+						/* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(ee, {
+							value: E,
+							max: I,
+							onChange: ie,
+							readOnly: L
+						}) }),
+						/* @__PURE__ */ d(v, {
+							variant: "body1",
+							sx: { lineHeight: 1.6 },
+							children: ae
+						}),
+						/* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(v, {
+							variant: "caption",
+							sx: { mb: 2 },
+							children: me
+						}) }),
+						O && O.length > 0 && /* @__PURE__ */ d(_, {
+							direction: "row",
+							sx: {
+								mt: 1,
+								mb: 2,
+								flexWrap: "wrap",
+								gap: 1
+							},
+							children: O.map((e, t) => /* @__PURE__ */ d(m, {
+								"aria-label": `Open review image ${t + 1}`,
+								component: "div",
+								onClick: () => fe(t),
+								sx: {
+									borderRadius: 1,
+									transition: (e) => e.transitions.create("opacity", { duration: e.transitions.duration.shorter }),
+									"&.Mui-focusVisible": {
+										outline: "2px solid",
+										outlineColor: "primary.main",
+										outlineOffset: 2
+									},
+									"@media (hover: hover) and (pointer: fine)": { "&:hover": { opacity: C.interaction.mediaHoverOpacity } }
+								},
+								children: /* @__PURE__ */ d(a, {
+									src: e,
+									alt: `Review image ${t + 1}`,
+									width: 80,
+									height: 80,
+									slotProps: { image: { sx: { objectFit: "cover" } } }
+								})
+							}, `${e}-${t}`))
+						}),
+						P && /* @__PURE__ */ f(_, {
+							direction: "row",
+							spacing: 1,
+							sx: {
+								display: "inline-flex",
+								alignItems: "center"
+							},
+							children: [
+								/* @__PURE__ */ d(v, {
+									variant: "body2",
+									sx: { mr: 2 },
+									children: "Was this review helpful?"
+								}),
+								/* @__PURE__ */ d(g, {
+									"aria-label": "Mark review as helpful",
+									"aria-pressed": W === "yes",
+									onClick: (e) => Z(e, "yes"),
+									sx: {
+										color: W === "yes" ? "primary.main" : "text.secondary",
+										"&:hover": { backgroundColor: "action.hover" }
+									},
+									children: /* @__PURE__ */ d(x, { fontSize: "small" })
+								}),
+								/* @__PURE__ */ d(v, {
+									variant: "caption",
+									children: K
+								}),
+								/* @__PURE__ */ d(g, {
+									"aria-label": "Mark review as not helpful",
+									"aria-pressed": W === "no",
+									onClick: (e) => Z(e, "no"),
+									sx: {
+										color: W === "no" ? "error.main" : "text.secondary",
+										ml: 1,
+										"&:hover": { backgroundColor: "action.hover" }
+									},
+									children: /* @__PURE__ */ d(ne, { fontSize: "small" })
+								}),
+								/* @__PURE__ */ d(v, {
+									variant: "caption",
+									children: q
+								})
+							]
+						})
+					]
+				})]
+			}),
+			R && /* @__PURE__ */ d(h, { sx: { mt: 2 } }),
+			/* @__PURE__ */ d(i, {
+				"aria-label": "Review media viewer",
+				open: ue,
+				onClose: $,
+				onCloseButtonClick: $,
+				selectedItem: de,
+				onItemChange: pe,
+				mediaItems: Q,
+				showNavigation: Q.length > 1,
+				showThumbnailDock: Q.length > 1,
+				showCounter: Q.length > 1
+			})
+		]
+	});
+});
+C.displayName = "SReview";
+//#endregion
+export { C as t };

package/dist/s-scroll-reveal/s-scroll-reveal.js

@@ -1,11 +1,12 @@
-import { useScrollAnimation as e } from "../hooks/use-scroll-animation.js";
-import { styled as t, useThemeProps as n } from "@mui/material/styles";
+import { t as e } from "../styled-Bog8QCl3.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
+import { useScrollAnimation as n } from "../hooks/use-scroll-animation.js";
 import r from "react";
 import { jsx as i } from "react/jsx-runtime";
 import { Box as a } from "@mui/material";
 import { motion as o, useReducedMotion as s } from "framer-motion";
 //#region lib/s-scroll-reveal/s-scroll-reveal.tsx
-var c = t(a, {
+var c = e(a, {
 	name: "SScrollReveal",
 	slot: "Root"
 })({ overflow: "hidden" });
@@ -15,9 +16,9 @@ function l(e) {
 function u(e, t, n, r) {
 	return t ? e ? "visible" : "hidden" : e ? r : n;
 }
-var d = r.forwardRef(function(t, d) {
-	let f = n({
-		props: t,
+var d = r.forwardRef(function(e, d) {
+	let f = t({
+		props: e,
 		name: "SScrollReveal"
 	}), { children: p, duration: m = .6, ease: h = "easeOut", threshold: g, rootMargin: _, delay: v, direction: y, distance: b, scaleOnReveal: x = !0, rotateOnReveal: S = !1, stagger: C = !0, staggerDelay: w = .1, sx: T, ...E } = f, D = {
 		...f,
@@ -27,7 +28,7 @@ var d = r.forwardRef(function(t, d) {
 		scaleOnReveal: x,
 		stagger: C,
 		staggerDelay: w
-	}, O = s(), { ref: k, animate: A, initialPosition: j, finalPosition: M } = e({
+	}, O = s(), { ref: k, animate: A, initialPosition: j, finalPosition: M } = n({
 		threshold: g,
 		rootMargin: _,
 		delay: v,

package/dist/s-scroll-to-top/s-scroll-to-top.d.ts

@@ -1,6 +1,6 @@
 import { SIconButtonProps } from '../s-icon-button';
 import * as React from 'react';
-export interface SScrollToTopProps extends Omit<SIconButtonProps, 'children' | 'component' | 'variant'> {
+export interface SScrollToTopProps extends Omit<SIconButtonProps, 'children' | 'component' | 'target' | 'variant'> {
     /** Icon rendered inside the button. */
     icon?: React.ReactNode;
     /** Scroll target monitored by MUI's scroll trigger; defaults to the window. */

package/dist/s-scroll-to-top/s-scroll-to-top.js

@@ -1,36 +1,37 @@
-import { reducedMotionMedia as e } from "../theme/components/action-styles.js";
-import { SIconButton as t } from "../s-icon-button/s-icon-button.js";
-import { styled as n, useThemeProps as r } from "@mui/material/styles";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { useMediaQuery as o, useScrollTrigger as s } from "@mui/material";
-import c from "@mui/icons-material/ArrowUpward";
+import { t as e } from "../styled-Bog8QCl3.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
+import { reducedMotionMedia as n } from "../theme/components/action-styles.js";
+import { t as r } from "../ArrowUpward-udL1ltj2.js";
+import { SIconButton as i } from "../s-icon-button/s-icon-button.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useMediaQuery as s, useScrollTrigger as c } from "@mui/material";
 //#region lib/s-scroll-to-top/s-scroll-to-top.tsx
-var l = n(t, {
+var l = e(i, {
 	name: "SScrollToTop",
 	slot: "Root"
-})(({ theme: t, ownerState: n }) => {
-	let r = t.vars ?? t;
+})(({ theme: e, ownerState: t }) => {
+	let r = e.vars ?? e;
 	return {
 		position: "fixed",
-		bottom: t.spacing(2),
-		right: t.spacing(2),
+		bottom: e.spacing(2),
+		right: e.spacing(2),
 		zIndex: r.zIndex.fab,
-		opacity: +!!n.isScrolled,
-		visibility: n.isScrolled ? "visible" : "hidden",
-		transition: [t.transitions.create(["opacity", "visibility"]), t.transitions.create(["background-color", "color"], { duration: t.transitions.duration.shorter })].join(","),
-		[e]: { transition: "none" }
+		opacity: +!!t.isScrolled,
+		visibility: t.isScrolled ? "visible" : "hidden",
+		transition: [e.transitions.create(["opacity", "visibility"]), e.transitions.create(["background-color", "color"], { duration: e.transitions.duration.shorter })].join(","),
+		[n]: { transition: "none" }
 	};
-}), u = i.forwardRef(function(e, t) {
-	let { target: n, ...i } = r({
+}), u = a.forwardRef(function(e, n) {
+	let { target: i, ...a } = t({
 		props: e,
 		name: "SScrollToTop"
-	}), { "aria-label": u = "Scroll to top", disableHysteresis: d = !0, icon: f, onClick: p, sx: m, tabIndex: h = 0, threshold: g = 100, ..._ } = i, v = s({
+	}), { "aria-label": u = "Scroll to top", disableHysteresis: d = !0, icon: f, onClick: p, sx: m, tabIndex: h = 0, threshold: g = 100, ..._ } = a, v = c({
 		disableHysteresis: d,
-		target: n,
+		target: i,
 		threshold: g
-	}), y = o("(prefers-reduced-motion: reduce)"), b = {
-		...i,
+	}), y = s("(prefers-reduced-motion: reduce)"), b = {
+		...a,
 		"aria-label": u,
 		disableHysteresis: d,
 		isScrolled: v,
@@ -38,15 +39,15 @@ var l = n(t, {
 		threshold: g
 	}, x = (e) => {
 		if (p?.(e), e.defaultPrevented) return;
-		let t = n === void 0 ? typeof window > "u" ? null : window : n;
+		let t = i === void 0 ? typeof window > "u" ? null : window : i;
 		typeof t?.scrollTo == "function" && t.scrollTo({
 			top: 0,
 			behavior: y ? "auto" : "smooth"
 		});
 	};
-	return /* @__PURE__ */ a(l, {
+	return /* @__PURE__ */ o(l, {
 		..._,
-		ref: t,
+		ref: n,
 		"aria-hidden": v ? void 0 : !0,
 		"aria-label": u,
 		onClick: x,
@@ -54,9 +55,9 @@ var l = n(t, {
 		tabIndex: v ? h : -1,
 		variant: "overlay",
 		sx: m,
-		children: f ?? /* @__PURE__ */ a(c, {})
+		children: f ?? /* @__PURE__ */ o(r, {})
 	});
-}), d = i.memo(u);
+}), d = a.memo(u);
 d.displayName = "SScrollToTop";
 //#endregion
 export { d as SScrollToTop, d as default };