@solostylist/ui-kit 1.0.83 → 1.0.84

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

@@ -1,28 +1,28 @@
 import { j as c } from "../jsx-runtime-DywqP_6a.js";
 import * as r from "react";
-import { c as t } from "../createSvgIcon-9XY7lJan.js";
+import { c as i } from "../createSvgIcon-9XY7lJan.js";
 import { MenuItem as u } from "@mui/material";
-import { usePopover as g } from "../hooks/use-popover.js";
+import { usePopover as p } from "../hooks/use-popover.js";
 import m from "../s-text-field/s-text-field.js";
 import { I as f, S as x, F as d } from "../Select-CT0Hpudx.js";
 import { S as v } from "../Stack-W0weBtf9.js";
 import { P as j } from "../Menu-DbldWmqB.js";
-const k = t(/* @__PURE__ */ c.jsx("path", {
+const k = i(/* @__PURE__ */ c.jsx("path", {
   d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
-}), "Code"), H = t(/* @__PURE__ */ c.jsx("path", {
+}), "Code"), H = i(/* @__PURE__ */ c.jsx("path", {
   d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"
-}), "FormatBold"), L = t(/* @__PURE__ */ c.jsx("path", {
+}), "FormatBold"), L = i(/* @__PURE__ */ c.jsx("path", {
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), b = t(/* @__PURE__ */ c.jsx("path", {
+}), "FormatItalic"), b = i(/* @__PURE__ */ c.jsx("path", {
   d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z"
-}), "FormatListBulleted"), C = t(/* @__PURE__ */ c.jsx("path", {
+}), "FormatListBulleted"), C = i(/* @__PURE__ */ c.jsx("path", {
   d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z"
-}), "FormatListNumbered"), p = t(/* @__PURE__ */ c.jsx("path", {
+}), "FormatListNumbered"), g = i(/* @__PURE__ */ c.jsx("path", {
   d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5"
-}), "Link"), I = t(/* @__PURE__ */ c.jsx("path", {
+}), "Link"), I = i(/* @__PURE__ */ c.jsx("path", {
   d: "M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92M21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21z"
 }), "StrikethroughS"), N = ({ editor: n }) => {
-  const e = g(), [o, i] = r.useState("");
+  const e = p(), [o, t] = r.useState("");
   return /* @__PURE__ */ c.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ c.jsx(
       v,
@@ -139,10 +139,10 @@ const k = t(/* @__PURE__ */ c.jsx("path", {
             a,
             {
               onClick: () => {
-                i(n.getAttributes("link").href ?? ""), e.handleOpen();
+                t(n.getAttributes("link").href ?? ""), e.handleOpen();
               },
               ref: e.anchorRef,
-              children: /* @__PURE__ */ c.jsx(p, {})
+              children: /* @__PURE__ */ c.jsx(g, {})
             }
           ),
           /* @__PURE__ */ c.jsx(
@@ -153,7 +153,7 @@ const k = t(/* @__PURE__ */ c.jsx("path", {
               onClick: () => {
                 n.chain().focus().unsetLink().run();
               },
-              children: /* @__PURE__ */ c.jsx(p, {})
+              children: /* @__PURE__ */ c.jsx(g, {})
             }
           )
         ] }) : null
@@ -165,7 +165,7 @@ const k = t(/* @__PURE__ */ c.jsx("path", {
         anchorEl: e.anchorRef.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
         onClose: () => {
-          e.handleClose(), i("");
+          e.handleClose(), t("");
         },
         open: e.open,
         slotProps: { paper: { sx: { p: 2 } } },
@@ -173,9 +173,9 @@ const k = t(/* @__PURE__ */ c.jsx("path", {
           m,
           {
             name: "url",
-            placeholder: "URL",
+            label: "URL",
             onChange: (s) => {
-              i(s.target.value);
+              t(s.target.value);
             },
             onKeyUp: (s) => {
               if (s.key === "Enter") {
@@ -183,7 +183,7 @@ const k = t(/* @__PURE__ */ c.jsx("path", {
                   n == null || n.chain().focus().extendMarkRange("link").unsetLink().run();
                   return;
                 }
-                n == null || n.chain().focus().setLink({ href: o }).run(), e.handleClose(), i("");
+                n == null || n.chain().focus().setLink({ href: o }).run(), e.handleClose(), t("");
               }
             },
             value: o
@@ -196,8 +196,8 @@ const k = t(/* @__PURE__ */ c.jsx("path", {
 function z(n) {
   return n.isActive("paragraph") ? "p" : n.isActive("heading", { level: 1 }) ? "h1" : n.isActive("heading", { level: 2 }) ? "h2" : n.isActive("heading", { level: 3 }) ? "h3" : n.isActive("heading", { level: 4 }) ? "h4" : n.isActive("heading", { level: 5 }) ? "h5" : n.isActive("heading", { level: 6 }) ? "h6" : "p";
 }
-const a = r.forwardRef(function({ active: e, children: o, disabled: i, onClick: s }, l) {
-  return /* @__PURE__ */ c.jsx(f, { color: e ? "primary" : "secondary", disabled: i, onClick: s, ref: l, children: o });
+const a = r.forwardRef(function({ active: e, children: o, disabled: t, onClick: s }, l) {
+  return /* @__PURE__ */ c.jsx(f, { color: e ? "primary" : "inherit", disabled: t, onClick: s, ref: l, children: o });
 });
 export {
   N as STextEditorToolbar

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

@@ -1,13 +1,13 @@
 import { j as r } from "../jsx-runtime-DywqP_6a.js";
-import { useState as a } from "react";
+import { useState as a, Fragment as t } from "react";
 import { Typography as i, Link as l } from "@mui/material";
-import '../assets/s-text-truncation.css';const d = ({ text: s }) => {
-  const [e, n] = a(!1), o = () => {
-    n(!e);
+import '../assets/s-text-truncation.css';const d = ({ text: e }) => {
+  const [s, n] = a(!1), o = () => {
+    n(!s);
   };
-  return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(i, { className: e ? "full-text" : "truncated-text", variant: "body2", children: s }),
-    s && (s == null ? void 0 : s.split(" ").length) > 20 ? /* @__PURE__ */ r.jsx(l, { className: "see-more", onClick: o, sx: { cursor: "pointer" }, children: e ? "See less" : "See more" }) : null
+  return /* @__PURE__ */ r.jsxs(t, { children: [
+    /* @__PURE__ */ r.jsx(i, { className: s ? "full-text" : "truncated-text", variant: "body2", children: e }),
+    e && (e == null ? void 0 : e.split(" ").length) > 20 ? /* @__PURE__ */ r.jsx(l, { className: "see-more", onClick: o, sx: { cursor: "pointer", fontSize: "0.875rem" }, children: s ? "See less" : "See more" }) : null
   ] });
 };
 export {

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

@@ -0,0 +1,56 @@
+export declare const MuiAlert: {
+    styleOverrides: {
+        root: () => {
+            borderRadius: number;
+            variants: ({
+                props: {
+                    severity: "success";
+                };
+                style: {
+                    color: string;
+                    '& .MuiAlert-icon': {
+                        color: string;
+                    };
+                    backgroundColor: string;
+                    border: string;
+                };
+            } | {
+                props: {
+                    severity: "error";
+                };
+                style: {
+                    color: string;
+                    '& .MuiAlert-icon': {
+                        color: string;
+                    };
+                    backgroundColor: string;
+                    border: string;
+                };
+            } | {
+                props: {
+                    severity: "warning";
+                };
+                style: {
+                    color: string;
+                    '& .MuiAlert-icon': {
+                        color: string;
+                    };
+                    backgroundColor: string;
+                    border: string;
+                };
+            } | {
+                props: {
+                    severity: "info";
+                };
+                style: {
+                    color: string;
+                    '& .MuiAlert-icon': {
+                        color: string;
+                    };
+                    backgroundColor: string;
+                    border: string;
+                };
+            })[];
+        };
+    };
+};

package/dist/theme/components/alert.js

@@ -0,0 +1,53 @@
+import { alpha as s } from "@mui/material";
+import { green as o, red as i, orange as t, blue as p } from "../theme-primitives.js";
+const e = (r) => ({
+  color: r[50],
+  "& .MuiAlert-icon": {
+    color: r[500]
+  },
+  backgroundColor: `${s(r[900], 0.5)}`,
+  border: `1px solid ${s(r[800], 0.5)}`
+}), l = {
+  styleOverrides: {
+    root: () => ({
+      borderRadius: 10,
+      variants: [
+        {
+          props: {
+            severity: "success"
+          },
+          style: {
+            ...e(o)
+          }
+        },
+        {
+          props: {
+            severity: "error"
+          },
+          style: {
+            ...e(i)
+          }
+        },
+        {
+          props: {
+            severity: "warning"
+          },
+          style: {
+            ...e(t)
+          }
+        },
+        {
+          props: {
+            severity: "info"
+          },
+          style: {
+            ...e(p)
+          }
+        }
+      ]
+    })
+  }
+};
+export {
+  l as MuiAlert
+};

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

@@ -1,5 +1,8 @@
 import { Theme } from '@mui/material';
 export declare const MuiButton: {
+    defaultProps: {
+        variant: "contained";
+    };
     styleOverrides: {
         root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
             component?: React.ElementType;

package/dist/theme/components/button.js

@@ -1,18 +1,18 @@
-import { gray as d, brand as a, purple as p, green as u, red as t, blue as v, orange as b } from "../theme-primitives.js";
-const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o, r, i) => o === "text" || o === "outlined" ? i : r, n = (o, r, i) => o.applyStyles("dark", {
-  backgroundColor: s(r.variant, i[800]),
-  color: l(r.variant, i[50], i[500]),
-  borderColor: r.variant === "outlined" ? i[900] : "transparent",
+import { gray as d, brand as n, purple as p, green as u, red as t, blue as v, orange as b } from "../theme-primitives.js";
+const i = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o, r, a) => o === "text" || o === "outlined" ? a : r, s = (o, r, a) => o.applyStyles("dark", {
+  backgroundColor: i(r.variant, a[800]),
+  color: l(r.variant, a[50], a[500]),
+  borderColor: r.variant === "outlined" ? a[900] : "transparent",
   "&:hover": {
-    backgroundColor: s(r.variant, i[900]),
-    color: l(r.variant, i[100], i[400]),
-    borderColor: r.variant === "outlined" ? i[800] : "transparent"
+    backgroundColor: i(r.variant, a[900]),
+    color: l(r.variant, a[100], a[400]),
+    borderColor: r.variant === "outlined" ? a[800] : "transparent"
   },
   "&:active": { filter: "brightness(1.1)" },
   "&.Mui-disabled": {
-    backgroundColor: s(r.variant, i[800]),
-    color: i[900],
-    borderColor: r.variant === "outlined" ? i[900] : "transparent"
+    backgroundColor: i(r.variant, a[800]),
+    color: a[900],
+    borderColor: r.variant === "outlined" ? a[900] : "transparent"
   }
   // '&.MuiButton-loading': {
   //   '& .MuiButton-loadingIndicator': {
@@ -20,6 +20,9 @@ const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o
   //   },
   // },
 }), g = {
+  defaultProps: {
+    variant: "contained"
+  },
   styleOverrides: {
     root: ({ theme: o, ownerState: r }) => ({
       boxShadow: "none",
@@ -60,17 +63,17 @@ const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o
           },
           style: {
             ...o.applyStyles("dark", {
-              backgroundColor: s(r.variant, a[800]),
-              color: l(r.variant, a[50], d[200]),
+              backgroundColor: i(r.variant, n[800]),
+              color: l(r.variant, n[50], d[200]),
               borderColor: r.variant === "outlined" ? (o.vars || o).palette.divider : "transparent",
               "&:hover": {
-                backgroundColor: s(r.variant, a[900]),
-                color: l(r.variant, a[100], (o.vars || o).palette.text.primary),
+                backgroundColor: i(r.variant, n[900]),
+                color: l(r.variant, n[100], (o.vars || o).palette.text.primary),
                 borderColor: r.variant === "outlined" ? d[700] : "transparent"
               },
               "&:active": { filter: "brightness(1.1)" },
               "&.Mui-disabled": {
-                backgroundColor: s(r.variant, a[800]),
+                backgroundColor: i(r.variant, n[800]),
                 color: d[700],
                 borderColor: r.variant === "outlined" ? (o.vars || o).palette.divider : "transparent"
               }
@@ -82,7 +85,7 @@ const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o
             color: "secondary"
           },
           style: {
-            ...n(o, r, p)
+            ...s(o, r, p)
           }
         },
         {
@@ -90,7 +93,7 @@ const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o
             color: "success"
           },
           style: {
-            ...n(o, r, u)
+            ...s(o, r, u)
           }
         },
         {
@@ -98,7 +101,7 @@ const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o
             color: "error"
           },
           style: {
-            ...n(o, r, t)
+            ...s(o, r, t)
           }
         },
         {
@@ -106,7 +109,7 @@ const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o
             color: "info"
           },
           style: {
-            ...n(o, r, v)
+            ...s(o, r, v)
           }
         },
         {
@@ -114,7 +117,7 @@ const s = (o, r) => o === "text" || o === "outlined" ? "transparent" : r, l = (o
             color: "warning"
           },
           style: {
-            ...n(o, r, b)
+            ...s(o, r, b)
           }
         }
       ]

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

@@ -184,6 +184,9 @@ export declare const components: {
         };
     };
     MuiButton: {
+        defaultProps: {
+            variant: "contained";
+        };
         styleOverrides: {
             root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
                 component?: React.ElementType;
@@ -6016,4 +6019,74 @@ export declare const components: {
             };
         };
     };
+    MuiTooltip: {
+        styleOverrides: {
+            tooltip: {
+                backgroundColor: "var(--s-palette-background-default)";
+                border: string;
+            };
+            arrow: {
+                color: "var(--s-palette-background-default)";
+                '&::before': {
+                    border: string;
+                };
+            };
+        };
+    };
+    MuiAlert: {
+        styleOverrides: {
+            root: () => {
+                borderRadius: number;
+                variants: ({
+                    props: {
+                        severity: "success";
+                    };
+                    style: {
+                        color: string;
+                        '& .MuiAlert-icon': {
+                            color: string;
+                        };
+                        backgroundColor: string;
+                        border: string;
+                    };
+                } | {
+                    props: {
+                        severity: "error";
+                    };
+                    style: {
+                        color: string;
+                        '& .MuiAlert-icon': {
+                            color: string;
+                        };
+                        backgroundColor: string;
+                        border: string;
+                    };
+                } | {
+                    props: {
+                        severity: "warning";
+                    };
+                    style: {
+                        color: string;
+                        '& .MuiAlert-icon': {
+                            color: string;
+                        };
+                        backgroundColor: string;
+                        border: string;
+                    };
+                } | {
+                    props: {
+                        severity: "info";
+                    };
+                    style: {
+                        color: string;
+                        '& .MuiAlert-icon': {
+                            color: string;
+                        };
+                        backgroundColor: string;
+                        border: string;
+                    };
+                })[];
+            };
+        };
+    };
 };

package/dist/theme/components/components.js

@@ -1,25 +1,29 @@
-import { MuiAvatar as o } from "./avatar.js";
-import { MuiBackdrop as r } from "./backdrop.js";
-import { MuiButton as i } from "./button.js";
-import { MuiChip as m } from "./chip.js";
-import { MuiContainer as t } from "./container.js";
-import { MuiFormControl as p } from "./form-control.js";
-import { MuiPopover as u } from "./popover.js";
-import { MuiRating as f } from "./rating.js";
-import { MuiSlider as M } from "./slider.js";
-import { MuiSvgIcon as n } from "./svg-icon.js";
-const S = {
-  MuiAvatar: o,
-  MuiRating: f,
-  MuiSlider: M,
-  MuiSvgIcon: n,
-  MuiContainer: t,
-  MuiBackdrop: r,
-  MuiPopover: u,
-  MuiFormControl: p,
-  MuiChip: m,
-  MuiButton: i
+import { MuiAlert as o } from "./alert.js";
+import { MuiAvatar as r } from "./avatar.js";
+import { MuiBackdrop as i } from "./backdrop.js";
+import { MuiButton as m } from "./button.js";
+import { MuiChip as t } from "./chip.js";
+import { MuiContainer as p } from "./container.js";
+import { MuiFormControl as u } from "./form-control.js";
+import { MuiPopover as f } from "./popover.js";
+import { MuiRating as M } from "./rating.js";
+import { MuiSlider as n } from "./slider.js";
+import { MuiSvgIcon as e } from "./svg-icon.js";
+import { MuiTooltip as a } from "./tooltip.js";
+const x = {
+  MuiAvatar: r,
+  MuiRating: M,
+  MuiSlider: n,
+  MuiSvgIcon: e,
+  MuiContainer: p,
+  MuiBackdrop: i,
+  MuiPopover: f,
+  MuiFormControl: u,
+  MuiChip: t,
+  MuiButton: m,
+  MuiTooltip: a,
+  MuiAlert: o
 };
 export {
-  S as components
+  x as components
 };

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

@@ -0,0 +1,14 @@
+export declare const MuiTooltip: {
+    styleOverrides: {
+        tooltip: {
+            backgroundColor: "var(--s-palette-background-default)";
+            border: string;
+        };
+        arrow: {
+            color: "var(--s-palette-background-default)";
+            '&::before': {
+                border: string;
+            };
+        };
+    };
+};

package/dist/theme/components/tooltip.js

@@ -0,0 +1,17 @@
+const r = {
+  styleOverrides: {
+    tooltip: {
+      backgroundColor: "var(--s-palette-background-default)",
+      border: "1px solid var(--s-palette-divider)"
+    },
+    arrow: {
+      color: "var(--s-palette-background-default)",
+      "&::before": {
+        border: "1px solid var(--s-palette-divider)"
+      }
+    }
+  }
+};
+export {
+  r as MuiTooltip
+};

package/dist/theme/customizations/feedback.js

@@ -1,31 +1,13 @@
-import { gray as i, orange as o } from "../theme-primitives.js";
-import { a } from "../../colorManipulator-CPZHCebU.js";
-const l = {
-  MuiAlert: {
-    styleOverrides: {
-      root: ({ theme: r }) => ({
-        borderRadius: 10,
-        backgroundColor: o[100],
-        color: (r.vars || r).palette.text.primary,
-        border: `1px solid ${a(o[300], 0.5)}`,
-        "& .MuiAlert-icon": {
-          color: o[500]
-        },
-        ...r.applyStyles("dark", {
-          backgroundColor: `${a(o[900], 0.5)}`,
-          border: `1px solid ${a(o[800], 0.5)}`
-        })
-      })
-    }
-  },
+import { gray as r } from "../theme-primitives.js";
+const i = {
   MuiDialog: {
     styleOverrides: {
-      root: ({ theme: r }) => ({
+      root: ({ theme: o }) => ({
         "& .MuiDialog-paper": {
           borderRadius: "10px",
           border: "1px solid",
-          borderColor: (r.vars || r).palette.divider,
-          backgroundColor: (r.vars || r).palette.background.paper,
+          borderColor: (o.vars || o).palette.divider,
+          backgroundColor: (o.vars || o).palette.background.paper,
           backgroundImage: "none",
           boxShadow: "none"
         }
@@ -34,24 +16,24 @@ const l = {
   },
   MuiDialogActions: {
     styleOverrides: {
-      root: ({ theme: r }) => ({
-        padding: `${r.spacing(2)} ${r.spacing(3)}`
+      root: ({ theme: o }) => ({
+        padding: `${o.spacing(2)} ${o.spacing(3)}`
       })
     }
   },
   MuiLinearProgress: {
     styleOverrides: {
-      root: ({ theme: r }) => ({
+      root: ({ theme: o }) => ({
         height: 8,
         borderRadius: 8,
-        backgroundColor: i[200],
-        ...r.applyStyles("dark", {
-          backgroundColor: i[800]
+        backgroundColor: r[200],
+        ...o.applyStyles("dark", {
+          backgroundColor: r[800]
         })
       })
     }
   }
 };
 export {
-  l as feedbackCustomizations
+  i as feedbackCustomizations
 };

package/dist/theme/customizations/navigation.js

@@ -94,14 +94,13 @@ const n = l(/* @__PURE__ */ t.jsx("path", {
   MuiPaginationItem: {
     styleOverrides: {
       root: ({ theme: r }) => ({
-        "&.Mui-selected": {
-          color: "white",
-          backgroundColor: (r.vars || r).palette.grey[900]
-        },
         ...r.applyStyles("dark", {
           "&.Mui-selected": {
-            color: "black",
-            backgroundColor: (r.vars || r).palette.grey[50]
+            color: (r.vars || r).palette.grey[900],
+            backgroundColor: (r.vars || r).palette.grey[50],
+            "&:hover": {
+              backgroundColor: (r.vars || r).palette.grey[200]
+            }
           }
         })
       })

package/package.json

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