@solostylist/ui-kit 1.0.180 → 1.0.182

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

@@ -1,9 +1,8 @@
-import { i as e } from "../../iconButtonClasses-qz3jor3M.js";
-import { b as r } from "../../buttonBaseClasses-jCihfot4.js";
-import { s as i } from "../../svgIconClasses-CBCi8U9g.js";
-import { t as a } from "../../typographyClasses-C7fhAsUD.js";
-import { a as t } from "../../colorManipulator-ep5lERxB.js";
-const g = {
+import { i as r } from "../../iconButtonClasses-BMfIhNTh.js";
+import { b as i } from "../../buttonBaseClasses-jtnoTmPn.js";
+import { s as t } from "../../svgIconClasses-C6auqaBA.js";
+import { t as e } from "../../typographyClasses-jmoWZuXc.js";
+const p = {
   MuiTableCell: {
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -24,31 +23,37 @@ const g = {
   MuiListItem: {
     styleOverrides: {
       root: ({ theme: o }) => ({
-        [`& .${i.root}`]: {
-          width: "0.75rem",
-          height: "0.75rem",
+        [`& .${t.root}`]: {
           color: (o.vars || o).palette.text.secondary
         },
-        [`& .${a.root}`]: {
+        [`& .${e.root}`]: {
           fontWeight: 500
         },
-        [`& .${r.root}`]: {
+        [`& .${i.root}`]: {
+          alignItems: "center",
           display: "flex",
           gap: 8,
-          padding: "2px 8px",
+          padding: "0.5rem 1rem",
           borderRadius: (o.vars || o).shape.borderRadius,
+          whiteSpace: "nowrap",
+          color: (o.vars || o).palette.text.secondary,
           "&.Mui-selected": {
-            backgroundColor: t(o.palette.action.selected, 0.3),
-            [`& .${i.root}`]: {
+            backgroundColor: o.palette.action.selected,
+            color: (o.vars || o).palette.text.primary,
+            [`& .${t.root}`]: {
               color: (o.vars || o).palette.text.primary
             },
             "&:focus-visible": {
-              backgroundColor: t(o.palette.action.selected, 0.3)
+              backgroundColor: o.palette.action.selected
             },
             "&:hover": {
-              backgroundColor: t(o.palette.action.selected, 0.5)
+              backgroundColor: o.palette.action.selected
             }
           },
+          "&:hover:not(.Mui-selected)": {
+            backgroundColor: o.palette.action.hover,
+            color: (o.vars || o).palette.text.primary
+          },
           "&:focus-visible": {
             backgroundColor: "transparent"
           }
@@ -93,7 +98,7 @@ const g = {
         display: "flex",
         gap: 8,
         marginRight: 6,
-        [`& .${e.root}`]: {
+        [`& .${r.root}`]: {
           minWidth: 0,
           width: 36,
           height: 36
@@ -122,5 +127,5 @@ const g = {
   }
 };
 export {
-  g as dataDisplayCustomizations
+  p as dataDisplayCustomizations
 };

package/dist/theme/customizations/inputs.js

@@ -1,17 +1,16 @@
 import { j as i } from "../../jsx-runtime-tc70JA_2.js";
-import { c as l } from "../../createSvgIcon-BKymXuBG.js";
-import { brand as r, gray as e } from "../theme-primitives.js";
-import { o as p } from "../../outlinedInputClasses-DM19xjo3.js";
-import { g as n } from "../../generateUtilityClasses-BtVDwGrk.js";
-import { s } from "../../svgIconClasses-CBCi8U9g.js";
-import { a as t } from "../../colorManipulator-ep5lERxB.js";
-const u = l(/* @__PURE__ */ i.jsx("path", {
+import { c as d } from "../../createSvgIcon-C1CFzLiI.js";
+import { brand as e, gray as t } from "../theme-primitives.js";
+import { o as n } from "../../outlinedInputClasses-DnwW3ujt.js";
+import { g as l } from "../../generateUtilityClasses-E9gROIFd.js";
+import { a as r } from "../../createTheme-pt_I2IXq.js";
+const p = d(/* @__PURE__ */ i.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__ */ i.jsx("path", {
+}), "CheckBoxOutlineBlankRounded"), u = d(/* @__PURE__ */ i.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"), b = l(/* @__PURE__ */ i.jsx("path", {
+}), "CheckRounded"), c = d(/* @__PURE__ */ i.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"), g = 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"]), C = {
+}), "RemoveRounded"), b = l("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), s = l("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), f = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -24,80 +23,19 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
       }
     }
   },
-  MuiIconButton: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        color: "inherit",
-        boxShadow: "none",
-        textTransform: "none",
-        fontWeight: o.typography.fontWeightMedium,
-        letterSpacing: 0,
-        borderColor: e[200],
-        "&:hover": {
-          backgroundColor: (o.vars || o).palette.action.hover,
-          borderColor: e[300]
-        },
-        "&:active": {
-          backgroundColor: (o.vars || o).palette.action.selected
-        },
-        ...o.applyStyles("dark", {
-          borderColor: e[700],
-          "&:hover": {
-            backgroundColor: (o.vars || o).palette.action.hover,
-            borderColor: e[600]
-          },
-          "&:active": {
-            backgroundColor: (o.vars || o).palette.action.selected
-          }
-        }),
-        variants: [
-          {
-            props: {
-              size: "small"
-            },
-            style: {
-              width: "2.25rem",
-              height: "2.25rem",
-              [`& .${s.root}`]: { fontSize: "0.75rem" }
-            }
-          },
-          {
-            props: {
-              size: "medium"
-            },
-            style: {
-              width: "2.5rem",
-              height: "2.5rem",
-              [`& .${s.root}`]: { fontSize: "1rem" }
-            }
-          },
-          {
-            props: {
-              size: "large"
-            },
-            style: {
-              width: "2.75rem",
-              height: "2.75rem",
-              [`& .${s.root}`]: { fontSize: "1.25rem" }
-            }
-          }
-        ]
-      })
-    }
-  },
   MuiToggleButtonGroup: {
     styleOverrides: {
       root: ({ theme: o }) => ({
         borderRadius: "10px",
-        boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
-        [`& .${d.selected}`]: {
-          color: r[500]
+        boxShadow: `0 4px 16px ${r(t[400], 0.2)}`,
+        [`& .${s.selected}`]: {
+          color: e[500]
         },
         ...o.applyStyles("dark", {
-          [`& .${d.selected}`]: {
+          [`& .${s.selected}`]: {
             color: "#fff"
           },
-          boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
+          boxShadow: `0 4px 16px ${r(e[700], 0.5)}`
         })
       })
     }
@@ -110,9 +48,9 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
         borderRadius: "10px",
         fontWeight: 500,
         ...o.applyStyles("dark", {
-          color: e[400],
-          [`&.${g.selected}`]: {
-            color: r[300]
+          color: t[400],
+          [`&.${b.selected}`]: {
+            color: e[300]
           }
         })
       })
@@ -121,9 +59,9 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
   MuiCheckbox: {
     defaultProps: {
       disableRipple: !0,
-      icon: /* @__PURE__ */ i.jsx(u, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
-      checkedIcon: /* @__PURE__ */ i.jsx(c, { sx: { height: 14, width: 14 } }),
-      indeterminateIcon: /* @__PURE__ */ i.jsx(b, { sx: { height: 14, width: 14 } })
+      icon: /* @__PURE__ */ i.jsx(p, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
+      checkedIcon: /* @__PURE__ */ i.jsx(u, { sx: { height: 14, width: 14 } }),
+      indeterminateIcon: /* @__PURE__ */ i.jsx(c, { sx: { height: 14, width: 14 } })
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -133,37 +71,37 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
         width: 16,
         borderRadius: 5,
         border: "1px solid",
-        borderColor: t(e[300], 0.8),
+        borderColor: r(t[300], 0.8),
         boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
-        backgroundColor: t(e[100], 0.4),
+        backgroundColor: r(t[100], 0.4),
         transition: "border-color, background-color, 120ms ease-in",
         "&:hover": {
-          borderColor: r[300]
+          borderColor: e[300]
         },
         "&.Mui-focusVisible": {
-          outline: `3px solid ${t(r[500], 0.5)}`,
+          outline: `3px solid ${r(e[500], 0.5)}`,
           outlineOffset: "2px",
-          borderColor: r[400]
+          borderColor: e[400]
         },
         "&.Mui-checked": {
           color: "white",
-          backgroundColor: r[500],
-          borderColor: r[500],
+          backgroundColor: e[500],
+          borderColor: e[500],
           boxShadow: "none",
           "&:hover": {
-            backgroundColor: r[600]
+            backgroundColor: e[600]
           }
         },
         ...o.applyStyles("dark", {
-          borderColor: t(e[700], 0.8),
+          borderColor: r(t[700], 0.8),
           boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
-          backgroundColor: t(e[900], 0.8),
+          backgroundColor: r(t[900], 0.8),
           "&:hover": {
-            borderColor: r[300]
+            borderColor: e[300]
           },
           "&.Mui-focusVisible": {
-            borderColor: r[400],
-            outline: `3px solid ${t(r[500], 0.5)}`,
+            borderColor: e[400],
+            outline: `3px solid ${r(e[500], 0.5)}`,
             outlineOffset: "2px"
           }
         })
@@ -238,11 +176,11 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
         backgroundColor: (o.vars || o).palette.background.default,
         transition: "border 120ms ease-in",
         "&:hover": {
-          borderColor: e[500]
+          borderColor: t[500]
         },
-        [`&.${p.focused}`]: {
-          outline: `3px solid ${t(r[500], 0.5)}`,
-          borderColor: r[400]
+        [`&.${n.focused}`]: {
+          outline: `3px solid ${r(e[500], 0.5)}`,
+          borderColor: e[400]
         },
         variants: [
           {
@@ -288,5 +226,5 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
   }
 };
 export {
-  C as inputsCustomizations
+  f as inputsCustomizations
 };

package/dist/theme/customizations/navigation.js

@@ -1,9 +1,9 @@
 import { j as t } from "../../jsx-runtime-tc70JA_2.js";
 import * as i from "react";
-import { c as s } from "../../createSvgIcon-BKymXuBG.js";
+import { c as s } from "../../createSvgIcon-C1CFzLiI.js";
 import { gray as o, brand as l } from "../theme-primitives.js";
-import { t as a } from "../../tabClasses-Bub2PPlp.js";
-import { a as d } from "../../colorManipulator-ep5lERxB.js";
+import { t as a } from "../../tabClasses-DFvXsFrN.js";
+import { a as d } from "../../createTheme-pt_I2IXq.js";
 const n = s(/* @__PURE__ */ t.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"), y = {

package/dist/theme/customizations/surfaces.js

@@ -1,5 +1,5 @@
 import { gray as o, lightGray as d } from "../theme-primitives.js";
-import { a as s } from "../../colorManipulator-ep5lERxB.js";
+import { a as s } from "../../createTheme-pt_I2IXq.js";
 const t = {
   MuiAccordion: {
     styleOverrides: {

package/dist/theme/theme-primitives.js

@@ -1,5 +1,4 @@
-import { a as y } from "../createTheme-f5g1s6ww.js";
-import { a as e } from "../colorManipulator-ep5lERxB.js";
+import { b, a as e } from "../createTheme-pt_I2IXq.js";
 const r = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",
@@ -77,7 +76,7 @@ const r = {
   700: "hsl(45, 94%, 20%)",
   800: "hsl(45, 95%, 16%)",
   900: "hsl(45, 93%, 12%)"
-}, p = {
+}, d = {
   50: "hsl(48, 100%, 98%)",
   100: "hsl(48, 95%, 94%)",
   200: "hsl(48, 90%, 86%)",
@@ -88,7 +87,7 @@ const r = {
   700: "hsl(48, 100%, 35%)",
   800: "hsl(48, 100%, 28%)",
   900: "hsl(48, 100%, 22%)"
-}, d = {
+}, p = {
   50: "hsl(210, 100%, 98%)",
   100: "hsl(210, 95%, 94%)",
   200: "hsl(210, 90%, 87%)",
@@ -121,7 +120,7 @@ const r = {
   700: "hsl(0, 94%, 18%)",
   800: "hsl(0, 95%, 12%)",
   900: "hsl(0, 93%, 6%)"
-}, m = {
+}, y = {
   50: "hsl(356, 100%, 98%)",
   100: "hsl(356, 95%, 94%)",
   200: "hsl(356, 90%, 87%)",
@@ -132,7 +131,7 @@ const r = {
   700: "hsl(356, 100%, 34%)",
   800: "hsl(356, 100%, 27%)",
   900: "hsl(356, 100%, 21%)"
-}, W = {
+}, R = {
   50: "hsl(270, 100%, 98%)",
   100: "hsl(270, 95%, 94%)",
   200: "hsl(270, 90%, 87%)",
@@ -143,7 +142,7 @@ const r = {
   700: "hsl(270, 75%, 25%)",
   800: "hsl(270, 80%, 15%)",
   900: "hsl(270, 85%, 10%)"
-}, v = {
+}, W = {
   50: "hsl(280, 60%, 98%)",
   100: "hsl(280, 55%, 95%)",
   200: "hsl(280, 50%, 88%)",
@@ -170,7 +169,7 @@ const r = {
   60: "rgba(255,255,255,0.6)",
   80: "rgba(255,255,255,0.8)",
   100: "rgba(255,255,255,1)"
-}, b = {
+}, m = {
   primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%)",
   secondary: "linear-gradient(90deg, #0088F6 0%, #1DDD83 77.25%)",
   indigo: "linear-gradient(to right, transparent, #6366f1, transparent)",
@@ -194,9 +193,9 @@ const r = {
   ring: s[80],
   background: s[80],
   radialGradient: `radial-gradient(circle, ${s[30]} 0%, ${s[10]} 50%, transparent 100%)`
-}, l = y(), T = {
+}, l = b(), T = {
   palette: {
-    gradient: b,
+    gradient: m,
     blackAlpha: {
       zero: s[0],
       light: s[10],
@@ -223,10 +222,10 @@ const r = {
       black: "#000000"
     },
     info: {
-      contrastText: d[50],
-      light: d[400],
-      main: d[500],
-      dark: d[700]
+      contrastText: p[50],
+      light: p[400],
+      main: p[500],
+      dark: p[700]
     },
     warning: {
       contrastText: g[50],
@@ -297,16 +296,16 @@ const r = {
       dark: c[700]
     },
     warning: {
-      contrastText: p[50],
-      light: p[200],
-      main: p[500],
-      dark: p[700]
+      contrastText: d[50],
+      light: d[200],
+      main: d[500],
+      dark: d[700]
     },
     error: {
-      contrastText: m[50],
-      light: m[200],
-      main: m[500],
-      dark: m[700]
+      contrastText: y[50],
+      light: y[200],
+      main: y[500],
+      dark: y[700]
     },
     success: {
       contrastText: o[50],
@@ -330,7 +329,7 @@ const r = {
     },
     baseShadow: "rgba(15, 23, 42, 0.08) 0px 2px 8px 0px, rgba(15, 23, 42, 0.04) 0px 1px 2px -1px"
   }
-}, A = { light: w, dark: T }, G = {
+}, v = { light: w, dark: T }, A = {
   fontFamily: "Outfit, sans-serif",
   h1: {
     fontSize: l.typography.pxToRem(48),
@@ -384,26 +383,26 @@ const r = {
     fontWeight: 400,
     color: "var(--s-palette-text-secondary)"
   }
-}, H = {
+}, G = {
   borderRadius: 8
-}, S = ["none", "var(--s-palette-baseShadow)", ...l.shadows.slice(2)], $ = S;
+}, S = ["none", "var(--s-palette-baseShadow)", ...l.shadows.slice(2)], H = S;
 export {
-  d as blue,
+  p as blue,
   r as brand,
-  A as colorSchemes,
+  v as colorSchemes,
   t as gray,
   n as green,
   c as lightBlue,
   i as lightBrand,
   a as lightGray,
   o as lightGreen,
-  p as lightOrange,
-  v as lightPurple,
-  m as lightRed,
+  d as lightOrange,
+  W as lightPurple,
+  y as lightRed,
   g as orange,
-  W as purple,
+  R as purple,
   f as red,
-  $ as shadows,
-  H as shape,
-  G as typography
+  H as shadows,
+  G as shape,
+  A as typography
 };

package/dist/{typographyClasses-C7fhAsUD.js → typographyClasses-jmoWZuXc.js}

@@ -1,5 +1,5 @@
-import { g as a } from "./generateUtilityClasses-BtVDwGrk.js";
-import { g as i } from "./colorManipulator-ep5lERxB.js";
+import { g as a } from "./generateUtilityClasses-E9gROIFd.js";
+import { g as i } from "./generateUtilityClass-BhfUaMgk.js";
 function e(t) {
   return i("MuiTypography", t);
 }

package/dist/{useMobilePicker-C4AYe0Ch.js → useMobilePicker-DWIymD7G.js}

@@ -2,26 +2,26 @@ import { _ as ce, a as S } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
 import * as f from "react";
 import Mo from "react";
 import { c as he } from "./clsx-OuTLNxxd.js";
-import { g as be } from "./generateUtilityClasses-BtVDwGrk.js";
-import { g as xe, a as Vt } from "./colorManipulator-ep5lERxB.js";
-import { u as ot, a as xt, f as As, b as ve, H as mn, F as Ft, G as Ns, h as js, L as pn, i as $s, j as Ls, B as Bs } from "./Menu-DZYzE2Mg.js";
+import { g as be } from "./generateUtilityClasses-E9gROIFd.js";
+import { g as xe } from "./generateUtilityClass-BhfUaMgk.js";
+import { u as ot, a as xt, f as As, b as ve, H as mn, F as Vt, G as Ns, h as js, L as pn, i as $s, j as Ls, B as Bs } from "./Menu-BWsB9Go5.js";
 import { j as P } from "./jsx-runtime-tc70JA_2.js";
-import { L as Ws, u as Re, P as zs, w as Hs } from "./warning-DnPRVtW6.js";
-import { s as B, b as Ct, r as mr } from "./styled-B0KflPi-.js";
-import { T as Bt } from "./Typography-9Kg27dDw.js";
-import { c as ge, u as ze, m as rt } from "./DefaultPropsProvider-sk0uWcA6.js";
-import { _ as _s, f as U, u as Me, r as mt, d as hr, B as hn, c as $e, i as Ro, e as qs, b as Rt, a as pt, j as gr } from "./ButtonBase-C_YYB9Ry.js";
-import { f as Us, T as br, c as Ys, P as _n, u as qn } from "./Paper-DnctZB5U.js";
-import { P as n, c as ee } from "./createTheme-f5g1s6ww.js";
+import { L as Ws, u as Re, P as zs, w as Hs } from "./warning-BKtg2mqc.js";
+import { s as B, b as Ct, r as mr } from "./styled-CknIVk7Y.js";
+import { T as Bt } from "./Typography-LWwPvg9q.js";
+import { c as ge, u as ze, m as rt } from "./DefaultPropsProvider-DAGo4Ecg.js";
+import { _ as _s, f as U, u as Me, r as mt, d as hr, B as hn, c as $e, i as Ro, e as qs, b as Rt, a as pt, j as gr } from "./ButtonBase-DVt-j9E6.js";
+import { f as Us, T as br, c as Ys, P as _n, u as qn } from "./Paper-BWzM4LQE.js";
+import { P as n, c as ee, a as Ft } from "./createTheme-pt_I2IXq.js";
 import { u as qe } from "./useEnhancedEffect-CJGo-L3B.js";
 import { u as At } from "./useControlled-D1L5tREc.js";
-import { u as Wt, C as Ks, i as yr, f as Un, O as Gs, a as Qs, b as Xs, S as Zs, F as vr, I as gn } from "./Select-DY7XGVsv.js";
+import { u as Wt, C as Ks, i as yr, f as Un, O as Gs, a as Qs, b as Xs, S as Zs, F as vr, I as gn } from "./Select-D8afBVNf.js";
 import { u as zt, F as Js } from "./useFormControl-CatNKXAi.js";
 import { c as It } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { c as lt } from "./createSvgIcon-BKymXuBG.js";
+import { c as lt } from "./createSvgIcon-C1CFzLiI.js";
 import { T as ea } from "./identifier-BKLqN993.js";
-import { a as ta } from "./useTheme-CtdhfT4P.js";
-import { g as na } from "./useThemeProps-_apS-Aua.js";
+import { a as ta } from "./useTheme-CqoE8eXY.js";
+import { g as na } from "./useThemeProps-COgSP9Ca.js";
 import { r as oa } from "./resolveProps-BDH0VJjn.js";
 function ra(e, t, o, r, s) {
   const [a, i] = f.useState(() => s && o ? o(e).matches : r ? r(e).matches : t);
@@ -2833,7 +2833,7 @@ function Il(e) {
     }) : g();
   }), [C, D, V] = Ol(c, k), T = f.useRef(null), A = Me(T, l), I = Me(A, C), E = (M) => {
     M.key === "Escape" && (M.stopPropagation(), g());
-  }, R = s?.desktopTransition ?? u ? Ft : Ns, w = s?.desktopTrapFocus ?? js, O = s?.desktopPaper ?? Dl, N = s?.popper ?? Cl, j = ve({
+  }, R = s?.desktopTransition ?? u ? Vt : Ns, w = s?.desktopTrapFocus ?? js, O = s?.desktopPaper ?? Dl, N = s?.popper ?? Cl, j = ve({
     elementType: N,
     externalSlotProps: a?.popper,
     additionalProps: {
@@ -10000,7 +10000,7 @@ function vs(e) {
   return r ? i : /* @__PURE__ */ P.jsx(Qu, {
     className: he(l.root, o),
     ownerState: c,
-    children: /* @__PURE__ */ P.jsx(Ft, {
+    children: /* @__PURE__ */ P.jsx(Vt, {
       appear: !1,
       mountOnEnter: !0,
       unmountOnExit: !0,
@@ -10072,11 +10072,11 @@ const Zu = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onCli
   color: (e.vars || e).palette.text.primary,
   "@media (pointer: fine)": {
     "&:hover": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : Vt(e.palette.primary.main, e.palette.action.hoverOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : Ft(e.palette.primary.main, e.palette.action.hoverOpacity)
     }
   },
   "&:focus": {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.focusOpacity})` : Vt(e.palette.primary.main, e.palette.action.focusOpacity),
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.focusOpacity})` : Ft(e.palette.primary.main, e.palette.action.focusOpacity),
     [`&.${vt.selected}`]: {
       willChange: "background-color",
       backgroundColor: (e.vars || e).palette.primary.dark
@@ -10827,10 +10827,10 @@ const un = be("MuiMonthCalendar", ["root", "button", "disabled", "selected"]), S
   borderRadius: 18,
   cursor: "pointer",
   "&:focus": {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Vt(e.palette.action.active, e.palette.action.hoverOpacity)
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Ft(e.palette.action.active, e.palette.action.hoverOpacity)
   },
   "&:hover": {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Vt(e.palette.action.active, e.palette.action.hoverOpacity)
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Ft(e.palette.action.active, e.palette.action.hoverOpacity)
   },
   "&:disabled": {
     cursor: "auto",
@@ -11187,10 +11187,10 @@ const dn = be("MuiYearCalendar", ["root", "button", "disabled", "selected"]), Md
   borderRadius: 18,
   cursor: "pointer",
   "&:focus": {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.focusOpacity})` : Vt(e.palette.action.active, e.palette.action.focusOpacity)
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.focusOpacity})` : Ft(e.palette.action.active, e.palette.action.focusOpacity)
   },
   "&:hover": {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Vt(e.palette.action.active, e.palette.action.hoverOpacity)
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Ft(e.palette.action.active, e.palette.action.hoverOpacity)
   },
   "&:disabled": {
     cursor: "auto",
@@ -11864,7 +11864,7 @@ const Kd = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
       }), x.length > 1 && !u && /* @__PURE__ */ P.jsx(R, S({}, w, {
         children: /* @__PURE__ */ P.jsx(O, S({}, j))
       }))]
-    }), /* @__PURE__ */ P.jsx(Ft, {
+    }), /* @__PURE__ */ P.jsx(Vt, {
       in: p === "day",
       appear: !y,
       enter: !y,
@@ -12792,7 +12792,7 @@ const hp = B(Bs, {
     scroll: V = "paper",
     slots: T = {},
     slotProps: A = {},
-    TransitionComponent: I = Ft,
+    TransitionComponent: I = Vt,
     transitionDuration: E = a,
     TransitionProps: R,
     ...w
@@ -12845,7 +12845,7 @@ const hp = B(Bs, {
     ownerState: O,
     className: N.container
   }), [W, K] = $e("transition", {
-    elementType: Ft,
+    elementType: Vt,
     externalForwardedProps: X,
     ownerState: O,
     additionalProps: {
@@ -13077,7 +13077,7 @@ function Sp(e) {
   } = on(), {
     dismissViews: a,
     onPopperExited: i
-  } = Fe(), c = o?.dialog ?? xp, l = o?.mobileTransition ?? Ft;
+  } = Fe(), c = o?.dialog ?? xp, l = o?.mobileTransition ?? Vt;
   return /* @__PURE__ */ P.jsx(c, S({
     open: s,
     onClose: () => {

package/dist/{useTheme-CtdhfT4P.js → useTheme-CqoE8eXY.js}

@@ -1,4 +1,4 @@
-import { b as n } from "./createTheme-f5g1s6ww.js";
+import { e as n } from "./createTheme-pt_I2IXq.js";
 import * as o from "react";
 import { ThemeContext as m } from "@emotion/react";
 function r(e) {

package/dist/{useThemeProps-_apS-Aua.js → useThemeProps-COgSP9Ca.js}

@@ -1,5 +1,5 @@
 import { r as n } from "./resolveProps-BDH0VJjn.js";
-import { u as p } from "./useTheme-CtdhfT4P.js";
+import { u as p } from "./useTheme-CqoE8eXY.js";
 function m(t) {
   const {
     theme: e,

package/dist/{warning-DnPRVtW6.js → warning-BKtg2mqc.js}

@@ -1,10 +1,10 @@
 import { _ as L, a as P } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
 import * as n from "react";
-import { P as e } from "./createTheme-f5g1s6ww.js";
+import { P as e } from "./createTheme-pt_I2IXq.js";
 import { j as E } from "./jsx-runtime-tc70JA_2.js";
-import { d as M } from "./defaultTheme-LSr-S9un.js";
+import { d as M } from "./defaultTheme-DAwi26G6.js";
 import { T as j } from "./identifier-BKLqN993.js";
-import { u as v } from "./useThemeProps-_apS-Aua.js";
+import { u as v } from "./useThemeProps-COgSP9Ca.js";
 function w({
   props: o,
   name: a

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.180",
+  "version": "1.0.182",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",