@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-dialog/index.js

@@ -1,4 +1,4 @@
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
 import { SDialog as e } from "./s-dialog.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-dialog/s-dialog.d.ts

@@ -23,8 +23,5 @@ export interface SDialogProps {
     /** Whether to show the close button in the title bar */
     showClose?: boolean;
 }
-/**
- * A flexible dialog component that wraps Material-UI Dialog with enhanced form support and customization.
- */
 export declare const SDialog: React.ForwardRefExoticComponent<SDialogProps & React.RefAttributes<HTMLDivElement>>;
 export default SDialog;

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

@@ -1,36 +1,44 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import * as f from "react";
-import { C as j } from "../Close-lHCUMitI.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: s,
-    content: e,
-    actions: i,
-    onClose: o = () => {
-    },
-    open: t = !1,
-    maxWidth: l = "sm",
-    useForm: c = !1,
-    onSubmit: d = () => {
-    },
-    showClose: x = !0
-  }, p) => {
-    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__ */ 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, {}) })
-      ] }) }),
-      c ? /* @__PURE__ */ r.jsx("form", { onSubmit: d, children: a }) : a
-    ] });
-  }
-);
-w.displayName = "SDialog";
-export {
-  w as SDialog,
-  w as default
-};
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { t } from "../Close-DD2G0QfM.js";
+import * as n from "react";
+import { Dialog as r, DialogActions as i, DialogContent as a, DialogTitle as o, IconButton as s, Stack as c, Typography as l } from "@mui/material";
+//#region lib/s-dialog/s-dialog.tsx
+var u = e(), d = n.forwardRef(({ title: e, content: n, actions: d, onClose: f = () => {}, open: p = !1, maxWidth: m = "sm", useForm: h = !1, onSubmit: g = () => {}, showClose: _ = !0 }, v) => {
+	let y = /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [n && /* @__PURE__ */ (0, u.jsx)(a, {
+		ref: v,
+		children: typeof n == "string" ? /* @__PURE__ */ (0, u.jsx)(l, {
+			color: "text.secondary",
+			variant: "body2",
+			children: n
+		}) : n
+	}), d && /* @__PURE__ */ (0, u.jsx)(i, { children: d })] });
+	return /* @__PURE__ */ (0, u.jsxs)(r, {
+		fullWidth: !0,
+		maxWidth: m,
+		onClose: f,
+		open: p,
+		children: [e && /* @__PURE__ */ (0, u.jsx)(o, { children: /* @__PURE__ */ (0, u.jsxs)(c, {
+			direction: "row",
+			spacing: 3,
+			sx: {
+				alignItems: "center",
+				justifyContent: "space-between"
+			},
+			children: [typeof e == "string" ? /* @__PURE__ */ (0, u.jsx)(l, {
+				variant: "h5",
+				textTransform: "capitalize",
+				children: e
+			}) : /* @__PURE__ */ (0, u.jsx)("div", { children: e }), _ && /* @__PURE__ */ (0, u.jsx)(s, {
+				onClick: f,
+				children: /* @__PURE__ */ (0, u.jsx)(t, {})
+			})]
+		}) }), h ? /* @__PURE__ */ (0, u.jsx)("form", {
+			onSubmit: g,
+			children: y
+		}) : y]
+	});
+});
+d.displayName = "SDialog";
+//#endregion
+export { d as SDialog, d as default };

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

