@solostylist/ui-kit 1.0.34 → 1.0.36

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

@@ -1,7 +1,7 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
 import { IconBulb as e } from "@tabler/icons-react";
-import { S as s } from "../Stack-hZ9m9_Gh.js";
-import { T as o } from "../Typography-Cf3fyOHg.js";
+import { S as s } from "../Stack-CHCAZYKm.js";
+import { T as o } from "../Typography-8CUP66S2.js";
 const c = ({ message: t }) => /* @__PURE__ */ r.jsxs(
   s,
   {

package/dist/theme/components/avatar.d.ts

@@ -2,4 +2,9 @@ export declare const MuiAvatar: {
     defaultProps: {
         children: import("react/jsx-runtime").JSX.Element;
     };
+    styleOverrides: {
+        rounded: {
+            borderRadius: number;
+        };
+    };
 };

package/dist/theme/components/avatar.js

@@ -1,8 +1,11 @@
 import { j as r } from "../../jsx-runtime-C5mzlN2N.js";
 import { IconUser as o } from "@tabler/icons-react";
-const e = {
-  defaultProps: { children: /* @__PURE__ */ r.jsx(o, {}) }
+const t = {
+  defaultProps: { children: /* @__PURE__ */ r.jsx(o, {}) },
+  styleOverrides: {
+    rounded: { borderRadius: 12 }
+  }
 };
 export {
-  e as MuiAvatar
+  t as MuiAvatar
 };

package/dist/theme/components/backdrop.d.ts

@@ -0,0 +1,12 @@
+export declare const MuiBackdrop: {
+    styleOverrides: {
+        invisible: {
+            background: string;
+            backdropFilter: "none";
+        };
+        root: {
+            backdropFilter: "blur(4px)";
+            background: string;
+        };
+    };
+};

package/dist/theme/components/backdrop.js

@@ -0,0 +1,12 @@
+const r = {
+  styleOverrides: {
+    invisible: { background: "transparent", backdropFilter: "none" },
+    root: {
+      backdropFilter: "blur(4px)",
+      background: "-webkit-linear-gradient(90deg, rgba(75, 85, 99, 0.8) 0%, rgba(55, 65, 81, 0.4) 100%)"
+    }
+  }
+};
+export {
+  r as MuiBackdrop
+};

package/dist/theme/components/components.d.ts

@@ -3,5 +3,65 @@ export declare const components: {
         defaultProps: {
             children: import("react/jsx-runtime").JSX.Element;
         };
+        styleOverrides: {
+            rounded: {
+                borderRadius: number;
+            };
+        };
+    };
+    MuiRating: {
+        styleOverrides: {
+            sizeSmall: {
+                fontSize: string;
+            };
+        };
+    };
+    MuiSlider: {
+        styleOverrides: {
+            valueLabel: {
+                borderRadius: number;
+            };
+        };
+    };
+    MuiSvgIcon: {
+        styleOverrides: {
+            root: {
+                '& .secondary': {
+                    opacity: number;
+                };
+            };
+        };
+    };
+    MuiContainer: {
+        defaultProps: {
+            maxWidth: "xl";
+        };
+    };
+    MuiBackdrop: {
+        styleOverrides: {
+            invisible: {
+                background: string;
+                backdropFilter: "none";
+            };
+            root: {
+                backdropFilter: "blur(4px)";
+                background: string;
+            };
+        };
+    };
+    MuiPopover: {
+        defaultProps: {
+            elevation: number;
+        };
+        styleOverrides: {
+            paper: ({ theme }: import('@mui/material').PopoverProps & Record<string, unknown> & {
+                ownerState: import('@mui/material').PopoverProps & Record<string, unknown>;
+            } & {
+                theme: import('@mui/material').Theme;
+            }) => {
+                borderRadius: string | number;
+                marginTop: number;
+            };
+        };
     };
 };

package/dist/theme/components/components.js

@@ -1,7 +1,19 @@
 import { MuiAvatar as o } from "./avatar.js";
-const r = {
-  MuiAvatar: o
+import { MuiBackdrop as r } from "./backdrop.js";
+import { MuiContainer as i } from "./container.js";
+import { MuiPopover as m } from "./popover.js";
+import { MuiRating as t } from "./rating.js";
+import { MuiSlider as p } from "./slider.js";
+import { MuiSvgIcon as f } from "./svg-icon.js";
+const d = {
+  MuiAvatar: o,
+  MuiRating: t,
+  MuiSlider: p,
+  MuiSvgIcon: f,
+  MuiContainer: i,
+  MuiBackdrop: r,
+  MuiPopover: m
 };
 export {
-  r as components
+  d as components
 };

package/dist/theme/components/container.d.ts

@@ -0,0 +1,5 @@
+export declare const MuiContainer: {
+    defaultProps: {
+        maxWidth: "xl";
+    };
+};

package/dist/theme/components/container.js

@@ -0,0 +1,6 @@
+const t = {
+  defaultProps: { maxWidth: "xl" }
+};
+export {
+  t as MuiContainer
+};

package/dist/theme/components/popover.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiPopover: {
+    defaultProps: {
+        elevation: number;
+    };
+    styleOverrides: {
+        paper: ({ theme }: import('@mui/material').PopoverProps & Record<string, unknown> & {
+            ownerState: import('@mui/material').PopoverProps & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            borderRadius: string | number;
+            marginTop: number;
+        };
+    };
+};

package/dist/theme/components/popover.js

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

package/dist/theme/components/rating.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiRating: {
+    styleOverrides: {
+        sizeSmall: {
+            fontSize: string;
+        };
+    };
+};

package/dist/theme/components/rating.js

@@ -0,0 +1,8 @@
+const e = {
+  styleOverrides: {
+    sizeSmall: { fontSize: "1rem" }
+  }
+};
+export {
+  e as MuiRating
+};

package/dist/theme/components/slider.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiSlider: {
+    styleOverrides: {
+        valueLabel: {
+            borderRadius: number;
+        };
+    };
+};

package/dist/theme/components/slider.js

@@ -0,0 +1,8 @@
+const e = {
+  styleOverrides: {
+    valueLabel: { borderRadius: 8 }
+  }
+};
+export {
+  e as MuiSlider
+};

package/dist/theme/components/svg-icon.d.ts

@@ -0,0 +1,9 @@
+export declare const MuiSvgIcon: {
+    styleOverrides: {
+        root: {
+            '& .secondary': {
+                opacity: number;
+            };
+        };
+    };
+};

package/dist/theme/components/svg-icon.js

@@ -0,0 +1,10 @@
+const o = {
+  styleOverrides: {
+    root: {
+      "& .secondary": { opacity: 0.4 }
+    }
+  }
+};
+export {
+  o as MuiSvgIcon
+};

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

@@ -195,7 +195,9 @@ const r = d("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
             }
           }
         ]
-      })
+      }),
+      labelSmall: { paddingInline: 12 },
+      colorSecondary: { color: e[500], backgroundColor: e[100] }
     }
   },
   MuiTablePagination: {

package/dist/theme/customizations/inputs.js

@@ -1,17 +1,17 @@
-import { j as t } from "../../jsx-runtime-C5mzlN2N.js";
-import { c as l } from "../../createSvgIcon-GD-thYZm.js";
+import { j as a } from "../../jsx-runtime-C5mzlN2N.js";
+import { c as l } from "../../createSvgIcon-FIMSBrG5.js";
 import { brand as e, gray as o } from "../theme-primitives.js";
-import { o as i } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
-import { g as n } from "../../generateUtilityClasses-CvAVhM6T.js";
+import { o as n } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
+import { g as i } from "../../generateUtilityClasses-CvAVhM6T.js";
 import { s } from "../../svgIconClasses-SRBiyaM8.js";
-import { a } from "../../createTheme-CyFSna1a.js";
-const p = l(/* @__PURE__ */ t.jsx("path", {
+import { a as t } from "../../createTheme-CyFSna1a.js";
+const c = l(/* @__PURE__ */ a.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"), c = l(/* @__PURE__ */ t.jsx("path", {
+}), "CheckBoxOutlineBlankRounded"), p = l(/* @__PURE__ */ a.jsx("path", {
   d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
-}), "CheckRounded"), u = l(/* @__PURE__ */ t.jsx("path", {
+}), "CheckRounded"), u = l(/* @__PURE__ */ a.jsx("path", {
   d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
-}), "RemoveRounded"), b = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
+}), "RemoveRounded"), b = i("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = i("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -22,7 +22,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
         boxSizing: "border-box",
         transition: "all 100ms ease-in",
         "&:focus-visible": {
-          outline: `3px solid ${a(r.palette.primary.main, 0.5)}`,
+          outline: `3px solid ${t(r.palette.primary.main, 0.5)}`,
           outlineOffset: "2px"
         }
       })
