@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.50

package/dist/carousel/carousel.m.scss

@@ -0,0 +1,41 @@
+.carousel-wrapper {
+  touch-action: pan-y; // ВАЖНО: чтобы на touch-устройствах прокрутка карусели не вызывала прокрутку контейнера по перпендикулярной оси
+  position: relative;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.full-size {
+  width: 100%;
+  height: 100%;
+}
+
+.carousel-items-container {
+  display: flex;
+  &.vertical {
+    flex-direction: column;
+  }
+}
+
+.control {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  &:not(.vertical) {
+    top: 50%;
+    &.backward {
+      left: 0;
+    }
+    &.forward {
+      left: 100%;
+    }
+  }
+  &.vertical {
+    left: 50%;
+    &.backward {
+      top: 0;
+    }
+    &.forward {
+      top: 100%;
+    }
+  }
+}

package/dist/carousel/draggable.d.ts

@@ -0,0 +1,131 @@
+import { Component, ReactNode, HTMLProps, RefObject, MouseEvent as ReactMouseEvent } from 'react';
+import { IPoint } from '../helpers/point';
+import { DraggableEvent } from './helpers/draggable-event';
+import { EventWithPosition } from '../helpers/events';
+export interface Control {
+    isGrabbed: () => boolean;
+    setOffset: typeof Draggable.prototype.setOffset;
+    toggleTransition: typeof Draggable.prototype.toggleTransition;
+    isTransitionEnabled: () => boolean;
+}
+export type Delta2d = {
+    dx: number;
+    dy: number;
+};
+export type DraggableEventHandler = (e: DraggableEvent) => void;
+export interface DraggableProps {
+    axis?: 'x' | 'y';
+    active?: boolean;
+    onDragStart?: DraggableEventHandler;
+    onDragMove?: DraggableEventHandler;
+    onDragEnd?: DraggableEventHandler;
+    takeControl?: (c: Control) => void;
+    transitionDuration?: number;
+    containerProps?: HTMLProps<HTMLDivElement>;
+    children?: ReactNode;
+}
+/**
+ * Область, которую можно прокручивать перетаскиванием.
+ */
+export declare class Draggable extends Component<DraggableProps> {
+    isGrabbed: boolean;
+    hasTransition: boolean;
+    needPreventClick: boolean;
+    currentOffset: IPoint;
+    clientPosition: IPoint;
+    dragStartClientPosition: IPoint;
+    draggableRef: RefObject<HTMLDivElement>;
+    offList: Array<VoidFunction>;
+    /**
+     * Конструктор компонента области, которую можно прокручивать перетаскиванием.
+     * @param props Свойства.
+     */
+    constructor(props: DraggableProps);
+    /**
+     * Запускает инициализацию обработки глобальных событий.
+     * Запускает передачу управления родительскому компоненту.
+     */
+    componentDidMount(): void;
+    /**
+     * Инициализирует обработчики глобальных событий.
+     */
+    initGlobalListeners(): void;
+    /**
+     * Передает управление родительскому компоненту через "takeControl".
+     */
+    passControl(): void;
+    /**
+     * Выполняет отписку от глобальных событий.
+     */
+    componentWillUnmount(): void;
+    /**
+     * Сохраняет данные захвата по событию клика/прикосновения.
+     * @param event Событие передвижения.
+     */
+    startCapture(event: EventWithPosition): void;
+    /**
+     * Проверяет, находится ли курсор в области родителя draggable.
+     * @param event Событие окончания захвата.
+     * @return Boolean Флаг нахождения курсора в пределах родителя draggable.
+     */
+    isPointInRect(event: MouseEvent | TouchEvent): boolean;
+    /**
+     * Обновляет смещение и все данные при необходимости.
+     * @param event Событие передвижения.
+     */
+    handleMove(event: MouseEvent | TouchEvent): void;
+    /**
+     * Отключает захват движения.
+     * Запускает соответствующий callback.
+     * @param event Событие окончания захвата.
+     */
+    handleMoveEnd(event: MouseEvent | TouchEvent): void;
+    /**
+     * Предотвращает клик если было произведено смещение мышью.
+     * @param event Событие окончания захвата.
+     */
+    handleClickCapture(event: ReactMouseEvent<HTMLDivElement>): void;
+    /**
+     * Возвращает разницу последней сохраненной позиции и позиции в переданном событии.
+     * @param event Touch- или mouse-событие.
+     * @return Разница.
+     */
+    getClientDelta(event: MouseEvent | TouchEvent): Delta2d;
+    /**
+     * Переключает состояние активности захвата движения.
+     * @param active Активен ли захват движения.
+     */
+    toggleGrabbed(active: boolean): void;
+    /**
+     * Переключает состояние плавного перехода через CSS-свойство "transition".
+     * @param active Нужен ли плавный переход.
+     */
+    toggleTransition(active: boolean): void;
+    /**
+     * Возвращает true, если css свойство transition активно, false в противном случае.
+     * @return Активно ли css свойство transition.
+     */
+    isTransitionEnabled(): boolean;
+    /**
+     * Сохраняет данные позиции на экземпляре.
+     * @param event Событие.
+     */
+    saveClientPosition(event: EventWithPosition): void;
+    /**
+     * Переключает состояние необходимости предотвратить клик.
+     * @param needPrevent Активен ли захват движения.
+     */
+    togglePreventClickNeed(needPrevent: boolean): void;
+    /**
+     * Устанавливает смещение через CSS-свойство transform.
+     * Сохраняет данные смещения на экземпляре.
+     * @param x Смещение по оси абсцисс.
+     * @param y Смещение по оси ординат.
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * Рендер.
+     * @inheritdoc
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/carousel/draggable.js

@@ -0,0 +1,291 @@
+"use strict";
+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 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_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;
+    dragStartClientPosition;
+    draggableRef;
+    offList;
+    /**
+     * Конструктор компонента области, которую можно прокручивать перетаскиванием.
+     * @param props Свойства.
+     */
+    constructor(props) {
+        super(props);
+        this.isGrabbed = false;
+        this.hasTransition = false;
+        this.needPreventClick = false;
+        this.currentOffset = (0, point_1.Point)();
+        this.clientPosition = (0, point_1.Point)();
+        this.dragStartClientPosition = (0, point_1.Point)();
+        this.draggableRef = (0, react_1.createRef)();
+        this.handleClickCapture = this.handleClickCapture.bind(this);
+        this.startCapture = this.startCapture.bind(this);
+        this.offList = [];
+    }
+    /**
+     * Запускает инициализацию обработки глобальных событий.
+     * Запускает передачу управления родительскому компоненту.
+     */
+    componentDidMount() {
+        this.initGlobalListeners();
+        this.passControl();
+    }
+    /**
+     * Инициализирует обработчики глобальных событий.
+     */
+    initGlobalListeners() {
+        // 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 = [
+            ...EVENT_NAMES.move.map(listen(moveHandler)),
+            ...EVENT_NAMES.moveEnd.map(listen(moveEndHandler)),
+        ];
+    }
+    /**
+     * Передает управление родительскому компоненту через "takeControl".
+     */
+    passControl() {
+        const { takeControl } = this.props;
+        takeControl &&
+            takeControl({
+                isGrabbed: () => this.isGrabbed,
+                setOffset: this.setOffset.bind(this),
+                toggleTransition: this.toggleTransition.bind(this),
+                isTransitionEnabled: this.isTransitionEnabled.bind(this),
+            });
+    }
+    /**
+     * Выполняет отписку от глобальных событий.
+     */
+    componentWillUnmount() {
+        this.offList.forEach(fn => fn());
+    }
+    /**
+     * Сохраняет данные захвата по событию клика/прикосновения.
+     * @param event Событие передвижения.
+     */
+    startCapture(event) {
+        const { x, y } = this.currentOffset;
+        const { active = true, onDragStart } = this.props;
+        const isTouch = (0, events_1.isTouchEvent)(event);
+        if (active && ((0, events_1.isMainMouseButton)(event) || isTouch)) {
+            this.toggleGrabbed(true);
+            this.saveClientPosition(event);
+            const startPos = (0, events_1.getEventClientPos)(event);
+            this.dragStartClientPosition.x = startPos.x;
+            this.dragStartClientPosition.y = startPos.y;
+            if (!isTouch) {
+                event.preventDefault();
+                // ВАЖНО: preventDefault предотвращает расфокусировку активного поля, что порождает баги, форсируем
+                if (document.activeElement instanceof HTMLElement) {
+                    document.activeElement.blur();
+                }
+                window.getSelection()?.removeAllRanges();
+            }
+            onDragStart &&
+                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) {
+        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.DraggableEvent({
+                offset: (0, point_1.Point)(x, y),
+                client: (0, events_1.getEventClientPos)(event),
+            });
+            if (!(0, events_1.isTouchEvent)(event)) {
+                // предотвращаем выделение текста на странице
+                event.preventDefault();
+                window.getSelection()?.removeAllRanges();
+            }
+            onDragMove && onDragMove(customEvent);
+            if (!customEvent.prevented) {
+                this.saveClientPosition(event);
+                this.setOffset(offsetX, offsetY);
+            }
+        }
+    }
+    /**
+     * Отключает захват движения.
+     * Запускает соответствующий callback.
+     * @param event Событие окончания захвата.
+     */
+    handleMoveEnd(event) {
+        const { x: clientX, y: clientY } = this.clientPosition;
+        const { x, y } = this.currentOffset;
+        const { onDragEnd } = this.props;
+        if (this.isGrabbed && onDragEnd) {
+            !(0, events_1.isTouchEvent)(event) && event.preventDefault();
+            onDragEnd(new draggable_event_1.DraggableEvent({
+                offset: (0, point_1.Point)(x, y),
+                client: (0, point_1.Point)(clientX, clientY),
+            }));
+        }
+        // Если было движение, предотвращаем клик
+        if (!(0, events_1.isTouchEvent)(event) && this.isGrabbed) {
+            const { axis } = this.props;
+            const endPos = (0, events_1.getEventClientPos)(event);
+            const hasMovementOnX = Math.abs(endPos.x - this.dragStartClientPosition.x) > 0;
+            const hasMovementOnY = Math.abs(endPos.y - this.dragStartClientPosition.y) > 0;
+            let hasMovement;
+            if (axis === 'x') {
+                hasMovement = hasMovementOnX;
+            }
+            else if (axis === 'y') {
+                hasMovement = hasMovementOnY;
+            }
+            else {
+                hasMovement = hasMovementOnX || hasMovementOnY;
+            }
+            if (hasMovement && this.isPointInRect(event)) {
+                this.togglePreventClickNeed(true);
+            }
+        }
+        this.toggleGrabbed(false);
+    }
+    /**
+     * Предотвращает клик если было произведено смещение мышью.
+     * @param event Событие окончания захвата.
+     */
+    handleClickCapture(event) {
+        if (this.needPreventClick) {
+            event.preventDefault();
+            this.togglePreventClickNeed(false);
+        }
+    }
+    /**
+     * Возвращает разницу последней сохраненной позиции и позиции в переданном событии.
+     * @param event Touch- или mouse-событие.
+     * @return Разница.
+     */
+    getClientDelta(event) {
+        const eventPos = (0, events_1.getEventClientPos)(event);
+        return {
+            dx: this.clientPosition.x - eventPos.x,
+            dy: this.clientPosition.y - eventPos.y,
+        };
+    }
+    /**
+     * Переключает состояние активности захвата движения.
+     * @param active Активен ли захват движения.
+     */
+    toggleGrabbed(active) {
+        this.isGrabbed = Boolean(active);
+    }
+    /**
+     * Переключает состояние плавного перехода через CSS-свойство "transition".
+     * @param active Нужен ли плавный переход.
+     */
+    toggleTransition(active) {
+        const { transitionDuration: duration = 320 } = this.props;
+        const { current: draggableEl } = this.draggableRef;
+        if (draggableEl && this.hasTransition !== Boolean(active)) {
+            this.hasTransition = Boolean(active);
+            draggableEl.style.transition = active ? (0, styles_1.getTransitionStyle)(duration, 'transform') : '';
+        }
+    }
+    /**
+     * Возвращает true, если css свойство transition активно, false в противном случае.
+     * @return Активно ли css свойство transition.
+     */
+    isTransitionEnabled() {
+        return this.hasTransition;
+    }
+    /**
+     * Сохраняет данные позиции на экземпляре.
+     * @param event Событие.
+     */
+    saveClientPosition(event) {
+        const eventPos = (0, events_1.getEventClientPos)(event);
+        this.clientPosition.x = eventPos.x;
+        this.clientPosition.y = eventPos.y;
+    }
+    /**
+     * Переключает состояние необходимости предотвратить клик.
+     * @param needPrevent Активен ли захват движения.
+     */
+    togglePreventClickNeed(needPrevent) {
+        this.needPreventClick = Boolean(needPrevent);
+    }
+    /**
+     * Устанавливает смещение через CSS-свойство transform.
+     * Сохраняет данные смещения на экземпляре.
+     * @param x Смещение по оси абсцисс.
+     * @param y Смещение по оси ординат.
+     */
+    setOffset(x, y) {
+        const { current: draggableEl } = this.draggableRef;
+        this.currentOffset.x = x || 0;
+        this.currentOffset.y = y || 0;
+        draggableEl && (draggableEl.style.transform = (0, styles_1.getTranslateStyle)(x, y));
+    }
+    /**
+     * Рендер.
+     * @inheritdoc
+     */
+    render() {
+        const { children, containerProps = {}, transitionDuration: duration = 320 } = this.props;
+        const { x, y } = this.currentOffset;
+        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, 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 }) }));
+    }
+}
+exports.Draggable = Draggable;
+//# sourceMappingURL=draggable.js.map

