@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -1,94 +1,93 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as v, useEffect as P } from "react";
-import { Box as d, Stack as o, Divider as T, Typography as c, IconButton as H } from "@mui/material";
-import { SAvatar as G } from "../s-avatar/s-avatar.js";
-import { SImageModal as J } from "../s-image-modal/s-image-modal.js";
-import "../s-lazy-image/index.js";
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import { useState as j, useEffect as G } from "react";
+import { Box as h, Stack as r, Divider as D, Typography as m, IconButton as R } from "@mui/material";
+import { SSkeleton as i } from "../s-skeleton/s-skeleton.js";
+import { SAvatar as J } from "../s-avatar/s-avatar.js";
 import { SRating as K } from "../s-rating/s-rating.js";
-import { SSkeleton as l } from "../s-skeleton/s-skeleton.js";
-import Q from "../s-lazy-image/s-lazy-image.js";
-import { c as N } from "../createSvgIcon-DxwgGAVe.js";
-const X = N(/* @__PURE__ */ e.jsx("path", {
+import P from "../s-lazy-image/s-lazy-image.js";
+import { c as H } from "../createSvgIcon-BKymXuBG.js";
+import { SImageModal as Q } from "../s-image-modal/s-image-modal.js";
+const X = H(/* @__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"), Z = N(/* @__PURE__ */ e.jsx("path", {
+}), "ThumbDown"), Z = H(/* @__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"), ee = (s) => {
-  const m = /* @__PURE__ */ new Date(), y = typeof s == "string" ? new Date(s) : s, j = m.getTime() - y.getTime(), w = Math.floor(j / 1e3), u = Math.floor(w / 60), i = Math.floor(u / 60), r = Math.floor(i / 24), f = Math.floor(r / 7), h = Math.floor(r / 30), p = Math.floor(r / 365);
-  return w < 60 ? "just now" : u < 60 ? u === 1 ? "1 minute ago" : `${u} minutes ago` : i < 24 ? i === 1 ? "1 hour ago" : `${i} hours ago` : r < 7 ? r === 1 ? "1 day ago" : `${r} days ago` : f < 4 ? f === 1 ? "1 week ago" : `${f} weeks ago` : h < 12 ? h === 1 ? "1 month ago" : `${h} months ago` : p === 1 ? "1 year ago" : `${p} years ago`;
-}, q = ({
-  id: s = Date.now(),
-  userName: m,
-  userAvatar: y,
-  rating: j,
+}), "ThumbUp"), _ = (l) => {
+  const x = /* @__PURE__ */ new Date(), v = typeof l == "string" ? new Date(l) : l, y = x.getTime() - v.getTime(), w = Math.floor(y / 1e3), c = Math.floor(w / 60), a = Math.floor(c / 60), o = Math.floor(a / 24), d = Math.floor(o / 7), f = Math.floor(o / 30), g = Math.floor(o / 365);
+  return w < 60 ? "just now" : c < 60 ? c === 1 ? "1 minute ago" : `${c} minutes ago` : a < 24 ? a === 1 ? "1 hour ago" : `${a} hours ago` : o < 7 ? o === 1 ? "1 day ago" : `${o} days ago` : d < 4 ? d === 1 ? "1 week ago" : `${d} weeks ago` : f < 12 ? f === 1 ? "1 month ago" : `${f} months ago` : g === 1 ? "1 year ago" : `${g} years ago`;
+}, ee = ({
+  id: l = Date.now(),
+  userName: x,
+  userAvatar: v,
+  rating: y,
   reviewContent: w,
-  datetime: u,
-  images: i,
-  userHelpfulVote: r = null,
-  helpfulYes: f = 0,
-  helpfulNo: h = 0,
-  onHelpfulVote: p,
-  showHelpfulSection: $ = !0,
-  avatarSize: b = 48,
-  maxRating: z = 5,
-  readOnly: L = !0,
+  datetime: c,
+  images: a,
+  userHelpfulVote: o = null,
+  helpfulYes: d = 0,
+  helpfulNo: f = 0,
+  onHelpfulVote: g,
+  showHelpfulSection: L = !0,
+  avatarSize: I = 48,
+  maxRating: V = 5,
+  readOnly: W = !0,
   showDivider: C = !0,
-  loading: W = !1,
-  sx: k = {}
+  loading: E = !1,
+  sx: T = {}
 }) => {
-  const [_, I] = v(f), [U, V] = v(h), [x, M] = v(r), [Y, D] = v(!1), [A, S] = v(null), R = (a) => {
-    let n = a;
-    x === a ? (a === "yes" ? I((t) => Math.max(0, t - 1)) : V((t) => Math.max(0, t - 1)), M(null), n = null) : (x === "yes" ? I((t) => Math.max(0, t - 1)) : x === "no" && V((t) => Math.max(0, t - 1)), a === "yes" ? I((t) => t + 1) : V((t) => t + 1), M(a), n = a), p && p(s, n);
-  }, g = (i == null ? void 0 : i.map((a, n) => ({
-    id: `review-${s}-image-${n}`,
+  const [O, M] = j(d), [U, b] = j(f), [p, S] = j(o), [Y, $] = j(!1), [B, k] = j(null), z = (n) => {
+    let s = n;
+    p === n ? (n === "yes" ? M((t) => Math.max(0, t - 1)) : b((t) => Math.max(0, t - 1)), S(null), s = null) : (p === "yes" ? M((t) => Math.max(0, t - 1)) : p === "no" && b((t) => Math.max(0, t - 1)), n === "yes" ? M((t) => t + 1) : b((t) => t + 1), S(n), s = n), g && g(l, s);
+  }, u = a?.map((n, s) => ({
+    id: `review-${l}-image-${s}`,
     type: "image",
-    url: a,
-    title: `Review image ${n + 1}`,
-    desc: `Image ${n + 1} from ${m}'s review`
-  }))) || [], O = (a) => {
-    const n = g[a];
-    n && (S(n), D(!0));
-  }, E = () => {
-    D(!1), S(null);
-  }, B = (a) => {
-    S(a);
-  }, F = ee(u);
-  return P(() => {
-    M(r);
-  }, [r]), W ? /* @__PURE__ */ e.jsxs(d, { sx: { py: 2, ...k }, children: [
-    /* @__PURE__ */ e.jsxs(o, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e.jsx(l, { component: "rounded-avatar", width: b, height: b }),
-      /* @__PURE__ */ e.jsxs(d, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ e.jsxs(o, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ e.jsx(l, { variant: "text", width: 120, height: 20 }),
-          /* @__PURE__ */ e.jsx(l, { variant: "text", width: 80, height: 16 })
+    url: n,
+    title: `Review image ${s + 1}`,
+    desc: `Image ${s + 1} from ${x}'s review`
+  })) || [], N = (n) => {
+    const s = u[n];
+    s && (k(s), $(!0));
+  }, A = () => {
+    $(!1), k(null);
+  }, F = (n) => {
+    k(n);
+  }, q = _(c);
+  return G(() => {
+    S(o);
+  }, [o]), E ? /* @__PURE__ */ e.jsxs(h, { sx: { py: 2, ...T }, children: [
+    /* @__PURE__ */ e.jsxs(r, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      /* @__PURE__ */ e.jsx(i, { component: "rounded-avatar", width: I, height: I }),
+      /* @__PURE__ */ e.jsxs(h, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ e.jsxs(r, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
+          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 120, height: 20 }),
+          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 80, height: 16 })
         ] }),
-        /* @__PURE__ */ e.jsx(d, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(l, { variant: "text", width: 100, height: 20 }) }),
-        /* @__PURE__ */ e.jsx(l, { 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(l, { variant: "text", width: 140, height: 16, sx: { mr: 2 } }),
-          /* @__PURE__ */ e.jsx(l, { component: "icon-button" }),
-          /* @__PURE__ */ e.jsx(l, { variant: "text", width: 20, height: 16 }),
-          /* @__PURE__ */ e.jsx(l, { component: "icon-button" }),
-          /* @__PURE__ */ e.jsx(l, { variant: "text", width: 20, height: 16 })
+        /* @__PURE__ */ e.jsx(h, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(i, { variant: "text", width: 100, height: 20 }) }),
+        /* @__PURE__ */ e.jsx(i, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
+        /* @__PURE__ */ e.jsxs(r, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 140, height: 16, sx: { mr: 2 } }),
+          /* @__PURE__ */ e.jsx(i, { component: "icon-button" }),
+          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 20, height: 16 }),
+          /* @__PURE__ */ e.jsx(i, { component: "icon-button" }),
+          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 20, height: 16 })
         ] })
       ] })
     ] }),
