@solostylist/ui-kit 1.0.165 → 1.0.167

package/dist/s-chat-message/s-chat-message.js

@@ -1,20 +1,19 @@
 import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as C } from "react";
-import { Box as t, Typography as l, Paper as U, IconButton as T } from "@mui/material";
+import { useState as M } from "react";
+import { Box as t, Typography as l, Paper as H, IconButton as T } from "@mui/material";
 import W from "../s-avatar/s-avatar.js";
 import P from "../s-image-modal/s-image-modal.js";
 import E from "../s-lazy-image/s-lazy-image.js";
 import o from "../s-skeleton/s-skeleton.js";
-import { c as m } from "../createSvgIcon-DxwgGAVe.js";
-const G = m(/* @__PURE__ */ e.jsx("path", {
-  d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
-}), "Download"), K = m(/* @__PURE__ */ e.jsx("path", {
+import { c as g } from "../createSvgIcon-DxwgGAVe.js";
+import { D as G } from "../Download-UsLvGg3y.js";
+const K = g(/* @__PURE__ */ e.jsx("path", {
   d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
-}), "ErrorOutline"), q = m(/* @__PURE__ */ e.jsx("path", {
+}), "ErrorOutline"), q = g(/* @__PURE__ */ e.jsx("path", {
   d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
-}), "InsertDriveFile"), A = m(/* @__PURE__ */ e.jsx("path", {
+}), "InsertDriveFile"), A = g(/* @__PURE__ */ e.jsx("path", {
   d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"
-}), "Refresh"), ee = ({
+}), "Refresh"), ie = ({
   message: j,
   variant: B = "received",
   timestamp: u,
@@ -23,29 +22,29 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
   showAvatar: n = !0,
   showTimestamp: y = !1,
   maxWidth: S = "70%",
-  attachments: f = [],
+  attachments: m = [],
   onAttachmentClick: a,
   onDownload: d,
-  hasError: g = !1,
+  hasError: f = !1,
   errorMessage: F = "Failed to send message",
   onRetry: z,
   loading: D = !1,
   sx: w,
   ...I
 }) => {
-  const [x, b] = C(null), [H, k] = C(!1), r = B === "sent", L = (i) => (typeof i == "string" ? new Date(i) : i).toLocaleTimeString("en-US", {
+  const [x, b] = M(null), [L, k] = M(!1), r = B === "sent", O = (i) => (typeof i == "string" ? new Date(i) : i).toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0
-  }), O = (i) => {
+  }), R = (i) => {
     if (!i) return "";
-    const h = ["Bytes", "KB", "MB", "GB"], p = Math.floor(Math.log(i) / Math.log(1024));
-    return Math.round(i / Math.pow(1024, p) * 100) / 100 + " " + h[p];
-  }, R = (i) => {
+    const p = ["Bytes", "KB", "MB", "GB"], h = Math.floor(Math.log(i) / Math.log(1024));
+    return Math.round(i / Math.pow(1024, h) * 100) / 100 + " " + p[h];
+  }, U = (i) => {
     a ? a(i) : (b(i), k(!0));
   }, V = (i) => {
     a ? a(i) : d && d(i);
-  }, c = f.filter((i) => i.type === "image"), M = f.filter((i) => i.type === "file");
+  }, c = m.filter((i) => i.type === "image"), C = m.filter((i) => i.type === "file");
   return D ? /* @__PURE__ */ e.jsxs(
     t,
     {
@@ -145,11 +144,11 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                     backgroundColor: r ? "primary.main" : "",
                     color: r ? "primary.contrastText" : "text.primary",
                     border: r ? "none" : "1px solid",
-                    borderColor: g ? "error.main" : "divider",
+                    borderColor: f ? "error.main" : "divider",
                     ...r && {
                       backgroundColor: "primary.dark"
                     },
-                    ...g && {
+                    ...f && {
                       opacity: 0.7
                     },
                     overflow: "hidden"
@@ -178,7 +177,7 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                                 opacity: 0.9
                               }
                             },
-                            onClick: () => R(i),
+                            onClick: () => U(i),
                             children: /* @__PURE__ */ e.jsx(
                               E,
                               {
@@ -199,8 +198,8 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                         ))
                       }
                     ),
