@solostylist/ui-kit 1.0.196 → 1.0.198

package/dist/theme/customizations/navigation.js

@@ -1,24 +1,24 @@
 import { j as e } from "../../jsx-runtime-tc70JA_2.js";
 import * as i from "react";
-import { c as l } from "../../createSvgIcon-DTNHY3_v.js";
+import { c as l } from "../../createSvgIcon-BkbeLOhM.js";
 import { gray as a, brand as s } from "../theme-primitives.js";
 import { t } from "../../tabClasses-DFvXsFrN.js";
-import { a as d } from "../../createTheme-CIXJrNxb.js";
+import { a as d } from "../../createTheme-DgoJyWM-.js";
 const n = 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"), y = {
   MuiAppBar: {
     styleOverrides: {
       root: ({ theme: r }) => ({
-        backgroundColor: (r.vars || r).palette.background.default,
-        color: (r.vars || r).palette.text.primary,
+        backgroundColor: (r.vars ?? r).palette.background.default,
+        color: (r.vars ?? r).palette.text.primary,
         "&.MuiAppBar-colorPrimary": {
-          backgroundColor: (r.vars || r).palette.background.default
+          backgroundColor: (r.vars ?? r).palette.background.default
         },
         boxShadow: "none",
         backgroundImage: "none",
         borderBottom: "1px solid",
-        borderColor: (r.vars || r).palette.divider
+        borderColor: (r.vars ?? r).palette.divider
       })
     }
   },
@@ -58,7 +58,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
     },
     styleOverrides: {
       root: ({ theme: r }) => ({
-        color: (r.vars || r).palette.text.primary,
+        color: (r.vars ?? r).palette.text.primary,
         fontWeight: 500,
         position: "relative",
         textDecoration: "none",
@@ -70,7 +70,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
           height: "1px",
           bottom: 0,
           left: 0,
-          backgroundColor: (r.vars || r).palette.text.secondary,
+          backgroundColor: (r.vars ?? r).palette.text.secondary,
           opacity: 0.3,
           transition: "width 0.3s ease, opacity 0.3s ease"
         },
@@ -88,7 +88,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
   MuiDrawer: {
     styleOverrides: {
       paper: ({ theme: r }) => ({
-        backgroundColor: (r.vars || r).palette.background.default
+        backgroundColor: (r.vars ?? r).palette.background.default
       })
     }
   },
@@ -97,10 +97,10 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
       root: ({ theme: r }) => ({
         ...r.applyStyles("dark", {
           "&.Mui-selected": {
-            color: (r.vars || r).palette.grey[900],
-            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]
+              backgroundColor: (r.vars ?? r).palette.grey[200]
             }
           }
         })
@@ -114,16 +114,16 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
         border: 0,
         ...o.orientation === "vertical" ? {
           borderRight: "1px solid",
-          borderColor: (r.vars || r).palette.divider
+          borderColor: (r.vars ?? r).palette.divider
         } : {
           borderBottom: "1px solid",
-          borderColor: (r.vars || r).palette.divider
+          borderColor: (r.vars ?? r).palette.divider
         }
       }),
       indicator: ({ theme: r }) => ({
-        backgroundColor: (r.vars || r).palette.grey[800],
+        backgroundColor: (r.vars ?? r).palette.grey[800],
         ...r.applyStyles("dark", {
-          backgroundColor: (r.vars || r).palette.grey[200]
+          backgroundColor: (r.vars ?? r).palette.grey[200]
         })
       })
     }
@@ -137,22 +137,22 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
         },
         minWidth: "fit-content",
         minHeight: "fit-content",
-        color: (r.vars || r).palette.text.secondary,
-        borderTopLeftRadius: (r.vars || r).shape.borderRadius,
-        borderTopRightRadius: (r.vars || r).shape.borderRadius,
+        color: (r.vars ?? r).palette.text.secondary,
+        borderTopLeftRadius: (r.vars ?? r).shape.borderRadius,
+        borderTopRightRadius: (r.vars ?? r).shape.borderRadius,
         border: 0,
         ":hover": {
-          color: (r.vars || r).palette.text.primary
+          color: (r.vars ?? r).palette.text.primary
         },
         [`&.${t.selected}`]: {
-          color: (r.vars || r).palette.text.primary
+          color: (r.vars ?? r).palette.text.primary
         },
         ...r.applyStyles("dark", {
           ":hover": {
-            color: (r.vars || r).palette.text.primary
+            color: (r.vars ?? r).palette.text.primary
           },
           [`&.${t.selected}`]: {
-            color: (r.vars || r).palette.text.primary
+            color: (r.vars ?? r).palette.text.primary
           }
         })
       })
