@solostylist/ui-kit 1.0.188 → 1.0.190

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

@@ -1,110 +1,110 @@
-import { j as i } from "../jsx-runtime-tc70JA_2.js";
-import { useState as E, useEffect as j } from "react";
-import { Modal as R, Box as a, Paper as g, Typography as k, IconButton as m, Stack as L } from "@mui/material";
-import { motion as b, AnimatePresence as A } from "framer-motion";
-import { C as D } from "../Close-C-pCw-CD.js";
-import { C as F } from "../ChevronLeft-BJjuFNNQ.js";
-import { C as N } from "../ChevronRight-5ZX3FodP.js";
-import T from "../s-lazy-image/s-lazy-image.js";
-const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disableVideoControls: r = !1 }) => s.type === "video" ? /* @__PURE__ */ i.jsx(
-  a,
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import j, { useState as C, useEffect as k } from "react";
+import { Modal as L, Box as d, Paper as m, Typography as w, IconButton as y, Stack as A } from "@mui/material";
+import { motion as b, AnimatePresence as D } from "framer-motion";
+import { C as F } from "../Close-C-pCw-CD.js";
+import { C as N } from "../ChevronLeft-BJjuFNNQ.js";
+import { C as T } from "../ChevronRight-5ZX3FodP.js";
+import $ from "../s-lazy-image/s-lazy-image.js";
+const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disableVideoControls: s = !1 }) => r.type === "video" ? /* @__PURE__ */ o.jsx(
+  d,
   {
     component: "video",
-    onClick: d,
-    controls: !r,
+    onClick: l,
+    controls: !s,
     sx: {
       width: "100%",
       height: "100%",
       objectFit: e,
       bgcolor: "background.paper",
-      ...l
+      ...c
     },
-    children: /* @__PURE__ */ i.jsx("source", { src: s.url, type: "video/mp4" })
+    children: /* @__PURE__ */ o.jsx("source", { src: r.url, type: "video/mp4" })
   }
-) : /* @__PURE__ */ i.jsx(
-  T,
+) : /* @__PURE__ */ o.jsx(
+  $,
   {
-    src: s.url,
-    alt: s.title || "",
-    onClick: d,
+    src: r.url,
+    alt: r.title || "",
+    onClick: l,
     style: {
       width: "100%",
       height: "100%",
       objectFit: e,
       backgroundColor: "background.paper",
-      ...l
+      ...c
     }
   }
-), $ = ({
-  selectedItem: s,
-  isOpen: d,
-  onClose: l,
+), B = ({
+  selectedItem: r,
+  isOpen: l,
+  onClose: c,
   onItemChange: e,
-  mediaItems: r = [],
-  renderMediaItem: f,
-  showNavigation: z = !0,
-  showThumbnailDock: I = !0,
-  showCounter: S = !0,
-  modalSx: P = {}
+  mediaItems: s = [],
+  renderMediaItem: h,
+  showNavigation: I = !0,
+  showThumbnailDock: S = !0,
+  showCounter: P = !0,
+  modalSx: R = {}
 }) => {
-  const [C, p] = E(s || null), t = s || C;
-  j(() => {
-    s && p(s);
-  }, [s]);
-  const c = z && r.length > 1 && t, n = t ? r.findIndex((o) => o.id === t.id) : -1, h = r.length, v = () => {
-    if (c && n > 0) {
-      const o = r[n - 1];
-      e ? e(o) : p(o);
+  const [E, p] = C(r || null), t = r || E;
+  k(() => {
+    r && p(r);
+  }, [r]);
+  const a = I && s.length > 1 && t, n = t ? s.findIndex((i) => i.id === t.id) : -1, u = s.length, g = j.useCallback(() => {
+    if (a && n > 0) {
+      const i = s[n - 1];
+      e ? e(i) : p(i);
     }
-  }, y = () => {
-    if (c && n < h - 1) {
-      const o = r[n + 1];
-      e ? e(o) : p(o);
+  }, [a, n, s, e]), v = j.useCallback(() => {
+    if (a && n < u - 1) {
+      const i = s[n + 1];
+      e ? e(i) : p(i);
     }
-  };
-  return j(() => {
-    const o = (u) => {
-      if (d)
-        switch (u.key) {
+  }, [a, n, u, s, e]);
+  return k(() => {
+    const i = (f) => {
+      if (l)
+        switch (f.key) {
           case "ArrowLeft":
-            v();
+            g();
             break;
           case "ArrowRight":
-            y();
+            v();
             break;
           case "Escape":
-            l();
+            c();
             break;
         }
     };
-    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-  }, [d, n, h, c]), !d || !t ? null : /* @__PURE__ */ i.jsx(
-    R,
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [l, n, u, a, g, v, c]), !l || !t ? null : /* @__PURE__ */ o.jsx(
+    L,
     {
-      open: d,
-      onClose: l,
+      open: l,
+      onClose: c,
       sx: {
-        zIndex: (o) => o.zIndex.modal + 100,
-        ...P
+        zIndex: (i) => i.zIndex.modal + 100,
+        ...R
       },
       slotProps: {
         backdrop: {
           sx: {
             backdropFilter: "blur(8px)",
-            zIndex: (o) => o.zIndex.modal + 99
+            zIndex: (i) => i.zIndex.modal + 99
           }
         }
       },
-      children: /* @__PURE__ */ i.jsxs(a, { children: [
-        /* @__PURE__ */ i.jsx(
+      children: /* @__PURE__ */ o.jsxs(d, { children: [
+        /* @__PURE__ */ o.jsx(
           b.div,
           {
             initial: { scale: 0.98 },
             animate: { scale: 1 },
             exit: { scale: 0.98 },
             transition: { type: "spring", stiffness: 400, damping: 30 },
-            children: /* @__PURE__ */ i.jsxs(
-              g,
+            children: /* @__PURE__ */ o.jsxs(
+              m,
               {
                 sx: {
                   position: "fixed",
@@ -113,19 +113,19 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                   minHeight: "100vh",
                   borderRadius: 0,
                   overflow: "hidden",
-                  zIndex: (o) => o.zIndex.modal + 101
+                  zIndex: (i) => i.zIndex.modal + 101
                 },
                 children: [
-                  /* @__PURE__ */ i.jsx(
-                    a,
+                  /* @__PURE__ */ o.jsx(
+                    d,
                     {
                       sx: {
                         height: "100%",
                         display: "flex",
                         flexDirection: "column"
                       },
-                      children: /* @__PURE__ */ i.jsx(
-                        a,
+                      children: /* @__PURE__ */ o.jsx(
+                        d,
                         {
                           sx: {
                             flex: 1,
@@ -135,7 +135,7 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                             justifyContent: "center",
                             bgcolor: "background.default"
                           },
-                          children: /* @__PURE__ */ i.jsx(A, { mode: "wait", children: /* @__PURE__ */ i.jsx(
+                          children: /* @__PURE__ */ o.jsx(D, { mode: "wait", children: /* @__PURE__ */ o.jsx(
                             b.div,
                             {
                               style: { position: "relative" },
@@ -146,10 +146,10 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                                 transition: { type: "spring", stiffness: 500, damping: 30, mass: 0.5 }
                               },
                               exit: { y: 20, scale: 0.97, transition: { duration: 0.15 } },
-                              children: /* @__PURE__ */ i.jsxs(
-                                g,
+                              children: /* @__PURE__ */ o.jsxs(
+                                m,
                                 {
-                                  onClick: (o) => o.stopPropagation(),
+                                  onClick: (i) => i.stopPropagation(),
                                   sx: {
                                     position: "relative",
                                     width: "100%",
@@ -160,9 +160,9 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                                     overflow: "hidden"
                                   },
                                   children: [
-                                    f ? f(t) : /* @__PURE__ */ i.jsx(w, { item: t }),
-                                    (t.title || t.desc) && /* @__PURE__ */ i.jsxs(
-                                      a,
+                                    h ? h(t) : /* @__PURE__ */ o.jsx(z, { item: t }),
+                                    (t.title || t.desc) && /* @__PURE__ */ o.jsxs(
+                                      d,
                                       {
                                         sx: {
                                           position: "absolute",
@@ -170,12 +170,12 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                                           right: 0,
                                           bottom: 0,
                                           p: { xs: 1.5, sm: 2, md: 3 },
-                                          background: (o) => `linear-gradient(to top, ${(o.vars || o).palette.background.paper}, transparent)`
+                                          background: (i) => `linear-gradient(to top, ${(i.vars || i).palette.background.paper}, transparent)`
                                         },
-                                        onClick: (o) => o.stopPropagation(),
+                                        onClick: (i) => i.stopPropagation(),
                                         children: [
-                                          t.title && /* @__PURE__ */ i.jsx(k, { variant: "h6", sx: { fontWeight: 600, fontSize: { xs: 14, sm: 18, md: 20 } }, children: t.title }),
-                                          t.desc && /* @__PURE__ */ i.jsx(k, { variant: "body2", sx: { opacity: 0.8, mt: 0.5 }, children: t.desc })
+                                          t.title && /* @__PURE__ */ o.jsx(w, { variant: "h6", sx: { fontWeight: 600, fontSize: { xs: 14, sm: 18, md: 20 } }, children: t.title }),
+                                          t.desc && /* @__PURE__ */ o.jsx(w, { variant: "body2", sx: { opacity: 0.8, mt: 0.5 }, children: t.desc })
                                         ]
                                       }
                                     )
@@ -189,28 +189,28 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       )
                     }
                   ),
-                  /* @__PURE__ */ i.jsx(
-                    m,
+                  /* @__PURE__ */ o.jsx(
+                    y,
                     {
                       "aria-label": "Close",
-                      onClick: l,
+                      onClick: c,
                       sx: {
                         position: "absolute",
                         top: { xs: 8, sm: 10, md: 12 },
                         right: { xs: 8, sm: 10, md: 12 },
-                        zIndex: (o) => o.zIndex.modal + 102
+                        zIndex: (i) => i.zIndex.modal + 102
                       },
-                      children: /* @__PURE__ */ i.jsx(D, {})
+                      children: /* @__PURE__ */ o.jsx(F, {})
                     }
                   ),
-                  S && c && /* @__PURE__ */ i.jsxs(
-                    a,
+                  P && a && /* @__PURE__ */ o.jsxs(
+                    d,
                     {
                       sx: {
                         position: "absolute",
                         top: { xs: 8, sm: 10, md: 12 },
                         left: { xs: 8, sm: 10, md: 12 },
-                        zIndex: (o) => o.zIndex.modal + 102,
+                        zIndex: (i) => i.zIndex.modal + 102,
                         padding: 1,
                         px: 2,
                         fontSize: { xs: 14, sm: 16 },
@@ -219,17 +219,17 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       children: [
                         n + 1,
                         " / ",
-                        h
+                        u
                       ]
                     }
                   ),
-                  c && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                    /* @__PURE__ */ i.jsx(
-                      m,
+                  a && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                    /* @__PURE__ */ o.jsx(
+                      y,
                       {
                         "aria-label": "Previous image",
-                        onClick: (o) => {
-                          o.stopPropagation(), v();
+                        onClick: (i) => {
+                          i.stopPropagation(), g();
                         },
                         disabled: n === 0,
                         sx: {
@@ -237,33 +237,33 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                           left: { xs: 8, sm: 10, md: 12 },
                           top: "50%",
                           transform: "translateY(-50%)",
-                          zIndex: (o) => o.zIndex.modal + 102,
+                          zIndex: (i) => i.zIndex.modal + 102,
                           "&:disabled": {
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ i.jsx(F, {})
+                        children: /* @__PURE__ */ o.jsx(N, {})
                       }
                     ),
-                    /* @__PURE__ */ i.jsx(
-                      m,
+                    /* @__PURE__ */ o.jsx(
+                      y,
                       {
                         "aria-label": "Next image",
-                        onClick: (o) => {
-                          o.stopPropagation(), y();
+                        onClick: (i) => {
+                          i.stopPropagation(), v();
                         },
-                        disabled: n === h - 1,
+                        disabled: n === u - 1,
                         sx: {
                           position: "absolute",
                           right: { xs: 8, sm: 10, md: 12 },
                           top: "50%",
                           transform: "translateY(-50%)",
-                          zIndex: (o) => o.zIndex.modal + 102,
+                          zIndex: (i) => i.zIndex.modal + 102,
                           "&:disabled": {
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ i.jsx(N, {})
+                        children: /* @__PURE__ */ o.jsx(T, {})
                       }
                     )
                   ] })
@@ -272,8 +272,8 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
             )
           }
         ),
-        I && c && r.length > 1 && /* @__PURE__ */ i.jsx(
-          a,
+        S && a && s.length > 1 && /* @__PURE__ */ o.jsx(
+          d,
           {
             sx: {
               position: "fixed",
@@ -282,8 +282,8 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
               bottom: 16,
               transform: "translateX(-50%)"
             },
-            children: /* @__PURE__ */ i.jsx(
-              g,
+            children: /* @__PURE__ */ o.jsx(
+              m,
               {
                 sx: {
                   position: "relative",
@@ -295,11 +295,11 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                   px: 1.5,
                   py: 1
                 },
-                children: /* @__PURE__ */ i.jsx(L, { direction: "row", alignItems: "center", spacing: -1.5, children: r.map((o, u) => /* @__PURE__ */ i.jsxs(
+                children: /* @__PURE__ */ o.jsx(A, { direction: "row", alignItems: "center", spacing: -1.5, children: s.map((i, f) => /* @__PURE__ */ o.jsxs(
                   b.div,
                   {
                     onClick: (x) => {
-                      x.stopPropagation(), e ? e(o) : p(o);
+                      x.stopPropagation(), e ? e(i) : p(i);
                     },
                     style: {
                       position: "relative",
@@ -308,16 +308,16 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       borderRadius: 10,
                       overflow: "hidden",
                       flexShrink: 0,
-                      zIndex: t.id === o.id ? 30 : r.length - u,
-                      border: t.id === o.id ? "1px solid" : void 0,
-                      borderColor: t.id === o.id ? "divider" : void 0,
+                      zIndex: t.id === i.id ? 30 : s.length - f,
+                      border: t.id === i.id ? "1px solid" : void 0,
+                      borderColor: t.id === i.id ? "divider" : void 0,
                       cursor: "pointer"
                     },
-                    initial: { rotate: u % 2 === 0 ? -15 : 15 },
+                    initial: { rotate: f % 2 === 0 ? -15 : 15 },
                     animate: {
-                      scale: t.id === o.id ? 1.2 : 1,
-                      rotate: t.id === o.id ? 0 : u % 2 === 0 ? -15 : 15,
-                      y: t.id === o.id ? -8 : 0
+                      scale: t.id === i.id ? 1.2 : 1,
+                      rotate: t.id === i.id ? 0 : f % 2 === 0 ? -15 : 15,
+                      y: t.id === i.id ? -8 : 0
                     },
                     whileHover: {
                       scale: 1.3,
@@ -326,24 +326,24 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       transition: { type: "spring", stiffness: 400, damping: 25 }
                     },
                     children: [
-                      f ? f(o, () => {
-                        e ? e(o) : p(o);
-                      }) : /* @__PURE__ */ i.jsx(
-                        w,
+                      h ? h(i, () => {
+                        e ? e(i) : p(i);
+                      }) : /* @__PURE__ */ o.jsx(
+                        z,
                         {
-                          item: o,
+                          item: i,
                           objectFit: "cover",
                           style: {
                             width: "100%",
                             height: "100%",
                             // Disable pointer events for videos in thumbnails to ensure parent click handler works
-                            pointerEvents: o.type === "video" ? "none" : "auto"
+                            pointerEvents: i.type === "video" ? "none" : "auto"
                           },
                           disableVideoControls: !0
                         }
                       ),
-                      /* @__PURE__ */ i.jsx(
-                        a,
+                      /* @__PURE__ */ o.jsx(
+                        d,
                         {
                           sx: {
                             position: "absolute",
@@ -353,7 +353,7 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                           }
                         }
                       ),
-                      t.id === o.id && /* @__PURE__ */ i.jsx(
+                      t.id === i.id && /* @__PURE__ */ o.jsx(
                         b.div,
                         {
                           layoutId: "activeGlow",
@@ -370,7 +370,7 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       )
                     ]
                   },
-                  o.id
+                  i.id
                 )) })
               }
             )
@@ -380,9 +380,9 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
     }
   );
 };
-$.displayName = "SImageModal";
+B.displayName = "SImageModal";
 export {
-  w as DefaultMediaItem,
-  $ as SImageModal,
-  $ as default
+  z as DefaultMediaItem,
+  B as SImageModal,
+  B as default
 };

package/dist/s-item-not-found/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-label/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-language-switcher/package.json

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