@solostylist/ui-kit 1.0.203 → 1.0.205

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

@@ -1,160 +1,3 @@
-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-DuS5_nJb.js";
+import { t as e } from "../s-review-DOBlCEU2.js";
+export { e as SReview, e as default };

package/dist/s-review-DOBlCEU2.js

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

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

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

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 { useScrollAnimation as e } from "../hooks/use-scroll-animation.js";
+import t from "react";
+import { jsx as n } from "react/jsx-runtime";
+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 = ({ children: a, 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 } = e({
+		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__ */ n(r, {
+		sx: {
+			overflow: "hidden",
+			..._
+		},
+		...v,
+		children: /* @__PURE__ */ n(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 ? t.Children.toArray(a).map((e, t) => /* @__PURE__ */ n(r, {
+				component: i.div,
+				variants: O,
+				children: e
+			}, t)) : a
+		})
+	});
 };
+a.displayName = "SScrollReveal";
+//#endregion
+export { a as SScrollReveal, a as default };

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

@@ -1,4 +1,3 @@
-import { SScrollToTop as r } from "./s-scroll-to-top.js";
-export {
-  r as default
-};
+import "../createTheme-DuS5_nJb.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.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-DuS5_nJb.js";
+import { t as e } from "../Box-CCxGQYgC.js";
+import { t } from "../styled-Dz7rwAje.js";
+import { t as n } from "../ArrowUpward-CDLbIMHR.js";
+import { useIsPassedPosition as r } from "../hooks/use-is-passed-position.js";
+import i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/s-scroll-to-top/s-scroll-to-top.tsx
+var o = t(e)({
+	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)" }
+}), s = i.memo(({ onClick: e, scrollElementId: t, threshold: i = 100, icon: s, sx: c }) => {
+	let l = r(t ?? window, i), u = () => {
+		e ? e() : t ? document.getElementById(t)?.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		}) : window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		});
+	};
+	return /* @__PURE__ */ a(o, {
+		sx: {
+			opacity: l ? 1 : 0,
+			visibility: l ? "visible" : "hidden",
+			...c
+		},
+		onClick: u,
+		children: s ?? /* @__PURE__ */ a(n, {})
+	});
 });
-h.displayName = "SScrollToTop";
-export {
-  h as SScrollToTop,
-  h as default
-};
+s.displayName = "SScrollToTop";
+//#endregion
+export { s as SScrollToTop, s as default };

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

@@ -1,8 +1,4 @@
-import { SScrollVelocity as r } from "./s-scroll-velocity.js";
-import { ScrollVelocityContainer as t } from "./scroll-velocity-container.js";
-import { ScrollVelocityRow as f } from "./scroll-velocity-row.js";
-export {
-  t as ScrollVelocityContainer,
-  f as ScrollVelocityRow,
-  r as default
-};
+import { ScrollVelocityContainer as e } from "./scroll-velocity-container.js";
+import { ScrollVelocityRow as t } from "./scroll-velocity-row.js";
+import { SScrollVelocity as n } from "./s-scroll-velocity.js";
+export { e as ScrollVelocityContainer, t as ScrollVelocityRow, n as default };