-    C && /* @__PURE__ */ e.jsx(T, { sx: { mt: 2 } })
-  ] }) : /* @__PURE__ */ e.jsxs(d, { sx: { py: 2, ...k }, children: [
-    /* @__PURE__ */ e.jsxs(o, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e.jsx(G, { avatar: y, name: m, size: b }),
-      /* @__PURE__ */ e.jsxs(d, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ e.jsxs(o, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ e.jsx(c, { variant: "subtitle2", fontWeight: "600", children: m }),
-          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(c, { variant: "caption", children: F }) })
+    C && /* @__PURE__ */ e.jsx(D, { sx: { mt: 2 } })
+  ] }) : /* @__PURE__ */ e.jsxs(h, { sx: { py: 2, ...T }, children: [
+    /* @__PURE__ */ e.jsxs(r, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      /* @__PURE__ */ e.jsx(J, { avatar: v, name: x, size: I }),
+      /* @__PURE__ */ e.jsxs(h, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ e.jsxs(r, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
+          /* @__PURE__ */ e.jsx(m, { variant: "subtitle2", fontWeight: "600", children: x }),
+          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(m, { variant: "caption", children: q }) })
         ] }),
-        /* @__PURE__ */ e.jsx(d, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(K, { value: j, max: z, readOnly: L, size: "small" }) }),
-        /* @__PURE__ */ e.jsx(c, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: w }),
-        i && i.length > 0 && /* @__PURE__ */ e.jsx(o, { direction: "row", spacing: 1, sx: { mb: 2, flexWrap: "wrap", gap: 1 }, children: i.map((a, n) => /* @__PURE__ */ e.jsx(
-          Q,
+        /* @__PURE__ */ e.jsx(h, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(K, { value: y, max: V, readOnly: W, size: "small" }) }),
+        /* @__PURE__ */ e.jsx(m, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: w }),
+        a && a.length > 0 && /* @__PURE__ */ e.jsx(r, { direction: "row", spacing: 1, sx: { mb: 2, flexWrap: "wrap", gap: 1 }, children: a.map((n, s) => /* @__PURE__ */ e.jsx(
+          P,
           {
-            src: a,
-            alt: `Review image ${n + 1}`,
+            src: n,
+            alt: `Review image ${s + 1}`,
             width: 80,
             height: 80,
             variant: "rounded",
@@ -96,7 +95,7 @@ const X = N(/* @__PURE__ */ e.jsx("path", {
               objectFit: "cover",
               cursor: "pointer"
             },
-            onClick: () => O(n),
+            onClick: () => N(s),
             onMouseEnter: (t) => {
               t.currentTarget.style.opacity = "0.8";
             },
@@ -104,17 +103,17 @@ const X = N(/* @__PURE__ */ e.jsx("path", {
               t.currentTarget.style.opacity = "1";
             }
           },
-          n
+          s
         )) }),
-        $ && /* @__PURE__ */ e.jsxs(o, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
-          /* @__PURE__ */ e.jsx(c, { variant: "caption", sx: { mr: 2 }, children: "Was this review helpful?" }),
+        L && /* @__PURE__ */ e.jsxs(r, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ e.jsx(m, { variant: "caption", sx: { mr: 2 }, children: "Was this review helpful?" }),
           /* @__PURE__ */ e.jsx(
-            H,
+            R,
             {
               size: "small",
-              onClick: () => R("yes"),
+              onClick: () => z("yes"),
               sx: {
-                color: x === "yes" ? "primary.main" : "text.secondary",
+                color: p === "yes" ? "primary.main" : "text.secondary",
                 "&:hover": {
                   backgroundColor: "action.hover"
                 }
@@ -122,14 +121,14 @@ const X = N(/* @__PURE__ */ e.jsx("path", {
               children: /* @__PURE__ */ e.jsx(Z, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ e.jsx(c, { variant: "caption", children: _ }),
+          /* @__PURE__ */ e.jsx(m, { variant: "caption", children: O }),
           /* @__PURE__ */ e.jsx(
-            H,
+            R,
             {
               size: "small",
-              onClick: () => R("no"),
+              onClick: () => z("no"),
               sx: {
-                color: x === "no" ? "error.main" : "text.secondary",
+                color: p === "no" ? "error.main" : "text.secondary",
                 ml: 1,
                 "&:hover": {
                   backgroundColor: "action.hover"
@@ -138,32 +137,28 @@ const X = N(/* @__PURE__ */ e.jsx("path", {
               children: /* @__PURE__ */ e.jsx(X, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ e.jsx(c, { variant: "caption", children: U })
+          /* @__PURE__ */ e.jsx(m, { variant: "caption", children: U })
         ] })
       ] })
     ] }),
-    C && /* @__PURE__ */ e.jsx(T, { sx: { mt: 2 } }),
+    C && /* @__PURE__ */ e.jsx(D, { sx: { mt: 2 } }),
     /* @__PURE__ */ e.jsx(
-      J,
+      Q,
       {
         isOpen: Y,
-        onClose: E,
-        selectedItem: A,
-        onItemChange: B,
-        mediaItems: g,
-        showNavigation: g.length > 1,
-        showThumbnailDock: g.length > 1,
-        showCounter: g.length > 1
+        onClose: A,
+        selectedItem: B,
+        onItemChange: F,
+        mediaItems: u,
+        showNavigation: u.length > 1,
+        showThumbnailDock: u.length > 1,
+        showCounter: u.length > 1
       }
     )
   ] });
 };
-q.displayName = "SReview";
-try {
-  q.displayName = "SReview", q.__docgenInfo = { description: "A comprehensive review component that displays user reviews with avatar, name, rating, content, and helpful voting system.", displayName: "SReview", props: { id: { defaultValue: { value: "Date.now()" }, description: "Unique identifier for the review (default: Date.now())", name: "id", required: !1, type: { name: "string | number" } }, userName: { defaultValue: null, description: "Name of the reviewer", name: "userName", required: !0, type: { name: "string" } }, userAvatar: { defaultValue: null, description: "URL for the user avatar image (falls back to initials if not provided)", name: "userAvatar", required: !1, type: { name: "string" } }, rating: { defaultValue: null, description: "Rating value", name: "rating", required: !0, type: { name: "number" } }, reviewContent: { defaultValue: null, description: "The review text content", name: "reviewContent", required: !0, type: { name: "string" } }, datetime: { defaultValue: null, description: "Date and time of the review (automatically converts to relative time)", name: "datetime", required: !0, type: { name: "string | Date" } }, images: { defaultValue: null, description: "Array of image URLs to display with the review", name: "images", required: !1, type: { name: "string[]" } }, userHelpfulVote: { defaultValue: { value: "null" }, description: "Current user vote status for this review (default: null)", name: "userHelpfulVote", required: !1, type: { name: '"yes" | "no" | null' } }, helpfulYes: { defaultValue: { value: "0" }, description: 'Number of "Yes" votes for helpfulness (default: 0)', name: "helpfulYes", required: !1, type: { name: "number" } }, helpfulNo: { defaultValue: { value: "0" }, description: 'Number of "No" votes for helpfulness (default: 0)', name: "helpfulNo", required: !1, type: { name: "number" } }, onHelpfulVote: { defaultValue: null, description: "Callback when user votes on helpfulness (returns null when un-voting)", name: "onHelpfulVote", required: !1, type: { name: '((reviewId: string | number, vote: "yes" | "no" | null) => void)' } }, showHelpfulSection: { defaultValue: { value: "true" }, description: "Whether to show the helpful voting section (default: true)", name: "showHelpfulSection", required: !1, type: { name: "boolean" } }, avatarSize: { defaultValue: { value: "48" }, description: "Size of the avatar in pixels (default: 48)", name: "avatarSize", required: !1, type: { name: "number" } }, maxRating: { defaultValue: { value: "5" }, description: "Maximum rating value (default: 5)", name: "maxRating", required: !1, type: { name: "number" } }, readOnly: { defaultValue: { value: "true" }, description: "Whether the rating is read-only (default: true)", name: "readOnly", required: !1, type: { name: "boolean" } }, showDivider: { defaultValue: { value: "true" }, description: "Whether to show the divider at the bottom of the review (default: true)", name: "showDivider", required: !1, type: { name: "boolean" } }, loading: { defaultValue: { value: "false" }, description: "Whether to show skeleton loading state instead of content (default: false)", name: "loading", required: !1, type: { name: "boolean" } }, sx: { defaultValue: { value: "{}" }, description: "MUI sx prop for custom styling", name: "sx", required: !1, type: { name: "SxProps" } } } };
-} catch {
-}
+ee.displayName = "SReview";
 export {
-  q as SReview,
-  q as default
+  ee as SReview,
+  ee as default
 };

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

@@ -1,6 +1,6 @@
-{
-  "name": "@solostylist/ui-kit/s-scroll-reveal",
-  "main": "./index.ts",
-  "module": "./index.ts",
-  "types": "./index.ts"
+{
+  "name": "@solostylist/ui-kit/s-scroll-reveal",
+  "main": "./index.ts",
+  "module": "./index.ts",
+  "types": "./index.ts"
 }

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

@@ -1,73 +1,65 @@
-import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import A from "react";
-import { Box as r } from "@mui/material";
-import { motion as p } from "framer-motion";
-import { useScrollAnimation as I } from "../hooks/use-scroll-animation.js";
-const l = ({
+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: h = 0.6,
-  ease: g = "easeOut",
-  threshold: v,
-  rootMargin: y,
+  duration: v = 0.6,
+  ease: h = "easeOut",
+  threshold: u,
+  rootMargin: x,
   delay: t,
-  direction: b,
-  distance: V,
-  scale: o = !0,
-  rotate: s = !1,
-  stagger: e = !0,
-  staggerDelay: q = 0.1,
-  sx: _,
-  ...w
+  direction: S,
+  distance: R,
+  scale: s = !0,
+  rotate: r = !1,
+  stagger: i = !0,
+  staggerDelay: j = 0.1,
+  sx: y,
+  ...b
 }) => {
-  const { ref: S, animate: x, initialPosition: d, finalPosition: u } = I({
-    threshold: v,
-    rootMargin: y,
+  const { ref: C, animate: A, initialPosition: l, finalPosition: c } = E({
+    threshold: u,
+    rootMargin: x,
     delay: t,
-    direction: b,
-    distance: V
-  }), m = o ? { ...d, scale: 0.85 } : d, c = o ? { ...u, scale: 1 } : u, n = s ? { ...m, rotate: -2 } : m, f = s ? { ...c, rotate: 0 } : c, D = {
+    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: e ? q : 0,
+        staggerChildren: i ? j : 0,
         delayChildren: t ? t / 1e3 : 0
       }
     }
-  }, R = {
+  }, V = {
     hidden: n,
-    visible: f
+    visible: p
   };
-  return /* @__PURE__ */ i.jsx(r, { sx: { overflow: "hidden", ..._ }, ...w, children: /* @__PURE__ */ i.jsx(
-    r,
+  return /* @__PURE__ */ o.jsx(e, { sx: { overflow: "hidden", ...y }, ...b, children: /* @__PURE__ */ o.jsx(
+    e,
     {
-      component: p.div,
-      ref: S,
-      variants: e ? D : void 0,
-      initial: e ? "hidden" : n,
-      animate: x ? e ? "visible" : f : e ? "hidden" : n,
+      component: f.div,
+      ref: C,
+      variants: i ? P : void 0,
+      initial: i ? "hidden" : n,
+      animate: A ? i ? "visible" : p : i ? "hidden" : n,
       transition: {
-        duration: h,
-        ease: g,
+        duration: v,
+        ease: h,
         type: "spring",
         stiffness: 80,
         damping: 20,
         mass: 0.8
       },
-      children: e ? A.Children.toArray(a).map((O, N) => /* @__PURE__ */ i.jsx(r, { component: p.div, variants: R, children: O }, N)) : a
+      children: i ? B.Children.toArray(a).map((_, w) => /* @__PURE__ */ o.jsx(e, { component: f.div, variants: V, children: _ }, w)) : a
     }
   ) });
 };
-l.displayName = "SScrollReveal";
-try {
-  l.displayName = "SScrollReveal", l.__docgenInfo = { description: "A scroll-triggered animation component that reveals content with smooth animations when elements enter the viewport.", displayName: "SScrollReveal", props: { children: { defaultValue: null, description: "The content to be revealed with animation", name: "children", required: !0, type: { name: "ReactNode" } }, duration: { defaultValue: { value: "0.6" }, description: "Animation duration in seconds (default: 0.6)", name: "duration", required: !1, type: { name: "number" } }, ease: { defaultValue: { value: "easeOut" }, description: "Framer Motion easing function for the animation (default: 'easeOut')", name: "ease", required: !1, type: { name: "Easing" } }, threshold: { defaultValue: null, description: "Intersection Observer threshold (0-1) for triggering animation", name: "threshold", required: !1, type: { name: "number" } }, rootMargin: { defaultValue: null, description: "Intersection Observer root margin (CSS margin syntax)", name: "rootMargin", required: !1, type: { name: "string" } }, delay: { defaultValue: null, description: "Delay before starting animation in milliseconds", name: "delay", required: !1, type: { name: "number" } }, direction: { defaultValue: null, description: "Direction from which elements animate into view", name: "direction", required: !1, type: { name: "enum", value: [{ value: '"right"' }, { value: '"left"' }, { value: '"up"' }, { value: '"down"' }] } }, distance: { defaultValue: null, description: "Distance in pixels that elements travel during animation", name: "distance", required: !1, type: { name: "number" } }, scale: { defaultValue: { value: "true" }, description: "Whether to include scaling effect in the animation (default: true)", name: "scale", required: !1, type: { name: "boolean" } }, rotate: { defaultValue: { value: "false" }, description: "Whether to include rotation effect in the animation (default: false)", name: "rotate", required: !1, type: { name: "boolean" } }, stagger: { defaultValue: { value: "true" }, description: "Whether to stagger animations for multiple children (default: true)", name: "stagger", required: !1, type: { name: "boolean" } }, staggerDelay: { defaultValue: { value: "0.1" }, description: "Delay between staggered child animations in seconds (default: 0.1)", name: "staggerDelay", required: !1, type: { name: "number" } } } };
-} catch {
-}
-try {
-  sscrollreveal.displayName = "sscrollreveal", sscrollreveal.__docgenInfo = { description: "A scroll-triggered animation component that reveals content with smooth animations when elements enter the viewport.", displayName: "sscrollreveal", props: { children: { defaultValue: null, description: "The content to be revealed with animation", name: "children", required: !0, type: { name: "ReactNode" } }, duration: { defaultValue: { value: "0.6" }, description: "Animation duration in seconds (default: 0.6)", name: "duration", required: !1, type: { name: "number" } }, ease: { defaultValue: { value: "easeOut" }, description: "Framer Motion easing function for the animation (default: 'easeOut')", name: "ease", required: !1, type: { name: "Easing" } }, threshold: { defaultValue: null, description: "Intersection Observer threshold (0-1) for triggering animation", name: "threshold", required: !1, type: { name: "number" } }, rootMargin: { defaultValue: null, description: "Intersection Observer root margin (CSS margin syntax)", name: "rootMargin", required: !1, type: { name: "string" } }, delay: { defaultValue: null, description: "Delay before starting animation in milliseconds", name: "delay", required: !1, type: { name: "number" } }, direction: { defaultValue: null, description: "Direction from which elements animate into view", name: "direction", required: !1, type: { name: "enum", value: [{ value: '"right"' }, { value: '"left"' }, { value: '"up"' }, { value: '"down"' }] } }, distance: { defaultValue: null, description: "Distance in pixels that elements travel during animation", name: "distance", required: !1, type: { name: "number" } }, scale: { defaultValue: { value: "true" }, description: "Whether to include scaling effect in the animation (default: true)", name: "scale", required: !1, type: { name: "boolean" } }, rotate: { defaultValue: { value: "false" }, description: "Whether to include rotation effect in the animation (default: false)", name: "rotate", required: !1, type: { name: "boolean" } }, stagger: { defaultValue: { value: "true" }, description: "Whether to stagger animations for multiple children (default: true)", name: "stagger", required: !1, type: { name: "boolean" } }, staggerDelay: { defaultValue: { value: "0.1" }, description: "Delay between staggered child animations in seconds (default: 0.1)", name: "staggerDelay", required: !1, type: { name: "number" } } } };
-} catch {
-}
+N.displayName = "SScrollReveal";
 export {
-  l as SScrollReveal,
-  l as default
+  N as SScrollReveal,
+  N as default
 };

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

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

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

@@ -1,10 +1,10 @@
-import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import c from "react";
-import { A as p } from "../ArrowUpward-DhTFpzoh.js";
-import { useIsPassedPosition as m } from "../hooks/use-is-passed-position.js";
-import { s as u } from "../styled-B0Z4EDy9.js";
-import { B as f } from "../Box-Ha0cQ4KO.js";
-const h = u(f)({
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
+import l from "react";
+import { A as m } from "../ArrowUpward-CEeqSc-C.js";
+import { useIsPassedPosition as d } from "../hooks/use-is-passed-position.js";
+import { s as c } from "../styled-B0KflPi-.js";
+import { B as p } from "../Box-CE3rycd-.js";
+const f = c(p)({
   position: "fixed",
   bottom: 20,
   right: 20,
@@ -21,35 +21,25 @@ const h = u(f)({
   "&:hover": {
     transform: "scale(1.1)"
   }
-}), r = c.memo(({ onClick: e, scrollElementId: o, threshold: s = 100, icon: n, sx: a }) => {
-  const l = m(o || window, s), d = () => {
-    if (e)
-      e();
-    else if (o) {
-      const t = document.getElementById(o);
-      t == null || t.scrollTo({ top: 0, behavior: "smooth" });
-    } else
-      window.scrollTo({ top: 0, behavior: "smooth" });
+}), 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__ */ i.jsx(
-    h,
+  return /* @__PURE__ */ r.jsx(
+    f,
     {
       sx: {
-        opacity: l ? 1 : 0,
-        visibility: l ? "visible" : "hidden",
-        ...a
+        opacity: t ? 1 : 0,
+        visibility: t ? "visible" : "hidden",
+        ...n
       },
-      onClick: d,
-      children: n || /* @__PURE__ */ i.jsx(p, {})
+      onClick: a,
+      children: i || /* @__PURE__ */ r.jsx(m, {})
     }
   );
 });
-r.displayName = "SScrollToTop";
-try {
-  r.displayName = "SScrollToTop", r.__docgenInfo = { description: "A floating button that appears when the user scrolls down and allows them to quickly return to the top.", displayName: "SScrollToTop", props: { onClick: { defaultValue: null, description: "Handler called when the scroll-to-top button is clicked", name: "onClick", required: !1, type: { name: "(() => void)" } }, scrollElementId: { defaultValue: null, description: "ID of the scrollable element to monitor. If not provided, monitors the window scroll", name: "scrollElementId", required: !1, type: { name: "string" } }, threshold: { defaultValue: null, description: "Scroll position (in pixels) after which the button becomes visible (default: 100)", name: "threshold", required: !1, type: { name: "number" } }, icon: { defaultValue: null, description: "Custom icon to display instead of the default arrow", name: "icon", required: !1, type: { name: "ReactNode" } }, sx: { defaultValue: null, description: "System prop for custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } } } };
-} catch {
-}
+h.displayName = "SScrollToTop";
 export {
-  r as SScrollToTop,
-  r as default
+  h as SScrollToTop,
+  h as default
 };

package/dist/s-scroll-velocity/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

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

@@ -1,22 +1,8 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
+import { j as c } from "../jsx-runtime-tc70JA_2.js";
 import { ScrollVelocityRow as i } from "./scroll-velocity-row.js";
-const l = ({ children: e, baseVelocity: t, direction: o, sx: a, ...n }) => /* @__PURE__ */ r.jsx(i, { baseVelocity: t, direction: o, sx: a, ...n, children: e });
-l.displayName = "SScrollVelocity";
-try {
-  l.displayName = "SScrollVelocity", l.__docgenInfo = { description: `A scroll-velocity based marquee component that automatically scrolls horizontally and responds to page scroll velocity.
-Perfect for displaying logos, features, testimonials, or any repeating content in an engaging way.
-
-The component automatically duplicates content to create a seamless infinite scroll effect and adjusts speed based on page scroll velocity.`, displayName: "SScrollVelocity", props: { children: { defaultValue: null, description: "Content to display in the scrolling marquee", name: "children", required: !0, type: { name: "ReactNode" } }, baseVelocity: { defaultValue: null, description: "Base scrolling speed (default: 5)", name: "baseVelocity", required: !1, type: { name: "number" } }, direction: { defaultValue: null, description: "Scroll direction: 1 for right, -1 for left (default: 1)", name: "direction", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "-1" }] } } } };
-} catch {
-}
-try {
-  sscrollvelocity.displayName = "sscrollvelocity", sscrollvelocity.__docgenInfo = { description: `A scroll-velocity based marquee component that automatically scrolls horizontally and responds to page scroll velocity.
-Perfect for displaying logos, features, testimonials, or any repeating content in an engaging way.
-
-The component automatically duplicates content to create a seamless infinite scroll effect and adjusts speed based on page scroll velocity.`, displayName: "sscrollvelocity", props: { children: { defaultValue: null, description: "Content to display in the scrolling marquee", name: "children", required: !0, type: { name: "ReactNode" } }, baseVelocity: { defaultValue: null, description: "Base scrolling speed (default: 5)", name: "baseVelocity", required: !1, type: { name: "number" } }, direction: { defaultValue: null, description: "Scroll direction: 1 for right, -1 for left (default: 1)", name: "direction", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "-1" }] } } } };
-} catch {
-}
+const s = ({ children: o, baseVelocity: l, direction: r, sx: t, ...e }) => /* @__PURE__ */ c.jsx(i, { baseVelocity: l, direction: r, sx: t, ...e, children: o });
+s.displayName = "SScrollVelocity";
 export {
-  l as SScrollVelocity,
-  l as default
+  s as SScrollVelocity,
+  s as default
 };

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

@@ -1,40 +1,31 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import y from "react";
-import { Box as u } from "@mui/material";
-import { useScroll as _, useVelocity as h, useSpring as f, useTransform as x } from "framer-motion";
-const t = y.createContext(null);
-function n({ children: o, sx: c, ...l }) {
-  const { scrollY: i } = _(), s = h(i), a = f(s, {
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import u from "react";
+import { Box as f } from "@mui/material";
+import { useScroll as p, useVelocity as x, useSpring as d, useTransform as y } from "framer-motion";
+const h = u.createContext(null);
+function v({ children: e, sx: r, ...s }) {
+  const { scrollY: n } = p(), i = x(n), c = d(i, {
     damping: 50,
     stiffness: 400
-  }), p = x(a, (e) => {
-    const d = e < 0 ? -1 : 1, m = Math.min(5, Math.abs(e) / 1e3 * 5);
-    return d * m;
+  }), l = y(c, (t) => {
+    const a = t < 0 ? -1 : 1, m = Math.min(5, Math.abs(t) / 1e3 * 5);
+    return a * m;
   });
-  return /* @__PURE__ */ r.jsx(t.Provider, { value: p, children: /* @__PURE__ */ r.jsx(
-    u,
+  return /* @__PURE__ */ o.jsx(h.Provider, { value: l, children: /* @__PURE__ */ o.jsx(
+    f,
     {
       sx: {
         position: "relative",
         width: "100%",
-        ...c
+        ...r
       },
-      ...l,
-      children: o
+      ...s,
+      children: e
     }
   ) });
 }
-try {
-  n.displayName = "ScrollVelocityContainer", n.__docgenInfo = { description: `Container component that provides scroll velocity context to child rows.
-Use this to synchronize multiple ScrollVelocityRow components.`, displayName: "ScrollVelocityContainer", props: { children: { defaultValue: null, description: "Content to render inside the container", name: "children", required: !0, type: { name: "ReactNode" } } } };
-} catch {
-}
-try {
-  t.displayName = "ScrollVelocityContext", t.__docgenInfo = { description: "Context for sharing scroll velocity across multiple rows", displayName: "ScrollVelocityContext", props: {} };
-} catch {
-}
 export {
-  n as ScrollVelocityContainer,
-  t as ScrollVelocityContext,
-  n as default
+  v as ScrollVelocityContainer,
+  h as ScrollVelocityContext,
+  v as default
 };