@solostylist/ui-kit 1.0.166 → 1.0.168

package/dist/s-dialog/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-dialog.js";
+import { SDialog as e } from "./s-dialog.js";
 export {
-  o as default
+  e as default
 };

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

@@ -1,7 +1,7 @@
 import { Breakpoint } from '@mui/material';
 import * as React from 'react';
 /**
- * Props interface for SDialog component
+ * Props for the SDialog component.
  */
 export interface SDialogProps {
     /** Dialog title - can be string or React element */
@@ -24,20 +24,7 @@ export interface SDialogProps {
     showClose?: boolean;
 }
 /**
- * SDialog - A flexible dialog component that wraps Material-UI Dialog with enhanced features.
- *
- * Key features:
- * - Automatic string content wrapping in Typography component
- * - Optional form wrapper for dialog-based forms
- * - Configurable close button in title bar
- * - Responsive max width with Material-UI breakpoints
- * - Consistent title styling with capitalization
- * - Flexible content and action areas
- * - Proper spacing and alignment for title elements
- * - Ref forwarding to DialogContent for scroll control
- *
- * @param props - SDialogProps with dialog configuration and content
- * @returns JSX.Element - Enhanced Material-UI Dialog
+ * A flexible dialog component that wraps Material-UI Dialog with enhanced form support and customization.
  */
-declare const SDialog: React.ForwardRefExoticComponent<SDialogProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SDialog: React.ForwardRefExoticComponent<SDialogProps & React.RefAttributes<HTMLDivElement>>;
 export default SDialog;

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

@@ -1,35 +1,44 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
+import { j as e } from "../jsx-runtime-OVHDjVDe.js";
 import * as f from "react";
-import { C as j } from "../Close-BRlEKA2Q.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(
+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(
   ({
-    title: s,
-    content: e,
-    actions: i,
-    onClose: o = () => {
+    title: a,
+    content: t,
+    actions: l,
+    onClose: n = () => {
     },
-    open: t = !1,
-    maxWidth: l = "sm",
-    useForm: c = !1,
-    onSubmit: d = () => {
+    open: s = !1,
+    maxWidth: d = "sm",
+    useForm: u = !1,
+    onSubmit: m = () => {
     },
-    showClose: x = !0
+    showClose: c = !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 })
+    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 })
     ] });
-    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, {}) })
+    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, {}) })
       ] }) }),
-      c ? /* @__PURE__ */ r.jsx("form", { onSubmit: d, children: a }) : a
+      u ? /* @__PURE__ */ e.jsx("form", { onSubmit: m, children: i }) : i
     ] });
   }
 );
-w.displayName = "SDialog";
+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 {
+}
 export {
-  w as default
+  o as SDialog,
+  o as default
 };

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

@@ -1,6 +1,6 @@
-import { DialogConfirmProvider as i, default as e, useDialogConfirm as f } from "./s-dialog-confirm.js";
+import { DialogConfirmProvider as r, SDialogConfirm as a, useDialogConfirm as f } from "./s-dialog-confirm.js";
 export {
-  i as DialogConfirmProvider,
-  e as default,
+  r as DialogConfirmProvider,
+  a as default,
   f as useDialogConfirm
 };

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

@@ -22,20 +22,12 @@ interface SDialogConfirmProps {
     loading?: boolean;
 }
 /**
- * SDialogConfirm - A confirmation dialog component with Cancel/Confirm actions.
- *
- * Key features:
- * - Pre-built Cancel and Confirm buttons with proper styling
- * - Loading state support that disables buttons during async operations
- * - Automatic string content wrapping in Typography component
- * - Configurable close button in title bar
- * - Consistent styling with the main SDialog component
- * - Built-in button labels (Cancel/Confirm) for common use cases
- *
- * @param props - SDialogConfirmProps with dialog configuration and handlers
- * @returns JSX.Element - Confirmation dialog with standard actions
+ * A confirmation dialog component with Cancel/Confirm actions and loading state support.
  */
