@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/s-scroll-velocity/s-scroll-velocity.js

@@ -1,8 +1,14 @@
-import { j as c } from "../jsx-runtime-tc70JA_2.js";
-import { ScrollVelocityRow as i } from "./scroll-velocity-row.js";
-const s = ({ children: o, baseVelocity: l, direction: r, sx: t, ...e }) => /* @__PURE__ */ c.jsx(i, { baseVelocity: l, direction: r, sx: t, ...e, children: o });
-s.displayName = "SScrollVelocity";
-export {
-  s as SScrollVelocity,
-  s as default
-};
+import { ScrollVelocityRow as e } from "./scroll-velocity-row.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/s-scroll-velocity/s-scroll-velocity.tsx
+var n = ({ children: n, baseVelocity: r, direction: i, sx: a, ...o }) => /* @__PURE__ */ t(e, {
+	baseVelocity: r,
+	direction: i,
+	sx: a,
+	...o,
+	children: n
+});
+n.displayName = "SScrollVelocity";
+//#endregion
+export { n as SScrollVelocity, n as default };

package/dist/s-scroll-velocity/scroll-velocity-container.js

@@ -1,31 +1,26 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import u from "react";
-import { Box as f } from "@mui/material";
-import { useScroll as p, useVelocity as x, useSpring as d, useTransform as y } from "framer-motion";
-const h = u.createContext(null);
-function v({ children: e, sx: r, ...s }) {
-  const { scrollY: n } = p(), i = x(n), c = d(i, {
-    damping: 50,
-    stiffness: 400
-  }), l = y(c, (t) => {
-    const a = t < 0 ? -1 : 1, m = Math.min(5, Math.abs(t) / 1e3 * 5);
-    return a * m;
-  });
-  return /* @__PURE__ */ o.jsx(h.Provider, { value: l, children: /* @__PURE__ */ o.jsx(
-    f,
-    {
-      sx: {
-        position: "relative",
-        width: "100%",
-        ...r
-      },
-      ...s,
-      children: e
-    }
-  ) });
+import e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Box as n } from "@mui/material";
+import { useScroll as r, useSpring as i, useTransform as a, useVelocity as o } from "framer-motion";
+//#region lib/s-scroll-velocity/scroll-velocity-container.tsx
+var s = e.createContext(null);
+function c({ children: e, sx: c, ...l }) {
+	let { scrollY: u } = r(), d = a(i(o(u), {
+		damping: 50,
+		stiffness: 400
+	}), (e) => (e < 0 ? -1 : 1) * Math.min(5, Math.abs(e) / 1e3 * 5));
+	return /* @__PURE__ */ t(s.Provider, {
+		value: d,
+		children: /* @__PURE__ */ t(n, {
+			sx: {
+				position: "relative",
+				width: "100%",
+				...c
+			},
+			...l,
+			children: e
+		})
+	});
 }
-export {
-  v as ScrollVelocityContainer,
-  h as ScrollVelocityContext,
-  v as default
-};
+//#endregion
+export { c as ScrollVelocityContainer, c as default, s as ScrollVelocityContext };

package/dist/s-scroll-velocity/scroll-velocity-row.js

