@solostylist/ui-kit 2.0.2 → 2.0.4

package/dist/s-skeleton/s-skeleton.js

@@ -1,8 +1,7 @@
-import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Dw9dmKyT.js";
-import { t as n } from "../Skeleton-iZFynl7z.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { styled as e, useThemeProps as t } from "@mui/material/styles";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Skeleton";
 //#region lib/s-skeleton/s-skeleton.tsx
 var a = {
 	avatar: {
@@ -25,24 +24,24 @@ var a = {
 		variant: "rounded",
 		width: 32
 	}
-}, o = e(n, {
+}, o = e(i, {
 	name: "SSkeleton",
 	slot: "Root"
 })(({ ownerState: e, theme: t }) => ({
 	...e.preset === "checkbox" && { borderRadius: t.radius.sm },
 	...e.variant === "text" && e.fontSize != null && { fontSize: e.fontSize }
-})), s = r.forwardRef(function(e, n) {
-	let r = t({
+})), s = n.forwardRef(function(e, n) {
+	let i = t({
 		props: e,
 		name: "SSkeleton"
 	});
-	if (r.preset) {
-		let { preset: e, ...t } = r, s = a[e], c = {
+	if (i.preset) {
+		let { preset: e, ...t } = i, s = a[e], c = {
 			animation: t.animation,
 			preset: e,
 			variant: s.variant
 		};
-		return /* @__PURE__ */ i(o, {
+		return /* @__PURE__ */ r(o, {
 			...t,
 			height: s.height,
 			ownerState: c,
@@ -51,12 +50,12 @@ var a = {
 			width: s.width
 		});
 	}
-	let { fontSize: s, variant: c = "text", ...l } = r, u = {
+	let { fontSize: s, variant: c = "text", ...l } = i, u = {
 		animation: l.animation,
 		fontSize: s,
 		variant: c
 	};
-	return /* @__PURE__ */ i(o, {
+	return /* @__PURE__ */ r(o, {
 		...l,
 		ownerState: u,
 		ref: n,

package/dist/s-snackbar-message/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../s-snackbar-message-DsfJlDYd.js";
-export { n as SSnackbarMessage, n as default, e as SnackbarMessageProvider, t as useSnackbarMessage };
+import { SSnackbarMessage as e, SnackbarMessageProvider as t, useSnackbarMessage as n } from "./s-snackbar-message.js";
+export { e as SSnackbarMessage, e as default, t as SnackbarMessageProvider, n as useSnackbarMessage };

package/dist/s-snackbar-message/s-snackbar-message.js

@@ -1,2 +1,89 @@
-import { n as e, r as t, t as n } from "../s-snackbar-message-DsfJlDYd.js";
-export { n as SSnackbarMessage, n as default, e as SnackbarMessageProvider, t as useSnackbarMessage };
+import { toSxArray as e } from "../utils/sx.js";
+import { styled as t, useThemeProps as n } from "@mui/material/styles";
+import * as r from "react";
+import { createElement as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@mui/utils/appendOwnerState";
+import c from "@mui/material/Alert";
+import l from "@mui/material/Snackbar";
+//#region lib/s-snackbar-message/s-snackbar-message.tsx
+var u = t(l, {
+	name: "SSnackbarMessage",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({});
+function d(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var f = r.forwardRef(function(t, r) {
+	let i = n({
+		props: t,
+		name: "SSnackbarMessage"
+	}), { anchorOrigin: o = {
+		vertical: "top",
+		horizontal: "center"
+	}, autoHideDuration: l = 1e4, message: f, onClose: p, onCloseButtonClick: m, open: h = !1, severity: g = "info", slotProps: _, slots: v, ...y } = i, b = {
+		...i,
+		open: h,
+		severity: g
+	}, { alert: x, ...S } = v ?? {}, { alert: C, ...w } = _ ?? {}, T = x ?? c, { onClose: E, sx: D, ...O } = d(C, b) ?? {}, k = s(x, O, b), A = (e) => {
+		m?.(e), !e.defaultPrevented && E?.(e);
+	};
+	return /* @__PURE__ */ a(u, {
+		...y,
+		anchorOrigin: o,
+		autoHideDuration: l,
+		onClose: p,
+		open: h,
+		ownerState: b,
+		ref: r,
+		slots: S,
+		slotProps: w,
+		children: /* @__PURE__ */ a(T, {
+			...k,
+			onClose: m || E ? A : void 0,
+			severity: g,
+			sx: [{
+				width: "100%",
+				"& .MuiAlert-action": { justifyContent: "center" }
+			}, ...e(D)],
+			children: f
+		})
+	});
+});
+f.displayName = "SSnackbarMessage";
+var p = r.createContext(null);
+function m({ children: e }) {
+	let [t, n] = r.useState(null), [a, s] = r.useState(0), c = r.useCallback(() => n(null), []), l = r.useCallback((e) => {
+		s((e) => e + 1), n(e);
+	}, []), u = r.useMemo(() => ({
+		closeSnackbar: c,
+		open: t != null,
+		showSnackbar: l
+	}), [
+		c,
+		t,
+		l
+	]), { onClose: d, onCloseButtonClick: m, ...h } = t ?? {}, g = h, _ = r.useCallback((e, t) => {
+		d?.(e, t), e?.defaultPrevented || c();
+	}, [c, d]), v = r.useCallback((e) => {
+		m?.(e), e.defaultPrevented || c();
+	}, [c, m]);
+	return /* @__PURE__ */ o(p.Provider, {
+		value: u,
+		children: [t ? /* @__PURE__ */ i(f, {
+			...g,
+			key: a,
+			open: !0,
+			onClose: _,
+			onCloseButtonClick: v
+		}) : null, e]
+	});
+}
+function h() {
+	let e = r.useContext(p);
+	if (!e) throw Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
+	return e;
+}
+//#endregion
+export { f as SSnackbarMessage, f as default, m as SnackbarMessageProvider, h as useSnackbarMessage };

package/dist/s-spotlight-cursor/s-spotlight-cursor.js

@@ -1,47 +1,47 @@
 import { isValidCanvasColor as e, resolveCanvasColor as t } from "../utils/canvas-color.js";
-import { t as n } from "../useForkRef-BuNFTXxE.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { styled as a, useColorScheme as o, useMediaQuery as s, useTheme as c, useThemeProps as l } from "@mui/material";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i, useColorScheme as a, useMediaQuery as o, useTheme as s, useThemeProps as c } from "@mui/material";
+import { useForkRef as l } from "@mui/material/utils";
 //#region lib/s-spotlight-cursor/s-spotlight-cursor.tsx
-var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: n, color: i, colorScheme: a, followSpeed: o, radius: s, reducedMotion: c, theme: l }) => {
-	let u = r.useRef(null);
-	return r.useEffect(() => {
-		let r = u.current;
-		if (!r) return;
-		let a = r.getContext("2d");
+var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: r, color: i, colorScheme: a, followSpeed: o, radius: s, reducedMotion: c, theme: l }) => {
+	let u = n.useRef(null);
+	return n.useEffect(() => {
+		let n = u.current;
+		if (!n) return;
+		let a = n.getContext("2d");
 		if (!a) return;
-		let d = null, f = 0, p = 0, m = null, h = null, g = null, _ = null, v = r.parentElement ?? r, y = (l.vars ?? l).palette.primary.main, b = t(i, r, l), x = t(y, r), S = e(a, b) ? b : e(a, x) ? x : "#000000", C = () => {
+		let d = null, f = 0, p = 0, m = null, h = null, g = null, _ = null, v = n.parentElement ?? n, y = (l.vars ?? l).palette.primary.main, b = t(i, n, l), x = t(y, n), S = e(a, b) ? b : e(a, x) ? x : "#000000", C = () => {
 			if (d = null, a.clearRect(0, 0, f, p), m == null || h == null) return;
 			g == null || _ == null || c ? (g = m, _ = h) : (g += (m - g) * o, _ += (h - _) * o);
 			let e = a.createRadialGradient(g, _, 0, g, _, s);
-			e.addColorStop(0, S), e.addColorStop(1, "transparent"), a.save(), a.globalAlpha = n, a.fillStyle = e, a.fillRect(0, 0, f, p), a.restore();
-			let t = Math.abs(m - g), r = Math.abs(h - _);
-			!c && (t > .1 || r > .1) && (d = requestAnimationFrame(C));
+			e.addColorStop(0, S), e.addColorStop(1, "transparent"), a.save(), a.globalAlpha = r, a.fillStyle = e, a.fillRect(0, 0, f, p), a.restore();
+			let t = Math.abs(m - g), n = Math.abs(h - _);
+			!c && (t > .1 || n > .1) && (d = requestAnimationFrame(C));
 		}, w = () => {
 			d ??= requestAnimationFrame(C);
 		}, T = () => {
-			let e = r.getBoundingClientRect();
+			let e = n.getBoundingClientRect();
 			if (e.width === 0 || e.height === 0) return;
 			let t = window.devicePixelRatio || 1;
-			f = e.width, p = e.height, r.width = Math.max(1, Math.round(f * t)), r.height = Math.max(1, Math.round(p * t)), a.setTransform(t, 0, 0, t, 0, 0), w();
+			f = e.width, p = e.height, n.width = Math.max(1, Math.round(f * t)), n.height = Math.max(1, Math.round(p * t)), a.setTransform(t, 0, 0, t, 0, 0), w();
 		}, E = (e) => {
-			let t = r.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top;
-			if (n < 0 || n > t.width || i < 0 || i > t.height) {
+			let t = n.getBoundingClientRect(), r = e.clientX - t.left, i = e.clientY - t.top;
+			if (r < 0 || r > t.width || i < 0 || i > t.height) {
 				m = null, h = null, g = null, _ = null, w();
 				return;
 			}
-			m = n, h = i, g ??= n, _ ??= i, w();
+			m = r, h = i, g ??= r, _ ??= i, w();
 		}, D = () => {
 			m = null, h = null, g = null, _ = null, w();
 		};
 		T();
 		let O = new ResizeObserver(T);
-		return O.observe(r), v.addEventListener("pointermove", E, { passive: !0 }), v.addEventListener("pointerleave", D), () => {
+		return O.observe(n), v.addEventListener("pointermove", E, { passive: !0 }), v.addEventListener("pointerleave", D), () => {
 			O.disconnect(), v.removeEventListener("pointermove", E), v.removeEventListener("pointerleave", D), d != null && cancelAnimationFrame(d);
 		};
 	}, [
-		n,
+		r,
 		i,
 		a,
 		o,
@@ -49,7 +49,7 @@ var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: n, color: i, colorSche
 		c,
 		l
 	]), u;
-}, h = a("canvas", {
+}, h = i("canvas", {
 	name: "SSpotlightCursor",
 	slot: "Root"
 })({
@@ -60,18 +60,18 @@ var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: n, color: i, colorSche
 	zIndex: 0,
 	width: "100%",
 	height: "100%"
-}), g = r.forwardRef(function(e, t) {
-	let r = l({
+}), g = n.forwardRef(function(e, t) {
+	let n = c({
 		props: e,
 		name: "SSpotlightCursor"
-	}), a = c(), { mode: g, systemMode: _ } = o(), { brightness: v = d, color: y = "primary", followSpeed: b = f, radius: x = u, ...S } = r, C = Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : d, w = Number.isFinite(b) ? Math.min(1, Math.max(p, b)) : f, T = Number.isFinite(x) && x > 0 ? x : u, E = s("(prefers-reduced-motion: reduce)", { noSsr: !0 }), D = n(m({
+	}), i = s(), { mode: g, systemMode: _ } = a(), { brightness: v = d, color: y = "primary", followSpeed: b = f, radius: x = u, ...S } = n, C = Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : d, w = Number.isFinite(b) ? Math.min(1, Math.max(p, b)) : f, T = Number.isFinite(x) && x > 0 ? x : u, E = o("(prefers-reduced-motion: reduce)", { noSsr: !0 }), D = l(m({
 		brightness: C,
 		color: y,
 		colorScheme: g === "system" ? _ : g,
 		followSpeed: w,
 		radius: T,
 		reducedMotion: E,
-		theme: a
+		theme: i
 	}), t), O = {
 		brightness: C,
 		color: y,
@@ -79,7 +79,7 @@ var u = 200, d = .15, f = .1, p = .01, m = ({ brightness: n, color: i, colorSche
 		radius: T,
 		reducedMotion: E
 	};
-	return /* @__PURE__ */ i(h, {
+	return /* @__PURE__ */ r(h, {
 		...S,
 		"aria-hidden": "true",
 		ownerState: O,