@solostylist/ui-kit 1.0.222 → 1.0.224

package/dist/theme/components/button.js

@@ -1,6 +1,5 @@
-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-OrQ-xFJR.js";
 //#region lib/theme/components/button.tsx
-var f = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, p = (e, t, n) => e === "text" || e === "outlined" ? n : t, m = (e, t) => {
+var e = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, t = (e, t, n) => e === "text" || e === "outlined" ? n : t, n = (e, t) => {
 	let n = (e.vars ?? e).palette;
 	return t === "outlined" ? {
 		backgroundColor: "transparent",
@@ -18,83 +17,82 @@ var f = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, p = (e,
 		borderColor: "transparent",
 		opacity: 1
 	};
-}, h = (e, t, n, r) => ({
-	backgroundColor: f(t.variant, n[700]),
-	color: p(t.variant, n[50], n[500]),
-	borderColor: t.variant === "outlined" ? n[300] : "transparent",
-	"&:hover": {
-		backgroundColor: f(t.variant, n[800]),
-		color: p(t.variant, n[100], n[600]),
-		borderColor: t.variant === "outlined" ? n[400] : "transparent"
-	},
-	"&:active": { filter: "brightness(1.1)" },
-	"&.Mui-disabled": { ...m(e, t.variant) },
-	"&.MuiButton-loading": {
-		color: p(t.variant, n[50], n[500]),
-		"& .MuiButton-loadingIndicator": { color: p(t.variant, n[50], n[500]) }
-	},
-	...e.applyStyles("dark", {
-		backgroundColor: f(t.variant, r[800]),
-		color: p(t.variant, r[100], r[500]),
-		borderColor: t.variant === "outlined" ? r[800] : "transparent",
+}, r = (r, i, a) => {
+	let o = (r.vars ?? r).palette[a];
+	return {
+		backgroundColor: e(i.variant, o[800]),
+		color: t(i.variant, o[50], o[800]),
+		borderColor: i.variant === "outlined" ? o[700] : "transparent",
 		"&:hover": {
-			backgroundColor: f(t.variant, r[900]),
-			color: p(t.variant, r[50], r[600]),
-			borderColor: t.variant === "outlined" ? r[900] : "transparent"
+			backgroundColor: e(i.variant, o[900]),
+			color: t(i.variant, o[100], o[900]),
+			borderColor: i.variant === "outlined" ? o[800] : "transparent"
 		},
 		"&:active": { filter: "brightness(1.1)" },
-		"&.Mui-disabled": { ...m(e, t.variant) },
+		"&.Mui-disabled": { ...n(r, i.variant) },
 		"&.MuiButton-loading": {
-			color: p(t.variant, r[100], r[500]),
-			"& .MuiButton-loadingIndicator": { color: p(t.variant, r[100], r[500]) }
-		}
-	})
-}), g = {
+			color: t(i.variant, o[50], o[800]),
+			"& .MuiButton-loadingIndicator": { color: t(i.variant, o[50], o[800]) }
+		},
+		...r.applyStyles("dark", {
+			color: t(i.variant, o[100], o[300]),
+			borderColor: i.variant === "outlined" ? o[400] : "transparent",
+			"&:hover": {
+				color: t(i.variant, o[50], o[200]),
+				borderColor: i.variant === "outlined" ? o[300] : "transparent"
+			},
+			"&.MuiButton-loading": {
+				color: t(i.variant, o[100], o[300]),
+				"& .MuiButton-loadingIndicator": { color: t(i.variant, o[100], o[300]) }
+			}
+		})
+	};
+}, i = {
 	defaultProps: { variant: "contained" },
-	styleOverrides: { root: ({ theme: f, ownerState: p }) => ({
+	styleOverrides: { root: ({ theme: e, ownerState: t }) => ({
 		boxShadow: "none",
-		borderRadius: (f.vars ?? f).shape.borderRadius,
+		borderRadius: (e.vars ?? e).shape.borderRadius,
 		textTransform: "none",
 		transition: "all 0.2s ease-in-out",
 		variants: [
 			{
 				props: { size: "small" },
-				style: { height: f.spacing(4.5) }
+				style: { height: e.spacing(4.5) }
 			},
 			{
 				props: { size: "medium" },
-				style: { height: f.spacing(5) }
+				style: { height: e.spacing(5) }
 			},
 			{
 				props: { size: "large" },
-				style: { height: f.spacing(5.5) }
+				style: { height: e.spacing(5.5) }
 			},
 			{
 				props: { color: "primary" },
-				style: { ...h(f, p, u, c) }
+				style: { ...r(e, t, "primary") }
 			},
 			{
 				props: { color: "secondary" },
-				style: { ...h(f, p, s, e) }
+				style: { ...r(e, t, "secondary") }
 			},
 			{
 				props: { color: "success" },
-				style: { ...h(f, p, r, n) }
+				style: { ...r(e, t, "success") }
 			},
 			{
 				props: { color: "error" },
-				style: { ...h(f, p, a, d) }
+				style: { ...r(e, t, "error") }
 			},
 			{
 				props: { color: "info" },
-				style: { ...h(f, p, o, t) }
+				style: { ...r(e, t, "info") }
 			},
 			{
 				props: { color: "warning" },
-				style: { ...h(f, p, l, i) }
+				style: { ...r(e, t, "warning") }
 			}
 		]
 	}) }
 };
 //#endregion
-export { g as MuiButton };
+export { i as MuiButton };