@solostylist/ui-kit 1.0.202 → 1.0.204

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

@@ -1,8 +1,5 @@
-import { SScrollVelocity as r } from "./s-scroll-velocity.js";
-import { ScrollVelocityContainer as t } from "./scroll-velocity-container.js";
-import { ScrollVelocityRow as f } from "./scroll-velocity-row.js";
-export {
-  t as ScrollVelocityContainer,
-  f as ScrollVelocityRow,
-  r as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { ScrollVelocityContainer as e } from "./scroll-velocity-container.js";
+import { ScrollVelocityRow as t } from "./scroll-velocity-row.js";
+import { SScrollVelocity as n } from "./s-scroll-velocity.js";
+export { e as ScrollVelocityContainer, t as ScrollVelocityRow, n as default };

package/dist/s-scroll-velocity/s-scroll-velocity.d.ts

@@ -11,12 +11,6 @@ export interface SScrollVelocityProps extends BoxProps {
     /** Scroll direction: 1 for right, -1 for left (default: 1) */
     direction?: 1 | -1;
 }
-/**
- * A scroll-velocity based marquee component that automatically scrolls horizontally and responds to page scroll velocity.
- * Perfect for displaying logos, features, testimonials, or any repeating content in an engaging way.
- *
- * The component automatically duplicates content to create a seamless infinite scroll effect and adjusts speed based on page scroll velocity.
- */
 export declare const SScrollVelocity: {
     ({ children, baseVelocity, direction, sx, ...props }: SScrollVelocityProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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 { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { ScrollVelocityRow as t } from "./scroll-velocity-row.js";
+import "react";
+//#region lib/s-scroll-velocity/s-scroll-velocity.tsx
+var n = e(), r = ({ children: e, baseVelocity: r, direction: i, sx: a, ...o }) => /* @__PURE__ */ (0, n.jsx)(t, {
+	baseVelocity: r,
+	direction: i,
+	sx: a,
+	...o,
+	children: e
+});
+r.displayName = "SScrollVelocity";
+//#endregion
+export { r as SScrollVelocity, r as default };

package/dist/s-scroll-velocity/scroll-velocity-container.d.ts

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 import { BoxProps } from '@mui/material';
 import { MotionValue } from 'framer-motion';
-/**
- * Context for sharing scroll velocity across multiple rows
- */
 export declare const ScrollVelocityContext: React.Context<MotionValue<number> | null>;
 /**
  * Props for the ScrollVelocityContainer component
@@ -12,9 +9,5 @@ export interface ScrollVelocityContainerProps extends BoxProps {
     /** Content to render inside the container */
     readonly children: React.ReactNode;
 }
-/**
- * Container component that provides scroll velocity context to child rows.
- * Use this to synchronize multiple ScrollVelocityRow components.
- */
 export declare function ScrollVelocityContainer({ children, sx, ...props }: ScrollVelocityContainerProps): import("react/jsx-runtime").JSX.Element;
 export default ScrollVelocityContainer;

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 { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import t from "react";
+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(), c = t.createContext(null);
+function l({ children: e, sx: t, ...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__ */ (0, s.jsx)(c.Provider, {
+		value: d,
+		children: /* @__PURE__ */ (0, s.jsx)(n, {
+			sx: {
+				position: "relative",
+				width: "100%",
+				...t
+			},
+			...l,
+			children: e
+		})
+	});
 }
-export {
-  v as ScrollVelocityContainer,
-  h as ScrollVelocityContext,
-  v as default
-};
+//#endregion
+export { l as ScrollVelocityContainer, l as default, c as ScrollVelocityContext };

package/dist/s-scroll-velocity/scroll-velocity-row.d.ts

@@ -19,9 +19,5 @@ export interface ScrollVelocityRowProps extends BoxProps {
     /** Scroll direction: 1 for right, -1 for left (default: 1) */
     readonly direction?: 1 | -1;
 }
-/**
- * A horizontal scrolling row component that responds to page scroll velocity.
- * Can be used standalone or inside ScrollVelocityContainer for synchronized scrolling.
- */
 export declare function ScrollVelocityRow(props: ScrollVelocityRowProps): import("react/jsx-runtime").JSX.Element;
 export default ScrollVelocityRow;

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 { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { ScrollVelocityContext as t } from "./scroll-velocity-container.js";
+import { useContext as n, useEffect as r, useRef as i, useState as a } from "react";
+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(), h = (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 g({ children: e, baseVelocity: t = 5, direction: n = 1, sx: u, velocityFactor: d, ...p }) {
+	let g = i(null), _ = i(null), [v, y] = a(1), b = l(0), x = i(n >= 0 ? 1 : -1), S = i(n >= 0 ? 1 : -1), C = l(0), w = i(!0), T = i(!0), E = i(!1);
+	r(() => {
+		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]) => `${-h(0, Number(t) || 1, Number(e) || 0)}px`);
+	return c((e, n) => {
+		if (!w.current || !T.current) return;
+		let r = n / 1e3, i = d.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__ */ (0, m.jsx)(o, {
+		ref: g,
+		sx: {
+			width: "100%",
+			overflow: "hidden",
+			whiteSpace: "nowrap",
+			...u
+		},
+		...p,
+		children: /* @__PURE__ */ (0, m.jsx)(s.div, {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				willChange: "transform",
+				userSelect: "none",
+				x: D
+			},
+			children: Array.from({ length: v }).map((t, n) => /* @__PURE__ */ (0, m.jsx)(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 _(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__ */ (0, m.jsx)(g, {
+		...e,
+		velocityFactor: n
+	});
 }
-function U(e) {
-  const n = P(X);
-  return n ? /* @__PURE__ */ u.jsx(L, { ...e, velocityFactor: n }) : /* @__PURE__ */ u.jsx($, { ...e });
+function v(e) {
+	let r = n(t);
+	return r ? /* @__PURE__ */ (0, m.jsx)(g, {
+		...e,
+		velocityFactor: r
+	}) : /* @__PURE__ */ (0, m.jsx)(_, { ...e });
 }
-export {
-  U as ScrollVelocityRow,
-  U as default,
-  Y as wrap
-};
+//#endregion
+export { v as ScrollVelocityRow, v as default, h as wrap };

package/dist/s-select/index.js

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

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

@@ -33,8 +33,5 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
     /** Custom render function for options */
     renderOption?: (option: T) => ReactNode;
 };
-/**
- * A flexible select component that handles both primitive and object options with form integration.
- */
 export declare const SSelect: import('react').ForwardRefExoticComponent<Omit<SSelectProps<BaseOption>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SSelect;

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

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

package/dist/s-select-CmsTrYmx.js

@@ -0,0 +1,110 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import { SForm as n } from "./s-form/s-form.js";
+import { forwardRef as r, useState as i } from "react";
+import { Box as a, InputAdornment as o, ListSubheader as s, MenuItem as c, Select as l, TextField as u } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/Search.js
+var d = e(), f = t(/* @__PURE__ */ (0, d.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"), p = r(({ options: e = [], optionLabel: t = "name", optionValue: r = "id", placeholder: p, label: m = "", error: h, required: g = !1, simple: _ = !1, htmlFor: v, searchable: y = !1, searchPlaceholder: b = "", renderOption: x, ...S }, C) => {
+	let w = S.value !== void 0, [T, E] = i(S.multiple ? [] : null), D = w ? S.value : T, [O, k] = i(""), [A, j] = i(!1), M = (e) => typeof e == "string" || typeof e == "number" ? String(e) : String(e[t]), N = (e) => typeof e == "string" || typeof e == "number" ? e : e[r], P = y && O ? e.filter((e) => M(e).toLowerCase().includes(O.toLowerCase())) : e;
+	return /* @__PURE__ */ (0, d.jsx)(n, {
+		error: h,
+		label: m,
+		required: g,
+		htmlFor: v,
+		children: /* @__PURE__ */ (0, d.jsxs)(l, {
+			id: v,
+			displayEmpty: !0,
+			fullWidth: !0,
+			defaultValue: "",
+			ref: C,
+			open: y ? A : void 0,
+			onOpen: y ? () => j(!0) : void 0,
+			onClose: y ? () => {
+				j(!1), k("");
+			} : void 0,
+			MenuProps: y ? {
+				autoFocus: !1,
+				PaperProps: { onKeyDown: (e) => {
+					e.stopPropagation();
+				} }
+			} : void 0,
+			renderValue: S.multiple ? (t) => {
+				let n = t;
+				return n.length === 0 ? /* @__PURE__ */ (0, d.jsx)(a, {
+					component: "span",
+					sx: { color: "divider" },
+					children: p
+				}) : n?.map((t) => {
+					let n = e.find((e) => N(e) === N(t));
+					return n ? M(n) : "";
+				}).filter(Boolean).join(", ");
+			} : (t) => {
+				let n = t;
+				if (n == null || n === "") return /* @__PURE__ */ (0, d.jsx)(a, {
+					component: "span",
+					sx: { color: "divider" },
+					children: p
+				});
+				if (_) return M(n);
+				let r = e.find((e) => N(e) === N(n));
+				return r ? M(r) : "";
+			},
+			...S,
+			value: e.length ? D ?? "" : "",
+			onChange: (e, t) => {
+				if (S.onChange) S.onChange(e, t);
+				else if (!w) {
+					let t = e.target.value;
+					E(t);
+				}
+			},
+			children: [y && /* @__PURE__ */ (0, d.jsx)(s, {
+				sx: {
+					px: 2,
+					py: 1,
+					position: "sticky",
+					top: 0,
+					bgcolor: "background.paper",
+					zIndex: 1
+				},
+				children: /* @__PURE__ */ (0, d.jsx)(u, {
+					fullWidth: !0,
+					autoFocus: !0,
+					placeholder: b,
+					value: O,
+					onChange: (e) => k(e.target.value),
+					onKeyDown: (e) => {
+						e.key !== "Escape" && e.stopPropagation();
+					},
+					onClick: (e) => {
+						e.stopPropagation();
+					},
+					InputProps: { startAdornment: /* @__PURE__ */ (0, d.jsx)(o, {
+						position: "start",
+						children: /* @__PURE__ */ (0, d.jsx)(f, { fontSize: "small" })
+					}) }
+				})
+			}), (() => {
+				let t = (e) => e.map((e, t) => /* @__PURE__ */ (0, d.jsx)(c, {
+					disabled: e?.disabled ?? !1,
+					value: N(e),
+					children: x ? x(e) : M(e)
+				}, `${N(e)}-${t}`));
+				return y ? P.length > 0 ? t(P) : O ? /* @__PURE__ */ (0, d.jsx)(c, {
+					disabled: !0,
+					children: /* @__PURE__ */ (0, d.jsx)(a, {
+						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,3 @@
-import { SSelectList as a } from "./s-select-list.js";
-export {
-  a as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SSelectList as e } from "./s-select-list.js";
+export { e as default };

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

@@ -20,9 +20,6 @@ export interface SSelectListProps<T = unknown> {
     /** Whether to show a radio button (default: true) */
     showRadio?: boolean;
 }
-/**
- * A selectable list component with radio buttons and optional expandable content.
- */
 export declare const SSelectList: {
     <T>({ items, selectedId, onSelect, renderItem, renderBelow, showRadio, }: SSelectListProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;