@@ -72,6 +72,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               "&:active": {
                 backgroundColor: o[800]
               },
+              "&.MuiButton-loading": {
+                "& .MuiButton-loadingIndicator": {
+                  color: "white"
+                }
+              },
               ...r.applyStyles("dark", {
                 color: "black",
                 backgroundColor: o[50],
@@ -85,6 +90,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
                 },
                 "&:active": {
                   backgroundColor: o[400]
+                },
+                "&.MuiButton-loading": {
+                  "& .MuiButton-loadingIndicator": {
+                    color: "black"
+                  }
                 }
               })
             }
@@ -97,8 +107,8 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
             style: {
               color: "white",
               backgroundColor: e[300],
-              backgroundImage: `linear-gradient(to bottom, ${a(e[400], 0.8)}, ${e[500]})`,
-              boxShadow: `inset 0 2px 0 ${a(e[200], 0.2)}, inset 0 -2px 0 ${a(e[700], 0.4)}`,
+              backgroundImage: `linear-gradient(to bottom, ${t(e[400], 0.8)}, ${e[500]})`,
+              boxShadow: `inset 0 2px 0 ${t(e[200], 0.2)}, inset 0 -2px 0 ${t(e[700], 0.4)}`,
               border: `1px solid ${e[500]}`,
               "&:hover": {
                 backgroundColor: e[700],
@@ -107,6 +117,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               "&:active": {
                 backgroundColor: e[700],
                 backgroundImage: "none"
+              },
+              "&.MuiButton-loading": {
+                "& .MuiButton-loadingIndicator": {
+                  color: "white"
+                }
               }
             }
           },
