@solostylist/ui-kit 1.0.208 → 1.0.210

package/dist/{Stack-D-aoKnaS.js → Stack-BrIUVvqB.js}

@@ -1,15 +1,15 @@
 import { n as e } from "./chunk-efA98nb6.js";
-import { t } from "./generateUtilityClass-DdqZpZoW.js";
-import { a as n, c as r, d as i, f as a, g as o, l as s, p as c, u as l } from "./createTheme-DuS5_nJb.js";
-import { o as u, t as d } from "./DefaultPropsProvider-DpRXvTbj.js";
-import { r as f } from "./useTheme-BES_k_99.js";
-import { t as p } from "./extendSxProp-YPyfzlEb.js";
-import { i as m, t as h } from "./styled-Dz7rwAje.js";
-import { t as g } from "./useThemeProps-CJRFdjVv.js";
+import { _ as t, a as n, c as r, d as i, f as a, l as o, m as s, p as c } from "./createTheme-hnicUJQa.js";
+import { r as l, s as u } from "./memoTheme-DiKnacj0.js";
+import { t as d } from "./clsx-BTH_sxEO.js";
+import { t as f } from "./extendSxProp-0kulJXZl.js";
+import { t as p } from "./generateUtilityClass-D4Rn9MbW.js";
+import { i as m, t as h } from "./styled-C0_N3zFx.js";
+import { t as g } from "./useThemeProps-DtrsMbkY.js";
 import * as _ from "react";
 import { jsx as v } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/system/esm/styled/styled.js
