@scbt-ecom/ui 0.153.7 → 0.153.9

package/dist/types/lib/shared/ui/carousel/Carousel.d.ts

@@ -0,0 +1,30 @@
+import { Dispatch, SetStateAction } from 'react';
+import { EmblaOptionsType } from 'embla-carousel';
+import { AutoplayOptionsType } from 'embla-carousel-autoplay';
+import { NavigationOptions, SlidesOptions, SlideVariant } from './model';
+import { ArrowNavigationButtonClasses, RenderSlidesClasses, StepListClasses, StepListItemType } from './ui';
+type CarouselClasses = {
+    overlay?: string;
+    arrowsWrapper?: string;
+    header?: string;
+    heading?: string;
+    dots?: string;
+    content?: string;
+    arrowNextClasses?: ArrowNavigationButtonClasses;
+    arrowPrevClasses?: ArrowNavigationButtonClasses;
+    stepsListClasses?: StepListClasses;
+    renderSlidesClasses?: RenderSlidesClasses;
+};
+export interface CarouselProps<V extends SlideVariant> {
+    setVisibleIndex: Dispatch<SetStateAction<number>>;
+    visibleIndex: number;
+    slidesOptions: SlidesOptions<V>;
+    heading?: string;
+    carouselOptions?: EmblaOptionsType;
+    autoPlayOptions?: AutoplayOptionsType;
+    navigationOptions?: NavigationOptions;
+    stepsList?: StepListItemType[];
+    classes?: CarouselClasses;
+}
+export declare const Carousel: <V extends SlideVariant>({ carouselOptions, navigationOptions, autoPlayOptions, slidesOptions, setVisibleIndex, visibleIndex, heading, stepsList, classes }: CarouselProps<V>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/shared/ui/carousel/index.d.ts

@@ -1,3 +1,2 @@
-export * from './CarouselBase';
+export * from './Carousel';
 export type * from './model/types';
-export * from './ui';

package/dist/types/lib/shared/ui/carousel/model/constant.d.ts

@@ -0,0 +1,11 @@
+import { EmblaOptionsType } from 'embla-carousel';
+import { AutoplayOptionsType } from 'embla-carousel-autoplay';
+import { NavigationOptions } from './types';
+export declare const SLIDE_VARIANT: {
+    readonly productCard: "productCard";
+    readonly fullScreen: "fullScreen";
+    readonly stepsList: "stepsList";
+};
+export declare const defaultCarouselOptions: EmblaOptionsType;
+export declare const defaultNavigationOptions: NavigationOptions;
+export declare const defaultAutoPlayOptions: AutoplayOptionsType;

package/dist/types/lib/shared/ui/carousel/model/helpers.d.ts

@@ -1,9 +1 @@
-import { EmblaOptionsType } from 'embla-carousel';
-import { AutoplayOptionsType } from 'embla-carousel-autoplay';
-import { CarouselSlideVariant, DotsOptions, NavArrowOptions } from './types';
-import { DiscriminatedUnion } from '../../../types';
-export declare const defaultCarouselOptions: EmblaOptionsType;
-export declare const defaultDotsOptions: DotsOptions;
-export declare const defaultNavArrowOptions: NavArrowOptions;
-export declare const defaultAutoPlayOptions: AutoplayOptionsType;
-export declare const renderSlideVariant: (props: DiscriminatedUnion<"variant", CarouselSlideVariant>) => import("react/jsx-runtime").JSX.Element;
+export declare const extractNumberFromString: (str: string) => number;

package/dist/types/lib/shared/ui/carousel/model/hooks/useArrowNavigation.d.ts

@@ -1,5 +1,5 @@
 import { EmblaCarouselType } from 'embla-carousel';
-import { NavigationMode } from '../types';
+import { NavigationModeType } from '../types';
 type UseArrowNavigationProps = {
     emblaApi: EmblaCarouselType | undefined;
     navigationHandler?: (emblaApi: EmblaCarouselType) => void;
@@ -7,6 +7,6 @@ type UseArrowNavigationProps = {
 export declare const useArrowNavigation: ({ emblaApi, navigationHandler }: UseArrowNavigationProps) => {
     prevBtnDisabled: boolean;
     nextBtnDisabled: boolean;
-    onClickNavigationButton: (mode: NavigationMode) => void;
+    onClickNavigationButton: (mode: NavigationModeType) => void;
 };
 export {};

package/dist/types/lib/shared/ui/carousel/model/hooks/useDotsNavigation.d.ts

@@ -1,8 +1,9 @@
+import { Dispatch, SetStateAction } from 'react';
 import { EmblaCarouselType } from 'embla-carousel';
 type UseDotsNavigationProps = {
     emblaApi: EmblaCarouselType | undefined;
     navigationHandler: (emblaApi: EmblaCarouselType) => void;
-    setVisibleIndex: (index: number) => void;
+    setVisibleIndex: Dispatch<SetStateAction<number>>;
 };
 export type UseDotsNavigationReturn = {
     scrollSnaps: number[];

package/dist/types/lib/shared/ui/carousel/model/index.d.ts

@@ -1,3 +1,4 @@
 export type * from './types';
-export * from './hooks';
+export * from './constant';
 export * from './helpers';
+export * from './hooks';

package/dist/types/lib/shared/ui/carousel/model/types.d.ts

@@ -1,27 +1,26 @@
-import { CarouselSlideProps, SlideFullScreenProps, SlideOnlyImageProps, SlideProductCardProps } from '../ui';
-export type DotsOptions = {
-    position?: 'bot-left' | 'center' | 'bot-right';
-    deskVisible?: boolean;
-    mobVisible?: boolean;
+import { SlideFullScreenProps, SlideProductCardProps, SlideStepsListProps } from '../ui';
+import { SLIDE_VARIANT } from './constant';
+export type SlideVariant = keyof typeof SLIDE_VARIANT;
+export type SlidesConfig = {
+    deskSlideWidth: string;
+    mobSlideWidth: string;
 };
-export type NavArrowOptions = {
-    position?: 'center' | 'top-right';
-    deskVisible?: boolean;
-    mobVisible?: boolean;
+type SlideVariantPropsMap = {
+    fullScreen: SlideFullScreenProps;
+    productCard: SlideProductCardProps;
+    stepsList: SlideStepsListProps;
 };
-export type NavigationMode = 'next' | 'prev';
-export type ImageProps = {
-    src: string;
-    alt: string;
+export type SlidesVariantProps<T extends SlideVariant> = SlideVariantPropsMap[T];
+export type SlidesOptions<V extends SlideVariant> = {
+    slides: SlidesVariantProps<V>[];
+    slideVariant: V;
+    slidesConfig: SlidesConfig;
+};
+export type NavigationModeType = 'next' | 'prev';
+export type NavigationOptions = {
+    dotsOnDesk?: boolean;
+    dotsOnMob?: boolean;
+    arrowsOnDesk?: boolean;
+    arrowsOnMob?: boolean;
 };
-interface SlideFullScreen extends SlideFullScreenProps, CarouselSlideProps {
-    variant: 'fullScreen';
-}
-interface SlideOnlyImage extends SlideOnlyImageProps, CarouselSlideProps {
-    variant: 'onlyImage';
-}
-interface SlideProductCard extends SlideProductCardProps, CarouselSlideProps {
-    variant: 'productCard';
-}
-export type CarouselSlideVariant = SlideFullScreen | SlideOnlyImage | SlideProductCard;
 export {};

package/dist/types/lib/shared/ui/carousel/ui/ArrowNavigationButton.d.ts

@@ -1,12 +1,12 @@
 import { ComponentPropsWithRef } from 'react';
-import { NavigationMode } from '../model';
+import { NavigationModeType } from '../model';
 export type ArrowNavigationButtonClasses = {
     button?: string;
     icon?: string;
 };
 interface ArrowNavigationButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick'> {
-    mode: NavigationMode;
-    onClick: (mode: NavigationMode) => void;
+    mode: NavigationModeType;
+    onClick: (mode: NavigationModeType) => void;
     classes?: ArrowNavigationButtonClasses;
 }
 export declare const ArrowNavigationButton: ({ mode, onClick, children, classes, ...props }: ArrowNavigationButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carousel/ui/DotsNavigations.d.ts

@@ -1,13 +1,12 @@
-import { DotsOptions } from '../model';
 export type DotsNavigationsClasses = {
     dotsWrapper?: string;
     dot?: string;
 };
-interface DotsNavigationsProps extends Pick<DotsOptions, 'position'> {
+interface DotsNavigationsProps {
     scrollSnaps: number[];
     onClickDot: (index: number) => void;
     visibleIndex: number;
     classes?: DotsNavigationsClasses;
 }
-export declare const DotsNavigations: ({ scrollSnaps, visibleIndex, onClickDot, position, classes, ...props }: DotsNavigationsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotsNavigations: ({ scrollSnaps, visibleIndex, onClickDot, classes, ...props }: DotsNavigationsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/shared/ui/carousel/ui/RenderSlides.d.ts

@@ -0,0 +1,14 @@
+import { CarouselProps } from '../Carousel';
+import { SlideVariant } from '../model';
+import { SlideFullScreenClasses, SlideProductCardClasses, SlideStepsListClasses } from './slideVariants';
+export type RenderSlidesClasses = {
+    renderSlidesWrapper?: string;
+    slideProductCardClasses?: SlideProductCardClasses;
+    slideFullScreenClasses?: SlideFullScreenClasses;
+    slideStepsListClasses?: SlideStepsListClasses;
+};
+export interface RenderSlidesProps<V extends SlideVariant> {
+    slidesOptions: CarouselProps<V>['slidesOptions'];
+    classes?: RenderSlidesClasses;
+}
+export declare const RenderSlides: <V extends SlideVariant>({ slidesOptions, classes }: RenderSlidesProps<V>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carousel/ui/index.d.ts

@@ -1,5 +1,5 @@
+export * from './slideVariants';
+export * from './RenderSlides';
 export * from './ArrowNavigationButton';
-export * from './CarouselSlide';
 export * from './DotsNavigations';
-export * from './slideVariants';
-export * from './CarouselContent';
+export * from './stepsList';

package/dist/types/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.d.ts

@@ -1,5 +1,5 @@
-import { ImageProps } from '../../model';
-type SlideFullScreenClasses = {
+import { SlidesConfig } from '../../model';
+export type SlideFullScreenClasses = {
     root?: string;
     wrapper?: string;
     numeric?: string;
@@ -9,11 +9,14 @@ type SlideFullScreenClasses = {
     image?: string;
 };
 export interface SlideFullScreenProps {
-    slideIndex: number;
+    slidesConfig: SlidesConfig;
+    slideIndex?: number;
     title?: string;
     description?: string;
-    image?: ImageProps;
-    slideClasses?: SlideFullScreenClasses;
+    imgProps?: {
+        src: string;
+        alt: string;
+    };
+    slideFullScreenClasses?: SlideFullScreenClasses;
 }
-export declare const SlideFullScreen: ({ slideIndex, title, image, description, slideClasses }: SlideFullScreenProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const SlideFullScreen: ({ slideIndex, title, imgProps, description, slideFullScreenClasses, slidesConfig }: SlideFullScreenProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from '../../../button';
-import { ImageProps } from '../../model';
-type SlideProductCardClasses = {
+import { SlidesConfig } from '../../model';
+export type SlideProductCardClasses = {
     root?: string;
     wrapper?: string;
     textWrapper?: string;
@@ -10,11 +10,14 @@ type SlideProductCardClasses = {
     button?: string;
 };
 export interface SlideProductCardProps {
+    slidesConfig: SlidesConfig;
     title?: string;
     description?: string;
-    imgProps?: ImageProps;
+    imgProps?: {
+        src: string;
+        alt: string;
+    };
     buttonProps?: ButtonProps;
-    slideClasses?: SlideProductCardClasses;
+    slideProductCardClasses?: SlideProductCardClasses;
 }
-export declare const SlideProductCard: ({ title, imgProps, description, buttonProps, slideClasses }: SlideProductCardProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const SlideProductCard: ({ title, imgProps, description, buttonProps, slideProductCardClasses, slidesConfig }: SlideProductCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.d.ts

@@ -0,0 +1,16 @@
+import { SlidesConfig } from '../../model';
+export type SlideStepsListClasses = {
+    wrapper?: string;
+    imageWrapper?: string;
+    image?: string;
+};
+export interface SlideStepsListProps {
+    slidesConfig: SlidesConfig;
+    slideIndex?: number;
+    imgProps?: {
+        src: string;
+        alt: string;
+    };
+    slideStepsListClasses?: SlideStepsListClasses;
+}
+export declare const SlideStepsList: ({ imgProps, slideStepsListClasses, slidesConfig }: SlideStepsListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carousel/ui/slideVariants/index.d.ts

@@ -1,3 +1,3 @@
 export * from './SlideProductCard';
-export * from './SlideOnlyImage';
 export * from './SlideFullScreen';
+export * from './SlideStepsList';

package/dist/types/lib/shared/ui/carousel/ui/stepsList/StepListItemType.d.ts

@@ -0,0 +1,18 @@
+export type StepListItemClasses = {
+    root?: string;
+    stepIndex?: string;
+    textBlock?: string;
+    subtitle?: string;
+    description?: string;
+};
+export type StepListItemType = {
+    subtitle: string;
+    description?: string;
+};
+export interface StepListItemProps extends StepListItemType {
+    stepIndex: number;
+    visibleIndex: number;
+    onChangeStep: (stepIndex: number) => void;
+    classes?: StepListItemClasses;
+}
+export declare const StepListItem: ({ subtitle, description, stepIndex, visibleIndex, onChangeStep, classes }: StepListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carousel/ui/stepsList/StepsList.d.ts

@@ -0,0 +1,13 @@
+import { StepListItemClasses, StepListItemType } from './StepListItemType';
+export type StepListClasses = {
+    stepListItemClasses?: StepListItemClasses;
+    stepsWrapper?: string;
+};
+export interface StepsListProps {
+    stepsList: StepListItemType[];
+    visibleIndex: number;
+    onChangeStep: (stepIndex: number) => void;
+    heading?: string;
+    classes?: StepListClasses;
+}
+export declare const StepsList: ({ stepsList, visibleIndex, onChangeStep, classes }: StepsListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carousel/ui/stepsList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StepsList';
+export type { StepListItemType } from './StepListItemType';

package/dist/types/lib/shared/ui/{carousel → carouselBase}/CarouselBase.d.ts

@@ -25,4 +25,7 @@ export interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {
     visibleIndex: number;
     classes?: CarouselClasses;
 }
+/**
+ * @deprecated dont use
+ */
 export declare const CarouselBase: ({ dotsOptions, navArrowOptions, carouselOptions, heading, autoPlayOptions, setVisibleIndex, visibleIndex, children, classes, ...props }: CarouselBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carouselBase/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CarouselBase';
+export type * from './model/types';
+export * from './ui';

package/dist/types/lib/shared/ui/carouselBase/model/helpers.d.ts

@@ -0,0 +1,9 @@
+import { EmblaOptionsType } from 'embla-carousel';
+import { AutoplayOptionsType } from 'embla-carousel-autoplay';
+import { CarouselSlideVariant, DotsOptions, NavArrowOptions } from './types';
+import { DiscriminatedUnion } from '../../../types';
+export declare const defaultCarouselOptions: EmblaOptionsType;
+export declare const defaultDotsOptions: DotsOptions;
+export declare const defaultNavArrowOptions: NavArrowOptions;
+export declare const defaultAutoPlayOptions: AutoplayOptionsType;
+export declare const renderSlideVariant: (props: DiscriminatedUnion<"variant", CarouselSlideVariant>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/carouselBase/model/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useArrowNavigation';
+export * from './useDotsNavigation';
+export * from './useCarousel';

package/dist/types/lib/shared/ui/carouselBase/model/hooks/useArrowNavigation.d.ts

@@ -0,0 +1,12 @@
+import { EmblaCarouselType } from 'embla-carousel';
+import { NavigationMode } from '../types';
+type UseArrowNavigationProps = {
+    emblaApi: EmblaCarouselType | undefined;
+    navigationHandler?: (emblaApi: EmblaCarouselType) => void;
+};
+export declare const useArrowNavigation: ({ emblaApi, navigationHandler }: UseArrowNavigationProps) => {
+    prevBtnDisabled: boolean;
+    nextBtnDisabled: boolean;
+    onClickNavigationButton: (mode: NavigationMode) => void;
+};
+export {};

package/dist/types/lib/shared/ui/carouselBase/model/hooks/useCarousel.d.ts

@@ -0,0 +1,12 @@
+import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel';
+import { AutoplayOptionsType } from 'embla-carousel-autoplay';
+type UseCarouselProps = {
+    carouselOptions: EmblaOptionsType;
+    autoPlayOptions?: AutoplayOptionsType;
+};
+export declare const useCarousel: ({ carouselOptions, autoPlayOptions }: UseCarouselProps) => {
+    emblaRef: import('embla-carousel-react').EmblaViewportRefType;
+    emblaApi: EmblaCarouselType | undefined;
+    navigationHandler: (emblaApi: EmblaCarouselType) => void;
+};
+export {};

package/dist/types/lib/shared/ui/carouselBase/model/hooks/useDotsNavigation.d.ts

@@ -0,0 +1,15 @@
+import { EmblaCarouselType } from 'embla-carousel';
+type UseDotsNavigationProps = {
+    emblaApi: EmblaCarouselType | undefined;
+    navigationHandler: (emblaApi: EmblaCarouselType) => void;
+    setVisibleIndex: (index: number) => void;
+};
+export type UseDotsNavigationReturn = {
+    scrollSnaps: number[];
+    onClickDot: (index: number) => void;
+};
+export declare const useDotsNavigation: ({ emblaApi, navigationHandler, setVisibleIndex }: UseDotsNavigationProps) => {
+    scrollSnaps: number[];
+    onClickDot: (index: number) => void;
+};
+export {};

package/dist/types/lib/shared/ui/carouselBase/model/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './types';
+export * from './hooks';
+export * from './helpers';

package/dist/types/lib/shared/ui/carouselBase/model/types.d.ts

@@ -0,0 +1,27 @@
+import { CarouselSlideProps, SlideFullScreenProps, SlideOnlyImageProps, SlideProductCardProps } from '../ui';
+export type DotsOptions = {
+    position?: 'bot-left' | 'center' | 'bot-right';
+    deskVisible?: boolean;
+    mobVisible?: boolean;
+};
+export type NavArrowOptions = {
+    position?: 'center' | 'top-right';
+    deskVisible?: boolean;
+    mobVisible?: boolean;
+};
+export type NavigationMode = 'next' | 'prev';
+export type ImageProps = {
+    src: string;
+    alt: string;
+};
+interface SlideFullScreen extends SlideFullScreenProps, CarouselSlideProps {
+    variant: 'fullScreen';
+}
+interface SlideOnlyImage extends SlideOnlyImageProps, CarouselSlideProps {
+    variant: 'onlyImage';
+}
+interface SlideProductCard extends SlideProductCardProps, CarouselSlideProps {
+    variant: 'productCard';
+}
+export type CarouselSlideVariant = SlideFullScreen | SlideOnlyImage | SlideProductCard;
+export {};

package/dist/types/lib/shared/ui/carouselBase/ui/ArrowNavigationButton.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from 'react';
+import { NavigationMode } from '../model';
+export type ArrowNavigationButtonClasses = {
+    button?: string;
+    icon?: string;
+};
+interface ArrowNavigationButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick'> {
+    mode: NavigationMode;
+    onClick: (mode: NavigationMode) => void;
+    classes?: ArrowNavigationButtonClasses;
+}
+export declare const ArrowNavigationButton: ({ mode, onClick, children, classes, ...props }: ArrowNavigationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/shared/ui/carouselBase/ui/DotsNavigations.d.ts

@@ -0,0 +1,13 @@
+import { DotsOptions } from '../model';
+export type DotsNavigationsClasses = {
+    dotsWrapper?: string;
+    dot?: string;
+};
+interface DotsNavigationsProps extends Pick<DotsOptions, 'position'> {
+    scrollSnaps: number[];
+    onClickDot: (index: number) => void;
+    visibleIndex: number;
+    classes?: DotsNavigationsClasses;
+}
+export declare const DotsNavigations: ({ scrollSnaps, visibleIndex, onClickDot, position, classes, ...props }: DotsNavigationsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/shared/ui/carouselBase/ui/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ArrowNavigationButton';
+export * from './CarouselSlide';
+export * from './DotsNavigations';
+export * from './slideVariants';
+export * from './CarouselContent';

package/dist/types/lib/shared/ui/carouselBase/ui/slideVariants/SlideFullScreen.d.ts

@@ -0,0 +1,19 @@
+import { ImageProps } from '../../model';
+type SlideFullScreenClasses = {
+    root?: string;
+    wrapper?: string;
+    numeric?: string;
+    textWrapper?: string;
+    title?: string;
+    description?: string;
+    image?: string;
+};
+export interface SlideFullScreenProps {
+    slideIndex: number;
+    title?: string;
+    description?: string;
+    image?: ImageProps;
+    slideClasses?: SlideFullScreenClasses;
+}
+export declare const SlideFullScreen: ({ slideIndex, title, image, description, slideClasses }: SlideFullScreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/shared/ui/carouselBase/ui/slideVariants/SlideProductCard.d.ts

@@ -0,0 +1,20 @@
+import { ButtonProps } from '../../../button';
+import { ImageProps } from '../../model';
+type SlideProductCardClasses = {
+    root?: string;
+    wrapper?: string;
+    textWrapper?: string;
+    title?: string;
+    description?: string;
+    image?: string;
+    button?: string;
+};
+export interface SlideProductCardProps {
+    title?: string;
+    description?: string;
+    imgProps?: ImageProps;
+    buttonProps?: ButtonProps;
+    slideClasses?: SlideProductCardClasses;
+}
+export declare const SlideProductCard: ({ title, imgProps, description, buttonProps, slideClasses }: SlideProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/shared/ui/carouselBase/ui/slideVariants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SlideProductCard';
+export * from './SlideOnlyImage';
+export * from './SlideFullScreen';

package/dist/types/lib/shared/ui/index.d.ts

@@ -16,7 +16,7 @@ export * from './modal';
 export * from './notification';
 export * from './table';
 export * from './pagination';
-export * from './carousel';
+export * from './carouselBase';
 export * from './dialog';
 export * from './providers';
 export * from './heading';
@@ -32,3 +32,4 @@ export * from './dropdownList';
 export * from './portal';
 export * from './divider';
 export * from './confirmable';
+export * from './carousel';

package/dist/types/lib/shared/ui/progressBar/ProgressBar.d.ts

@@ -2,17 +2,20 @@ import * as React from 'react';
 type ProgressBarClasses = {
     root?: string;
     topContent?: string;
-    bottomContent?: string;
+    leftSubtitle?: React.ReactElement;
+    rightSubtitle?: React.ReactElement;
     progressBar?: string;
     progress?: string;
     loader?: string;
+    bottomContentClasses?: string;
 };
 export interface IProgressBarProps {
     topContent?: React.ReactElement;
-    bottomContent?: React.ReactElement;
+    leftSubtitle?: React.ReactElement;
+    rightSubtitle?: React.ReactElement;
     progress: number;
     maxPercent?: number;
     classes?: ProgressBarClasses;
 }
-export declare const ProgressBar: ({ topContent, bottomContent, progress, maxPercent, classes }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ topContent, leftSubtitle, rightSubtitle, progress, maxPercent, classes }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/widgets/carouselBlock/CarouselBlock.d.ts

@@ -0,0 +1,5 @@
+import { CarouselProps, SlideVariant } from '../../shared/ui';
+export interface CarouselBlockProps<V extends SlideVariant> extends CarouselProps<V> {
+}
+export declare const CarouselBlock: <V extends SlideVariant>(props: CarouselBlockProps<V>) => import("react/jsx-runtime").JSX.Element;
+export default CarouselBlock;

package/dist/types/lib/widgets/carouselBlock/index.d.ts

@@ -0,0 +1 @@
+export * from './CarouselBlock';

package/dist/types/lib/widgets/dynamicForm/model/types.d.ts

@@ -29,7 +29,8 @@ type ProgressEnabled = {
     enabled: true;
     maxPercent: number;
     title: string;
-    subtitle: string;
+    leftSubtitle: string;
+    rightSubtitle: string;
 };
 type ProgressDisabled = {
     enabled: false;

package/dist/types/lib/widgets/index.d.ts

@@ -22,4 +22,5 @@ export * from './infoBlock';
 export * from './userFeedback';
 export * from './table';
 export * from './conditionBlock';
+export * from './carouselBlock';
 export { queryClient } from './queryClientProvider';

package/dist/types/lib/widgets/model/helpers.d.ts

@@ -16,7 +16,8 @@ export declare const WIDGET_LIST_MAP: {
     readonly userFeedback: import('react').LazyExoticComponent<(props: import('..').UserFeedbackProps) => import("react/jsx-runtime").JSX.Element>;
     readonly infoTable: import('react').LazyExoticComponent<(<Key extends string, TData extends Record<Key, unknown>>(props: import('..').TableProps<Key, TData>) => import("react/jsx-runtime").JSX.Element)>;
     readonly conditionBlock: import('react').LazyExoticComponent<(<WithImages extends boolean>({ headline, classes, conditions, conditionsWithCTA }: import('../conditionBlock/ConditionBlock').ConditionBlockClassesProps<WithImages>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly carouselBlock: import('react').LazyExoticComponent<(<V extends import('../../shared/ui').SlideVariant>(props: import('..').CarouselBlockProps<V>) => import("react/jsx-runtime").JSX.Element)>;
     readonly errorPage: import('react').LazyExoticComponent<({ errorText, title, subtitle, buttonProps, links, images, backgroundColor }: import('..').ErrorPageProps) => import("react/jsx-runtime").JSX.Element>;
 };
 export declare const KEYS_OF_WIDGET_LIST: readonly AllowedWidgets[];
-export declare const widgetIds: Record<"footer" | "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "errorPage", "footer" | "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "errorPage">;
+export declare const widgetIds: Record<"footer" | "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "carouselBlock" | "errorPage", "footer" | "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "carouselBlock" | "errorPage">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.153.7",
+  "version": "0.153.9",
   "type": "module",
   "exports": {
     ".": {