@solostylist/ui-kit 1.0.126 → 1.0.128

package/dist/s-image-modal/s-image-modal.d.ts

@@ -50,7 +50,7 @@ export declare const DefaultMediaItem: React.FC<{
     item: MediaItemType;
     onClick?: () => void;
     style?: React.CSSProperties;
-    objectFit?: string;
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     disableVideoControls?: boolean;
 }>;
 /**

package/dist/s-image-modal/s-image-modal.js

@@ -1,14 +1,15 @@
 import { j as o } from "../jsx-runtime-OVHDjVDe.js";
 import { useState as k, useEffect as w } from "react";
-import { Modal as A, Box as l, Paper as b, Typography as z, IconButton as m, Stack as L } from "@mui/material";
+import { Modal as L, Box as c, Paper as b, Typography as z, IconButton as m, Stack as A } from "@mui/material";
 import { motion as f, AnimatePresence as T } from "framer-motion";
-import { C as F } from "../Close-DlTC3goO.js";
-import { C as $, a as B } from "../ChevronRight-DQD188LX.js";
-const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disableVideoControls: r = !1 }) => s.type === "video" ? /* @__PURE__ */ o.jsx(
-  l,
+import F from "../s-lazy-image/s-lazy-image.js";
+import { C as $ } from "../Close-DlTC3goO.js";
+import { C as B, a as H } from "../ChevronRight-DQD188LX.js";
+const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disableVideoControls: r = !1 }) => s.type === "video" ? /* @__PURE__ */ o.jsx(
+  c,
   {
     component: "video",
-    onClick: c,
+    onClick: l,
     controls: !r,
     sx: {
       width: "100%",
@@ -20,23 +21,22 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
     children: /* @__PURE__ */ o.jsx("source", { src: s.url, type: "video/mp4" })
   }
 ) : /* @__PURE__ */ o.jsx(
-  l,
+  F,
   {
-    component: "img",
     src: s.url,
     alt: s.title || "",
-    onClick: c,
-    sx: {
+    onClick: l,
+    style: {
       width: "100%",
       height: "100%",
       objectFit: e,
-      bgcolor: "background.paper",
+      backgroundColor: "background.paper",
       ...x
     }
   }
-), M = ({
+), X = ({
   selectedItem: s,
-  isOpen: c,
+  isOpen: l,
   onClose: x,
   onItemChange: e,
   mediaItems: r = [],
@@ -63,7 +63,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
   };
   return w(() => {
     const t = (d) => {
-      if (c)
+      if (l)
         switch (d.key) {
           case "ArrowLeft":
             v();
@@ -77,10 +77,10 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
         }
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [c, a, g, p]), !c || !i ? null : /* @__PURE__ */ o.jsx(
-    A,
+  }, [l, a, g, p]), !l || !i ? null : /* @__PURE__ */ o.jsx(
+    L,
     {
-      open: c,
+      open: l,
       onClose: x,
       sx: {
         zIndex: (t) => t.zIndex.modal + 100,
@@ -94,7 +94,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
           }
         }
       },
-      children: /* @__PURE__ */ o.jsxs(l, { children: [
+      children: /* @__PURE__ */ o.jsxs(c, { children: [
         /* @__PURE__ */ o.jsx(
           f.div,
           {
@@ -116,7 +116,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                 },
                 children: [
                   /* @__PURE__ */ o.jsx(
-                    l,
+                    c,
                     {
                       sx: {
                         height: "100%",
@@ -124,7 +124,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                         flexDirection: "column"
                       },
                       children: /* @__PURE__ */ o.jsx(
-                        l,
+                        c,
                         {
                           sx: {
                             flex: 1,
@@ -161,7 +161,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                                   children: [
                                     h ? h(i) : /* @__PURE__ */ o.jsx(I, { item: i }),
                                     (i.title || i.desc) && /* @__PURE__ */ o.jsxs(
-                                      l,
+                                      c,
                                       {
                                         sx: {
                                           position: "absolute",
@@ -200,11 +200,11 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                         right: { xs: 8, sm: 10, md: 12 },
                         zIndex: (t) => t.zIndex.modal + 102
                       },
-                      children: /* @__PURE__ */ o.jsx(F, {})
+                      children: /* @__PURE__ */ o.jsx($, {})
                     }
                   ),
                   S && p && /* @__PURE__ */ o.jsxs(
-                    l,
+                    c,
                     {
                       sx: {
                         position: "absolute",
@@ -242,7 +242,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ o.jsx($, {})
+                        children: /* @__PURE__ */ o.jsx(B, {})
                       }
                     ),
                     /* @__PURE__ */ o.jsx(
@@ -263,7 +263,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ o.jsx(B, {})
+                        children: /* @__PURE__ */ o.jsx(H, {})
                       }
                     )
                   ] })
@@ -306,7 +306,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                   px: 1.5,
                   py: 1
                 },
-                children: /* @__PURE__ */ o.jsx(L, { direction: "row", alignItems: "center", spacing: -1.5, children: r.map((t, d) => /* @__PURE__ */ o.jsxs(
+                children: /* @__PURE__ */ o.jsx(A, { direction: "row", alignItems: "center", spacing: -1.5, children: r.map((t, d) => /* @__PURE__ */ o.jsxs(
                   f.div,
                   {
                     onClick: (n) => {
@@ -354,7 +354,7 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
                         }
                       ),
                       /* @__PURE__ */ o.jsx(
-                        l,
+                        c,
                         {
                           sx: {
                             position: "absolute",
@@ -393,5 +393,5 @@ const I = ({ item: s, onClick: c, style: x = {}, objectFit: e = "contain", disab
 };
 export {
   I as DefaultMediaItem,
-  M as default
+  X as default
 };

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

@@ -50,7 +50,7 @@ const b = h`
   a.id = e, a.textContent = `
     .s-radial-pulse-particle {
       position: absolute;
-      background: var(--s-palette-whiteAlpha-dark);
+      background: var(--s-palette-text-primary);
       border-radius: 50%;
       animation: s-radial-pulse-float 4s ease-in-out infinite;
     }
@@ -81,23 +81,23 @@ const b = h`
   height: a = 300,
   className: c,
   text: u = "Generating...",
-  particleSize: r = { min: 2, max: 6 }
+  particleSize: i = { min: 2, max: 6 }
 }) => {
   const o = x(null);
   return y(() => {
     R();
     const p = () => {
       if (!o.current) return;
-      const i = o.current, t = document.createElement("div");
+      const r = 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(() => {
+      const m = Math.random() * (i.max - i.min) + i.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`, r.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);
+    for (let r = 0; r < 4; r++) setTimeout(p, r * 100);
     return () => clearInterval(f);
-  }, [e, a, r]), /* @__PURE__ */ n.jsxs(
+  }, [e, a, i]), /* @__PURE__ */ n.jsxs(
     j,
     {
       ref: o,