@solostylist/ui-kit 1.0.203 → 1.0.205

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

@@ -1,132 +1,82 @@
-import { alpha as t } from "@mui/material";
-import { brand as l, lightBrand as i, purple as n, lightPurple as p, green as c, lightGreen as a, red as y, lightRed as u, blue as g, lightBlue as d, orange as f, lightOrange as m } from "../theme-primitives.js";
-const r = (o, e, s) => ({
-  color: e[500],
-  "&:hover": {
-    backgroundColor: t(e[500], 0.12),
-    color: e[600]
-  },
-  "&:active": {
-    backgroundColor: t(e[500], 0.2)
-  },
-  "&.Mui-disabled": {
-    color: e[300],
-    opacity: 0.5
-  },
-  ...o.applyStyles("dark", {
-    color: s[400],
-    "&:hover": {
-      backgroundColor: t(s[400], 0.12),
-      color: s[300]
-    },
-    "&:active": {
-      backgroundColor: t(s[400], 0.2)
-    },
-    "&.Mui-disabled": {
-      color: s[700],
-      opacity: 0.5
-    }
-  })
-}), S = {
-  styleOverrides: {
-    root: ({ theme: o }) => ({
-      // borderRadius: (theme.vars || theme).shape.borderRadius,
-      transition: "all 0.2s ease-in-out",
-      flexShrink: 0,
-      width: "fit-content",
-      color: "inherit",
-      variants: [
-        {
-          props: {
-            size: "small"
-          },
-          style: {
-            fontSize: "0.75rem",
-            // 12px - icon size
-            "& svg": {
-              fontSize: "0.75rem"
-              // 12px
-            }
-          }
-        },
-        {
-          props: {
-            size: "medium"
-          },
-          style: {
-            fontSize: "1rem",
-            // 16px - icon size
-            "& svg": {
-              fontSize: "1rem"
-              // 16px
-            }
-          }
-        },
-        {
-          props: {
-            size: "large"
-          },
-          style: {
-            fontSize: "1.25rem",
-            // 20px - icon size
-            "& svg": {
-              fontSize: "1.25rem"
-              // 20px
-            }
-          }
-        },
-        {
-          props: {
-            color: "primary"
-          },
-          style: {
-            ...r(o, i, l)
-          }
-        },
-        {
-          props: {
-            color: "secondary"
-          },
-          style: {
-            ...r(o, p, n)
-          }
-        },
-        {
-          props: {
-            color: "success"
-          },
-          style: {
-            ...r(o, a, c)
-          }
-        },
-        {
-          props: {
-            color: "error"
-          },
-          style: {
-            ...r(o, u, y)
-          }
-        },
-        {
-          props: {
-            color: "info"
-          },
-          style: {
-            ...r(o, d, g)
-          }
-        },
-        {
-          props: {
-            color: "warning"
-          },
-          style: {
-            ...r(o, m, f)
-          }
-        }
-      ]
-    })
-  }
-};
-export {
-  S as MuiIconButton
-};
+import "../../createTheme-DuS5_nJb.js";
+import { _ as e, a as t, c as n, f as r, g as i, h as a, l as o, m as s, o as c, p as l, u, v as d } from "../../theme-primitives-BG66N-x4.js";
+import { alpha as f } from "@mui/material";
+//#region lib/theme/components/icon-button.tsx
+var p = (e, t, n) => ({
+	color: t[500],
+	"&:hover": {
+		backgroundColor: f(t[500], .12),
+		color: t[600]
+	},
+	"&:active": { backgroundColor: f(t[500], .2) },
+	"&.Mui-disabled": {
+		color: t[300],
+		opacity: .5
+	},
+	...e.applyStyles("dark", {
+		color: n[400],
+		"&:hover": {
+			backgroundColor: f(n[400], .12),
+			color: n[300]
+		},
+		"&:active": { backgroundColor: f(n[400], .2) },
+		"&.Mui-disabled": {
+			color: n[700],
+			opacity: .5
+		}
+	})
+}), m = { styleOverrides: { root: ({ theme: f }) => ({
+	transition: "all 0.2s ease-in-out",
+	flexShrink: 0,
+	width: "fit-content",
+	color: "inherit",
+	variants: [
+		{
+			props: { size: "small" },
+			style: {
+				fontSize: "0.75rem",
+				"& svg": { fontSize: "0.75rem" }
+			}
+		},
+		{
+			props: { size: "medium" },
+			style: {
+				fontSize: "1rem",
+				"& svg": { fontSize: "1rem" }
+			}
+		},
+		{
+			props: { size: "large" },
+			style: {
+				fontSize: "1.25rem",
+				"& svg": { fontSize: "1.25rem" }
+			}
+		},
+		{
+			props: { color: "primary" },
+			style: { ...p(f, u, c) }
+		},
+		{
+			props: { color: "secondary" },
+			style: { ...p(f, s, e) }
+		},
+		{
+			props: { color: "success" },
+			style: { ...p(f, r, n) }
+		},
+		{
+			props: { color: "error" },
+			style: { ...p(f, a, d) }
+		},
+		{
+			props: { color: "info" },
+			style: { ...p(f, o, t) }
+		},
+		{
+			props: { color: "warning" },
+			style: { ...p(f, l, i) }
+		}
+	]
+}) } };
+//#endregion
+export { m as MuiIconButton };

