@salutejs/plasma-new-hope 0.326.0-canary.2016.15556762192.0 → 0.326.0-dev.0

package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx

@@ -2,76 +2,135 @@ import * as React from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import styled from 'styled-components';
+import { getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 
+import { config } from './Carousel.config';
 import { Carousel, CarouselItem } from './Carousel';
 
-type StoryCarouselProps = ComponentProps<typeof Carousel>;
+type StoryCarouselProps = ComponentProps<typeof Carousel> & {
+    slides: number;
+    visibleDots: number;
+    paginationDisabled: boolean;
+    paginationCentered: boolean;
+};
+
+const { views, sizes } = getConfigVariations(config);
 
 const meta: Meta<StoryCarouselProps> = {
     title: 'web/Navigation/Carousel',
     component: Carousel,
     decorators: [WithTheme],
     argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
         align: {
-            options: ['center', 'start', 'end'],
+            options: ['start', 'center', 'end', 'activeDirection'],
             control: {
                 type: 'inline-radio',
             },
         },
-        isDragScrollDisabled: {
+        slides: {
+            control: 'number',
+        },
+        visibleDots: {
+            control: 'number',
+        },
+        controlArrowsDisabled: {
+            control: 'boolean',
+        },
+        paginationDisabled: {
+            control: 'boolean',
+        },
+        paginationCentered: {
             control: 'boolean',
         },
     },
     args: {
+        view: 'default',
+        size: 's',
         align: 'center',
-        isDragScrollDisabled: false,
+        visibleDots: 6,
+        slides: 10,
+        controlArrowsDisabled: false,
+        paginationDisabled: false,
+        paginationCentered: false,
     },
     parameters: {
         controls: {
-            include: ['align', 'isDragScrollDisabled'],
+            include: [
+                'align',
+                'visibleDots',
+                'slides',
+                'controlArrowsDisabled',
+                'paginationDisabled',
+                'paginationCentered',
+                'gap',
+            ],
         },
     },
 };
 
 export default meta;
 
-const items = Array(25)
-    .fill({
-        title: 'Заголовок',
-    })
-    .map(({ title }, i) => ({
-        id: i,
-        title: `${title} ${i}`,
-    }));
-
 const StyledCard = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
     position: relative;
     border-radius: 8px;
-    width: 350px;
-    height: 50px;
-    padding: 8px;
+    width: 400px;
+    height: 370px;
     background-color: #add8e6;
+    font-size: 30px;
 `;
 
-const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
-    const [index, setIndex] = React.useState(0);
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationDisabled,
+    paginationCentered,
+    ...rest
+}: StoryCarouselProps) => {
+    const items = Array(slides)
+        .fill(1)
+        .map((_, i) => ({
+            id: i,
+            title: i,
+        }));
 
     return (
-        <Carousel
-            index={index}
-            detectActive
-            onIndexChange={setIndex}
-            scrollAlign={align}
-            isDragScrollDisabled={isDragScrollDisabled}
-        >
-            {items.map((item, i) => (
-                <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
-                    <StyledCard>{item.title}</StyledCard>
-                </CarouselItem>
-            ))}
-        </Carousel>
+        <>
+            <div style={{ width: '600px' }}>
+                <Carousel
+                    scrollAlign={align}
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i}>
+                            <StyledCard>{item.title}</StyledCard>
+                        </CarouselItem>
+                    ))}
+                </Carousel>
+            </div>
+        </>
     );
 };
 

package/styled-components/es/hooks/index.js

@@ -3,5 +3,6 @@ export { useFocusTrap } from "./useFocusTrap";
 export { usePreviousValue } from "./usePreviousValue";
 export { useForceUpdate } from "./useForceUpdate";
 export { useDidMountEffect } from "./useDidMountEffect";
+export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
 export { useOutsideClick } from "./useOutsideClick";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";

package/styled-components/es/hooks/useDidMountLayoutEffect.js

@@ -0,0 +1,11 @@
+import { useLayoutEffect, useRef } from 'react';
+export var useDidMountLayoutEffect = function useDidMountLayoutEffect(fn, inputs) {
+  var didMountRef = useRef(false);
+  useLayoutEffect(function () {
+    if (didMountRef.current) {
+      fn();
+    } else {
+      didMountRef.current = true;
+    }
+  }, inputs);
+};

package/types/components/Carousel/CarouselNew/Carousel.d.ts

@@ -0,0 +1,26 @@
+import { RootProps } from '../../../../src/engines';
+import React from 'react';
+import { CarouselNewProps } from './Carousel.types';
+/**
+ * Компонент для создания списков с прокруткой.
+ */
+export declare const carouselNewRoot: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<CarouselNewProps & React.RefAttributes<HTMLDivElement>>;
+export declare const carouselNewConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<CarouselNewProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Carousel.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FAqE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAvEQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAwFhF,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts

@@ -0,0 +1,91 @@
+export declare const IconButtonComponent: import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: string | number;
+    contentRight?: never;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: never;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const CarouselWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CarouselTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const IconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: string | number;
+    contentRight?: never;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: never;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
+export declare const ControlsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Carousel.styles.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAE3D,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAuB3B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAGzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts

@@ -0,0 +1,17 @@
+export declare const classes: {
+    dot: string;
+    active: string;
+    animating: string;
+    animateIn: string;
+    animateOut: string;
+    temporaryNatural: string;
+    shrinking: string;
+    availableDotsLeft: string;
+    availableDotsRight: string;
+    rightControlButton: string;
+};
+export declare const tokens: {
+    paginationDotBackground: string;
+    paginationDotActiveBackground: string;
+};
+//# sourceMappingURL=Carousel.tokens.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.types.d.ts

@@ -0,0 +1,45 @@
+import type { HTMLAttributes } from 'react';
+export type ScrollAlign = 'start' | 'center' | 'end' | 'activeDirection';
+export interface CarouselNewProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Центрирование активного элемента при скролле.
+     * @default center
+     */
+    scrollAlign?: ScrollAlign;
+    /**
+     * Опции управления пагинацией.
+     */
+    paginationOptions?: {
+        /**
+         * Включение/выключение пагинации.
+         * @default false
+         */
+        disabled?: boolean;
+        /**
+         * Количество видимых точек пагинации.
+         * @default 10
+         */
+        visibleDots?: number;
+        /**
+         * Центрирование активной точки.
+         * @default false
+         */
+        centered?: boolean;
+    };
+    /**
+     * Включение/выключение стрелок управления слайдами.
+     * @default false
+     */
+    controlArrowsDisabled?: boolean;
+    /**
+     * Размер контрола.
+     */
+    size?: string;
+    /**
+     * Вид контрола.
+     * @default default
+     */
+    view?: string;
+}
+export type CarouselItemProps = HTMLAttributes<HTMLDivElement>;
+//# sourceMappingURL=Carousel.types.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,iBAAiB,CAAC;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAChB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { CarouselNewProps as CarouselProps, ScrollAlign } from '../Carousel.types';
+/**
+ * Подсчет смещения из-за паддингов.
+ */
+export declare const getCalculatedOffset: (scrollEl: Element, trackEl: Element) => number;
+/**
+ * Подсчет скролла до переданного индекса.
+ */
+export declare const getCalculatedPos: ({ scrollEl, items, index, offset, scrollAlign, }: {
+    scrollEl: HTMLElement;
+    items: HTMLCollectionOf<HTMLElement>;
+    index: number;
+    offset: number;
+    scrollAlign: ScrollAlign;
+}) => number;
+declare const tfs: {
+    linear: (t: number) => number;
+    easeIn: (t: number) => number;
+    easeOut: (t: number) => number;
+    easeInOut: (t: number) => number;
+};
+export type TimingFunction = keyof typeof tfs;
+/**
+ * Плавная прокрутка по горизонтали
+ * @param {Element} elem
+ * @param {number} pos
+ * @param {number} duration
+ * @param {string} timingFunction
+ */
+export declare const animatedScrollToX: (elem: Element, pos: number, duration?: number, timingFunction?: TimingFunction) => void;
+/**
+ * Прокрутка к указанной позиции с анимацией или без.
+ */
+export declare const scrollToPos: ({ scrollEl, pos, animated, duration, timingFunction, }: {
+    scrollEl: HTMLElement;
+    pos: number;
+    animated?: boolean;
+    duration?: number;
+    timingFunction?: TimingFunction;
+}) => void;
+/**
+ * Получить позицию (слот) айтема в каруселе.
+ * Каждый айтем имеет свой слот относительно вьюпорта карусели.
+ */
+export declare const getItemSlot: (itemIndex: number, itemEnd: number, itemSize: number, scrollStart: number, scrollSize: number, scrollAlign: ScrollAlign, prevIndex?: number, offset?: number) => number | null;
+export declare function getCarouselItems(track: HTMLElement): HTMLCollectionOf<HTMLElement>;
+export declare function useDebouncedFunction(func: (...args: any) => any, delay: number, cleanUp?: boolean): (...args: any[]) => void;
+type UseCarouselOptions = Pick<CarouselProps, 'scrollAlign'> & {
+    index: number;
+    throttleMs?: number;
+    debounceMs?: number;
+    detectActive?: boolean;
+    detectThreshold?: number;
+    onIndexChange?: (e: any) => void;
+};
+type UseCarouselHookResult = {
+    scrollRef: React.RefObject<HTMLDivElement>;
+    trackRef: React.RefObject<HTMLDivElement>;
+};
+export declare const useCarousel: ({ index, onIndexChange, detectActive, detectThreshold, scrollAlign, throttleMs, debounceMs, }: UseCarouselOptions) => UseCarouselHookResult;
+export {};
+//# sourceMappingURL=useCarousel.d.ts.map

package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,WAGtE,CAAC;AAsCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,qDAM1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAuBA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2DAMrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAKF,eAAO,MAAM,WAAW,kGAQrB,kBAAkB,KAAG,qBAsKvB,CAAC"}

package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DotsProps } from './Dots.types';
+export declare const Dots: React.FC<DotsProps>;
+//# sourceMappingURL=Dots.d.ts.map

package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dots.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAM7D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsPpC,CAAC"}

package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TransitionWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const DotWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LeftAnimationWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RightAnimationWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Dots.styles.d.ts.map

package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dots.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,qKAQnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAiD7B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAkBtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0ChC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKA0CjC,CAAC"}

package/types/components/Carousel/CarouselNew/ui/Dots/Dots.types.d.ts

@@ -0,0 +1,29 @@
+export interface DotsProps {
+    /**
+     * Выбранная страница
+     */
+    index: number;
+    /**
+     * Обработчик изменения индекса
+     */
+    onChange: (index: number) => void;
+    /**
+     * Количество страниц
+     */
+    count: number;
+    /**
+     * Максимальное количество видимых точек, для условий count > visibleCount
+     */
+    visibleCount: number;
+    /**
+     * Отображение активного элемента
+     * @default 'dot'
+     */
+    activeElementView?: 'dot' | 'line';
+    /**
+     * Центрирует элемент по горизонтали на всю ширину контейнера
+     * @default false
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=Dots.types.d.ts.map

package/types/components/Carousel/CarouselNew/ui/Dots/Dots.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dots.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts

@@ -0,0 +1,4 @@
+export declare const getInitialData: (index: number, count: number, visibleCount: number) => [number, number];
+export declare const getActiveIndex: (index: number, isRightDirection: boolean, count: number, visibleCount: number) => number;
+export declare const getTargetIndex: (index: number, prevIndex: number, prevActiveIndex: number, diffDotsRange: number) => number;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Carousel/CarouselNew/ui/Dots/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,UAAW,MAAM,SAAS,MAAM,gBAAgB,MAAM,KAAG,CAAC,MAAM,EAAE,MAAM,CAiBlG,CAAC;AAEF,eAAO,MAAM,cAAc,UAChB,MAAM,oBACK,OAAO,SAClB,MAAM,gBACC,MAAM,KACrB,MAcF,CAAC;AAEF,eAAO,MAAM,cAAc,UAChB,MAAM,aACF,MAAM,mBACA,MAAM,iBACR,MAAM,KACtB,MAKF,CAAC"}

package/types/components/Carousel/CarouselNew/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dots/Dots';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Carousel/CarouselNew/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Carousel/{Carousel.d.ts → CarouselOld/Carousel.d.ts}

@@ -1,4 +1,4 @@
-import { RootProps } from '../../../src/engines';
+import { RootProps } from '../../../../src/engines';
 import React from 'react';
 import { CarouselProps } from './Carousel.types';
 /**

package/types/components/Carousel/CarouselOld/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC;;;wCAuDtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAzDQ,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC;;;;;;;CAgE1E,CAAC"}

package/types/components/Carousel/CarouselOld/Carousel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/Carousel.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,qKAI/B,CAAC;AAEF,eAAO,MAAM,eAAe;qBAAiC,WAAW,GAAG,WAAW,GAAG,MAAM;EAyB9F,CAAC;AAEF,eAAO,MAAM,aAAa;mBAA+B,MAAM;iBAAe,MAAM;EASnF,CAAC"}

package/types/components/Carousel/{Carousel.types.d.ts → CarouselOld/Carousel.types.d.ts}

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'react';
-import { AsProps } from '../../../src/types';
+import { AsProps } from '../../../../src/types';
 export type SnapType = 'mandatory' | 'proximity' | 'none';
 export type SnapAlign = 'start' | 'center' | 'end';
 export type SnapStop = 'normal' | 'always';

package/types/components/Carousel/CarouselOld/Carousel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AACnC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,iBAAiB,CAAC;AAEzE,MAAM,WAAW,UAAW,SAAQ,OAAO,EAAE,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC3B;;OAEG;IACH,YAAY,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,gBAAgB;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC9B;AAED,KAAK,iBAAiB,GAAG,UAAU,GAAG,CAAC,cAAc,GAAG,gBAAgB,CAAC,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,uBAAuB,GAAG,YAAY,GAAG,YAAY,CAAC,GAAG;IAClH;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC7B,GAAG,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQ1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}

package/types/components/Carousel/CarouselOld/index.d.ts

@@ -0,0 +1,5 @@
+export { carouselConfig, carouselRoot } from './Carousel';
+export { CarouselGridWrapper } from './Carousel.styles';
+export type { CarouselProps, CarouselItemProps } from './Carousel.types';
+export { CarouselItem } from './CarouselItem';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Carousel/CarouselOld/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/types/components/Carousel/CarouselOld/useCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,QAAQ,UAAU,WAGxF,CAAC;AAyCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2DAO1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAqCA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,iEAOrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC1B,aAAa,EACX,OAAO,GACP,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,oBAAoB,GACpB,eAAe,GACf,oBAAoB,CACzB,GAAG;IACA,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAKF,eAAO,MAAM,WAAW,sLAarB,kBAAkB,KAAG,qBAuPvB,CAAC"}

package/types/components/Carousel/CarouselOld/useDragScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/useDragScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,aACpC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,yBACpB,OAAO,SAwDjC,CAAC"}

package/types/components/Carousel/index.d.ts

@@ -1,5 +1,8 @@
-export { carouselConfig, carouselRoot } from './Carousel';
-export { CarouselGridWrapper } from './Carousel.styles';
-export type { CarouselProps, CarouselItemProps } from './Carousel.types';
-export { CarouselItem } from './CarouselItem';
+export { carouselConfig, carouselRoot } from './CarouselOld/Carousel';
+export { CarouselGridWrapper } from './CarouselOld/Carousel.styles';
+export type { CarouselProps, CarouselItemProps } from './CarouselOld/Carousel.types';
+export { CarouselItem } from './CarouselOld/CarouselItem';
+export { carouselNewConfig, carouselNewRoot } from './CarouselNew/Carousel';
+export { tokens as carouselNewTokens } from './CarouselNew/Carousel.tokens';
+export type { CarouselNewProps } from './CarouselNew/Carousel.types';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Carousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/types/hooks/index.d.ts

@@ -3,6 +3,7 @@ export { useFocusTrap } from './useFocusTrap';
 export { usePreviousValue } from './usePreviousValue';
 export { useForceUpdate } from './useForceUpdate';
 export { useDidMountEffect } from './useDidMountEffect';
+export { useDidMountLayoutEffect } from './useDidMountLayoutEffect';
 export { useOutsideClick } from './useOutsideClick';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 //# sourceMappingURL=index.d.ts.map