@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -1,111 +1,110 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as S, useEffect as j } from "react";
-import { Box as s, Modal as M, Paper as y, Typography as k, IconButton as v, Stack as T } from "@mui/material";
-import { motion as x, AnimatePresence as N } from "framer-motion";
-import "../s-lazy-image/index.js";
-import P from "../s-lazy-image/s-lazy-image.js";
-import { C as D } from "../Close-BRlEKA2Q.js";
-import { C as R } from "../ChevronLeft-CBuFk2Fh.js";
-import { C as W } from "../ChevronRight-CnDWPrOm.js";
-const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disableVideoControls: n = !1 }) => o.type === "video" ? /* @__PURE__ */ t.jsx(
-  s,
+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-DOHlPcFK.js";
+import { C as F } from "../ChevronLeft-6gdh4lRt.js";
+import { C as N } from "../ChevronRight-CC3l-wPC.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,
   {
     component: "video",
-    onClick: l,
-    controls: !n,
+    onClick: d,
+    controls: !r,
     sx: {
       width: "100%",
       height: "100%",
-      objectFit: i,
+      objectFit: e,
       bgcolor: "background.paper",
-      ...d
+      ...l
     },
-    children: /* @__PURE__ */ t.jsx("source", { src: o.url, type: "video/mp4" })
+    children: /* @__PURE__ */ i.jsx("source", { src: s.url, type: "video/mp4" })
   }
-) : /* @__PURE__ */ t.jsx(
-  P,
+) : /* @__PURE__ */ i.jsx(
+  T,
   {
-    src: o.url,
-    alt: o.title || "",
-    onClick: l,
+    src: s.url,
+    alt: s.title || "",
+    onClick: d,
     style: {
       width: "100%",
       height: "100%",
-      objectFit: i,
+      objectFit: e,
       backgroundColor: "background.paper",
-      ...d
+      ...l
     }
   }
-), b = ({
-  selectedItem: o,
-  isOpen: l,
-  onClose: d,
-  onItemChange: i,
-  mediaItems: n = [],
-  renderMediaItem: h,
-  showNavigation: C = !0,
-  showThumbnailDock: _ = !0,
-  showCounter: V = !0,
-  modalSx: q = {}
+), $ = ({
+  selectedItem: s,
+  isOpen: d,
+  onClose: l,
+  onItemChange: e,
+  mediaItems: r = [],
+  renderMediaItem: f,
+  showNavigation: z = !0,
+  showThumbnailDock: I = !0,
+  showCounter: S = !0,
+  modalSx: P = {}
 }) => {
-  const [z, u] = S(o || null), a = o || z;
+  const [C, p] = E(s || null), t = s || C;
   j(() => {
-    o && u(o);
-  }, [o]);
-  const p = C && n.length > 1 && a, r = a ? n.findIndex((e) => e.id === a.id) : -1, f = n.length, I = () => {
-    if (p && r > 0) {
-      const e = n[r - 1];
-      i ? i(e) : u(e);
+    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);
     }
-  }, w = () => {
-    if (p && r < f - 1) {
-      const e = n[r + 1];
-      i ? i(e) : u(e);
+  }, y = () => {
+    if (c && n < h - 1) {
+      const o = r[n + 1];
+      e ? e(o) : p(o);
     }
   };
   return j(() => {
-    const e = (c) => {
-      if (l)
-        switch (c.key) {
+    const o = (u) => {
+      if (d)
+        switch (u.key) {
           case "ArrowLeft":
-            I();
+            v();
             break;
           case "ArrowRight":
-            w();
+            y();
             break;
           case "Escape":
-            d();
+            l();
             break;
         }
     };
-    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [l, r, f, p]), !l || !a ? null : /* @__PURE__ */ t.jsx(
-    M,
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [d, n, h, c]), !d || !t ? null : /* @__PURE__ */ i.jsx(
+    R,
     {
-      open: l,
-      onClose: d,
+      open: d,
+      onClose: l,
       sx: {
-        zIndex: (e) => e.zIndex.modal + 100,
-        ...q
+        zIndex: (o) => o.zIndex.modal + 100,
+        ...P
       },
       slotProps: {
         backdrop: {
           sx: {
             backdropFilter: "blur(8px)",
-            zIndex: (e) => e.zIndex.modal + 99
+            zIndex: (o) => o.zIndex.modal + 99
           }
         }
       },
-      children: /* @__PURE__ */ t.jsxs(s, { children: [
-        /* @__PURE__ */ t.jsx(
-          x.div,
+      children: /* @__PURE__ */ i.jsxs(a, { children: [
+        /* @__PURE__ */ i.jsx(
+          b.div,
           {
             initial: { scale: 0.98 },
             animate: { scale: 1 },
             exit: { scale: 0.98 },
             transition: { type: "spring", stiffness: 400, damping: 30 },
-            children: /* @__PURE__ */ t.jsxs(
-              y,
+            children: /* @__PURE__ */ i.jsxs(
+              g,
               {
                 sx: {
                   position: "fixed",
@@ -114,19 +113,19 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                   minHeight: "100vh",
                   borderRadius: 0,
                   overflow: "hidden",
-                  zIndex: (e) => e.zIndex.modal + 101
+                  zIndex: (o) => o.zIndex.modal + 101
                 },
                 children: [
-                  /* @__PURE__ */ t.jsx(
-                    s,
+                  /* @__PURE__ */ i.jsx(
+                    a,
                     {
                       sx: {
                         height: "100%",
                         display: "flex",
                         flexDirection: "column"
                       },
-                      children: /* @__PURE__ */ t.jsx(
-                        s,
+                      children: /* @__PURE__ */ i.jsx(
+                        a,
                         {
                           sx: {
                             flex: 1,
@@ -136,8 +135,8 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                             justifyContent: "center",
                             bgcolor: "background.default"
                           },
-                          children: /* @__PURE__ */ t.jsx(N, { mode: "wait", children: /* @__PURE__ */ t.jsx(
-                            x.div,
+                          children: /* @__PURE__ */ i.jsx(A, { mode: "wait", children: /* @__PURE__ */ i.jsx(
+                            b.div,
                             {
                               style: { position: "relative" },
                               initial: { y: 20, scale: 0.97 },
@@ -147,10 +146,10 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                                 transition: { type: "spring", stiffness: 500, damping: 30, mass: 0.5 }
                               },
                               exit: { y: 20, scale: 0.97, transition: { duration: 0.15 } },
-                              children: /* @__PURE__ */ t.jsxs(
-                                y,
+                              children: /* @__PURE__ */ i.jsxs(
+                                g,
                                 {
-                                  onClick: (e) => e.stopPropagation(),
+                                  onClick: (o) => o.stopPropagation(),
                                   sx: {
                                     position: "relative",
                                     width: "100%",
@@ -161,9 +160,9 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                                     overflow: "hidden"
                                   },
                                   children: [
-                                    h ? h(a) : /* @__PURE__ */ t.jsx(g, { item: a }),
-                                    (a.title || a.desc) && /* @__PURE__ */ t.jsxs(
-                                      s,
+                                    f ? f(t) : /* @__PURE__ */ i.jsx(w, { item: t }),
+                                    (t.title || t.desc) && /* @__PURE__ */ i.jsxs(
+                                      a,
                                       {
                                         sx: {
                                           position: "absolute",
@@ -171,12 +170,12 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                                           right: 0,
                                           bottom: 0,
                                           p: { xs: 1.5, sm: 2, md: 3 },
-                                          background: (e) => `linear-gradient(to top, ${(e.vars || e).palette.background.paper}, transparent)`
+                                          background: (o) => `linear-gradient(to top, ${(o.vars || o).palette.background.paper}, transparent)`
                                         },
-                                        onClick: (e) => e.stopPropagation(),
+                                        onClick: (o) => o.stopPropagation(),
                                         children: [
-                                          a.title && /* @__PURE__ */ t.jsx(k, { variant: "h6", sx: { fontWeight: 600, fontSize: { xs: 14, sm: 18, md: 20 } }, children: a.title }),
-                                          a.desc && /* @__PURE__ */ t.jsx(k, { variant: "body2", sx: { opacity: 0.8, mt: 0.5 }, children: a.desc })
+                                          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 })
                                         ]
                                       }
                                     )
@@ -184,87 +183,87 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                                 }
                               )
                             },
-                            a.id
+                            t.id
                           ) })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx(
-                    v,
+                  /* @__PURE__ */ i.jsx(
+                    m,
                     {
                       "aria-label": "Close",
-                      onClick: d,
+                      onClick: l,
                       sx: {
                         position: "absolute",
                         top: { xs: 8, sm: 10, md: 12 },
                         right: { xs: 8, sm: 10, md: 12 },
-                        zIndex: (e) => e.zIndex.modal + 102
+                        zIndex: (o) => o.zIndex.modal + 102
                       },
-                      children: /* @__PURE__ */ t.jsx(D, {})
+                      children: /* @__PURE__ */ i.jsx(D, {})
                     }
                   ),
-                  V && p && /* @__PURE__ */ t.jsxs(
-                    s,
+                  S && c && /* @__PURE__ */ i.jsxs(
+                    a,
                     {
                       sx: {
                         position: "absolute",
                         top: { xs: 8, sm: 10, md: 12 },
                         left: { xs: 8, sm: 10, md: 12 },
-                        zIndex: (e) => e.zIndex.modal + 102,
+                        zIndex: (o) => o.zIndex.modal + 102,
                         padding: 1,
                         px: 2,
                         fontSize: { xs: 14, sm: 16 },
                         color: "text.primary"
                       },
                       children: [
-                        r + 1,
+                        n + 1,
                         " / ",
-                        f
+                        h
                       ]
                     }
                   ),
-                  p && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                    /* @__PURE__ */ t.jsx(
-                      v,
+                  c && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                    /* @__PURE__ */ i.jsx(
+                      m,
                       {
                         "aria-label": "Previous image",
-                        onClick: (e) => {
-                          e.stopPropagation(), I();
+                        onClick: (o) => {
+                          o.stopPropagation(), v();
                         },
-                        disabled: r === 0,
+                        disabled: n === 0,
                         sx: {
                           position: "absolute",
                           left: { xs: 8, sm: 10, md: 12 },
                           top: "50%",
                           transform: "translateY(-50%)",
-                          zIndex: (e) => e.zIndex.modal + 102,
+                          zIndex: (o) => o.zIndex.modal + 102,
                           "&:disabled": {
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(R, {})
+                        children: /* @__PURE__ */ i.jsx(F, {})
                       }
                     ),
-                    /* @__PURE__ */ t.jsx(
-                      v,
+                    /* @__PURE__ */ i.jsx(
+                      m,
                       {
                         "aria-label": "Next image",
-                        onClick: (e) => {
-                          e.stopPropagation(), w();
+                        onClick: (o) => {
+                          o.stopPropagation(), y();
                         },
-                        disabled: r === f - 1,
+                        disabled: n === h - 1,
                         sx: {
                           position: "absolute",
                           right: { xs: 8, sm: 10, md: 12 },
                           top: "50%",
                           transform: "translateY(-50%)",
-                          zIndex: (e) => e.zIndex.modal + 102,
+                          zIndex: (o) => o.zIndex.modal + 102,
                           "&:disabled": {
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(W, {})
+                        children: /* @__PURE__ */ i.jsx(N, {})
                       }
                     )
                   ] })
@@ -273,8 +272,8 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
             )
           }
         ),
-        _ && p && n.length > 1 && /* @__PURE__ */ t.jsx(
-          s,
+        I && c && r.length > 1 && /* @__PURE__ */ i.jsx(
+          a,
           {
             sx: {
               position: "fixed",
@@ -283,8 +282,8 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
               bottom: 16,
               transform: "translateX(-50%)"
             },
-            children: /* @__PURE__ */ t.jsx(
-              y,
+            children: /* @__PURE__ */ i.jsx(
+              g,
               {
                 sx: {
                   position: "relative",
@@ -296,11 +295,11 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                   px: 1.5,
                   py: 1
                 },
-                children: /* @__PURE__ */ t.jsx(T, { direction: "row", alignItems: "center", spacing: -1.5, children: n.map((e, c) => /* @__PURE__ */ t.jsxs(
-                  x.div,
+                children: /* @__PURE__ */ i.jsx(L, { direction: "row", alignItems: "center", spacing: -1.5, children: r.map((o, u) => /* @__PURE__ */ i.jsxs(
+                  b.div,
                   {
-                    onClick: (m) => {
-                      m.stopPropagation(), i ? i(e) : u(e);
+                    onClick: (x) => {
+                      x.stopPropagation(), e ? e(o) : p(o);
                     },
                     style: {
                       position: "relative",
@@ -309,16 +308,16 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                       borderRadius: 10,
                       overflow: "hidden",
                       flexShrink: 0,
-                      zIndex: a.id === e.id ? 30 : n.length - c,
-                      border: a.id === e.id ? "1px solid" : void 0,
-                      borderColor: a.id === e.id ? "divider" : void 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,
                       cursor: "pointer"
                     },
-                    initial: { rotate: c % 2 === 0 ? -15 : 15 },
+                    initial: { rotate: u % 2 === 0 ? -15 : 15 },
                     animate: {
-                      scale: a.id === e.id ? 1.2 : 1,
-                      rotate: a.id === e.id ? 0 : c % 2 === 0 ? -15 : 15,
-                      y: a.id === e.id ? -8 : 0
+                      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
                     },
                     whileHover: {
                       scale: 1.3,
@@ -327,35 +326,35 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                       transition: { type: "spring", stiffness: 400, damping: 25 }
                     },
                     children: [
-                      h ? h(e, () => {
-                        i ? i(e) : u(e);
-                      }) : /* @__PURE__ */ t.jsx(
-                        g,
+                      f ? f(o, () => {
+                        e ? e(o) : p(o);
+                      }) : /* @__PURE__ */ i.jsx(
+                        w,
                         {
-                          item: e,
+                          item: o,
                           objectFit: "cover",
                           style: {
                             width: "100%",
                             height: "100%",
                             // Disable pointer events for videos in thumbnails to ensure parent click handler works
-                            pointerEvents: e.type === "video" ? "none" : "auto"
+                            pointerEvents: o.type === "video" ? "none" : "auto"
                           },
                           disableVideoControls: !0
                         }
                       ),
-                      /* @__PURE__ */ t.jsx(
-                        s,
+                      /* @__PURE__ */ i.jsx(
+                        a,
                         {
                           sx: {
                             position: "absolute",
                             inset: 0,
-                            background: (m) => `linear-gradient(to bottom, transparent, ${(m.vars || m).palette.action.hover}, ${(m.vars || m).palette.action.selected})`,
+                            background: (x) => `linear-gradient(to bottom, transparent, ${(x.vars || x).palette.action.hover}, ${(x.vars || x).palette.action.selected})`,
                             pointerEvents: "none"
                           }
                         }
                       ),
-                      a.id === e.id && /* @__PURE__ */ t.jsx(
-                        x.div,
+                      t.id === o.id && /* @__PURE__ */ i.jsx(
+                        b.div,
                         {
                           layoutId: "activeGlow",
                           style: {
@@ -371,7 +370,7 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
                       )
                     ]
                   },
-                  e.id
+                  o.id
                 )) })
               }
             )
@@ -381,21 +380,9 @@ const g = ({ item: o, onClick: l, style: d = {}, objectFit: i = "contain", disab
     }
   );
 };
-b.displayName = "SImageModal";
-try {
-  g.displayName = "DefaultMediaItem", g.__docgenInfo = { description: "Default MediaItem renderer for images and videos", displayName: "DefaultMediaItem", props: {} };
-} catch {
-}
-try {
-  b.displayName = "SImageModal", b.__docgenInfo = { description: "A reusable full-screen modal for displaying media items with navigation features.", displayName: "SImageModal", props: { selectedItem: { defaultValue: null, description: "Currently selected media item to display", name: "selectedItem", required: !1, type: { name: "MediaItemType | null" } }, isOpen: { defaultValue: null, description: "Whether the modal is open", name: "isOpen", required: !0, type: { name: "boolean" } }, onClose: { defaultValue: null, description: "Function to close the modal", name: "onClose", required: !0, type: { name: "() => void" } }, onItemChange: { defaultValue: null, description: "Function to change the selected item (for navigation)", name: "onItemChange", required: !1, type: { name: "((item: MediaItemType) => void)" } }, mediaItems: { defaultValue: { value: "[]" }, description: "Array of all media items for navigation (optional - if provided, enables prev/next navigation)", name: "mediaItems", required: !1, type: { name: "MediaItemType[]" } }, renderMediaItem: { defaultValue: null, description: "Custom component to render media items", name: "renderMediaItem", required: !1, type: { name: "((item: MediaItemType, onClick?: (() => void)) => ReactNode)" } }, showNavigation: { defaultValue: { value: "true" }, description: "Whether to show navigation arrows", name: "showNavigation", required: !1, type: { name: "boolean" } }, showThumbnailDock: { defaultValue: { value: "true" }, description: "Whether to show the thumbnail dock", name: "showThumbnailDock", required: !1, type: { name: "boolean" } }, showCounter: { defaultValue: { value: "true" }, description: "Whether to show the item counter", name: "showCounter", required: !1, type: { name: "boolean" } }, modalSx: { defaultValue: { value: "{}" }, description: "Custom modal styling", name: "modalSx", required: !1, type: { name: "SxProps<Theme>" } } } };
-} catch {
-}
-try {
-  simagemodal.displayName = "simagemodal", simagemodal.__docgenInfo = { description: "A reusable full-screen modal for displaying media items with navigation features.", displayName: "simagemodal", props: { selectedItem: { defaultValue: null, description: "Currently selected media item to display", name: "selectedItem", required: !1, type: { name: "MediaItemType | null" } }, isOpen: { defaultValue: null, description: "Whether the modal is open", name: "isOpen", required: !0, type: { name: "boolean" } }, onClose: { defaultValue: null, description: "Function to close the modal", name: "onClose", required: !0, type: { name: "() => void" } }, onItemChange: { defaultValue: null, description: "Function to change the selected item (for navigation)", name: "onItemChange", required: !1, type: { name: "((item: MediaItemType) => void)" } }, mediaItems: { defaultValue: { value: "[]" }, description: "Array of all media items for navigation (optional - if provided, enables prev/next navigation)", name: "mediaItems", required: !1, type: { name: "MediaItemType[]" } }, renderMediaItem: { defaultValue: null, description: "Custom component to render media items", name: "renderMediaItem", required: !1, type: { name: "((item: MediaItemType, onClick?: (() => void)) => ReactNode)" } }, showNavigation: { defaultValue: { value: "true" }, description: "Whether to show navigation arrows", name: "showNavigation", required: !1, type: { name: "boolean" } }, showThumbnailDock: { defaultValue: { value: "true" }, description: "Whether to show the thumbnail dock", name: "showThumbnailDock", required: !1, type: { name: "boolean" } }, showCounter: { defaultValue: { value: "true" }, description: "Whether to show the item counter", name: "showCounter", required: !1, type: { name: "boolean" } }, modalSx: { defaultValue: { value: "{}" }, description: "Custom modal styling", name: "modalSx", required: !1, type: { name: "SxProps<Theme>" } } } };
-} catch {
-}
+$.displayName = "SImageModal";
 export {
-  g as DefaultMediaItem,
-  b as SImageModal,
-  b as default
+  w as DefaultMediaItem,
+  $ as SImageModal,
+  $ as default
 };

package/dist/s-item-not-found/s-item-not-found.js

@@ -1,8 +1,7 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { useColorScheme as d, Box as n, Typography as p, SvgIcon as o } from "@mui/material";
-import "../s-lazy-image/index.js";
-import h from "../s-lazy-image/s-lazy-image.js";
-const m = () => /* @__PURE__ */ t.jsx(o, { sx: { height: "fit-content", width: "fit-content", maxWidth: 220, maxHeight: 220 }, children: /* @__PURE__ */ t.jsxs("svg", { width: "439", height: "326", viewBox: "0 0 439 326", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { useColorScheme as l, Box as d, Typography as k, SvgIcon as i } from "@mui/material";
+import n from "../s-lazy-image/s-lazy-image.js";
+const x = () => /* @__PURE__ */ t.jsx(i, { sx: { height: "fit-content", width: "fit-content", maxWidth: 220, maxHeight: 220 }, children: /* @__PURE__ */ t.jsxs("svg", { width: "439", height: "326", viewBox: "0 0 439 326", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t.jsxs("g", { clipPath: "url(#clip0_1173_4088)", children: [
     /* @__PURE__ */ t.jsx(
       "path",
@@ -126,7 +125,7 @@ const m = () => /* @__PURE__ */ t.jsx(o, { sx: { height: "fit-content", width: "
     )
   ] }),
   /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_1173_4088", children: /* @__PURE__ */ t.jsx("rect", { width: "439", height: "326", fill: "white" }) }) })
-] }) }), c = () => /* @__PURE__ */ t.jsx(o, { sx: { height: "fit-content", width: "fit-content", maxWidth: 220, maxHeight: 220 }, children: /* @__PURE__ */ t.jsxs("svg", { width: "439", height: "326", viewBox: "0 0 439 326", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }) }), a = () => /* @__PURE__ */ t.jsx(i, { sx: { height: "fit-content", width: "fit-content", maxWidth: 220, maxHeight: 220 }, children: /* @__PURE__ */ t.jsxs("svg", { width: "439", height: "326", viewBox: "0 0 439 326", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t.jsxs("g", { clipPath: "url(#clip0_595_6559)", children: [
     /* @__PURE__ */ t.jsx(
       "path",
@@ -250,23 +249,15 @@ const m = () => /* @__PURE__ */ t.jsx(o, { sx: { height: "fit-content", width: "
     )
   ] }),
   /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_595_6559", children: /* @__PURE__ */ t.jsx("rect", { width: "439", height: "326", fill: "white" }) }) })
-] }) }), i = ({ message: e, image: s, boxProps: r, lazyImageProps: C }) => {
-  const { mode: a } = d(), l = a === "light" ? /* @__PURE__ */ t.jsx(m, {}) : /* @__PURE__ */ t.jsx(c, {});
-  return /* @__PURE__ */ t.jsxs(n, { display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column", ...r, children: [
-    s ? /* @__PURE__ */ t.jsx(h, { src: s, width: 220, height: 220, ...C }) : l,
-    /* @__PURE__ */ t.jsx(p, { variant: "h6", color: "text.disabled", children: e })
+] }) }), p = ({ message: e, image: C, boxProps: s, lazyImageProps: r }) => {
+  const { mode: o } = l(), h = o === "light" ? /* @__PURE__ */ t.jsx(x, {}) : /* @__PURE__ */ t.jsx(a, {});
+  return /* @__PURE__ */ t.jsxs(d, { display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column", ...s, children: [
+    C ? /* @__PURE__ */ t.jsx(n, { src: C, width: 220, height: 220, ...r }) : h,
+    /* @__PURE__ */ t.jsx(k, { variant: "h6", color: "text.disabled", children: e })
   ] });
 };
-i.displayName = "SItemNotFound";
-try {
-  i.displayName = "SItemNotFound", i.__docgenInfo = { description: "A flexible empty state component that displays a custom message with an accompanying image.", displayName: "SItemNotFound", props: { message: { defaultValue: null, description: "The message text to display below the image", name: "message", required: !0, type: { name: "string" } }, image: { defaultValue: null, description: "Path to the image to display (optional, uses theme-aware default if not provided)", name: "image", required: !1, type: { name: "string" } }, boxProps: { defaultValue: null, description: "Additional props to pass to the root Box container", name: "boxProps", required: !1, type: { name: "BoxProps" } }, lazyImageProps: { defaultValue: null, description: "Props to pass to the SLazyImage component for advanced image configuration", name: "lazyImageProps", required: !1, type: { name: 'Omit<SLazyImageProps, "src">' } } } };
-} catch {
-}
-try {
-  sitemnotfound.displayName = "sitemnotfound", sitemnotfound.__docgenInfo = { description: "A flexible empty state component that displays a custom message with an accompanying image.", displayName: "sitemnotfound", props: { message: { defaultValue: null, description: "The message text to display below the image", name: "message", required: !0, type: { name: "string" } }, image: { defaultValue: null, description: "Path to the image to display (optional, uses theme-aware default if not provided)", name: "image", required: !1, type: { name: "string" } }, boxProps: { defaultValue: null, description: "Additional props to pass to the root Box container", name: "boxProps", required: !1, type: { name: "BoxProps" } }, lazyImageProps: { defaultValue: null, description: "Props to pass to the SLazyImage component for advanced image configuration", name: "lazyImageProps", required: !1, type: { name: 'Omit<SLazyImageProps, "src">' } } } };
-} catch {
-}
+p.displayName = "SItemNotFound";
 export {
-  i as SItemNotFound,
-  i as default
+  p as SItemNotFound,
+  p as default
 };

package/dist/s-label/s-label.js

@@ -1,25 +1,17 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { c as r } from "../createSvgIcon-DxwgGAVe.js";
-import { Stack as a, Box as s, Tooltip as d } from "@mui/material";
-const c = r(/* @__PURE__ */ e.jsx("path", {
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import { c as s } from "../createSvgIcon-BKymXuBG.js";
+import { Stack as o, Box as c, Tooltip as l } from "@mui/material";
+const a = s(/* @__PURE__ */ e.jsx("path", {
   d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
-}), "HelpOutlineOutlined"), l = ({ label: t, children: o, hint: n, sx: i }) => /* @__PURE__ */ e.jsxs(a, { width: "100%", sx: i, children: [
-  /* @__PURE__ */ e.jsxs(a, { direction: "row", alignItems: "center", mb: 1, children: [
-    /* @__PURE__ */ e.jsx(s, { sx: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.57, color: "text.secondary" }, children: t }),
-    n ? /* @__PURE__ */ e.jsx(d, { title: n, placement: "top", children: /* @__PURE__ */ e.jsx(c, { sx: { marginLeft: "4px", fontSize: 16, color: "text.secondary" } }) }) : null
+}), "HelpOutlineOutlined"), m = ({ label: n, children: i, hint: t, sx: r }) => /* @__PURE__ */ e.jsxs(o, { width: "100%", sx: r, children: [
+  /* @__PURE__ */ e.jsxs(o, { direction: "row", alignItems: "center", mb: 1, children: [
+    /* @__PURE__ */ e.jsx(c, { sx: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.57, color: "text.secondary" }, children: n }),
+    t ? /* @__PURE__ */ e.jsx(l, { title: t, placement: "top", children: /* @__PURE__ */ e.jsx(a, { sx: { marginLeft: "4px", fontSize: 16, color: "text.secondary" } }) }) : null
   ] }),
-  o
+  i
 ] });
-l.displayName = "SLabel";
-try {
-  l.displayName = "SLabel", l.__docgenInfo = { description: "An enhanced label component that provides structured labeling with optional hints and tooltips.", displayName: "SLabel", props: { label: { defaultValue: null, description: "Main label text or element to display prominently", name: "label", required: !1, type: { name: "ReactNode" } }, children: { defaultValue: null, description: "Child elements to render below the label, typically form controls", name: "children", required: !1, type: { name: "ReactNode" } }, hint: { defaultValue: null, description: "Tooltip hint text shown on hover of the help icon", name: "hint", required: !1, type: { name: "string" } }, sx: { defaultValue: null, description: "Custom styles using Material-UI sx prop for layout customization", name: "sx", required: !1, type: { name: "SxProps<Theme>" } } } };
-} catch {
-}
-try {
-  slabel.displayName = "slabel", slabel.__docgenInfo = { description: "An enhanced label component that provides structured labeling with optional hints and tooltips.", displayName: "slabel", props: { label: { defaultValue: null, description: "Main label text or element to display prominently", name: "label", required: !1, type: { name: "ReactNode" } }, children: { defaultValue: null, description: "Child elements to render below the label, typically form controls", name: "children", required: !1, type: { name: "ReactNode" } }, hint: { defaultValue: null, description: "Tooltip hint text shown on hover of the help icon", name: "hint", required: !1, type: { name: "string" } }, sx: { defaultValue: null, description: "Custom styles using Material-UI sx prop for layout customization", name: "sx", required: !1, type: { name: "SxProps<Theme>" } } } };
-} catch {
-}
+m.displayName = "SLabel";
 export {
-  l as SLabel,
-  l as default
+  m as SLabel,
+  m as default
 };