@solostylist/ui-kit 1.0.43 → 1.0.45

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

@@ -3,43 +3,42 @@ import * as p from "react";
 import { Link as n } from "@tiptap/extension-link";
 import { Placeholder as m } from "@tiptap/extension-placeholder";
 import { useEditor as c, EditorContent as f } from "@tiptap/react";
-import { StarterKit as x } from "@tiptap/starter-kit";
-import { STextEditorToolbar as d } from "./s-text-editor-toolbar.js";
-import { B as u } from "../Box-BOnkyXg-.js";
-const S = ({
-  content: o,
-  editable: r = !0,
+import { StarterKit as u } from "@tiptap/starter-kit";
+import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
+import { B as d } from "../Box-BOnkyXg-.js";
+const z = ({
+  content: r,
+  editable: o = !0,
   hideToolbar: i,
   onUpdate: s = () => {
   },
   placeholder: a
 }) => {
   const l = [
-    x,
+    u,
     m.configure({ emptyEditorClass: "is-editor-empty", placeholder: a }),
     n.configure({ openOnClick: !1, autolink: !0 })
   ], e = c({
     extensions: l,
-    content: o,
-    editable: r,
+    content: r,
+    editable: o,
     onUpdate: s,
     parseOptions: {
       preserveWhitespace: "full"
     }
   });
   return p.useEffect(() => {
-    e == null || e.commands.setContent(o, !1, { preserveWhitespace: "full" });
-  }, [o]), /* @__PURE__ */ t.jsxs(
-    u,
+    e == null || e.commands.setContent(r, !1, { preserveWhitespace: "full" });
+  }, [r]), /* @__PURE__ */ t.jsxs(
+    d,
     {
       className: "tiptap-root",
       sx: {
         display: "flex",
         flexDirection: "column",
-        ...r && {
+        ...o && {
           border: "1px solid var(--s-palette-divider)",
-          borderRadius: 1,
-          boxShadow: "var(--s-shadows-1)"
+          borderRadius: 1
         },
         "& .tiptap-container": {
           display: "flex",
@@ -69,12 +68,12 @@ const S = ({
         }
       },
       children: [
-        i ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx(d, { editor: e }),
+        i ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx(x, { editor: e }),
         /* @__PURE__ */ t.jsx(f, { className: "tiptap-container", editor: e })
       ]
     }
   );
 };
 export {
-  S as default
+  z as default
 };

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

@@ -1,13 +1,14 @@
-import { ThemeOptions, ThemeProviderProps } from '@mui/material';
+import { Theme, ThemeOptions, ThemeProviderProps } from '@mui/material';
 import * as React from 'react';
-export interface SThemeProviderProps {
+export interface SThemeProviderProps extends Omit<ThemeProviderProps, 'defaultMode' | 'theme'> {
     children: React.ReactNode;
     /**
      * This is for the docs site. You can ignore it or remove it.
      */
     disableCustomTheme?: boolean;
     themeComponents?: ThemeOptions['components'];
-    themeProviderProps?: ThemeProviderProps;
+    defaultMode?: 'light' | 'dark' | 'system' | undefined;
+    theme?: Theme;
 }
-declare const SThemeProvider: ({ children, disableCustomTheme, themeComponents, themeProviderProps, }: SThemeProviderProps) => React.JSX.Element;
+declare const SThemeProvider: ({ children, disableCustomTheme, themeComponents, defaultMode, theme, ...themeProviderProps }: SThemeProviderProps) => React.JSX.Element;
 export default SThemeProvider;

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

@@ -1,51 +1,56 @@
-import { j as m } from "../jsx-runtime-C5mzlN2N.js";
-import * as s from "react";
-import { createTheme as e, ThemeProvider as n } from "@mui/material";
-import { components as c } from "../theme/components/components.js";
-import { dataDisplayCustomizations as f } from "../theme/customizations/data-display.js";
-import { feedbackCustomizations as u } from "../theme/customizations/feedback.js";
-import { inputsCustomizations as p } from "../theme/customizations/inputs.js";
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import * as m from "react";
+import { createTheme as p, ThemeProvider as c } from "@mui/material";
+import { components as f } from "../theme/components/components.js";
+import { dataDisplayCustomizations as u } from "../theme/customizations/data-display.js";
+import { feedbackCustomizations as d } from "../theme/customizations/feedback.js";
+import { inputsCustomizations as h } from "../theme/customizations/inputs.js";
 import { navigationCustomizations as l } from "../theme/customizations/navigation.js";
 import { surfacesCustomizations as x } from "../theme/customizations/surfaces.js";
-import { shape as z, shadows as g, typography as h, colorSchemes as j } from "../theme/theme-primitives.js";
-const b = ({
-  children: a,
-  disableCustomTheme: t,
-  themeComponents: r,
-  themeProviderProps: o
+import { shape as z, shadows as g, typography as j, colorSchemes as S } from "../theme/theme-primitives.js";
+const w = ({
+  children: r,
+  disableCustomTheme: o,
+  themeComponents: t,
+  defaultMode: s = "dark",
+  theme: a,
+  ...i
 }) => {
-  const i = s.useMemo(() => t ? {} : e({
+  const n = m.useMemo(() => o ? {} : p({
     // 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"
     },
-    colorSchemes: j,
+    palette: {
+      mode: "dark"
+    },
+    colorSchemes: S,
     // Recently added in v6 for building light & dark mode app, see https://mui.com/material-ui/customization/palette/#color-schemes
-    typography: h,
+    typography: j,
     shadows: g,
     shape: z,
     components: {
-      ...p,
-      ...f,
+      ...h,
       ...u,
+      ...d,
       ...l,
       ...x,
-      ...c,
-      ...r
+      ...f,
+      ...t
     }
-  }), [t, r]);
-  return t ? /* @__PURE__ */ m.jsx(s.Fragment, { children: a }) : /* @__PURE__ */ m.jsx(
-    n,
+  }), [o, t]);
+  return o ? /* @__PURE__ */ e.jsx(m.Fragment, { children: r }) : /* @__PURE__ */ e.jsx(
+    c,
     {
       disableTransitionOnChange: !0,
-      defaultMode: "dark",
-      ...o,
-      theme: { ...i, ...o == null ? void 0 : o.theme },
-      children: a
+      ...i,
+      theme: { ...n, ...a },
+      defaultMode: s,
+      children: r
     }
   );
 };
 export {
-  b as default
+  w as default
 };

package/dist/theme/components/popover.js

@@ -1,5 +1,5 @@
 const e = {
-  defaultProps: { elevation: 5 },
+  defaultProps: { elevation: 0 },
   styleOverrides: { paper: ({ theme: r }) => ({ borderRadius: (r.vars || r).shape.borderRadius, marginTop: 4 }) }
 };
 export {

package/dist/theme/customizations/inputs.js

@@ -18,14 +18,18 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
       disableRipple: !0
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      // root: ({ theme }) => ({
+      //   boxSizing: 'border-box',
+      //   transition: 'all 100ms ease-in',
+      //   '&:focus-visible': {
+      //     outline: `3px solid ${alpha(theme.palette.primary.main, 0.5)}`,
+      //     outlineOffset: '2px',
+      //   },
+      // }),
+      root: {
         boxSizing: "border-box",
-        transition: "all 100ms ease-in",
-        "&:focus-visible": {
-          outline: `3px solid ${t(o.palette.primary.main, 0.5)}`,
-          outlineOffset: "2px"
-        }
-      })
+        transition: "all 100ms ease-in"
+      }
     }
   },
   MuiButton: {

package/dist/theme/customizations/navigation.js

@@ -1,13 +1,12 @@
-import { j as s } from "../../jsx-runtime-C5mzlN2N.js";
-import * as l from "react";
-import { c as d } from "../../createSvgIcon-FIMSBrG5.js";
-import { gray as r, brand as n } from "../theme-primitives.js";
-import { g as p } from "../../generateUtilityClasses-CvAVhM6T.js";
-import { s as a } from "../../selectClasses-DWL9Cxkn.js";
-import { a as e } from "../../createTheme-CyFSna1a.js";
-const c = d(/* @__PURE__ */ s.jsx("path", {
+import { j as e } from "../../jsx-runtime-C5mzlN2N.js";
+import * as i from "react";
+import { c as l } from "../../createSvgIcon-FIMSBrG5.js";
+import { gray as r, brand as s } from "../theme-primitives.js";
+import { g as n } from "../../generateUtilityClasses-CvAVhM6T.js";
+import { a as d } from "../../createTheme-CyFSna1a.js";
+const p = l(/* @__PURE__ */ e.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 = p("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), x = {
+}), "UnfoldMoreRounded"), t = n("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), g = {
   MuiMenu: {
     styleOverrides: {
       list: {
@@ -15,6 +14,17 @@ const c = d(/* @__PURE__ */ s.jsx("path", {
         paddingTop: 8,
         paddingBottom: 8
       }
+    },
+    defaultProps: {
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "center"
+      },
+      marginThreshold: 0
     }
   },
   MuiMenuItem: {
@@ -24,64 +34,7 @@ const c = d(/* @__PURE__ */ s.jsx("path", {
   },
   MuiSelect: {
     defaultProps: {
-      IconComponent: l.forwardRef((o, i) => /* @__PURE__ */ s.jsx(c, { fontSize: "small", ...o, ref: i })),
-      MenuProps: {
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "center"
-        },
-        transformOrigin: {
-          vertical: "top",
-          horizontal: "center"
-        },
-        marginThreshold: 0
-      }
-    },
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        borderRadius: (o.vars || o).shape.borderRadius,
-        border: "1px solid",
-        borderColor: r[200],
-        backgroundColor: (o.vars || o).palette.background.paper,
-        boxShadow: "inset 0 1px 0 1px hsla(220, 0%, 100%, 0.6), inset 0 -1px 0 1px hsla(220, 35%, 90%, 0.5)",
-        "&:hover": {
-          borderColor: r[300],
-          backgroundColor: (o.vars || o).palette.background.paper,
-          boxShadow: "none"
-        },
-        [`&.${a.focused}`]: {
-          outlineOffset: 0,
-          borderColor: r[400]
-        },
-        "&:before, &:after": {
-          display: "none"
-        },
-        ...o.applyStyles("dark", {
-          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)`,
-          "&:hover": {
-            borderColor: e(r[700], 0.7),
-            backgroundColor: (o.vars || o).palette.background.paper,
-            boxShadow: "none"
-          },
-          [`&.${a.focused}`]: {
-            outlineOffset: 0,
-            borderColor: r[900]
-          },
-          "&:before, &:after": {
-            display: "none"
-          }
-        })
-      }),
-      select: ({ theme: o }) => ({
-        ...o.applyStyles("dark", {
-          "&:focus-visible": {
-            backgroundColor: r[900]
-          }
-        })
-      })
+      IconComponent: i.forwardRef((o, a) => /* @__PURE__ */ e.jsx(p, { fontSize: "small", ...o, ref: a }))
     }
   },
   MuiLink: {
@@ -110,7 +63,7 @@ const c = d(/* @__PURE__ */ s.jsx("path", {
           width: 0
         },
         "&:focus-visible": {
-          outline: `3px solid ${e(n[500], 0.5)}`,
+          outline: `3px solid ${d(s[500], 0.5)}`,
           outlineOffset: "4px",
           borderRadius: "2px"
         }
@@ -248,5 +201,5 @@ const c = d(/* @__PURE__ */ s.jsx("path", {
   }
 };
 export {
-  x as navigationCustomizations
+  g as navigationCustomizations
 };

package/dist/theme/customizations/surfaces.js

@@ -73,7 +73,7 @@ const i = {
             style: {
               border: `1px solid ${(r.vars || r).palette.divider}`,
               boxShadow: "none",
-              background: "hsl(0, 0%, 100%)",
+              background: "rgb(255, 255, 255)",
               ...r.applyStyles("dark", {
                 background: a(o[900], 0.4)
               })