-declare const SDialogConfirm: ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: SDialogConfirmProps) => React.JSX.Element;
+export declare const SDialogConfirm: {
+    ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: SDialogConfirmProps): React.JSX.Element;
+    displayName: string;
+};
 export default SDialogConfirm;
 /**
  * Options for opening a confirmation dialog

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

@@ -1,73 +1,80 @@
-import { j as n } from "../jsx-runtime-OVHDjVDe.js";
-import * as r from "react";
-import { C as p } from "../Close-BRlEKA2Q.js";
-import { Dialog as g, DialogTitle as j, Stack as D, IconButton as v, DialogContent as y, DialogActions as b, Button as d } from "@mui/material";
-import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-B7LOtCzI.js";
-const w = ({
-  title: e,
-  content: o,
-  onConfirm: s = () => {
+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,
+  content: n,
+  onConfirm: l = () => {
   },
-  onClose: i = () => {
+  onClose: a = () => {
   },
   open: t = !1,
-  maxWidth: a = "sm",
+  maxWidth: d = "sm",
   showClose: c = !0,
-  loading: l = !1
-}) => /* @__PURE__ */ n.jsxs(g, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
-  e && /* @__PURE__ */ n.jsx(j, { children: /* @__PURE__ */ n.jsxs(D, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-    typeof e == "string" ? /* @__PURE__ */ n.jsx(m, { variant: "h5", textTransform: "capitalize", children: e }) : /* @__PURE__ */ n.jsx("div", { children: e }),
-    c && /* @__PURE__ */ n.jsx(v, { onClick: i, children: /* @__PURE__ */ n.jsx(p, {}) })
+  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, {}) })
   ] }) }),
-  o && /* @__PURE__ */ n.jsx(y, { children: typeof o == "string" ? /* @__PURE__ */ n.jsx(m, { color: "text.secondary", variant: "body2", children: o }) : o }),
-  /* @__PURE__ */ n.jsx(b, { children: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(d, { onClick: i, variant: "outlined", disabled: l, children: "Cancel" }),
-    /* @__PURE__ */ n.jsx(d, { onClick: s, loading: l, children: "Confirm" })
+  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" })
   ] }) })
