@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/checkbox-BKMZEVU5.js

@@ -0,0 +1,88 @@
+import { t as e } from "./colorManipulator-DmUjcif3.js";
+import { r as t } from "./colors-DKqWMRgW.js";
+import { t as n } from "./createSvgIcon-B0SZlJF1.js";
+import { t as r } from "./checkboxClasses-CEsqS4sc.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/icons-material/CheckBoxOutlineBlankRounded.mjs
+var a = n(/* @__PURE__ */ i("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"), o = n(/* @__PURE__ */ i("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"), s = n(/* @__PURE__ */ i("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"), c = {
+	defaultProps: {
+		disableRipple: !0,
+		icon: /* @__PURE__ */ i(a, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
+		checkedIcon: /* @__PURE__ */ i(o, { sx: {
+			height: 14,
+			width: 14
+		} }),
+		indeterminateIcon: /* @__PURE__ */ i(s, { sx: {
+			height: 14,
+			width: 14
+		} })
+	},
+	styleOverrides: { root: ({ theme: n }) => ({
+		margin: 8,
+		marginLeft: 0,
+		height: 16,
+		width: 16,
+		borderRadius: n.radius.sm,
+		border: "1px solid",
+		borderColor: e(t[300], .8),
+		boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
+		backgroundColor: e(t[100], .4),
+		transition: "border-color, background-color, 120ms ease-in",
+		"&:hover": { borderColor: (n.vars ?? n).palette.primary[300] },
+		"&.Mui-focusVisible": {
+			outline: `3px solid rgba(${(n.vars ?? n).palette.primary.mainChannel} / 0.5)`,
+			outlineOffset: "2px",
+			borderColor: (n.vars ?? n).palette.primary[400]
+		},
+		[`&.Mui-checked, &.${r.indeterminate}`]: {
+			color: "white",
+			backgroundColor: (n.vars ?? n).palette.primary[500],
+			borderColor: (n.vars ?? n).palette.primary[500],
+			boxShadow: "none",
+			"&:hover": { backgroundColor: (n.vars ?? n).palette.primary[600] }
+		},
+		[`&.${r.disabled}`]: {
+			color: (n.vars ?? n).palette.grey[100],
+			borderColor: (n.vars ?? n).palette.grey[300],
+			backgroundColor: (n.vars ?? n).palette.grey[100],
+			boxShadow: "none",
+			cursor: "not-allowed",
+			"&:hover": {
+				borderColor: (n.vars ?? n).palette.grey[300],
+				backgroundColor: (n.vars ?? n).palette.grey[100]
+			}
+		},
+		[`&.${r.checked}.${r.disabled}, &.${r.indeterminate}.${r.disabled}`]: {
+			color: (n.vars ?? n).palette.grey[100],
+			borderColor: (n.vars ?? n).palette.grey[300],
+			backgroundColor: (n.vars ?? n).palette.grey[300]
+		},
+		...n.applyStyles("dark", {
+			borderColor: e(t[700], .8),
+			boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
+			backgroundColor: e(t[900], .8),
+			"&:hover": { borderColor: (n.vars ?? n).palette.primary[300] },
+			"&.Mui-focusVisible": {
+				borderColor: (n.vars ?? n).palette.primary[400],
+				outline: `3px solid rgba(${(n.vars ?? n).palette.primary.mainChannel} / 0.5)`,
+				outlineOffset: "2px"
+			},
+			[`&.${r.disabled}`]: {
+				color: (n.vars ?? n).palette.grey[700],
+				borderColor: (n.vars ?? n).palette.grey[600],
+				backgroundColor: (n.vars ?? n).palette.grey[700],
+				"&:hover": {
+					borderColor: (n.vars ?? n).palette.grey[600],
+					backgroundColor: (n.vars ?? n).palette.grey[700]
+				}
+			},
+			[`&.${r.checked}.${r.disabled}, &.${r.indeterminate}.${r.disabled}`]: {
+				color: (n.vars ?? n).palette.grey[700],
+				borderColor: (n.vars ?? n).palette.grey[600],
+				backgroundColor: (n.vars ?? n).palette.grey[600]
+			}
+		})
+	}) }
+};
+//#endregion
+export { c as t };

package/dist/{checkboxClasses-DANc9lnq.js → checkboxClasses-CEsqS4sc.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./generateUtilityClass-tRYNDrlH.js";
-import { t } from "./generateUtilityClasses-XrPHiTcM.js";
+import { t as e } from "./generateUtilityClass-PAIOm1jC.js";
+import { t } from "./generateUtilityClasses-DvX505Gy.js";
 //#region ../../node_modules/@mui/material/Checkbox/checkboxClasses.mjs
 function n(t) {
 	return e("MuiCheckbox", t);

package/dist/clsx-DGZSe4Nt.js

@@ -0,0 +1,16 @@
+//#region ../../node_modules/clsx/dist/clsx.mjs
+function e(t) {
+	var n, r, i = "";
+	if (typeof t == "string" || typeof t == "number") i += t;
+	else if (typeof t == "object") if (Array.isArray(t)) {
+		var a = t.length;
+		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
+	} else for (r in t) t[r] && (i && (i += " "), i += r);
+	return i;
+}
+function t() {
+	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
+	return i;
+}
+//#endregion
+export { t };

package/dist/colorManipulator-DmUjcif3.js

@@ -0,0 +1,129 @@
+//#region ../../node_modules/@mui/utils/formatMuiErrorMessage/formatMuiErrorMessage.mjs
+function e(e, ...t) {
+	let n = new URL(`https://mui.com/production-error/?code=${e}`);
+	return t.forEach((e) => n.searchParams.append("args[]", e)), `Minified MUI error #${e}; visit ${n} for the full message.`;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/clamp/clamp.mjs
+function t(e, t = -(2 ** 53 - 1), n = 2 ** 53 - 1) {
+	return Math.max(t, Math.min(e, n));
+}
+//#endregion
+//#region ../../node_modules/@mui/system/colorManipulator/colorManipulator.mjs
+function n(e, n = 0, r = 1) {
+	return process.env.NODE_ENV !== "production" && (e < n || e > r) && console.error(`MUI: The value provided ${e} is out of range [${n}, ${r}].`), t(e, n, r);
+}
+function r(e) {
+	e = e.slice(1);
+	let t = RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g"), n = e.match(t);
+	return n && n[0].length === 1 && (n = n.map((e) => e + e)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((e, t) => t < 3 ? parseInt(e, 16) : Math.round(parseInt(e, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function i(t) {
+	if (t.type) return t;
+	if (t.charAt(0) === "#") return i(r(t));
+	let n = t.indexOf("("), a = t.substring(0, n);
+	if (![
+		"rgb",
+		"rgba",
+		"hsl",
+		"hsla",
+		"color"
+	].includes(a)) throw Error(process.env.NODE_ENV === "production" ? e(9, t) : `MUI: Unsupported \`${t}\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`);
+	let o = t.substring(n + 1, t.length - 1), s;
+	if (a === "color") {
+		if (o = o.split(" "), s = o.shift(), o.length === 4 && o[3].charAt(0) === "/" && (o[3] = o[3].slice(1)), ![
+			"srgb",
+			"display-p3",
+			"a98-rgb",
+			"prophoto-rgb",
+			"rec-2020"
+		].includes(s)) throw Error(process.env.NODE_ENV === "production" ? e(10, s) : `MUI: unsupported \`${s}\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`);
+	} else o = o.split(",");
+	return o = o.map((e) => parseFloat(e)), {
+		type: a,
+		values: o,
+		colorSpace: s
+	};
+}
+var a = (e) => {
+	let t = i(e);
+	return t.values.slice(0, 3).map((e, n) => t.type.includes("hsl") && n !== 0 ? `${e}%` : e).join(" ");
+}, o = (e, t) => {
+	try {
+		return a(e);
+	} catch {
+		return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+	}
+};
+function s(e) {
+	let { type: t, colorSpace: n } = e, { values: r } = e;
+	return t.includes("rgb") ? r = r.map((e, t) => t < 3 ? parseInt(e, 10) : e) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), r = t.includes("color") ? `${n} ${r.join(" ")}` : `${r.join(", ")}`, `${t}(${r})`;
+}
+function c(e) {
+	e = i(e);
+	let { values: t } = e, n = t[0], r = t[1] / 100, a = t[2] / 100, o = r * Math.min(a, 1 - a), c = (e, t = (e + n / 30) % 12) => a - o * Math.max(Math.min(t - 3, 9 - t, 1), -1), l = "rgb", u = [
+		Math.round(c(0) * 255),
+		Math.round(c(8) * 255),
+		Math.round(c(4) * 255)
+	];
+	return e.type === "hsla" && (l += "a", u.push(t[3])), s({
+		type: l,
+		values: u
+	});
+}
+function l(e) {
+	e = i(e);
+	let t = e.type === "hsl" || e.type === "hsla" ? i(c(e)).values : e.values;
+	return t = t.map((t) => (e.type !== "color" && (t /= 255), t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4)), Number((.2126 * t[0] + .7152 * t[1] + .0722 * t[2]).toFixed(3));
+}
+function u(e, t) {
+	let n = l(e), r = l(t);
+	return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
+}
+function d(e, t) {
+	return e = i(e), t = n(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, s(e);
+}
+function f(e, t, n) {
+	try {
+		return d(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function p(e, t) {
+	if (e = i(e), t = n(t), e.type.includes("hsl")) e.values[2] *= 1 - t;
+	else if (e.type.includes("rgb") || e.type.includes("color")) for (let n = 0; n < 3; n += 1) e.values[n] *= 1 - t;
+	return s(e);
+}
+function m(e, t, n) {
+	try {
+		return p(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function h(e, t) {
+	if (e = i(e), t = n(t), e.type.includes("hsl")) e.values[2] += (100 - e.values[2]) * t;
+	else if (e.type.includes("rgb")) for (let n = 0; n < 3; n += 1) e.values[n] += (255 - e.values[n]) * t;
+	else if (e.type.includes("color")) for (let n = 0; n < 3; n += 1) e.values[n] += (1 - e.values[n]) * t;
+	return s(e);
+}
+function g(e, t, n) {
+	try {
+		return h(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function _(e, t = .15) {
+	return l(e) > .5 ? p(e, t) : h(e, t);
+}
+function v(e, t, n) {
+	try {
+		return _(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+//#endregion
+export { c as a, o as c, g as d, e as f, u as i, m as l, p as n, h as o, _ as r, f as s, d as t, v as u };

package/dist/colors-DKqWMRgW.js

@@ -0,0 +1,180 @@
+//#region ../core/dist/palettes/types.js
+var e = (e) => ({
+	50: e[0],
+	100: e[1],
+	200: e[2],
+	300: e[3],
+	400: e[4],
+	500: e[5],
+	600: e[6],
+	700: e[7],
+	800: e[8],
+	900: e[9]
+}), t = {
+	label: "Quantum",
+	swatch: "hsl(246, 95%, 68%)",
+	light: {
+		brand: e([
+			"hsl(248, 92%, 98%)",
+			"hsl(248, 88%, 95%)",
+			"hsl(248, 84%, 89%)",
+			"hsl(248, 82%, 79%)",
+			"hsl(248, 84%, 70%)",
+			"hsl(248, 88%, 62%)",
+			"hsl(249, 84%, 54%)",
+			"hsl(250, 80%, 45%)",
+			"hsl(252, 76%, 34%)",
+			"hsl(254, 72%, 25%)"
+		]),
+		neutral: e([
+			"hsl(232, 36%, 99%)",
+			"hsl(232, 30%, 97.5%)",
+			"hsl(231, 22%, 95%)",
+			"hsl(230, 17%, 89%)",
+			"hsl(232, 13%, 78%)",
+			"hsl(234, 12%, 63%)",
+			"hsl(236, 13%, 40%)",
+			"hsl(238, 18%, 28%)",
+			"hsl(240, 26%, 18%)",
+			"hsl(242, 34%, 10%)"
+		])
+	},
+	dark: {
+		brand: e([
+			"hsl(246, 100%, 96%)",
+			"hsl(246, 98%, 92%)",
+			"hsl(246, 96%, 86%)",
+			"hsl(246, 95%, 79%)",
+			"hsl(246, 95%, 74%)",
+			"hsl(246, 95%, 70%)",
+			"hsl(247, 88%, 62%)",
+			"hsl(248, 82%, 52%)",
+			"hsl(250, 78%, 38%)",
+			"hsl(252, 74%, 25%)"
+		]),
+		neutral: e([
+			"hsl(228, 22%, 96%)",
+			"hsl(228, 18%, 93%)",
+			"hsl(230, 15%, 86%)",
+			"hsl(232, 13%, 78%)",
+			"hsl(234, 12%, 60%)",
+			"hsl(236, 12%, 42%)",
+			"hsl(238, 16%, 28%)",
+			"hsl(240, 22%, 18%)",
+			"hsl(242, 34%, 8%)",
+			"hsl(244, 44%, 4%)"
+		])
+	}
+}, n = t.dark.brand, r = t.light.brand, i = t.dark.neutral, a = t.light.neutral, o = {
+	50: "hsl(120, 80%, 98%)",
+	100: "hsl(120, 75%, 94%)",
+	200: "hsl(120, 75%, 87%)",
+	300: "hsl(120, 61%, 77%)",
+	400: "hsl(120, 44%, 53%)",
+	500: "hsl(120, 59%, 30%)",
+	600: "hsl(120, 70%, 25%)",
+	700: "hsl(120, 75%, 16%)",
+	800: "hsl(120, 84%, 10%)",
+	900: "hsl(120, 87%, 6%)"
+}, s = {
+	50: "hsl(151, 60%, 98%)",
+	100: "hsl(151, 55%, 95%)",
+	200: "hsl(151, 50%, 88%)",
+	300: "hsl(151, 45%, 78%)",
+	400: "hsl(151, 65%, 62%)",
+	500: "hsl(151, 75%, 47%)",
+	600: "hsl(151, 85%, 38%)",
+	700: "hsl(151, 90%, 30%)",
+	800: "hsl(151, 95%, 23%)",
+	900: "hsl(151, 100%, 17%)"
+}, c = {
+	50: "hsl(45, 100%, 97%)",
+	100: "hsl(45, 92%, 90%)",
+	200: "hsl(45, 94%, 80%)",
+	300: "hsl(45, 90%, 65%)",
+	400: "hsl(45, 90%, 40%)",
+	500: "hsl(45, 90%, 35%)",
+	600: "hsl(45, 91%, 25%)",
+	700: "hsl(45, 94%, 20%)",
+	800: "hsl(45, 95%, 16%)",
+	900: "hsl(45, 93%, 12%)"
+}, l = {
+	50: "hsl(48, 100%, 98%)",
+	100: "hsl(48, 95%, 94%)",
+	200: "hsl(48, 90%, 86%)",
+	300: "hsl(48, 85%, 72%)",
+	400: "hsl(48, 88%, 58%)",
+	500: "hsl(48, 92%, 50%)",
+	600: "hsl(48, 95%, 42%)",
+	700: "hsl(48, 100%, 35%)",
+	800: "hsl(48, 100%, 28%)",
+	900: "hsl(48, 100%, 22%)"
+}, u = {
+	50: "hsl(210, 100%, 98%)",
+	100: "hsl(210, 95%, 94%)",
+	200: "hsl(210, 90%, 87%)",
+	300: "hsl(210, 85%, 77%)",
+	400: "hsl(210, 80%, 60%)",
+	500: "hsl(210, 85%, 45%)",
+	600: "hsl(210, 90%, 35%)",
+	700: "hsl(210, 95%, 25%)",
+	800: "hsl(210, 100%, 15%)",
+	900: "hsl(210, 100%, 10%)"
+}, d = {
+	50: "hsl(204, 100%, 98%)",
+	100: "hsl(204, 95%, 94%)",
+	200: "hsl(204, 90%, 86%)",
+	300: "hsl(204, 85%, 74%)",
+	400: "hsl(204, 88%, 60%)",
+	500: "hsl(204, 92%, 48%)",
+	600: "hsl(204, 95%, 40%)",
+	700: "hsl(204, 100%, 32%)",
+	800: "hsl(204, 100%, 25%)",
+	900: "hsl(204, 100%, 19%)"
+}, f = {
+	50: "hsl(0, 100%, 97%)",
+	100: "hsl(0, 92%, 90%)",
+	200: "hsl(0, 94%, 80%)",
+	300: "hsl(0, 90%, 65%)",
+	400: "hsl(0, 90%, 40%)",
+	500: "hsl(0, 90%, 30%)",
+	600: "hsl(0, 91%, 25%)",
+	700: "hsl(0, 94%, 18%)",
+	800: "hsl(0, 95%, 12%)",
+	900: "hsl(0, 93%, 6%)"
+}, p = {
+	50: "hsl(356, 100%, 98%)",
+	100: "hsl(356, 95%, 94%)",
+	200: "hsl(356, 90%, 87%)",
+	300: "hsl(356, 85%, 75%)",
+	400: "hsl(356, 88%, 61%)",
+	500: "hsl(356, 92%, 50%)",
+	600: "hsl(356, 95%, 42%)",
+	700: "hsl(356, 100%, 34%)",
+	800: "hsl(356, 100%, 27%)",
+	900: "hsl(356, 100%, 21%)"
+}, m = {
+	50: "hsl(270, 100%, 98%)",
+	100: "hsl(270, 95%, 94%)",
+	200: "hsl(270, 90%, 87%)",
+	300: "hsl(270, 80%, 77%)",
+	400: "hsl(270, 70%, 60%)",
+	500: "hsl(270, 65%, 45%)",
+	600: "hsl(270, 70%, 35%)",
+	700: "hsl(270, 75%, 25%)",
+	800: "hsl(270, 80%, 15%)",
+	900: "hsl(270, 85%, 10%)"
+}, h = {
+	50: "hsl(280, 60%, 98%)",
+	100: "hsl(280, 55%, 95%)",
+	200: "hsl(280, 50%, 88%)",
+	300: "hsl(280, 45%, 78%)",
+	400: "hsl(280, 65%, 65%)",
+	500: "hsl(280, 75%, 52%)",
+	600: "hsl(280, 85%, 42%)",
+	700: "hsl(280, 90%, 34%)",
+	800: "hsl(280, 95%, 27%)",
+	900: "hsl(280, 100%, 21%)"
+};
+//#endregion
+export { d as a, s as c, p as d, c as f, e as g, t as h, o as i, l, f as m, n, r as o, m as p, i as r, a as s, u as t, h as u };

package/dist/contains-WOhYaq1E.js

@@ -0,0 +1,16 @@
+//#region ../../node_modules/@mui/utils/contains/contains.mjs
+function e(e, t) {
+	if (!e || !t) return !1;
+	if (e.contains(t)) return !0;
+	let n = t.getRootNode?.();
+	if (n && n instanceof ShadowRoot) {
+		let n = t;
+		for (; n;) {
+			if (e === n) return !0;
+			n = n.parentNode ?? n.host ?? null;
+		}
+	}
+	return !1;
+}
+//#endregion
+export { e as t };

package/dist/{createSvgIcon-HW-tbFcL.js → createSvgIcon-B0SZlJF1.js}

@@ -1,31 +1,33 @@
 import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t } from "./createTheme-Bnw5w28O.js";
-import { n, o as r, r as i, t as a } from "./memoTheme-QMocAblm.js";
-import { t as o } from "./clsx-Bv8WXdlr.js";
-import { t as s } from "./styled-BTDmdi4c.js";
-import { t as c } from "./svgIconClasses-BtHvkhy5.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { t as i } from "./clsx-DGZSe4Nt.js";
+import { t as a } from "./styled-Bog8QCl3.js";
+import { t as o } from "./memoTheme-qFyKAk7y.js";
+import { t as s } from "./capitalize-CccCFNpQ.js";
+import { t as c } from "./svgIconClasses-C8D4AsMj.js";
 import * as l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/material/SvgIcon/SvgIcon.mjs
 var f = /* @__PURE__ */ e(t(), 1), p = (e) => {
-	let { color: t, fontSize: i, classes: a } = e;
-	return r({ root: [
+	let { color: t, fontSize: r, classes: i } = e;
+	return n({ root: [
 		"root",
-		t !== "inherit" && `color${n(t)}`,
-		`fontSize${n(i)}`
-	] }, c, a);
-}, m = s("svg", {
+		t !== "inherit" && `color${s(t)}`,
+		`fontSize${s(r)}`
+	] }, c, i);
+}, m = a("svg", {
 	name: "MuiSvgIcon",
 	slot: "Root",
 	overridesResolver: (e, t) => {
-		let { ownerState: r } = e;
+		let { ownerState: n } = e;
 		return [
 			t.root,
-			r.color !== "inherit" && t[`color${n(r.color)}`],
-			t[`fontSize${n(r.fontSize)}`]
+			n.color !== "inherit" && t[`color${s(n.color)}`],
+			t[`fontSize${s(n.fontSize)}`]
 		];
 	}
-})(a(({ theme: e }) => ({
+})(o(({ theme: e }) => ({
 	userSelect: "none",
 	width: "1em",
 	height: "1em",
@@ -71,10 +73,10 @@ var f = /* @__PURE__ */ e(t(), 1), p = (e) => {
 		}
 	]
 }))), h = /* @__PURE__ */ l.forwardRef(function(e, t) {
-	let n = i({
+	let n = r({
 		props: e,
 		name: "MuiSvgIcon"
-	}), { children: r, className: a, color: s = "inherit", component: c = "svg", fontSize: f = "medium", htmlColor: h, inheritViewBox: g = !1, titleAccess: _, viewBox: v = "0 0 24 24", ...y } = n, b = /* @__PURE__ */ l.isValidElement(r) && r.type === "svg", x = {
+	}), { children: a, className: o, color: s = "inherit", component: c = "svg", fontSize: f = "medium", htmlColor: h, inheritViewBox: g = !1, titleAccess: _, viewBox: v = "0 0 24 24", ...y } = n, b = /* @__PURE__ */ l.isValidElement(a) && a.type === "svg", x = {
 		...n,
 		color: s,
 		component: c,
@@ -86,7 +88,7 @@ var f = /* @__PURE__ */ e(t(), 1), p = (e) => {
 	}, S = {};
 	return g || (S.viewBox = v), /* @__PURE__ */ d(m, {
 		as: c,
-		className: o(p(x).root, a),
+		className: i(p(x).root, o),
 		focusable: "false",
 		color: h,
 		"aria-hidden": _ ? void 0 : !0,
@@ -94,9 +96,9 @@ var f = /* @__PURE__ */ e(t(), 1), p = (e) => {
 		ref: t,
 		...S,
 		...y,
-		...b && r.props,
+		...b && a.props,
 		ownerState: x,
-		children: [b ? r.props.children : r, _ ? /* @__PURE__ */ u("title", { children: _ }) : null]
+		children: [b ? a.props.children : a, _ ? /* @__PURE__ */ u("title", { children: _ }) : null]
 	});
 });
 process.env.NODE_ENV !== "production" && (h.propTypes = {