@solostylist/ui-kit 1.0.208 → 1.0.209

package/dist/entries/carousel.js

@@ -1,4 +1,4 @@
 import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-carousel-BoDg9pKU.js";
+import { t as e } from "../s-carousel-CW5c6Xqu.js";
 import "../s-carousel/index.js";
 export { e as SCarousel };

package/dist/s-carousel/index.js

@@ -1,3 +1,3 @@
 import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-carousel-BoDg9pKU.js";
+import { t as e } from "../s-carousel-CW5c6Xqu.js";
 export { e as default };

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

@@ -1,10 +1,16 @@
 import { PropsWithChildren } from 'react';
 import { SxProps, Theme } from '@mui/material';
-import { default as Slider, Settings } from 'react-slick';
+export interface ResponsiveBreakpoint {
+    /** Max-width breakpoint in px (mirrors react-slick convention) */
+    readonly breakpoint: number;
+    readonly settings: {
+        readonly slidesToShow?: number;
+    };
+}
 /**
  * Props interface for SCarousel component
  */
-export interface SCarouselProps extends PropsWithChildren, Settings {
+export interface SCarouselProps extends PropsWithChildren {
     /** Custom color for the navigation dots */
     readonly dotColor?: string;
     /** Space between slides in pixels */
@@ -13,6 +19,26 @@ export interface SCarouselProps extends PropsWithChildren, Settings {
     readonly dotStyles?: SxProps<Theme>;
     /** Custom styles for the arrow buttons */
     readonly arrowStyles?: SxProps<Theme>;
+    /** Number of slides visible at once */
+    readonly slidesToShow?: number;
+    /** Show dot navigation */
+    readonly dots?: boolean;
+    /** Show arrow navigation */
+    readonly arrows?: boolean;
+    /** Enable autoplay */
+    readonly autoplay?: boolean;
+    /** Autoplay interval in ms */
+    readonly autoplaySpeed?: number;
+    /** Enable infinite loop */
+    readonly infinite?: boolean;
+    /** Transition speed in ms (approx.) */
+    readonly speed?: number;
+    /** Center the current slide with partial adjacent slides */
+    readonly centerMode?: boolean;
+    /** Padding on each side in center mode */
+    readonly centerPadding?: string;
+    /** Responsive breakpoints */
+    readonly responsive?: ResponsiveBreakpoint[];
 }
-export declare const SCarousel: import('react').ForwardRefExoticComponent<SCarouselProps & import('react').RefAttributes<Slider>>;
+export declare const SCarousel: import('react').ForwardRefExoticComponent<SCarouselProps & import('react').RefAttributes<import('embla-carousel').EmblaCarouselType | null>>;
 export default SCarousel;

package/dist/s-carousel/s-carousel.js

@@ -1,3 +1,3 @@
 import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-carousel-BoDg9pKU.js";
+import { t as e } from "../s-carousel-CW5c6Xqu.js";
 export { e as SCarousel, e as default };