@@ -1,122 +1,101 @@
-import { j as u } from "../jsx-runtime-tc70JA_2.js";
-import { useContext as P, useRef as c, useState as W, useEffect as A } from "react";
-import { Box as E } from "@mui/material";
-import { useMotionValue as I, useTransform as F, useAnimationFrame as B, motion as O, useScroll as _, useVelocity as q, useSpring as T } from "framer-motion";
-import { ScrollVelocityContext as X } from "./scroll-velocity-container.js";
-const Y = (e, n, i) => {
-  const s = n - e;
-  return ((i - e) % s + s) % s + e;
+import { ScrollVelocityContext as e } from "./scroll-velocity-container.js";
+import { useContext as t, useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Box as o } from "@mui/material";
+import { motion as s, useAnimationFrame as c, useMotionValue as l, useScroll as u, useSpring as d, useTransform as f, useVelocity as p } from "framer-motion";
+//#region lib/s-scroll-velocity/scroll-velocity-row.tsx
+var m = (e, t, n) => {
+	let r = t - e;
+	return ((n - e) % r + r) % r + e;
 };
-function L({
-  children: e,
-  baseVelocity: n = 5,
-  direction: i = 1,
-  sx: s,
-  velocityFactor: g,
-  ...b
-}) {
-  const x = c(null), v = c(null), [k, z] = W(1), w = I(0), D = c(i >= 0 ? 1 : -1), R = c(i >= 0 ? 1 : -1), y = I(0), S = c(!0), V = c(!0), M = c(!1);
-  A(() => {
-    const o = x.current, t = v.current;
-    if (!o || !t) return;
-    const l = () => {
-      const h = o.offsetWidth ?? 0, p = t.scrollWidth ?? 0;
-      y.set(p);
-      const j = p > 0 ? Math.max(3, Math.ceil(h / p) + 2) : 1;
-      z((C) => C === j ? C : j);
-    };
-    l();
-    const r = new ResizeObserver(l);
-    r.observe(o), r.observe(t);
-    const f = new IntersectionObserver(([h]) => {
-      S.current = h.isIntersecting;
-    });
-    f.observe(o);
-    const m = () => {
-      V.current = document.visibilityState === "visible";
-    };
-    document.addEventListener("visibilitychange", m, {
-      passive: !0
-    }), m();
-    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), d = () => {
-      M.current = a.matches;
-    };
-    return a.addEventListener("change", d), d(), () => {
-      r.disconnect(), f.disconnect(), document.removeEventListener("visibilitychange", m), a.removeEventListener("change", d);
-    };
-  }, [e, y]);
-  const N = F([w, y], ([o, t]) => {
-    const l = Number(t) || 1, r = Number(o) || 0;
-    return `${-Y(0, l, r)}px`;
-  });
-  return B((o, t) => {
-    if (!S.current || !V.current) return;
-    const l = t / 1e3, r = g.get(), f = Math.min(5, Math.abs(r)), m = M.current ? 1 : 1 + f;
-    if (f > 0.1) {
-      const p = r >= 0 ? 1 : -1;
-      R.current = D.current * p;
-    }
-    const a = y.get() ?? 0;
-    if (a <= 0) return;
-    const d = a * n / 100, h = R.current * d * m * l;
-    w.set(w.get() + h);
-  }), /* @__PURE__ */ u.jsx(
-    E,
-    {
-      ref: x,
-      sx: {
-        width: "100%",
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        ...s
-      },
-      ...b,
-      children: /* @__PURE__ */ u.jsx(
-        O.div,
-        {
-          style: {
-            display: "inline-flex",
-            alignItems: "center",
-            willChange: "transform",
-            userSelect: "none",
-            x: N
-          },
-          children: Array.from({ length: k }).map((o, t) => /* @__PURE__ */ u.jsx(
-            E,
-            {
-              ref: t === 0 ? v : null,
-              "aria-hidden": t !== 0,
-              sx: {
-                display: "inline-flex",
-                flexShrink: 0,
-                alignItems: "center"
-              },
-              component: "div",
-              children: e
-            },
-            t
-          ))
-        }
-      )
-    }
-  );
+function h({ children: e, baseVelocity: t = 5, direction: u = 1, sx: d, velocityFactor: p, ...h }) {
+	let g = r(null), _ = r(null), [v, y] = i(1), b = l(0), x = r(u >= 0 ? 1 : -1), S = r(u >= 0 ? 1 : -1), C = l(0), w = r(!0), T = r(!0), E = r(!1);
+	n(() => {
+		let e = g.current, t = _.current;
+		if (!e || !t) return;
+		let n = () => {
+			let n = e.offsetWidth ?? 0, r = t.scrollWidth ?? 0;
+			C.set(r);
+			let i = r > 0 ? Math.max(3, Math.ceil(n / r) + 2) : 1;
+			y((e) => e === i ? e : i);
+		};
+		n();
+		let r = new ResizeObserver(n);
+		r.observe(e), r.observe(t);
+		let i = new IntersectionObserver(([e]) => {
+			w.current = e.isIntersecting;
+		});
+		i.observe(e);
+		let a = () => {
+			T.current = document.visibilityState === "visible";
+		};
+		document.addEventListener("visibilitychange", a, { passive: !0 }), a();
+		let o = window.matchMedia("(prefers-reduced-motion: reduce)"), s = () => {
+			E.current = o.matches;
+		};
+		return o.addEventListener("change", s), s(), () => {
+			r.disconnect(), i.disconnect(), document.removeEventListener("visibilitychange", a), o.removeEventListener("change", s);
+		};
+	}, [e, C]);
+	let D = f([b, C], ([e, t]) => `${-m(0, Number(t) || 1, Number(e) || 0)}px`);
+	return c((e, n) => {
+		if (!w.current || !T.current) return;
+		let r = n / 1e3, i = p.get(), a = Math.min(5, Math.abs(i)), o = E.current ? 1 : 1 + a;
+		if (a > .1) {
+			let e = i >= 0 ? 1 : -1;
+			S.current = x.current * e;
+		}
+		let s = C.get() ?? 0;
+		if (s <= 0) return;
+		let c = s * t / 100, l = S.current * c * o * r;
+		b.set(b.get() + l);
+	}), /* @__PURE__ */ a(o, {
+		ref: g,
+		sx: {
+			width: "100%",
+			overflow: "hidden",
+			whiteSpace: "nowrap",
+			...d
+		},
+		...h,
+		children: /* @__PURE__ */ a(s.div, {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				willChange: "transform",
+				userSelect: "none",
+				x: D
+			},
+			children: Array.from({ length: v }).map((t, n) => /* @__PURE__ */ a(o, {
+				ref: n === 0 ? _ : null,
+				"aria-hidden": n !== 0,
+				sx: {
+					display: "inline-flex",
+					flexShrink: 0,
+					alignItems: "center"
+				},
+				component: "div",
+				children: e
+			}, n))
+		})
+	});
 }
