@solostylist/ui-kit 1.0.9 → 1.0.11

package/README.md

@@ -9,5 +9,5 @@ npm i @solostylist/ui-kit
 ## Usage
 
 ```javascript
-import { AppAvatar, AppButton } from '@solostylist/ui-kit';
+import { SButton } from '@solostylist/ui-kit';
 ```

package/dist/{ButtonBase-C9K74oZC.js → ButtonBase-BFsNsbc9.js}

@@ -7,7 +7,7 @@ import { P as o } from "./createTheme-BZxWCiBm.js";
 import { c as x } from "./identifier-CHPjnqaz.js";
 import { j as k } from "./jsx-runtime-C5mzlN2N.js";
 import { g as Be } from "./generateUtilityClasses-STjIp_B9.js";
-import { u as he, s as re, c as $e } from "./memoTheme-B7hT_l31.js";
+import { u as he, s as re, c as $e } from "./memoTheme-CaOW5YiB.js";
 import { keyframes as ie } from "@emotion/react";
 import { g as Fe, b as Ue } from "./buttonBaseClasses-DxKwiRBX.js";
 import { u as _e } from "./useEnhancedEffect-CJGo-L3B.js";

package/dist/{Menu-DrTy5vbc.js → Menu-CzI0zcbw.js}

@@ -3,11 +3,11 @@ import me from "react";
 import { P as e, a as ze, o as We, k as it } from "./createTheme-BZxWCiBm.js";
 import { T as Nt, c as ee } from "./identifier-CHPjnqaz.js";
 import { j as L } from "./jsx-runtime-C5mzlN2N.js";
-import { d as wt, u as ie, s as z, c as ae, m as at, r as St } from "./memoTheme-B7hT_l31.js";
+import { d as wt, u as ie, s as z, c as ae, m as at, r as St } from "./memoTheme-CaOW5YiB.js";
 import { g as Re } from "./generateUtilityClass-CRH_bFW6.js";
 import { g as Oe } from "./generateUtilityClasses-STjIp_B9.js";
-import { u as G, e as Ct, m as kt, r as Mt, a as Dt, b as It } from "./useSlot-CX_V7IfD.js";
-import { _ as jt, a as Ft, T as lt, c as Ne, b as Lt, u as we, r as At, e as _t } from "./ButtonBase-C9K74oZC.js";
+import { u as G, e as Ct, m as kt, r as Mt, a as Dt, b as It } from "./useSlot-CtsS_jy6.js";
+import { _ as jt, a as Ft, T as lt, c as Ne, b as Lt, u as we, r as At, e as _t } from "./ButtonBase-BFsNsbc9.js";
 import { u as $t } from "./useTheme-DrS6mww6.js";
 import * as Vt from "react-dom";
 import he from "react-dom";
