@solostylist/ui-kit 1.0.174 → 1.0.176

package/dist/s-dialog/s-dialog.js

@@ -1,44 +1,36 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
 import * as f from "react";
-import { C as h } from "../Close-BRlEKA2Q.js";
-import { Dialog as g, DialogTitle as y, Stack as v, Typography as r, IconButton as b, DialogContent as x, DialogActions as w } from "@mui/material";
-const o = f.forwardRef(
+import { C as j } from "../Close-DOHlPcFK.js";
+import { Dialog as m, DialogTitle as h, Stack as g, Typography as n, IconButton as u, DialogContent as y, DialogActions as D } from "@mui/material";
+const w = f.forwardRef(
   ({
-    title: a,
-    content: t,
-    actions: l,
-    onClose: n = () => {
+    title: s,
+    content: e,
+    actions: i,
+    onClose: o = () => {
     },
-    open: s = !1,
-    maxWidth: d = "sm",
-    useForm: u = !1,
-    onSubmit: m = () => {
+    open: t = !1,
+    maxWidth: l = "sm",
+    useForm: c = !1,
+    onSubmit: d = () => {
     },
-    showClose: c = !0
+    showClose: x = !0
   }, p) => {
-    const i = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      t && /* @__PURE__ */ e.jsx(x, { ref: p, children: typeof t == "string" ? /* @__PURE__ */ e.jsx(r, { color: "text.secondary", variant: "body2", children: t }) : t }),
-      l && /* @__PURE__ */ e.jsx(w, { children: l })
+    const a = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      e && /* @__PURE__ */ r.jsx(y, { ref: p, children: typeof e == "string" ? /* @__PURE__ */ r.jsx(n, { color: "text.secondary", variant: "body2", children: e }) : e }),
+      i && /* @__PURE__ */ r.jsx(D, { children: i })
     ] });
-    return /* @__PURE__ */ e.jsxs(g, { fullWidth: !0, maxWidth: d, onClose: n, open: s, children: [
-      a && /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(v, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-        typeof a == "string" ? /* @__PURE__ */ e.jsx(r, { variant: "h5", textTransform: "capitalize", children: a }) : /* @__PURE__ */ e.jsx("div", { children: a }),
-        c && /* @__PURE__ */ e.jsx(b, { onClick: n, children: /* @__PURE__ */ e.jsx(h, {}) })
+    return /* @__PURE__ */ r.jsxs(m, { fullWidth: !0, maxWidth: l, onClose: o, open: t, children: [
+      s && /* @__PURE__ */ r.jsx(h, { children: /* @__PURE__ */ r.jsxs(g, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+        typeof s == "string" ? /* @__PURE__ */ r.jsx(n, { variant: "h5", textTransform: "capitalize", children: s }) : /* @__PURE__ */ r.jsx("div", { children: s }),
+        x && /* @__PURE__ */ r.jsx(u, { onClick: o, children: /* @__PURE__ */ r.jsx(j, {}) })
       ] }) }),
-      u ? /* @__PURE__ */ e.jsx("form", { onSubmit: m, children: i }) : i
+      c ? /* @__PURE__ */ r.jsx("form", { onSubmit: d, children: a }) : a
     ] });
   }
 );
-o.displayName = "SDialog";
-try {
-  o.displayName = "SDialog", o.__docgenInfo = { description: "A flexible dialog component that wraps Material-UI Dialog with enhanced form support and customization.", displayName: "SDialog", props: { title: { defaultValue: null, description: "Dialog title - can be string or React element", name: "title", required: !1, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Dialog content - can be string (auto-wrapped in Typography) or React element", name: "content", required: !1, type: { name: "ReactNode" } }, actions: { defaultValue: null, description: "Action buttons rendered in the dialog footer", name: "actions", required: !1, type: { name: "ReactNode" } }, onClose: { defaultValue: { value: "() => {}" }, description: "Callback fired when dialog should close", name: "onClose", required: !1, type: { name: "(() => void)" } }, open: { defaultValue: { value: "false" }, description: "Whether the dialog is open", name: "open", required: !1, type: { name: "boolean" } }, maxWidth: { defaultValue: { value: "sm" }, description: "Maximum width constraint (Material-UI breakpoint)", name: "maxWidth", required: !1, type: { name: "enum", value: [{ value: '"xs"' }, { value: '"sm"' }, { value: '"md"' }, { value: '"lg"' }, { value: '"xl"' }] } }, useForm: { defaultValue: { value: "false" }, description: "Whether to wrap content in a form element", name: "useForm", required: !1, type: { name: "boolean" } }, onSubmit: { defaultValue: { value: "() => {}" }, description: "Form submit handler (only used if useForm is true)", name: "onSubmit", required: !1, type: { name: "(() => void)" } }, showClose: { defaultValue: { value: "true" }, description: "Whether to show the close button in the title bar", name: "showClose", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
-try {
-  sdialog.displayName = "sdialog", sdialog.__docgenInfo = { description: "A flexible dialog component that wraps Material-UI Dialog with enhanced form support and customization.", displayName: "sdialog", props: { title: { defaultValue: null, description: "Dialog title - can be string or React element", name: "title", required: !1, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Dialog content - can be string (auto-wrapped in Typography) or React element", name: "content", required: !1, type: { name: "ReactNode" } }, actions: { defaultValue: null, description: "Action buttons rendered in the dialog footer", name: "actions", required: !1, type: { name: "ReactNode" } }, onClose: { defaultValue: { value: "() => {}" }, description: "Callback fired when dialog should close", name: "onClose", required: !1, type: { name: "(() => void)" } }, open: { defaultValue: { value: "false" }, description: "Whether the dialog is open", name: "open", required: !1, type: { name: "boolean" } }, maxWidth: { defaultValue: { value: "sm" }, description: "Maximum width constraint (Material-UI breakpoint)", name: "maxWidth", required: !1, type: { name: "enum", value: [{ value: '"xs"' }, { value: '"sm"' }, { value: '"md"' }, { value: '"lg"' }, { value: '"xl"' }] } }, useForm: { defaultValue: { value: "false" }, description: "Whether to wrap content in a form element", name: "useForm", required: !1, type: { name: "boolean" } }, onSubmit: { defaultValue: { value: "() => {}" }, description: "Form submit handler (only used if useForm is true)", name: "onSubmit", required: !1, type: { name: "(() => void)" } }, showClose: { defaultValue: { value: "true" }, description: "Whether to show the close button in the title bar", name: "showClose", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
+w.displayName = "SDialog";
 export {
-  o as SDialog,
-  o as default
+  w as SDialog,
+  w as default
 };

package/dist/s-dialog-confirm/s-dialog-confirm.js

@@ -1,80 +1,76 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import * as i from "react";
-import { C as x } from "../Close-BRlEKA2Q.js";
-import { Dialog as v, DialogTitle as y, Stack as j, IconButton as b, DialogContent as D, DialogActions as w, Button as u } from "@mui/material";
-import { useDialog as V } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-C8jwvSWe.js";
-const s = ({
-  title: o,
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import * as r from "react";
+import { C as p } from "../Close-DOHlPcFK.js";
+import { Dialog as j, DialogTitle as D, Stack as v, IconButton as y, DialogContent as b, DialogActions as k, Button as d } from "@mui/material";
+import { useDialog as w } from "../hooks/use-dialog.js";
+import { T as m } from "../Typography-9Kg27dDw.js";
+const f = ({
+  title: e,
   content: n,
-  onConfirm: l = () => {
+  onConfirm: s = () => {
   },
-  onClose: a = () => {
+  onClose: i = () => {
   },
   open: t = !1,
-  maxWidth: d = "sm",
+  maxWidth: a = "sm",
   showClose: c = !0,
-  loading: r = !1
-}) => /* @__PURE__ */ e.jsxs(v, { fullWidth: !0, maxWidth: d, onClose: a, open: t, children: [
-  o && /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(j, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-    typeof o == "string" ? /* @__PURE__ */ e.jsx(m, { variant: "h5", textTransform: "capitalize", children: o }) : /* @__PURE__ */ e.jsx("div", { children: o }),
-    c && /* @__PURE__ */ e.jsx(b, { onClick: a, children: /* @__PURE__ */ e.jsx(x, {}) })
+  loading: l = !1
+}) => /* @__PURE__ */ o.jsxs(j, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
+  e && /* @__PURE__ */ o.jsx(D, { children: /* @__PURE__ */ o.jsxs(v, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof e == "string" ? /* @__PURE__ */ o.jsx(m, { variant: "h5", textTransform: "capitalize", children: e }) : /* @__PURE__ */ o.jsx("div", { children: e }),
+    c && /* @__PURE__ */ o.jsx(y, { onClick: i, children: /* @__PURE__ */ o.jsx(p, {}) })
   ] }) }),
-  n && /* @__PURE__ */ e.jsx(D, { children: typeof n == "string" ? /* @__PURE__ */ e.jsx(m, { color: "text.secondary", variant: "body2", children: n }) : n }),
-  /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(u, { onClick: a, variant: "outlined", disabled: r, children: "Cancel" }),
-    /* @__PURE__ */ e.jsx(u, { onClick: l, loading: r, children: "Confirm" })
+  n && /* @__PURE__ */ o.jsx(b, { children: typeof n == "string" ? /* @__PURE__ */ o.jsx(m, { color: "text.secondary", variant: "body2", children: n }) : n }),
+  /* @__PURE__ */ o.jsx(k, { children: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(d, { onClick: i, variant: "outlined", disabled: l, children: "Cancel" }),
+    /* @__PURE__ */ o.jsx(d, { onClick: s, loading: l, children: "Confirm" })
   ] }) })
 ] });
-s.displayName = "SDialogConfirm";
-const f = i.createContext(null), W = ({ children: o }) => {
-  const n = V(), [l, a] = i.useState(!1), [t, d] = i.useState({
+f.displayName = "SDialogConfirm";
+const C = r.createContext(null), E = ({ children: e }) => {
+  const n = w(), [s, i] = r.useState(!1), [t, a] = r.useState({
     title: "",
     content: "",
     onConfirm: () => {
     }
   }), c = {
-    handleOpen: i.useCallback(
-      (p) => {
-        const { title: h, content: C, onConfirm: g } = p;
-        d({ title: h, content: C, onConfirm: g }), n.handleOpen();
+    handleOpen: r.useCallback(
+      (x) => {
+        const { title: h, content: u, onConfirm: g } = x;
+        a({ title: h, content: u, onConfirm: g }), n.handleOpen();
       },
       [n]
     ),
     handleClose: n.handleClose,
     open: n.open,
-    loading: l,
-    setLoading: a
-  }, r = () => {
+    loading: s,
+    setLoading: i
+  }, l = () => {
     t.onConfirm();
   };
-  return /* @__PURE__ */ e.jsxs(f.Provider, { value: c, children: [
-    /* @__PURE__ */ e.jsx(
-      s,
+  return /* @__PURE__ */ o.jsxs(C.Provider, { value: c, children: [
+    /* @__PURE__ */ o.jsx(
+      f,
       {
         open: n.open,
-        title: t == null ? void 0 : t.title,
-        content: t == null ? void 0 : t.content,
+        title: t?.title,
+        content: t?.content,
         onClose: n.handleClose,
-        onConfirm: r,
-        loading: l
+        onConfirm: l,
+        loading: s
       }
     ),
-    o
+    e
   ] });
-}, I = () => {
-  const o = i.useContext(f);
-  if (!o)
+}, O = () => {
+  const e = r.useContext(C);
+  if (!e)
     throw new Error("useDialogConfirm must be used within a DialogConfirmProvider");
-  return o;
+  return e;
 };
-try {
-  s.displayName = "SDialogConfirm", s.__docgenInfo = { description: "A confirmation dialog component with Cancel/Confirm actions and loading state support.", displayName: "SDialogConfirm", props: { title: { defaultValue: null, description: "Dialog title - can be string or React element", name: "title", required: !1, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Dialog content - can be string (auto-wrapped in Typography) or React element", name: "content", required: !1, type: { name: "ReactNode" } }, onConfirm: { defaultValue: { value: "() => {}" }, description: "Callback fired when user confirms the action", name: "onConfirm", required: !1, type: { name: "(() => void)" } }, onClose: { defaultValue: { value: "() => {}" }, description: "Callback fired when dialog should close", name: "onClose", required: !1, type: { name: "(() => void)" } }, open: { defaultValue: { value: "false" }, description: "Whether the dialog is open", name: "open", required: !1, type: { name: "boolean" } }, maxWidth: { defaultValue: { value: "sm" }, description: "Maximum width constraint (Material-UI breakpoint)", name: "maxWidth", required: !1, type: { name: "enum", value: [{ value: '"xs"' }, { value: '"sm"' }, { value: '"md"' }, { value: '"lg"' }, { value: '"xl"' }] } }, showClose: { defaultValue: { value: "true" }, description: "Whether to show the close button in the title bar", name: "showClose", required: !1, type: { name: "boolean" } }, loading: { defaultValue: { value: "false" }, description: "Whether the dialog is in loading state (disables buttons)", name: "loading", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
 export {
-  W as DialogConfirmProvider,
-  s as SDialogConfirm,
-  s as default,
-  I as useDialogConfirm
+  E as DialogConfirmProvider,
+  f as SDialogConfirm,
+  f as default,
+  O as useDialogConfirm
 };

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

@@ -1,71 +1,67 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import * as n from "react";
-import { C as h } from "../Close-BRlEKA2Q.js";
-import { Dialog as g, DialogTitle as f, Stack as x, IconButton as y, DialogContent as C, DialogActions as v, Button as D } from "@mui/material";
-import { useDialog as j } from "../hooks/use-dialog.js";
-import { T as d } from "../Typography-C8jwvSWe.js";
-const l = ({
-  title: o,
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import * as t from "react";
+import { C as p } from "../Close-DOHlPcFK.js";
+import { Dialog as u, DialogTitle as m, Stack as j, IconButton as C, DialogContent as f, DialogActions as D, Button as M } from "@mui/material";
+import { useDialog as k } from "../hooks/use-dialog.js";
+import { T as c } from "../Typography-9Kg27dDw.js";
+const d = ({
+  title: s,
   content: e,
-  onClose: a = () => {
+  onClose: n = () => {
   },
-  onOk: s = () => {
+  onOk: a = () => {
   },
   open: i = !1,
-  maxWidth: r = "sm",
-  showClose: c = !0
-}) => /* @__PURE__ */ t.jsxs(g, { fullWidth: !0, maxWidth: r, onClose: a, open: i, children: [
-  o && /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsxs(x, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-    typeof o == "string" ? /* @__PURE__ */ t.jsx(d, { variant: "h5", textTransform: "capitalize", children: o }) : /* @__PURE__ */ t.jsx("div", { children: o }),
-    c && /* @__PURE__ */ t.jsx(y, { onClick: a, children: /* @__PURE__ */ t.jsx(h, {}) })
+  maxWidth: l = "sm",
+  showClose: r = !0
+}) => /* @__PURE__ */ o.jsxs(u, { fullWidth: !0, maxWidth: l, onClose: n, open: i, children: [
+  s && /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsxs(j, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof s == "string" ? /* @__PURE__ */ o.jsx(c, { variant: "h5", textTransform: "capitalize", children: s }) : /* @__PURE__ */ o.jsx("div", { children: s }),
+    r && /* @__PURE__ */ o.jsx(C, { onClick: n, children: /* @__PURE__ */ o.jsx(p, {}) })
   ] }) }),
-  e && /* @__PURE__ */ t.jsx(C, { children: typeof e == "string" ? /* @__PURE__ */ t.jsx(d, { color: "text.secondary", variant: "body2", children: e }) : e }),
-  /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsx(D, { onClick: s, children: "Ok" }) })
+  e && /* @__PURE__ */ o.jsx(f, { children: typeof e == "string" ? /* @__PURE__ */ o.jsx(c, { color: "text.secondary", variant: "body2", children: e }) : e }),
+  /* @__PURE__ */ o.jsx(D, { children: /* @__PURE__ */ o.jsx(M, { onClick: a, children: "Ok" }) })
 ] });
-l.displayName = "SDialogMessage";
-const u = n.createContext(null), M = ({ children: o }) => {
-  const e = j(), [a, s] = n.useState({
+d.displayName = "SDialogMessage";
+const g = t.createContext(null), S = ({ children: s }) => {
+  const e = k(), [n, a] = t.useState({
     title: "",
     content: "",
     onOk: e.handleClose
     // Default to closing dialog
   }), i = {
-    handleOpen: n.useCallback(
-      (r) => {
-        const { title: c, content: p, onOk: m = e.handleClose } = r;
-        s({ title: c, content: p, onOk: m }), e.handleOpen();
+    handleOpen: t.useCallback(
+      (l) => {
+        const { title: r, content: h, onOk: x = e.handleClose } = l;
+        a({ title: r, content: h, onOk: x }), e.handleOpen();
       },
       [e]
     ),
     handleClose: e.handleClose,
     open: e.open
   };
-  return /* @__PURE__ */ t.jsxs(u.Provider, { value: i, children: [
-    /* @__PURE__ */ t.jsx(
-      l,
+  return /* @__PURE__ */ o.jsxs(g.Provider, { value: i, children: [
+    /* @__PURE__ */ o.jsx(
+      d,
       {
         open: e.open,
-        title: a == null ? void 0 : a.title,
-        content: a == null ? void 0 : a.content,
+        title: n?.title,
+        content: n?.content,
         onClose: e.handleClose,
-        onOk: a == null ? void 0 : a.onOk
+        onOk: n?.onOk
       }
     ),
-    o
+    s
   ] });
-}, V = () => {
-  const o = n.useContext(u);
-  if (!o)
+}, T = () => {
+  const s = t.useContext(g);
+  if (!s)
     throw new Error("useDialogMessage must be used within a DialogMessageProvider");
-  return o;
+  return s;
 };
-try {
-  l.displayName = "SDialogMessage", l.__docgenInfo = { description: "A simple message dialog component for displaying informational messages that require user acknowledgment.", displayName: "SDialogMessage", props: { title: { defaultValue: null, description: "Dialog title - can be string or React element", name: "title", required: !1, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Dialog content - can be string (auto-wrapped in Typography) or React element", name: "content", required: !1, type: { name: "ReactNode" } }, onClose: { defaultValue: { value: "() => {}" }, description: "Callback fired when dialog should close", name: "onClose", required: !1, type: { name: "(() => void)" } }, onOk: { defaultValue: { value: "() => {}" }, description: "Callback fired when user clicks OK button", name: "onOk", required: !1, type: { name: "(() => void)" } }, open: { defaultValue: { value: "false" }, description: "Whether the dialog is open", name: "open", required: !1, type: { name: "boolean" } }, maxWidth: { defaultValue: { value: "sm" }, description: "Maximum width constraint (Material-UI breakpoint)", name: "maxWidth", required: !1, type: { name: "enum", value: [{ value: '"xs"' }, { value: '"sm"' }, { value: '"md"' }, { value: '"lg"' }, { value: '"xl"' }] } }, showClose: { defaultValue: { value: "true" }, description: "Whether to show the close button in the title bar", name: "showClose", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
 export {
-  M as DialogMessageProvider,
-  l as SDialogMessage,
-  l as default,
-  V as useDialogMessage
+  S as DialogMessageProvider,
+  d as SDialogMessage,
+  d as default,
+  T as useDialogMessage
 };

package/dist/s-empty/s-empty.js

@@ -1,16 +1,8 @@
-import { j as a } from "../jsx-runtime-OVHDjVDe.js";
-import { Typography as s } from "@mui/material";
-const e = ({ title: t }) => /* @__PURE__ */ a.jsx(s, { variant: "body2", color: "text.secondary", my: 3, children: t || "No data available." });
-e.displayName = "SEmpty";
-try {
-  e.displayName = "SEmpty", e.__docgenInfo = { description: "A simple component for displaying empty states in lists, tables, or data containers.", displayName: "SEmpty", props: { title: { defaultValue: null, description: "Custom text to display (defaults to 'No data available.')", name: "title", required: !1, type: { name: "string" } } } };
-} catch {
-}
-try {
-  sempty.displayName = "sempty", sempty.__docgenInfo = { description: "A simple component for displaying empty states in lists, tables, or data containers.", displayName: "sempty", props: { title: { defaultValue: null, description: "Custom text to display (defaults to 'No data available.')", name: "title", required: !1, type: { name: "string" } } } };
-} catch {
-}
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { Typography as o } from "@mui/material";
+const r = ({ title: a }) => /* @__PURE__ */ t.jsx(o, { variant: "body2", color: "text.secondary", my: 3, children: a || "No data available." });
+r.displayName = "SEmpty";
 export {
-  e as SEmpty,
-  e as default
+  r as SEmpty,
+  r as default
 };

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

@@ -1,8 +1,8 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { Stack as a, Box as s, Typography as o } from "@mui/material";
-const e = () => /* @__PURE__ */ r.jsxs(a, { alignItems: "center", gap: 2, children: [
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
+import { Stack as t, Box as a, Typography as e } from "@mui/material";
+const o = () => /* @__PURE__ */ r.jsxs(t, { alignItems: "center", gap: 2, children: [
   /* @__PURE__ */ r.jsx(
-    s,
+    a,
     {
       alt: "Internal server error",
       component: "img",
@@ -10,19 +10,11 @@ const e = () => /* @__PURE__ */ r.jsxs(a, { alignItems: "center", gap: 2, childr
       sx: { height: "auto", maxWidth: "100%", width: "100px" }
     }
   ),
-  /* @__PURE__ */ r.jsx(o, { variant: "h5", children: "500: Internal server error" }),
-  /* @__PURE__ */ r.jsx(o, { variant: "body2", children: "We're sorry, but we encountered an error while trying to load the content. Please try again later." })
+  /* @__PURE__ */ r.jsx(e, { variant: "h5", children: "500: Internal server error" }),
+  /* @__PURE__ */ r.jsx(e, { variant: "body2", children: "We're sorry, but we encountered an error while trying to load the content. Please try again later." })
 ] });
-e.displayName = "SError";
-try {
-  e.displayName = "SError", e.__docgenInfo = { description: "A standardized error display component for 500 Internal Server Error states.", displayName: "SError", props: {} };
-} catch {
-}
-try {
-  serror.displayName = "serror", serror.__docgenInfo = { description: "A standardized error display component for 500 Internal Server Error states.", displayName: "serror", props: {} };
-} catch {
-}
+o.displayName = "SError";
 export {
-  e as SError,
-  e as default
+  o as SError,
+  o as default
 };

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

@@ -1,34 +1,33 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { Box as t, Container as _, Stack as u, Typography as o, Button as w } from "@mui/material";
-import "../s-lazy-image/index.js";
-import A from "../s-lazy-image/s-lazy-image.js";
-const n = ({
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import { Box as r, Container as w, Stack as i, Typography as l, Button as z } from "@mui/material";
+import D from "../s-lazy-image/s-lazy-image.js";
+const N = ({
   imageSrc: a,
-  imageAlt: s,
-  title: d,
-  description: m,
-  buttonText: l,
-  imageWidth: p = "200px",
-  imageHeight: c = "auto",
-  maxWidth: f = "lg",
+  imageAlt: o,
+  title: x,
+  description: c,
+  buttonText: n,
+  imageWidth: d = "200px",
+  imageHeight: j = "auto",
+  maxWidth: y = "lg",
   height: h = "100vh",
-  py: y = 8,
-  spacing: v = 6,
-  titleVariant: g = "h4",
-  descriptionVariant: x = "body1",
-  buttonVariant: b = "contained",
-  buttonColor: V = "primary",
-  containerSx: S,
-  imageContainerSx: q,
-  contentSx: C,
-  titleSx: D,
-  descriptionSx: P,
-  buttonContainerSx: r,
-  buttonProps: T,
-  hideImage: j = !1,
-  customActions: i
+  py: p = 8,
+  spacing: f = 6,
+  titleVariant: m = "h4",
+  descriptionVariant: u = "body1",
+  buttonVariant: g = "contained",
+  buttonColor: v = "primary",
+  containerSx: C,
+  imageContainerSx: E,
+  contentSx: L,
+  titleSx: S,
+  descriptionSx: B,
+  buttonContainerSx: t,
+  buttonProps: I,
+  hideImage: k = !1,
+  customActions: s
 }) => /* @__PURE__ */ e.jsx(
-  t,
+  r,
   {
     component: "main",
     sx: {
@@ -36,30 +35,22 @@ const n = ({
       display: "flex",
       flexDirection: "column",
       justifyContent: "center",
-      py: y,
+      py: p,
       height: h,
-      ...S
+      ...C
     },
-    children: /* @__PURE__ */ e.jsx(_, { maxWidth: f, children: /* @__PURE__ */ e.jsxs(u, { spacing: v, children: [
-      !j && /* @__PURE__ */ e.jsx(t, { sx: { display: "flex", justifyContent: "center", ...q }, children: /* @__PURE__ */ e.jsx(A, { src: a, alt: s, width: p, height: c }) }),
-      /* @__PURE__ */ e.jsxs(u, { spacing: 1, sx: { textAlign: "center", ...C }, children: [
-        /* @__PURE__ */ e.jsx(o, { variant: g, sx: D, children: d }),
-        /* @__PURE__ */ e.jsx(o, { variant: x, color: "text.secondary", sx: P, children: m })
+    children: /* @__PURE__ */ e.jsx(w, { maxWidth: y, children: /* @__PURE__ */ e.jsxs(i, { spacing: f, children: [
+      !k && /* @__PURE__ */ e.jsx(r, { sx: { display: "flex", justifyContent: "center", ...E }, children: /* @__PURE__ */ e.jsx(D, { src: a, alt: o, width: d, height: j }) }),
+      /* @__PURE__ */ e.jsxs(i, { spacing: 1, sx: { textAlign: "center", ...L }, children: [
+        /* @__PURE__ */ e.jsx(l, { variant: m, sx: S, children: x }),
+        /* @__PURE__ */ e.jsx(l, { variant: u, color: "text.secondary", sx: B, children: c })
       ] }),
-      i ? /* @__PURE__ */ e.jsx(t, { sx: { display: "flex", justifyContent: "center", ...r }, children: i }) : l ? /* @__PURE__ */ e.jsx(t, { sx: { display: "flex", justifyContent: "center", ...r }, children: /* @__PURE__ */ e.jsx(w, { variant: b, color: V, ...T, children: l }) }) : null
+      s ? /* @__PURE__ */ e.jsx(r, { sx: { display: "flex", justifyContent: "center", ...t }, children: s }) : n ? /* @__PURE__ */ e.jsx(r, { sx: { display: "flex", justifyContent: "center", ...t }, children: /* @__PURE__ */ e.jsx(z, { variant: g, color: v, ...I, children: n }) }) : null
     ] }) })
   }
 );
-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: '"body2"' }, { value: '"body1"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { 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: '"body2"' }, { value: '"body1"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { 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: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { 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" } } } };
-} 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: '"body2"' }, { value: '"body1"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { 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: '"body2"' }, { value: '"body1"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { 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: '"error"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"info"' }, { value: '"success"' }, { 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" } } } };
-} catch {
-}
+N.displayName = "SErrorLayout";
 export {
-  n as SErrorLayout,
-  n as default
+  N as SErrorLayout,
+  N as default
 };