@solostylist/ui-kit 2.0.2 → 2.0.4

package/dist/theme/components/pickers-arrow-switcher.js

@@ -1,3 +1,4 @@
+import "@mui/x-date-pickers/themeAugmentation";
 //#region lib/theme/components/pickers-arrow-switcher.tsx
 var e = { styleOverrides: { spacer: ({ theme: e }) => ({ width: e.spacing(4) }) } };
 //#endregion

package/dist/theme/components/pickers-calendar-header.js

@@ -1,6 +1,7 @@
 import { reducedMotionMedia as e } from "./action-styles.js";
-import { t } from "../../ExpandMore-sOgvEha9.js";
-import { n } from "../../pickersCalendarHeaderClasses-BAiPN_oY.js";
+import "@mui/x-date-pickers/themeAugmentation";
+import t from "@mui/icons-material/ExpandMore";
+import { pickersCalendarHeaderClasses as n } from "@mui/x-date-pickers/PickersCalendarHeader";
 //#region lib/theme/components/pickers-calendar-header.tsx
 var r = {
 	defaultProps: { slots: { switchViewIcon: t } },

package/dist/theme/components/select.js

@@ -1,12 +1,12 @@
-import { t as e } from "../../UnfoldMoreRounded-CuCrdxoy.js";
-import { n as t } from "../../selectClasses-CPxME5jE.js";
-import * as n from "react";
+import * as e from "react";
+import t from "@mui/icons-material/UnfoldMoreRounded";
+import { selectClasses as n } from "@mui/material/Select";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/theme/components/select.tsx
 var i = {
-	defaultProps: { IconComponent: n.forwardRef((t, n) => /* @__PURE__ */ r(e, {
+	defaultProps: { IconComponent: e.forwardRef((e, n) => /* @__PURE__ */ r(t, {
 		fontSize: "small",
-		...t,
+		...e,
 		ref: n
 	})) },
 	styleOverrides: {
@@ -18,7 +18,7 @@ var i = {
 			color: "inherit",
 			right: e.spacing(1)
 		}),
-		root: ({ theme: e }) => ({ [`&:has(.${t.select} > span) .${t.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
+		root: ({ theme: e }) => ({ [`&:has(.${n.select} > span) .${n.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
 	}
 };
 //#endregion

package/dist/theme/components/switch.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../switchClasses-BtweO7PC.js";
+import { switchClasses as e } from "@mui/material/Switch";
 //#region lib/theme/components/switch.tsx
 var t = {
 	defaultProps: { disableRipple: !0 },

package/dist/theme/components/table-pagination.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../iconButtonClasses-CVVRFXRo.js";
+import { iconButtonClasses as e } from "@mui/material/IconButton";
 //#region lib/theme/components/table-pagination.tsx
 var t = { styleOverrides: { actions: {
 	display: "flex",

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

@@ -1,2 +1,93 @@
-import { t as e } from "../../toggle-button-BsGb-tOr.js";
-export { e as MuiToggleButton };
+import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n, isSemanticActionColor as r, reducedPressMotionStyle as i, semanticActionColors as a } from "./action-styles.js";
+import { buttonBaseClasses as o } from "@mui/material/ButtonBase";
+import { toggleButtonClasses as s } from "@mui/material/ToggleButton";
+//#region lib/theme/components/toggle-button.tsx
+var c = (n) => {
+	let r = (n.vars ?? n).palette;
+	return {
+		backgroundColor: r.action.selected,
+		color: r.text.primary,
+		[`&.${o.focusVisible}`]: {
+			...t(n),
+			backgroundColor: r.action.selected
+		},
+		[e]: { "&:hover": {
+			backgroundColor: r.action.selected,
+			color: r.text.primary
+		} },
+		[`&.${s.disabled}`]: {
+			backgroundColor: r.action.disabledBackground,
+			borderColor: "transparent",
+			color: r.action.disabled
+		}
+	};
+}, l = {
+	defaultProps: { disableFocusRipple: !0 },
+	styleOverrides: { root: ({ ownerState: l, theme: u }) => {
+		let d = (u.vars ?? u).palette, f = l.color ?? "standard", p = r(f) ? d[f] : d.primary;
+		return {
+			borderRadius: (u.vars ?? u).shape.borderRadius,
+			boxSizing: "border-box",
+			gap: u.spacing(1),
+			fontWeight: 500,
+			paddingBlock: 0,
+			textTransform: "none",
+			transition: u.transitions.create([
+				"background-color",
+				"border-color",
+				"color"
+			], { duration: u.transitions.duration.shorter }),
+			[`&.${o.focusVisible}`]: t(u, p),
+			[e]: { [`&:hover:not(.${s.selected})`]: {
+				backgroundColor: d.action.hover,
+				color: d.text.primary
+			} },
+			[`&:active:not(.${s.disabled}):not(.${s.selected})`]: { backgroundColor: d.action.selected },
+			[`&.${s.disabled}:not(.${s.selected})`]: {
+				backgroundColor: "transparent",
+				borderColor: d.action.disabledBackground,
+				color: d.action.disabled
+			},
+			...i,
+			variants: [
+				{
+					props: { size: "small" },
+					style: {
+						height: u.spacing(4.5),
+						minWidth: u.spacing(4.5),
+						paddingInline: u.spacing(1.5)
+					}
+				},
+				{
+					props: { size: "medium" },
+					style: {
+						height: u.spacing(5),
+						minWidth: u.spacing(5),
+						paddingInline: u.spacing(2)
+					}
+				},
+				{
+					props: { size: "large" },
+					style: {
+						height: u.spacing(5.5),
+						minWidth: u.spacing(5.5),
+						paddingInline: u.spacing(2.5)
+					}
+				},
+				{
+					props: { color: "standard" },
+					style: { [`&.${s.selected}`]: c(u) }
+				},
+				...a.map((e) => ({
+					props: { color: e },
+					style: { [`&.${s.selected}`]: {
+						...n(u, e),
+						borderColor: "transparent"
+					} }
+				}))
+			]
+		};
+	} }
+};
+//#endregion
+export { l as MuiToggleButton };

package/dist/theme/components/year-calendar.js

@@ -1,9 +1,10 @@
-import { t as e } from "../../styled-Bog8QCl3.js";
-import { t } from "../../ButtonBase-DovDC6-1.js";
-import { n } from "../../yearCalendarClasses-D9k_KT38.js";
-import { actionHoverMedia as r, getFocusVisibleStyle as i, getSelectedActionStyle as a } from "./action-styles.js";
+import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n } from "./action-styles.js";
+import { styled as r } from "@mui/material/styles";
+import i from "@mui/material/ButtonBase";
+import { yearCalendarClasses as a } from "@mui/x-date-pickers/YearCalendar";
+import "@mui/x-date-pickers/themeAugmentation";
 var o = {
-	defaultProps: { slots: { yearButton: e(t, {
+	defaultProps: { slots: { yearButton: r(i, {
 		name: "MuiYearCalendar",
 		slot: "Button"
 	})(({ theme: e }) => ({
@@ -23,15 +24,15 @@ var o = {
 				width: `calc((100% - ${e.spacing(3)}) / 4)`
 			}
 		}),
-		button: ({ theme: e }) => ({
-			height: e.spacing(4),
-			width: `calc((100% - ${e.spacing(3)}) / 4)`,
+		button: ({ theme: r }) => ({
+			height: r.spacing(4),
+			width: `calc((100% - ${r.spacing(3)}) / 4)`,
 			fontVariantNumeric: "lining-nums tabular-nums",
-			borderRadius: (e.vars ?? e).shape.borderRadius,
-			[r]: { "&:hover": { backgroundColor: (e.vars ?? e).palette.action.hover } },
-			"&.Mui-focusVisible": i(e),
-			"&.Mui-disabled": { color: (e.vars ?? e).palette.action.disabled },
-			[`&.${n.selected}`]: { ...a(e, "primary") }
+			borderRadius: (r.vars ?? r).shape.borderRadius,
+			[e]: { "&:hover": { backgroundColor: (r.vars ?? r).palette.action.hover } },
+			"&.Mui-focusVisible": t(r),
+			"&.Mui-disabled": { color: (r.vars ?? r).palette.action.disabled },
+			[`&.${a.selected}`]: { ...n(r, "primary") }
 		})
 	}
 };

package/dist/theme/theme-primitives.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-Bik9qOU9.js";
-import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "../theme-primitives-CXtaMdVj.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-CNjL5fhq.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "../theme-primitives-CRfnMsNy.js";
 export { f as blue, s as brand, b as colorSchemes, u as gray, i as green, g as interaction, e as lightBlue, c as lightBrand, d as lightGray, t as lightGreen, a as lightOrange, p as lightPurple, n as lightRed, r as orange, l as purple, v as radius, o as red, h as shadows, m as shape, _ as sxConfig, y as typography };

package/dist/{theme-primitives-CXtaMdVj.js → theme-primitives-CRfnMsNy.js}

@@ -1,186 +1,185 @@
-import { o as e, t } from "./colorManipulator-DmUjcif3.js";
-import { t as n } from "./createTheme-xB2Em0Na.js";
-import { a as r, c as i, d as a, f as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./colors-Bik9qOU9.js";
-import { a as _, i as v, n as y, o as b, r as x, s as S } from "./gradients-mQAYCK0_.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./colors-CNjL5fhq.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y } from "./gradients-DSnBONEQ.js";
+import { alpha as b, createTheme as x, lighten as S } from "@mui/material/styles";
 //#region ../core/dist/interaction.js
 var C = .9, w = { gradient: {
 	themeKey: "palette.gradient",
 	cssProperty: "backgroundImage"
-} }, T = n(), E = { palette: {
-	gradient: y,
+} }, T = x(), E = { palette: {
+	gradient: g,
 	blackAlpha: {
-		zero: b[0],
-		light: b[10],
-		medium: b[50],
-		dark: b[80],
-		full: b[100]
+		zero: _[0],
+		light: _[10],
+		medium: _[50],
+		dark: _[80],
+		full: _[100]
 	},
 	whiteAlpha: {
-		zero: S[0],
-		light: S[10],
-		medium: S[50],
-		dark: S[80],
-		full: S[100]
+		zero: y[0],
+		light: y[10],
+		medium: y[50],
+		dark: y[80],
+		full: y[100]
 	},
-	ui: { pulse: x },
+	ui: { pulse: v },
 	primary: {
-		...u,
-		contrastText: b[100],
-		light: u[400],
-		main: u[500],
-		dark: u[500],
+		...s,
+		contrastText: _[100],
+		light: s[400],
+		main: s[500],
+		dark: s[500],
 		white: "#ffffff",
 		black: "#000000"
 	},
 	secondary: {
-		...f,
-		contrastText: b[100],
-		light: f[300],
-		main: e(f[400], .05),
-		dark: f[400],
+		...l,
+		contrastText: _[100],
+		light: l[300],
+		main: S(l[400], .05),
+		dark: l[400],
 		white: "#ffffff",
 		black: "#000000"
 	},
 	info: {
-		...h,
-		contrastText: b[100],
-		light: h[300],
-		main: h[400],
-		dark: h[400],
+		...f,
+		contrastText: _[100],
+		light: f[300],
+		main: f[400],
+		dark: f[400],
 		white: "#ffffff",
 		black: "#000000"
 	},
 	warning: {
-		...o,
-		contrastText: b[100],
-		light: o[400],
-		main: o[500],
-		dark: o[500],
+		...r,
+		contrastText: _[100],
+		light: r[400],
+		main: r[500],
+		dark: r[500],
 		white: "#ffffff",
 		black: "#000000"
 	},
 	error: {
-		...l,
-		contrastText: b[100],
-		light: l[300],
-		main: e(l[400], .22),
-		dark: e(l[400], .15),
+		...o,
+		contrastText: _[100],
+		light: o[300],
+		main: S(o[400], .22),
+		dark: S(o[400], .15),
 		white: "#ffffff",
 		black: "#000000"
 	},
 	success: {
-		...s,
-		contrastText: b[100],
-		light: s[300],
-		main: s[400],
-		dark: s[400],
+		...i,
+		contrastText: _[100],
+		light: i[300],
+		main: i[400],
+		dark: i[400],
 		white: "#ffffff",
 		black: "#000000"
 	},
-	grey: p,
-	divider: t(p[700], .9),
+	grey: u,
+	divider: b(u[700], .9),
 	background: {
-		default: p[900],
-		paper: p[800]
+		default: u[900],
+		paper: u[800]
 	},
 	text: {
-		primary: p[50],
-		secondary: p[400],
-		disabled: p[500]
+		primary: u[50],
+		secondary: u[400],
+		disabled: u[500]
 	},
 	action: {
-		active: p[50],
-		hover: t(p[600], .2),
-		selected: t(p[600], .3)
+		active: u[50],
+		hover: b(u[600], .2),
+		selected: b(u[600], .3)
 	},
 	baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
 } }, D = {
 	light: { palette: {
-		gradient: v,
+		gradient: h,
 		blackAlpha: {
-			zero: b[0],
-			light: b[10],
-			medium: b[50],
-			dark: b[80],
-			full: b[100]
+			zero: _[0],
+			light: _[10],
+			medium: _[50],
+			dark: _[80],
+			full: _[100]
 		},
 		whiteAlpha: {
-			zero: S[0],
-			light: S[10],
-			medium: S[50],
-			dark: S[80],
-			full: S[100]
+			zero: y[0],
+			light: y[10],
+			medium: y[50],
+			dark: y[80],
+			full: y[100]
 		},
-		ui: { pulse: _ },
+		ui: { pulse: m },
 		primary: {
-			...d,
-			contrastText: d[50],
-			light: d[200],
-			main: d[500],
-			dark: d[700],
+			...c,
+			contrastText: c[50],
+			light: c[200],
+			main: c[500],
+			dark: c[700],
 			white: "#ffffff",
 			black: "#000000"
 		},
 		secondary: {
-			...g,
-			contrastText: g[50],
-			light: g[200],
-			main: g[500],
-			dark: g[700],
+			...p,
+			contrastText: p[50],
+			light: p[200],
+			main: p[500],
+			dark: p[700],
 			white: "#ffffff",
 			black: "#000000"
 		},
 		info: {
-			...r,
-			contrastText: r[50],
-			light: r[200],
-			main: r[700],
-			dark: r[800],
+			...e,
+			contrastText: e[50],
+			light: e[200],
+			main: e[700],
+			dark: e[800],
 			white: "#ffffff",
 			black: "#000000"
 		},
 		warning: {
-			...c,
-			contrastText: c[50],
-			light: c[200],
-			main: c[900],
-			dark: c[900],
+			...a,
+			contrastText: a[50],
+			light: a[200],
+			main: a[900],
+			dark: a[900],
 			white: "#ffffff",
 			black: "#000000"
 		},
 		error: {
-			...a,
-			contrastText: a[50],
-			light: a[200],
-			main: a[600],
-			dark: a[700],
+			...n,
+			contrastText: n[50],
+			light: n[200],
+			main: n[600],
+			dark: n[700],
 			white: "#ffffff",
 			black: "#000000"
 		},
 		success: {
-			...i,
-			contrastText: i[50],
-			light: i[200],
-			main: i[800],
-			dark: i[900],
+			...t,
+			contrastText: t[50],
+			light: t[200],
+			main: t[800],
+			dark: t[900],
 			white: "#ffffff",
 			black: "#000000"
 		},
-		grey: m,
-		divider: t(m[300], .9),
+		grey: d,
+		divider: b(d[300], .9),
 		background: {
-			default: m[50],
-			paper: m[100]
+			default: d[50],
+			paper: d[100]
 		},
 		text: {
-			primary: m[900],
-			secondary: m[600],
-			disabled: m[400]
+			primary: d[900],
+			secondary: d[600],
+			disabled: d[400]
 		},
 		action: {
-			active: m[900],
-			hover: t(m[300], .2),
-			selected: t(m[300], .3)
+			active: d[900],
+			hover: b(d[300], .2),
+			selected: b(d[300], .3)
 		},
 		baseShadow: "rgba(15, 23, 42, 0.08) 0px 2px 8px 0px, rgba(15, 23, 42, 0.04) 0px 1px 2px -1px"
 	} },

package/dist/utils/dayjs.js

@@ -1,145 +1,8 @@
-import { n as e, t } from "../chunk-C_CI6nMA.js";
-import n, { extend as r } from "dayjs";
-//#region ../../node_modules/dayjs/plugin/isToday.js
-var i = /* @__PURE__ */ t(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_isToday = r();
-	})(e, (function() {
-		return function(e, t, n) {
-			t.prototype.isToday = function() {
-				var e = "YYYY-MM-DD", t = n();
-				return this.format(e) === t.format(e);
-			};
-		};
-	}));
-})), a = /* @__PURE__ */ t(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_relativeTime = r();
-	})(e, (function() {
-		return function(e, t, n) {
-			e ||= {};
-			var r = t.prototype, i = {
-				future: "in %s",
-				past: "%s ago",
-				s: "a few seconds",
-				m: "a minute",
-				mm: "%d minutes",
-				h: "an hour",
-				hh: "%d hours",
-				d: "a day",
-				dd: "%d days",
-				M: "a month",
-				MM: "%d months",
-				y: "a year",
-				yy: "%d years"
-			};
-			function a(e, t, n, i) {
-				return r.fromToBase(e, t, n, i);
-			}
-			n.en.relativeTime = i, r.fromToBase = function(t, r, a, o, s) {
-				for (var c, l, u, d = a.$locale().relativeTime || i, f = e.thresholds || [
-					{
-						l: "s",
-						r: 44,
-						d: "second"
-					},
-					{
-						l: "m",
-						r: 89
-					},
-					{
-						l: "mm",
-						r: 44,
-						d: "minute"
-					},
-					{
-						l: "h",
-						r: 89
-					},
-					{
-						l: "hh",
-						r: 21,
-						d: "hour"
-					},
-					{
-						l: "d",
-						r: 35
-					},
-					{
-						l: "dd",
-						r: 25,
-						d: "day"
-					},
-					{
-						l: "M",
-						r: 45
-					},
-					{
-						l: "MM",
-						r: 10,
-						d: "month"
-					},
-					{
-						l: "y",
-						r: 17
-					},
-					{
-						l: "yy",
-						d: "year"
-					}
-				], p = f.length, m = 0; m < p; m += 1) {
-					var h = f[m];
-					h.d && (c = o ? n(t).diff(a, h.d, !0) : a.diff(t, h.d, !0));
-					var g = (e.rounding || Math.round)(Math.abs(c));
-					if (u = c > 0, g <= h.r || !h.r) {
-						g <= 1 && m > 0 && (h = f[m - 1]);
-						var _ = d[h.l];
-						s && (g = s("" + g)), l = typeof _ == "string" ? _.replace("%d", g) : _(g, r, h.l, u);
-						break;
-					}
-				}
-				if (r) return l;
-				var v = u ? d.future : d.past;
-				return typeof v == "function" ? v(l) : v.replace("%s", l);
-			}, r.to = function(e, t) {
-				return a(e, t, this, !0);
-			}, r.from = function(e, t) {
-				return a(e, t, this);
-			};
-			var o = function(e) {
-				return e.$u ? n.utc() : n();
-			};
-			r.toNow = function(e) {
-				return this.to(o(this), e);
-			}, r.fromNow = function(e) {
-				return this.from(o(this), e);
-			};
-		};
-	}));
-})), o = /* @__PURE__ */ t(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_updateLocale = r();
-	})(e, (function() {
-		function e() {
-			return e = Object.assign || function(e) {
-				for (var t = 1; t < arguments.length; t++) {
-					var n = arguments[t];
-					for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-				}
-				return e;
-			}, e.apply(this, arguments);
-		}
-		return function(t, n, r) {
-			r.updateLocale = function(t, n) {
-				var i = r.Ls[t];
-				if (i) return (n ? Object.keys(n) : []).forEach((function(t) {
-					i[t] && n[t] && typeof i[t] == "object" && typeof n[t] == "object" && !Array.isArray(i[t]) ? i[t] = e({}, i[t], n[t]) : i[t] = n[t];
-				})), i;
-			};
-		};
-	}));
-})), s = /* @__PURE__ */ e(i(), 1), c = /* @__PURE__ */ e(a(), 1), l = /* @__PURE__ */ e(o(), 1);
-r(c.default), r(l.default), n.extend(c.default), n.extend(s.default), n.updateLocale("en", { relativeTime: {
+import e, { extend as t } from "dayjs";
+import n from "dayjs/plugin/isToday";
+import r from "dayjs/plugin/relativeTime";
+import i from "dayjs/plugin/updateLocale";
+t(r), t(i), e.extend(r), e.extend(n), e.updateLocale("en", { relativeTime: {
 	future: "in %s",
 	past: "%s ago",
 	s: "a few sec",
@@ -154,9 +17,9 @@ r(c.default), r(l.default), n.extend(c.default), n.extend(s.default), n.updateLo
 	y: "a year",
 	yy: "%d years"
 } });
-var u = (e) => {
-	let t = n(e), r = n().diff(t, "day");
-	return t.isToday() || r === 0 ? "Today" : r < 6 && r > 0 ? `${r}d ago` : t.format("MMM-DD");
+var a = (t) => {
+	let n = e(t), r = e().diff(n, "day");
+	return n.isToday() || r === 0 ? "Today" : r < 6 && r > 0 ? `${r}d ago` : n.format("MMM-DD");
 };
 //#endregion
-export { n as dayjs, u as formatDatePosted };
+export { e as dayjs, a as formatDatePosted };