@solostylist/ui-kit 1.0.202 → 1.0.204

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

@@ -1,160 +1,4 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { useId as K, useState as h, useEffect as P } from "react";
-import { Box as a, Stack as o, Divider as M, Typography as r, IconButton as S } from "@mui/material";
-import { SAvatar as Q } from "../s-avatar/s-avatar.js";
-import { SImageModal as X } from "../s-image-modal/s-image-modal.js";
-import Z from "../s-lazy-image/s-lazy-image.js";
-import { SRating as _ } from "../s-rating/s-rating.js";
-import { SSkeleton as n } from "../s-skeleton/s-skeleton.js";
-import { c as T } from "../createSvgIcon-BkbeLOhM.js";
-import { g as ee } from "../utils-D1UMIV0b.js";
-const te = T(/* @__PURE__ */ e.jsx("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"), se = T(/* @__PURE__ */ e.jsx("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"), ie = ({
-  id: k,
-  userName: m,
-  userAvatar: R,
-  rating: L,
-  reviewContent: $,
-  datetime: z,
-  images: x,
-  userHelpfulVote: d = null,
-  helpfulYes: H = 0,
-  helpfulNo: V = 0,
-  onHelpfulVote: v,
-  showHelpfulSection: D = !0,
-  avatarSize: p = 48,
-  maxRating: E = 5,
-  readOnly: O = !0,
-  showDivider: w = !0,
-  loading: U = !1,
-  sx: y = {}
-}) => {
-  const W = K(), I = k ?? W, [B, g] = h(H), [N, j] = h(V), [l, f] = h(d), [Y, b] = h(!1), [A, u] = h(null), C = (s) => {
-    let i = null;
-    l === s ? (s === "yes" ? g((t) => Math.max(0, t - 1)) : j((t) => Math.max(0, t - 1)), f(null)) : (l === "yes" ? g((t) => Math.max(0, t - 1)) : l === "no" && j((t) => Math.max(0, t - 1)), s === "yes" ? g((t) => t + 1) : j((t) => t + 1), f(s), i = s), v && v(I, i);
-  }, c = x?.map((s, i) => ({
-    id: `review-${I}-image-${i}`,
-    type: "image",
-    url: s,
-    title: `Review image ${i + 1}`,
-    desc: `Image ${i + 1} from ${m}'s review`
-  })) ?? [], F = (s) => {
-    const i = c[s];
-    i && (u(i), b(!0));
-  }, q = () => {
-    b(!1), u(null);
-  }, G = (s) => {
-    u(s);
-  }, J = ee(z);
-  return P(() => {
-    f(d);
-  }, [d]), U ? /* @__PURE__ */ e.jsxs(a, { sx: { py: 2, ...y }, children: [
-    /* @__PURE__ */ e.jsxs(o, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e.jsx(n, { component: "rounded-avatar", width: p, height: p }),
-      /* @__PURE__ */ e.jsxs(a, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ e.jsxs(o, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 120, height: 20 }),
-          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 80, height: 16 })
-        ] }),
-        /* @__PURE__ */ e.jsx(a, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(n, { variant: "text", width: 100, height: 20 }) }),
-        /* @__PURE__ */ e.jsx(n, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
-        /* @__PURE__ */ e.jsxs(o, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
-          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 140, height: 16, sx: { mr: 2 } }),
-          /* @__PURE__ */ e.jsx(n, { component: "icon-button" }),
-          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 20, height: 16 }),
-          /* @__PURE__ */ e.jsx(n, { component: "icon-button" }),
-          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 20, height: 16 })
-        ] })
-      ] })
-    ] }),
-    w && /* @__PURE__ */ e.jsx(M, { sx: { mt: 2 } })
-  ] }) : /* @__PURE__ */ e.jsxs(a, { sx: { py: 2, ...y }, children: [
-    /* @__PURE__ */ e.jsxs(o, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e.jsx(Q, { avatar: R, name: m, size: p }),
-      /* @__PURE__ */ e.jsxs(a, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ e.jsxs(o, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ e.jsx(r, { variant: "subtitle2", fontWeight: "600", children: m }),
-          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(r, { variant: "caption", children: J }) })
-        ] }),
-        /* @__PURE__ */ e.jsx(a, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(_, { value: L, max: E, readOnly: O }) }),
-        /* @__PURE__ */ e.jsx(r, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: $ }),
-        x && x.length > 0 && /* @__PURE__ */ e.jsx(o, { direction: "row", spacing: 1, sx: { mb: 2, flexWrap: "wrap", gap: 1 }, children: x.map((s, i) => /* @__PURE__ */ e.jsx(
-          Z,
-          {
-            src: s,
-            alt: `Review image ${i + 1}`,
-            width: 80,
-            height: 80,
-            variant: "rounded",
-            style: {
-              objectFit: "cover",
-              cursor: "pointer"
-            },
-            onClick: () => F(i),
-            onMouseEnter: (t) => {
-              t.currentTarget.style.opacity = "0.8";
-            },
-            onMouseLeave: (t) => {
-              t.currentTarget.style.opacity = "1";
-            }
-          },
-          i
-        )) }),
-        D && /* @__PURE__ */ e.jsxs(o, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
-          /* @__PURE__ */ e.jsx(r, { variant: "caption", sx: { mr: 2 }, children: "Was this review helpful?" }),
-          /* @__PURE__ */ e.jsx(
-            S,
-            {
-              onClick: () => C("yes"),
-              sx: {
-                color: l === "yes" ? "primary.main" : "text.secondary",
-                "&:hover": {
-                  backgroundColor: "action.hover"
-                }
-              },
-              children: /* @__PURE__ */ e.jsx(se, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(r, { variant: "caption", children: B }),
-          /* @__PURE__ */ e.jsx(
-            S,
-            {
-              onClick: () => C("no"),
-              sx: {
-                color: l === "no" ? "error.main" : "text.secondary",
-                ml: 1,
-                "&:hover": {
-                  backgroundColor: "action.hover"
-                }
-              },
-              children: /* @__PURE__ */ e.jsx(te, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(r, { variant: "caption", children: N })
-        ] })
-      ] })
-    ] }),
-    w && /* @__PURE__ */ e.jsx(M, { sx: { mt: 2 } }),
-    /* @__PURE__ */ e.jsx(
-      X,
-      {
-        isOpen: Y,
-        onClose: q,
-        selectedItem: A,
-        onItemChange: G,
-        mediaItems: c,
-        showNavigation: c.length > 1,
-        showThumbnailDock: c.length > 1,
-        showCounter: c.length > 1
-      }
-    )
-  ] });
-};
-ie.displayName = "SReview";
-export {
-  ie as SReview,
-  ie as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-review-C1E6ASin.js";
+export { e as SReview, e as default };

package/dist/s-review-C1E6ASin.js

@@ -0,0 +1,241 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import n from "./s-lazy-image/s-lazy-image.js";
+import { SAvatar as r } from "./s-avatar/s-avatar.js";
+import { i } from "./utils-Cj6R-BZe.js";
+import { SImageModal as a } from "./s-image-modal/s-image-modal.js";
+import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
+import { SRating as s } from "./s-rating/s-rating.js";
+import { useEffect as c, useId as l, useState as u } from "react";
+import { Box as d, Divider as f, IconButton as p, Stack as m, Typography as h } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/ThumbDown.js
+var g = e(), _ = t(/* @__PURE__ */ (0, g.jsx)("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"), v = t(/* @__PURE__ */ (0, g.jsx)("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"), y = ({ id: e, userName: t, userAvatar: y, rating: b, reviewContent: x, datetime: S, images: C, userHelpfulVote: w = null, helpfulYes: T = 0, helpfulNo: E = 0, onHelpfulVote: D, showHelpfulSection: O = !0, avatarSize: k = 48, maxRating: A = 5, readOnly: j = !0, showDivider: M = !0, loading: N = !1, sx: P = {} }) => {
+	let F = l(), I = e ?? F, [L, R] = u(T), [z, B] = u(E), [V, H] = u(w), [U, W] = u(!1), [G, K] = u(null), q = (e) => {
+		let t = null;
+		V === e ? (e === "yes" ? R((e) => Math.max(0, e - 1)) : B((e) => Math.max(0, e - 1)), H(null)) : (V === "yes" ? R((e) => Math.max(0, e - 1)) : V === "no" && B((e) => Math.max(0, e - 1)), e === "yes" ? R((e) => e + 1) : B((e) => e + 1), H(e), t = e), D && D(I, t);
+	}, J = C?.map((e, n) => ({
+		id: `review-${I}-image-${n}`,
+		type: "image",
+		url: e,
+		title: `Review image ${n + 1}`,
+		desc: `Image ${n + 1} from ${t}'s review`
+	})) ?? [], Y = (e) => {
+		let t = J[e];
+		t && (K(t), W(!0));
+	}, X = () => {
+		W(!1), K(null);
+	}, Z = (e) => {
+		K(e);
+	}, Q = i(S);
+	return c(() => {
+		H(w);
+	}, [w]), N ? /* @__PURE__ */ (0, g.jsxs)(d, {
+		sx: {
+			py: 2,
+			...P
+		},
+		children: [/* @__PURE__ */ (0, g.jsxs)(m, {
+			direction: "row",
+			spacing: 2,
+			alignItems: "flex-start",
+			children: [/* @__PURE__ */ (0, g.jsx)(o, {
+				component: "rounded-avatar",
+				width: k,
+				height: k
+			}), /* @__PURE__ */ (0, g.jsxs)(d, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ (0, g.jsxs)(m, {
+						direction: "row",
+						alignItems: "center",
+						spacing: 2,
+						mb: 1,
+						children: [/* @__PURE__ */ (0, g.jsx)(o, {
+							variant: "text",
+							width: 120,
+							height: 20
+						}), /* @__PURE__ */ (0, g.jsx)(o, {
+							variant: "text",
+							width: 80,
+							height: 16
+						})]
+					}),
+					/* @__PURE__ */ (0, g.jsx)(d, {
+						sx: { mb: 1 },
+						children: /* @__PURE__ */ (0, g.jsx)(o, {
+							variant: "text",
+							width: 100,
+							height: 20
+						})
+					}),
+					/* @__PURE__ */ (0, g.jsx)(o, {
+						variant: "text",
+						width: "100%",
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					/* @__PURE__ */ (0, g.jsxs)(m, {
+						direction: "row",
+						spacing: 1,
+						sx: {
+							display: "inline-flex",
+							alignItems: "center"
+						},
+						children: [
+							/* @__PURE__ */ (0, g.jsx)(o, {
+								variant: "text",
+								width: 140,
+								height: 16,
+								sx: { mr: 2 }
+							}),
+							/* @__PURE__ */ (0, g.jsx)(o, { component: "icon-button" }),
+							/* @__PURE__ */ (0, g.jsx)(o, {
+								variant: "text",
+								width: 20,
+								height: 16
+							}),
+							/* @__PURE__ */ (0, g.jsx)(o, { component: "icon-button" }),
+							/* @__PURE__ */ (0, g.jsx)(o, {
+								variant: "text",
+								width: 20,
+								height: 16
+							})
+						]
+					})
+				]
+			})]
+		}), M && /* @__PURE__ */ (0, g.jsx)(f, { sx: { mt: 2 } })]
+	}) : /* @__PURE__ */ (0, g.jsxs)(d, {
+		sx: {
+			py: 2,
+			...P
+		},
+		children: [
+			/* @__PURE__ */ (0, g.jsxs)(m, {
+				direction: "row",
+				spacing: 2,
+				alignItems: "flex-start",
+				children: [/* @__PURE__ */ (0, g.jsx)(r, {
+					avatar: y,
+					name: t,
+					size: k
+				}), /* @__PURE__ */ (0, g.jsxs)(d, {
+					sx: { flex: 1 },
+					children: [
+						/* @__PURE__ */ (0, g.jsxs)(m, {
+							direction: "row",
+							alignItems: "center",
+							spacing: 2,
+							mb: 1,
+							children: [/* @__PURE__ */ (0, g.jsx)(h, {
+								variant: "subtitle2",
+								fontWeight: "600",
+								children: t
+							}), /* @__PURE__ */ (0, g.jsx)("div", { children: /* @__PURE__ */ (0, g.jsx)(h, {
+								variant: "caption",
+								children: Q
+							}) })]
+						}),
+						/* @__PURE__ */ (0, g.jsx)(d, {
+							sx: { mb: 1 },
+							children: /* @__PURE__ */ (0, g.jsx)(s, {
+								value: b,
+								max: A,
+								readOnly: j
+							})
+						}),
+						/* @__PURE__ */ (0, g.jsx)(h, {
+							variant: "body2",
+							sx: {
+								mb: 2,
+								lineHeight: 1.6
+							},
+							children: x
+						}),
+						C && C.length > 0 && /* @__PURE__ */ (0, g.jsx)(m, {
+							direction: "row",
+							spacing: 1,
+							sx: {
+								mb: 2,
+								flexWrap: "wrap",
+								gap: 1
+							},
+							children: C.map((e, t) => /* @__PURE__ */ (0, g.jsx)(n, {
+								src: e,
+								alt: `Review image ${t + 1}`,
+								width: 80,
+								height: 80,
+								variant: "rounded",
+								style: {
+									objectFit: "cover",
+									cursor: "pointer"
+								},
+								onClick: () => Y(t),
+								onMouseEnter: (e) => {
+									e.currentTarget.style.opacity = "0.8";
+								},
+								onMouseLeave: (e) => {
+									e.currentTarget.style.opacity = "1";
+								}
+							}, t))
+						}),
+						O && /* @__PURE__ */ (0, g.jsxs)(m, {
+							direction: "row",
+							spacing: 1,
+							sx: {
+								display: "inline-flex",
+								alignItems: "center"
+							},
+							children: [
+								/* @__PURE__ */ (0, g.jsx)(h, {
+									variant: "caption",
+									sx: { mr: 2 },
+									children: "Was this review helpful?"
+								}),
+								/* @__PURE__ */ (0, g.jsx)(p, {
+									onClick: () => q("yes"),
+									sx: {
+										color: V === "yes" ? "primary.main" : "text.secondary",
+										"&:hover": { backgroundColor: "action.hover" }
+									},
+									children: /* @__PURE__ */ (0, g.jsx)(v, { fontSize: "small" })
+								}),
+								/* @__PURE__ */ (0, g.jsx)(h, {
+									variant: "caption",
+									children: L
+								}),
+								/* @__PURE__ */ (0, g.jsx)(p, {
+									onClick: () => q("no"),
+									sx: {
+										color: V === "no" ? "error.main" : "text.secondary",
+										ml: 1,
+										"&:hover": { backgroundColor: "action.hover" }
+									},
+									children: /* @__PURE__ */ (0, g.jsx)(_, { fontSize: "small" })
+								}),
+								/* @__PURE__ */ (0, g.jsx)(h, {
+									variant: "caption",
+									children: z
+								})
+							]
+						})
+					]
+				})]
+			}),
+			M && /* @__PURE__ */ (0, g.jsx)(f, { sx: { mt: 2 } }),
+			/* @__PURE__ */ (0, g.jsx)(a, {
+				isOpen: U,
+				onClose: X,
+				selectedItem: G,
+				onItemChange: Z,
+				mediaItems: J,
+				showNavigation: J.length > 1,
+				showThumbnailDock: J.length > 1,
+				showCounter: J.length > 1
+			})
+		]
+	});
+};
+y.displayName = "SReview";
+//#endregion
+export { y as t };

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

@@ -1,4 +1,3 @@
-import { SScrollReveal as a } from "./s-scroll-reveal.js";
-export {
-  a as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SScrollReveal as e } from "./s-scroll-reveal.js";
+export { e as default };

package/dist/s-scroll-reveal/s-scroll-reveal.d.ts

@@ -30,8 +30,5 @@ export interface SScrollRevealProps extends Omit<BoxProps, 'children'> {
     /** Delay between staggered child animations in seconds (default: 0.1) */
     staggerDelay?: number;
 }
-/**
- * A scroll-triggered animation component that reveals content with smooth animations when elements enter the viewport.
- */
 export declare const SScrollReveal: React.FC<SScrollRevealProps>;
 export default SScrollReveal;

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

@@ -1,65 +1,69 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import B from "react";
-import { Box as e } from "@mui/material";
-import { motion as f } from "framer-motion";
-import { useScrollAnimation as E } from "../hooks/use-scroll-animation.js";
-const N = ({
-  children: a,
-  duration: v = 0.6,
-  ease: h = "easeOut",
-  threshold: u,
-  rootMargin: x,
-  delay: t,
-  direction: S,
-  distance: R,
-  scale: s = !0,
-  rotate: r = !1,
-  stagger: i = !0,
-  staggerDelay: j = 0.1,
-  sx: y,
-  ...b
-}) => {
-  const { ref: C, animate: A, initialPosition: l, finalPosition: c } = E({
-    threshold: u,
-    rootMargin: x,
-    delay: t,
-    direction: S,
-    distance: R
-  }), m = s ? { ...l, scale: 0.85 } : l, d = s ? { ...c, scale: 1 } : c, n = r ? { ...m, rotate: -2 } : m, p = r ? { ...d, rotate: 0 } : d, P = {
-    hidden: { opacity: 0 },
-    visible: {
-      opacity: 1,
-      transition: {
-        staggerChildren: i ? j : 0,
-        delayChildren: t ? t / 1e3 : 0
-      }
-    }
-  }, V = {
-    hidden: n,
-    visible: p
-  };
-  return /* @__PURE__ */ o.jsx(e, { sx: { overflow: "hidden", ...y }, ...b, children: /* @__PURE__ */ o.jsx(
-    e,
-    {
-      component: f.div,
-      ref: C,
-      variants: i ? P : void 0,
-      initial: i ? "hidden" : n,
-      animate: A ? i ? "visible" : p : i ? "hidden" : n,
-      transition: {
-        duration: v,
-        ease: h,
-        type: "spring",
-        stiffness: 80,
-        damping: 20,
-        mass: 0.8
-      },
-      children: i ? B.Children.toArray(a).map((_, w) => /* @__PURE__ */ o.jsx(e, { component: f.div, variants: V, children: _ }, w)) : a
-    }
-  ) });
-};
-N.displayName = "SScrollReveal";
-export {
-  N as SScrollReveal,
-  N as default
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { useScrollAnimation as t } from "../hooks/use-scroll-animation.js";
+import n from "react";
+import { Box as r } from "@mui/material";
+import { motion as i } from "framer-motion";
+//#region lib/s-scroll-reveal/s-scroll-reveal.tsx
+var a = e(), o = ({ children: e, duration: o = .6, ease: s = "easeOut", threshold: c, rootMargin: l, delay: u, direction: d, distance: f, scale: p = !0, rotate: m = !1, stagger: h = !0, staggerDelay: g = .1, sx: _, ...v }) => {
+	let { ref: y, animate: b, initialPosition: x, finalPosition: S } = t({
+		threshold: c,
+		rootMargin: l,
+		delay: u,
+		direction: d,
+		distance: f
+	}), C = p ? {
+		...x,
+		scale: .85
+	} : x, w = p ? {
+		...S,
+		scale: 1
+	} : S, T = m ? {
+		...C,
+		rotate: -2
+	} : C, E = m ? {
+		...w,
+		rotate: 0
+	} : w, D = {
+		hidden: { opacity: 0 },
+		visible: {
+			opacity: 1,
+			transition: {
+				staggerChildren: h ? g : 0,
+				delayChildren: u ? u / 1e3 : 0
+			}
+		}
+	}, O = {
+		hidden: T,
+		visible: E
+	};
+	return /* @__PURE__ */ (0, a.jsx)(r, {
+		sx: {
+			overflow: "hidden",
+			..._
+		},
+		...v,
+		children: /* @__PURE__ */ (0, a.jsx)(r, {
+			component: i.div,
+			ref: y,
+			variants: h ? D : void 0,
+			initial: h ? "hidden" : T,
+			animate: b ? h ? "visible" : E : h ? "hidden" : T,
+			transition: {
+				duration: o,
+				ease: s,
+				type: "spring",
+				stiffness: 80,
+				damping: 20,
+				mass: .8
+			},
+			children: h ? n.Children.toArray(e).map((e, t) => /* @__PURE__ */ (0, a.jsx)(r, {
+				component: i.div,
+				variants: O,
+				children: e
+			}, t)) : e
+		})
+	});
 };
+o.displayName = "SScrollReveal";
+//#endregion
+export { o as SScrollReveal, o as default };

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

@@ -1,4 +1,4 @@
-import { SScrollToTop as r } from "./s-scroll-to-top.js";
-export {
-  r as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { SScrollToTop as e } from "./s-scroll-to-top.js";
+export { e as default };

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

@@ -15,8 +15,5 @@ export interface SScrollToTopProps {
     /** System prop for custom styling */
     sx?: SxProps<Theme>;
 }
-/**
- * A floating button that appears when the user scrolls down and allows them to quickly return to the top.
- */
 export declare const SScrollToTop: React.MemoExoticComponent<({ onClick, scrollElementId, threshold, icon, sx }: SScrollToTopProps) => import("react/jsx-runtime").JSX.Element>;
 export default SScrollToTop;

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

@@ -1,45 +1,46 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import l from "react";
-import { A as m } from "../ArrowUpward-D8eqD-si.js";
-import { useIsPassedPosition as d } from "../hooks/use-is-passed-position.js";
-import { s as c } from "../styled-8Y5KoVix.js";
-import { B as p } from "../Box-BkXoTbe8.js";
-const f = c(p)({
-  position: "fixed",
-  bottom: 20,
-  right: 20,
-  zIndex: 100,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  borderRadius: "50%",
-  width: 40,
-  height: 40,
-  backgroundColor: "background.paper",
-  cursor: "pointer",
-  transition: "all 0.3s ease",
-  "&:hover": {
-    transform: "scale(1.1)"
-  }
-}), h = l.memo(({ onClick: e, scrollElementId: o, threshold: s = 100, icon: i, sx: n }) => {
-  const t = d(o ?? window, s), a = () => {
-    e ? e() : o ? document.getElementById(o)?.scrollTo({ top: 0, behavior: "smooth" }) : window.scrollTo({ top: 0, behavior: "smooth" });
-  };
-  return /* @__PURE__ */ r.jsx(
-    f,
-    {
-      sx: {
-        opacity: t ? 1 : 0,
-        visibility: t ? "visible" : "hidden",
-        ...n
-      },
-      onClick: a,
-      children: i ?? /* @__PURE__ */ r.jsx(m, {})
-    }
-  );
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { t } from "../Box-a5uPlxYL.js";
+import { t as n } from "../styled-CjUxhIJh.js";
+import { t as r } from "../ArrowUpward-KYbUu0UZ.js";
+import { useIsPassedPosition as i } from "../hooks/use-is-passed-position.js";
+import a from "react";
+//#region lib/s-scroll-to-top/s-scroll-to-top.tsx
+var o = e(), s = n(t)({
+	position: "fixed",
+	bottom: 20,
+	right: 20,
+	zIndex: 100,
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	borderRadius: "50%",
+	width: 40,
+	height: 40,
+	backgroundColor: "background.paper",
+	cursor: "pointer",
+	transition: "all 0.3s ease",
+	"&:hover": { transform: "scale(1.1)" }
+}), c = a.memo(({ onClick: e, scrollElementId: t, threshold: n = 100, icon: a, sx: c }) => {
+	let l = i(t ?? window, n), u = () => {
+		e ? e() : t ? document.getElementById(t)?.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		}) : window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		});
+	};
+	return /* @__PURE__ */ (0, o.jsx)(s, {
+		sx: {
+			opacity: l ? 1 : 0,
+			visibility: l ? "visible" : "hidden",
+			...c
+		},
+		onClick: u,
+		children: a ?? /* @__PURE__ */ (0, o.jsx)(r, {})
+	});
 });
-h.displayName = "SScrollToTop";
-export {
-  h as SScrollToTop,
-  h as default
-};
+c.displayName = "SScrollToTop";
+//#endregion
+export { c as SScrollToTop, c as default };