@solostylist/ui-kit 1.0.202 → 1.0.204

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 { 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";
+//#region lib/s-moving-border/s-moving-border.tsx
+var c = e(), l = 250, u = (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 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();
+		if (t) {
+			let r = t / n;
+			p.set((e * r + t * d) % 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", {
+		xmlns: "http://www.w3.org/2000/svg",
+		preserveAspectRatio: "none",
+		width: "100%",
+		height: "100%",
+		style: {
+			position: "absolute",
+			inset: 0
+		},
+		children: /* @__PURE__ */ (0, c.jsx)("rect", {
+			fill: "none",
+			width: "100%",
+			height: "100%",
+			rx: l,
+			ry: u,
+			ref: f
+		})
+	}), /* @__PURE__ */ (0, c.jsx)(r.div, {
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			display: "inline-block",
+			transform: m
+		},
+		children: e
+	})] });
 }
-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 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, {
+		position: "relative",
+		overflow: "hidden",
+		height: "100%",
+		width: "100%",
+		padding: .125,
+		sx: { backgroundColor: "transparent" },
+		className: e,
+		...s,
+		children: [
+			/* @__PURE__ */ (0, c.jsxs)(n, {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				right: 0,
+				bottom: 0,
+				children: [/* @__PURE__ */ (0, c.jsx)(d, {
+					duration: r,
+					rx: "100%",
+					ry: "100%",
+					phase: 0,
+					children: /* @__PURE__ */ (0, c.jsx)(n, { sx: u(o, a) })
+				}), /* @__PURE__ */ (0, c.jsx)(d, {
+					duration: r,
+					rx: "100%",
+					ry: "100%",
+					phase: .5,
+					children: /* @__PURE__ */ (0, c.jsx)(n, { sx: u(o, a) })
+				})]
+			}),
+			/* @__PURE__ */ (0, c.jsx)(n, {
+				sx: {
+					position: "absolute",
+					pointerEvents: "none",
+					left: 0,
+					top: 0,
+					width: "100%",
+					height: "100%",
+					zIndex: 2
+				},
+				children: /* @__PURE__ */ (0, c.jsx)(n, {
+					ref: f,
+					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"
+					}
+				})
+			}),
+			i
+		]
+	});
 };
+f.displayName = "SMovingBorder";
+//#endregion
+export { f as SMovingBorder, f as default };

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

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

package/dist/s-multi-select/s-multi-select.d.ts

@@ -19,7 +19,6 @@ export interface SMultiSelectProps<T = string> {
     /** Additional props to pass to the chips component */
     chipProps?: Omit<SChipsProps, 'chips'>;
 }
-/** A multi-selection dropdown component that displays selected items as chips. */
 export declare const SMultiSelect: {
     <T = string>({ label, onChange, options, value, chipProps, }: SMultiSelectProps<T>): React.JSX.Element;
     displayName: string;

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

@@ -1,82 +1,4 @@
-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-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-multi-select-CUsIS9dm.js";
+export { e as SMultiSelect, e as default };

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

@@ -0,0 +1,64 @@
+import { t as e } from "./Menu-BB3Khkc0.js";
+import { t } from "./jsx-runtime-V-UOMaX1.js";
+import { t as n } from "./createSvgIcon-Bs2KOQvq.js";
+import { SChips as r } from "./s-chips/s-chips.js";
+import { t as i } from "./MenuItem-CjPW2J-w.js";
+import { usePopover as a } from "./hooks/use-popover.js";
+import * as o from "react";
+import { OutlinedInput as s, Stack as c } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/UnfoldMore.js
+var l = t(), u = n(/* @__PURE__ */ (0, l.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"), d = ({ label: t, onChange: n, options: d, value: f = [], chipProps: p }) => {
+	let m = a(), h = o.useRef(null), [g, _] = o.useState(), [v, y] = o.useState(null);
+	o.useEffect(() => {
+		h.current && _(h.current.offsetWidth);
+	}, [m.open]);
+	let b = o.useCallback((e, t) => {
+		let r = [...f];
+		t ? r.push(e) : r = r.filter((t) => t !== e), n?.(r);
+	}, [n, f]);
+	return /* @__PURE__ */ (0, l.jsxs)(c, {
+		direction: "column",
+		gap: 1,
+		children: [
+			/* @__PURE__ */ (0, l.jsx)(s, {
+				endAdornment: /* @__PURE__ */ (0, l.jsx)(u, {
+					fontSize: "small",
+					sx: {
+						color: "action.active",
+						position: "absolute",
+						right: "7px"
+					}
+				}),
+				onClick: m.handleOpen,
+				ref: (e) => {
+					y(e), h.current = e;
+				},
+				value: t,
+				sx: { input: { color: "text.secondary" } }
+			}),
+			/* @__PURE__ */ (0, l.jsx)(e, {
+				anchorEl: v,
+				onClose: m.handleClose,
+				open: m.open,
+				slotProps: { paper: { sx: { width: g ? `${g}px` : void 0 } } },
+				children: d.map((e) => {
+					let t = f.includes(e.value);
+					return /* @__PURE__ */ (0, l.jsx)(i, {
+						onClick: () => {
+							b(e.value, !t);
+						},
+						selected: t,
+						children: e.label
+					}, e.label);
+				})
+			}),
+			/* @__PURE__ */ (0, l.jsx)(r, {
+				chips: d.filter((e) => f.includes(e.value)).map((e) => e.label),
+				...p
+			})
+		]
+	});
+};
+d.displayName = "SMultiSelect";
+//#endregion
+export { d as t };

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

@@ -1,4 +1,3 @@
-import { SNoSsr as a } from "./s-no-ssr.js";
-export {
-  a as default
-};
+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.d.ts

@@ -10,7 +10,6 @@ export interface SNoSsrProps {
     /** Content to show during server-side rendering or while loading */
     fallback?: React.ReactNode;
 }
-/** Component that prevents server-side rendering of its children. */
 export declare const SNoSsr: {
     (props: SNoSsrProps): React.JSX.Element;
     displayName: string;

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

@@ -1,16 +1,15 @@
-import { j as n } from "../jsx-runtime-tc70JA_2.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 { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { t } from "../useEnhancedEffect-C_B_y6Db.js";
+import * as n from "react";
+//#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(() => {
+		a || c(!0);
+	}, [a]), n.useEffect(() => {
+		a && c(!0);
+	}, [a]), /* @__PURE__ */ (0, r.jsx)(n.Fragment, { children: s ? i : o });
 };
