@solostylist/ui-kit 2.0.0 → 2.0.1

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

@@ -1,9 +1,10 @@
-import { t as e } from "../../styled-Bog8QCl3.js";
-import { t } from "../../ButtonBase-DxKtpFYs.js";
-import { n } from "../../yearCalendarClasses-CuAQumpz.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-DKqWMRgW.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-Dt_DT9b5.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-Dt_DT9b5.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-DKqWMRgW.js";
-import { a as _, i as v, n as y, o as b, r as x, s as S } from "./gradients-90SYkAC0.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 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",

package/dist/Add-COc9VdNg.js

@@ -1,6 +0,0 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/icons-material/Add.mjs
-var n = e(/* @__PURE__ */ t("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add");
-//#endregion
-export { n as t };

package/dist/ArrowUpward-D88i2k4q.js

@@ -1,6 +0,0 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/icons-material/ArrowUpward.mjs
-var n = e(/* @__PURE__ */ t("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward");
-//#endregion
-export { n as t };

package/dist/Box-9oeZgA1U.js

@@ -1,46 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { c as t, l as n, n as r } from "./defaultTheme-BaGcIzCh.js";
-import { t as i } from "./prop-types-BzYPyWN7.js";
-import { a, t as o } from "./createTheme-xB2Em0Na.js";
-import { n as s } from "./generateUtilityClass-PAIOm1jC.js";
-import { t as c } from "./clsx-DGZSe4Nt.js";
-import { t as l } from "./generateUtilityClasses-DvX505Gy.js";
-import * as u from "react";
-import { jsx as d } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/system/createBox/createBox.mjs
-function f(e = {}) {
-	let { themeId: n, defaultTheme: i, defaultClassName: o = "MuiBox-root", generateClassName: s } = e, l = t("div", { shouldForwardProp: (e) => e !== "theme" && e !== "sx" && e !== "as" })(a);
-	return /* @__PURE__ */ u.forwardRef(function(e, t) {
-		let a = r(i), { className: u, component: f = "div", ...p } = e;
-		return /* @__PURE__ */ d(l, {
-			as: f,
-			ref: t,
-			className: c(u, s ? s(o) : o),
-			theme: n && a[n] || a,
-			...p
-		});
-	});
-}
-//#endregion
-//#region ../../node_modules/@mui/material/Box/boxClasses.mjs
-var p = /* @__PURE__ */ e(i(), 1), m = l("MuiBox", ["root"]), h = f({
-	themeId: n,
-	defaultTheme: o(),
-	defaultClassName: m.root,
-	generateClassName: s.generate
-});
-process.env.NODE_ENV !== "production" && (h.propTypes = {
-	children: p.default.node,
-	component: p.default.elementType,
-	sx: p.default.oneOfType([
-		p.default.arrayOf(p.default.oneOfType([
-			p.default.func,
-			p.default.object,
-			p.default.bool
-		])),
-		p.default.func,
-		p.default.object
-	])
-});
-//#endregion
-export { h as t };