@@ -162,7 +162,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
     styleOverrides: {
       line: ({ theme: r }) => ({
         borderTop: "1px solid",
-        borderColor: (r.vars || r).palette.divider,
+        borderColor: (r.vars ?? r).palette.divider,
         flex: 1,
         borderRadius: "99px"
       })
@@ -181,21 +181,21 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
         },
         "&.Mui-active": {
           border: "none",
-          color: (r.vars || r).palette.primary.main
+          color: (r.vars ?? r).palette.primary.main
         },
         "&.Mui-completed": {
           border: "none",
-          color: (r.vars || r).palette.success.main
+          color: (r.vars ?? r).palette.success.main
         },
         ...r.applyStyles("dark", {
           border: `1px solid ${a[700]}`,
           "&.Mui-active": {
             border: "none",
-            color: (r.vars || r).palette.primary.light
+            color: (r.vars ?? r).palette.primary.light
           },
           "&.Mui-completed": {
             border: "none",
-            color: (r.vars || r).palette.success.light
+            color: (r.vars ?? r).palette.success.light
           }
         }),
         variants: [

package/dist/theme/customizations/surfaces.js

@@ -1,15 +1,15 @@
 import { gray as o, lightGray as d } from "../theme-primitives.js";
-import { a as s } from "../../createTheme-CIXJrNxb.js";
+import { a as s } from "../../createTheme-DgoJyWM-.js";
 const t = {
   MuiAccordion: {
     styleOverrides: {
       root: ({ theme: r, ownerState: a }) => ({
         padding: 2,
         overflow: "clip",
-        backgroundColor: (r.vars || r).palette.background.default,
+        backgroundColor: (r.vars ?? r).palette.background.default,
         border: "1px solid",
-        borderColor: (r.vars || r).palette.divider,
-        borderRadius: (r.vars || r).shape.borderRadius,
+        borderColor: (r.vars ?? r).palette.divider,
+        borderRadius: (r.vars ?? r).shape.borderRadius,
         ":before": {
           backgroundColor: "transparent"
         },
@@ -19,12 +19,12 @@ const t = {
             borderBottom: "none"
           },
           "&:first-of-type": {
-            borderTopLeftRadius: (r.vars || r).shape.borderRadius,
-            borderTopRightRadius: (r.vars || r).shape.borderRadius
+            borderTopLeftRadius: (r.vars ?? r).shape.borderRadius,
+            borderTopRightRadius: (r.vars ?? r).shape.borderRadius
           },
           "&:last-of-type": {
-            borderBottomLeftRadius: (r.vars || r).shape.borderRadius,
-            borderBottomRightRadius: (r.vars || r).shape.borderRadius
+            borderBottomLeftRadius: (r.vars ?? r).shape.borderRadius,
+            borderBottomRightRadius: (r.vars ?? r).shape.borderRadius
           }
         } : {}
       })
@@ -59,8 +59,8 @@ const t = {
         gap: 16,
         transition: "all 100ms ease",
         backgroundColor: d[100],
-        borderRadius: (r.vars || r).shape.borderRadius,
-        border: `1px solid ${(r.vars || r).palette.divider}`,
+        borderRadius: (r.vars ?? r).shape.borderRadius,
+        border: `1px solid ${(r.vars ?? r).palette.divider}`,
         boxShadow: "none",
         ...r.applyStyles("dark", {
           backgroundColor: o[800]
@@ -71,7 +71,7 @@ const t = {
               variant: "outlined"
             },
             style: {
-              border: `1px solid ${(r.vars || r).palette.divider}`,
+              border: `1px solid ${(r.vars ?? r).palette.divider}`,
               boxShadow: "none",
               background: "rgb(255, 255, 255)",
               ...r.applyStyles("dark", {

package/dist/theme/theme-primitives.js

@@ -1,4 +1,4 @@
-import { b as m, a as e } from "../createTheme-CIXJrNxb.js";
+import { b as m, a as e } from "../createTheme-DgoJyWM-.js";
 const r = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",