+i.displayName = "SNoSsr";
+//#endregion
+export { i as SNoSsr, i as default };

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

@@ -1,4 +1,3 @@
-import { SOverlayScrollbar as l } from "./s-overlay-scrollbar.js";
-export {
-  l as default
-};
+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.d.ts

@@ -11,8 +11,5 @@ export interface SOverlayScrollbarProps extends PropsWithChildren {
     /** Material-UI sx prop for custom styling */
     sx?: SxProps<Theme>;
 }
-/**
- * A custom scrollbar component with overlay styling, auto-hide functionality, and smooth animations.
- */
 export declare const SOverlayScrollbar: import('react').ForwardRefExoticComponent<SOverlayScrollbarProps & import('react').RefAttributes<import('overlayscrollbars-react').OverlayScrollbarsComponentRef<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>>;
 export default SOverlayScrollbar;

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 { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { forwardRef as t } from "react";
+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 }) => ({
+	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
+		})
+	}
+})), o = t(({ sx: e, children: t, className: n, id: r, ...o }, s) => /* @__PURE__ */ (0, i.jsx)(a, {
+	id: r,
+	ref: s,
+	defer: !0,
+	sx: e,
+	className: n,
+	options: { scrollbars: {
+		autoHide: "leave",
+		autoHideDelay: 100
+	} },
+	...o,
+	children: t
+}));
+o.displayName = "SOverlayScrollbar";
+//#endregion
+export { o as SOverlayScrollbar, o as default };

package/dist/s-pagination/index.js

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

package/dist/s-pagination/s-pagination.d.ts

@@ -9,9 +9,6 @@ export interface SPaginationProps extends PaginationProps {
     /** Total number of pages - component returns empty fragment when 0 */
     count?: number;
 }
-/**
- * Enhanced pagination component with responsive sizing and loading states.
- */
 export declare const SPagination: {
     ({ loading, count, ...props }: SPaginationProps): React.JSX.Element;
     displayName: string;

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 }) });
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { SSkeleton as t } 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";
+//#region lib/s-pagination/s-pagination.tsx
+var s = e(), c = ({ style: e }) => /* @__PURE__ */ (0, s.jsxs)(i, {
+	direction: "row",
+	flexWrap: "wrap",
+	gap: 1,
+	justifyContent: "center",
+	style: e,
+	children: [
+		/* @__PURE__ */ (0, s.jsx)(t, { component: "icon-button" }),
+		/* @__PURE__ */ (0, s.jsx)(t, {
+			variant: "rounded",
+			width: 120
+		}),
+		/* @__PURE__ */ (0, s.jsx)(t, { 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, {
+		width: "100%",
+		children: /* @__PURE__ */ (0, s.jsx)(r, {
+			size: l ? "small" : "medium",
+			count: t,
+			...i
+		})
+	});
 };
 l.displayName = "SPagination";
-export {
-  l as SPagination,
-  l as default
-};
+//#endregion
+export { l as SPagination, l as default };

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

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