@solostylist/ui-kit 1.0.167 → 1.0.169

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

@@ -0,0 +1,22 @@
+import { j as r } from "../jsx-runtime-OVHDjVDe.js";
+import { ScrollVelocityRow as i } from "./scroll-velocity-row.js";
+const l = ({ children: e, baseVelocity: t, direction: o, sx: a, ...n }) => /* @__PURE__ */ r.jsx(i, { baseVelocity: t, direction: o, sx: a, ...n, children: e });
+l.displayName = "SScrollVelocity";
+try {
+  l.displayName = "SScrollVelocity", l.__docgenInfo = { description: `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.`, displayName: "SScrollVelocity", props: { children: { defaultValue: null, description: "Content to display in the scrolling marquee", name: "children", required: !0, type: { name: "ReactNode" } }, baseVelocity: { defaultValue: null, description: "Base scrolling speed (default: 5)", name: "baseVelocity", required: !1, type: { name: "number" } }, direction: { defaultValue: null, description: "Scroll direction: 1 for right, -1 for left (default: 1)", name: "direction", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "-1" }] } } } };
+} catch {
+}
+try {
+  sscrollvelocity.displayName = "sscrollvelocity", sscrollvelocity.__docgenInfo = { description: `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.`, displayName: "sscrollvelocity", props: { children: { defaultValue: null, description: "Content to display in the scrolling marquee", name: "children", required: !0, type: { name: "ReactNode" } }, baseVelocity: { defaultValue: null, description: "Base scrolling speed (default: 5)", name: "baseVelocity", required: !1, type: { name: "number" } }, direction: { defaultValue: null, description: "Scroll direction: 1 for right, -1 for left (default: 1)", name: "direction", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "-1" }] } } } };
+} catch {
+}
+export {
+  l as SScrollVelocity,
+  l as default
+};

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