@@ -1,6 +1,4 @@
-import { DialogConfirmProvider as r, SDialogConfirm as a, useDialogConfirm as f } from "./s-dialog-confirm.js";
-export {
-  r as DialogConfirmProvider,
-  a as default,
-  f as useDialogConfirm
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { DialogConfirmProvider as e, SDialogConfirm as t, useDialogConfirm as n } from "./s-dialog-confirm.js";
+export { e as DialogConfirmProvider, t as default, n as useDialogConfirm };

package/dist/s-dialog-confirm/s-dialog-confirm.d.ts

@@ -21,9 +21,6 @@ export interface SDialogConfirmProps {
     /** Whether the dialog is in loading state (disables buttons) */
     loading?: boolean;
 }
-/**
- * A confirmation dialog component with Cancel/Confirm actions and loading state support.
- */
 export declare const SDialogConfirm: {
     ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: SDialogConfirmProps): React.JSX.Element;
     displayName: string;
@@ -55,14 +52,6 @@ export interface DialogConfirmContextProps {
     /** Function to set loading state */
     setLoading: React.Dispatch<React.SetStateAction<boolean>>;
 }
-/**
- * Provider component that manages a global confirmation dialog.
- * This enables any component in the app to trigger confirmation dialogs
- * without managing dialog state locally.
- *
- * @param children - Child components that can use the dialog context
- * @returns JSX.Element - Provider with dialog management and rendered dialog
- */
 export declare const DialogConfirmProvider: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,76 +1,87 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import * as r from "react";
-import { C as p } from "../Close-lHCUMitI.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-PcmlIqm1.js";
-const f = ({
-  title: e,
-  content: n,
-  onConfirm: s = () => {
-  },
-  onClose: i = () => {
-  },
-  open: t = !1,
-  maxWidth: a = "sm",
-  showClose: c = !0,
-  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__ */ 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" })
-  ] }) })
-] });
-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: 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: s,
-    setLoading: i
-  }, l = () => {
-    t.onConfirm();
-  };
-  return /* @__PURE__ */ o.jsxs(C.Provider, { value: c, children: [
-    /* @__PURE__ */ o.jsx(
-      f,
-      {
-        open: n.open,
-        title: t.title,
-        content: t.content,
-        onClose: n.handleClose,
-        onConfirm: l,
-        loading: s
-      }
-    ),
-    e
-  ] });
-}, O = () => {
-  const e = r.useContext(C);
-  if (!e)
-    throw new Error("useDialogConfirm must be used within a DialogConfirmProvider");
-  return e;
-};
-export {
-  E as DialogConfirmProvider,
-  f as SDialogConfirm,
-  f as default,
-  O as useDialogConfirm
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { t } from "../Typography-B_GHPkH2.js";
+import { t as n } from "../Close-DD2G0QfM.js";
+import { useDialog as r } from "../hooks/use-dialog.js";
+import * as i from "react";
+import { Button as a, Dialog as o, DialogActions as s, DialogContent as c, DialogTitle as l, IconButton as u, Stack as d } from "@mui/material";
+//#region lib/s-dialog-confirm/s-dialog-confirm.tsx
+var f = e(), p = ({ title: e, content: r, onConfirm: i = () => {}, onClose: p = () => {}, open: m = !1, maxWidth: h = "sm", showClose: g = !0, loading: _ = !1 }) => /* @__PURE__ */ (0, f.jsxs)(o, {
+	fullWidth: !0,
+	maxWidth: h,
+	onClose: p,
+	open: m,
+	children: [
+		e && /* @__PURE__ */ (0, f.jsx)(l, { children: /* @__PURE__ */ (0, f.jsxs)(d, {
+			direction: "row",
+			spacing: 3,
+			sx: {
+				alignItems: "center",
+				justifyContent: "space-between"
+			},
+			children: [typeof e == "string" ? /* @__PURE__ */ (0, f.jsx)(t, {
+				variant: "h5",
+				textTransform: "capitalize",
+				children: e
+			}) : /* @__PURE__ */ (0, f.jsx)("div", { children: e }), g && /* @__PURE__ */ (0, f.jsx)(u, {
+				onClick: p,
+				children: /* @__PURE__ */ (0, f.jsx)(n, {})
+			})]
+		}) }),
+		r && /* @__PURE__ */ (0, f.jsx)(c, { children: typeof r == "string" ? /* @__PURE__ */ (0, f.jsx)(t, {
+			color: "text.secondary",
+			variant: "body2",
+			children: r
+		}) : r }),
+		/* @__PURE__ */ (0, f.jsx)(s, { children: /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsx)(a, {
+			onClick: p,
+			variant: "outlined",
+			disabled: _,
+			children: "Cancel"
+		}), /* @__PURE__ */ (0, f.jsx)(a, {
+			onClick: i,
+			loading: _,
+			children: "Confirm"
+		})] }) })
+	]
+});
+p.displayName = "SDialogConfirm";
+var m = i.createContext(null), h = ({ children: e }) => {
+	let t = r(), [n, a] = i.useState(!1), [o, s] = i.useState({
+		title: "",
+		content: "",
+		onConfirm: () => {}
+	}), c = {
+		handleOpen: i.useCallback((e) => {
+			let { title: n, content: r, onConfirm: i } = e;
+			s({
+				title: n,
+				content: r,
+				onConfirm: i
+			}), t.handleOpen();
+		}, [t]),
+		handleClose: t.handleClose,
+		open: t.open,
+		loading: n,
+		setLoading: a
+	};
+	return /* @__PURE__ */ (0, f.jsxs)(m.Provider, {
+		value: c,
+		children: [/* @__PURE__ */ (0, f.jsx)(p, {
+			open: t.open,
+			title: o.title,
+			content: o.content,
+			onClose: t.handleClose,
+			onConfirm: () => {
+				o.onConfirm();
+			},
+			loading: n
+		}), e]
+	});
+}, g = () => {
+	let e = i.useContext(m);
+	if (!e) throw Error("useDialogConfirm must be used within a DialogConfirmProvider");
+	return e;
 };
