@solostylist/ui-kit 1.0.203 → 1.0.205

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

@@ -1,134 +1,120 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { useRef as u } from "react";
-import { Box as s } from "@mui/material";
-import { useMotionValue as j, useAnimationFrame as v, useTransform as c, useMotionTemplate as y, motion as w } from "framer-motion";
-const L = 250, x = (e, n) => ({
-  position: "absolute",
-  left: "50%",
-  top: "50%",
-  width: `${e}px`,
-  height: `${e}px`,
-  transform: "translate(-50%, -50%)",
-  opacity: 0.5,
-  background: `radial-gradient(${n} 40%, transparent 60%)`,
-  filter: "blur(12px)",
-  // Creates the soft glow effect
-  pointerEvents: "none"
-  // Prevents interference with user interactions
+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 u = 250, d = (e, t) => ({
+	position: "absolute",
+	left: "50%",
+	top: "50%",
+	width: `${e}px`,
+	height: `${e}px`,
+	transform: "translate(-50%, -50%)",
+	opacity: .5,
+	background: `radial-gradient(${t} 40%, transparent 60%)`,
+	filter: "blur(12px)",
+	pointerEvents: "none"
 });
-function d({
-  children: e,
-  duration: n,
-  rx: h,
-  ry: a,
-  phase: l = 0
-}) {
-  const o = u(null), r = j(0);
-  v((i) => {
-    const p = o.current?.getTotalLength();
-    if (p) {
-      const b = p / n;
-      r.set((i * b + p * l) % p);
-    }
-  });
-  const f = c(r, (i) => o.current?.getPointAtLength(i)?.x), g = c(r, (i) => o.current?.getPointAtLength(i)?.y), m = y`translateX(${f}px) translateY(${g}px) translateX(-50%) translateY(-50%)`;
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        preserveAspectRatio: "none",
-        width: "100%",
-        height: "100%",
-        style: { position: "absolute", inset: 0 },
-        children: /* @__PURE__ */ t.jsx("rect", { fill: "none", width: "100%", height: "100%", rx: h, ry: a, ref: o })
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      w.div,
-      {
-        style: {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          display: "inline-block",
-          transform: m
-        },
-        children: e
-      }
-    )
-  ] });
+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 n = t / u;
+			h.set((e * n + t * p) % t);
+		}
+	});
+	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%",
+		height: "100%",
+		style: {
+			position: "absolute",
+			inset: 0
+		},
+		children: /* @__PURE__ */ n("rect", {
+			fill: "none",
+			width: "100%",
+			height: "100%",
+			rx: d,
+			ry: f,
+			ref: m
+		})
+	}), /* @__PURE__ */ n(a.div, {
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			display: "inline-block",
+			transform: g
+		},
+		children: i
+	})] });
 }
-const M = ({
-  className: e,
-  duration: n = 6e3,
-  children: h,
-  glowColor: a = "var(--s-palette-primary-main)",
-  glowSize: l = L,
-  ...o
-}) => {
-  const r = u(null);
-  return (
-    // Main container with relative positioning for absolute children
-    /* @__PURE__ */ t.jsxs(
-      s,
-      {
-        position: "relative",
-        overflow: "hidden",
-        height: "100%",
-        width: "100%",
-        padding: 0.125,
-        sx: {
-          backgroundColor: "transparent"
-        },
-        className: e,
-        ...o,
-        children: [
-          /* @__PURE__ */ t.jsxs(s, { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, children: [
-            /* @__PURE__ */ t.jsx(d, { duration: n, rx: "100%", ry: "100%", phase: 0, children: /* @__PURE__ */ t.jsx(s, { sx: x(l, a) }) }),
-            /* @__PURE__ */ t.jsx(d, { duration: n, rx: "100%", ry: "100%", phase: 0.5, children: /* @__PURE__ */ t.jsx(s, { sx: x(l, a) }) })
-          ] }),
-          /* @__PURE__ */ t.jsx(
-            s,
-            {
-              sx: {
-                position: "absolute",
-                pointerEvents: "none",
-                left: 0,
-                top: 0,
-                width: "100%",
-                height: "100%",
-                zIndex: 2
-              },
-              children: /* @__PURE__ */ t.jsx(
-                s,
-                {
-                  ref: r,
-                  sx: {
-                    position: "absolute",
-                    left: "50%",
-                    top: "50%",
-                    width: 120,
-                    height: 120,
-                    opacity: 0,
-                    // Hidden by default
-                    filter: "blur(16px)",
-                    borderRadius: "50%",
-                    transform: "translate(-50%, -50%)",
-                    transition: "left 0.15s cubic-bezier(.4,2,.6,1), top 0.15s cubic-bezier(.4,2,.6,1), opacity 0.2s"
-                  }
-                }
-              )
-            }
-          ),
-          h
-        ]
-      }
-    )
-  );
-};
-M.displayName = "SMovingBorder";
-export {
-  M as SMovingBorder,
-  M as default
+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: t,
+		...l,
+		children: [
+			/* @__PURE__ */ r(i, {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				right: 0,
+				bottom: 0,
+				children: [/* @__PURE__ */ n(f, {
+					duration: a,
+					rx: "100%",
+					ry: "100%",
+					phase: 0,
+					children: /* @__PURE__ */ n(i, { sx: d(c, s) })
+				}), /* @__PURE__ */ n(f, {
+					duration: a,
+					rx: "100%",
+					ry: "100%",
+					phase: .5,
+					children: /* @__PURE__ */ n(i, { sx: d(c, s) })
+				})]
+			}),
+			/* @__PURE__ */ n(i, {
+				sx: {
+					position: "absolute",
+					pointerEvents: "none",
+					left: 0,
+					top: 0,
+					width: "100%",
+					height: "100%",
+					zIndex: 2
+				},
+				children: /* @__PURE__ */ n(i, {
+					ref: p,
+					sx: {
+						position: "absolute",
+						left: "50%",
+						top: "50%",
+						width: 120,
+						height: 120,
+						opacity: 0,
+						filter: "blur(16px)",
+						borderRadius: "50%",
+						transform: "translate(-50%, -50%)",
+						transition: "left 0.15s cubic-bezier(.4,2,.6,1), top 0.15s cubic-bezier(.4,2,.6,1), opacity 0.2s"
+					}
+				})
+			}),
+			o
+		]
+	});
 };