@@ -0,0 +1,20 @@
+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
+ */
+export interface ScrollVelocityContainerProps extends BoxProps {
+    /** Content to render inside the container */
+    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

@@ -0,0 +1,40 @@
+import { j as r } from "../jsx-runtime-OVHDjVDe.js";
+import y from "react";
+import { Box as u } from "@mui/material";
+import { useScroll as _, useVelocity as h, useSpring as f, useTransform as x } from "framer-motion";
+const t = y.createContext(null);
+function n({ children: o, sx: c, ...l }) {
+  const { scrollY: i } = _(), s = h(i), a = f(s, {
+    damping: 50,
+    stiffness: 400
+  }), p = x(a, (e) => {
+    const d = e < 0 ? -1 : 1, m = Math.min(5, Math.abs(e) / 1e3 * 5);
+    return d * m;
+  });
+  return /* @__PURE__ */ r.jsx(t.Provider, { value: p, children: /* @__PURE__ */ r.jsx(
+    u,
+    {
+      sx: {
+        position: "relative",
+        width: "100%",
+        ...c
+      },
+      ...l,
+      children: o
+    }
+  ) });
+}
+try {
+  n.displayName = "ScrollVelocityContainer", n.__docgenInfo = { description: `Container component that provides scroll velocity context to child rows.
+Use this to synchronize multiple ScrollVelocityRow components.`, displayName: "ScrollVelocityContainer", props: { children: { defaultValue: null, description: "Content to render inside the container", name: "children", required: !0, type: { name: "ReactNode" } } } };
+} catch {
+}
+try {
+  t.displayName = "ScrollVelocityContext", t.__docgenInfo = { description: "Context for sharing scroll velocity across multiple rows", displayName: "ScrollVelocityContext", props: {} };
+} catch {
+}
+export {
+  n as ScrollVelocityContainer,
+  t as ScrollVelocityContext,
+  n as default
+};

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { BoxProps } from '@mui/material';
+/**
+ * Wraps a value within a range [min, max)
+ * @param min - Minimum value of the range
+ * @param max - Maximum value of the range
+ * @param v - Value to wrap
+ * @returns Wrapped value within the range
+ */
+export declare const wrap: (min: number, max: number, v: number) => number;
+/**
+ * Props for the ScrollVelocityRow component
+ */
+export interface ScrollVelocityRowProps extends BoxProps {
+    /** Content to repeat in the scrolling row */
+    children: React.ReactNode;
+    /** Base scrolling speed (default: 5) */
+    baseVelocity?: number;
+    /** Scroll direction: 1 for right, -1 for left (default: 1) */
+    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

@@ -0,0 +1,131 @@
+import { j as u } from "../jsx-runtime-OVHDjVDe.js";
+import { useContext as A, useRef as i, useState as B, useEffect as D } from "react";
+import { Box as I } from "@mui/material";
+import { useMotionValue as N, useTransform as z, useAnimationFrame as P, motion as O, useScroll as T, useVelocity as X, useSpring as Y } from "framer-motion";
+import { ScrollVelocityContext as $ } from "./scroll-velocity-container.js";
+const V = (e, n, s) => {
+  const c = n - e;
+  return ((s - e) % c + c) % c + e;
+};
+function F({
+  children: e,
+  baseVelocity: n = 5,
+  direction: s = 1,
+  sx: c,
+  velocityFactor: w,
+  ...y
+}) {
+  const g = i(null), b = i(null), [L, q] = B(1), x = N(0), W = i(s >= 0 ? 1 : -1), S = i(s >= 0 ? 1 : -1), v = N(0), R = i(!0), _ = i(!0), M = i(!1);
+  D(() => {
+    const o = g.current, t = b.current;
+    if (!o || !t) return;
+    const l = () => {
+      const p = o.offsetWidth || 0, h = t.scrollWidth || 0;
+      v.set(h);
+      const C = h > 0 ? Math.max(3, Math.ceil(p / h) + 2) : 1;
+      q((j) => j === C ? j : C);
+    };
+    l();
+    const r = new ResizeObserver(l);
+    r.observe(o), r.observe(t);
+    const d = new IntersectionObserver(([p]) => {
+      R.current = p.isIntersecting;
+    });
+    d.observe(o);
+    const f = () => {
+      _.current = document.visibilityState === "visible";
+    };
+    document.addEventListener("visibilitychange", f, {
+      passive: !0
+    }), f();
+    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), m = () => {
+      M.current = a.matches;
+    };
+    return a.addEventListener("change", m), m(), () => {
+      r.disconnect(), d.disconnect(), document.removeEventListener("visibilitychange", f), a.removeEventListener("change", m);
+    };
+  }, [e, v]);
+  const k = z([x, v], ([o, t]) => {
+    const l = Number(t) || 1, r = Number(o) || 0;
+    return `${-V(0, l, r)}px`;
+  });
+  return P((o, t) => {
+    if (!R.current || !_.current) return;
+    const l = t / 1e3, r = w.get(), d = Math.min(5, Math.abs(r)), f = M.current ? 1 : 1 + d;
+    if (d > 0.1) {
+      const h = r >= 0 ? 1 : -1;
+      S.current = W.current * h;
+    }
+    const a = v.get() || 0;
+    if (a <= 0) return;
+    const m = a * n / 100, p = S.current * m * f * l;
+    x.set(x.get() + p);
+  }), /* @__PURE__ */ u.jsx(
+    I,
+    {
+      ref: g,
+      sx: {
+        width: "100%",
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        ...c
+      },
+      ...y,
+      children: /* @__PURE__ */ u.jsx(
+        O.div,
+        {
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            willChange: "transform",
+            userSelect: "none",
+            x: k
+          },
+          children: Array.from({ length: L }).map((o, t) => /* @__PURE__ */ u.jsx(
+            I,
+            {
+              ref: t === 0 ? b : null,
+              "aria-hidden": t !== 0,
+              sx: {
+                display: "inline-flex",
+                flexShrink: 0,
+                alignItems: "center"
+              },
+              component: "div",
+              children: e
+            },
+            t
+          ))
+        }
+      )
+    }
+  );
+}
+function G(e) {
+  const { scrollY: n } = T(), s = X(n), c = Y(s, {
+    damping: 50,
+    stiffness: 400
+  }), w = z(c, (y) => {
+    const g = y < 0 ? -1 : 1, b = Math.min(5, Math.abs(y) / 1e3 * 5);
+    return g * b;
+  });
+  return /* @__PURE__ */ u.jsx(F, { ...e, velocityFactor: w });
+}
+function E(e) {
+  const n = A($);
+  return n ? /* @__PURE__ */ u.jsx(F, { ...e, velocityFactor: n }) : /* @__PURE__ */ u.jsx(G, { ...e });
+}
+try {
+  E.displayName = "ScrollVelocityRow", E.__docgenInfo = { description: `A horizontal scrolling row component that responds to page scroll velocity.
+Can be used standalone or inside ScrollVelocityContainer for synchronized scrolling.`, displayName: "ScrollVelocityRow", props: { children: { defaultValue: null, description: "Content to repeat in the scrolling row", name: "children", required: !0, type: { name: "ReactNode" } }, baseVelocity: { defaultValue: null, description: "Base scrolling speed (default: 5)", name: "baseVelocity", required: !1, type: { name: "number" } }, direction: { defaultValue: null, description: "Scroll direction: 1 for right, -1 for left (default: 1)", name: "direction", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "-1" }] } } } };
+} catch {
+}
+try {
+  V.displayName = "wrap", V.__docgenInfo = { description: "Wraps a value within a range [min, max)", displayName: "wrap", props: {} };
+} catch {
+}
+export {
+  E as ScrollVelocityRow,
+  E as default,
+  V as wrap
+};