+//#endregion
+export { h as DialogConfirmProvider, p as SDialogConfirm, p as default, g as useDialogConfirm };

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

@@ -1,6 +1,4 @@
-import { DialogMessageProvider as s, SDialogMessage as g, useDialogMessage as o } from "./s-dialog-message.js";
-export {
-  s as DialogMessageProvider,
-  g as default,
-  o as useDialogMessage
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { DialogMessageProvider as e, SDialogMessage as t, useDialogMessage as n } from "./s-dialog-message.js";
+export { e as DialogMessageProvider, t as default, n as useDialogMessage };

package/dist/s-dialog-message/s-dialog-message.d.ts

@@ -19,7 +19,6 @@ export interface SDialogMessageProps {
     /** Whether to show the close button in the title bar */
     showClose?: boolean;
 }
-/** A simple message dialog component for displaying informational messages that require user acknowledgment. */
 export declare const SDialogMessage: {
     ({ title, content, onClose, onOk, open, maxWidth, showClose, }: SDialogMessageProps): React.JSX.Element;
     displayName: string;
@@ -47,14 +46,6 @@ export interface DialogMessageContextProps {
     /** Current open state of the dialog */
     open: boolean;
 }
-/**
- * Provider component that manages a global message dialog.
- * This enables any component in the app to display informational messages
- * without managing dialog state locally.
- *
- * @param children - Child components that can use the dialog context
- * @returns JSX.Element - Provider with dialog management and rendered dialog
- */
 export declare const DialogMessageProvider: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,67 +1,76 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import * as t from "react";
-import { C as p } from "../Close-lHCUMitI.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-PcmlIqm1.js";
-const d = ({
-  title: s,
-  content: e,
-  onClose: n = () => {
-  },
-  onOk: a = () => {
-  },
-  open: i = !1,
-  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__ */ 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" }) })
-] });
-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: 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__ */ o.jsxs(g.Provider, { value: i, children: [
-    /* @__PURE__ */ o.jsx(
-      d,
-      {
-        open: e.open,
-        title: n.title,
-        content: n.content,
-        onClose: e.handleClose,
-        onOk: n.onOk
-      }
-    ),
-    s
-  ] });
-}, T = () => {
-  const s = t.useContext(g);
-  if (!s)
-    throw new Error("useDialogMessage must be used within a DialogMessageProvider");
-  return s;
-};
-export {
-  S as DialogMessageProvider,
-  d as SDialogMessage,
-  d as default,
-  T as useDialogMessage
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { t } from "../Typography-B_GHPkH2.js";
+import { t as n } from "../Close-DD2G0QfM.js";
+import { useDialog as r } from "../hooks/use-dialog.js";
+import * as i from "react";
+import { Button as a, Dialog as o, DialogActions as s, DialogContent as c, DialogTitle as l, IconButton as u, Stack as d } from "@mui/material";
+//#region lib/s-dialog-message/s-dialog-message.tsx
+var f = e(), p = ({ title: e, content: r, onClose: i = () => {}, onOk: p = () => {}, open: m = !1, maxWidth: h = "sm", showClose: g = !0 }) => /* @__PURE__ */ (0, f.jsxs)(o, {
+	fullWidth: !0,
+	maxWidth: h,
+	onClose: i,
+	open: m,
+	children: [
+		e && /* @__PURE__ */ (0, f.jsx)(l, { children: /* @__PURE__ */ (0, f.jsxs)(d, {
+			direction: "row",
+			spacing: 3,
+			sx: {
+				alignItems: "center",
+				justifyContent: "space-between"
+			},
+			children: [typeof e == "string" ? /* @__PURE__ */ (0, f.jsx)(t, {
+				variant: "h5",
+				textTransform: "capitalize",
+				children: e
+			}) : /* @__PURE__ */ (0, f.jsx)("div", { children: e }), g && /* @__PURE__ */ (0, f.jsx)(u, {
+				onClick: i,
+				children: /* @__PURE__ */ (0, f.jsx)(n, {})
+			})]
+		}) }),
+		r && /* @__PURE__ */ (0, f.jsx)(c, { children: typeof r == "string" ? /* @__PURE__ */ (0, f.jsx)(t, {
+			color: "text.secondary",
+			variant: "body2",
+			children: r
+		}) : r }),
+		/* @__PURE__ */ (0, f.jsx)(s, { children: /* @__PURE__ */ (0, f.jsx)(a, {
+			onClick: p,
+			children: "Ok"
+		}) })
+	]
+});
+p.displayName = "SDialogMessage";
+var m = i.createContext(null), h = ({ children: e }) => {
+	let t = r(), [n, a] = i.useState({
+		title: "",
+		content: "",
+		onOk: t.handleClose
+	}), o = {
+		handleOpen: i.useCallback((e) => {
+			let { title: n, content: r, onOk: i = t.handleClose } = e;
+			a({
+				title: n,
+				content: r,
+				onOk: i
+			}), t.handleOpen();
+		}, [t]),
+		handleClose: t.handleClose,
+		open: t.open
+	};
+	return /* @__PURE__ */ (0, f.jsxs)(m.Provider, {
+		value: o,
+		children: [/* @__PURE__ */ (0, f.jsx)(p, {
+			open: t.open,
+			title: n.title,
+			content: n.content,
+			onClose: t.handleClose,
+			onOk: n.onOk
+		}), e]
+	});
+}, g = () => {
+	let e = i.useContext(m);
+	if (!e) throw Error("useDialogMessage must be used within a DialogMessageProvider");
+	return e;
 };
+//#endregion
+export { h as DialogMessageProvider, p as SDialogMessage, p as default, g as useDialogMessage };

package/dist/s-empty/index.js

@@ -1,4 +1,3 @@
+import "../jsx-runtime-V-UOMaX1.js";
 import { SEmpty as e } from "./s-empty.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-empty/s-empty.d.ts

@@ -6,7 +6,6 @@ export interface SEmptyProps {
     /** Custom text to display (defaults to 'No data available.') */
     title?: string;
 }
-/** A simple component for displaying empty states in lists, tables, or data containers. */
 export declare const SEmpty: {
     ({ title }: SEmptyProps): React.JSX.Element;
     displayName: string;

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

@@ -1,8 +1,13 @@
-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." });
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import "react";
+import { Typography as t } from "@mui/material";
+//#region lib/s-empty/s-empty.tsx
+var n = e(), r = ({ title: e }) => /* @__PURE__ */ (0, n.jsx)(t, {
+	variant: "body2",
+	color: "text.secondary",
+	my: 3,
+	children: e ?? "No data available."
+});
 r.displayName = "SEmpty";
-export {
-  r as SEmpty,
-  r as default
-};
+//#endregion
+export { r as SEmpty, r as default };

package/dist/s-error/index.js

@@ -1,4 +1,3 @@
-import { SError as a } from "./s-error.js";
-export {
-  a as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SError as e } from "./s-error.js";
+export { e as default };

package/dist/s-error/s-error.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-/** A standardized error display component for 500 Internal Server Error states. */
 export declare const SError: {
     (): React.JSX.Element;
     displayName: string;

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

@@ -1,20 +1,31 @@
-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(
-    a,
-    {
-      alt: "Internal server error",
-      component: "img",
-      src: "../assets/error.svg",
-      sx: { height: "auto", maxWidth: "100%", width: "100px" }
-    }
-  ),
-  /* @__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." })
-] });
-o.displayName = "SError";
-export {
-  o as SError,
-  o as default
-};
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import "react";
+import { Box as t, Stack as n, Typography as r } from "@mui/material";
+//#region lib/s-error/s-error.tsx
+var i = e(), a = () => /* @__PURE__ */ (0, i.jsxs)(n, {
+	alignItems: "center",
+	gap: 2,
+	children: [
+		/* @__PURE__ */ (0, i.jsx)(t, {
+			alt: "Internal server error",
+			component: "img",
+			src: "../assets/error.svg",
+			sx: {
+				height: "auto",
+				maxWidth: "100%",
+				width: "100px"
+			}
+		}),
+		/* @__PURE__ */ (0, i.jsx)(r, {
+			variant: "h5",
+			children: "500: Internal server error"
+		}),
+		/* @__PURE__ */ (0, i.jsx)(r, {
+			variant: "body2",
+			children: "We're sorry, but we encountered an error while trying to load the content. Please try again later."
+		})
+	]
+});
+a.displayName = "SError";
+//#endregion
+export { a as SError, a as default };

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

@@ -1,4 +1,3 @@
-import { SErrorLayout as a } from "./s-error-layout.js";
-export {
-  a as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SErrorLayout as e } from "./s-error-layout.js";
+export { e as default };

package/dist/s-error-layout/s-error-layout.d.ts

@@ -51,7 +51,6 @@ export interface SErrorLayoutProps {
     /** Custom content to render instead of the button */
     customActions?: ReactNode;
 }
-/** A full-screen error layout component for displaying error pages with customizable content and styling. */
 export declare const SErrorLayout: {
     ({ imageSrc, imageAlt, title, description, buttonText, imageWidth, imageHeight, maxWidth, height, py, spacing, titleVariant, descriptionVariant, buttonVariant, buttonColor, containerSx, imageContainerSx, contentSx, titleSx, descriptionSx, buttonContainerSx, buttonProps, hideImage, customActions, }: SErrorLayoutProps): React.JSX.Element;
     displayName: string;