package/dist/theme/components/icon.js

@@ -1,22 +1,10 @@
-const e = {
-  defaultProps: {
-    fontSize: "small"
-  },
-  styleOverrides: {
-    root: {
-      variants: [
-        {
-          props: {
-            fontSize: "small"
-          },
-          style: {
-            fontSize: "0.75rem"
-          }
-        }
-      ]
-    }
-  }
-};
-export {
-  e as MuiIcon
+//#region lib/theme/components/icon.tsx
+var e = {
+	defaultProps: { fontSize: "small" },
+	styleOverrides: { root: { variants: [{
+		props: { fontSize: "small" },
+		style: { fontSize: "0.75rem" }
+	}] } }
 };
+//#endregion
+export { e as MuiIcon };

package/dist/theme/components/input-adornment.js

@@ -1,13 +1,7 @@
-const o = {
-  styleOverrides: {
-    root: ({ theme: r }) => ({
-      color: (r.vars ?? r).palette.grey[500],
-      ...r.applyStyles("dark", {
-        color: (r.vars ?? r).palette.grey[400]
-      })
-    })
-  }
-};
-export {
-  o as MuiInputAdornment
-};
+//#region lib/theme/components/input-adornment.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({
+	color: (e.vars ?? e).palette.grey[500],
+	...e.applyStyles("dark", { color: (e.vars ?? e).palette.grey[400] })
+}) } };
+//#endregion
+export { e as MuiInputAdornment };

package/dist/theme/components/input-base.js

@@ -1,16 +1,10 @@
-const o = {
-  styleOverrides: {
-    root: {
-      border: "none"
-    },
-    input: ({ theme: e }) => ({
-      "&::placeholder": {
-        opacity: 1,
-        color: (e.vars ?? e).palette.divider
-      }
-    })
-  }
-};
-export {
-  o as MuiInputBase
-};
+//#region lib/theme/components/input-base.tsx
+var e = { styleOverrides: {
+	root: { border: "none" },
+	input: ({ theme: e }) => ({ "&::placeholder": {
+		opacity: 1,
+		color: (e.vars ?? e).palette.divider
+	} })
+} };
+//#endregion
+export { e as MuiInputBase };

package/dist/theme/components/linear-progress.js

@@ -1,16 +1,11 @@
-import { gray as r } from "../theme-primitives.js";
-const a = {
-  styleOverrides: {
-    root: ({ theme: o }) => ({
-      height: 8,
-      borderRadius: 8,
-      backgroundColor: r[200],
-      ...o.applyStyles("dark", {
-        backgroundColor: r[800]
-      })
-    })
-  }
-};
-export {
-  a as MuiLinearProgress
-};
+import "../../createTheme-DuS5_nJb.js";
+import { s as e } from "../../theme-primitives-BG66N-x4.js";
+//#region lib/theme/components/linear-progress.tsx
+var t = { styleOverrides: { root: ({ theme: t }) => ({
+	height: 8,
+	borderRadius: 8,
+	backgroundColor: e[200],
+	...t.applyStyles("dark", { backgroundColor: e[800] })
+}) } };
+//#endregion
+export { t as MuiLinearProgress };

package/dist/theme/components/link.js