@@ -118,7 +133,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               color: (r.vars || r).palette.text.primary,
               border: "1px solid",
               borderColor: o[200],
-              backgroundColor: a(o[50], 0.3),
+              backgroundColor: t(o[50], 0.3),
               "&:hover": {
                 backgroundColor: o[100],
                 borderColor: o[300]
@@ -126,6 +141,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               "&:active": {
                 backgroundColor: o[200]
               },
+              "&.MuiButton-loading": {
+                "& .MuiButton-loadingIndicator": {
+                  color: (r.vars || r).palette.text.primary
+                }
+              },
               ...r.applyStyles("dark", {
                 backgroundColor: o[800],
                 borderColor: o[700],
@@ -154,19 +174,19 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
                 borderColor: e[400]
               },
               "&:active": {
-                backgroundColor: a(e[200], 0.7)
+                backgroundColor: t(e[200], 0.7)
               },
               ...r.applyStyles("dark", {
                 color: e[50],
                 border: "1px solid",
                 borderColor: e[900],
-                backgroundColor: a(e[900], 0.3),
+                backgroundColor: t(e[900], 0.3),
                 "&:hover": {
                   borderColor: e[700],
-                  backgroundColor: a(e[900], 0.6)
+                  backgroundColor: t(e[900], 0.6)
                 },
                 "&:active": {
-                  backgroundColor: a(e[900], 0.5)
+                  backgroundColor: t(e[900], 0.5)
                 }
               })
             }
@@ -189,7 +209,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
                   backgroundColor: o[700]
                 },
                 "&:active": {
-                  backgroundColor: a(o[700], 0.7)
+                  backgroundColor: t(o[700], 0.7)
                 }
               })
             }
@@ -202,18 +222,18 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
             style: {
               color: e[700],
               "&:hover": {
-                backgroundColor: a(e[100], 0.5)
+                backgroundColor: t(e[100], 0.5)
               },
               "&:active": {
-                backgroundColor: a(e[200], 0.7)
+                backgroundColor: t(e[200], 0.7)
               },
               ...r.applyStyles("dark", {
                 color: e[100],
                 "&:hover": {
-                  backgroundColor: a(e[900], 0.5)
+                  backgroundColor: t(e[900], 0.5)
                 },
                 "&:active": {
-                  backgroundColor: a(e[900], 0.3)
+                  backgroundColor: t(e[900], 0.3)
                 }
               })
             }
