@solostylist/ui-kit 1.0.174 → 1.0.176

package/dist/s-autocomplete/s-autocomplete.js

@@ -1,37 +1,31 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as s, useId as m } from "react";
-import { Autocomplete as c, TextField as f } from "@mui/material";
-import { SForm as h } from "../s-form/s-form.js";
-const t = s(
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as a, useId as i } from "react";
+import { Autocomplete as f, TextField as c } from "@mui/material";
+import { SForm as n } from "../s-form/s-form.js";
+const x = a(
   ({
-    label: r = "",
-    required: o = !1,
-    error: l,
-    htmlFor: i,
-    ...n
+    label: o = "",
+    required: r = !1,
+    error: m,
+    htmlFor: l,
+    ...s
   }, d) => {
-    const u = m(), a = i ?? u;
-    return /* @__PURE__ */ e.jsx(h, { error: l, label: r, required: o, htmlFor: a, children: /* @__PURE__ */ e.jsx(
-      c,
+    const u = i(), e = l ?? u;
+    return /* @__PURE__ */ t.jsx(n, { error: m, label: o, required: r, htmlFor: e, children: /* @__PURE__ */ t.jsx(
+      f,
       {
         disablePortal: !0,
         fullWidth: !0,
-        renderInput: (p) => /* @__PURE__ */ e.jsx(f, { ...p }),
-        id: a,
-        ...n,
+        renderInput: (p) => /* @__PURE__ */ t.jsx(c, { ...p }),
+        id: e,
+        ...s,
         ref: d
       }
     ) });
   }
 );
-t.displayName = "SAutocomplete";
-try {
-  t.displayName = "SAutocomplete", t.__docgenInfo = { description: `A standardized autocomplete/combobox component that wraps Material-UI Autocomplete
-with consistent form labeling, validation, and help text patterns. Maintains full
-Material-UI API compatibility while providing enhanced form integration.`, displayName: "SAutocomplete", props: { renderInput: { defaultValue: null, description: "Optional custom renderInput function for advanced input customization", name: "renderInput", required: !1, type: { name: "((params: AutocompleteRenderInputParams) => ReactNode)" } }, label: { defaultValue: null, description: "Field label displayed above the autocomplete", name: "label", required: !1, type: { name: "ReactNode" } }, required: { defaultValue: null, description: "Whether the field is required (shows asterisk in label)", name: "required", required: !1, type: { name: "boolean" } }, error: { defaultValue: null, description: "Error message to display below the field", name: "error", required: !1, type: { name: "string" } }, htmlFor: { defaultValue: null, description: "HTML id attribute for the input element", name: "htmlFor", required: !1, type: { name: "string" } } } };
-} catch {
-}
+x.displayName = "SAutocomplete";
 export {
-  t as SAutocomplete,
-  t as default
+  x as SAutocomplete,
+  x as default
 };

package/dist/s-avatar/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-avatar/s-avatar.js

@@ -1,33 +1,22 @@
-import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import { Box as n, Avatar as o, Typography as d } from "@mui/material";
-import "../s-lazy-image/index.js";
-import p from "../s-lazy-image/s-lazy-image.js";
-const r = ({ avatar: e, name: a, showName: l = !1, size: t = 40, avatarProps: s }) => /* @__PURE__ */ i.jsxs(n, { display: "flex", alignItems: "center", gap: 2, children: [
-  /* @__PURE__ */ i.jsx(o, { sx: { width: t, height: t, fontSize: 16 }, ...s, children: e ? /* @__PURE__ */ i.jsx(
-    p,
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { Box as s, Avatar as l, Typography as d } from "@mui/material";
+import h from "../s-lazy-image/s-lazy-image.js";
+const n = ({ avatar: i, name: a, showName: e = !1, size: r = 40, avatarProps: o }) => /* @__PURE__ */ t.jsxs(s, { display: "flex", alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ t.jsx(l, { sx: { width: r, height: r, fontSize: 16 }, ...o, children: i ? /* @__PURE__ */ t.jsx(
+    h,
     {
-      src: e,
+      src: i,
       alt: a || "Avatar",
-      width: t,
-      height: t,
+      width: r,
+      height: r,
       variant: "circular",
       style: { borderRadius: "50%" }
     }
-  ) : (a == null ? void 0 : a[0]) || "A" }),
-  l && /* @__PURE__ */ i.jsx(d, { variant: "body1", fontSize: 20, children: a })
+  ) : a?.[0] || "A" }),
+  e && /* @__PURE__ */ t.jsx(d, { variant: "body1", fontSize: 20, children: a })
 ] });
-r.displayName = "SAvatar";
-try {
-  r.displayName = "SAvatar", r.__docgenInfo = { description: `A flexible avatar component that displays user profile images with fallback to initials.
-Built on Material-UI Avatar with optional name display and customizable sizing.`, displayName: "SAvatar", props: { avatar: { defaultValue: null, description: "URL of the avatar image to display", name: "avatar", required: !1, type: { name: "string" } }, name: { defaultValue: null, description: "Name of the user, used for initials fallback and optional display", name: "name", required: !1, type: { name: "string" } }, showName: { defaultValue: { value: "false" }, description: "Whether to display the name alongside the avatar", name: "showName", required: !1, type: { name: "boolean" } }, size: { defaultValue: { value: "40" }, description: "Size of the avatar in pixels (width and height)", name: "size", required: !1, type: { name: "number" } }, avatarProps: { defaultValue: null, description: "Additional props to pass to the underlying Material-UI Avatar component", name: "avatarProps", required: !1, type: { name: "AvatarProps" } } } };
-} catch {
-}
-try {
-  savatar.displayName = "savatar", savatar.__docgenInfo = { description: `A flexible avatar component that displays user profile images with fallback to initials.
-Built on Material-UI Avatar with optional name display and customizable sizing.`, displayName: "savatar", props: { avatar: { defaultValue: null, description: "URL of the avatar image to display", name: "avatar", required: !1, type: { name: "string" } }, name: { defaultValue: null, description: "Name of the user, used for initials fallback and optional display", name: "name", required: !1, type: { name: "string" } }, showName: { defaultValue: { value: "false" }, description: "Whether to display the name alongside the avatar", name: "showName", required: !1, type: { name: "boolean" } }, size: { defaultValue: { value: "40" }, description: "Size of the avatar in pixels (width and height)", name: "size", required: !1, type: { name: "number" } }, avatarProps: { defaultValue: null, description: "Additional props to pass to the underlying Material-UI Avatar component", name: "avatarProps", required: !1, type: { name: "AvatarProps" } } } };
-} catch {
-}
+n.displayName = "SAvatar";
 export {
-  r as SAvatar,
-  r as default
+  n as SAvatar,
+  n as default
 };

package/dist/s-blur-text/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-blur-text/s-blur-text.js

@@ -1,85 +1,81 @@
-import { j as y } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as B, useRef as k, useEffect as R, useMemo as g } from "react";
-import { Typography as E } from "@mui/material";
-import { motion as F } from "framer-motion";
-const M = (r, o) => {
-  const s = /* @__PURE__ */ new Set([...Object.keys(r), ...o.flatMap((e) => Object.keys(e))]), n = {};
-  return s.forEach((e) => {
-    n[e] = [r[e], ...o.map((l) => l[e])];
-  }), n;
-}, c = ({
-  text: r,
-  delay: o = 100,
-  animateBy: s = "words",
-  direction: n = "top",
-  threshold: e = 0.1,
+import { j as y } from "../jsx-runtime-tc70JA_2.js";
+import { useState as K, useRef as R, useEffect as V, useMemo as b } from "react";
+import { Typography as B } from "@mui/material";
+import { motion as D } from "framer-motion";
+const F = (s, a) => {
+  const i = /* @__PURE__ */ new Set([...Object.keys(s), ...a.flatMap((t) => Object.keys(t))]), o = {};
+  return i.forEach((t) => {
+    o[t] = [s[t], ...a.map((l) => l[t])];
+  }), o;
+}, M = ({
+  text: s,
+  delay: a = 100,
+  animateBy: i = "words",
+  direction: o = "top",
+  threshold: t = 0.1,
   rootMargin: l = "0px",
-  animationFrom: b,
+  animationFrom: d,
   animationTo: h,
-  easing: v = (i) => i,
-  onAnimationComplete: w,
-  stepDuration: x = 0.35,
-  variant: V = "body1",
-  sx: q,
-  ...T
+  easing: w = (n) => n,
+  onAnimationComplete: x,
+  stepDuration: j = 0.35,
+  variant: S = "body1",
+  sx: g,
+  ...v
 }) => {
-  const i = s === "words" ? r.split(" ") : r.split(""), [C, _] = B(!1), u = k(null);
-  R(() => {
-    if (!u.current) return;
-    const a = new IntersectionObserver(
-      ([t]) => {
-        t.isIntersecting && (_(!0), a.unobserve(u.current));
+  const n = i === "words" ? s.split(" ") : s.split(""), [T, k] = K(!1), c = R(null);
+  V(() => {
+    if (!c.current) return;
+    const r = new IntersectionObserver(
+      ([e]) => {
+        e.isIntersecting && (k(!0), r.unobserve(c.current));
       },
-      { threshold: e, rootMargin: l }
+      { threshold: t, rootMargin: l }
     );
-    return a.observe(u.current), () => a.disconnect();
-  }, [e, l]);
-  const S = g(
-    () => n === "top" ? { filter: "blur(10px)", opacity: 0, y: -50 } : { filter: "blur(10px)", opacity: 0, y: 50 },
-    [n]
-  ), j = g(
+    return r.observe(c.current), () => r.disconnect();
+  }, [t, l]);
+  const C = b(
+    () => o === "top" ? { filter: "blur(10px)", opacity: 0, y: -50 } : { filter: "blur(10px)", opacity: 0, y: 50 },
+    [o]
+  ), E = b(
     () => [
       {
         filter: "blur(5px)",
         opacity: 0.5,
-        y: n === "top" ? 5 : -5
+        y: o === "top" ? 5 : -5
       },
       { filter: "blur(0px)", opacity: 1, y: 0 }
     ],
-    [n]
-  ), p = b ?? S, d = h ?? j, m = d.length + 1, A = x * (m - 1), D = Array.from({ length: m }, (a, t) => m === 1 ? 0 : t / (m - 1));
-  return /* @__PURE__ */ y.jsx(E, { ref: u, variant: V, sx: q, ...T, children: i.map((a, t) => {
-    const I = M(p, d), f = {
-      duration: A,
-      times: D,
-      delay: t * o / 1e3
+    [o]
+  ), u = d ?? C, f = h ?? E, p = f.length + 1, I = j * (p - 1), O = Array.from({ length: p }, (r, e) => p === 1 ? 0 : e / (p - 1));
+  return /* @__PURE__ */ y.jsx(B, { ref: c, variant: S, sx: g, ...v, children: n.map((r, e) => {
+    const A = F(u, f), m = {
+      duration: I,
+      times: O,
+      delay: e * a / 1e3
     };
-    return f.ease = v, /* @__PURE__ */ y.jsxs(
-      F.span,
+    return m.ease = w, /* @__PURE__ */ y.jsxs(
+      D.span,
       {
-        initial: p,
-        animate: C ? I : p,
-        transition: f,
-        onAnimationComplete: t === i.length - 1 ? w : void 0,
+        initial: u,
+        animate: T ? A : u,
+        transition: m,
+        onAnimationComplete: e === n.length - 1 ? x : void 0,
         style: {
           display: "inline-block",
           willChange: "transform, filter, opacity"
         },
         children: [
-          a === " " ? " " : a,
-          s === "words" && t < i.length - 1 && " "
+          r === " " ? " " : r,
+          i === "words" && e < n.length - 1 && " "
         ]
       },
-      t
+      e
     );
   }) });
 };
-c.displayName = "SBlurText";
-try {
-  c.displayName = "SBlurText", c.__docgenInfo = { description: "A Typography component that animates text with a blur effect when it comes into view.", displayName: "SBlurText", props: { text: { defaultValue: null, description: "The text content to animate", name: "text", required: !0, type: { name: "string" } }, delay: { defaultValue: { value: "100" }, description: "Delay between animating each segment in milliseconds", name: "delay", required: !1, type: { name: "number" } }, animateBy: { defaultValue: { value: "words" }, description: "Animation granularity - animate by words or individual letters", name: "animateBy", required: !1, type: { name: "enum", value: [{ value: '"words"' }, { value: '"letters"' }] } }, direction: { defaultValue: { value: "top" }, description: "Direction of the blur animation", name: "direction", required: !1, type: { name: "enum", value: [{ value: '"top"' }, { value: '"bottom"' }] } }, threshold: { defaultValue: { value: "0.1" }, description: "Intersection observer threshold for triggering animation", name: "threshold", required: !1, type: { name: "number" } }, rootMargin: { defaultValue: { value: "0px" }, description: "Intersection observer root margin", name: "rootMargin", required: !1, type: { name: "string" } }, animationFrom: { defaultValue: null, description: "Custom starting animation state", name: "animationFrom", required: !1, type: { name: "Record<string, string | number>" } }, animationTo: { defaultValue: null, description: "Custom ending animation states (array for multi-step animations)", name: "animationTo", required: !1, type: { name: "Record<string, string | number>[]" } }, easing: { defaultValue: { value: "(t) => t" }, description: "Custom easing function for animation timing", name: "easing", required: !1, type: { name: "((t: number) => number)" } }, onAnimationComplete: { defaultValue: null, description: "Callback fired when animation completes", name: "onAnimationComplete", required: !1, type: { name: "(() => void)" } }, stepDuration: { defaultValue: { value: "0.35" }, description: "Duration of each animation step in seconds", name: "stepDuration", required: !1, type: { name: "number" } } } };
-} catch {
-}
+M.displayName = "SBlurText";
 export {
-  c as SBlurText,
-  c as default
+  M as SBlurText,
+  M as default
 };

package/dist/s-breadcrumbs/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-breadcrumbs/s-breadcrumbs.js

@@ -1,52 +1,44 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as b } from "react";
-import { C as y } from "../ChevronRight-CnDWPrOm.js";
-import { Breadcrumbs as h, Typography as u, Link as t } from "@mui/material";
-const l = b(
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as f } from "react";
+import { C as i } from "../ChevronRight-CC3l-wPC.js";
+import { Breadcrumbs as $, Typography as t, Link as e } from "@mui/material";
+const j = f(
   ({
-    items: n,
-    separator: c = /* @__PURE__ */ r.jsx(y, { fontSize: "small" }),
-    LinkComponent: i,
-    currentColor: s = "text.primary",
-    linkColor: o = "primary.main",
-    sx: m,
-    ...d
-  }, p) => /* @__PURE__ */ r.jsx(h, { ref: p, separator: c, sx: m, ...d, children: n.map((e, a) => {
-    const f = a === n.length - 1;
-    return e.isCurrent ?? f ? /* @__PURE__ */ r.jsx(u, { color: s, children: e.label }, `${e.label}-${a}`) : e.onClick ? /* @__PURE__ */ r.jsx(
-      t,
+    items: a,
+    separator: u = /* @__PURE__ */ o.jsx(i, { fontSize: "small" }),
+    LinkComponent: s,
+    currentColor: c = "text.primary",
+    linkColor: n = "primary.main",
+    sx: b,
+    ...h
+  }, p) => /* @__PURE__ */ o.jsx($, { ref: p, separator: u, sx: b, ...h, children: a.map((r, l) => {
+    const d = l === a.length - 1;
+    return r.isCurrent ?? d ? /* @__PURE__ */ o.jsx(t, { color: c, children: r.label }, `${r.label}-${l}`) : r.onClick ? /* @__PURE__ */ o.jsx(
+      e,
       {
         component: "button",
-        onClick: e.onClick,
-        color: o,
+        onClick: r.onClick,
+        color: n,
         underline: "hover",
         sx: { cursor: "pointer", background: "none", border: "none", padding: 0, font: "inherit" },
-        children: e.label
+        children: r.label
       },
-      `${e.label}-${a}`
-    ) : e.to ? i ? /* @__PURE__ */ r.jsx(
-      t,
+      `${r.label}-${l}`
+    ) : r.to ? s ? /* @__PURE__ */ o.jsx(
+      e,
       {
-        component: i,
-        to: e.to,
-        color: o,
+        component: s,
+        to: r.to,
+        color: n,
         underline: "hover",
-        children: e.label
+        children: r.label
       },
-      `${e.label}-${a}`
-    ) : /* @__PURE__ */ r.jsx(t, { href: e.to, color: o, underline: "hover", children: e.label }, `${e.label}-${a}`) : /* @__PURE__ */ r.jsx(u, { color: s, children: e.label }, `${e.label}-${a}`);
+      `${r.label}-${l}`
+    ) : /* @__PURE__ */ o.jsx(e, { href: r.to, color: n, underline: "hover", children: r.label }, `${r.label}-${l}`) : /* @__PURE__ */ o.jsx(t, { color: c, children: r.label }, `${r.label}-${l}`);
   }) })
 );
-l.displayName = "SBreadcrumbs";
-try {
-  l.displayName = "SBreadcrumbs", l.__docgenInfo = { description: "A breadcrumb navigation component for displaying hierarchical navigation paths.", displayName: "SBreadcrumbs", props: { sx: { defaultValue: null, description: "System prop for custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, separator: { defaultValue: { value: '<ChevronRightIcon fontSize="small" />' }, description: "Custom separator element between breadcrumb items", name: "separator", required: !1, type: { name: "ReactNode" } }, LinkComponent: { defaultValue: null, description: "Custom link component (e.g., React Router Link) for navigation", name: "LinkComponent", required: !1, type: { name: "ElementType<any, keyof IntrinsicElements>" } }, items: { defaultValue: null, description: "Array of breadcrumb items to display", name: "items", required: !0, type: { name: "BreadcrumbItem[]" } }, currentColor: { defaultValue: { value: "text.primary" }, description: "Color of the current (active) breadcrumb item", name: "currentColor", required: !1, type: { name: "string" } }, linkColor: { defaultValue: { value: "primary.main" }, description: "Color of clickable breadcrumb links", name: "linkColor", required: !1, type: { name: "string" } } } };
-} catch {
-}
-try {
-  sbreadcrumbs.displayName = "sbreadcrumbs", sbreadcrumbs.__docgenInfo = { description: "A breadcrumb navigation component for displaying hierarchical navigation paths.", displayName: "sbreadcrumbs", props: { sx: { defaultValue: null, description: "System prop for custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, separator: { defaultValue: { value: '<ChevronRightIcon fontSize="small" />' }, description: "Custom separator element between breadcrumb items", name: "separator", required: !1, type: { name: "ReactNode" } }, LinkComponent: { defaultValue: null, description: "Custom link component (e.g., React Router Link) for navigation", name: "LinkComponent", required: !1, type: { name: "ElementType<any, keyof IntrinsicElements>" } }, items: { defaultValue: null, description: "Array of breadcrumb items to display", name: "items", required: !0, type: { name: "BreadcrumbItem[]" } }, currentColor: { defaultValue: { value: "text.primary" }, description: "Color of the current (active) breadcrumb item", name: "currentColor", required: !1, type: { name: "string" } }, linkColor: { defaultValue: { value: "primary.main" }, description: "Color of clickable breadcrumb links", name: "linkColor", required: !1, type: { name: "string" } } } };
-} catch {
-}
+j.displayName = "SBreadcrumbs";
 export {
-  l as SBreadcrumbs,
-  l as default
+  j as SBreadcrumbs,
+  j as default
 };

package/dist/s-button/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-button/s-button.js

@@ -1,17 +1,9 @@
-import { j as n } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as r } from "react";
-import { Button as i } from "@mui/material";
-const o = r((t, e) => /* @__PURE__ */ n.jsx(i, { ref: e, ...t }));
-o.displayName = "SButton";
-try {
-  o.displayName = "SButton", o.__docgenInfo = { description: "A versatile button component built on Material-UI Button with consistent theming and accessibility features.", displayName: "SButton", props: {} };
-} catch {
-}
-try {
-  sbutton.displayName = "sbutton", sbutton.__docgenInfo = { description: "A versatile button component built on Material-UI Button with consistent theming and accessibility features.", displayName: "sbutton", props: {} };
-} catch {
-}
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as m } from "react";
+import { Button as s } from "@mui/material";
+const a = m((t, o) => /* @__PURE__ */ r.jsx(s, { ref: o, ...t }));
+a.displayName = "SButton";
 export {
-  o as SButton,
-  o as default
+  a as SButton,
+  a as default
 };

package/dist/s-button-link/s-button-link.js

@@ -1,45 +1,37 @@
-import { j as a } from "../jsx-runtime-OVHDjVDe.js";
-import { Typography as c, Link as f } from "@mui/material";
-const t = ({
-  onClick: e,
-  beforeText: n = "",
-  afterText: r = "",
-  mainText: l = "",
-  href: i = "#",
-  component: o = "a",
-  target: u,
-  color: d = "text.secondary",
-  linkColor: s = void 0,
-  variant: p = "body2",
-  lineHeight: m
-}) => /* @__PURE__ */ a.jsxs(c, { variant: p, lineHeight: m, color: d, children: [
-  n,
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import { Typography as m, Link as u } from "@mui/material";
+const l = ({
+  onClick: r,
+  beforeText: t = "",
+  afterText: i = "",
+  mainText: n = "",
+  href: e = "#",
+  component: s = "a",
+  target: a,
+  color: p = "text.secondary",
+  linkColor: d = void 0,
+  variant: x = "body2",
+  lineHeight: c
+}) => /* @__PURE__ */ o.jsxs(m, { variant: x, lineHeight: c, color: p, children: [
+  t,
   " ",
-  /* @__PURE__ */ a.jsx(
-    f,
+  /* @__PURE__ */ o.jsx(
+    u,
     {
-      href: i,
-      onClick: e,
+      href: e,
+      onClick: r,
       sx: { cursor: "pointer", fontSize: "inherit" },
-      component: o,
-      target: u,
-      color: s,
-      children: l
+      component: s,
+      target: a,
+      color: d,
+      children: n
     }
   ),
   " ",
-  r
+  i
 ] });
-t.displayName = "SButtonLink";
-try {
-  t.displayName = "SButtonLink", t.__docgenInfo = { description: "A flexible link component that combines text and a clickable link element.", displayName: "SButtonLink", props: { beforeText: { defaultValue: { value: "" }, description: "Text or element displayed before the main link", name: "beforeText", required: !1, type: { name: "ReactNode" } }, afterText: { defaultValue: { value: "" }, description: "Text or element displayed after the main link", name: "afterText", required: !1, type: { name: "ReactNode" } }, mainText: { defaultValue: { value: "" }, description: "The main clickable link text or element", name: "mainText", required: !1, type: { name: "ReactNode" } }, href: { defaultValue: { value: "#" }, description: "URL for the link (defaults to '#')", name: "href", required: !1, type: { name: "string" } }, component: { defaultValue: { value: "a" }, description: "Component to render the link as (e.g., RouterLink for client-side routing)", name: "component", required: !1, type: { name: "ElementType<any, keyof IntrinsicElements>" } }, target: { defaultValue: null, description: "Target attribute for the link (e.g., '_blank' for new tab)", name: "target", required: !1, type: { name: "string" } }, color: { defaultValue: { value: "text.secondary" }, description: "Color of the surrounding text", name: "color", required: !1, type: { name: '(string & {}) | OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning" | "textDisabled" | "textPrimary" | "textSecondary", TypographyPropsColorOverrides>' } }, linkColor: { defaultValue: { value: "undefined" }, description: "Color of the link itself (overrides default link color)", name: "linkColor", required: !1, type: { name: '(string & {}) | OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning" | "textDisabled" | "textPrimary" | "textSecondary", TypographyPropsColorOverrides>' } }, lineHeight: { defaultValue: null, description: "Line height for the typography", name: "lineHeight", required: !1, type: { name: "ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)" } }, variant: { defaultValue: { value: "body2" }, description: "Typography variant for the container text", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"body2"' }, { value: '"body1"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"overline"' }] } }, onClick: { defaultValue: null, description: "Click handler for the link", name: "onClick", required: !1, type: { name: "MouseEventHandler<HTMLAnchorElement>" } } } };
-} catch {
-}
-try {
-  sbuttonlink.displayName = "sbuttonlink", sbuttonlink.__docgenInfo = { description: "A flexible link component that combines text and a clickable link element.", displayName: "sbuttonlink", props: { beforeText: { defaultValue: { value: "" }, description: "Text or element displayed before the main link", name: "beforeText", required: !1, type: { name: "ReactNode" } }, afterText: { defaultValue: { value: "" }, description: "Text or element displayed after the main link", name: "afterText", required: !1, type: { name: "ReactNode" } }, mainText: { defaultValue: { value: "" }, description: "The main clickable link text or element", name: "mainText", required: !1, type: { name: "ReactNode" } }, href: { defaultValue: { value: "#" }, description: "URL for the link (defaults to '#')", name: "href", required: !1, type: { name: "string" } }, component: { defaultValue: { value: "a" }, description: "Component to render the link as (e.g., RouterLink for client-side routing)", name: "component", required: !1, type: { name: "ElementType<any, keyof IntrinsicElements>" } }, target: { defaultValue: null, description: "Target attribute for the link (e.g., '_blank' for new tab)", name: "target", required: !1, type: { name: "string" } }, color: { defaultValue: { value: "text.secondary" }, description: "Color of the surrounding text", name: "color", required: !1, type: { name: '(string & {}) | OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning" | "textDisabled" | "textPrimary" | "textSecondary", TypographyPropsColorOverrides>' } }, linkColor: { defaultValue: { value: "undefined" }, description: "Color of the link itself (overrides default link color)", name: "linkColor", required: !1, type: { name: '(string & {}) | OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning" | "textDisabled" | "textPrimary" | "textSecondary", TypographyPropsColorOverrides>' } }, lineHeight: { defaultValue: null, description: "Line height for the typography", name: "lineHeight", required: !1, type: { name: "ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)" } }, variant: { defaultValue: { value: "body2" }, description: "Typography variant for the container text", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"inherit"' }, { value: '"body2"' }, { value: '"body1"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"overline"' }] } }, onClick: { defaultValue: null, description: "Click handler for the link", name: "onClick", required: !1, type: { name: "MouseEventHandler<HTMLAnchorElement>" } } } };
-} catch {
-}
+l.displayName = "SButtonLink";
 export {
-  t as SButtonLink,
-  t as default
+  l as SButtonLink,
+  l as default
 };

package/dist/s-carousel/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
 }