@lumx/react 4.1.1-alpha.5 → 4.1.1-alpha.7

package/index.d.ts

@@ -2687,10 +2687,23 @@ declare const Slider: Comp<SliderProps, HTMLDivElement>;
  */
 declare const clamp: (value: number, min: number, max: number) => number;
 
+/**
+ * Slide mode
+ */
+declare const SlideMode: {
+    /** Move slides with CSS transform translate */
+    readonly transformTranslate: "transform-translate";
+    /** Move slides native scroll snap (available only on supported browsers) */
+    readonly scrollSnap: "scroll-snap";
+};
+type SlideMode = ValueOf<typeof SlideMode>;
+
 /**
  * Defines the props of the component.
  */
 interface SlideshowProps extends GenericProps$1, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
+    /** Whether to use CSS transform translate or native scroll snap. */
+    slideMode?: SlideMode;
     /** current slide active */
     activeIndex?: SlidesProps['activeIndex'];
     /** Interval between each slide when automatic rotation is enabled. */
@@ -2863,6 +2876,10 @@ interface SlidesProps extends GenericProps$1, HasTheme$1 {
      * Receives the group position starting from 1 and the total number of groups.
      * */
     slideGroupLabel?: (groupPosition: number, groupTotal: number) => string;
+    /** Whether to use CSS transform translate or native scroll snap. */
+    slideMode?: SlideMode;
+    /** On slide change (only triggered on scroll when slideMode=scroll-snap) */
+    onChange?(index: number): void;
     /** Children */
     children?: React__default.ReactNode;
 }