@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -1,119 +1,116 @@
-var K = Object.defineProperty;
-var Q = (t, i, n) => i in t ? K(t, i, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[i] = n;
-var s = (t, i, n) => Q(t, typeof i != "symbol" ? i + "" : i, n);
-import { j as P } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as Z, useRef as h, useCallback as A, useEffect as ee } from "react";
-import { brand as _ } from "../theme/theme-primitives.js";
-class te {
-  constructor(i, n, l, v, g, b, M) {
-    s(this, "x");
-    s(this, "y");
-    s(this, "color");
-    s(this, "speed");
-    s(this, "size");
-    s(this, "sizeStep");
-    s(this, "minSize");
-    s(this, "maxSize");
-    s(this, "delay");
-    s(this, "counter");
-    s(this, "counterStep");
-    s(this, "isReverse");
-    s(this, "isShimmer");
-    this.x = i, this.y = n, this.color = l, this.speed = (Math.random() * 0.8 + 0.1) * v, this.size = 0, this.sizeStep = Math.random() * 0.4, this.minSize = 0.5, this.maxSize = M, this.delay = g, this.counter = 0, this.counterStep = b, this.isReverse = !1, this.isShimmer = !1;
+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";
+class U {
+  x;
+  y;
+  color;
+  speed;
+  size;
+  sizeStep;
+  minSize;
+  maxSize;
+  delay;
+  counter;
+  counterStep;
+  isReverse;
+  isShimmer;
+  constructor(c, l, o, z, y, M, b) {
+    this.x = c, this.y = l, this.color = o, this.speed = (Math.random() * 0.8 + 0.1) * z, this.size = 0, this.sizeStep = Math.random() * 0.4, this.minSize = 0.5, this.maxSize = b, this.delay = y, this.counter = 0, this.counterStep = M, this.isReverse = !1, this.isShimmer = !1;
   }
-  update(i) {
-    return i ? this.counter < this.delay ? (this.counter += this.counterStep, !0) : (this.isShimmer ? this.isReverse ? (this.size -= this.speed, this.size <= this.minSize && (this.size = this.minSize, this.isReverse = !1)) : (this.size += this.speed, this.size >= this.maxSize && (this.size = this.maxSize, this.isReverse = !0)) : this.size < this.maxSize ? this.size += this.sizeStep : this.isShimmer = !0, !0) : (this.isShimmer = !1, this.counter = 0, this.size > 0 ? (this.size -= 0.1, !0) : !1);
+  update(c) {
+    return c ? this.counter < this.delay ? (this.counter += this.counterStep, !0) : (this.isShimmer ? this.isReverse ? (this.size -= this.speed, this.size <= this.minSize && (this.size = this.minSize, this.isReverse = !1)) : (this.size += this.speed, this.size >= this.maxSize && (this.size = this.maxSize, this.isReverse = !0)) : this.size < this.maxSize ? this.size += this.sizeStep : this.isShimmer = !0, !0) : (this.isShimmer = !1, this.counter = 0, this.size > 0 ? (this.size -= 0.1, !0) : !1);
   }
-  draw(i, n) {
-    const l = (n - this.size) * 0.5;
-    i.fillRect(this.x + l, this.y + l, this.size, this.size);
+  draw(c, l) {
+    const o = (l - this.size) * 0.5;
+    c.fillRect(this.x + o, this.y + o, this.size, this.size);
   }
 }
-const j = Z(
+const Z = L(
   ({
-    gap: t = 5,
-    speed: i = 100,
-    colors: n = [_[400], _[500], _[600]],
-    loading: l = !0,
-    src: v,
-    alt: g = "",
-    style: b,
-    children: M,
-    instant: F = !0,
-    ...$
-  }, z) => {
-    const q = h(null), S = h(null), D = h(null), y = h(/* @__PURE__ */ new Map()), u = h(null), I = h(1e3 / 60), N = h(performance.now()), k = h(
+    gap: s = 5,
+    speed: c = 100,
+    colors: l = [A[400], A[500], A[600]],
+    loading: o = !0,
+    src: z,
+    alt: y = "",
+    style: M,
+    children: b,
+    instant: q = !0,
+    ...N
+  }, 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
-    ), E = A((e, o, d, c) => {
-      const r = e - d, a = o - c;
-      return r * r + a * a;
-    }, []), O = A(() => {
-      const e = q.current, o = e == null ? void 0 : e.getContext("2d");
-      if (!e || !o) return;
-      y.current = /* @__PURE__ */ new Map();
-      const d = k.current ? 0 : Math.max(0, Math.min(100, i)) * 1e-3, c = window.devicePixelRatio || 1, r = e.width / c, a = e.height / c, x = 2, X = 0.5, H = (r + a) * 0.01, L = r % t / 2, T = a % t / 2;
-      for (let f = L; f < r; f += t)
-        for (let m = T; m < a; m += t) {
-          const p = n[Math.floor(Math.random() * n.length)];
-          let w = 0;
-          if (!F && !k.current) {
-            const U = f + t / 2, W = m + t / 2, G = r / 2, J = a / 2;
-            w = Math.sqrt(E(U, W, G, J));
+    ), O = F((e, n, u, r) => {
+      const t = e - u, i = n - r;
+      return t * t + i * i;
+    }, []), V = F(() => {
+      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 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));
           }
-          const C = Math.random() * 4 + H, R = Math.random() * (x - X) + X, B = new te(f, m, p, d, w, C, R);
-          y.current.has(p) || y.current.set(p, []), y.current.get(p).push(B);
+          const P = Math.random() * 4 + D, R = Math.random() * (x - X) + X, B = new U(f, m, d, u, v, P, R);
+          p.current.has(d) || p.current.set(d, []), p.current.get(d).push(B);
         }
-      u.current && cancelAnimationFrame(u.current);
+      a.current && cancelAnimationFrame(a.current);
       const Y = () => {
-        u.current = requestAnimationFrame(Y);
-        const f = performance.now(), m = f - N.current;
-        if (m < I.current) return;
-        N.current = f - m % I.current, o.clearRect(0, 0, r, a);
-        let p = !1;
-        y.current.forEach((w, C) => {
-          o.fillStyle = C;
-          for (const R of w)
-            R.update(l) && (R.draw(o, t), p = !0);
-        }), !l && !p && u.current && (cancelAnimationFrame(u.current), u.current = null);
+        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);
+        let d = !1;
+        p.current.forEach((v, P) => {
+          n.fillStyle = P;
+          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();
-    }, [t, i, n, F, l, E]), V = A(() => {
-      const e = q.current, o = S.current, d = e == null ? void 0 : e.getContext("2d");
-      if (!e || !o || !d) return;
-      const c = o.getBoundingClientRect();
-      if (c.width === 0 || c.height === 0) return;
-      const r = Math.floor(c.width), a = Math.floor(c.height), x = window.devicePixelRatio || 1;
-      e.width = r * x, e.height = a * x, e.style.width = `${r}px`, e.style.height = `${a}px`, d.setTransform(1, 0, 0, 1, 0, 0), d.scale(x, x), O();
-    }, [O]);
-    return ee(() => {
-      V();
+    }, [s, c, l, q, o, O]), C = F(() => {
+      const e = g.current, n = w.current, u = e?.getContext("2d");
+      if (!e || !n || !u) return;
+      const r = n.getBoundingClientRect();
+      if (r.width === 0 || r.height === 0) return;
+      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();
       const e = new ResizeObserver(() => {
-        requestAnimationFrame(() => V());
+        requestAnimationFrame(() => C());
       });
-      return S.current && e.observe(S.current), () => {
-        e.disconnect(), u.current && cancelAnimationFrame(u.current);
+      return w.current && e.observe(w.current), () => {
+        e.disconnect(), a.current && cancelAnimationFrame(a.current);
       };
-    }, [V]), /* @__PURE__ */ P.jsxs(
+    }, [C]), /* @__PURE__ */ j.jsxs(
       "div",
       {
         ref: (e) => {
-          S.current = e, typeof z == "function" ? z(e) : z && (z.current = e);
+          w.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
         },
         style: {
           position: "relative",
           width: "100%",
           height: "100%",
           overflow: "hidden",
-          ...b
+          ...M
         },
-        ...$,
+        ...N,
         children: [
-          v && /* @__PURE__ */ P.jsx(
+          z && /* @__PURE__ */ j.jsx(
             "img",
             {
-              ref: D,
-              src: v,
-              alt: g,
+              ref: $,
+              src: z,
+              alt: y,
               style: {
                 position: "absolute",
                 inset: 0,
@@ -124,11 +121,11 @@ const j = Z(
               }
             }
           ),
-          M,
-          /* @__PURE__ */ P.jsx(
+          b,
+          /* @__PURE__ */ j.jsx(
             "canvas",
             {
-              ref: q,
+              ref: g,
               style: {
                 position: "absolute",
                 inset: 0,
@@ -145,12 +142,8 @@ const j = Z(
     );
   }
 );
-j.displayName = "SPixelReveal";
-try {
-  j.displayName = "SPixelReveal", j.__docgenInfo = { description: "An animated pixel effect component that creates a dynamic canvas overlay with customizable pixel animations.", displayName: "SPixelReveal", props: { gap: { defaultValue: { value: "5" }, description: "Spacing between pixels in the grid", name: "gap", required: !1, type: { name: "number" } }, speed: { defaultValue: { value: "100" }, description: "Animation speed multiplier (0-100)", name: "speed", required: !1, type: { name: "number" } }, colors: { defaultValue: { value: "[brand[400], brand[500], brand[600]]" }, description: "Array of color values randomly assigned to pixels", name: "colors", required: !1, type: { name: "string[]" } }, loading: { defaultValue: { value: "true" }, description: "Controls pixel animation state", name: "loading", required: !1, type: { name: "boolean" } }, src: { defaultValue: null, description: "Image source URL to display beneath the pixel effect overlay", name: "src", required: !1, type: { name: "string" } }, alt: { defaultValue: { value: "" }, description: "Alt text for the background image", name: "alt", required: !1, type: { name: "string" } }, children: { defaultValue: null, description: "Content to render as overlay on top of the pixel canvas effect", name: "children", required: !1, type: { name: "ReactNode" } }, instant: { defaultValue: { value: "true" }, description: "If true, all pixels appear immediately without wave/delay effect", name: "instant", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
+Z.displayName = "SPixelReveal";
 export {
-  j as SPixelReveal,
-  j as default
+  Z as SPixelReveal,
+  Z as default
 };

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-radial-pulse-animate/s-radial-pulse-animate.js

@@ -1,8 +1,8 @@
-import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import { useRef as y, useEffect as x } from "react";
-import { keyframes as g, styled as d, Box as p } from "@mui/material";
+import { j as n } from "../jsx-runtime-tc70JA_2.js";
+import { useRef as x, useEffect as y } from "react";
+import { keyframes as h, styled as l, Box as d } from "@mui/material";
 import { STextShimmer as v } from "../s-text-shimmer/s-text-shimmer.js";
-const b = g`
+const b = h`
   0% {
     width: 20%;
     height: 20%;
@@ -13,7 +13,7 @@ const b = g`
     height: 100%;
     opacity: 0;
   }
-`, _ = d(p)(({ theme: e }) => ({
+`, j = l(d)(({ theme: e }) => ({
   position: "relative",
   display: "flex",
   justifyContent: "center",
@@ -21,10 +21,10 @@ const b = g`
   borderRadius: e.shape.borderRadius,
   border: "1px solid",
   borderColor: (e.vars || e).palette.divider
-})), S = d(p)(() => ({
+})), R = l(d)(() => ({
   position: "absolute",
   pointerEvents: "none"
-})), l = d(p)(({ theme: e }) => ({
+})), s = l(d)(({ theme: e }) => ({
   position: "absolute",
   top: "50%",
   left: "50%",
@@ -46,8 +46,8 @@ const b = g`
 })), C = () => {
   const e = "s-radial-pulse-particles";
   if (document.getElementById(e)) return;
-  const t = document.createElement("style");
-  t.id = e, t.textContent = `
+  const a = document.createElement("style");
+  a.id = e, a.textContent = `
     .s-radial-pulse-particle {
       position: absolute;
       background: var(--s-palette-text-primary);
@@ -75,67 +75,59 @@ const b = g`
         animation: none !important;
       }
     }
-  `, document.head.appendChild(t);
-}, o = ({
+  `, document.head.appendChild(a);
+}, g = ({
   width: e = 300,
-  height: t = 300,
+  height: a = 300,
   className: c,
-  text: f = "Generating...",
+  text: u = "Generating...",
   particleSize: r = { min: 2, max: 6 }
 }) => {
-  const s = y(null);
-  return x(() => {
+  const o = x(null);
+  return y(() => {
     C();
-    const m = () => {
-      if (!s.current) return;
-      const n = s.current, a = document.createElement("div");
-      a.className = "s-radial-pulse-particle";
-      const u = Math.random() * (r.max - r.min) + r.min;
-      a.style.width = `${u}px`, a.style.height = `${u}px`, a.style.left = `${Math.random() * e}px`, a.style.top = `${Math.random() * t}px`, a.style.animationDelay = `${Math.random() * 4}s`, a.style.animationDuration = `${Math.random() * 3 + 2}s`, n.appendChild(a), setTimeout(() => {
-        a.parentNode && a.parentNode.removeChild(a);
+    const p = () => {
+      if (!o.current) return;
+      const i = o.current, t = document.createElement("div");
+      t.className = "s-radial-pulse-particle";
+      const m = Math.random() * (r.max - r.min) + r.min;
+      t.style.width = `${m}px`, t.style.height = `${m}px`, t.style.left = `${Math.random() * e}px`, t.style.top = `${Math.random() * a}px`, t.style.animationDelay = `${Math.random() * 4}s`, t.style.animationDuration = `${Math.random() * 3 + 2}s`, i.appendChild(t), setTimeout(() => {
+        t.parentNode && t.parentNode.removeChild(t);
       }, 6e3);
-    }, h = setInterval(m, 500);
-    for (let n = 0; n < 4; n++) setTimeout(m, n * 100);
-    return () => clearInterval(h);
-  }, [e, t, r]), /* @__PURE__ */ i.jsxs(
-    _,
+    }, f = setInterval(p, 500);
+    for (let i = 0; i < 4; i++) setTimeout(p, i * 100);
+    return () => clearInterval(f);
+  }, [e, a, r]), /* @__PURE__ */ n.jsxs(
+    j,
     {
-      ref: s,
+      ref: o,
       className: c,
       sx: {
         width: e,
-        height: t
+        height: a
       },
       children: [
-        /* @__PURE__ */ i.jsxs(
-          S,
+        /* @__PURE__ */ n.jsxs(
+          R,
           {
             sx: {
-              width: Math.min(e, t),
-              height: Math.min(e, t)
+              width: Math.min(e, a),
+              height: Math.min(e, a)
             },
             children: [
-              /* @__PURE__ */ i.jsx(l, {}),
-              /* @__PURE__ */ i.jsx(l, {}),
-              /* @__PURE__ */ i.jsx(l, {})
+              /* @__PURE__ */ n.jsx(s, {}),
+              /* @__PURE__ */ n.jsx(s, {}),
+              /* @__PURE__ */ n.jsx(s, {})
             ]
           }
         ),
-        /* @__PURE__ */ i.jsx(v, { children: f })
+        /* @__PURE__ */ n.jsx(v, { children: u })
       ]
     }
   );
 };
-o.displayName = "SRadialPulseAnimate";
-try {
-  o.displayName = "SRadialPulseAnimate", o.__docgenInfo = { description: "A loading animation component that creates a pulsing radial effect with expanding ripples and floating particles.", displayName: "SRadialPulseAnimate", props: { width: { defaultValue: { value: "300" }, description: "Width of the animation container in pixels", name: "width", required: !1, type: { name: "number" } }, height: { defaultValue: { value: "300" }, description: "Height of the animation container in pixels", name: "height", required: !1, type: { name: "number" } }, className: { defaultValue: null, description: "Additional CSS class name for custom styling", name: "className", required: !1, type: { name: "string" } }, text: { defaultValue: { value: "Generating..." }, description: "Custom text to display in the center of the animation", name: "text", required: !1, type: { name: "string" } }, particleSize: { defaultValue: { value: "{ min: 2, max: 6 }" }, description: "Size range for floating particles in pixels", name: "particleSize", required: !1, type: { name: "{ min: number; max: number; }" } } } };
-} catch {
-}
-try {
-  sradialpulseanimate.displayName = "sradialpulseanimate", sradialpulseanimate.__docgenInfo = { description: "A loading animation component that creates a pulsing radial effect with expanding ripples and floating particles.", displayName: "sradialpulseanimate", props: { width: { defaultValue: { value: "300" }, description: "Width of the animation container in pixels", name: "width", required: !1, type: { name: "number" } }, height: { defaultValue: { value: "300" }, description: "Height of the animation container in pixels", name: "height", required: !1, type: { name: "number" } }, className: { defaultValue: null, description: "Additional CSS class name for custom styling", name: "className", required: !1, type: { name: "string" } }, text: { defaultValue: { value: "Generating..." }, description: "Custom text to display in the center of the animation", name: "text", required: !1, type: { name: "string" } }, particleSize: { defaultValue: { value: "{ min: 2, max: 6 }" }, description: "Size range for floating particles in pixels", name: "particleSize", required: !1, type: { name: "{ min: number; max: number; }" } } } };
-} catch {
-}
+g.displayName = "SRadialPulseAnimate";
 export {
-  o as SRadialPulseAnimate,
-  o as default
+  g as SRadialPulseAnimate,
+  g as default
 };

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.js

@@ -1,17 +1,9 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as o } from "react";
-import { Rating as s } from "@mui/material";
-const t = o((r, a) => /* @__PURE__ */ e.jsx(s, { ref: a, ...r }));
-t.displayName = "SRating";
-try {
-  t.displayName = "SRating", t.__docgenInfo = { description: "A star rating component that allows users to provide feedback and ratings.", displayName: "SRating", props: {} };
-} catch {
-}
-try {
-  srating.displayName = "srating", srating.__docgenInfo = { description: "A star rating component that allows users to provide feedback and ratings.", displayName: "srating", props: {} };
-} catch {
-}
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as a } from "react";
+import { Rating as i } from "@mui/material";
+const m = a((r, t) => /* @__PURE__ */ o.jsx(i, { ref: t, ...r }));
+m.displayName = "SRating";
 export {
-  t as SRating,
-  t as default
+  m as SRating,
+  m as default
 };

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
+}