@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/theme-primitives-Csxbv-2Y.js

@@ -0,0 +1,398 @@
+import { i as e, t } from "./createTheme-CMuiGmV-.js";
+//#region ../core/dist/colors.js
+var n = {
+	50: "hsl(210, 100%, 95%)",
+	100: "hsl(210, 100%, 92%)",
+	200: "hsl(210, 100%, 80%)",
+	300: "hsl(210, 100%, 65%)",
+	400: "hsl(210, 98%, 48%)",
+	500: "hsl(210, 98%, 42%)",
+	600: "hsl(210, 98%, 55%)",
+	700: "hsl(210, 100%, 35%)",
+	800: "hsl(210, 100%, 16%)",
+	900: "hsl(210, 100%, 21%)"
+}, r = {
+	50: "hsl(220, 60%, 98%)",
+	100: "hsl(220, 55%, 95%)",
+	200: "hsl(220, 50%, 88%)",
+	300: "hsl(220, 45%, 75%)",
+	400: "hsl(220, 70%, 58%)",
+	500: "hsl(220, 85%, 47%)",
+	600: "hsl(220, 90%, 39%)",
+	700: "hsl(220, 95%, 31%)",
+	800: "hsl(220, 100%, 24%)",
+	900: "hsl(220, 100%, 18%)"
+}, i = {
+	50: "hsl(220, 35%, 97%)",
+	100: "hsl(220, 30%, 94%)",
+	200: "hsl(220, 20%, 88%)",
+	300: "hsl(220, 20%, 80%)",
+	400: "hsl(220, 20%, 65%)",
+	500: "hsl(220, 20%, 42%)",
+	600: "hsl(220, 20%, 35%)",
+	700: "hsl(220, 20%, 25%)",
+	800: "hsl(220, 30%, 6%)",
+	900: "hsl(220, 35%, 3%)"
+}, a = {
+	50: "hsl(210, 20%, 98%)",
+	100: "hsl(210, 15%, 95%)",
+	200: "hsl(210, 12%, 89%)",
+	300: "hsl(210, 10%, 78%)",
+	400: "hsl(210, 9%, 65%)",
+	500: "hsl(210, 8%, 50%)",
+	600: "hsl(210, 12%, 42%)",
+	700: "hsl(210, 18%, 35%)",
+	800: "hsl(210, 24%, 28%)",
+	900: "hsl(210, 30%, 22%)"
+}, 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%)"
+}, g = {
+	0: "rgba(0,0,0,0)",
+	10: "rgba(0,0,0,0.1)",
+	20: "rgba(0,0,0,0.2)",
+	30: "rgba(0,0,0,0.3)",
+	40: "rgba(0,0,0,0.4)",
+	50: "rgba(0,0,0,0.5)",
+	60: "rgba(0,0,0,0.6)",
+	70: "rgba(0,0,0,0.7)",
+	80: "rgba(0,0,0,0.8)",
+	90: "rgba(0,0,0,0.9)",
+	100: "rgba(0,0,0,1)"
+}, _ = {
+	0: "rgba(255,255,255,0)",
+	10: "rgba(255,255,255,0.1)",
+	20: "rgba(255,255,255,0.2)",
+	30: "rgba(255,255,255,0.3)",
+	40: "rgba(255,255,255,0.4)",
+	50: "rgba(255,255,255,0.5)",
+	60: "rgba(255,255,255,0.6)",
+	70: "rgba(255,255,255,0.7)",
+	80: "rgba(255,255,255,0.8)",
+	90: "rgba(255,255,255,0.9)",
+	100: "rgba(255,255,255,1)"
+}, v = {
+	primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%)",
+	secondary: "linear-gradient(90deg, #0088F6 0%, #1DDD83 77.25%)",
+	indigo: "linear-gradient(to right, transparent, #6366f1, transparent)",
+	sky: "linear-gradient(to right, transparent, #0ea5e9, transparent)",
+	radial: "radial-gradient(at 50% 50%, hsla(210, 100%, 16%, 0.5), hsl(220, 30%, 5%))"
+}, y = {
+	primary: "linear-gradient(90deg, #0ea5e9 0%, #2563eb 100%)",
+	secondary: "linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%)",
+	indigo: "linear-gradient(to right, transparent, rgba(79, 70, 229, 0.6), transparent)",
+	sky: "linear-gradient(to right, transparent, rgba(14, 165, 233, 0.55), transparent)",
+	radial: "radial-gradient(at 50% 50%, hsla(210, 100%, 84%, 0.5), hsl(220, 30%, 95%))"
+}, b = {
+	shadowLight: _[30],
+	shadowMedium: _[60],
+	ring: _[80],
+	background: _[80],
+	radialGradient: `radial-gradient(circle, ${_[30]} 0%, ${_[10]} 50%, transparent 100%)`
+}, x = {
+	shadowLight: g[30],
+	shadowMedium: g[60],
+	ring: g[80],
+	background: g[80],
+	radialGradient: `radial-gradient(circle, ${g[30]} 0%, ${g[10]} 50%, transparent 100%)`
+}, S = t(), C = { palette: {
+	gradient: v,
+	blackAlpha: {
+		zero: g[0],
+		light: g[10],
+		medium: g[50],
+		dark: g[80],
+		full: g[100]
+	},
+	whiteAlpha: {
+		zero: _[0],
+		light: _[10],
+		medium: _[50],
+		dark: _[80],
+		full: _[100]
+	},
+	ui: { pulse: b },
+	primary: {
+		contrastText: n[50],
+		light: n[400],
+		main: n[500],
+		dark: n[700],
+		white: "#ffffff",
+		black: "#000000"
+	},
+	info: {
+		contrastText: u[50],
+		light: u[400],
+		main: u[500],
+		dark: u[700]
+	},
+	warning: {
+		contrastText: c[50],
+		light: c[400],
+		main: c[500],
+		dark: c[700]
+	},
+	error: {
+		contrastText: f[50],
+		light: f[400],
+		main: f[500],
+		dark: f[700]
+	},
+	success: {
+		contrastText: o[50],
+		light: o[400],
+		main: o[500],
+		dark: o[700]
+	},
+	grey: i,
+	divider: e(i[700], .9),
+	background: {
+		default: i[900],
+		paper: i[800]
+	},
+	text: {
+		primary: i[50],
+		secondary: i[400]
+	},
+	action: {
+		active: i[50],
+		hover: e(i[600], .2),
+		selected: e(i[600], .3)
+	},
+	baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
+} }, w = {
+	light: { palette: {
+		gradient: y,
+		blackAlpha: {
+			zero: g[0],
+			light: g[10],
+			medium: g[50],
+			dark: g[80],
+			full: g[100]
+		},
+		whiteAlpha: {
+			zero: _[0],
+			light: _[10],
+			medium: _[50],
+			dark: _[80],
+			full: _[100]
+		},
+		ui: { pulse: x },
+		primary: {
+			contrastText: r[50],
+			light: r[200],
+			main: r[500],
+			dark: r[700],
+			white: "#ffffff",
+			black: "#000000"
+		},
+		info: {
+			contrastText: d[50],
+			light: d[200],
+			main: d[500],
+			dark: d[700]
+		},
+		warning: {
+			contrastText: l[50],
+			light: l[200],
+			main: l[500],
+			dark: l[700]
+		},
+		error: {
+			contrastText: p[50],
+			light: p[200],
+			main: p[500],
+			dark: p[700]
+		},
+		success: {
+			contrastText: s[50],
+			light: s[200],
+			main: s[500],
+			dark: s[700]
+		},
+		grey: a,
+		divider: e(a[300], .9),
+		background: {
+			default: a[50],
+			paper: a[100]
+		},
+		text: {
+			primary: a[900],
+			secondary: a[600]
+		},
+		action: {
+			active: a[900],
+			hover: e(a[300], .2),
+			selected: e(a[300], .3)
+		},
+		baseShadow: "rgba(15, 23, 42, 0.08) 0px 2px 8px 0px, rgba(15, 23, 42, 0.04) 0px 1px 2px -1px"
+	} },
+	dark: C
+}, T = {
+	fontFamily: "Outfit, sans-serif",
+	h1: {
+		fontSize: S.typography.pxToRem(48),
+		fontWeight: 600,
+		lineHeight: 1.2,
+		letterSpacing: -.5
+	},
+	h2: {
+		fontSize: S.typography.pxToRem(36),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h3: {
+		fontSize: S.typography.pxToRem(30),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h4: {
+		fontSize: S.typography.pxToRem(24),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h5: {
+		fontSize: S.typography.pxToRem(20),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h6: {
+		fontSize: S.typography.pxToRem(18),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	subtitle1: {
+		fontSize: S.typography.pxToRem(18),
+		fontWeight: 500
+	},
+	subtitle2: {
+		fontSize: S.typography.pxToRem(14),
+		fontWeight: 500
+	},
+	body1: {
+		fontSize: S.typography.pxToRem(14),
+		fontWeight: 400
+	},
+	body2: {
+		fontSize: S.typography.pxToRem(14),
+		fontWeight: 400
+	},
+	caption: {
+		fontSize: S.typography.pxToRem(12),
+		fontWeight: 400,
+		color: "var(--s-palette-text-secondary)"
+	}
+}, E = { borderRadius: 8 }, D = [
+	"none",
+	"var(--s-palette-baseShadow)",
+	...S.shadows.slice(2)
+];
+//#endregion
+export { m as _, u as a, o as c, a as d, s as f, c as g, p as h, T as i, d as l, h as m, D as n, n as o, l as p, E as r, i as s, w as t, r as u, f as v };

package/dist/toggle-button-CAcYep44.js

@@ -0,0 +1,26 @@
+import { t as e } from "./generateUtilityClasses-i3-S3IQr.js";
+import { o as t, s as n } from "./theme-primitives-Csxbv-2Y.js";
+//#region ../../node_modules/@mui/material/esm/ToggleButton/toggleButtonClasses.js
+var r = e("MuiToggleButton", [
+	"root",
+	"disabled",
+	"selected",
+	"standard",
+	"primary",
+	"secondary",
+	"sizeSmall",
+	"sizeMedium",
+	"sizeLarge",
+	"fullWidth"
+]), i = { styleOverrides: { root: ({ theme: e }) => ({
+	padding: "12px 16px",
+	textTransform: "none",
+	borderRadius: "10px",
+	fontWeight: 500,
+	...e.applyStyles("dark", {
+		color: n[400],
+		[`&.${r.selected}`]: { color: t[300] }
+	})
+}) } };
+//#endregion
+export { i as t };

package/dist/toggle-button-group-BCHnFS_B.js

@@ -0,0 +1,28 @@
+import { i as e } from "./createTheme-CMuiGmV-.js";
+import { t } from "./generateUtilityClasses-i3-S3IQr.js";
+import { o as n, s as r } from "./theme-primitives-Csxbv-2Y.js";
+//#region ../../node_modules/@mui/material/esm/ToggleButtonGroup/toggleButtonGroupClasses.js
+var i = t("MuiToggleButtonGroup", [
+	"root",
+	"selected",
+	"horizontal",
+	"vertical",
+	"disabled",
+	"grouped",
+	"groupedHorizontal",
+	"groupedVertical",
+	"fullWidth",
+	"firstButton",
+	"lastButton",
+	"middleButton"
+]), a = { styleOverrides: { root: ({ theme: t }) => ({
+	borderRadius: "10px",
+	boxShadow: `0 4px 16px ${e(r[400], .2)}`,
+	[`& .${i.selected}`]: { color: n[500] },
+	...t.applyStyles("dark", {
+		[`& .${i.selected}`]: { color: "#fff" },
+		boxShadow: `0 4px 16px ${e(n[700], .5)}`
+	})
+}) } };
+//#endregion
+export { a as t };

package/dist/typographyClasses-YJ-sLvHS.js

@@ -0,0 +1,32 @@
+import { t as e } from "./generateUtilityClass-DdqZpZoW.js";
+import { t } from "./generateUtilityClasses-i3-S3IQr.js";
+//#region ../../node_modules/@mui/material/esm/Typography/typographyClasses.js
+function n(t) {
+	return e("MuiTypography", t);
+}
+var r = t("MuiTypography", [
+	"root",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"subtitle1",
+	"subtitle2",
+	"body1",
+	"body2",
+	"inherit",
+	"button",
+	"caption",
+	"overline",
+	"alignLeft",
+	"alignRight",
+	"alignCenter",
+	"alignJustify",
+	"noWrap",
+	"gutterBottom",
+	"paragraph"
+]);
+//#endregion
+export { r as n, n as t };

package/dist/useControlled-DZKvfhNx.js

@@ -0,0 +1,32 @@
+import * as e from "react";
+//#region ../../node_modules/@mui/utils/esm/useControlled/useControlled.js
+function t(t) {
+	let { controlled: n, default: r, name: i, state: a = "value" } = t, { current: o } = e.useRef(n !== void 0), [s, c] = e.useState(r), l = o ? n : s;
+	if (process.env.NODE_ENV !== "production") {
+		e.useEffect(() => {
+			o !== (n !== void 0) && console.error([
+				`MUI: A component is changing the ${o ? "" : "un"}controlled ${a} state of ${i} to be ${o ? "un" : ""}controlled.`,
+				"Elements should not switch from uncontrolled to controlled (or vice versa).",
+				`Decide between using a controlled or uncontrolled ${i} element for the lifetime of the component.`,
+				"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.",
+				"More info: https://fb.me/react-controlled-components"
+			].join("\n"));
+		}, [
+			a,
+			i,
+			n
+		]);
+		let { current: t } = e.useRef(r);
+		e.useEffect(() => {
+			!o && JSON.stringify(r) !== JSON.stringify(t) && console.error([`MUI: A component is changing the default ${a} state of an uncontrolled ${i} after being initialized. To suppress this warning opt to use a controlled ${i}.`].join("\n"));
+		}, [JSON.stringify(r)]);
+	}
+	return [l, e.useCallback((e) => {
+		o || c(e);
+	}, [])];
+}
+//#endregion
+//#region ../../node_modules/@mui/material/esm/utils/useControlled.js
+var n = t;
+//#endregion
+export { n as t };

package/dist/useEnhancedEffect-C_B_y6Db.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+//#region ../../node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js
+var t = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+//#endregion
+export { t };

package/dist/useFormControl-y5Pput5X.js

@@ -0,0 +1,11 @@
+import * as e from "react";
+//#region ../../node_modules/@mui/material/esm/FormControl/FormControlContext.js
+var t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "FormControlContext");
+//#endregion
+//#region ../../node_modules/@mui/material/esm/FormControl/useFormControl.js
+function n() {
+	return e.useContext(t);
+}
+//#endregion
+export { t as n, n as t };