@solostylist/ui-kit 1.0.204 → 1.0.205

package/dist/s-link/s-link.js

@@ -1,28 +1,28 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
 import "react";
-import { Link as t, Typography as n } from "@mui/material";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Link as n, Typography as r } from "@mui/material";
 //#region lib/s-link/s-link.tsx
-var r = e(), i = ({ onClick: e, beforeText: i = "", afterText: a = "", mainText: o = "", href: s = "#", component: c = "a", target: l, color: u = "text.secondary", linkColor: d = void 0, variant: f = "body2", lineHeight: p }) => /* @__PURE__ */ (0, r.jsxs)(n, {
-	variant: f,
-	lineHeight: p,
-	color: u,
+var i = ({ onClick: i, beforeText: a = "", afterText: o = "", mainText: s = "", href: c = "#", component: l = "a", target: u, color: d = "text.secondary", linkColor: f = void 0, variant: p = "body2", lineHeight: m }) => /* @__PURE__ */ t(r, {
+	variant: p,
+	lineHeight: m,
+	color: d,
 	children: [
-		i,
+		a,
 		" ",
-		/* @__PURE__ */ (0, r.jsx)(t, {
-			href: s,
-			onClick: e,
+		/* @__PURE__ */ e(n, {
+			href: c,
+			onClick: i,
 			sx: {
 				cursor: "pointer",
 				fontSize: "inherit"
 			},
-			component: c,
-			target: l,
-			color: d,
-			children: o
+			component: l,
+			target: u,
+			color: f,
+			children: s
 		}),
 		" ",
-		a
+		o
 	]
 });
 i.displayName = "SLink";

package/dist/s-localization-provider/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-localization-provider-BpoHpRVl.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-localization-provider-CeOR72Ti.js";
 export { e as default };

package/dist/s-localization-provider/s-localization-provider.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-localization-provider-BpoHpRVl.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-localization-provider-CeOR72Ti.js";
 export { e as SLocalizationProvider, e as default };

package/dist/{s-localization-provider-BpoHpRVl.js → s-localization-provider-CeOR72Ti.js}

@@ -1,8 +1,8 @@
-import { o as e, t } from "./chunk-BQCxAhux.js";
-import { t as n } from "./jsx-runtime-V-UOMaX1.js";
-import { n as r } from "./objectWithoutPropertiesLoose-Dn-p_OIo.js";
-import { n as i, t as a } from "./warning-Bc_24lbr.js";
+import { n as e, t } from "./chunk-efA98nb6.js";
+import { n } from "./objectWithoutPropertiesLoose-BdL2_POW.js";
+import { n as r, t as i } from "./warning-D7iWhOZI.js";
 import "react";
+import { jsx as a } from "react/jsx-runtime";
 import o from "dayjs";
 //#region ../../node_modules/dayjs/plugin/weekOfYear.js
 var s = /* @__PURE__ */ t(((e, t) => {
@@ -370,7 +370,7 @@ var _ = {
 	};
 	formatTokenMap = _;
 	constructor({ locale: e, formats: t } = {}) {
-		this.locale = e, this.formats = r({}, v, t), o.extend(p.default);
+		this.locale = e, this.formats = n({}, v, t), o.extend(p.default);
 	}
 	setLocaleToValue = (e) => {
 		let t = this.getCurrentLocaleCode();
@@ -412,7 +412,7 @@ var _ = {
 	};
 	getLocaleFormats = () => {
 		let e = o.Ls, t = e[this.locale || "en"];
-		return t === void 0 && (process.env.NODE_ENV !== "production" && a([
+		return t === void 0 && (process.env.NODE_ENV !== "production" && i([
 			"MUI X: Your locale has not been found.",
 			"Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.",
 			"Or you forget to import the locale from 'dayjs/locale/{localeUsed}'",
@@ -528,10 +528,10 @@ var _ = {
 		for (; this.isBefore(a, r);) i.push(a), a = this.addYears(a, 1);
 		return i;
 	};
-}, S = n(), C = ({ children: e }) => /* @__PURE__ */ (0, S.jsx)(i, {
+}, S = ({ children: e }) => /* @__PURE__ */ a(r, {
 	dateAdapter: x,
 	children: e
 });
-C.displayName = "SLocalizationProvider";
+S.displayName = "SLocalizationProvider";
 //#endregion
-export { C as t };
+export { S as t };

package/dist/s-moving-border/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SMovingBorder as e } from "./s-moving-border.js";
 export { e as default };

package/dist/s-moving-border/s-moving-border.js

@@ -1,9 +1,9 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { useRef as t } from "react";
-import { Box as n } from "@mui/material";
-import { motion as r, useAnimationFrame as i, useMotionTemplate as a, useMotionValue as o, useTransform as s } from "framer-motion";
+import { useRef as e } from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Box as i } from "@mui/material";
+import { motion as a, useAnimationFrame as o, useMotionTemplate as s, useMotionValue as c, useTransform as l } from "framer-motion";
 //#region lib/s-moving-border/s-moving-border.tsx
-var c = e(), l = 250, u = (e, t) => ({
+var u = 250, d = (e, t) => ({
 	position: "absolute",
 	left: "50%",
 	top: "50%",
@@ -15,17 +15,17 @@ var c = e(), l = 250, u = (e, t) => ({
 	filter: "blur(12px)",
 	pointerEvents: "none"
 });
-function d({ children: e, duration: n, rx: l, ry: u, phase: d = 0 }) {
-	let f = t(null), p = o(0);
-	i((e) => {
-		let t = f.current?.getTotalLength();
+function f({ children: i, duration: u, rx: d, ry: f, phase: p = 0 }) {
+	let m = e(null), h = c(0);
+	o((e) => {
+		let t = m.current?.getTotalLength();
 		if (t) {
-			let r = t / n;
-			p.set((e * r + t * d) % t);
+			let n = t / u;
+			h.set((e * n + t * p) % t);
 		}
 	});
-	let m = a`translateX(${s(p, (e) => f.current?.getPointAtLength(e)?.x)}px) translateY(${s(p, (e) => f.current?.getPointAtLength(e)?.y)}px) translateX(-50%) translateY(-50%)`;
-	return /* @__PURE__ */ (0, c.jsxs)(c.Fragment, { children: [/* @__PURE__ */ (0, c.jsx)("svg", {
+	let g = s`translateX(${l(h, (e) => m.current?.getPointAtLength(e)?.x)}px) translateY(${l(h, (e) => m.current?.getPointAtLength(e)?.y)}px) translateX(-50%) translateY(-50%)`;
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		preserveAspectRatio: "none",
 		width: "100%",
@@ -34,58 +34,58 @@ function d({ children: e, duration: n, rx: l, ry: u, phase: d = 0 }) {
 			position: "absolute",
 			inset: 0
 		},
-		children: /* @__PURE__ */ (0, c.jsx)("rect", {
+		children: /* @__PURE__ */ n("rect", {
 			fill: "none",
 			width: "100%",
 			height: "100%",
-			rx: l,
-			ry: u,
-			ref: f
+			rx: d,
+			ry: f,
+			ref: m
 		})
-	}), /* @__PURE__ */ (0, c.jsx)(r.div, {
+	}), /* @__PURE__ */ n(a.div, {
 		style: {
 			position: "absolute",
 			top: 0,
 			left: 0,
 			display: "inline-block",
-			transform: m
+			transform: g
 		},
-		children: e
+		children: i
 	})] });
 }
-var f = ({ className: e, duration: r = 6e3, children: i, glowColor: a = "var(--s-palette-primary-main)", glowSize: o = l, ...s }) => {
-	let f = t(null);
-	return /* @__PURE__ */ (0, c.jsxs)(n, {
+var p = ({ className: t, duration: a = 6e3, children: o, glowColor: s = "var(--s-palette-primary-main)", glowSize: c = u, ...l }) => {
+	let p = e(null);
+	return /* @__PURE__ */ r(i, {
 		position: "relative",
 		overflow: "hidden",
 		height: "100%",
 		width: "100%",
 		padding: .125,
 		sx: { backgroundColor: "transparent" },
-		className: e,
-		...s,
+		className: t,
+		...l,
 		children: [
-			/* @__PURE__ */ (0, c.jsxs)(n, {
+			/* @__PURE__ */ r(i, {
 				position: "absolute",
 				top: 0,
 				left: 0,
 				right: 0,
 				bottom: 0,
-				children: [/* @__PURE__ */ (0, c.jsx)(d, {
-					duration: r,
+				children: [/* @__PURE__ */ n(f, {
+					duration: a,
 					rx: "100%",
 					ry: "100%",
 					phase: 0,
-					children: /* @__PURE__ */ (0, c.jsx)(n, { sx: u(o, a) })
-				}), /* @__PURE__ */ (0, c.jsx)(d, {
-					duration: r,
+					children: /* @__PURE__ */ n(i, { sx: d(c, s) })
+				}), /* @__PURE__ */ n(f, {
+					duration: a,
 					rx: "100%",
 					ry: "100%",
 					phase: .5,
-					children: /* @__PURE__ */ (0, c.jsx)(n, { sx: u(o, a) })
+					children: /* @__PURE__ */ n(i, { sx: d(c, s) })
 				})]
 			}),
-			/* @__PURE__ */ (0, c.jsx)(n, {
+			/* @__PURE__ */ n(i, {
 				sx: {
 					position: "absolute",
 					pointerEvents: "none",
@@ -95,8 +95,8 @@ var f = ({ className: e, duration: r = 6e3, children: i, glowColor: a = "var(--s
 					height: "100%",
 					zIndex: 2
 				},
-				children: /* @__PURE__ */ (0, c.jsx)(n, {
-					ref: f,
+				children: /* @__PURE__ */ n(i, {
+					ref: p,
 					sx: {
 						position: "absolute",
 						left: "50%",
@@ -111,10 +111,10 @@ var f = ({ className: e, duration: r = 6e3, children: i, glowColor: a = "var(--s
 					}
 				})
 			}),
-			i
+			o
 		]
 	});
 };
-f.displayName = "SMovingBorder";
+p.displayName = "SMovingBorder";
 //#endregion
-export { f as SMovingBorder, f as default };
+export { p as SMovingBorder, p as default };

package/dist/s-multi-select/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-multi-select-CUsIS9dm.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-multi-select-xKP4heeG.js";
 export { e as default };

package/dist/s-multi-select/s-multi-select.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-multi-select-CUsIS9dm.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-multi-select-xKP4heeG.js";
 export { e as SMultiSelect, e as default };

package/dist/s-multi-select-xKP4heeG.js

@@ -0,0 +1,64 @@
+import { t as e } from "./Menu-Dhh4e9H1.js";
+import { t } from "./createSvgIcon-KjKEsKNV.js";
+import { SChips as n } from "./s-chips/s-chips.js";
+import { t as r } from "./MenuItem-aaIy8lan.js";
+import { usePopover as i } from "./hooks/use-popover.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { OutlinedInput as c, Stack as l } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/UnfoldMore.js
+var u = t(/* @__PURE__ */ o("path", { d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z" }), "UnfoldMore"), d = ({ label: t, onChange: d, options: f, value: p = [], chipProps: m }) => {
+	let h = i(), g = a.useRef(null), [_, v] = a.useState(), [y, b] = a.useState(null);
+	a.useEffect(() => {
+		g.current && v(g.current.offsetWidth);
+	}, [h.open]);
+	let x = a.useCallback((e, t) => {
+		let n = [...p];
+		t ? n.push(e) : n = n.filter((t) => t !== e), d?.(n);
+	}, [d, p]);
+	return /* @__PURE__ */ s(l, {
+		direction: "column",
+		gap: 1,
+		children: [
+			/* @__PURE__ */ o(c, {
+				endAdornment: /* @__PURE__ */ o(u, {
+					fontSize: "small",
+					sx: {
+						color: "action.active",
+						position: "absolute",
+						right: "7px"
+					}
+				}),
+				onClick: h.handleOpen,
+				ref: (e) => {
+					b(e), g.current = e;
+				},
+				value: t,
+				sx: { input: { color: "text.secondary" } }
+			}),
+			/* @__PURE__ */ o(e, {
+				anchorEl: y,
+				onClose: h.handleClose,
+				open: h.open,
+				slotProps: { paper: { sx: { width: _ ? `${_}px` : void 0 } } },
+				children: f.map((e) => {
+					let t = p.includes(e.value);
+					return /* @__PURE__ */ o(r, {
+						onClick: () => {
+							x(e.value, !t);
+						},
+						selected: t,
+						children: e.label
+					}, e.label);
+				})
+			}),
+			/* @__PURE__ */ o(n, {
+				chips: f.filter((e) => p.includes(e.value)).map((e) => e.label),
+				...m
+			})
+		]
+	});
+};
+d.displayName = "SMultiSelect";
+//#endregion
+export { d as t };

package/dist/s-no-ssr/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SNoSsr as e } from "./s-no-ssr.js";
 export { e as default };

package/dist/s-no-ssr/s-no-ssr.js

@@ -1,15 +1,15 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { t } from "../useEnhancedEffect-C_B_y6Db.js";
-import * as n from "react";
+import { t as e } from "../useEnhancedEffect-NLLl34XR.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region lib/s-no-ssr/s-no-ssr.tsx
-var r = e(), i = (e) => {
-	let { children: i, defer: a = !1, fallback: o = null } = e, [s, c] = n.useState(!1);
-	return t(() => {
+var r = (r) => {
+	let { children: i, defer: a = !1, fallback: o = null } = r, [s, c] = t.useState(!1);
+	return e(() => {
 		a || c(!0);
-	}, [a]), n.useEffect(() => {
+	}, [a]), t.useEffect(() => {
 		a && c(!0);
-	}, [a]), /* @__PURE__ */ (0, r.jsx)(n.Fragment, { children: s ? i : o });
+	}, [a]), /* @__PURE__ */ n(t.Fragment, { children: s ? i : o });
 };
-i.displayName = "SNoSsr";
+r.displayName = "SNoSsr";
 //#endregion
-export { i as SNoSsr, i as default };
+export { r as SNoSsr, r as default };

package/dist/s-overlay-scrollbar/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SOverlayScrollbar as e } from "./s-overlay-scrollbar.js";
 export { e as default };

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js

@@ -1,9 +1,9 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import { styled as n } from "@mui/material";
 import { OverlayScrollbarsComponent as r } from "overlayscrollbars-react";
 import '../assets/s-overlay-scrollbar.css';//#region lib/s-overlay-scrollbar/s-overlay-scrollbar.tsx
-var i = e(), a = n(r)(({ theme: e }) => ({
+var i = n(r)(({ theme: e }) => ({
 	maxHeight: "100%",
 	".os-theme-dark": {
 		"--os-size": "10px",
@@ -16,19 +16,19 @@ var i = e(), a = n(r)(({ theme: e }) => ({
 			"--os-handle-bg-active": (e.vars ?? e).palette.whiteAlpha.dark
 		})
 	}
-})), o = t(({ sx: e, children: t, className: n, id: r, ...o }, s) => /* @__PURE__ */ (0, i.jsx)(a, {
-	id: r,
+})), a = e(({ sx: e, children: n, className: r, id: a, ...o }, s) => /* @__PURE__ */ t(i, {
+	id: a,
 	ref: s,
 	defer: !0,
 	sx: e,
-	className: n,
+	className: r,
 	options: { scrollbars: {
 		autoHide: "leave",
 		autoHideDelay: 100
 	} },
 	...o,
-	children: t
+	children: n
 }));
-o.displayName = "SOverlayScrollbar";
+a.displayName = "SOverlayScrollbar";
 //#endregion
-export { o as SOverlayScrollbar, o as default };
+export { a as SOverlayScrollbar, a as default };

package/dist/s-pagination/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SPagination as e } from "./s-pagination.js";
 export { e as default };

package/dist/s-pagination/s-pagination.js

@@ -1,33 +1,33 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { SSkeleton as t } from "../s-skeleton/s-skeleton.js";
+import { SSkeleton as e } from "../s-skeleton/s-skeleton.js";
 import "react";
-import { Box as n, Pagination as r, Stack as i, useMediaQuery as a, useTheme as o } from "@mui/material";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Box as i, Pagination as a, Stack as o, useMediaQuery as s, useTheme as c } from "@mui/material";
 //#region lib/s-pagination/s-pagination.tsx
-var s = e(), c = ({ style: e }) => /* @__PURE__ */ (0, s.jsxs)(i, {
+var l = ({ style: t }) => /* @__PURE__ */ r(o, {
 	direction: "row",
 	flexWrap: "wrap",
 	gap: 1,
 	justifyContent: "center",
-	style: e,
+	style: t,
 	children: [
-		/* @__PURE__ */ (0, s.jsx)(t, { component: "icon-button" }),
-		/* @__PURE__ */ (0, s.jsx)(t, {
+		/* @__PURE__ */ n(e, { component: "icon-button" }),
+		/* @__PURE__ */ n(e, {
 			variant: "rounded",
 			width: 120
 		}),
-		/* @__PURE__ */ (0, s.jsx)(t, { component: "icon-button" })
+		/* @__PURE__ */ n(e, { component: "icon-button" })
 	]
-}), l = ({ loading: e, count: t = 0, ...i }) => {
-	let l = a(o().breakpoints.down("sm"));
-	return t === 0 ? /* @__PURE__ */ (0, s.jsx)(s.Fragment, {}) : e ? /* @__PURE__ */ (0, s.jsx)(c, { style: i.style }) : /* @__PURE__ */ (0, s.jsx)(n, {
+}), u = ({ loading: e, count: r = 0, ...o }) => {
+	let u = s(c().breakpoints.down("sm"));
+	return r === 0 ? /* @__PURE__ */ n(t, {}) : e ? /* @__PURE__ */ n(l, { style: o.style }) : /* @__PURE__ */ n(i, {
 		width: "100%",
-		children: /* @__PURE__ */ (0, s.jsx)(r, {
-			size: l ? "small" : "medium",
-			count: t,
-			...i
+		children: /* @__PURE__ */ n(a, {
+			size: u ? "small" : "medium",
+			count: r,
+			...o
 		})
 	});
 };
-l.displayName = "SPagination";
+u.displayName = "SPagination";
 //#endregion
-export { l as SPagination, l as default };
+export { u as SPagination, u as default };

package/dist/s-pixel-reveal/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
+import "../createTheme-DuS5_nJb.js";
 import { SPixelReveal as e } from "./s-pixel-reveal.js";
 export { e as default };