-function $(e) {
-  const { scrollY: n } = _(), i = q(n), s = T(i, {
-    damping: 50,
-    stiffness: 400
-  }), g = F(s, (b) => {
-    const x = b < 0 ? -1 : 1, v = Math.min(5, Math.abs(b) / 1e3 * 5);
-    return x * v;
-  });
-  return /* @__PURE__ */ u.jsx(L, { ...e, velocityFactor: g });
+function g(e) {
+	let { scrollY: t } = u(), n = f(d(p(t), {
+		damping: 50,
+		stiffness: 400
+	}), (e) => (e < 0 ? -1 : 1) * Math.min(5, Math.abs(e) / 1e3 * 5));
+	return /* @__PURE__ */ a(h, {
+		...e,
+		velocityFactor: n
+	});
 }
-function U(e) {
-  const n = P(X);
-  return n ? /* @__PURE__ */ u.jsx(L, { ...e, velocityFactor: n }) : /* @__PURE__ */ u.jsx($, { ...e });
+function _(n) {
+	let r = t(e);
+	return r ? /* @__PURE__ */ a(h, {
+		...n,
+		velocityFactor: r
+	}) : /* @__PURE__ */ a(g, { ...n });
 }
-export {
-  U as ScrollVelocityRow,
-  U as default,
-  Y as wrap
-};
+//#endregion
+export { _ as ScrollVelocityRow, _ as default, m as wrap };

package/dist/s-select/index.js

@@ -1,4 +1,3 @@
-import { SSelect as a } from "./s-select.js";
-export {
-  a as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-select-DXbeZ0CG.js";
+export { e as default };

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

@@ -1,112 +1,3 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as E, useState as c } from "react";
-import { c as F } from "../createSvgIcon-BkbeLOhM.js";
-import { Select as T, ListSubheader as B, TextField as D, InputAdornment as K, MenuItem as j, Box as f } from "@mui/material";
-import { SForm as N } from "../s-form/s-form.js";
-const R = F(/* @__PURE__ */ r.jsx("path", {
-  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
-}), "Search"), W = E(
-  ({
-    options: o = [],
-    optionLabel: y = "name",
-    optionValue: C = "id",
-    placeholder: p,
-    label: I = "",
-    error: w,
-    required: P = !1,
-    simple: V = !1,
-    htmlFor: x,
-    searchable: l = !1,
-    searchPlaceholder: b = "",
-    renderOption: g,
-    ...s
-  }, L) => {
-    const m = s.value !== void 0, [O, k] = c(s.multiple ? [] : null), M = m ? s.value : O, [d, v] = c(""), [z, h] = c(!1), i = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[y]), a = (e) => typeof e == "string" || typeof e == "number" ? e : e[C], S = l && d ? o.filter((e) => i(e).toLowerCase().includes(d.toLowerCase())) : o;
-    return /* @__PURE__ */ r.jsx(N, { error: w, label: I, required: P, htmlFor: x, children: /* @__PURE__ */ r.jsxs(
-      T,
-      {
-        id: x,
-        displayEmpty: !0,
-        fullWidth: !0,
-        defaultValue: "",
-        ref: L,
-        open: l ? z : void 0,
-        onOpen: l ? () => h(!0) : void 0,
-        onClose: l ? () => {
-          h(!1), v("");
-        } : void 0,
-        MenuProps: l ? {
-          autoFocus: !1,
-          PaperProps: {
-            onKeyDown: (e) => {
-              e.stopPropagation();
-            }
-          }
-        } : void 0,
-        renderValue: s.multiple ? (e) => {
-          const n = e;
-          return n.length === 0 ? /* @__PURE__ */ r.jsx(f, { component: "span", sx: { color: "divider" }, children: p }) : n?.map((t) => {
-            const u = o.find((A) => a(A) === a(t));
-            return u ? i(u) : "";
-          }).filter(Boolean).join(", ");
-        } : (e) => {
-          const n = e;
-          if (n == null || n === "")
-            return /* @__PURE__ */ r.jsx(f, { component: "span", sx: { color: "divider" }, children: p });
-          if (V)
-            return i(n);
-          const t = o.find((u) => a(u) === a(n));
-          return t ? i(t) : "";
-        },
-        ...s,
-        value: o.length ? M ?? "" : "",
-        onChange: (e, n) => {
-          if (s.onChange)
-            s.onChange(e, n);
-          else if (!m) {
-            const t = e.target.value;
-            k(t);
-          }
-        },
-        children: [
-          l && /* @__PURE__ */ r.jsx(B, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ r.jsx(
-            D,
-            {
-              fullWidth: !0,
-              autoFocus: !0,
-              placeholder: b,
-              value: d,
-              onChange: (e) => v(e.target.value),
-              onKeyDown: (e) => {
-                e.key !== "Escape" && e.stopPropagation();
-              },
-              onClick: (e) => {
-                e.stopPropagation();
-              },
-              InputProps: {
-                startAdornment: /* @__PURE__ */ r.jsx(K, { position: "start", children: /* @__PURE__ */ r.jsx(R, { fontSize: "small" }) })
-              }
-            }
-          ) }),
-          (() => {
-            const e = (n) => n.map((t, u) => /* @__PURE__ */ r.jsx(
-              j,
-              {
-                disabled: t?.disabled ?? !1,
-                value: a(t),
-                children: g ? g(t) : i(t)
-              },
-              `${a(t)}-${u}`
-            ));
-            return l ? S.length > 0 ? e(S) : d ? /* @__PURE__ */ r.jsx(j, { disabled: !0, children: /* @__PURE__ */ r.jsx(f, { sx: { color: "text.secondary", textAlign: "center", width: "100%" }, children: "No results found" }) }) : e(o) : e(o);
-          })()
-        ]
-      }
-    ) });
-  }
-);
-W.displayName = "SSelect";
-export {
-  W as SSelect,
-  W as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-select-DXbeZ0CG.js";
+export { e as SSelect, e as default };

package/dist/s-select-DXbeZ0CG.js

@@ -0,0 +1,110 @@
+import { t as e } from "./createSvgIcon-KjKEsKNV.js";
+import { SForm as t } from "./s-form/s-form.js";
+import { forwardRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, InputAdornment as s, ListSubheader as c, MenuItem as l, Select as u, TextField as d } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/Search.js
+var f = e(/* @__PURE__ */ i("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }), "Search"), p = n(({ options: e = [], optionLabel: n = "name", optionValue: p = "id", placeholder: m, label: h = "", error: g, required: _ = !1, simple: v = !1, htmlFor: y, searchable: b = !1, searchPlaceholder: x = "", renderOption: S, ...C }, w) => {
+	let T = C.value !== void 0, [E, D] = r(C.multiple ? [] : null), O = T ? C.value : E, [k, A] = r(""), [j, M] = r(!1), N = (e) => typeof e == "string" || typeof e == "number" ? String(e) : String(e[n]), P = (e) => typeof e == "string" || typeof e == "number" ? e : e[p], F = b && k ? e.filter((e) => N(e).toLowerCase().includes(k.toLowerCase())) : e;
+	return /* @__PURE__ */ i(t, {
+		error: g,
+		label: h,
+		required: _,
+		htmlFor: y,
+		children: /* @__PURE__ */ a(u, {
+			id: y,
+			displayEmpty: !0,
+			fullWidth: !0,
+			defaultValue: "",
+			ref: w,
+			open: b ? j : void 0,
+			onOpen: b ? () => M(!0) : void 0,
+			onClose: b ? () => {
+				M(!1), A("");
+			} : void 0,
+			MenuProps: b ? {
+				autoFocus: !1,
+				PaperProps: { onKeyDown: (e) => {
+					e.stopPropagation();
+				} }
+			} : void 0,
+			renderValue: C.multiple ? (t) => {
+				let n = t;
+				return n.length === 0 ? /* @__PURE__ */ i(o, {
+					component: "span",
+					sx: { color: "divider" },
+					children: m
+				}) : n?.map((t) => {
+					let n = e.find((e) => P(e) === P(t));
+					return n ? N(n) : "";
+				}).filter(Boolean).join(", ");
+			} : (t) => {
+				let n = t;
+				if (n == null || n === "") return /* @__PURE__ */ i(o, {
+					component: "span",
+					sx: { color: "divider" },
+					children: m
+				});
+				if (v) return N(n);
+				let r = e.find((e) => P(e) === P(n));
+				return r ? N(r) : "";
+			},
+			...C,
+			value: e.length ? O ?? "" : "",
+			onChange: (e, t) => {
+				if (C.onChange) C.onChange(e, t);
+				else if (!T) {
+					let t = e.target.value;
+					D(t);
+				}
+			},
+			children: [b && /* @__PURE__ */ i(c, {
+				sx: {
+					px: 2,
+					py: 1,
+					position: "sticky",
+					top: 0,
+					bgcolor: "background.paper",
+					zIndex: 1
+				},
+				children: /* @__PURE__ */ i(d, {
+					fullWidth: !0,
+					autoFocus: !0,
+					placeholder: x,
+					value: k,
+					onChange: (e) => A(e.target.value),
+					onKeyDown: (e) => {
+						e.key !== "Escape" && e.stopPropagation();
+					},
+					onClick: (e) => {
+						e.stopPropagation();
+					},
+					InputProps: { startAdornment: /* @__PURE__ */ i(s, {
+						position: "start",
+						children: /* @__PURE__ */ i(f, { fontSize: "small" })
+					}) }
+				})
+			}), (() => {
+				let t = (e) => e.map((e, t) => /* @__PURE__ */ i(l, {
+					disabled: e?.disabled ?? !1,
+					value: P(e),
+					children: S ? S(e) : N(e)
+				}, `${P(e)}-${t}`));
+				return b ? F.length > 0 ? t(F) : k ? /* @__PURE__ */ i(l, {
+					disabled: !0,
+					children: /* @__PURE__ */ i(o, {
+						sx: {
+							color: "text.secondary",
+							textAlign: "center",
+							width: "100%"
+						},
+						children: "No results found"
+					})
+				}) : t(e) : t(e);
+			})()]
+		})
+	});
+});
+p.displayName = "SSelect";
+//#endregion
+export { p as t };

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

@@ -1,4 +1,2 @@
-import { SSelectList as a } from "./s-select-list.js";
-export {
-  a as default
-};
+import { SSelectList as e } from "./s-select-list.js";
+export { e as default };

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

@@ -1,49 +1,44 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { styled as p, Box as i, Stack as x, Radio as g, Collapse as j } from "@mui/material";
-const u = p(i, {
-  shouldForwardProp: (s) => s !== "selected"
-})(({ theme: s, selected: a }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  borderRadius: 8,
-  padding: s.spacing(1),
-  paddingLeft: s.spacing(2),
-  paddingRight: s.spacing(2),
-  border: "1px solid",
-  cursor: "pointer",
-  borderColor: a ? (s.vars ?? s).palette.primary.dark : (s.vars ?? s).palette.divider
-})), f = ({
-  items: s,
-  selectedId: a,
-  onSelect: t,
-  renderItem: l,
-  renderBelow: n,
-  showRadio: o = !0
-}) => /* @__PURE__ */ e.jsx(x, { spacing: 2, children: s.map((r) => {
-  const d = r.id === a, c = n && d;
-  return /* @__PURE__ */ e.jsxs(i, { children: [
-    /* @__PURE__ */ e.jsxs(u, { selected: d, onClick: () => t(r.id), children: [
-      /* @__PURE__ */ e.jsx(
-        i,
-        {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            gap: 2,
-            flex: 1,
-            borderRadius: 8
-          },
-          children: l(r, d)
-        }
-      ),
-      o && /* @__PURE__ */ e.jsx(g, { checked: d })
-    ] }),
-    c && /* @__PURE__ */ e.jsx(j, { in: d, children: /* @__PURE__ */ e.jsx(i, { mt: 2, children: n(r) }) })
-  ] }, r.id);
-}) });
-f.displayName = "SSelectList";
-export {
-  f as SSelectList,
-  f as default
-};
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Box as n, Collapse as r, Radio as i, Stack as a, styled as o } from "@mui/material";
+//#region lib/s-select-list/s-select-list.tsx
+var s = o(n, { shouldForwardProp: (e) => e !== "selected" })(({ theme: e, selected: t }) => ({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	borderRadius: 8,
+	padding: e.spacing(1),
+	paddingLeft: e.spacing(2),
+	paddingRight: e.spacing(2),
+	border: "1px solid",
+	cursor: "pointer",
+	borderColor: t ? (e.vars ?? e).palette.primary.dark : (e.vars ?? e).palette.divider
+})), c = ({ items: o, selectedId: c, onSelect: l, renderItem: u, renderBelow: d, showRadio: f = !0 }) => /* @__PURE__ */ e(a, {
+	spacing: 2,
+	children: o.map((a) => {
+		let o = a.id === c, p = d && o;
+		return /* @__PURE__ */ t(n, { children: [/* @__PURE__ */ t(s, {
+			selected: o,
+			onClick: () => l(a.id),
+			children: [/* @__PURE__ */ e(n, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 2,
+					flex: 1,
+					borderRadius: 8
+				},
+				children: u(a, o)
+			}), f && /* @__PURE__ */ e(i, { checked: o })]
+		}), p && /* @__PURE__ */ e(r, {
+			in: o,
+			children: /* @__PURE__ */ e(n, {
+				mt: 2,
+				children: d(a)
+			})
+		})] }, a.id);
+	})
+});
+c.displayName = "SSelectList";
+//#endregion
+export { c as SSelectList, c as default };

package/dist/s-skeleton/index.js

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