@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -1,76 +1,76 @@
-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;
+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;
 };
-function F({
+function L({
   children: e,
   baseVelocity: n = 5,
-  direction: s = 1,
-  sx: c,
-  velocityFactor: w,
-  ...y
+  direction: i = 1,
+  sx: s,
+  velocityFactor: g,
+  ...b
 }) {
-  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;
+  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 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);
+      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 d = new IntersectionObserver(([p]) => {
-      R.current = p.isIntersecting;
+    const f = new IntersectionObserver(([h]) => {
+      S.current = h.isIntersecting;
     });
-    d.observe(o);
-    const f = () => {
-      _.current = document.visibilityState === "visible";
+    f.observe(o);
+    const m = () => {
+      V.current = document.visibilityState === "visible";
     };
-    document.addEventListener("visibilitychange", f, {
+    document.addEventListener("visibilitychange", m, {
       passive: !0
-    }), f();
-    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), m = () => {
+    }), m();
+    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), d = () => {
       M.current = a.matches;
     };
-    return a.addEventListener("change", m), m(), () => {
-      r.disconnect(), d.disconnect(), document.removeEventListener("visibilitychange", f), a.removeEventListener("change", m);
+    return a.addEventListener("change", d), d(), () => {
+      r.disconnect(), f.disconnect(), document.removeEventListener("visibilitychange", m), a.removeEventListener("change", d);
     };
-  }, [e, v]);
-  const k = z([x, v], ([o, t]) => {
+  }, [e, y]);
+  const N = F([w, y], ([o, t]) => {
     const l = Number(t) || 1, r = Number(o) || 0;
-    return `${-V(0, l, r)}px`;
+    return `${-Y(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;
+  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 = v.get() || 0;
+    const a = y.get() || 0;
     if (a <= 0) return;
-    const m = a * n / 100, p = S.current * m * f * l;
-    x.set(x.get() + p);
+    const d = a * n / 100, h = R.current * d * m * l;
+    w.set(w.get() + h);
   }), /* @__PURE__ */ u.jsx(
-    I,
+    E,
     {
-      ref: g,
+      ref: x,
       sx: {
         width: "100%",
         overflow: "hidden",
         whiteSpace: "nowrap",
-        ...c
+        ...s
       },
-      ...y,
+      ...b,
       children: /* @__PURE__ */ u.jsx(
         O.div,
         {
@@ -79,12 +79,12 @@ function F({
             alignItems: "center",
             willChange: "transform",
             userSelect: "none",
-            x: k
+            x: N
           },
-          children: Array.from({ length: L }).map((o, t) => /* @__PURE__ */ u.jsx(
-            I,
+          children: Array.from({ length: k }).map((o, t) => /* @__PURE__ */ u.jsx(
+            E,
             {
-              ref: t === 0 ? b : null,
+              ref: t === 0 ? v : null,
               "aria-hidden": t !== 0,
               sx: {
                 display: "inline-flex",
@@ -101,31 +101,22 @@ function F({
     }
   );
 }
-function G(e) {
-  const { scrollY: n } = T(), s = X(n), c = Y(s, {
+function $(e) {
+  const { scrollY: n } = _(), i = q(n), s = T(i, {
     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;
+  }), 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(F, { ...e, velocityFactor: w });
+  return /* @__PURE__ */ u.jsx(L, { ...e, velocityFactor: g });
 }
-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 {
+function U(e) {
+  const n = P(X);
+  return n ? /* @__PURE__ */ u.jsx(L, { ...e, velocityFactor: n }) : /* @__PURE__ */ u.jsx($, { ...e });
 }
 export {
-  E as ScrollVelocityRow,
-  E as default,
-  V as wrap
+  U as ScrollVelocityRow,
+  U as default,
+  Y as wrap
 };

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

@@ -1,41 +1,41 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as z, 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", {
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as A, useState as f } from "react";
+import { c as E } from "../createSvgIcon-BKymXuBG.js";
+import { Select as F, ListSubheader as M, TextField as T, InputAdornment as B, MenuItem as c, Box as p } from "@mui/material";
+import { SForm as D } from "../s-form/s-form.js";
+const K = E(/* @__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"), x = z(
+}), "Search"), N = A(
   ({
-    options: r = [],
-    optionLabel: _ = "name",
-    optionValue: b = "id",
-    placeholder: g,
-    label: m = "",
-    error: C,
+    options: l = [],
+    optionLabel: S = "name",
+    optionValue: y = "id",
+    placeholder: x,
+    label: C = "",
+    error: b,
     required: I = !1,
-    variant: K = "outlined",
+    variant: R = "outlined",
     simple: w = !1,
     htmlFor: v,
-    searchable: o = !1,
+    searchable: r = !1,
     searchPlaceholder: P = "",
-    ...a
-  }, N) => {
-    const y = a.value !== void 0, [V, $] = f(a.multiple ? [] : null), A = y ? a.value : V, [c, S] = f(""), [L, 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 && c ? r.filter((e) => s(e).toLowerCase().includes(c.toLowerCase())) : r;
-    return /* @__PURE__ */ t.jsx(B, { error: C, label: m, required: I, htmlFor: v, children: /* @__PURE__ */ t.jsxs(
-      E,
+    ...s
+  }, O) => {
+    const g = s.value !== void 0, [V, $] = f(s.multiple ? [] : null), L = g ? s.value : V, [u, h] = f(""), [k, j] = f(!1), a = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[S]), o = (e) => typeof e == "string" || typeof e == "number" ? e : e[y], m = r && u ? l.filter((e) => a(e).toLowerCase().includes(u.toLowerCase())) : l;
+    return /* @__PURE__ */ t.jsx(D, { error: b, label: C, required: I, htmlFor: v, children: /* @__PURE__ */ t.jsxs(
+      F,
       {
         id: v,
         displayEmpty: !0,
         fullWidth: !0,
         defaultValue: "",
-        ref: N,
-        open: o ? L : void 0,
-        onOpen: o ? () => j(!0) : void 0,
-        onClose: o ? () => {
-          j(!1), S("");
+        ref: O,
+        open: r ? k : void 0,
+        onOpen: r ? () => j(!0) : void 0,
+        onClose: r ? () => {
+          j(!1), h("");
         } : void 0,
-        MenuProps: o ? {
+        MenuProps: r ? {
           autoFocus: !1,
           PaperProps: {
             onKeyDown: (e) => {
@@ -43,41 +43,41 @@ const D = O(/* @__PURE__ */ t.jsx("path", {
             }
           }
         } : void 0,
-        renderValue: a.multiple ? (e) => {
+        renderValue: s.multiple ? (e) => {
           const n = e;
-          return n.length === 0 ? /* @__PURE__ */ t.jsx(h, { component: "span", sx: { color: "divider" }, children: g }) : n == null ? void 0 : n.map((d) => {
-            const u = r.find((k) => l(k) === l(d));
-            return u ? s(u) : "";
+          return n.length === 0 ? /* @__PURE__ */ t.jsx(p, { component: "span", sx: { color: "divider" }, children: x }) : n?.map((i) => {
+            const d = l.find((z) => o(z) === o(i));
+            return d ? a(d) : "";
           }).filter(Boolean).join(", ");
         } : (e) => {
           const n = e;
           if (n == null || n === "")
-            return /* @__PURE__ */ t.jsx(h, { component: "span", sx: { color: "divider" }, children: g });
+            return /* @__PURE__ */ t.jsx(p, { component: "span", sx: { color: "divider" }, children: x });
           if (w)
-            return s(n);
-          const d = r.find((u) => l(u) === l(n));
-          return d ? s(d) : "";
+            return a(n);
+          const i = l.find((d) => o(d) === o(n));
+          return i ? a(i) : "";
         },
-        ...a,
-        value: r.length ? A ?? "" : "",
+        ...s,
+        value: l.length ? L ?? "" : "",
         onChange: (e, n) => {
-          if (a.onChange)
-            a.onChange(e, n);
-          else if (!y) {
-            const d = e.target.value;
-            $(d);
+          if (s.onChange)
+            s.onChange(e, n);
+          else if (!g) {
+            const i = e.target.value;
+            $(i);
           }
         },
         children: [
-          o && /* @__PURE__ */ t.jsx(F, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t.jsx(
-            M,
+          r && /* @__PURE__ */ t.jsx(M, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t.jsx(
+            T,
             {
               size: "small",
               fullWidth: !0,
               autoFocus: !0,
               placeholder: P,
-              value: c,
-              onChange: (e) => S(e.target.value),
+              value: u,
+              onChange: (e) => h(e.target.value),
               onKeyDown: (e) => {
                 e.key !== "Escape" && e.stopPropagation();
               },
@@ -85,50 +85,42 @@ const D = O(/* @__PURE__ */ t.jsx("path", {
                 e.stopPropagation();
               },
               InputProps: {
-                startAdornment: /* @__PURE__ */ t.jsx(T, { position: "start", children: /* @__PURE__ */ t.jsx(D, { fontSize: "small" }) })
+                startAdornment: /* @__PURE__ */ t.jsx(B, { position: "start", children: /* @__PURE__ */ t.jsx(K, { fontSize: "small" }) })
               }
             }
           ) }),
-          o ? (i == null ? void 0 : i.length) > 0 ? i.map((e, n) => /* @__PURE__ */ t.jsx(
-            p,
+          r ? m?.length > 0 ? m.map((e, n) => /* @__PURE__ */ t.jsx(
+            c,
             {
-              disabled: (e == null ? void 0 : e.disabled) ?? !1,
-              value: l(e),
-              children: s(e)
+              disabled: e?.disabled ?? !1,
+              value: o(e),
+              children: a(e)
             },
-            `${l(e)}-${n}`
-          )) : c ? /* @__PURE__ */ t.jsx(p, { disabled: !0, children: /* @__PURE__ */ t.jsx(h, { sx: { color: "text.secondary", textAlign: "center", width: "100%" }, children: "No results found" }) }) : r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t.jsx(
-            p,
+            `${o(e)}-${n}`
+          )) : u ? /* @__PURE__ */ t.jsx(c, { disabled: !0, children: /* @__PURE__ */ t.jsx(p, { sx: { color: "text.secondary", textAlign: "center", width: "100%" }, children: "No results found" }) }) : l?.map((e, n) => /* @__PURE__ */ t.jsx(
+            c,
             {
-              disabled: (e == null ? void 0 : e.disabled) ?? !1,
-              value: l(e),
-              children: s(e)
+              disabled: e?.disabled ?? !1,
+              value: o(e),
+              children: a(e)
             },
-            `${l(e)}-${n}`
-          )) : r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t.jsx(
-            p,
+            `${o(e)}-${n}`
+          )) : l?.map((e, n) => /* @__PURE__ */ t.jsx(
+            c,
             {
-              disabled: (e == null ? void 0 : e.disabled) ?? !1,
-              value: l(e),
-              children: s(e)
+              disabled: e?.disabled ?? !1,
+              value: o(e),
+              children: a(e)
             },
-            `${l(e)}-${n}`
+            `${o(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 {
-}
+N.displayName = "SSelect";
 export {
-  x as SSelect,
-  x as default
+  N as SSelect,
+  N as default
 };

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

@@ -1,31 +1,31 @@
-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 }) => ({
+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: e.spacing(1),
-  paddingLeft: e.spacing(2),
-  paddingRight: e.spacing(2),
+  padding: s.spacing(1),
+  paddingLeft: s.spacing(2),
+  paddingRight: s.spacing(2),
   border: "1px solid",
   cursor: "pointer",
-  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,
+  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",
@@ -34,20 +34,16 @@ const S = u(a, {
             flex: 1,
             borderRadius: 8
           },
-          children: s(r, n)
+          children: l(r, d)
         }
       ),
-      c && /* @__PURE__ */ t.jsx(f, { checked: n })
+      o && /* @__PURE__ */ e.jsx(g, { checked: d })
     ] }),
-    p && /* @__PURE__ */ t.jsx(y, { in: n, children: /* @__PURE__ */ t.jsx(a, { mt: 2, children: l(r) }) })
+    c && /* @__PURE__ */ e.jsx(j, { in: d, children: /* @__PURE__ */ e.jsx(i, { mt: 2, children: n(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 {
-}
+f.displayName = "SSelectList";
 export {
-  i as SSelectList,
-  i as default
+  f as SSelectList,
+  f as default
 };

package/dist/s-skeleton/s-skeleton.js

@@ -1,44 +1,36 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
 import { Skeleton as a } from "@mui/material";
-const o = ({
-  variant: n = "text",
-  width: r = "100%",
+const h = ({
+  variant: r = "text",
+  width: i = "100%",
   height: u = 32,
-  fontSize: i = "16px",
-  component: l,
-  ...e
+  fontSize: n = "16px",
+  component: x,
+  ...t
 }) => {
-  switch (l) {
+  switch (x) {
     case "button":
-      return /* @__PURE__ */ t.jsx(a, { height: 32, variant: "rounded", width: r, ...e });
+      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "rounded", width: i, ...t });
     case "checkbox":
-      return /* @__PURE__ */ t.jsx(a, { height: 24, variant: "rounded", width: 24, ...e });
+      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "rounded", width: 24, ...t });
     case "radio-button":
-      return /* @__PURE__ */ t.jsx(a, { height: 24, variant: "circular", width: 24, ...e });
+      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "circular", width: 24, ...t });
     case "avatar":
-      return /* @__PURE__ */ t.jsx(a, { height: 54, variant: "rectangular", width: 54, ...e });
+      return /* @__PURE__ */ e.jsx(a, { height: 54, variant: "rectangular", width: 54, ...t });
     case "rounded-avatar":
-      return /* @__PURE__ */ t.jsx(a, { height: 48, variant: "circular", width: 48, ...e });
+      return /* @__PURE__ */ e.jsx(a, { height: 48, variant: "circular", width: 48, ...t });
     case "icon-button":
-      return /* @__PURE__ */ t.jsx(a, { height: 32, variant: "circular", width: 32, ...e });
+      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "circular", width: 32, ...t });
     case "typography":
-      return /* @__PURE__ */ t.jsx(a, { sx: { fontSize: i }, variant: "text", width: "100%", ...e });
+      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: "100%", ...t });
     case "title-typography":
-      return /* @__PURE__ */ t.jsx(a, { sx: { fontSize: i }, variant: "text", width: 200, ...e });
+      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: 200, ...t });
     default:
-      return n === "text" ? /* @__PURE__ */ t.jsx(a, { sx: { fontSize: i }, variant: n, width: r, ...e }) : /* @__PURE__ */ t.jsx(a, { height: u, variant: n, width: r, ...e });
+      return r === "text" ? /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: r, width: i, ...t }) : /* @__PURE__ */ e.jsx(a, { height: u, variant: r, width: i, ...t });
   }
 };