package/dist/s-select/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-select.js";
+import { SSelect as a } from "./s-select.js";
 export {
-  o as default
+  a as default
 };

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

@@ -2,10 +2,7 @@ import { SelectProps } from '@mui/material';
 /** Base type constraint for select options - can be primitives or objects */
 type BaseOption = string | number | Record<string, any>;
 /**
- * Props interface for SSelect component - extends Material-UI SelectProps
- * with enhanced option handling and form integration.
- *
- * @template T - Type of the option values (string, number, or object)
+ * Props interface for SSelect component
  */
 export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'error' | 'variant'> & {
     /** Array of options to display in the select dropdown */
@@ -34,23 +31,7 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
     searchPlaceholder?: string;
 };
 /**
- * SSelect - A flexible select component that handles both primitive and object options
- * with consistent form labeling, validation, and help text patterns.
- *
- * Key features:
- * - Generic typing for type-safe option handling
- * - Support for both primitive (string/number) and object options
- * - Configurable option label and value extraction for objects
- * - Optional search/filter functionality for large option lists
- * - Placeholder support with proper styling
- * - Single and multiple selection modes
- * - Simple mode for primitive value rendering
- * - Integrates with SForm for consistent label and error handling
- * - Proper disabled option support
- *
- * @param props - SSelectProps with options, form integration, and Material-UI Select props
- * @param ref - Forward ref to the underlying Select component
- * @returns JSX.Element - Wrapped Select with form labeling and enhanced option handling
+ * A flexible select component that handles both primitive and object options with form integration.
  */