+p.displayName = "SMovingBorder";
+//#endregion
+export { p as SMovingBorder, p as default };

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

@@ -1,4 +1,3 @@
-import { SMultiSelect as l } from "./s-multi-select.js";
-export {
-  l as default
-};
+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,82 +1,3 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import * as o from "react";
-import { c as j } from "../createSvgIcon-BkbeLOhM.js";
-import { Stack as M, OutlinedInput as C } from "@mui/material";
-import { usePopover as b } from "../hooks/use-popover.js";
-import { SChips as v } from "../s-chips/s-chips.js";
-import { M as I } from "../Menu-GVFDMHCN.js";
-import { M as k } from "../MenuItem-2wG8I2HO.js";
-const E = j(/* @__PURE__ */ t.jsx("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"), L = ({
-  label: p,
-  onChange: i,
-  options: a,
-  value: l = [],
-  chipProps: d
-}) => {
-  const s = b(), c = o.useRef(null), [u, m] = o.useState(), [f, h] = o.useState(null);
-  o.useEffect(() => {
-    c.current && m(c.current.offsetWidth);
-  }, [s.open]);
-  const x = o.useCallback(
-    (e, n) => {
-      let r = [...l];
-      n ? r.push(e) : r = r.filter((S) => S !== e), i?.(r);
-    },
-    [i, l]
-  );
-  return /* @__PURE__ */ t.jsxs(M, { direction: "column", gap: 1, children: [
-    /* @__PURE__ */ t.jsx(
-      C,
-      {
-        endAdornment: /* @__PURE__ */ t.jsx(E, { fontSize: "small", sx: { color: "action.active", position: "absolute", right: "7px" } }),
-        onClick: s.handleOpen,
-        ref: (e) => {
-          h(e), c.current = e;
-        },
-        value: p,
-        sx: {
-          input: {
-            color: "text.secondary"
-          }
-        }
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      I,
-      {
-        anchorEl: f,
-        onClose: s.handleClose,
-        open: s.open,
-        slotProps: { paper: { sx: { width: u ? `${u}px` : void 0 } } },
-        children: a.map((e) => {
-          const n = l.includes(e.value);
-          return /* @__PURE__ */ t.jsx(
-            k,
-            {
-              onClick: () => {
-                x(e.value, !n);
-              },
-              selected: n,
-              children: e.label
-            },
-            e.label
-          );
-        })
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      v,
-      {
-        chips: a.filter((e) => l.includes(e.value)).map((e) => e.label),
-        ...d
-      }
-    )
-  ] });
-};
-L.displayName = "SMultiSelect";
-export {
-  L as SMultiSelect,
-  L as default
-};
+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,4 +1,2 @@
-import { SNoSsr as a } from "./s-no-ssr.js";
-export {
-  a as default
-};
+import { SNoSsr as e } from "./s-no-ssr.js";
+export { e as default };

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

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

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

@@ -1,4 +1,2 @@
-import { SOverlayScrollbar as l } from "./s-overlay-scrollbar.js";
-export {
-  l as default
-};
+import { SOverlayScrollbar as e } from "./s-overlay-scrollbar.js";
+export { e as default };

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

@@ -1,37 +1,34 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as p } from "react";
-import { styled as d } from "@mui/material";
-import { OverlayScrollbarsComponent as i } from "overlayscrollbars-react";
-import '../assets/s-overlay-scrollbar.css';const b = d(i)(({ theme: a }) => ({
-  maxHeight: "100%",
-  ".os-theme-dark": {
-    "--os-size": "10px",
-    "--os-handle-bg": (a.vars ?? a).palette.blackAlpha.medium,
-    "--os-handle-bg-hover": (a.vars ?? a).palette.blackAlpha.dark,
-    "--os-handle-bg-active": (a.vars ?? a).palette.blackAlpha.dark,
-    ...a.applyStyles("dark", {
-      "--os-handle-bg": (a.vars ?? a).palette.whiteAlpha.medium,
-      "--os-handle-bg-hover": (a.vars ?? a).palette.whiteAlpha.dark,
-      "--os-handle-bg-active": (a.vars ?? a).palette.whiteAlpha.dark
-    })
-  }
-})), v = p(
-  ({ sx: a, children: r, className: l, id: o, ...s }, e) => /* @__PURE__ */ t.jsx(
-    b,
-    {
-      id: o,
-      ref: e,
-      defer: !0,
-      sx: a,
-      className: l,
-      options: { scrollbars: { autoHide: "leave", autoHideDelay: 100 } },
-      ...s,
-      children: r
-    }
-  )
-);
-v.displayName = "SOverlayScrollbar";
-export {
-  v as SOverlayScrollbar,
-  v as default
-};
+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 = n(r)(({ theme: e }) => ({
+	maxHeight: "100%",
+	".os-theme-dark": {
+		"--os-size": "10px",
+		"--os-handle-bg": (e.vars ?? e).palette.blackAlpha.medium,
+		"--os-handle-bg-hover": (e.vars ?? e).palette.blackAlpha.dark,
+		"--os-handle-bg-active": (e.vars ?? e).palette.blackAlpha.dark,
+		...e.applyStyles("dark", {
+			"--os-handle-bg": (e.vars ?? e).palette.whiteAlpha.medium,
+			"--os-handle-bg-hover": (e.vars ?? e).palette.whiteAlpha.dark,
+			"--os-handle-bg-active": (e.vars ?? e).palette.whiteAlpha.dark
+		})
+	}
+})), a = e(({ sx: e, children: n, className: r, id: a, ...o }, s) => /* @__PURE__ */ t(i, {
+	id: a,
+	ref: s,
+	defer: !0,
+	sx: e,
+	className: r,
+	options: { scrollbars: {
+		autoHide: "leave",
+		autoHideDelay: 100
+	} },
+	...o,
+	children: n
+}));
+a.displayName = "SOverlayScrollbar";
+//#endregion
+export { a as SOverlayScrollbar, a as default };

package/dist/s-pagination/index.js

@@ -1,4 +1,2 @@
-import { SPagination as t } from "./s-pagination.js";
-export {
-  t as default
-};
+import { SPagination as e } from "./s-pagination.js";
+export { e as default };

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

@@ -1,16 +1,33 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { useTheme as a, useMediaQuery as m, Box as u, Pagination as x, Stack as c } from "@mui/material";
-import { SSkeleton as n } from "../s-skeleton/s-skeleton.js";
-const d = ({ style: e }) => /* @__PURE__ */ t.jsxs(c, { direction: "row", flexWrap: "wrap", gap: 1, justifyContent: "center", style: e, children: [
-  /* @__PURE__ */ t.jsx(n, { component: "icon-button" }),
-  /* @__PURE__ */ t.jsx(n, { variant: "rounded", width: 120 }),
-  /* @__PURE__ */ t.jsx(n, { component: "icon-button" })
-] }), l = ({ loading: e, count: o = 0, ...i }) => {
-  const r = a(), s = m(r.breakpoints.down("sm"));
-  return o === 0 ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : e ? /* @__PURE__ */ t.jsx(d, { style: i.style }) : /* @__PURE__ */ t.jsx(u, { width: "100%", children: /* @__PURE__ */ t.jsx(x, { size: s ? "small" : "medium", count: o, ...i }) });
-};
-l.displayName = "SPagination";
-export {
-  l as SPagination,
-  l as default
+import { SSkeleton as e } from "../s-skeleton/s-skeleton.js";
+import "react";
+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 l = ({ style: t }) => /* @__PURE__ */ r(o, {
+	direction: "row",
+	flexWrap: "wrap",
+	gap: 1,
+	justifyContent: "center",
+	style: t,
+	children: [
+		/* @__PURE__ */ n(e, { component: "icon-button" }),
+		/* @__PURE__ */ n(e, {
+			variant: "rounded",
+			width: 120
+		}),
+		/* @__PURE__ */ n(e, { component: "icon-button" })
+	]
+}), 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__ */ n(a, {
+			size: u ? "small" : "medium",
+			count: r,
+			...o
+		})
+	});
 };
+u.displayName = "SPagination";
+//#endregion
+export { u as SPagination, u as default };

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

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