@scbt-ecom/ui 0.153.6 → 0.153.8

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/formElements/uncontrolled/slider/ui/sliderAlgorithmic/hooks/useSliderAlgorithmic.d.ts

@@ -7,6 +7,7 @@ interface UseSliderAlgorithmic {
 }
 export declare const useSliderAlgorithmic: ({ min, max, defaultValue, value, onChange }: UseSliderAlgorithmic) => {
     handleChangeSlider: (value?: number) => void;
+    handleBlur: () => void;
     toSlider: (value: number | undefined) => number;
     fromSlider: (value: number) => number;
     sliderValue: number;

package/dist/types/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/hooks/useSliderMarks.d.ts

@@ -7,5 +7,6 @@ export declare const useSliderMarks: ({ marks, onChange, value }: UseSliderMarks
     handleChangeSlider: (value?: number) => void;
     sliderMin: number;
     sliderMax: number;
+    handleBlur: () => void;
 };
 export {};

package/dist/types/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/hooks/useSliderStep.d.ts

@@ -7,6 +7,7 @@ interface UseSliderStep {
 }
 export declare const useSliderStep: ({ min, max, step, onChange, value }: UseSliderStep) => {
     handleChangeSlider: (value?: number) => void;
+    handleBlur: () => void;
     step: number;
     sliderMin: number;
     sliderMax: number;

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/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/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.6",
+  "version": "0.153.8",
   "type": "module",
   "exports": {
     ".": {

package/dist/lib/shared/ui/carousel/CarouselBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselBase.js","sources":["../../../../../lib/shared/ui/carousel/CarouselBase.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from 'react'\nimport { type EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { useDevice } from '../../hooks'\nimport { Heading } from '../heading'\nimport {\n  defaultAutoPlayOptions,\n  defaultCarouselOptions,\n  defaultDotsOptions,\n  defaultNavArrowOptions,\n  type DotsOptions,\n  type NavArrowOptions,\n  useArrowNavigation,\n  useCarousel,\n  useDotsNavigation\n} from './model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses, CarouselContent, type CarouselContentClasses } from './ui'\nimport { ContainerWithNavigation, type ContainerWithNavigationClasses } from './ui/ContainerWithNavigation'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselClasses = {\n  root?: string\n  header?: string\n  heading?: string\n  arrowsNavWrapper?: string\n  arrowLeftClasses?: ArrowNavigationButtonClasses\n  arrowRightClasses?: ArrowNavigationButtonClasses\n  containerWithNavClasses?: ContainerWithNavigationClasses\n  carouselContentClasses?: CarouselContentClasses\n}\n\nexport interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n  heading?: string\n  carouselOptions?: EmblaOptionsType\n  dotsOptions?: DotsOptions\n  navArrowOptions?: NavArrowOptions\n  autoPlayOptions?: AutoplayOptionsType\n  setVisibleIndex: (index: number) => void\n  visibleIndex: number\n  classes?: CarouselClasses\n}\n\nexport const CarouselBase = ({\n  dotsOptions = defaultDotsOptions,\n  navArrowOptions = defaultNavArrowOptions,\n  carouselOptions = defaultCarouselOptions,\n  heading,\n  autoPlayOptions,\n  setVisibleIndex,\n  visibleIndex,\n  children,\n  classes,\n  ...props\n}: CarouselBaseProps) => {\n  const mergedCarouselOptions = { ...defaultCarouselOptions, ...carouselOptions }\n  const mergedAutoPlayOptions = { ...defaultAutoPlayOptions, ...autoPlayOptions }\n  const mergedNavArrowOptions = { ...defaultNavArrowOptions, ...navArrowOptions }\n  const mergedDotsOptions = { ...defaultDotsOptions, ...dotsOptions }\n\n  const { emblaApi, navigationHandler, emblaRef } = useCarousel({\n    carouselOptions: mergedCarouselOptions,\n    autoPlayOptions: mergedAutoPlayOptions\n  })\n\n  const dotsProps = useDotsNavigation({ emblaApi, navigationHandler, setVisibleIndex })\n  const { prevBtnDisabled, nextBtnDisabled, onClickNavigationButton } = useArrowNavigation({\n    emblaApi,\n    navigationHandler\n  })\n\n  const { isMobile, isDesktop } = useDevice()\n  const { deskVisible, mobVisible, position: navArrowPosition } = mergedNavArrowOptions ?? {}\n\n  //Отображения стрелок если переданы и мобильное разрешение\n  const withNavArrowsOnMob = mobVisible && isMobile\n  //Отображения стрелок если переданы и полноэкранное разрешение\n  const winNavArrowsOnDesk = deskVisible && isDesktop\n  //Отображения стрелок если переданы\n  const winNavArrows = winNavArrowsOnDesk || withNavArrowsOnMob\n\n  const withHeadingAndArrowsTop = Boolean(heading) || (winNavArrows && navArrowPosition === 'top-right')\n\n  return (\n    <div className={cn('flex flex-col', classes?.root)} {...props}>\n      {withHeadingAndArrowsTop && (\n        <div className={cn('flex items-center justify-between gap-6', { 'mb-6': withHeadingAndArrowsTop }, classes?.header)}>\n          {Boolean(heading) && (\n            <Heading as='h2' className={cn(classes?.heading)}>\n              Другие предложения\n            </Heading>\n          )}\n\n          {winNavArrows && navArrowPosition === 'top-right' && (\n            <div className={cn('ml-auto flex items-center gap-2', classes?.arrowsNavWrapper)}>\n              <ArrowNavigationButton\n                mode='prev'\n                onClick={onClickNavigationButton}\n                disabled={prevBtnDisabled}\n                classes={classes?.arrowLeftClasses}\n              />\n              <ArrowNavigationButton\n                mode='next'\n                onClick={onClickNavigationButton}\n                disabled={nextBtnDisabled}\n                classes={classes?.arrowRightClasses}\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {winNavArrows && navArrowPosition === 'center' ? (\n        <ContainerWithNavigation\n          onClickNavigationButton={onClickNavigationButton}\n          prevBtnDisabled={prevBtnDisabled}\n          nextBtnDisabled={nextBtnDisabled}\n          classes={classes?.containerWithNavClasses}\n        >\n          <CarouselContent\n            visibleIndex={visibleIndex}\n            dotsOptions={mergedDotsOptions}\n            ref={emblaRef}\n            dotsProps={dotsProps}\n            classes={classes?.carouselContentClasses}\n          >\n            {children}\n          </CarouselContent>\n        </ContainerWithNavigation>\n      ) : (\n        <CarouselContent\n          visibleIndex={visibleIndex}\n          dotsOptions={mergedDotsOptions}\n          ref={emblaRef}\n          dotsProps={dotsProps}\n          classes={classes?.carouselContentClasses}\n        >\n          {children}\n        </CarouselContent>\n      )}\n    </div>\n  )\n}\n"],"names":["CarouselBase","dotsOptions","defaultDotsOptions","navArrowOptions","defaultNavArrowOptions","carouselOptions","defaultCarouselOptions","heading","autoPlayOptions","setVisibleIndex","visibleIndex","children","classes","props","mergedCarouselOptions","mergedAutoPlayOptions","defaultAutoPlayOptions","mergedNavArrowOptions","mergedDotsOptions","emblaApi","navigationHandler","emblaRef","useCarousel","dotsProps","useDotsNavigation","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","useArrowNavigation","isMobile","isDesktop","useDevice","deskVisible","mobVisible","navArrowPosition","winNavArrows","withHeadingAndArrowsTop","jsxs","cn","jsx","Heading","ArrowNavigationButton","ContainerWithNavigation","CarouselContent"],"mappings":"+tBA2CO,MAAMA,GAAe,CAAC,CAC3B,YAAAC,EAAcC,EACd,gBAAAC,EAAkBC,EAClB,gBAAAC,EAAkBC,EAClB,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAAwB,CAAE,GAAGR,EAAwB,GAAGD,CAAA,EACxDU,EAAwB,CAAE,GAAGC,EAAwB,GAAGR,CAAA,EACxDS,EAAwB,CAAE,GAAGb,EAAwB,GAAGD,CAAA,EACxDe,EAAoB,CAAE,GAAGhB,EAAoB,GAAGD,CAAA,EAEhD,CAAE,SAAAkB,EAAU,kBAAAC,EAAmB,SAAAC,CAAA,EAAaC,EAAY,CAC5D,gBAAiBR,EACjB,gBAAiBC,CAAA,CAClB,EAEKQ,EAAYC,EAAkB,CAAE,SAAAL,EAAU,kBAAAC,EAAmB,gBAAAX,EAAiB,EAC9E,CAAE,gBAAAgB,EAAiB,gBAAAC,EAAiB,wBAAAC,CAAA,EAA4BC,EAAmB,CACvF,SAAAT,EACA,kBAAAC,CAAA,CACD,EAEK,CAAE,SAAAS,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,YAAAC,EAAa,WAAAC,EAAY,SAAUC,CAAA,EAAqBjB,GAAyB,CAAA,EAOnFkB,EAFqBH,GAAeF,GAFfG,GAAcJ,EAMnCO,EAA0B,EAAQ7B,GAAa4B,GAAgBD,IAAqB,YAE1F,OACEG,EAAC,OAAI,UAAWC,EAAG,gBAAiB1B,GAAS,IAAI,EAAI,GAAGC,EACrD,SAAA,CAAAuB,GACCC,EAAC,MAAA,CAAI,UAAWC,EAAG,0CAA2C,CAAE,OAAQF,CAAA,EAA2BxB,GAAS,MAAM,EAC/G,SAAA,CAAA,EAAQL,GACPgC,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG1B,GAAS,OAAO,EAAG,SAAA,oBAAA,CAElD,EAGDuB,GAAgBD,IAAqB,aACpCG,EAAC,MAAA,CAAI,UAAWC,EAAG,kCAAmC1B,GAAS,gBAAgB,EAC7E,SAAA,CAAA2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUF,EACV,QAASb,GAAS,gBAAA,CAAA,EAEpB2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUD,EACV,QAASd,GAAS,iBAAA,CAAA,CACpB,CAAA,CACF,CAAA,EAEJ,EAGDuB,GAAgBD,IAAqB,SACpCK,EAACG,EAAA,CACC,wBAAAf,EACA,gBAAAF,EACA,gBAAAC,EACA,QAASd,GAAS,wBAElB,SAAA2B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,CAAA,EAGF4B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,EAEJ,CAEJ"}