@solostylist/ui-kit 1.0.76 → 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/dist/theme/customizations/inputs.js

@@ -10,7 +10,7 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
   d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
 }), "CheckRounded"), b = i(/* @__PURE__ */ a.jsx("path", {
   d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
-}), "RemoveRounded"), g = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
+}), "RemoveRounded"), g = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), f = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -246,7 +246,7 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
           borderColor: e[300]
         },
         "&:active": {
-          backgroundColor: e[200]
+          backgroundColor: (o.vars || o).palette.action.selected
         },
         ...o.applyStyles("dark", {
           // backgroundColor: gray[800],
@@ -256,7 +256,7 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
             borderColor: e[600]
           },
           "&:active": {
-            backgroundColor: e[900]
+            backgroundColor: (o.vars || o).palette.action.selected
           }
         }),
         variants: [
@@ -491,5 +491,5 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
   }
 };
 export {
-  m as inputsCustomizations
+  f as inputsCustomizations
 };

package/package.json

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