@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/s-dialog/index.js

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

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

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

@@ -1,6 +1,3 @@
-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-DuS5_nJb.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.js

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

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

@@ -1,6 +1,3 @@
-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-DuS5_nJb.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.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-DuS5_nJb.js";
+import { t as e } from "../Typography-CswuXQLF.js";
+import { t } from "../Close-OtVsJy75.js";
+import { useDialog as n } from "../hooks/use-dialog.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o, Dialog as s, DialogActions as c, DialogContent as l, DialogTitle as u, IconButton as d, Stack as f } from "@mui/material";
+//#region lib/s-dialog-message/s-dialog-message.tsx
+var p = ({ title: n, content: r, onClose: p = () => {}, onOk: m = () => {}, open: h = !1, maxWidth: g = "sm", showClose: _ = !0 }) => /* @__PURE__ */ a(s, {
+	fullWidth: !0,
+	maxWidth: g,
+	onClose: p,
+	open: h,
+	children: [
+		n && /* @__PURE__ */ i(u, { children: /* @__PURE__ */ a(f, {
+			direction: "row",
+			spacing: 3,
+			sx: {
+				alignItems: "center",
+				justifyContent: "space-between"
+			},
+			children: [typeof n == "string" ? /* @__PURE__ */ i(e, {
+				variant: "h5",
+				textTransform: "capitalize",
+				children: n
+			}) : /* @__PURE__ */ i("div", { children: n }), _ && /* @__PURE__ */ i(d, {
+				onClick: p,
+				children: /* @__PURE__ */ i(t, {})
+			})]
+		}) }),
+		r && /* @__PURE__ */ i(l, { children: typeof r == "string" ? /* @__PURE__ */ i(e, {
+			color: "text.secondary",
+			variant: "body2",
+			children: r
+		}) : r }),
+		/* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(o, {
+			onClick: m,
+			children: "Ok"
+		}) })
+	]
+});
+p.displayName = "SDialogMessage";
+var m = r.createContext(null), h = ({ children: e }) => {
+	let t = n(), [o, s] = r.useState({
+		title: "",
+		content: "",
+		onOk: t.handleClose
+	}), c = {
+		handleOpen: r.useCallback((e) => {
+			let { title: n, content: r, onOk: i = t.handleClose } = e;
+			s({
+				title: n,
+				content: r,
+				onOk: i
+			}), t.handleOpen();
+		}, [t]),
+		handleClose: t.handleClose,
+		open: t.open
+	};
+	return /* @__PURE__ */ a(m.Provider, {
+		value: c,
+		children: [/* @__PURE__ */ i(p, {
+			open: t.open,
+			title: o.title,
+			content: o.content,
+			onClose: t.handleClose,
+			onOk: o.onOk
+		}), e]
+	});
+}, g = () => {
+	let e = r.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,2 @@
 import { SEmpty as e } from "./s-empty.js";
-export {
-  e as default
-};
+export { e as default };

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

package/dist/s-error/index.js

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

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 "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Box as n, Stack as r, Typography as i } from "@mui/material";
+//#region lib/s-error/s-error.tsx
+var a = () => /* @__PURE__ */ t(r, {
+	alignItems: "center",
+	gap: 2,
+	children: [
+		/* @__PURE__ */ e(n, {
+			alt: "Internal server error",
+			component: "img",
+			src: "../assets/error.svg",
+			sx: {
+				height: "auto",
+				maxWidth: "100%",
+				width: "100px"
+			}
+		}),
+		/* @__PURE__ */ e(i, {
+			variant: "h5",
+			children: "500: Internal server error"
+		}),
+		/* @__PURE__ */ e(i, {
+			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,2 @@
-import { SErrorLayout as a } from "./s-error-layout.js";
-export {
-  a as default
-};
+import { SErrorLayout as e } from "./s-error-layout.js";
+export { e as default };