-] }), f = r.createContext(null), E = ({ children: e }) => {
-  const o = k(), [s, i] = r.useState(!1), [t, a] = r.useState({
+] });
+s.displayName = "SDialogConfirm";
+const f = i.createContext(null), W = ({ children: o }) => {
+  const n = V(), [l, a] = i.useState(!1), [t, d] = i.useState({
     title: "",
     content: "",
     onConfirm: () => {
     }
   }), c = {
-    handleOpen: r.useCallback(
-      (x) => {
-        const { title: C, content: h, onConfirm: u } = x;
-        a({ title: C, content: h, onConfirm: u }), o.handleOpen();
+    handleOpen: i.useCallback(
+      (p) => {
+        const { title: h, content: C, onConfirm: g } = p;
+        d({ title: h, content: C, onConfirm: g }), n.handleOpen();
       },
-      [o]
+      [n]
     ),
-    handleClose: o.handleClose,
-    open: o.open,
-    loading: s,
-    setLoading: i
-  }, l = () => {
+    handleClose: n.handleClose,
+    open: n.open,
+    loading: l,
+    setLoading: a
+  }, r = () => {
     t.onConfirm();
   };
-  return /* @__PURE__ */ n.jsxs(f.Provider, { value: c, children: [
-    /* @__PURE__ */ n.jsx(
-      w,
+  return /* @__PURE__ */ e.jsxs(f.Provider, { value: c, children: [
+    /* @__PURE__ */ e.jsx(
+      s,
       {
-        open: o.open,
+        open: n.open,
         title: t == null ? void 0 : t.title,
         content: t == null ? void 0 : t.content,
-        onClose: o.handleClose,
-        onConfirm: l,
-        loading: s
+        onClose: n.handleClose,
+        onConfirm: r,
+        loading: l
       }
     ),
-    e
+    o
   ] });
-}, O = () => {
-  const e = r.useContext(f);
-  if (!e)
+}, I = () => {
+  const o = i.useContext(f);
+  if (!o)
     throw new Error("useDialogConfirm must be used within a DialogConfirmProvider");
-  return e;
+  return o;
 };
+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 {
-  E as DialogConfirmProvider,
-  w as default,
-  O as useDialogConfirm
+  W as DialogConfirmProvider,
+  s as SDialogConfirm,
+  s as default,
+  I as useDialogConfirm
 };

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

@@ -1,6 +1,6 @@
-import { DialogMessageProvider as o, default as s, useDialogMessage as g } from "./s-dialog-message.js";
+import { DialogMessageProvider as s, SDialogMessage as g, useDialogMessage as o } from "./s-dialog-message.js";
 export {
-  o as DialogMessageProvider,
-  s as default,
-  g as useDialogMessage
+  s as DialogMessageProvider,
+  g as default,
+  o as useDialogMessage
 };

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

@@ -19,21 +19,11 @@ interface SDialogMessageProps {
     /** Whether to show the close button in the title bar */
     showClose?: boolean;
 }
-/**
- * SDialogMessage - A simple message dialog component with a single OK action.
- * Used for displaying informational messages, alerts, or notifications that require user acknowledgment.
- *
- * Key features:
- * - Single OK button for user acknowledgment
- * - Automatic string content wrapping in Typography component
- * - Configurable close button in title bar
- * - Consistent styling with other dialog components
- * - Simplified interface for common message dialog use cases
- *
- * @param props - SDialogMessageProps with dialog configuration and handlers
- * @returns JSX.Element - Message dialog with OK action
- */
-declare const SDialogMessage: ({ title, content, onClose, onOk, open, maxWidth, showClose, }: SDialogMessageProps) => React.JSX.Element;
+/** 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;
+};
 export default SDialogMessage;
 /**
  * Options for opening a message dialog

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

@@ -1,64 +1,71 @@
-import { j as o } from "../jsx-runtime-OVHDjVDe.js";
-import * as s from "react";
-import { C as u } from "../Close-BRlEKA2Q.js";
-import { Dialog as p, DialogTitle as g, Stack as m, IconButton as j, DialogContent as C, DialogActions as f, Button as D } from "@mui/material";
-import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as c } from "../Typography-B7LOtCzI.js";
-const v = ({
-  title: t,
+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,
   content: e,
-  onClose: n = () => {
+  onClose: a = () => {
   },
-  onOk: r = () => {
+  onOk: s = () => {
   },
   open: i = !1,
-  maxWidth: l = "sm",
-  showClose: a = !0
-}) => /* @__PURE__ */ o.jsxs(p, { fullWidth: !0, maxWidth: l, onClose: n, open: i, children: [
-  t && /* @__PURE__ */ o.jsx(g, { children: /* @__PURE__ */ o.jsxs(m, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-    typeof t == "string" ? /* @__PURE__ */ o.jsx(c, { variant: "h5", textTransform: "capitalize", children: t }) : /* @__PURE__ */ o.jsx("div", { children: t }),
-    a && /* @__PURE__ */ o.jsx(j, { onClick: n, children: /* @__PURE__ */ o.jsx(u, {}) })
+  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, {}) })
   ] }) }),
-  e && /* @__PURE__ */ o.jsx(C, { children: typeof e == "string" ? /* @__PURE__ */ o.jsx(c, { color: "text.secondary", variant: "body2", children: e }) : e }),
-  /* @__PURE__ */ o.jsx(f, { children: /* @__PURE__ */ o.jsx(D, { onClick: r, children: "Ok" }) })
-] }), d = s.createContext(null), I = ({ children: t }) => {
-  const e = k(), [n, r] = s.useState({
+  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" }) })
+] });
+l.displayName = "SDialogMessage";
+const u = n.createContext(null), M = ({ children: o }) => {
+  const e = j(), [a, s] = n.useState({
     title: "",
     content: "",
     onOk: e.handleClose
     // Default to closing dialog
   }), i = {
-    handleOpen: s.useCallback(
-      (l) => {
-        const { title: a, content: h, onOk: x = e.handleClose } = l;
-        r({ title: a, content: h, onOk: x }), e.handleOpen();
+    handleOpen: n.useCallback(
+      (r) => {
+        const { title: c, content: p, onOk: m = e.handleClose } = r;
+        s({ title: c, content: p, onOk: m }), e.handleOpen();
       },
       [e]
     ),
     handleClose: e.handleClose,
     open: e.open
   };
-  return /* @__PURE__ */ o.jsxs(d.Provider, { value: i, children: [
-    /* @__PURE__ */ o.jsx(
-      v,
+  return /* @__PURE__ */ t.jsxs(u.Provider, { value: i, children: [
+    /* @__PURE__ */ t.jsx(
+      l,
       {
         open: e.open,
-        title: n == null ? void 0 : n.title,
-        content: n == null ? void 0 : n.content,
+        title: a == null ? void 0 : a.title,
+        content: a == null ? void 0 : a.content,
         onClose: e.handleClose,
-        onOk: n == null ? void 0 : n.onOk
+        onOk: a == null ? void 0 : a.onOk
       }
     ),
-    t
+    o
   ] });
-}, M = () => {
-  const t = s.useContext(d);
-  if (!t)
+}, V = () => {
+  const o = n.useContext(u);
+  if (!o)
     throw new Error("useDialogMessage must be used within a DialogMessageProvider");
-  return t;
+  return o;
 };
+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 {
-  I as DialogMessageProvider,
-  v as default,
-  M as useDialogMessage
+  M as DialogMessageProvider,
+  l as SDialogMessage,
+  l as default,
+  V as useDialogMessage
 };

package/dist/s-empty/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-empty.js";
+import { SEmpty as e } from "./s-empty.js";
 export {
-  o as default
+  e as default
 };

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

@@ -6,24 +6,9 @@ export interface SEmptyProps {
     /** Custom text to display (defaults to 'No data available.') */
     title?: string;
 }
-/**
- * SEmpty - A simple component for displaying empty states in lists, tables, or data containers.
- *
- * Key features:
- * - Consistent typography and spacing for empty states
- * - Default message with option to customize
- * - Secondary text color for subtle appearance
- * - Vertical margin for proper spacing in layouts
- * - Minimal footprint for performance
- *
- * Commonly used in:
- * - Data tables with no results
- * - Empty lists or collections
- * - Search results with no matches
- * - Placeholder content areas
- *
- * @param props - SEmptyProps with optional custom title
- * @returns JSX.Element - Styled empty state message
- */
-declare const SEmpty: ({ title }: SEmptyProps) => React.JSX.Element;
+/** A simple component for displaying empty states in lists, tables, or data containers. */
+export declare const SEmpty: {
+    ({ title }: SEmptyProps): React.JSX.Element;
+    displayName: string;
+};
 export default SEmpty;

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

@@ -1,6 +1,16 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { Typography as t } from "@mui/material";
-const m = ({ title: o }) => /* @__PURE__ */ r.jsx(t, { variant: "body2", color: "text.secondary", my: 3, children: o || "No data available." });
+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 {
+}
 export {
-  m as default
+  e as SEmpty,
+  e as default
 };

package/dist/s-error/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-error.js";
+import { SError as a } from "./s-error.js";
 export {
-  o as default
+  a as default
 };

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

@@ -1,22 +1,7 @@
 import { default as React } from 'react';
-/**
- * SError - A standardized error display component for 500 Internal Server Error states.
- *
- * Key features:
- * - Visual error indicator with SVG icon
- * - Clear error code and user-friendly message
- * - Centered layout with proper spacing
- * - Responsive image sizing
- * - Consistent typography hierarchy
- * - No props required - self-contained error state
- *
- * Commonly used for:
- * - API error boundaries
- * - Server-side rendering errors
- * - Unexpected application failures
- * - Error fallback UI
- *
- * @returns JSX.Element - Styled 500 error display
- */
-declare const SError: () => React.JSX.Element;
+/** A standardized error display component for 500 Internal Server Error states. */
+export declare const SError: {
+    (): React.JSX.Element;
+    displayName: string;
+};
 export default SError;

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

@@ -1,8 +1,8 @@
 import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { Stack as t, Box as a, Typography as e } from "@mui/material";
-const s = () => /* @__PURE__ */ r.jsxs(t, { alignItems: "center", gap: 2, children: [
+import { Stack as a, Box as s, Typography as o } from "@mui/material";
+const e = () => /* @__PURE__ */ r.jsxs(a, { alignItems: "center", gap: 2, children: [
   /* @__PURE__ */ r.jsx(
-    a,
+    s,
     {
       alt: "Internal server error",
       component: "img",
@@ -10,9 +10,19 @@ const s = () => /* @__PURE__ */ r.jsxs(t, { alignItems: "center", gap: 2, childr
       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." })
+  /* @__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." })
 ] });
+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 {
+}
 export {
-  s as default
+  e as SError,
+  e as default
 };

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

@@ -1,4 +1,4 @@
-import { default as o } from "./s-error-layout.js";
+import { SErrorLayout as a } from "./s-error-layout.js";
 export {
-  o as default
+  a as default
 };

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

@@ -1,5 +1,6 @@
 import { default as React, ReactNode } from 'react';
 import { ButtonProps, SxProps, Theme, TypographyProps } from '@mui/material';
+/** Props interface for SErrorLayout component */
 export interface SErrorLayoutProps {
     /** Source URL for the error image */
     imageSrc: string;
@@ -50,5 +51,9 @@ export interface SErrorLayoutProps {
     /** Custom content to render instead of the button */
     customActions?: ReactNode;
 }
-declare function 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;
+/** 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;
+};
 export default SErrorLayout;