@@ -15,7 +15,7 @@ import { unstable_getScrollbarSize as Ut, unstable_ownerWindow as Ee, unstable_o
 import { g as Ht } from "./backdropClasses-lc38rgzd.js";
 import { g as Bt } from "./paperClasses-D1WMlaxU.js";
 import { u as zt } from "./useEnhancedEffect-CJGo-L3B.js";
-import { L as Wt } from "./MenuItem-CSmlAERi.js";
+import { L as Wt } from "./MenuItem-Bl45WcKS.js";
 const Gt = /* @__PURE__ */ p.createContext();
 process.env.NODE_ENV !== "production" && (e.node, e.bool);
 const Xt = () => p.useContext(Gt) ?? !1;

package/dist/{MenuItem-CSmlAERi.js → MenuItem-Bl45WcKS.js}

@@ -1,11 +1,11 @@
 import * as l from "react";
 import { a as d, P as o } from "./createTheme-BZxWCiBm.js";
 import { c as x } from "./identifier-CHPjnqaz.js";
-import { u as V, s as j, c as B, r as L, m as P } from "./memoTheme-B7hT_l31.js";
+import { u as V, s as j, c as B, r as L, m as P } from "./memoTheme-CaOW5YiB.js";
 import { g as S, d as $, m as i } from "./menuItemClasses-BxqenSTj.js";
 import { j as I } from "./jsx-runtime-C5mzlN2N.js";
 import { u as D } from "./useEnhancedEffect-CJGo-L3B.js";
-import { u as F, B as G } from "./ButtonBase-C9K74oZC.js";
+import { u as F, B as G } from "./ButtonBase-BFsNsbc9.js";
 import { l as O } from "./listItemIconClasses-D-kc0Y9u.js";
 import { g as U } from "./generateUtilityClasses-STjIp_B9.js";
 const b = /* @__PURE__ */ l.createContext({});
@@ -146,8 +146,8 @@ const M = U("MuiListItemText", ["root", "multiline", "dense", "inset", "primary"
     focusVisibleClassName: N,
     role: T = "menuitem",
     tabIndex: g,
-    className: k,
-    ...R
+    className: R,
+    ...k
   } = a, v = l.useContext(b), y = l.useMemo(() => ({
     dense: r || v.dense || !1,
     disableGutters: n
@@ -170,8 +170,8 @@ const M = U("MuiListItemText", ["root", "multiline", "dense", "inset", "primary"
       tabIndex: C,
       component: p,
       focusVisibleClassName: x(m.focusVisible, N),
-      className: x(m.root, k),
-      ...R,
+      className: x(m.root, R),
+      ...k,
       ownerState: w,
       classes: m
     })

package/dist/{Stack-CP2l9Ko9.js → Stack-DIkbVcfm.js}

@@ -1,5 +1,5 @@
-import { P as e, h as O, r as m, f as V, g as C, m as D, e as R, j as T } from "./createTheme-BZxWCiBm.js";
-import { a as E, b as N, c as F, s as B, u as M } from "./memoTheme-B7hT_l31.js";
+import { P as e, h as O, r as m, f as V, g as C, m as R, e as D, j as T } from "./createTheme-BZxWCiBm.js";
+import { a as E, b as N, c as F, s as B, u as M } from "./memoTheme-CaOW5YiB.js";
 import * as f from "react";
 import { c as w } from "./identifier-CHPjnqaz.js";
 import { j as G } from "./jsx-runtime-C5mzlN2N.js";
@@ -28,7 +28,7 @@ function q({
     props: o
   });
 }
-const z = R(), H = _("div", {
+const z = D(), H = _("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
@@ -95,7 +95,7 @@ const K = (o) => ({
       }
     }));
   }
-  return s = D(r.breakpoints, s), s;
+  return s = R(r.breakpoints, s), s;
 };
 function W(o = {}) {
   const {

package/dist/{Typography-CgNLUV5h.js → Typography-jSFidXje.js}

@@ -1,12 +1,12 @@
 import * as j from "react";
 import { c, P as r } from "./createTheme-BZxWCiBm.js";
 import { c as O } from "./identifier-CHPjnqaz.js";
-import { i as S } from "./index-BB439voV.js";
-import { u as w, s as B, c as P, m as W } from "./memoTheme-B7hT_l31.js";
+import { i as S } from "./index-DljiS4x1.js";
+import { u as w, s as B, c as P, m as W } from "./memoTheme-CaOW5YiB.js";
 import { c as C } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as M } from "./typographyClasses-BrhUWCU3.js";
-import { j as N } from "./jsx-runtime-C5mzlN2N.js";
-const R = {
+import { g as R } from "./typographyClasses-BrhUWCU3.js";
+import { j as M } from "./jsx-runtime-C5mzlN2N.js";
+const N = {
   primary: !0,
   secondary: !0,
   error: !0,
@@ -16,31 +16,31 @@ const R = {
   textPrimary: !0,
   textSecondary: !0,
   textDisabled: !0
-}, D = S(), E = (o) => {
+}, D = S(), E = (e) => {
   const {
-    align: e,
+    align: o,
     gutterBottom: t,
     noWrap: a,
     paragraph: s,
     variant: i,
     classes: p
-  } = o, n = {
-    root: ["root", i, o.align !== "inherit" && `align${c(e)}`, t && "gutterBottom", a && "noWrap", s && "paragraph"]
+  } = e, n = {
+    root: ["root", i, e.align !== "inherit" && `align${c(o)}`, t && "gutterBottom", a && "noWrap", s && "paragraph"]
   };
-  return P(n, M, p);
+  return P(n, R, p);
 }, A = B("span", {
   name: "MuiTypography",
   slot: "Root",
-  overridesResolver: (o, e) => {
+  overridesResolver: (e, o) => {
     const {
       ownerState: t
-    } = o;
-    return [e.root, t.variant && e[t.variant], t.align !== "inherit" && e[`align${c(t.align)}`], t.noWrap && e.noWrap, t.gutterBottom && e.gutterBottom, t.paragraph && e.paragraph];
+    } = e;
+    return [o.root, t.variant && o[t.variant], t.align !== "inherit" && o[`align${c(t.align)}`], t.noWrap && o.noWrap, t.gutterBottom && o.gutterBottom, t.paragraph && o.paragraph];
   }
 })(W(({
-  theme: o
+  theme: e
 }) => {
-  var e;
+  var o;
   return {
     margin: 0,
     variants: [{
@@ -53,24 +53,24 @@ const R = {
         lineHeight: "inherit",
         letterSpacing: "inherit"
       }
-    }, ...Object.entries(o.typography).filter(([t, a]) => t !== "inherit" && a && typeof a == "object").map(([t, a]) => ({
+    }, ...Object.entries(e.typography).filter(([t, a]) => t !== "inherit" && a && typeof a == "object").map(([t, a]) => ({
       props: {
         variant: t
       },
       style: a
-    })), ...Object.entries(o.palette).filter(C()).map(([t]) => ({
+    })), ...Object.entries(e.palette).filter(C()).map(([t]) => ({
       props: {
         color: t
       },
       style: {
-        color: (o.vars || o).palette[t].main
+        color: (e.vars || e).palette[t].main
       }
-    })), ...Object.entries(((e = o.palette) == null ? void 0 : e.text) || {}).filter(([, t]) => typeof t == "string").map(([t]) => ({
+    })), ...Object.entries(((o = e.palette) == null ? void 0 : o.text) || {}).filter(([, t]) => typeof t == "string").map(([t]) => ({
       props: {
         color: `text${c(t)}`
       },
       style: {
-        color: (o.vars || o).palette.text[t]
+        color: (e.vars || e).palette.text[t]
       }
     })), {
       props: ({
@@ -116,14 +116,14 @@ const R = {
   body1: "p",
   body2: "p",
   inherit: "p"
-}, V = /* @__PURE__ */ j.forwardRef(function(e, t) {
+}, V = /* @__PURE__ */ j.forwardRef(function(o, t) {
   const {
     color: a,
     ...s
   } = w({
-    props: e,
+    props: o,
     name: "MuiTypography"
-  }), i = !R[a], p = D({
+  }), i = !N[a], p = D({
     ...s,
     ...i && {
       color: a
@@ -150,7 +150,7 @@ const R = {
     variant: l,
     variantMapping: m
   }, v = h || (y ? "p" : m[l] || b[l]) || "span", T = E(u);
-  return /* @__PURE__ */ N.jsx(A, {
+  return /* @__PURE__ */ M.jsx(A, {
     as: v,
     ref: t,
     className: O(T.root, g),

package/dist/{X-Cw1SQcRJ.js → X-B8GTZwii.js}

@@ -1,5 +1,5 @@
-import e, { forwardRef as m } from "react";
-import { E as c } from "./SSRBase-BSdFRe_j.js";
+import e, { forwardRef as c } from "react";
+import { E as m } from "./SSRBase-BSdFRe_j.js";
 const o = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -40,7 +40,7 @@ var p = Object.defineProperty, L = Object.defineProperties, i = Object.getOwnPro
       E.call(t, r) && n(a, r, t[r]);
   return a;
 }, d = (a, t) => L(a, i(t));
-const b = m((a, t) => /* @__PURE__ */ e.createElement(c, d(f({ ref: t }, a), { weights: o })));
+const b = c((a, t) => /* @__PURE__ */ e.createElement(m, d(f({ ref: t }, a), { weights: o })));
 b.displayName = "X";
 export {
   b as S

package/dist/{createSvgIcon-CoYExp5F.js → createSvgIcon-B7_s-URK.js}

@@ -2,8 +2,8 @@ import * as h from "react";
 import { j as w } from "./jsx-runtime-C5mzlN2N.js";
 import { c as x, P as o } from "./createTheme-BZxWCiBm.js";
 import { c as N } from "./identifier-CHPjnqaz.js";
-import { u as b, s as O, c as T, m as I } from "./memoTheme-B7hT_l31.js";
-import { g as R } from "./svgIconClasses-SzHbWjUv.js";
+import { u as b, s as O, c as R, m as T } from "./memoTheme-CaOW5YiB.js";
+import { g as I } from "./svgIconClasses-SzHbWjUv.js";
 const j = (e) => {
   const {
     color: r,
@@ -12,7 +12,7 @@ const j = (e) => {
   } = e, s = {
     root: ["root", r !== "inherit" && `color${x(r)}`, `fontSize${x(n)}`]
   };
-  return T(s, R, i);
+  return R(s, I, i);
 }, C = O("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -22,10 +22,10 @@ const j = (e) => {
     } = e;
     return [r.root, n.color !== "inherit" && r[`color${x(n.color)}`], r[`fontSize${x(n.fontSize)}`]];
   }
-})(I(({
+})(T(({
   theme: e
 }) => {
-  var r, n, i, s, l, g, a, S, p, m, c, d, v, f;
+  var r, n, i, s, l, g, c, S, p, m, a, d, v, f;
   return {
     userSelect: "none",
     width: "1em",
@@ -65,7 +65,7 @@ const j = (e) => {
           fontSize: "medium"
         },
         style: {
-          fontSize: ((S = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : S.call(a, 24)) || "1.5rem"
+          fontSize: ((S = (c = e.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : S.call(c, 24)) || "1.5rem"
         }
       },
       {
@@ -93,7 +93,7 @@ const j = (e) => {
           color: "action"
         },
         style: {
-          color: (d = (c = (e.vars ?? e).palette) == null ? void 0 : c.action) == null ? void 0 : d.active
+          color: (d = (a = (e.vars ?? e).palette) == null ? void 0 : a.action) == null ? void 0 : d.active
         }
       },
       {
@@ -122,17 +122,17 @@ const j = (e) => {
     children: s,
     className: l,
     color: g = "inherit",
-    component: a = "svg",
+    component: c = "svg",
     fontSize: S = "medium",
     htmlColor: p,
     inheritViewBox: m = !1,
-    titleAccess: c,
+    titleAccess: a,
     viewBox: d = "0 0 24 24",
     ...v
   } = i, f = /* @__PURE__ */ h.isValidElement(s) && s.type === "svg", t = {
     ...i,
     color: g,
-    component: a,
+    component: c,
     fontSize: S,
     instanceFontSize: r.fontSize,
     inheritViewBox: m,
@@ -142,19 +142,19 @@ const j = (e) => {
   m || (u.viewBox = d);
   const y = j(t);
   return /* @__PURE__ */ w.jsxs(C, {
-    as: a,
+    as: c,
     className: N(y.root, l),
     focusable: "false",
     color: p,
-    "aria-hidden": c ? void 0 : !0,
-    role: c ? "img" : void 0,
+    "aria-hidden": a ? void 0 : !0,
+    role: a ? "img" : void 0,
     ref: n,
     ...u,
     ...v,
     ...f && s.props,
     ownerState: t,
-    children: [f ? s.props.children : s, c ? /* @__PURE__ */ w.jsx("title", {
-      children: c
+    children: [f ? s.props.children : s, a ? /* @__PURE__ */ w.jsx("title", {
+      children: a
     }) : null]
   });
 });

package/dist/{index-BB439voV.js → index-DljiS4x1.js}

@@ -2,7 +2,7 @@ import "react";
 import { j as p } from "./jsx-runtime-C5mzlN2N.js";
 import { e as f } from "./extendSxProp-SCsFy5tr.js";
 import { P as e } from "./createTheme-BZxWCiBm.js";
-import { d as a } from "./memoTheme-B7hT_l31.js";
+import { d as a } from "./memoTheme-CaOW5YiB.js";
 import { T as c } from "./identifier-CHPjnqaz.js";
 import { u as m } from "./useTheme-DrS6mww6.js";
 import { Global as y } from "@emotion/react";

package/dist/main.d.ts

@@ -1,51 +1,47 @@
-export { default as AppAutocomplete } from './AppAutocomplete';
-export { default as AppAvatar } from './AppAvatar';
-export { default as AppBreadcrumbsSeparator } from './AppBreadcrumbsSeparator';
-export { default as AppBox } from './AppBox';
-export { default as AppButtonLink } from './AppButtonLink';
-export { default as AppTextEditor } from './AppTextEditor';
-export { default as AppButton } from './AppButton';
-export { default as AppCardActions } from './AppCardActions';
-export { default as AppCardHeader } from './AppCardHeader';
-export { default as AppCardContent } from './AppCardContent';
-export { default as AppCard } from './AppCard';
-export { default as AppCheckbox } from './AppCheckbox';
-export { default as AppChip } from './AppChip';
-export { default as AppChips } from './AppChips';
-export { default as AppDataTable } from './AppDataTable';
-export type { ColumnDef, AppDataTableProps } from './AppDataTable';
-export { default as AppDialogConfirm, DialogConfirmProvider, useDialogConfirm } from './AppDialogConfirm';
-export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './AppDialogConfirm';
-export { default as AppDialogMessage, DialogMessageProvider, useDialogMessage } from './AppDialogMessage';
-export type { DialogMessageContextProps, DialogMessageOpenOptions } from './AppDialogMessage';
-export { default as AppError } from './AppError';
-export { default as AppEmpty } from './AppEmpty';
-export { default as AppDialog } from './AppDialog';
-export { default as AppFileDropzone } from './AppFileDropzone';
-export type { CustomFile } from './AppFileDropzone';
-export { default as AppFileIcon } from './AppFileIcon';
-export { default as AppIcons } from './AppIcons';
-export { default as AppFormControl } from './AppFormControl';
-export { default as AppI18nProvider } from './AppI18nProvider';
-export { default as AppIconButton } from './AppIconButton';
-export { default as AppLabel } from './AppLabel';
-export { default as AppMultiSelect } from './AppMultiSelect';
-export { default as AppNoData } from './AppNoData';
-export { default as AppNoSsr } from './AppNoSsr';
-export { default as AppOption } from './AppOption';
-export { default as STextField } from './STextField';
-export { default as AppPagination } from './AppPagination';
-export { default as AppRating } from './AppRating';
-export { default as AppSelect } from './AppSelect';
-export { default as AppSkeleton } from './AppSkeleton';
-export { default as AppTip } from './AppTip';
-export { default as AppTextTruncation } from './AppTextTruncation';
-export { default as AppStack } from './AppStack';
-export { default as AppLink } from './AppLink';
-export { default as AppSnackbarMessage, SnackbarMessageProvider, useSnackbarMessage } from './AppSnackbarMessage';
-export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './AppSnackbarMessage';
-export { default as AppGallery } from './AppGallery';
-export { default as SThemeProvider } from './SThemeProvider';
+export { default as SAutocomplete } from './s-autocomplete';
+export { default as SAvatar } from './s-avatar';
+export { default as SBreadcrumbsSeparator } from './s-breadcrumbs-separator';
+export { default as SBox } from './s-box';
+export { default as SButtonLink } from './s-button-link';
+export { default as STextEditor } from './s-text-editor';
+export { default as SButton } from './s-button';
+export { default as SCardActions } from './s-card-actions';
+export { default as SCardHeader } from './s-card-header';
+export { default as SCardContent } from './s-card-content';
+export { default as SCard } from './s-card';
+export { default as SCheckbox } from './s-checkbox';
+export { default as SChip } from './s-chip';
+export { default as SChips } from './s-chips';
+export { default as SDataTable } from './s-data-table';
+export type { ColumnDef, SDataTableProps } from './s-data-table';
+export { default as SDialogConfirm, DialogConfirmProvider, useDialogConfirm } from './s-dialog-confirm';
+export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './s-dialog-confirm';
+export { default as SDialogMessage, DialogMessageProvider, useDialogMessage } from './s-dialog-message';
+export type { DialogMessageContextProps, DialogMessageOpenOptions } from './s-dialog-message';
+export { default as SError } from './s-error';
+export { default as SEmpty } from './s-empty';
+export { default as SDialog } from './s-dialog';
+export { default as SFileDropzone } from './s-file-dropzone';
+export type { CustomFile } from './s-file-dropzone';
+export { default as SFileIcon } from './s-file-icon';
+export { default as SI18nProvider } from './s-i18n-provider';
+export { default as SIconButton } from './s-icon-button';
+export { default as SLabel } from './s-label';
+export { default as SMultiSelect } from './s-multi-select';
+export { default as SNoSsr } from './s-no-ssr';
+export { default as SMenuItem } from './s-menu-item';
+export { default as STextField } from './s-text-field';
+export { default as SPagination } from './s-pagination';
+export { default as SRating } from './s-rating';
+export { default as SSelect } from './s-select';
+export { default as SSkeleton } from './s-skeleton';
+export { default as STip } from './s-tip';
+export { default as STextTruncation } from './s-text-truncation';
+export { default as SStack } from './s-stack';
+export { default as SLink } from './s-link';
+export { default as SSnackbarMessage, SnackbarMessageProvider, useSnackbarMessage } from './s-snackbar-message';
+export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './s-snackbar-message';
+export { default as SImageGallery } from './s-image-gallery';
+export { default as SThemeProvider } from './s-theme-provider';
 export * from './hooks';
-export * from './styles/theme';
 export * from './utils';