package/dist/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/dist/carousel/helpers/draggable-event.d.ts

@@ -0,0 +1,25 @@
+import { IPoint } from '../../helpers/point';
+interface Data {
+    offset: IPoint;
+    client: IPoint;
+}
+/**
+ * Нестандартное событие перетаскивания.
+ */
+export declare class DraggableEvent implements Data {
+    prevented: boolean;
+    offset: IPoint;
+    client: IPoint;
+    /**
+     * Конструктор.
+     * @param props Свойства.
+     * @param props.offset Смещение контента.
+     * @param props.client Клиентская позиция.
+     */
+    constructor(props: Data);
+    /**
+     * Помечает событие как отмененное.
+     */
+    preventDefault(): void;
+}
+export {};

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DraggableEvent = void 0;
+/**
+ * Нестандартное событие перетаскивания.
+ */
+class DraggableEvent {
+    prevented;
+    offset;
+    client;
+    /**
+     * Конструктор.
+     * @param props Свойства.
+     * @param props.offset Смещение контента.
+     * @param props.client Клиентская позиция.
+     */
+    constructor(props) {
+        this.prevented = false;
+        this.offset = props.offset;
+        this.client = props.client;
+    }
+    /**
+     * Помечает событие как отмененное.
+     */
+    preventDefault() {
+        this.prevented = true;
+    }
+}
+exports.DraggableEvent = DraggableEvent;
+//# sourceMappingURL=draggable-event.js.map

