@solostylist/ui-kit 1.0.89 → 1.0.91

package/dist/s-accordion/s-accordion.js

@@ -5,8 +5,8 @@ import { k as go, P as o, l as yo } from "../createTheme-DbdaZ0Ku.js";
 import { b as xo, u as ho, e as bo, d as I, c as To, B as Co } from "../ButtonBase-C0g54hXq.js";
 import { g as X } from "../generateUtilityClasses-BtVDwGrk.js";
 import { g as Y } from "../colorManipulator-ep5lERxB.js";
-import { u as vo } from "../useControlled-nm4pBabJ.js";
-import { T as So, u as Eo, g as ro, P as wo } from "../Paper-CH6cuu9i.js";
+import { u as So } from "../useControlled-nm4pBabJ.js";
+import { T as vo, u as Eo, g as ro, P as wo } from "../Paper-CH6cuu9i.js";
 import { S as Ro } from "../Stack-CIrlOUXL.js";
 import { T as Ao } from "../Typography-D-VP4V1G.js";
 const jo = mo(/* @__PURE__ */ s.jsx("path", {
@@ -115,9 +115,9 @@ const No = (e) => {
     children: h,
     className: b,
     collapsedSize: f = "0px",
-    component: v,
+    component: S,
     easing: $,
-    in: S,
+    in: v,
     onEnter: A,
     onEntered: j,
     onEntering: z,
@@ -128,7 +128,7 @@ const No = (e) => {
     style: m,
     timeout: d = go.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: N = So,
+    TransitionComponent: N = vo,
     ...G
   } = i, E = {
     ...i,
@@ -185,7 +185,7 @@ const No = (e) => {
     d === "auto" && U.start(g.current || 0, n), p && p(V.current, n);
   };
   return /* @__PURE__ */ s.jsx(N, {
-    in: S,
+    in: v,
     onEnter: oo,
     onEntered: co,
     onEntering: eo,
@@ -200,10 +200,10 @@ const No = (e) => {
       ownerState: y,
       ...x
     }) => /* @__PURE__ */ s.jsx(Oo, {
-      as: v,
+      as: S,
       className: L(u.root, b, {
         entered: u.entered,
-        exited: !S && C === "0px" && u.hidden
+        exited: !v && C === "0px" && u.hidden
       }[n]),
       style: {
         [O ? "minWidth" : "minHeight"]: C,
@@ -452,32 +452,32 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     className: h,
     defaultExpanded: b = !1,
     disabled: f = !1,
-    disableGutters: v = !1,
+    disableGutters: S = !1,
     expanded: $,
-    onChange: S,
+    onChange: v,
     square: A = !1,
     slots: j = {},
     slotProps: z = {},
     TransitionComponent: P,
     TransitionProps: W,
     ...k
-  } = i, [c, m] = vo({
+  } = i, [c, m] = So({
     controlled: $,
     default: b,
     name: "Accordion",
     state: "expanded"
   }), d = l.useCallback((eo) => {
-    m(!c), S && S(eo, !c);
-  }, [c, S, m]), [N, ...G] = l.Children.toArray(p), E = l.useMemo(() => ({
+    m(!c), v && v(eo, !c);
+  }, [c, v, m]), [N, ...G] = l.Children.toArray(p), E = l.useMemo(() => ({
     expanded: c,
     disabled: f,
-    disableGutters: v,
+    disableGutters: S,
     toggle: d
-  }), [c, f, v, d]), u = {
+  }), [c, f, S, d]), u = {
     ...i,
     square: A,
     disabled: f,
-    disableGutters: v,
+    disableGutters: S,
     expanded: c
   }, w = $o(u), U = {
     transition: P,
@@ -778,9 +778,9 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     className: h,
     expandIcon: b,
     focusVisibleClassName: f,
-    onClick: v,
+    onClick: S,
     slots: $,
-    slotProps: S,
+    slotProps: v,
     ...A
   } = i, {
     disabled: j = !1,
@@ -788,7 +788,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     expanded: P,
     toggle: W
   } = l.useContext(to), k = (a) => {
-    W && W(a), v && v(a);
+    W && W(a), S && S(a);
   }, c = {
     ...i,
     expanded: P,
@@ -796,7 +796,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     disableGutters: z
   }, m = Ho(c), d = {
     slots: $,
-    slotProps: S
+    slotProps: v
   }, [N, G] = I("root", {
     ref: r,
     shouldForwardComponentProp: !0,
@@ -906,10 +906,9 @@ const ne = ({ title: e, children: t, startIcon: r, defaultExpanded: i = !1 }) =>
     defaultExpanded: i,
     sx: {
       borderRadius: 1,
-      border: "1px solid var(--s-palette-divider) !important",
-      backgroundColor: "background.paper"
+      border: "1px solid var(--s-palette-divider) !important"
     },
-    variant: "elevation",
+    elevation: 0,
     children: [
       /* @__PURE__ */ s.jsx(ao, { expandIcon: /* @__PURE__ */ s.jsx(jo, {}), children: /* @__PURE__ */ s.jsxs(Ro, { direction: "row", spacing: 1, alignItems: "center", children: [
         r && /* @__PURE__ */ s.jsx("span", { children: r }),

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

@@ -4,12 +4,12 @@ import { Modal as A, Box as d, Paper as b, Typography as z, IconButton as m, Sta
 import { motion as h, AnimatePresence as T } from "framer-motion";
 import { C as F } from "../Close--Sf9yZGB.js";
 import { C as $, a as B } from "../ChevronRight-CtkI4XwH.js";
-const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disableVideoControls: n = !1 }) => s.type === "video" ? /* @__PURE__ */ o.jsx(
+const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disableVideoControls: r = !1 }) => s.type === "video" ? /* @__PURE__ */ o.jsx(
   d,
   {
     component: "video",
     onClick: l,
-    controls: !n,
+    controls: !r,
     sx: {
       width: "100%",
       height: "100%",
@@ -39,25 +39,25 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
   isOpen: l,
   onClose: x,
   onItemChange: e,
-  mediaItems: n = [],
+  mediaItems: r = [],
   renderMediaItem: f,
   showNavigation: P = !0,
   showThumbnailDock: E = !0,
   showCounter: S = !0,
   modalSx: C = {}
 }) => {
-  const [v, R] = k({ x: 0, y: 0 }), [D, u] = k(s || null), i = s || D;
+  const [y, R] = k({ x: 0, y: 0 }), [D, u] = k(s || null), i = s || D;
   w(() => {
     s && u(s);
   }, [s]);
-  const p = P && n.length > 1 && i, r = i ? n.findIndex((t) => t.id === i.id) : -1, g = n.length, y = () => {
-    if (p && r > 0) {
-      const t = n[r - 1];
+  const p = P && r.length > 1 && i, n = i ? r.findIndex((t) => t.id === i.id) : -1, g = r.length, v = () => {
+    if (p && n > 0) {
+      const t = r[n - 1];
       e ? e(t) : u(t);
     }
   }, j = () => {
-    if (p && r < g - 1) {
-      const t = n[r + 1];
+    if (p && n < g - 1) {
+      const t = r[n + 1];
       e ? e(t) : u(t);
     }
   };
@@ -66,7 +66,7 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
       if (l)
         switch (a.key) {
           case "ArrowLeft":
-            y();
+            v();
             break;
           case "ArrowRight":
             j();
@@ -77,7 +77,7 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
         }
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [l, r, g, p]), !l || !i ? null : /* @__PURE__ */ o.jsx(
+  }, [l, n, g, p]), !l || !i ? null : /* @__PURE__ */ o.jsx(
     A,
     {
       open: l,
@@ -105,7 +105,6 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
             children: /* @__PURE__ */ o.jsxs(
               b,
               {
-                elevation: 3,
                 sx: {
                   position: "fixed",
                   inset: 0,
@@ -149,7 +148,6 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
                               children: /* @__PURE__ */ o.jsxs(
                                 b,
                                 {
-                                  elevation: 6,
                                   onClick: (t) => t.stopPropagation(),
                                   sx: {
                                     position: "relative",
@@ -219,7 +217,7 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
                         color: "text.primary"
                       },
                       children: [
-                        r + 1,
+                        n + 1,
                         " / ",
                         g
                       ]
@@ -231,9 +229,9 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
                       {
                         "aria-label": "Previous image",
                         onClick: (t) => {
-                          t.stopPropagation(), y();
+                          t.stopPropagation(), v();
                         },
-                        disabled: r === 0,
+                        disabled: n === 0,
                         sx: {
                           position: "absolute",
                           left: { xs: 8, sm: 10, md: 12 },
@@ -254,7 +252,7 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
                         onClick: (t) => {
                           t.stopPropagation(), j();
                         },
-                        disabled: r === g - 1,
+                        disabled: n === g - 1,
                         sx: {
                           position: "absolute",
                           right: { xs: 8, sm: 10, md: 12 },
@@ -274,14 +272,14 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
             )
           }
         ),
-        E && p && n.length > 1 && /* @__PURE__ */ o.jsx(
+        E && p && r.length > 1 && /* @__PURE__ */ o.jsx(
           h.div,
           {
             drag: !0,
             dragMomentum: !1,
             dragElastic: 0.1,
             initial: !1,
-            animate: { x: v.x, y: v.y },
+            animate: { x: y.x, y: y.y },
             onDragEnd: (t, a) => {
               R((c) => ({ x: c.x + a.offset.x, y: c.y + a.offset.y }));
             },
@@ -296,7 +294,6 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
             children: /* @__PURE__ */ o.jsx(
               b,
               {
-                elevation: 8,
                 sx: {
                   position: "relative",
                   borderRadius: 3,
@@ -309,7 +306,7 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
                   px: 1.5,
                   py: 1
                 },
-                children: /* @__PURE__ */ o.jsx(L, { direction: "row", alignItems: "center", spacing: -1.5, children: n.map((t, a) => /* @__PURE__ */ o.jsxs(
+                children: /* @__PURE__ */ o.jsx(L, { direction: "row", alignItems: "center", spacing: -1.5, children: r.map((t, a) => /* @__PURE__ */ o.jsxs(
                   h.div,
                   {
                     onClick: (c) => {
@@ -322,7 +319,7 @@ const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disab
                       borderRadius: 10,
                       overflow: "hidden",
                       flexShrink: 0,
-                      zIndex: i.id === t.id ? 30 : n.length - a,
+                      zIndex: i.id === t.id ? 30 : r.length - a,
                       border: i.id === t.id ? "2px solid" : void 0,
                       borderColor: i.id === t.id ? "divider" : void 0,
                       cursor: "pointer"

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

@@ -199,7 +199,6 @@ const R = ({ item: a, sx: i, onClick: l }) => {
                 children: /* @__PURE__ */ r.jsxs(
                   C,
                   {
-                    elevation: 4,
                     sx: {
                       position: "relative",
                       overflow: "hidden",

package/package.json

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