@solostylist/ui-kit 1.0.77 → 1.0.78

package/dist/s-interactive-gallery/s-interactive-gallery.d.ts

@@ -6,7 +6,8 @@ export interface MediaItemType {
     title?: string;
     desc?: string;
     url: string;
-    span: string;
+    colSpan?: number;
+    rowSpan?: number;
 }
 export type MediaItemProps = {
     item: MediaItemType;

package/dist/s-interactive-gallery/s-interactive-gallery.js

@@ -1,14 +1,14 @@
 import { j as i } from "../jsx-runtime-DywqP_6a.js";
 import { useState as u, useEffect as v, useRef as C } from "react";
-import { Box as l, Paper as y, Typography as b, Modal as I, IconButton as z, Stack as R } from "@mui/material";
+import { Box as l, Paper as y, Typography as b, Modal as I, IconButton as z, Stack as S } from "@mui/material";
 import { AnimatePresence as j, motion as p } from "framer-motion";
-import P from "../s-lazy-image/s-lazy-image.js";
-import { C as S } from "../Close-CVFQMMUW.js";
+import R from "../s-lazy-image/s-lazy-image.js";
+import { C as P } from "../Close-CVFQMMUW.js";
 const m = ({ item: r, sx: s, onClick: a }) => {
   const e = C(null), [d, x] = u(!1), [h, t] = u(!0);
   return v(() => {
     const o = { root: null, rootMargin: "50px", threshold: 0.1 }, n = new IntersectionObserver((c) => {
-      c.forEach((f) => x(f.isIntersecting));
+      c.forEach((g) => x(g.isIntersecting));
     }, o);
     return e.current && n.observe(e.current), () => {
       e.current && n.unobserve(e.current);
@@ -94,7 +94,7 @@ const m = ({ item: r, sx: s, onClick: a }) => {
       ]
     }
   ) : /* @__PURE__ */ i.jsx(l, { onClick: a, sx: { width: "100%", height: "100%", ...s }, children: /* @__PURE__ */ i.jsx(
-    P,
+    R,
     {
       src: r.url,
       alt: r.title || "",
@@ -252,7 +252,7 @@ const m = ({ item: r, sx: s, onClick: a }) => {
                         zIndex: (t) => t.zIndex.modal + 102
                         // Ensure it's above everything
                       },
-                      children: /* @__PURE__ */ i.jsx(S, { fontSize: "small" })
+                      children: /* @__PURE__ */ i.jsx(P, { fontSize: "small" })
                     }
                   )
                 ]
@@ -296,7 +296,7 @@ const m = ({ item: r, sx: s, onClick: a }) => {
                   px: 1.5,
                   py: 1
                 },
-                children: /* @__PURE__ */ i.jsx(R, { direction: "row", alignItems: "center", spacing: -1.5, children: d.map((t, o) => /* @__PURE__ */ i.jsxs(
+                children: /* @__PURE__ */ i.jsx(S, { direction: "row", alignItems: "center", spacing: -1.5, children: d.map((t, o) => /* @__PURE__ */ i.jsxs(
                   p.div,
                   {
                     onClick: (n) => {
@@ -435,16 +435,16 @@ const m = ({ item: r, sx: s, onClick: a }) => {
                 onDragStart: () => h(!0),
                 onDragEnd: (n, c) => {
                   h(!1);
-                  const f = c.offset.x + c.offset.y;
-                  if (Math.abs(f) > 50) {
-                    const g = [...e], w = g[o], k = f > 0 ? Math.min(o + 1, e.length - 1) : Math.max(o - 1, 0);
-                    g.splice(o, 1), g.splice(k, 0, w), d(g);
+                  const g = c.offset.x + c.offset.y;
+                  if (Math.abs(g) > 50) {
+                    const f = [...e], w = f[o], k = g > 0 ? Math.min(o + 1, e.length - 1) : Math.max(o - 1, 0);
+                    f.splice(o, 1), f.splice(k, 0, w), d(f);
                   }
                 },
                 style: {
                   position: "relative",
-                  gridRow: `span ${parseInt(t.span) || 2}`
-                  // Use span properly for grid
+                  gridRow: t.rowSpan ? `span ${t.rowSpan}` : "span 2",
+                  gridColumn: t.colSpan ? `span ${t.colSpan}` : "span 1"
                 },
                 children: /* @__PURE__ */ i.jsxs(
                   y,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.77",
+  "version": "1.0.78",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",