@solostylist/ui-kit 1.0.21 → 1.0.24

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

@@ -12,8 +12,13 @@ export default SSnackbarMessage;
 export interface SnackbarMessageOpenOptions {
     message: string;
 }
+export interface handleOpenParams {
+    snackbarMessageOptions: SnackbarMessageOpenOptions;
+    snackbarProps?: SnackbarProps;
+    alertProps?: AlertProps;
+}
 export interface SnackbarMessageContextProps {
-    handleOpen: (snackbarMessageOptions: SnackbarMessageOpenOptions, snackbarProps?: SnackbarProps, alertProps?: AlertProps) => void;
+    handleOpen: ({ snackbarMessageOptions, snackbarProps, alertProps }: handleOpenParams) => void;
     handleClose: () => void;
     open: boolean;
 }

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

@@ -1,8 +1,8 @@
 import { j as t } from "../jsx-runtime-C5mzlN2N.js";
 import * as a from "react";
-import { Snackbar as S, Alert as b } from "@mui/material";
-import { useDialog as x } from "../hooks/use-dialog.js";
-const k = ({
+import { Snackbar as h, Alert as S } from "@mui/material";
+import { useDialog as k } from "../hooks/use-dialog.js";
+const x = ({
   message: s,
   onClose: e = () => {
   },
@@ -10,23 +10,23 @@ const k = ({
   snackbarProps: n,
   alertProps: o
 }) => /* @__PURE__ */ t.jsx(
-  S,
+  h,
   {
     open: r,
     autoHideDuration: 1e4,
     onClose: e,
     anchorOrigin: { vertical: "top", horizontal: "center" },
     ...n,
-    children: /* @__PURE__ */ t.jsx(b, { onClose: e, severity: "error", sx: { width: "100%" }, ...o, children: s })
+    children: /* @__PURE__ */ t.jsx(S, { onClose: e, severity: "error", sx: { width: "100%" }, ...o, children: s })
   }
-), c = a.createContext(null), P = ({ children: s }) => {
-  const e = x(), [r, n] = a.useState({
+), c = a.createContext(null), M = ({ children: s }) => {
+  const e = k(), [r, n] = a.useState({
     message: ""
   }), [o, l] = a.useState({}), [i, u] = a.useState({}), p = {
     handleOpen: a.useCallback(
-      (d, g = {}, m = {}) => {
-        const { message: h } = d;
-        n({ message: h }), l(g), u(m), e.handleOpen();
+      ({ snackbarMessageOptions: d, snackbarProps: g = {}, alertProps: m = {} }) => {
+        const { message: b } = d;
+        n({ message: b }), l(g), u(m), e.handleOpen();
       },
       [e]
     ),
@@ -35,7 +35,7 @@ const k = ({
   };
   return /* @__PURE__ */ t.jsxs(c.Provider, { value: p, children: [
     /* @__PURE__ */ t.jsx(
-      k,
+      x,
       {
         open: e.open,
         message: r == null ? void 0 : r.message,
@@ -53,7 +53,7 @@ const k = ({
   return s;
 };
 export {
-  P as SnackbarMessageProvider,
-  k as default,
+  M as SnackbarMessageProvider,
+  x as default,
   j as useSnackbarMessage
 };

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -4,21 +4,21 @@ import r, { forwardRef as de } from "react";
 import { MenuItem as mt } from "@mui/material";
 import { E as pe } from "../SSRBase-BSdFRe_j.js";
 import { usePopover as On } from "../hooks/use-popover.js";
-import { g as Oe, c as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-DkVAXJiq.js";
-import { c as J } from "../identifier-DCmLmBSP.js";
-import { u as Q, s as M, c as _, m as N, r as ue, e as wn } from "../DefaultPropsProvider-DhE0_fCr.js";
+import { g as Oe, c as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-DwCHEbMU.js";
+import { c as J } from "../identifier-C1jBtHV2.js";
+import { u as Q, s as M, c as _, m as N, r as ue, e as wn } from "../DefaultPropsProvider-Doz-fKTH.js";
 import { c as ve } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as Cn, i as gt } from "../iconButtonClasses-Dx9aLkXb.js";
-import { c as Kt, B as Hn, u as at, r as Me, f as An } from "../useSlot-D9cy_5Wu.js";
-import { g as xe } from "../generateUtilityClasses-DStZbN71.js";
+import { g as Cn, i as gt } from "../iconButtonClasses--mfwnDzQ.js";
+import { c as Kt, B as Hn, u as at, r as Me, d as An } from "../useSlot-CUlGPdMt.js";
+import { g as xe } from "../generateUtilityClasses-BHlV34bM.js";
 import { css as Gt, keyframes as Xt } from "@emotion/react";
-import { S as ht } from "../Stack-Du2vO-iF.js";
-import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-DeygsmYI.js";
-import { g as Yt, s as $e } from "../selectClasses-BDdGqseQ.js";
+import { S as ht } from "../Stack-CyNMyetl.js";
+import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-DV6b-3vA.js";
+import { g as Yt, s as $e } from "../selectClasses-gIFRMjMV.js";
 import { F as Jt, a as Pe, u as vt } from "../useFormControl-D6-HePVL.js";
-import { c as jn } from "../createSvgIcon-CFj_BoDp.js";
-import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-DNQT_xFJ.js";
-import { g as $n } from "../index-8QDI4GK5.js";
+import { c as jn } from "../createSvgIcon-C9keHw6o.js";
+import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-BiB8MrLY.js";
+import { g as $n } from "../index-Bg8Tniaw.js";
 import { u as kn } from "../useEnhancedEffect-CJGo-L3B.js";
 import { unstable_useForkRef as Fn, unstable_ownerWindow as Ot, unstable_useEventCallback as Tn, unstable_useEnhancedEffect as xt, unstable_debounce as Pn } from "@mui/utils";
 function tt(e, n) {

package/dist/s-text-editor/s-text-editor.js

@@ -5,7 +5,7 @@ import { Placeholder as m } from "@tiptap/extension-placeholder";
 import { useEditor as c, EditorContent as f } from "@tiptap/react";
 import { StarterKit as u } from "@tiptap/starter-kit";
 import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-import { B as d } from "../Box-CYhpy9DM.js";
+import { B as d } from "../Box-CafvePOg.js";
 const S = ({
   content: o,
   editable: r = !0,

package/dist/s-theme-provider/s-theme-provider.d.ts

@@ -1,4 +1,4 @@
-import { ThemeOptions } from '@mui/material';
+import { ThemeOptions, ThemeProviderProps } from '@mui/material';
 import * as React from 'react';
 export interface SThemeProviderProps {
     children: React.ReactNode;
@@ -7,6 +7,7 @@ export interface SThemeProviderProps {
      */
     disableCustomTheme?: boolean;
     themeComponents?: ThemeOptions['components'];
+    themeProviderProps?: ThemeProviderProps;
 }
-declare const SThemeProvider: ({ children, disableCustomTheme, themeComponents }: SThemeProviderProps) => React.JSX.Element;
+declare const SThemeProvider: ({ children, disableCustomTheme, themeComponents, themeProviderProps, }: SThemeProviderProps) => React.JSX.Element;
 export default SThemeProvider;

package/dist/s-theme-provider/s-theme-provider.js

@@ -1,39 +1,41 @@
-import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import * as s from "react";
-import { createTheme as i, ThemeProvider as a } from "@mui/material";
-import { components as n } from "../theme/components/components.js";
-import { dataDisplayCustomizations as p } from "../theme/customizations/data-display.js";
-import { feedbackCustomizations as c } from "../theme/customizations/feedback.js";
-import { inputsCustomizations as f } from "../theme/customizations/inputs.js";
-import { navigationCustomizations as u } from "../theme/customizations/navigation.js";
-import { surfacesCustomizations as d } from "../theme/customizations/surfaces.js";
-import { shape as h, shadows as l, typography as x, colorSchemes as z } from "../theme/theme-primitives.js";
-const T = ({ children: r, disableCustomTheme: o, themeComponents: t }) => {
-  const m = s.useMemo(() => o ? {} : i({
+import { j as s } from "../jsx-runtime-C5mzlN2N.js";
+import * as e from "react";
+import { createTheme as a, ThemeProvider as n } from "@mui/material";
+import { components as p } from "../theme/components/components.js";
+import { dataDisplayCustomizations as c } from "../theme/customizations/data-display.js";
+import { feedbackCustomizations as f } from "../theme/customizations/feedback.js";
+import { inputsCustomizations as u } from "../theme/customizations/inputs.js";
+import { navigationCustomizations as d } from "../theme/customizations/navigation.js";
+import { surfacesCustomizations as h } from "../theme/customizations/surfaces.js";
+import { shape as l, shadows as x, typography as z, colorSchemes as g } from "../theme/theme-primitives.js";
+const T = ({
+  children: r,
+  disableCustomTheme: o,
+  themeComponents: t,
+  themeProviderProps: m
+}) => {
+  const i = e.useMemo(() => o ? {} : a({
     // For more details about CSS variables configuration, see https://mui.com/material-ui/customization/css-theme-variables/configuration/
     cssVariables: {
       colorSchemeSelector: "data-mui-color-scheme",
       cssVarPrefix: "s"
     },
-    palette: {
-      mode: "dark"
-    },
-    colorSchemes: z,
+    colorSchemes: g,
     // Recently added in v6 for building light & dark mode app, see https://mui.com/material-ui/customization/palette/#color-schemes
-    typography: x,
-    shadows: l,
-    shape: h,
+    typography: z,
+    shadows: x,
+    shape: l,
     components: {
-      ...f,
-      ...p,
-      ...c,
       ...u,
+      ...c,
+      ...f,
       ...d,
-      ...n,
+      ...h,
+      ...p,
       ...t
     }
   }), [o, t]);
-  return o ? /* @__PURE__ */ e.jsx(s.Fragment, { children: r }) : /* @__PURE__ */ e.jsx(a, { theme: m, disableTransitionOnChange: !0, children: r });
+  return o ? /* @__PURE__ */ s.jsx(e.Fragment, { children: r }) : /* @__PURE__ */ s.jsx(n, { theme: i, disableTransitionOnChange: !0, defaultMode: "dark", ...m, children: r });
 };
 export {
   T as default

package/dist/s-tip/s-tip.js

@@ -1,7 +1,7 @@
 import { j as t } from "../jsx-runtime-C5mzlN2N.js";
-import { c } from "../createSvgIcon-CFj_BoDp.js";
-import { S as e } from "../Stack-Du2vO-iF.js";
-import { T as r } from "../Typography-BUC2b3EE.js";
+import { c } from "../createSvgIcon-C9keHw6o.js";
+import { S as e } from "../Stack-CyNMyetl.js";
+import { T as r } from "../Typography-BXLku1B0.js";
 const s = c(/* @__PURE__ */ t.jsx("path", {
   d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7"
 }), "LightbulbOutline"), l = ({ message: o }) => /* @__PURE__ */ t.jsxs(

package/dist/{selectClasses-BDdGqseQ.js → selectClasses-gIFRMjMV.js}

@@ -1,5 +1,5 @@
-import { g as t } from "./generateUtilityClasses-DStZbN71.js";
-import { g as i } from "./createTheme-DkVAXJiq.js";
+import { g as t } from "./generateUtilityClasses-BHlV34bM.js";
+import { g as i } from "./createTheme-DwCHEbMU.js";
 function n(e) {
   return i("MuiSelect", e);
 }

package/dist/{svgIconClasses-ByelSBlO.js → svgIconClasses-B4eDa4bG.js}

@@ -1,5 +1,5 @@
-import { g as r } from "./createTheme-DkVAXJiq.js";
-import { g as t } from "./generateUtilityClasses-DStZbN71.js";
+import { g as r } from "./createTheme-DwCHEbMU.js";
+import { g as t } from "./generateUtilityClasses-BHlV34bM.js";
 function s(o) {
   return r("MuiSvgIcon", o);
 }

package/dist/theme/customizations/data-display.js

@@ -2,12 +2,12 @@ import { j as m } from "../../jsx-runtime-C5mzlN2N.js";
 import e, { forwardRef as u } from "react";
 import { E as b } from "../../SSRBase-BSdFRe_j.js";
 import { gray as t, green as i, red as n } from "../theme-primitives.js";
-import { i as g } from "../../iconButtonClasses-Dx9aLkXb.js";
-import { g as f } from "../../generateUtilityClasses-DStZbN71.js";
-import { s as c } from "../../svgIconClasses-ByelSBlO.js";
-import { b as C } from "../../buttonBaseClasses-D9p3ujfW.js";
-import { t as S } from "../../typographyClasses-By7qHJ5j.js";
-import { a as s } from "../../createTheme-DkVAXJiq.js";
+import { i as g } from "../../iconButtonClasses--mfwnDzQ.js";
+import { g as f } from "../../generateUtilityClasses-BHlV34bM.js";
+import { s as c } from "../../svgIconClasses-B4eDa4bG.js";
+import { b as C } from "../../buttonBaseClasses-C7kEMnpC.js";
+import { t as S } from "../../typographyClasses-BHvgKFVi.js";
+import { a as s } from "../../createTheme-DwCHEbMU.js";
 const l = f("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), h = /* @__PURE__ */ new Map([
   [
     "bold",

package/dist/theme/customizations/feedback.js

@@ -1,5 +1,5 @@
 import { gray as e, orange as o } from "../theme-primitives.js";
-import { a } from "../../createTheme-DkVAXJiq.js";
+import { a } from "../../createTheme-DwCHEbMU.js";
 const l = {
   MuiAlert: {
     styleOverrides: {

package/dist/theme/customizations/inputs.js

@@ -1,10 +1,10 @@
 import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import { c as t } from "../../createSvgIcon-CFj_BoDp.js";
+import { c as t } from "../../createSvgIcon-C9keHw6o.js";
 import { brand as e, gray as o } from "../theme-primitives.js";
-import { o as i } from "../../outlinedInputClasses-DNQT_xFJ.js";
-import { g as s } from "../../generateUtilityClasses-DStZbN71.js";
-import { s as n } from "../../svgIconClasses-ByelSBlO.js";
-import { a } from "../../createTheme-DkVAXJiq.js";
+import { o as i } from "../../outlinedInputClasses-BiB8MrLY.js";
+import { g as s } from "../../generateUtilityClasses-BHlV34bM.js";
+import { s as n } from "../../svgIconClasses-B4eDa4bG.js";
+import { a } from "../../createTheme-DwCHEbMU.js";
 const c = t(/* @__PURE__ */ l.jsx("path", {
   d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
 }), "CheckBoxOutlineBlankRounded"), p = t(/* @__PURE__ */ l.jsx("path", {

package/dist/theme/customizations/navigation.js

@@ -1,12 +1,12 @@
 import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import * as d from "react";
-import { c as p } from "../../createSvgIcon-CFj_BoDp.js";
+import * as i from "react";
+import { c as p } from "../../createSvgIcon-C9keHw6o.js";
 import { gray as r, brand as n } from "../theme-primitives.js";
-import { d as c, m as a } from "../../menuItemClasses-D9_8SIPH.js";
-import { g as b } from "../../generateUtilityClasses-DStZbN71.js";
-import { s } from "../../selectClasses-BDdGqseQ.js";
-import { b as u } from "../../buttonBaseClasses-D9p3ujfW.js";
-import { a as e } from "../../createTheme-DkVAXJiq.js";
+import { d as c, m as e } from "../../menuItemClasses-BuWSZEU7.js";
+import { g as b } from "../../generateUtilityClasses-BHlV34bM.js";
+import { s } from "../../selectClasses-gIFRMjMV.js";
+import { b as u } from "../../buttonBaseClasses-C7kEMnpC.js";
+import { a } from "../../createTheme-DwCHEbMU.js";
 const x = p(/* @__PURE__ */ l.jsx("path", {
   d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
 }), "UnfoldMoreRounded"), t = b("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), R = {
@@ -15,12 +15,12 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
       root: ({ theme: o }) => ({
         borderRadius: (o.vars || o).shape.borderRadius,
         padding: "6px 8px",
-        [`&.${a.focusVisible}`]: {
+        [`&.${e.focusVisible}`]: {
           backgroundColor: "transparent"
         },
-        [`&.${a.selected}`]: {
-          [`&.${a.focusVisible}`]: {
-            backgroundColor: e(o.palette.action.selected, 0.3)
+        [`&.${e.selected}`]: {
+          [`&.${e.focusVisible}`]: {
+            backgroundColor: a(o.palette.action.selected, 0.3)
           }
         }
       })
@@ -43,7 +43,7 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
         boxShadow: "hsla(220, 30%, 5%, 0.07) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.07) 0px 8px 16px -5px",
         [`& .${u.root}`]: {
           "&.Mui-selected": {
-            backgroundColor: e(o.palette.action.selected, 0.3)
+            backgroundColor: a(o.palette.action.selected, 0.3)
           }
         },
         ...o.applyStyles("dark", {
@@ -55,7 +55,7 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
   },
   MuiSelect: {
     defaultProps: {
-      IconComponent: d.forwardRef((o, i) => /* @__PURE__ */ l.jsx(x, { fontSize: "small", ...o, ref: i }))
+      IconComponent: i.forwardRef((o, d) => /* @__PURE__ */ l.jsx(x, { fontSize: "small", ...o, ref: d }))
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -80,9 +80,9 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
           borderRadius: (o.vars || o).shape.borderRadius,
           borderColor: r[700],
           backgroundColor: (o.vars || o).palette.background.paper,
-          boxShadow: `inset 0 1px 0 1px ${e(r[700], 0.15)}, inset 0 -1px 0 1px hsla(220, 0%, 0%, 0.7)`,
+          boxShadow: `inset 0 1px 0 1px ${a(r[700], 0.15)}, inset 0 -1px 0 1px hsla(220, 0%, 0%, 0.7)`,
           "&:hover": {
-            borderColor: e(r[700], 0.7),
+            borderColor: a(r[700], 0.7),
             backgroundColor: (o.vars || o).palette.background.paper,
             boxShadow: "none"
           },
@@ -96,11 +96,7 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
         })
       }),
       select: ({ theme: o }) => ({
-        display: "flex",
-        alignItems: "center",
         ...o.applyStyles("dark", {
-          display: "flex",
-          alignItems: "center",
           "&:focus-visible": {
             backgroundColor: r[900]
           }
@@ -134,7 +130,7 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
           width: 0
         },
         "&:focus-visible": {
-          outline: `3px solid ${e(n[500], 0.5)}`,
+          outline: `3px solid ${a(n[500], 0.5)}`,
           outlineOffset: "4px",
           borderRadius: "2px"
         }

package/dist/theme/customizations/surfaces.js

@@ -1,5 +1,5 @@
 import { gray as o } from "../theme-primitives.js";
-import { a } from "../../createTheme-DkVAXJiq.js";
+import { a } from "../../createTheme-DwCHEbMU.js";
 const i = {
   MuiAccordion: {
     defaultProps: {

package/dist/theme/theme-primitives.js

@@ -1,4 +1,4 @@
-import { b as n, a as o } from "../createTheme-DkVAXJiq.js";
+import { b as n, a as o } from "../createTheme-DwCHEbMU.js";
 const e = n(), p = [...e.shadows], t = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",

package/dist/{typographyClasses-By7qHJ5j.js → typographyClasses-BHvgKFVi.js}

@@ -1,5 +1,5 @@
-import { g as a } from "./generateUtilityClasses-DStZbN71.js";
-import { g as i } from "./createTheme-DkVAXJiq.js";
+import { g as a } from "./generateUtilityClasses-BHlV34bM.js";
+import { g as i } from "./createTheme-DwCHEbMU.js";
 function e(t) {
   return i("MuiTypography", t);
 }