@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.41

package/carousel/{carousel.module.scss → carousel.m.scss}

@@ -1,4 +1,5 @@
 .carousel-wrapper {
+  touch-action: pan-y; // ВАЖНО: чтобы на touch-устройствах прокрутка карусели не вызывала прокрутку контейнера по перпендикулярной оси
   position: relative;
   max-width: 100%;
   max-height: 100%;

package/carousel/draggable.d.ts

@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
+import { Component, ReactNode, HTMLProps, RefObject, MouseEvent as ReactMouseEvent } from 'react';
 import { IPoint } from '../helpers/point';
-import DraggableEvent from './helpers/draggable-event';
+import { DraggableEvent } from './helpers/draggable-event';
 import { EventWithPosition } from '../helpers/events';
 export interface Control {
     isGrabbed: () => boolean;
@@ -21,10 +21,11 @@ export interface DraggableProps {
     onDragEnd?: DraggableEventHandler;
     takeControl?: (c: Control) => void;
     transitionDuration?: number;
-    containerProps?: React.HTMLProps<HTMLDivElement>;
+    containerProps?: HTMLProps<HTMLDivElement>;
+    children?: ReactNode;
 }
 /**
- * Компонент области, которую можно прокручивать перетаскиванием.
+ * Область, которую можно прокручивать перетаскиванием.
  */
 export declare class Draggable extends Component<DraggableProps> {
     isGrabbed: boolean;
@@ -32,7 +33,7 @@ export declare class Draggable extends Component<DraggableProps> {
     needPreventClick: boolean;
     currentOffset: IPoint;
     clientPosition: IPoint;
-    draggableRef: React.RefObject<HTMLDivElement>;
+    draggableRef: RefObject<HTMLDivElement>;
     offList: Array<VoidFunction>;
     /**
      * Конструктор компонента области, которую можно прокручивать перетаскиванием.
@@ -61,6 +62,12 @@ export declare class Draggable extends Component<DraggableProps> {
      * @param event Событие передвижения.
      */
     startCapture(event: EventWithPosition): void;
+    /**
+     * Проверяет, находится ли курсор в области родителя draggable.
+     * @param event Событие окончания захвата.
+     * @return Boolean Флаг нахождения курсора в пределах родителя draggable.
+     */
+    isPointInRect(event: MouseEvent | TouchEvent): boolean;
     /**
      * Обновляет смещение и все данные при необходимости.
      * @param event Событие передвижения.
@@ -76,7 +83,7 @@ export declare class Draggable extends Component<DraggableProps> {
      * Предотвращает клик если было произведено смещение мышью.
      * @param event Событие окончания захвата.
      */
-    handleClickCapture(event: React.MouseEvent<HTMLDivElement>): void;
+    handleClickCapture(event: ReactMouseEvent<HTMLDivElement>): void;
     /**
      * Возвращает разницу последней сохраненной позиции и позиции в переданном событии.
      * @param event Touch- или mouse-событие.
@@ -119,9 +126,5 @@ export declare class Draggable extends Component<DraggableProps> {
      * Рендер.
      * @inheritdoc
      */
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default Draggable;

package/carousel/draggable.js

@@ -1,49 +1,34 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Draggable = void 0;
-const react_1 = __importStar(require("react"));
-const point_1 = __importDefault(require("../helpers/point"));
-const draggable_event_1 = __importDefault(require("./helpers/draggable-event"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const point_1 = require("../helpers/point");
+const draggable_event_1 = require("./helpers/draggable-event");
 const styles_1 = require("../helpers/styles");
 const events_1 = require("../helpers/events");
+const helpers_1 = require("../helpers");
 const bind_1 = __importDefault(require("classnames/bind"));
-const draggable_module_scss_1 = __importDefault(require("./draggable.module.scss"));
-const on_1 = __importDefault(require("../helpers/on"));
-const cx = bind_1.default.bind(draggable_module_scss_1.default);
+const draggable_m_scss_1 = __importDefault(require("./draggable.m.scss"));
+const cx = bind_1.default.bind(draggable_m_scss_1.default);
 const EVENT_NAMES = {
     move: ['mousemove', 'touchmove'],
     moveEnd: ['mouseup', 'touchend', 'touchcancel'],
 };
 /**
- * Компонент области, которую можно прокручивать перетаскиванием.
+ * Область, которую можно прокручивать перетаскиванием.
  */
 class Draggable extends react_1.Component {
+    isGrabbed;
+    hasTransition;
+    needPreventClick;
+    currentOffset;
+    clientPosition;
+    draggableRef;
+    offList;
     /**
      * Конструктор компонента области, которую можно прокручивать перетаскиванием.
      * @param props Свойства.
@@ -53,8 +38,8 @@ class Draggable extends react_1.Component {
         this.isGrabbed = false;
         this.hasTransition = false;
         this.needPreventClick = false;
-        this.currentOffset = (0, point_1.default)();
-        this.clientPosition = (0, point_1.default)();
+        this.currentOffset = (0, point_1.Point)();
+        this.clientPosition = (0, point_1.Point)();
         this.draggableRef = (0, react_1.createRef)();
         this.handleClickCapture = this.handleClickCapture.bind(this);
         this.startCapture = this.startCapture.bind(this);
@@ -72,8 +57,8 @@ class Draggable extends react_1.Component {
      * Инициализирует обработчики глобальных событий.
      */
     initGlobalListeners() {
-        // eslint-disable-next-line require-jsdoc
-        const listen = (fn) => (eventName) => (0, on_1.default)(window, eventName, fn);
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        const listen = (fn) => (eventName) => (0, helpers_1.on)(window, eventName, fn);
         const moveHandler = this.handleMove.bind(this);
         const moveEndHandler = this.handleMoveEnd.bind(this);
         this.offList = [
@@ -113,37 +98,58 @@ class Draggable extends react_1.Component {
             this.saveClientPosition(event);
             if (!isTouch) {
                 event.preventDefault();
-                window.getSelection().removeAllRanges();
+                // ВАЖНО: preventDefault предотвращает расфокусировку активного поля, что порождает баги, форсируем
+                if (document.activeElement instanceof HTMLElement) {
+                    document.activeElement.blur();
+                }
+                window.getSelection()?.removeAllRanges();
             }
             onDragStart &&
-                onDragStart(new draggable_event_1.default({
-                    offset: (0, point_1.default)(x, y),
+                onDragStart(new draggable_event_1.DraggableEvent({
+                    offset: (0, point_1.Point)(x, y),
                     client: (0, events_1.getEventClientPos)(event),
                 }));
         }
     }
+    /**
+     * Проверяет, находится ли курсор в области родителя draggable.
+     * @param event Событие окончания захвата.
+     * @return Boolean Флаг нахождения курсора в пределах родителя draggable.
+     */
+    isPointInRect(event) {
+        const container = this.draggableRef.current?.parentElement;
+        const rect = container?.getBoundingClientRect();
+        const point = (0, events_1.getEventClientPos)(event);
+        return Boolean(rect &&
+            point.x >= rect.left &&
+            point.x <= rect.right &&
+            point.y >= rect.top &&
+            point.y <= rect.bottom);
+    }
     /**
      * Обновляет смещение и все данные при необходимости.
      * @param event Событие передвижения.
      */
     handleMove(event) {
-        var _a;
         const { axis, onDragMove } = this.props;
         if (this.isGrabbed) {
             const { x, y } = this.currentOffset;
             const { dx, dy } = this.getClientDelta(event);
             const offsetX = x - (axis !== 'y' ? dx : 0);
             const offsetY = y - (axis !== 'x' ? dy : 0);
-            const customEvent = new draggable_event_1.default({
-                offset: (0, point_1.default)(x, y),
+            const customEvent = new draggable_event_1.DraggableEvent({
+                offset: (0, point_1.Point)(x, y),
                 client: (0, events_1.getEventClientPos)(event),
             });
             if (!(0, events_1.isTouchEvent)(event)) {
                 // предотвращаем выделение текста на странице
                 event.preventDefault();
-                (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
-                // предотвращаем клик только на НЕ touch-устройствах тк на них срабатывает клик при перетаскивании
-                this.togglePreventClickNeed(true);
+                window.getSelection()?.removeAllRanges();
+                /*
+                Предотвращаем клик, если курсор в области карусели, иначе нет.
+                Только НЕ touch-устройства т.к. на них срабатывает клик при перетаскивании.
+                */
+                this.togglePreventClickNeed(this.isPointInRect(event));
             }
             onDragMove && onDragMove(customEvent);
             if (!customEvent.prevented) {
@@ -163,9 +169,9 @@ class Draggable extends react_1.Component {
         const { onDragEnd } = this.props;
         if (this.isGrabbed && onDragEnd) {
             !(0, events_1.isTouchEvent)(event) && event.preventDefault();
-            onDragEnd(new draggable_event_1.default({
-                offset: (0, point_1.default)(x, y),
-                client: (0, point_1.default)(clientX, clientY),
+            onDragEnd(new draggable_event_1.DraggableEvent({
+                offset: (0, point_1.Point)(x, y),
+                client: (0, point_1.Point)(clientX, clientY),
             }));
         }
         this.toggleGrabbed(false);
@@ -253,17 +259,13 @@ class Draggable extends react_1.Component {
     render() {
         const { children, containerProps = {}, transitionDuration: duration = 320 } = this.props;
         const { x, y } = this.currentOffset;
-        return (react_1.default.createElement("div", Object.assign({}, containerProps, { className: cx('draggable-container', containerProps.className), 
+        return ((0, jsx_runtime_1.jsx)("div", { ...containerProps, className: cx('draggable-container', containerProps.className), 
             // обрабатываем захват чтобы при обработке клика на дочернем элементе defaultPrevented уже был true
-            onClickCapture: this.handleClickCapture, onMouseDown: this.startCapture, onTouchStart: this.startCapture }),
-            react_1.default.createElement("div", { ref: this.draggableRef, style: {
+            onClickCapture: this.handleClickCapture, onMouseDown: this.startCapture, onTouchStart: this.startCapture, children: (0, jsx_runtime_1.jsx)("div", { ref: this.draggableRef, style: {
                     transform: (0, styles_1.getTranslateStyle)(x, y),
                     transition: this.hasTransition ? (0, styles_1.getTransitionStyle)(duration, 'transform') : '',
-                }, className: cx('draggable'), children: children })));
+                }, className: cx('draggable'), children: children }) }));
     }
 }
 exports.Draggable = Draggable;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = Draggable;
+//# sourceMappingURL=draggable.js.map

package/carousel/draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.js","sourceRoot":"","sources":["../../src/carousel/draggable.tsx"],"names":[],"mappings":"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"}

package/carousel/helpers/draggable-event.d.ts

@@ -22,7 +22,4 @@ export declare class DraggableEvent implements Data {
      */
     preventDefault(): void;
 }
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default DraggableEvent;
+export {};

package/carousel/helpers/draggable-event.js

@@ -5,6 +5,9 @@ exports.DraggableEvent = void 0;
  * Нестандартное событие перетаскивания.
  */
 class DraggableEvent {
+    prevented;
+    offset;
+    client;
     /**
      * Конструктор.
      * @param props Свойства.
@@ -24,7 +27,4 @@ class DraggableEvent {
     }
 }
 exports.DraggableEvent = DraggableEvent;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = DraggableEvent;
+//# sourceMappingURL=draggable-event.js.map

package/carousel/helpers/draggable-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable-event.js","sourceRoot":"","sources":["../../../src/carousel/helpers/draggable-event.ts"],"names":[],"mappings":";;;AAOA;;GAEG;AACH,MAAa,cAAc;IACzB,SAAS,CAAU;IACnB,MAAM,CAAS;IACf,MAAM,CAAS;IAEf;;;;;OAKG;IACH,YAAY,KAAW;QACrB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;CACF;AAvBD,wCAuBC"}

package/carousel/index.d.ts

@@ -1,311 +1,2 @@
-import React, { Component } from 'react';
-import { Control } from './draggable';
-import { IPoint } from '../helpers/point';
-import { ArrowButtonProps } from '../arrow-button';
-import { DraggableEvent } from './helpers/draggable-event';
-export interface CarouselProps {
-    /** Список элементов. */
-    items?: any[];
-    /** На сколько элементов прокручивать за раз. */
-    step?: number;
-    /** Можно ли перетаскивать мышью. */
-    draggable?: boolean | 'auto';
-    /** Активирует бесконечную прокрутку. */
-    infinite?: boolean;
-    /** Вертикальный режим. */
-    vertical?: boolean;
-    /** Включена ли автоматическая прокрутка. */
-    autoplay?: boolean;
-    /** Таймаут автоматической прокрутки. */
-    autoplayTimeout?: number;
-    /** Нужно ли останавливать авто-прокрутку при наведении мыши. */
-    autoplayHoverPause?: boolean;
-    /** Показывать ли кнопки. */
-    withControls?: boolean;
-    /** Индекс элемента к которому нужно прокрутиться. */
-    targetIndex?: number;
-    /** Сработает при монтировании. */
-    onReady?: (currentIndex: number) => void;
-    /** Вернет содержимое элемента. */
-    renderItem?: typeof Carousel.defaultRenderItem;
-    /** Вернет содержимое кнопки. */
-    renderControl?: typeof Carousel.defaultRenderControl;
-    /** Сработает при смене индекса текущего элемента. */
-    onChangeTargetIndex?: (newIndex: number) => void;
-    /** Свойства контейнера. */
-    containerProps?: React.HTMLAttributes<HTMLDivElement>;
-    /** Свойства элемента, формирующего viewport карусели. */
-    viewportElementProps?: React.HTMLAttributes<HTMLDivElement>;
-    /** Свойства кнопок. */
-    controlProps?: ArrowButtonProps;
-}
-interface State {
-    currentOffset: number;
-    isAllItemsVisible: boolean;
-}
-interface ControlData {
-    canUse: boolean;
-    onUse: () => void;
-    type: 'forward' | 'backward';
-    vertical?: boolean;
-}
-interface ElementPredicate {
-    (sibling: Element): boolean;
-}
-/**
- * Карусель.
- */
-export declare class Carousel extends Component<CarouselProps, State> {
-    infinite: boolean;
-    dragStartClient: IPoint;
-    dragStartOffset: IPoint;
-    currentIndex: number;
-    containerRef: React.RefObject<HTMLDivElement>;
-    rootElementRef: React.RefObject<HTMLDivElement>;
-    wrapperRef: React.RefObject<HTMLDivElement>;
-    timerId?: number;
-    canAutoMove?: boolean;
-    mounted?: boolean;
-    offWindowResize: () => void;
-    toggleDragTransition: Control['toggleTransition'];
-    setDragOffset: Control['setOffset'];
-    isGrabbed: Control['isGrabbed'];
-    isTransitionEnabled: Control['isTransitionEnabled'];
-    /**
-     * Конструктор.
-     * @param props Свойства.
-     */
-    constructor(props: CarouselProps);
-    /**
-     * Возвращает элемент списка.
-     * @param item Элемент списка.
-     * @param index Индекс.
-     * @return Элемент списка.
-     */
-    static defaultRenderItem(item: any, index: number): JSX.Element;
-    /**
-     * Возвращает кнопку управления.
-     * @param data Данные для вывода кнопки.
-     * @param data.canUse Можно ли использовать кнопку.
-     * @param data.onUse Выполнится при нажатии на кнопку.
-     * @param props Свойства ArrowButton.
-     * @return Кнопка управления.
-     */
-    static defaultRenderControl({ canUse, onUse, type, vertical }: ControlData, props?: ArrowButtonProps): JSX.Element;
-    /**
-     * Возвращает функцию для поиска наиболее отдаленного элемента карусели от стартовой границы viewport'а.
-     * @param data Данные.
-     * @param data.viewport Область видимости галереи.
-     * @param data.vertical Показывает, что прокрутка выполняется по вертикали.
-     * @return Функция для поиска наиболее отдаленного элемента.
-     */
-    static makeFurthestSiblingChecker({ vertical, viewport, }: {
-        vertical: boolean;
-        viewport?: DOMRect | null;
-    }): ElementPredicate;
-    /**
-     * Возвращает функцию для поиска наиболее близкого элемента карусели к viewport'у.
-     * @param data Данные.
-     * @param data.viewport Область видимости галереи.
-     * @param data.vertical Показывает, что прокрутка выполняется по вертикали.
-     * @param data.backward Показывает, что прокрутка выполняется к началу списка.
-     * @return Функция для поиска наиболее близкого элемента.
-     */
-    static makeNearestSiblingChecker({ viewport, vertical, backward, }: {
-        backward: boolean;
-        vertical: boolean;
-        viewport?: DOMRect | null;
-    }): ElementPredicate;
-    /**
-     * Геттер элемента списка.
-     * @return Элемент списка или null.
-     */
-    get listElement(): HTMLDivElement | null;
-    /**
-     * Выполняет подписку на глобальное событие "resize".
-     * Запускает прокрутку до текущего элемента.
-     * Обновляет информацию о состоянии отображения элементов.
-     */
-    componentDidMount(): void;
-    /**
-     * Подписывается на изменение размера корневого элемента.
-     * @param Observer Класс ResizeObserver.
-     */
-    observeResize(Observer?: typeof ResizeObserver): void;
-    /**
-     * Корректирует смещение при изменении размеров.
-     */
-    handleResize(): void;
-    /**
-     * По необходимости обновляет индекс текущего элемента.
-     * Обновляет информацию о состоянии отображения элементов.
-     * @param prevProps Предыдущие свойства.
-     */
-    componentDidUpdate(prevProps: CarouselProps): void;
-    /**
-     * Выполняет отписку от глобального события "resize".
-     * Отключает таймер автоматической прокрутки.
-     */
-    componentWillUnmount(): void;
-    /**
-     * Включает автоматическую прокрутку.
-     */
-    enableAutoplay(): void;
-    /**
-     * Отключает автоматическую прокрутку.
-     */
-    disableAutoplay(): void;
-    /**
-     * Переключает флаг возможности автоматической прокрутки.
-     * @param canAutoMove Флаг возможности автоматической прокрутки.
-     */
-    toggleAutoMove(canAutoMove: boolean): void;
-    /**
-     * Переключает флаг, определяющий, что компонент смонтирован.
-     * @param mounted Флаг.
-     */
-    toggleMounted(mounted: boolean): void;
-    /**
-     * Определяет, можно ли перетаскивать карусель.
-     * @return Можно ли перетаскивать карусель?
-     */
-    canDrag(): boolean;
-    /**
-     * Обновляет информацию о состоянии отображения элементов.
-     */
-    updateItemsVisibility(): void;
-    /**
-     * По возможности выполняет прокрутку карусели вперед.
-     */
-    moveForward(): void;
-    /**
-     * Выполняет конечную прокрутку карусели вперед.
-     * @param step На сколько элементов надо прокрутить карусель.
-     */
-    moveForwardFinite(step: number): void;
-    /**
-     * По возможности выполняет прокрутку карусели назад.
-     */
-    moveBackward(): void;
-    /**
-     * Выполняет конечную прокрутку карусели назад.
-     * @param step На сколько элементов надо прокрутить карусель.
-     */
-    moveBackwardFinite(step: number): void;
-    /**
-     * Выполняет прокрутку в бесконечном режиме.
-     * @param step Количество элементов для прокрутки.
-     * @param forward Нужно выполнить прокрутку вперед?
-     */
-    moveInfinite(step: number, forward: boolean): void;
-    /**
-     * Сохраняет смещение элементов карусели и позицию при захвате мышкой.
-     * Отключает плавную прокрутку.
-     * @param dragEvent Событие.
-     */
-    onDragStart(dragEvent: DraggableEvent): void;
-    /**
-     * При необходимости запускает корректировку смещения.
-     * @param dragEvent Событие.
-     */
-    onDragMove(dragEvent: DraggableEvent): void;
-    /**
-     * Корректирует смещение в бесконечном режиме.
-     * @param dragEvent Событие.
-     */
-    correctInfiniteOffset(dragEvent: DraggableEvent): void;
-    /**
-     * Определяет начальную границу (левую или верхнюю) списка не клонированных элементов.
-     * @return Начальную граница.
-     */
-    findRealItemsStartBound(): number;
-    /**
-     * Выполняет прокрутку к элементу, который наиболее близок к стартовой границе viewport'а.
-     * @param dragEvent Событие.
-     */
-    onDragEnd({ offset: endOffset, client: endClient }: DraggableEvent): void;
-    /**
-     * Определяет информацию о направлении между двумя точками.
-     * @param start Точка.
-     * @param end Точка.
-     * @return Информация.
-     */
-    defineDirection(start: IPoint, end: IPoint): {
-        forward: boolean;
-        backward: boolean;
-    };
-    /**
-     * Устанавливает индекс элемента к которому прокручена карусель.
-     * @param newIndex Индекс элемента к которому прокручена карусель.
-     * @param options Опции.
-     * @param options.withScroll Нужна ли прокрутка.
-     * @param options.needTransition Нужна ли анимация при прокрутке.
-     */
-    setCurrentIndex(newIndex: number, { withScroll, needTransition }?: {
-        withScroll?: boolean | undefined;
-        needTransition?: boolean | undefined;
-    }): void;
-    /**
-     * Прокручивает галерею к заданному элементу по индексу.
-     * @param options Свойства.
-     * @param options.targetIndex Индекс.
-     * @param options.needTransition Нужна ли плавная анимация прокрутки.
-     */
-    scrollToItem({ targetIndex, needTransition }?: {
-        targetIndex?: number | undefined;
-        needTransition?: boolean | undefined;
-    }): void;
-    /**
-     * Определяет, видны ли все элементы галереи.
-     * @return Видны ли все элементы галереи.
-     */
-    isAllItemsVisible(): boolean;
-    /**
-     * Определяет минимально возможное смещение списка элементов карусели.
-     * @return Минимально возможное смещение.
-     */
-    defineMinOffset(): number;
-    /**
-     * Возвращает длину/ширину списка элементов (в зависимости от ориентации карусели).
-     * @return Длина/ширина списка элементов.
-     */
-    getRealItemsSize(): number;
-    /**
-     * Возвращает длину/ширину области видимости карусели (в зависимости от ориентации).
-     * @return Длина/ширина области видимости.
-     */
-    getViewportSize(): number;
-    /**
-     * Возвращает данные прямоугольной области видимости карусели.
-     * @return Данные прямоугольной области видимости карусели.
-     */
-    getViewport(): DOMRect | null;
-    /**
-     * Сохраняет смещение карусели и позицию из события при старте захвата.
-     * @param dragEvent Нестандартное событие из компонента Draggable.
-     * @param dragEvent.offset Смещение.
-     * @param dragEvent.client Позиция.
-     */
-    saveDragStartData({ offset, client }: DraggableEvent): void;
-    /**
-     * Сохраняет в состоянии смещение карусели.
-     * @param newOffset Смещение.
-     * @param options Опции.
-     */
-    setCurrentOffset(newOffset: number, { withStateUpdate }?: {
-        withStateUpdate?: boolean | undefined;
-    }): void;
-    /**
-     * Получает управление от Draggable.
-     * @param control Функции управления Draggable.
-     */
-    takeDragControl(control: Control): void;
-    /** @inheritdoc */
-    render(): JSX.Element;
-    /**
-     * Формирует список элементов карусели с учетом необходимости клонирования.
-     * @return Список элементов карусели.
-     */
-    renderItems(): JSX.Element[];
-}
-export {};
+export type { CarouselState, CarouselProps, CarouselControlData } from './types';
+export { Carousel } from './carousel';