@solostylist/ui-kit 1.0.188 → 1.0.190

package/dist/s-multi-select/s-multi-select.js

@@ -1,39 +1,39 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import * as s from "react";
-import { c as x } from "../createSvgIcon-DTNHY3_v.js";
-import { Stack as j, OutlinedInput as M } from "@mui/material";
-import { usePopover as S } from "../hooks/use-popover.js";
-import { M as C } from "../Menu-_ZW9WiF2.js";
-import { M as R } from "../MenuItem-DTapLhin.js";
-import { SChips as b } from "../s-chips/s-chips.js";
-const v = x(/* @__PURE__ */ t.jsx("path", {
+import * as o from "react";
+import { c as j } from "../createSvgIcon-DTNHY3_v.js";
+import { Stack as M, OutlinedInput as C } from "@mui/material";
+import { usePopover as b } from "../hooks/use-popover.js";
+import { M as v } from "../Menu-_ZW9WiF2.js";
+import { M as I } from "../MenuItem-DTapLhin.js";
+import { SChips as k } from "../s-chips/s-chips.js";
+const E = j(/* @__PURE__ */ t.jsx("path", {
   d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z"
-}), "UnfoldMore"), I = ({
+}), "UnfoldMore"), L = ({
   label: p,
-  onChange: a,
-  options: i,
-  value: r = [],
+  onChange: i,
+  options: a,
+  value: l = [],
   chipProps: d
 }) => {
-  const o = S(), c = s.useRef(null), [u, f] = s.useState();
-  s.useEffect(() => {
-    c.current && f(c.current.offsetWidth);
-  }, [o.open]);
-  const m = s.useCallback(
+  const s = b(), c = o.useRef(null), [u, m] = o.useState(), [f, h] = o.useState(null);
+  o.useEffect(() => {
+    c.current && m(c.current.offsetWidth);
+  }, [s.open]);
+  const x = o.useCallback(
     (e, n) => {
-      let l = [...r];
-      n ? l.push(e) : l = l.filter((h) => h !== e), a?.(l);
+      let r = [...l];
+      n ? r.push(e) : r = r.filter((S) => S !== e), i?.(r);
     },
-    [a, r]
+    [i, l]
   );
-  return /* @__PURE__ */ t.jsxs(j, { direction: "column", gap: 1, children: [
+  return /* @__PURE__ */ t.jsxs(M, { direction: "column", gap: 1, children: [
     /* @__PURE__ */ t.jsx(
-      M,
+      C,
       {
-        endAdornment: /* @__PURE__ */ t.jsx(v, { fontSize: "small", sx: { color: "action.active", position: "absolute", right: "7px" } }),
-        onClick: o.handleOpen,
+        endAdornment: /* @__PURE__ */ t.jsx(E, { fontSize: "small", sx: { color: "action.active", position: "absolute", right: "7px" } }),
+        onClick: s.handleOpen,
         ref: (e) => {
-          o.anchorRef.current = e, c.current = e;
+          h(e), c.current = e;
         },
         value: p,
         sx: {
@@ -44,19 +44,19 @@ const v = x(/* @__PURE__ */ t.jsx("path", {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      C,
+      v,
       {
-        anchorEl: o.anchorRef.current,
-        onClose: o.handleClose,
-        open: o.open,
+        anchorEl: f,
+        onClose: s.handleClose,
+        open: s.open,
         slotProps: { paper: { sx: { width: u ? `${u}px` : void 0 } } },
-        children: i.map((e) => {
-          const n = r.includes(e.value);
+        children: a.map((e) => {
+          const n = l.includes(e.value);
           return /* @__PURE__ */ t.jsx(
-            R,
+            I,
             {
               onClick: () => {
-                m(e.value, !n);
+                x(e.value, !n);
               },
               selected: n,
               children: e.label
@@ -67,16 +67,16 @@ const v = x(/* @__PURE__ */ t.jsx("path", {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      b,
+      k,
       {
-        chips: i.filter((e) => r.includes(e.value)).map((e) => e.label),
+        chips: a.filter((e) => l.includes(e.value)).map((e) => e.label),
         ...d
       }
     )
   ] });
 };
-I.displayName = "SMultiSelect";
+L.displayName = "SMultiSelect";
 export {
-  I as SMultiSelect,
-  I as default
+  L as SMultiSelect,
+  L as default
 };

package/dist/s-no-ssr/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-overlay-scrollbar/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-pagination/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-pixel-reveal/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-pixel-reveal/s-pixel-reveal.js

@@ -1,6 +1,6 @@
-import { j } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as L, useRef as h, useCallback as F, useEffect as Q } from "react";
-import { brand as A } from "../theme/theme-primitives.js";
+import { j as A } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as Q, useRef as h, useEffect as N, useCallback as q } from "react";
+import { brand as E } from "../theme/theme-primitives.js";
 class U {
   x;
   y;
@@ -26,55 +26,57 @@ class U {
     c.fillRect(this.x + o, this.y + o, this.size, this.size);
   }
 }
-const Z = L(
+const Z = Q(
   ({
     gap: s = 5,
     speed: c = 100,
-    colors: l = [A[400], A[500], A[600]],
+    colors: l = [E[400], E[500], E[600]],
     loading: o = !0,
     src: z,
     alt: y = "",
     style: M,
     children: b,
-    instant: q = !0,
-    ...N
+    instant: k = !0,
+    ...$
   }, S) => {
-    const g = h(null), w = h(null), $ = h(null), p = h(/* @__PURE__ */ new Map()), a = h(null), E = h(1e3 / 60), k = h(performance.now()), I = h(
-      typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1
-    ), O = F((e, n, u, r) => {
+    const g = h(null), w = h(null), D = h(null), p = h(/* @__PURE__ */ new Map()), a = h(null), I = h(1e3 / 60), C = h(0), P = h(!1);
+    N(() => {
+      P.current = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+    }, []);
+    const O = q((e, n, u, r) => {
       const t = e - u, i = n - r;
       return t * t + i * i;
-    }, []), V = F(() => {
+    }, []), V = q(() => {
       const e = g.current, n = e?.getContext("2d");
       if (!e || !n) return;
       p.current = /* @__PURE__ */ new Map();
-      const u = I.current ? 0 : Math.max(0, Math.min(100, c)) * 1e-3, r = window.devicePixelRatio || 1, t = e.width / r, i = e.height / r, x = 2, X = 0.5, D = (t + i) * 0.01, H = t % s / 2, T = i % s / 2;
-      for (let f = H; f < t; f += s)
-        for (let m = T; m < i; m += s) {
+      const u = P.current ? 0 : Math.max(0, Math.min(100, c)) * 1e-3, r = window.devicePixelRatio || 1, t = e.width / r, i = e.height / r, x = 2, X = 0.5, H = (t + i) * 0.01, T = t % s / 2, W = i % s / 2;
+      for (let f = T; f < t; f += s)
+        for (let m = W; m < i; m += s) {
           const d = l[Math.floor(Math.random() * l.length)];
           let v = 0;
-          if (!q && !I.current) {
-            const W = f + s / 2, G = m + s / 2, J = t / 2, K = i / 2;
-            v = Math.sqrt(O(W, G, J, K));
+          if (!k && !P.current) {
+            const G = f + s / 2, J = m + s / 2, K = t / 2, L = i / 2;
+            v = Math.sqrt(O(G, J, K, L));
           }
-          const P = Math.random() * 4 + D, R = Math.random() * (x - X) + X, B = new U(f, m, d, u, v, P, R);
+          const F = Math.random() * 4 + H, R = Math.random() * (x - X) + X, B = new U(f, m, d, u, v, F, R);
           p.current.has(d) || p.current.set(d, []), p.current.get(d).push(B);
         }
-      a.current && cancelAnimationFrame(a.current);
+      a.current && cancelAnimationFrame(a.current), C.current = performance.now();
       const Y = () => {
         a.current = requestAnimationFrame(Y);
-        const f = performance.now(), m = f - k.current;
-        if (m < E.current) return;
-        k.current = f - m % E.current, n.clearRect(0, 0, t, i);
+        const f = performance.now(), m = f - C.current;
+        if (m < I.current) return;
+        C.current = f - m % I.current, n.clearRect(0, 0, t, i);
         let d = !1;
-        p.current.forEach((v, P) => {
-          n.fillStyle = P;
+        p.current.forEach((v, F) => {
+          n.fillStyle = F;
           for (const R of v)
             R.update(o) && (R.draw(n, s), d = !0);
         }), !o && !d && a.current && (cancelAnimationFrame(a.current), a.current = null);
       };
       Y();
-    }, [s, c, l, q, o, O]), C = F(() => {
+    }, [s, c, l, k, o, O]), j = q(() => {
       const e = g.current, n = w.current, u = e?.getContext("2d");
       if (!e || !n || !u) return;
       const r = n.getBoundingClientRect();
@@ -82,15 +84,15 @@ const Z = L(
       const t = Math.floor(r.width), i = Math.floor(r.height), x = window.devicePixelRatio || 1;
       e.width = t * x, e.height = i * x, e.style.width = `${t}px`, e.style.height = `${i}px`, u.setTransform(1, 0, 0, 1, 0, 0), u.scale(x, x), V();
     }, [V]);
-    return Q(() => {
-      C();
+    return N(() => {
+      j();
       const e = new ResizeObserver(() => {
-        requestAnimationFrame(() => C());
+        requestAnimationFrame(() => j());
       });
       return w.current && e.observe(w.current), () => {
         e.disconnect(), a.current && cancelAnimationFrame(a.current);
       };
-    }, [C]), /* @__PURE__ */ j.jsxs(
+    }, [j]), /* @__PURE__ */ A.jsxs(
       "div",
       {
         ref: (e) => {
@@ -103,12 +105,12 @@ const Z = L(
           overflow: "hidden",
           ...M
         },
-        ...N,
+        ...$,
         children: [
-          z && /* @__PURE__ */ j.jsx(
+          z && /* @__PURE__ */ A.jsx(
             "img",
             {
-              ref: $,
+              ref: D,
               src: z,
               alt: y,
               style: {
@@ -122,7 +124,7 @@ const Z = L(
             }
           ),
           b,
-          /* @__PURE__ */ j.jsx(
+          /* @__PURE__ */ A.jsx(
             "canvas",
             {
               ref: g,

package/dist/s-radial-pulse-animate/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-rating/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-rating/s-rating.d.ts

@@ -3,8 +3,7 @@ import { RatingProps } from '@mui/material';
 /**
  * Props interface for SRating component
  */
-export interface SRatingProps extends RatingProps {
-}
+export type SRatingProps = RatingProps;
 /**
  * A star rating component that allows users to provide feedback and ratings.
  */

package/dist/s-review/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-review/s-review.js

@@ -1,69 +1,69 @@
 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 { useId as K, useState as j, useEffect as P } from "react";
+import { Box as c, Stack as a, Divider as H, Typography as h, IconButton as L } 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 P from "../s-lazy-image/s-lazy-image.js";
-import { c as H } from "../createSvgIcon-DTNHY3_v.js";
-import { SImageModal as Q } from "../s-image-modal/s-image-modal.js";
-const X = H(/* @__PURE__ */ e.jsx("path", {
+import { SAvatar as Q } from "../s-avatar/s-avatar.js";
+import { SRating as X } from "../s-rating/s-rating.js";
+import Z from "../s-lazy-image/s-lazy-image.js";
+import { c as z } from "../createSvgIcon-DTNHY3_v.js";
+import { SImageModal as _ } from "../s-image-modal/s-image-modal.js";
+const ee = z(/* @__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 = H(/* @__PURE__ */ e.jsx("path", {
+}), "ThumbDown"), te = z(/* @__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"), _ = (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,
+}), "ThumbUp"), ne = (m) => {
+  const d = /* @__PURE__ */ new Date(), v = typeof m == "string" ? new Date(m) : m, I = d.getTime() - v.getTime(), w = Math.floor(I / 1e3), l = Math.floor(w / 60), r = Math.floor(l / 60), o = Math.floor(r / 24), x = Math.floor(o / 7), f = Math.floor(o / 30), g = Math.floor(o / 365);
+  return w < 60 ? "just now" : l < 60 ? l === 1 ? "1 minute ago" : `${l} minutes ago` : r < 24 ? r === 1 ? "1 hour ago" : `${r} hours ago` : o < 7 ? o === 1 ? "1 day ago" : `${o} days ago` : x < 4 ? x === 1 ? "1 week ago" : `${x} weeks ago` : f < 12 ? f === 1 ? "1 month ago" : `${f} months ago` : g === 1 ? "1 year ago" : `${g} years ago`;
+}, se = ({
+  id: m,
+  userName: d,
   userAvatar: v,
-  rating: y,
+  rating: I,
   reviewContent: w,
-  datetime: c,
-  images: a,
+  datetime: l,
+  images: r,
   userHelpfulVote: o = null,
-  helpfulYes: d = 0,
+  helpfulYes: x = 0,
   helpfulNo: f = 0,
   onHelpfulVote: g,
-  showHelpfulSection: L = !0,
-  avatarSize: I = 48,
-  maxRating: V = 5,
-  readOnly: W = !0,
+  showHelpfulSection: V = !0,
+  avatarSize: y = 48,
+  maxRating: W = 5,
+  readOnly: E = !0,
   showDivider: C = !0,
-  loading: E = !1,
+  loading: O = !1,
   sx: T = {}
 }) => {
-  const [O, M] = j(d), [U, b] = j(f), [p, S] = j(o), [Y, $] = j(!1), [B, k] = j(null), z = (n) => {
+  const U = K(), $ = m ?? U, [Y, M] = j(x), [B, b] = j(f), [p, S] = j(o), [N, D] = j(!1), [A, k] = j(null), R = (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}`,
+    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($, s);
+  }, u = r?.map((n, s) => ({
+    id: `review-${$}-image-${s}`,
     type: "image",
     url: n,
     title: `Review image ${s + 1}`,
-    desc: `Image ${s + 1} from ${x}'s review`
-  })) || [], N = (n) => {
+    desc: `Image ${s + 1} from ${d}'s review`
+  })) || [], F = (n) => {
     const s = u[n];
-    s && (k(s), $(!0));
-  }, A = () => {
-    $(!1), k(null);
-  }, F = (n) => {
+    s && (k(s), D(!0));
+  }, q = () => {
+    D(!1), k(null);
+  }, G = (n) => {
     k(n);
-  }, q = _(c);
-  return G(() => {
+  }, J = ne(l);
+  return P(() => {
     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: [
+  }, [o]), O ? /* @__PURE__ */ e.jsxs(c, { sx: { py: 2, ...T }, children: [
+    /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      /* @__PURE__ */ e.jsx(i, { component: "rounded-avatar", width: y, height: y }),
+      /* @__PURE__ */ e.jsxs(c, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ e.jsxs(a, { 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(h, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(i, { variant: "text", width: 100, height: 20 }) }),
+        /* @__PURE__ */ e.jsx(c, { 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.jsxs(a, { 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 }),
@@ -72,19 +72,19 @@ const X = H(/* @__PURE__ */ e.jsx("path", {
         ] })
       ] })
     ] }),
-    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 }) })
+    C && /* @__PURE__ */ e.jsx(H, { sx: { mt: 2 } })
+  ] }) : /* @__PURE__ */ e.jsxs(c, { sx: { py: 2, ...T }, children: [
+    /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      /* @__PURE__ */ e.jsx(Q, { avatar: v, name: d, size: y }),
+      /* @__PURE__ */ e.jsxs(c, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ e.jsxs(a, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
+          /* @__PURE__ */ e.jsx(h, { variant: "subtitle2", fontWeight: "600", children: d }),
+          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { variant: "caption", children: J }) })
         ] }),
-        /* @__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,
+        /* @__PURE__ */ e.jsx(c, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(X, { value: I, max: W, readOnly: E }) }),
+        /* @__PURE__ */ e.jsx(h, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: w }),
+        r && r.length > 0 && /* @__PURE__ */ e.jsx(a, { direction: "row", spacing: 1, sx: { mb: 2, flexWrap: "wrap", gap: 1 }, children: r.map((n, s) => /* @__PURE__ */ e.jsx(
+          Z,
           {
             src: n,
             alt: `Review image ${s + 1}`,
@@ -95,7 +95,7 @@ const X = H(/* @__PURE__ */ e.jsx("path", {
               objectFit: "cover",
               cursor: "pointer"
             },
-            onClick: () => N(s),
+            onClick: () => F(s),
             onMouseEnter: (t) => {
               t.currentTarget.style.opacity = "0.8";
             },
@@ -105,28 +105,26 @@ const X = H(/* @__PURE__ */ e.jsx("path", {
           },
           s
         )) }),
-        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?" }),
+        V && /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ e.jsx(h, { variant: "caption", sx: { mr: 2 }, children: "Was this review helpful?" }),
           /* @__PURE__ */ e.jsx(
-            R,
+            L,
             {
-              size: "small",
-              onClick: () => z("yes"),
+              onClick: () => R("yes"),
               sx: {
                 color: p === "yes" ? "primary.main" : "text.secondary",
                 "&:hover": {
                   backgroundColor: "action.hover"
                 }
               },
-              children: /* @__PURE__ */ e.jsx(Z, { fontSize: "small" })
+              children: /* @__PURE__ */ e.jsx(te, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ e.jsx(m, { variant: "caption", children: O }),
+          /* @__PURE__ */ e.jsx(h, { variant: "caption", children: Y }),
           /* @__PURE__ */ e.jsx(
-            R,
+            L,
             {
-              size: "small",
-              onClick: () => z("no"),
+              onClick: () => R("no"),
               sx: {
                 color: p === "no" ? "error.main" : "text.secondary",
                 ml: 1,
@@ -134,21 +132,21 @@ const X = H(/* @__PURE__ */ e.jsx("path", {
                   backgroundColor: "action.hover"
                 }
               },
-              children: /* @__PURE__ */ e.jsx(X, { fontSize: "small" })
+              children: /* @__PURE__ */ e.jsx(ee, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ e.jsx(m, { variant: "caption", children: U })
+          /* @__PURE__ */ e.jsx(h, { variant: "caption", children: B })
         ] })
       ] })
     ] }),
-    C && /* @__PURE__ */ e.jsx(D, { sx: { mt: 2 } }),
+    C && /* @__PURE__ */ e.jsx(H, { sx: { mt: 2 } }),
     /* @__PURE__ */ e.jsx(
-      Q,
+      _,
       {
-        isOpen: Y,
-        onClose: A,
-        selectedItem: B,
-        onItemChange: F,
+        isOpen: N,
+        onClose: q,
+        selectedItem: A,
+        onItemChange: G,
         mediaItems: u,
         showNavigation: u.length > 1,
         showThumbnailDock: u.length > 1,
@@ -157,8 +155,8 @@ const X = H(/* @__PURE__ */ e.jsx("path", {
     )
   ] });
 };
-ee.displayName = "SReview";
+se.displayName = "SReview";
 export {
-  ee as SReview,
-  ee as default
+  se as SReview,
+  se 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-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-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-select/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-select/s-select.d.ts

@@ -1,6 +1,6 @@
 import { SelectProps } from '@mui/material';
 /** Base type constraint for select options - can be primitives or objects */
-type BaseOption = string | number | Record<string, any>;
+type BaseOption = string | number | Record<string, unknown>;
 /**
  * Props interface for SSelect component
  */