@solostylist/ui-kit 1.0.9 → 1.0.11

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ChipProps } from '@mui/material';
+interface SChipProps extends ChipProps {
+}
+declare const SChip: ({ variant, ...props }: SChipProps) => React.JSX.Element;
+export default SChip;

package/dist/s-chip/s-chip.js

@@ -0,0 +1,6 @@
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import { Chip as i } from "@mui/material";
+const m = ({ variant: r = "filled", ...s }) => /* @__PURE__ */ t.jsx(i, { variant: r, size: "small", ...s });
+export {
+  m as default
+};

package/dist/s-chips/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-chips';

package/dist/s-chips/index.js

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

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

@@ -0,0 +1,7 @@
+interface SChipsProps {
+    chips: string[];
+    overflow?: boolean;
+    onClick?: (tag: string) => void;
+}
+declare const SChips: ({ chips, overflow, onClick }: SChipsProps) => import("react/jsx-runtime").JSX.Element;
+export default SChips;

package/dist/s-chips/s-chips.js

@@ -0,0 +1,74 @@
+import { j as n } from "../jsx-runtime-C5mzlN2N.js";
+import { useRef as S, useState as m, useEffect as g } from "react";
+import { Box as r, Tooltip as E } from "@mui/material";
+import h from "../s-chip/s-chip.js";
+const P = ({ chips: s, overflow: l = !0, onClick: o }) => {
+  const c = S(null), [w, b] = m([]), [C, y] = m([]), [u, j] = m(0), a = () => {
+    var x;
+    const t = ((x = c.current) == null ? void 0 : x.offsetWidth) || 0;
+    let e = 0, i = 0;
+    for (let p = 0; p < s.length; p++) {
+      const f = d(s[p]);
+      if (e + f <= t)
+        e += f, i++;
+      else
+        break;
+    }
+    const v = d(`+${s.length - i} keywords`);
+    for (; e + v > t && i > 0; )
+      i--, e -= d(s[i]);
+    b(s.slice(0, i)), y(s.slice(i)), j(s.length - i);
+  }, d = (t) => {
+    const e = document.createElement("span");
+    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.textContent = t.trim(), document.body.appendChild(e);
+    const i = e.offsetWidth;
+    return document.body.removeChild(e), i + 16;
+  }, W = l ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
+  return g(() => (a(), window.addEventListener("resize", a), () => {
+    window.removeEventListener("resize", a);
+  }), [s]), /* @__PURE__ */ n.jsxs(r, { ref: c, display: "flex", maxWidth: "100%", ...W, children: [
+    (l ? w : s).map((t) => /* @__PURE__ */ n.jsx(
+      r,
+      {
+        component: "span",
+        textTransform: "lowercase",
+        onClick: () => {
+          o == null || o(t);
+        },
+        children: /* @__PURE__ */ n.jsx(
+          h,
+          {
+            label: t.trim(),
+            sx: {
+              mr: 1,
+              mb: 1,
+              userSelect: "none",
+              cursor: o ? "pointer" : "default"
+            }
+          }
+        )
+      },
+      t
+    )),
+    l && u > 0 && /* @__PURE__ */ n.jsx(
+      E,
+      {
+        slotProps: {
+          tooltip: { style: { padding: "0.5rem" } }
+        },
+        title: /* @__PURE__ */ n.jsx(r, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: C.map((t) => /* @__PURE__ */ n.jsx(h, { label: t.trim() }, t)) }),
+        children: /* @__PURE__ */ n.jsx(r, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ n.jsx(
+          h,
+          {
+            label: `+${u} keywords`,
+            variant: "outlined",
+            sx: { mr: 1, mb: 1, userSelect: "none", cursor: "pointer" }
+          }
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  P as default
+};

package/dist/s-data-table/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-data-table';
+export type { ColumnDef, SDataTableProps } from './s-data-table';

package/dist/s-data-table/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-data-table.js";
+export {
+  o as default
+};

package/dist/{AppDataTable/AppDataTable.d.ts → s-data-table/s-data-table.d.ts}

@@ -9,7 +9,7 @@ export interface ColumnDef<TRowModel> {
     width?: number | string;
 }
 type RowId = number | string;
-export interface AppDataTableProps<TRowModel> extends Omit<TableProps, 'onClick'> {
+export interface SDataTableProps<TRowModel> extends Omit<TableProps, 'onClick'> {
     columns: ColumnDef<TRowModel>[];
     hideHead?: boolean;
     hover?: boolean;
@@ -23,7 +23,7 @@ export interface AppDataTableProps<TRowModel> extends Omit<TableProps, 'onClick'
     selected?: Set<RowId>;
     uniqueRowId?: (row: TRowModel) => RowId;
 }
-declare function AppDataTable<TRowModel extends object & {
+declare function SDataTable<TRowModel extends object & {
     id?: RowId | null;
-}>({ columns, hideHead, hover, onClick, onDeselectAll, onDeselectOne, onSelectOne, onSelectAll, rows, selectable, selected, uniqueRowId, ...props }: AppDataTableProps<TRowModel>): React.JSX.Element;
-export default AppDataTable;
+}>({ columns, hideHead, hover, onClick, onDeselectAll, onDeselectOne, onSelectOne, onSelectAll, rows, selectable, selected, uniqueRowId, ...props }: SDataTableProps<TRowModel>): React.JSX.Element;
+export default SDataTable;

package/dist/{AppDataTable/AppDataTable.js → s-data-table/s-data-table.js}

@@ -1,17 +1,17 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
 import { v4 as Te } from "uuid";
-import Ce from "../AppNoData/AppNoData.js";
+import Ce from "../s-empty/s-empty.js";
 import * as h from "react";
 import { c as j, P as e, a as B, l as ke, n as je } from "../createTheme-BZxWCiBm.js";
 import { c as H } from "../identifier-CHPjnqaz.js";
-import { s as S, c as z, r as ae, u as M, m as D } from "../memoTheme-B7hT_l31.js";
+import { s as S, c as z, r as ae, u as M, m as W } from "../memoTheme-CaOW5YiB.js";
 import { g as I } from "../generateUtilityClass-CRH_bFW6.js";
 import { g as E } from "../generateUtilityClasses-STjIp_B9.js";
 import { g as Oe, t as Re } from "../tableCellClasses-CBw1aep0.js";
-import { u as we, a as Pe } from "../useControlled-QI8qSFYJ.js";
-import { u as L, m as Se } from "../useSlot-CX_V7IfD.js";
-import { B as Ne, r as ze } from "../ButtonBase-C9K74oZC.js";
-import { c as G } from "../createSvgIcon-CoYExp5F.js";
+import { u as we, a as Pe } from "../useControlled-Bvu9pDu8.js";
+import { u as A, m as Se } from "../useSlot-CtsS_jy6.js";
+import { B as Ne, r as ze } from "../ButtonBase-BFsNsbc9.js";
+import { c as G } from "../createSvgIcon-B7_s-URK.js";
 import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
 function $e(o) {
   return I("PrivateSwitchBase", o);
@@ -119,19 +119,19 @@ const Be = (o) => {
   };
   let F = d;
   w && typeof F > "u" && (F = w.disabled);
-  const ge = R === "checkbox" || R === "radio", W = {
+  const ge = R === "checkbox" || R === "radio", D = {
     ...t,
     checked: K,
     disabled: F,
     disableFocusRipple: u,
     edge: y
-  }, Q = Be(W), X = {
+  }, Q = Be(D), X = {
     slots: ce,
     slotProps: {
       input: O,
       ...pe
     }
-  }, [me, he] = L("root", {
+  }, [me, he] = A("root", {
     ref: s,
     elementType: He,
     className: Q.root,
@@ -152,7 +152,7 @@ const Be = (o) => {
         (P = b.onBlur) == null || P.call(b, k), be(k);
       }
     }),
-    ownerState: W,
+    ownerState: D,
     additionalProps: {
       centerRipple: !0,
       focusRipple: !u,
@@ -160,7 +160,7 @@ const Be = (o) => {
       role: void 0,
       tabIndex: null
     }
-  }), [xe, ve] = L("input", {
+  }), [xe, ve] = A("input", {
     ref: g,
     elementType: Me,
     className: Q.input,
@@ -172,7 +172,7 @@ const Be = (o) => {
         (P = b.onChange) == null || P.call(b, k), ye(k);
       }
     }),
-    ownerState: W,
+    ownerState: D,
     additionalProps: {
       autoFocus: a,
       checked: i,
@@ -325,7 +325,7 @@ const Ie = G(/* @__PURE__ */ r.jsx("path", {
 function Ue(o) {
   return I("MuiCheckbox", o);
 }
-const A = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ve = (o) => {
+const L = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ve = (o) => {
   const {
     classes: t,
     indeterminate: s,
@@ -349,7 +349,7 @@ const A = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     } = o;
     return [t.root, s.indeterminate && t.indeterminate, t[`size${j(s.size)}`], s.color !== "default" && t[`color${j(s.color)}`]];
   }
-})(D(({
+})(W(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -378,10 +378,10 @@ const A = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       color: t
     },
     style: {
-      [`&.${A.checked}, &.${A.indeterminate}`]: {
+      [`&.${L.checked}, &.${L.indeterminate}`]: {
         color: (o.vars || o).palette[t].main
       },
-      [`&.${A.disabled}`]: {
+      [`&.${L.disabled}`]: {
         color: (o.vars || o).palette.action.disabled
       }
     }
@@ -399,16 +399,16 @@ const A = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), De = /* @__PURE__ */ r.jsx(Ee, {}), We = /* @__PURE__ */ r.jsx(Ie, {}), Ae = /* @__PURE__ */ r.jsx(Fe, {}), q = /* @__PURE__ */ h.forwardRef(function(t, s) {
+}))), We = /* @__PURE__ */ r.jsx(Ee, {}), De = /* @__PURE__ */ r.jsx(Ie, {}), Le = /* @__PURE__ */ r.jsx(Fe, {}), q = /* @__PURE__ */ h.forwardRef(function(t, s) {
   const a = M({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = De,
+    checkedIcon: i = We,
     color: n = "primary",
-    icon: p = We,
+    icon: p = De,
     indeterminate: d = !1,
-    indeterminateIcon: u = Ae,
+    indeterminateIcon: u = Le,
     inputProps: y,
     size: l = "medium",
     disableRipple: x = !1,
@@ -422,7 +422,7 @@ const A = E("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     color: n,
     indeterminate: d,
     size: l
-  }, f = Ve(C), N = T.input ?? y, [R, V] = L("root", {
+  }, f = Ve(C), N = T.input ?? y, [R, V] = A("root", {
     ref: s,
     elementType: _e,
     className: H(f.root, O),
@@ -571,7 +571,7 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
 });
 const J = /* @__PURE__ */ h.createContext();
 process.env.NODE_ENV !== "production" && (J.displayName = "TableContext");
-function Le(o) {
+function Ae(o) {
   return I("MuiTable", o);
 }
 E("MuiTable", ["root", "stickyHeader"]);
@@ -582,7 +582,7 @@ const qe = (o) => {
   } = o;
   return z({
     root: ["root", s && "stickyHeader"]
-  }, Le, t);
+  }, Ae, t);
 }, Ge = S("table", {
   name: "MuiTable",
   slot: "Root",
@@ -592,7 +592,7 @@ const qe = (o) => {
     } = o;
     return [t.root, s.stickyHeader && t.stickyHeader];
   }
-})(D(({
+})(W(({
   theme: o
 }) => ({
   display: "table",
@@ -783,7 +783,7 @@ const Ye = (o) => {
     } = o;
     return [t.root, t[s.variant], t[`size${j(s.size)}`], s.padding !== "normal" && t[`padding${j(s.padding)}`], s.align !== "inherit" && t[`align${j(s.align)}`], s.stickyHeader && t.stickyHeader];
   }
-})(D(({
+})(W(({
   theme: o
 }) => ({
   ...o.typography.body2,
@@ -1082,7 +1082,7 @@ const te = E("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), no
     } = o;
     return [t.root, s.head && t.head, s.footer && t.footer];
   }
-})(D(({
+})(W(({
   theme: o
 }) => ({
   color: "inherit",

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

@@ -0,0 +1 @@
+export { default } from './s-dialog';

package/dist/s-dialog/index.js

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

package/dist/{AppDialog/AppDialog.d.ts → s-dialog/s-dialog.d.ts}

@@ -1,6 +1,6 @@
 import { Breakpoint } from '@mui/material';
 import * as React from 'react';
-interface AppDialogProps {
+interface SDialogProps {
     title?: string | React.ReactNode;
     content?: string | React.ReactNode;
     actions?: React.ReactNode;
@@ -11,5 +11,5 @@ interface AppDialogProps {
     onSubmit?: () => void;
     showClose?: boolean;
 }
-declare const AppDialog: ({ title, content, actions, onClose, open, maxWidth, useForm, onSubmit, showClose, }: AppDialogProps) => React.JSX.Element;
-export default AppDialog;
+declare const SDialog: ({ title, content, actions, onClose, open, maxWidth, useForm, onSubmit, showClose, }: SDialogProps) => React.JSX.Element;
+export default SDialog;

package/dist/{AppDialog/AppDialog.js → s-dialog/s-dialog.js}

@@ -1,6 +1,6 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
-import { Dialog as p, DialogTitle as j, Stack as h, Typography as t, IconButton as f, DialogContent as m, DialogActions as g } from "@mui/material";
-import { S as u } from "../X-Cw1SQcRJ.js";
+import { Dialog as j, DialogTitle as h, Stack as p, Typography as t, IconButton as f, DialogContent as m, DialogActions as g } from "@mui/material";
+import { S as u } from "../X-B8GTZwii.js";
 const w = ({
   title: i,
   content: s,
@@ -18,8 +18,8 @@ const w = ({
     s && /* @__PURE__ */ r.jsx(m, { children: typeof s == "string" ? /* @__PURE__ */ r.jsx(t, { color: "text.secondary", variant: "body2", children: s }) : s }),
     e && /* @__PURE__ */ r.jsx(g, { children: e })
   ] });
-  return /* @__PURE__ */ r.jsxs(p, { fullWidth: !0, maxWidth: l, onClose: n, open: a, children: [
-    i && /* @__PURE__ */ r.jsx(j, { children: /* @__PURE__ */ r.jsxs(h, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+  return /* @__PURE__ */ r.jsxs(j, { fullWidth: !0, maxWidth: l, onClose: n, open: a, children: [
+    i && /* @__PURE__ */ r.jsx(h, { children: /* @__PURE__ */ r.jsxs(p, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
       typeof i == "string" ? /* @__PURE__ */ r.jsx(t, { variant: "h5", textTransform: "capitalize", children: i }) : /* @__PURE__ */ r.jsx("div", { children: i }),
       d && /* @__PURE__ */ r.jsx(f, { onClick: n, children: /* @__PURE__ */ r.jsx(u, {}) })
     ] }) }),

package/dist/{AppDialogConfirm → s-dialog-confirm}/index.d.ts

@@ -1,2 +1,2 @@
-export { default, DialogConfirmProvider, useDialogConfirm } from './AppDialogConfirm';
-export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './AppDialogConfirm';
+export { default, DialogConfirmProvider, useDialogConfirm } from './s-dialog-confirm';
+export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './s-dialog-confirm';

package/dist/{AppDialogConfirm → s-dialog-confirm}/index.js

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

package/dist/{AppDialogConfirm/AppDialogConfirm.d.ts → s-dialog-confirm/s-dialog-confirm.d.ts}

@@ -1,6 +1,6 @@
 import { Breakpoint } from '@mui/material';
 import * as React from 'react';
-interface AppDialogConfirmProps {
+interface SDialogConfirmProps {
     title?: string | React.ReactNode;
     content?: string | React.ReactNode;
     onConfirm?: () => void;
@@ -10,8 +10,8 @@ interface AppDialogConfirmProps {
     showClose?: boolean;
     loading?: boolean;
 }
-declare const AppDialogConfirm: ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: AppDialogConfirmProps) => React.JSX.Element;
-export default AppDialogConfirm;
+declare const SDialogConfirm: ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: SDialogConfirmProps) => React.JSX.Element;
+export default SDialogConfirm;
 export interface DialogConfirmOpenOptions {
     title: string;
     content: string;

package/dist/{AppDialogConfirm/AppDialogConfirm.js → s-dialog-confirm/s-dialog-confirm.js}

@@ -1,11 +1,11 @@
 import { j as n } from "../jsx-runtime-C5mzlN2N.js";
 import * as r from "react";
-import { Dialog as C, DialogTitle as g, Stack as j, IconButton as D, DialogContent as v, DialogActions as y } from "@mui/material";
-import { S as b } from "../X-Cw1SQcRJ.js";
-import d from "../AppButton/AppButton.js";
-import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-CgNLUV5h.js";
-const w = ({
+import { Dialog as p, DialogTitle as g, Stack as j, IconButton as D, DialogContent as v, DialogActions as y } from "@mui/material";
+import { S as b } from "../X-B8GTZwii.js";
+import { useDialog as S } from "../hooks/use-dialog.js";
+import d from "../s-button/s-button.js";
+import { T as m } from "../Typography-jSFidXje.js";
+const k = ({
   title: e,
   content: o,
   onConfirm: s = () => {
@@ -16,7 +16,7 @@ const w = ({
   maxWidth: a = "sm",
   showClose: c = !0,
   loading: l = !1
-}) => /* @__PURE__ */ n.jsxs(C, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
+}) => /* @__PURE__ */ n.jsxs(p, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
   e && /* @__PURE__ */ n.jsx(g, { children: /* @__PURE__ */ n.jsxs(j, { 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(D, { onClick: i, children: /* @__PURE__ */ n.jsx(b, {}) })
@@ -26,17 +26,17 @@ const w = ({
     /* @__PURE__ */ n.jsx(d, { onClick: i, variant: "outlined", disabled: l, children: "Cancel" }),
     /* @__PURE__ */ n.jsx(d, { onClick: s, disabled: l, children: "Confirm" })
   ] }) })
-] }), f = r.createContext(null), I = ({ children: e }) => {
-  const o = k(), [s, i] = r.useState(!1), [t, a] = r.useState({
+] }), f = r.createContext(null), O = ({ children: e }) => {
+  const o = S(), [s, i] = r.useState(!1), [t, a] = r.useState({
     title: "",
     content: "",
     onConfirm: () => {
     }
   }), c = {
     handleOpen: r.useCallback(
-      (p) => {
-        const { title: x, content: h, onConfirm: u } = p;
-        a({ title: x, content: h, onConfirm: u }), o.handleOpen();
+      (x) => {
+        const { title: h, content: u, onConfirm: C } = x;
+        a({ title: h, content: u, onConfirm: C }), o.handleOpen();
       },
       [o]
     ),
@@ -49,7 +49,7 @@ const w = ({
   };
   return /* @__PURE__ */ n.jsxs(f.Provider, { value: c, children: [
     /* @__PURE__ */ n.jsx(
-      w,
+      k,
       {
         open: o.open,
         title: t == null ? void 0 : t.title,
@@ -61,14 +61,14 @@ const w = ({
     ),
     e
   ] });
-}, O = () => {
+}, R = () => {
   const e = r.useContext(f);
   if (!e)
     throw new Error("useDialogConfirm must be used within a DialogConfirmProvider");
   return e;
 };
 export {
-  I as DialogConfirmProvider,
-  w as default,
-  O as useDialogConfirm
+  O as DialogConfirmProvider,
+  k as default,
+  R as useDialogConfirm
 };

package/dist/{AppDialogMessage → s-dialog-message}/index.d.ts

@@ -1,2 +1,2 @@
-export { default, DialogMessageProvider, useDialogMessage } from './AppDialogMessage';
-export type { DialogMessageOpenOptions, DialogMessageContextProps } from './AppDialogMessage';
+export { default, DialogMessageProvider, useDialogMessage } from './s-dialog-message';
+export type { DialogMessageOpenOptions, DialogMessageContextProps } from './s-dialog-message';

package/dist/{AppDialogMessage → s-dialog-message}/index.js

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

package/dist/{AppDialogMessage/AppDialogMessage.d.ts → s-dialog-message/s-dialog-message.d.ts}

@@ -1,6 +1,6 @@
 import { Breakpoint } from '@mui/material';
 import * as React from 'react';
-interface AppDialogMessageProps {
+interface SDialogMessageProps {
     title?: string | React.ReactNode;
     content?: string | React.ReactNode;
     onClose?: () => void;
@@ -9,8 +9,8 @@ interface AppDialogMessageProps {
     maxWidth?: Breakpoint;
     showClose?: boolean;
 }
-declare const AppDialogMessage: ({ title, content, onClose, onOk, open, maxWidth, showClose, }: AppDialogMessageProps) => React.JSX.Element;
-export default AppDialogMessage;
+declare const SDialogMessage: ({ title, content, onClose, onOk, open, maxWidth, showClose, }: SDialogMessageProps) => React.JSX.Element;
+export default SDialogMessage;
 export interface DialogMessageOpenOptions {
     title?: string;
     content?: string;

package/dist/{AppDialogMessage/AppDialogMessage.js → s-dialog-message/s-dialog-message.js}

@@ -1,37 +1,37 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
 import * as s from "react";
-import { Dialog as x, DialogTitle as u, Stack as m, IconButton as g, DialogContent as j, DialogActions as f } from "@mui/material";
-import { S as C } from "../X-Cw1SQcRJ.js";
-import D from "../AppButton/AppButton.js";
-import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as c } from "../Typography-CgNLUV5h.js";
+import { Dialog as p, DialogTitle as u, Stack as m, IconButton as g, DialogContent as j, DialogActions as f } from "@mui/material";
+import { S as C } from "../X-B8GTZwii.js";
+import { useDialog as D } from "../hooks/use-dialog.js";
+import k from "../s-button/s-button.js";
+import { T as c } from "../Typography-jSFidXje.js";
 const v = ({
-  title: t,
+  title: n,
   content: o,
-  onClose: n = () => {
+  onClose: t = () => {
   },
   onOk: r = () => {
   },
   open: i = !1,
   maxWidth: l = "sm",
   showClose: a = !0
-}) => /* @__PURE__ */ e.jsxs(x, { fullWidth: !0, maxWidth: l, onClose: n, open: i, children: [
-  t && /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-    typeof t == "string" ? /* @__PURE__ */ e.jsx(c, { variant: "h5", textTransform: "capitalize", children: t }) : /* @__PURE__ */ e.jsx("div", { children: t }),
-    a && /* @__PURE__ */ e.jsx(g, { onClick: n, children: /* @__PURE__ */ e.jsx(C, {}) })
+}) => /* @__PURE__ */ e.jsxs(p, { fullWidth: !0, maxWidth: l, onClose: t, open: i, children: [
+  n && /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof n == "string" ? /* @__PURE__ */ e.jsx(c, { variant: "h5", textTransform: "capitalize", children: n }) : /* @__PURE__ */ e.jsx("div", { children: n }),
+    a && /* @__PURE__ */ e.jsx(g, { onClick: t, children: /* @__PURE__ */ e.jsx(C, {}) })
   ] }) }),
   o && /* @__PURE__ */ e.jsx(j, { children: typeof o == "string" ? /* @__PURE__ */ e.jsx(c, { color: "text.secondary", variant: "body2", children: o }) : o }),
-  /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(D, { onClick: r, children: "Ok" }) }) })
-] }), d = s.createContext(null), M = ({ children: t }) => {
-  const o = k(), [n, r] = s.useState({
+  /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(k, { onClick: r, children: "Ok" }) }) })
+] }), d = s.createContext(null), M = ({ children: n }) => {
+  const o = D(), [t, r] = s.useState({
     title: "",
     content: "",
     onOk: o.handleClose
   }), i = {
     handleOpen: s.useCallback(
       (l) => {
-        const { title: a, content: p, onOk: h = o.handleClose } = l;
-        r({ title: a, content: p, onOk: h }), o.handleOpen();
+        const { title: a, content: h, onOk: x = o.handleClose } = l;
+        r({ title: a, content: h, onOk: x }), o.handleOpen();
       },
       [o]
     ),
@@ -43,19 +43,19 @@ const v = ({
       v,
       {
         open: o.open,
-        title: n == null ? void 0 : n.title,
-        content: n == null ? void 0 : n.content,
+        title: t == null ? void 0 : t.title,
+        content: t == null ? void 0 : t.content,
         onClose: o.handleClose,
-        onOk: n == null ? void 0 : n.onOk
+        onOk: t == null ? void 0 : t.onOk
       }
     ),
-    t
+    n
   ] });
 }, P = () => {
-  const t = s.useContext(d);
-  if (!t)
+  const n = s.useContext(d);
+  if (!n)
     throw new Error("useDialogMessage must be used within a DialogMessageProvider");
-  return t;
+  return n;
 };
 export {
   M as DialogMessageProvider,

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

@@ -0,0 +1 @@
+export { default } from './s-empty';

package/dist/s-empty/index.js

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

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

@@ -0,0 +1,5 @@
+interface SEmptyProps {
+    title?: string;
+}
+declare const SEmpty: ({ title }: SEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export default SEmpty;

package/dist/{AppEmpty/AppEmpty.js → s-empty/s-empty.js}

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

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

@@ -0,0 +1 @@
+export { default } from './s-error';

package/dist/s-error/index.js

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

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const SError: () => React.JSX.Element;
+export default SError;

package/dist/s-file-dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-file-dropzone';
+export type { CustomFile } from './s-file-dropzone';

package/dist/s-file-dropzone/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-file-dropzone.js";
+export {
+  o as default
+};