@solostylist/ui-kit 1.0.167 → 1.0.168

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

@@ -1,35 +1,45 @@
-import { j as o } from "../jsx-runtime-OVHDjVDe.js";
-import { Typography as m, Link as u } from "@mui/material";
-const j = ({
-  onClick: r,
-  beforeText: t = "",
-  afterText: i = "",
-  mainText: n = "",
-  href: e = "#",
-  component: s,
-  target: p,
-  color: x = "text.secondary",
-  linkColor: c = void 0,
-  variant: d = "body2",
-  lineHeight: a
-}) => /* @__PURE__ */ o.jsxs(m, { variant: d, lineHeight: a, color: x, children: [
-  t,
+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,
   " ",
-  /* @__PURE__ */ o.jsx(
-    u,
+  /* @__PURE__ */ a.jsx(
+    f,
     {
-      href: e,
-      onClick: r,
+      href: i,
+      onClick: e,
       sx: { cursor: "pointer", fontSize: "inherit" },
-      component: s,
-      target: p,
-      color: c,
-      children: n
+      component: o,
+      target: u,
+      color: s,
+      children: l
     }
   ),
   " ",
-  i
+  r
 ] });
+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 {
+}
 export {
-  j as default
+  t as SButtonLink,
+  t as default
 };

package/dist/s-carousel/index.js

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

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

@@ -1,11 +1,21 @@
 import { PropsWithChildren } from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { default as Slider, Settings } from 'react-slick';
+/**
+ * Props interface for SCarousel component
+ */
 export interface SCarouselProps extends PropsWithChildren, Settings {
+    /** Custom color for the navigation dots */
     dotColor?: string;
+    /** Space between slides in pixels */
     spaceBetween?: number;
+    /** Custom styles for the dots container */
     dotStyles?: SxProps<Theme>;
+    /** Custom styles for the arrow buttons */
     arrowStyles?: SxProps<Theme>;
 }
-declare const SCarousel: import('react').ForwardRefExoticComponent<SCarouselProps & import('react').RefAttributes<Slider>>;
+/**
+ * A carousel component built on react-slick with smooth sliding functionality and customizable navigation.
+ */
+export declare const SCarousel: import('react').ForwardRefExoticComponent<SCarouselProps & import('react').RefAttributes<Slider>>;
 export default SCarousel;