@solostylist/ui-kit 1.0.203 → 1.0.205

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

@@ -1,156 +1,138 @@
-import { j as q } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as Q, useRef as u, useEffect as N, useCallback as y } from "react";
-import { brand as E } from "../theme/theme-primitives.js";
-class U {
-  x;
-  y;
-  color;
-  speed;
-  size;
-  sizeStep;
-  minSize;
-  maxSize;
-  delay;
-  counter;
-  counterStep;
-  isReverse;
-  isShimmer;
-  constructor(a, f, h, d, M, b, g) {
-    this.x = a, this.y = f, this.color = h, this.speed = (Math.random() * 0.8 + 0.1) * d, this.size = 0, this.sizeStep = Math.random() * 0.4, this.minSize = 0.5, this.maxSize = g, this.delay = M, this.counter = 0, this.counterStep = b, this.isReverse = !1, this.isShimmer = !1;
-  }
-  update(a) {
-    return a ? 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(a, f) {
-    const h = (f - this.size) * 0.5;
-    a.fillRect(this.x + h, this.y + h, this.size, this.size);
-  }
-}
-const Z = Q(
-  ({
-    gap: n = 5,
-    speed: a = 100,
-    colors: f = [E[400], E[500], E[600]],
-    loading: h = !0,
-    src: d,
-    alt: M = "",
-    style: b,
-    children: g,
-    instant: k = !0,
-    ...$
-  }, p) => {
-    const C = u(null), z = u(null), D = u(null), m = u(/* @__PURE__ */ new Map()), l = u(null), I = u(1e3 / 60), P = u(0), j = u(!1);
-    N(() => {
-      j.current = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
-    }, []);
-    const O = y((e, r, c, s) => {
-      const t = e - c, i = r - s;
-      return t * t + i * i;
-    }, []), V = y(
-      (e, r, c) => {
-        l.current && cancelAnimationFrame(l.current), P.current = performance.now();
-        const s = () => {
-          l.current = requestAnimationFrame(s);
-          const t = performance.now(), i = t - P.current;
-          if (i < I.current) return;
-          P.current = t - i % I.current, e.clearRect(0, 0, r, c);
-          let o = !1;
-          m.current.forEach((x, F) => {
-            e.fillStyle = F;
-            for (const S of x)
-              S.update(h) && (S.draw(e, n), o = !0);
-          }), !h && !o && l.current && (cancelAnimationFrame(l.current), l.current = null);
-        };
-        s();
-      },
-      [h, n]
-    ), X = y(() => {
-      const e = C.current, r = e?.getContext("2d");
-      if (!e || !r) return;
-      m.current = /* @__PURE__ */ new Map();
-      const c = j.current ? 0 : Math.max(0, Math.min(100, a)) * 1e-3, s = window.devicePixelRatio ?? 1, t = e.width / s, i = e.height / s, o = 2, x = 0.5, F = (t + i) * 0.01, S = t % n / 2, Y = i % n / 2;
-      for (let w = S; w < t; w += n)
-        for (let v = Y; v < i; v += n) {
-          const R = f[Math.floor(Math.random() * f.length)];
-          let B = 0;
-          if (!k && !j.current) {
-            const W = w + n / 2, G = v + n / 2, J = t / 2, K = i / 2;
-            B = Math.sqrt(O(W, G, J, K));
-          }
-          const H = Math.random() * 4 + F, L = Math.random() * (o - x) + x, T = new U(w, v, R, c, B, H, L);
-          m.current.has(R) || m.current.set(R, []), m.current.get(R).push(T);
-        }
-      V(r, t, i);
-    }, [n, a, f, k, O, V]), A = y(() => {
-      const e = C.current, r = z.current, c = e?.getContext("2d");
-      if (!e || !r || !c) return;
-      const s = r.getBoundingClientRect();
-      if (s.width === 0 || s.height === 0) return;
-      const t = Math.floor(s.width), i = Math.floor(s.height), o = window.devicePixelRatio ?? 1;
-      e.width = t * o, e.height = i * o, e.style.width = `${t}px`, e.style.height = `${i}px`, c.setTransform(1, 0, 0, 1, 0, 0), c.scale(o, o), X();
-    }, [X]);
-    return N(() => {
-      A();
-      const e = new ResizeObserver(() => {
-        requestAnimationFrame(() => A());
-      });
-      return z.current && e.observe(z.current), () => {
-        e.disconnect(), l.current && cancelAnimationFrame(l.current);
-      };
-    }, [A]), /* @__PURE__ */ q.jsxs(
-      "div",
-      {
-        ref: (e) => {
-          z.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-        },
-        style: {
-          position: "relative",
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          ...b
-        },
-        ...$,
-        children: [
-          d && /* @__PURE__ */ q.jsx(
-            "img",
-            {
-              ref: D,
-              src: d,
-              alt: M,
-              style: {
-                position: "absolute",
-                inset: 0,
-                width: "100%",
-                height: "100%",
-                objectFit: "cover",
-                display: "block"
-              }
-            }
-          ),
-          g,
-          /* @__PURE__ */ q.jsx(
-            "canvas",
-            {
-              ref: C,
-              style: {
-                position: "absolute",
-                inset: 0,
-                display: "block",
-                width: "100%",
-                height: "100%",
-                pointerEvents: "none",
-                zIndex: 1
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Z.displayName = "SPixelReveal";
-export {
-  Z as SPixelReveal,
-  Z as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { o as e } from "../theme-primitives-BG66N-x4.js";
+import { forwardRef as t, useCallback as n, useEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/s-pixel-reveal/s-pixel-reveal.tsx
+var s = class {
+	x;
+	y;
+	color;
+	speed;
+	size;
+	sizeStep;
+	minSize;
+	maxSize;
+	delay;
+	counter;
+	counterStep;
+	isReverse;
+	isShimmer;
+	constructor(e, t, n, r, i, a, o) {
+		this.x = e, this.y = t, this.color = n, this.speed = (Math.random() * .8 + .1) * r, this.size = 0, this.sizeStep = Math.random() * .4, this.minSize = .5, this.maxSize = o, this.delay = i, this.counter = 0, this.counterStep = a, this.isReverse = !1, this.isShimmer = !1;
+	}
+	update(e) {
+		return e ? 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 -= .1, !0) : !1);
+	}
+	draw(e, t) {
+		let n = (t - this.size) * .5;
+		e.fillRect(this.x + n, this.y + n, this.size, this.size);
+	}
+}, c = t(({ gap: t = 5, speed: c = 100, colors: l = [
+	e[400],
+	e[500],
+	e[600]
+], loading: u = !0, src: d, alt: f = "", style: p, children: m, instant: h = !0, ...g }, _) => {
+	let v = i(null), y = i(null), b = i(null), x = i(/* @__PURE__ */ new Map()), S = i(null), C = i(1e3 / 60), w = i(0), T = i(!1);
+	r(() => {
+		T.current = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+	}, []);
+	let E = n((e, t, n, r) => {
+		let i = e - n, a = t - r;
+		return i * i + a * a;
+	}, []), D = n((e, n, r) => {
+		S.current && cancelAnimationFrame(S.current), w.current = performance.now();
+		let i = () => {
+			S.current = requestAnimationFrame(i);
+			let a = performance.now(), o = a - w.current;
+			if (o < C.current) return;
+			w.current = a - o % C.current, e.clearRect(0, 0, n, r);
+			let s = !1;
+			x.current.forEach((n, r) => {
+				e.fillStyle = r;
+				for (let r of n) r.update(u) && (r.draw(e, t), s = !0);
+			}), !u && !s && S.current && (cancelAnimationFrame(S.current), S.current = null);
+		};
+		i();
+	}, [u, t]), O = n(() => {
+		let e = v.current, n = e?.getContext("2d");
+		if (!e || !n) return;
+		x.current = /* @__PURE__ */ new Map();
+		let r = T.current ? 0 : Math.max(0, Math.min(100, c)) * .001, i = window.devicePixelRatio ?? 1, a = e.width / i, o = e.height / i, u = .5, d = (a + o) * .01, f = a % t / 2, p = o % t / 2;
+		for (let e = f; e < a; e += t) for (let n = p; n < o; n += t) {
+			let i = l[Math.floor(Math.random() * l.length)], c = 0;
+			if (!h && !T.current) {
+				let r = e + t / 2, i = n + t / 2, s = a / 2, l = o / 2;
+				c = Math.sqrt(E(r, i, s, l));
+			}
+			let f = Math.random() * 4 + d, p = Math.random() * (2 - u) + u, m = new s(e, n, i, r, c, f, p);
+			x.current.has(i) || x.current.set(i, []), x.current.get(i).push(m);
+		}
+		D(n, a, o);
+	}, [
+		t,
+		c,
+		l,
+		h,
+		E,
+		D
+	]), k = n(() => {
+		let e = v.current, t = y.current, n = e?.getContext("2d");
+		if (!e || !t || !n) return;
+		let r = t.getBoundingClientRect();
+		if (r.width === 0 || r.height === 0) return;
+		let i = Math.floor(r.width), a = Math.floor(r.height), o = window.devicePixelRatio ?? 1;
+		e.width = i * o, e.height = a * o, e.style.width = `${i}px`, e.style.height = `${a}px`, n.setTransform(1, 0, 0, 1, 0, 0), n.scale(o, o), O();
+	}, [O]);
+	return r(() => {
+		k();
+		let e = new ResizeObserver(() => {
+			requestAnimationFrame(() => k());
+		});
+		return y.current && e.observe(y.current), () => {
+			e.disconnect(), S.current && cancelAnimationFrame(S.current);
+		};
+	}, [k]), /* @__PURE__ */ o("div", {
+		ref: (e) => {
+			y.current = e, typeof _ == "function" ? _(e) : _ && (_.current = e);
+		},
+		style: {
+			position: "relative",
+			width: "100%",
+			height: "100%",
+			overflow: "hidden",
+			...p
+		},
+		...g,
+		children: [
+			d && /* @__PURE__ */ a("img", {
+				ref: b,
+				src: d,
+				alt: f,
+				style: {
+					position: "absolute",
+					inset: 0,
+					width: "100%",
+					height: "100%",
+					objectFit: "cover",
+					display: "block"
+				}
+			}),
+			m,
+			/* @__PURE__ */ a("canvas", {
+				ref: v,
+				style: {
+					position: "absolute",
+					inset: 0,
+					display: "block",
+					width: "100%",
+					height: "100%",
+					pointerEvents: "none",
+					zIndex: 1
+				}
+			})
+		]
+	});
+});
+c.displayName = "SPixelReveal";
+//#endregion
+export { c as SPixelReveal, c as default };

package/dist/s-radial-pulse-animate/index.js

@@ -1,4 +1,3 @@
-import { SRadialPulseAnimate as l } from "./s-radial-pulse-animate.js";
-export {
-  l as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { SRadialPulseAnimate as e } from "./s-radial-pulse-animate.js";
+export { e as default };

package/dist/s-radial-pulse-animate/s-radial-pulse-animate.js

@@ -1,8 +1,10 @@
-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 = h`
+import "../createTheme-DuS5_nJb.js";
+import { STextShimmer as e } from "../s-text-shimmer/s-text-shimmer.js";
+import { useEffect as t, useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Box as a, keyframes as o, styled as s } from "@mui/material";
+//#region lib/s-radial-pulse-animate/s-radial-pulse-animate.tsx
+var c = o`
   0% {
     width: 20%;
     height: 20%;
@@ -13,121 +15,77 @@ const b = h`
     height: 100%;
     opacity: 0;
   }
-`, j = l(d)(({ theme: e }) => ({
-  position: "relative",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  borderRadius: e.shape.borderRadius,
-  border: "1px solid",
-  borderColor: (e.vars ?? e).palette.divider
-})), R = l(d)(() => ({
-  position: "absolute",
-  pointerEvents: "none"
-})), s = l(d)(({ theme: e }) => ({
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: "60px",
-  height: "60px",
-  background: (e.vars ?? e).palette.ui.pulse.radialGradient,
-  borderRadius: "50%",
-  animation: `${b} 3s ease-out infinite`,
-  "&:nth-of-type(2)": {
-    animationDelay: "1s"
-  },
-  "&:nth-of-type(3)": {
-    animationDelay: "2s"
-  },
-  "@media (prefers-reduced-motion: reduce)": {
-    animation: "none !important"
-  }
-})), C = () => {
-  const e = "s-radial-pulse-particles";
-  if (document.getElementById(e)) return;
-  const a = document.createElement("style");
-  a.id = e, a.textContent = `
-    .s-radial-pulse-particle {
-      position: absolute;
-      background: var(--s-palette-text-primary);
-      border-radius: 50%;
-      animation: s-radial-pulse-float 4s ease-in-out infinite;
-    }
-    
-    .s-radial-pulse-particle:nth-child(odd) {
-      animation-direction: reverse;
-    }
-    
-    @keyframes s-radial-pulse-float {
-      0%, 100% {
-        transform: translateY(0px) rotate(0deg);
-        opacity: 0.5;
-      }
-      50% {
-        transform: translateY(-20px) rotate(180deg);
-        opacity: 1;
-      }
-    }
-    
-    @media (prefers-reduced-motion: reduce) {
-      .s-radial-pulse-particle {
-        animation: none !important;
-      }
-    }
-  `, document.head.appendChild(a);
-}, g = ({
-  width: e = 300,
-  height: a = 300,
-  className: c,
-  text: u = "Generating...",
-  particleSize: r = { min: 2, max: 6 }
-}) => {
-  const o = x(null);
-  return y(() => {
-    C();
-    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);
-    }, 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: o,
-      className: c,
-      sx: {
-        width: e,
-        height: a
-      },
-      children: [
-        /* @__PURE__ */ n.jsxs(
-          R,
-          {
-            sx: {
-              width: Math.min(e, a),
-              height: Math.min(e, a)
-            },
-            children: [
-              /* @__PURE__ */ n.jsx(s, {}),
-              /* @__PURE__ */ n.jsx(s, {}),
-              /* @__PURE__ */ n.jsx(s, {})
-            ]
-          }
-        ),
-        /* @__PURE__ */ n.jsx(v, { children: u })
-      ]
-    }
-  );
-};
-g.displayName = "SRadialPulseAnimate";
-export {
-  g as SRadialPulseAnimate,
-  g as default
+`, l = s(a)(({ theme: e }) => ({
+	position: "relative",
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center",
+	borderRadius: e.shape.borderRadius,
+	border: "1px solid",
+	borderColor: (e.vars ?? e).palette.divider
+})), u = s(a)(() => ({
+	position: "absolute",
+	pointerEvents: "none"
+})), d = s(a)(({ theme: e }) => ({
+	position: "absolute",
+	top: "50%",
+	left: "50%",
+	transform: "translate(-50%, -50%)",
+	width: "60px",
+	height: "60px",
+	background: (e.vars ?? e).palette.ui.pulse.radialGradient,
+	borderRadius: "50%",
+	animation: `${c} 3s ease-out infinite`,
+	"&:nth-of-type(2)": { animationDelay: "1s" },
+	"&:nth-of-type(3)": { animationDelay: "2s" },
+	"@media (prefers-reduced-motion: reduce)": { animation: "none !important" }
+})), f = () => {
+	let e = "s-radial-pulse-particles";
+	if (document.getElementById(e)) return;
+	let t = document.createElement("style");
+	t.id = e, t.textContent = "\n    .s-radial-pulse-particle {\n      position: absolute;\n      background: var(--s-palette-text-primary);\n      border-radius: 50%;\n      animation: s-radial-pulse-float 4s ease-in-out infinite;\n    }\n    \n    .s-radial-pulse-particle:nth-child(odd) {\n      animation-direction: reverse;\n    }\n    \n    @keyframes s-radial-pulse-float {\n      0%, 100% {\n        transform: translateY(0px) rotate(0deg);\n        opacity: 0.5;\n      }\n      50% {\n        transform: translateY(-20px) rotate(180deg);\n        opacity: 1;\n      }\n    }\n    \n    @media (prefers-reduced-motion: reduce) {\n      .s-radial-pulse-particle {\n        animation: none !important;\n      }\n    }\n  ", document.head.appendChild(t);
+}, p = ({ width: a = 300, height: o = 300, className: s, text: c = "Generating...", particleSize: p = {
+	min: 2,
+	max: 6
+} }) => {
+	let m = n(null);
+	return t(() => {
+		f();
+		let e = () => {
+			if (!m.current) return;
+			let e = m.current, t = document.createElement("div");
+			t.className = "s-radial-pulse-particle";
+			let n = Math.random() * (p.max - p.min) + p.min;
+			t.style.width = `${n}px`, t.style.height = `${n}px`, t.style.left = `${Math.random() * a}px`, t.style.top = `${Math.random() * o}px`, t.style.animationDelay = `${Math.random() * 4}s`, t.style.animationDuration = `${Math.random() * 3 + 2}s`, e.appendChild(t), setTimeout(() => {
+				t.parentNode && t.parentNode.removeChild(t);
+			}, 6e3);
+		}, t = setInterval(e, 500);
+		for (let t = 0; t < 4; t++) setTimeout(e, t * 100);
+		return () => clearInterval(t);
+	}, [
+		a,
+		o,
+		p
+	]), /* @__PURE__ */ i(l, {
+		ref: m,
+		className: s,
+		sx: {
+			width: a,
+			height: o
+		},
+		children: [/* @__PURE__ */ i(u, {
+			sx: {
+				width: Math.min(a, o),
+				height: Math.min(a, o)
+			},
+			children: [
+				/* @__PURE__ */ r(d, {}),
+				/* @__PURE__ */ r(d, {}),
+				/* @__PURE__ */ r(d, {})
+			]
+		}), /* @__PURE__ */ r(e, { children: c })]
+	});
 };
+p.displayName = "SRadialPulseAnimate";
+//#endregion
+export { p as SRadialPulseAnimate, p as default };

package/dist/s-rating/index.js

@@ -1,4 +1,2 @@
 import { SRating as e } from "./s-rating.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-rating/s-rating.js

@@ -1,9 +1,11 @@
-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 {
-  m as SRating,
-  m as default
-};
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Rating as n } from "@mui/material";
+//#region lib/s-rating/s-rating.tsx
+var r = e((e, r) => /* @__PURE__ */ t(n, {
+	ref: r,
+	...e
+}));
+r.displayName = "SRating";
+//#endregion
+export { r as SRating, r as default };

package/dist/s-review/index.js

@@ -1,4 +1,3 @@
-import { SReview as f } from "./s-review.js";
-export {
-  f as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-review-DOBlCEU2.js";
+export { e as default };