@@ -281,7 +301,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
     styleOverrides: {
       root: ({ theme: r }) => ({
         borderRadius: "10px",
-        boxShadow: `0 4px 16px ${a(o[400], 0.2)}`,
+        boxShadow: `0 4px 16px ${t(o[400], 0.2)}`,
         [`& .${d.selected}`]: {
           color: e[500]
         },
@@ -289,7 +309,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
           [`& .${d.selected}`]: {
             color: "#fff"
           },
-          boxShadow: `0 4px 16px ${a(e[700], 0.5)}`
+          boxShadow: `0 4px 16px ${t(e[700], 0.5)}`
         })
       })
     }
@@ -314,9 +334,9 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
   MuiCheckbox: {
     defaultProps: {
       disableRipple: !0,
-      icon: /* @__PURE__ */ t.jsx(p, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
-      checkedIcon: /* @__PURE__ */ t.jsx(c, { sx: { height: 14, width: 14 } }),
-      indeterminateIcon: /* @__PURE__ */ t.jsx(u, { sx: { height: 14, width: 14 } })
+      icon: /* @__PURE__ */ a.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
+      checkedIcon: /* @__PURE__ */ a.jsx(p, { sx: { height: 14, width: 14 } }),
+      indeterminateIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } })
     },
     styleOverrides: {
       root: ({ theme: r }) => ({
@@ -325,15 +345,15 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
         width: 16,
         borderRadius: 5,
         border: "1px solid ",
-        borderColor: a(o[300], 0.8),
+        borderColor: t(o[300], 0.8),
         boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
-        backgroundColor: a(o[100], 0.4),
+        backgroundColor: t(o[100], 0.4),
         transition: "border-color, background-color, 120ms ease-in",
         "&:hover": {
           borderColor: e[300]
         },
         "&.Mui-focusVisible": {
-          outline: `3px solid ${a(e[500], 0.5)}`,
+          outline: `3px solid ${t(e[500], 0.5)}`,
           outlineOffset: "2px",
           borderColor: e[400]
         },
@@ -347,15 +367,15 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
           }
         },
         ...r.applyStyles("dark", {
-          borderColor: a(o[700], 0.8),
+          borderColor: t(o[700], 0.8),
           boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
-          backgroundColor: a(o[900], 0.8),
+          backgroundColor: t(o[900], 0.8),
           "&:hover": {
             borderColor: e[300]
           },
           "&.Mui-focusVisible": {
             borderColor: e[400],
-            outline: `3px solid ${a(e[500], 0.5)}`,
+            outline: `3px solid ${t(e[500], 0.5)}`,
             outlineOffset: "2px"
           }
         })
@@ -399,8 +419,8 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
         "&:hover": {
           borderColor: o[400]
         },
-        [`&.${i.focused}`]: {
-          outline: `3px solid ${a(e[500], 0.5)}`,
+        [`&.${n.focused}`]: {
+          outline: `3px solid ${t(e[500], 0.5)}`,
           borderColor: e[400]
         },
         ...r.applyStyles("dark", {

package/dist/theme/customizations/navigation.js

@@ -1,61 +1,43 @@
-import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import * as i from "react";
-import { c as p } from "../../createSvgIcon-GD-thYZm.js";
-import { gray as r, brand as n } from "../theme-primitives.js";
-import { d as c, m as e } from "../../menuItemClasses-BuN4fyVT.js";
-import { g as b } from "../../generateUtilityClasses-CvAVhM6T.js";
-import { s } from "../../selectClasses-DWL9Cxkn.js";
-import { b as u } from "../../buttonBaseClasses-CTVeu_V8.js";
+import { j as s } from "../../jsx-runtime-C5mzlN2N.js";
+import * as d from "react";
+import { c as i } from "../../createSvgIcon-FIMSBrG5.js";
+import { gray as r, brand as p } from "../theme-primitives.js";
+import { g as n } from "../../generateUtilityClasses-CvAVhM6T.js";
+import { s as e } from "../../selectClasses-DWL9Cxkn.js";
+import { b as c } from "../../buttonBaseClasses-CTVeu_V8.js";
 import { a } from "../../createTheme-CyFSna1a.js";
-const x = p(/* @__PURE__ */ l.jsx("path", {
+const b = i(/* @__PURE__ */ s.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 = {
-  MuiMenuItem: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        borderRadius: (o.vars || o).shape.borderRadius,
-        padding: "6px 8px",
-        [`&.${e.focusVisible}`]: {
-          backgroundColor: "transparent"
-        },
-        [`&.${e.selected}`]: {
-          [`&.${e.focusVisible}`]: {
-            backgroundColor: a(o.palette.action.selected, 0.3)
-          }
-        }
-      })
-    }
-  },
+}), "UnfoldMoreRounded"), t = n("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), k = {
   MuiMenu: {
     styleOverrides: {
-      list: {
-        gap: "0px",
-        [`&.${c.root}`]: {
-          margin: "0 -8px"
-        }
-      },
       paper: ({ theme: o }) => ({
-        marginTop: "4px",
+        backgroundColor: (o.vars || o).palette.background.paper,
+        boxShadow: (o.vars || o).shadows[8],
+        backgroundImage: (o.vars || o).overlays[8],
         borderRadius: (o.vars || o).shape.borderRadius,
         border: `1px solid ${(o.vars || o).palette.divider}`,
-        backgroundImage: "none",
-        background: "hsl(0, 0%, 100%)",
-        boxShadow: "hsla(220, 30%, 5%, 0.07) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.07) 0px 8px 16px -5px",
-        [`& .${u.root}`]: {
+        [`& .${c.root}`]: {
           "&.Mui-selected": {
             backgroundColor: a(o.palette.action.selected, 0.3)
           }
-        },
-        ...o.applyStyles("dark", {
-          background: r[900],
-          boxShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
-        })
-      })
+        }
+      }),
+      list: {
+        padding: 0,
+        paddingTop: 8,
+        paddingBottom: 8
+      }
+    }
+  },
+  MuiMenuItem: {
+    styleOverrides: {
+      root: { paddingTop: 8, paddingBottom: 8 }
     }
   },
   MuiSelect: {
     defaultProps: {
-      IconComponent: i.forwardRef((o, d) => /* @__PURE__ */ l.jsx(x, { fontSize: "small", ...o, ref: d }))
+      IconComponent: d.forwardRef((o, l) => /* @__PURE__ */ s.jsx(b, { fontSize: "small", ...o, ref: l }))
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -69,7 +51,7 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
           backgroundColor: (o.vars || o).palette.background.paper,
           boxShadow: "none"
         },
-        [`&.${s.focused}`]: {
+        [`&.${e.focused}`]: {
           outlineOffset: 0,
           borderColor: r[400]
         },
@@ -86,7 +68,7 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
             backgroundColor: (o.vars || o).palette.background.paper,
             boxShadow: "none"
           },
-          [`&.${s.focused}`]: {
+          [`&.${e.focused}`]: {
             outlineOffset: 0,
             borderColor: r[900]
           },
@@ -130,7 +112,7 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
           width: 0
         },
         "&:focus-visible": {
-          outline: `3px solid ${a(n[500], 0.5)}`,
+          outline: `3px solid ${a(p[500], 0.5)}`,
           outlineOffset: "4px",
           borderRadius: "2px"
         }
@@ -268,5 +250,5 @@ const x = p(/* @__PURE__ */ l.jsx("path", {
   }
 };
 export {
-  R as navigationCustomizations
+  k as navigationCustomizations
 };

package/dist/{useSlot-Cwl3uYYg.js → useSlot-DFX3jR9F.js}

@@ -6,7 +6,7 @@ import * as h from "react";
 import { P as o } from "./createTheme-CyFSna1a.js";
 import { j as x } from "./jsx-runtime-C5mzlN2N.js";
 import { g as je } from "./generateUtilityClasses-CvAVhM6T.js";
-import { u as ce, s as P, c as Oe } from "./memoTheme-2xILj8Pd.js";
+import { u as ce, s as P, c as Oe } from "./memoTheme-Bz_6CvJG.js";
 import { T as Ae } from "./TransitionGroup-CuA3gNyE.js";
 import { keyframes as ee } from "@emotion/react";
 import { g as De, b as Le } from "./buttonBaseClasses-CTVeu_V8.js";

package/package.json

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

package/dist/menuItemClasses-BuN4fyVT.js

@@ -1,12 +0,0 @@
-import { g as e } from "./generateUtilityClasses-CvAVhM6T.js";
-import { g as i } from "./createTheme-CyFSna1a.js";
-const r = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-function a(t) {
-  return i("MuiMenuItem", t);
-}
-const n = e("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]);
-export {
-  r as d,
-  a as g,
-  n as m
-};