@@ -1,38 +1,32 @@
-import { brand as o } from "../theme-primitives.js";
-import { a as e } from "../../createTheme-DgoJyWM-.js";
-const n = {
-  defaultProps: {
-    underline: "none"
-  },
-  styleOverrides: {
-    root: ({ theme: t }) => ({
-      color: (t.vars ?? t).palette.text.primary,
-      fontWeight: 500,
-      position: "relative",
-      textDecoration: "none",
-      width: "fit-content",
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        width: "100%",
-        height: "1px",
-        bottom: 0,
-        left: 0,
-        backgroundColor: (t.vars ?? t).palette.text.secondary,
-        opacity: 0.3,
-        transition: "width 0.3s ease, opacity 0.3s ease"
-      },
-      "&:hover::before": {
-        width: 0
-      },
-      "&:focus-visible": {
-        outline: `3px solid ${e(o[500], 0.5)}`,
-        outlineOffset: "4px",
-        borderRadius: "2px"
-      }
-    })
-  }
-};
-export {
-  n as MuiLink
+import { i as e } from "../../createTheme-DuS5_nJb.js";
+import { o as t } from "../../theme-primitives-BG66N-x4.js";
+//#region lib/theme/components/link.tsx
+var n = {
+	defaultProps: { underline: "none" },
+	styleOverrides: { root: ({ theme: n }) => ({
+		color: (n.vars ?? n).palette.text.primary,
+		fontWeight: 500,
+		position: "relative",
+		textDecoration: "none",
+		width: "fit-content",
+		"&::before": {
+			content: "\"\"",
+			position: "absolute",
+			width: "100%",
+			height: "1px",
+			bottom: 0,
+			left: 0,
+			backgroundColor: (n.vars ?? n).palette.text.secondary,
+			opacity: .3,
+			transition: "width 0.3s ease, opacity 0.3s ease"
+		},
+		"&:hover::before": { width: 0 },
+		"&:focus-visible": {
+			outline: `3px solid ${e(t[500], .5)}`,
+			outlineOffset: "4px",
+			borderRadius: "2px"
+		}
+	}) }
 };
+//#endregion
+export { n as MuiLink };

package/dist/theme/components/list-item-button.js

@@ -1,44 +1,27 @@
-import { s as r } from "../../svgIconClasses-C6auqaBA.js";
-const a = (o) => ({
-  alignItems: "center",
-  display: "flex",
-  gap: 8,
-  padding: "0.5rem 1rem",
-  borderRadius: 0,
-  whiteSpace: "nowrap",
-  color: (o.vars ?? o).palette.text.secondary,
-  [`& .${r.root}`]: {
-    color: (o.vars ?? o).palette.text.secondary
-  },
-  "&.Mui-selected": {
-    backgroundColor: (o.vars ?? o).palette.action.selected,
-    color: (o.vars ?? o).palette.text.primary,
-    [`& .${r.root}`]: {
-      color: (o.vars ?? o).palette.text.primary
-    },
-    "&:focus-visible": {
-      backgroundColor: (o.vars ?? o).palette.action.selected
-    },
-    "&:hover": {
-      backgroundColor: (o.vars ?? o).palette.action.selected
-    }
-  },
-  "&:hover:not(.Mui-selected)": {
-    backgroundColor: (o.vars ?? o).palette.action.hover,
-    color: (o.vars ?? o).palette.text.primary,
-    [`& .${r.root}`]: {
-      color: (o.vars ?? o).palette.text.primary
-    }
-  },
-  "&:focus-visible": {
-    backgroundColor: "transparent"
-  }
-}), s = {
-  styleOverrides: {
-    root: ({ theme: o }) => a(o)
-  }
-};
-export {
-  s as MuiListItemButton,
-  a as listItemButtonStyles
-};
+import { n as e } from "../../svgIconClasses-CygVMw0E.js";
+//#region lib/theme/components/list-item-button.tsx
+var t = (t) => ({
+	alignItems: "center",
+	display: "flex",
+	gap: 8,
+	padding: "0.5rem 1rem",
+	borderRadius: 0,
+	whiteSpace: "nowrap",
+	color: (t.vars ?? t).palette.text.secondary,
+	[`& .${e.root}`]: { color: (t.vars ?? t).palette.text.secondary },
+	"&.Mui-selected": {
+		backgroundColor: (t.vars ?? t).palette.action.selected,
+		color: (t.vars ?? t).palette.text.primary,
+		[`& .${e.root}`]: { color: (t.vars ?? t).palette.text.primary },
+		"&:focus-visible": { backgroundColor: (t.vars ?? t).palette.action.selected },
+		"&:hover": { backgroundColor: (t.vars ?? t).palette.action.selected }
+	},
+	"&:hover:not(.Mui-selected)": {
+		backgroundColor: (t.vars ?? t).palette.action.hover,
+		color: (t.vars ?? t).palette.text.primary,
+		[`& .${e.root}`]: { color: (t.vars ?? t).palette.text.primary }
+	},
+	"&:focus-visible": { backgroundColor: "transparent" }
+}), n = { styleOverrides: { root: ({ theme: e }) => t(e) } };
+//#endregion
+export { n as MuiListItemButton, t as listItemButtonStyles };

package/dist/theme/components/list-item-icon.js

@@ -1,10 +1,4 @@
-const t = {
-  styleOverrides: {
-    root: {
-      minWidth: 0
-    }
-  }
-};
-export {
-  t as MuiListItemIcon
-};
+//#region lib/theme/components/list-item-icon.tsx
+var e = { styleOverrides: { root: { minWidth: 0 } } };
+//#endregion
+export { e as MuiListItemIcon };

package/dist/theme/components/list-item-text.js

@@ -1,16 +1,14 @@
-const i = {
-  styleOverrides: {
-    primary: ({ theme: t }) => ({
-      fontSize: t.typography.body2.fontSize,
-      fontWeight: 500,
-      lineHeight: t.typography.body2.lineHeight
-    }),
-    secondary: ({ theme: t }) => ({
-      fontSize: t.typography.caption.fontSize,
-      lineHeight: t.typography.caption.lineHeight
-    })
-  }
-};
-export {
-  i as MuiListItemText
-};
+//#region lib/theme/components/list-item-text.tsx
+var e = { styleOverrides: {
+	primary: ({ theme: e }) => ({
+		fontSize: e.typography.body2.fontSize,
+		fontWeight: 500,
+		lineHeight: e.typography.body2.lineHeight
+	}),
+	secondary: ({ theme: e }) => ({
+		fontSize: e.typography.caption.fontSize,
+		lineHeight: e.typography.caption.lineHeight
+	})
+} };
+//#endregion
+export { e as MuiListItemText };

package/dist/theme/components/list-item.js

@@ -1,20 +1,12 @@
-import { listItemButtonStyles as t } from "./list-item-button.js";
-import { b as s } from "../../buttonBaseClasses-jtnoTmPn.js";
-import { t as r } from "../../typographyClasses-jmoWZuXc.js";
-import { s as e } from "../../svgIconClasses-C6auqaBA.js";
-const p = {
-  styleOverrides: {
-    root: ({ theme: o }) => ({
-      [`& .${e.root}`]: {
-        color: (o.vars ?? o).palette.text.secondary
-      },
-      [`& .${r.root}`]: {
-        fontWeight: 500
-      },
-      [`& .${s.root}`]: t(o)
-    })
-  }
-};
-export {
-  p as MuiListItem
-};
+import { n as e } from "../../svgIconClasses-CygVMw0E.js";
+import { t } from "../../buttonBaseClasses-CzfJbQi5.js";
+import { n } from "../../typographyClasses-C0nDz5e6.js";
+import { listItemButtonStyles as r } from "./list-item-button.js";
+//#region lib/theme/components/list-item.tsx
+var i = { styleOverrides: { root: ({ theme: i }) => ({
+	[`& .${e.root}`]: { color: (i.vars ?? i).palette.text.secondary },
+	[`& .${n.root}`]: { fontWeight: 500 },
+	[`& .${t.root}`]: r(i)
+}) } };
+//#endregion
+export { i as MuiListItem };

package/dist/theme/components/list-subheader.js

@@ -1,14 +1,10 @@
-const o = {
-  styleOverrides: {
-    root: ({ theme: t }) => ({
-      backgroundColor: "transparent",
-      padding: "4px 8px",
-      fontSize: t.typography.caption.fontSize,
-      fontWeight: 500,
-      lineHeight: t.typography.caption.lineHeight
-    })
-  }
-};
-export {
-  o as MuiListSubheader
-};
+//#region lib/theme/components/list-subheader.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({
+	backgroundColor: "transparent",
+	padding: "4px 8px",
+	fontSize: e.typography.caption.fontSize,
+	fontWeight: 500,
+	lineHeight: e.typography.caption.lineHeight
+}) } };
+//#endregion
+export { e as MuiListSubheader };

package/dist/theme/components/list.js

@@ -1,13 +1,9 @@
-const e = {
-  styleOverrides: {
-    root: {
-      paddingY: 1,
-      display: "flex",
-      flexDirection: "column",
-      gap: 0
-    }
-  }
-};
-export {
-  e as MuiList
-};
+//#region lib/theme/components/list.tsx
+var e = { styleOverrides: { root: {
+	paddingY: 1,
+	display: "flex",
+	flexDirection: "column",
+	gap: 0
+} } };
+//#endregion
+export { e as MuiList };

package/dist/theme/components/menu-item.js

@@ -1,8 +1,7 @@
-const o = {
-  styleOverrides: {
-    root: { paddingTop: 8, paddingBottom: 8 }
-  }
-};
-export {
-  o as MuiMenuItem
-};
+//#region lib/theme/components/menu-item.tsx
+var e = { styleOverrides: { root: {
+	paddingTop: 8,
+	paddingBottom: 8
+} } };
+//#endregion
+export { e as MuiMenuItem };