-o.displayName = "SSkeleton";
-try {
-  o.displayName = "SSkeleton", o.__docgenInfo = { description: "An enhanced skeleton loading component with pre-defined component presets for consistent loading states.", displayName: "SSkeleton", props: { variant: { defaultValue: { value: "text" }, description: "Visual variant of the skeleton", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } }, height: { defaultValue: { value: "32" }, description: "Height of the skeleton (number for px, string for CSS units)", name: "height", required: !1, type: { name: "string | number" } }, width: { defaultValue: { value: "100%" }, description: "Width of the skeleton (number for px, string for CSS units)", name: "width", required: !1, type: { name: "string | number" } }, fontSize: { defaultValue: { value: "16px" }, description: "Font size for text variant skeletons", name: "fontSize", required: !1, type: { name: "string | number" } }, component: { defaultValue: null, description: "Pre-defined component preset for common UI elements", name: "component", required: !1, type: { name: "enum", value: [{ value: '"typography"' }, { value: '"button"' }, { value: '"checkbox"' }, { value: '"radio-button"' }, { value: '"avatar"' }, { value: '"rounded-avatar"' }, { value: '"icon-button"' }, { value: '"title-typography"' }] } } } };
-} catch {
-}
-try {
-  sskeleton.displayName = "sskeleton", sskeleton.__docgenInfo = { description: "An enhanced skeleton loading component with pre-defined component presets for consistent loading states.", displayName: "sskeleton", props: { variant: { defaultValue: { value: "text" }, description: "Visual variant of the skeleton", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } }, height: { defaultValue: { value: "32" }, description: "Height of the skeleton (number for px, string for CSS units)", name: "height", required: !1, type: { name: "string | number" } }, width: { defaultValue: { value: "100%" }, description: "Width of the skeleton (number for px, string for CSS units)", name: "width", required: !1, type: { name: "string | number" } }, fontSize: { defaultValue: { value: "16px" }, description: "Font size for text variant skeletons", name: "fontSize", required: !1, type: { name: "string | number" } }, component: { defaultValue: null, description: "Pre-defined component preset for common UI elements", name: "component", required: !1, type: { name: "enum", value: [{ value: '"typography"' }, { value: '"button"' }, { value: '"checkbox"' }, { value: '"radio-button"' }, { value: '"avatar"' }, { value: '"rounded-avatar"' }, { value: '"icon-button"' }, { value: '"title-typography"' }] } } } };
-} catch {
-}
+h.displayName = "SSkeleton";
 export {
-  o as SSkeleton,
-  o as default
+  h as SSkeleton,
+  h as default
 };