package/dist/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/dist/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export type { CarouselState, CarouselProps, CarouselControlData } from './types';
+export { Carousel } from './carousel';

package/dist/carousel/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Carousel = void 0;
+var carousel_1 = require("./carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return carousel_1.Carousel; } });
+//# sourceMappingURL=index.js.map

package/dist/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/carousel/index.ts"],"names":[],"mappings":";;;AACA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/carousel/types.d.ts

@@ -0,0 +1,51 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { ArrowButtonProps } from '../arrow-button';
+export interface CarouselState {
+    currentOffset: number;
+    isAllItemsVisible: boolean;
+}
+export interface CarouselControlData {
+    canUse: boolean;
+    onUse: () => void;
+    type: 'forward' | 'backward';
+    vertical?: boolean;
+}
+export interface CarouselProps {
+    /** Список элементов. */
+    items?: any[];
+    /** На сколько элементов прокручивать за раз. */
+    step?: number;
+    /** Можно ли перетаскивать мышью. */
+    draggable?: boolean | 'auto';
+    /** Активирует бесконечную прокрутку. */
+    infinite?: boolean;
+    /** Вертикальный режим. */
+    vertical?: boolean;
+    /** Включена ли автоматическая прокрутка. */
+    autoplay?: boolean;
+    /** Таймаут автоматической прокрутки. */
+    autoplayTimeout?: number;
+    /** Нужно ли останавливать авто-прокрутку при наведении мыши. */
+    autoplayHoverPause?: boolean;
+    /** Показывать ли кнопки. */
+    withControls?: boolean | 'auto';
+    /** Индекс элемента к которому нужно прокрутиться. */
+    targetIndex?: number;
+    /** Сработает при монтировании. */
+    onReady?: (currentIndex: number) => void;
+    /** Вернет содержимое элемента. */
+    renderItem?: (item: any, index: number) => ReactNode;
+    /** Вернет содержимое кнопки. */
+    renderControl?: (data: CarouselControlData, props?: ArrowButtonProps) => ReactNode;
+    /** Сработает при смене индекса текущего элемента. */
+    onChangeTargetIndex?: (newIndex: number) => void;
+    /** Свойства контейнера. */
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    /** Свойства элемента, формирующего viewport карусели. */
+    viewportElementProps?: HTMLAttributes<HTMLDivElement>;
+    /** Свойства кнопок. */
+    controlProps?: ArrowButtonProps;
+}
+export interface ElementPredicate {
+    (sibling: Element): boolean;
+}

package/dist/carousel/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/carousel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/carousel/types.ts"],"names":[],"mappings":""}

package/dist/checkbox/checkbox.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Чекбокс - элемент для управления параметром с двумя состояниями - включено и отключено.
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<import("../types").CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/checkbox/checkbox.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const bind_1 = __importDefault(require("classnames/bind"));
+const checkbox_m_scss_1 = __importDefault(require("./checkbox.m.scss"));
+const cx = bind_1.default.bind(checkbox_m_scss_1.default);
+/**
+ * Чекбокс - элемент для управления параметром с двумя состояниями - включено и отключено.
+ */
+exports.Checkbox = (0, react_1.forwardRef)(({ className, style, 'data-testid': testId = 'checkbox', 
+// input props
+...restProps }, ref) => ((0, jsx_runtime_1.jsxs)("span", { className: cx('root', className), style: style, children: [(0, jsx_runtime_1.jsx)("input", { ...restProps, "data-testid": testId, ref: ref, type: 'checkbox', className: cx('input') }), (0, jsx_runtime_1.jsxs)("svg", { width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', children: [(0, jsx_runtime_1.jsx)("rect", { x: '0.5', y: '0.5', width: '15', height: '15', rx: '1.5', className: cx('square') }), (0, jsx_runtime_1.jsx)("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M10.8 5.21967L6.4 9.18934L5.36569 8.21967C5.05327 7.92678 4.54673 7.92678 4.23431 8.21967C3.9219 8.51256 3.9219 8.98744 4.23431 9.28033L5.83431 10.7803C6.14673 11.0732 6.65327 11.0732 6.96569 10.7803L11.7657 6.28033C12.0781 5.98744 12.0781 5.51256 11.7657 5.21967C11.4533 4.92678 11.1124 4.92678 10.8 5.21967Z', fill: 'white', className: cx('mark') })] })] })));
+exports.Checkbox.displayName = 'Checkbox';
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AAEnC,2DAAyC;AACzC,wEAAuC;AAEvC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,yBAAM,CAAC,CAAC;AAEnC;;GAEG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EACE,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,UAAU;AAElC,cAAc;AACd,GAAG,SAAS,EACb,EACD,GAAG,EACH,EAAE,CAAC,CACH,kCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAClD,qCACM,SAAS,iBACA,MAAM,EACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GACtB,EAEF,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAEzD,iCAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAI,EAGjF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uTAAuT,EACzT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GACrB,IACE,IACD,CACR,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export type { CheckboxProps } from './types';
+export { Checkbox } from './checkbox';

package/dist/checkbox/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var checkbox_1 = require("./checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
+//# sourceMappingURL=index.js.map