-                    M.length > 0 && /* @__PURE__ */ e.jsx(t, { sx: { p: 1.5 }, children: M.map((i, h) => /* @__PURE__ */ e.jsxs(
-                      U,
+                    C.length > 0 && /* @__PURE__ */ e.jsx(t, { sx: { p: 1.5 }, children: C.map((i, p) => /* @__PURE__ */ e.jsxs(
+                      H,
                       {
                         variant: "outlined",
                         sx: {
@@ -208,7 +207,7 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                           alignItems: "center",
                           gap: 1.5,
                           p: 1,
-                          mt: h > 0 ? 1 : 0,
+                          mt: p > 0 ? 1 : 0,
                           cursor: "pointer",
                           backgroundColor: r ? "blackAlpha.zero" : "background.paper",
                           "&:hover": {
@@ -250,7 +249,7 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                                   fontSize: "0.75rem",
                                   color: r ? "whiteAlpha.dark" : "text.secondary"
                                 },
-                                children: O(i.size)
+                                children: R(i.size)
                               }
                             )
                           ] }),
@@ -258,8 +257,8 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                             T,
                             {
                               size: "small",
-                              onClick: (p) => {
-                                p.stopPropagation(), d(i);
+                              onClick: (h) => {
+                                h.stopPropagation(), d(i);
                               },
                               sx: {
                                 color: r ? "primary.contrastText" : "action.active"
@@ -271,7 +270,7 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                       },
                       i.id
                     )) }),
-                    j && /* @__PURE__ */ e.jsx(t, { sx: { px: 2, py: 1.5, pt: f.length > 0 ? 0 : 1.5 }, children: /* @__PURE__ */ e.jsx(
+                    j && /* @__PURE__ */ e.jsx(t, { sx: { px: 2, py: 1.5, pt: m.length > 0 ? 0 : 1.5 }, children: /* @__PURE__ */ e.jsx(
                       l,
                       {
                         variant: "body2",
@@ -296,10 +295,10 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
                     ml: r ? 0 : 0.5,
                     mr: r ? 0.5 : 0
                   },
-                  children: L(u)
+                  children: O(u)
                 }
               ),
-              g && /* @__PURE__ */ e.jsxs(
+              f && /* @__PURE__ */ e.jsxs(
                 t,
                 {
                   display: "flex",
@@ -334,7 +333,7 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
         x && /* @__PURE__ */ e.jsx(
           P,
           {
-            isOpen: H,
+            isOpen: L,
             onClose: () => {
               k(!1), b(null);
             },
@@ -353,5 +352,5 @@ const G = m(/* @__PURE__ */ e.jsx("path", {
   );
 };
 export {
-  ee as default
+  ie as default
 };

package/dist/s-chip/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-comment-message/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-image-comparison/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-image-modal/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/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-pixel-reveal';
+export type { SPixelRevealProps } from './s-pixel-reveal';

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

@@ -0,0 +1,4 @@
+import { default as o } from "./s-pixel-reveal.js";
+export {
+  o as default
+};

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

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

package/dist/s-pixel-reveal/s-pixel-reveal.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface SPixelRevealProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    gap?: number;
+    speed?: number;
+    colors?: string[];
+    loading?: boolean;
+    src?: string;
+    alt?: string;
+    children?: React.ReactNode;
+    instant?: boolean;
+}
+declare const SPixelReveal: React.ForwardRefExoticComponent<SPixelRevealProps & React.RefAttributes<HTMLDivElement>>;
+export default SPixelReveal;

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

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

@@ -1,4 +1,4 @@
-{
-  "name": "s-tabs",
-  "main": "./index.ts"
+{
+  "name": "s-tabs",
+  "main": "./index.ts"
 }

package/dist/s-text-shimmer/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-theme-demo/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-theme-switch/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-typewriter-text/package.json

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