-var y = m(), b = /* @__PURE__ */ e(o()), x = n(), S = y("div", {
+var y = m(), b = /* @__PURE__ */ e(t()), x = n(), S = y("div", {
 	name: "MuiStack",
 	slot: "Root"
 });
@@ -33,45 +33,45 @@ var T = (e) => ({
 	let n = {
 		display: "flex",
 		flexDirection: "column",
-		...l({ theme: t }, a({
+		...i({ theme: t }, c({
 			values: e.direction,
 			breakpoints: t.breakpoints.values
 		}), (e) => ({ flexDirection: e }))
 	};
 	if (e.spacing) {
-		let i = r(t), o = Object.keys(t.breakpoints.values).reduce((t, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (t[n] = !0), t), {}), u = a({
+		let a = r(t), l = Object.keys(t.breakpoints.values).reduce((t, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (t[n] = !0), t), {}), u = c({
 			values: e.direction,
-			base: o
-		}), d = a({
+			base: l
+		}), d = c({
 			values: e.spacing,
-			base: o
+			base: l
 		});
 		typeof u == "object" && Object.keys(u).forEach((e, t, n) => {
 			u[e] || (u[e] = t > 0 ? u[n[t - 1]] : "column");
-		}), n = c(n, l({ theme: t }, d, (t, n) => e.useFlexGap ? { gap: s(i, t) } : {
+		}), n = s(n, i({ theme: t }, d, (t, n) => e.useFlexGap ? { gap: o(a, t) } : {
 			"& > :not(style):not(style)": { margin: 0 },
-			"& > :not(style) ~ :not(style)": { [`margin${T(n ? u[n] : e.direction)}`]: s(i, t) }
+			"& > :not(style) ~ :not(style)": { [`margin${T(n ? u[n] : e.direction)}`]: o(a, t) }
 		}));
 	}
-	return n = i(t.breakpoints, n), n;
+	return n = a(t.breakpoints, n), n;
 };
 function D(e = {}) {
-	let { createStyledComponent: n = S, useThemeProps: r = C, componentName: i = "MuiStack" } = e, a = () => u({ root: ["root"] }, (e) => t(i, e), {}), o = n(E), s = /* @__PURE__ */ _.forwardRef(function(e, t) {
-		let { component: n = "div", direction: i = "column", spacing: s = 0, divider: c, children: l, className: u, useFlexGap: d = !1, ...m } = p(r(e));
-		return /* @__PURE__ */ v(o, {
-			as: n,
+	let { createStyledComponent: t = S, useThemeProps: n = C, componentName: r = "MuiStack" } = e, i = () => u({ root: ["root"] }, (e) => p(r, e), {}), a = t(E), o = /* @__PURE__ */ _.forwardRef(function(e, t) {
+		let { component: r = "div", direction: o = "column", spacing: s = 0, divider: c, children: l, className: u, useFlexGap: p = !1, ...m } = f(n(e));
+		return /* @__PURE__ */ v(a, {
+			as: r,
 			ownerState: {
-				direction: i,
+				direction: o,
 				spacing: s,
-				useFlexGap: d
+				useFlexGap: p
 			},
 			ref: t,
-			className: f(a().root, u),
+			className: d(i().root, u),
 			...m,
 			children: c ? w(l, c) : l
 		});
 	});
-	return process.env.NODE_ENV !== "production" && (s.propTypes = {
+	return process.env.NODE_ENV !== "production" && (o.propTypes = {
 		children: b.default.node,
 		direction: b.default.oneOfType([
 			b.default.oneOf([
@@ -104,7 +104,7 @@ function D(e = {}) {
 			b.default.func,
 			b.default.object
 		])
-	}), s;
+	}), o;
 }
 //#endregion
 //#region ../../node_modules/@mui/material/esm/Stack/Stack.js
@@ -113,7 +113,7 @@ var O = D({
 		name: "MuiStack",
 		slot: "Root"
 	}),
-	useThemeProps: (e) => d({
+	useThemeProps: (e) => l({
 		props: e,
 		name: "MuiStack"
 	})

package/dist/{Typography-CswuXQLF.js → Typography-BXFTm80G.js}

@@ -1,10 +1,10 @@
 import { n as e } from "./chunk-efA98nb6.js";
-import { g as t } from "./createTheme-DuS5_nJb.js";
-import { i as n, n as r, o as i, s as a, t as o } from "./DefaultPropsProvider-DpRXvTbj.js";
-import { r as s } from "./useTheme-BES_k_99.js";
-import { t as c } from "./styled-Dz7rwAje.js";
-import { t as l } from "./createSimplePaletteValueFilter-dAWZ3p3z.js";
-import { t as u } from "./typographyClasses-C0nDz5e6.js";
+import { _ as t } from "./createTheme-hnicUJQa.js";
+import { a as n, n as r, r as i, s as a, t as o } from "./memoTheme-DiKnacj0.js";
+import { t as s } from "./clsx-BTH_sxEO.js";
+import { t as c } from "./styled-C0_N3zFx.js";
+import { t as l } from "./createSimplePaletteValueFilter-AnLSDyLU.js";
+import { t as u } from "./typographyClasses-C8Mm57es.js";
 import * as d from "react";
 import { jsx as f } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/material/esm/Typography/Typography.js
@@ -19,13 +19,13 @@ var p = /* @__PURE__ */ e(t()), m = {
 	textSecondary: !0,
 	textDisabled: !0
 }, h = n(), g = (e) => {
-	let { align: t, gutterBottom: n, noWrap: r, paragraph: o, variant: s, classes: c } = e;
-	return i({ root: [
+	let { align: t, gutterBottom: n, noWrap: i, paragraph: o, variant: s, classes: c } = e;
+	return a({ root: [
 		"root",
 		s,
-		e.align !== "inherit" && `align${a(t)}`,
+		e.align !== "inherit" && `align${r(t)}`,
 		n && "gutterBottom",
-		r && "noWrap",
+		i && "noWrap",
 		o && "paragraph"
 	] }, u, c);
 }, _ = c("span", {
@@ -36,13 +36,13 @@ var p = /* @__PURE__ */ e(t()), m = {
 		return [
 			t.root,
 			n.variant && t[n.variant],
-			n.align !== "inherit" && t[`align${a(n.align)}`],
+			n.align !== "inherit" && t[`align${r(n.align)}`],
 			n.noWrap && t.noWrap,
 			n.gutterBottom && t.gutterBottom,
 			n.paragraph && t.paragraph
 		];
 	}
-})(r(({ theme: e }) => ({
+})(o(({ theme: e }) => ({
 	margin: 0,
 	variants: [
 		{
@@ -62,7 +62,7 @@ var p = /* @__PURE__ */ e(t()), m = {
 			style: { color: (e.vars || e).palette[t].main }
 		})),
 		...Object.entries(e.palette?.text || {}).filter(([, e]) => typeof e == "string").map(([t]) => ({
-			props: { color: `text${a(t)}` },
+			props: { color: `text${r(t)}` },
 			style: { color: (e.vars || e).palette.text[t] }
 		})),
 		{
@@ -99,14 +99,14 @@ var p = /* @__PURE__ */ e(t()), m = {
 	body2: "p",
 	inherit: "p"
 }, y = /* @__PURE__ */ d.forwardRef(function(e, t) {
-	let { color: n, ...r } = o({
+	let { color: n, ...r } = i({
 		props: e,
 		name: "MuiTypography"
-	}), i = !m[n], a = h({
+	}), a = !m[n], o = h({
 		...r,
-		...i && { color: n }
-	}), { align: c = "inherit", className: l, component: u, gutterBottom: d = !1, noWrap: p = !1, paragraph: y = !1, variant: b = "body1", variantMapping: x = v, ...S } = a, C = {
-		...a,
+		...a && { color: n }
+	}), { align: c = "inherit", className: l, component: u, gutterBottom: d = !1, noWrap: p = !1, paragraph: y = !1, variant: b = "body1", variantMapping: x = v, ...S } = o, C = {
+		...o,
 		align: c,
 		color: n,
 		className: l,

package/dist/{avatar-BVV8tT0K.js → avatar-CVUSxXzb.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createSvgIcon-KjKEsKNV.js";
+import { t as e } from "./createSvgIcon-CMGRw0Lo.js";
 import { jsx as t } from "react/jsx-runtime";
 //#endregion
 //#region lib/theme/components/avatar.tsx

package/dist/{buttonBaseClasses-CzfJbQi5.js → buttonBaseClasses-DOwL2wHr.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./generateUtilityClass-DdqZpZoW.js";
-import { t } from "./generateUtilityClasses-BMwEKe3O.js";
+import { t as e } from "./generateUtilityClass-D4Rn9MbW.js";
+import { t } from "./generateUtilityClasses-CX1nR7K3.js";
 //#region ../../node_modules/@mui/material/esm/ButtonBase/buttonBaseClasses.js
 function n(t) {
 	return e("MuiButtonBase", t);

package/dist/{checkbox-Dd2nIREk.js → checkbox-Dt9Jyrbh.js}

@@ -1,9 +1,9 @@
-import { i as e } from "./createTheme-DuS5_nJb.js";
-import { t } from "./createSvgIcon-KjKEsKNV.js";
-import { o as n, s as r } from "./theme-primitives-BG66N-x4.js";
+import { i as e } from "./createTheme-hnicUJQa.js";
+import { o as t, s as n } from "./theme-primitives-qhf0z_Er.js";
+import { t as r } from "./createSvgIcon-CMGRw0Lo.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/icons-material/esm/CheckBoxOutlineBlankRounded.js
-var a = t(/* @__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 = t(/* @__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 = t(/* @__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 = {
+var a = r(/* @__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 = r(/* @__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 = r(/* @__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)" } }),
@@ -16,38 +16,38 @@ var a = t(/* @__PURE__ */ i("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1
 			width: 14
 		} })
 	},
-	styleOverrides: { root: ({ theme: t }) => ({
+	styleOverrides: { root: ({ theme: r }) => ({
 		margin: 8,
 		marginLeft: 0,
 		height: 16,
 		width: 16,
 		borderRadius: 5,
 		border: "1px solid",
-		borderColor: e(r[300], .8),
+		borderColor: e(n[300], .8),
 		boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
-		backgroundColor: e(r[100], .4),
+		backgroundColor: e(n[100], .4),
 		transition: "border-color, background-color, 120ms ease-in",
-		"&:hover": { borderColor: n[300] },
+		"&:hover": { borderColor: t[300] },
 		"&.Mui-focusVisible": {
-			outline: `3px solid ${e(n[500], .5)}`,
+			outline: `3px solid ${e(t[500], .5)}`,
 			outlineOffset: "2px",
-			borderColor: n[400]
+			borderColor: t[400]
 		},
 		"&.Mui-checked": {
 			color: "white",
-			backgroundColor: n[500],
-			borderColor: n[500],
+			backgroundColor: t[500],
+			borderColor: t[500],
 			boxShadow: "none",
-			"&:hover": { backgroundColor: n[600] }
+			"&:hover": { backgroundColor: t[600] }
 		},
-		...t.applyStyles("dark", {
-			borderColor: e(r[700], .8),
+		...r.applyStyles("dark", {
+			borderColor: e(n[700], .8),
 			boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
-			backgroundColor: e(r[900], .8),
-			"&:hover": { borderColor: n[300] },
+			backgroundColor: e(n[900], .8),
+			"&:hover": { borderColor: t[300] },
 			"&.Mui-focusVisible": {
-				borderColor: n[400],
-				outline: `3px solid ${e(n[500], .5)}`,
+				borderColor: t[400],
+				outline: `3px solid ${e(t[500], .5)}`,
 				outlineOffset: "2px"
 			}
 		})

package/dist/clsx-BTH_sxEO.js

@@ -0,0 +1,34 @@
+import { a as e } from "./createTheme-hnicUJQa.js";
+import { t } from "./esm-BYRX9r8n.js";
+import * as n from "react";
+//#region ../../node_modules/@mui/system/esm/useThemeWithoutDefault/useThemeWithoutDefault.js
+function r(e) {
+	return Object.keys(e).length === 0;
+}
+function i(e = null) {
+	let i = n.useContext(t);
+	return !i || r(i) ? e : i;
+}
+//#endregion
+//#region ../../node_modules/@mui/system/esm/useTheme/useTheme.js
+var a = e();
+function o(e = a) {
+	return i(e);
+}
+//#endregion
+//#region ../../node_modules/clsx/dist/clsx.mjs
+function s(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = s(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function c() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = s(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+export { o as n, i as r, c as t };

package/dist/{createSvgIcon-KjKEsKNV.js → createSvgIcon-CMGRw0Lo.js}

@@ -1,31 +1,31 @@
 import { n as e } from "./chunk-efA98nb6.js";
-import { g as t } from "./createTheme-DuS5_nJb.js";
-import { n, o as r, s as i, t as a } from "./DefaultPropsProvider-DpRXvTbj.js";
-import { r as o } from "./useTheme-BES_k_99.js";
-import { t as s } from "./styled-Dz7rwAje.js";
-import { t as c } from "./svgIconClasses-CygVMw0E.js";
+import { _ as t } from "./createTheme-hnicUJQa.js";
+import { n, r, s as i, t as a } from "./memoTheme-DiKnacj0.js";
+import { t as o } from "./clsx-BTH_sxEO.js";
+import { t as s } from "./styled-C0_N3zFx.js";
+import { t as c } from "./svgIconClasses-DrmLtTkP.js";
 import * as l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/material/esm/SvgIcon/SvgIcon.js
 var f = /* @__PURE__ */ e(t()), p = (e) => {
-	let { color: t, fontSize: n, classes: a } = e;
-	return r({ root: [
+	let { color: t, fontSize: r, classes: a } = e;
+	return i({ root: [
 		"root",
-		t !== "inherit" && `color${i(t)}`,
-		`fontSize${i(n)}`
+		t !== "inherit" && `color${n(t)}`,
+		`fontSize${n(r)}`
 	] }, c, a);
 }, m = s("svg", {
 	name: "MuiSvgIcon",
 	slot: "Root",
 	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
+		let { ownerState: r } = e;
 		return [
 			t.root,
-			n.color !== "inherit" && t[`color${i(n.color)}`],
-			t[`fontSize${i(n.fontSize)}`]
+			r.color !== "inherit" && t[`color${n(r.color)}`],
+			t[`fontSize${n(r.fontSize)}`]
 		];
 	}
-})(n(({ theme: e }) => ({
+})(a(({ theme: e }) => ({
 	userSelect: "none",
 	width: "1em",
 	height: "1em",
@@ -71,10 +71,10 @@ var f = /* @__PURE__ */ e(t()), p = (e) => {
 		}
 	]
 }))), h = /* @__PURE__ */ l.forwardRef(function(e, t) {
-	let n = a({
+	let n = r({
 		props: e,
 		name: "MuiSvgIcon"
-	}), { children: r, className: i, 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: i, 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(i) && i.type === "svg", x = {
 		...n,
 		color: s,
 		component: c,
@@ -86,7 +86,7 @@ var f = /* @__PURE__ */ e(t()), p = (e) => {
 	}, S = {};
 	return g || (S.viewBox = v), /* @__PURE__ */ d(m, {
 		as: c,
-		className: o(p(x).root, i),
+		className: o(p(x).root, a),
 		focusable: "false",
 		color: h,
 		"aria-hidden": _ ? void 0 : !0,
@@ -94,9 +94,9 @@ var f = /* @__PURE__ */ e(t()), p = (e) => {
 		ref: t,
 		...S,
 		...y,
-		...b && r.props,
+		...b && i.props,
 		ownerState: x,
-		children: [b ? r.props.children : r, _ ? /* @__PURE__ */ u("title", { children: _ }) : null]
+		children: [b ? i.props.children : i, _ ? /* @__PURE__ */ u("title", { children: _ }) : null]
 	});
 });
 process.env.NODE_ENV !== "production" && (h.propTypes = {