@solostylist/ui-kit 1.0.21 → 1.0.22

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

@@ -1,7 +1,5 @@
 import { SelectProps } from '@mui/material';
-type BaseOption = string | number | {
-    [key: string]: unknown;
-};
+type BaseOption = string | number | Record<string, any>;
 export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'error' | 'variant'> & {
     options?: T[];
     optionLabel?: T extends object ? keyof T : never;

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/theme/customizations/navigation.js

@@ -1,12 +1,12 @@
 import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import * as d from "react";
+import * as i from "react";
 import { c as p } from "../../createSvgIcon-CFj_BoDp.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 { d as c, m as e } 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 { a } from "../../createTheme-DkVAXJiq.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/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",