@itcase/ui-web 1.9.77 → 1.9.81

package/dist/types/components/Select/stories/SelectShape.stories.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '..';
+import { SelectDefaultMock } from './__mock__';
+const meta = {
+    title: 'Atoms / Select / Shape',
+    component: Select,
+    args: {
+        ...SelectDefaultMock,
+        appearance: 'defaultPrimary sizeM rounded',
+    },
+    parameters: {
+        maxWidth: '400px',
+        layout: 'center',
+    },
+};
+export default meta;
+export const Default = {
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const WithSearch = {
+    args: {
+        isSearchable: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const Multi = {
+    args: {
+        isClearable: true,
+        isMulti: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const LoadingIndicator = {
+    args: {
+        isLoading: true,
+        isSearchable: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const LoadingMessage = {
+    args: {
+        isLoading: true,
+        isSearchable: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const NoOptions = {
+    args: {
+        options: [],
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};

package/dist/types/components/Select/stories/SelectSize.stories.d.ts

@@ -0,0 +1,66 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Option } from '@itcase/types-core';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+        isSkeleton?: boolean;
+        onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
+    } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
+    args: {
+        appearance: "defaultPrimary sizeM";
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value?: undefined;
+            isDisabled?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isDisabled: boolean;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SizeXL: Story;
+export declare const SizeL: Story;
+export declare const SizeM: Story;
+export declare const SizeS: Story;

package/dist/types/components/Select/stories/SelectSize.stories.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '..';
+import { SelectDefaultMock } from './__mock__';
+const meta = {
+    title: 'Atoms / Select / Size',
+    component: Select,
+    args: {
+        ...SelectDefaultMock,
+        appearance: 'defaultPrimary sizeM',
+    },
+    parameters: {
+        maxWidth: '400px',
+        layout: 'center',
+    },
+};
+export default meta;
+export const SizeXL = {
+    args: {
+        appearance: 'defaultPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const SizeL = {
+    args: {
+        appearance: 'defaultPrimary sizeL',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const SizeM = {
+    args: {
+        appearance: 'defaultPrimary sizeM',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const SizeS = {
+    args: {
+        appearance: 'defaultPrimary sizeS',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};

package/dist/types/components/Select/stories/SelectStyle.stories.d.ts

@@ -0,0 +1,65 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Option } from '@itcase/types-core';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+        isSkeleton?: boolean;
+        onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
+    } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
+    args: {
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value?: undefined;
+            isDisabled?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isDisabled: boolean;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Solid: Story;
+export declare const Outlined: Story;
+export declare const Ghost: Story;
+export declare const Full: Story;

package/dist/types/components/Select/stories/SelectStyle.stories.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '..';
+import { SelectDefaultMock } from './__mock__';
+const meta = {
+    title: 'Atoms / Select / Style',
+    component: Select,
+    args: SelectDefaultMock,
+    parameters: {
+        maxWidth: '400px',
+        layout: 'center',
+    },
+};
+export default meta;
+export const Solid = {
+    args: {
+        appearance: 'defaultPrimary sizeM solid',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const Outlined = {
+    args: {
+        appearance: 'defaultPrimary sizeM outlined',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const Ghost = {
+    args: {
+        appearance: 'defaultPrimary sizeM ghost',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const Full = {
+    args: {
+        appearance: 'defaultPrimary sizeM full',
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};

package/dist/types/components/Select/stories/SelectSuccess.stories.d.ts

@@ -0,0 +1,69 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Option } from '@itcase/types-core';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+        isSkeleton?: boolean;
+        onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
+    } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
+    args: {
+        appearance: "successPrimary sizeM";
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value?: undefined;
+            isDisabled?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isDisabled: boolean;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSearch: Story;
+export declare const Multi: Story;
+export declare const LoadingIndicator: Story;
+export declare const LoadingMessage: Story;
+export declare const LoadingMessageIcon: Story;
+export declare const NoOptions: Story;

package/dist/types/components/Select/stories/SelectSuccess.stories.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '..';
+import { Loader } from '../../Loader';
+import { SelectDefaultMock } from './__mock__';
+const meta = {
+    title: 'Atoms / Select / Success',
+    component: Select,
+    args: {
+        ...SelectDefaultMock,
+        appearance: 'successPrimary sizeM',
+    },
+    parameters: {
+        maxWidth: '400px',
+        layout: 'center',
+    },
+};
+export default meta;
+export const Default = {
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const WithSearch = {
+    args: {
+        isSearchable: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const Multi = {
+    args: {
+        isMulti: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const LoadingIndicator = {
+    args: {
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        isLoading: true,
+        isSearchable: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const LoadingMessage = {
+    args: {
+        loadingMessage: () => 'Загрузка данных...',
+        isLoading: true,
+        isSearchable: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const LoadingMessageIcon = {
+    args: {
+        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS" }),
+        isLoading: true,
+        isSearchable: true,
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};
+export const NoOptions = {
+    args: {
+        noOptionsText: 'Список пуст',
+        options: [],
+    },
+    render: (args) => {
+        return _jsx(Select, { ...args });
+    },
+};

package/dist/types/components/Select/stories/__mock__/index.js

@@ -0,0 +1,38 @@
+const SelectDefaultMock = {
+    elevation: 8,
+    hideSelectedOptions: false,
+    loadingMessageText: 'Загрузка данных...',
+    noOptionsSearchText: 'Ничего не найдено...',
+    noOptionsText: 'Список пуст',
+    options: [
+        {
+            label: 'Овощи',
+            options: [
+                { label: 'Овощ 1', value: '11' },
+                { label: 'Овощ 2', value: '12' },
+                { label: 'Овощ 3', value: '13' },
+            ],
+        },
+        { label: 'Томат', value: '2', isDisabled: true },
+        { label: 'Томат красный', value: '3', isDisabled: true },
+        {
+            label: 'Томат среднеплодный (круглый)',
+            value: '4',
+            isFixed: true,
+            isSelected: true,
+        },
+        { label: 'Томат сливовидный', value: '5', isFixed: true },
+        { label: 'Томат розовый', value: '6', isFixed: true },
+        { label: 'Огурец гладкий среднеплодный', value: '7', isFixed: true },
+        { label: 'Огурец короткоплодный пупырчатый', value: '8', isFixed: true },
+        { label: 'Огурец среднеплодный пупырчатый', value: '9', isFixed: true },
+    ],
+    placeholder: 'Placeholder',
+    showBadge: false,
+    showDivider: false,
+    closeMenuOnSelect: true,
+    isClearable: true,
+    isMulti: false,
+    isSearchable: false,
+};
+export { SelectDefaultMock };

package/dist/types/components/Swiper/Swiper.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Swiper/Swiper.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import clsx from 'clsx';
+import { Swiper as SwiperJS, SwiperSlide, } from 'swiper/react';
+import { useDevicePropsGenerator, useStyles } from '@itcase/ui-core/hooks';
+import { Group } from 'src/components/Group';
+import { Text } from 'src/components/Text';
+import { Title } from 'src/components/Title';
+function Swiper(props) {
+    const { id, className, dataTestId, dataTour, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
+    const swiperRef = useRef(null);
+    const isMountedRef = useRef(false);
+    const [nextEl, nextRef] = useSwiperRef();
+    const [prevEl, prevRef] = useSwiperRef();
+    const isLoop = loop ?? true;
+    const onInitSwiper = useCallback((swiper) => {
+        if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
+            setPrevBtnDisabled(swiper.isBeginning);
+            setNextBtnDisabled(swiper.isEnd);
+        }
+    }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
+    const onSlideChange = useCallback((swiper) => {
+        if (isChangeOnClickSlide) {
+            swiper.activeIndex = activeSlideIndex || swiper.clickedIndex;
+        }
+    }, [isChangeOnClickSlide, activeSlideIndex]);
+    const onTransitionStart = useCallback((swiper) => {
+        if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
+            setPrevBtnDisabled(swiper.isBeginning);
+            setNextBtnDisabled(swiper.isEnd);
+        }
+    }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
+    const onClickShowOriginalButton = useCallback(() => {
+        const swiperInstance = swiperRef.current?.swiper;
+        const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
+        if (imgElement?.src) {
+            window.open(imgElement.src, '_blank');
+        }
+    }, [swiperRef]);
+    useImperativeHandle(forwardedRef, () => swiperRef.current, []);
+    useEffect(() => {
+        if (isMountedRef.current) {
+            const swiperInstance = swiperRef.current?.swiper;
+            // @ts-expect-error
+            swiperInstance?.updateActiveIndex(activeSlideIndex);
+            swiperInstance?.updateSlidesClasses();
+        }
+        else {
+            isMountedRef.current = true;
+        }
+    }, [activeSlideIndex]);
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
+    const { styles: style } = useStyles(props);
+    return (_jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), "data-testid": dataTestId, "data-tour": dataTour, style: style, children: [title && (_jsxs("div", { className: "swiper-block__wrapper", children: [title && (_jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (_jsxs(React.Fragment, { children: [_jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), _jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), _jsx(SwiperJS, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
+                    minRatio: minZoom,
+                    maxRatio: maxZoom,
+                    toggle: true,
+                }, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
+                    items?.map((item, i) => (_jsx(SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (_jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (_jsx(Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: _jsx(Text, { size: "s", textColor: "surfaceTextPrimary", textColorHover: "surfaceTextQuaternary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
+}
+const useSwiperRef = () => {
+    const [wrapper, setWrapper] = useState(null);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            setWrapper(ref.current);
+        }
+    }, []);
+    return [wrapper, ref];
+};
+export { Swiper };

package/dist/types/components/Swiper/index.js

@@ -0,0 +1 @@
+export { Swiper } from './Swiper';

package/dist/types/components/Swiper/stories/SwiperDemo.stories.d.ts

@@ -0,0 +1,21 @@
+import { Swiper } from '../Swiper';
+import 'swiper/css';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof Swiper;
+    args: {
+        items: import("react/jsx-runtime").JSX.Element[];
+        slidesPerView: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Demo: Story;
+export declare const CustomButtons: Story;
+export declare const WithPagination: Story;
+export declare const MultiSlides: Story;
+export declare const WithMousewheel: Story;
+export declare const Vertical: Story;
+export declare const WithOriginalLink: Story;
+export declare const Zoom: Story;

package/dist/types/components/Swiper/stories/SwiperDemo.stories.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Mousewheel, Navigation, Pagination } from 'swiper/modules';
+import { Swiper } from '../Swiper';
+import { slidesMock } from './__mock__';
+import 'swiper/css';
+const meta = {
+    title: 'Molecules / Swiper',
+    component: Swiper,
+    args: {
+        items: slidesMock,
+        slidesPerView: 1,
+    },
+};
+export default meta;
+export const Demo = {
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};
+export const CustomButtons = {
+    args: {
+        autoHeight: true,
+        modules: [Navigation],
+        nextButton: _jsx("button", { children: "next" }),
+        prevButton: _jsx("button", { children: "prev" }),
+        isNavigation: true,
+    },
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};
+export const WithPagination = {
+    args: {
+        modules: [Pagination],
+        pagination: true,
+    },
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};
+export const MultiSlides = {
+    args: {
+        slidesPerView: 3,
+    },
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};
+export const WithMousewheel = {
+    args: {
+        keyboard: true,
+        modules: [Mousewheel],
+        mousewheel: true,
+    },
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};
+export const Vertical = {
+    args: {
+        direction: 'vertical',
+        autoHeight: true,
+    },
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};
+export const WithOriginalLink = {
+    args: {
+        isShowOriginalLink: true,
+    },
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};
+export const Zoom = {
+    args: {
+        isZoomEnabled: true,
+    },
+    render: (args) => {
+        return _jsx(Swiper, { ...args });
+    },
+};

package/dist/types/components/Swiper/stories/__mock__/index.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const slidesMock = Array.from({ length: 10 }, (_, index) => (_jsxs("div", { style: {
+        width: '100%',
+        height: 'auto',
+        justifyContent: 'center',
+        alignItems: 'center',
+        fontSize: 24,
+        fontWeight: 'bold',
+        display: 'flex',
+        background: `hsl(${index * 60}, 70%, 80%)`,
+    }, children: ["Slide ", index + 1] }, index)));
+export { slidesMock };