-declare const SSelect: import('react').ForwardRefExoticComponent<Omit<SSelectProps<BaseOption>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+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,39 +1,39 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as E, useState as x } from "react";
-import { c as F } from "../createSvgIcon-DxwgGAVe.js";
-import { Select as M, ListSubheader as T, TextField as A, InputAdornment as B, MenuItem as i, Box as p } from "@mui/material";
-import D from "../s-form/s-form.js";
-const K = F(/* @__PURE__ */ r.jsx("path", {
+import { j as t } from "../jsx-runtime-OVHDjVDe.js";
+import { forwardRef as A, useState as f } from "react";
+import { c as O } from "../createSvgIcon-DxwgGAVe.js";
+import { Select as E, ListSubheader as F, TextField as M, InputAdornment as T, MenuItem as p, Box as h } from "@mui/material";
+import { SForm as B } from "../s-form/s-form.js";
+const D = O(/* @__PURE__ */ t.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"), J = E(
+}), "Search"), x = A(
   ({
-    options: l = [],
-    optionLabel: y = "name",
-    optionValue: C = "id",
+    options: r = [],
+    optionLabel: _ = "name",
+    optionValue: b = "id",
     placeholder: g,
-    label: b = "",
-    error: I,
-    required: P = !1,
-    variant: R = "outlined",
+    label: m = "",
+    error: C,
+    required: I = !1,
+    variant: K = "outlined",
     simple: w = !1,
-    htmlFor: h,
+    htmlFor: y,
     searchable: o = !1,
-    searchPlaceholder: V = "",
+    searchPlaceholder: P = "",
     ...a
-  }, $) => {
-    const v = a.value !== void 0, [L, k] = x(a.multiple ? [] : null), m = v ? a.value : L, [d, j] = x(""), [z, S] = x(!1), s = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[y]), t = (e) => typeof e == "string" || typeof e == "number" ? e : e[C], c = o && d ? l.filter((e) => s(e).toLowerCase().includes(d.toLowerCase())) : l;
-    return /* @__PURE__ */ r.jsx(D, { error: I, label: b, required: P, htmlFor: h, children: /* @__PURE__ */ r.jsxs(
-      M,
+  }, N) => {
+    const S = a.value !== void 0, [V, $] = f(a.multiple ? [] : null), L = S ? a.value : V, [d, v] = f(""), [k, j] = f(!1), s = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[_]), l = (e) => typeof e == "string" || typeof e == "number" ? e : e[b], i = o && d ? r.filter((e) => s(e).toLowerCase().includes(d.toLowerCase())) : r;
+    return /* @__PURE__ */ t.jsx(B, { error: C, label: m, required: I, htmlFor: y, children: /* @__PURE__ */ t.jsxs(
+      E,
       {
-        id: h,
+        id: y,
         displayEmpty: !0,
         fullWidth: !0,
         defaultValue: "",
-        ref: $,
-        open: o ? z : void 0,
-        onOpen: o ? () => S(!0) : void 0,
+        ref: N,
+        open: o ? k : void 0,
+        onOpen: o ? () => j(!0) : void 0,
         onClose: o ? () => {
-          S(!1), j("");
+          j(!1), v("");
         } : void 0,
         MenuProps: o ? {
           autoFocus: !1,
@@ -45,39 +45,39 @@ const K = F(/* @__PURE__ */ r.jsx("path", {
         } : void 0,
         renderValue: a.multiple ? (e) => {
           const n = e;
-          return n.length === 0 ? /* @__PURE__ */ r.jsx(p, { component: "span", sx: { color: "text.secondary" }, children: g }) : n == null ? void 0 : n.map((u) => {
-            const f = l.find((O) => t(O) === t(u));
-            return f ? s(f) : "";
+          return n.length === 0 ? /* @__PURE__ */ t.jsx(h, { component: "span", sx: { color: "text.secondary" }, children: g }) : n == null ? void 0 : n.map((c) => {
+            const u = r.find((z) => l(z) === l(c));
+            return u ? s(u) : "";
           }).filter(Boolean).join(", ");
         } : (e) => {
           const n = e;
           if (n == null || n === "")
-            return /* @__PURE__ */ r.jsx(p, { component: "span", sx: { color: "text.secondary" }, children: g });
+            return /* @__PURE__ */ t.jsx(h, { component: "span", sx: { color: "text.secondary" }, children: g });
           if (w)
             return s(n);
-          const u = l.find((f) => t(f) === t(n));
-          return u ? s(u) : "";
+          const c = r.find((u) => l(u) === l(n));
+          return c ? s(c) : "";
         },
         ...a,
-        value: l.length ? m ?? "" : "",
+        value: r.length ? L ?? "" : "",
         onChange: (e, n) => {
           if (a.onChange)
             a.onChange(e, n);
-          else if (!v) {
-            const u = e.target.value;
-            k(u);
+          else if (!S) {
+            const c = e.target.value;
+            $(c);
           }
         },
         children: [
-          o && /* @__PURE__ */ r.jsx(T, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ r.jsx(
-            A,
+          o && /* @__PURE__ */ t.jsx(F, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t.jsx(
+            M,
             {
               size: "small",
               fullWidth: !0,
               autoFocus: !0,
-              placeholder: V,
+              placeholder: P,
               value: d,
-              onChange: (e) => j(e.target.value),
+              onChange: (e) => v(e.target.value),
               onKeyDown: (e) => {
                 e.key !== "Escape" && e.stopPropagation();
               },
@@ -85,46 +85,50 @@ const K = F(/* @__PURE__ */ r.jsx("path", {
                 e.stopPropagation();
               },
               InputProps: {
-                startAdornment: /* @__PURE__ */ r.jsx(B, { position: "start", children: /* @__PURE__ */ r.jsx(K, { fontSize: "small" }) })
+                startAdornment: /* @__PURE__ */ t.jsx(T, { position: "start", children: /* @__PURE__ */ t.jsx(D, { fontSize: "small" }) })
               }
             }
           ) }),
-          o ? (
-            // When searchable, show filtered options or "no results" message
-            (c == null ? void 0 : c.length) > 0 ? c.map((e, n) => /* @__PURE__ */ r.jsx(
-              i,
-              {
-                disabled: (e == null ? void 0 : e.disabled) ?? !1,
-                value: t(e),
-                children: s(e)
-              },
-              `${t(e)}-${n}`
-            )) : d ? /* @__PURE__ */ r.jsx(i, { disabled: !0, children: /* @__PURE__ */ r.jsx(p, { sx: { color: "text.secondary", fontStyle: "italic" }, children: "No results found" }) }) : l == null ? void 0 : l.map((e, n) => /* @__PURE__ */ r.jsx(
-              i,
-              {
-                disabled: (e == null ? void 0 : e.disabled) ?? !1,
-                value: t(e),
-                children: s(e)
-              },
-              `${t(e)}-${n}`
-            ))
-          ) : (
-            // When not searchable, show all options
-            l == null ? void 0 : l.map((e, n) => /* @__PURE__ */ r.jsx(
-              i,
-              {
-                disabled: (e == null ? void 0 : e.disabled) ?? !1,
-                value: t(e),
-                children: s(e)
-              },
-              `${t(e)}-${n}`
-            ))
-          )
+          o ? (i == null ? void 0 : i.length) > 0 ? i.map((e, n) => /* @__PURE__ */ t.jsx(
+            p,
+            {
+              disabled: (e == null ? void 0 : e.disabled) ?? !1,
+              value: l(e),
+              children: s(e)
+            },
+            `${l(e)}-${n}`
+          )) : d ? /* @__PURE__ */ t.jsx(p, { disabled: !0, children: /* @__PURE__ */ t.jsx(h, { sx: { color: "text.secondary", fontStyle: "italic" }, children: "No results found" }) }) : r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t.jsx(
+            p,
+            {
+              disabled: (e == null ? void 0 : e.disabled) ?? !1,
+              value: l(e),
+              children: s(e)
+            },
+            `${l(e)}-${n}`
+          )) : r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t.jsx(
+            p,
+            {
+              disabled: (e == null ? void 0 : e.disabled) ?? !1,
+              value: l(e),
+              children: s(e)
+            },
+            `${l(e)}-${n}`
+          ))
         ]
       }
     ) });
   }
 );
+x.displayName = "SSelect";
+try {
+  x.displayName = "SSelect", x.__docgenInfo = { description: "A flexible select component that handles both primitive and object options with form integration.", displayName: "SSelect", props: {} };
+} catch {
+}
+try {
+  sselect.displayName = "sselect", sselect.__docgenInfo = { description: "A flexible select component that handles both primitive and object options with form integration.", displayName: "sselect", props: {} };
+} catch {
+}
 export {
-  J as default
+  x as SSelect,
+  x as default
 };

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

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

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

@@ -3,31 +3,28 @@ export interface SSelectListItem<T = any> {
     id: string;
     data: T;
 }
+/**
+ * Props interface for SSelectList component
+ */
 export interface SSelectListProps<T = any> {
-    /**
-     * Array of items to render
-     */
+    /** Array of items to render */
     items: SSelectListItem<T>[];
-    /**
-     * ID of the currently selected item
-     */
+    /** ID of the currently selected item */
     selectedId: string;
-    /**
-     * Callback when an item is selected
-     */
+    /** Callback when an item is selected */
     onSelect: (id: string) => void;
-    /**
-     * Function to render the content of each item
-     */
+    /** Function to render the content of each item */
     renderItem: (item: SSelectListItem<T>, selected: boolean) => React.ReactNode;
-    /**
-     * Optional function to render content below the selected item
-     */
+    /** Optional function to render content below the selected item */
     renderBelow?: (item: SSelectListItem<T>) => React.ReactNode;
-    /**
-     * Whether to show a radio button (default: true)
-     */
+    /** Whether to show a radio button (default: true) */
     showRadio?: boolean;
 }
-declare const SSelectList: <T>({ items, selectedId, onSelect, renderItem, renderBelow, showRadio, }: SSelectListProps<T>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 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;
+};
 export default SSelectList;

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

@@ -1,32 +1,31 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.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: n }) => ({
+import { j as t } from "../jsx-runtime-OVHDjVDe.js";
+import { styled as u, Box as a, Stack as m, Radio as f, Collapse as y } from "@mui/material";
+const S = u(a, {
+  shouldForwardProp: (e) => e !== "selected"
+})(({ theme: e, selected: d }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
-  width: "100%",
   borderRadius: 8,
-  padding: s.spacing(1),
-  paddingLeft: s.spacing(2),
-  paddingRight: s.spacing(2),
+  padding: e.spacing(1),
+  paddingLeft: e.spacing(2),
+  paddingRight: e.spacing(2),
   border: "1px solid",
   cursor: "pointer",
-  borderColor: n ? (s.vars || s).palette.primary.dark : (s.vars || s).palette.divider
-})), b = ({
-  items: s,
-  selectedId: n,
-  onSelect: t,
-  renderItem: o,
-  renderBelow: a,
-  showRadio: l = !0
-}) => /* @__PURE__ */ r.jsx(x, { spacing: 2, children: s.map((d) => {
-  const e = d.id === n, c = a && e;
-  return /* @__PURE__ */ r.jsxs(i, { children: [
-    /* @__PURE__ */ r.jsxs(u, { selected: e, onClick: () => t(d.id), children: [
-      /* @__PURE__ */ r.jsx(
-        i,
+  borderColor: d ? (e.vars || e).palette.primary.dark : (e.vars || e).palette.divider
+})), i = ({
+  items: e,
+  selectedId: d,
+  onSelect: o,
+  renderItem: s,
+  renderBelow: l,
+  showRadio: c = !0
+}) => /* @__PURE__ */ t.jsx(m, { spacing: 2, children: e.map((r) => {
+  const n = r.id === d, p = l && n;
+  return /* @__PURE__ */ t.jsxs(a, { children: [
+    /* @__PURE__ */ t.jsxs(S, { selected: n, onClick: () => o(r.id), children: [
+      /* @__PURE__ */ t.jsx(
+        a,
         {
           sx: {
             display: "flex",
@@ -35,14 +34,20 @@ const u = p(i, {
             flex: 1,
             borderRadius: 8
           },
-          children: o(d, e)
+          children: s(r, n)
         }
       ),
-      l && /* @__PURE__ */ r.jsx(g, { checked: e })
+      c && /* @__PURE__ */ t.jsx(f, { checked: n })
     ] }),
-    c && /* @__PURE__ */ r.jsx(j, { in: e, children: /* @__PURE__ */ r.jsx(i, { mt: 2, children: a(d) }) })
-  ] }, d.id);
+    p && /* @__PURE__ */ t.jsx(y, { in: n, children: /* @__PURE__ */ t.jsx(a, { mt: 2, children: l(r) }) })
+  ] }, r.id);
 }) });
+i.displayName = "SSelectList";
+try {
+  i.displayName = "SSelectList", i.__docgenInfo = { description: "A selectable list component with radio buttons and optional expandable content.", displayName: "SSelectList", props: { items: { defaultValue: null, description: "Array of items to render", name: "items", required: !0, type: { name: "SSelectListItem<T>[]" } }, selectedId: { defaultValue: null, description: "ID of the currently selected item", name: "selectedId", required: !0, type: { name: "string" } }, onSelect: { defaultValue: null, description: "Callback when an item is selected", name: "onSelect", required: !0, type: { name: "(id: string) => void" } }, renderItem: { defaultValue: null, description: "Function to render the content of each item", name: "renderItem", required: !0, type: { name: "(item: SSelectListItem<T>, selected: boolean) => ReactNode" } }, renderBelow: { defaultValue: null, description: "Optional function to render content below the selected item", name: "renderBelow", required: !1, type: { name: "((item: SSelectListItem<T>) => ReactNode)" } }, showRadio: { defaultValue: { value: "true" }, description: "Whether to show a radio button (default: true)", name: "showRadio", required: !1, type: { name: "boolean" } } } };
+} catch {
+}
 export {
-  b as default
+  i as SSelectList,
+  i as default
 };

package/dist/s-skeleton/index.js

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