@solostylist/ui-kit 1.0.171 → 1.0.173

package/dist/s-chat-input/s-chat-input.js

@@ -1,6 +1,6 @@
 import { j as r } from "../jsx-runtime-OVHDjVDe.js";
 import { forwardRef as A, useState as c, useRef as L, useId as O, useEffect as D } from "react";
-import { Box as a, outlinedInputClasses as K, Typography as I, Popper as B, ClickAwayListener as N } from "@mui/material";
+import { Box as i, outlinedInputClasses as K, Typography as I, Popper as B, ClickAwayListener as N } from "@mui/material";
 import W from "emoji-picker-react";
 import { SFileIcon as H } from "../s-file-icon/s-file-icon.js";
 import { SIconButton as p } from "../s-icon-button/s-icon-button.js";
@@ -13,14 +13,14 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
 }), "AttachFile"), Y = S(/* @__PURE__ */ r.jsx("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5"
 }), "EmojiEmotions"), j = A(
-  ({ onSubmit: l, onFileSelect: u, disabled: i, acceptedFileTypes: E, maxFileSize: v, ...z }, _) => {
+  ({ onSubmit: l, onFileSelect: u, disabled: a, acceptedFileTypes: E, maxFileSize: v, ...z }, _) => {
     const [m, f] = c(""), [d, h] = c([]), [s, b] = c(/* @__PURE__ */ new Map()), [k, x] = c(!1), C = L(null), w = O(), g = (e) => e.type.startsWith("image/"), V = (e) => {
       const t = `${e.name}-${e.size}-${e.lastModified}`;
       if (s.has(t))
         return s.get(t);
       if (g(e)) {
-        const o = URL.createObjectURL(e);
-        return b((n) => new Map(n).set(t, o)), o;
+        const n = URL.createObjectURL(e);
+        return b((o) => new Map(o).set(t, n)), n;
       }
       return "";
     }, M = (e) => {
@@ -30,31 +30,31 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
     }, $ = () => {
       x(!k);
     }, F = () => {
-      i || m.trim().length === 0 && d.length === 0 || (l == null || l(m, d), f(""), s.forEach((e) => URL.revokeObjectURL(e)), b(/* @__PURE__ */ new Map()), h([]));
+      a || m.trim().length === 0 && d.length === 0 || (l == null || l(m, d), f(""), s.forEach((e) => URL.revokeObjectURL(e)), b(/* @__PURE__ */ new Map()), h([]));
     }, q = (e) => {
-      const o = Array.from(e.target.files || []).filter((n) => !(v && n.size > v));
-      h((n) => [...n, ...o]), u == null || u(o), e.target.value = "";
+      const n = Array.from(e.target.files || []).filter((o) => !(v && o.size > v));
+      h((o) => [...o, ...n]), u == null || u(n), e.target.value = "";
     }, P = (e) => {
       const t = d[e];
       if (t && g(t)) {
-        const o = `${t.name}-${t.size}-${t.lastModified}`, n = s.get(o);
-        n && (URL.revokeObjectURL(n), b((y) => {
+        const n = `${t.name}-${t.size}-${t.lastModified}`, o = s.get(n);
+        o && (URL.revokeObjectURL(o), b((y) => {
           const R = new Map(y);
-          return R.delete(o), R;
+          return R.delete(n), R;
         }));
       }
-      h((o) => o.filter((n, y) => y !== e));
+      h((n) => n.filter((o, y) => y !== e));
     }, T = (e) => {
       e.key === "Enter" && !e.shiftKey && (e.preventDefault(), F());
     };
     return D(() => () => {
       s.forEach((e) => URL.revokeObjectURL(e));
-    }, [s]), /* @__PURE__ */ r.jsxs(a, { border: "1px solid", borderColor: "divider", borderRadius: 2, padding: "8px 12px", children: [
+    }, [s]), /* @__PURE__ */ r.jsxs(i, { border: "1px solid", borderColor: "divider", borderRadius: 2, padding: "8px 12px", children: [
       /* @__PURE__ */ r.jsx(
         G,
         {
           placeholder: "Enter your message here...",
-          disabled: i,
+          disabled: a,
           value: m,
           onChange: M,
           onKeyDown: T,
@@ -90,10 +90,10 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
           ...z
         }
       ),
-      d.length > 0 && /* @__PURE__ */ r.jsx(a, { mt: 1, children: d.map((e, t) => {
-        const o = g(e), n = e.name.split(".").pop();
+      d.length > 0 && /* @__PURE__ */ r.jsx(i, { mt: 1, children: d.map((e, t) => {
+        const n = g(e), o = e.name.split(".").pop();
         return /* @__PURE__ */ r.jsxs(
-          a,
+          i,
           {
             display: "flex",
             alignItems: "center",
@@ -107,9 +107,9 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
               mb: 0.5
             },
             children: [
-              /* @__PURE__ */ r.jsxs(a, { display: "flex", alignItems: "center", gap: 1, children: [
-                o ? /* @__PURE__ */ r.jsx(
-                  a,
+              /* @__PURE__ */ r.jsxs(i, { display: "flex", alignItems: "center", gap: 1, children: [
+                n ? /* @__PURE__ */ r.jsx(
+                  i,
                   {
                     component: "img",
                     src: V(e),
@@ -123,10 +123,10 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
                       borderColor: "divider"
                     }
                   }
-                ) : /* @__PURE__ */ r.jsx(H, { extension: n }),
-                /* @__PURE__ */ r.jsxs(a, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: [
+                ) : /* @__PURE__ */ r.jsx(H, { extension: o }),
+                /* @__PURE__ */ r.jsxs(i, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: [
                   /* @__PURE__ */ r.jsx(I, { variant: "subtitle2", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: e.name }),
-                  /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs(I, { variant: "caption", color: "text.secondary", children: [
+                  /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs(I, { variant: "caption", children: [
                     "(",
                     Math.round(e.size / 1024),
                     " KB)"
@@ -139,8 +139,8 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
           `${e.name}-${t}`
         );
       }) }),
-      /* @__PURE__ */ r.jsxs(a, { display: "flex", justifyContent: "space-between", alignItems: "center", mt: 1, children: [
-        /* @__PURE__ */ r.jsxs(a, { display: "flex", gap: 1, children: [
+      /* @__PURE__ */ r.jsxs(i, { display: "flex", justifyContent: "space-between", alignItems: "center", mt: 1, children: [
+        /* @__PURE__ */ r.jsxs(i, { display: "flex", gap: 1, children: [
           /* @__PURE__ */ r.jsx(
             "input",
             {
@@ -150,14 +150,14 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
               onChange: q,
               style: { display: "none" },
               id: `file-attachment-input-${w}`,
-              disabled: i
+              disabled: a
             }
           ),
           /* @__PURE__ */ r.jsx("label", { htmlFor: `file-attachment-input-${w}`, children: /* @__PURE__ */ r.jsx(
             p,
             {
               component: "span",
-              disabled: i,
+              disabled: a,
               size: "small",
               sx: {
                 transition: "transform 0.3s ease",
@@ -173,7 +173,7 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
             {
               ref: C,
               onClick: $,
-              disabled: i,
+              disabled: a,
               size: "small",
               sx: {
                 transition: "transform 0.3s ease",
@@ -189,7 +189,7 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
           p,
           {
             onClick: F,
-            disabled: i,
+            disabled: a,
             size: "small",
             sx: {
               transition: "transform 0.3s ease",
@@ -202,7 +202,7 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
         )
       ] }),
       /* @__PURE__ */ r.jsx(B, { open: k, anchorEl: C.current, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(N, { onClickAway: () => x(!1), children: /* @__PURE__ */ r.jsx(
-        a,
+        i,
         {
           sx: {
             border: "1px solid",
@@ -309,11 +309,11 @@ const X = S(/* @__PURE__ */ r.jsx("path", {
 );
 j.displayName = "SChatInput";
 try {
-  j.displayName = "SChatInput", j.__docgenInfo = { description: "A chat input component with file attachment support, emoji picker, and multiline text input.", displayName: "SChatInput", props: { onSubmit: { defaultValue: null, description: "Callback function called when message is submitted with Enter key or submit button", name: "onSubmit", required: !1, type: { name: "((value: string, files?: File[]) => void)" } }, disabled: { defaultValue: null, description: "Disable the input and submission", name: "disabled", required: !1, type: { name: "boolean" } }, onFileSelect: { defaultValue: null, description: "Optional callback function called when files are selected", name: "onFileSelect", required: !1, type: { name: "((files: File[]) => void)" } }, acceptedFileTypes: { defaultValue: null, description: 'File types accepted for upload (e.g., "image/*,.pdf,.doc")', name: "acceptedFileTypes", required: !1, type: { name: "string" } }, maxFileSize: { defaultValue: null, description: "Maximum file size in bytes for uploaded files", name: "maxFileSize", required: !1, type: { name: "number" } } } };
+  j.displayName = "SChatInput", j.__docgenInfo = { description: "A chat input component with file attachment support, emoji picker, and multiline text input.", displayName: "SChatInput", props: { disabled: { defaultValue: null, description: "Disable the input and submission", name: "disabled", required: !1, type: { name: "boolean" } }, onSubmit: { defaultValue: null, description: "Callback function called when message is submitted with Enter key or submit button", name: "onSubmit", required: !1, type: { name: "((value: string, files?: File[]) => void)" } }, onFileSelect: { defaultValue: null, description: "Optional callback function called when files are selected", name: "onFileSelect", required: !1, type: { name: "((files: File[]) => void)" } }, acceptedFileTypes: { defaultValue: null, description: 'File types accepted for upload (e.g., "image/*,.pdf,.doc")', name: "acceptedFileTypes", required: !1, type: { name: "string" } }, maxFileSize: { defaultValue: null, description: "Maximum file size in bytes for uploaded files", name: "maxFileSize", required: !1, type: { name: "number" } } } };
 } catch {
 }
 try {
-  schatinput.displayName = "schatinput", schatinput.__docgenInfo = { description: "A chat input component with file attachment support, emoji picker, and multiline text input.", displayName: "schatinput", props: { onSubmit: { defaultValue: null, description: "Callback function called when message is submitted with Enter key or submit button", name: "onSubmit", required: !1, type: { name: "((value: string, files?: File[]) => void)" } }, disabled: { defaultValue: null, description: "Disable the input and submission", name: "disabled", required: !1, type: { name: "boolean" } }, onFileSelect: { defaultValue: null, description: "Optional callback function called when files are selected", name: "onFileSelect", required: !1, type: { name: "((files: File[]) => void)" } }, acceptedFileTypes: { defaultValue: null, description: 'File types accepted for upload (e.g., "image/*,.pdf,.doc")', name: "acceptedFileTypes", required: !1, type: { name: "string" } }, maxFileSize: { defaultValue: null, description: "Maximum file size in bytes for uploaded files", name: "maxFileSize", required: !1, type: { name: "number" } } } };
+  schatinput.displayName = "schatinput", schatinput.__docgenInfo = { description: "A chat input component with file attachment support, emoji picker, and multiline text input.", displayName: "schatinput", props: { disabled: { defaultValue: null, description: "Disable the input and submission", name: "disabled", required: !1, type: { name: "boolean" } }, onSubmit: { defaultValue: null, description: "Callback function called when message is submitted with Enter key or submit button", name: "onSubmit", required: !1, type: { name: "((value: string, files?: File[]) => void)" } }, onFileSelect: { defaultValue: null, description: "Optional callback function called when files are selected", name: "onFileSelect", required: !1, type: { name: "((files: File[]) => void)" } }, acceptedFileTypes: { defaultValue: null, description: 'File types accepted for upload (e.g., "image/*,.pdf,.doc")', name: "acceptedFileTypes", required: !1, type: { name: "string" } }, maxFileSize: { defaultValue: null, description: "Maximum file size in bytes for uploaded files", name: "maxFileSize", required: !1, type: { name: "number" } } } };
 } catch {
 }
 export {

package/dist/s-chat-message/s-chat-message.js

@@ -1,6 +1,6 @@
 import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as z } from "react";
-import { Box as s, Typography as n, Paper as L, IconButton as M } from "@mui/material";
+import { useState as M } from "react";
+import { Box as s, Typography as n, Paper as L, IconButton as z } from "@mui/material";
 import { SAvatar as W } from "../s-avatar/s-avatar.js";
 import { SImageModal as E } from "../s-image-modal/s-image-modal.js";
 import "../s-lazy-image/index.js";
@@ -33,7 +33,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
   sx: C,
   ...q
 }) => {
-  const [c, S] = z(null), [D, k] = z(!1), t = A === "sent", R = (a) => (typeof a == "string" ? new Date(a) : a).toLocaleTimeString("en-US", {
+  const [c, k] = M(null), [D, S] = M(!1), t = A === "sent", R = (a) => (typeof a == "string" ? new Date(a) : a).toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0
@@ -42,7 +42,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
     const u = ["Bytes", "KB", "MB", "GB"], f = Math.floor(Math.log(a) / Math.log(1024));
     return Math.round(a / Math.pow(1024, f) * 100) / 100 + " " + u[f];
   }, N = (a) => {
-    d ? d(a) : (S(a), k(!0));
+    d ? d(a) : (k(a), S(!0));
   }, B = (a) => {
     d ? d(a) : m && m(a);
   }, p = g.filter((a) => a.type === "image"), I = g.filter((a) => a.type === "file");
@@ -121,19 +121,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
             gap: 0.5,
             sx: { minWidth: 0 },
             children: [
-              r && !t && /* @__PURE__ */ e.jsx(
-                n,
-                {
-                  variant: "caption",
-                  sx: {
-                    color: "text.secondary",
-                    fontSize: "0.75rem",
-                    fontWeight: 500,
-                    ml: 0.5
-                  },
-                  children: r
-                }
-              ),
+              r && !t && /* @__PURE__ */ e.jsx(n, { children: r }),
               /* @__PURE__ */ e.jsxs(
                 s,
                 {
@@ -224,19 +212,10 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                                 children: a.name || "Unnamed File"
                               }
                             ),
-                            a.size && /* @__PURE__ */ e.jsx(
-                              n,
-                              {
-                                variant: "caption",
-                                sx: {
-                                  fontSize: "0.75rem"
-                                },
-                                children: F(a.size)
-                              }
-                            )
+                            a.size && /* @__PURE__ */ e.jsx(n, { variant: "caption", children: F(a.size) })
                           ] }),
                           m && /* @__PURE__ */ e.jsx(
-                            M,
+                            z,
                             {
                               size: "small",
                               onClick: (f) => {
@@ -264,47 +243,12 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                   ]
                 }
               ),
-              b && y && /* @__PURE__ */ e.jsx(
-                n,
-                {
-                  variant: "caption",
-                  sx: {
-                    color: "text.secondary",
-                    fontSize: "0.7rem",
-                    ml: t ? 0 : 0.5,
-                    mr: t ? 0.5 : 0
-                  },
-                  children: R(y)
-                }
-              ),
-              h && /* @__PURE__ */ e.jsxs(
-                s,
-                {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: 0.5,
-                  sx: {
-                    color: "error.main",
-                    ml: t ? 0 : 0.5,
-                    mr: t ? 0.5 : 0
-                  },
-                  children: [
-                    /* @__PURE__ */ e.jsx(P, { sx: { fontSize: "1rem" } }),
-                    /* @__PURE__ */ e.jsx(
-                      n,
-                      {
-                        variant: "caption",
-                        sx: {
-                          fontSize: "0.875rem",
-                          fontWeight: 500
-                        },
-                        children: T
-                      }
-                    ),
-                    V && /* @__PURE__ */ e.jsx(M, { size: "small", onClick: V, children: /* @__PURE__ */ e.jsx(H, {}) })
-                  ]
-                }
-              )
+              b && y && /* @__PURE__ */ e.jsx(n, { variant: "caption", children: R(y) }),
+              h && /* @__PURE__ */ e.jsxs(s, { display: "flex", alignItems: "center", gap: 0.5, color: "error.main", children: [
+                /* @__PURE__ */ e.jsx(P, { sx: { fontSize: "1rem" } }),
+                /* @__PURE__ */ e.jsx(n, { color: "inherit", children: T }),
+                V && /* @__PURE__ */ e.jsx(z, { size: "small", onClick: V, children: /* @__PURE__ */ e.jsx(H, {}) })
+              ] })
             ]
           }
         ),
@@ -314,7 +258,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
           {
             isOpen: D,
             onClose: () => {
-              k(!1), S(null);
+              S(!1), k(null);
             },
             selectedItem: {
               id: c.id,

package/dist/s-comment-message/s-comment-message.js

@@ -13,13 +13,13 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
 }), "FavoriteBorder"), Q = C(/* @__PURE__ */ e.jsx("path", {
   d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11"
 }), "Reply"), X = (a) => {
-  const u = /* @__PURE__ */ new Date(), g = typeof a == "string" ? new Date(a) : a, y = u.getTime() - g.getTime(), p = Math.floor(y / 1e3), i = Math.floor(p / 60), s = Math.floor(i / 60), n = Math.floor(s / 24), c = Math.floor(n / 7), r = Math.floor(n / 30), o = Math.floor(n / 365);
+  const u = /* @__PURE__ */ new Date(), g = typeof a == "string" ? new Date(a) : a, v = u.getTime() - g.getTime(), p = Math.floor(v / 1e3), i = Math.floor(p / 60), s = Math.floor(i / 60), n = Math.floor(s / 24), c = Math.floor(n / 7), r = Math.floor(n / 30), o = Math.floor(n / 365);
   return p < 60 ? "just now" : i < 60 ? i === 1 ? "1 minute ago" : `${i} minutes ago` : s < 24 ? s === 1 ? "1 hour ago" : `${s} hours ago` : n < 7 ? n === 1 ? "1 day ago" : `${n} days ago` : c < 4 ? c === 1 ? "1 week ago" : `${c} weeks ago` : r < 12 ? r === 1 ? "1 month ago" : `${r} months ago` : o === 1 ? "1 year ago" : `${o} years ago`;
 }, x = ({
   id: a = Date.now(),
   userName: u,
   userAvatar: g,
-  commentContent: y,
+  commentContent: v,
   datetime: p,
   likes: i = 0,
   isLiked: s = !1,
@@ -28,7 +28,7 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
   onLike: r,
   onReply: o,
   onToggleReplies: q,
-  showReplies: v = !0,
+  showReplies: y = !0,
   avatarSize: f = 48,
   level: S = 0,
   maxLevel: V = 3,
@@ -70,9 +70,9 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
       /* @__PURE__ */ e.jsxs(d, { sx: { flex: 1 }, children: [
         /* @__PURE__ */ e.jsxs(m, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
           /* @__PURE__ */ e.jsx(h, { variant: "subtitle2", fontWeight: "600", children: u }),
-          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { variant: "caption", color: "text.secondary", children: F }) })
+          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { variant: "caption", children: F }) })
         ] }),
-        /* @__PURE__ */ e.jsx(h, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: y }),
+        /* @__PURE__ */ e.jsx(h, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: v }),
         /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 1, alignItems: "center", children: [
           /* @__PURE__ */ e.jsx(
             U,
@@ -85,9 +85,9 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
               children: w ? /* @__PURE__ */ e.jsx(G, { fontSize: "small" }) : /* @__PURE__ */ e.jsx(O, { fontSize: "small" })
             }
           ),
-          z > 0 && /* @__PURE__ */ e.jsx(h, { variant: "caption", color: "text.secondary", children: z }),
+          z > 0 && /* @__PURE__ */ e.jsx(h, { variant: "caption", children: z }),
           /* @__PURE__ */ e.jsx(N, { size: "small", startIcon: /* @__PURE__ */ e.jsx(Q, { fontSize: "small" }), onClick: B, variant: "text", children: "Reply" }),
-          D && v && /* @__PURE__ */ e.jsxs(
+          D && y && /* @__PURE__ */ e.jsxs(
             N,
             {
               size: "small",
@@ -105,7 +105,7 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
         L && /* @__PURE__ */ e.jsx(d, { sx: { mt: 2 }, children: L })
       ] })
     ] }),
-    D && v && /* @__PURE__ */ e.jsx(H, { in: I, children: /* @__PURE__ */ e.jsx(d, { sx: { mt: 2 }, children: n.map((l, P) => /* @__PURE__ */ e.jsx(
+    D && y && /* @__PURE__ */ e.jsx(H, { in: I, children: /* @__PURE__ */ e.jsx(d, { sx: { mt: 2 }, children: n.map((l, P) => /* @__PURE__ */ e.jsx(
       x,
       {
         ...l,
@@ -113,7 +113,7 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
         maxLevel: V,
         onLike: r,
         onReply: o,
-        showReplies: v,
+        showReplies: y,
         avatarSize: Math.max(32, f - 8)
       },
       l.id || `reply-${P}`

package/dist/s-countdown/s-count-box.js

@@ -99,11 +99,11 @@ const r = ({
 };
 r.displayName = "SCountBox";
 try {
-  r.displayName = "SCountBox", r.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "SCountBox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
+  r.displayName = "SCountBox", r.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "SCountBox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }, { value: '"inherit"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
 } catch {
 }
 try {
-  scountbox.displayName = "scountbox", scountbox.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "scountbox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
+  scountbox.displayName = "scountbox", scountbox.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "scountbox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }, { value: '"inherit"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
 } catch {
 }
 export {

package/dist/s-countdown/s-count-down.js

@@ -150,7 +150,7 @@ const p = ({
 };
 p.displayName = "SCountdown";
 try {
-  p.displayName = "SCountdown", p.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "SCountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, layout: { defaultValue: { value: "horizontal" }, description: "Layout orientation", name: "layout", required: !1, type: { name: "enum", value: [{ value: '"grid"' }, { value: '"horizontal"' }, { value: '"vertical"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, showSeparators: { defaultValue: { value: "false" }, description: "Whether to show separators between units", name: "showSeparators", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, units: { defaultValue: { value: `{
+  p.displayName = "SCountdown", p.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "SCountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }, { value: '"inherit"' }] } }, layout: { defaultValue: { value: "horizontal" }, description: "Layout orientation", name: "layout", required: !1, type: { name: "enum", value: [{ value: '"grid"' }, { value: '"horizontal"' }, { value: '"vertical"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, showSeparators: { defaultValue: { value: "false" }, description: "Whether to show separators between units", name: "showSeparators", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, units: { defaultValue: { value: `{
     days: true,
     hours: true,
     minutes: true,
@@ -164,7 +164,7 @@ try {
 } catch {
 }
 try {
-  scountdown.displayName = "scountdown", scountdown.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "scountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, layout: { defaultValue: { value: "horizontal" }, description: "Layout orientation", name: "layout", required: !1, type: { name: "enum", value: [{ value: '"grid"' }, { value: '"horizontal"' }, { value: '"vertical"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, showSeparators: { defaultValue: { value: "false" }, description: "Whether to show separators between units", name: "showSeparators", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, units: { defaultValue: { value: `{
+  scountdown.displayName = "scountdown", scountdown.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "scountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }, { value: '"inherit"' }] } }, layout: { defaultValue: { value: "horizontal" }, description: "Layout orientation", name: "layout", required: !1, type: { name: "enum", value: [{ value: '"grid"' }, { value: '"horizontal"' }, { value: '"vertical"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, showSeparators: { defaultValue: { value: "false" }, description: "Whether to show separators between units", name: "showSeparators", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, units: { defaultValue: { value: `{
     days: true,
     hours: true,
     minutes: true,

package/dist/s-error-layout/s-error-layout.js

@@ -52,11 +52,11 @@ const n = ({
 );
 n.displayName = "SErrorLayout";
 try {
-  n.displayName = "SErrorLayout", n.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "SErrorLayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, descriptionVariant: { defaultValue: { value: "body1" }, description: "Description typography variant. Default: 'body1'", name: "descriptionVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, buttonVariant: { defaultValue: { value: "contained" }, description: "Button variant. Default: 'contained'", name: "buttonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"outlined"' }, { value: '"contained"' }] } }, buttonColor: { defaultValue: { value: "primary" }, description: "Button color. Default: 'primary'", name: "buttonColor", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, imageContainerSx: { defaultValue: null, description: "Custom styles for the image container", name: "imageContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content stack", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom styles for the title", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, descriptionSx: { defaultValue: null, description: "Custom styles for the description", name: "descriptionSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonContainerSx: { defaultValue: null, description: "Custom styles for the button container", name: "buttonContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonProps: { defaultValue: null, description: "Additional button props", name: "buttonProps", required: !1, type: { name: "Partial<ButtonProps>" } }, hideImage: { defaultValue: { value: "false" }, description: "Hide image. Default: false", name: "hideImage", required: !1, type: { name: "boolean" } }, customActions: { defaultValue: null, description: "Custom content to render instead of the button", name: "customActions", required: !1, type: { name: "ReactNode" } } } };
+  n.displayName = "SErrorLayout", n.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "SErrorLayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, descriptionVariant: { defaultValue: { value: "body1" }, description: "Description typography variant. Default: 'body1'", name: "descriptionVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, buttonVariant: { defaultValue: { value: "contained" }, description: "Button variant. Default: 'contained'", name: "buttonVariant", required: !1, type: { name: "enum", value: [{ value: '"outlined"' }, { value: '"text"' }, { value: '"contained"' }] } }, buttonColor: { defaultValue: { value: "primary" }, description: "Button color. Default: 'primary'", name: "buttonColor", required: !1, type: { name: "enum", value: [{ value: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }, { value: '"inherit"' }] } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, imageContainerSx: { defaultValue: null, description: "Custom styles for the image container", name: "imageContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content stack", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom styles for the title", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, descriptionSx: { defaultValue: null, description: "Custom styles for the description", name: "descriptionSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonContainerSx: { defaultValue: null, description: "Custom styles for the button container", name: "buttonContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonProps: { defaultValue: null, description: "Additional button props", name: "buttonProps", required: !1, type: { name: "Partial<ButtonProps>" } }, hideImage: { defaultValue: { value: "false" }, description: "Hide image. Default: false", name: "hideImage", required: !1, type: { name: "boolean" } }, customActions: { defaultValue: null, description: "Custom content to render instead of the button", name: "customActions", required: !1, type: { name: "ReactNode" } } } };
 } catch {
 }
 try {
-  serrorlayout.displayName = "serrorlayout", serrorlayout.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "serrorlayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, descriptionVariant: { defaultValue: { value: "body1" }, description: "Description typography variant. Default: 'body1'", name: "descriptionVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, buttonVariant: { defaultValue: { value: "contained" }, description: "Button variant. Default: 'contained'", name: "buttonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"outlined"' }, { value: '"contained"' }] } }, buttonColor: { defaultValue: { value: "primary" }, description: "Button color. Default: 'primary'", name: "buttonColor", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, imageContainerSx: { defaultValue: null, description: "Custom styles for the image container", name: "imageContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content stack", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom styles for the title", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, descriptionSx: { defaultValue: null, description: "Custom styles for the description", name: "descriptionSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonContainerSx: { defaultValue: null, description: "Custom styles for the button container", name: "buttonContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonProps: { defaultValue: null, description: "Additional button props", name: "buttonProps", required: !1, type: { name: "Partial<ButtonProps>" } }, hideImage: { defaultValue: { value: "false" }, description: "Hide image. Default: false", name: "hideImage", required: !1, type: { name: "boolean" } }, customActions: { defaultValue: null, description: "Custom content to render instead of the button", name: "customActions", required: !1, type: { name: "ReactNode" } } } };
+  serrorlayout.displayName = "serrorlayout", serrorlayout.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "serrorlayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, descriptionVariant: { defaultValue: { value: "body1" }, description: "Description typography variant. Default: 'body1'", name: "descriptionVariant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, buttonVariant: { defaultValue: { value: "contained" }, description: "Button variant. Default: 'contained'", name: "buttonVariant", required: !1, type: { name: "enum", value: [{ value: '"outlined"' }, { value: '"text"' }, { value: '"contained"' }] } }, buttonColor: { defaultValue: { value: "primary" }, description: "Button color. Default: 'primary'", name: "buttonColor", required: !1, type: { name: "enum", value: [{ value: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }, { value: '"inherit"' }] } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, imageContainerSx: { defaultValue: null, description: "Custom styles for the image container", name: "imageContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content stack", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom styles for the title", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, descriptionSx: { defaultValue: null, description: "Custom styles for the description", name: "descriptionSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonContainerSx: { defaultValue: null, description: "Custom styles for the button container", name: "buttonContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonProps: { defaultValue: null, description: "Additional button props", name: "buttonProps", required: !1, type: { name: "Partial<ButtonProps>" } }, hideImage: { defaultValue: { value: "false" }, description: "Hide image. Default: false", name: "hideImage", required: !1, type: { name: "boolean" } }, customActions: { defaultValue: null, description: "Custom content to render instead of the button", name: "customActions", required: !1, type: { name: "ReactNode" } } } };
 } catch {
 }
 export {